@credithub/harlan-components 1.3.4 → 1.4.1

package/lib/esm/components/chart/plotly/layoutLineBarChart.js

@@ -0,0 +1,62 @@
+var layoutLineBarChart = function (layoutWidth, lastDate) {
+    var currentDate = lastDate;
+    var thirtyDaysAgo = new Date(currentDate.getTime() - 30 * 24 * 60 * 60 * 1000);
+    var oneDayAhead = new Date(currentDate.getTime() + 24 * 60 * 60 * 1000);
+    var formattedThirtyDaysAgo = thirtyDaysAgo.toISOString();
+    var formattedOneDayAhead = oneDayAhead.toISOString();
+    return {
+        title: "",
+        width: layoutWidth,
+        height: 800,
+        xaxis: {
+            range: [formattedThirtyDaysAgo, formattedOneDayAhead],
+            domain: [0.1, 0.92],
+            rangeslider: { visible: true },
+            rangeselector: {
+                buttons: [
+                    {
+                        step: "month",
+                        stepmode: "backward",
+                        count: 1,
+                        label: "1 mês",
+                    },
+                    {
+                        step: "month",
+                        stepmode: "backward",
+                        count: 6,
+                        label: "6 meses",
+                    },
+                    {
+                        step: "year",
+                        stepmode: "backward",
+                        count: 1,
+                        label: "1 ano",
+                    },
+                    {
+                        step: "all",
+                        label: "all",
+                    },
+                ],
+            },
+        },
+        yaxis2: {
+            title: "Valor Total de Negativações (R$)",
+            titlefont: { color: "#1f77b4" },
+            tickfont: { color: "#1f77b4" },
+            tickformat: ",.2f",
+        },
+        yaxis: {
+            title: "Quantidade de Ocorrências por Consulta",
+            titlefont: {
+                color: "#ff7f0e",
+            },
+            tickfont: {
+                color: "#ff7f0e",
+            },
+            anchor: "x",
+            side: "right",
+            overlaying: "y2",
+        },
+    };
+};
+export { layoutLineBarChart };

package/lib/esm/components/chart/plotly/lineChartDataStrategy.d.ts

@@ -0,0 +1,17 @@
+import { BaseChartDataStrategy } from "./";
+import { ChartDataAndLayoutState, DataInput } from "./types";
+export declare class lineDividasPublicas extends BaseChartDataStrategy<DataInput> {
+    processData(data: DataInput): ChartDataAndLayoutState;
+}
+export declare class lineCCF extends BaseChartDataStrategy<DataInput> {
+    processData(data: DataInput): ChartDataAndLayoutState;
+}
+export declare class lineSerasa extends BaseChartDataStrategy<DataInput> {
+    processData(data: DataInput): ChartDataAndLayoutState;
+}
+export declare class lineBoaVista extends BaseChartDataStrategy<DataInput> {
+    processData(data: DataInput): ChartDataAndLayoutState;
+}
+export declare class lineProtestos extends BaseChartDataStrategy<DataInput> {
+    processData(data: DataInput): ChartDataAndLayoutState;
+}

package/lib/esm/components/chart/plotly/lineChartDataStrategy.js

