@ifto/mantine-kit 0.2.1 → 0.4.0

package/README.md

@@ -38,7 +38,7 @@ a REST HTTP client.
 **1. Install** the library and its required peer dependencies:
 
 ```bash
-yarn add @ifto/mantine-kit @mantine/core @mantine/hooks @mantine/notifications @tabler/icons-react clsx dayjs \
+yarn add @ifto/mantine-kit @mantine/core @mantine/hooks @mantine/notifications @tabler/icons-react clsx \
   react react-dom
 ```
 
@@ -48,7 +48,7 @@ Install the optional ones only if you use the components that need them:
 |---|---|
 | `@mantine/form` | the form templates (`FormPage`, `CreateFormPage`, `EditFormPage`) and `DataForm`, which take a `useForm` form |
 | `@mantine/modals` | the confirmations of `Table` (delete), `ListPage` and `DataForm` |
-| `@mantine/dates` | `DateField` |
+| `@mantine/dates` and `dayjs` (its peer dependency) | `DateField` |
 | `mantine-datatable` | `Table`, `ViewTable`, `ListPage` |
 | `echarts` | `EChart` and the chart types |
 | `exceljs` | Excel export |
@@ -226,6 +226,10 @@ The chart types in `component/organism/EChart/chart` (`LINE_CHART`, `BAR_CHART`,
 build a complete option, with one panel per unit, from generic series:
 `option={LINE_CHART.buildOption(data, { title: 'Revenue', locale: 'en-US' })}`.
 
+Each of these types has an `icon`, to show in a chart type selector (e.g. `IconChartBar` for `BAR_CHART`). To use another
+one, create the type with it: `new BarChart(IconChartHistogram)`. The `icon` is optional in the `ChartType` contract, so
+a custom chart type does not need one.
+
 ### Export to Excel or CSV
 
 ```tsx

package/dist/component/atom/DateField/DateField.d.ts

@@ -3,5 +3,9 @@ import { DateInputProps } from '@mantine/dates';
 export interface DateProps extends DateInputProps {
     label: string;
 }
-/** Clearable date input in the date format of the locale (e.g. `DD/MM/YYYY` in `pt-BR`). */
+/**
+ * Clearable date input in the date format of the locale (e.g. `DD/MM/YYYY` in `pt-BR`).
+ * A text `value` can be in that format or in the `YYYY-MM-DD` format `onChange` gives, so it can be controlled with
+ * what `onChange` gives.
+ */
 export declare function DateField({ label, value, ...rest }: DateProps): ReactElement;

package/dist/component/atom/DateField/DateField.js

@@ -1,17 +1,29 @@
 "use client";
 import { useKitMessages } from "../../../provider/useKit.js";
-import { parseDate } from "../../../util/DateUtil.js";
+import { ISO_DATE_FORMAT, isValidDate, parseDate } from "../../../util/DateUtil.js";
 import { jsx } from "react/jsx-runtime";
 import { DateInput } from "@mantine/dates";
 // src/component/atom/DateField/DateField.tsx
-/** Clearable date input in the date format of the locale (e.g. `DD/MM/YYYY` in `pt-BR`). */
+/**
+* Reads the value of the field, which is a `YYYY-MM-DD` text when it comes from the `onChange` of `DateInput`.
+* @param format format of the locale, for the texts not in the ISO format
+*/
+function parseFieldValue(value, format) {
+	const isoDate = parseDate(value, ISO_DATE_FORMAT);
+	return isValidDate(isoDate) ? isoDate : parseDate(value, format);
+}
+/**
+* Clearable date input in the date format of the locale (e.g. `DD/MM/YYYY` in `pt-BR`).
+* A text `value` can be in that format or in the `YYYY-MM-DD` format `onChange` gives, so it can be controlled with
+* what `onChange` gives.
+*/
 function DateField({ label, value, ...rest }) {
 	const { dateFormat } = useKitMessages().common;
 	return /* @__PURE__ */ jsx(DateInput, {
 		label,
 		placeholder: dateFormat,
 		valueFormat: dateFormat,
-		value: parseDate(value, dateFormat),
+		value: parseFieldValue(value, dateFormat),
 		clearable: true,
 		...rest
 	});

package/dist/component/atom/DateField/DateField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.js","names":[],"sources":["../../../../src/component/atom/DateField/DateField.tsx"],"sourcesContent":["import { ReactElement } from 'react';\nimport { DateInput, DateInputProps } from '@mantine/dates';\n\nimport { useKitMessages } from '../../../provider/useKit';\nimport { parseDate } from '../../../util/DateUtil';\n\nexport interface DateProps extends DateInputProps {\n    label: string;\n}\n\n/** Clearable date input in the date format of the locale (e.g. `DD/MM/YYYY` in `pt-BR`). */\nexport function DateField({ label, value, ...rest }: DateProps): ReactElement {\n    const { dateFormat } = useKitMessages().common;\n\n    return (\n        <DateInput\n            label={label}\n            placeholder={dateFormat}\n            valueFormat={dateFormat}\n            value={parseDate(value, dateFormat)}\n            clearable\n            {...rest}\n        />\n    );\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,UAAU,EAAE,OAAO,OAAO,GAAG,QAAiC;CAC1E,MAAM,EAAE,eAAe,eAAe,CAAC,CAAC;CAExC,OACI,oBAAC,WAAD;EACW;EACP,aAAa;EACb,aAAa;EACb,OAAO,UAAU,OAAO,UAAU;EAClC,WAAA;EACA,GAAI;CACP,CAAA;AAET"}
+{"version":3,"file":"DateField.js","names":[],"sources":["../../../../src/component/atom/DateField/DateField.tsx"],"sourcesContent":["import { ReactElement } from 'react';\nimport { DateInput, DateInputProps } from '@mantine/dates';\n\nimport { useKitMessages } from '../../../provider/useKit';\nimport { DateFieldValue, ISO_DATE_FORMAT, isValidDate, parseDate } from '../../../util/DateUtil';\n\nexport interface DateProps extends DateInputProps {\n    label: string;\n}\n\n/**\n * Reads the value of the field, which is a `YYYY-MM-DD` text when it comes from the `onChange` of `DateInput`.\n * @param format format of the locale, for the texts not in the ISO format\n */\nfunction parseFieldValue(value: DateFieldValue, format: string): Date | null {\n    const isoDate = parseDate(value, ISO_DATE_FORMAT);\n\n    return isValidDate(isoDate) ? isoDate : parseDate(value, format);\n}\n\n/**\n * Clearable date input in the date format of the locale (e.g. `DD/MM/YYYY` in `pt-BR`).\n * A text `value` can be in that format or in the `YYYY-MM-DD` format `onChange` gives, so it can be controlled with\n * what `onChange` gives.\n */\nexport function DateField({ label, value, ...rest }: DateProps): ReactElement {\n    const { dateFormat } = useKitMessages().common;\n\n    return (\n        <DateInput\n            label={label}\n            placeholder={dateFormat}\n            valueFormat={dateFormat}\n            value={parseFieldValue(value, dateFormat)}\n            clearable\n            {...rest}\n        />\n    );\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAS,gBAAgB,OAAuB,QAA6B;CACzE,MAAM,UAAU,UAAU,OAAO,eAAe;CAEhD,OAAO,YAAY,OAAO,IAAI,UAAU,UAAU,OAAO,MAAM;AACnE;;;;;;AAOA,SAAgB,UAAU,EAAE,OAAO,OAAO,GAAG,QAAiC;CAC1E,MAAM,EAAE,eAAe,eAAe,CAAC,CAAC;CAExC,OACI,oBAAC,WAAD;EACW;EACP,aAAa;EACb,aAAa;EACb,OAAO,gBAAgB,OAAO,UAAU;EACxC,WAAA;EACA,GAAI;CACP,CAAA;AAET"}

package/dist/component/organism/EChart/chart/BarChart.d.ts

@@ -1,3 +1,4 @@
+import { type Icon } from '@tabler/icons-react';
 import { ChartSeries } from './ChartSeries';
 import { ChartTypeId } from './ChartTypeId';
 import { CartesianChart, CartesianSeries, DataPoint } from './CartesianChart';
@@ -11,6 +12,8 @@ export declare const NEGATIVE_VALUE_COLOR = "#d9480f";
  */
 export declare class BarChart extends CartesianChart {
     readonly id: ChartTypeId;
+    /** @param icon icon that replaces the default one */
+    constructor(icon?: Icon);
     protected seriesStyle(): CartesianSeries;
     protected seriesData(serie: ChartSeries): DataPoint[];
 }

package/dist/component/organism/EChart/chart/BarChart.js

@@ -1,5 +1,6 @@
 "use client";
 import { CartesianChart } from "./CartesianChart.js";
+import { IconChartBar } from "@tabler/icons-react";
 // src/component/organism/EChart/chart/BarChart.ts
 /** Color of the columns with a negative value (e.g. a deficit), to set them apart from the positive ones. */
 var NEGATIVE_VALUE_COLOR = "#d9480f";
@@ -11,6 +12,10 @@ var NEGATIVE_VALUE_COLOR = "#d9480f";
 */
 var BarChart = class extends CartesianChart {
 	id = "bar";
+	/** @param icon icon that replaces the default one */
+	constructor(icon = IconChartBar) {
+		super(icon);
+	}
 	seriesStyle() {
 		return { type: "bar" };
 	}

package/dist/component/organism/EChart/chart/BarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChart.js","names":[],"sources":["../../../../../src/component/organism/EChart/chart/BarChart.ts"],"sourcesContent":["import { ChartSeries } from './ChartSeries';\nimport { ChartTypeId } from './ChartTypeId';\nimport { CartesianChart, CartesianSeries, DataPoint } from './CartesianChart';\n\n/** Color of the columns with a negative value (e.g. a deficit), to set them apart from the positive ones. */\nexport const NEGATIVE_VALUE_COLOR = '#d9480f';\n\n/**\n * Grouped column chart: compares the series category by category.\n * Suited to flows (e.g. yearly values) and to balances that may be negative (deficit/surplus): the negative columns\n * get the {@link NEGATIVE_VALUE_COLOR}, without changing the color of the series in the legend.\n * @author Manoel Campos\n */\nexport class BarChart extends CartesianChart {\n    readonly id: ChartTypeId = 'bar';\n\n    protected seriesStyle(): CartesianSeries {\n        return { type: 'bar' };\n    }\n\n    protected seriesData(serie: ChartSeries): DataPoint[] {\n        return highlightNegativeValues(serie.values);\n    }\n}\n\n/**\n * Gives the {@link NEGATIVE_VALUE_COLOR} only to the negative values. The others keep the color of the series.\n * @param values values of a series\n * @return the values in the `series[i].data` format, with their own style in the negative ones\n */\nexport function highlightNegativeValues(values: (number | null)[]): DataPoint[] {\n    return values.map(value =>\n        value !== null && value < 0 ? { value, itemStyle: { color: NEGATIVE_VALUE_COLOR } } : value\n    );\n}\n"],"mappings":";;;;AAKA,IAAa,uBAAuB;;;;;;;AAQpC,IAAa,WAAb,cAA8B,eAAe;CACzC,KAA2B;CAE3B,cAAyC;EACrC,OAAO,EAAE,MAAM,MAAM;CACzB;CAEA,WAAqB,OAAiC;EAClD,OAAO,wBAAwB,MAAM,MAAM;CAC/C;AACJ;;;;;;AAOA,SAAgB,wBAAwB,QAAwC;CAC5E,OAAO,OAAO,KAAI,UACd,UAAU,QAAQ,QAAQ,IAAI;EAAE;EAAO,WAAW,EAAE,OAAO,qBAAqB;CAAE,IAAI,KAC1F;AACJ"}
+{"version":3,"file":"BarChart.js","names":[],"sources":["../../../../../src/component/organism/EChart/chart/BarChart.ts"],"sourcesContent":["import { IconChartBar, type Icon } from '@tabler/icons-react';\n\nimport { ChartSeries } from './ChartSeries';\nimport { ChartTypeId } from './ChartTypeId';\nimport { CartesianChart, CartesianSeries, DataPoint } from './CartesianChart';\n\n/** Color of the columns with a negative value (e.g. a deficit), to set them apart from the positive ones. */\nexport const NEGATIVE_VALUE_COLOR = '#d9480f';\n\n/**\n * Grouped column chart: compares the series category by category.\n * Suited to flows (e.g. yearly values) and to balances that may be negative (deficit/surplus): the negative columns\n * get the {@link NEGATIVE_VALUE_COLOR}, without changing the color of the series in the legend.\n * @author Manoel Campos\n */\nexport class BarChart extends CartesianChart {\n    readonly id: ChartTypeId = 'bar';\n\n    /** @param icon icon that replaces the default one */\n    constructor(icon: Icon = IconChartBar) {\n        super(icon);\n    }\n\n    protected seriesStyle(): CartesianSeries {\n        return { type: 'bar' };\n    }\n\n    protected seriesData(serie: ChartSeries): DataPoint[] {\n        return highlightNegativeValues(serie.values);\n    }\n}\n\n/**\n * Gives the {@link NEGATIVE_VALUE_COLOR} only to the negative values. The others keep the color of the series.\n * @param values values of a series\n * @return the values in the `series[i].data` format, with their own style in the negative ones\n */\nexport function highlightNegativeValues(values: (number | null)[]): DataPoint[] {\n    return values.map(value =>\n        value !== null && value < 0 ? { value, itemStyle: { color: NEGATIVE_VALUE_COLOR } } : value\n    );\n}\n"],"mappings":";;;;;AAOA,IAAa,uBAAuB;;;;;;;AAQpC,IAAa,WAAb,cAA8B,eAAe;CACzC,KAA2B;;CAG3B,YAAY,OAAa,cAAc;EACnC,MAAM,IAAI;CACd;CAEA,cAAyC;EACrC,OAAO,EAAE,MAAM,MAAM;CACzB;CAEA,WAAqB,OAAiC;EAClD,OAAO,wBAAwB,MAAM,MAAM;CAC/C;AACJ;;;;;;AAOA,SAAgB,wBAAwB,QAAwC;CAC5E,OAAO,OAAO,KAAI,UACd,UAAU,QAAQ,QAAQ,IAAI;EAAE;EAAO,WAAW,EAAE,OAAO,qBAAqB;CAAE,IAAI,KAC1F;AACJ"}

package/dist/component/organism/EChart/chart/CartesianChart.d.ts

@@ -1,3 +1,4 @@
+import type { Icon } from '@tabler/icons-react';
 import type { BarSeriesOption, EChartsOption, LineSeriesOption } from 'echarts';
 import { ChartData, ChartSeries } from './ChartSeries';
 import { ChartContext, ChartType } from './ChartType';
@@ -17,8 +18,11 @@ export type DataPoint = number | null | {
  * @author Manoel Campos
  */
 export declare abstract class CartesianChart implements ChartType {
+    readonly icon?: Icon | undefined;
     abstract readonly id: ChartTypeId;
     readonly singleCategory = false;
+    /** @param icon icon of the type (see {@link ChartType#icon}) */
+    constructor(icon?: Icon | undefined);
     /** Types with axes work for any set of series, except the ones that restrict it (see the subclasses). */
     isAvailable(series: ChartSeries[]): boolean;
     buildOption(data: ChartData, context: ChartContext): EChartsOption;

package/dist/component/organism/EChart/chart/CartesianChart.js

@@ -9,7 +9,12 @@ import { buildChartHeader, legendExtraHeight, tooltipFormatter } from "./ChartHe
 * @author Manoel Campos
 */
 var CartesianChart = class {
+	icon;
 	singleCategory = false;
+	/** @param icon icon of the type (see {@link ChartType#icon}) */
+	constructor(icon) {
+		this.icon = icon;
+	}
 	/** Types with axes work for any set of series, except the ones that restrict it (see the subclasses). */
 	isAvailable(series) {
 		return series.length > 0;

package/dist/component/organism/EChart/chart/CartesianChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"CartesianChart.js","names":[],"sources":["../../../../../src/component/organism/EChart/chart/CartesianChart.ts"],"sourcesContent":["import type { BarSeriesOption, EChartsOption, LineSeriesOption } from 'echarts';\n\nimport { ChartData, ChartSeries } from './ChartSeries';\nimport { ChartContext, ChartType } from './ChartType';\nimport { ChartTypeId } from './ChartTypeId';\nimport { chartLocale, chartMessages } from './ChartTexts';\nimport { buildPanelAxes, groupByUnit, panelsHeight } from './UnitPanels';\nimport { buildChartHeader, legendExtraHeight, tooltipFormatter } from './ChartHeader';\n\n/** Column or line series, the two formats used in the charts with axes (cartesian). */\nexport type CartesianSeries = BarSeriesOption | LineSeriesOption;\n\n/** Value of a category in a series, in the format accepted by `series[i].data` (with or without its own style). */\nexport type DataPoint = number | null | { value: number; itemStyle: { color: string } };\n\n/**\n * Base of the chart types with an X axis of categories (line, columns, stacked columns).\n * It builds the panels per unit, the header and the tooltip, leaving to each type just the style of each series.\n * @author Manoel Campos\n */\nexport abstract class CartesianChart implements ChartType {\n    abstract readonly id: ChartTypeId;\n    readonly singleCategory = false;\n\n    /** Types with axes work for any set of series, except the ones that restrict it (see the subclasses). */\n    isAvailable(series: ChartSeries[]): boolean {\n        return series.length > 0;\n    }\n\n    buildOption(data: ChartData, context: ChartContext): EChartsOption {\n        const panels = groupByUnit(data.series);\n        const series = panels.flatMap((panel, index) =>\n            panel.series.map(serie => this.buildSeries(serie, data.series, index))\n        );\n        const names = data.series.map(serie => serie.name);\n        const extraTop = legendExtraHeight(names, context.width);\n\n        return {\n            ...buildChartHeader(context.title, names, chartMessages(context)),\n            tooltip: { trigger: 'axis' },\n            ...buildPanelAxes(panels, data.categories, extraTop, chartLocale(context)),\n            series\n        };\n    }\n\n    height(data: ChartData, context: ChartContext): number {\n        const extraTop = legendExtraHeight(\n            data.series.map(serie => serie.name),\n            context.width\n        );\n        return panelsHeight(groupByUnit(data.series).length, data.categories.length, extraTop);\n    }\n\n    /**\n     * Defines how a series is drawn (type, stacking etc.).\n     * @param serie series to draw\n     * @param all all series of the chart, for types that depend on the whole set (e.g. stacking)\n     * @return the style of the series in the ECharts format, without name, data and axes (filled by the base)\n     */\n    protected abstract seriesStyle(serie: ChartSeries, all: ChartSeries[]): CartesianSeries;\n\n    /**\n     * Values of the series in the `series[i].data` format. By default, the values themselves; subclasses may give\n     * their own style to some values (e.g. negative values).\n     * @param serie series of the chart\n     * @return one value per category\n     */\n    protected seriesData(serie: ChartSeries): DataPoint[] {\n        return serie.values;\n    }\n\n    /**\n     * Creates the complete ECharts series: style of the type, name, values, axes of the panel and tooltip format.\n     * @param serie series of the chart\n     * @param all all series of the chart\n     * @param panelIndex index of the panel (and of the axes) of the unit of the series\n     * @return the series in the ECharts format\n     */\n    private buildSeries(serie: ChartSeries, all: ChartSeries[], panelIndex: number): CartesianSeries {\n        return {\n            ...this.seriesStyle(serie, all),\n            id: serie.id,\n            name: serie.name,\n            data: this.seriesData(serie),\n            xAxisIndex: panelIndex,\n            yAxisIndex: panelIndex,\n            tooltip: { valueFormatter: tooltipFormatter(serie.unit) }\n        } as CartesianSeries;\n    }\n}\n"],"mappings":";;;;;;;;;;AAoBA,IAAsB,iBAAtB,MAA0D;CAEtD,iBAA0B;;CAG1B,YAAY,QAAgC;EACxC,OAAO,OAAO,SAAS;CAC3B;CAEA,YAAY,MAAiB,SAAsC;EAC/D,MAAM,SAAS,YAAY,KAAK,MAAM;EACtC,MAAM,SAAS,OAAO,SAAS,OAAO,UAClC,MAAM,OAAO,KAAI,UAAS,KAAK,YAAY,OAAO,KAAK,QAAQ,KAAK,CAAC,CACzE;EACA,MAAM,QAAQ,KAAK,OAAO,KAAI,UAAS,MAAM,IAAI;EACjD,MAAM,WAAW,kBAAkB,OAAO,QAAQ,KAAK;EAEvD,OAAO;GACH,GAAG,iBAAiB,QAAQ,OAAO,OAAO,cAAc,OAAO,CAAC;GAChE,SAAS,EAAE,SAAS,OAAO;GAC3B,GAAG,eAAe,QAAQ,KAAK,YAAY,UAAU,YAAY,OAAO,CAAC;GACzE;EACJ;CACJ;CAEA,OAAO,MAAiB,SAA+B;EACnD,MAAM,WAAW,kBACb,KAAK,OAAO,KAAI,UAAS,MAAM,IAAI,GACnC,QAAQ,KACZ;EACA,OAAO,aAAa,YAAY,KAAK,MAAM,CAAC,CAAC,QAAQ,KAAK,WAAW,QAAQ,QAAQ;CACzF;;;;;;;CAgBA,WAAqB,OAAiC;EAClD,OAAO,MAAM;CACjB;;;;;;;;CASA,YAAoB,OAAoB,KAAoB,YAAqC;EAC7F,OAAO;GACH,GAAG,KAAK,YAAY,OAAO,GAAG;GAC9B,IAAI,MAAM;GACV,MAAM,MAAM;GACZ,MAAM,KAAK,WAAW,KAAK;GAC3B,YAAY;GACZ,YAAY;GACZ,SAAS,EAAE,gBAAgB,iBAAiB,MAAM,IAAI,EAAE;EAC5D;CACJ;AACJ"}
+{"version":3,"file":"CartesianChart.js","names":[],"sources":["../../../../../src/component/organism/EChart/chart/CartesianChart.ts"],"sourcesContent":["import type { Icon } from '@tabler/icons-react';\nimport type { BarSeriesOption, EChartsOption, LineSeriesOption } from 'echarts';\n\nimport { ChartData, ChartSeries } from './ChartSeries';\nimport { ChartContext, ChartType } from './ChartType';\nimport { ChartTypeId } from './ChartTypeId';\nimport { chartLocale, chartMessages } from './ChartTexts';\nimport { buildPanelAxes, groupByUnit, panelsHeight } from './UnitPanels';\nimport { buildChartHeader, legendExtraHeight, tooltipFormatter } from './ChartHeader';\n\n/** Column or line series, the two formats used in the charts with axes (cartesian). */\nexport type CartesianSeries = BarSeriesOption | LineSeriesOption;\n\n/** Value of a category in a series, in the format accepted by `series[i].data` (with or without its own style). */\nexport type DataPoint = number | null | { value: number; itemStyle: { color: string } };\n\n/**\n * Base of the chart types with an X axis of categories (line, columns, stacked columns).\n * It builds the panels per unit, the header and the tooltip, leaving to each type just the style of each series.\n * @author Manoel Campos\n */\nexport abstract class CartesianChart implements ChartType {\n    abstract readonly id: ChartTypeId;\n    readonly singleCategory = false;\n\n    /** @param icon icon of the type (see {@link ChartType#icon}) */\n    constructor(readonly icon?: Icon) {}\n\n    /** Types with axes work for any set of series, except the ones that restrict it (see the subclasses). */\n    isAvailable(series: ChartSeries[]): boolean {\n        return series.length > 0;\n    }\n\n    buildOption(data: ChartData, context: ChartContext): EChartsOption {\n        const panels = groupByUnit(data.series);\n        const series = panels.flatMap((panel, index) =>\n            panel.series.map(serie => this.buildSeries(serie, data.series, index))\n        );\n        const names = data.series.map(serie => serie.name);\n        const extraTop = legendExtraHeight(names, context.width);\n\n        return {\n            ...buildChartHeader(context.title, names, chartMessages(context)),\n            tooltip: { trigger: 'axis' },\n            ...buildPanelAxes(panels, data.categories, extraTop, chartLocale(context)),\n            series\n        };\n    }\n\n    height(data: ChartData, context: ChartContext): number {\n        const extraTop = legendExtraHeight(\n            data.series.map(serie => serie.name),\n            context.width\n        );\n        return panelsHeight(groupByUnit(data.series).length, data.categories.length, extraTop);\n    }\n\n    /**\n     * Defines how a series is drawn (type, stacking etc.).\n     * @param serie series to draw\n     * @param all all series of the chart, for types that depend on the whole set (e.g. stacking)\n     * @return the style of the series in the ECharts format, without name, data and axes (filled by the base)\n     */\n    protected abstract seriesStyle(serie: ChartSeries, all: ChartSeries[]): CartesianSeries;\n\n    /**\n     * Values of the series in the `series[i].data` format. By default, the values themselves; subclasses may give\n     * their own style to some values (e.g. negative values).\n     * @param serie series of the chart\n     * @return one value per category\n     */\n    protected seriesData(serie: ChartSeries): DataPoint[] {\n        return serie.values;\n    }\n\n    /**\n     * Creates the complete ECharts series: style of the type, name, values, axes of the panel and tooltip format.\n     * @param serie series of the chart\n     * @param all all series of the chart\n     * @param panelIndex index of the panel (and of the axes) of the unit of the series\n     * @return the series in the ECharts format\n     */\n    private buildSeries(serie: ChartSeries, all: ChartSeries[], panelIndex: number): CartesianSeries {\n        return {\n            ...this.seriesStyle(serie, all),\n            id: serie.id,\n            name: serie.name,\n            data: this.seriesData(serie),\n            xAxisIndex: panelIndex,\n            yAxisIndex: panelIndex,\n            tooltip: { valueFormatter: tooltipFormatter(serie.unit) }\n        } as CartesianSeries;\n    }\n}\n"],"mappings":";;;;;;;;;;AAqBA,IAAsB,iBAAtB,MAA0D;CAKjC;CAHrB,iBAA0B;;CAG1B,YAAY,MAAsB;EAAb,KAAA,OAAA;CAAc;;CAGnC,YAAY,QAAgC;EACxC,OAAO,OAAO,SAAS;CAC3B;CAEA,YAAY,MAAiB,SAAsC;EAC/D,MAAM,SAAS,YAAY,KAAK,MAAM;EACtC,MAAM,SAAS,OAAO,SAAS,OAAO,UAClC,MAAM,OAAO,KAAI,UAAS,KAAK,YAAY,OAAO,KAAK,QAAQ,KAAK,CAAC,CACzE;EACA,MAAM,QAAQ,KAAK,OAAO,KAAI,UAAS,MAAM,IAAI;EACjD,MAAM,WAAW,kBAAkB,OAAO,QAAQ,KAAK;EAEvD,OAAO;GACH,GAAG,iBAAiB,QAAQ,OAAO,OAAO,cAAc,OAAO,CAAC;GAChE,SAAS,EAAE,SAAS,OAAO;GAC3B,GAAG,eAAe,QAAQ,KAAK,YAAY,UAAU,YAAY,OAAO,CAAC;GACzE;EACJ;CACJ;CAEA,OAAO,MAAiB,SAA+B;EACnD,MAAM,WAAW,kBACb,KAAK,OAAO,KAAI,UAAS,MAAM,IAAI,GACnC,QAAQ,KACZ;EACA,OAAO,aAAa,YAAY,KAAK,MAAM,CAAC,CAAC,QAAQ,KAAK,WAAW,QAAQ,QAAQ;CACzF;;;;;;;CAgBA,WAAqB,OAAiC;EAClD,OAAO,MAAM;CACjB;;;;;;;;CASA,YAAoB,OAAoB,KAAoB,YAAqC;EAC7F,OAAO;GACH,GAAG,KAAK,YAAY,OAAO,GAAG;GAC9B,IAAI,MAAM;GACV,MAAM,MAAM;GACZ,MAAM,KAAK,WAAW,KAAK;GAC3B,YAAY;GACZ,YAAY;GACZ,SAAS,EAAE,gBAAgB,iBAAiB,MAAM,IAAI,EAAE;EAC5D;CACJ;AACJ"}

package/dist/component/organism/EChart/chart/ChartType.d.ts

@@ -1,3 +1,4 @@
+import type { Icon } from '@tabler/icons-react';
 import type { EChartsOption } from 'echarts';
 import { KitLocale } from '../../../../i18n/KitLocale';
 import { ChartMessages } from '../../../../i18n/KitMessages';
@@ -25,6 +26,8 @@ export type ChartContext = {
 };
 export interface ChartType {
     readonly id: ChartTypeId;
+    /** Icon that represents the type, such as in a chart type selector; absent if the type has none. */
+    readonly icon?: Icon;
     /** Whether the type shows a single category (so the screen should show a category selector, such as the year). */
     readonly singleCategory: boolean;
     /**

package/dist/component/organism/EChart/chart/DonutChart.d.ts

@@ -1,3 +1,4 @@
+import { type Icon } from '@tabler/icons-react';
 import type { EChartsOption } from 'echarts';
 import { ChartData, ChartSeries } from './ChartSeries';
 import { ChartContext, ChartType } from './ChartType';
@@ -16,8 +17,11 @@ export declare const DONUT_HEIGHT = 520;
  * @author Manoel Campos
  */
 export declare class DonutChart implements ChartType {
+    readonly icon: Icon;
     readonly id: ChartTypeId;
     readonly singleCategory = true;
+    /** @param icon icon that replaces the default one */
+    constructor(icon?: Icon);
     isAvailable(series: ChartSeries[]): boolean;
     buildOption(data: ChartData, context: ChartContext): EChartsOption;
     height(data: ChartData, context: ChartContext): number;

package/dist/component/organism/EChart/chart/DonutChart.js

@@ -2,6 +2,7 @@
 import { groupByStack } from "./ChartSeries.js";
 import { chartMessages } from "./ChartTexts.js";
 import { buildChartHeader, legendExtraHeight, tooltipFormatter } from "./ChartHeader.js";
+import { IconChartDonut } from "@tabler/icons-react";
 // src/component/organism/EChart/chart/DonutChart.ts
 /**
 * Height of the donut chart with the legend in one row (px). It does not depend on the number of categories; it only
@@ -21,8 +22,13 @@ var DONUT_CENTER = ["50%", "58%"];
 * @author Manoel Campos
 */
 var DonutChart = class {
+	icon;
 	id = "donut";
 	singleCategory = true;
+	/** @param icon icon that replaces the default one */
+	constructor(icon = IconChartDonut) {
+		this.icon = icon;
+	}
 	isAvailable(series) {
 		const stacks = [...groupByStack(series).entries()];
 		if (stacks.length !== 1) return false;

package/dist/component/organism/EChart/chart/DonutChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChart.js","names":[],"sources":["../../../../../src/component/organism/EChart/chart/DonutChart.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts';\n\nimport { ChartData, ChartSeries, groupByStack } from './ChartSeries';\nimport { ChartContext, ChartType } from './ChartType';\nimport { ChartTypeId } from './ChartTypeId';\nimport { chartMessages } from './ChartTexts';\nimport { buildChartHeader, legendExtraHeight, tooltipFormatter } from './ChartHeader';\n\n/**\n * Height of the donut chart with the legend in one row (px). It does not depend on the number of categories; it only\n * grows when the legend wraps in more rows.\n */\nexport const DONUT_HEIGHT = 520;\n\n/** Inner and outer radius of the donut, relative to the area of the donut ({@link DONUT_HEIGHT} high). */\nconst DONUT_RADIUS = ['40%', '68%'];\n\n/** Center of the donut: moved down so it is not under the title. */\nconst DONUT_CENTER = ['50%', '58%'];\n\n/**\n * Donut chart: shows how the total of a stack ({@link ChartSeries#stack}) splits among its series in a single\n * category (e.g. \"how the revenue splits by category in 2040\").\n * It is available only when there is exactly one stack, none of its series has a negative value (negative slices make\n * no sense) and all series of the chart are in the stack or are its total ({@link ChartSeries#totalOf}).\n * So choosing the donut never stops showing, without warning, a series the user selected.\n * @author Manoel Campos\n */\nexport class DonutChart implements ChartType {\n    readonly id: ChartTypeId = 'donut';\n    readonly singleCategory = true;\n\n    isAvailable(series: ChartSeries[]): boolean {\n        const stacks = [...groupByStack(series).entries()];\n        if (stacks.length !== 1) return false;\n\n        const [stack, slicesSeries] = stacks[0];\n        const belongsToStack = (serie: ChartSeries) => serie.stack === stack || serie.totalOf === stack;\n        return series.every(belongsToStack) && slicesSeries.every(hasNoNegativeValues);\n    }\n\n    buildOption(data: ChartData, context: ChartContext): EChartsOption {\n        const messages = chartMessages(context);\n        const category = shownCategory(data.categories, context.category);\n        const slices = buildSlices(data, context);\n        const unit = stackSeries(data)[0]?.unit;\n        const total = slices.reduce((sum, slice) => sum + slice.value, 0);\n        const header = buildChartHeader(\n            `${context.title} - ${category}`,\n            slices.map(slice => slice.name),\n            messages\n        );\n\n        return {\n            ...header,\n            title: { ...header.title, subtext: unit && messages.total(unit.format(total)) },\n            // The legend goes to the bottom, so it is not under the subtitle with the total.\n            legend: { ...header.legend, top: undefined, bottom: 0 },\n            tooltip: { trigger: 'item', valueFormatter: unit && tooltipFormatter(unit) },\n            series: [\n                {\n                    type: 'pie',\n                    // The area of the donut is fixed at the top; the extra legend rows stay below it.\n                    top: 0,\n                    height: DONUT_HEIGHT,\n                    radius: DONUT_RADIUS,\n                    center: DONUT_CENTER,\n                    data: slices,\n                    label: { formatter: '{b}: {d}%' }\n                }\n            ]\n        } as EChartsOption;\n    }\n\n    height(data: ChartData, context: ChartContext): number {\n        return (\n            DONUT_HEIGHT +\n            legendExtraHeight(\n                buildSlices(data, context).map(slice => slice.name),\n                context.width\n            )\n        );\n    }\n}\n\n/** Slice of the donut: the value of a series of the stack in the category shown. */\ntype Slice = { name: string; value: number };\n\n/**\n * Returns the series of the only stack of the chart, which become the slices of the donut.\n * @param data series and categories of the chart\n * @return the series of the stack (empty if there is no stack)\n */\nfunction stackSeries(data: ChartData): ChartSeries[] {\n    return [...groupByStack(data.series).values()][0] ?? [];\n}\n\n/**\n * Builds the slices of the donut in the category shown, without the series that have no value in it.\n * @param data series and categories of the chart\n * @param context category chosen on the screen\n * @return a slice per series of the stack with a value in the category\n */\nfunction buildSlices(data: ChartData, context: ChartContext): Slice[] {\n    const categoryIndex = data.categories.indexOf(shownCategory(data.categories, context.category));\n    return stackSeries(data)\n        .map(serie => ({ name: serie.name, value: serie.values[categoryIndex] }))\n        .filter((slice): slice is Slice => slice.value !== null);\n}\n\n/**\n * Checks whether a series has no negative values, which make no sense as slices.\n * @param serie series of a stack\n * @return true if the series has no negative value (categories without a value are ignored)\n */\nfunction hasNoNegativeValues(serie: ChartSeries): boolean {\n    return serie.values.every(value => value === null || value >= 0);\n}\n\n/**\n * Returns the category a single-category chart should show: the chosen one, if it is in the chart; otherwise, the last.\n * @template C type of the categories (e.g. the years, as numbers)\n * @param categories categories of the chart\n * @param chosen category chosen on the screen; absent if none was chosen\n * @return the category to show\n */\nexport function shownCategory<C extends string | number>(categories: C[], chosen?: C): C {\n    return chosen !== undefined && categories.includes(chosen) ? chosen : categories[categories.length - 1];\n}\n"],"mappings":";;;;;;;;;AAYA,IAAa,eAAe;;AAG5B,IAAM,eAAe,CAAC,OAAO,KAAK;;AAGlC,IAAM,eAAe,CAAC,OAAO,KAAK;;;;;;;;;AAUlC,IAAa,aAAb,MAA6C;CACzC,KAA2B;CAC3B,iBAA0B;CAE1B,YAAY,QAAgC;EACxC,MAAM,SAAS,CAAC,GAAG,aAAa,MAAM,CAAC,CAAC,QAAQ,CAAC;EACjD,IAAI,OAAO,WAAW,GAAG,OAAO;EAEhC,MAAM,CAAC,OAAO,gBAAgB,OAAO;EACrC,MAAM,kBAAkB,UAAuB,MAAM,UAAU,SAAS,MAAM,YAAY;EAC1F,OAAO,OAAO,MAAM,cAAc,KAAK,aAAa,MAAM,mBAAmB;CACjF;CAEA,YAAY,MAAiB,SAAsC;EAC/D,MAAM,WAAW,cAAc,OAAO;EACtC,MAAM,WAAW,cAAc,KAAK,YAAY,QAAQ,QAAQ;EAChE,MAAM,SAAS,YAAY,MAAM,OAAO;EACxC,MAAM,OAAO,YAAY,IAAI,CAAC,CAAC,EAAE,EAAE;EACnC,MAAM,QAAQ,OAAO,QAAQ,KAAK,UAAU,MAAM,MAAM,OAAO,CAAC;EAChE,MAAM,SAAS,iBACX,GAAG,QAAQ,MAAM,KAAK,YACtB,OAAO,KAAI,UAAS,MAAM,IAAI,GAC9B,QACJ;EAEA,OAAO;GACH,GAAG;GACH,OAAO;IAAE,GAAG,OAAO;IAAO,SAAS,QAAQ,SAAS,MAAM,KAAK,OAAO,KAAK,CAAC;GAAE;GAE9E,QAAQ;IAAE,GAAG,OAAO;IAAQ,KAAK,KAAA;IAAW,QAAQ;GAAE;GACtD,SAAS;IAAE,SAAS;IAAQ,gBAAgB,QAAQ,iBAAiB,IAAI;GAAE;GAC3E,QAAQ,CACJ;IACI,MAAM;IAEN,KAAK;IACL,QAAA;IACA,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,OAAO,EAAE,WAAW,YAAY;GACpC,CACJ;EACJ;CACJ;CAEA,OAAO,MAAiB,SAA+B;EACnD,OAAA,MAEI,kBACI,YAAY,MAAM,OAAO,CAAC,CAAC,KAAI,UAAS,MAAM,IAAI,GAClD,QAAQ,KACZ;CAER;AACJ;;;;;;AAUA,SAAS,YAAY,MAAgC;CACjD,OAAO,CAAC,GAAG,aAAa,KAAK,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;AAC1D;;;;;;;AAQA,SAAS,YAAY,MAAiB,SAAgC;CAClE,MAAM,gBAAgB,KAAK,WAAW,QAAQ,cAAc,KAAK,YAAY,QAAQ,QAAQ,CAAC;CAC9F,OAAO,YAAY,IAAI,CAAC,CACnB,KAAI,WAAU;EAAE,MAAM,MAAM;EAAM,OAAO,MAAM,OAAO;CAAe,EAAE,CAAC,CACxE,QAAQ,UAA0B,MAAM,UAAU,IAAI;AAC/D;;;;;;AAOA,SAAS,oBAAoB,OAA6B;CACtD,OAAO,MAAM,OAAO,OAAM,UAAS,UAAU,QAAQ,SAAS,CAAC;AACnE;;;;;;;;AASA,SAAgB,cAAyC,YAAiB,QAAe;CACrF,OAAO,WAAW,KAAA,KAAa,WAAW,SAAS,MAAM,IAAI,SAAS,WAAW,WAAW,SAAS;AACzG"}
+{"version":3,"file":"DonutChart.js","names":[],"sources":["../../../../../src/component/organism/EChart/chart/DonutChart.ts"],"sourcesContent":["import { IconChartDonut, type Icon } from '@tabler/icons-react';\nimport type { EChartsOption } from 'echarts';\n\nimport { ChartData, ChartSeries, groupByStack } from './ChartSeries';\nimport { ChartContext, ChartType } from './ChartType';\nimport { ChartTypeId } from './ChartTypeId';\nimport { chartMessages } from './ChartTexts';\nimport { buildChartHeader, legendExtraHeight, tooltipFormatter } from './ChartHeader';\n\n/**\n * Height of the donut chart with the legend in one row (px). It does not depend on the number of categories; it only\n * grows when the legend wraps in more rows.\n */\nexport const DONUT_HEIGHT = 520;\n\n/** Inner and outer radius of the donut, relative to the area of the donut ({@link DONUT_HEIGHT} high). */\nconst DONUT_RADIUS = ['40%', '68%'];\n\n/** Center of the donut: moved down so it is not under the title. */\nconst DONUT_CENTER = ['50%', '58%'];\n\n/**\n * Donut chart: shows how the total of a stack ({@link ChartSeries#stack}) splits among its series in a single\n * category (e.g. \"how the revenue splits by category in 2040\").\n * It is available only when there is exactly one stack, none of its series has a negative value (negative slices make\n * no sense) and all series of the chart are in the stack or are its total ({@link ChartSeries#totalOf}).\n * So choosing the donut never stops showing, without warning, a series the user selected.\n * @author Manoel Campos\n */\nexport class DonutChart implements ChartType {\n    readonly id: ChartTypeId = 'donut';\n    readonly singleCategory = true;\n\n    /** @param icon icon that replaces the default one */\n    constructor(readonly icon: Icon = IconChartDonut) {}\n\n    isAvailable(series: ChartSeries[]): boolean {\n        const stacks = [...groupByStack(series).entries()];\n        if (stacks.length !== 1) return false;\n\n        const [stack, slicesSeries] = stacks[0];\n        const belongsToStack = (serie: ChartSeries) => serie.stack === stack || serie.totalOf === stack;\n        return series.every(belongsToStack) && slicesSeries.every(hasNoNegativeValues);\n    }\n\n    buildOption(data: ChartData, context: ChartContext): EChartsOption {\n        const messages = chartMessages(context);\n        const category = shownCategory(data.categories, context.category);\n        const slices = buildSlices(data, context);\n        const unit = stackSeries(data)[0]?.unit;\n        const total = slices.reduce((sum, slice) => sum + slice.value, 0);\n        const header = buildChartHeader(\n            `${context.title} - ${category}`,\n            slices.map(slice => slice.name),\n            messages\n        );\n\n        return {\n            ...header,\n            title: { ...header.title, subtext: unit && messages.total(unit.format(total)) },\n            // The legend goes to the bottom, so it is not under the subtitle with the total.\n            legend: { ...header.legend, top: undefined, bottom: 0 },\n            tooltip: { trigger: 'item', valueFormatter: unit && tooltipFormatter(unit) },\n            series: [\n                {\n                    type: 'pie',\n                    // The area of the donut is fixed at the top; the extra legend rows stay below it.\n                    top: 0,\n                    height: DONUT_HEIGHT,\n                    radius: DONUT_RADIUS,\n                    center: DONUT_CENTER,\n                    data: slices,\n                    label: { formatter: '{b}: {d}%' }\n                }\n            ]\n        } as EChartsOption;\n    }\n\n    height(data: ChartData, context: ChartContext): number {\n        return (\n            DONUT_HEIGHT +\n            legendExtraHeight(\n                buildSlices(data, context).map(slice => slice.name),\n                context.width\n            )\n        );\n    }\n}\n\n/** Slice of the donut: the value of a series of the stack in the category shown. */\ntype Slice = { name: string; value: number };\n\n/**\n * Returns the series of the only stack of the chart, which become the slices of the donut.\n * @param data series and categories of the chart\n * @return the series of the stack (empty if there is no stack)\n */\nfunction stackSeries(data: ChartData): ChartSeries[] {\n    return [...groupByStack(data.series).values()][0] ?? [];\n}\n\n/**\n * Builds the slices of the donut in the category shown, without the series that have no value in it.\n * @param data series and categories of the chart\n * @param context category chosen on the screen\n * @return a slice per series of the stack with a value in the category\n */\nfunction buildSlices(data: ChartData, context: ChartContext): Slice[] {\n    const categoryIndex = data.categories.indexOf(shownCategory(data.categories, context.category));\n    return stackSeries(data)\n        .map(serie => ({ name: serie.name, value: serie.values[categoryIndex] }))\n        .filter((slice): slice is Slice => slice.value !== null);\n}\n\n/**\n * Checks whether a series has no negative values, which make no sense as slices.\n * @param serie series of a stack\n * @return true if the series has no negative value (categories without a value are ignored)\n */\nfunction hasNoNegativeValues(serie: ChartSeries): boolean {\n    return serie.values.every(value => value === null || value >= 0);\n}\n\n/**\n * Returns the category a single-category chart should show: the chosen one, if it is in the chart; otherwise, the last.\n * @template C type of the categories (e.g. the years, as numbers)\n * @param categories categories of the chart\n * @param chosen category chosen on the screen; absent if none was chosen\n * @return the category to show\n */\nexport function shownCategory<C extends string | number>(categories: C[], chosen?: C): C {\n    return chosen !== undefined && categories.includes(chosen) ? chosen : categories[categories.length - 1];\n}\n"],"mappings":";;;;;;;;;;AAaA,IAAa,eAAe;;AAG5B,IAAM,eAAe,CAAC,OAAO,KAAK;;AAGlC,IAAM,eAAe,CAAC,OAAO,KAAK;;;;;;;;;AAUlC,IAAa,aAAb,MAA6C;CAKpB;CAJrB,KAA2B;CAC3B,iBAA0B;;CAG1B,YAAY,OAAsB,gBAAgB;EAA7B,KAAA,OAAA;CAA8B;CAEnD,YAAY,QAAgC;EACxC,MAAM,SAAS,CAAC,GAAG,aAAa,MAAM,CAAC,CAAC,QAAQ,CAAC;EACjD,IAAI,OAAO,WAAW,GAAG,OAAO;EAEhC,MAAM,CAAC,OAAO,gBAAgB,OAAO;EACrC,MAAM,kBAAkB,UAAuB,MAAM,UAAU,SAAS,MAAM,YAAY;EAC1F,OAAO,OAAO,MAAM,cAAc,KAAK,aAAa,MAAM,mBAAmB;CACjF;CAEA,YAAY,MAAiB,SAAsC;EAC/D,MAAM,WAAW,cAAc,OAAO;EACtC,MAAM,WAAW,cAAc,KAAK,YAAY,QAAQ,QAAQ;EAChE,MAAM,SAAS,YAAY,MAAM,OAAO;EACxC,MAAM,OAAO,YAAY,IAAI,CAAC,CAAC,EAAE,EAAE;EACnC,MAAM,QAAQ,OAAO,QAAQ,KAAK,UAAU,MAAM,MAAM,OAAO,CAAC;EAChE,MAAM,SAAS,iBACX,GAAG,QAAQ,MAAM,KAAK,YACtB,OAAO,KAAI,UAAS,MAAM,IAAI,GAC9B,QACJ;EAEA,OAAO;GACH,GAAG;GACH,OAAO;IAAE,GAAG,OAAO;IAAO,SAAS,QAAQ,SAAS,MAAM,KAAK,OAAO,KAAK,CAAC;GAAE;GAE9E,QAAQ;IAAE,GAAG,OAAO;IAAQ,KAAK,KAAA;IAAW,QAAQ;GAAE;GACtD,SAAS;IAAE,SAAS;IAAQ,gBAAgB,QAAQ,iBAAiB,IAAI;GAAE;GAC3E,QAAQ,CACJ;IACI,MAAM;IAEN,KAAK;IACL,QAAA;IACA,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,OAAO,EAAE,WAAW,YAAY;GACpC,CACJ;EACJ;CACJ;CAEA,OAAO,MAAiB,SAA+B;EACnD,OAAA,MAEI,kBACI,YAAY,MAAM,OAAO,CAAC,CAAC,KAAI,UAAS,MAAM,IAAI,GAClD,QAAQ,KACZ;CAER;AACJ;;;;;;AAUA,SAAS,YAAY,MAAgC;CACjD,OAAO,CAAC,GAAG,aAAa,KAAK,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;AAC1D;;;;;;;AAQA,SAAS,YAAY,MAAiB,SAAgC;CAClE,MAAM,gBAAgB,KAAK,WAAW,QAAQ,cAAc,KAAK,YAAY,QAAQ,QAAQ,CAAC;CAC9F,OAAO,YAAY,IAAI,CAAC,CACnB,KAAI,WAAU;EAAE,MAAM,MAAM;EAAM,OAAO,MAAM,OAAO;CAAe,EAAE,CAAC,CACxE,QAAQ,UAA0B,MAAM,UAAU,IAAI;AAC/D;;;;;;AAOA,SAAS,oBAAoB,OAA6B;CACtD,OAAO,MAAM,OAAO,OAAM,UAAS,UAAU,QAAQ,SAAS,CAAC;AACnE;;;;;;;;AASA,SAAgB,cAAyC,YAAiB,QAAe;CACrF,OAAO,WAAW,KAAA,KAAa,WAAW,SAAS,MAAM,IAAI,SAAS,WAAW,WAAW,SAAS;AACzG"}

package/dist/component/organism/EChart/chart/LineChart.d.ts

@@ -1,3 +1,4 @@
+import { type Icon } from '@tabler/icons-react';
 import { ChartTypeId } from './ChartTypeId';
 import { CartesianChart, CartesianSeries } from './CartesianChart';
 /**
@@ -7,5 +8,7 @@ import { CartesianChart, CartesianSeries } from './CartesianChart';
  */
 export declare class LineChart extends CartesianChart {
     readonly id: ChartTypeId;
+    /** @param icon icon that replaces the default one */
+    constructor(icon?: Icon);
     protected seriesStyle(): CartesianSeries;
 }

package/dist/component/organism/EChart/chart/LineChart.js

@@ -1,5 +1,6 @@
 "use client";
 import { CartesianChart } from "./CartesianChart.js";
+import { IconChartLine } from "@tabler/icons-react";
 // src/component/organism/EChart/chart/LineChart.ts
 /**
 * Line chart: shows the trend of each series along the categories.
@@ -8,6 +9,10 @@ import { CartesianChart } from "./CartesianChart.js";
 */
 var LineChart = class extends CartesianChart {
 	id = "line";
+	/** @param icon icon that replaces the default one */
+	constructor(icon = IconChartLine) {
+		super(icon);
+	}
 	seriesStyle() {
 		return {
 			type: "line",

package/dist/component/organism/EChart/chart/LineChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.js","names":[],"sources":["../../../../../src/component/organism/EChart/chart/LineChart.ts"],"sourcesContent":["import { ChartTypeId } from './ChartTypeId';\nimport { CartesianChart, CartesianSeries } from './CartesianChart';\n\n/**\n * Line chart: shows the trend of each series along the categories.\n * Suited to rates and levels (e.g. percentages, coefficients, population).\n * @author Manoel Campos\n */\nexport class LineChart extends CartesianChart {\n    readonly id: ChartTypeId = 'line';\n\n    protected seriesStyle(): CartesianSeries {\n        // connectNulls false: a category without a value is a gap in the line, instead of joining the neighbors.\n        return { type: 'line', connectNulls: false };\n    }\n}\n"],"mappings":";;;;;;;;AAQA,IAAa,YAAb,cAA+B,eAAe;CAC1C,KAA2B;CAE3B,cAAyC;EAErC,OAAO;GAAE,MAAM;GAAQ,cAAc;EAAM;CAC/C;AACJ"}
+{"version":3,"file":"LineChart.js","names":[],"sources":["../../../../../src/component/organism/EChart/chart/LineChart.ts"],"sourcesContent":["import { IconChartLine, type Icon } from '@tabler/icons-react';\n\nimport { ChartTypeId } from './ChartTypeId';\nimport { CartesianChart, CartesianSeries } from './CartesianChart';\n\n/**\n * Line chart: shows the trend of each series along the categories.\n * Suited to rates and levels (e.g. percentages, coefficients, population).\n * @author Manoel Campos\n */\nexport class LineChart extends CartesianChart {\n    readonly id: ChartTypeId = 'line';\n\n    /** @param icon icon that replaces the default one */\n    constructor(icon: Icon = IconChartLine) {\n        super(icon);\n    }\n\n    protected seriesStyle(): CartesianSeries {\n        // connectNulls false: a category without a value is a gap in the line, instead of joining the neighbors.\n        return { type: 'line', connectNulls: false };\n    }\n}\n"],"mappings":";;;;;;;;;AAUA,IAAa,YAAb,cAA+B,eAAe;CAC1C,KAA2B;;CAG3B,YAAY,OAAa,eAAe;EACpC,MAAM,IAAI;CACd;CAEA,cAAyC;EAErC,OAAO;GAAE,MAAM;GAAQ,cAAc;EAAM;CAC/C;AACJ"}

package/dist/component/organism/EChart/chart/StackedBarChart.d.ts

@@ -1,3 +1,4 @@
+import { type Icon } from '@tabler/icons-react';
 import { ChartSeries } from './ChartSeries';
 import { ChartTypeId } from './ChartTypeId';
 import { CartesianChart, CartesianSeries } from './CartesianChart';
@@ -10,6 +11,8 @@ import { CartesianChart, CartesianSeries } from './CartesianChart';
  */
 export declare class StackedBarChart extends CartesianChart {
     readonly id: ChartTypeId;
+    /** @param icon icon that replaces the default one */
+    constructor(icon?: Icon);
     isAvailable(series: ChartSeries[]): boolean;
     protected seriesStyle(serie: ChartSeries, all: ChartSeries[]): CartesianSeries;
 }

package/dist/component/organism/EChart/chart/StackedBarChart.js

@@ -1,6 +1,7 @@
 "use client";
 import { groupByStack } from "./ChartSeries.js";
 import { CartesianChart } from "./CartesianChart.js";
+import { IconChartColumn } from "@tabler/icons-react";
 // src/component/organism/EChart/chart/StackedBarChart.ts
 /**
 * Stacked column chart with lines: the series of the same stack ({@link ChartSeries#stack}) are stacked, showing how
@@ -11,6 +12,10 @@ import { CartesianChart } from "./CartesianChart.js";
 */
 var StackedBarChart = class extends CartesianChart {
 	id = "stacked-bar";
+	/** @param icon icon that replaces the default one */
+	constructor(icon = IconChartColumn) {
+		super(icon);
+	}
 	isAvailable(series) {
 		return groupByStack(series).size > 0;
 	}

package/dist/component/organism/EChart/chart/StackedBarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedBarChart.js","names":[],"sources":["../../../../../src/component/organism/EChart/chart/StackedBarChart.ts"],"sourcesContent":["import { ChartSeries, groupByStack } from './ChartSeries';\nimport { ChartTypeId } from './ChartTypeId';\nimport { CartesianChart, CartesianSeries } from './CartesianChart';\n\n/**\n * Stacked column chart with lines: the series of the same stack ({@link ChartSeries#stack}) are stacked, showing how\n * much each one contributes to each category, and the other series (such as a total) become lines over the columns.\n * It is available only when there is a stack with enough series (see `groupByStack`). Whoever builds the series\n * decides which ones can be stacked, so series whose sum makes no sense are never stacked.\n * @author Manoel Campos\n */\nexport class StackedBarChart extends CartesianChart {\n    readonly id: ChartTypeId = 'stacked-bar';\n\n    isAvailable(series: ChartSeries[]): boolean {\n        return groupByStack(series).size > 0;\n    }\n\n    protected seriesStyle(serie: ChartSeries, all: ChartSeries[]): CartesianSeries {\n        // A series with a stack, but alone in it, has nothing to be stacked with: it becomes a line.\n        if (!serie.stack || !groupByStack(all).has(serie.stack)) return { type: 'line', connectNulls: false };\n\n        // Each stack is stacked separately, so series of different wholes are not added up.\n        return { type: 'bar', stack: serie.stack };\n    }\n}\n"],"mappings":";;;;;;;;;;;AAWA,IAAa,kBAAb,cAAqC,eAAe;CAChD,KAA2B;CAE3B,YAAY,QAAgC;EACxC,OAAO,aAAa,MAAM,CAAC,CAAC,OAAO;CACvC;CAEA,YAAsB,OAAoB,KAAqC;EAE3E,IAAI,CAAC,MAAM,SAAS,CAAC,aAAa,GAAG,CAAC,CAAC,IAAI,MAAM,KAAK,GAAG,OAAO;GAAE,MAAM;GAAQ,cAAc;EAAM;EAGpG,OAAO;GAAE,MAAM;GAAO,OAAO,MAAM;EAAM;CAC7C;AACJ"}
+{"version":3,"file":"StackedBarChart.js","names":[],"sources":["../../../../../src/component/organism/EChart/chart/StackedBarChart.ts"],"sourcesContent":["import { IconChartColumn, type Icon } from '@tabler/icons-react';\n\nimport { ChartSeries, groupByStack } from './ChartSeries';\nimport { ChartTypeId } from './ChartTypeId';\nimport { CartesianChart, CartesianSeries } from './CartesianChart';\n\n/**\n * Stacked column chart with lines: the series of the same stack ({@link ChartSeries#stack}) are stacked, showing how\n * much each one contributes to each category, and the other series (such as a total) become lines over the columns.\n * It is available only when there is a stack with enough series (see `groupByStack`). Whoever builds the series\n * decides which ones can be stacked, so series whose sum makes no sense are never stacked.\n * @author Manoel Campos\n */\nexport class StackedBarChart extends CartesianChart {\n    readonly id: ChartTypeId = 'stacked-bar';\n\n    /** @param icon icon that replaces the default one */\n    constructor(icon: Icon = IconChartColumn) {\n        super(icon);\n    }\n\n    isAvailable(series: ChartSeries[]): boolean {\n        return groupByStack(series).size > 0;\n    }\n\n    protected seriesStyle(serie: ChartSeries, all: ChartSeries[]): CartesianSeries {\n        // A series with a stack, but alone in it, has nothing to be stacked with: it becomes a line.\n        if (!serie.stack || !groupByStack(all).has(serie.stack)) return { type: 'line', connectNulls: false };\n\n        // Each stack is stacked separately, so series of different wholes are not added up.\n        return { type: 'bar', stack: serie.stack };\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAaA,IAAa,kBAAb,cAAqC,eAAe;CAChD,KAA2B;;CAG3B,YAAY,OAAa,iBAAiB;EACtC,MAAM,IAAI;CACd;CAEA,YAAY,QAAgC;EACxC,OAAO,aAAa,MAAM,CAAC,CAAC,OAAO;CACvC;CAEA,YAAsB,OAAoB,KAAqC;EAE3E,IAAI,CAAC,MAAM,SAAS,CAAC,aAAa,GAAG,CAAC,CAAC,IAAI,MAAM,KAAK,GAAG,OAAO;GAAE,MAAM;GAAQ,cAAc;EAAM;EAGpG,OAAO;GAAE,MAAM;GAAO,OAAO,MAAM;EAAM;CAC7C;AACJ"}

package/dist/i18n/KitLocale.d.ts

@@ -1,4 +1,8 @@
+/** American English locale. */
+export declare const LOCALE_EN_US = "en-US";
+/** Brazilian Portuguese locale. */
+export declare const LOCALE_PT_BR = "pt-BR";
 /** Locales with a built-in message catalog. */
-export type KitLocale = 'pt-BR' | 'en-US';
+export type KitLocale = typeof LOCALE_PT_BR | typeof LOCALE_EN_US;
 /** Locale used when the app does not choose one. */
 export declare const DEFAULT_LOCALE: KitLocale;

package/dist/i18n/KitLocale.js

@@ -1,7 +1,11 @@
 "use client";
 // src/i18n/KitLocale.ts
+/** American English locale. */
+var LOCALE_EN_US = "en-US";
+/** Brazilian Portuguese locale. */
+var LOCALE_PT_BR = "pt-BR";
 /** Locale used when the app does not choose one. */
-var DEFAULT_LOCALE = "en-US";
-export { DEFAULT_LOCALE };
+var DEFAULT_LOCALE = LOCALE_EN_US;
+export { DEFAULT_LOCALE, LOCALE_EN_US, LOCALE_PT_BR };
 
 //# sourceMappingURL=KitLocale.js.map

package/dist/i18n/KitLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"KitLocale.js","names":[],"sources":["../../src/i18n/KitLocale.ts"],"sourcesContent":["/** Locales with a built-in message catalog. */\nexport type KitLocale = 'pt-BR' | 'en-US';\n\n/** Locale used when the app does not choose one. */\nexport const DEFAULT_LOCALE: KitLocale = 'en-US';\n"],"mappings":";;;AAIA,IAAa,iBAA4B"}
+{"version":3,"file":"KitLocale.js","names":[],"sources":["../../src/i18n/KitLocale.ts"],"sourcesContent":["/** American English locale. */\nexport const LOCALE_EN_US = 'en-US';\n\n/** Brazilian Portuguese locale. */\nexport const LOCALE_PT_BR = 'pt-BR';\n\n/** Locales with a built-in message catalog. */\nexport type KitLocale = typeof LOCALE_PT_BR | typeof LOCALE_EN_US;\n\n/** Locale used when the app does not choose one. */\nexport const DEFAULT_LOCALE: KitLocale = LOCALE_EN_US;\n"],"mappings":";;;AACA,IAAa,eAAe;;AAG5B,IAAa,eAAe;;AAM5B,IAAa,iBAA4B"}

package/dist/i18n/messages/enUS.js

@@ -1,5 +1,6 @@
 "use client";
-import dayjs from "dayjs";
+import { formatLocaleDate, formatLocaleTime } from "../../util/DateUtil.js";
+import { LOCALE_EN_US } from "../KitLocale.js";
 // src/i18n/messages/enUS.ts
 /** American English texts, the default locale. */
 var enUS = {
@@ -69,7 +70,7 @@ var enUS = {
 	export: {
 		button: "Export",
 		failed: (formatLabel) => `Could not export to ${formatLabel}.`,
-		generatedAt: (date) => `Generated on ${dayjs(date).format("MM/DD/YYYY [at] h:mm A")}`,
+		generatedAt: (date) => `Generated on ${formatLocaleDate(date, LOCALE_EN_US)} at ${formatLocaleTime(date, LOCALE_EN_US)}`,
 		footer: (systemName) => `Data generated by ${systemName}`,
 		excelPageNumber: "Page &P of &N",
 		invalidCell: "Error",

package/dist/i18n/messages/enUS.js.map

@@ -1 +1 @@
-{"version":3,"file":"enUS.js","names":[],"sources":["../../../src/i18n/messages/enUS.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\nimport { KitMessages } from '../KitMessages';\n\n/** American English texts, the default locale. */\nexport const enUS: KitMessages = {\n    common: {\n        back: 'Back',\n        save: 'Save',\n        cancel: 'Cancel',\n        confirm: 'Confirm',\n        add: 'Add',\n        home: 'Home',\n        success: 'Success',\n        warning: 'Warning',\n        error: 'Error',\n        loadError: 'Error loading data',\n        dateFormat: 'MM/DD/YYYY'\n    },\n    form: {\n        action: { create: 'Create', edit: 'Update', view: 'View', custom: 'Customize' },\n        saveSuccess: action => `Record ${pastTense(action)} successfully!`,\n        saveError: action => `Error trying to ${action.toLowerCase()} the record`,\n        createSuccess: 'Record created successfully',\n        createError: 'There was an error creating the record!',\n        updateSuccess: 'Record updated successfully',\n        updateError: 'There was an error updating the record',\n        confirmTitle: 'Confirm your action'\n    },\n    table: {\n        actions: 'Actions',\n        view: 'View',\n        edit: 'Edit',\n        delete: 'Delete',\n        deleteConfirm: 'You are about to delete this record. Are you sure you want to continue?',\n        deleteSuccess: 'Record deleted successfully!',\n        noRecords: 'There are no records to display.',\n        recordsPerPage: 'Records per page',\n        pagination: ({ from, to, totalRecords }) => `Showing ${from} to ${to} of ${totalRecords} records`,\n        listTitle: pluralName => `${pluralName} list`\n    },\n    rowEdit: {\n        edit: 'Edit values (Enter)',\n        confirm: 'Confirm editing (Enter)',\n        cancel: 'Cancel editing (Esc)'\n    },\n    select: {\n        placeholder: label => `Select the ${label}`,\n        nothingFound: label => `${label} not found`\n    },\n    layout: {\n        userMenu: 'Open user options',\n        userMenuTitle: 'User Options',\n        enableDarkTheme: 'Enable dark theme',\n        enableLightTheme: 'Enable light theme',\n        collapseNavigation: 'Collapse navigation menu',\n        expandNavigation: 'Expand navigation menu'\n    },\n    print: {\n        pdfTipTitle: 'To save as PDF',\n        pdfTip:\n            'In the print dialog, choose \"Save as PDF\" as the destination and uncheck \"Headers and footers\", so ' +\n            'the PDF has only the ones of the report.',\n        printButton: 'Print or save as PDF'\n    },\n    stats: {\n        comparedToLastMonth: 'Compared to last month'\n    },\n    export: {\n        button: 'Export',\n        failed: formatLabel => `Could not export to ${formatLabel}.`,\n        generatedAt: date => `Generated on ${dayjs(date).format('MM/DD/YYYY [at] h:mm A')}`,\n        footer: systemName => `Data generated by ${systemName}`,\n        excelPageNumber: 'Page &P of &N',\n        invalidCell: 'Error',\n        defaultFileName: 'data',\n        defaultSheetName: position => `Sheet ${position}`\n    },\n    chart: {\n        types: { bar: 'Columns', line: 'Line', 'stacked-bar': 'Stacked columns', donut: 'Donut (one year)' },\n        saveAsImage: 'Save as image',\n        total: formattedTotal => `Total: ${formattedTotal}`\n    },\n    http: {\n        unknownError: 'Unknown error',\n        noResponse: 'No response received',\n        requestFailed: 'Request failed'\n    }\n};\n\n/** Past tense of the form action verbs (e.g. \"Create\" → \"created\"), used in the success message. */\nconst PAST_TENSE: Record<string, string> = { create: 'created', update: 'updated', view: 'viewed' };\n\n/**\n * Returns the past tense of a form action verb.\n * @param action verb, as in `form.action`\n * @return the past tense, in lower case; for an unknown verb, the verb itself followed by \"d\"\n */\nfunction pastTense(action: string): string {\n    const verb = action.toLowerCase();\n\n    return PAST_TENSE[verb] ?? `${verb}d`;\n}\n"],"mappings":";;;;AAKA,IAAa,OAAoB;CAC7B,QAAQ;EACJ,MAAM;EACN,MAAM;EACN,QAAQ;EACR,SAAS;EACT,KAAK;EACL,MAAM;EACN,SAAS;EACT,SAAS;EACT,OAAO;EACP,WAAW;EACX,YAAY;CAChB;CACA,MAAM;EACF,QAAQ;GAAE,QAAQ;GAAU,MAAM;GAAU,MAAM;GAAQ,QAAQ;EAAY;EAC9E,cAAa,WAAU,UAAU,UAAU,MAAM,EAAE;EACnD,YAAW,WAAU,mBAAmB,OAAO,YAAY,EAAE;EAC7D,eAAe;EACf,aAAa;EACb,eAAe;EACf,aAAa;EACb,cAAc;CAClB;CACA,OAAO;EACH,SAAS;EACT,MAAM;EACN,MAAM;EACN,QAAQ;EACR,eAAe;EACf,eAAe;EACf,WAAW;EACX,gBAAgB;EAChB,aAAa,EAAE,MAAM,IAAI,mBAAmB,WAAW,KAAK,MAAM,GAAG,MAAM,aAAa;EACxF,YAAW,eAAc,GAAG,WAAW;CAC3C;CACA,SAAS;EACL,MAAM;EACN,SAAS;EACT,QAAQ;CACZ;CACA,QAAQ;EACJ,cAAa,UAAS,cAAc;EACpC,eAAc,UAAS,GAAG,MAAM;CACpC;CACA,QAAQ;EACJ,UAAU;EACV,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,oBAAoB;EACpB,kBAAkB;CACtB;CACA,OAAO;EACH,aAAa;EACb,QACI;EAEJ,aAAa;CACjB;CACA,OAAO,EACH,qBAAqB,yBACzB;CACA,QAAQ;EACJ,QAAQ;EACR,SAAQ,gBAAe,uBAAuB,YAAY;EAC1D,cAAa,SAAQ,gBAAgB,MAAM,IAAI,CAAC,CAAC,OAAO,wBAAwB;EAChF,SAAQ,eAAc,qBAAqB;EAC3C,iBAAiB;EACjB,aAAa;EACb,iBAAiB;EACjB,mBAAkB,aAAY,SAAS;CAC3C;CACA,OAAO;EACH,OAAO;GAAE,KAAK;GAAW,MAAM;GAAQ,eAAe;GAAmB,OAAO;EAAmB;EACnG,aAAa;EACb,QAAO,mBAAkB,UAAU;CACvC;CACA,MAAM;EACF,cAAc;EACd,YAAY;EACZ,eAAe;CACnB;AACJ;;AAGA,IAAM,aAAqC;CAAE,QAAQ;CAAW,QAAQ;CAAW,MAAM;AAAS;;;;;;AAOlG,SAAS,UAAU,QAAwB;CACvC,MAAM,OAAO,OAAO,YAAY;CAEhC,OAAO,WAAW,SAAS,GAAG,KAAK;AACvC"}
+{"version":3,"file":"enUS.js","names":[],"sources":["../../../src/i18n/messages/enUS.ts"],"sourcesContent":["import { formatLocaleDate, formatLocaleTime } from '../../util/DateUtil';\nimport { LOCALE_EN_US } from '../KitLocale';\nimport { KitMessages } from '../KitMessages';\n\n/** American English texts, the default locale. */\nexport const enUS: KitMessages = {\n    common: {\n        back: 'Back',\n        save: 'Save',\n        cancel: 'Cancel',\n        confirm: 'Confirm',\n        add: 'Add',\n        home: 'Home',\n        success: 'Success',\n        warning: 'Warning',\n        error: 'Error',\n        loadError: 'Error loading data',\n        dateFormat: 'MM/DD/YYYY'\n    },\n    form: {\n        action: { create: 'Create', edit: 'Update', view: 'View', custom: 'Customize' },\n        saveSuccess: action => `Record ${pastTense(action)} successfully!`,\n        saveError: action => `Error trying to ${action.toLowerCase()} the record`,\n        createSuccess: 'Record created successfully',\n        createError: 'There was an error creating the record!',\n        updateSuccess: 'Record updated successfully',\n        updateError: 'There was an error updating the record',\n        confirmTitle: 'Confirm your action'\n    },\n    table: {\n        actions: 'Actions',\n        view: 'View',\n        edit: 'Edit',\n        delete: 'Delete',\n        deleteConfirm: 'You are about to delete this record. Are you sure you want to continue?',\n        deleteSuccess: 'Record deleted successfully!',\n        noRecords: 'There are no records to display.',\n        recordsPerPage: 'Records per page',\n        pagination: ({ from, to, totalRecords }) => `Showing ${from} to ${to} of ${totalRecords} records`,\n        listTitle: pluralName => `${pluralName} list`\n    },\n    rowEdit: {\n        edit: 'Edit values (Enter)',\n        confirm: 'Confirm editing (Enter)',\n        cancel: 'Cancel editing (Esc)'\n    },\n    select: {\n        placeholder: label => `Select the ${label}`,\n        nothingFound: label => `${label} not found`\n    },\n    layout: {\n        userMenu: 'Open user options',\n        userMenuTitle: 'User Options',\n        enableDarkTheme: 'Enable dark theme',\n        enableLightTheme: 'Enable light theme',\n        collapseNavigation: 'Collapse navigation menu',\n        expandNavigation: 'Expand navigation menu'\n    },\n    print: {\n        pdfTipTitle: 'To save as PDF',\n        pdfTip:\n            'In the print dialog, choose \"Save as PDF\" as the destination and uncheck \"Headers and footers\", so ' +\n            'the PDF has only the ones of the report.',\n        printButton: 'Print or save as PDF'\n    },\n    stats: {\n        comparedToLastMonth: 'Compared to last month'\n    },\n    export: {\n        button: 'Export',\n        failed: formatLabel => `Could not export to ${formatLabel}.`,\n        generatedAt: date =>\n            `Generated on ${formatLocaleDate(date, LOCALE_EN_US)} at ${formatLocaleTime(date, LOCALE_EN_US)}`,\n        footer: systemName => `Data generated by ${systemName}`,\n        excelPageNumber: 'Page &P of &N',\n        invalidCell: 'Error',\n        defaultFileName: 'data',\n        defaultSheetName: position => `Sheet ${position}`\n    },\n    chart: {\n        types: { bar: 'Columns', line: 'Line', 'stacked-bar': 'Stacked columns', donut: 'Donut (one year)' },\n        saveAsImage: 'Save as image',\n        total: formattedTotal => `Total: ${formattedTotal}`\n    },\n    http: {\n        unknownError: 'Unknown error',\n        noResponse: 'No response received',\n        requestFailed: 'Request failed'\n    }\n};\n\n/** Past tense of the form action verbs (e.g. \"Create\" → \"created\"), used in the success message. */\nconst PAST_TENSE: Record<string, string> = { create: 'created', update: 'updated', view: 'viewed' };\n\n/**\n * Returns the past tense of a form action verb.\n * @param action verb, as in `form.action`\n * @return the past tense, in lower case; for an unknown verb, the verb itself followed by \"d\"\n */\nfunction pastTense(action: string): string {\n    const verb = action.toLowerCase();\n\n    return PAST_TENSE[verb] ?? `${verb}d`;\n}\n"],"mappings":";;;;;AAKA,IAAa,OAAoB;CAC7B,QAAQ;EACJ,MAAM;EACN,MAAM;EACN,QAAQ;EACR,SAAS;EACT,KAAK;EACL,MAAM;EACN,SAAS;EACT,SAAS;EACT,OAAO;EACP,WAAW;EACX,YAAY;CAChB;CACA,MAAM;EACF,QAAQ;GAAE,QAAQ;GAAU,MAAM;GAAU,MAAM;GAAQ,QAAQ;EAAY;EAC9E,cAAa,WAAU,UAAU,UAAU,MAAM,EAAE;EACnD,YAAW,WAAU,mBAAmB,OAAO,YAAY,EAAE;EAC7D,eAAe;EACf,aAAa;EACb,eAAe;EACf,aAAa;EACb,cAAc;CAClB;CACA,OAAO;EACH,SAAS;EACT,MAAM;EACN,MAAM;EACN,QAAQ;EACR,eAAe;EACf,eAAe;EACf,WAAW;EACX,gBAAgB;EAChB,aAAa,EAAE,MAAM,IAAI,mBAAmB,WAAW,KAAK,MAAM,GAAG,MAAM,aAAa;EACxF,YAAW,eAAc,GAAG,WAAW;CAC3C;CACA,SAAS;EACL,MAAM;EACN,SAAS;EACT,QAAQ;CACZ;CACA,QAAQ;EACJ,cAAa,UAAS,cAAc;EACpC,eAAc,UAAS,GAAG,MAAM;CACpC;CACA,QAAQ;EACJ,UAAU;EACV,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,oBAAoB;EACpB,kBAAkB;CACtB;CACA,OAAO;EACH,aAAa;EACb,QACI;EAEJ,aAAa;CACjB;CACA,OAAO,EACH,qBAAqB,yBACzB;CACA,QAAQ;EACJ,QAAQ;EACR,SAAQ,gBAAe,uBAAuB,YAAY;EAC1D,cAAa,SACT,gBAAgB,iBAAiB,MAAM,YAAY,EAAE,MAAM,iBAAiB,MAAM,YAAY;EAClG,SAAQ,eAAc,qBAAqB;EAC3C,iBAAiB;EACjB,aAAa;EACb,iBAAiB;EACjB,mBAAkB,aAAY,SAAS;CAC3C;CACA,OAAO;EACH,OAAO;GAAE,KAAK;GAAW,MAAM;GAAQ,eAAe;GAAmB,OAAO;EAAmB;EACnG,aAAa;EACb,QAAO,mBAAkB,UAAU;CACvC;CACA,MAAM;EACF,cAAc;EACd,YAAY;EACZ,eAAe;CACnB;AACJ;;AAGA,IAAM,aAAqC;CAAE,QAAQ;CAAW,QAAQ;CAAW,MAAM;AAAS;;;;;;AAOlG,SAAS,UAAU,QAAwB;CACvC,MAAM,OAAO,OAAO,YAAY;CAEhC,OAAO,WAAW,SAAS,GAAG,KAAK;AACvC"}

package/dist/i18n/messages/ptBR.js

@@ -1,5 +1,6 @@
 "use client";
-import dayjs from "dayjs";
+import { formatLocaleDate, formatLocaleTime } from "../../util/DateUtil.js";
+import { LOCALE_PT_BR } from "../KitLocale.js";
 // src/i18n/messages/ptBR.ts
 /** Brazilian Portuguese texts. */
 var ptBR = {
@@ -69,7 +70,7 @@ var ptBR = {
 	export: {
 		button: "Exportar",
 		failed: (formatLabel) => `Não foi possível exportar em ${formatLabel}.`,
-		generatedAt: (date) => `Gerado em ${dayjs(date).format("DD/MM/YYYY [às] HH:mm")}`,
+		generatedAt: (date) => `Gerado em ${formatLocaleDate(date, LOCALE_PT_BR)} às ${formatLocaleTime(date, LOCALE_PT_BR)}`,
 		footer: (systemName) => `Dados gerados pelo ${systemName}`,
 		excelPageNumber: "Página &P de &N",
 		invalidCell: "Erro",

package/dist/i18n/messages/ptBR.js.map

@@ -1 +1 @@
-{"version":3,"file":"ptBR.js","names":[],"sources":["../../../src/i18n/messages/ptBR.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\nimport { KitMessages } from '../KitMessages';\n\n/** Brazilian Portuguese texts. */\nexport const ptBR: KitMessages = {\n    common: {\n        back: 'Voltar',\n        save: 'Salvar',\n        cancel: 'Cancelar',\n        confirm: 'Confirmar',\n        add: 'Adicionar',\n        home: 'Início',\n        success: 'Sucesso',\n        warning: 'Atenção',\n        error: 'Erro',\n        loadError: 'Erro ao carregar dados',\n        dateFormat: 'DD/MM/YYYY'\n    },\n    form: {\n        action: { create: 'Criar', edit: 'Atualizar', view: 'Visualizar', custom: 'Personalizar' },\n        saveSuccess: action => `Sucesso ao ${action.toLowerCase()} cadastro!`,\n        saveError: action => `Erro ao ${action.toLowerCase()} cadastro`,\n        createSuccess: 'Registro cadastrado com sucesso',\n        createError: 'Houve um erro ao realizar o cadastro!',\n        updateSuccess: 'Cadastro atualizado com sucesso',\n        updateError: 'Houve um erro ao atualizar o cadastro',\n        confirmTitle: 'Confirme sua ação'\n    },\n    table: {\n        actions: 'Ações',\n        view: 'Visualizar',\n        edit: 'Editar',\n        delete: 'Deletar',\n        deleteConfirm: 'Você está prestes a excluir este cadastro. Tem certeza de que deseja continuar?',\n        deleteSuccess: 'Cadastro excluído com sucesso!',\n        noRecords: 'Não há registros disponíveis para exibição.',\n        recordsPerPage: 'Registros por página',\n        pagination: ({ from, to, totalRecords }) => `Exibindo ${from} a ${to} de ${totalRecords} registros`,\n        listTitle: pluralName => `Lista de ${pluralName}`\n    },\n    rowEdit: {\n        edit: 'Editar valores (Enter)',\n        confirm: 'Confirmar edição (Enter)',\n        cancel: 'Cancelar edição (Esc)'\n    },\n    select: {\n        placeholder: label => `Selecione o(a) ${label}`,\n        nothingFound: label => `${label} não encontrado(a)`\n    },\n    layout: {\n        userMenu: 'Acessar opções do usuário',\n        userMenuTitle: 'Opções do Usuário',\n        enableDarkTheme: 'Ativar tema escuro',\n        enableLightTheme: 'Ativar tema claro',\n        collapseNavigation: 'Recolher menu de navegação',\n        expandNavigation: 'Expandir menu de navegação'\n    },\n    print: {\n        pdfTipTitle: 'Para salvar em PDF',\n        pdfTip:\n            'Na janela de impressão, escolha \"Salvar como PDF\" como destino e desmarque \"Cabeçalhos e rodapés\", ' +\n            'para o PDF ter só os do relatório.',\n        printButton: 'Imprimir ou salvar como PDF'\n    },\n    stats: {\n        comparedToLastMonth: 'Comparado ao último mês'\n    },\n    export: {\n        button: 'Exportar',\n        failed: formatLabel => `Não foi possível exportar em ${formatLabel}.`,\n        generatedAt: date => `Gerado em ${dayjs(date).format('DD/MM/YYYY [às] HH:mm')}`,\n        footer: systemName => `Dados gerados pelo ${systemName}`,\n        excelPageNumber: 'Página &P de &N',\n        invalidCell: 'Erro',\n        defaultFileName: 'dados',\n        defaultSheetName: position => `Aba ${position}`\n    },\n    chart: {\n        types: { bar: 'Colunas', line: 'Linha', 'stacked-bar': 'Colunas empilhadas', donut: 'Rosca (um ano)' },\n        saveAsImage: 'Exportar imagem',\n        total: formattedTotal => `Total: ${formattedTotal}`\n    },\n    http: {\n        unknownError: 'Erro desconhecido',\n        noResponse: 'Nenhuma resposta recebida',\n        requestFailed: 'Requisição falhou'\n    }\n};\n"],"mappings":";;;;AAKA,IAAa,OAAoB;CAC7B,QAAQ;EACJ,MAAM;EACN,MAAM;EACN,QAAQ;EACR,SAAS;EACT,KAAK;EACL,MAAM;EACN,SAAS;EACT,SAAS;EACT,OAAO;EACP,WAAW;EACX,YAAY;CAChB;CACA,MAAM;EACF,QAAQ;GAAE,QAAQ;GAAS,MAAM;GAAa,MAAM;GAAc,QAAQ;EAAe;EACzF,cAAa,WAAU,cAAc,OAAO,YAAY,EAAE;EAC1D,YAAW,WAAU,WAAW,OAAO,YAAY,EAAE;EACrD,eAAe;EACf,aAAa;EACb,eAAe;EACf,aAAa;EACb,cAAc;CAClB;CACA,OAAO;EACH,SAAS;EACT,MAAM;EACN,MAAM;EACN,QAAQ;EACR,eAAe;EACf,eAAe;EACf,WAAW;EACX,gBAAgB;EAChB,aAAa,EAAE,MAAM,IAAI,mBAAmB,YAAY,KAAK,KAAK,GAAG,MAAM,aAAa;EACxF,YAAW,eAAc,YAAY;CACzC;CACA,SAAS;EACL,MAAM;EACN,SAAS;EACT,QAAQ;CACZ;CACA,QAAQ;EACJ,cAAa,UAAS,kBAAkB;EACxC,eAAc,UAAS,GAAG,MAAM;CACpC;CACA,QAAQ;EACJ,UAAU;EACV,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,oBAAoB;EACpB,kBAAkB;CACtB;CACA,OAAO;EACH,aAAa;EACb,QACI;EAEJ,aAAa;CACjB;CACA,OAAO,EACH,qBAAqB,0BACzB;CACA,QAAQ;EACJ,QAAQ;EACR,SAAQ,gBAAe,gCAAgC,YAAY;EACnE,cAAa,SAAQ,aAAa,MAAM,IAAI,CAAC,CAAC,OAAO,uBAAuB;EAC5E,SAAQ,eAAc,sBAAsB;EAC5C,iBAAiB;EACjB,aAAa;EACb,iBAAiB;EACjB,mBAAkB,aAAY,OAAO;CACzC;CACA,OAAO;EACH,OAAO;GAAE,KAAK;GAAW,MAAM;GAAS,eAAe;GAAsB,OAAO;EAAiB;EACrG,aAAa;EACb,QAAO,mBAAkB,UAAU;CACvC;CACA,MAAM;EACF,cAAc;EACd,YAAY;EACZ,eAAe;CACnB;AACJ"}
+{"version":3,"file":"ptBR.js","names":[],"sources":["../../../src/i18n/messages/ptBR.ts"],"sourcesContent":["import { formatLocaleDate, formatLocaleTime } from '../../util/DateUtil';\nimport { LOCALE_PT_BR } from '../KitLocale';\nimport { KitMessages } from '../KitMessages';\n\n/** Brazilian Portuguese texts. */\nexport const ptBR: KitMessages = {\n    common: {\n        back: 'Voltar',\n        save: 'Salvar',\n        cancel: 'Cancelar',\n        confirm: 'Confirmar',\n        add: 'Adicionar',\n        home: 'Início',\n        success: 'Sucesso',\n        warning: 'Atenção',\n        error: 'Erro',\n        loadError: 'Erro ao carregar dados',\n        dateFormat: 'DD/MM/YYYY'\n    },\n    form: {\n        action: { create: 'Criar', edit: 'Atualizar', view: 'Visualizar', custom: 'Personalizar' },\n        saveSuccess: action => `Sucesso ao ${action.toLowerCase()} cadastro!`,\n        saveError: action => `Erro ao ${action.toLowerCase()} cadastro`,\n        createSuccess: 'Registro cadastrado com sucesso',\n        createError: 'Houve um erro ao realizar o cadastro!',\n        updateSuccess: 'Cadastro atualizado com sucesso',\n        updateError: 'Houve um erro ao atualizar o cadastro',\n        confirmTitle: 'Confirme sua ação'\n    },\n    table: {\n        actions: 'Ações',\n        view: 'Visualizar',\n        edit: 'Editar',\n        delete: 'Deletar',\n        deleteConfirm: 'Você está prestes a excluir este cadastro. Tem certeza de que deseja continuar?',\n        deleteSuccess: 'Cadastro excluído com sucesso!',\n        noRecords: 'Não há registros disponíveis para exibição.',\n        recordsPerPage: 'Registros por página',\n        pagination: ({ from, to, totalRecords }) => `Exibindo ${from} a ${to} de ${totalRecords} registros`,\n        listTitle: pluralName => `Lista de ${pluralName}`\n    },\n    rowEdit: {\n        edit: 'Editar valores (Enter)',\n        confirm: 'Confirmar edição (Enter)',\n        cancel: 'Cancelar edição (Esc)'\n    },\n    select: {\n        placeholder: label => `Selecione o(a) ${label}`,\n        nothingFound: label => `${label} não encontrado(a)`\n    },\n    layout: {\n        userMenu: 'Acessar opções do usuário',\n        userMenuTitle: 'Opções do Usuário',\n        enableDarkTheme: 'Ativar tema escuro',\n        enableLightTheme: 'Ativar tema claro',\n        collapseNavigation: 'Recolher menu de navegação',\n        expandNavigation: 'Expandir menu de navegação'\n    },\n    print: {\n        pdfTipTitle: 'Para salvar em PDF',\n        pdfTip:\n            'Na janela de impressão, escolha \"Salvar como PDF\" como destino e desmarque \"Cabeçalhos e rodapés\", ' +\n            'para o PDF ter só os do relatório.',\n        printButton: 'Imprimir ou salvar como PDF'\n    },\n    stats: {\n        comparedToLastMonth: 'Comparado ao último mês'\n    },\n    export: {\n        button: 'Exportar',\n        failed: formatLabel => `Não foi possível exportar em ${formatLabel}.`,\n        generatedAt: date =>\n            `Gerado em ${formatLocaleDate(date, LOCALE_PT_BR)} às ${formatLocaleTime(date, LOCALE_PT_BR)}`,\n        footer: systemName => `Dados gerados pelo ${systemName}`,\n        excelPageNumber: 'Página &P de &N',\n        invalidCell: 'Erro',\n        defaultFileName: 'dados',\n        defaultSheetName: position => `Aba ${position}`\n    },\n    chart: {\n        types: { bar: 'Colunas', line: 'Linha', 'stacked-bar': 'Colunas empilhadas', donut: 'Rosca (um ano)' },\n        saveAsImage: 'Exportar imagem',\n        total: formattedTotal => `Total: ${formattedTotal}`\n    },\n    http: {\n        unknownError: 'Erro desconhecido',\n        noResponse: 'Nenhuma resposta recebida',\n        requestFailed: 'Requisição falhou'\n    }\n};\n"],"mappings":";;;;;AAKA,IAAa,OAAoB;CAC7B,QAAQ;EACJ,MAAM;EACN,MAAM;EACN,QAAQ;EACR,SAAS;EACT,KAAK;EACL,MAAM;EACN,SAAS;EACT,SAAS;EACT,OAAO;EACP,WAAW;EACX,YAAY;CAChB;CACA,MAAM;EACF,QAAQ;GAAE,QAAQ;GAAS,MAAM;GAAa,MAAM;GAAc,QAAQ;EAAe;EACzF,cAAa,WAAU,cAAc,OAAO,YAAY,EAAE;EAC1D,YAAW,WAAU,WAAW,OAAO,YAAY,EAAE;EACrD,eAAe;EACf,aAAa;EACb,eAAe;EACf,aAAa;EACb,cAAc;CAClB;CACA,OAAO;EACH,SAAS;EACT,MAAM;EACN,MAAM;EACN,QAAQ;EACR,eAAe;EACf,eAAe;EACf,WAAW;EACX,gBAAgB;EAChB,aAAa,EAAE,MAAM,IAAI,mBAAmB,YAAY,KAAK,KAAK,GAAG,MAAM,aAAa;EACxF,YAAW,eAAc,YAAY;CACzC;CACA,SAAS;EACL,MAAM;EACN,SAAS;EACT,QAAQ;CACZ;CACA,QAAQ;EACJ,cAAa,UAAS,kBAAkB;EACxC,eAAc,UAAS,GAAG,MAAM;CACpC;CACA,QAAQ;EACJ,UAAU;EACV,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,oBAAoB;EACpB,kBAAkB;CACtB;CACA,OAAO;EACH,aAAa;EACb,QACI;EAEJ,aAAa;CACjB;CACA,OAAO,EACH,qBAAqB,0BACzB;CACA,QAAQ;EACJ,QAAQ;EACR,SAAQ,gBAAe,gCAAgC,YAAY;EACnE,cAAa,SACT,aAAa,iBAAiB,MAAM,YAAY,EAAE,MAAM,iBAAiB,MAAM,YAAY;EAC/F,SAAQ,eAAc,sBAAsB;EAC5C,iBAAiB;EACjB,aAAa;EACb,iBAAiB;EACjB,mBAAkB,aAAY,OAAO;CACzC;CACA,OAAO;EACH,OAAO;GAAE,KAAK;GAAW,MAAM;GAAS,eAAe;GAAsB,OAAO;EAAiB;EACrG,aAAa;EACb,QAAO,mBAAkB,UAAU;CACvC;CACA,MAAM;EACF,cAAc;EACd,YAAY;EACZ,eAAe;CACnB;AACJ"}

package/dist/i18n/resolveMessages.js

@@ -1,12 +1,12 @@
 "use client";
-import { DEFAULT_LOCALE } from "./KitLocale.js";
+import { DEFAULT_LOCALE, LOCALE_EN_US, LOCALE_PT_BR } from "./KitLocale.js";
 import { enUS } from "./messages/enUS.js";
 import { ptBR } from "./messages/ptBR.js";
 // src/i18n/resolveMessages.ts
 /** Built-in message catalog of each locale. */
 var KIT_MESSAGES = {
-	"pt-BR": ptBR,
-	"en-US": enUS
+	[LOCALE_PT_BR]: ptBR,
+	[LOCALE_EN_US]: enUS
 };
 /** Texts of the {@link DEFAULT_LOCALE}, used as defaults by the code outside React. */
 var DEFAULT_MESSAGES = KIT_MESSAGES[DEFAULT_LOCALE];

package/dist/i18n/resolveMessages.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolveMessages.js","names":[],"sources":["../../src/i18n/resolveMessages.ts"],"sourcesContent":["import { DEFAULT_LOCALE, KitLocale } from './KitLocale';\nimport { KitMessages, KitMessagesOverride } from './KitMessages';\nimport { enUS } from './messages/enUS';\nimport { ptBR } from './messages/ptBR';\n\n/** Built-in message catalog of each locale. */\nexport const KIT_MESSAGES: Readonly<Record<KitLocale, KitMessages>> = { 'pt-BR': ptBR, 'en-US': enUS };\n\n/** Texts of the {@link DEFAULT_LOCALE}, used as defaults by the code outside React. */\nexport const DEFAULT_MESSAGES: KitMessages = KIT_MESSAGES[DEFAULT_LOCALE];\n\n/**\n * Returns the texts of a locale, with the texts the app overrides.\n * @param locale locale of the texts; defaults to {@link DEFAULT_LOCALE}\n * @param override texts that replace the ones of the locale, by section\n * @return the texts, with every section complete\n */\nexport function resolveMessages(locale: KitLocale = DEFAULT_LOCALE, override: KitMessagesOverride = {}): KitMessages {\n    const base = KIT_MESSAGES[locale];\n    const sections = Object.keys(base) as (keyof KitMessages)[];\n\n    return Object.fromEntries(\n        sections.map(section => [section, { ...base[section], ...override[section] }])\n    ) as KitMessages;\n}\n"],"mappings":";;;;;;AAMA,IAAa,eAAyD;CAAE,SAAS;CAAM,SAAS;AAAK;;AAGrG,IAAa,mBAAgC,aAAa;;;;;;;AAQ1D,SAAgB,gBAAgB,SAAoB,gBAAgB,WAAgC,CAAC,GAAgB;CACjH,MAAM,OAAO,aAAa;CAC1B,MAAM,WAAW,OAAO,KAAK,IAAI;CAEjC,OAAO,OAAO,YACV,SAAS,KAAI,YAAW,CAAC,SAAS;EAAE,GAAG,KAAK;EAAU,GAAG,SAAS;CAAS,CAAC,CAAC,CACjF;AACJ"}
+{"version":3,"file":"resolveMessages.js","names":[],"sources":["../../src/i18n/resolveMessages.ts"],"sourcesContent":["import { DEFAULT_LOCALE, KitLocale, LOCALE_EN_US, LOCALE_PT_BR } from './KitLocale';\nimport { KitMessages, KitMessagesOverride } from './KitMessages';\nimport { enUS } from './messages/enUS';\nimport { ptBR } from './messages/ptBR';\n\n/** Built-in message catalog of each locale. */\nexport const KIT_MESSAGES: Readonly<Record<KitLocale, KitMessages>> = {\n    [LOCALE_PT_BR]: ptBR,\n    [LOCALE_EN_US]: enUS\n};\n\n/** Texts of the {@link DEFAULT_LOCALE}, used as defaults by the code outside React. */\nexport const DEFAULT_MESSAGES: KitMessages = KIT_MESSAGES[DEFAULT_LOCALE];\n\n/**\n * Returns the texts of a locale, with the texts the app overrides.\n * @param locale locale of the texts; defaults to {@link DEFAULT_LOCALE}\n * @param override texts that replace the ones of the locale, by section\n * @return the texts, with every section complete\n */\nexport function resolveMessages(locale: KitLocale = DEFAULT_LOCALE, override: KitMessagesOverride = {}): KitMessages {\n    const base = KIT_MESSAGES[locale];\n    const sections = Object.keys(base) as (keyof KitMessages)[];\n\n    return Object.fromEntries(\n        sections.map(section => [section, { ...base[section], ...override[section] }])\n    ) as KitMessages;\n}\n"],"mappings":";;;;;;AAMA,IAAa,eAAyD;EACjE,eAAe;EACf,eAAe;AACpB;;AAGA,IAAa,mBAAgC,aAAa;;;;;;;AAQ1D,SAAgB,gBAAgB,SAAoB,gBAAgB,WAAgC,CAAC,GAAgB;CACjH,MAAM,OAAO,aAAa;CAC1B,MAAM,WAAW,OAAO,KAAK,IAAI;CAEjC,OAAO,OAAO,YACV,SAAS,KAAI,YAAW,CAAC,SAAS;EAAE,GAAG,KAAK;EAAU,GAAG,SAAS;CAAS,CAAC,CAAC,CACjF;AACJ"}

package/dist/util/DateUtil.d.ts

@@ -1,3 +1,4 @@
+import { KitLocale } from '../i18n/KitLocale';
 /** Value of a date field: a `Date`, a text in the given format, or nothing. */
 export type DateFieldValue = Date | string | null | undefined;
 export declare const BR_DATE_FORMAT = "DD/MM/YYYY";
@@ -7,24 +8,40 @@ export declare const ISO_DATE_FORMAT = "YYYY-MM-DD";
  * `new Date(null)` (12/31/1969), which Zod's `coerce` produces when a date field is not filled and receives `null`.
  */
 export declare const MIN_VALID_DATE: Date;
+/** @return whether there is a date and it is valid: `Intl` throws an error for an Invalid Date */
+export declare function isValidDate(date: Date | undefined | null): date is Date;
 /**
- * Formats a date.
+ * Formats a date in the numeric format of the locale, with 2-digit day and month (e.g. `10/05/2026` in `en-US`).
+ * @param date a valid date, shown in the time zone of the runtime
+ * @param locale locale that defines the order of the fields
+ */
+export declare function formatLocaleDate(date: Date, locale: KitLocale): string;
+/**
+ * Formats a time, without seconds, in the format of the locale (e.g. `2:30 PM` in `en-US`, `14:30` in `pt-BR`).
+ * @param date a valid date, shown in the time zone of the runtime
+ * @param locale locale that defines the 12 or 24-hour clock
+ */
+export declare function formatLocaleTime(date: Date, locale: KitLocale): string;
+/**
+ * Formats a date in the numeric format of the locale.
  * @param date date to format
- * @param format format, in Day.js tokens; defaults to {@link BR_DATE_FORMAT}
- * @return the formatted date, or `null` if there is no date
+ * @param locale locale of the format; defaults to {@link DEFAULT_LOCALE}
+ * @return the formatted date, or `null` if there is no valid date
  */
-export declare function formatDate(date: Date | undefined | null, format?: string): string | null;
+export declare function formatDate(date: Date | undefined | null, locale?: KitLocale): string | null;
 /**
- * Formats a date in the ISO 8601 format.
+ * Formats a date in the ISO 8601 format, in the time zone of the runtime.
  * @param date date to format
+ * @return the formatted date, or `null` if there is no valid date
  * @see #ISO_DATE_FORMAT
  */
 export declare function formatDateToISO(date: Date | undefined | null): string | null;
 /**
  * Converts a date in the given format to a `Date` object.
  * @param dateValue date to convert
- * @param format format of the date, in Day.js tokens; defaults to {@link BR_DATE_FORMAT}
- * @return the date, or `null` if there is no date
+ * @param format format of a text date, with the tokens `DD`, `MM` and `YYYY`; defaults to {@link BR_DATE_FORMAT}
+ * @return the date, `null` if there is no date, or an Invalid Date if the text is not a date in the format
+ * @throws Error if a text date is given with an unsupported format
  */
 export declare function parseDate(dateValue: DateFieldValue, format?: string): Date | null;
 /** @return the current year and month in the `YYYY-MM` format */

package/dist/util/DateUtil.js

@@ -1,45 +1,111 @@
 "use client";
-import dayjs from "dayjs";
-import customParseFormat from "dayjs/plugin/customParseFormat.js";
+import { DEFAULT_LOCALE } from "../i18n/KitLocale.js";
 // src/util/DateUtil.ts
-dayjs.extend(customParseFormat);
 var BR_DATE_FORMAT = "DD/MM/YYYY";
 var ISO_DATE_FORMAT = "YYYY-MM-DD";
+/** Tokens of the formats {@link parseDate} reads, with the part of the date each one captures. */
+var DATE_TOKEN_PATTERNS = {
+	YYYY: "(?<year>\\d{4})",
+	MM: "(?<month>\\d{2})",
+	DD: "(?<day>\\d{2})"
+};
+var DATE_TOKEN = /YYYY|MM|DD/g;
+/** Length of the `YYYY-MM` prefix of an ISO date. */
+var YEAR_MONTH_LENGTH = 7;
 /**
 * Minimum value for a date to be considered valid when Zod coerces it. It is later than the date created by
 * `new Date(null)` (12/31/1969), which Zod's `coerce` produces when a date field is not filled and receives `null`.
 */
 var MIN_VALID_DATE = /* @__PURE__ */ new Date("01/01/1970");
+/** @return whether there is a date and it is valid: `Intl` throws an error for an Invalid Date */
+function isValidDate(date) {
+	return !!date && !Number.isNaN(date.getTime());
+}
+/**
+* Formats a date in the numeric format of the locale, with 2-digit day and month (e.g. `10/05/2026` in `en-US`).
+* @param date a valid date, shown in the time zone of the runtime
+* @param locale locale that defines the order of the fields
+*/
+function formatLocaleDate(date, locale) {
+	return date.toLocaleDateString(locale, {
+		day: "2-digit",
+		month: "2-digit",
+		year: "numeric"
+	});
+}
+/**
+* Formats a time, without seconds, in the format of the locale (e.g. `2:30 PM` in `en-US`, `14:30` in `pt-BR`).
+* @param date a valid date, shown in the time zone of the runtime
+* @param locale locale that defines the 12 or 24-hour clock
+*/
+function formatLocaleTime(date, locale) {
+	return date.toLocaleTimeString(locale, { timeStyle: "short" });
+}
 /**
-* Formats a date.
+* Formats a date in the numeric format of the locale.
 * @param date date to format
-* @param format format, in Day.js tokens; defaults to {@link BR_DATE_FORMAT}
-* @return the formatted date, or `null` if there is no date
+* @param locale locale of the format; defaults to {@link DEFAULT_LOCALE}
+* @return the formatted date, or `null` if there is no valid date
 */
-function formatDate(date, format = BR_DATE_FORMAT) {
-	return date ? dayjs(date).format(format) : null;
+function formatDate(date, locale = DEFAULT_LOCALE) {
+	return isValidDate(date) ? formatLocaleDate(date, locale) : null;
+}
+/** @return the date in the {@link ISO_DATE_FORMAT}, in the time zone of the runtime */
+function toLocalIsoText(date) {
+	return `${date.getFullYear().toString().padStart(4, "0")}-${(date.getMonth() + 1).toString().padStart(2, "0")}-${date.getDate().toString().padStart(2, "0")}`;
 }
 /**
-* Formats a date in the ISO 8601 format.
+* Formats a date in the ISO 8601 format, in the time zone of the runtime.
 * @param date date to format
+* @return the formatted date, or `null` if there is no valid date
 * @see #ISO_DATE_FORMAT
 */
 function formatDateToISO(date) {
-	return date ? dayjs(date).format(ISO_DATE_FORMAT) : null;
+	return isValidDate(date) ? toLocalIsoText(date) : null;
+}
+/**
+* Creates the regular expression that reads a date in the given format.
+* @param format format with the tokens `DD`, `MM` and `YYYY`, once each, and no other letters
+* @throws Error if the format has anything else, such as the `MMM` or `YY` tokens of Mantine's `valueFormat`
+*/
+function dateFormatRegex(format) {
+	const tokens = format.match(DATE_TOKEN) ?? [];
+	const onlyKnownTokens = !/[a-z]/i.test(format.replace(DATE_TOKEN, ""));
+	if (tokens.length !== 3 || new Set(tokens).size !== 3 || !onlyKnownTokens) throw new Error(`Unsupported date format: ${format}. Use DD, MM and YYYY.`);
+	const literalsEscaped = format.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+	return new RegExp(`^${literalsEscaped.replace(DATE_TOKEN, (token) => DATE_TOKEN_PATTERNS[token])}$`);
+}
+/**
+* Converts the text of a date to a `Date` at midnight in the time zone of the runtime.
+* @return the date, or an Invalid Date if the text is not in the format or is not a date of the calendar (e.g. 02/31)
+*/
+function parseDateText(text, format) {
+	const parts = dateFormatRegex(format).exec(text)?.groups;
+	if (!parts) return /* @__PURE__ */ new Date(NaN);
+	const [year, month, day] = [
+		Number(parts.year),
+		Number(parts.month),
+		Number(parts.day)
+	];
+	const date = /* @__PURE__ */ new Date(0);
+	date.setFullYear(year, month - 1, day);
+	date.setHours(0, 0, 0, 0);
+	return date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day ? date : /* @__PURE__ */ new Date(NaN);
 }
 /**
 * Converts a date in the given format to a `Date` object.
 * @param dateValue date to convert
-* @param format format of the date, in Day.js tokens; defaults to {@link BR_DATE_FORMAT}
-* @return the date, or `null` if there is no date
+* @param format format of a text date, with the tokens `DD`, `MM` and `YYYY`; defaults to {@link BR_DATE_FORMAT}
+* @return the date, `null` if there is no date, or an Invalid Date if the text is not a date in the format
+* @throws Error if a text date is given with an unsupported format
 */
 function parseDate(dateValue, format = BR_DATE_FORMAT) {
-	return dateValue ? dayjs(dateValue, format).toDate() : null;
+	if (!dateValue) return null;
+	return dateValue instanceof Date ? new Date(dateValue) : parseDateText(dateValue, format);
 }
 /** @return the current year and month in the `YYYY-MM` format */
 function getCurrentYearMonth() {
-	const currentDate = /* @__PURE__ */ new Date();
-	return `${currentDate.getFullYear()}-${(currentDate.getMonth() + 1).toString().padStart(2, "0")}`;
+	return toLocalIsoText(/* @__PURE__ */ new Date()).slice(0, YEAR_MONTH_LENGTH);
 }
 /**
 * Checks whether the end date is after the start date.
@@ -50,6 +116,6 @@ function getCurrentYearMonth() {
 function validDateInterval(startDate, endDate) {
 	return !endDate || endDate <= MIN_VALID_DATE || endDate > startDate;
 }
-export { BR_DATE_FORMAT, ISO_DATE_FORMAT, MIN_VALID_DATE, formatDate, formatDateToISO, getCurrentYearMonth, parseDate, validDateInterval };
+export { BR_DATE_FORMAT, ISO_DATE_FORMAT, MIN_VALID_DATE, formatDate, formatDateToISO, formatLocaleDate, formatLocaleTime, getCurrentYearMonth, isValidDate, parseDate, validDateInterval };
 
 //# sourceMappingURL=DateUtil.js.map

package/dist/util/DateUtil.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateUtil.js","names":[],"sources":["../../src/util/DateUtil.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js';\n\n/* Without this plugin, Day.js ignores the format given to `dayjs(value, format)` and parses the text month first. */\ndayjs.extend(customParseFormat);\n\n/** Value of a date field: a `Date`, a text in the given format, or nothing. */\nexport type DateFieldValue = Date | string | null | undefined;\n\nexport const BR_DATE_FORMAT = 'DD/MM/YYYY';\nexport const ISO_DATE_FORMAT = 'YYYY-MM-DD';\n\n/**\n * Minimum value for a date to be considered valid when Zod coerces it. It is later than the date created by\n * `new Date(null)` (12/31/1969), which Zod's `coerce` produces when a date field is not filled and receives `null`.\n */\nexport const MIN_VALID_DATE = new Date('01/01/1970');\n\n/**\n * Formats a date.\n * @param date date to format\n * @param format format, in Day.js tokens; defaults to {@link BR_DATE_FORMAT}\n * @return the formatted date, or `null` if there is no date\n */\nexport function formatDate(date: Date | undefined | null, format: string = BR_DATE_FORMAT): string | null {\n    return date ? dayjs(date).format(format) : null;\n}\n\n/**\n * Formats a date in the ISO 8601 format.\n * @param date date to format\n * @see #ISO_DATE_FORMAT\n */\nexport function formatDateToISO(date: Date | undefined | null): string | null {\n    return date ? dayjs(date).format(ISO_DATE_FORMAT) : null;\n}\n\n/**\n * Converts a date in the given format to a `Date` object.\n * @param dateValue date to convert\n * @param format format of the date, in Day.js tokens; defaults to {@link BR_DATE_FORMAT}\n * @return the date, or `null` if there is no date\n */\nexport function parseDate(dateValue: DateFieldValue, format: string = BR_DATE_FORMAT): Date | null {\n    return dateValue ? dayjs(dateValue, format).toDate() : null;\n}\n\n/** @return the current year and month in the `YYYY-MM` format */\nexport function getCurrentYearMonth(): string {\n    const currentDate = new Date();\n    const year = currentDate.getFullYear();\n    const month = (currentDate.getMonth() + 1).toString().padStart(2, '0');\n    return `${year}-${month}`;\n}\n\n/**\n * Checks whether the end date is after the start date.\n * @param startDate start of the interval\n * @param endDate end of the interval; an absent or empty (before {@link MIN_VALID_DATE}) end date is valid\n * @return `true` if the interval is valid\n */\nexport function validDateInterval(startDate: Date, endDate: Date | undefined): boolean {\n    return !endDate || endDate <= MIN_VALID_DATE || endDate > startDate;\n}\n"],"mappings":";;;;AAIA,MAAM,OAAO,iBAAiB;AAK9B,IAAa,iBAAiB;AAC9B,IAAa,kBAAkB;;;;;AAM/B,IAAa,iCAAiB,IAAI,KAAK,YAAY;;;;;;;AAQnD,SAAgB,WAAW,MAA+B,SAAiB,gBAA+B;CACtG,OAAO,OAAO,MAAM,IAAI,CAAC,CAAC,OAAO,MAAM,IAAI;AAC/C;;;;;;AAOA,SAAgB,gBAAgB,MAA8C;CAC1E,OAAO,OAAO,MAAM,IAAI,CAAC,CAAC,OAAO,eAAe,IAAI;AACxD;;;;;;;AAQA,SAAgB,UAAU,WAA2B,SAAiB,gBAA6B;CAC/F,OAAO,YAAY,MAAM,WAAW,MAAM,CAAC,CAAC,OAAO,IAAI;AAC3D;;AAGA,SAAgB,sBAA8B;CAC1C,MAAM,8BAAc,IAAI,KAAK;CAG7B,OAAO,GAFM,YAAY,YAEf,EAAK,IADA,YAAY,SAAS,IAAI,EAAA,CAAG,SAAS,CAAC,CAAC,SAAS,GAAG,GAChD;AACtB;;;;;;;AAQA,SAAgB,kBAAkB,WAAiB,SAAoC;CACnF,OAAO,CAAC,WAAW,WAAW,kBAAkB,UAAU;AAC9D"}
+{"version":3,"file":"DateUtil.js","names":[],"sources":["../../src/util/DateUtil.ts"],"sourcesContent":["import { DEFAULT_LOCALE, KitLocale } from '../i18n/KitLocale';\n\n/** Value of a date field: a `Date`, a text in the given format, or nothing. */\nexport type DateFieldValue = Date | string | null | undefined;\n\nexport const BR_DATE_FORMAT = 'DD/MM/YYYY';\nexport const ISO_DATE_FORMAT = 'YYYY-MM-DD';\n\n/** Tokens of the formats {@link parseDate} reads, with the part of the date each one captures. */\nconst DATE_TOKEN_PATTERNS: Readonly<Record<string, string>> = {\n    YYYY: '(?<year>\\\\d{4})',\n    MM: '(?<month>\\\\d{2})',\n    DD: '(?<day>\\\\d{2})'\n};\n\nconst DATE_TOKEN = /YYYY|MM|DD/g;\n\n/** Length of the `YYYY-MM` prefix of an ISO date. */\nconst YEAR_MONTH_LENGTH = 7;\n\n/**\n * Minimum value for a date to be considered valid when Zod coerces it. It is later than the date created by\n * `new Date(null)` (12/31/1969), which Zod's `coerce` produces when a date field is not filled and receives `null`.\n */\nexport const MIN_VALID_DATE = new Date('01/01/1970');\n\n/** @return whether there is a date and it is valid: `Intl` throws an error for an Invalid Date */\nexport function isValidDate(date: Date | undefined | null): date is Date {\n    return !!date && !Number.isNaN(date.getTime());\n}\n\n/**\n * Formats a date in the numeric format of the locale, with 2-digit day and month (e.g. `10/05/2026` in `en-US`).\n * @param date a valid date, shown in the time zone of the runtime\n * @param locale locale that defines the order of the fields\n */\nexport function formatLocaleDate(date: Date, locale: KitLocale): string {\n    return date.toLocaleDateString(locale, { day: '2-digit', month: '2-digit', year: 'numeric' });\n}\n\n/**\n * Formats a time, without seconds, in the format of the locale (e.g. `2:30 PM` in `en-US`, `14:30` in `pt-BR`).\n * @param date a valid date, shown in the time zone of the runtime\n * @param locale locale that defines the 12 or 24-hour clock\n */\nexport function formatLocaleTime(date: Date, locale: KitLocale): string {\n    return date.toLocaleTimeString(locale, { timeStyle: 'short' });\n}\n\n/**\n * Formats a date in the numeric format of the locale.\n * @param date date to format\n * @param locale locale of the format; defaults to {@link DEFAULT_LOCALE}\n * @return the formatted date, or `null` if there is no valid date\n */\nexport function formatDate(date: Date | undefined | null, locale: KitLocale = DEFAULT_LOCALE): string | null {\n    return isValidDate(date) ? formatLocaleDate(date, locale) : null;\n}\n\n/** @return the date in the {@link ISO_DATE_FORMAT}, in the time zone of the runtime */\nfunction toLocalIsoText(date: Date): string {\n    const year = date.getFullYear().toString().padStart(4, '0');\n    const month = (date.getMonth() + 1).toString().padStart(2, '0');\n    const day = date.getDate().toString().padStart(2, '0');\n\n    return `${year}-${month}-${day}`;\n}\n\n/**\n * Formats a date in the ISO 8601 format, in the time zone of the runtime.\n * @param date date to format\n * @return the formatted date, or `null` if there is no valid date\n * @see #ISO_DATE_FORMAT\n */\nexport function formatDateToISO(date: Date | undefined | null): string | null {\n    return isValidDate(date) ? toLocalIsoText(date) : null;\n}\n\n/**\n * Creates the regular expression that reads a date in the given format.\n * @param format format with the tokens `DD`, `MM` and `YYYY`, once each, and no other letters\n * @throws Error if the format has anything else, such as the `MMM` or `YY` tokens of Mantine's `valueFormat`\n */\nfunction dateFormatRegex(format: string): RegExp {\n    const tokens = format.match(DATE_TOKEN) ?? [];\n    const onlyKnownTokens = !/[a-z]/i.test(format.replace(DATE_TOKEN, ''));\n    if (tokens.length !== 3 || new Set(tokens).size !== 3 || !onlyKnownTokens) {\n        throw new Error(`Unsupported date format: ${format}. Use DD, MM and YYYY.`);\n    }\n\n    const literalsEscaped = format.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n    return new RegExp(`^${literalsEscaped.replace(DATE_TOKEN, token => DATE_TOKEN_PATTERNS[token])}$`);\n}\n\n/**\n * Converts the text of a date to a `Date` at midnight in the time zone of the runtime.\n * @return the date, or an Invalid Date if the text is not in the format or is not a date of the calendar (e.g. 02/31)\n */\nfunction parseDateText(text: string, format: string): Date {\n    const parts = dateFormatRegex(format).exec(text)?.groups;\n    if (!parts) return new Date(NaN);\n\n    const [year, month, day] = [Number(parts.year), Number(parts.month), Number(parts.day)];\n\n    // setFullYear, since the Date constructor reads the years 0 to 99 as 1900 to 1999.\n    const date = new Date(0);\n    date.setFullYear(year, month - 1, day);\n    date.setHours(0, 0, 0, 0);\n\n    // Date moves a day missing from the calendar (e.g. 02/31) to the next month, which changes the fields.\n    const isSameDate = date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;\n    return isSameDate ? date : new Date(NaN);\n}\n\n/**\n * Converts a date in the given format to a `Date` object.\n * @param dateValue date to convert\n * @param format format of a text date, with the tokens `DD`, `MM` and `YYYY`; defaults to {@link BR_DATE_FORMAT}\n * @return the date, `null` if there is no date, or an Invalid Date if the text is not a date in the format\n * @throws Error if a text date is given with an unsupported format\n */\nexport function parseDate(dateValue: DateFieldValue, format: string = BR_DATE_FORMAT): Date | null {\n    if (!dateValue) return null;\n\n    return dateValue instanceof Date ? new Date(dateValue) : parseDateText(dateValue, format);\n}\n\n/** @return the current year and month in the `YYYY-MM` format */\nexport function getCurrentYearMonth(): string {\n    return toLocalIsoText(new Date()).slice(0, YEAR_MONTH_LENGTH);\n}\n\n/**\n * Checks whether the end date is after the start date.\n * @param startDate start of the interval\n * @param endDate end of the interval; an absent or empty (before {@link MIN_VALID_DATE}) end date is valid\n * @return `true` if the interval is valid\n */\nexport function validDateInterval(startDate: Date, endDate: Date | undefined): boolean {\n    return !endDate || endDate <= MIN_VALID_DATE || endDate > startDate;\n}\n"],"mappings":";;;AAKA,IAAa,iBAAiB;AAC9B,IAAa,kBAAkB;;AAG/B,IAAM,sBAAwD;CAC1D,MAAM;CACN,IAAI;CACJ,IAAI;AACR;AAEA,IAAM,aAAa;;AAGnB,IAAM,oBAAoB;;;;;AAM1B,IAAa,iCAAiB,IAAI,KAAK,YAAY;;AAGnD,SAAgB,YAAY,MAA6C;CACrE,OAAO,CAAC,CAAC,QAAQ,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC;AACjD;;;;;;AAOA,SAAgB,iBAAiB,MAAY,QAA2B;CACpE,OAAO,KAAK,mBAAmB,QAAQ;EAAE,KAAK;EAAW,OAAO;EAAW,MAAM;CAAU,CAAC;AAChG;;;;;;AAOA,SAAgB,iBAAiB,MAAY,QAA2B;CACpE,OAAO,KAAK,mBAAmB,QAAQ,EAAE,WAAW,QAAQ,CAAC;AACjE;;;;;;;AAQA,SAAgB,WAAW,MAA+B,SAAoB,gBAA+B;CACzG,OAAO,YAAY,IAAI,IAAI,iBAAiB,MAAM,MAAM,IAAI;AAChE;;AAGA,SAAS,eAAe,MAAoB;CAKxC,OAAO,GAJM,KAAK,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,GAAG,GAI7C,EAAK,IAHA,KAAK,SAAS,IAAI,EAAA,CAAG,SAAS,CAAC,CAAC,SAAS,GAAG,GAGzC,EAAM,GAFZ,KAAK,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,GAAG,GAEvB;AAC/B;;;;;;;AAQA,SAAgB,gBAAgB,MAA8C;CAC1E,OAAO,YAAY,IAAI,IAAI,eAAe,IAAI,IAAI;AACtD;;;;;;AAOA,SAAS,gBAAgB,QAAwB;CAC7C,MAAM,SAAS,OAAO,MAAM,UAAU,KAAK,CAAC;CAC5C,MAAM,kBAAkB,CAAC,SAAS,KAAK,OAAO,QAAQ,YAAY,EAAE,CAAC;CACrE,IAAI,OAAO,WAAW,KAAK,IAAI,IAAI,MAAM,CAAC,CAAC,SAAS,KAAK,CAAC,iBACtD,MAAM,IAAI,MAAM,4BAA4B,OAAO,uBAAuB;CAG9E,MAAM,kBAAkB,OAAO,QAAQ,uBAAuB,MAAM;CACpE,OAAO,IAAI,OAAO,IAAI,gBAAgB,QAAQ,aAAY,UAAS,oBAAoB,MAAM,EAAE,EAAE;AACrG;;;;;AAMA,SAAS,cAAc,MAAc,QAAsB;CACvD,MAAM,QAAQ,gBAAgB,MAAM,CAAC,CAAC,KAAK,IAAI,CAAC,EAAE;CAClD,IAAI,CAAC,OAAO,uBAAO,IAAI,KAAK,GAAG;CAE/B,MAAM,CAAC,MAAM,OAAO,OAAO;EAAC,OAAO,MAAM,IAAI;EAAG,OAAO,MAAM,KAAK;EAAG,OAAO,MAAM,GAAG;CAAC;CAGtF,MAAM,uBAAO,IAAI,KAAK,CAAC;CACvB,KAAK,YAAY,MAAM,QAAQ,GAAG,GAAG;CACrC,KAAK,SAAS,GAAG,GAAG,GAAG,CAAC;CAIxB,OADmB,KAAK,YAAY,MAAM,QAAQ,KAAK,SAAS,MAAM,QAAQ,KAAK,KAAK,QAAQ,MAAM,MAClF,uBAAO,IAAI,KAAK,GAAG;AAC3C;;;;;;;;AASA,SAAgB,UAAU,WAA2B,SAAiB,gBAA6B;CAC/F,IAAI,CAAC,WAAW,OAAO;CAEvB,OAAO,qBAAqB,OAAO,IAAI,KAAK,SAAS,IAAI,cAAc,WAAW,MAAM;AAC5F;;AAGA,SAAgB,sBAA8B;CAC1C,OAAO,+BAAe,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,iBAAiB;AAChE;;;;;;;AAQA,SAAgB,kBAAkB,WAAiB,SAAoC;CACnF,OAAO,CAAC,WAAW,WAAW,kBAAkB,UAAU;AAC9D"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ifto/mantine-kit",
-    "version": "0.2.1",
+    "version": "0.4.0",
     "description": "General purpose Mantine components for React apps: CRUD tables and forms, layout, ECharts charts, Excel/CSV export, print pages and a REST HTTP client, with i18n (en-US and pt-BR).",
     "license": "MIT",
     "author": "IFTO - Campus Palmas",
@@ -72,7 +72,6 @@
         "@tabler/icons-react": "^3.24.0",
         "axios": "^1.20.0",
         "clsx": "^2.1.1",
-        "dayjs": "^1.11.13",
         "echarts": "^6.1.0",
         "exceljs": "^4.4.0",
         "mantine-datatable": "^9.4.0",