@onepercentio/one-ui 0.2.0 → 0.2.3

package/dist/components/ProgressTexts/ProgressTexts.stories.js

@@ -1,90 +1,90 @@
-"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.ExemploCompleto = void 0;
-const react_1 = __importStar(require("react"));
-const ProgressTexts_1 = __importDefault(require("./ProgressTexts"));
-exports.default = {
-    component: ProgressTexts_1.default,
-    title: "Drawer de etapas",
-};
-function ExemploCompleto() {
-    const [currStep, setCurrStep] = (0, react_1.useState)(0);
-    const etapas = [
-        {
-            title: "Essa é a primeira etapa (type: wait)",
-            type: "wait",
-        },
-        {
-            title: "Essa é a segunda etapa (type: wait) com descricao",
-            description: "Descricao de exemplo",
-            type: "wait",
-        },
-        {
-            title: "Essa é uma terceira etapa (type: wait) com uma ação",
-            description: "Descricao de exemplo",
-            action: {
-                label: "Clique em mim",
-                onClick: () => alert("Quem mandou??? xD"),
-            },
-            type: "wait",
-        },
-        {
-            title: "Essa é uma ultima etapa (type: final)",
-            description: "que vai sobrepor todas as outras",
-            action: {
-                label: "Clique em mim",
-                onClick: () => alert("Denovo??? xD"),
-            },
-            type: "final",
-        },
-    ];
-    (0, react_1.useEffect)(() => {
-        setInterval(() => {
-            setCurrStep((p) => (p < 3 ? p + 1 : 0));
-        }, 3000);
-    }, []);
-    return react_1.default.createElement(ProgressTexts_1.default, { steps: etapas, currentStep: currStep });
-}
-exports.ExemploCompleto = ExemploCompleto;
-const Primary = (args) => react_1.default.createElement(ProgressTexts_1.default, Object.assign({}, args));
-exports.Primary = Primary;
-exports.Primary.args = {
-    currentStep: 0,
-    steps: [
-        {
-            title: "Titulo 1",
-            type: "final",
-        },
-        {
-            title: "Titulo 2",
-            type: "final",
-        },
-    ],
-};
+"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.ExemploCompleto = void 0;
+const react_1 = __importStar(require("react"));
+const ProgressTexts_1 = __importDefault(require("./ProgressTexts"));
+exports.default = {
+    component: ProgressTexts_1.default,
+    title: "Drawer de etapas",
+};
+function ExemploCompleto() {
+    const [currStep, setCurrStep] = (0, react_1.useState)(0);
+    const etapas = [
+        {
+            title: "Essa é a primeira etapa (type: wait)",
+            type: "wait",
+        },
+        {
+            title: "Essa é a segunda etapa (type: wait) com descricao",
+            description: "Descricao de exemplo",
+            type: "wait",
+        },
+        {
+            title: "Essa é uma terceira etapa (type: wait) com uma ação",
+            description: "Descricao de exemplo",
+            action: {
+                label: "Clique em mim",
+                onClick: () => alert("Quem mandou??? xD"),
+            },
+            type: "wait",
+        },
+        {
+            title: "Essa é uma ultima etapa (type: final)",
+            description: "que vai sobrepor todas as outras",
+            action: {
+                label: "Clique em mim",
+                onClick: () => alert("Denovo??? xD"),
+            },
+            type: "final",
+        },
+    ];
+    (0, react_1.useEffect)(() => {
+        setInterval(() => {
+            setCurrStep((p) => (p < 3 ? p + 1 : 0));
+        }, 3000);
+    }, []);
+    return react_1.default.createElement(ProgressTexts_1.default, { steps: etapas, currentStep: currStep });
+}
+exports.ExemploCompleto = ExemploCompleto;
+const Primary = (args) => react_1.default.createElement(ProgressTexts_1.default, Object.assign({}, args));
+exports.Primary = Primary;
+exports.Primary.args = {
+    currentStep: 0,
+    steps: [
+        {
+            title: "Titulo 1",
+            type: "final",
+        },
+        {
+            title: "Titulo 2",
+            type: "final",
+        },
+    ],
+};
 //# sourceMappingURL=ProgressTexts.stories.js.map

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

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

package/dist/components/ProgressTexts/ProgressTexts.test.js