@@ -0,0 +1,195 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { BaseChartDataStrategy } from "./";
+var layout = {};
+var lineDividasPublicas = /** @class */ (function (_super) {
+    __extends(lineDividasPublicas, _super);
+    function lineDividasPublicas() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    lineDividasPublicas.prototype.processData = function (data) {
+        var dividasPublicasData = data.dividasPublicasGrafico
+            .filter(function (consulta) { return consulta.quantidade !== null; })
+            .map(function (consulta) { return ({
+            x: consulta.data,
+            y: consulta.quantidade,
+        }); });
+        var color = "#ef4b6c";
+        var dividasPublicasState = {
+            name: "Dívidas Públicas",
+            yaxis: "y",
+            marker: {
+                color: color,
+            },
+            textfont: {
+                family: "sans serif",
+                size: 12,
+                color: color,
+            },
+            type: "scatter",
+            mode: "lines+markers+text",
+            data: dividasPublicasData,
+            connectgaps: true,
+            layout: layout,
+        };
+        return dividasPublicasState;
+    };
+    return lineDividasPublicas;
+}(BaseChartDataStrategy));
+export { lineDividasPublicas };
+var lineCCF = /** @class */ (function (_super) {
+    __extends(lineCCF, _super);
+    function lineCCF() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    lineCCF.prototype.processData = function (data) {
+        var ccfData = data.ccfs
+            .filter(function (consulta) { return consulta.quantidade !== null; })
+            .map(function (consulta) { return ({
+            x: consulta.data,
+            y: consulta.quantidade,
+        }); });
+        var color = "#3f51b5";
+        var ccfState = {
+            name: "Cheques sem Fundos",
+            yaxis: "y",
+            marker: {
+                color: color,
+            },
+            textfont: {
+                family: "sans serif",
+                size: 12,
+                color: color,
+            },
+            type: "scatter",
+            mode: "lines+markers+text",
+            data: ccfData,
+            connectgaps: true,
+            layout: layout,
+        };
+        return ccfState;
+    };
+    return lineCCF;
+}(BaseChartDataStrategy));
+export { lineCCF };
+var lineSerasa = /** @class */ (function (_super) {
+    __extends(lineSerasa, _super);
+    function lineSerasa() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    lineSerasa.prototype.processData = function (data) {
+        var serasaData = data.serasa
+            .filter(function (consulta) { return consulta.quantidade !== null; })
+            .map(function (consulta) { return ({
+            x: consulta.creation,
+            y: consulta.quantidade,
+        }); });
+        var serasaState = {
+            name: "Pefin/Refin Serasa",
+            yaxis: "y",
+            type: "scatter",
+            marker: {
+                color: "#ffc107",
+            },
+            textfont: {
+                family: "sans serif",
+                size: 12,
+                color: "#ffc107",
+            },
+            mode: "lines+markers+text",
+            data: serasaData,
+            connectgaps: true,
+            layout: layout,
+        };
+        return serasaState;
+    };
+    return lineSerasa;
+}(BaseChartDataStrategy));
+export { lineSerasa };
+var lineBoaVista = /** @class */ (function (_super) {
+    __extends(lineBoaVista, _super);
+    function lineBoaVista() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    lineBoaVista.prototype.processData = function (data) {
+        var boaVistaData = data.boaVista
+            .filter(function (consulta) { return consulta.quantidade !== null; })
+            .map(function (consulta) { return ({
+            x: consulta.creation,
+            y: consulta.quantidade,
+        }); });
+        var color = "#4caf50";
+        var boaVistaState = {
+            name: "Pefin/Refin Boa Vista",
+            yaxis: "y",
+            type: "scatter",
+            marker: {
+                color: color,
+            },
+            textfont: {
+                family: "sans serif",
+                size: 12,
+                color: color,
+            },
+            mode: "lines+markers+text",
+            data: boaVistaData,
+            connectgaps: true,
+            layout: layout,
+        };
+        return boaVistaState;
+    };
+    return lineBoaVista;
+}(BaseChartDataStrategy));
+export { lineBoaVista };
+var lineProtestos = /** @class */ (function (_super) {
+    __extends(lineProtestos, _super);
+    function lineProtestos() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    lineProtestos.prototype.processData = function (data) {
+        var protestosData = data.protestos
+            .filter(function (consulta) { return consulta.quantidade !== null; })
+            .map(function (consulta) { return ({
+            x: consulta.data,
+            y: consulta.quantidade,
+        }); });
+        var protestosState = {
+            name: "Protestos",
+            yaxis: "y",
+            marker: {
+                color: "red",
+                line: {
+                    color: "rgb(255, 255, 255)",
+                    width: 1,
+                },
+            },
+            textfont: {
+                bgcolor: "#fffff",
+                family: "sans serif",
+                size: 12,
+                color: "red",
+            },
+            type: "scatter",
+            mode: "lines+markers+text",
+            data: protestosData,
+            connectgaps: true,
+            layout: layout,
+        };
+        return protestosState;
+    };
+    return lineProtestos;
+}(BaseChartDataStrategy));
+export { lineProtestos };

