@credithub/harlan-components 1.20.10 → 1.21.1

package/dist/components/chart/components/MixedChart.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DataInput } from '../types/iChart';
+interface MixedChartProps {
+    dataInput: DataInput;
+}
+declare const MixedChart: React.FC<MixedChartProps>;
+export default MixedChart;

package/dist/components/chart/components/MixedChart.js

@@ -0,0 +1,30 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React, { useState } from 'react';
+import { Chart } from 'react-chartjs-2';
+import { useMixedChartData } from '../hooks/useMixedChartData';
+import styled, { css } from 'styled-components';
+var TimeFilterButton = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 8px 16px;\n  margin-right: 5px;\n  background-color: #f0f0f0;\n  border: 1px solid #ccc;\n  border-radius: 8px;\n  cursor: pointer;\n  width: 100px;\n  min-width: 100px;\n  text-align: center;\n\n  ", "\n\n  &:hover {\n    background-color: #007af2;\n    color: white;\n  }\n\n  @media print {\n    display: none !important;\n  }\n"], ["\n  padding: 8px 16px;\n  margin-right: 5px;\n  background-color: #f0f0f0;\n  border: 1px solid #ccc;\n  border-radius: 8px;\n  cursor: pointer;\n  width: 100px;\n  min-width: 100px;\n  text-align: center;\n\n  ", "\n\n  &:hover {\n    background-color: #007af2;\n    color: white;\n  }\n\n  @media print {\n    display: none !important;\n  }\n"])), function (props) {
+    return props.isActive && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: #007af2;\n      color: white;\n      border-color: #007af2;\n    "], ["\n      background-color: #007af2;\n      color: white;\n      border-color: #007af2;\n    "])));
+});
+var MixedChart = function (_a) {
+    var dataInput = _a.dataInput;
+    var _b = useState('1m'), timeFilter = _b[0], setTimeFilter = _b[1];
+    var _c = useMixedChartData(dataInput, timeFilter), data = _c.data, options = _c.options;
+    var chartType = data.datasets.some(function (dataset) { return dataset.type === 'bar'; })
+        ? 'bar'
+        : 'line';
+    return (React.createElement("div", null,
+        React.createElement("div", null, ['all', '1y', '6m', '1m'].map(function (filter) { return (React.createElement(TimeFilterButton, { key: filter, onClick: function () { return setTimeFilter(filter); }, isActive: timeFilter === filter }, filter === 'all'
+            ? 'All'
+            : filter === '1y'
+                ? '1 Ano'
+                : filter === '6m'
+                    ? '6 Meses'
+                    : '1 Mês')); })),
+        React.createElement(Chart, { className: "mixed-chart", type: chartType, data: data, options: options })));
+};
+export default MixedChart;
+var templateObject_1, templateObject_2;

package/dist/components/chart/components/PieChart.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DataInput } from '../types/iChart';
+interface PieChartProps {
+    dataInput: DataInput;
+}
+declare const PieChart: React.FC<PieChartProps>;
+export default PieChart;

package/dist/components/chart/components/PieChart.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Pie } from 'react-chartjs-2';
+import { usePieChartData } from '../hooks/usePieChartData';
+var PieChart = function (_a) {
+    var dataInput = _a.dataInput;
+    var _b = usePieChartData(dataInput), data = _b.data, options = _b.options;
+    return React.createElement(Pie, { className: "pie-chart", data: data, options: options });
+};
+export default PieChart;

package/dist/components/chart/components/categoryProtestos.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DataInput } from '../types/iChart';
+interface ProtestoCategory {
+    dataInput: DataInput['protestosCategory'];
+}
+declare const CategoriaProtesto: React.FC<ProtestoCategory>;
+export default CategoriaProtesto;

package/dist/components/chart/components/categoryProtestos.js

