kwant-ui 3.45.0-dev.0 → 3.45.0

package/dist/components/Calendar/CalendarStyled.d.ts

@@ -1,42 +1,44 @@
-/// <reference types="react" />
-export declare const CalendarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CalendarSidebarStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CalendarSidebarOptions: import("styled-components").StyledComponent<"button", any, {
-    selected?: boolean;
-}, never>;
-export declare const CalendarTimebar: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
-    onClick?: (event: import("react").MouseEvent<HTMLInputElement, MouseEvent>) => void;
-    onChange?: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
-    disabled?: boolean;
-    value?: string | number;
-    name?: string;
-    type?: string;
-    required?: boolean;
-    readOnly?: boolean;
-    label?: string;
-    errorMessage?: string;
-    error?: boolean;
-    id?: string;
-    helperText?: string;
-    onBlur?: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
-    onFocus?: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
-    rightSection?: import("react").ReactNode;
-    leftSection?: import("react").ReactNode;
-    width?: number;
-    variant?: import("../Input/types").InputComponent.InputVariant;
-    tooltipContent?: string;
-    tooltipPosition?: import("../Tooltip/types").TooltipComponent.Position;
-    decimal?: boolean;
-} & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
-export declare const Colon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InputGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SelectorStyled: import("styled-components").StyledComponent<({ content, activeKey, onClick, height, multiple, disabled, }: import("../Selector/types").SelectorComponent.Props) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
-export declare const TimeBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TopLabel: import("styled-components").StyledComponent<"label", any, import("../Label/types").LabelComponent.Label, never>;
-export declare const TimeBarStyled: import("styled-components").StyledComponent<"div", any, {
-    showTime?: boolean;
-}, never>;
-declare const DatepickerNavigationButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export { DatepickerNavigationButton, IconWrapper };
+/// <reference types="react" />
+export declare const CalendarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CalendarSidebarStyled: import("styled-components").StyledComponent<"div", any, {
+    order?: number;
+}, never>;
+export declare const CalendarSidebarOptions: import("styled-components").StyledComponent<"button", any, {
+    selected?: boolean;
+}, never>;
+export declare const CalendarTimebar: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
+    onClick?: (event: import("react").MouseEvent<HTMLInputElement, MouseEvent>) => void;
+    onChange?: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    value?: string | number;
+    name?: string;
+    type?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    label?: string;
+    errorMessage?: string;
+    error?: boolean;
+    id?: string;
+    helperText?: string;
+    onBlur?: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
+    onFocus?: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
+    rightSection?: import("react").ReactNode;
+    leftSection?: import("react").ReactNode;
+    width?: number;
+    variant?: import("../Input/types").InputComponent.InputVariant;
+    tooltipContent?: string;
+    tooltipPosition?: import("../Tooltip/types").TooltipComponent.Position;
+    decimal?: boolean;
+} & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
+export declare const Colon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InputGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SelectorStyled: import("styled-components").StyledComponent<({ content, activeKey, onClick, height, multiple, disabled, }: import("../Selector/types").SelectorComponent.Props) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const TimeBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TopLabel: import("styled-components").StyledComponent<"label", any, import("../Label/types").LabelComponent.Label, never>;
+export declare const TimeBarStyled: import("styled-components").StyledComponent<"div", any, {
+    showTime?: boolean;
+}, never>;
+declare const DatepickerNavigationButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { DatepickerNavigationButton, IconWrapper };

package/dist/components/Calendar/CalendarTypes.d.ts

