kwant-ui 3.21.4 → 3.21.5

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

@@ -1,11 +1,6 @@
 import { DateObject } from 'react-multi-date-picker';
 import { ICalendar } from './CalendarTypes';
-export type SidebarOptionProps = {
-    title: string;
-    selected?: boolean;
-    value?: () => DateObject[];
-    onClick?: () => void;
-};
+export type SidebarOptionProps = ICalendar.SidebarOptionProps;
 export declare const SidebarOption: ({ title, selected, onClick }: SidebarOptionProps) => import("react/jsx-runtime").JSX.Element;
 export declare const CalendarSidebar: ({ options, selectedOption, onOptionClick, }: {
     options?: Pick<SidebarOptionProps, 'title' | 'selected' | 'value'>[];

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

@@ -1,14 +1,18 @@
 /// <reference types="react" />
 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;
         showSidebar?: boolean;
+        sidebarOptions?: Omit<SidebarOptionProps, 'onClick'>[];
         projectDuration?: ProjectDuration;
         disableFutureDatesOnCustomRange?: boolean;
         selectedSidebarOption?: string;
+        rangeDomain?: RangeDomain;
         onChange?: (date: DateObject | DateObject[], selectedOption?: string) => void;
     };
     enum DatpickerNavigationDirectionEnum {
@@ -21,4 +25,10 @@ export declare namespace ICalendar {
     };
     type InputChangeEvent = React.ChangeEvent<HTMLInputElement>;
     type DatpickerNavigationDirection = keyof typeof DatpickerNavigationDirectionEnum;
+    type SidebarOptionProps = {
+        title: string;
+        selected?: boolean;
+        value?: () => DateObject[];
+        onClick?: () => void;
+    };
 }

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

@@ -1,18 +1,26 @@
-import { DateObject } from 'react-multi-date-picker';
-import { ICalendar } from './CalendarTypes';
+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 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[];
+    CUSTOM_RANGE: DateObject[];
 };
 export declare const getSidebarOptions: (projectDuration?: ICalendar.ProjectDuration) => {
     title: string;
     value: () => DateObject[];
 }[];
-export { fullMonthsText, regexInputValidate, weeks };
+declare const getDateOffset: (valueArr: Value, domain: RangeDomain) => DateObject[];
+export { fullMonthsText, regexInputValidate, weeks, getDateOffset };

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

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

package/dist/components/Charts/GaugeChart/GaugeChartStyled.d.ts

@@ -0,0 +1,9 @@
+declare const Gauge: import("styled-components").StyledComponent<"svg", any, {}, never>;
+declare const Label: import("styled-components").StyledComponent<"text", any, {}, never>;
+declare const LowLabel: import("styled-components").StyledComponent<"text", any, {
+    width: number;
+}, never>;
+declare const HighLabel: import("styled-components").StyledComponent<"text", any, {
+    width: number;
+}, never>;
+export { Gauge, Label, LowLabel, HighLabel };

package/dist/components/Charts/GaugeChart/GaugeChartTypes.d.ts

@@ -0,0 +1,26 @@
+export declare namespace IGaugeChart {
+    type Props = {
+        width?: number;
+        height?: number;
+        value?: number;
+        maxValue?: number;
+        rangeLabel?: string[];
+    };
+}
+export type GaugeChart = {
+    dataKey: string;
+    name: string;
+    stroke?: string;
+    fill?: string;
+    fillOpacity?: number;
+    color?: string;
+    gradientId?: string;
+    [key: string]: any;
+};
+export interface IKPIGauge {
+    className?: string;
+    value: number;
+    maxValue: number;
+    width: number;
+    height: number;
+}

package/dist/components/Charts/GaugeChart/index.d.ts

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

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

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

package/dist/components/Charts/HorizontalStackedBarChart/HorizontalStackedBarChartData.d.ts