@@ -0,0 +1,17 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from 'react';
+import { Bar } from 'react-chartjs-2';
+import styled from 'styled-components';
+import { useCategoryProtestos } from '../hooks/useCategoryProtestos';
+var ChartContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 400px;\n  width: 100%;\n"], ["\n  height: 400px;\n  width: 100%;\n"])));
+var CategoriaProtesto = function (_a) {
+    var dataInput = _a.dataInput;
+    var _b = useCategoryProtestos(dataInput), data = _b.data, options = _b.options;
+    return (React.createElement(ChartContainer, null,
+        React.createElement(Bar, { className: "categoria-protesto", data: data, options: options })));
+};
+export default CategoriaProtesto;
+var templateObject_1;

package/dist/components/chart/hooks/useCategoryProtestos.d.ts

@@ -0,0 +1,6 @@
+import { ChartData, ChartOptions } from 'chart.js';
+import { DataInput } from '../types/iChart';
+export declare const useCategoryProtestos: (dataInput: DataInput['protestosCategory']) => {
+    data: ChartData<'bar', number[], string>;
+    options: ChartOptions<'bar'>;
+};

package/dist/components/chart/hooks/useCategoryProtestos.js

@@ -0,0 +1,71 @@
+import { useMemo } from 'react';
+export var useCategoryProtestos = function (dataInput) {
+    var data = useMemo(function () {
+        var safeDataInput = dataInput || [];
+        var categoryCounts = {
+            'Protestos de Crédito': 0,
+            'Protestos de Impostos': 0,
+            'Protestos Gerais': 0
+        };
+        safeDataInput.forEach(function (item) {
+            categoryCounts[item.categoria] = item.quantidade;
+        });
+        var labels = Object.keys(categoryCounts);
+        var dataValues = Object.values(categoryCounts);
+        return {
+            labels: labels,
+            datasets: [
+                {
+                    data: dataValues,
+                    backgroundColor: [
+                        'rgba(255, 99, 132, 0.2)',
+                        'rgba(255, 159, 64, 0.2)',
+                        'rgba(54, 162, 235, 0.2)'
+                    ],
+                    borderColor: [
+                        'rgba(255, 99, 132, 1)',
+                        'rgba(255, 159, 64, 1)',
+                        'rgba(54, 162, 235, 1)'
+                    ],
+                    borderWidth: 1
+                }
+            ]
+        };
+    }, [dataInput]);
+    var options = useMemo(function () {
+        return {
+            scales: {
+                y: {
+                    beginAtZero: true,
+                    ticks: {
+                        precision: 0,
+                        stepSize: 1,
+                        suggestedMin: 0,
+                        callback: function (value) {
+                            return Number.isInteger(value) ? value : null;
+                        }
+                    }
+                }
+            },
+            responsive: true,
+            maintainAspectRatio: false,
+            plugins: {
+                legend: {
+                    display: false
+                },
+                title: {
+                    display: true,
+                    text: 'Quantidade de Protestos por Categoria',
+                    font: {
+                        size: 12
+                    },
+                    padding: {
+                        bottom: 10,
+                        top: 20
+                    }
+                }
+            }
+        };
+    }, []);
+    return { data: data, options: options };
+};

package/dist/components/chart/hooks/useChartData.d.ts

@@ -0,0 +1,8 @@
+import { DataInput } from '../../../components/chart/types/iChart';
+declare const useChartData: (documento: string) => {
+    data: DataInput | null;
+    isLoading: boolean;
+    error: string | Error | null;
+    refetch: () => void;
+};
+export default useChartData;

package/dist/components/chart/hooks/useChartData.js

