@gustavo-valsechi/client 1.3.14 → 1.3.16

package/dist/components/types/table/index.js

@@ -1,93 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { Container } from "./styles";
-import { LoadingBar } from "../../../components";
-import { Paginate } from "./paginate";
-import { useModal, useTheme } from "../../../contexts";
-import _ from "lodash";
-import Modal from "./modal";
-export * from "./paginate";
-export function Table(props) {
-    var _a, _b, _c, _d, _e, _f;
-    const theme = useTheme();
-    const modal = useModal();
-    const loading = ((_a = props.loading) === null || _a === void 0 ? void 0 : _a.is) || props.loading;
-    useEffect(() => {
-        modal.add({ component: Modal, name: "table" });
-        return () => modal.remove("table");
-    }, []);
-    const onShowLine = (key) => {
-        if (window.innerWidth > Number(_.replace(theme.content.mobileMaxWidth, "px", "")))
-            return;
-        let content = {};
-        _.forEach(props.options, (data, index) => {
-            var _a, _b;
-            const column = ((_a = data.column) === null || _a === void 0 ? void 0 : _a.name) || data.column;
-            const columnName = !_.isString(column) ? props.options.length - 1 === index ? "actions" : "" : column;
-            content[columnName] = columnName === "actions" ? (_b = data.row) === null || _b === void 0 ? void 0 : _b.actions : renderRowContainer(props.content[key], data);
-        });
-        modal.setProps("table", { toggle: true, content });
-    };
-    const renderRowContainer = (data, option) => {
-        var _a, _b, _c, _d;
-        return (_jsx("div", { className: `
-          iz-table-content 
-          ${((_a = option.row) === null || _a === void 0 ? void 0 : _a.actions) ? "iz-table-action" : ""} 
-          ${((_b = option.row) === null || _b === void 0 ? void 0 : _b.icon) ? "iz-table-identifier" : ""}
-        `, style: _.isFunction((_c = option.row) === null || _c === void 0 ? void 0 : _c.style)
-                ? option.row.style(data, option)
-                : (_d = option.row) === null || _d === void 0 ? void 0 : _d.style, children: renderRowContent(data, option) }));
-    };
-    const renderRowContent = (data, option) => {
-        var _a, _b, _c, _d, _e;
-        if (!!((_a = option.row) === null || _a === void 0 ? void 0 : _a.actions)) {
-            return (_jsx("div", { className: "iz-table-actions", children: _.map((_b = option.row) === null || _b === void 0 ? void 0 : _b.actions, (action, index) => renderButton(action, data, index)) }));
-        }
-        if ((_c = option.row) === null || _c === void 0 ? void 0 : _c.icon) {
-            return (_jsx("div", { className: "iz-table-icon", children: _jsx("i", { "aria-hidden": true, className: _.isFunction((_d = option.row) === null || _d === void 0 ? void 0 : _d.icon)
-                        ? option.row.icon(data) || "fa-solid fa-circle-user"
-                        : ((_e = option.row) === null || _e === void 0 ? void 0 : _e.icon) || "fa-solid fa-circle-user" }) }));
-        }
-        return renderRowText(data, option);
-    };
-    const renderButton = (action, data, index) => {
-        return (_jsx("button", { className: `iz-table-button ${_.includes(action.icon, "trash") ? "negative" : ""}`, onClick: () => action.function ? action.function(data) : null, disabled: action.disabled, "data-tooltip": action.tooltip, children: _jsx("i", { "aria-hidden": true, className: action.icon || "fa-solid fa-eye" }) }, index));
-    };
-    const renderRowText = (data, option) => {
-        const row = option.row || {};
-        const content = data[row.name] || data;
-        let body;
-        while (!body) {
-            if (_.isString(row))
-                body = data[row];
-            if (_.isString(content))
-                body = content;
-            if (_.isFunction(row.mask))
-                body = row.mask(content);
-            if (_.isFunction(row.custom))
-                body = row.custom(content);
-            body = body !== null && body !== void 0 ? body : "---";
-        }
-        return (_jsx("div", { className: "iz-table-content-elipse", title: _.isString(body) ? body : "", children: body }));
-    };
-    return (_jsxs(Container, { notFound: !((_b = props.content) === null || _b === void 0 ? void 0 : _b.length) && !props.loading, children: [_jsx("div", { className: "iz-table-container", children: _jsxs("table", { children: [_jsx("thead", { children: _jsx("tr", { children: _.map(props.options, (option, index) => {
-                                    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-                                    return _jsx("th", { style: (_a = option.column) === null || _a === void 0 ? void 0 : _a.style, children: _jsx("div", { className: `iz-table-content ${((_b = option.column) === null || _b === void 0 ? void 0 : _b.action)
-                                                ? `iz-table-action ${((_d = (_c = option.column) === null || _c === void 0 ? void 0 : _c.action) === null || _d === void 0 ? void 0 : _d.position)
-                                                    ? (_f = (_e = option.column) === null || _e === void 0 ? void 0 : _e.action) === null || _f === void 0 ? void 0 : _f.position
-                                                    : ""}`
-                                                : ""}`, children: !!((_g = option.column) === null || _g === void 0 ? void 0 : _g.action)
-                                                ? renderButton(option.column.action)
-                                                : _.isString(((_h = option.column) === null || _h === void 0 ? void 0 : _h.name) || option.column) ? ((_j = option.column) === null || _j === void 0 ? void 0 : _j.name) || option.column : "" }) }, index);
-                                }) }) }), _jsx("tbody", { children: loading
-                                ? _.map(((_c = props.loading) === null || _c === void 0 ? void 0 : _c.items) || [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], (data, key) => _jsx("tr", { children: _.map(props.options, (data, index) => {
-                                        var _a;
-                                        return (_jsx("td", { children: _jsx(LoadingBar, { height: "2.5rem", borderRadius: index === 0
-                                                    ? "5px 0 0 5px"
-                                                    : ((_a = props.options) === null || _a === void 0 ? void 0 : _a.length) - 1 === index
-                                                        ? "0 5px 5px 0"
-                                                        : "0", margin: key === 0 ? "1.5rem 0 0" : ".5rem 0 0" }) }, index));
-                                    }) }, key))
-                                : _.map(props.content, (data, key) => _jsx("tr", { children: _.map(props.options, (option, index) => (_jsx("td", { onClick: () => index < 2 ? onShowLine(key) : null, children: renderRowContainer(data, option) }, index))) }, key)) })] }) }), !((_d = props.content) === null || _d === void 0 ? void 0 : _d.length) && !props.loading && (_jsxs("div", { className: "iz-table-not-found", children: [_jsx("p", { children: ((_e = props.notFound) === null || _e === void 0 ? void 0 : _e.title) || "Nenhuma campanha encontrado" }), _jsx("p", { children: ((_f = props.notFound) === null || _f === void 0 ? void 0 : _f.message) || "Envie uma campanha de marketing para aparecer algum registro" })] })), !!props.paginate && _jsx(Paginate, { ...props.paginate })] }));
-}

