@gustavo-valsechi/client 1.3.13 → 1.3.15

package/dist/contexts/icon/index.js

@@ -1,75 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useState } from "react";
-import { useTheme } from "../theme";
-import _ from "lodash";
-import assets from "./assets";
-const IconContext = createContext({});
-const IconProviderContainer = ({ children }) => {
-    const { content } = useTheme();
-    const [isClient, setIsClient] = useState(false);
-    const [matches, setMatches] = useState(0);
-    useEffect(() => {
-        setIsClient(true);
-    }, []);
-    useEffect(() => {
-        const firstMediaQuery = window.matchMedia(`(max-width: ${content.mobileMaxWidth})`);
-        const secoundMediaQuery = window.matchMedia(`(max-width: ${content.mobileMinWidth})`);
-        const firstHandler = (event) => setMatches(event.matches ? 1 : 0);
-        const secoundHandler = (event) => setMatches(event.matches ? 2 : 1);
-        if (firstMediaQuery.matches)
-            setMatches(1);
-        if (secoundMediaQuery.matches)
-            setMatches(2);
-        firstMediaQuery.addEventListener("change", firstHandler);
-        secoundMediaQuery.addEventListener("change", secoundHandler);
-        return () => {
-            firstMediaQuery.removeEventListener("change", firstHandler);
-            secoundMediaQuery.removeEventListener("change", secoundHandler);
-        };
-    }, []);
-    useEffect(() => {
-        if (!isClient)
-            return;
-        const processElement = (element) => {
-            var _a, _b, _c, _d, _e;
-            const name = element.getAttribute("class");
-            if (!name)
-                return;
-            const icon = _.split(_.replace(name, /fa-/g, ""), " ");
-            if (!icon.length)
-                return;
-            let svg = (_d = (_b = (_a = assets[icon[0]]) === null || _a === void 0 ? void 0 : _a[icon[1]]) !== null && _b !== void 0 ? _b : (_c = assets["solid"]) === null || _c === void 0 ? void 0 : _c[icon[0]]) !== null && _d !== void 0 ? _d : "";
-            if (!svg)
-                return;
-            svg = svg.replace(/fill=".*?"/g, 'fill="currentColor"');
-            const styles = window.getComputedStyle(element);
-            const size = Number((_e = _.split(styles.fontSize, "px")) === null || _e === void 0 ? void 0 : _e[0]) + 2;
-            element.style.width = `${size}px`;
-            element.style.height = `${size}px`;
-            element.textContent = "";
-            element.innerHTML = svg;
-        };
-        document.querySelectorAll("i").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.tagName.toLowerCase() === "i")
-                            processElement(el);
-                        el.querySelectorAll("i").forEach((child) => processElement(child));
-                    }
-                });
-            });
-        });
-        observer.observe(document.body, {
-            childList: true,
-            subtree: true,
-        });
-        return () => observer.disconnect();
-    }, [isClient, matches]);
-    return (_jsx(IconContext.Provider, { value: {}, children: children }));
-};
-const useIcon = () => useContext(IconContext);
-export { IconProviderContainer as IconProvider, useIcon };

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

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

package/dist/contexts/icon/styles.js

@@ -1,4 +0,0 @@
-import styled from "styled-components";
-export const Container = styled.div `
-  
-`;

package/dist/contexts/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./icon";
-export * from "./theme";
-export * from "./tooltip";
-export * from "./modal";

package/dist/contexts/index.js

@@ -1,5 +0,0 @@
-"use client";
-export * from "./icon";
-export * from "./theme";
-export * from "./tooltip";
-export * from "./modal";

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

@@ -1,4 +0,0 @@
-import { IModalProvider, IModalContext } from "../../interfaces";
-declare const ModalProviderContainer: ({ children }: IModalProvider) => import("react/jsx-runtime").JSX.Element;
-declare const useModal: () => IModalContext;
-export { ModalProviderContainer as ModalProvider, useModal };

package/dist/contexts/modal/index.js

