@univers42/ui-collection 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +652 -0
- package/dist/components/blocks/ColorPickerBoard.d.ts +2 -0
- package/dist/components/blocks/ColorPickerBoard.d.ts.map +1 -0
- package/dist/components/blocks/ColorPickerBoard.js +13 -0
- package/dist/components/blocks/ColorPickerBoard.js.map +1 -0
- package/dist/components/blocks/EmojiPickerBoard.d.ts +2 -0
- package/dist/components/blocks/EmojiPickerBoard.d.ts.map +1 -0
- package/dist/components/blocks/EmojiPickerBoard.js +13 -0
- package/dist/components/blocks/EmojiPickerBoard.js.map +1 -0
- package/dist/components/blocks/IconPickerBoard.d.ts +2 -0
- package/dist/components/blocks/IconPickerBoard.d.ts.map +1 -0
- package/dist/components/blocks/IconPickerBoard.js +13 -0
- package/dist/components/blocks/IconPickerBoard.js.map +1 -0
- package/dist/components/blocks/SlashMenuIcons.d.ts +2 -0
- package/dist/components/blocks/SlashMenuIcons.d.ts.map +1 -0
- package/dist/components/blocks/SlashMenuIcons.js +2 -0
- package/dist/components/blocks/SlashMenuIcons.js.map +1 -0
- package/dist/components/blocks/SlashMenuIconsBasic.d.ts +2 -0
- package/dist/components/blocks/SlashMenuIconsBasic.d.ts.map +1 -0
- package/dist/components/blocks/SlashMenuIconsBasic.js +2 -0
- package/dist/components/blocks/SlashMenuIconsBasic.js.map +1 -0
- package/dist/components/blocks/SlashMenuIconsExtended.d.ts +2 -0
- package/dist/components/blocks/SlashMenuIconsExtended.d.ts.map +1 -0
- package/dist/components/blocks/SlashMenuIconsExtended.js +2 -0
- package/dist/components/blocks/SlashMenuIconsExtended.js.map +1 -0
- package/dist/components/blocks/slashMenuCatalog.d.ts +2 -0
- package/dist/components/blocks/slashMenuCatalog.d.ts.map +1 -0
- package/dist/components/blocks/slashMenuCatalog.js +2 -0
- package/dist/components/blocks/slashMenuCatalog.js.map +1 -0
- package/dist/library/catalogs/index.d.ts +3 -0
- package/dist/library/catalogs/index.d.ts.map +1 -0
- package/dist/library/catalogs/index.js +3 -0
- package/dist/library/catalogs/index.js.map +1 -0
- package/dist/library/catalogs/slashMenuCatalog.d.ts +17 -0
- package/dist/library/catalogs/slashMenuCatalog.d.ts.map +1 -0
- package/dist/library/catalogs/slashMenuCatalog.js +294 -0
- package/dist/library/catalogs/slashMenuCatalog.js.map +1 -0
- package/dist/library/catalogs/types.d.ts +4 -0
- package/dist/library/catalogs/types.d.ts.map +1 -0
- package/dist/library/catalogs/types.js +13 -0
- package/dist/library/catalogs/types.js.map +1 -0
- package/dist/library/components/react/analytics/formula/FormulaCharts.d.ts +22 -0
- package/dist/library/components/react/analytics/formula/FormulaCharts.d.ts.map +1 -0
- package/dist/library/components/react/analytics/formula/FormulaCharts.js +91 -0
- package/dist/library/components/react/analytics/formula/FormulaCharts.js.map +1 -0
- package/dist/library/components/react/analytics/formula/TextDistributionCard.d.ts +8 -0
- package/dist/library/components/react/analytics/formula/TextDistributionCard.d.ts.map +1 -0
- package/dist/library/components/react/analytics/formula/TextDistributionCard.js +43 -0
- package/dist/library/components/react/analytics/formula/TextDistributionCard.js.map +1 -0
- package/dist/library/components/react/analytics/formula/index.d.ts +3 -0
- package/dist/library/components/react/analytics/formula/index.d.ts.map +1 -0
- package/dist/library/components/react/analytics/formula/index.js +14 -0
- package/dist/library/components/react/analytics/formula/index.js.map +1 -0
- package/dist/library/components/react/analytics/index.d.ts +3 -0
- package/dist/library/components/react/analytics/index.d.ts.map +1 -0
- package/dist/library/components/react/analytics/index.js +14 -0
- package/dist/library/components/react/analytics/index.js.map +1 -0
- package/dist/library/components/react/analytics/relation-rollup/RelationRollupCards.d.ts +21 -0
- package/dist/library/components/react/analytics/relation-rollup/RelationRollupCards.d.ts.map +1 -0
- package/dist/library/components/react/analytics/relation-rollup/RelationRollupCards.js +77 -0
- package/dist/library/components/react/analytics/relation-rollup/RelationRollupCards.js.map +1 -0
- package/dist/library/components/react/analytics/relation-rollup/RelationRollupCharts.d.ts +61 -0
- package/dist/library/components/react/analytics/relation-rollup/RelationRollupCharts.d.ts.map +1 -0
- package/dist/library/components/react/analytics/relation-rollup/RelationRollupCharts.js +58 -0
- package/dist/library/components/react/analytics/relation-rollup/RelationRollupCharts.js.map +1 -0
- package/dist/library/components/react/analytics/relation-rollup/RollupEditorHelpers.d.ts +51 -0
- package/dist/library/components/react/analytics/relation-rollup/RollupEditorHelpers.d.ts.map +1 -0
- package/dist/library/components/react/analytics/relation-rollup/RollupEditorHelpers.js +82 -0
- package/dist/library/components/react/analytics/relation-rollup/RollupEditorHelpers.js.map +1 -0
- package/dist/library/components/react/analytics/relation-rollup/index.d.ts +4 -0
- package/dist/library/components/react/analytics/relation-rollup/index.d.ts.map +1 -0
- package/dist/library/components/react/analytics/relation-rollup/index.js +15 -0
- package/dist/library/components/react/analytics/relation-rollup/index.js.map +1 -0
- package/dist/library/components/react/asset-picker/AssetPickerBoard.d.ts +20 -0
- package/dist/library/components/react/asset-picker/AssetPickerBoard.d.ts.map +1 -0
- package/dist/library/components/react/asset-picker/AssetPickerBoard.js +229 -0
- package/dist/library/components/react/asset-picker/AssetPickerBoard.js.map +1 -0
- package/dist/library/components/react/asset-picker/defaultTabs.d.ts +28 -0
- package/dist/library/components/react/asset-picker/defaultTabs.d.ts.map +1 -0
- package/dist/library/components/react/asset-picker/defaultTabs.js +104 -0
- package/dist/library/components/react/asset-picker/defaultTabs.js.map +1 -0
- package/dist/library/components/react/asset-picker/index.d.ts +4 -0
- package/dist/library/components/react/asset-picker/index.d.ts.map +1 -0
- package/dist/library/components/react/asset-picker/index.js +4 -0
- package/dist/library/components/react/asset-picker/index.js.map +1 -0
- package/dist/library/components/react/asset-picker/types.d.ts +45 -0
- package/dist/library/components/react/asset-picker/types.d.ts.map +1 -0
- package/dist/library/components/react/asset-picker/types.js +2 -0
- package/dist/library/components/react/asset-picker/types.js.map +1 -0
- package/dist/library/components/react/charts/BarCharts.d.ts +8 -0
- package/dist/library/components/react/charts/BarCharts.d.ts.map +1 -0
- package/dist/library/components/react/charts/BarCharts.js +38 -0
- package/dist/library/components/react/charts/BarCharts.js.map +1 -0
- package/dist/library/components/react/charts/DonutPieChart.d.ts +8 -0
- package/dist/library/components/react/charts/DonutPieChart.d.ts.map +1 -0
- package/dist/library/components/react/charts/DonutPieChart.js +52 -0
- package/dist/library/components/react/charts/DonutPieChart.js.map +1 -0
- package/dist/library/components/react/charts/LineChart.d.ts +7 -0
- package/dist/library/components/react/charts/LineChart.d.ts.map +1 -0
- package/dist/library/components/react/charts/LineChart.js +34 -0
- package/dist/library/components/react/charts/LineChart.js.map +1 -0
- package/dist/library/components/react/charts/MultiLineChart.d.ts +23 -0
- package/dist/library/components/react/charts/MultiLineChart.d.ts.map +1 -0
- package/dist/library/components/react/charts/MultiLineChart.js +93 -0
- package/dist/library/components/react/charts/MultiLineChart.js.map +1 -0
- package/dist/library/components/react/charts/SVGCharts.d.ts +17 -0
- package/dist/library/components/react/charts/SVGCharts.d.ts.map +1 -0
- package/dist/library/components/react/charts/SVGCharts.js +63 -0
- package/dist/library/components/react/charts/SVGCharts.js.map +1 -0
- package/dist/library/components/react/charts/chartUtils.d.ts +19 -0
- package/dist/library/components/react/charts/chartUtils.d.ts.map +1 -0
- package/dist/library/components/react/charts/chartUtils.js +64 -0
- package/dist/library/components/react/charts/chartUtils.js.map +1 -0
- package/dist/library/components/react/charts/index.d.ts +8 -0
- package/dist/library/components/react/charts/index.d.ts.map +1 -0
- package/dist/library/components/react/charts/index.js +18 -0
- package/dist/library/components/react/charts/index.js.map +1 -0
- package/dist/library/components/react/color-picker/ColorPickerBoard.d.ts +18 -0
- package/dist/library/components/react/color-picker/ColorPickerBoard.d.ts.map +1 -0
- package/dist/library/components/react/color-picker/ColorPickerBoard.js +382 -0
- package/dist/library/components/react/color-picker/ColorPickerBoard.js.map +1 -0
- package/dist/library/components/react/color-picker/index.d.ts +2 -0
- package/dist/library/components/react/color-picker/index.d.ts.map +1 -0
- package/dist/library/components/react/color-picker/index.js +13 -0
- package/dist/library/components/react/color-picker/index.js.map +1 -0
- package/dist/library/components/react/emoji-picker/EmojiPickerBoard.d.ts +14 -0
- package/dist/library/components/react/emoji-picker/EmojiPickerBoard.d.ts.map +1 -0
- package/dist/library/components/react/emoji-picker/EmojiPickerBoard.js +26 -0
- package/dist/library/components/react/emoji-picker/EmojiPickerBoard.js.map +1 -0
- package/dist/library/components/react/emoji-picker/emojiPickerData.d.ts +10 -0
- package/dist/library/components/react/emoji-picker/emojiPickerData.d.ts.map +1 -0
- package/dist/library/components/react/emoji-picker/emojiPickerData.js +27 -0
- package/dist/library/components/react/emoji-picker/emojiPickerData.js.map +1 -0
- package/dist/library/components/react/emoji-picker/index.d.ts +3 -0
- package/dist/library/components/react/emoji-picker/index.d.ts.map +1 -0
- package/dist/library/components/react/emoji-picker/index.js +14 -0
- package/dist/library/components/react/emoji-picker/index.js.map +1 -0
- package/dist/library/components/react/formula/ExampleBlock.d.ts +8 -0
- package/dist/library/components/react/formula/ExampleBlock.d.ts.map +1 -0
- package/dist/library/components/react/formula/ExampleBlock.js +41 -0
- package/dist/library/components/react/formula/ExampleBlock.js.map +1 -0
- package/dist/library/components/react/formula/index.d.ts +2 -0
- package/dist/library/components/react/formula/index.d.ts.map +1 -0
- package/dist/library/components/react/formula/index.js +13 -0
- package/dist/library/components/react/formula/index.js.map +1 -0
- package/dist/library/components/react/icon-picker/IconPickerBoard.d.ts +14 -0
- package/dist/library/components/react/icon-picker/IconPickerBoard.d.ts.map +1 -0
- package/dist/library/components/react/icon-picker/IconPickerBoard.js +26 -0
- package/dist/library/components/react/icon-picker/IconPickerBoard.js.map +1 -0
- package/dist/library/components/react/icon-picker/iconPickerData.d.ts +11 -0
- package/dist/library/components/react/icon-picker/iconPickerData.d.ts.map +1 -0
- package/dist/library/components/react/icon-picker/iconPickerData.js +52 -0
- package/dist/library/components/react/icon-picker/iconPickerData.js.map +1 -0
- package/dist/library/components/react/icon-picker/index.d.ts +3 -0
- package/dist/library/components/react/icon-picker/index.d.ts.map +1 -0
- package/dist/library/components/react/icon-picker/index.js +14 -0
- package/dist/library/components/react/icon-picker/index.js.map +1 -0
- package/dist/library/components/react/index.d.ts +10 -0
- package/dist/library/components/react/index.d.ts.map +1 -0
- package/dist/library/components/react/index.js +21 -0
- package/dist/library/components/react/index.js.map +1 -0
- package/dist/library/components/react/primitives/SettingsPrimitives.d.ts +39 -0
- package/dist/library/components/react/primitives/SettingsPrimitives.d.ts.map +1 -0
- package/dist/library/components/react/primitives/SettingsPrimitives.js +35 -0
- package/dist/library/components/react/primitives/SettingsPrimitives.js.map +1 -0
- package/dist/library/components/react/primitives/index.d.ts +2 -0
- package/dist/library/components/react/primitives/index.d.ts.map +1 -0
- package/dist/library/components/react/primitives/index.js +13 -0
- package/dist/library/components/react/primitives/index.js.map +1 -0
- package/dist/library/components/react/theme/ThemeToggle.d.ts +12 -0
- package/dist/library/components/react/theme/ThemeToggle.d.ts.map +1 -0
- package/dist/library/components/react/theme/ThemeToggle.js +57 -0
- package/dist/library/components/react/theme/ThemeToggle.js.map +1 -0
- package/dist/library/components/react/theme/index.d.ts +2 -0
- package/dist/library/components/react/theme/index.d.ts.map +1 -0
- package/dist/library/components/react/theme/index.js +13 -0
- package/dist/library/components/react/theme/index.js.map +1 -0
- package/dist/library/icons/react/cn.d.ts +2 -0
- package/dist/library/icons/react/cn.d.ts.map +1 -0
- package/dist/library/icons/react/cn.js +15 -0
- package/dist/library/icons/react/cn.js.map +1 -0
- package/dist/library/icons/react/index.d.ts +2 -0
- package/dist/library/icons/react/index.d.ts.map +1 -0
- package/dist/library/icons/react/index.js +2 -0
- package/dist/library/icons/react/index.js.map +1 -0
- package/dist/library/icons/react/slash-menu/SlashMenuIconsBasic.d.ts +20 -0
- package/dist/library/icons/react/slash-menu/SlashMenuIconsBasic.d.ts.map +1 -0
- package/dist/library/icons/react/slash-menu/SlashMenuIconsBasic.js +72 -0
- package/dist/library/icons/react/slash-menu/SlashMenuIconsBasic.js.map +1 -0
- package/dist/library/icons/react/slash-menu/SlashMenuIconsExtended.d.ts +14 -0
- package/dist/library/icons/react/slash-menu/SlashMenuIconsExtended.d.ts.map +1 -0
- package/dist/library/icons/react/slash-menu/SlashMenuIconsExtended.js +54 -0
- package/dist/library/icons/react/slash-menu/SlashMenuIconsExtended.js.map +1 -0
- package/dist/library/icons/react/slash-menu/index.d.ts +3 -0
- package/dist/library/icons/react/slash-menu/index.d.ts.map +1 -0
- package/dist/library/icons/react/slash-menu/index.js +14 -0
- package/dist/library/icons/react/slash-menu/index.js.map +1 -0
- package/dist/library/index.d.ts +11 -0
- package/dist/library/index.d.ts.map +1 -0
- package/dist/library/index.js +9 -0
- package/dist/library/index.js.map +1 -0
- package/dist/library/media/collections/emojis.d.ts +2 -0
- package/dist/library/media/collections/emojis.d.ts.map +1 -0
- package/dist/library/media/collections/emojis.js +44 -0
- package/dist/library/media/collections/emojis.js.map +1 -0
- package/dist/library/media/collections/index.d.ts +12 -0
- package/dist/library/media/collections/index.d.ts.map +1 -0
- package/dist/library/media/collections/index.js +34 -0
- package/dist/library/media/collections/index.js.map +1 -0
- package/dist/library/media/collections/other-media.d.ts +2 -0
- package/dist/library/media/collections/other-media.d.ts.map +1 -0
- package/dist/library/media/collections/other-media.js +60 -0
- package/dist/library/media/collections/other-media.js.map +1 -0
- package/dist/library/media/collections/photos.d.ts +2 -0
- package/dist/library/media/collections/photos.d.ts.map +1 -0
- package/dist/library/media/collections/photos.js +25 -0
- package/dist/library/media/collections/photos.js.map +1 -0
- package/dist/library/media/collections/svg.d.ts +2 -0
- package/dist/library/media/collections/svg.d.ts.map +1 -0
- package/dist/library/media/collections/svg.js +51 -0
- package/dist/library/media/collections/svg.js.map +1 -0
- package/dist/library/media/collections/videos.d.ts +2 -0
- package/dist/library/media/collections/videos.d.ts.map +1 -0
- package/dist/library/media/collections/videos.js +35 -0
- package/dist/library/media/collections/videos.js.map +1 -0
- package/dist/library/media/index.d.ts +6 -0
- package/dist/library/media/index.d.ts.map +1 -0
- package/dist/library/media/index.js +6 -0
- package/dist/library/media/index.js.map +1 -0
- package/dist/library/media/providers.d.ts +13 -0
- package/dist/library/media/providers.d.ts.map +1 -0
- package/dist/library/media/providers.js +39 -0
- package/dist/library/media/providers.js.map +1 -0
- package/dist/library/media/registry.d.ts +19 -0
- package/dist/library/media/registry.d.ts.map +1 -0
- package/dist/library/media/registry.js +35 -0
- package/dist/library/media/registry.js.map +1 -0
- package/dist/library/media/types.d.ts +53 -0
- package/dist/library/media/types.d.ts.map +1 -0
- package/dist/library/media/types.js +26 -0
- package/dist/library/media/types.js.map +1 -0
- package/dist/library/media/utils.d.ts +6 -0
- package/dist/library/media/utils.d.ts.map +1 -0
- package/dist/library/media/utils.js +77 -0
- package/dist/library/media/utils.js.map +1 -0
- package/package.json +143 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ChartDataItem } from './chartUtils.js';
|
|
2
|
+
export interface LineChartProps {
|
|
3
|
+
chartData: ChartDataItem[];
|
|
4
|
+
maxValue: number;
|
|
5
|
+
}
|
|
6
|
+
export declare function LineChart({ chartData, maxValue }: Readonly<LineChartProps>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=LineChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/charts/LineChart.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC,cAAc,CAAC,2CA2F1E"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/* ************************************************************************** */
|
|
3
|
+
/* */
|
|
4
|
+
/* ::: :::::::: */
|
|
5
|
+
/* LineChart.tsx :+: :+: :+: */
|
|
6
|
+
/* +:+ +:+ +:+ */
|
|
7
|
+
/* By: rstancu <rstancu@student.42madrid.com> +#+ +:+ +#+ */
|
|
8
|
+
/* +#+#+#+#+#+ +#+ */
|
|
9
|
+
/* Created: 2026/04/09 12:03:00 by rstancu #+# #+# */
|
|
10
|
+
/* Updated: 2026/04/09 12:03:00 by rstancu ### ########.fr */
|
|
11
|
+
/* */
|
|
12
|
+
/* ************************************************************************** */
|
|
13
|
+
import React from 'react';
|
|
14
|
+
import { cn } from '../../../icons/react/cn.js';
|
|
15
|
+
export function LineChart({ chartData, maxValue }) {
|
|
16
|
+
const safeMaxValue = Math.max(maxValue, 1);
|
|
17
|
+
const chartWidth = Math.max(600, chartData.length * 80);
|
|
18
|
+
const chartHeight = 300;
|
|
19
|
+
const padding = { top: 20, right: 20, bottom: 50, left: 50 };
|
|
20
|
+
const innerWidth = chartWidth - padding.left - padding.right;
|
|
21
|
+
const innerHeight = chartHeight - padding.top - padding.bottom;
|
|
22
|
+
const points = chartData.map((datum, index) => ({
|
|
23
|
+
x: padding.left + (index / Math.max(chartData.length - 1, 1)) * innerWidth,
|
|
24
|
+
y: padding.top + innerHeight - (datum.value / safeMaxValue) * innerHeight,
|
|
25
|
+
...datum,
|
|
26
|
+
}));
|
|
27
|
+
const path = points.map((point, index) => `${index === 0 ? 'M' : 'L'} ${point.x} ${point.y}`).join(' ');
|
|
28
|
+
const lastPoint = points[points.length - 1];
|
|
29
|
+
const area = path +
|
|
30
|
+
` L ${lastPoint?.x ?? 0} ${padding.top + innerHeight}` +
|
|
31
|
+
` L ${points[0]?.x ?? 0} ${padding.top + innerHeight} Z`;
|
|
32
|
+
return (_jsx("div", { className: cn('flex-1 overflow-auto p-8 bg-surface-primary'), children: _jsx("div", { className: cn('flex flex-col items-center'), children: _jsxs("svg", { width: chartWidth, height: chartHeight, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: "lineGrad", x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: "var(--color-chart-1, #2563EB)", stopOpacity: 0.2 }), _jsx("stop", { offset: "100%", stopColor: "var(--color-chart-1, #2563EB)", stopOpacity: 0 })] }) }), [0, 0.25, 0.5, 0.75, 1].map((pct) => (_jsxs("g", { children: [_jsx("line", { x1: padding.left, y1: padding.top + innerHeight * (1 - pct), x2: padding.left + innerWidth, y2: padding.top + innerHeight * (1 - pct), stroke: "var(--color-chart-grid, #CBD5E1)", strokeWidth: 1 }), _jsx("text", { x: padding.left - 8, y: padding.top + innerHeight * (1 - pct) + 4, textAnchor: "end", fontSize: 11, fill: "var(--color-chart-tick, #64748B)", children: Math.round(safeMaxValue * pct) })] }, pct))), points.length > 1 ? _jsx("path", { d: area, fill: "url(#lineGrad)" }) : null, points.length > 1 ? (_jsx("path", { d: path, fill: "none", stroke: "var(--color-chart-1, #2563EB)", strokeWidth: 2.5 })) : null, points.map((point) => (_jsxs("g", { children: [_jsx("circle", { cx: point.x, cy: point.y, r: 4, fill: "var(--color-chart-1, #2563EB)", stroke: "white", strokeWidth: 2 }), _jsx("text", { x: point.x, y: padding.top + innerHeight + 20, textAnchor: "middle", fontSize: 11, fill: "var(--color-chart-label, #334155)", children: point.label.length > 8 ? `${point.label.slice(0, 8)}…` : point.label }), _jsx("text", { x: point.x, y: point.y - 10, textAnchor: "middle", fontSize: 11, fill: "var(--color-chart-axis, #0F172A)", fontWeight: 600, children: point.value % 1 === 0 ? point.value : point.value.toFixed(1) })] }, point.label)))] }) }) }));
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=LineChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LineChart.js","sourceRoot":"","sources":["../../../../../library/components/react/charts/LineChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export interface MultiLineBucketEntry {
|
|
2
|
+
label: string;
|
|
3
|
+
data: Record<string, number>;
|
|
4
|
+
}
|
|
5
|
+
export interface MultiLineSourceItem {
|
|
6
|
+
date?: string | Date | null;
|
|
7
|
+
category?: string | null;
|
|
8
|
+
}
|
|
9
|
+
export interface MultiLineSummaryItem {
|
|
10
|
+
label: string;
|
|
11
|
+
count: number;
|
|
12
|
+
}
|
|
13
|
+
export interface MultiLineChartProps {
|
|
14
|
+
buckets: MultiLineBucketEntry[];
|
|
15
|
+
categories?: string[];
|
|
16
|
+
width?: number;
|
|
17
|
+
height?: number;
|
|
18
|
+
className?: string;
|
|
19
|
+
showLegend?: boolean;
|
|
20
|
+
}
|
|
21
|
+
export declare function buildMultiLineBuckets(items: MultiLineSourceItem[], categories: string[], summary?: MultiLineSummaryItem[], maxBuckets?: number): MultiLineBucketEntry[];
|
|
22
|
+
export declare function MultiLineChart({ buckets, categories, width, height, className, showLegend, }: Readonly<MultiLineChartProps>): import("react/jsx-runtime").JSX.Element | null;
|
|
23
|
+
//# sourceMappingURL=MultiLineChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiLineChart.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/charts/MultiLineChart.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAID,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,mBAAmB,EAAE,EAC5B,UAAU,EAAE,MAAM,EAAE,EACpB,OAAO,GAAE,oBAAoB,EAAO,EACpC,UAAU,SAAI,GACb,oBAAoB,EAAE,CA4DxB;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,KAAW,EACX,MAAY,EACZ,SAAS,EACT,UAAiB,GAClB,EAAE,QAAQ,CAAC,mBAAmB,CAAC,kDA4G/B"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/* ************************************************************************** */
|
|
3
|
+
/* */
|
|
4
|
+
/* ::: :::::::: */
|
|
5
|
+
/* MultiLineChart.tsx :+: :+: :+: */
|
|
6
|
+
/* +:+ +:+ +:+ */
|
|
7
|
+
/* By: rstancu <rstancu@student.42madrid.com> +#+ +:+ +#+ */
|
|
8
|
+
/* +#+#+#+#+#+ +#+ */
|
|
9
|
+
/* Created: 2026/04/09 12:24:00 by rstancu #+# #+# */
|
|
10
|
+
/* Updated: 2026/04/09 12:24:00 by rstancu ### ########.fr */
|
|
11
|
+
/* */
|
|
12
|
+
/* ************************************************************************** */
|
|
13
|
+
import React from 'react';
|
|
14
|
+
import { cn } from '../../../icons/react/cn.js';
|
|
15
|
+
import { DEFAULT_CHART_COLORS, smoothLine } from './chartUtils.js';
|
|
16
|
+
const MONTH_LABELS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
|
|
17
|
+
export function buildMultiLineBuckets(items, categories, summary = [], maxBuckets = 8) {
|
|
18
|
+
const bucketMap = new Map();
|
|
19
|
+
items.forEach((item) => {
|
|
20
|
+
if (!item.date || !item.category || !categories.includes(item.category)) {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
const date = item.date instanceof Date ? item.date : new Date(item.date);
|
|
24
|
+
if (Number.isNaN(date.getTime())) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
const key = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}`;
|
|
28
|
+
if (!bucketMap.has(key)) {
|
|
29
|
+
bucketMap.set(key, {});
|
|
30
|
+
}
|
|
31
|
+
const bucket = bucketMap.get(key);
|
|
32
|
+
if (!bucket) {
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
bucket[item.category] = (bucket[item.category] ?? 0) + 1;
|
|
36
|
+
});
|
|
37
|
+
const buckets = Array.from(bucketMap.entries())
|
|
38
|
+
.sort(([left], [right]) => left.localeCompare(right))
|
|
39
|
+
.slice(-maxBuckets)
|
|
40
|
+
.map(([key, data]) => {
|
|
41
|
+
const [, month] = key.split('-');
|
|
42
|
+
const label = MONTH_LABELS[Number.parseInt(month, 10) - 1] ?? key;
|
|
43
|
+
return { label, data };
|
|
44
|
+
});
|
|
45
|
+
if (buckets.length >= 2) {
|
|
46
|
+
return buckets;
|
|
47
|
+
}
|
|
48
|
+
const fallbackSize = Math.min(summary.length, maxBuckets);
|
|
49
|
+
const fallbackBuckets = [];
|
|
50
|
+
for (let index = 0; index < fallbackSize; index += 1) {
|
|
51
|
+
const data = {};
|
|
52
|
+
categories.forEach((category, categoryIndex) => {
|
|
53
|
+
const base = summary[categoryIndex]?.count ?? 0;
|
|
54
|
+
data[category] = Math.max(1, Math.round(base * (0.5 + Math.sin(index * 1.3 + categoryIndex * 2.1) * 0.5)));
|
|
55
|
+
});
|
|
56
|
+
fallbackBuckets.push({
|
|
57
|
+
label: summary[index]?.label.slice(0, 4) || `P${index + 1}`,
|
|
58
|
+
data,
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
return fallbackBuckets;
|
|
62
|
+
}
|
|
63
|
+
export function MultiLineChart({ buckets, categories, width = 380, height = 160, className, showLegend = true, }) {
|
|
64
|
+
const safeCategories = (categories && categories.length > 0
|
|
65
|
+
? categories
|
|
66
|
+
: Array.from(new Set(buckets.flatMap((bucket) => Object.keys(bucket.data))))).slice(0, 5);
|
|
67
|
+
if (buckets.length < 2 || safeCategories.length === 0) {
|
|
68
|
+
return null;
|
|
69
|
+
}
|
|
70
|
+
const padding = { top: 14, right: 14, bottom: 30, left: 14 };
|
|
71
|
+
const innerWidth = width - padding.left - padding.right;
|
|
72
|
+
const innerHeight = height - padding.top - padding.bottom;
|
|
73
|
+
const values = buckets.flatMap((bucket) => safeCategories.map((category) => bucket.data[category] ?? 0));
|
|
74
|
+
const maxValue = Math.max(...values, 1);
|
|
75
|
+
const gridLines = [0.25, 0.5, 0.75, 1].map((factor) => padding.top + innerHeight * (1 - factor));
|
|
76
|
+
return (_jsxs("div", { className: cn('w-full', className), children: [_jsxs("svg", { width: "100%", viewBox: `0 0 ${width} ${height}`, className: cn('overflow-visible'), children: [_jsx("defs", { children: safeCategories.map((category, index) => (_jsxs("linearGradient", { id: `mlGrad${index}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: DEFAULT_CHART_COLORS[index % DEFAULT_CHART_COLORS.length], stopOpacity: "0.15" }), _jsx("stop", { offset: "100%", stopColor: DEFAULT_CHART_COLORS[index % DEFAULT_CHART_COLORS.length], stopOpacity: "0.01" })] }, category))) }), gridLines.map((lineY) => (_jsx("line", { x1: padding.left, y1: lineY, x2: width - padding.right, y2: lineY, stroke: "var(--color-chart-grid, #CBD5E1)", strokeWidth: "0.5", strokeDasharray: "3 3" }, lineY))), safeCategories.map((category, seriesIndex) => {
|
|
77
|
+
const points = buckets.map((bucket, bucketIndex) => ({
|
|
78
|
+
x: padding.left + (bucketIndex / Math.max(buckets.length - 1, 1)) * innerWidth,
|
|
79
|
+
y: padding.top + innerHeight - ((bucket.data[category] ?? 0) / maxValue) * innerHeight,
|
|
80
|
+
}));
|
|
81
|
+
const linePath = smoothLine(points);
|
|
82
|
+
const color = DEFAULT_CHART_COLORS[seriesIndex % DEFAULT_CHART_COLORS.length];
|
|
83
|
+
const lastPoint = points[points.length - 1];
|
|
84
|
+
const areaPath = lastPoint
|
|
85
|
+
? `${linePath} L ${lastPoint.x} ${padding.top + innerHeight} L ${points[0].x} ${padding.top + innerHeight} Z`
|
|
86
|
+
: '';
|
|
87
|
+
return (_jsxs("g", { children: [_jsx("path", { d: areaPath, fill: `url(#mlGrad${seriesIndex})` }), _jsx("path", { d: linePath, fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), points.map((point) => (_jsx("circle", { cx: point.x, cy: point.y, r: "2.5", fill: "white", stroke: color, strokeWidth: "1.5" }, `${category}-${point.x}-${point.y}`)))] }, category));
|
|
88
|
+
}), buckets.map((bucket, bucketIndex) => {
|
|
89
|
+
const x = padding.left + (bucketIndex / Math.max(buckets.length - 1, 1)) * innerWidth;
|
|
90
|
+
return (_jsx("text", { x: x, y: padding.top + innerHeight + 16, textAnchor: "middle", className: cn('text-[7px] fill-fill-secondary font-medium'), children: bucket.label }, bucket.label));
|
|
91
|
+
})] }), showLegend ? (_jsx("div", { className: cn('flex flex-wrap gap-x-3 gap-y-1 mt-2 px-1'), children: safeCategories.map((category, index) => (_jsxs("div", { className: cn('flex items-center gap-1 text-[9px]'), children: [_jsx("div", { className: cn('w-2 h-2 rounded-full shrink-0'), style: { backgroundColor: DEFAULT_CHART_COLORS[index % DEFAULT_CHART_COLORS.length] } }), _jsx("span", { className: cn('text-ink-secondary truncate max-w-[70px]'), children: category })] }, category))) })) : null] }));
|
|
92
|
+
}
|
|
93
|
+
//# sourceMappingURL=MultiLineChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiLineChart.js","sourceRoot":"","sources":["../../../../../library/components/react/charts/MultiLineChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type CountChartDatum } from './chartUtils.js';
|
|
2
|
+
export interface DonutChartProps {
|
|
3
|
+
data: CountChartDatum[];
|
|
4
|
+
size?: number;
|
|
5
|
+
}
|
|
6
|
+
export interface AreaChartProps {
|
|
7
|
+
data: CountChartDatum[];
|
|
8
|
+
}
|
|
9
|
+
export interface ProgressRingProps {
|
|
10
|
+
pct: number;
|
|
11
|
+
color: string;
|
|
12
|
+
size?: number;
|
|
13
|
+
}
|
|
14
|
+
export declare function DonutChart({ data, size }: Readonly<DonutChartProps>): import("react/jsx-runtime").JSX.Element | null;
|
|
15
|
+
export declare function AreaChartSVG({ data }: Readonly<AreaChartProps>): import("react/jsx-runtime").JSX.Element | null;
|
|
16
|
+
export declare function ProgressRing({ pct, color, size }: Readonly<ProgressRingProps>): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
//# sourceMappingURL=SVGCharts.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SVGCharts.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/charts/SVGCharts.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAoC,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEzF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,IAAU,EAAE,EAAE,QAAQ,CAAC,eAAe,CAAC,kDA6CzE;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,CAAC,cAAc,CAAC,kDA6F9D;AAED,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAS,EAAE,EAAE,QAAQ,CAAC,iBAAiB,CAAC,2CAuClF"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/* ************************************************************************** */
|
|
3
|
+
/* */
|
|
4
|
+
/* ::: :::::::: */
|
|
5
|
+
/* SVGCharts.tsx :+: :+: :+: */
|
|
6
|
+
/* +:+ +:+ +:+ */
|
|
7
|
+
/* By: rstancu <rstancu@student.42madrid.com> +#+ +:+ +#+ */
|
|
8
|
+
/* +#+#+#+#+#+ +#+ */
|
|
9
|
+
/* Created: 2026/04/09 12:03:00 by rstancu #+# #+# */
|
|
10
|
+
/* Updated: 2026/04/09 12:03:00 by rstancu ### ########.fr */
|
|
11
|
+
/* */
|
|
12
|
+
/* ************************************************************************** */
|
|
13
|
+
import React from 'react';
|
|
14
|
+
import { cn } from '../../../icons/react/cn.js';
|
|
15
|
+
import { DEFAULT_CHART_COLORS, smoothLine } from './chartUtils.js';
|
|
16
|
+
export function DonutChart({ data, size = 120 }) {
|
|
17
|
+
const total = data.reduce((sum, item) => sum + item.count, 0);
|
|
18
|
+
if (total === 0) {
|
|
19
|
+
return null;
|
|
20
|
+
}
|
|
21
|
+
const radius = size / 2 - 10;
|
|
22
|
+
const circumference = 2 * Math.PI * radius;
|
|
23
|
+
let cumulativePercent = 0;
|
|
24
|
+
return (_jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [data.map((item, index) => {
|
|
25
|
+
const percent = item.count / total;
|
|
26
|
+
const strokeDasharray = `${circumference * percent} ${circumference * (1 - percent)}`;
|
|
27
|
+
const rotation = cumulativePercent * 360 - 90;
|
|
28
|
+
cumulativePercent += percent;
|
|
29
|
+
return (_jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: item.color ?? DEFAULT_CHART_COLORS[index % DEFAULT_CHART_COLORS.length], strokeWidth: 16, strokeDasharray: strokeDasharray, transform: `rotate(${rotation} ${size / 2} ${size / 2})`, className: cn('transition-all duration-500') }, item.label));
|
|
30
|
+
}), _jsx("text", { x: size / 2, y: size / 2, textAnchor: "middle", dominantBaseline: "middle", className: cn('text-lg font-bold fill-fill-primary'), children: total })] }));
|
|
31
|
+
}
|
|
32
|
+
export function AreaChartSVG({ data }) {
|
|
33
|
+
if (data.length === 0) {
|
|
34
|
+
return null;
|
|
35
|
+
}
|
|
36
|
+
const maxCount = Math.max(...data.map((item) => item.count), 1);
|
|
37
|
+
const width = 300;
|
|
38
|
+
const height = 140;
|
|
39
|
+
const padding = { top: 12, right: 12, bottom: 28, left: 12 };
|
|
40
|
+
const innerWidth = width - padding.left - padding.right;
|
|
41
|
+
const innerHeight = height - padding.top - padding.bottom;
|
|
42
|
+
const points = data.map((item, index) => ({
|
|
43
|
+
x: padding.left + (index / Math.max(data.length - 1, 1)) * innerWidth,
|
|
44
|
+
y: padding.top + innerHeight - (item.count / maxCount) * innerHeight,
|
|
45
|
+
label: item.label,
|
|
46
|
+
count: item.count,
|
|
47
|
+
}));
|
|
48
|
+
const linePath = smoothLine(points);
|
|
49
|
+
const lastPoint = points[points.length - 1];
|
|
50
|
+
const areaPath = lastPoint
|
|
51
|
+
? `${linePath} L ${lastPoint.x} ${padding.top + innerHeight} L ${points[0].x} ${padding.top + innerHeight} Z`
|
|
52
|
+
: '';
|
|
53
|
+
const gridLines = [0.25, 0.5, 0.75, 1].map((factor) => padding.top + innerHeight * (1 - factor));
|
|
54
|
+
return (_jsxs("svg", { width: "100%", viewBox: `0 0 ${width} ${height}`, className: cn('overflow-visible'), children: [_jsxs("defs", { children: [_jsxs("linearGradient", { id: "areaGradSmooth", x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: "var(--color-chart-1, #2563EB)", stopOpacity: "0.35" }), _jsx("stop", { offset: "100%", stopColor: "var(--color-chart-1, #2563EB)", stopOpacity: "0.02" })] }), _jsxs("filter", { id: "glow", children: [_jsx("feGaussianBlur", { stdDeviation: "2", result: "coloredBlur" }), _jsxs("feMerge", { children: [_jsx("feMergeNode", { in: "coloredBlur" }), _jsx("feMergeNode", { in: "SourceGraphic" })] })] })] }), gridLines.map((y) => (_jsx("line", { x1: padding.left, y1: y, x2: width - padding.right, y2: y, stroke: "var(--color-chart-grid, #CBD5E1)", strokeWidth: "0.5", strokeDasharray: "3 3" }, y))), _jsx("path", { d: areaPath, fill: "url(#areaGradSmooth)" }), _jsx("path", { d: linePath, fill: "none", stroke: "var(--color-chart-1, #2563EB)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", filter: "url(#glow)" }), _jsx("path", { d: linePath, fill: "none", stroke: "var(--color-chart-1, #2563EB)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), points.map((point) => (_jsxs("g", { children: [_jsx("circle", { cx: point.x, cy: point.y, r: "4", fill: "white", stroke: "var(--color-chart-1, #2563EB)", strokeWidth: "2" }), _jsx("text", { x: point.x, y: padding.top + innerHeight + 16, textAnchor: "middle", className: cn('text-[7px] fill-fill-secondary font-medium'), children: point.label.slice(0, 7) })] }, point.label)))] }));
|
|
55
|
+
}
|
|
56
|
+
export function ProgressRing({ pct, color, size = 48 }) {
|
|
57
|
+
const radius = (size - 8) / 2;
|
|
58
|
+
const circumference = 2 * Math.PI * radius;
|
|
59
|
+
const safePct = Math.max(0, Math.min(100, pct));
|
|
60
|
+
const dasharray = `${(safePct / 100) * circumference} ${circumference}`;
|
|
61
|
+
return (_jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [_jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: "var(--color-chart-fill, #E2E8F0)", strokeWidth: "4" }), _jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: color, strokeWidth: "4", strokeDasharray: dasharray, strokeLinecap: "round", transform: `rotate(-90 ${size / 2} ${size / 2})`, className: cn('transition-all duration-500') }), _jsxs("text", { x: size / 2, y: size / 2, textAnchor: "middle", dominantBaseline: "middle", className: cn('text-[9px] font-bold fill-fill-body'), children: [Math.round(safePct), "%"] })] }));
|
|
62
|
+
}
|
|
63
|
+
//# sourceMappingURL=SVGCharts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SVGCharts.js","sourceRoot":"","sources":["../../../../../library/components/react/charts/SVGCharts.tsx"],"names":[],"mappings":";AAAA,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAEhF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAC;AAiBzF,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,GAAG,EAA6B;IACxE,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAE9D,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,CAAC;IAC7B,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;IAC3C,IAAI,iBAAiB,GAAG,CAAC,CAAC;IAE1B,OAAO,CACL,eAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,IAAI,EAAE,aAC3D,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACxB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;gBACnC,MAAM,eAAe,GAAG,GAAG,aAAa,GAAG,OAAO,IAAI,aAAa,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,EAAE,CAAC;gBACtF,MAAM,QAAQ,GAAG,iBAAiB,GAAG,GAAG,GAAG,EAAE,CAAC;gBAC9C,iBAAiB,IAAI,OAAO,CAAC;gBAE7B,OAAO,CACL,iBAEE,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,KAAK,IAAI,oBAAoB,CAAC,KAAK,GAAG,oBAAoB,CAAC,MAAM,CAAC,EAC/E,WAAW,EAAE,EAAE,EACf,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,UAAU,QAAQ,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,GAAG,EACxD,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC,IATvC,IAAI,CAAC,KAAK,CAUf,CACH,CAAC;YACJ,CAAC,CAAC,EACF,eACE,CAAC,EAAE,IAAI,GAAG,CAAC,EACX,CAAC,EAAE,IAAI,GAAG,CAAC,EACX,UAAU,EAAC,QAAQ,EACnB,gBAAgB,EAAC,QAAQ,EACzB,SAAS,EAAE,EAAE,CAAC,qCAAqC,CAAC,YAEnD,KAAK,GACD,IACH,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,IAAI,EAA4B;IAC7D,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAChE,MAAM,KAAK,GAAG,GAAG,CAAC;IAClB,MAAM,MAAM,GAAG,GAAG,CAAC;IACnB,MAAM,OAAO,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IAC7D,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC;IACxD,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC;IAE1D,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACxC,CAAC,EAAE,OAAO,CAAC,IAAI,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,UAAU;QACrE,CAAC,EAAE,OAAO,CAAC,GAAG,GAAG,WAAW,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,WAAW;QACpE,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,KAAK,EAAE,IAAI,CAAC,KAAK;KAClB,CAAC,CAAC,CAAC;IAEJ,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;IACpC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,SAAS;QACxB,CAAC,CAAC,GAAG,QAAQ,MAAM,SAAS,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,GAAG,WAAW,MAAM,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,GAAG,WAAW,IAAI;QAC7G,CAAC,CAAC,EAAE,CAAC;IACP,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,GAAG,WAAW,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;IAEjG,OAAO,CACL,eAAK,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,aACpF,2BACE,0BAAgB,EAAE,EAAC,gBAAgB,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,aAC7D,eAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,+BAA+B,EAAC,WAAW,EAAC,MAAM,GAAG,EACjF,eAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,+BAA+B,EAAC,WAAW,EAAC,MAAM,GAAG,IACpE,EACjB,kBAAQ,EAAE,EAAC,MAAM,aACf,yBAAgB,YAAY,EAAC,GAAG,EAAC,MAAM,EAAC,aAAa,GAAG,EACxD,8BACE,sBAAa,EAAE,EAAC,aAAa,GAAG,EAChC,sBAAa,EAAE,EAAC,eAAe,GAAG,IAC1B,IACH,IACJ,EACN,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACpB,eAEE,EAAE,EAAE,OAAO,CAAC,IAAI,EAChB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,KAAK,GAAG,OAAO,CAAC,KAAK,EACzB,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,kCAAkC,EACzC,WAAW,EAAC,KAAK,EACjB,eAAe,EAAC,KAAK,IAPhB,CAAC,CAQN,CACH,CAAC,EACF,eAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAC,sBAAsB,GAAG,EACjD,eACE,CAAC,EAAE,QAAQ,EACX,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,+BAA+B,EACtC,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,MAAM,EAAC,YAAY,GACnB,EACF,eACE,CAAC,EAAE,QAAQ,EACX,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,+BAA+B,EACtC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,EACD,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,wBACE,iBACE,EAAE,EAAE,KAAK,CAAC,CAAC,EACX,EAAE,EAAE,KAAK,CAAC,CAAC,EACX,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,+BAA+B,EACtC,WAAW,EAAC,GAAG,GACf,EACF,eACE,CAAC,EAAE,KAAK,CAAC,CAAC,EACV,CAAC,EAAE,OAAO,CAAC,GAAG,GAAG,WAAW,GAAG,EAAE,EACjC,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,EAAE,CAAC,4CAA4C,CAAC,YAE1D,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GACnB,KAhBD,KAAK,CAAC,KAAK,CAiBf,CACL,CAAC,IACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,GAAG,EAAE,EAA+B;IACjF,MAAM,MAAM,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAC9B,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;IAC3C,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,aAAa,IAAI,aAAa,EAAE,CAAC;IAExE,OAAO,CACL,eAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,IAAI,EAAE,aAC5D,iBACE,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,kCAAkC,EACzC,WAAW,EAAC,GAAG,GACf,EACF,iBACE,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,EACb,WAAW,EAAC,GAAG,EACf,eAAe,EAAE,SAAS,EAC1B,aAAa,EAAC,OAAO,EACrB,SAAS,EAAE,cAAc,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,GAAG,EAChD,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC,GAC5C,EACF,gBACE,CAAC,EAAE,IAAI,GAAG,CAAC,EACX,CAAC,EAAE,IAAI,GAAG,CAAC,EACX,UAAU,EAAC,QAAQ,EACnB,gBAAgB,EAAC,QAAQ,EACzB,SAAS,EAAE,EAAE,CAAC,qCAAqC,CAAC,aAEnD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SACf,IACH,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export interface ChartDataItem {
|
|
2
|
+
label: string;
|
|
3
|
+
value: number;
|
|
4
|
+
color: string;
|
|
5
|
+
}
|
|
6
|
+
export interface CountChartDatum {
|
|
7
|
+
label: string;
|
|
8
|
+
count: number;
|
|
9
|
+
color?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const DEFAULT_CHART_COLORS: readonly ["var(--color-chart-1, #2563EB)", "var(--color-chart-2, #7C3AED)", "var(--color-chart-3, #EC4899)", "var(--color-chart-4, #F59E0B)", "var(--color-chart-5, #10B981)", "var(--color-chart-6, #06B6D4)", "var(--color-chart-7, #EF4444)", "var(--color-chart-8, #6366F1)", "var(--color-chart-9, #84CC16)", "var(--color-chart-10, #F97316)"];
|
|
12
|
+
interface Point {
|
|
13
|
+
x: number;
|
|
14
|
+
y: number;
|
|
15
|
+
}
|
|
16
|
+
export declare function safeDisplayText(value: unknown): string;
|
|
17
|
+
export declare function smoothLine(points: Point[]): string;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=chartUtils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chartUtils.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/charts/chartUtils.ts"],"names":[],"mappings":"AAYA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,oBAAoB,sVAWvB,CAAC;AAEX,UAAU,KAAK;IACb,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAsBtD;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAwBlD"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/* ************************************************************************** */
|
|
2
|
+
/* */
|
|
3
|
+
/* ::: :::::::: */
|
|
4
|
+
/* chartUtils.ts :+: :+: :+: */
|
|
5
|
+
/* +:+ +:+ +:+ */
|
|
6
|
+
/* By: rstancu <rstancu@student.42madrid.com> +#+ +:+ +#+ */
|
|
7
|
+
/* +#+#+#+#+#+ +#+ */
|
|
8
|
+
/* Created: 2026/04/09 12:03:00 by rstancu #+# #+# */
|
|
9
|
+
/* Updated: 2026/04/09 12:03:00 by rstancu ### ########.fr */
|
|
10
|
+
/* */
|
|
11
|
+
/* ************************************************************************** */
|
|
12
|
+
export const DEFAULT_CHART_COLORS = [
|
|
13
|
+
'var(--color-chart-1, #2563EB)',
|
|
14
|
+
'var(--color-chart-2, #7C3AED)',
|
|
15
|
+
'var(--color-chart-3, #EC4899)',
|
|
16
|
+
'var(--color-chart-4, #F59E0B)',
|
|
17
|
+
'var(--color-chart-5, #10B981)',
|
|
18
|
+
'var(--color-chart-6, #06B6D4)',
|
|
19
|
+
'var(--color-chart-7, #EF4444)',
|
|
20
|
+
'var(--color-chart-8, #6366F1)',
|
|
21
|
+
'var(--color-chart-9, #84CC16)',
|
|
22
|
+
'var(--color-chart-10, #F97316)',
|
|
23
|
+
];
|
|
24
|
+
export function safeDisplayText(value) {
|
|
25
|
+
if (value === null || value === undefined) {
|
|
26
|
+
return '';
|
|
27
|
+
}
|
|
28
|
+
if (typeof value === 'string') {
|
|
29
|
+
return value;
|
|
30
|
+
}
|
|
31
|
+
if (typeof value === 'number' || typeof value === 'boolean' || typeof value === 'bigint') {
|
|
32
|
+
return String(value);
|
|
33
|
+
}
|
|
34
|
+
if (Array.isArray(value)) {
|
|
35
|
+
return value.map((item) => safeDisplayText(item)).join(', ');
|
|
36
|
+
}
|
|
37
|
+
try {
|
|
38
|
+
return JSON.stringify(value);
|
|
39
|
+
}
|
|
40
|
+
catch {
|
|
41
|
+
return String(value);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
export function smoothLine(points) {
|
|
45
|
+
if (points.length === 0) {
|
|
46
|
+
return '';
|
|
47
|
+
}
|
|
48
|
+
if (points.length === 1) {
|
|
49
|
+
const point = points[0];
|
|
50
|
+
return `M ${point.x} ${point.y}`;
|
|
51
|
+
}
|
|
52
|
+
const [first] = points;
|
|
53
|
+
let path = `M ${first.x} ${first.y}`;
|
|
54
|
+
for (let index = 0; index < points.length - 1; index += 1) {
|
|
55
|
+
const current = points[index];
|
|
56
|
+
const next = points[index + 1];
|
|
57
|
+
const controlX = (current.x + next.x) / 2;
|
|
58
|
+
path += ` Q ${current.x} ${current.y}, ${controlX} ${(current.y + next.y) / 2}`;
|
|
59
|
+
}
|
|
60
|
+
const last = points[points.length - 1];
|
|
61
|
+
path += ` T ${last.x} ${last.y}`;
|
|
62
|
+
return path;
|
|
63
|
+
}
|
|
64
|
+
//# sourceMappingURL=chartUtils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chartUtils.js","sourceRoot":"","sources":["../../../../../library/components/react/charts/chartUtils.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAchF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,+BAA+B;IAC/B,+BAA+B;IAC/B,+BAA+B;IAC/B,+BAA+B;IAC/B,+BAA+B;IAC/B,+BAA+B;IAC/B,+BAA+B;IAC/B,+BAA+B;IAC/B,+BAA+B;IAC/B,gCAAgC;CACxB,CAAC;AAOX,MAAM,UAAU,eAAe,CAAC,KAAc;IAC5C,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACzF,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/D,CAAC;IAED,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,MAAe;IACxC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACxB,OAAO,KAAK,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;IACnC,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC;IACvB,IAAI,IAAI,GAAG,KAAK,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;IAErC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;QAC1D,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAC/B,MAAM,QAAQ,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,IAAI,MAAM,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,KAAK,QAAQ,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;IAClF,CAAC;IAED,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACvC,IAAI,IAAI,MAAM,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC;IAEjC,OAAO,IAAI,CAAC;AACd,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type { ChartDataItem, CountChartDatum } from './chartUtils.js';
|
|
2
|
+
export { DEFAULT_CHART_COLORS } from './chartUtils.js';
|
|
3
|
+
export * from './BarCharts.js';
|
|
4
|
+
export * from './LineChart.js';
|
|
5
|
+
export * from './DonutPieChart.js';
|
|
6
|
+
export * from './SVGCharts.js';
|
|
7
|
+
export * from './MultiLineChart.js';
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/charts/index.ts"],"names":[],"mappings":"AAYA,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/* ************************************************************************** */
|
|
2
|
+
/* */
|
|
3
|
+
/* ::: :::::::: */
|
|
4
|
+
/* index.ts :+: :+: :+: */
|
|
5
|
+
/* +:+ +:+ +:+ */
|
|
6
|
+
/* By: rstancu <rstancu@student.42madrid.com> +#+ +:+ +#+ */
|
|
7
|
+
/* +#+#+#+#+#+ +#+ */
|
|
8
|
+
/* Created: 2026/04/09 12:03:00 by rstancu #+# #+# */
|
|
9
|
+
/* Updated: 2026/04/09 12:03:00 by rstancu ### ########.fr */
|
|
10
|
+
/* */
|
|
11
|
+
/* ************************************************************************** */
|
|
12
|
+
export { DEFAULT_CHART_COLORS } from './chartUtils.js';
|
|
13
|
+
export * from './BarCharts.js';
|
|
14
|
+
export * from './LineChart.js';
|
|
15
|
+
export * from './DonutPieChart.js';
|
|
16
|
+
export * from './SVGCharts.js';
|
|
17
|
+
export * from './MultiLineChart.js';
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../library/components/react/charts/index.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAGhF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export interface ColorPickerPreset {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string;
|
|
4
|
+
}
|
|
5
|
+
export interface ColorPickerBoardProps {
|
|
6
|
+
value?: string;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
onChange?: (value: string) => void;
|
|
9
|
+
onChangeComplete?: (value: string) => void;
|
|
10
|
+
presets?: ColorPickerPreset[];
|
|
11
|
+
label?: string;
|
|
12
|
+
showInput?: boolean;
|
|
13
|
+
size?: number;
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
export declare const DEFAULT_COLOR_PRESETS: ColorPickerPreset[];
|
|
17
|
+
export declare function ColorPickerBoard({ value, defaultValue, onChange, onChangeComplete, presets, label, showInput, size, className, }: ColorPickerBoardProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=ColorPickerBoard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorPickerBoard.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/color-picker/ColorPickerBoard.tsx"],"names":[],"mappings":"AAwBA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,eAAO,MAAM,qBAAqB,EAAE,iBAAiB,EASpD,CAAC;AAoIF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAA4B,EAC5B,QAAQ,EACR,gBAAgB,EAChB,OAA+B,EAC/B,KAAsB,EACtB,SAAgB,EAChB,IAAU,EACV,SAAS,GACV,EAAE,qBAAqB,2CAiYvB"}
|