@connectif/ui-components 1.0.7 → 2.0.0

package/dist/components/card/EnhancedCardRow.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { EnhancedCardSubtitleProps } from './EnhancedCardSubtitle';
 import { EnhancedCardTitleProps } from './EnhancedCardTitle';
 export interface EnhancedCardRowProps {
+    children: React.ReactNode;
     gap?: string;
     justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
     titleProps?: EnhancedCardTitleProps;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import './EchartsConfig';
+import ReactEChartsCore from 'echarts-for-react/lib/core';
 import { IncrementLabelType } from '../../propTypes/IncrementLabel';
 import { ChartTooltipEntryFormatter } from '../../utils/ChartUtils';
 type YAxisLabelFormatter = (value: number) => string;
@@ -8,7 +8,7 @@ export type BarChartProps = {
      * The css style to apply to the chart container.
      * Use this to set specific with, padding, background color, etc.
      */
-    style?: React.CSSProperties;
+    style?: ReactEChartsCore['props']['style'];
     /**
      * The categories to display on the x axis.
      */

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

@@ -1,11 +1,12 @@
 import { ChartTooltipEntryFormatter } from '../../utils/ChartUtils';
+import ReactEChartsCore from 'echarts-for-react/lib/core';
 type YAxisLabelFormatter = (value: number) => string;
 export type CategorizedChartProps = {
     /**
      * The css style to apply to the chart container.
      * Use this to set specific with, padding, background color, etc.
      */
-    style?: React.CSSProperties;
+    style?: ReactEChartsCore['props']['style'];
     /**
      * The categories to display on the x axis.
      */

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import './EchartsConfig';
+import ReactEChartsCore from 'echarts-for-react/lib/core';
 import { IncrementLabelType } from '../../propTypes/IncrementLabel';
 import { ChartTooltipEntryFormatter } from '../../utils/ChartUtils';
 type YAxisLabelFormatter = (value: number) => string;
@@ -8,7 +8,7 @@ export type FunnelChartProps = {
      * The css style to apply to the chart container.
      * Use this to set specific with, padding, background color, etc.
      */
-    style?: React.CSSProperties;
+    style?: ReactEChartsCore['props']['style'];
     /**
      * The categories to display on the x axis.
      */

package/dist/components/info/InfoBox.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { SxProps } from '@mui/material';
 type InfoBoxVariant = 'default';
 export type InfoBoxProps = {
+    children: React.ReactNode;
     variant?: InfoBoxVariant;
     collapsedHeight?: number;
     sx?: SxProps;

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

@@ -1,8 +1,7 @@
-import { TimeFieldProps as MuiTimeFieldProps } from '@mui/x-date-pickers';
 import { TextFieldProps } from './TextField';
 export type TimeFieldProps = Omit<TextFieldProps, 'value' | 'onChange' | 'multiline' | 'type' | 'isClearable' | 'defaultValue'> & {
-    value: MuiTimeFieldProps<Date>['value'];
-    onChange?: MuiTimeFieldProps<Date>['onChange'];
+    value: Date;
+    onChange?: (value: Date, context: unknown) => void;
     /**
      * Wether show or not the minutes part
      */

package/dist/components/layout/Grid.d.ts

@@ -1,7 +1,12 @@
 import { GridProps as MuiGridProps } from '@mui/material/Grid';
-export type GridProps = Pick<MuiGridProps, 'children' | 'xs' | 'md' | 'lg' | 'xl' | 'columns' | 'spacing' | 'sx' | 'container' | 'item' | 'className'>;
+export type GridProps = Pick<MuiGridProps, 'children' | 'columns' | 'spacing' | 'sx' | 'container' | 'className'> & {
+    xs?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+};
 /**
  * A basic grid system. See https://mui.com/material-ui/react-grid/ for more detailed usage.
  */
-declare const Grid: (props: GridProps) => import("react/jsx-runtime").JSX.Element;
+declare const Grid: ({ xs, md, lg, xl, ...rest }: GridProps) => import("react/jsx-runtime").JSX.Element;
 export default Grid;

package/dist/components/layout/SwipeableViews.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export declare function SwipeableViews({ className, index, style, slideStyle, onChangeIndex, children, ...rootProps }: {
+    className?: string;
+    index: number;
+    style?: React.CSSProperties;
+    slideStyle?: React.CSSProperties;
+    onChangeIndex: (index: number) => void;
+} & React.HTMLProps<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/markdown/MarkdownRenderer.d.ts

@@ -1,4 +1,10 @@
-declare const MarkdownRenderer: ({ text }: {
+import { TypographyVariant } from '../../theme/Typography';
+type MarkdownContainerProps = {
+    color: string;
+    backgroundColor?: string;
+    variant?: TypographyVariant;
+};
+declare const MarkdownRenderer: ({ text, ...rest }: MarkdownContainerProps & {
     text: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export default MarkdownRenderer;

package/dist/components/tooltip/Tooltip.d.ts

@@ -55,5 +55,49 @@ export type TooltipProps = Pick<MuiTooltipProps, 'children' | 'disableHoverListe
  * - https://mui.com/material-ui/guides/composition/#caveat-with-refs
  * - https://reactjs.org/docs/forwarding-refs.html#forwarding-refs-to-dom-components
  */
-declare const Tooltip: ({ children, title, placement, interactive, allowDisabled, variant, textVariant, enableArrow, borderRadius, popperClass, zIndex, ...rest }: TooltipProps) => React.ReactElement<any, any>;
+declare const Tooltip: React.ForwardRefExoticComponent<Pick<MuiTooltipProps, "open" | "children" | "disableHoverListener"> & {
+    /**
+     * The content to display in the tooltip.
+     */
+    title: NonNullable<React.ReactNode>;
+    /**
+     * The placement of the tooltip.
+     */
+    placement?: "top" | "bottom" | "left" | "right";
+    /**
+     * If set, it won't close when the user hovers over the tooltip
+     */
+    interactive?: boolean;
+    /**
+     * If set, tooltip will show up in disabled elements such as buttons and text fields. Default is false.
+     */
+    allowDisabled?: boolean;
+    /**
+     * The background color of the tooltip
+     * @default 'default'
+     */
+    variant?: TooltipVariant;
+    /**
+     * The variant of the text in the tooltip
+     */
+    textVariant?: TypographyProps["variant"];
+    /**
+     * If set, the arrow will be shown
+     * @default false
+     */
+    enableArrow?: boolean;
+    /**
+     * The border radius of the tooltip
+     * @default 4
+     */
+    borderRadius?: number;
+    /**
+     * Class to override .MuiTooltip-popper styles
+     */
+    popperClass?: string;
+    /**
+     * zIndex to set in tooltip
+     */
+    zIndex?: number;
+} & React.RefAttributes<HTMLDivElement>>;
 export default Tooltip;

package/dist/components/typography/Typography.d.ts

@@ -25,7 +25,7 @@ export type TypographyProps = Pick<MuiTypographyProps, 'noWrap' | 'sx' | 'childr
 /**
  * A component that displays text.
  */
-declare const Typography: React.ForwardRefExoticComponent<Pick<MuiTypographyProps, "id" | "className" | "children" | "sx" | "onMouseEnter" | "onMouseLeave" | "noWrap"> & {
+declare const Typography: React.ForwardRefExoticComponent<Pick<MuiTypographyProps, "id" | "className" | "sx" | "children" | "onMouseEnter" | "onMouseLeave" | "noWrap"> & {
     variant?: TypographyVariant;
     /**
      * Color of the text.