@@ -0,0 +1,64 @@
+import { useContext, useEffect, useState, useMemo } from 'react';
+import { useQuery, Queries, RequestStatus } from '../../../components/webservice';
+import { processData, processProtestData } from '../utils/dataProcessing';
+var useChartData = function (documento) {
+    var _a = useState(null), data = _a[0], setData = _a[1];
+    var _b = useState(null), errorState = _b[0], setErrorState = _b[1];
+    var _c = useQuery("SELECT FROM 'DOCUMENTHISTORY'.'BASICHISTORY'", {
+        documento: documento
+    }), response = _c.response, queryError = _c.error, isLoading = _c.isLoading, refetch = _c.refetch;
+    var ctxProtestos = useContext(Queries.Protestos);
+    var ctxCCF = useContext(Queries.CCF);
+    var ctxProcessosJuridicos = useContext(Queries.ProcessosJuridicos);
+    var quantidadeProcessosJuridicos = useMemo(function () {
+        var _a;
+        if ((ctxProcessosJuridicos === null || ctxProcessosJuridicos === void 0 ? void 0 : ctxProcessosJuridicos.type) === RequestStatus.Success &&
+            ((_a = ctxProcessosJuridicos.document) === null || _a === void 0 ? void 0 : _a.empresa)) {
+            return ctxProcessosJuridicos.document.empresa.length;
+        }
+        return 0;
+    }, [ctxProcessosJuridicos]);
+    var liveQueriesIsFinish = useMemo(function () {
+        return [
+            ctxProtestos === null || ctxProtestos === void 0 ? void 0 : ctxProtestos.type,
+            ctxCCF === null || ctxCCF === void 0 ? void 0 : ctxCCF.type,
+            ctxProcessosJuridicos === null || ctxProcessosJuridicos === void 0 ? void 0 : ctxProcessosJuridicos.type
+        ].every(function (status) { return status !== RequestStatus.Loading; });
+    }, [ctxProtestos, ctxCCF, ctxProcessosJuridicos]);
+    var dadosProtestos = useMemo(function () {
+        if ((ctxProtestos === null || ctxProtestos === void 0 ? void 0 : ctxProtestos.type) === RequestStatus.Success && ctxProtestos.data) {
+            return processProtestData(ctxProtestos.document);
+        }
+        return [];
+    }, [ctxProtestos]);
+    useEffect(function () {
+        if (liveQueriesIsFinish) {
+            refetch();
+        }
+    }, [liveQueriesIsFinish]);
+    useEffect(function () {
+        if (!isLoading &&
+            !queryError &&
+            (response === null || response === void 0 ? void 0 : response.document) &&
+            liveQueriesIsFinish) {
+            try {
+                var parsedData = JSON.parse(response.document);
+                parsedData.protestosCategory = dadosProtestos;
+                var processedData = processData(parsedData, quantidadeProcessosJuridicos);
+                setData(processedData);
+            }
+            catch (e) {
+                console.error('Erro ao processar os dados', e);
+                setErrorState('Erro ao processar os dados');
+            }
+        }
+    }, [
+        isLoading,
+        response,
+        queryError,
+        liveQueriesIsFinish,
+        quantidadeProcessosJuridicos
+    ]);
+    return { data: data, isLoading: isLoading, error: errorState || queryError, refetch: refetch };
+};
+export default useChartData;

package/dist/components/chart/hooks/useMixedChartData.d.ts

@@ -0,0 +1,10 @@
+import { ChartData, ChartOptions } from 'chart.js';
+import { DataInput, TimeFilter } from '../types/iChart';
+import 'chartjs-adapter-date-fns';
+export declare const useMixedChartData: (dataInput: DataInput, timeFilter?: TimeFilter) => {
+    data: ChartData<'line' | 'bar', (number | {
+        x: string;
+        y: number | null;
+    })[], string>;
+    options: ChartOptions<'line' | 'bar'>;
+};

package/dist/components/chart/hooks/useMixedChartData.js

