@connectif/ui-components 2.0.0 → 2.0.2

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

@@ -1,5 +1,6 @@
 import './EchartsConfig';
 import ReactEChartsCore from 'echarts-for-react/lib/core';
+import { sizes } from '../../theme/Typography';
 import { IncrementLabelType } from '../../propTypes/IncrementLabel';
 import { ChartTooltipEntryFormatter } from '../../utils/ChartUtils';
 type YAxisLabelFormatter = (value: number) => string;
@@ -13,6 +14,18 @@ export type BarChartProps = {
      * The categories to display on the x axis.
      */
     categories: string[];
+    /**
+     * labels color
+     */
+    labelColor?: string;
+    /**
+     * font size to X labels
+     */
+    gridLabelSize?: keyof typeof sizes;
+    /**
+     * Grid lines color
+     */
+    gridLineColor?: string;
     /**
      * Optional callback to be called when the chart is clicked.
      */
@@ -49,6 +62,10 @@ export type BarChartProps = {
          * The text to use for this item as name in tooltip.
          */
         comparisonTooltipName?: string;
+        /**
+         * Set to show background color in bar when not is comparison
+         */
+        showBackgroundColorBar?: boolean;
         data: {
             /**
              * The value to display in the chart for this serie item.
@@ -80,5 +97,5 @@ export type BarChartProps = {
 /**
  * A bar chart component to display numeric data grouped by categories and series.
  */
-declare const BarChart: ({ style, isLoading, series, categories, yAxisLabelFormatter, tooltipEntryFormatter, onClick }: BarChartProps) => import("react/jsx-runtime").JSX.Element;
+declare const BarChart: ({ style, isLoading, series, categories, labelColor, gridLineColor, gridLabelSize, yAxisLabelFormatter, tooltipEntryFormatter, onClick }: BarChartProps) => import("react/jsx-runtime").JSX.Element;
 export default BarChart;

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

@@ -59,6 +59,24 @@ export type LineChartProps = CategorizedChartProps & {
          * The yAxis for this serie
          */
         yAxisIndex: number;
+        /**
+         * The area color. With color will be a solid color. With startColor and endColor will be gradient color.
+         */
+        areaColor?: {
+            color: string;
+            startColor?: never;
+            endColor?: never;
+        } | {
+            color?: never;
+            startColor: {
+                offset: number;
+                color: string;
+            };
+            endColor: {
+                offset: number;
+                color: string;
+            };
+        };
     }[];
     /**
      * Option to disable the display of series names.
@@ -88,10 +106,14 @@ export type LineChartProps = CategorizedChartProps & {
      * Option to set the position of the Y axis when there is only one.
      */
     yAxisPosition?: 'left' | 'right';
+    /**
+     * Margin to add between labels and x axis. It will be in px
+     */
+    xAxisMargin?: number;
 };
 /**
  * A line chart component to display numeric data grouped by categories and series.
  * Commonly, categories use to be sorted dates.
  */
-declare const LineChart: ({ style, isLoading, series, categories, yAxisLabelFormatter, ySecondaryAxisLabelFormatter, onClick, disableSeriesNames, disableAxes, disableSplitLine, fullGrid, axisFontSize, axisFontColor, yAxisPosition }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+declare const LineChart: ({ style, isLoading, series, categories, yAxisLabelFormatter, ySecondaryAxisLabelFormatter, onClick, disableSeriesNames, disableAxes, disableSplitLine, fullGrid, axisFontSize, axisFontColor, yAxisPosition, xAxisMargin }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
 export default LineChart;

package/dist/components/chat/Chat.d.ts

@@ -8,10 +8,14 @@ export type ChatProps = React.PropsWithChildren<{
      * Background color
      */
     backgroundColor?: string;
+    /**
+     * Class name to move scroll on new message. If undefined, scroll to bottom.
+     */
+    scrollToLastClassName?: string;
+    /**
+     * Scrollbar color
+     */
+    scrollbarColor?: string;
 }>;
-/**
- * Shows a list of chat message, in a vertical layout.
- *
- */
-declare const Chat: ({ children, header, backgroundColor }: ChatProps) => import("react/jsx-runtime").JSX.Element;
+declare const Chat: ({ children, header, backgroundColor, scrollToLastClassName, scrollbarColor }: ChatProps) => import("react/jsx-runtime").JSX.Element;
 export default Chat;

package/dist/components/icon/icons.d.ts

@@ -1953,3 +1953,4 @@ export declare const icons: {
     'zoom-out': string;
     'database-export': string;
 };
+export declare const iconIds: string[];

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

@@ -1,2 +1,4 @@
 export { default as Icon, iconSizes } from './Icon';
 export type { IconProps, IconId } from './Icon';
+export { iconIds } from './icons';
+export { default as StackedIcons, StackedIconsProps } from './StackedIcons';

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

@@ -46,7 +46,7 @@ export type { PhoneFieldProps } from './PhoneField';
 export type { NumberFieldProps } from './NumberField';
 export type { DatePickerProps } from './DatePicker';
 export type { InputLabelProps } from './InputLabel';
-export type { SelectPopoverProps } from './SelectPopover';
+export type { SelectPopoverProps, SelectableItem } from './SelectPopover';
 export type { CheckboxProps } from './Checkbox';
 export type { RadioProps } from './Radio';
 export type { PageSelectorProps } from './PageSelector';