@@ -1,76 +1,77 @@
-/// <reference types="react" />
-import dayjs from 'dayjs';
-import { CalendarProps, DateObject } from 'react-multi-date-picker';
-export type RangeDomainUnit = 'd' | 'w' | 'm' | 'y';
-export type RangeDomain = `${number}${RangeDomainUnit}`;
-export declare namespace ICalendar {
-    type Props = CalendarProps & {
-        range?: boolean;
-        numberOfMonths?: number;
-        calenderRef?: any;
-        labels?: string;
-        showSidebar?: boolean;
-        showTime?: boolean;
-        disableTime?: boolean;
-        time?: {
-            from: {
-                hour: string;
-                minute: string;
-                clockType: ClockType;
-            };
-            to: {
-                hour: string;
-                minute: string;
-                clockType: ClockType;
-            };
-        };
-        onHourChange?: (key: string, value: string) => void;
-        onMinuteChange?: (key: string, value: string) => void;
-        onClockTypeChange?: (key: string, value: string) => void;
-        sidebarOptions?: Omit<SidebarOptionProps, 'onClick'>[];
-        projectDuration?: ProjectDuration;
-        disableFutureDatesOnCustomRange?: boolean;
-        selectedSidebarOption?: string;
-        rangeDomain?: RangeDomain;
-        onSidebarOptionSelect?: (value: string) => void;
-        onChange?: (date: DateObject | DateObject[], selectedOption?: string) => void;
-    };
-    type ClockType = 'am' | 'pm';
-    type CalendarTimeBarProps = {
-        times: string[];
-        onTimeChange: (index: number, value: string) => void;
-    };
-    enum DatpickerNavigationDirectionEnum {
-        right = "right",
-        left = "left"
-    }
-    type ProjectDuration = {
-        startDate: string;
-        endDate: string;
-    };
-    type InputChangeEvent = React.ChangeEvent<HTMLInputElement>;
-    type DatpickerNavigationDirection = keyof typeof DatpickerNavigationDirectionEnum;
-    type SidebarOptionProps = {
-        title: string;
-        selected?: boolean;
-        value?: (() => DateObject[]) | (() => dayjs.Dayjs[]);
-        onClick?: () => void;
-    };
-    type Time = {
-        key: string;
-        label: string;
-        timeHour: string;
-        timeMinute: string;
-        clockType: string;
-    };
-}
-export type CalendarTimeBarProps = {
-    label?: string;
-    timeHour?: string;
-    timeMinute?: string;
-    clockType?: ICalendar.ClockType | string;
-    disabled?: boolean;
-    onHourChange: (key: string, value: string) => void;
-    onMinuteChange: (key: string, value: string) => void;
-    onClockTypeChange: (key: string, value: string) => void;
-};
+/// <reference types="react" />
+import dayjs from 'dayjs';
+import { CalendarProps, DateObject } from 'react-multi-date-picker';
+export type RangeDomainUnit = 'd' | 'w' | 'm' | 'y';
+export type RangeDomain = `${number}${RangeDomainUnit}`;
+export declare namespace ICalendar {
+    type Props = CalendarProps & {
+        range?: boolean;
+        numberOfMonths?: number;
+        calenderRef?: any;
+        labels?: string;
+        showSidebar?: boolean;
+        showTime?: boolean;
+        disableTime?: boolean;
+        time?: {
+            from: {
+                hour: string;
+                minute: string;
+                clockType: ClockType;
+            };
+            to: {
+                hour: string;
+                minute: string;
+                clockType: ClockType;
+            };
+        };
+        onHourChange?: (key: string, value: string) => void;
+        onMinuteChange?: (key: string, value: string) => void;
+        onClockTypeChange?: (key: string, value: string) => void;
+        sidebarOptions?: Omit<SidebarOptionProps, 'onClick'>[];
+        projectDuration?: ProjectDuration;
+        disableFutureDatesOnCustomRange?: boolean;
+        selectedSidebarOption?: string;
+        rangeDomain?: RangeDomain;
+        onSidebarOptionSelect?: (value: string) => void;
+        onChange?: (date: DateObject | DateObject[], selectedOption?: string) => void;
+        onChangeDateTime?: (date: dayjs.Dayjs | dayjs.Dayjs[], selectedOption?: string) => void;
+    };
+    type ClockType = 'am' | 'pm';
+    type CalendarTimeBarProps = {
+        times: string[];
+        onTimeChange: (index: number, value: string) => void;
+    };
+    enum DatpickerNavigationDirectionEnum {
+        right = "right",
+        left = "left"
+    }
+    type ProjectDuration = {
+        startDate: string;
+        endDate: string;
+    };
+    type InputChangeEvent = React.ChangeEvent<HTMLInputElement>;
+    type DatpickerNavigationDirection = keyof typeof DatpickerNavigationDirectionEnum;
+    type SidebarOptionProps = {
+        title: string;
+        selected?: boolean;
+        value?: (() => DateObject[]) | (() => dayjs.Dayjs[]) | string;
+        onClick?: () => void;
+    };
+    type Time = {
+        key: string;
+        label: string;
+        timeHour: string;
+        timeMinute: string;
+        clockType: string;
+    };
+}
+export type CalendarTimeBarProps = {
+    label?: string;
+    timeHour?: string;
+    timeMinute?: string;
+    clockType?: ICalendar.ClockType | string;
+    disabled?: boolean;
+    onHourChange: (key: string, value: string) => void;
+    onMinuteChange: (key: string, value: string) => void;
+    onClockTypeChange: (key: string, value: string) => void;
+};

