kwant-ui 3.17.0 → 3.18.0

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

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

@@ -0,0 +1,43 @@
+import { YAxisProps } from 'recharts';
+import { Props as AreaProps } from 'recharts/types/cartesian/Area';
+export declare const data: ({
+    name: string;
+    actualWorkforce: number;
+    budgetedWorkforce: number;
+    workerConsistency: number;
+    date: string;
+    prediction?: undefined;
+} | {
+    name: string;
+    actualWorkforce: number;
+    budgetedWorkforce: number;
+    prediction: number;
+    workerConsistency: number;
+    date: string;
+})[];
+export declare const areas: {
+    dataKey: string;
+    color: string;
+    stroke: string;
+    fillOpacity: number;
+    name: 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

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

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

@@ -0,0 +1,58 @@
+/// <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;
+        height?: string | number;
+        margin?: {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+        };
+        data?: any[];
+        areas?: Area[];
+        areasYAxisRight?: Area[];
+        xAxisDataKey?: string;
+        showTooltip?: boolean;
+        xAxisLabel?: string;
+        yAxisLeftLabel?: string;
+        yAxisRightLabel?: 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 Area = {
+        dataKey: string;
+        name: string;
+        stroke?: any;
+        fill?: any;
+        fillOpacity?: number;
+        color?: string;
+        gradientId?: string;
+        [key: string]: any;
+    };
+    type CustomLegend = {
+        payload?: (Payload & {
+            payload: Payload['payload'] & {
+                fill: string;
+            };
+        })[];
+    };
+}

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

@@ -0,0 +1,20 @@
+import { TooltipProps } from 'recharts';
+import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { IAreaChart } from './AreaChartTypes';
+export declare const CustomLegend: (props: IAreaChart.CustomLegend) => import("react/jsx-runtime").JSX.Element;
+export declare const Tick: (props: {
+    value: any;
+    dy: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TickX: (props: {
+    x?: number;
+    y?: number;
+    payload?: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const tooltipLabelFormatter: (label: string) => string;
+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/AreaChart/index.d.ts

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

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

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

package/dist/components/Charts/WeekwiseBarChart/WeekwiseBarChartData.d.ts

@@ -0,0 +1,40 @@
+export declare const weekWiseBarChartData: {
+    weekStartDate: string;
+    weekEndDate: string;
+    dateRange: string;
+    day1: {
+        date: string;
+        productiveHours: number;
+        unProductiveHours: number;
+    };
+    day2: {
+        date: string;
+        productiveHours: number;
+        unProductiveHours: number;
+    };
+    day3: {
+        date: string;
+        productiveHours: number;
+        unProductiveHours: number;
+    };
+    day4: {
+        date: string;
+        productiveHours: number;
+        unProductiveHours: number;
+    };
+    day5: {
+        date: string;
+        productiveHours: number;
+        unProductiveHours: number;
+    };
+    day6: {
+        date: string;
+        productiveHours: number;
+        unProductiveHours: number;
+    };
+    day7: {
+        date: string;
+        productiveHours: number;
+        unProductiveHours: number;
+    };
+}[];

package/dist/components/Charts/WeekwiseBarChart/WeekwiseBarChartTypes.d.ts

@@ -0,0 +1,31 @@
+import { Payload } from 'recharts/types/component/DefaultLegendContent';
+export declare namespace IWeekwiseBarChart {
+    type Props = {
+        width?: string | number;
+        height?: string | number;
+        legends?: CustomLegendType[];
+        data: any[];
+        labelX?: string;
+        labelY?: string;
+        dataKeyX: string;
+        dataKeyY?: string;
+        showTooltip?: boolean;
+        showLegends?: boolean;
+        margin?: {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+        };
+        customYAxisTickFormatter?: (value: any) => string;
+        customXAxisTickFormatter?: (value: any) => string;
+    };
+    type CustomLegendType = Omit<Payload, keyof Payload> & {
+        value: string;
+        payload?: {
+            fill?: string;
+            value: string;
+            strokeDasharray: string;
+        };
+    };
+}

package/dist/components/Charts/WeekwiseBarChart/WeekwiseBarChartUtils.d.ts

@@ -0,0 +1,10 @@
+import { TooltipProps } from 'recharts';
+import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { Props as LabelListContentProps } from 'recharts/types/component/Label';
+export declare const TickX: (props: {
+    x?: number;
+    y?: number;
+    payload?: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const renderCustomizedLabel: (props: LabelListContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WeekwiseChartCustomTooltip: (props: TooltipProps<ValueType, NameType>) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/index.d.ts

@@ -53,3 +53,4 @@ export * from './components/Calendar';
 export * from './components/DropdownCalendar';
 export * from './GlobalStyles';
 export * from './HOC/HoverHOC';
+export * from './components/Charts/AreaChart';