package/lib/esm/components/chart/plotly/pieChartDataStrategy.d.ts

@@ -0,0 +1,5 @@
+import { IChartDataStrategy } from "./iChartDataStrategy";
+import { ChartDataAndLayoutState, DataInput } from "./types";
+export declare class PieChartDataStrategy implements IChartDataStrategy<DataInput> {
+    processData(data: DataInput): ChartDataAndLayoutState;
+}

package/lib/esm/components/chart/plotly/pieChartDataStrategy.js

@@ -0,0 +1,42 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { last } from "underscore";
+var PieChartDataStrategy = /** @class */ (function () {
+    function PieChartDataStrategy() {
+    }
+    PieChartDataStrategy.prototype.processData = function (data) {
+        var _a, _b, _c, _d, _e, _f;
+        var totalDeProtestos = (_a = last(data.protestos)) === null || _a === void 0 ? void 0 : _a.quantidade;
+        var chequesDevolvidos = (_b = last(data.ccfs)) === null || _b === void 0 ? void 0 : _b.quantidade;
+        var totalDePefinRefinSerasa = (_c = last(data.serasa)) === null || _c === void 0 ? void 0 : _c.quantidade;
+        var totalDePefinRefinBoaVista = (_d = last(data.boaVista)) === null || _d === void 0 ? void 0 : _d.quantidade;
+        var totalDeDividasPublicas = (_e = last(data.dividasPublicasGrafico)) === null || _e === void 0 ? void 0 : _e.quantidade;
+        var pieChartLayout = {
+            autosize: true,
+        };
+        return {
+            name: "Quantidade de Ocorrências",
+            yaxis: "",
+            type: "pie",
+            data: (_f = [
+                { x: "Protestos", y: totalDeProtestos },
+                { x: "Cheques Devolvidos", y: chequesDevolvidos },
+                { x: "Pefin/Refin Serasa", y: totalDePefinRefinSerasa },
+                { x: "Pefin/Refin Boa Vista", y: totalDePefinRefinBoaVista },
+                { x: "Divídas Públicas", y: totalDeDividasPublicas }
+            ]) === null || _f === void 0 ? void 0 : _f.map(function (query) { return (__assign(__assign({}, query), { y: query.y || 0 })); }),
+            layout: pieChartLayout,
+        };
+    };
+    return PieChartDataStrategy;
+}());
+export { PieChartDataStrategy };

package/lib/esm/components/chart/plotly/types.d.ts

@@ -0,0 +1,40 @@
+import { ChartDataState } from "./iChartDataStrategy";
+import { LayoutConfig } from "./layoutLineBarChart";
+export interface Consulta {
+    data: string | Date;
+    categoria?: string;
+    quantidade: number | null;
+    creation?: string | Date;
+    valorTotal: number | null;
+}
+export interface DataInput {
+    ccfs: Consulta[];
+    protestos: Consulta[];
+    serasa: Consulta[];
+    boaVista: Consulta[];
+    dividasPublicas: {
+        quantidade: number;
+        valorTotal: number;
+    };
+    dividasPublicasGrafico: Consulta[];
+    pieChartTotalConfig?: {
+        protestos?: {
+            total: number | null;
+            valorTotal: number | null;
+            ultimaOcorrencia: string | null;
+        };
+        processosJuridicos?: number;
+        ccf?: {
+            total: number | null;
+            ultimaOcorrencia: string | null;
+        };
+    };
+}
+export interface CategoriaProtestoProps {
+    width?: number;
+    height?: number;
+}
+export type LineChartMode = "lines" | "markers" | "lines+markers" | "text+markers" | "text+lines" | "text+lines+markers";
+export interface ChartDataAndLayoutState extends ChartDataState {
+    layout: LayoutConfig;
+}

package/lib/esm/components/chart/plotly/types.js

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

package/lib/esm/components/chart/processChartData.d.ts

@@ -0,0 +1,5 @@
+import { DataInput } from "./plotly/types";
+export declare const processChartData: ({ dataInput, dates }: {
+    dataInput: DataInput;
+    dates: Date[];
+}) => import("plotly.js").Data[];

