@connectif/ui-components 9.0.7 → 9.1.1

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # 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
+
+- Added `DateCalendar` input component with month navigation, selectable day, optional min/max bounds, and optional highlighted date.
+
+### Changed
+
+- Upgraded to TypeScript 6.
+- `CalendarMonth`: added optional `todayForegroundColor` and `hideMonthLabel` props and switched internal highlight color usage to theme-aware values.
+- `DaysOfWeekRow`: added optional `transparentBackground` and `dayLabelFormat` props to support reusable day-label rendering
+
 ## [9.0.7] - 2026-06-24
 
 ### Fixed

package/dist/components/button/ButtonWithActions.d.ts

@@ -37,7 +37,7 @@ declare const ButtonWithActions: React.ForwardRefExoticComponent<Pick<MuiButtonP
     size?: "M" | "L" | "XL";
     component?: "label" | "button";
     text: string;
-    iconId?: import("../icon").IconId;
+    iconId?: import("..").IconId;
     icon?: React.ReactNode;
     iconSize?: import("../icon/Icon").IconSize;
     iconEnd?: boolean;

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/components/input/CalendarMonth.d.ts

@@ -14,6 +14,8 @@ export type CalendarMonthProps = {
     onSelect?: (day: number) => void;
     allowKeyboardNavigation?: boolean;
     focusedDate?: SimpleDate | null;
+    todayForegroundColor?: string;
+    hideMonthLabel?: boolean;
 };
-declare const CalendarMonth: ({ minDate, maxDate, year, month, selections, intersectionColor, onSelect, allowKeyboardNavigation, focusedDate }: CalendarMonthProps) => import("react/jsx-runtime").JSX.Element;
+declare const CalendarMonth: ({ minDate, maxDate, year, month, selections, intersectionColor, onSelect, allowKeyboardNavigation, focusedDate, todayForegroundColor, hideMonthLabel }: CalendarMonthProps) => import("react/jsx-runtime").JSX.Element;
 export default CalendarMonth;

package/dist/components/input/DateCalendar.d.ts

@@ -0,0 +1,8 @@
+export type DateCalendarProps = {
+    value?: Date | null;
+    onSelect?: (date: Date | null) => void;
+    minDate?: Date | null;
+    maxDate?: Date | null;
+};
+declare const DateCalendar: ({ value, onSelect, minDate, maxDate }: DateCalendarProps) => import("react/jsx-runtime").JSX.Element;
+export default DateCalendar;

package/dist/components/input/DaysOfWeekRow.d.ts

@@ -1,2 +1,6 @@
-declare const DaysOfWeekRow: () => import("react/jsx-runtime").JSX.Element;
+export type DaysOfWeekRowProps = {
+    transparentBackground?: boolean;
+    dayLabelFormat?: 'narrow' | 'short-lowercase';
+};
+declare const DaysOfWeekRow: ({ transparentBackground, dayLabelFormat }: DaysOfWeekRowProps) => import("react/jsx-runtime").JSX.Element;
 export default DaysOfWeekRow;

package/dist/components/input/Select.d.ts

@@ -97,7 +97,7 @@ export type SelectProps<T extends string | number | undefined, Multiple extends
     open?: boolean;
     onOpen?: () => void;
 };
-export declare const BootstrapInput: import("@emotion/styled").StyledComponent<import("@mui/material/InputBase").InputBaseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const BootstrapInput: import("@emotion/styled").StyledComponent<import("@mui/material").InputBaseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 type SelectComponent = <T extends string | number | undefined = string | number | undefined, Multiple extends boolean | undefined = undefined, Value = SelectValue<T, Multiple>>(props: SelectProps<T, Multiple, Value>) => React.ReactElement | null;
 declare const _default: SelectComponent;
 export default _default;

package/dist/components/input/index.d.ts

@@ -37,6 +37,7 @@ export { default as SelectPopover } from './SelectPopover';
 export { default as Checkbox } from './Checkbox';
 export { default as Radio } from './Radio';
 export { default as PageSelector } from './PageSelector';
+export { default as DateCalendar } from './DateCalendar';
 export type { AutocompleteProps } from './autocomplete/Autocomplete';
 export type { SelectProps } from './Select';
 export type { SwitchProps } from './Switch';
@@ -53,3 +54,4 @@ export type { SelectableItem } from '../../models/SelectableItem';
 export type { CheckboxProps } from './Checkbox';
 export type { RadioProps } from './Radio';
 export type { PageSelectorProps } from './PageSelector';
+export type { DateCalendarProps } from './DateCalendar';