@connectif/ui-components 9.1.0 → 9.1.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [9.1.1] - 2026-07-14
+
+### Added
+
+- `dateCalendar`: fake date for today in date calendar story.
+- `BarChart` added coverage for bar color assignment with fallback to the series color.
+
+### Changed
+
+- `Autocomplete`: Now click away when dropdown menu is open does not close dialogs.
+- `BarChart`: added optional `barBorderRadius` prop and support for per-item `color` / `comparisonColor` overrides in series data.
+
 ## [9.1.0] - 2026-07-09
 
 ### Added

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

@@ -27,6 +27,10 @@ export type BarChartProps = {
      * Grid lines color
      */
     gridLineColor?: string;
+    /**
+     * Border radius applied to bars.
+     */
+    barBorderRadius?: number;
     /**
      * Optional callback to be called when the chart is clicked.
      */
@@ -76,6 +80,10 @@ export type BarChartProps = {
              * The value to display in the chart for this serie item.
              */
             value: number;
+            /**
+             * The color to use for this specific bar.
+             */
+            color?: string;
             /**
              * The text shown in label to represent the increment value of this item.
              */
@@ -92,6 +100,10 @@ export type BarChartProps = {
              * The comparison value to display in the chart for this serie item.
              */
             comparisonValue?: number;
+            /**
+             * The comparison color to use for this specific bar.
+             */
+            comparisonColor?: string;
             /**
              * The text to use for this item as value in tooltip.
              */
@@ -102,5 +114,5 @@ export type BarChartProps = {
 /**
  * A bar chart component to display numeric data grouped by categories and series.
  */
-declare const BarChart: ({ style, isLoading, series, categories, labelColor, gridLineColor, gridLabelSize, chartRef, yAxisLabelFormatter, tooltipEntryFormatter, onClick }: BarChartProps) => import("react/jsx-runtime").JSX.Element;
+declare const BarChart: ({ style, isLoading, series, categories, labelColor, gridLineColor, barBorderRadius, gridLabelSize, chartRef, yAxisLabelFormatter, tooltipEntryFormatter, onClick }: BarChartProps) => import("react/jsx-runtime").JSX.Element;
 export default BarChart;

package/dist/index.js

@@ -12811,6 +12811,7 @@ var BarChart2 = ({
   categories = [],
   labelColor = grey400,
   gridLineColor = grey200,
+  barBorderRadius = 4,
   gridLabelSize = "sm",
   chartRef,
   yAxisLabelFormatter = (value) => `${value}`,
@@ -12829,10 +12830,10 @@ var BarChart2 = ({
     barGap: 0,
     backgroundStyle: {
       color: alpha2(grey200, 0.32),
-      borderRadius: [4, 4, 0, 0]
+      borderRadius: [barBorderRadius, barBorderRadius, 0, 0]
     },
     itemStyle: {
-      borderRadius: [4, 4, 0, 0]
+      borderRadius: [barBorderRadius, barBorderRadius, 0, 0]
     },
     label: {
       formatter(params) {
@@ -12865,7 +12866,7 @@ var BarChart2 = ({
       value: value !== 0 ? value : null,
       itemStyle: {
         color: color2,
-        borderRadius: value > 0 ? [4, 4, 0, 0] : [0, 0, 4, 4]
+        borderRadius: value > 0 ? [barBorderRadius, barBorderRadius, 0, 0] : [0, 0, barBorderRadius, barBorderRadius]
       },
       label: {
         show: !!(incrementLabelValue && incrementLabelType),
@@ -12919,7 +12920,7 @@ var BarChart2 = ({
     value: (comparisonValue || 0) !== 0 ? comparisonValue : null,
     itemStyle: {
       color: comparisonColor,
-      borderRadius: (comparisonValue || 0) > 0 ? [4, 4, 0, 0] : [0, 0, 4, 4]
+      borderRadius: (comparisonValue || 0) > 0 ? [barBorderRadius, barBorderRadius, 0, 0] : [0, 0, barBorderRadius, barBorderRadius]
     },
     label: {
       show: false
@@ -12995,12 +12996,14 @@ var BarChart2 = ({
               ({
                 tooltipValue,
                 value,
+                color: itemColor,
                 comparisonTooltipValue,
                 comparisonValue,
+                comparisonColor: itemComparisonColor,
                 incrementLabelType,
                 incrementLabelValue
               }) => comparisonValue < value ? getOptionsForMainBar({
-                color: color2,
+                color: itemColor ?? color2,
                 tooltipName,
                 tooltipValue,
                 value,
@@ -13008,7 +13011,7 @@ var BarChart2 = ({
                 incrementLabelValue,
                 tooltipOrder: serieIndex
               }) : getOptionsForComparisonBar({
-                comparisonColor,
+                comparisonColor: itemComparisonColor ?? comparisonColor,
                 comparisonTooltipName,
                 comparisonTooltipValue,
                 comparisonValue,
@@ -13027,18 +13030,20 @@ var BarChart2 = ({
             ({
               tooltipValue,
               value,
+              color: itemColor,
               comparisonTooltipValue,
               comparisonValue,
+              comparisonColor: itemComparisonColor,
               incrementLabelType,
               incrementLabelValue
             }) => isComparison && comparisonValue < value ? getOptionsForComparisonBar({
-              comparisonColor,
+              comparisonColor: itemComparisonColor ?? comparisonColor,
               comparisonTooltipName,
               comparisonTooltipValue,
               comparisonValue,
               tooltipOrder: serieIndex
             }) : getOptionsForMainBar({
-              color: color2,
+              color: itemColor ?? color2,
               tooltipName,
               tooltipValue,
               value,
@@ -25082,6 +25087,19 @@ var Autocomplete = function Autocomplete2({
       anchorRef.current,
       event.target
     )) {
+      document.addEventListener(
+        "click",
+        (e) => {
+          const target = e.target;
+          if (target.closest(".MuiDialog-container") === target) {
+            e.stopPropagation();
+          }
+        },
+        {
+          capture: true,
+          once: true
+        }
+      );
       closePopover();
       if (inputValue) {
         onSearch && onSearch("");