react-frontend-common-components 0.0.92 → 0.0.94

package/dist/components/app-avatar/app-avatar.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { AvatarProps } from "antd";
+interface AppAvatarProps extends AvatarProps {
+    fallbackIcon?: React.ReactNode;
+    className?: string;
+}
+declare const AppAvatar: ({ src, fallbackIcon, className, ...props }: AppAvatarProps) => import("react/jsx-runtime").JSX.Element;
+export default AppAvatar;

package/dist/components/app-back-arrow/app-back-arrow.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { MouseEventHandler } from "react";
+import "./app-back-arrow.css";
+interface BackArrowProps {
+    text?: string;
+    href?: string;
+    className?: string;
+    backIcon?: React.ReactNode;
+    onClick?: MouseEventHandler<HTMLElement>;
+}
+declare const AppBackArrow: ({ text, href, className, backIcon, onClick, }: BackArrowProps) => import("react/jsx-runtime").JSX.Element;
+export default AppBackArrow;

package/dist/components/app-badge/app-badge.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { BadgeProps as AntdBadgeProps } from "antd";
+import "./app-badge.css";
+interface AppBadgeProps extends Omit<AntdBadgeProps, "content"> {
+    content?: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+    ribbon?: {
+        text: React.ReactNode;
+        color?: string;
+        placement?: "start" | "end";
+    };
+}
+declare const AppBadge: ({ content, children, className, ribbon, ...props }: AppBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default AppBadge;

package/dist/components/app-bread-crumb/app-bread-crumb.d.ts

@@ -0,0 +1,6 @@
+import { BreadcrumbProps } from "antd";
+interface AppBreadcrumbProps extends BreadcrumbProps {
+    className?: string;
+}
+declare const AppBreadcrumb: ({ className, ...props }: AppBreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
+export default AppBreadcrumb;

package/dist/components/app-button/app-button.d.ts

@@ -0,0 +1,16 @@
+import { MouseEventHandler } from "react";
+import "./app-button.css";
+import React from "react";
+interface AppButtonProps {
+    size?: "small" | "middle" | "large" | "default" | undefined;
+    className?: string;
+    handleClick?: MouseEventHandler<HTMLElement>;
+    icon?: React.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) => import("react/jsx-runtime").JSX.Element;
+export default AppButton;

package/dist/components/app-card/app-card.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { CardProps } from "antd/lib/card";
+import "./app-card.css";
+interface AppCardProps extends CardProps {
+    title?: React.ReactNode;
+    extra?: React.ReactNode;
+    cover?: React.ReactNode;
+    hoverable?: boolean;
+    actions?: React.ReactNode[];
+    className?: string;
+    borderless?: boolean;
+}
+declare const AppCard: ({ title, extra, cover, hoverable, actions, className, borderless, ...cardProps }: AppCardProps) => import("react/jsx-runtime").JSX.Element;
+export default AppCard;

package/dist/components/app-carousel/app-carousel.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { CarouselProps } from "antd";
+import "./app-carousel.css";
+interface AppCarouselProps extends CarouselProps {
+    items: React.ReactNode[];
+    className?: string;
+    nxtIcon?: React.ReactNode;
+    prevIcon?: React.ReactNode;
+    showIcon?: boolean;
+    showDots?: boolean;
+    showLines?: boolean;
+    autoplay?: boolean;
+}
+declare const AppCarousel: ({ items, className, nxtIcon, prevIcon, showIcon, showDots, autoplay, ...rest }: AppCarouselProps) => import("react/jsx-runtime").JSX.Element;
+export default AppCarousel;

package/dist/components/app-chart/app-chart.d.ts

@@ -0,0 +1,13 @@
+import { ChartData, ChartOptions } from "chart.js";
+import "./app-chart.css";
+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) => import("react/jsx-runtime").JSX.Element;
+export default AppChart;

package/dist/components/app-checkbox-text/app-checkbox-text.d.ts

@@ -0,0 +1,10 @@
+import { CheckboxChangeEvent } from "antd/es/checkbox";
+import "./app-checkbox-text.css";
+interface AppCheckboxTextProps {
+    text: string;
+    checked?: boolean;
+    handleChange?: (e: CheckboxChangeEvent) => void;
+    className?: string;
+}
+declare const AppCheckboxText: ({ text, checked, handleChange, className, }: AppCheckboxTextProps) => import("react/jsx-runtime").JSX.Element;
+export default AppCheckboxText;

package/dist/components/app-collapse/app-collapse.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { CollapseProps, CollapsePanelProps } from "antd/lib/collapse";
+interface AppCollapseProps extends CollapseProps {
+    panels?: {
+        key: string;
+        header: React.ReactNode;
+        content: React.ReactNode;
+        collapsible?: CollapsePanelProps["collapsible"];
+    }[];
+    className?: string;
+}
+declare const AppCollapse: ({ panels, defaultActiveKey, onChange, expandIconPosition, ghost, accordion, expandIcon, size, bordered, activeKey, className, ...restProps }: AppCollapseProps) => import("react/jsx-runtime").JSX.Element;
+export default AppCollapse;

package/dist/components/app-custom-loader/app-custom-loader.d.ts

@@ -0,0 +1,6 @@
+import "./app-custom-loader.css";
+interface AppCustomLoaderProps {
+    className?: string;
+}
+declare const AppCustomLoader: ({ className }: AppCustomLoaderProps) => import("react/jsx-runtime").JSX.Element;
+export default AppCustomLoader;

package/dist/components/app-divider/app-divider.d.ts

@@ -0,0 +1,6 @@
+import { DividerProps } from "antd";
+interface AppDividerProps extends DividerProps {
+    className?: string;
+}
+declare const AppDivider: ({ className, ...props }: AppDividerProps) => import("react/jsx-runtime").JSX.Element;
+export default AppDivider;

package/dist/components/app-float-button/app-float-button.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { FloatButtonProps } from "antd";
+interface AppFloatButtonProps extends FloatButtonProps {
+    className?: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
+}
+declare const AppFloatButton: ({ className, onClick, onMouseEnter, ...props }: AppFloatButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default AppFloatButton;

package/dist/components/app-image-box/app-image-box.d.ts

@@ -0,0 +1,15 @@
+import { MouseEventHandler } from "react";
+import "./app-image-box.css";
+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) => import("react/jsx-runtime").JSX.Element;
+export default AppImageBox;

package/dist/components/app-input/app-input.d.ts

@@ -0,0 +1,26 @@
+import { InputProps } from "antd";
+import { ChangeEventHandler, KeyboardEventHandler, MouseEventHandler } from "react";
+import "./app-input.css";
+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) => import("react/jsx-runtime").JSX.Element;
+export default AppInput;

