@credithub/harlan-components 1.3.3 → 1.4.0

package/lib/cjs/components/chart/plotly/getSeries.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSeries = void 0;
+var underscore_1 = require("underscore");
+var _1 = require("./");
+var getUniqueDates_1 = require("../getUniqueDates");
+function getSeries(data) {
+    var strategies = [
+        new _1.lineCCF(),
+        new _1.lineProtestos(),
+        new _1.lineSerasa(),
+        new _1.lineBoaVista(),
+        new _1.lineDividasPublicas(),
+        new _1.barSerasa(),
+        new _1.barBoaVista(),
+        new _1.barProtestos(),
+        new _1.barDividasPublicas(),
+    ];
+    var processedDataSets = strategies.map(function (strategy) {
+        return strategy.processData(data);
+    });
+    var dates = (0, getUniqueDates_1.getUniqueDates)(data);
+    processedDataSets.forEach(function (dataset) {
+        dataset.data = dates.map(function (date) {
+            var foundItem = (0, underscore_1.find)(dataset.data, function (d) { return (0, underscore_1.isEqual)(d.x, date); });
+            return foundItem !== null && foundItem !== void 0 ? foundItem : { x: date, y: null };
+        });
+    });
+    processedDataSets.forEach(function (dataset) {
+        dataset.data = (0, underscore_1.sortBy)(dataset.data, function (d) { return d.x.getTime(); });
+        //dataset.data = sortBy(dataset.data, (d) => new Date(d.x).getTime());
+    });
+    return processedDataSets;
+}
+exports.getSeries = getSeries;

package/lib/cjs/components/chart/plotly/iChartDataStrategy.d.ts

@@ -0,0 +1,35 @@
+import { ChartDataAndLayoutState } from "./types";
+export interface ChartDataState {
+    name: string;
+    yaxis: string;
+    type: string;
+    data: {
+        x: string | Date;
+        y: number | null;
+    }[];
+    text?: string[];
+    textposition?: string;
+    values?: number[];
+    labels?: string[];
+    color?: string;
+    marker?: {
+        color: string;
+        opacity?: number;
+        line?: {
+            color: string;
+            width: number;
+        };
+    };
+    textfont?: {
+        bgcolor?: string;
+        family: string;
+        size: number;
+        color: string;
+    };
+    mode?: string;
+    connectgaps?: boolean;
+    hovertemplate?: string;
+}
+export interface IChartDataStrategy<T> {
+    processData: (data: T) => ChartDataAndLayoutState;
+}

package/lib/cjs/components/chart/plotly/iChartDataStrategy.js

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

package/lib/cjs/components/chart/plotly/index.d.ts

@@ -0,0 +1,5 @@
+export { BaseChartDataStrategy } from "./baseChartDataStrategy";
+export { barDividasPublicas, barProtestos, barSerasa, barBoaVista, } from "./barChartDataStrategy";
+export { lineDividasPublicas, lineCCF, lineSerasa, lineBoaVista, lineProtestos, } from "./lineChartDataStrategy";
+export { getSeries } from "./getSeries";
+export { layoutLineBarChart } from "./layoutLineBarChart";

package/lib/cjs/components/chart/plotly/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.layoutLineBarChart = exports.getSeries = exports.lineProtestos = exports.lineBoaVista = exports.lineSerasa = exports.lineCCF = exports.lineDividasPublicas = exports.barBoaVista = exports.barSerasa = exports.barProtestos = exports.barDividasPublicas = exports.BaseChartDataStrategy = void 0;
+var baseChartDataStrategy_1 = require("./baseChartDataStrategy");
+Object.defineProperty(exports, "BaseChartDataStrategy", { enumerable: true, get: function () { return baseChartDataStrategy_1.BaseChartDataStrategy; } });
+var barChartDataStrategy_1 = require("./barChartDataStrategy");
+Object.defineProperty(exports, "barDividasPublicas", { enumerable: true, get: function () { return barChartDataStrategy_1.barDividasPublicas; } });
+Object.defineProperty(exports, "barProtestos", { enumerable: true, get: function () { return barChartDataStrategy_1.barProtestos; } });
+Object.defineProperty(exports, "barSerasa", { enumerable: true, get: function () { return barChartDataStrategy_1.barSerasa; } });
+Object.defineProperty(exports, "barBoaVista", { enumerable: true, get: function () { return barChartDataStrategy_1.barBoaVista; } });
+var lineChartDataStrategy_1 = require("./lineChartDataStrategy");
+Object.defineProperty(exports, "lineDividasPublicas", { enumerable: true, get: function () { return lineChartDataStrategy_1.lineDividasPublicas; } });
+Object.defineProperty(exports, "lineCCF", { enumerable: true, get: function () { return lineChartDataStrategy_1.lineCCF; } });
+Object.defineProperty(exports, "lineSerasa", { enumerable: true, get: function () { return lineChartDataStrategy_1.lineSerasa; } });
+Object.defineProperty(exports, "lineBoaVista", { enumerable: true, get: function () { return lineChartDataStrategy_1.lineBoaVista; } });
+Object.defineProperty(exports, "lineProtestos", { enumerable: true, get: function () { return lineChartDataStrategy_1.lineProtestos; } });
+var getSeries_1 = require("./getSeries");
+Object.defineProperty(exports, "getSeries", { enumerable: true, get: function () { return getSeries_1.getSeries; } });
+var layoutLineBarChart_1 = require("./layoutLineBarChart");
+Object.defineProperty(exports, "layoutLineBarChart", { enumerable: true, get: function () { return layoutLineBarChart_1.layoutLineBarChart; } });