package/dist/components/Calendar/CalendarUtils.d.ts

@@ -1,41 +1,44 @@
-import dayjs from 'dayjs';
-import { DateObject, Value } from 'react-multi-date-picker';
-import { ICalendar, RangeDomain } from './CalendarTypes';
-export declare const isRangeWithNumberOfMonths: (range: boolean, numberOfMonths: number) => boolean;
-declare const regexInputValidate: (event: ICalendar.InputChangeEvent, onChange: (event: ICalendar.InputChangeEvent) => void) => void;
-declare const weeks: string[];
-declare const fullMonthsText: any;
-export declare const selectorContent: {
-    [key: string]: string;
-    clockType: ICalendar.ClockType;
-}[];
-export declare const getDateObjectForCalendarConstants: (date: string | Date, amount: number, unit: dayjs.ManipulateType, end: 'startOf' | 'endOf') => DateObject;
-export declare const CALENDAR_CONSTANTS: {
-    TODAY: DateObject[];
-    CURRENT_WEEK: DateObject[];
-    LAST_7_DAYS: DateObject[];
-    LAST_WEEK: DateObject[];
-    LAST_2_WEEKS: DateObject[];
-    LAST_3_WEEKS: DateObject[];
-    LAST_4_WEEKS: DateObject[];
-    LAST_30_DAYS: DateObject[];
-    THIS_MONTH: DateObject[];
-    PAST_MONTH: DateObject[];
-    CUSTOM_RANGE: DateObject[];
-    NOW: DateObject[];
-    LAST_HOUR: DateObject[];
-    YESTERDAY: DateObject[];
-    CUSTOM_RANGE_LOCATION_PLAN: DateObject[];
-};
-export declare const getSidebarOptions: (projectDuration?: ICalendar.ProjectDuration) => {
-    title: string;
-    value: () => DateObject[];
-}[];
-declare const getDateOffset: (valueArr: Value, domain: RangeDomain) => DateObject[];
-declare const isNotInCurrentMonth: (date: string | DateObject) => boolean;
-declare const timeSet: {
-    key: string;
-    label: string;
-}[];
-declare const addPadStart: (value: string) => string;
-export { fullMonthsText, regexInputValidate, weeks, getDateOffset, isNotInCurrentMonth, timeSet, addPadStart, };
+import dayjs from 'dayjs';
+import { DateObject, Value } from 'react-multi-date-picker';
+import { ICalendar, RangeDomain } from './CalendarTypes';
+export declare const isRangeWithNumberOfMonths: (range: boolean, numberOfMonths: number) => boolean;
+declare const regexInputValidate: (event: ICalendar.InputChangeEvent, onChange: (event: ICalendar.InputChangeEvent) => void) => void;
+declare const weeks: string[];
+declare const fullMonthsText: any;
+export declare const selectorContent: {
+    [key: string]: string;
+    clockType: ICalendar.ClockType;
+}[];
+export declare const getDateObjectForCalendarConstants: (date: string | Date, amount: number, unit: dayjs.ManipulateType, end: 'startOf' | 'endOf') => DateObject;
+export declare const CALENDAR_CONSTANTS: {
+    TODAY: DateObject[];
+    CURRENT_WEEK: DateObject[];
+    LAST_7_DAYS: DateObject[];
+    LAST_WEEK: DateObject[];
+    LAST_2_WEEKS: DateObject[];
+    LAST_3_WEEKS: DateObject[];
+    LAST_4_WEEKS: DateObject[];
+    LAST_30_DAYS: DateObject[];
+    THIS_MONTH: DateObject[];
+    PAST_MONTH: DateObject[];
+    CUSTOM_RANGE: DateObject[];
+    NOW: DateObject[];
+    LAST_HOUR: DateObject[];
+    LAST_HALF_AN_HOUR: DateObject[];
+    LAST_10_MINUTES: DateObject[];
+    LAST_5_MINUTES: DateObject[];
+    YESTERDAY: DateObject[];
+    CUSTOM_RANGE_LOCATION_PLAN: DateObject[];
+};
+export declare const getSidebarOptions: (projectDuration?: ICalendar.ProjectDuration) => {
+    title: string;
+    value: () => DateObject[];
+}[];
+declare const getDateOffset: (valueArr: Value, domain: RangeDomain) => DateObject[];
+declare const isNotInCurrentMonth: (date: string | DateObject) => boolean;
+declare const timeSet: {
+    key: string;
+    label: string;
+}[];
+declare const addPadStart: (value: string) => string;
+export { fullMonthsText, regexInputValidate, weeks, getDateOffset, isNotInCurrentMonth, timeSet, addPadStart, };

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

