react-frontend-common-components 0.0.89 → 0.0.90

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-frontend-common-components",
-  "version": "0.0.89",
+  "version": "0.0.90",
   "description": "Reusable frontend library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/dist/index.d.ts

@@ -1,449 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { InputProps, TabsProps, BadgeProps, AvatarProps, SelectProps, ListProps, DividerProps, BreadcrumbProps, CarouselProps, TableProps, FloatButtonProps } from 'antd';
-import React$1, { ChangeEventHandler, MouseEventHandler, KeyboardEventHandler } from 'react';
-import { ChartData, ChartOptions } from 'chart.js';
-import { CheckboxChangeEvent } from 'antd/es/checkbox';
-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 extends InputProps {
-    className?: string;
-    label?: string;
-    name?: string;
-    value?: string;
-    dataTestId?: string;
-    id?: string;
-    disabled?: boolean;
-    handleChange?: ChangeEventHandler<HTMLInputElement>;
-    onClick?: MouseEventHandler<HTMLElement>;
-    onPressEnter?: KeyboardEventHandler<HTMLInputElement>;
-    defaultValue?: string;
-    isAutoFocus?: boolean;
-    triggerFocus?: boolean;
-    type?: string;
-    isOptional?: boolean;
-    errorMessage?: string;
-    suffixIcon?: React.ReactNode;
-    prefixIcon?: React.ReactNode;
-    required?: boolean;
-}
-declare const AppInput: ({ className, label, name, value, dataTestId, type, id, disabled, handleChange, onClick, defaultValue, onPressEnter, isAutoFocus, triggerFocus, isOptional, errorMessage, suffixIcon, prefixIcon, required, ...props }: AppInputProps) => react_jsx_runtime.JSX.Element;
-
-interface AppButtonProps {
-    size?: "small" | "middle" | "large" | "default" | undefined;
-    className?: string;
-    handleClick?: MouseEventHandler<HTMLElement>;
-    icon?: React$1.ReactNode;
-    text?: string;
-    disabled?: boolean;
-    iconPosition?: string;
-    isLoading?: boolean;
-    type?: "default" | "text" | "link" | "primary" | "dashed" | undefined;
-}
-declare const AppButton: ({ type, size, className, handleClick, icon, text, disabled, iconPosition, isLoading, }: AppButtonProps) => react_jsx_runtime.JSX.Element;
-
-interface SidebarProps {
-    links: {
-        onClick?: () => void;
-        label: string;
-        path: string;
-        icon: React$1.ReactNode;
-        activeIcon?: React$1.ReactNode;
-        tag?: React$1.ReactNode;
-    }[];
-    sideBarHead?: React$1.ReactNode;
-    footerLinks?: {
-        label: string;
-        path: string;
-        icon: React$1.ReactNode;
-        activeIcon?: React$1.ReactNode;
-    }[];
-    className?: string;
-    activeLink?: string;
-}
-declare const Sidebar: ({ links, sideBarHead, footerLinks, className, activeLink, }: SidebarProps) => react_jsx_runtime.JSX.Element;
-
-interface textAreaProps {
-    id?: string;
-    label?: string;
-    name?: string;
-    value?: string;
-    dataTestId?: string;
-    defaultValue?: string;
-    onPressEnter?: KeyboardEventHandler<HTMLTextAreaElement>;
-    handleChange?: ChangeEventHandler<HTMLTextAreaElement>;
-    autoSize?: {
-        minRows?: number;
-        maxRows?: number;
-    };
-    rows?: number;
-    cols?: number;
-    placeholder?: string;
-    className?: string;
-    error?: string;
-}
-declare const AppTextarea: ({ id, placeholder, name, value, dataTestId, defaultValue, onPressEnter, handleChange, rows, cols, className, error, }: textAreaProps) => react_jsx_runtime.JSX.Element;
-
-interface AppTabProps {
-    className?: string;
-    items?: TabsProps["items"];
-    handleChange?: (activeKey: string) => void;
-    defaultActiveKey?: string;
-    activeKey?: string;
-}
-declare const AppTab: ({ className, items, handleChange, defaultActiveKey, activeKey, }: AppTabProps) => react_jsx_runtime.JSX.Element;
-
-interface BackArrowProps {
-    text?: string;
-    href?: string;
-    className?: string;
-    backIcon?: React$1.ReactNode;
-    onClick?: MouseEventHandler<HTMLElement>;
-}
-declare const AppBackArrow: ({ text, href, className, backIcon, onClick, }: BackArrowProps) => react_jsx_runtime.JSX.Element;
-
-interface AppBadgeProps extends Omit<BadgeProps, "content"> {
-    content?: React$1.ReactNode;
-    children: React$1.ReactNode;
-    className?: string;
-    ribbon?: {
-        text: React$1.ReactNode;
-        color?: string;
-        placement?: "start" | "end";
-    };
-}
-declare const AppBadge: ({ content, children, className, ribbon, ...props }: AppBadgeProps) => react_jsx_runtime.JSX.Element;
-
-interface OverViewCardProps {
-    className?: string;
-    text?: string;
-    number?: number | string;
-}
-declare const OverViewCard: ({ className, text, number }: OverViewCardProps) => react_jsx_runtime.JSX.Element;
-
-type ChartType = "bar" | "line" | "pie" | "doughnut";
-interface AppChartProps {
-    type: ChartType;
-    data: ChartData<"bar" | "line" | "pie" | "doughnut">;
-    options?: ChartOptions<"bar" | "line" | "pie" | "doughnut">;
-    className?: string;
-    height?: number;
-    width?: number;
-}
-declare const AppChart: ({ type, data, options, className, height, width, ...props }: AppChartProps) => react_jsx_runtime.JSX.Element;
-
-interface ImageType {
-    src: string;
-}
-interface AppImageBoxProps {
-    width?: number;
-    height?: number;
-    text?: string;
-    image: ImageType;
-    className?: string;
-    handleClick?: MouseEventHandler<HTMLElement>;
-}
-declare const AppImageBox: ({ width, height, text, image, className, handleClick, }: AppImageBoxProps) => react_jsx_runtime.JSX.Element;
-
-interface AppAvatarProps extends AvatarProps {
-    fallbackIcon?: React$1.ReactNode;
-    className?: string;
-}
-declare const AppAvatar: ({ src, fallbackIcon, className, ...props }: AppAvatarProps) => react_jsx_runtime.JSX.Element;
-
-interface AppCheckboxTextProps {
-    text: string;
-    checked?: boolean;
-    handleChange?: (e: CheckboxChangeEvent) => void;
-    className?: string;
-}
-declare const AppCheckboxText: ({ text, checked, handleChange, className, }: AppCheckboxTextProps) => react_jsx_runtime.JSX.Element;
-
-interface AppCollapseProps extends CollapseProps {
-    panels?: {
-        key: string;
-        header: React$1.ReactNode;
-        content: React$1.ReactNode;
-        collapsible?: CollapsePanelProps["collapsible"];
-    }[];
-    className?: string;
-}
-declare const AppCollapse: ({ panels, defaultActiveKey, onChange, expandIconPosition, ghost, accordion, expandIcon, size, bordered, activeKey, className, ...restProps }: AppCollapseProps) => react_jsx_runtime.JSX.Element;
-
-interface AppCustomLoaderProps {
-    className?: string;
-}
-declare const AppCustomLoader: ({ className }: AppCustomLoaderProps) => react_jsx_runtime.JSX.Element;
-
-interface LatLng {
-    lat: number;
-    lng: number;
-}
-interface LocationMapProps {
-    cityId?: LatLng;
-    className?: string;
-    containerStyle?: React$1.CSSProperties;
-    clickableIcons?: boolean;
-    zoom?: number;
-    mapKey: string;
-}
-declare const AppLocationMap: ({ cityId, className, containerStyle, clickableIcons, zoom, mapKey, }: LocationMapProps) => react_jsx_runtime.JSX.Element;
-
-interface AppModalProps {
-    visible: boolean;
-    onClose: () => void;
-    title?: string;
-    description?: string;
-    children: React$1.ReactNode;
-    footerButtons?: React$1.ReactNode;
-    alignTitleLeft?: boolean;
-    className?: string;
-    closeIcon?: React$1.ReactNode;
-    width?: number;
-}
-declare const AppModal: ({ visible, onClose, title, description, children, footerButtons, alignTitleLeft, className, closeIcon, width, }: AppModalProps) => react_jsx_runtime.JSX.Element;
-
-interface AppOtpFieldProps {
-    otp: string;
-    onChange: (otp: string) => void;
-    numInputs?: number;
-    otpError?: string;
-    resendTimeout?: number;
-    onResendOtp?: () => void;
-    setResendTimeout: (timeout: number) => void;
-    className?: string;
-    resendTxt?: React$1.ReactNode;
-    resendTime: string;
-}
-declare const AppOtpField: ({ otp, onChange, numInputs, otpError, resendTimeout, onResendOtp, setResendTimeout, className, resendTxt, resendTime, }: AppOtpFieldProps) => react_jsx_runtime.JSX.Element;
-
-interface AppPaginationProps extends PaginationProps {
-    total: number;
-    currentPage: number;
-    pageSize?: number;
-    onPageChange: (page: number, pageSize: number) => void;
-    showGotoBox: boolean;
-    sizeChanger: boolean;
-    className?: string;
-}
-declare const AppPagination: ({ total, currentPage, pageSize, onPageChange, showGotoBox, sizeChanger, className, ...rest }: AppPaginationProps) => react_jsx_runtime.JSX.Element;
-
-interface AppPasswordInputProps {
-    className?: string;
-    label?: string;
-    name?: string;
-    value?: string;
-    dataTestId?: string;
-    id?: string;
-    disabled?: boolean;
-    handleChange?: ChangeEventHandler<HTMLInputElement>;
-    onClick?: MouseEventHandler<HTMLElement>;
-    onPressEnter?: KeyboardEventHandler<HTMLInputElement>;
-    defaultValue?: string;
-    isAutoFocus?: boolean;
-    triggerFocus?: boolean;
-    errorMessage?: string;
-    autoComplete?: string;
-    icon?: React$1.ReactNode;
-    hiddenIcon?: React$1.ReactNode;
-    showIcon?: boolean;
-}
-declare const AppPasswordInput: ({ label, name, value, dataTestId, id, disabled, handleChange, onClick, defaultValue, onPressEnter, className, errorMessage, isAutoFocus, triggerFocus, autoComplete, icon, hiddenIcon, showIcon, }: AppPasswordInputProps) => react_jsx_runtime.JSX.Element;
-
-interface TitleProps {
-    mainText: React$1.ReactNode;
-    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 Options {
-    value: string;
-    label: string;
-    flag?: string;
-}
-interface AppSelectProps extends SelectProps {
-    className?: string;
-    value?: string | null;
-    dataTestId?: string;
-    id?: string;
-    disabled?: boolean;
-    handleChange?: (value: string | string[]) => void;
-    onClick?: MouseEventHandler<HTMLElement>;
-    options?: Options[];
-    onSelectChange?: (value: string) => void;
-    required?: boolean;
-    placeholder?: string;
-    errorMessage?: string;
-    showSearch?: boolean;
-}
-declare const AppSelect: ({ value, handleChange, options, disabled, placeholder, className, errorMessage, showSearch, required, ...props }: 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;
-
-interface AppPhoneInputProps {
-    countryCode?: string;
-    phone: string;
-    handleChange: (phone: string, countryCode: string, uniCode: string) => void;
-    className: string;
-    id: string;
-}
-declare const AppPhoneInput: ({ handleChange, countryCode, phone, className, id, }: AppPhoneInputProps) => 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, AppPhoneInput, AppPopover, AppProgress, AppRadioGroup, AppSelect, AppSelectAdd, Sidebar as AppSidebar, AppTab, AppTable, AppTag, AppTextarea, AppTitle, AppToggleButton, AppUploadImage, OverViewCard };