package/lib/cjs/components/chart/plotly/layoutLineBarChart.d.ts

@@ -0,0 +1,39 @@
+export interface LayoutConfig extends Partial<Plotly.Layout> {
+    xaxis?: {
+        range: [string, string];
+        domain: [number, number];
+        rangeslider: {};
+        rangeselector: {
+            buttons: Array<{
+                step: "month" | "year" | "all";
+                stepmode?: "backward" | "todate";
+                count?: number;
+                label?: string;
+            }>;
+        };
+    };
+    yaxis2?: {
+        title: string;
+        titlefont: {
+            color: string;
+        };
+        tickfont: {
+            color: string;
+        };
+        tickformat: string;
+    };
+    yaxis?: {
+        title: string;
+        titlefont: {
+            color: string;
+        };
+        tickfont: {
+            color: string;
+        };
+        anchor: "x";
+        side: "right";
+        overlaying: "y2";
+    };
+}
+declare const layoutLineBarChart: (layoutWidth: number, lastDate: Date) => LayoutConfig;
+export { layoutLineBarChart };

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

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.layoutLineBarChart = void 0;
+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",
+        },
+    };
+};
+exports.layoutLineBarChart = layoutLineBarChart;

package/lib/cjs/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/cjs/components/chart/plotly/lineChartDataStrategy.js

@@ -0,0 +1,198 @@
+"use strict";
+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 __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.lineProtestos = exports.lineBoaVista = exports.lineSerasa = exports.lineCCF = exports.lineDividasPublicas = void 0;
+var _1 = require("./");
+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;
+}(_1.BaseChartDataStrategy));
+exports.lineDividasPublicas = 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;
+}(_1.BaseChartDataStrategy));
+exports.lineCCF = 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;
+}(_1.BaseChartDataStrategy));
+exports.lineSerasa = 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;
+}(_1.BaseChartDataStrategy));
+exports.lineBoaVista = 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;
+}(_1.BaseChartDataStrategy));
+exports.lineProtestos = lineProtestos;

package/lib/cjs/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/cjs/components/chart/plotly/pieChartDataStrategy.js