package/lib/esm/components/chart/processChartData.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { getSeries } from "./plotly";
+import { createBarChart, createLineChart, createPieChart } from "./chartHelper";
+import { find, sortBy } from "underscore";
+export var processChartData = function (_a) {
+    var dataInput = _a.dataInput, dates = _a.dates;
+    var chartData = [];
+    var adicionarDatasFaltantes = function (dataset) { return dates.map(function (date) { return find(dataset, function (consulta) { return consulta.x === date; }) || ({ x: date, y: null }); }).flat(); };
+    var ordenarDatas = function (consultas) { return sortBy(consultas, function (consulta) { return consulta.x.getTime(); }); };
+    if (dataInput) {
+        var processedDataSets = getSeries(dataInput);
+        processedDataSets = processedDataSets.map(function (dataset) { return (__assign(__assign({}, dataset), { x: ordenarDatas(adicionarDatasFaltantes(dataset.data)) })); });
+        processedDataSets.forEach(function (dataSet) {
+            var chartDataAndLayout = __assign(__assign({}, dataSet), { layout: {} });
+            if (dataSet.type === "scatter") {
+                chartData.push(createLineChart(chartDataAndLayout));
+            }
+            else if (dataSet.type === "bar") {
+                chartData.push(createBarChart(chartDataAndLayout));
+            }
+            else if (dataSet.type === "pie") {
+                chartData.push(createPieChart(chartDataAndLayout));
+            }
+        });
+    }
+    return chartData;
+};

package/lib/esm/components/chart/quantityResult.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+type QuantidadeResultadosProps = Partial<{
+    quantidadeProtestos: number;
+    quantidadeProcessos: number;
+    quantidadeDividas: number;
+    quantidadeChequesSemFundos: number;
+    quantidadeDividasSerasa: number;
+    quantidadeDividasBoaVista: number;
+    valorTotalProtestos: number;
+    valorTotalDividas: number;
+    valorTotalDividasSerasa: number;
+    valorTotalDividasBoaVista: number;
+    ultimaOcorrenciaProtestos: string;
+    ultimaOcorrenciaChequesSemFundos: string;
+}>;
+declare const QuantidadeResultados: React.FC<QuantidadeResultadosProps>;
+export default QuantidadeResultados;

package/lib/esm/components/chart/quantityResult.js