@@ -0,0 +1,43 @@
+import { useMemo } from 'react';
+import 'chartjs-adapter-date-fns';
+import { getEndDate, getUniqueDates, addMissingDateEntries, getFilteredStartDate, getEarliestDate } from '../utils/dataManipulation';
+import { createDatasets, getChartOptions } from '../utils/chartCustomization';
+export var useMixedChartData = function (dataInput, timeFilter) {
+    if (timeFilter === void 0) { timeFilter = '1m'; }
+    return useMemo(function () {
+        var filteredStartDate = getFilteredStartDate(timeFilter, dataInput);
+        var endDate = getEndDate();
+        var fullDataStartDate = getEarliestDate(dataInput);
+        var fullProcessedData = {
+            protestos: addMissingDateEntries(dataInput.protestos, fullDataStartDate, endDate),
+            ccfs: addMissingDateEntries(dataInput.ccfs, fullDataStartDate, endDate),
+            serasa: dataInput.serasa,
+            boaVista: dataInput.boaVista,
+            dividasPublicasGrafico: addMissingDateEntries(dataInput.dividasPublicasGrafico, fullDataStartDate, endDate)
+        };
+        var processedData = {
+            protestos: fullProcessedData.protestos.filter(function (d) { return new Date(d.data) >= filteredStartDate; }),
+            ccfs: fullProcessedData.ccfs.filter(function (d) { return new Date(d.data) >= filteredStartDate; }),
+            serasa: fullProcessedData.serasa.filter(function (d) { return new Date(d.data) >= filteredStartDate; }),
+            boaVista: fullProcessedData.boaVista.filter(function (d) { return new Date(d.data) >= filteredStartDate; }),
+            dividasPublicasGrafico: fullProcessedData.dividasPublicasGrafico.filter(function (d) { return new Date(d.data) >= filteredStartDate; })
+        };
+        var uniqueDates = getUniqueDates(processedData);
+        var datasets = createDatasets(processedData, uniqueDates, timeFilter);
+        var options = getChartOptions(timeFilter);
+        if (!options.plugins) {
+            options.plugins = {};
+        }
+        options.plugins.datalabels = {
+            display: false
+        };
+        var labels = uniqueDates;
+        return {
+            data: {
+                labels: labels,
+                datasets: datasets
+            },
+            options: options
+        };
+    }, [dataInput, timeFilter]);
+};

package/dist/components/chart/hooks/usePieChartData.d.ts

@@ -0,0 +1,6 @@
+import { ChartData, ChartOptions } from 'chart.js';
+import { DataInput } from '../types/iChart';
+export declare const usePieChartData: (dataInput: DataInput) => {
+    data: ChartData<'pie', number[], string>;
+    options: ChartOptions<'pie'>;
+};

package/dist/components/chart/hooks/usePieChartData.js

@@ -0,0 +1,89 @@
+import { useMemo } from 'react';
+import { useWindowSize } from '../../../hooks/useWindowSize';
+export var usePieChartData = function (dataInput) {
+    var width = useWindowSize().width;
+    return useMemo(function () {
+        var _a;
+        var getLastValue = function (arr) { var _a; return arr.length > 0 ? (_a = arr[arr.length - 1].quantidade) !== null && _a !== void 0 ? _a : 0 : 0; };
+        var totalProtestos = getLastValue(dataInput.protestos);
+        var totalCCFs = getLastValue(dataInput.ccfs);
+        var totalSerasa = getLastValue(dataInput.serasa);
+        var totalBoaVista = getLastValue(dataInput.boaVista);
+        var totalDividasPublicas = getLastValue(dataInput.dividasPublicasGrafico);
+        var processosJuridicos = (_a = dataInput.pieChartTotalConfig) === null || _a === void 0 ? void 0 : _a.processosJuridicos;
+        var chartData = {
+            labels: [
+                'Protestos',
+                'Cheques Devolvidos',
+                'Pefin/Refin Serasa',
+                'Pefin/Refin Boa Vista',
+                'Dívidas Públicas',
+                'Processos Jurídicos'
+            ],
+            datasets: [
+                {
+                    data: [
+                        totalProtestos,
+                        totalCCFs,
+                        totalSerasa,
+                        totalBoaVista,
+                        totalDividasPublicas,
+                        processosJuridicos !== null && processosJuridicos !== void 0 ? processosJuridicos : 0
+                    ],
+                    backgroundColor: [
+                        '#ff4081',
+                        '#3f51b5',
+                        '#008cf8',
+                        '#ffc107',
+                        '#4caf50',
+                        '#58508d'
+                    ],
+                    hoverOffset: 4
+                }
+            ]
+        };
+        var aspectRatio = width < 1000 ? 1.5 : 1;
+        var options = {
+            responsive: true,
+            maintainAspectRatio: true,
+            aspectRatio: aspectRatio,
+            layout: {
+                padding: {
+                    top: 32
+                }
+            },
+            plugins: {
+                legend: {
+                    position: 'right',
+                    align: 'start',
+                    fullSize: true,
+                    labels: {
+                        boxWidth: 16,
+                        padding: 16
+                    }
+                },
+                title: {
+                    display: true,
+                    text: 'Quantidade de Ocorrências',
+                    font: {
+                        size: 12
+                    },
+                    padding: {
+                        bottom: 8
+                    }
+                },
+                datalabels: {
+                    color: '#fff',
+                    formatter: function (value) {
+                        return value > 0 ? value.toString() : '';
+                    },
+                    font: {
+                        weight: 'bold'
+                    },
+                    textAlign: 'center'
+                }
+            }
+        };
+        return { data: chartData, options: options };
+    }, [dataInput]);
+};