@@ -0,0 +1,45 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PieChartDataStrategy = void 0;
+var underscore_1 = require("underscore");
+var PieChartDataStrategy = /** @class */ (function () {
+    function PieChartDataStrategy() {
+    }
+    PieChartDataStrategy.prototype.processData = function (data) {
+        var _a, _b, _c, _d, _e, _f;
+        var totalDeProtestos = (_a = (0, underscore_1.last)(data.protestos)) === null || _a === void 0 ? void 0 : _a.quantidade;
+        var chequesDevolvidos = (_b = (0, underscore_1.last)(data.ccfs)) === null || _b === void 0 ? void 0 : _b.quantidade;
+        var totalDePefinRefinSerasa = (_c = (0, underscore_1.last)(data.serasa)) === null || _c === void 0 ? void 0 : _c.quantidade;
+        var totalDePefinRefinBoaVista = (_d = (0, underscore_1.last)(data.boaVista)) === null || _d === void 0 ? void 0 : _d.quantidade;
+        var totalDeDividasPublicas = (_e = (0, underscore_1.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;
+}());
+exports.PieChartDataStrategy = PieChartDataStrategy;

package/lib/cjs/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/cjs/components/chart/plotly/types.js

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

package/lib/cjs/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/cjs/components/chart/processChartData.js

@@ -0,0 +1,41 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.processChartData = void 0;
+var plotly_1 = require("./plotly");
+var chartHelper_1 = require("./chartHelper");
+var underscore_1 = require("underscore");
+var processChartData = function (_a) {
+    var dataInput = _a.dataInput, dates = _a.dates;
+    var chartData = [];
+    var adicionarDatasFaltantes = function (dataset) { return dates.map(function (date) { return (0, underscore_1.find)(dataset, function (consulta) { return consulta.x === date; }) || ({ x: date, y: null }); }).flat(); };
+    var ordenarDatas = function (consultas) { return (0, underscore_1.sortBy)(consultas, function (consulta) { return consulta.x.getTime(); }); };
+    if (dataInput) {
+        var processedDataSets = (0, plotly_1.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((0, chartHelper_1.createLineChart)(chartDataAndLayout));
+            }
+            else if (dataSet.type === "bar") {
+                chartData.push((0, chartHelper_1.createBarChart)(chartDataAndLayout));
+            }
+            else if (dataSet.type === "pie") {
+                chartData.push((0, chartHelper_1.createPieChart)(chartDataAndLayout));
+            }
+        });
+    }
+    return chartData;
+};
+exports.processChartData = processChartData;

package/lib/cjs/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/cjs/components/chart/quantityResult.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable no-extra-boolean-cast */
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var addItem_1 = __importDefault(require("../common/addItem"));
+var number_1 = require("../../utils/number");
+var QuantityContainer = function (_a) {
+    var children = _a.children;
+    return react_1.default.createElement("div", { className: (0, classnames_1.default)('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_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: (0, classnames_1.default)('resumo-de-negativacoes-quantity') },
+            react_1.default.createElement(QuantityContainer, null,
+                react_1.default.createElement(addItem_1.default, { name: "Total Protestos", value: (0, number_1.formatValue)(quantidadeProtestos), className: (0, classnames_1.default)("field-result") }),
+                react_1.default.createElement(addItem_1.default, { name: "Valor Total Protestos", value: (0, number_1.formatMoney)(valorTotalProtestos), className: (0, classnames_1.default)("field-result") }),
+                react_1.default.createElement(addItem_1.default, { hidden: quantidadeProtestos == 0, name: "\u00DAltima Ocorr\u00EAncia", value: ultimaOcorrenciaProtestos, className: (0, classnames_1.default)("field-result") })),
+            react_1.default.createElement(QuantityContainer, null,
+                react_1.default.createElement(addItem_1.default, { name: "Cheques Sem Fundos", value: (0, number_1.formatValue)(quantidadeChequesSemFundos), className: (0, classnames_1.default)("field-result") }),
+                react_1.default.createElement(addItem_1.default, { hidden: quantidadeChequesSemFundos == 0, name: "\u00DAltima Ocorr\u00EAncia", value: ultimaOcorrenciaChequesSemFundos, className: (0, classnames_1.default)("field-result") })),
+            react_1.default.createElement(QuantityContainer, null,
+                react_1.default.createElement(addItem_1.default, { name: "Processos Jur\u00EDdicos", value: (0, number_1.formatValue)(quantidadeProcessos), className: (0, classnames_1.default)("field-result") })),
+            react_1.default.createElement(QuantityContainer, null,
+                react_1.default.createElement(addItem_1.default, { name: "D\u00EDvidas P\u00FAblicas", value: (0, number_1.formatValue)(quantidadeDividas), className: (0, classnames_1.default)("field-result") }),
+                react_1.default.createElement(addItem_1.default, { name: "Total D\u00EDvidas P\u00FAblicas", value: (0, number_1.formatMoney)(valorTotalDividas), className: (0, classnames_1.default)("field-result") })),
+            react_1.default.createElement(QuantityContainer, null,
+                react_1.default.createElement(addItem_1.default, { name: "Pefin Refin Serasa", value: (0, number_1.formatValue)(quantidadeDividasSerasa), className: (0, classnames_1.default)("field-result") }),
+                react_1.default.createElement(addItem_1.default, { name: "Total Pefin Refin Serasa", value: (0, number_1.formatMoney)(valorTotalDividasSerasa), className: (0, classnames_1.default)("field-result") })),
+            react_1.default.createElement(QuantityContainer, null,
+                react_1.default.createElement(addItem_1.default, { name: "Pefin Refin Boa Vista", value: (0, number_1.formatValue)(quantidadeDividasBoaVista), className: (0, classnames_1.default)("field-result") }),
+                react_1.default.createElement(addItem_1.default, { name: "Total Pefin Refin Boa Vista", value: (0, number_1.formatMoney)(valorTotalDividasBoaVista), className: (0, classnames_1.default)("field-result") })))));
+};
+exports.default = QuantidadeResultados;

package/lib/cjs/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/cjs/components/chart/useCalculation.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCalculation = void 0;
+var react_1 = require("react");
+var calculation_1 = require("../../utils/calculation");
+var useCalculation = function (itens) {
+    var quantidade = (0, react_1.useMemo)(function () { return (0, calculation_1.somarQuantidades)(itens); }, [itens]);
+    var valorTotal = (0, react_1.useMemo)(function () { return (0, calculation_1.somarValoresTotais)(itens); }, [itens]);
+    var dataMaisRecente = (0, react_1.useMemo)(function () { return (0, calculation_1.encontrarDataMaisRecente)(itens); }, [itens]);
+    return { quantidade: quantidade, valorTotal: valorTotal, dataMaisRecente: dataMaisRecente };
+};
+exports.useCalculation = useCalculation;

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

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