@onepercentio/one-ui 0.2.0 → 0.2.1

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

@@ -1,13 +1,13 @@
-import React from "react";
-import Comp from ".";
-declare const _default: {
-    component: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
-        variant?: "transparent" | "filled" | "outline" | undefined;
-    } & {
-        children?: React.ReactNode;
-    } & React.RefAttributes<HTMLButtonElement>>;
-    title: string;
-};
-export default _default;
-export declare const TodasVariacoes: () => JSX.Element[];
-export declare const Primary: (args: React.ComponentProps<typeof Comp>) => JSX.Element;
+import React from "react";
+import Comp from ".";
+declare const _default: {
+    component: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        variant?: "transparent" | "filled" | "outline" | undefined;
+    } & {
+        children?: React.ReactNode;
+    } & React.RefAttributes<HTMLButtonElement>>;
+    title: string;
+};
+export default _default;
+export declare const TodasVariacoes: () => JSX.Element[];
+export declare const Primary: (args: React.ComponentProps<typeof Comp>) => JSX.Element;

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

@@ -1,34 +1,34 @@
-"use strict";
-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 Spacing_1 = __importDefault(require("../Spacing"));
-exports.default = {
-    component: _1.default,
-    title: "Botão",
-};
-const TodasVariacoes = () => {
-    const variantes = _1.default.__docgenInfo.props
-        .variant.type.value;
-    return variantes
-        .map((a) => JSON.parse(a.value))
-        .map((a) => (react_1.default.createElement("div", { style: {
-            width: "25%",
-            marginRight: 24,
-            display: "inline-flex",
-            flexDirection: "column",
-        } },
-        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(Spacing_1.default, { size: "large" }))));
-};
-exports.TodasVariacoes = TodasVariacoes;
-const Primary = (args) => (react_1.default.createElement(_1.default, Object.assign({}, args), "Um simples bot\u00E3o"));
-exports.Primary = Primary;
+"use strict";
+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 Spacing_1 = __importDefault(require("../Spacing"));
+exports.default = {
+    component: _1.default,
+    title: "Botão",
+};
+const TodasVariacoes = () => {
+    const variantes = _1.default.__docgenInfo.props
+        .variant.type.value;
+    return variantes
+        .map((a) => JSON.parse(a.value))
+        .map((a) => (react_1.default.createElement("div", { style: {
+            width: "25%",
+            marginRight: 24,
+            display: "inline-flex",
+            flexDirection: "column",
+        } },
+        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(Spacing_1.default, { size: "large" }))));
+};
+exports.TodasVariacoes = TodasVariacoes;
+const Primary = (args) => (react_1.default.createElement(_1.default, Object.assign({}, args), "Um simples bot\u00E3o"));
+exports.Primary = Primary;
 //# sourceMappingURL=Button.stories.js.map

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

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

package/dist/components/Button/Button.test.js

@@ -1,15 +1,15 @@
-"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 Button_1 = __importDefault(require("./Button"));
-function renderScreen(props) {
-    return (0, react_2.render)(react_1.default.createElement(Button_1.default, null));
-}
-it('Should at least render :)', () => {
-    renderScreen({});
-});
+"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 Button_1 = __importDefault(require("./Button"));
+function renderScreen(props) {
+    return (0, react_2.render)(react_1.default.createElement(Button_1.default, null));
+}
+it('Should at least render :)', () => {
+    renderScreen({});
+});
 //# sourceMappingURL=Button.test.js.map

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

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

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

package/dist/components/Card/Card.d.ts

@@ -1,7 +1,7 @@
-import { PropsWithChildren } from "react";
-/**
- * A card layout that holds content
- **/
-export default function Card({ children, className }: PropsWithChildren<{
-    className?: string;
-}>): JSX.Element;
+import { PropsWithChildren } from "react";
+/**
+ * A card layout that holds content
+ **/
+export default function Card({ children, className }: PropsWithChildren<{
+    className?: string;
+}>): JSX.Element;

package/dist/components/Card/Card.js

@@ -1,15 +1,15 @@
-"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 Card_module_scss_1 = __importDefault(require("./Card.module.scss"));
-/**
- * A card layout that holds content
- **/
-function Card({ children, className = "" }) {
-    return react_1.default.createElement("div", { className: `${Card_module_scss_1.default.container} ${className}` }, children);
-}
-exports.default = Card;
+"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 Card_module_scss_1 = __importDefault(require("./Card.module.scss"));
+/**
+ * A card layout that holds content
+ **/
+function Card({ children, className = "" }) {
+    return react_1.default.createElement("div", { className: `${Card_module_scss_1.default.container} ${className}` }, children);
+}
+exports.default = Card;
 //# sourceMappingURL=Card.js.map

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