@@ -1,52 +1,52 @@
-"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 ProgressTexts_1 = __importDefault(require("./ProgressTexts"));
-const ProgressTexts_module_scss_1 = __importDefault(require("./ProgressTexts.module.scss"));
-const CURRENT_STEPS = [
-    {
-        title: "First",
-        type: "wait",
-    },
-    {
-        title: "Second",
-        type: "wait",
-    },
-    {
-        title: "Final",
-        type: "final",
-    },
-];
-function renderScreen(props) {
-    return (0, react_2.render)(react_1.default.createElement(ProgressTexts_1.default, Object.assign({}, props)));
-}
-it("Should at least render :)", () => {
-    renderScreen({ steps: CURRENT_STEPS, currentStep: 0 });
-});
-it("Lodash get works fine with undefined objects", () => {
-    expect(require("lodash").get(undefined, "someprop", "default")).toEqual("default");
-});
-it("Should display the previous steps as gray", () => {
-    const w = renderScreen({ steps: CURRENT_STEPS, currentStep: 1 });
-    const firstText = w.getByText("First");
-    const secondtext = w.getByText("Second");
-    expect(firstText.parentElement.classList).toContain(ProgressTexts_module_scss_1.default.disabled);
-    expect(secondtext.parentElement.classList).toContain(ProgressTexts_module_scss_1.default.loading);
-});
-it("When a new progress of type final is pushed, it should remove the previous elements", () => {
-    const w = renderScreen({ steps: CURRENT_STEPS, currentStep: 2 });
-    const firstText = w.getByText("First");
-    const secondtext = w.getByText("Second");
-    const finalText = w.getByText("Final");
-    expect(firstText.parentElement.classList).toContain(ProgressTexts_module_scss_1.default.disabled);
-    expect(firstText.parentElement.classList).toContain(ProgressTexts_module_scss_1.default.hidden);
-    expect(secondtext.parentElement.classList).toContain(ProgressTexts_module_scss_1.default.disabled);
-    expect(secondtext.parentElement.classList).toContain(ProgressTexts_module_scss_1.default.hidden);
-    expect(finalText.parentElement.classList).toContain(ProgressTexts_module_scss_1.default.container);
-});
-it.todo("Should animate loading indication under the text to indicate progress");
+"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 ProgressTexts_1 = __importDefault(require("./ProgressTexts"));
+const ProgressTexts_module_scss_1 = __importDefault(require("./ProgressTexts.module.scss"));
+const CURRENT_STEPS = [
+    {
+        title: "First",
+        type: "wait",
+    },
+    {
+        title: "Second",
+        type: "wait",
+    },
+    {
+        title: "Final",
+        type: "final",
+    },
+];
+function renderScreen(props) {
+    return (0, react_2.render)(react_1.default.createElement(ProgressTexts_1.default, Object.assign({}, props)));
+}
+it("Should at least render :)", () => {
+    renderScreen({ steps: CURRENT_STEPS, currentStep: 0 });
+});
+it("Lodash get works fine with undefined objects", () => {
+    expect(require("lodash").get(undefined, "someprop", "default")).toEqual("default");
+});
+it("Should display the previous steps as gray", () => {
+    const w = renderScreen({ steps: CURRENT_STEPS, currentStep: 1 });
+    const firstText = w.getByText("First");
+    const secondtext = w.getByText("Second");
+    expect(firstText.parentElement.classList).toContain(ProgressTexts_module_scss_1.default.disabled);
+    expect(secondtext.parentElement.classList).toContain(ProgressTexts_module_scss_1.default.loading);
+});
+it("When a new progress of type final is pushed, it should remove the previous elements", () => {
+    const w = renderScreen({ steps: CURRENT_STEPS, currentStep: 2 });
+    const firstText = w.getByText("First");
+    const secondtext = w.getByText("Second");
+    const finalText = w.getByText("Final");
+    expect(firstText.parentElement.classList).toContain(ProgressTexts_module_scss_1.default.disabled);
+    expect(firstText.parentElement.classList).toContain(ProgressTexts_module_scss_1.default.hidden);
+    expect(secondtext.parentElement.classList).toContain(ProgressTexts_module_scss_1.default.disabled);
+    expect(secondtext.parentElement.classList).toContain(ProgressTexts_module_scss_1.default.hidden);
+    expect(finalText.parentElement.classList).toContain(ProgressTexts_module_scss_1.default.container);
+});
+it.todo("Should animate loading indication under the text to indicate progress");
 //# sourceMappingURL=ProgressTexts.test.js.map

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

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

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

