npm - @burdenoff/microfe-bigconsole - Versions diffs - 2026.1006.1 → 2026.1007.11 - Mend

@burdenoff/microfe-bigconsole 2026.1006.1 → 2026.1007.11

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.

Files changed (1448) hide show

package/dist/bigconsole/components/widgets/chart/ChartConfig.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ChartConfig.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/chart/ChartConfig.tsx"],"sourcesContent":["/**\n * ChartConfig Component\n *\n * Configuration panel for Chart widgets.\n */\n\nimport { type FC, memo, useCallback, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { ChartConfig as ConfigType } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ChartConfigProps {\n /** Current configuration */\n config: ConfigType;\n /** Callback when config changes */\n onChange: (config: ConfigType) => void;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ChartConfig: FC<ChartConfigProps> = memo(function ChartConfig({ config, onChange }) {\n const { t } = useI18n();\n\n const CHART_TYPES = useMemo(\n () => [\n { value: 'line', label: t('bigconsole.widget.config.chart.type.line', 'Line Chart') },\n { value: 'bar', label: t('bigconsole.widget.config.chart.type.bar', 'Bar Chart') },\n { value: 'area', label: t('bigconsole.widget.config.chart.type.area', 'Area Chart') },\n { value: 'pie', label: t('bigconsole.widget.config.chart.type.pie', 'Pie Chart') },\n { value: 'funnel', label: t('bigconsole.widget.config.chart.type.funnel', 'Funnel Chart') },\n ],\n [t]\n );\n\n const CURVE_TYPES = useMemo(\n () => [\n { value: 'monotone', label: t('bigconsole.widget.config.chart.curve.smooth', 'Smooth') },\n { value: 'linear', label: t('bigconsole.widget.config.chart.curve.linear', 'Linear') },\n { value: 'step', label: t('bigconsole.widget.config.chart.curve.step', 'Step') },\n { value: 'natural', label: t('bigconsole.widget.config.chart.curve.natural', 'Natural') },\n ],\n [t]\n );\n\n const LEGEND_POSITIONS = useMemo(\n () => [\n { value: 'top', label: t('bigconsole.widget.config.chart.legendPosition.top', 'Top') },\n { value: 'bottom', label: t('bigconsole.widget.config.chart.legendPosition.bottom', 'Bottom') },\n { value: 'left', label: t('bigconsole.widget.config.chart.legendPosition.left', 'Left') },\n { value: 'right', label: t('bigconsole.widget.config.chart.legendPosition.right', 'Right') },\n ],\n [t]\n );\n\n const handleChange = useCallback(\n <K extends keyof ConfigType>(key: K, value: ConfigType[K]) => {\n onChange({ ...config, [key]: value });\n },\n [config, onChange]\n );\n\n const isPieOrFunnel = config.chartType === 'pie' || config.chartType === 'funnel';\n\n return (\n <div className=\"min-w-0 space-y-form-gap\">\n {/* Chart Type */}\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {t('bigconsole.widget.config.chart.chartTypeLabel', 'Chart Type')}\n </label>\n <select\n value={config.chartType || 'line'}\n onChange={(e) => handleChange('chartType', e.target.value as ConfigType['chartType'])}\n className=\"\n w-full px-3 py-2\n text-sm text-text-primary\n bg-bg-surface\n border border-border-default\n rounded-md\n focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n \"\n >\n {CHART_TYPES.map((type) => (\n <option key={type.value} value={type.value}>\n {type.label}\n </option>\n ))}\n </select>\n </div>\n\n {/* Axis Fields (for Line/Bar/Area) */}\n {!isPieOrFunnel && (\n <>\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {t('bigconsole.widget.config.chart.xAxisFieldLabel', 'X-Axis Field')}\n </label>\n <input\n type=\"text\"\n value={config.xAxisField || ''}\n onChange={(e) => handleChange('xAxisField', e.target.value)}\n placeholder={t('bigconsole.widget.config.chart.xAxisFieldPlaceholder', 'e.g., date, category')}\n className=\"\n w-full px-3 py-2\n text-sm text-text-primary\n bg-bg-surface\n border border-border-default\n rounded-md\n focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n \"\n />\n </div>\n\n <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {t('bigconsole.widget.config.chart.xAxisLabelLabel', 'X-Axis Label')}\n </label>\n <input\n type=\"text\"\n value={config.xAxisLabel || ''}\n onChange={(e) => handleChange('xAxisLabel', e.target.value)}\n placeholder={t('bigconsole.widget.config.chart.optionalPlaceholder', 'Optional')}\n className=\"\n w-full px-3 py-2\n text-sm text-text-primary\n bg-bg-surface\n border border-border-default\n rounded-md\n focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n \"\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {t('bigconsole.widget.config.chart.yAxisLabelLabel', 'Y-Axis Label')}\n </label>\n <input\n type=\"text\"\n value={config.yAxisLabel || ''}\n onChange={(e) => handleChange('yAxisLabel', e.target.value)}\n placeholder={t('bigconsole.widget.config.chart.optionalPlaceholder', 'Optional')}\n className=\"\n w-full px-3 py-2\n text-sm text-text-primary\n bg-bg-surface\n border border-border-default\n rounded-md\n focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n \"\n />\n </div>\n </div>\n\n {/* Curve Type (for Line/Area) */}\n {(config.chartType === 'line' || config.chartType === 'area') && (\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {t('bigconsole.widget.config.chart.curveTypeLabel', 'Curve Type')}\n </label>\n <select\n value={config.curveType || 'monotone'}\n onChange={(e) => handleChange('curveType', e.target.value as ConfigType['curveType'])}\n className=\"\n w-full px-3 py-2\n text-sm text-text-primary\n bg-bg-surface\n border border-border-default\n rounded-md\n focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n \"\n >\n {CURVE_TYPES.map((type) => (\n <option key={type.value} value={type.value}>\n {type.label}\n </option>\n ))}\n </select>\n </div>\n )}\n </>\n )}\n\n {/* Pie/Funnel specific fields */}\n {isPieOrFunnel && (\n <>\n <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {t('bigconsole.widget.config.chart.valueFieldLabel', 'Value Field')}\n </label>\n <input\n type=\"text\"\n value={config.valueField || ''}\n onChange={(e) => handleChange('valueField', e.target.value)}\n placeholder={t('bigconsole.widget.config.chart.valueFieldPlaceholder', 'e.g., value')}\n className=\"\n w-full px-3 py-2\n text-sm text-text-primary\n bg-bg-surface\n border border-border-default\n rounded-md\n focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n \"\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {t('bigconsole.widget.config.chart.labelFieldLabel', 'Label Field')}\n </label>\n <input\n type=\"text\"\n value={config.labelField || ''}\n onChange={(e) => handleChange('labelField', e.target.value)}\n placeholder={t('bigconsole.widget.config.chart.labelFieldPlaceholder', 'e.g., name')}\n className=\"\n w-full px-3 py-2\n text-sm text-text-primary\n bg-bg-surface\n border border-border-default\n rounded-md\n focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n \"\n />\n </div>\n </div>\n\n {config.chartType === 'pie' && (\n <label className=\"flex items-center gap-3\">\n <input\n type=\"checkbox\"\n checked={config.showAsDonut === true}\n onChange={(e) => handleChange('showAsDonut', e.target.checked)}\n className=\"\n w-4 h-4\n text-action-primary-bg\n bg-bg-surface\n border-border-default\n rounded\n focus:ring-action-primary-bg\n \"\n />\n <span className=\"text-sm text-text-primary\">\n {t('bigconsole.widget.config.chart.showAsDonut', 'Show as Donut')}\n </span>\n </label>\n )}\n </>\n )}\n\n {/* Legend Position */}\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {t('bigconsole.widget.config.chart.legendPositionLabel', 'Legend Position')}\n </label>\n <select\n value={config.legendPosition || 'bottom'}\n onChange={(e) => handleChange('legendPosition', e.target.value as ConfigType['legendPosition'])}\n className=\"\n w-full px-3 py-2\n text-sm text-text-primary\n bg-bg-surface\n border border-border-default\n rounded-md\n focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n \"\n >\n {LEGEND_POSITIONS.map((pos) => (\n <option key={pos.value} value={pos.value}>\n {pos.label}\n </option>\n ))}\n </select>\n </div>\n\n {/* Selected Fields - Multi-select for choosing which numeric fields to display */}\n {!isPieOrFunnel && (\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {t('bigconsole.widget.config.chart.fieldsToDisplayLabel', 'Fields to Display')}\n </label>\n <p className=\"text-xs text-text-secondary mb-2\">\n {t(\n 'bigconsole.widget.config.chart.fieldsToDisplayHelp',\n 'Select which numeric fields to show as chart series. Leave empty to show all.'\n )}\n </p>\n <input\n type=\"text\"\n value={(config.selectedFields as string[] | undefined)?.join(', ') || ''}\n onChange={(e) => {\n const value = e.target.value.trim();\n const fields = value\n ? value\n .split(',')\n .map((f) => f.trim())\n .filter(Boolean)\n : [];\n handleChange('selectedFields', fields.length > 0 ? fields : undefined);\n }}\n placeholder={t(\n 'bigconsole.widget.config.chart.fieldsToDisplayPlaceholder',\n 'e.g., revenue, orders, users (comma-separated)'\n )}\n className=\"\n w-full px-3 py-2\n text-sm text-text-primary\n bg-bg-surface\n border border-border-default\n rounded-md\n focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n \"\n />\n <p className=\"text-xs text-text-muted mt-1\">\n {t('bigconsole.widget.config.chart.fieldsToDisplayHint', 'Enter field names separated by commas')}\n </p>\n </div>\n )}\n\n {/* Toggle Options */}\n <div\n role=\"group\"\n aria-label=\"Display options\"\n className=\"space-y-3 border-t border-[var(--color-border-subtle)] pt-form-gap\"\n >\n {/* Toggles are a different KIND of control from the field stack above,\n so they get their own labelled group instead of being visually\n identical to it (BOFF-5636). */}\n <p className=\"text-xs font-bold uppercase tracking-wider text-text-secondary\">Display options</p>\n <label className=\"flex items-center gap-3\">\n <input\n type=\"checkbox\"\n checked={config.showGrid !== false}\n onChange={(e) => handleChange('showGrid', e.target.checked)}\n className=\"\n w-4 h-4\n text-action-primary-bg\n bg-bg-surface\n border-border-default\n rounded\n focus:ring-action-primary-bg\n \"\n />\n <span className=\"text-sm text-text-primary\">{t('bigconsole.widget.config.chart.showGrid', 'Show Grid')}</span>\n </label>\n\n <label className=\"flex items-center gap-3\">\n <input\n type=\"checkbox\"\n checked={config.showLegend !== false}\n onChange={(e) => handleChange('showLegend', e.target.checked)}\n className=\"\n w-4 h-4\n text-action-primary-bg\n bg-bg-surface\n border-border-default\n rounded\n focus:ring-action-primary-bg\n \"\n />\n <span className=\"text-sm text-text-primary\">\n {t('bigconsole.widget.config.chart.showLegend', 'Show Legend')}\n </span>\n </label>\n\n {!isPieOrFunnel && (\n <>\n <label className=\"flex items-center gap-3\">\n <input\n type=\"checkbox\"\n checked={config.showDataPoints === true}\n onChange={(e) => handleChange('showDataPoints', e.target.checked)}\n className=\"\n w-4 h-4\n text-action-primary-bg\n bg-bg-surface\n border-border-default\n rounded\n focus:ring-action-primary-bg\n \"\n />\n <span className=\"text-sm text-text-primary\">\n {t('bigconsole.widget.config.chart.showDataPoints', 'Show Data Points')}\n </span>\n </label>\n\n {(config.chartType === 'bar' || config.chartType === 'area') && (\n <label className=\"flex items-center gap-3\">\n <input\n type=\"checkbox\"\n checked={config.stacked === true}\n onChange={(e) => handleChange('stacked', e.target.checked)}\n className=\"\n w-4 h-4\n text-action-primary-bg\n bg-bg-surface\n border-border-default\n rounded\n focus:ring-action-primary-bg\n \"\n />\n <span className=\"text-sm text-text-primary\">\n {t('bigconsole.widget.config.chart.stacked', 'Stacked')}\n </span>\n </label>\n )}\n </>\n )}\n </div>\n </div>\n );\n});\n\nexport default ChartConfig;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/chart/ChartLegend.d.ts CHANGED Viewed

@@ -22,3 +22,4 @@ export interface ChartLegendProps {
 }
 export declare const ChartLegend: FC<ChartLegendProps>;
 export default ChartLegend;
+//# sourceMappingURL=ChartLegend.d.ts.map

package/dist/bigconsole/components/widgets/chart/ChartLegend.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/chart/ChartLegend.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,UAAU;IACzB,iBAAiB;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,mBAAmB;IACnB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,uBAAuB;IACvB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA6C3C,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/bigconsole/components/widgets/chart/ChartLegend.js CHANGED Viewed

@@ -36,3 +36,5 @@ var r = e(function({ items: e, position: r = "bottom", layout: i = "horizontal",
 });
 //#endregion
 export { r as default };
+//# sourceMappingURL=ChartLegend.js.map

package/dist/bigconsole/components/widgets/chart/ChartLegend.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ChartLegend.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/chart/ChartLegend.tsx"],"sourcesContent":["/**\n * ChartLegend Component\n *\n * Custom legend for Recharts charts.\n */\n\nimport { type FC, memo } from 'react';\n\nexport interface LegendItem {\n /** Unique key */\n dataKey: string;\n /** Display name */\n name: string;\n /** Color for the legend marker */\n color: string;\n /** Whether this series is hidden */\n hidden?: boolean;\n}\n\nexport interface ChartLegendProps {\n /** Legend items */\n items: LegendItem[];\n /** Position of the legend */\n position?: 'top' | 'bottom' | 'left' | 'right';\n /** Layout direction */\n layout?: 'horizontal' | 'vertical';\n /** Callback when item is clicked (for toggling visibility) */\n onItemClick?: (dataKey: string) => void;\n}\n\nexport const ChartLegend: FC<ChartLegendProps> = memo(function ChartLegend({\n items,\n position = 'bottom',\n layout = 'horizontal',\n onItemClick,\n}) {\n const isVertical = layout === 'vertical' || position === 'left' || position === 'right';\n\n return (\n <div\n className={`\n flex flex-wrap gap-3\n ${isVertical ? 'flex-col' : 'flex-row items-center justify-center'}\n ${position === 'top' ? 'mb-3' : ''}\n ${position === 'bottom' ? 'mt-3' : ''}\n ${position === 'left' ? 'mr-4' : ''}\n ${position === 'right' ? 'ml-4' : ''}\n `}\n >\n {items.map((item) => (\n <button\n key={item.dataKey}\n type=\"button\"\n onClick={() => onItemClick?.(item.dataKey)}\n className={`\n flex items-center gap-2\n text-sm\n transition-opacity\n ${onItemClick ? 'cursor-pointer hover:opacity-80' : 'cursor-default'}\n ${item.hidden ? 'opacity-40' : 'opacity-100'}\n `}\n >\n <span className=\"w-3 h-3 rounded-sm flex-shrink-0\" style={{ backgroundColor: item.color }} />\n <span\n className={`\n text-text-primary\n ${item.hidden ? 'line-through' : ''}\n `}\n >\n {item.name}\n </span>\n </button>\n ))}\n </div>\n );\n});\n\nexport default ChartLegend;\n"],"mappings":";;;AA8BA,IAAa,IAAoC,EAAK,SAAqB,EACzE,UACA,cAAW,UACX,YAAS,cACT,kBACC;AAGD,QACE,kBAAC,OAAD;EACE,WAAW;;UAJI,MAAW,cAAc,MAAa,UAAU,MAAa,UAM3D,aAAa,uCAAuC;UACjE,MAAa,QAAQ,SAAS,GAAG;UACjC,MAAa,WAAW,SAAS,GAAG;UACpC,MAAa,SAAS,SAAS,GAAG;UAClC,MAAa,UAAU,SAAS,GAAG;;YAGtC,EAAM,KAAK,MACV,kBAAC,UAAD;GAEE,MAAK;GACL,eAAe,IAAc,EAAK,QAAQ;GAC1C,WAAW;;;;cAIP,IAAc,oCAAoC,iBAAiB;cACnE,EAAK,SAAS,eAAe,cAAc;;aATjD,CAYE,kBAAC,QAAD;IAAM,WAAU;IAAmC,OAAO,EAAE,iBAAiB,EAAK,OAAO;IAAI,CAAA,EAC7F,kBAAC,QAAD;IACE,WAAW;;gBAEP,EAAK,SAAS,iBAAiB,GAAG;;cAGrC,EAAK;IACD,CAAA,CACA;KApBF,EAAK,QAoBH,CACT;EACE,CAAA;EAER"}

package/dist/bigconsole/components/widgets/chart/ChartTooltip.d.ts CHANGED Viewed

@@ -21,3 +21,4 @@ export interface ChartTooltipProps {
 }
 export declare const ChartTooltip: FC<ChartTooltipProps>;
 export default ChartTooltip;
+//# sourceMappingURL=ChartTooltip.d.ts.map

package/dist/bigconsole/components/widgets/chart/ChartTooltip.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/chart/ChartTooltip.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,iBAAiB;IAChC,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IACpD,+BAA+B;IAC/B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5C;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAqC7C,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/bigconsole/components/widgets/chart/ChartTooltip.js CHANGED Viewed

@@ -30,3 +30,5 @@ var r = e(function({ active: e, payload: r, label: i, valueFormatter: a = (e) =>
 });
 //#endregion
 export { r as default };
+//# sourceMappingURL=ChartTooltip.js.map

package/dist/bigconsole/components/widgets/chart/ChartTooltip.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ChartTooltip.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/chart/ChartTooltip.tsx"],"sourcesContent":["/**\n * ChartTooltip Component\n *\n * Custom tooltip for Recharts charts.\n */\n\nimport { type FC, memo } from 'react';\n\nexport interface ChartTooltipPayload {\n name: string;\n value: number | string;\n color: string;\n dataKey?: string;\n payload?: Record<string, unknown>;\n}\n\nexport interface ChartTooltipProps {\n /** Whether tooltip is active */\n active?: boolean;\n /** Tooltip payload data */\n payload?: ChartTooltipPayload[];\n /** Label for the tooltip (usually x-axis value) */\n label?: string;\n /** Value formatter function */\n valueFormatter?: (value: number | string) => string;\n /** Label formatter function */\n labelFormatter?: (label: string) => string;\n}\n\nexport const ChartTooltip: FC<ChartTooltipProps> = memo(function ChartTooltip({\n active,\n payload,\n label,\n valueFormatter = (v: number | string) => String(v),\n labelFormatter = (l: string) => l,\n}) {\n if (!active || !payload?.length) {\n return null;\n }\n\n return (\n <div\n className=\"\n bg-bg-surface\n border border-border-default\n rounded-lg shadow-lg\n p-3 min-w-[120px]\n \"\n >\n {/* Label */}\n {label && <p className=\"text-xs font-medium text-text-secondary mb-2\">{labelFormatter(label)}</p>}\n\n {/* Values */}\n <div className=\"space-y-1.5\">\n {payload.map((entry, index) => (\n <div key={`tooltip-${entry.dataKey || index}`} className=\"flex items-center justify-between gap-4\">\n <div className=\"flex items-center gap-2\">\n <span className=\"w-2.5 h-2.5 rounded-full flex-shrink-0\" style={{ backgroundColor: entry.color }} />\n <span className=\"text-sm text-text-secondary\">{entry.name}</span>\n </div>\n <span className=\"text-sm font-medium text-text-primary\">{valueFormatter(entry.value)}</span>\n </div>\n ))}\n </div>\n </div>\n );\n});\n\nexport default ChartTooltip;\n"],"mappings":";;;AA6BA,IAAa,IAAsC,EAAK,SAAsB,EAC5E,WACA,YACA,UACA,qBAAkB,MAAuB,OAAO,EAAE,EAClD,qBAAkB,MAAc,KAC/B;AAKD,QAJI,CAAC,KAAU,CAAC,GAAS,SAChB,OAIP,kBAAC,OAAD;EACE,WAAU;YADZ,CASG,KAAS,kBAAC,KAAD;GAAG,WAAU;aAAgD,EAAe,EAAM;GAAK,CAAA,EAGjG,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAQ,KAAK,GAAO,MACnB,kBAAC,OAAD;IAA+C,WAAU;cAAzD,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;MAAyC,OAAO,EAAE,iBAAiB,EAAM,OAAO;MAAI,CAAA,EACpG,kBAAC,QAAD;MAAM,WAAU;gBAA+B,EAAM;MAAY,CAAA,CAC7D;QACN,kBAAC,QAAD;KAAM,WAAU;eAAyC,EAAe,EAAM,MAAM;KAAQ,CAAA,CACxF;MANI,WAAW,EAAM,WAAW,IAMhC,CACN;GACE,CAAA,CACF;;EAER"}

package/dist/bigconsole/components/widgets/chart/ChartWidget.d.ts CHANGED Viewed

@@ -14,3 +14,4 @@ export interface ChartWidgetProps {
 }
 export declare const ChartWidget: FC<ChartWidgetProps>;
 export default ChartWidget;
+//# sourceMappingURL=ChartWidget.d.ts.map

package/dist/bigconsole/components/widgets/chart/ChartWidget.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ChartWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/chart/ChartWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,MAAM,EAAoC,MAAM,gBAAgB,CAAC;AAU/E,OAAO,KAAK,EAAe,SAAS,EAA2D,MAAM,gBAAgB,CAAC;AAQtH,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC;IACnB,kCAAkC;IAClC,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,uDAAuD;IACvD,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CAC/D;AAkBD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA0N3C,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/bigconsole/components/widgets/chart/ChartWidget.js CHANGED Viewed

@@ -179,3 +179,5 @@ var _ = [
 });
 //#endregion
 export { v as default };
+//# sourceMappingURL=ChartWidget.js.map

package/dist/bigconsole/components/widgets/chart/ChartWidget.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ChartWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/chart/ChartWidget.tsx"],"sourcesContent":["/**\n * ChartWidget Component\n *\n * Wrapper component that renders the appropriate chart type.\n */\n\nimport { type FC, memo, useState, useMemo, useCallback } from 'react';\nimport type { Widget, ChartConfig as WidgetChartConfig } from '../../../types';\nimport { LineChart } from './charts/LineChart';\nimport { BarChart } from './charts/BarChart';\nimport { AreaChart } from './charts/AreaChart';\nimport { PieChart } from './charts/PieChart';\nimport { FunnelChart } from './charts/FunnelChart';\nimport { ComboChart } from './charts/ComboChart';\nimport { WaterfallChart } from './charts/WaterfallChart';\nimport { ScatterChart } from './charts/ScatterChart';\nimport { ChartLegend, type LegendItem } from './ChartLegend';\nimport type { ChartConfig, ChartData, ChartType, CurveType, ReferenceLineConfig, SeriesConfig } from './charts/types';\n// Phase 2: Cross-filtering support\nimport { useWidgetCrossFilter, useCrossFilterContext } from '../../../contexts';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ChartWidgetProps {\n /** Widget configuration */\n widget: Widget;\n /** Chart data */\n data?: ChartData[];\n /** Click handler for drilldown */\n onClick?: (dataPoint: ChartData, index: number) => void;\n /** Drilldown handler - receives selected data point */\n onDrilldown?: (selectedData: Record<string, unknown>) => void;\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst DEFAULT_COLORS = [\n 'var(--color-chart-1)',\n 'var(--color-chart-2)',\n 'var(--color-chart-3)',\n 'var(--color-chart-4)',\n 'var(--color-chart-5)',\n];\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ChartWidget: FC<ChartWidgetProps> = memo(function ChartWidget({\n widget,\n data = [],\n onClick,\n onDrilldown,\n}) {\n const widgetConfig = widget.config as unknown as WidgetChartConfig | undefined;\n const [hiddenSeries, setHiddenSeries] = useState<string[]>([]);\n\n // Phase 2: Cross-filtering support\n const { handleDataClick: triggerCrossFilter, enabled: crossFilterEnabled } = useWidgetCrossFilter(\n widget.id,\n // Map chart data fields to filter IDs\n widgetConfig?.crossFilterMappings || [\n { sourceField: widgetConfig?.labelField || 'name', targetFilterId: 'category' },\n ]\n );\n const { clearAllCrossFilters, hasCrossFilters } = useCrossFilterContext();\n\n // Normalize widget config to chart config\n const chartConfig: ChartConfig = useMemo(\n () =>\n ({\n type: (widgetConfig?.chartType?.toLowerCase() || 'line') as ChartType,\n xAxisKey: widgetConfig?.xAxisField || 'name',\n xAxisLabel: widgetConfig?.xAxisLabel,\n yAxisLabel: widgetConfig?.yAxisLabel,\n showGrid: widgetConfig?.showGrid,\n showLegend: widgetConfig?.showLegend,\n legendPosition: widgetConfig?.legendPosition,\n showDots: widgetConfig?.showDataPoints,\n curveType: widgetConfig?.curveType as CurveType | undefined,\n colors: widgetConfig?.colors,\n seriesNames: widgetConfig?.seriesLabels,\n stacked: widgetConfig?.stacked,\n isDonut: widgetConfig?.showAsDonut,\n innerRadius: widgetConfig?.innerRadius,\n outerRadius: widgetConfig?.outerRadius,\n referenceLines: widgetConfig?.referenceLines as ReferenceLineConfig[] | undefined,\n series: widgetConfig?.series as SeriesConfig[] | undefined,\n dualAxis: widgetConfig?.dualAxis,\n yAxisRightLabel: widgetConfig?.yAxisRightLabel,\n logScale: (widgetConfig as { logScale?: boolean } | undefined)?.logScale,\n valueField: widgetConfig?.valueField,\n labelField: widgetConfig?.labelField,\n showTotal: (widgetConfig as { showTotal?: boolean } | undefined)?.showTotal,\n totalLabel: (widgetConfig as { totalLabel?: string } | undefined)?.totalLabel,\n xField: (widgetConfig as { xField?: string } | undefined)?.xField,\n yField: (widgetConfig as { yField?: string } | undefined)?.yField,\n sizeField: (widgetConfig as { sizeField?: string } | undefined)?.sizeField,\n colorField: (widgetConfig as { colorField?: string } | undefined)?.colorField,\n }) as ChartConfig,\n [widgetConfig]\n );\n\n // Extract legend items for cartesian charts\n const legendItems: LegendItem[] = useMemo(() => {\n if (!data.length) return [];\n\n // For pie/funnel/scatter/waterfall charts, legend is handled internally\n if (\n chartConfig.type === 'pie' ||\n chartConfig.type === 'funnel' ||\n chartConfig.type === 'scatter' ||\n chartConfig.type === 'waterfall'\n ) {\n return [];\n }\n\n // Get selected fields from widget config (if specified)\n const selectedFields = widgetConfig?.selectedFields as string[] | undefined;\n\n // Filter to numeric fields, and apply selectedFields filter if configured\n const keys = Object.keys(data[0]).filter((key) => {\n // Must not be the x-axis key and must be numeric\n const isValidNumericField = key !== chartConfig.xAxisKey && typeof data[0][key] === 'number';\n\n // If selectedFields is configured and not empty, only include those fields\n if (selectedFields && selectedFields.length > 0) {\n return isValidNumericField && selectedFields.includes(key);\n }\n\n // Otherwise, show all numeric fields\n return isValidNumericField;\n });\n\n return keys.map((key, index) => ({\n dataKey: key,\n name: chartConfig.seriesNames?.[key] || key,\n color: chartConfig.colors?.[index] || DEFAULT_COLORS[index % DEFAULT_COLORS.length],\n hidden: hiddenSeries.includes(key),\n }));\n }, [data, chartConfig, hiddenSeries, widgetConfig?.selectedFields]);\n\n // Toggle series visibility\n const handleLegendClick = useCallback((dataKey: string) => {\n setHiddenSeries((prev) => (prev.includes(dataKey) ? prev.filter((k) => k !== dataKey) : [...prev, dataKey]));\n }, []);\n\n // Handle data point click\n // Clicking a bar/slice triggers BOTH cross-filtering AND drilldown:\n // 1. Cross-filter: highlights the clicked item across all widgets\n // 2. Drilldown: opens the detail modal/page for the clicked item\n const handleDataClick = useCallback(\n (dataPoint: ChartData, index: number) => {\n // Trigger cross-filtering on data click when enabled\n if (crossFilterEnabled) {\n const label = dataPoint[widgetConfig?.labelField || 'name'] as string;\n triggerCrossFilter(dataPoint as Record<string, unknown>, label);\n }\n\n // Trigger drilldown if configured\n if (onDrilldown) {\n onDrilldown(dataPoint as Record<string, unknown>);\n } else if (onClick && widget.drilldowns?.length) {\n onClick(dataPoint, index);\n }\n },\n [onClick, onDrilldown, widget.drilldowns, crossFilterEnabled, triggerCrossFilter, widgetConfig?.labelField]\n );\n\n // A combo chart is requested explicitly, or implied by a dual axis / a\n // per-series config that mixes bar+line or binds a series to the right axis.\n const isCombo =\n chartConfig.type === 'combo' ||\n chartConfig.dualAxis === true ||\n (chartConfig.series?.some((s) => s.axis === 'right' || s.type === 'bar') &&\n chartConfig.series?.some((s) => s.type === 'line')) ||\n false;\n\n // Render the appropriate chart\n const renderChart = () => {\n if (isCombo) {\n return <ComboChart data={data} config={chartConfig} hiddenSeries={hiddenSeries} onDataClick={handleDataClick} />;\n }\n switch (chartConfig.type) {\n case 'waterfall':\n return <WaterfallChart data={data} config={chartConfig} onDataClick={handleDataClick} />;\n\n case 'scatter':\n return <ScatterChart data={data} config={chartConfig} onDataClick={handleDataClick} />;\n\n case 'bar':\n return <BarChart data={data} config={chartConfig} hiddenSeries={hiddenSeries} onDataClick={handleDataClick} />;\n\n case 'area':\n return <AreaChart data={data} config={chartConfig} hiddenSeries={hiddenSeries} onDataClick={handleDataClick} />;\n\n case 'pie':\n return (\n <PieChart\n data={data}\n config={chartConfig}\n dataKey={widgetConfig?.valueField || 'value'}\n nameKey={widgetConfig?.labelField || 'name'}\n onDataClick={handleDataClick}\n />\n );\n\n case 'funnel':\n return (\n <FunnelChart\n data={data}\n config={chartConfig}\n dataKey={widgetConfig?.valueField || 'value'}\n nameKey={widgetConfig?.labelField || 'name'}\n onDataClick={handleDataClick}\n />\n );\n\n case 'line':\n default:\n return <LineChart data={data} config={chartConfig} hiddenSeries={hiddenSeries} onDataClick={handleDataClick} />;\n }\n };\n\n return (\n <div className=\"flex flex-col h-full p-4\">\n {/* Cross-filter active indicator with clear button */}\n {hasCrossFilters && (\n <div className=\"flex items-center gap-2 mb-2 -mt-1\">\n <button\n type=\"button\"\n onClick={(e) => {\n e.stopPropagation();\n clearAllCrossFilters();\n }}\n className=\"\n inline-flex items-center gap-1.5\n px-2.5 py-1 rounded-md\n text-xs font-medium\n bg-action-primary-bg/10 text-action-primary-text\n hover:bg-action-primary-bg/20\n transition-colors\n \"\n >\n <svg className=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M10 19l-7-7m0 0l7-7m-7 7h18\" />\n </svg>\n Clear Filter\n </button>\n </div>\n )}\n\n {/* Custom legend (for line/bar/area charts with external legend) */}\n {chartConfig.legendPosition === 'top' && legendItems.length > 0 && (\n <ChartLegend items={legendItems} position=\"top\" onItemClick={handleLegendClick} />\n )}\n\n {/* Chart container */}\n <div className=\"flex-1 min-h-0\">{renderChart()}</div>\n\n {/* Custom legend (bottom) */}\n {chartConfig.legendPosition === 'bottom' && legendItems.length > 0 && (\n <ChartLegend items={legendItems} position=\"bottom\" onItemClick={handleLegendClick} />\n )}\n </div>\n );\n});\n\nexport default ChartWidget;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/chart/charts/AreaChart.d.ts CHANGED Viewed

@@ -13,3 +13,4 @@ export interface AreaChartProps {
 }
 export declare const AreaChart: FC<AreaChartProps>;
 export default AreaChart;
+//# sourceMappingURL=AreaChart.d.ts.map

package/dist/bigconsole/components/widgets/chart/charts/AreaChart.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/AreaChart.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAY/C,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAOtD,MAAM,WAAW,cAAc;IAC7B,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC;IACpB,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,oCAAoC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAkBD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA8HvC,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/bigconsole/components/widgets/chart/charts/AreaChart.js CHANGED Viewed

@@ -117,3 +117,5 @@ var m = [
 });
 //#endregion
 export { h as default };
+//# sourceMappingURL=AreaChart.js.map

package/dist/bigconsole/components/widgets/chart/charts/AreaChart.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AreaChart.js","names":[],"sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/AreaChart.tsx"],"sourcesContent":["/**\n * AreaChart Component\n *\n * Area chart using Recharts.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport {\n AreaChart as RechartsAreaChart,\n Area,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n ResponsiveContainer,\n Legend,\n} from 'recharts';\nimport { ChartTooltip } from '../ChartTooltip';\nimport type { ChartConfig, ChartData } from './types';\nimport { buildReferenceElements } from './referenceElements';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface AreaChartProps {\n /** Chart data */\n data: ChartData[];\n /** Chart configuration */\n config: ChartConfig;\n /** Series to hide */\n hiddenSeries?: string[];\n /** Click handler for data points */\n onDataClick?: (data: ChartData, index: number) => void;\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst DEFAULT_COLORS = [\n 'var(--color-chart-1)',\n 'var(--color-chart-2)',\n 'var(--color-chart-3)',\n 'var(--color-chart-4)',\n 'var(--color-chart-5)',\n];\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const AreaChart: FC<AreaChartProps> = memo(function AreaChart({\n data = [],\n config,\n hiddenSeries = [],\n onDataClick,\n}) {\n // Extract data keys (series)\n const dataKeys = useMemo(() => {\n if (!data?.length) return [];\n const keys = Object.keys(data[0]).filter((key) => key !== config.xAxisKey && typeof data[0][key] === 'number');\n return keys;\n }, [data, config.xAxisKey]);\n\n // Format value\n const formatValue = (value: number | string): string => {\n if (typeof value !== 'number') return String(value);\n return new Intl.NumberFormat('en-US', {\n notation: value >= 10000 ? 'compact' : 'standard',\n maximumFractionDigits: 2,\n }).format(value);\n };\n\n // Generate gradient ID\n const getGradientId = (key: string) => `gradient-${key}`;\n\n if (!data?.length) {\n return null;\n }\n\n return (\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsAreaChart\n data={data}\n margin={{ top: 10, right: 10, left: 0, bottom: 0 }}\n onClick={(e) => {\n if (e?.activePayload?.[0] && onDataClick) {\n onDataClick(e.activePayload[0].payload, e.activeTooltipIndex || 0);\n }\n }}\n >\n {/* Gradients */}\n <defs>\n {dataKeys.map((key, index) => {\n const color = config.colors?.[index] || DEFAULT_COLORS[index % DEFAULT_COLORS.length];\n return (\n <linearGradient key={key} id={getGradientId(key)} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stopColor={color} stopOpacity={0.4} />\n <stop offset=\"95%\" stopColor={color} stopOpacity={0.05} />\n </linearGradient>\n );\n })}\n </defs>\n\n {config.showGrid !== false && (\n <CartesianGrid strokeDasharray=\"3 3\" stroke=\"var(--color-border-default)\" opacity={0.5} />\n )}\n\n <XAxis\n dataKey={config.xAxisKey || 'name'}\n tick={{ fill: 'var(--color-text-secondary)', fontSize: 12 }}\n tickLine={{ stroke: 'var(--color-border-default)' }}\n axisLine={{ stroke: 'var(--color-border-default)' }}\n label={\n config.xAxisLabel\n ? {\n value: config.xAxisLabel,\n position: 'insideBottom',\n offset: -5,\n fill: 'var(--color-text-secondary)',\n }\n : undefined\n }\n />\n\n <YAxis\n tick={{ fill: 'var(--color-text-secondary)', fontSize: 12 }}\n tickLine={{ stroke: 'var(--color-border-default)' }}\n axisLine={{ stroke: 'var(--color-border-default)' }}\n tickFormatter={formatValue}\n scale={config.logScale ? 'log' : 'auto'}\n domain={config.logScale ? ['auto', 'auto'] : undefined}\n allowDataOverflow={config.logScale || undefined}\n label={\n config.yAxisLabel\n ? {\n value: config.yAxisLabel,\n angle: -90,\n position: 'insideLeft',\n fill: 'var(--color-text-secondary)',\n }\n : undefined\n }\n />\n\n <Tooltip\n content={<ChartTooltip valueFormatter={formatValue} />}\n cursor={{ stroke: 'var(--color-border-default)' }}\n />\n\n {config.showLegend !== false && (\n <Legend\n wrapperStyle={{ paddingTop: 20 }}\n formatter={(value) => <span style={{ color: 'var(--color-text-primary)' }}>{value}</span>}\n />\n )}\n\n {buildReferenceElements(config.referenceLines)}\n\n {dataKeys.map((key, index) => (\n <Area\n key={key}\n type={config.curveType || 'monotone'}\n dataKey={key}\n name={config.seriesNames?.[key] || key}\n stroke={config.colors?.[index] || DEFAULT_COLORS[index % DEFAULT_COLORS.length]}\n strokeWidth={2}\n fill={`url(#${getGradientId(key)})`}\n dot={config.showDots}\n activeDot={{ r: 6 }}\n hide={hiddenSeries.includes(key)}\n stackId={config.stacked ? 'stack' : undefined}\n />\n ))}\n </RechartsAreaChart>\n </ResponsiveContainer>\n );\n});\n\nexport default AreaChart;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/chart/charts/BarChart.d.ts CHANGED Viewed

@@ -13,3 +13,4 @@ export interface BarChartProps {
 }
 export declare const BarChart: FC<BarChartProps>;
 export default BarChart;
+//# sourceMappingURL=BarChart.d.ts.map

package/dist/bigconsole/components/widgets/chart/charts/BarChart.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/BarChart.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAY/C,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAOtD,MAAM,WAAW,aAAa;IAC5B,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC;IACpB,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAkBD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA0GrC,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/bigconsole/components/widgets/chart/charts/BarChart.js CHANGED Viewed

@@ -103,3 +103,5 @@ var m = [
 });
 //#endregion
 export { h as default };
+//# sourceMappingURL=BarChart.js.map

package/dist/bigconsole/components/widgets/chart/charts/BarChart.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BarChart.js","names":[],"sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/BarChart.tsx"],"sourcesContent":["/**\n * BarChart Component\n *\n * Bar chart using Recharts.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport {\n BarChart as RechartsBarChart,\n Bar,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n ResponsiveContainer,\n Legend,\n} from 'recharts';\nimport { ChartTooltip } from '../ChartTooltip';\nimport type { ChartConfig, ChartData } from './types';\nimport { buildReferenceElements } from './referenceElements';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface BarChartProps {\n /** Chart data */\n data: ChartData[];\n /** Chart configuration */\n config: ChartConfig;\n /** Series to hide */\n hiddenSeries?: string[];\n /** Click handler for bars */\n onDataClick?: (data: ChartData, index: number) => void;\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst DEFAULT_COLORS = [\n 'var(--color-chart-1)',\n 'var(--color-chart-2)',\n 'var(--color-chart-3)',\n 'var(--color-chart-4)',\n 'var(--color-chart-5)',\n];\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const BarChart: FC<BarChartProps> = memo(function BarChart({\n data = [],\n config,\n hiddenSeries = [],\n onDataClick,\n}) {\n // Extract data keys (series)\n const dataKeys = useMemo(() => {\n if (!data?.length) return [];\n const keys = Object.keys(data[0]).filter((key) => key !== config.xAxisKey && typeof data[0][key] === 'number');\n return keys;\n }, [data, config.xAxisKey]);\n\n // Format value\n const formatValue = (value: number | string): string => {\n if (typeof value !== 'number') return String(value);\n return new Intl.NumberFormat('en-US', {\n notation: value >= 10000 ? 'compact' : 'standard',\n maximumFractionDigits: 2,\n }).format(value);\n };\n\n if (!data?.length) {\n return null;\n }\n\n return (\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsBarChart\n data={data}\n margin={{ top: 10, right: 10, left: 0, bottom: 0 }}\n onClick={(e) => {\n if (e?.activePayload?.[0] && onDataClick) {\n onDataClick(e.activePayload[0].payload, e.activeTooltipIndex || 0);\n }\n }}\n >\n {config.showGrid !== false && (\n <CartesianGrid strokeDasharray=\"3 3\" stroke=\"var(--color-border-default)\" opacity={0.5} vertical={false} />\n )}\n\n <XAxis\n dataKey={config.xAxisKey || 'name'}\n tick={{ fill: 'var(--color-text-secondary)', fontSize: 12 }}\n tickLine={{ stroke: 'var(--color-border-default)' }}\n axisLine={{ stroke: 'var(--color-border-default)' }}\n label={\n config.xAxisLabel\n ? {\n value: config.xAxisLabel,\n position: 'insideBottom',\n offset: -5,\n fill: 'var(--color-text-secondary)',\n }\n : undefined\n }\n />\n\n <YAxis\n tick={{ fill: 'var(--color-text-secondary)', fontSize: 12 }}\n tickLine={{ stroke: 'var(--color-border-default)' }}\n axisLine={{ stroke: 'var(--color-border-default)' }}\n tickFormatter={formatValue}\n scale={config.logScale ? 'log' : 'auto'}\n domain={config.logScale ? ['auto', 'auto'] : undefined}\n allowDataOverflow={config.logScale || undefined}\n label={\n config.yAxisLabel\n ? {\n value: config.yAxisLabel,\n angle: -90,\n position: 'insideLeft',\n fill: 'var(--color-text-secondary)',\n }\n : undefined\n }\n />\n\n <Tooltip\n content={<ChartTooltip valueFormatter={formatValue} />}\n cursor={{ fill: 'var(--color-bg-muted)', opacity: 0.5 }}\n />\n\n {config.showLegend !== false && (\n <Legend\n wrapperStyle={{ paddingTop: 20 }}\n formatter={(value) => <span style={{ color: 'var(--color-text-primary)' }}>{value}</span>}\n />\n )}\n\n {buildReferenceElements(config.referenceLines)}\n\n {dataKeys.map((key, index) => (\n <Bar\n key={key}\n dataKey={key}\n name={config.seriesNames?.[key] || key}\n fill={config.colors?.[index] || DEFAULT_COLORS[index % DEFAULT_COLORS.length]}\n radius={[4, 4, 0, 0]}\n hide={hiddenSeries.includes(key)}\n stackId={config.stacked ? 'stack' : undefined}\n />\n ))}\n </RechartsBarChart>\n </ResponsiveContainer>\n );\n});\n\nexport default BarChart;\n"],"mappings":";;;;;;AAwCA,IAAM,IAAiB;CACrB;CACA;CACA;CACA;CACA;CACD,EAMY,IAA8B,EAAK,SAAkB,EAChE,UAAO,EAAE,EACT,WACA,kBAAe,EAAE,EACjB,kBACC;CAED,IAAM,IAAW,QACV,GAAM,SACE,OAAO,KAAK,EAAK,GAAG,CAAC,QAAQ,MAAQ,MAAQ,EAAO,YAAY,OAAO,EAAK,GAAG,MAAS,SAAS,GADpF,EAAE,EAG3B,CAAC,GAAM,EAAO,SAAS,CAAC,EAGrB,KAAe,MACf,OAAO,KAAU,WACd,IAAI,KAAK,aAAa,SAAS;EACpC,UAAU,KAAS,MAAQ,YAAY;EACvC,uBAAuB;EACxB,CAAC,CAAC,OAAO,EAAM,GAJsB,OAAO,EAAM;AAWrD,QAJK,GAAM,SAKT,kBAAC,GAAD;EAAqB,OAAM;EAAO,QAAO;YACvC,kBAAC,GAAD;GACQ;GACN,QAAQ;IAAE,KAAK;IAAI,OAAO;IAAI,MAAM;IAAG,QAAQ;IAAG;GAClD,UAAU,MAAM;AACd,IAAI,GAAG,gBAAgB,MAAM,KAC3B,EAAY,EAAE,cAAc,GAAG,SAAS,EAAE,sBAAsB,EAAE;;aALxE;IASG,EAAO,aAAa,MACnB,kBAAC,GAAD;KAAe,iBAAgB;KAAM,QAAO;KAA8B,SAAS;KAAK,UAAU;KAAS,CAAA;IAG7G,kBAAC,GAAD;KACE,SAAS,EAAO,YAAY;KAC5B,MAAM;MAAE,MAAM;MAA+B,UAAU;MAAI;KAC3D,UAAU,EAAE,QAAQ,+BAA+B;KACnD,UAAU,EAAE,QAAQ,+BAA+B;KACnD,OACE,EAAO,aACH;MACE,OAAO,EAAO;MACd,UAAU;MACV,QAAQ;MACR,MAAM;MACP,GACD,KAAA;KAEN,CAAA;IAEF,kBAAC,GAAD;KACE,MAAM;MAAE,MAAM;MAA+B,UAAU;MAAI;KAC3D,UAAU,EAAE,QAAQ,+BAA+B;KACnD,UAAU,EAAE,QAAQ,+BAA+B;KACnD,eAAe;KACf,OAAO,EAAO,WAAW,QAAQ;KACjC,QAAQ,EAAO,WAAW,CAAC,QAAQ,OAAO,GAAG,KAAA;KAC7C,mBAAmB,EAAO,YAAY,KAAA;KACtC,OACE,EAAO,aACH;MACE,OAAO,EAAO;MACd,OAAO;MACP,UAAU;MACV,MAAM;MACP,GACD,KAAA;KAEN,CAAA;IAEF,kBAAC,GAAD;KACE,SAAS,kBAAC,GAAD,EAAc,gBAAgB,GAAe,CAAA;KACtD,QAAQ;MAAE,MAAM;MAAyB,SAAS;MAAK;KACvD,CAAA;IAED,EAAO,eAAe,MACrB,kBAAC,GAAD;KACE,cAAc,EAAE,YAAY,IAAI;KAChC,YAAY,MAAU,kBAAC,QAAD;MAAM,OAAO,EAAE,OAAO,6BAA6B;gBAAG;MAAa,CAAA;KACzF,CAAA;IAGH,EAAuB,EAAO,eAAe;IAE7C,EAAS,KAAK,GAAK,MAClB,kBAAC,GAAD;KAEE,SAAS;KACT,MAAM,EAAO,cAAc,MAAQ;KACnC,MAAM,EAAO,SAAS,MAAU,EAAe,IAAQ,EAAe;KACtE,QAAQ;MAAC;MAAG;MAAG;MAAG;MAAE;KACpB,MAAM,EAAa,SAAS,EAAI;KAChC,SAAS,EAAO,UAAU,UAAU,KAAA;KACpC,EAPK,EAOL,CACF;IACe;;EACC,CAAA,GAjFf;EAmFT"}

package/dist/bigconsole/components/widgets/chart/charts/ComboChart.d.ts CHANGED Viewed

@@ -9,3 +9,4 @@ export interface ComboChartProps {
 }
 export declare const ComboChart: FC<ComboChartProps>;
 export default ComboChart;
+//# sourceMappingURL=ComboChart.d.ts.map

package/dist/bigconsole/components/widgets/chart/charts/ComboChart.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ComboChart.d.ts","sourceRoot":"","sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/ComboChart.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAgB,MAAM,SAAS,CAAC;AAOpE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAkBD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA8IzC,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/bigconsole/components/widgets/chart/charts/ComboChart.js CHANGED Viewed

@@ -135,3 +135,5 @@ var h = [
 });
 //#endregion
 export { g as default };
+//# sourceMappingURL=ComboChart.js.map

package/dist/bigconsole/components/widgets/chart/charts/ComboChart.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ComboChart.js","names":[],"sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/ComboChart.tsx"],"sourcesContent":["/**\n * ComboChart Component\n *\n * Combo / dual-axis chart (mix of bars and lines, optional secondary Y-axis)\n * using Recharts `ComposedChart`. Drives the marketed\n * \"spend (bars) vs conversions (line)\" dual-axis view.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport { ComposedChart, Bar, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Legend } from 'recharts';\nimport { ChartTooltip } from '../ChartTooltip';\nimport type { ChartConfig, ChartData, SeriesConfig } from './types';\nimport { buildReferenceElements } from './referenceElements';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ComboChartProps {\n data: ChartData[];\n config: ChartConfig;\n hiddenSeries?: string[];\n onDataClick?: (data: ChartData, index: number) => void;\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst DEFAULT_COLORS = [\n 'var(--color-chart-1)',\n 'var(--color-chart-2)',\n 'var(--color-chart-3)',\n 'var(--color-chart-4)',\n 'var(--color-chart-5)',\n];\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ComboChart: FC<ComboChartProps> = memo(function ComboChart({\n data = [],\n config,\n hiddenSeries = [],\n onDataClick,\n}) {\n // Resolve series: explicit config wins; otherwise derive from numeric keys\n // (first → bar on the left axis, the rest → lines on the right axis).\n const series: SeriesConfig[] = useMemo(() => {\n if (config.series?.length) return config.series;\n if (!data.length) return [];\n const keys = Object.keys(data[0]).filter((k) => k !== config.xAxisKey && typeof data[0][k] === 'number');\n return keys.map((field, i) => ({\n field,\n type: i === 0 ? 'bar' : 'line',\n axis: i === 0 ? 'left' : 'right',\n }));\n }, [config.series, data, config.xAxisKey]);\n\n const hasRightAxis = useMemo(() => series.some((s) => s.axis === 'right'), [series]);\n\n const formatValue = (value: number | string): string => {\n if (typeof value !== 'number') return String(value);\n return new Intl.NumberFormat('en-US', {\n notation: value >= 10000 ? 'compact' : 'standard',\n maximumFractionDigits: 2,\n }).format(value);\n };\n\n if (!data?.length) {\n return null;\n }\n\n return (\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <ComposedChart\n data={data}\n margin={{ top: 10, right: 10, left: 0, bottom: 0 }}\n onClick={(e) => {\n if (e?.activePayload?.[0] && onDataClick) {\n onDataClick(e.activePayload[0].payload, e.activeTooltipIndex || 0);\n }\n }}\n >\n {config.showGrid !== false && (\n <CartesianGrid strokeDasharray=\"3 3\" stroke=\"var(--color-border-default)\" opacity={0.5} vertical={false} />\n )}\n\n <XAxis\n dataKey={config.xAxisKey || 'name'}\n tick={{ fill: 'var(--color-text-secondary)', fontSize: 12 }}\n tickLine={{ stroke: 'var(--color-border-default)' }}\n axisLine={{ stroke: 'var(--color-border-default)' }}\n />\n\n <YAxis\n yAxisId=\"left\"\n tick={{ fill: 'var(--color-text-secondary)', fontSize: 12 }}\n tickLine={{ stroke: 'var(--color-border-default)' }}\n axisLine={{ stroke: 'var(--color-border-default)' }}\n tickFormatter={formatValue}\n label={\n config.yAxisLabel\n ? { value: config.yAxisLabel, angle: -90, position: 'insideLeft', fill: 'var(--color-text-secondary)' }\n : undefined\n }\n />\n\n {hasRightAxis && (\n <YAxis\n yAxisId=\"right\"\n orientation=\"right\"\n tick={{ fill: 'var(--color-text-secondary)', fontSize: 12 }}\n tickLine={{ stroke: 'var(--color-border-default)' }}\n axisLine={{ stroke: 'var(--color-border-default)' }}\n tickFormatter={formatValue}\n label={\n config.yAxisRightLabel\n ? {\n value: config.yAxisRightLabel,\n angle: 90,\n position: 'insideRight',\n fill: 'var(--color-text-secondary)',\n }\n : undefined\n }\n />\n )}\n\n <Tooltip\n content={<ChartTooltip valueFormatter={formatValue} />}\n cursor={{ fill: 'var(--color-bg-muted)', opacity: 0.5 }}\n />\n\n {config.showLegend !== false && (\n <Legend\n wrapperStyle={{ paddingTop: 20 }}\n formatter={(value) => <span style={{ color: 'var(--color-text-primary)' }}>{value}</span>}\n />\n )}\n\n {series.map((s, index) => {\n const color = s.color || config.colors?.[index] || DEFAULT_COLORS[index % DEFAULT_COLORS.length];\n const yAxisId = s.axis === 'right' && hasRightAxis ? 'right' : 'left';\n const name = s.label || config.seriesNames?.[s.field] || s.field;\n const hidden = hiddenSeries.includes(s.field);\n\n if (s.type === 'line') {\n return (\n <Line\n key={s.field}\n yAxisId={yAxisId}\n type={config.curveType || 'monotone'}\n dataKey={s.field}\n name={name}\n stroke={color}\n strokeWidth={2}\n dot={config.showDots !== false}\n activeDot={{ r: 6 }}\n hide={hidden}\n connectNulls\n />\n );\n }\n return (\n <Bar\n key={s.field}\n yAxisId={yAxisId}\n dataKey={s.field}\n name={name}\n fill={color}\n radius={[4, 4, 0, 0]}\n hide={hidden}\n stackId={config.stacked ? 'stack' : undefined}\n />\n );\n })}\n\n {buildReferenceElements(config.referenceLines, { yAxisId: 'left' })}\n </ComposedChart>\n </ResponsiveContainer>\n );\n});\n\nexport default ComboChart;\n"],"mappings":";;;;;;AA6BA,IAAM,IAAiB;CACrB;CACA;CACA;CACA;CACA;CACD,EAMY,IAAkC,EAAK,SAAoB,EACtE,UAAO,EAAE,EACT,WACA,kBAAe,EAAE,EACjB,kBACC;CAGD,IAAM,IAAyB,QACzB,EAAO,QAAQ,SAAe,EAAO,SACpC,EAAK,SACG,OAAO,KAAK,EAAK,GAAG,CAAC,QAAQ,MAAM,MAAM,EAAO,YAAY,OAAO,EAAK,GAAG,MAAO,SAAS,CAC5F,KAAK,GAAO,OAAO;EAC7B;EACA,MAAM,MAAM,IAAI,QAAQ;EACxB,MAAM,MAAM,IAAI,SAAS;EAC1B,EAAE,GANsB,EAAE,EAO1B;EAAC,EAAO;EAAQ;EAAM,EAAO;EAAS,CAAC,EAEpC,IAAe,QAAc,EAAO,MAAM,MAAM,EAAE,SAAS,QAAQ,EAAE,CAAC,EAAO,CAAC,EAE9E,KAAe,MACf,OAAO,KAAU,WACd,IAAI,KAAK,aAAa,SAAS;EACpC,UAAU,KAAS,MAAQ,YAAY;EACvC,uBAAuB;EACxB,CAAC,CAAC,OAAO,EAAM,GAJsB,OAAO,EAAM;AAWrD,QAJK,GAAM,SAKT,kBAAC,GAAD;EAAqB,OAAM;EAAO,QAAO;YACvC,kBAAC,GAAD;GACQ;GACN,QAAQ;IAAE,KAAK;IAAI,OAAO;IAAI,MAAM;IAAG,QAAQ;IAAG;GAClD,UAAU,MAAM;AACd,IAAI,GAAG,gBAAgB,MAAM,KAC3B,EAAY,EAAE,cAAc,GAAG,SAAS,EAAE,sBAAsB,EAAE;;aALxE;IASG,EAAO,aAAa,MACnB,kBAAC,GAAD;KAAe,iBAAgB;KAAM,QAAO;KAA8B,SAAS;KAAK,UAAU;KAAS,CAAA;IAG7G,kBAAC,GAAD;KACE,SAAS,EAAO,YAAY;KAC5B,MAAM;MAAE,MAAM;MAA+B,UAAU;MAAI;KAC3D,UAAU,EAAE,QAAQ,+BAA+B;KACnD,UAAU,EAAE,QAAQ,+BAA+B;KACnD,CAAA;IAEF,kBAAC,GAAD;KACE,SAAQ;KACR,MAAM;MAAE,MAAM;MAA+B,UAAU;MAAI;KAC3D,UAAU,EAAE,QAAQ,+BAA+B;KACnD,UAAU,EAAE,QAAQ,+BAA+B;KACnD,eAAe;KACf,OACE,EAAO,aACH;MAAE,OAAO,EAAO;MAAY,OAAO;MAAK,UAAU;MAAc,MAAM;MAA+B,GACrG,KAAA;KAEN,CAAA;IAED,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,aAAY;KACZ,MAAM;MAAE,MAAM;MAA+B,UAAU;MAAI;KAC3D,UAAU,EAAE,QAAQ,+BAA+B;KACnD,UAAU,EAAE,QAAQ,+BAA+B;KACnD,eAAe;KACf,OACE,EAAO,kBACH;MACE,OAAO,EAAO;MACd,OAAO;MACP,UAAU;MACV,MAAM;MACP,GACD,KAAA;KAEN,CAAA;IAGJ,kBAAC,GAAD;KACE,SAAS,kBAAC,GAAD,EAAc,gBAAgB,GAAe,CAAA;KACtD,QAAQ;MAAE,MAAM;MAAyB,SAAS;MAAK;KACvD,CAAA;IAED,EAAO,eAAe,MACrB,kBAAC,GAAD;KACE,cAAc,EAAE,YAAY,IAAI;KAChC,YAAY,MAAU,kBAAC,QAAD;MAAM,OAAO,EAAE,OAAO,6BAA6B;gBAAG;MAAa,CAAA;KACzF,CAAA;IAGH,EAAO,KAAK,GAAG,MAAU;KACxB,IAAM,IAAQ,EAAE,SAAS,EAAO,SAAS,MAAU,EAAe,IAAQ,EAAe,SACnF,IAAU,EAAE,SAAS,WAAW,IAAe,UAAU,QACzD,IAAO,EAAE,SAAS,EAAO,cAAc,EAAE,UAAU,EAAE,OACrD,IAAS,EAAa,SAAS,EAAE,MAAM;AAmB7C,YAjBI,EAAE,SAAS,SAEX,kBAAC,GAAD;MAEW;MACT,MAAM,EAAO,aAAa;MAC1B,SAAS,EAAE;MACL;MACN,QAAQ;MACR,aAAa;MACb,KAAK,EAAO,aAAa;MACzB,WAAW,EAAE,GAAG,GAAG;MACnB,MAAM;MACN,cAAA;MACA,EAXK,EAAE,MAWP,GAIJ,kBAAC,GAAD;MAEW;MACT,SAAS,EAAE;MACL;MACN,MAAM;MACN,QAAQ;OAAC;OAAG;OAAG;OAAG;OAAE;MACpB,MAAM;MACN,SAAS,EAAO,UAAU,UAAU,KAAA;MACpC,EARK,EAAE,MAQP;MAEJ;IAED,EAAuB,EAAO,gBAAgB,EAAE,SAAS,QAAQ,CAAC;IACrD;;EACI,CAAA,GA9Gf;EAgHT"}

package/dist/bigconsole/components/widgets/chart/charts/FunnelChart.d.ts CHANGED Viewed

@@ -15,3 +15,4 @@ export interface FunnelChartProps {
 }
 export declare const FunnelChart: FC<FunnelChartProps>;
 export default FunnelChart;
+//# sourceMappingURL=FunnelChart.d.ts.map

package/dist/bigconsole/components/widgets/chart/charts/FunnelChart.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FunnelChart.d.ts","sourceRoot":"","sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/FunnelChart.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAGtC,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMtD,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC;IACpB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAkBD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAsE3C,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/bigconsole/components/widgets/chart/charts/FunnelChart.js CHANGED Viewed

@@ -66,3 +66,5 @@ var u = [
 });
 //#endregion
 export { d as default };
+//# sourceMappingURL=FunnelChart.js.map

package/dist/bigconsole/components/widgets/chart/charts/FunnelChart.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FunnelChart.js","names":[],"sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/FunnelChart.tsx"],"sourcesContent":["/**\n * FunnelChart Component\n *\n * Funnel chart using Recharts.\n */\n\nimport { type FC, memo } from 'react';\nimport { FunnelChart as RechartsFunnelChart, Funnel, Cell, Tooltip, ResponsiveContainer, LabelList } from 'recharts';\nimport { ChartTooltip } from '../ChartTooltip';\nimport type { ChartConfig, ChartData } from './types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface FunnelChartProps {\n /** Chart data (should be sorted by value descending) */\n data: ChartData[];\n /** Chart configuration */\n config: ChartConfig;\n /** Data key for values */\n dataKey?: string;\n /** Data key for names */\n nameKey?: string;\n /** Click handler */\n onDataClick?: (data: ChartData, index: number) => void;\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst DEFAULT_COLORS = [\n 'var(--color-chart-1)',\n 'var(--color-chart-2)',\n 'var(--color-chart-3)',\n 'var(--color-chart-4)',\n 'var(--color-chart-5)',\n];\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const FunnelChart: FC<FunnelChartProps> = memo(function FunnelChart({\n data = [],\n config,\n dataKey = 'value',\n nameKey = 'name',\n onDataClick,\n}) {\n // Format value\n const formatValue = (value: number | string): string => {\n if (typeof value !== 'number') return String(value);\n return new Intl.NumberFormat('en-US', {\n notation: value >= 10000 ? 'compact' : 'standard',\n maximumFractionDigits: 2,\n }).format(value);\n };\n\n // Early return if no data\n if (!data?.length) {\n return null;\n }\n\n // Calculate conversion rates\n const dataWithRates = data.map((item, index) => {\n if (index === 0) {\n return { ...item, rate: 100 };\n }\n const prevValue = data[index - 1][dataKey] as number;\n const currValue = item[dataKey] as number;\n const rate = prevValue > 0 ? (currValue / prevValue) * 100 : 0;\n return { ...item, rate };\n });\n\n return (\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsFunnelChart>\n <Tooltip content={<ChartTooltip valueFormatter={formatValue} labelFormatter={(label) => String(label)} />} />\n\n <Funnel\n dataKey={dataKey}\n nameKey={nameKey}\n data={dataWithRates}\n isAnimationActive\n onClick={\n ((data: any, index: number) => {\n if (onDataClick && data) {\n onDataClick(data as ChartData, index);\n }\n }) as any\n }\n >\n <LabelList position=\"right\" fill=\"var(--color-text-primary)\" stroke=\"none\" dataKey={nameKey} fontSize={12} />\n <LabelList\n position=\"center\"\n fill=\"var(--color-text-on-primary, #ffffff)\"\n stroke=\"none\"\n formatter={(value: number) => formatValue(value)}\n fontSize={14}\n fontWeight={600}\n />\n {dataWithRates.map((entry, index) => (\n <Cell\n key={`cell-${index}`}\n fill={config.colors?.[index] || DEFAULT_COLORS[index % DEFAULT_COLORS.length]}\n style={{ cursor: onDataClick ? 'pointer' : 'default' }}\n />\n ))}\n </Funnel>\n </RechartsFunnelChart>\n </ResponsiveContainer>\n );\n});\n\nexport default FunnelChart;\n"],"mappings":";;;;;AAgCA,IAAM,IAAiB;CACrB;CACA;CACA;CACA;CACA;CACD,EAMY,IAAoC,EAAK,SAAqB,EACzE,UAAO,EAAE,EACT,WACA,aAAU,SACV,aAAU,QACV,kBACC;CAED,IAAM,KAAe,MACf,OAAO,KAAU,WACd,IAAI,KAAK,aAAa,SAAS;EACpC,UAAU,KAAS,MAAQ,YAAY;EACvC,uBAAuB;EACxB,CAAC,CAAC,OAAO,EAAM,GAJsB,OAAO,EAAM;AAQrD,KAAI,CAAC,GAAM,OACT,QAAO;CAIT,IAAM,IAAgB,EAAK,KAAK,GAAM,MAAU;AAC9C,MAAI,MAAU,EACZ,QAAO;GAAE,GAAG;GAAM,MAAM;GAAK;EAE/B,IAAM,IAAY,EAAK,IAAQ,GAAG,IAC5B,IAAY,EAAK,IACjB,IAAO,IAAY,IAAK,IAAY,IAAa,MAAM;AAC7D,SAAO;GAAE,GAAG;GAAM;GAAM;GACxB;AAEF,QACE,kBAAC,GAAD;EAAqB,OAAM;EAAO,QAAO;YACvC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,SAAS,kBAAC,GAAD;GAAc,gBAAgB;GAAa,iBAAiB,MAAU,OAAO,EAAM;GAAI,CAAA,EAAI,CAAA,EAE7G,kBAAC,GAAD;GACW;GACA;GACT,MAAM;GACN,mBAAA;GACA,WACI,GAAW,MAAkB;AAC7B,IAAI,KAAe,KACjB,EAAY,GAAmB,EAAM;;aAR7C;IAaE,kBAAC,GAAD;KAAW,UAAS;KAAQ,MAAK;KAA4B,QAAO;KAAO,SAAS;KAAS,UAAU;KAAM,CAAA;IAC7G,kBAAC,GAAD;KACE,UAAS;KACT,MAAK;KACL,QAAO;KACP,YAAY,MAAkB,EAAY,EAAM;KAChD,UAAU;KACV,YAAY;KACZ,CAAA;IACD,EAAc,KAAK,GAAO,MACzB,kBAAC,GAAD;KAEE,MAAM,EAAO,SAAS,MAAU,EAAe,IAAQ,EAAe;KACtE,OAAO,EAAE,QAAQ,IAAc,YAAY,WAAW;KACtD,EAHK,QAAQ,IAGb,CACF;IACK;KACW,EAAA,CAAA;EACF,CAAA;EAExB"}

package/dist/bigconsole/components/widgets/chart/charts/LineChart.d.ts CHANGED Viewed

@@ -13,3 +13,4 @@ export interface LineChartProps {
 }
 export declare const LineChart: FC<LineChartProps>;
 export default LineChart;
+//# sourceMappingURL=LineChart.d.ts.map

package/dist/bigconsole/components/widgets/chart/charts/LineChart.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/LineChart.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAY/C,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAOtD,MAAM,WAAW,cAAc;IAC7B,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC;IACpB,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,oCAAoC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAkBD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA6GvC,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/bigconsole/components/widgets/chart/charts/LineChart.js CHANGED Viewed

@@ -97,3 +97,5 @@ var m = [
 });
 //#endregion
 export { h as default };
+//# sourceMappingURL=LineChart.js.map

package/dist/bigconsole/components/widgets/chart/charts/LineChart.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LineChart.js","names":[],"sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/LineChart.tsx"],"sourcesContent":["/**\n * LineChart Component\n *\n * Line chart using Recharts.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport {\n LineChart as RechartsLineChart,\n Line,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n ResponsiveContainer,\n Legend,\n} from 'recharts';\nimport { ChartTooltip } from '../ChartTooltip';\nimport type { ChartConfig, ChartData } from './types';\nimport { buildReferenceElements } from './referenceElements';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface LineChartProps {\n /** Chart data */\n data: ChartData[];\n /** Chart configuration */\n config: ChartConfig;\n /** Series to hide */\n hiddenSeries?: string[];\n /** Click handler for data points */\n onDataClick?: (data: ChartData, index: number) => void;\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst DEFAULT_COLORS = [\n 'var(--color-chart-1)',\n 'var(--color-chart-2)',\n 'var(--color-chart-3)',\n 'var(--color-chart-4)',\n 'var(--color-chart-5)',\n];\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const LineChart: FC<LineChartProps> = memo(function LineChart({\n data = [],\n config,\n hiddenSeries = [],\n onDataClick,\n}) {\n // Extract data keys (series)\n const dataKeys = useMemo(() => {\n if (!data?.length) return [];\n const keys = Object.keys(data[0]).filter((key) => key !== config.xAxisKey && typeof data[0][key] === 'number');\n return keys;\n }, [data, config.xAxisKey]);\n\n // Format value\n const formatValue = (value: number | string): string => {\n if (typeof value !== 'number') return String(value);\n return new Intl.NumberFormat('en-US', {\n notation: value >= 10000 ? 'compact' : 'standard',\n maximumFractionDigits: 2,\n }).format(value);\n };\n\n if (!data?.length) {\n return null;\n }\n\n return (\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsLineChart\n data={data}\n margin={{ top: 10, right: 10, left: 0, bottom: 0 }}\n onClick={(e) => {\n if (e?.activePayload?.[0] && onDataClick) {\n onDataClick(e.activePayload[0].payload, e.activeTooltipIndex || 0);\n }\n }}\n >\n {config.showGrid !== false && (\n <CartesianGrid strokeDasharray=\"3 3\" stroke=\"var(--color-border-default)\" opacity={0.5} />\n )}\n\n <XAxis\n dataKey={config.xAxisKey || 'name'}\n tick={{ fill: 'var(--color-text-secondary)', fontSize: 12 }}\n tickLine={{ stroke: 'var(--color-border-default)' }}\n axisLine={{ stroke: 'var(--color-border-default)' }}\n label={\n config.xAxisLabel\n ? {\n value: config.xAxisLabel,\n position: 'insideBottom',\n offset: -5,\n fill: 'var(--color-text-secondary)',\n }\n : undefined\n }\n />\n\n <YAxis\n tick={{ fill: 'var(--color-text-secondary)', fontSize: 12 }}\n tickLine={{ stroke: 'var(--color-border-default)' }}\n axisLine={{ stroke: 'var(--color-border-default)' }}\n tickFormatter={formatValue}\n scale={config.logScale ? 'log' : 'auto'}\n domain={config.logScale ? ['auto', 'auto'] : undefined}\n allowDataOverflow={config.logScale || undefined}\n label={\n config.yAxisLabel\n ? {\n value: config.yAxisLabel,\n angle: -90,\n position: 'insideLeft',\n fill: 'var(--color-text-secondary)',\n }\n : undefined\n }\n />\n\n <Tooltip\n content={<ChartTooltip valueFormatter={formatValue} />}\n cursor={{ stroke: 'var(--color-border-default)' }}\n />\n\n {config.showLegend !== false && (\n <Legend\n wrapperStyle={{ paddingTop: 20 }}\n formatter={(value) => <span style={{ color: 'var(--color-text-primary)' }}>{value}</span>}\n />\n )}\n\n {buildReferenceElements(config.referenceLines)}\n\n {dataKeys.map((key, index) => (\n <Line\n key={key}\n type={config.curveType || 'monotone'}\n dataKey={key}\n name={config.seriesNames?.[key] || key}\n stroke={config.colors?.[index] || DEFAULT_COLORS[index % DEFAULT_COLORS.length]}\n strokeWidth={2}\n dot={config.showDots !== false}\n activeDot={{ r: 6 }}\n hide={hiddenSeries.includes(key)}\n connectNulls\n />\n ))}\n </RechartsLineChart>\n </ResponsiveContainer>\n );\n});\n\nexport default LineChart;\n"],"mappings":";;;;;;AAwCA,IAAM,IAAiB;CACrB;CACA;CACA;CACA;CACA;CACD,EAMY,IAAgC,EAAK,SAAmB,EACnE,UAAO,EAAE,EACT,WACA,kBAAe,EAAE,EACjB,kBACC;CAED,IAAM,IAAW,QACV,GAAM,SACE,OAAO,KAAK,EAAK,GAAG,CAAC,QAAQ,MAAQ,MAAQ,EAAO,YAAY,OAAO,EAAK,GAAG,MAAS,SAAS,GADpF,EAAE,EAG3B,CAAC,GAAM,EAAO,SAAS,CAAC,EAGrB,KAAe,MACf,OAAO,KAAU,WACd,IAAI,KAAK,aAAa,SAAS;EACpC,UAAU,KAAS,MAAQ,YAAY;EACvC,uBAAuB;EACxB,CAAC,CAAC,OAAO,EAAM,GAJsB,OAAO,EAAM;AAWrD,QAJK,GAAM,SAKT,kBAAC,GAAD;EAAqB,OAAM;EAAO,QAAO;YACvC,kBAAC,GAAD;GACQ;GACN,QAAQ;IAAE,KAAK;IAAI,OAAO;IAAI,MAAM;IAAG,QAAQ;IAAG;GAClD,UAAU,MAAM;AACd,IAAI,GAAG,gBAAgB,MAAM,KAC3B,EAAY,EAAE,cAAc,GAAG,SAAS,EAAE,sBAAsB,EAAE;;aALxE;IASG,EAAO,aAAa,MACnB,kBAAC,GAAD;KAAe,iBAAgB;KAAM,QAAO;KAA8B,SAAS;KAAO,CAAA;IAG5F,kBAAC,GAAD;KACE,SAAS,EAAO,YAAY;KAC5B,MAAM;MAAE,MAAM;MAA+B,UAAU;MAAI;KAC3D,UAAU,EAAE,QAAQ,+BAA+B;KACnD,UAAU,EAAE,QAAQ,+BAA+B;KACnD,OACE,EAAO,aACH;MACE,OAAO,EAAO;MACd,UAAU;MACV,QAAQ;MACR,MAAM;MACP,GACD,KAAA;KAEN,CAAA;IAEF,kBAAC,GAAD;KACE,MAAM;MAAE,MAAM;MAA+B,UAAU;MAAI;KAC3D,UAAU,EAAE,QAAQ,+BAA+B;KACnD,UAAU,EAAE,QAAQ,+BAA+B;KACnD,eAAe;KACf,OAAO,EAAO,WAAW,QAAQ;KACjC,QAAQ,EAAO,WAAW,CAAC,QAAQ,OAAO,GAAG,KAAA;KAC7C,mBAAmB,EAAO,YAAY,KAAA;KACtC,OACE,EAAO,aACH;MACE,OAAO,EAAO;MACd,OAAO;MACP,UAAU;MACV,MAAM;MACP,GACD,KAAA;KAEN,CAAA;IAEF,kBAAC,GAAD;KACE,SAAS,kBAAC,GAAD,EAAc,gBAAgB,GAAe,CAAA;KACtD,QAAQ,EAAE,QAAQ,+BAA+B;KACjD,CAAA;IAED,EAAO,eAAe,MACrB,kBAAC,GAAD;KACE,cAAc,EAAE,YAAY,IAAI;KAChC,YAAY,MAAU,kBAAC,QAAD;MAAM,OAAO,EAAE,OAAO,6BAA6B;gBAAG;MAAa,CAAA;KACzF,CAAA;IAGH,EAAuB,EAAO,eAAe;IAE7C,EAAS,KAAK,GAAK,MAClB,kBAAC,GAAD;KAEE,MAAM,EAAO,aAAa;KAC1B,SAAS;KACT,MAAM,EAAO,cAAc,MAAQ;KACnC,QAAQ,EAAO,SAAS,MAAU,EAAe,IAAQ,EAAe;KACxE,aAAa;KACb,KAAK,EAAO,aAAa;KACzB,WAAW,EAAE,GAAG,GAAG;KACnB,MAAM,EAAa,SAAS,EAAI;KAChC,cAAA;KACA,EAVK,EAUL,CACF;IACgB;;EACA,CAAA,GApFf;EAsFT"}

package/dist/bigconsole/components/widgets/chart/charts/PieChart.d.ts CHANGED Viewed

@@ -15,3 +15,4 @@ export interface PieChartProps {
 }
 export declare const PieChart: FC<PieChartProps>;
 export default PieChart;
+//# sourceMappingURL=PieChart.d.ts.map

package/dist/bigconsole/components/widgets/chart/charts/PieChart.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/PieChart.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA+B,MAAM,OAAO,CAAC;AAG7D,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMtD,MAAM,WAAW,aAAa;IAC5B,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC;IACpB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAqED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA6FrC,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/bigconsole/components/widgets/chart/charts/PieChart.js CHANGED Viewed

@@ -94,3 +94,5 @@ var m = [
 });
 //#endregion
 export { g as default };
+//# sourceMappingURL=PieChart.js.map

package/dist/bigconsole/components/widgets/chart/charts/PieChart.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PieChart.js","names":[],"sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/PieChart.tsx"],"sourcesContent":["/**\n * PieChart Component\n *\n * Pie/Donut chart using Recharts.\n */\n\nimport { type FC, memo, useState, useCallback } from 'react';\nimport { PieChart as RechartsPieChart, Pie, Cell, Tooltip, ResponsiveContainer, Legend, Sector } from 'recharts';\nimport { ChartTooltip } from '../ChartTooltip';\nimport type { ChartConfig, ChartData } from './types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface PieChartProps {\n /** Chart data */\n data: ChartData[];\n /** Chart configuration */\n config: ChartConfig;\n /** Data key for values */\n dataKey?: string;\n /** Data key for names */\n nameKey?: string;\n /** Click handler */\n onDataClick?: (data: ChartData, index: number) => void;\n}\n\ninterface ActiveShapeProps {\n cx: number;\n cy: number;\n innerRadius: number;\n outerRadius: number;\n startAngle: number;\n endAngle: number;\n fill: string;\n payload: ChartData;\n percent: number;\n value: number;\n name: string;\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst DEFAULT_COLORS = [\n 'var(--color-chart-1)',\n 'var(--color-chart-2)',\n 'var(--color-chart-3)',\n 'var(--color-chart-4)',\n 'var(--color-chart-5)',\n 'var(--color-chart-6)',\n 'var(--color-chart-7)',\n 'var(--color-chart-8)',\n];\n\n// ============================================================================\n// Active Shape Renderer\n// ============================================================================\n\nconst renderActiveShape = (props: ActiveShapeProps) => {\n const { cx, cy, innerRadius, outerRadius, startAngle, endAngle, fill, percent, name } = props;\n\n return (\n <g>\n {/* Enlarged active slice */}\n <Sector\n cx={cx}\n cy={cy}\n innerRadius={innerRadius}\n outerRadius={outerRadius + 10}\n startAngle={startAngle}\n endAngle={endAngle}\n fill={fill}\n />\n {/* Center text for donut charts */}\n {innerRadius > 0 && (\n <>\n <text x={cx} y={cy - 10} textAnchor=\"middle\" fill=\"var(--color-text-primary)\" className=\"text-sm font-medium\">\n {name}\n </text>\n <text x={cx} y={cy + 15} textAnchor=\"middle\" fill=\"var(--color-text-secondary)\" className=\"text-xs\">\n {`${(percent * 100).toFixed(1)}%`}\n </text>\n </>\n )}\n </g>\n );\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const PieChart: FC<PieChartProps> = memo(function PieChart({\n data = [],\n config,\n dataKey = 'value',\n nameKey = 'name',\n onDataClick,\n}) {\n const [activeIndex, setActiveIndex] = useState<number | undefined>(undefined);\n\n const handleMouseEnter = useCallback((_: unknown, index: number) => {\n setActiveIndex(index);\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n setActiveIndex(undefined);\n }, []);\n\n const handleClick = useCallback(\n (data: ChartData, index: number) => {\n if (onDataClick) {\n onDataClick(data, index);\n }\n },\n [onDataClick]\n );\n\n // Format value\n const formatValue = (value: number | string): string => {\n if (typeof value !== 'number') return String(value);\n return new Intl.NumberFormat('en-US', {\n notation: value >= 10000 ? 'compact' : 'standard',\n maximumFractionDigits: 2,\n }).format(value);\n };\n\n if (!data?.length) {\n return null;\n }\n\n const innerRadius = config.isDonut ? config.innerRadius || 60 : 0;\n const outerRadius = config.outerRadius || 80;\n\n return (\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsPieChart>\n <Pie\n data={data}\n dataKey={dataKey}\n nameKey={nameKey}\n cx=\"50%\"\n cy=\"50%\"\n innerRadius={innerRadius}\n outerRadius={outerRadius}\n paddingAngle={config.paddingAngle || 2}\n activeIndex={activeIndex}\n activeShape={renderActiveShape as unknown as undefined}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={(_, index) => handleClick(data[index], index)}\n >\n {data.map((entry, index) => (\n <Cell\n key={`cell-${index}`}\n fill={config.colors?.[index] || DEFAULT_COLORS[index % DEFAULT_COLORS.length]}\n stroke=\"var(--color-bg-surface)\"\n strokeWidth={2}\n style={{ cursor: onDataClick ? 'pointer' : 'default' }}\n />\n ))}\n </Pie>\n\n <Tooltip content={<ChartTooltip valueFormatter={formatValue} labelFormatter={(label) => String(label)} />} />\n\n {config.showLegend !== false && (\n <Legend\n layout=\"vertical\"\n align=\"right\"\n verticalAlign=\"middle\"\n formatter={(value) => (\n <span\n style={{\n color: 'var(--color-text-primary)',\n fontSize: 12,\n }}\n >\n {value}\n </span>\n )}\n />\n )}\n </RechartsPieChart>\n </ResponsiveContainer>\n );\n});\n\nexport default PieChart;\n"],"mappings":";;;;;AA8CA,IAAM,IAAiB;CACrB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAMK,KAAqB,MAA4B;CACrD,IAAM,EAAE,OAAI,OAAI,gBAAa,gBAAa,eAAY,aAAU,SAAM,YAAS,YAAS;AAExF,QACE,kBAAC,KAAD,EAAA,UAAA,CAEE,kBAAC,GAAD;EACM;EACA;EACS;EACb,aAAa,IAAc;EACf;EACF;EACJ;EACN,CAAA,EAED,IAAc,KACb,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;EAAM,GAAG;EAAI,GAAG,IAAK;EAAI,YAAW;EAAS,MAAK;EAA4B,WAAU;YACrF;EACI,CAAA,EACP,kBAAC,QAAD;EAAM,GAAG;EAAI,GAAG,IAAK;EAAI,YAAW;EAAS,MAAK;EAA8B,WAAU;YACvF,IAAI,IAAU,KAAK,QAAQ,EAAE,CAAC;EAC1B,CAAA,CACN,EAAA,CAAA,CAEH,EAAA,CAAA;GAQK,IAA8B,EAAK,SAAkB,EAChE,UAAO,EAAE,EACT,WACA,aAAU,SACV,aAAU,QACV,kBACC;CACD,IAAM,CAAC,GAAa,KAAkB,EAA6B,KAAA,EAAU,EAEvE,IAAmB,GAAa,GAAY,MAAkB;AAClE,IAAe,EAAM;IACpB,EAAE,CAAC,EAEA,IAAmB,QAAkB;AACzC,IAAe,KAAA,EAAU;IACxB,EAAE,CAAC,EAEA,IAAc,GACjB,GAAiB,MAAkB;AAClC,EAAI,KACF,EAAY,GAAM,EAAM;IAG5B,CAAC,EAAY,CACd;AAkBD,QAPK,GAAM,SAQT,kBAAC,GAAD;EAAqB,OAAM;EAAO,QAAO;YACvC,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IACQ;IACG;IACA;IACT,IAAG;IACH,IAAG;IACU,aAZD,EAAO,UAAU,EAAO,eAAe,KAAK;IAa3C,aAZD,EAAO,eAAe;IAalC,cAAc,EAAO,gBAAgB;IACxB;IACb,aAAa;IACb,cAAc;IACd,cAAc;IACd,UAAU,GAAG,MAAU,EAAY,EAAK,IAAQ,EAAM;cAErD,EAAK,KAAK,GAAO,MAChB,kBAAC,GAAD;KAEE,MAAM,EAAO,SAAS,MAAU,EAAe,IAAQ,EAAe;KACtE,QAAO;KACP,aAAa;KACb,OAAO,EAAE,QAAQ,IAAc,YAAY,WAAW;KACtD,EALK,QAAQ,IAKb,CACF;IACE,CAAA;GAEN,kBAAC,GAAD,EAAS,SAAS,kBAAC,GAAD;IAAc,iBA5CjB,MACf,OAAO,KAAU,WACd,IAAI,KAAK,aAAa,SAAS;KACpC,UAAU,KAAS,MAAQ,YAAY;KACvC,uBAAuB;KACxB,CAAC,CAAC,OAAO,EAAM,GAJsB,OAAO,EAAM;IA2Cc,iBAAiB,MAAU,OAAO,EAAM;IAAI,CAAA,EAAI,CAAA;GAE5G,EAAO,eAAe,MACrB,kBAAC,GAAD;IACE,QAAO;IACP,OAAM;IACN,eAAc;IACd,YAAY,MACV,kBAAC,QAAD;KACE,OAAO;MACL,OAAO;MACP,UAAU;MACX;eAEA;KACI,CAAA;IAET,CAAA;GAEa,EAAA,CAAA;EACC,CAAA,GAvDf;EAyDT"}

package/dist/bigconsole/components/widgets/chart/charts/ScatterChart.d.ts CHANGED Viewed

@@ -9,3 +9,4 @@ export interface ScatterChartProps {
 }
 export declare const ScatterChart: FC<ScatterChartProps>;
 export default ScatterChart;
+//# sourceMappingURL=ScatterChart.d.ts.map

package/dist/bigconsole/components/widgets/chart/charts/ScatterChart.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScatterChart.d.ts","sourceRoot":"","sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/ScatterChart.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAa/C,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGtD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAUD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAoF7C,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/bigconsole/components/widgets/chart/charts/ScatterChart.js CHANGED Viewed

@@ -124,3 +124,5 @@ var h = [
 });
 //#endregion
 export { g as default };
+//# sourceMappingURL=ScatterChart.js.map

package/dist/bigconsole/components/widgets/chart/charts/ScatterChart.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScatterChart.js","names":[],"sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/ScatterChart.tsx"],"sourcesContent":["/**\n * ScatterChart Component\n *\n * Scatter / bubble chart using Recharts `ScatterChart`. Plots `xField` vs\n * `yField`; an optional `sizeField` drives bubble radius (ZAxis) and an\n * optional `colorField` splits points into colored groups.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport {\n ScatterChart as RechartsScatterChart,\n Scatter,\n XAxis,\n YAxis,\n ZAxis,\n CartesianGrid,\n Tooltip,\n ResponsiveContainer,\n Legend,\n} from 'recharts';\nimport { ChartTooltip } from '../ChartTooltip';\nimport type { ChartConfig, ChartData } from './types';\nimport { buildReferenceElements } from './referenceElements';\n\nexport interface ScatterChartProps {\n data: ChartData[];\n config: ChartConfig;\n hiddenSeries?: string[];\n onDataClick?: (data: ChartData, index: number) => void;\n}\n\nconst DEFAULT_COLORS = [\n 'var(--color-chart-1)',\n 'var(--color-chart-2)',\n 'var(--color-chart-3)',\n 'var(--color-chart-4)',\n 'var(--color-chart-5)',\n];\n\nexport const ScatterChart: FC<ScatterChartProps> = memo(function ScatterChart({ data = [], config, onDataClick }) {\n // Resolve axis fields, falling back to the first two numeric fields.\n const { xKey, yKey } = useMemo(() => {\n if (config.xField && config.yField) return { xKey: config.xField, yKey: config.yField };\n const numeric = data.length ? Object.keys(data[0]).filter((k) => typeof data[0][k] === 'number') : [];\n return { xKey: config.xField || numeric[0] || 'x', yKey: config.yField || numeric[1] || 'y' };\n }, [config.xField, config.yField, data]);\n\n const sizeKey = config.sizeField;\n const colorKey = config.colorField;\n\n // Group points by colorField (single group when absent).\n const groups = useMemo(() => {\n if (!colorKey) return [{ name: config.seriesNames?.[yKey] || yKey, points: data }];\n const map = new Map<string, ChartData[]>();\n for (const row of data) {\n const key = String(row[colorKey] ?? '—');\n if (!map.has(key)) map.set(key, []);\n map.get(key)!.push(row);\n }\n return Array.from(map.entries()).map(([name, points]) => ({ name, points }));\n }, [data, colorKey, yKey, config.seriesNames]);\n\n const formatValue = (value: number | string): string => {\n if (typeof value !== 'number') return String(value);\n return new Intl.NumberFormat('en-US', {\n notation: Math.abs(value) >= 10000 ? 'compact' : 'standard',\n maximumFractionDigits: 2,\n }).format(value);\n };\n\n if (!data?.length) return null;\n\n return (\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsScatterChart margin={{ top: 10, right: 10, left: 0, bottom: 0 }}>\n {config.showGrid !== false && (\n <CartesianGrid strokeDasharray=\"3 3\" stroke=\"var(--color-border-default)\" opacity={0.5} />\n )}\n <XAxis\n type=\"number\"\n dataKey={xKey}\n name={config.xAxisLabel || xKey}\n tick={{ fill: 'var(--color-text-secondary)', fontSize: 12 }}\n tickLine={{ stroke: 'var(--color-border-default)' }}\n axisLine={{ stroke: 'var(--color-border-default)' }}\n tickFormatter={formatValue}\n scale={config.logScale ? 'log' : 'auto'}\n domain={config.logScale ? ['auto', 'auto'] : undefined}\n />\n <YAxis\n type=\"number\"\n dataKey={yKey}\n name={config.yAxisLabel || yKey}\n tick={{ fill: 'var(--color-text-secondary)', fontSize: 12 }}\n tickLine={{ stroke: 'var(--color-border-default)' }}\n axisLine={{ stroke: 'var(--color-border-default)' }}\n tickFormatter={formatValue}\n scale={config.logScale ? 'log' : 'auto'}\n domain={config.logScale ? ['auto', 'auto'] : undefined}\n />\n {sizeKey && <ZAxis type=\"number\" dataKey={sizeKey} range={[40, 400]} name={sizeKey} />}\n <Tooltip\n content={<ChartTooltip valueFormatter={formatValue} />}\n cursor={{ strokeDasharray: '3 3', stroke: 'var(--color-border-default)' }}\n />\n {groups.length > 1 && config.showLegend !== false && (\n <Legend formatter={(value) => <span style={{ color: 'var(--color-text-primary)' }}>{value}</span>} />\n )}\n {buildReferenceElements(config.referenceLines)}\n {groups.map((g, i) => (\n <Scatter\n key={g.name}\n name={g.name}\n data={g.points}\n fill={config.colors?.[i] || DEFAULT_COLORS[i % DEFAULT_COLORS.length]}\n onClick={(point) => {\n if (onDataClick && point?.payload) onDataClick(point.payload as ChartData, 0);\n }}\n />\n ))}\n </RechartsScatterChart>\n </ResponsiveContainer>\n );\n});\n\nexport default ScatterChart;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/chart/charts/WaterfallChart.d.ts CHANGED Viewed

@@ -9,3 +9,4 @@ export interface WaterfallChartProps {
 }
 export declare const WaterfallChart: FC<WaterfallChartProps>;
 export default WaterfallChart;
+//# sourceMappingURL=WaterfallChart.d.ts.map

package/dist/bigconsole/components/widgets/chart/charts/WaterfallChart.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"WaterfallChart.d.ts","sourceRoot":"","sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/WaterfallChart.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAY/C,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGtD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAeD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAyFjD,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/dist/bigconsole/components/widgets/chart/charts/WaterfallChart.js CHANGED Viewed

@@ -107,3 +107,5 @@ var m = "var(--color-status-success)", h = "var(--color-status-error)", g = "var
 });
 //#endregion
 export { _ as default };
+//# sourceMappingURL=WaterfallChart.js.map

package/dist/bigconsole/components/widgets/chart/charts/WaterfallChart.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"WaterfallChart.js","names":[],"sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/WaterfallChart.tsx"],"sourcesContent":["/**\n * WaterfallChart Component\n *\n * Bridge / waterfall chart (budget-vs-actual, P&L) using a Recharts stacked\n * BarChart: a transparent \"base\" bar floats each visible delta bar to its\n * running cumulative position. Positive steps render success-toned, negative\n * steps danger-toned, and an optional final bar shows the cumulative total.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport {\n BarChart as RechartsBarChart,\n Bar,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n ResponsiveContainer,\n Cell,\n} from 'recharts';\nimport { ChartTooltip } from '../ChartTooltip';\nimport type { ChartConfig, ChartData } from './types';\nimport { buildReferenceElements } from './referenceElements';\n\nexport interface WaterfallChartProps {\n data: ChartData[];\n config: ChartConfig;\n hiddenSeries?: string[];\n onDataClick?: (data: ChartData, index: number) => void;\n}\n\ninterface WaterfallRow {\n name: string;\n base: number;\n delta: number;\n cumulative: number;\n isTotal: boolean;\n sign: 'up' | 'down' | 'total';\n}\n\nconst COLOR_UP = 'var(--color-status-success)';\nconst COLOR_DOWN = 'var(--color-status-error)';\nconst COLOR_TOTAL = 'var(--color-chart-1)';\n\nexport const WaterfallChart: FC<WaterfallChartProps> = memo(function WaterfallChart({\n data = [],\n config,\n onDataClick,\n}) {\n const labelKey = config.labelField || config.xAxisKey || 'name';\n const valueKey = config.valueField || 'value';\n\n const rows: WaterfallRow[] = useMemo(() => {\n if (!data.length) return [];\n let cumulative = 0;\n const out: WaterfallRow[] = data.map((d) => {\n const delta = typeof d[valueKey] === 'number' ? (d[valueKey] as number) : Number(d[valueKey]) || 0;\n const base = delta >= 0 ? cumulative : cumulative + delta;\n cumulative += delta;\n return {\n name: String(d[labelKey] ?? ''),\n base,\n delta: Math.abs(delta),\n cumulative,\n isTotal: false,\n sign: delta >= 0 ? 'up' : 'down',\n };\n });\n if (config.showTotal) {\n out.push({\n name: config.totalLabel || 'Total',\n base: 0,\n delta: cumulative,\n cumulative,\n isTotal: true,\n sign: 'total',\n });\n }\n return out;\n }, [data, labelKey, valueKey, config.showTotal, config.totalLabel]);\n\n const formatValue = (value: number | string): string => {\n if (typeof value !== 'number') return String(value);\n return new Intl.NumberFormat('en-US', {\n notation: Math.abs(value) >= 10000 ? 'compact' : 'standard',\n maximumFractionDigits: 2,\n }).format(value);\n };\n\n if (!rows.length) return null;\n\n return (\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsBarChart\n data={rows}\n margin={{ top: 10, right: 10, left: 0, bottom: 0 }}\n onClick={(e) => {\n if (e?.activePayload?.[0] && onDataClick) {\n onDataClick(e.activePayload[0].payload, e.activeTooltipIndex || 0);\n }\n }}\n >\n {config.showGrid !== false && (\n <CartesianGrid strokeDasharray=\"3 3\" stroke=\"var(--color-border-default)\" opacity={0.5} vertical={false} />\n )}\n <XAxis\n dataKey=\"name\"\n tick={{ fill: 'var(--color-text-secondary)', fontSize: 12 }}\n tickLine={{ stroke: 'var(--color-border-default)' }}\n axisLine={{ stroke: 'var(--color-border-default)' }}\n />\n <YAxis\n tick={{ fill: 'var(--color-text-secondary)', fontSize: 12 }}\n tickLine={{ stroke: 'var(--color-border-default)' }}\n axisLine={{ stroke: 'var(--color-border-default)' }}\n tickFormatter={formatValue}\n />\n <Tooltip\n content={<ChartTooltip valueFormatter={formatValue} />}\n cursor={{ fill: 'var(--color-bg-muted)', opacity: 0.5 }}\n />\n {buildReferenceElements(config.referenceLines)}\n {/* Transparent floating base */}\n <Bar dataKey=\"base\" stackId=\"wf\" fill=\"transparent\" isAnimationActive={false} />\n {/* Visible delta, colored by direction */}\n <Bar dataKey=\"delta\" stackId=\"wf\" radius={[4, 4, 0, 0]} name=\"Change\">\n {rows.map((r, i) => (\n <Cell key={i} fill={r.sign === 'total' ? COLOR_TOTAL : r.sign === 'up' ? COLOR_UP : COLOR_DOWN} />\n ))}\n </Bar>\n </RechartsBarChart>\n </ResponsiveContainer>\n );\n});\n\nexport default WaterfallChart;\n"],"mappings":";;;;;;AAwCA,IAAM,IAAW,+BACX,IAAa,6BACb,IAAc,wBAEP,IAA0C,EAAK,SAAwB,EAClF,UAAO,EAAE,EACT,WACA,kBACC;CACD,IAAM,IAAW,EAAO,cAAc,EAAO,YAAY,QACnD,IAAW,EAAO,cAAc,SAEhC,IAAuB,QAAc;AACzC,MAAI,CAAC,EAAK,OAAQ,QAAO,EAAE;EAC3B,IAAI,IAAa,GACX,IAAsB,EAAK,KAAK,MAAM;GAC1C,IAAM,IAAQ,OAAO,EAAE,MAAc,WAAY,EAAE,KAAuB,OAAO,EAAE,GAAU,IAAI,GAC3F,IAAO,KAAS,IAAI,IAAa,IAAa;AAEpD,UADA,KAAc,GACP;IACL,MAAM,OAAO,EAAE,MAAa,GAAG;IAC/B;IACA,OAAO,KAAK,IAAI,EAAM;IACtB;IACA,SAAS;IACT,MAAM,KAAS,IAAI,OAAO;IAC3B;IACD;AAWF,SAVI,EAAO,aACT,EAAI,KAAK;GACP,MAAM,EAAO,cAAc;GAC3B,MAAM;GACN,OAAO;GACP;GACA,SAAS;GACT,MAAM;GACP,CAAC,EAEG;IACN;EAAC;EAAM;EAAU;EAAU,EAAO;EAAW,EAAO;EAAW,CAAC,EAE7D,KAAe,MACf,OAAO,KAAU,WACd,IAAI,KAAK,aAAa,SAAS;EACpC,UAAU,KAAK,IAAI,EAAM,IAAI,MAAQ,YAAY;EACjD,uBAAuB;EACxB,CAAC,CAAC,OAAO,EAAM,GAJsB,OAAO,EAAM;AASrD,QAFK,EAAK,SAGR,kBAAC,GAAD;EAAqB,OAAM;EAAO,QAAO;YACvC,kBAAC,GAAD;GACE,MAAM;GACN,QAAQ;IAAE,KAAK;IAAI,OAAO;IAAI,MAAM;IAAG,QAAQ;IAAG;GAClD,UAAU,MAAM;AACd,IAAI,GAAG,gBAAgB,MAAM,KAC3B,EAAY,EAAE,cAAc,GAAG,SAAS,EAAE,sBAAsB,EAAE;;aALxE;IASG,EAAO,aAAa,MACnB,kBAAC,GAAD;KAAe,iBAAgB;KAAM,QAAO;KAA8B,SAAS;KAAK,UAAU;KAAS,CAAA;IAE7G,kBAAC,GAAD;KACE,SAAQ;KACR,MAAM;MAAE,MAAM;MAA+B,UAAU;MAAI;KAC3D,UAAU,EAAE,QAAQ,+BAA+B;KACnD,UAAU,EAAE,QAAQ,+BAA+B;KACnD,CAAA;IACF,kBAAC,GAAD;KACE,MAAM;MAAE,MAAM;MAA+B,UAAU;MAAI;KAC3D,UAAU,EAAE,QAAQ,+BAA+B;KACnD,UAAU,EAAE,QAAQ,+BAA+B;KACnD,eAAe;KACf,CAAA;IACF,kBAAC,GAAD;KACE,SAAS,kBAAC,GAAD,EAAc,gBAAgB,GAAe,CAAA;KACtD,QAAQ;MAAE,MAAM;MAAyB,SAAS;MAAK;KACvD,CAAA;IACD,EAAuB,EAAO,eAAe;IAE9C,kBAAC,GAAD;KAAK,SAAQ;KAAO,SAAQ;KAAK,MAAK;KAAc,mBAAmB;KAAS,CAAA;IAEhF,kBAAC,GAAD;KAAK,SAAQ;KAAQ,SAAQ;KAAK,QAAQ;MAAC;MAAG;MAAG;MAAG;MAAE;KAAE,MAAK;eAC1D,EAAK,KAAK,GAAG,MACZ,kBAAC,GAAD,EAAc,MAAM,EAAE,SAAS,UAAU,IAAc,EAAE,SAAS,OAAO,IAAW,GAAc,EAAvF,EAAuF,CAClG;KACE,CAAA;IACW;;EACC,CAAA,GA1CC;EA4CzB"}

package/dist/bigconsole/components/widgets/chart/charts/index.d.ts CHANGED Viewed

@@ -13,3 +13,4 @@ export { WaterfallChart, type WaterfallChartProps } from './WaterfallChart';
 export { ScatterChart, type ScatterChartProps } from './ScatterChart';
 export { buildReferenceElements, type ReferenceLineConfig } from './referenceElements';
 export type { ChartType, ChartConfig, ChartData, CurveType, SeriesConfig } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/chart/charts/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACvF,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/dist/bigconsole/components/widgets/chart/charts/referenceElements.d.ts CHANGED Viewed

@@ -16,3 +16,4 @@ export interface ReferenceLineConfig {
 export declare function buildReferenceElements(referenceLines: ReferenceLineConfig[] | undefined, opts?: {
     yAxisId?: string | number;
 }): ReactElement[];
+//# sourceMappingURL=referenceElements.d.ts.map

package/dist/bigconsole/components/widgets/chart/charts/referenceElements.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"referenceElements.d.ts","sourceRoot":"","sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/referenceElements.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpF,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,cAAc,EAAE,mBAAmB,EAAE,GAAG,SAAS,EACjD,IAAI,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GACnC,YAAY,EAAE,CAsChB"}

package/dist/bigconsole/components/widgets/chart/charts/referenceElements.js CHANGED Viewed

@@ -45,3 +45,5 @@ function i(i, a) {
 }
 //#endregion
 export { i as buildReferenceElements };
+//# sourceMappingURL=referenceElements.js.map

package/dist/bigconsole/components/widgets/chart/charts/referenceElements.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"referenceElements.js","names":[],"sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/referenceElements.tsx"],"sourcesContent":["/**\n * Reference / threshold line & band helpers (Recharts).\n *\n * Builds `ReferenceLine` / `ReferenceArea` elements from a widget's\n * `config.referenceLines`. Colors are resolved from semantic intents so\n * targets / control limits / SLAs stay theme-aware.\n */\n\nimport { ReferenceLine, ReferenceArea } from 'recharts';\nimport type { ReactElement } from 'react';\nimport { intentToCssVar, type SemanticIntent } from '../../utils/conditionalFormat';\n\nexport interface ReferenceLineConfig {\n axis?: 'x' | 'y';\n value: number;\n value2?: number;\n label?: string;\n color?: SemanticIntent;\n dashed?: boolean;\n}\n\n/**\n * Build reference line/band elements for a cartesian chart.\n * `yAxisIds` lets dual-axis charts target the correct axis (defaults to none).\n */\nexport function buildReferenceElements(\n referenceLines: ReferenceLineConfig[] | undefined,\n opts?: { yAxisId?: string | number }\n): ReactElement[] {\n if (!referenceLines?.length) return [];\n\n return referenceLines.map((ref, index) => {\n const color = intentToCssVar(ref.color ?? 'danger');\n const onY = (ref.axis ?? 'y') === 'y';\n const yAxisId = opts?.yAxisId;\n\n // Band (shaded area) when a second bound is supplied.\n if (ref.value2 != null) {\n const lo = Math.min(ref.value, ref.value2);\n const hi = Math.max(ref.value, ref.value2);\n return (\n <ReferenceArea\n key={`ref-band-${index}`}\n {...(onY ? { y1: lo, y2: hi } : { x1: lo, x2: hi })}\n {...(yAxisId != null ? { yAxisId } : {})}\n fill={color}\n fillOpacity={0.1}\n stroke={color}\n strokeOpacity={0.3}\n label={ref.label ? { value: ref.label, fill: color, fontSize: 11, position: 'insideTopLeft' } : undefined}\n />\n );\n }\n\n return (\n <ReferenceLine\n key={`ref-line-${index}`}\n {...(onY ? { y: ref.value } : { x: ref.value })}\n {...(yAxisId != null ? { yAxisId } : {})}\n stroke={color}\n strokeWidth={1.5}\n strokeDasharray={ref.dashed === false ? undefined : '6 4'}\n label={ref.label ? { value: ref.label, fill: color, fontSize: 11, position: 'right' } : undefined}\n />\n );\n });\n}\n"],"mappings":";;;;AAyBA,SAAgB,EACd,GACA,GACgB;AAGhB,QAFK,GAAgB,SAEd,EAAe,KAAK,GAAK,MAAU;EACxC,IAAM,IAAQ,EAAe,EAAI,SAAS,SAAS,EAC7C,KAAO,EAAI,QAAQ,SAAS,KAC5B,IAAU,GAAM;AAGtB,MAAI,EAAI,UAAU,MAAM;GACtB,IAAM,IAAK,KAAK,IAAI,EAAI,OAAO,EAAI,OAAO,EACpC,IAAK,KAAK,IAAI,EAAI,OAAO,EAAI,OAAO;AAC1C,UACE,kBAAC,GAAD;IAEE,GAAK,IAAM;KAAE,IAAI;KAAI,IAAI;KAAI,GAAG;KAAE,IAAI;KAAI,IAAI;KAAI;IAClD,GAAK,KAAW,OAAqB,EAAE,GAAhB,EAAE,YAAS;IAClC,MAAM;IACN,aAAa;IACb,QAAQ;IACR,eAAe;IACf,OAAO,EAAI,QAAQ;KAAE,OAAO,EAAI;KAAO,MAAM;KAAO,UAAU;KAAI,UAAU;KAAiB,GAAG,KAAA;IAChG,EARK,YAAY,IAQjB;;AAIN,SACE,kBAAC,GAAD;GAEE,GAAK,IAAM,EAAE,GAAG,EAAI,OAAO,GAAG,EAAE,GAAG,EAAI,OAAO;GAC9C,GAAK,KAAW,OAAqB,EAAE,GAAhB,EAAE,YAAS;GAClC,QAAQ;GACR,aAAa;GACb,iBAAiB,EAAI,WAAW,KAAQ,KAAA,IAAY;GACpD,OAAO,EAAI,QAAQ;IAAE,OAAO,EAAI;IAAO,MAAM;IAAO,UAAU;IAAI,UAAU;IAAS,GAAG,KAAA;GACxF,EAPK,YAAY,IAOjB;GAEJ,GApCkC,EAAE"}

package/dist/bigconsole/components/widgets/chart/charts/types.d.ts CHANGED Viewed

@@ -86,3 +86,4 @@ export interface ChartConfig {
     /** Field used to split scatter points into colored groups (optional) */
     colorField?: string;
 }
+//# sourceMappingURL=types.d.ts.map

package/dist/bigconsole/components/widgets/chart/charts/types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/types.ts"],"names":[],"mappings":"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"}

package/dist/bigconsole/components/widgets/chart/index.d.ts CHANGED Viewed

@@ -8,3 +8,4 @@ export { ChartConfig, type ChartConfigProps } from './ChartConfig';
 export { ChartTooltip, type ChartTooltipProps, type ChartTooltipPayload } from './ChartTooltip';
 export { ChartLegend, type ChartLegendProps, type LegendItem } from './ChartLegend';
 export { LineChart, BarChart, AreaChart, PieChart, FunnelChart, type LineChartProps, type BarChartProps, type AreaChartProps, type PieChartProps, type FunnelChartProps, type ChartType, type ChartConfig as ChartTypeConfig, type ChartData, type CurveType, } from './charts';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/chart/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/chart/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAGpF,OAAO,EACL,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,WAAW,EACX,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACd,KAAK,WAAW,IAAI,eAAe,EACnC,KAAK,SAAS,EACd,KAAK,SAAS,GACf,MAAM,UAAU,CAAC"}

package/dist/bigconsole/components/widgets/comments/WidgetComments.d.ts CHANGED Viewed

@@ -7,3 +7,4 @@ export interface WidgetCommentsProps {
 }
 export declare const WidgetComments: FC<WidgetCommentsProps>;
 export default WidgetComments;
+//# sourceMappingURL=WidgetComments.d.ts.map

package/dist/bigconsole/components/widgets/comments/WidgetComments.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"WidgetComments.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/comments/WidgetComments.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA4C,MAAM,OAAO,CAAC;AAM1E,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,uBAAuB;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAkJD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAiIlD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/bigconsole/components/widgets/comments/WidgetComments.js CHANGED Viewed

@@ -223,3 +223,5 @@ var v = ({ comment: e, isReply: t, busy: n, onResolve: r, onDelete: i, onReply:
 };
 //#endregion
 export { b as WidgetComments };
+//# sourceMappingURL=WidgetComments.js.map