package/dist/components/app-label/app-label.d.ts

@@ -0,0 +1,10 @@
+import "./app-label.css";
+interface AppLabelProps {
+    text: string;
+    htmlFor?: string;
+    color?: string;
+    fontSize?: string;
+    className?: string;
+}
+declare const AppLabel: ({ text, htmlFor, color, fontSize, className, }: AppLabelProps) => import("react/jsx-runtime").JSX.Element;
+export default AppLabel;

package/dist/components/app-list/app-list.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ListProps } from "antd";
+interface AppListProps<T> extends ListProps<T> {
+    renderItem: (item: T, index: number) => React.ReactNode;
+    className?: string;
+}
+declare const AppList: <T extends unknown>({ renderItem, dataSource, className, ...props }: AppListProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default AppList;

package/dist/components/app-loader/app-loader.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./app-loader.css";
+type LoaderType = "spinner" | "skeleton" | "custom";
+interface AppLoaderProps {
+    type?: LoaderType;
+    customLoader?: React.ReactNode;
+    className?: string;
+}
+declare const AppLoader: ({ type, customLoader, className }: AppLoaderProps) => string | number | true | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element;
+export default AppLoader;

package/dist/components/app-location-map/app-location-map.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import "./app-location-map.css";
+interface LatLng {
+    lat: number;
+    lng: number;
+}
+interface LocationMapProps {
+    cityId?: LatLng;
+    className?: string;
+    containerStyle?: React.CSSProperties;
+    clickableIcons?: boolean;
+    zoom?: number;
+    mapKey: string;
+}
+declare const AppLocationMap: ({ cityId, className, containerStyle, clickableIcons, zoom, mapKey, }: LocationMapProps) => import("react/jsx-runtime").JSX.Element;
+export default AppLocationMap;

package/dist/components/app-modal/app-modal.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import "./app-modal.css";
+interface AppModalProps {
+    visible: boolean;
+    onClose: () => void;
+    title?: string;
+    description?: string;
+    children: React.ReactNode;
+    footerButtons?: React.ReactNode;
+    alignTitleLeft?: boolean;
+    className?: string;
+    closeIcon?: React.ReactNode;
+    width?: number;
+}
+declare const AppModal: ({ visible, onClose, title, description, children, footerButtons, alignTitleLeft, className, closeIcon, width, }: AppModalProps) => import("react/jsx-runtime").JSX.Element;
+export default AppModal;

package/dist/components/app-otp-field/app-otp-field.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import "./app-otp-field.css";
+interface AppOtpFieldProps {
+    otp: string;
+    onChange: (otp: string) => void;
+    numInputs?: number;
+    otpError?: string;
+    resendTimeout?: number;
+    onResendOtp?: () => void;
+    setResendTimeout: (timeout: number) => void;
+    className?: string;
+    resendTxt?: React.ReactNode;
+    resendTime: string;
+}
+declare const AppOtpField: ({ otp, onChange, numInputs, otpError, resendTimeout, onResendOtp, setResendTimeout, className, resendTxt, resendTime, }: AppOtpFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default AppOtpField;

package/dist/components/app-pagination/app-pagination.d.ts

@@ -0,0 +1,12 @@
+import { PaginationProps } from "antd/lib/pagination";
+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) => import("react/jsx-runtime").JSX.Element;
+export default AppPagination;

package/dist/components/app-password-input/app-password-input.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { ChangeEventHandler, KeyboardEventHandler, MouseEventHandler } from "react";
+import "./app-password-input.css";
+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.ReactNode;
+    hiddenIcon?: React.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) => import("react/jsx-runtime").JSX.Element;
+export default AppPasswordInput;