@@ -0,0 +1,33 @@
+/* eslint-disable no-extra-boolean-cast */
+import React from "react";
+import cn from "classnames";
+import AddItemField from "../common/addItem";
+import { formatMoney, formatValue } from "../../utils/number";
+var QuantityContainer = function (_a) {
+    var children = _a.children;
+    return React.createElement("div", { className: cn('container', 'field-container') }, children);
+};
+var QuantidadeResultados = function (_a) {
+    var _b = _a.quantidadeProtestos, quantidadeProtestos = _b === void 0 ? 0 : _b, _c = _a.quantidadeProcessos, quantidadeProcessos = _c === void 0 ? 0 : _c, _d = _a.quantidadeDividas, quantidadeDividas = _d === void 0 ? 0 : _d, _e = _a.quantidadeChequesSemFundos, quantidadeChequesSemFundos = _e === void 0 ? 0 : _e, _f = _a.quantidadeDividasSerasa, quantidadeDividasSerasa = _f === void 0 ? 0 : _f, _g = _a.quantidadeDividasBoaVista, quantidadeDividasBoaVista = _g === void 0 ? 0 : _g, _h = _a.valorTotalProtestos, valorTotalProtestos = _h === void 0 ? 0 : _h, _j = _a.valorTotalDividas, valorTotalDividas = _j === void 0 ? 0 : _j, _k = _a.valorTotalDividasSerasa, valorTotalDividasSerasa = _k === void 0 ? 0 : _k, _l = _a.valorTotalDividasBoaVista, valorTotalDividasBoaVista = _l === void 0 ? 0 : _l, _m = _a.ultimaOcorrenciaProtestos, ultimaOcorrenciaProtestos = _m === void 0 ? null : _m, _o = _a.ultimaOcorrenciaChequesSemFundos, ultimaOcorrenciaChequesSemFundos = _o === void 0 ? null : _o;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: cn('resumo-de-negativacoes-quantity') },
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { name: "Total Protestos", value: formatValue(quantidadeProtestos), className: cn("field-result") }),
+                React.createElement(AddItemField, { name: "Valor Total Protestos", value: formatMoney(valorTotalProtestos), className: cn("field-result") }),
+                React.createElement(AddItemField, { hidden: quantidadeProtestos == 0, name: "\u00DAltima Ocorr\u00EAncia", value: ultimaOcorrenciaProtestos, className: cn("field-result") })),
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { name: "Cheques Sem Fundos", value: formatValue(quantidadeChequesSemFundos), className: cn("field-result") }),
+                React.createElement(AddItemField, { hidden: quantidadeChequesSemFundos == 0, name: "\u00DAltima Ocorr\u00EAncia", value: ultimaOcorrenciaChequesSemFundos, className: cn("field-result") })),
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { name: "Processos Jur\u00EDdicos", value: formatValue(quantidadeProcessos), className: cn("field-result") })),
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { name: "D\u00EDvidas P\u00FAblicas", value: formatValue(quantidadeDividas), className: cn("field-result") }),
+                React.createElement(AddItemField, { name: "Total D\u00EDvidas P\u00FAblicas", value: formatMoney(valorTotalDividas), className: cn("field-result") })),
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { name: "Pefin Refin Serasa", value: formatValue(quantidadeDividasSerasa), className: cn("field-result") }),
+                React.createElement(AddItemField, { name: "Total Pefin Refin Serasa", value: formatMoney(valorTotalDividasSerasa), className: cn("field-result") })),
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { name: "Pefin Refin Boa Vista", value: formatValue(quantidadeDividasBoaVista), className: cn("field-result") }),
+                React.createElement(AddItemField, { name: "Total Pefin Refin Boa Vista", value: formatMoney(valorTotalDividasBoaVista), className: cn("field-result") })))));
+};
+export default QuantidadeResultados;

package/lib/esm/components/chart/useCalculation.d.ts

@@ -0,0 +1,6 @@
+import { ItemCalculo } from "../../utils/calculation";
+export declare const useCalculation: (itens: ItemCalculo[]) => {
+    quantidade: number;
+    valorTotal: number;
+    dataMaisRecente: string;
+};

package/lib/esm/components/chart/useCalculation.js

@@ -0,0 +1,8 @@
+import { useMemo } from "react";
+import { encontrarDataMaisRecente, somarQuantidades, somarValoresTotais, } from "../../utils/calculation";
+export var useCalculation = function (itens) {
+    var quantidade = useMemo(function () { return somarQuantidades(itens); }, [itens]);
+    var valorTotal = useMemo(function () { return somarValoresTotais(itens); }, [itens]);
+    var dataMaisRecente = useMemo(function () { return encontrarDataMaisRecente(itens); }, [itens]);
+    return { quantidade: quantidade, valorTotal: valorTotal, dataMaisRecente: dataMaisRecente };
+};

package/lib/esm/components/chart/useUltimaOcorrenciaCCF.d.ts

@@ -0,0 +1,2 @@
+declare const useUltimaOcorrenciaCCF: () => string | undefined;
+export default useUltimaOcorrenciaCCF;

package/lib/esm/components/chart/useUltimaOcorrenciaCCF.js

@@ -0,0 +1,15 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+import { useContext, useMemo } from "react";
+import { Queries, RequestStatus } from "../webservice";
+import XPathUtils from "../../utils/xpath";
+var useUltimaOcorrenciaCCF = function () {
+    var ctxCCF = useContext(Queries.CCF);
+    var ultimaOcorrenciaCCF = useMemo(function () {
+        if ((ctxCCF === null || ctxCCF === void 0 ? void 0 : ctxCCF.type) === RequestStatus.Success) {
+            return XPathUtils.select('string(//ultimaOcorrencia)', ctxCCF === null || ctxCCF === void 0 ? void 0 : ctxCCF.document);
+        }
+        return undefined;
+    }, [ctxCCF === null || ctxCCF === void 0 ? void 0 : ctxCCF.type]);
+    return ultimaOcorrenciaCCF;
+};
+export default useUltimaOcorrenciaCCF;