package/dist/components/types/table/modal/actions.d.ts

@@ -1,10 +0,0 @@
-declare const actionConfig: {
-    "fa-solid fa-pen-to-square": {
-        label: string;
-    };
-    "fa-solid fa-trash-can": {
-        label: string;
-        color: string;
-    };
-};
-export default actionConfig;

package/dist/components/types/table/modal/actions.js

@@ -1,6 +0,0 @@
-import { CommonTheme } from "../../../../contexts/theme/content";
-const actionConfig = {
-    "fa-solid fa-pen-to-square": { label: "editar" },
-    "fa-solid fa-trash-can": { label: "remover", color: CommonTheme.negative },
-};
-export default actionConfig;

package/dist/components/types/table/modal/index.d.ts

@@ -1,2 +0,0 @@
-import { IModal } from "../../../../interfaces";
-export default function Modal(props: IModal): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/table/modal/index.js

@@ -1,37 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Content } from "./styles";
-import { Container } from "../styles";
-import { Component } from "../../..";
-import { useModal } from "../../../../contexts";
-import _ from "lodash";
-import actionConfig from "./actions";
-export default function Modal(props) {
-    const modal = useModal();
-    const content = _.omit(props.content, ["actions"]);
-    const actions = Object.values(_.pick(props.content, ["actions"]))[0];
-    const onClose = () => {
-        modal.setProps("table", { toggle: false });
-    };
-    return (_jsx(Component, { content: [{
-                type: "Modal",
-                props: {
-                    toggle: props.toggle,
-                    onClose,
-                    children: (_jsx(Container, { children: _jsxs(Content, { children: [_jsx("div", { className: "iz-table-modal-title", children: "Conte\u00FAdo" }), _jsx("div", { className: "iz-table-modal-content", children: _jsx("ul", { children: _.map(content, (value, key) => _jsxs("li", { children: [!!key && _jsx("div", { className: "iz-table-modal-column", children: key }), _jsx("div", { className: "iz-table-modal-row", children: value })] }, key)) }) }), _jsx("div", { className: "iz-table-modal-actions", children: _jsx(Component, { content: _.concat(_.map(actions, (data) => ({
-                                            type: "Button",
-                                            props: {
-                                                ...actionConfig[data.icon] || {},
-                                                onClick: data.function
-                                            }
-                                        })), {
-                                            type: "Button",
-                                            props: {
-                                                label: "fechar",
-                                                outline: true,
-                                                onClick: onClose
-                                            }
-                                        }) }) })] }) }))
-                }
-            }] }));
-}