@@ -0,0 +1,19 @@
+import { YAxisProps } from 'recharts';
+import { Props as StackedBarProps } from 'recharts/types/cartesian/Area';
+export declare const data: {
+    name: string;
+    series1: number;
+    series2: number;
+    series3: number;
+}[];
+export declare const areas: ({
+    dataKey: string;
+    fillOpacity: number;
+    name: string;
+} | {
+    dataKey: string;
+    fillOpacity: number;
+    name?: undefined;
+})[];
+export declare const yAxisStaticProps: YAxisProps;
+export declare const areaStaticProps: Omit<Partial<StackedBarProps>, 'ref'>;

package/dist/components/Charts/HorizontalStackedBarChart/HorizontalStackedBarChartStyled.d.ts

@@ -0,0 +1,18 @@
+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 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>;

package/dist/components/Charts/HorizontalStackedBarChart/HorizontalStackedBarChartTypes.d.ts

@@ -0,0 +1,60 @@
+/// <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 IHorizontalStackedBarChart {
+    type Props = {
+        width?: string | number;
+        height?: string | number;
+        margin?: {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+        };
+        data?: any[];
+        bar1DataKey: string;
+        bar2DataKey: string;
+        bars?: StackedBar[];
+        label?: StackedBar[];
+        areasYAxisRight?: StackedBar[];
+        xAxisDataKey?: string;
+        showTooltip?: boolean;
+        xAxisLabel?: string;
+        yAxisLabel?: string;
+        showRightYAxis?: boolean;
+        showLegends?: boolean;
+        customTooltip?: ContentType<ValueType, NameType>;
+        gradient?: React.ReactNode;
+        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;
+    };
+    type StackedBar = {
+        dataKey: string;
+        name: string;
+        stroke?: string;
+        fill?: string;
+        fillOpacity?: number;
+        color?: string;
+        gradientId?: string;
+        [key: string]: any;
+    };
+    type CustomLegend = {
+        payload?: (Payload & {
+            payload: Payload['payload'] & {
+                fill: string;
+            };
+        })[];
+    };
+}

package/dist/components/Charts/HorizontalStackedBarChart/HorizontalStackedBarChartUtils.d.ts

@@ -0,0 +1,10 @@
+import { TooltipProps } from 'recharts';
+import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { IHorizontalStackedBarChart } from './HorizontalStackedBarChartTypes';
+export declare const CustomLegend: (props: IHorizontalStackedBarChart.CustomLegend) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipItemRow: ({ color, name, value, }: {
+    color?: string;
+    name?: string;
+    value?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomTooltip: (props: TooltipProps<ValueType, NameType>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Charts/HorizontalStackedBarChart/index.d.ts

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

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

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

package/dist/components/Charts/ProgressChart/ProgressChartStyled.d.ts

@@ -0,0 +1 @@
+export declare const ProgressChartContainer: import("styled-components").StyledComponent<"svg", any, {}, never>;

package/dist/components/Charts/ProgressChart/ProgressChartTypes.d.ts

@@ -0,0 +1,13 @@
+export declare namespace IProgressChart {
+    type Props = {
+        width?: number;
+        height?: number;
+        value?: number;
+        maxValue?: number;
+        radius?: number;
+        font?: number;
+        cornerRadius?: number;
+        rangeLabel?: string[];
+        showText?: boolean;
+    };
+}

package/dist/components/Charts/ProgressChart/index.d.ts

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

package/dist/index.d.ts

@@ -57,3 +57,7 @@ export * from './components/Charts/AreaChart';
 export * from './components/Charts/WeekwiseBarChart';
 export * from './components/Charts/StackedBarChart';
 export { processWeekwiseBarChartData } from './components/Charts/WeekwiseBarChart/WeekwiseBarChartData';
+export * from './components/Charts/HorizontalStackedBarChart';
+export * from './components/Charts/GaugeChart';
+export * from './components/Charts/ProgressChart';
+export { CALENDAR_CONSTANTS, getDateObjectForCalendarConstants, } from './components/Calendar/CalendarUtils';