package/lib/esm/components/dossie/transactionTable/transactionTable.js

@@ -23,10 +23,8 @@ export var TransactionsTable = function (_a) {
             var _a;
             return (React.createElement("div", { key: index, className: cn("container", "container-quem-consultou") },
                 React.createElement("div", { className: cn("transaction-content") },
-                    React.createElement(AddItemField, { name: "Usu\u00E1rio", value: XPathUtils.select('string(./usuario)', event), 
-                        //className={cn("mdl-cell", "mdl-cell--6-col")}
-                        style: { display: "inline-block" } }),
-                    React.createElement(AddItemField, { name: "Data", value: (_a = new Date(XPathUtils.select('string(./ultimaConsulta)', event))) === null || _a === void 0 ? void 0 : _a.toLocaleDateString(), style: { display: "inline-block" } }))));
+                    React.createElement(AddItemField, { name: "Usu\u00E1rio", value: XPathUtils.select("string(./usuario)", event), className: cn("mdl-cell", "mdl-cell--6-col"), style: { display: "inline-block", padding: "2px 0px" } }),
+                    React.createElement(AddItemField, { name: "Data", value: (_a = new Date(XPathUtils.select("string(./ultimaConsulta)", event))) === null || _a === void 0 ? void 0 : _a.toLocaleDateString(), style: { display: "inline-block" } }))));
         })));
 };
 export default TransactionsTable;

package/lib/esm/components/processos-juridicos/processosJuridicosList.js

@@ -21,6 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { memo } from "react";
+import cn from "classnames";
 import { Result } from "../interface/result";
 import AddItem from "../common/addItem";
 import Button from "../common/button";
