@gustavo-valsechi/client 1.3.0

package/dist/contexts/theme/styles.js

@@ -0,0 +1,84 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switcher = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Switcher = styled_components_1.default.div `
+    width: 3rem;
+    height: 1.5rem;
+    border-radius: 1rem;
+    border: 2px solid ${({ theme }) => theme.t05};
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    position: relative;
+
+    i {
+        color: ${({ theme }) => theme.t6};
+        position: absolute;
+        transform: translateY(-50%);
+        font-size: .9rem;
+        z-index: 0;
+        transition: ease .8s;
+
+        &:first-child {
+            left: .2rem;
+            top: 50%;
+            opacity: ${(props) => props["data-theme"] === "light" ? 0 : 1};
+        }
+
+        &:last-child {
+            right: .2rem;
+            top: 50%;
+            opacity: ${(props) => props["data-theme"] === "light" ? 1 : 0};
+        }
+    }
+    
+    .switcher {
+        width: 1rem;
+        height: 1rem;
+        border-radius: 1rem;
+        position: relative;
+        transition: ease .3s;
+        transform: ${(props) => props["data-theme"] === "light" ? "transform: translateX(.2rem)" : "translateX(1.6rem)"};
+        z-index: 1;
+
+        div {
+            width: 100%;
+            height: 100%;
+            background: ${({ theme }) => theme.primary};
+            border-radius: 1rem;
+            position: relative;
+            z-index: 2;
+        }
+
+        &:after {
+            content: "";
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            border-radius: 1rem;
+            transform: scale(1.8);
+            background: ${({ theme }) => theme.t05};
+            top: 0;
+            left: 0;
+            z-index: 1;
+        }
+
+        &:before {
+            content: "";
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            border-radius: 1rem;
+            transform: scale(3);
+            background: ${({ theme }) => theme.t05};
+            top: 0;
+            left: 0;
+            z-index: 0;
+        }
+    }
+`;

package/dist/contexts/tooltip/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const TooltipProviderContainer: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const useTooltip: () => any;
+export { TooltipProviderContainer as TooltipProvider, useTooltip };

package/dist/contexts/tooltip/index.js

@@ -0,0 +1,65 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTooltip = exports.TooltipProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styles_1 = require("./styles");
+const lodash_1 = __importDefault(require("lodash"));
+const TooltipContext = (0, react_1.createContext)({});
+const TooltipProviderContainer = ({ children }) => {
+    const [tooltips, setTooltips] = (0, react_1.useState)([]);
+    const getContent = (target) => {
+        var _a;
+        const rect = target.getBoundingClientRect();
+        return {
+            top: rect.top + window.scrollY - (target.offsetHeight + 8),
+            left: rect.left + window.scrollX + (target.offsetWidth / 2),
+            content: ((_a = target.dataset) === null || _a === void 0 ? void 0 : _a.tooltip) || ""
+        };
+    };
+    (0, react_1.useEffect)(() => {
+        const processElement = (element) => {
+            element.addEventListener("mouseenter", (event) => {
+                const target = event === null || event === void 0 ? void 0 : event.target;
+                if (!target)
+                    return;
+                setTooltips(lodash_1.default.concat(tooltips, [getContent(target)]));
+            });
+            element.addEventListener("mouseleave", (event) => {
+                const target = event === null || event === void 0 ? void 0 : event.target;
+                if (!target)
+                    return;
+                setTooltips(lodash_1.default.filter(tooltips, (data) => JSON.stringify(data) === JSON.stringify(getContent(target))));
+            });
+        };
+        document.querySelectorAll("[data-tooltip]").forEach((el) => processElement(el));
+        const observer = new MutationObserver((mutations) => {
+            mutations.forEach((mutation) => {
+                mutation.addedNodes.forEach((node) => {
+                    if (node.nodeType === 1) {
+                        const el = node;
+                        if (el.getAttribute("data-tooltip"))
+                            processElement(el);
+                        el.querySelectorAll("[data-tooltip]").forEach((child) => processElement(child));
+                    }
+                });
+            });
+        });
+        observer.observe(document.body, {
+            childList: true,
+            subtree: true,
+        });
+        return () => observer.disconnect();
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)(TooltipContext.Provider, { value: {}, children: [lodash_1.default.map(tooltips, (data, index) => (0, jsx_runtime_1.jsx)(styles_1.Tooltip, { style: {
+                    top: data.top,
+                    left: data.left,
+                }, children: data.content }, index)), children] }));
+};
+exports.TooltipProvider = TooltipProviderContainer;
+const useTooltip = () => (0, react_1.useContext)(TooltipContext);
+exports.useTooltip = useTooltip;

package/dist/contexts/tooltip/styles.d.ts