@@ -1,15 +1,15 @@
-import React from 'react';
-import Card from "./Card";
-declare const _default: {
-    component: typeof Card;
-    title: string;
-};
-export default _default;
-export declare const InitialImplementation: {
-    (...args: any): JSX.Element;
-    args: Partial<{
-        className?: string | undefined;
-    } & {
-        children?: React.ReactNode;
-    }>;
-};
+import React from 'react';
+import Card from "./Card";
+declare const _default: {
+    component: typeof Card;
+    title: string;
+};
+export default _default;
+export declare const InitialImplementation: {
+    (...args: any): JSX.Element;
+    args: Partial<{
+        className?: string | undefined;
+    } & {
+        children?: React.ReactNode;
+    }>;
+};

package/dist/components/Card/Card.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 Card_1 = __importDefault(require("./Card"));
-exports.default = {
-    component: Card_1.default,
-    title: "Card"
-};
-const InitialImplementation = (...args) => react_1.default.createElement(Card_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 Card_1 = __importDefault(require("./Card"));
+exports.default = {
+    component: Card_1.default,
+    title: "Card"
+};
+const InitialImplementation = (...args) => react_1.default.createElement(Card_1.default, Object.assign({}, args));
+exports.InitialImplementation = InitialImplementation;
+exports.InitialImplementation.args = {};
 //# sourceMappingURL=Card.stories.js.map

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

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

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

package/dist/components/CheckBox/CheckBox.d.ts

@@ -1,11 +1,11 @@
-import React, { PropsWithChildren } from "react";
-/**
- * A simple checkbox with nissan guidelines
- **/
-export default function CheckBox({ checked, onToggle, label, className, size, ...props }: PropsWithChildren<{
-    checked: boolean;
-    onToggle: (checked: boolean) => void;
-    label: React.ReactNode;
-    className?: string;
-    size?: number;
-}> & React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>): JSX.Element;
+import React, { PropsWithChildren } from "react";
+/**
+ * A simple checkbox with nissan guidelines
+ **/
+export default function CheckBox({ checked, onToggle, label, className, size, ...props }: PropsWithChildren<{
+    checked: boolean;
+    onToggle: (checked: boolean) => void;
+    label: React.ReactNode;
+    className?: string;
+    size?: number;
+}> & React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>): JSX.Element;

package/dist/components/CheckBox/CheckBox.js

@@ -1,32 +1,32 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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 CheckBox_module_scss_1 = __importDefault(require("./CheckBox.module.scss"));
-/**
- * A simple checkbox with nissan guidelines
- **/
-function CheckBox(_a) {
-    var { checked, onToggle, label, className = "", size = undefined } = _a, props = __rest(_a, ["checked", "onToggle", "label", "className", "size"]);
-    return (react_1.default.createElement("span", { className: `${CheckBox_module_scss_1.default.container} ${className}`, style: { fontSize: size } },
-        react_1.default.createElement("span", Object.assign({}, props, { onClick: (e) => {
-                onToggle(!checked);
-                e.preventDefault();
-            }, className: checked ? CheckBox_module_scss_1.default.checked : "" })),
-        label));
-}
-exports.default = CheckBox;
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 CheckBox_module_scss_1 = __importDefault(require("./CheckBox.module.scss"));
+/**
+ * A simple checkbox with nissan guidelines
+ **/
+function CheckBox(_a) {
+    var { checked, onToggle, label, className = "", size = undefined } = _a, props = __rest(_a, ["checked", "onToggle", "label", "className", "size"]);
+    return (react_1.default.createElement("span", { className: `${CheckBox_module_scss_1.default.container} ${className}`, style: { fontSize: size } },
+        react_1.default.createElement("span", Object.assign({}, props, { onClick: (e) => {
+                onToggle(!checked);
+                e.preventDefault();
+            }, className: checked ? CheckBox_module_scss_1.default.checked : "" })),
+        label));
+}
+exports.default = CheckBox;
 //# sourceMappingURL=CheckBox.js.map

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

@@ -1,20 +1,20 @@
-import React from "react";
-import CheckBox from "./CheckBox";
-declare const _default: {
-    title: string;
-    component: typeof CheckBox;
-};
-export default _default;
-export declare const Primary: {
-    (args: any): JSX.Element;
-    args: Partial<{
-        checked: boolean;
-        onToggle: (checked: boolean) => void;
-        label: React.ReactNode;
-        className?: string | undefined;
-        size?: number | undefined;
-    } & {
-        children?: React.ReactNode;
-    } & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>>;
-};
-export declare const SynergyTextAndCheckbox: (args: any) => JSX.Element[];
+import React from "react";
+import CheckBox from "./CheckBox";
+declare const _default: {
+    title: string;
+    component: typeof CheckBox;
+};
+export default _default;
+export declare const Primary: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        checked: boolean;
+        onToggle: (checked: boolean) => void;
+        label: React.ReactNode;
+        className?: string | undefined;
+        size?: number | undefined;
+    } & {
+        children?: React.ReactNode;
+    } & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>>;
+};
+export declare const SynergyTextAndCheckbox: (args: any) => JSX.Element[];

package/dist/components/CheckBox/CheckBox.stories.js