@@ -31,7 +32,7 @@ var AddProcessoJuridicoField = function (_a) {
 };
 var ProcessoJuridicoItem = memo(function (_a) {
     var processo = _a.processo, children = _a.children;
-    return (React.createElement("div", { className: "content-layout" },
+    return (React.createElement("div", { className: cn("content-layout", "container-processos") },
         React.createElement(AddProcessoJuridicoField, { name: "N\u00FAmero CNJ", value: processo.numero_novo }),
         React.createElement(AddProcessoJuridicoField, { name: "Assunto(s)", value: processo.assuntos }),
         React.createElement(AddProcessoJuridicoField, { name: "Classe Processual", value: processo.classe_processual }),
@@ -42,9 +43,11 @@ var ProcessoJuridicoItem = memo(function (_a) {
 var ProcessosJuridicosList = function (_a) {
     var processos = _a.processos, onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico;
     return processos.map(function (processo, i) { return (React.createElement(React.Fragment, null,
-        React.createElement(Result, { isContainer: true, contentClassName: 'container-layout' },
+        React.createElement(Result, { isContainer: true, contentClassName: "container-layout" },
             React.createElement(ProcessoJuridicoItem, { key: i, processo: processo },
-                React.createElement(Button, { onClick: function () { return onClickConsultarProcessoJuridico(processo.numero_novo); }, price: "R$ 1" }, "Consultar Processo Jur\u00EDdico"))),
+                React.createElement(Button, { onClick: function () {
+                        return onClickConsultarProcessoJuridico(processo.numero_novo);
+                    }, price: "R$ 1" }, "Consultar Processo Jur\u00EDdico"))),
         React.createElement(EnvolvidosList, { envolvidos: processo === null || processo === void 0 ? void 0 : processo.envolvidos_ultima_movimentacao }))); });
 };
 export default ProcessosJuridicosList;

package/lib/esm/components/protestos/getTotalProtestos.d.ts

@@ -0,0 +1 @@
+export default function getTotalProtestos(response: Document): number;

package/lib/esm/components/protestos/getTotalProtestos.js

@@ -0,0 +1,4 @@
+import XPathUtils from "../../utils/xpath";
+export default function getTotalProtestos(response) {
+    return XPathUtils.select("number(//registros)", response);
+}

package/lib/esm/components/protestos/protestosCategory.js

@@ -6,7 +6,7 @@ import HeaderAction from "../common/headerAction";
 import { Result } from "../interface/result";
 var ProtestosCategory = function (_a) {
     var registros = _a.registros, title = _a.title, subtitle = _a.subtitle, children = _a.children;
-    var _b = useToggle(true), isOpen = _b[0], toggleOpen = _b[1];
+    var _b = useToggle(false), isOpen = _b[0], toggleOpen = _b[1];
     return (React.createElement(React.Fragment, null,
         React.createElement(Header, { title: title, subtitle: subtitle, description: !registros
                 ? "Não foram encontradas ocorrências."

package/lib/esm/components/protestos/protestosList.js

@@ -2,6 +2,7 @@ import React, { memo } from "react";
 import AddItemField from "../common/addItem";
 import XPathUtils from "../../utils/xpath";
 import { formatMoney } from "../../utils/number";
+import cn from "classnames";
 import { Result } from "../interface/result";
 export var ProtestoItem = memo(function (_a) {
     var protesto = _a.protesto;
@@ -12,7 +13,7 @@ export var ProtestoItem = memo(function (_a) {
     var formatBooleanField = function (value) {
         return value === "true" ? "Sim" : "Não";
     };
-    return (React.createElement("div", { className: "content-layout" },
+    return (React.createElement("div", { className: cn("content-layout", "container-protestos") },
         React.createElement(AddItemField, { name: "Cart\u00F3rio", value: getField("../nome") }),
         React.createElement(AddItemField, { name: "QUEM PROTESTOU", value: getField("./nomeCedente") }),
         React.createElement(AddItemField, { name: "ATRAV\u00C9S DE", value: getField("./nomeApresentante") }),

package/lib/esm/components/webservice.d.ts

@@ -103,5 +103,19 @@ export declare const Queries: {
             urlData?: Client.Form | undefined;
         }>>;
     };
+    GraficosAnaliticos: React.Context<RequestContext<string>> & {
+        Request: React.FC<React.PropsWithChildren<{
+            data?: {
+                documento: string;
+            } | undefined;
+            urlData?: Client.Form | undefined;
+        }>>;
+    };
+};
+export declare const headerStatus: {
+    1: string;
+    2: string;
+    3: string;
+    0: string;
 };
 export {};

package/lib/esm/components/webservice.js

@@ -62,7 +62,7 @@ function CustomProvider(Provider, query) {
                     : new Error(requestError));
             });
             return function () { return abortController.abort(); };
-        }, [abortController, client, data, urlData]);
+        }, []);
         var value = {
             type: error
                 ? RequestStatus.Error
@@ -165,6 +165,7 @@ export var Queries = {
     CCF: query("SELECT FROM 'SEEKLOC'.'CCF'"),
     ProcessosJuridicos: query("SELECT FROM 'PROCESSOSJURIDICOS'.'PROCESSOS'"),
     ReclameAqui: query("SELECT FROM 'RECLAMEAQUI'.'CONSULTA'"),
+    GraficosAnaliticos: query("SELECT FROM 'DOCUMENTHISTORY'.'BASICHISTORY'")
 };
 var Section = function (_a) {
     var onSuccess = _a.onSuccess, _b = _a.onError, onError = _b === void 0 ? function () { return React.createElement(React.Fragment, null, "Erro"); } : _b, _c = _a.onLoading, onLoading = _c === void 0 ? function () { return React.createElement(React.Fragment, null); } : _c, ctx = _a.ctx, children = _a.children, className = _a.className, _d = _a.hideHeader, hideHeader = _d === void 0 ? false : _d, headerProps = __rest(_a, ["onSuccess", "onError", "onLoading", "ctx", "children", "className", "hideHeader"]);
@@ -194,7 +195,7 @@ var Section = function (_a) {
         React.createElement(Header, __assign({}, headerPropsUnified, { className: cn(className, headerStatus[ctx.type], headerPropsUnified.className), hidden: hideHeader })),
         renderedChildren));
 };
-var headerStatus = (_a = {},
+export var headerStatus = (_a = {},
     _a[RequestStatus.Loading] = "external-source loading",
     _a[RequestStatus.Success] = "success",
     _a[RequestStatus.Error] = "external-source error",