@@ -1,46 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useState } from "react";
-import { usePathname } from "next/navigation";
-import { Container } from "./styles";
-import _ from "lodash";
-const ModalContext = createContext({});
-const memory = [];
-const ModalProviderContainer = ({ children }) => {
-    const pathname = usePathname();
-    const [modals, setModals] = useState([]);
-    useEffect(() => {
-        setModals(_.filter(memory, (modal) => modal.type === "fixed"));
-    }, [pathname]);
-    const add = (modal) => {
-        if (_.some(memory, (data) => data.name === modal.name))
-            return;
-        memory.push(modal);
-        setModals(memory);
-    };
-    const remove = (modalName) => {
-        const index = _.findIndex(memory, (data) => data.name === modalName);
-        memory.slice(index, 1);
-        setModals(memory);
-    };
-    const setProps = (modalName, props) => {
-        const index = _.findIndex(modals, (modal) => modal.name === modalName);
-        const content = _.find(modals, (modal) => modal.name === modalName);
-        if (!content)
-            return;
-        let settedModals = [...modals];
-        settedModals.splice(index, 1, { ...content, props: { ...content.props, ...props } });
-        setModals(settedModals);
-    };
-    return (_jsxs(ModalContext.Provider, { value: {
-            value: modals,
-            add,
-            remove,
-            setProps
-        }, children: [_jsx(Container, { children: _.map(modals, (modal, index) => {
-                    const ModalComponent = modal.component;
-                    return _jsx(ModalComponent, { ...modal.props }, index);
-                }) }), children] }));
-};
-const useModal = () => useContext(ModalContext);
-export { ModalProviderContainer as ModalProvider, useModal };

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

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

package/dist/contexts/modal/styles.js

@@ -1,4 +0,0 @@
-import styled from "styled-components";
-export const Container = styled.div `
-  
-`;

package/dist/contexts/theme/content.d.ts

@@ -1,3 +0,0 @@
-import { ICommonTheme, ITheme } from "../../interfaces";
-export declare const CommonTheme: ICommonTheme;
-export declare const Themes: ITheme;

package/dist/contexts/theme/content.js

@@ -1,74 +0,0 @@
-export const CommonTheme = {
-    secondary: "#5869da",
-    tertiary: "#629dfd33",
-    positive: "#65c965",
-    negative: "#FF334E",
-    mobileMaxWidth: "650px",
-    mobileMinWidth: "315px",
-};
-export const Themes = {
-    light: {
-        primary: "#ffffff",
-        reverse: "#353535",
-        tooltip: "#f2f2f2",
-        t8: "#000000cc",
-        t7: "#000000b3",
-        t6: "#00000099",
-        t5: "#00000080",
-        t4: "#00000066",
-        t3: "#0000004d",
-        t2: "#00000033",
-        t1: "#0000001a",
-        t08: "#00000014",
-        t05: "#0000000d",
-        t03: "#00000007",
-        t02: "#00000005",
-        t01: "#00000002",
-        lgrad: `linear-gradient(
-            to right, 
-            #dadef7 0%, 
-            #dee2f8 5%, 
-            #e2e5f9 10%, 
-            #e6e9fa 20%, 
-            #eaedfb 30%, 
-            #eff0fb 60%, 
-            #f3f4fc 80%, 
-            #f7f8fd 90%, 
-            #fbfbfe 100%
-        )`,
-        maingrad: "linear-gradient(330deg, #b9c0ff7a 0%, #ffffff 100%)",
-        ...CommonTheme,
-    },
-    dark: {
-        primary: "#333333",
-        reverse: "#b45252",
-        tooltip: "#3d3d3d",
-        t8: "#ffffffcc",
-        t7: "#ffffffb3",
-        t6: "#ffffff99",
-        t5: "#ffffff80",
-        t4: "#ffffff66",
-        t3: "#ffffff4d",
-        t2: "#ffffff33",
-        t1: "#ffffff1a",
-        t08: "#ffffff14",
-        t05: "#ffffff0d",
-        t03: "#ffffff07",
-        t02: "#ffffff05",
-        t01: "#ffffff02",
-        lgrad: `linear-gradient(
-            to right, 
-            #3d485c 0%, 
-            #3c4657 5%, 
-            #3b4353 10%, 
-            #3a414e 20%, 
-            #393f4a 30%, 
-            #373c45 60%, 
-            #363a41 80%, 
-            #35383c 90%, 
-            #343538 100%
-        )`,
-        maingrad: "linear-gradient(330deg, #1d1e27 0%, #333333 100%)",
-        ...CommonTheme,
-    }
-};

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

