@sybilion/uilib 1.3.9 → 1.3.10

package/dist/esm/components/ui/ChartAreaInteractive/ChartAreaInteractive.js

@@ -16,7 +16,7 @@ import { ThresholdsOverlay } from './overlays/ThresholdsOverlay/ThresholdsOverla
 const chartConfig = {
 // Chart now supports light/dark themes with dynamic colors
 };
-function ChartAreaInteractive({ className, chartContainerClassName, legendClassName, xAxisClassName, yAxisClassName, timeRange, onTimeRangeChange, pinMonth, onPinMonthChange, onPreviewMonthChange, chartData, forecastData, error, loading = false, isDarkTheme = false, footerActions, mode, selectedForecast, upperQuantiles, lowerQuantiles, selectedLowerQuantile, selectedUpperQuantile, onLowerQuantileChange, onUpperQuantileChange, lowerThreshold, upperThreshold, onLowerThresholdChange, onUpperThresholdChange, discreteThresholdValues, headerActions, excludeLegendIds, loadingAnalyses, onLegendClick, onAnalysisSelect, disableTimeRangeSelector, forecastLineStyle = 'dashed', selectedAnalysisId, chartRenderId, toggleLegendSeries, ensureAnalysisSeriesVisible, overlayForecastData = {}, hiddenSeries, disableForecastHistoricalBridge, overlayElements: overlayElementsProp, ...restProps }) {
+function ChartAreaInteractive({ className, chartContainerClassName, legendClassName, xAxisClassName, yAxisClassName, timeRange, onTimeRangeChange, pinMonth, onPinMonthChange, onPreviewMonthChange, chartData, forecastData, error, loading = false, isDarkTheme = false, footerActions, mode, selectedForecast, upperQuantiles, lowerQuantiles, selectedLowerQuantile, selectedUpperQuantile, onLowerQuantileChange, onUpperQuantileChange, lowerThreshold, upperThreshold, onLowerThresholdChange, onUpperThresholdChange, discreteThresholdValues, headerActions, excludeLegendIds, loadingAnalyses, onLegendClick, onAnalysisSelect, disableTimeRangeSelector, enableTimeRangeBrush = false, forecastLineStyle = 'dashed', selectedAnalysisId, chartRenderId, toggleLegendSeries, ensureAnalysisSeriesVisible, overlayForecastData = {}, hiddenSeries, disableForecastHistoricalBridge, overlayElements: overlayElementsProp, ...restProps }) {
     const seriesHidden = hiddenSeries ?? new Set();
     const hiddenSeriesRef = useRef(seriesHidden);
     const prevSelectedAnalysisIdRef = useRef(selectedAnalysisId);
@@ -95,7 +95,9 @@ function ChartAreaInteractive({ className, chartContainerClassName, legendClassN
         // loadingAnalyses,
         ...restProps,
     };
-    const brushEnabled = !disableTimeRangeSelector && !loading && bridgedChartData.length > 1;
+    const brushEnabled = (!disableTimeRangeSelector || enableTimeRangeBrush) &&
+        !loading &&
+        bridgedChartData.length > 1;
     const renderChart = () => {
         const overlayClassName = cn(chartContainerClassName);
         switch (mode) {

package/dist/esm/types/src/components/ui/ChartAreaInteractive/ChartAreaInteractive.d.ts

@@ -1,3 +1,3 @@
 import { ChartAreaInteractiveProps } from './ChartAreaInteractive.types';
 export declare const chartConfig: {};
-export declare function ChartAreaInteractive({ className, chartContainerClassName, legendClassName, xAxisClassName, yAxisClassName, timeRange, onTimeRangeChange, pinMonth, onPinMonthChange, onPreviewMonthChange, chartData, forecastData, error, loading, isDarkTheme, footerActions, mode, selectedForecast, upperQuantiles, lowerQuantiles, selectedLowerQuantile, selectedUpperQuantile, onLowerQuantileChange, onUpperQuantileChange, lowerThreshold, upperThreshold, onLowerThresholdChange, onUpperThresholdChange, discreteThresholdValues, headerActions, excludeLegendIds, loadingAnalyses, onLegendClick, onAnalysisSelect, disableTimeRangeSelector, forecastLineStyle, selectedAnalysisId, chartRenderId, toggleLegendSeries, ensureAnalysisSeriesVisible, overlayForecastData, hiddenSeries, disableForecastHistoricalBridge, overlayElements: overlayElementsProp, ...restProps }: ChartAreaInteractiveProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChartAreaInteractive({ className, chartContainerClassName, legendClassName, xAxisClassName, yAxisClassName, timeRange, onTimeRangeChange, pinMonth, onPinMonthChange, onPreviewMonthChange, chartData, forecastData, error, loading, isDarkTheme, footerActions, mode, selectedForecast, upperQuantiles, lowerQuantiles, selectedLowerQuantile, selectedUpperQuantile, onLowerQuantileChange, onUpperQuantileChange, lowerThreshold, upperThreshold, onLowerThresholdChange, onUpperThresholdChange, discreteThresholdValues, headerActions, excludeLegendIds, loadingAnalyses, onLegendClick, onAnalysisSelect, disableTimeRangeSelector, enableTimeRangeBrush, forecastLineStyle, selectedAnalysisId, chartRenderId, toggleLegendSeries, ensureAnalysisSeriesVisible, overlayForecastData, hiddenSeries, disableForecastHistoricalBridge, overlayElements: overlayElementsProp, ...restProps }: ChartAreaInteractiveProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/ui/ChartAreaInteractive/ChartAreaInteractive.types.d.ts

@@ -47,6 +47,8 @@ export interface ChartAreaInteractiveProps extends BaseChartWrapperProps {
     loadingAnalyses?: Set<string>;
     onLegendClick?: (data: LegendPayload) => undefined | boolean;
     disableTimeRangeSelector?: boolean;
+    /** When selector hidden (`disableTimeRangeSelector`), still allow drag brush on chart (defaults false). */
+    enableTimeRangeBrush?: boolean;
     forecastLineStyle?: 'dashed' | 'solid';
     /** When set, ensures this analysis is visible (selected) in chart legend */
     selectedAnalysisId?: number | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sybilion/uilib",
-  "version": "1.3.9",
+  "version": "1.3.10",
   "description": "Sybilion Design System — React UI components (Webpack + Stylus)",
   "publishConfig": {
     "access": "public",

package/src/components/ui/ChartAreaInteractive/ChartAreaInteractive.tsx

@@ -61,6 +61,7 @@ export function ChartAreaInteractive({
   onLegendClick,
   onAnalysisSelect,
   disableTimeRangeSelector,
+  enableTimeRangeBrush = false,
   forecastLineStyle = 'dashed',
   selectedAnalysisId,
   chartRenderId,
@@ -169,7 +170,9 @@ export function ChartAreaInteractive({
   };
 
   const brushEnabled =
-    !disableTimeRangeSelector && !loading && bridgedChartData.length > 1;
+    (!disableTimeRangeSelector || enableTimeRangeBrush) &&
+    !loading &&
+    bridgedChartData.length > 1;
 
   const renderChart = () => {
     const overlayClassName = cn(chartContainerClassName);

package/src/components/ui/ChartAreaInteractive/ChartAreaInteractive.types.ts

@@ -51,6 +51,8 @@ export interface ChartAreaInteractiveProps extends BaseChartWrapperProps {
   loadingAnalyses?: Set<string>;
   onLegendClick?: (data: LegendPayload) => undefined | boolean;
   disableTimeRangeSelector?: boolean;
+  /** When selector hidden (`disableTimeRangeSelector`), still allow drag brush on chart (defaults false). */
+  enableTimeRangeBrush?: boolean;
   forecastLineStyle?: 'dashed' | 'solid';
   /** When set, ensures this analysis is visible (selected) in chart legend */
   selectedAnalysisId?: number | null;