package/dist/components/chart/quantityResult.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { DataInput } from './types/iChart';
+type QuantidadeResultadosProps = Partial<{
+    data: DataInput | null;
+    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/dist/components/chart/quantityResult.js

@@ -0,0 +1,41 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+/* eslint-disable no-extra-boolean-cast */
+import React from 'react';
+import AddItemField from '../common/addItem';
+import { formatMoney, formatValue } from '../../utils/number';
+import { Result, ResultContent } from '../interface/result';
+import styled from 'styled-components';
+var QuantityContainer = function (_a) {
+    var children = _a.children;
+    return (React.createElement("div", { className: "t" }, children));
+};
+var QuantidadeResultadosWrapper = styled(ResultContent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 18px 20px;\n  row-gap: 20px;\n  > * {\n    row-gap: 10px;\n  }\n"], ["\n  padding: 18px 20px;\n  row-gap: 20px;\n  > * {\n    row-gap: 10px;\n  }\n"])));
+var QuantidadeResultados = function (_a) {
+    var _b, _c, _d, _e;
+    var data = _a.data, _f = _a.quantidadeProtestos, quantidadeProtestos = _f === void 0 ? 0 : _f, _g = _a.quantidadeProcessos, quantidadeProcessos = _g === void 0 ? 0 : _g, _h = _a.quantidadeDividas, quantidadeDividas = _h === void 0 ? 0 : _h, _j = _a.quantidadeChequesSemFundos, quantidadeChequesSemFundos = _j === void 0 ? 0 : _j, _k = _a.quantidadeDividasSerasa, quantidadeDividasSerasa = _k === void 0 ? 0 : _k, _l = _a.quantidadeDividasBoaVista, quantidadeDividasBoaVista = _l === void 0 ? 0 : _l, _m = _a.valorTotalProtestos, valorTotalProtestos = _m === void 0 ? 0 : _m, _o = _a.valorTotalDividas, valorTotalDividas = _o === void 0 ? 0 : _o, _p = _a.valorTotalDividasSerasa, valorTotalDividasSerasa = _p === void 0 ? 0 : _p, _q = _a.valorTotalDividasBoaVista, valorTotalDividasBoaVista = _q === void 0 ? 0 : _q, _r = _a.ultimaOcorrenciaProtestos, ultimaOcorrenciaProtestos = _r === void 0 ? null : _r, _s = _a.ultimaOcorrenciaChequesSemFundos, ultimaOcorrenciaChequesSemFundos = _s === void 0 ? null : _s;
+    return (React.createElement(Result, { resultContentStriped: false },
+        React.createElement(QuantidadeResultadosWrapper, { desktop: "repeat(6, 1fr)", print: "repeat(6, 1fr)", tablet: "repeat(3, 1fr)", mobile: "repeat(2, 1fr)" },
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { name: "Total Protestos", value: formatValue(quantidadeProtestos) }),
+                React.createElement(AddItemField, { name: "Valor Total Protestos", value: formatMoney(valorTotalProtestos) }),
+                React.createElement(AddItemField, { hidden: quantidadeProtestos == 0, name: "\u00DAltima Ocorr\u00EAncia", value: ultimaOcorrenciaProtestos })),
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { name: "Cheques Sem Fundos", value: formatValue(quantidadeChequesSemFundos) }),
+                React.createElement(AddItemField, { hidden: quantidadeChequesSemFundos == 0, name: "\u00DAltima Ocorr\u00EAncia", value: ultimaOcorrenciaChequesSemFundos })),
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { name: "Processos Jur\u00EDdicos", value: formatValue(quantidadeProcessos) })),
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { name: "D\u00EDvidas P\u00FAblicas", value: formatValue(quantidadeDividas) }),
+                React.createElement(AddItemField, { name: "Total D\u00EDvidas P\u00FAblicas", value: formatMoney(valorTotalDividas) })),
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { hidden: !((_b = data === null || data === void 0 ? void 0 : data.serasa) === null || _b === void 0 ? void 0 : _b.length), name: "Pefin Refin Serasa", value: formatValue(quantidadeDividasSerasa) }),
+                React.createElement(AddItemField, { hidden: !((_c = data === null || data === void 0 ? void 0 : data.serasa) === null || _c === void 0 ? void 0 : _c.length), name: "Total Pefin Refin Serasa", value: formatMoney(valorTotalDividasSerasa) })),
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { hidden: !((_d = data === null || data === void 0 ? void 0 : data.boaVista) === null || _d === void 0 ? void 0 : _d.length), name: "Pefin Refin Boa Vista", value: formatValue(quantidadeDividasBoaVista) }),
+                React.createElement(AddItemField, { hidden: !((_e = data === null || data === void 0 ? void 0 : data.boaVista) === null || _e === void 0 ? void 0 : _e.length), name: "Total Pefin Refin Boa Vista", value: formatMoney(valorTotalDividasBoaVista) })))));
+};
+export default QuantidadeResultados;
+var templateObject_1;