@@ -1,4 +0,0 @@
-import { IThemeProvider, IThemeContext } from "../../interfaces";
-declare const ThemeProviderContainer: (props: IThemeProvider) => import("react/jsx-runtime").JSX.Element;
-declare const useTheme: () => IThemeContext;
-export { ThemeProviderContainer as ThemeProvider, useTheme };

package/dist/contexts/theme/index.js

@@ -1,26 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useState } from "react";
-import { ThemeProvider } from "styled-components";
-import { Switcher } from "./styles";
-import { Themes } from "./content";
-const ThemeContext = createContext({});
-const ThemeProviderContainer = (props) => {
-    const [theme, setTheme] = useState("light");
-    const [defaultTheme] = useState("light");
-    // useEffect(() => {
-    //     if (!theme) return
-    //     (async () => await setStorage(process.env.NEXT_PUBLIC_STORAGE_THEME, theme))()
-    // }, [theme])
-    const SwitcherComponent = () => {
-        return (_jsxs(Switcher, { onClick: () => setTheme(theme === "light" ? "dark" : "light"), "data-theme": theme || defaultTheme, children: [_jsx("i", { "aria-hidden": true, className: "fa-solid fa-moon" }), _jsx("div", { className: "switcher", children: _jsx("div", {}) }), _jsx("i", { "aria-hidden": true, className: "fa-solid fa-sun" })] }));
-    };
-    return (_jsx(ThemeContext.Provider, { value: {
-            theme: props.theme || defaultTheme,
-            setTheme,
-            content: Themes[props.theme || defaultTheme],
-            Switcher: SwitcherComponent
-        }, children: _jsx(ThemeProvider, { theme: Themes[props.theme || defaultTheme], children: props.children }) }));
-};
-const useTheme = () => useContext(ThemeContext);
-export { ThemeProviderContainer as ThemeProvider, useTheme };

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

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

package/dist/contexts/theme/styles.js

@@ -1,78 +0,0 @@
-import styled from "styled-components";
-export const Switcher = styled.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

@@ -1,6 +0,0 @@
-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

@@ -1,58 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useState } from "react";
-import { Tooltip } from "./styles";
-import _ from "lodash";
-const TooltipContext = createContext({});
-const TooltipProviderContainer = ({ children }) => {
-    const [tooltips, setTooltips] = 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) || ""
-        };
-    };
-    useEffect(() => {
-        const processElement = (element) => {
-            element.addEventListener("mouseenter", (event) => {
-                const target = event === null || event === void 0 ? void 0 : event.target;
-                if (!target)
-                    return;
-                setTooltips(_.concat(tooltips, [getContent(target)]));
-            });
-            element.addEventListener("mouseleave", (event) => {
-                const target = event === null || event === void 0 ? void 0 : event.target;
-                if (!target)
-                    return;
-                setTooltips(_.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 (_jsxs(TooltipContext.Provider, { value: {}, children: [_.map(tooltips, (data, index) => _jsx(Tooltip, { style: {
-                    top: data.top,
-                    left: data.left,
-                }, children: data.content }, index)), children] }));
-};
-const useTooltip = () => useContext(TooltipContext);
-export { TooltipProviderContainer as TooltipProvider, useTooltip };

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

@@ -1 +0,0 @@
-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

@@ -1,40 +0,0 @@
-import styled from "styled-components";
-export const Tooltip = styled.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/interfaces/components/avatar/index.d.ts

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

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

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

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

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

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

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

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

@@ -1,16 +0,0 @@
-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

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

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

@@ -1,9 +0,0 @@
-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

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

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

@@ -1,16 +0,0 @@
-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

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

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

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

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

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

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

@@ -1,15 +0,0 @@
-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

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

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

@@ -1,14 +0,0 @@
-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

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

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

@@ -1,16 +0,0 @@
-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

@@ -1,7 +0,0 @@
-export * from "./file";
-export * from "./label";
-export * from "./input";
-export * from "./select";
-export * from "./button";
-export * from "./datetime";
-export * from "./textarea";

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

@@ -1,17 +0,0 @@
-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

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

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

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

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

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