@@ -1,6 +1,6 @@
-declare const icons: {
-    chevronLeft: import("react/jsx-runtime").JSX.Element;
-    chevronRight: import("react/jsx-runtime").JSX.Element;
-    calendar: import("react/jsx-runtime").JSX.Element;
-};
-export { icons };
+declare const icons: {
+    chevronLeft: import("react/jsx-runtime").JSX.Element;
+    chevronRight: import("react/jsx-runtime").JSX.Element;
+    calendar: import("react/jsx-runtime").JSX.Element;
+};
+export { icons };

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

@@ -1,2 +1,2 @@
-import { Calendar } from './Calendar';
-export { Calendar };
+import { Calendar } from './Calendar';
+export { Calendar };

package/dist/components/Charts/AreaChart/AreaChart.d.ts

@@ -1,3 +1,3 @@
-import { IAreaChart } from './AreaChartTypes';
-declare const AreaChart: (props: IAreaChart.Props) => import("react/jsx-runtime").JSX.Element;
-export default AreaChart;
+import { IAreaChart } from './AreaChartTypes';
+declare const AreaChart: (props: IAreaChart.Props) => import("react/jsx-runtime").JSX.Element;
+export default AreaChart;

package/dist/components/Charts/AreaChart/AreaChartData.d.ts

@@ -1,43 +1,43 @@
-import { YAxisProps } from 'recharts';
-import { Props as AreaProps } from 'recharts/types/cartesian/Area';
-export declare const data: {
-    actualWorkforce: number;
-    budgetedWorkforce: number;
-    date: string;
-    day: string;
-    workerConsistency: number;
-}[];
-export declare const areaChartArea: ({
-    dataKey: string;
-    color: string;
-    stroke: string;
-    fillOpacity: number;
-    name: string;
-    legendType?: undefined;
-} | {
-    dataKey: string;
-    color: string;
-    stroke: string;
-    fillOpacity: number;
-    name: string;
-    legendType: string;
-})[];
-export declare const areasYAxisRight: {
-    dataKey: string;
-    color: string;
-    fill: string;
-    fillOpacity: number;
-    stroke: string;
-    yAxisId: string;
-    name: string;
-}[];
-export declare const xAxisTickDefaultConfig: {
-    fill: string;
-    fontFamily: string;
-    fontSize: number;
-    textAnchor: string;
-    x: number;
-    y: number;
-};
-export declare const yAxisStaticProps: YAxisProps;
-export declare const areaStaticProps: Omit<Partial<AreaProps>, 'ref'>;
+import { YAxisProps } from 'recharts';
+import { Props as AreaProps } from 'recharts/types/cartesian/Area';
+export declare const data: {
+    actualWorkforce: number;
+    budgetedWorkforce: number;
+    date: string;
+    day: string;
+    workerConsistency: number;
+}[];
+export declare const areaChartArea: ({
+    dataKey: string;
+    color: string;
+    stroke: string;
+    fillOpacity: number;
+    name: string;
+    legendType?: undefined;
+} | {
+    dataKey: string;
+    color: string;
+    stroke: string;
+    fillOpacity: number;
+    name: string;
+    legendType: string;
+})[];
+export declare const areasYAxisRight: {
+    dataKey: string;
+    color: string;
+    fill: string;
+    fillOpacity: number;
+    stroke: string;
+    yAxisId: string;
+    name: string;
+}[];
+export declare const xAxisTickDefaultConfig: {
+    fill: string;
+    fontFamily: string;
+    fontSize: number;
+    textAnchor: string;
+    x: number;
+    y: number;
+};
+export declare const yAxisStaticProps: YAxisProps;
+export declare const areaStaticProps: Omit<Partial<AreaProps>, 'ref'>;