package/dist/components/types/table/modal/styles.d.ts

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

package/dist/components/types/table/modal/styles.js

@@ -1,52 +0,0 @@
-"use client";
-import styled from "styled-components";
-export const Content = styled.div `
-    padding: 1.5rem;
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    
-    .iz-table-modal-title {
-        font-size: 1.2rem;
-        font-weight: 500;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: ${({ theme }) => theme.t6};
-    }
-    
-    .iz-table-modal-content {
-        ul {
-            li {
-                border-bottom: solid 1px ${({ theme }) => theme.t05};
-                padding: .8rem 0;
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                gap: 1rem;
-                font-size: .8rem;
-                color: ${({ theme }) => theme.t6};
-
-                &:last-child {
-                    border-bottom: none;
-                }
-                
-                .iz-table-modal-column {
-                    background: ${({ theme }) => theme.t05};
-                    padding: .5rem .8rem;
-                    font-weight: 600;
-                    border-radius: 5px;
-                }
-                
-                .iz-table-modal-row {
-                    text-align: right;
-                }
-            }
-        }
-    }
-    
-    .iz-table-modal-actions {
-        margin-top: 1rem;
-    }
-`;

package/dist/components/types/table/paginate/index.d.ts

@@ -1,2 +0,0 @@
-import { IPaginate } from "../../../../interfaces";
-export declare function Paginate(props: IPaginate): false | import("react/jsx-runtime").JSX.Element;

package/dist/components/types/table/paginate/index.js

@@ -1,30 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Container } from "./styles";
-import _ from "lodash";
-export function Paginate(props) {
-    const pages = () => {
-        const offset = Number(props.page.value) - 4;
-        let page = offset > 0 ? offset + 1 : 1;
-        let pages = [];
-        while (Number(props.total) >= page) {
-            pages.push(page);
-            page++;
-        }
-        pages = _.slice(pages, 0, 5);
-        if ((Number(props.page.value) + 1) > 5)
-            pages = _.concat(["1.."], pages);
-        if (Number(props.total) > 6 && (Number(props.page.value) + 1) < Number(props.total))
-            return _.concat(pages, `..${props.total}`);
-        return pages;
-    };
-    return Number(props.total) > 1 && (_jsxs(Container, { children: [_jsx("div", { className: "paginate back", onClick: () => props.page.set
-                    ? props.page.set(props.page.value
-                        ? props.page.value - 1
-                        : props.page.value)
-                    : null, children: _jsx("i", { "aria-hidden": true, className: "fa-solid fa-chevron-left" }) }), _.map(pages(), (page, index) => _jsx("div", { className: "paginate page", "data-current": String(props.page.value === (Number(_.replace(page, /\D/g, "")) - 1)), onClick: () => props.page.set ? props.page.set(Number(_.replace(page, /\D/g, "")) - 1) : null, children: page }, index)), _jsx("div", { className: "paginate next", onClick: () => props.page.set
-                    ? props.page.set(props.page.value !== (props.total - 1)
-                        ? props.page.value + 1
-                        : props.page.value)
-                    : null, children: _jsx("i", { "aria-hidden": true, className: "fa-solid fa-chevron-right" }) })] }));
-}

package/dist/components/types/table/paginate/styles.d.ts

@@ -1 +0,0 @@
-export declare const Container: any;

package/dist/components/types/table/paginate/styles.js

