react-frontend-common-components 0.0.2 → 0.0.4

package/dist/index.d.ts

@@ -1,6 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1, { ChangeEventHandler, MouseEventHandler, KeyboardEventHandler } from 'react';
-import { TabsProps, BadgeProps } from 'antd';
+import { TabsProps, BadgeProps, AvatarProps } from 'antd';
+import { ChartData, ChartOptions } from 'chart.js';
+import { CollapseProps, CollapsePanelProps } from 'antd/lib/collapse';
+import { PaginationProps } from 'antd/lib/pagination';
 
 interface AppInputProps {
     className?: string;
@@ -109,4 +112,126 @@ interface OverViewCardProps {
 }
 declare const OverViewCard: ({ className, text, number }: OverViewCardProps) => react_jsx_runtime.JSX.Element;
 
-export { AppBackArrow, AppBadge, AppButton, AppInput, Sidebar as AppSidebar, AppTab, AppTextarea, OverViewCard };
+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, }: AppChartProps) => react_jsx_runtime.JSX.Element;
+
+interface ImageType {
+    src: string;
+}
+interface AppImageBoxProps {
+    width?: number;
+    height?: number;
+    text?: string;
+    image: ImageType;
+    className?: string;
+}
+declare const AppImageBox: ({ width, height, text, image, className, }: 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 Type {
+    text: string;
+    className?: string;
+}
+declare const AppCheckboxText: ({ text, className }: Type) => 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;
+}
+declare const AppModal: ({ visible, onClose, title, description, children, footerButtons, alignTitleLeft, className, closeIcon, }: 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?: string;
+    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;
+}
+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 };