package/dist/components/chart/types/iChart.d.ts

@@ -0,0 +1,59 @@
+export interface Consulta {
+    data: string | Date;
+    categoria?: string;
+    quantidade?: number | null;
+    creation?: string | Date;
+    valorTotal?: number | null;
+    total?: number | null;
+}
+export interface DataInput {
+    ccfs: Consulta[];
+    protestos: Consulta[];
+    serasa: Consulta[];
+    boaVista: Consulta[];
+    dividasPublicasGrafico: Consulta[];
+    pieChartTotalConfig?: {
+        protestos?: {
+            total: number | null;
+            valorTotal: number | null;
+            ultimaOcorrencia: string | null;
+        };
+        processosJuridicos?: number;
+        ccf?: {
+            total: number | null;
+            ultimaOcorrencia: string | null;
+        };
+    };
+    protestosCategory?: ProtestoData[];
+}
+export interface ProtestoData {
+    categoria: string;
+    quantidade: number;
+    ultimaOcorrencia: string | null;
+}
+export interface DataSetCommon {
+    label: string;
+    data: {
+        x: string;
+        y: number | null;
+    }[];
+    borderColor?: string;
+    backgroundColor?: string;
+    borderWidth?: number;
+    yAxisID?: 'y' | 'y2';
+}
+export interface DataSetLine extends DataSetCommon {
+    type: 'line';
+    tension?: number;
+    spanGaps: boolean;
+    showLine: boolean;
+    pointRadius: number;
+    fill?: boolean;
+}
+export interface DataSetBar extends DataSetCommon {
+    type: 'bar';
+    borderRadius?: number;
+    categoryPercentage?: number;
+    barPercentage?: number;
+}
+export type TimeFilter = '1y' | '6m' | '1m' | 'all';

package/dist/components/chart/types/iChart.js

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

package/dist/components/chart/utils/chartCustomization.d.ts

@@ -0,0 +1,7 @@
+import { DataInput, TimeFilter } from '../types/iChart';
+import { ChartDataset, ChartOptions } from 'chart.js';
+export declare function createDatasets(data: DataInput, uniqueDates: string[], timeFilter: TimeFilter): ChartDataset<'line' | 'bar', (number | {
+    x: string;
+    y: number | null;
+})[]>[];
+export declare function getChartOptions(timeFilter: TimeFilter): ChartOptions<'line' | 'bar'>;