@@ -1,36 +0,0 @@
-"use client";
-import styled from "styled-components";
-export const Container = styled.div `
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: 1.5rem;
-
-    .paginate {
-        font-size: .8rem;
-        font-weight: 500;
-        height: 1.5rem;
-        padding: 0 .6rem;
-        border-radius: 1rem;
-        transition: ease .3s;
-        color: ${({ theme }) => theme.t6};
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-
-        &[data-current="true"] {
-            background: ${({ theme }) => theme.tertiary};
-            color: ${({ theme }) => theme.secondary};
-
-            &:hover {
-                background: ${({ theme }) => theme.tertiary};
-            }
-        }
-
-        &:hover {
-            background: ${({ theme }) => theme.t05};
-        }
-    }
-`;

package/dist/components/types/table/styles.d.ts

@@ -1,5 +0,0 @@
-interface IProps {
-    notFound?: boolean;
-}
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IProps>> & string;
-export {};

package/dist/components/types/table/styles.js

@@ -1,262 +0,0 @@
-"use client";
-import styled from "styled-components";
-export const Container = styled.div `
-    .iz-table-container {
-        overflow-x: auto;
-
-        &::-webkit-scrollbar {
-            width: 0;
-            height: ${(props) => (props.notFound ? "0px" : "5px")};
-        }
-
-        &::-webkit-scrollbar-track {
-            background: transparent;
-        }
-
-        &::-webkit-scrollbar-thumb {
-            background-color: rgb(255, 255, 255, 0.1);
-            border-radius: 5px;
-        }
-
-        table {
-            font-size: .8rem;
-            border: 0;
-            color: ${({ theme }) => theme.t6};
-            overflow-x: ${(props) => (props.notFound ? "auto" : "hidden")};
-            width: 100%;
-            border-spacing: 0;
-
-            .iz-table-content {
-                background: ${({ theme }) => theme.t05};
-                height: 2.7rem;
-                padding: 0.8rem 1.3rem;
-                margin-top: 0.5rem;
-                white-space: nowrap;
-                display: flex;
-                align-items: center;
-                position: relative;
-                transition: ease 0.3s;
-
-                &.iz-table-identifier {
-                    padding: .8rem .5rem !important;
-                }
-
-                &.iz-table-action {
-                    display: flex;
-                    justify-content: flex-end;
-                    padding: .8rem .5rem !important;
-                    position: relative;
-
-                    &.left {
-                        justify-content: flex-start;
-                    }
-
-                    &.center {
-                        justify-content: center;
-                    }
-
-                    .iz-table-actions {
-                        display: flex;
-                        align-items: center;
-                        justify-content: flex-end;
-                        gap: .5rem;
-                    }
-
-                    .iz-table-button {
-                        min-width: 1.8rem;
-                        height: 1.8rem;
-                        border-radius: 5px;
-                        border: 1px solid ${({ theme }) => theme.t05};
-                        background: ${({ theme }) => theme.t05};
-                        color: ${({ theme }) => theme.t6};
-                        cursor: pointer;
-                        transition: ease 0.3s, width 1s, position 0s;
-                        display: flex;
-                        align-items: center;
-                        justify-content: center;
-                        gap: .5rem;
-                        font-weight: 500;
-                        text-transform: lowercase;
-                        padding: 0 .5rem;
-                        position: relative;
-
-                        &:disabled {
-                            pointer-events: none;
-                            opacity: .6;
-                        }
-
-                        &:hover {
-                            opacity: .9;
-
-                            &.negative {
-                                color: ${({ theme }) => theme.primary};
-                                background: ${({ theme }) => theme.negative};
-                            }
-                        }
-                    }
-                }
-            }
-
-            thead {
-                tr {
-                    th {
-                        border: none;
-                        padding: 0;
-                        text-transform: uppercase;
-                        font-weight: 500;
-                        letter-spacing: 2px;
-                        position: relative;
-                        height: 2.5rem;
-
-                        @media (max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-                            .iz-table-content {
-                                font-size: .7rem;
-                            }
-                        }
-
-                        @media (max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-                            display: none;
-
-                            &:nth-child(1), &:nth-child(2), &:last-child {
-                                display: table-cell;
-                            }
-                        }
-
-                        &:first-child {
-                            .iz-table-content {
-                                border-top-left-radius: 5px;
-                                border-bottom-left-radius: 5px;
-                            }
-                        }
-
-                        &:last-child {
-                            .iz-table-content {
-                                border-top-right-radius: 5px;
-                                border-bottom-right-radius: 5px;
-                            }
-                        }
-                    }
-                }
-            }
-
-            tbody {
-                tr {
-                    &:hover {
-                        td {
-                            .iz-table-content {
-                                background: ${({ theme }) => theme.tertiary};
-                            }
-                        }
-                    }
-
-                    td {
-                        border: none;
-                        padding: 0;
-                        font-weight: 400;
-                        position: relative;
-
-                        @media (max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-                            display: none;
-
-                            &:nth-child(1), &:nth-child(2), &:last-child {
-                                display: table-cell;
-                            }
-                        }
-
-                        &:first-child {
-                            .iz-table-content {
-                                border-top-left-radius: 5px;
-                                border-bottom-left-radius: 5px;
-                            }
-                        }
-
-                        &:last-child {
-                            .iz-table-content {
-                                border-top-right-radius: 5px;
-                                border-bottom-right-radius: 5px;
-                            }
-                        }
-
-                        .iz-table-content-elipse {
-                            position: absolute;
-                            left: 0;
-                            right: 0;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            padding: 0.8rem 1.3rem;
-                        }
-                    }
-
-                    &:first-child {
-                        td {
-                            .iz-table-content {
-                                margin-top: 1.5rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    .iz-table-icon {
-        width: 1.8rem;
-        height: 1.8rem;
-        background: ${({ theme }) => theme.t08};
-        border-radius: 5px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        overflow: hidden;
-
-        img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-
-        i {
-            font-size: .9rem;
-        }
-    }
-    
-    .iz-table-not-found {
-        border-radius: 5px;
-        background: ${({ theme }) => theme.t05};
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        margin: 1.5rem 0;
-        padding: 2.5rem;
-        width: 100%;
-
-        p {
-            color: ${({ theme }) => theme.t6};
-            text-align: center;
-        }
-
-        p:first-child {
-            font-size: 1.3rem;
-            font-weight: 600;
-            margin-top: 0;
-            margin-bottom: 0.5rem;
-
-            @media (max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-                font-size: 1rem;
-            }
-        }
-
-        p:last-child {
-            font-size: 0.8rem;
-            max-width: 50rem;
-            margin-top: 0;
-            margin-bottom: 0;
-
-            @media (max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-                font-size: 0.7rem;
-            }
-        }
-    }
-`;

