@cagatayfdn/flora-components 0.0.19 → 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';
@@ -152,6 +154,21 @@ export declare const AuthProvider: (props: {
     children: React_2.ReactNode;
 }) => JSX_2.Element;
 
+export declare const Autocomplete: (props: AutocompleteProps) => JSX.Element;
+
+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 = {
@@ -182,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;
@@ -391,6 +415,48 @@ declare interface InfiniteScrollProps {
     loadMore: () => void;
 }
 
+export declare const Input: React_2.ForwardRefExoticComponent<{
+    type?: "number" | "email" | "search" | "text" | "password" | "url" | "tel" | "hidden" | undefined;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    suffixClickable?: boolean | undefined;
+    id?: string | undefined;
+    size?: Size | undefined;
+    className?: string | undefined;
+    appearance?: FormFieldAppearance | undefined;
+    autoComplete?: string | undefined;
+    isFormGroup?: boolean | undefined;
+    wrapperClassName?: string | undefined;
+    fieldWrapClassName?: string | undefined;
+    addonAfter?: string | undefined;
+    value?: any;
+    onChange?: ((event: any, value: any) => void) | undefined;
+    required?: boolean | undefined;
+    isRadius?: boolean | undefined;
+    textFillColor?: string | undefined;
+} & Omit<FormElementProps, "value"> & Omit<EventProps<HTMLInputElement>, "onMouseDown" | "onMouseUp" | "onMouseEnter" | "onMouseLeave"> & React_2.RefAttributes<HTMLInputElement>>;
+
+declare type InputProps = {
+    type?: 'text' | 'url' | 'number' | 'tel' | 'password' | 'email' | 'search' | 'hidden';
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    suffixClickable?: boolean;
+    id?: string;
+    size?: Size;
+    className?: string;
+    appearance?: FormFieldAppearance;
+    autoComplete?: string;
+    isFormGroup?: boolean;
+    wrapperClassName?: string;
+    fieldWrapClassName?: string;
+    addonAfter?: string;
+    value?: any;
+    onChange?: (event: any, value: any) => void;
+    required?: boolean;
+    isRadius?: boolean;
+    textFillColor?: string;
+} & Omit<FormElementProps, 'value'> & Omit<EventProps<HTMLInputElement>, 'onMouseUp' | 'onMouseDown' | 'onMouseEnter' | 'onMouseLeave'>;
+
 export declare enum isActiveColor {
     inActive = "#4482ff",
     active = "#3f4b5c"
@@ -405,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 = {
@@ -627,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",