package/dist/components/app-phone-input/app-phone-input.d.ts

@@ -0,0 +1,11 @@
+import "react-phone-input-2/lib/style.css";
+import "./app-phone-input.css";
+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) => import("react/jsx-runtime").JSX.Element;
+export default AppPhoneInput;

package/dist/components/app-popover/app-popover.d.ts

@@ -0,0 +1,13 @@
+import { PopoverProps } from "antd/lib/popover";
+import "./app-popover.css";
+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) => import("react/jsx-runtime").JSX.Element;
+export default AppPopover;

package/dist/components/app-progress/app-progress.d.ts

@@ -0,0 +1,12 @@
+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) => import("react/jsx-runtime").JSX.Element;
+export default AppProgress;

package/dist/components/app-radio-group/app-radio-group.d.ts

@@ -0,0 +1,13 @@
+import "./app-radio-group.css";
+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) => import("react/jsx-runtime").JSX.Element;
+export default AppRadioGroup;

package/dist/components/app-select/app-select.d.ts

@@ -0,0 +1,25 @@
+import { SelectProps } from "antd";
+import { MouseEventHandler } from "react";
+import "./app-select.css";
+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) => import("react/jsx-runtime").JSX.Element;
+export default AppSelect;

package/dist/components/app-select-add/app-select-add.d.ts

@@ -0,0 +1,10 @@
+import type { SelectProps } from "antd";
+import "./app-select-add.css";
+interface AppSelectAddProps extends SelectProps {
+    options?: SelectProps["options"];
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+}
+declare const AppSelectAdd: ({ options, placeholder, onChange, className, ...rest }: AppSelectAddProps) => import("react/jsx-runtime").JSX.Element;
+export default AppSelectAdd;