@@ -1,30 +1,30 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SynergyTextAndCheckbox = exports.Primary = void 0;
-const react_1 = __importDefault(require("react"));
-const storybookUtils_1 = require("../../storybookUtils");
-const Text_1 = __importDefault(require("../Text"));
-const CheckBox_1 = __importDefault(require("./CheckBox"));
-exports.default = {
-    title: CheckBox_1.default.name,
-    component: CheckBox_1.default,
-};
-const Primary = (args) => react_1.default.createElement(CheckBox_1.default, Object.assign({}, args));
-exports.Primary = Primary;
-exports.Primary.args = {
-    label: "Some example text",
-    size: 120,
-};
-const SynergyTextAndCheckbox = (args) => {
-    const variants = (0, storybookUtils_1.extractAllPossibilitiesFromEnumProp)(Text_1.default, "type");
-    return variants.map((type) => {
-        return (react_1.default.createElement(storybookUtils_1.SideBySideContainer, { exampleName: `Checkbox com text type=${type}` },
-            react_1.default.createElement(Text_1.default, { type: type },
-                react_1.default.createElement(CheckBox_1.default, Object.assign({ label: type, checked: Math.random() >= 0.5 }, args)))));
-    });
-};
-exports.SynergyTextAndCheckbox = SynergyTextAndCheckbox;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SynergyTextAndCheckbox = exports.Primary = void 0;
+const react_1 = __importDefault(require("react"));
+const storybookUtils_1 = require("../../storybookUtils");
+const Text_1 = __importDefault(require("../Text"));
+const CheckBox_1 = __importDefault(require("./CheckBox"));
+exports.default = {
+    title: CheckBox_1.default.name,
+    component: CheckBox_1.default,
+};
+const Primary = (args) => react_1.default.createElement(CheckBox_1.default, Object.assign({}, args));
+exports.Primary = Primary;
+exports.Primary.args = {
+    label: "Some example text",
+    size: 120,
+};
+const SynergyTextAndCheckbox = (args) => {
+    const variants = (0, storybookUtils_1.extractAllPossibilitiesFromEnumProp)(Text_1.default, "type");
+    return variants.map((type) => {
+        return (react_1.default.createElement(storybookUtils_1.SideBySideContainer, { exampleName: `Checkbox com text type=${type}` },
+            react_1.default.createElement(Text_1.default, { type: type },
+                react_1.default.createElement(CheckBox_1.default, Object.assign({ label: type, checked: Math.random() >= 0.5 }, args)))));
+    });
+};
+exports.SynergyTextAndCheckbox = SynergyTextAndCheckbox;
 //# sourceMappingURL=CheckBox.stories.js.map

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

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

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

package/dist/components/Collapsable/Collapsable.d.ts

@@ -1,33 +1,33 @@
-import React, { HTMLAttributes, PropsWithChildren } from "react";
-/**
- * Wrapps some content on a collapsable header
- **/
-export default function Collapsable({ children, title, className, onToggleOpen, open, id, mode, contentClassName, onContentClick, ...props }: PropsWithChildren<{
-    title: React.ReactNode;
-    className?: string;
-    contentClassName?: string;
-    onToggleOpen: (isOpen: boolean) => void;
-    open: boolean;
-    id?: string | undefined;
-    /** This will define if the content will be floating under the title or will expand all the container as one */
-    mode?: "block" | "float";
-    "data-testid"?: string;
-    onContentClick?: HTMLAttributes<HTMLInputElement>["onClick"];
-}>): JSX.Element;
-declare class _CollapsableInterface {
-    _id: string;
-    constructor(id: string);
-    _getElements(): {
-        header: HTMLElement | null;
-        content: HTMLElement | null;
-    };
-    open(onOpened: () => void): void;
-    getElement(type: "header" | "content"): HTMLDivElement | null;
-}
-/**
- * A helper function for interacting with collapsables without a reference
- * @param id
- * @returns
- */
-export declare function CollapsableInterface(id: string): _CollapsableInterface;
-export {};
+import React, { HTMLAttributes, PropsWithChildren } from "react";
+/**
+ * Wrapps some content on a collapsable header
+ **/
+export default function Collapsable({ children, title, className, onToggleOpen, open, id, mode, contentClassName, onContentClick, ...props }: PropsWithChildren<{
+    title: React.ReactNode;
+    className?: string;
+    contentClassName?: string;
+    onToggleOpen: (isOpen: boolean) => void;
+    open: boolean;
+    id?: string | undefined;
+    /** This will define if the content will be floating under the title or will expand all the container as one */
+    mode?: "block" | "float";
+    "data-testid"?: string;
+    onContentClick?: HTMLAttributes<HTMLInputElement>["onClick"];
+}>): JSX.Element;
+declare class _CollapsableInterface {
+    _id: string;
+    constructor(id: string);
+    _getElements(): {
+        header: HTMLElement | null;
+        content: HTMLElement | null;
+    };
+    open(onOpened: () => void): void;
+    getElement(type: "header" | "content"): HTMLDivElement | null;
+}
+/**
+ * A helper function for interacting with collapsables without a reference
+ * @param id
+ * @returns
+ */
+export declare function CollapsableInterface(id: string): _CollapsableInterface;
+export {};