package/dist/components/Charts/AreaChart/AreaChartStyled.d.ts

@@ -1,22 +1,22 @@
-export declare const LegendsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Legend: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LegendColorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LegendColor: import("styled-components").StyledComponent<"div", any, {
-    color: string;
-}, never>;
-export declare const LegendLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CustomTickStyled: import("styled-components").StyledComponent<"g", any, {}, never>;
-export declare const TickDay: import("styled-components").StyledComponent<"text", any, {}, never>;
-export declare const TickDate: import("styled-components").StyledComponent<"text", any, {}, never>;
-export declare const TooltipStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TooltipTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TooltipItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TooltipItemLeft: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TooltipItemColor: import("styled-components").StyledComponent<"div", any, {
-    color: string;
-}, never>;
-export declare const TooltipItemLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const TooltipItemRight: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const FullScreenIconContainer: import("styled-components").StyledComponent<"div", any, {
-    fullScreen: boolean;
-}, never>;
+export declare const LegendsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Legend: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LegendColorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LegendColor: import("styled-components").StyledComponent<"div", any, {
+    color: string;
+}, never>;
+export declare const LegendLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CustomTickStyled: import("styled-components").StyledComponent<"g", any, {}, never>;
+export declare const TickDay: import("styled-components").StyledComponent<"text", any, {}, never>;
+export declare const TickDate: import("styled-components").StyledComponent<"text", any, {}, never>;
+export declare const TooltipStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipItemLeft: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipItemColor: import("styled-components").StyledComponent<"div", any, {
+    color: string;
+}, never>;
+export declare const TooltipItemLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TooltipItemRight: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const FullScreenIconContainer: import("styled-components").StyledComponent<"div", any, {
+    fullScreen: boolean;
+}, never>;

package/dist/components/Charts/AreaChart/AreaChartTypes.d.ts