package/dist/components/app-sidebar/app-sidebar.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import "./app-sidebar.css";
+interface SidebarProps {
+    links: {
+        onClick?: () => void;
+        label: string;
+        path: string;
+        icon: React.ReactNode;
+        activeIcon?: React.ReactNode;
+        tag?: React.ReactNode;
+    }[];
+    sideBarHead?: React.ReactNode;
+    footerLinks?: {
+        label: string;
+        path: string;
+        icon: React.ReactNode;
+        activeIcon?: React.ReactNode;
+    }[];
+    className?: string;
+    activeLink?: string;
+}
+declare const Sidebar: ({ links, sideBarHead, footerLinks, className, activeLink, }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
+export default Sidebar;

package/dist/components/app-tab/app-tab.d.ts

@@ -0,0 +1,11 @@
+import type { TabsProps } from "antd";
+import "./app-tab.css";
+interface AppTabProps {
+    className?: string;
+    items?: TabsProps["items"];
+    handleChange?: (activeKey: string) => void;
+    defaultActiveKey?: string;
+    activeKey?: string;
+}
+declare const AppTab: ({ className, items, handleChange, defaultActiveKey, activeKey, }: AppTabProps) => import("react/jsx-runtime").JSX.Element;
+export default AppTab;

package/dist/components/app-table/app-table.d.ts

@@ -0,0 +1,14 @@
+import { TableProps } from "antd";
+import { ColumnsType } from "antd/lib/table";
+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>) => import("react/jsx-runtime").JSX.Element;
+export default AppTable;

package/dist/components/app-tag/app-tag.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import "./app-tag.css";
+interface AppTagProps {
+    color?: string;
+    closable?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    style?: React.CSSProperties;
+    className?: string;
+    children: React.ReactNode;
+    closeIcon?: React.ReactNode;
+}
+declare const AppTag: ({ color, closable, onClick, style, className, children, closeIcon, }: AppTagProps) => import("react/jsx-runtime").JSX.Element | null;
+export default AppTag;

package/dist/components/app-textarea/app-textarea.d.ts

@@ -0,0 +1,23 @@
+import { ChangeEventHandler, KeyboardEventHandler } from "react";
+import "./app-textarea.css";
+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) => import("react/jsx-runtime").JSX.Element;
+export default AppTextarea;

package/dist/components/app-title/app-title.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./app-title.css";
+interface TitleProps {
+    mainText: React.ReactNode;
+    className?: string;
+    subText?: string;
+    level?: 1 | 2 | 3 | 4 | 5;
+}
+declare const AppTitle: ({ mainText, className, subText, level, }: TitleProps) => import("react/jsx-runtime").JSX.Element;
+export default AppTitle;

package/dist/components/app-toggle-button/app-toggle-button.d.ts

@@ -0,0 +1,10 @@
+import "./app-toggle-button.css";
+interface AppToggleButtonProps {
+    initialChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    checkedLabel?: string;
+    uncheckedLabel?: string;
+    className?: string;
+}
+declare const AppToggleButton: ({ initialChecked, onChange, checkedLabel, uncheckedLabel, className, }: AppToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default AppToggleButton;

package/dist/components/app-upload-image/app-upload-image.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import "./app-upload-image.css";
+interface AppUploadImageProps {
+    className?: string;
+    uploadIcon?: React.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) => import("react/jsx-runtime").JSX.Element;
+export default AppUploadImage;

package/dist/components/over-view-card/over-view-card.d.ts

@@ -0,0 +1,8 @@
+import "./over-view-card.css";
+interface OverViewCardProps {
+    className?: string;
+    text?: string;
+    number?: number | string;
+}
+declare const OverViewCard: ({ className, text, number }: OverViewCardProps) => import("react/jsx-runtime").JSX.Element;
+export default OverViewCard;