package/dist/contexts/icon/assets/brands/index.d.ts

@@ -1,2 +0,0 @@
-declare const brands: Record<string, string>;
-export default brands;

package/dist/contexts/icon/assets/brands/index.js

@@ -1,7 +0,0 @@
-const req = require.context("./", false, /\.svg$/);
-const brands = {};
-req.keys().forEach((key) => {
-    const name = key.replace("./", "").replace(".svg", "");
-    brands[name] = req(key).default;
-});
-export default brands;

package/dist/contexts/icon/assets/index.d.ts

@@ -1,6 +0,0 @@
-declare const _default: {
-    brands: Record<string, string>;
-    regular: Record<string, string>;
-    solid: Record<string, string>;
-};
-export default _default;

package/dist/contexts/icon/assets/index.js

@@ -1,8 +0,0 @@
-import brands from "./brands";
-import regular from "./regular";
-import solid from "./solid";
-export default {
-    brands,
-    regular,
-    solid
-};

package/dist/contexts/icon/assets/regular/index.d.ts

@@ -1,2 +0,0 @@
-declare const regular: Record<string, string>;
-export default regular;

package/dist/contexts/icon/assets/regular/index.js

@@ -1,7 +0,0 @@
-const req = require.context("./", false, /\.svg$/);
-const regular = {};
-req.keys().forEach((key) => {
-    const name = key.replace("./", "").replace(".svg", "");
-    regular[name] = req(key).default;
-});
-export default regular;

package/dist/contexts/icon/assets/solid/index.d.ts

@@ -1,2 +0,0 @@
-declare const solid: Record<string, string>;
-export default solid;

package/dist/contexts/icon/assets/solid/index.js

@@ -1,7 +0,0 @@
-const req = require.context("./", false, /\.svg$/);
-const solid = {};
-req.keys().forEach((key) => {
-    const name = key.replace("./", "").replace(".svg", "");
-    solid[name] = req(key).default;
-});
-export default solid;

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

@@ -1,4 +0,0 @@
-import { IIconProvider } from "../../interfaces";
-declare const IconProviderContainer: ({ children }: IIconProvider) => import("react/jsx-runtime").JSX.Element;
-declare const useIcon: () => any;
-export { IconProviderContainer as IconProvider, useIcon };