@@ -0,0 +1 @@
+export declare const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/contexts/tooltip/styles.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Tooltip = styled_components_1.default.div `
+    position: fixed;
+    background: ${({ theme }) => theme.tooltip};
+    color: ${({ theme }) => theme.t6};
+    font-size: .8rem;
+    font-weight: 500;
+    text-align: center;
+    padding: .3rem .8rem;
+    border-radius: 5px;
+    transform: translateX(-50%);
+    z-index: 10;
+    border: 1px solid ${({ theme }) => theme.t05};
+
+    &::before {
+        content: "";
+        position: absolute;
+        bottom: -9px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0;
+        height: 0;
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        border-top: 8px solid ${({ theme }) => theme.t05};
+    }
+
+    &::after {
+        content: "";
+        position: absolute;
+        bottom: -8px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0;
+        height: 0;
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        border-top: 8px solid ${({ theme }) => theme.tooltip};
+    }
+`;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import "./styled";
+export * from "./components";
+export * from "./contexts";
+export * from "./interfaces";

package/dist/index.js

@@ -0,0 +1,20 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./styled");
+__exportStar(require("./components"), exports);
+__exportStar(require("./contexts"), exports);
+__exportStar(require("./interfaces"), exports);

package/dist/interfaces/components/avatar/index.d.ts

@@ -0,0 +1,6 @@
+export interface IAvatar {
+    name?: string;
+    size?: string;
+    color?: string;
+    onClick?: Function;
+}

package/dist/interfaces/components/avatar/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/components/badge/index.d.ts

@@ -0,0 +1,3 @@
+export interface IBadge {
+    value: string;
+}

package/dist/interfaces/components/badge/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/components/block/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { IComponentContent } from "@interfaces";
+interface IBase {
+    icon?: string;
+    label?: string;
+}
+export type IBlock = (IBase & {
+    component: IComponentContent;
+    content?: never;
+    children?: never;
+}) | (IBase & {
+    children: React.ReactNode;
+    component?: never;
+    content?: never;
+});
+export {};

package/dist/interfaces/components/block/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/components/chart/index.d.ts

@@ -0,0 +1,9 @@
+export interface IChart {
+    content: Array<any>;
+    yAxis: Array<any>;
+    xAxis: Array<any>;
+    min?: number;
+    max?: number;
+    colors?: Array<string>;
+    height?: number;
+}

package/dist/interfaces/components/chart/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/components/credit-card/index.d.ts

@@ -0,0 +1,16 @@
+export interface ICreditCard {
+    cvc?: string;
+    name: string;
+    number: string;
+    expiry: string;
+    onEdit?: () => any;
+    onConfig?: () => any;
+    onRemove?: () => any;
+    focused?: "name" | "number" | "expiry" | "cvc" | "" | undefined;
+    functions?: Array<{
+        icon: string;
+        label: string;
+        function?: () => any;
+        hide?: boolean;
+    }>;
+}

package/dist/interfaces/components/credit-card/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/components/form/button/index.d.ts

@@ -0,0 +1,7 @@
+export interface IButton {
+    loading?: boolean;
+    disabled?: boolean;
+    type?: string;
+    onClick?: () => void;
+    label: string;
+}

package/dist/interfaces/components/form/button/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/components/form/datetime/index.d.ts

@@ -0,0 +1,15 @@
+import { UseFormRegister } from "react-hook-form";
+export interface IInputDateTime {
+    className?: string;
+    label?: string;
+    name: string;
+    value: string;
+    mask?: (value: string) => void;
+    onFocus: (value: any) => void;
+    onChange: (event: any) => void;
+    maxLength?: number;
+    error: string;
+    disabled?: boolean;
+    required?: boolean;
+    register?: UseFormRegister<any>;
+}

package/dist/interfaces/components/form/datetime/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/components/form/file/index.d.ts

@@ -0,0 +1,14 @@
+import { UseFormRegister } from "react-hook-form";
+export interface IInputFile {
+    className?: string;
+    label?: string;
+    name: string;
+    value: string;
+    onPreview?: (url: any) => void;
+    onChange: (event: any) => void;
+    disabled?: boolean;
+    error: string;
+    onFocus: (value: string) => void;
+    required?: boolean;
+    register?: UseFormRegister<any>;
+}

package/dist/interfaces/components/form/file/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/components/form/index.d.ts

@@ -0,0 +1,16 @@
+export * from "./file";
+export * from "./label";
+export * from "./input";
+export * from "./select";
+export * from "./button";
+export * from "./datetime";
+export * from "./textarea";
+export interface IForm {
+    defaultValues?: any;
+    validation?: any;
+    formRef?: any;
+    onSubmit: (values: any, actions?: any) => void;
+    clearWhen?: boolean;
+    inputs: Array<any>;
+    buttons?: Array<any>;
+}

package/dist/interfaces/components/form/index.js

@@ -0,0 +1,23 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./file"), exports);
+__exportStar(require("./label"), exports);
+__exportStar(require("./input"), exports);
+__exportStar(require("./select"), exports);
+__exportStar(require("./button"), exports);
+__exportStar(require("./datetime"), exports);
+__exportStar(require("./textarea"), exports);

package/dist/interfaces/components/form/input/index.d.ts