package/dist/components/SectionContainer/SectionContainer.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
-export declare function createId(...args: string[]): string;
-declare const _default: React.ForwardRefExoticComponent<{
-    decoration?: "dark" | "light" | undefined;
-    section?: string | undefined;
-    className?: string | undefined;
-    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+import React from "react";
+export declare function createId(...args: string[]): string;
+declare const _default: React.ForwardRefExoticComponent<{
+    decoration?: "dark" | "light" | undefined;
+    section?: string | undefined;
+    className?: string | undefined;
+    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/dist/components/SectionContainer/SectionContainer.js

@@ -1,46 +1,46 @@
-"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.createId = void 0;
-const react_1 = __importStar(require("react"));
-const SectionContainer_module_scss_1 = __importDefault(require("./SectionContainer.module.scss"));
-function createId(...args) {
-    return args.join("-");
-}
-exports.createId = createId;
-/**
- * This component wraps a section and limits it's content as well as defining an id to reference this section
- **/
-function SectionContainer({ children, section, className = "", decoration, onClick }, ref) {
-    return (react_1.default.createElement("div", { ref: ref, onClick: onClick, className: `${SectionContainer_module_scss_1.default.root} ${className}`, id: section },
-        react_1.default.createElement("div", { className: `${SectionContainer_module_scss_1.default.content} ${decoration ? SectionContainer_module_scss_1.default.decorated : ""}` },
-            children,
-            decoration && (react_1.default.createElement("div", { className: `${SectionContainer_module_scss_1.default.decoration} ${SectionContainer_module_scss_1.default[decoration]}` })))));
-}
-exports.default = (0, react_1.forwardRef)(SectionContainer);
+"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.createId = void 0;
+const react_1 = __importStar(require("react"));
+const SectionContainer_module_scss_1 = __importDefault(require("./SectionContainer.module.scss"));
+function createId(...args) {
+    return args.join("-");
+}
+exports.createId = createId;
+/**
+ * This component wraps a section and limits it's content as well as defining an id to reference this section
+ **/
+function SectionContainer({ children, section, className = "", decoration, onClick }, ref) {
+    return (react_1.default.createElement("div", { ref: ref, onClick: onClick, className: `${SectionContainer_module_scss_1.default.root} ${className}`, id: section },
+        react_1.default.createElement("div", { className: `${SectionContainer_module_scss_1.default.content} ${decoration ? SectionContainer_module_scss_1.default.decorated : ""}` },
+            children,
+            decoration && (react_1.default.createElement("div", { className: `${SectionContainer_module_scss_1.default.decoration} ${SectionContainer_module_scss_1.default[decoration]}` })))));
+}
+exports.default = (0, react_1.forwardRef)(SectionContainer);
 //# sourceMappingURL=SectionContainer.js.map

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

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

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

package/dist/components/Select/Select.d.ts

@@ -1,22 +1,22 @@
-import { ComponentProps } from "react";
-import Input from "../Input";
-export declare type SelectItem = {
-    label: string;
-    value: string;
-};
-/**
- * A dropdown select
- **/
-declare function Select<I extends SelectItem>({ items, selected, label, onClick, loading, ...otherProps }: {
-    loading?: boolean;
-    items: Readonly<I[]>;
-    onClick: (i: I) => void;
-} & ({
-    selected?: I["value"];
-    label: string;
-} | {
-    selected: I["value"];
-    label?: string;
-}) & Omit<ComponentProps<typeof Input>, "selected" | "onClick">): JSX.Element;
-declare const _default: typeof Select;
-export default _default;
+import { ComponentProps } from "react";
+import Input from "../Input";
+export declare type SelectItem = {
+    label: string;
+    value: string;
+};
+/**
+ * A dropdown select
+ **/
+declare function Select<I extends SelectItem>({ items, selected, label, onClick, loading, ...otherProps }: {
+    loading?: boolean;
+    items: Readonly<I[]>;
+    onClick: (i: I) => void;
+} & ({
+    selected?: I["value"];
+    label: string;
+} | {
+    selected: I["value"];
+    label?: string;
+}) & Omit<ComponentProps<typeof Input>, "selected" | "onClick">): JSX.Element;
+declare const _default: typeof Select;
+export default _default;