react-frontend-common-components 0.0.4 → 0.0.9

package/dist/index.d.ts

@@ -1,9 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1, { ChangeEventHandler, MouseEventHandler, KeyboardEventHandler } from 'react';
-import { TabsProps, BadgeProps, AvatarProps } from 'antd';
+import { TabsProps, BadgeProps, AvatarProps, SelectProps, ListProps, DividerProps, BreadcrumbProps, CarouselProps, TableProps, FloatButtonProps } from 'antd';
 import { ChartData, ChartOptions } from 'chart.js';
 import { CollapseProps, CollapsePanelProps } from 'antd/lib/collapse';
 import { PaginationProps } from 'antd/lib/pagination';
+import { CardProps } from 'antd/lib/card';
+import { ColumnsType } from 'antd/lib/table';
+import { PopoverProps } from 'antd/lib/popover';
 
 interface AppInputProps {
     className?: string;
@@ -234,4 +237,185 @@ interface AppPasswordInputProps {
 }
 declare const AppPasswordInput: ({ label, name, value, dataTestId, id, disabled, handleChange, onClick, defaultValue, onPressEnter, className, errorMessage, isAutoFocus, autoComplete, }: AppPasswordInputProps) => react_jsx_runtime.JSX.Element;
 
-export { AppAvatar, AppBackArrow, AppBadge, AppButton, AppChart, AppCheckboxText, AppCollapse, AppCustomLoader, AppImageBox, AppInput, AppLocationMap, AppModal, AppOtpField, AppPagination, AppPasswordInput, Sidebar as AppSidebar, AppTab, AppTextarea, OverViewCard };
+interface TitleProps {
+    mainText: string;
+    className?: string;
+    subText?: string;
+    level?: 1 | 2 | 3 | 4 | 5;
+}
+declare const AppTitle: ({ mainText, className, subText, level, }: TitleProps) => react_jsx_runtime.JSX.Element;
+
+interface AppToggleButtonProps {
+    initialChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    checkedLabel?: string;
+    uncheckedLabel?: string;
+    className?: string;
+}
+declare const AppToggleButton: ({ initialChecked, onChange, checkedLabel, uncheckedLabel, className, }: AppToggleButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface AppUploadImageProps {
+    className?: string;
+    uploadIcon?: React$1.ReactNode;
+    value?: string;
+    text?: string;
+    onFileChange?: (file: File | null) => void;
+    alertMessages?: {
+        invalidType?: string;
+        sizeExceed?: string;
+    };
+    acceptedFormats?: string[];
+    maxSizeMb?: number;
+    altText?: string;
+}
+declare const AppUploadImage: ({ className, uploadIcon, value, text, onFileChange, alertMessages, acceptedFormats, maxSizeMb, altText, }: AppUploadImageProps) => react_jsx_runtime.JSX.Element;
+
+interface Option {
+    value: number;
+    text: string;
+}
+interface AppRadioGroupProps {
+    options: Option[];
+    selectedValue: number | null;
+    onChange: (value: number) => void;
+    className?: string;
+}
+declare const AppRadioGroup: ({ options, selectedValue, onChange, className, }: AppRadioGroupProps) => react_jsx_runtime.JSX.Element;
+
+interface AppSelectProps {
+    className?: string;
+    value?: string | null;
+    dataTestId?: string;
+    id?: string;
+    disabled?: boolean;
+    handleChange?: (value: string | string[]) => void;
+    onClick?: MouseEventHandler<HTMLElement>;
+    options?: Array<{
+        value: string;
+        label: string;
+    }>;
+    onSelectChange?: (value: string) => void;
+    required?: boolean;
+    placeholder?: string;
+    errorMessage?: string;
+}
+declare const AppSelect: ({ value, handleChange, options, disabled, placeholder, className, errorMessage, }: AppSelectProps) => react_jsx_runtime.JSX.Element;
+
+interface AppSelectAddProps extends SelectProps {
+    options?: SelectProps["options"];
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+}
+declare const AppSelectAdd: ({ options, placeholder, onChange, className, ...rest }: AppSelectAddProps) => react_jsx_runtime.JSX.Element;
+
+interface AppTagProps {
+    color?: string;
+    closable?: boolean;
+    onClick?: (e: React$1.MouseEvent<HTMLElement, MouseEvent>) => void;
+    style?: React$1.CSSProperties;
+    className?: string;
+    children: React$1.ReactNode;
+    closeIcon?: React$1.ReactNode;
+}
+declare const AppTag: ({ color, closable, onClick, style, className, children, closeIcon, }: AppTagProps) => react_jsx_runtime.JSX.Element | null;
+
+interface AppListProps<T> extends ListProps<T> {
+    renderItem: (item: T, index: number) => React$1.ReactNode;
+    className?: string;
+}
+declare const AppList: <T extends unknown>({ renderItem, dataSource, className, ...props }: AppListProps<T>) => react_jsx_runtime.JSX.Element;
+
+type LoaderType = "spinner" | "skeleton" | "custom";
+interface AppLoaderProps {
+    type?: LoaderType;
+    customLoader?: React$1.ReactNode;
+    className?: string;
+}
+declare const AppLoader: ({ type, customLoader, className }: AppLoaderProps) => string | number | true | Iterable<React$1.ReactNode> | react_jsx_runtime.JSX.Element;
+
+interface AppDividerProps extends DividerProps {
+    className?: string;
+}
+declare const AppDivider: ({ className, ...props }: AppDividerProps) => react_jsx_runtime.JSX.Element;
+
+interface AppLabelProps {
+    text: string;
+    htmlFor?: string;
+    color?: string;
+    fontSize?: string;
+    className?: string;
+}
+declare const AppLabel: ({ text, htmlFor, color, fontSize, className, }: AppLabelProps) => react_jsx_runtime.JSX.Element;
+
+interface AppBreadcrumbProps extends BreadcrumbProps {
+    className?: string;
+}
+declare const AppBreadcrumb: ({ className, ...props }: AppBreadcrumbProps) => react_jsx_runtime.JSX.Element;
+
+interface AppCardProps extends CardProps {
+    title?: React$1.ReactNode;
+    extra?: React$1.ReactNode;
+    cover?: React$1.ReactNode;
+    hoverable?: boolean;
+    actions?: React$1.ReactNode[];
+    className?: string;
+    borderless?: boolean;
+}
+declare const AppCard: ({ title, extra, cover, hoverable, actions, className, borderless, ...cardProps }: AppCardProps) => react_jsx_runtime.JSX.Element;
+
+interface AppCarouselProps extends CarouselProps {
+    items: React$1.ReactNode[];
+    className?: string;
+    nxtIcon?: React$1.ReactNode;
+    prevIcon?: React$1.ReactNode;
+    showIcon?: boolean;
+    showDots?: boolean;
+    showLines?: boolean;
+    autoplay?: boolean;
+}
+declare const AppCarousel: ({ items, className, nxtIcon, prevIcon, showIcon, showDots, autoplay, ...rest }: AppCarouselProps) => react_jsx_runtime.JSX.Element;
+
+interface AppTableProps<T> extends TableProps<T> {
+    columns: ColumnsType<T>;
+    dataSource: T[];
+    rowKey?: string;
+    bordered?: boolean;
+    pagination?: TableProps<T>["pagination"];
+    size?: "small" | "middle" | "large";
+    scroll?: TableProps<T>["scroll"];
+    className?: string;
+}
+declare const AppTable: <T extends object>({ columns, dataSource, rowKey, bordered, pagination, size, scroll, className, ...tableProps }: AppTableProps<T>) => react_jsx_runtime.JSX.Element;
+
+interface AppProgressProps {
+    percent: number;
+    type?: "line" | "circle" | "dashboard";
+    strokeColor?: string;
+    trailColor?: string;
+    size?: "default" | "small";
+    status?: "success" | "exception" | "normal" | "active";
+    showInfo?: boolean;
+    className?: string;
+}
+declare const AppProgress: ({ percent, type, strokeColor, trailColor, size, status, showInfo, className, }: AppProgressProps) => react_jsx_runtime.JSX.Element;
+
+interface AppPopoverProps extends PopoverProps {
+    content: React.ReactNode;
+    title?: React.ReactNode;
+    children: React.ReactNode;
+    bgColor?: string;
+    triggerType?: "hover" | "click";
+    color?: string;
+    className?: string;
+}
+declare const AppPopover: ({ content, title, children, bgColor, color, triggerType, className, ...popoverProps }: AppPopoverProps) => react_jsx_runtime.JSX.Element;
+
+interface AppFloatButtonProps extends FloatButtonProps {
+    className?: string;
+    onClick?: React$1.MouseEventHandler<HTMLButtonElement>;
+    onMouseEnter?: React$1.MouseEventHandler<HTMLButtonElement>;
+}
+declare const AppFloatButton: ({ className, onClick, onMouseEnter, ...props }: AppFloatButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { AppAvatar, AppBackArrow, AppBadge, AppBreadcrumb, AppButton, AppCard, AppCarousel, AppChart, AppCheckboxText, AppCollapse, AppCustomLoader, AppDivider, AppFloatButton, AppImageBox, AppInput, AppLabel, AppList, AppLoader, AppLocationMap, AppModal, AppOtpField, AppPagination, AppPasswordInput, AppPopover, AppProgress, AppRadioGroup, AppSelect, AppSelectAdd, Sidebar as AppSidebar, AppTab, AppTable, AppTag, AppTextarea, AppTitle, AppToggleButton, AppUploadImage, OverViewCard };