@cagatayfdn/flora-components 0.0.20 → 0.0.21

package/dist/index.d.ts

@@ -1,12 +1,14 @@
 /// <reference types="react" />
 
 import { AxiosError } from 'axios';
+import { ChartProps } from 'react-chartjs-2';
 import { CustomLocale } from 'flatpickr/dist/types/locale';
 import { Dispatch as Dispatch_2 } from 'react';
 import { FC } from 'react';
 import { FieldError } from 'react-hook-form';
 import i18n from 'i18next';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { LegendItem } from 'chart.js';
 import { LinkProps } from 'react-router-dom';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import NiceModal from '@ebay/nice-modal-react';
@@ -158,6 +160,15 @@ declare type AutocompleteProps = {
     items: OptionItem[];
 } & InputProps;
 
+declare function Bar({ data, options }: BarProps): JSX_2.Element;
+
+declare type BarChartProps = ChartProps<'bar', number[], unknown>;
+
+declare type BarProps = {
+    options?: BarChartProps['options'];
+    data: BarChartProps['data'];
+};
+
 export declare const Button: ({ children, size, isLoading, isDisabled, isBlock, noBorder, noBackground, round, isSolid, type, className, prefixIcon, appearance, onClick, }: ButtonProps) => JSX.Element;
 
 declare type ButtonProps = {
@@ -188,6 +199,13 @@ declare type CanProps = {
 
 export declare const changeLanguage: (user: any, t: TFunction) => void;
 
+export declare const Chart: {
+    Bar: typeof Bar;
+    Pie: typeof Pie;
+    Line: typeof Line;
+    Legends: typeof Legends;
+};
+
 export declare const Checkbox: React_2.ForwardRefExoticComponent<{
     id?: string | undefined;
     label?: string | undefined;
@@ -453,6 +471,23 @@ declare type LabelProps = {
     appearance?: FormFieldAppearance;
 };
 
+declare function Legends({ items, colorMap }: LegendsProps): JSX_2.Element;
+
+declare type LegendsProps = {
+    items: LegendItem[];
+    colorMap: Record<string, string>;
+};
+
+declare function Line({ data, options, lineRef }: LineProps): JSX_2.Element;
+
+declare type LineChartProps = ChartProps<'line', any[], unknown>;
+
+declare type LineProps = {
+    options?: LineChartProps['options'];
+    data: LineChartProps['data'];
+    lineRef?: any;
+};
+
 export declare const Loading: ({ className, appearance, layer, wrapperClass, }: LoadingProps) => JSX.Element;
 
 declare type LoadingProps = {
@@ -675,6 +710,15 @@ declare type PermType = `${PermissionsSlug}`;
 
 declare type PermType_2 = `${PermissionsSlug_2}`
 
+declare function Pie({ data, options }: PieProps): JSX_2.Element;
+
+declare type PieChartProps = ChartProps<'pie', number[], unknown>;
+
+declare type PieProps = {
+    options?: PieChartProps['options'];
+    data: PieChartProps['data'];
+};
+
 export declare enum PodStatusEnum {
     TERMINATED = "Terminated",
     TERMINATING = "Terminating",