@@ -1,73 +1,73 @@
-/// <reference types="react" />
-import { XAxisProps, YAxisProps } from 'recharts';
-import { Props as AreaProps } from 'recharts/types/cartesian/Area';
-import { Props as CartesianGridProps } from 'recharts/types/cartesian/CartesianGrid';
-import { Payload } from 'recharts/types/component/DefaultLegendContent';
-import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
-import { Props as LegendProps } from 'recharts/types/component/Legend';
-import { ContentType, TooltipProps } from 'recharts/types/component/Tooltip';
-export declare namespace IAreaChart {
-    type Props = {
-        width?: string | number;
-        hideYAxis?: boolean;
-        hideXAxis?: boolean;
-        hideCartesianGrid?: boolean;
-        height?: string | number;
-        margin?: {
-            top?: number;
-            right?: number;
-            bottom?: number;
-            left?: number;
-        };
-        data?: any[];
-        areas?: Area[];
-        areasYAxisRight?: Area[];
-        xAxisDataKey?: string;
-        showTooltip?: boolean;
-        showAverageLine?: boolean;
-        averageLineValue?: number;
-        averageLineColor?: string;
-        xAxisLabel?: string;
-        fillColor?: string;
-        gradientColor?: string;
-        isGradient?: boolean;
-        isFilled?: boolean;
-        gradientStart?: number;
-        gradientStop?: number;
-        yAxisLeftLabel?: string;
-        yAxisRightLabel?: string;
-        showRightYAxis?: boolean;
-        showLegends?: boolean;
-        customTooltip?: ContentType<ValueType, NameType>;
-        gradient?: string;
-        tooltipProps?: TooltipProps<ValueType, NameType>;
-        cartesianGridProps?: Omit<CartesianGridProps, 'ref'>;
-        legendProps?: Omit<LegendProps, 'ref'>;
-        xAxisProps?: XAxisProps;
-        yAxisProps?: YAxisProps;
-        yAxisRightProps?: YAxisProps;
-        areaProps?: AreaProps;
-        areaYAxisRightProps?: AreaProps;
-        customTooltipLabelFormatter?: (label: any) => string;
-        fullScreenFeature?: boolean;
-        dateFormat?: string;
-    };
-    type Area = {
-        dataKey: string;
-        name: string;
-        stroke?: any;
-        fill?: any;
-        fillOpacity?: number;
-        color?: string;
-        gradientId?: string;
-        [key: string]: any;
-    };
-    type CustomLegend = {
-        payload?: (Payload & {
-            shape?: React.ReactNode;
-            payload: Payload['payload'] & {
-                fill: string;
-            };
-        })[];
-    };
-}
+/// <reference types="react" />
+import { XAxisProps, YAxisProps } from 'recharts';
+import { Props as AreaProps } from 'recharts/types/cartesian/Area';
+import { Props as CartesianGridProps } from 'recharts/types/cartesian/CartesianGrid';
+import { Payload } from 'recharts/types/component/DefaultLegendContent';
+import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { Props as LegendProps } from 'recharts/types/component/Legend';
+import { ContentType, TooltipProps } from 'recharts/types/component/Tooltip';
+export declare namespace IAreaChart {
+    type Props = {
+        width?: string | number;
+        hideYAxis?: boolean;
+        hideXAxis?: boolean;
+        hideCartesianGrid?: boolean;
+        height?: string | number;
+        margin?: {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+        };
+        data?: any[];
+        areas?: Area[];
+        areasYAxisRight?: Area[];
+        xAxisDataKey?: string;
+        showTooltip?: boolean;
+        showAverageLine?: boolean;
+        averageLineValue?: number;
+        averageLineColor?: string;
+        xAxisLabel?: string;
+        fillColor?: string;
+        gradientColor?: string;
+        isGradient?: boolean;
+        isFilled?: boolean;
+        gradientStart?: number;
+        gradientStop?: number;
+        yAxisLeftLabel?: string;
+        yAxisRightLabel?: string;
+        showRightYAxis?: boolean;
+        showLegends?: boolean;
+        customTooltip?: ContentType<ValueType, NameType>;
+        gradient?: string;
+        tooltipProps?: TooltipProps<ValueType, NameType>;
+        cartesianGridProps?: Omit<CartesianGridProps, 'ref'>;
+        legendProps?: Omit<LegendProps, 'ref'>;
+        xAxisProps?: XAxisProps;
+        yAxisProps?: YAxisProps;
+        yAxisRightProps?: YAxisProps;
+        areaProps?: AreaProps;
+        areaYAxisRightProps?: AreaProps;
+        customTooltipLabelFormatter?: (label: any) => string;
+        fullScreenFeature?: boolean;
+        dateFormat?: string;
+    };
+    type Area = {
+        dataKey: string;
+        name: string;
+        stroke?: any;
+        fill?: any;
+        fillOpacity?: number;
+        color?: string;
+        gradientId?: string;
+        [key: string]: any;
+    };
+    type CustomLegend = {
+        payload?: (Payload & {
+            shape?: React.ReactNode;
+            payload: Payload['payload'] & {
+                fill: string;
+            };
+        })[];
+    };
+}