@@ -0,0 +1,17 @@
+import { UseFormRegister } from "react-hook-form";
+export interface IInputText {
+    className?: string;
+    label?: string;
+    id?: string;
+    name?: string;
+    type?: string;
+    value?: string;
+    mask?: (value: string) => void;
+    onChange?: (event: any) => void;
+    maxLength?: number;
+    error?: string;
+    disabled?: boolean;
+    onFocus?: (value: any) => void;
+    required?: boolean;
+    register?: UseFormRegister<any>;
+}

package/dist/interfaces/components/form/input/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/components/form/label/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface IInputLabel {
+    className?: string;
+    children: React.ReactNode;
+}

package/dist/interfaces/components/form/label/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/components/form/select/index.d.ts

@@ -0,0 +1,14 @@
+import { UseFormRegister } from "react-hook-form";
+export interface IInputSelect {
+    className?: string;
+    label?: string;
+    name: string;
+    value?: string;
+    onChange?: (event: any) => void;
+    options: Array<any>;
+    error: string;
+    disabled?: boolean;
+    onFocus: (value: any) => void;
+    required?: boolean;
+    register?: UseFormRegister<any>;
+}

package/dist/interfaces/components/form/select/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/components/form/textarea/index.d.ts

@@ -0,0 +1,16 @@
+import { UseFormRegister } from "react-hook-form";
+export interface IInputTextarea {
+    className?: string;
+    label?: string;
+    name: string;
+    value: string;
+    mask?: (value: string) => void;
+    onChange: (event: any) => void;
+    maxLength?: number;
+    rows?: number;
+    error: string;
+    disabled?: boolean;
+    onFocus: (value: string) => void;
+    required?: boolean;
+    register?: UseFormRegister<any>;
+}

package/dist/interfaces/components/form/textarea/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,26 @@
+import React from "react";
+import * as Types from "@components/types";
+export * from "./table";
+export * from "./loading";
+export * from "./modal";
+export * from "./badge";
+export * from "./logo";
+export * from "./form";
+export * from "./chart";
+export * from "./avatar";
+export * from "./lottie";
+export * from "./credit-card";
+export * from "./block";
+export type IComponentMap = typeof Types;
+export type IComponentConfigMap = {
+    [K in keyof IComponentMap]: {
+        type: K;
+        props?: React.ComponentProps<IComponentMap[K]>;
+    };
+};
+export type IComponentConfig = IComponentConfigMap[keyof IComponentMap];
+export type IComponentContent = Array<IComponentConfig | Array<IComponentConfig>>;
+export interface IComponent {
+    className?: string;
+    content: IComponentContent;
+}

package/dist/interfaces/components/index.js

@@ -0,0 +1,27 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./table"), exports);
+__exportStar(require("./loading"), exports);
+__exportStar(require("./modal"), exports);
+__exportStar(require("./badge"), exports);
+__exportStar(require("./logo"), exports);
+__exportStar(require("./form"), exports);
+__exportStar(require("./chart"), exports);
+__exportStar(require("./avatar"), exports);
+__exportStar(require("./lottie"), exports);
+__exportStar(require("./credit-card"), exports);
+__exportStar(require("./block"), exports);

package/dist/interfaces/components/loading/app/index.d.ts

@@ -0,0 +1,3 @@
+export interface ILoadingApp {
+    initialization?: boolean;
+}

package/dist/interfaces/components/loading/app/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/components/loading/bar/index.d.ts

@@ -0,0 +1,7 @@
+export interface ILoadingBar {
+    borderRadius?: string;
+    height?: string;
+    width?: string;
+    margin?: string;
+    dark?: boolean;
+}

package/dist/interfaces/components/loading/bar/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/components/loading/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./bar";
+export * from "./app";

package/dist/interfaces/components/loading/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./bar"), exports);
+__exportStar(require("./app"), exports);

package/dist/interfaces/components/logo/index.d.ts

@@ -0,0 +1,6 @@
+export interface ILogo {
+    opacity?: string | number;
+    size?: string | number;
+    onlyPrefix?: boolean;
+    className?: string;
+}

package/dist/interfaces/components/logo/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/components/lottie/index.d.ts

@@ -0,0 +1,12 @@
+import animations from "@components/types/lottie/animations";
+interface IBase {
+    size?: number;
+}
+export type ILottie = (IBase & {
+    src: string;
+    animation?: never;
+}) | (IBase & {
+    animation: keyof typeof animations;
+    src?: never;
+});
+export {};

package/dist/interfaces/components/lottie/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/components/modal/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { IButton } from "@interfaces";
+export interface IModal {
+    toggle: boolean;
+    onClose?: () => void;
+    title?: string;
+    header?: {
+        title: string;
+        icon: string;
+    };
+    buttons?: Array<IButton>;
+    children?: React.ReactNode;
+    position?: "center" | "right" | "left";
+    noCloseIcon?: boolean;
+    content?: any;
+}

package/dist/interfaces/components/modal/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });