esewa-ui-library 1.0.1

package/dist/@types/index.d.ts

@@ -0,0 +1,61 @@
+export declare enum REQUEST_TYPE_ENUM {
+    INIT_APP = "INIT_APP",
+    REQUEST_PAYMENT = "REQUEST_PAYMENT",
+    USER_DETAIL_ACCESS = "USER_DETAIL_ACCESS",
+    MEDIA_ACCESS = "MEDIA_ACCESS",
+    LOCATION_ACCESS = "LOCATION_ACCESS",
+    VALIDATE_TRANSACTION = "VALIDATE_TRANSACTION"
+}
+export declare enum CALLBACK_TYPE_ENUM {
+    INIT_APP_CALLBACK = "INIT_APP_CALLBACK",
+    REQUEST_PAYMENT_CALLBACK = "REQUEST_PAYMENT_CALLBACK",
+    USER_DETAIL_ACCESS_CALLBACK = "USER_DETAIL_ACCESS_CALLBACK",
+    MEDIA_ACCESS_CALLBACK = "MEDIA_ACCESS_CALLBACK",
+    LOCATION_ACCESS_CALLBACK = "LOCATION_ACCESS_CALLBACK",
+    VALIDATE_TRANSACTION_CALLBACK = "VALIDATE_TRANSACTION_CALLBACK"
+}
+export interface MINI_APP_RESPONSE_TYPE {
+    requestType: string;
+    responseType: 'success' | 'error';
+    response: any;
+}
+export interface REQUEST_DATA_TYPE {
+    uuid?: string;
+    device_unique_id?: string;
+    merchant_identifier?: string;
+    vendorIdentifier?: any;
+    requestType: REQUEST_TYPE_ENUM;
+    method?: 'GET' | 'POST';
+    data?: any;
+    callbackKey?: string;
+    token?: any;
+    transactionCode?: string;
+    action?: string;
+}
+export declare type Callback = (data: MINI_APP_RESPONSE_TYPE) => void;
+declare global {
+    interface Window {
+        miniAppResponse: any;
+        Android: {
+            requestApp?: (data: any) => void;
+            INIT_APP_CALLBACK?: Callback | null;
+            REQUEST_PAYMENT_CALLBACK?: Callback | null;
+            USER_DETAIL_ACCESS_CALLBACK?: Callback | null;
+            MEDIA_ACCESS_CALLBACK?: Callback | null;
+            LOCATION_ACCESS_CALLBACK?: Callback | null;
+            VALIDATE_TRANSACTION_CALLBACK?: Callback | null;
+        };
+        webkit: {
+            requestApp: (data: any) => void;
+            receiveFromApp: (data: any) => void;
+            messageHandlers: {
+                iOSNative: {
+                    requestApp: (data: any) => void;
+                };
+            };
+            receiveDataFromWeb: (data: any) => void;
+            receiveDataFromApp: (data: any) => void;
+        };
+    }
+    function getDataFromMiniApp(e: any): void;
+}

package/dist/components/AlertCard/eSewaAlertCard.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface AlertCardProps {
+    alertCardClass?: string;
+    variant?: 'primary' | 'warning' | 'danger' | 'info';
+    title?: string;
+    description?: string;
+    descriptionIcon?: string;
+    showDescriptionIcon?: boolean;
+    titleIcon?: string;
+    dismissIcon?: string;
+    showDismissIcon?: boolean;
+    onDismiss?: () => void;
+    showCardFooter?: boolean;
+    buttonLabel?: string;
+    buttonOnClick?: () => void;
+}
+export declare const ESewaAlertCard: React.FC<AlertCardProps>;
+export default ESewaAlertCard;

package/dist/components/AppBar/eSewaAppbar.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface AppBarProps {
+    title?: string | any;
+    icon?: string;
+    imageUrl?: string;
+    onBackIconClick?: () => void;
+    onTitleClick?: () => void;
+    onActionIconClick?: () => void;
+    onClick?: () => void;
+    className?: string;
+    titleposition?: 'left' | 'center' | 'right';
+    actionIcon?: string;
+}
+export declare const ESewaAppBar: React.FC<AppBarProps>;
+export {};

package/dist/components/Button/eSewaButton.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+interface ButtonProps {
+    type?: 'button' | 'submit' | 'reset';
+    variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'info' | 'text';
+    onClick?: (e: any) => void;
+    children: React.ReactNode;
+    disabled?: boolean;
+    outlined?: boolean;
+    className?: string;
+    fullwidth?: boolean;
+    icon?: string;
+    label?: string;
+    iconPlacement?: 'start' | 'end';
+    iconClass?: string;
+    size?: 'large' | 'medium' | 'small';
+    textTransform?: 'uppercase' | 'capitalized';
+}
+export declare const ESewaButton: React.FC<ButtonProps>;
+export default ESewaButton;

package/dist/components/Card/eSewaCard.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface CardProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const ESewaCard: React.FC<CardProps>;
+export default ESewaCard;

package/dist/components/Carousel/eSewaCarousel.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+declare type CarouselProps = {
+    items: React.ReactNode[];
+    direction?: 'horizontal' | 'vertical';
+    itemWidth?: string;
+    itemHeight?: string;
+    showScrollbar?: boolean;
+    showIndicator?: boolean;
+    visibleItems?: number;
+    showNav?: boolean;
+    autoplay?: boolean;
+    autoplayInterval?: number;
+};
+export declare const ESewaCarousel: React.FC<CarouselProps>;
+export default ESewaCarousel;

package/dist/components/CheckBox/eSewaCheckbox.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare type CheckboxProps = {
+    label?: string;
+    onChange?: (checked: any) => void;
+    checked?: boolean;
+    labelClass?: string;
+    className?: string;
+    disabled?: boolean;
+};
+export declare const ESewaCheckbox: React.FC<CheckboxProps>;
+export default ESewaCheckbox;

package/dist/components/Chip/eSewaChipGroup.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface ChipGroupProps {
+    selection: 'single' | 'multiple';
+    required?: boolean;
+    chips: ChipProps[];
+    className?: string;
+}
+interface ChipProps {
+    showIcon?: boolean;
+    icon?: string;
+    text: string;
+    id: number;
+}
+export declare const ESewaChipGroup: React.FC<ChipGroupProps>;
+export default ESewaChipGroup;

package/dist/components/DatePicker-native/eSewaDatePicker.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+interface ESewaDatePickerProps {
+    value?: {
+        start: Date | null;
+        end: Date | null;
+    };
+    onChange?: (range: {
+        start: Date | null;
+        end: Date | null;
+    }) => void;
+    format?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    placeholder?: string;
+    variant?: 'outlined' | 'borderless' | 'filled';
+    disabled?: boolean;
+    allowClear?: boolean;
+    pickerType?: 'date' | 'week' | 'month' | 'year';
+    popupStyle?: React.CSSProperties;
+    popupClassName?: string;
+    mode?: 'single' | 'range';
+    label?: string;
+}
+declare const ESewaDatePickerNative: React.FC<ESewaDatePickerProps>;
+export default ESewaDatePickerNative;

package/dist/components/Datepicker/eSewaDatePicker.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface DatePickerProps {
+    id?: string;
+    name?: string;
+    label?: string;
+    value?: string;
+    min?: string;
+    max?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    className?: string;
+    validationMessage?: string;
+    autoFocus?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const ESewaDatePicker: ({ id, name, label, value, min, max, required, readOnly, disabled, className, onChange, validationMessage, autoFocus, ...rest }: DatePickerProps) => React.JSX.Element;
+export default ESewaDatePicker;

package/dist/components/Dialog/eSewaDialog.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+declare type DialogProps = {
+    isOpen: boolean;
+    showLeftIcon?: boolean;
+    leftIcon?: string;
+    showCloseIcon?: boolean;
+    closeIcon?: string;
+    okText?: string;
+    cancelText?: string;
+    title?: string;
+    children?: React.ReactNode;
+    onOk?: () => void;
+    onCancel?: () => void;
+    position?: 'center' | 'top' | 'bottom';
+    disableSubmitButton?: boolean;
+};
+export declare const ESewaDialog: React.FC<DialogProps>;
+export default ESewaDialog;

package/dist/components/Divider/eSewaDivider.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './../../styles/varaiables.scss';
+declare type DividerProps = {
+    color?: string;
+    thickness?: string;
+    width?: string;
+    margin?: string;
+    className?: string;
+    dotted?: boolean;
+};
+export declare const ESewaDivider: React.FC<DividerProps>;
+export default ESewaDivider;

package/dist/components/FullPageLoadingScreen/EsewaFullPageLoadingScreen.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface LoadingScreenProps {
+    text?: string;
+}
+export declare const EsewaFullPageLoadingScreen: React.FC<LoadingScreenProps>;
+export default EsewaFullPageLoadingScreen;

package/dist/components/Grid/eSewaGrid.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './eSewaGrid.scss';
+declare type GridProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+declare type GridItemProps = {
+    colSpan: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    children: React.ReactNode;
+    className?: string;
+};
+declare const ESewaGrid: React.FC<GridProps>;
+declare const ESewaGridItem: React.FC<GridItemProps>;
+export { ESewaGrid, ESewaGridItem };

package/dist/components/Icon/esIcon.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "../../styles/es-font-icon.scss";
+interface IconProps {
+    icon: string;
+    size?: number;
+    iconPrimaryColor?: string;
+    iconSecondaryColor?: string;
+}
+export declare const ESIcon: React.FC<IconProps>;
+export default ESIcon;

package/dist/components/Image/eSewaImage.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare type LazyImageProps = {
+    src?: string;
+    alt?: string;
+    width?: string | number;
+    height?: string | number;
+    className?: string;
+    fallbackSrc?: string;
+    loading?: 'lazy' | 'eager';
+};
+export declare const ESewaImage: React.FC<LazyImageProps>;
+export default ESewaImage;

package/dist/components/InputFeild/eSewaInputFeild.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+interface InputFieldProps {
+    id?: string;
+    type?: 'text' | 'password' | 'number' | 'email' | 'date' | 'checkbox' | 'radio' | 'select' | 'textarea';
+    name?: string;
+    label?: string;
+    placeholder?: string;
+    value?: string | number;
+    checked?: boolean;
+    pattern?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    required?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    className?: string;
+    validationMessage?: string;
+    autoFocus?: boolean;
+    onChange?: any;
+}
+export declare const ESewaInputField: React.FC<InputFieldProps>;
+export default ESewaInputField;

package/dist/components/InputFeildTextArea/eSewaInputFeildTextArea.d.ts

@@ -0,0 +1,17 @@
+import React, { ChangeEvent } from 'react';
+interface InputFieldTextAreaProps {
+    name?: string;
+    label?: string;
+    placeholder?: string;
+    value?: string | number;
+    maxLength?: number;
+    required?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    className?: string;
+    rows?: number;
+    validationMessage?: string;
+    onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+}
+export declare const ESewaInputFeildTextArea: React.FC<InputFieldTextAreaProps>;
+export default ESewaInputFeildTextArea;

package/dist/components/MultiSelect/eSewaMultiSelect.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface Option {
+    value: string;
+    label: string;
+}
+interface MultiSelectProps {
+    options: Option[];
+    onChange: (selectedItems: Option[]) => void;
+    placeholder?: string;
+}
+export declare const ESewaMultiSelect: React.FC<MultiSelectProps>;
+export default ESewaMultiSelect;

package/dist/components/NativeSelect/eSewaSelectNative.d.ts

@@ -0,0 +1,19 @@
+import React, { ChangeEvent } from 'react';
+declare type SelectProps = {
+    onChange?: (e: ChangeEvent<HTMLSelectElement>) => void;
+    placeholder?: string;
+    options?: Options[];
+    label?: string;
+    name?: string;
+    value?: string;
+    disabled?: boolean;
+    validationMessage?: string;
+    required?: boolean;
+    fullwidth?: boolean;
+};
+declare type Options = {
+    label: string;
+    value: any;
+};
+export declare const ESewaSelectNative: React.FC<SelectProps>;
+export default ESewaSelectNative;

package/dist/components/NepaliDatepicker/eSewaNepaliDatepicker.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface NepaliDatepickerProps {
+    label?: string;
+    className?: string;
+    value?: string;
+    onChange?: (val: string) => void;
+    calenderLocale?: 'en' | 'ne';
+}
+export declare const ESewaNepaliDatepicker: React.FC<NepaliDatepickerProps>;
+export default ESewaNepaliDatepicker;

package/dist/components/Radio/eSewaRadio.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare type RadioProps = {
+    key: any;
+    label?: string;
+    name: string;
+    onChange?: (checked: any) => void;
+    checked?: boolean;
+    labelClass?: string;
+    className?: string;
+};
+export declare const ESewaRadio: React.FC<RadioProps>;
+export default ESewaRadio;

package/dist/components/Rating/eSewaRating.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface RatingProps {
+    rating?: number;
+    count?: number;
+    onRate?: (rating: number) => void;
+    className?: string;
+}
+export declare const ESewaRating: React.FC<RatingProps>;
+export default ESewaRating;

package/dist/components/ReactSelect/eSewaSelect.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+interface SelectComponentProps<T> {
+    multi?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    name?: string;
+    required?: boolean;
+    placeholder: string;
+    className?: string;
+    onChange: (values: any) => void;
+    values?: T[];
+    options: T[];
+    searchBy?: string;
+    validationMessage?: string;
+    searchPlaceholder?: string;
+    labelField: string;
+}
+export declare const ESewaSelect: React.FC<SelectComponentProps<any>>;
+export {};

package/dist/components/SanitizeHtml/eSewaSanitizeHtml.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface SanitizedHtmlProps {
+    html: string | undefined;
+}
+export declare const ESewaSanitizeHtml: React.FC<SanitizedHtmlProps>;
+export default ESewaSanitizeHtml;

package/dist/components/ScrollVIew/eSewaScrolView.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface ScrollViewProps {
+    title: string;
+    icon?: string;
+    imageUrl?: string;
+    onClick?: () => void;
+    className?: string;
+}
+declare const ESewaScrolView: React.FC<ScrollViewProps>;
+export default ESewaScrolView;

package/dist/components/Skeleton/eSewaSkeleton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface SkeletonProps {
+    loading: boolean;
+    width?: string;
+    height?: string;
+    circle?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const ESewaSkeleton: React.FC<SkeletonProps>;
+export default ESewaSkeleton;

package/dist/components/Tag/eSewaTag.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface TagProps {
+    text: string;
+    icon?: React.ReactNode;
+    variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'info';
+    iconPosition?: 'start' | 'end';
+    size?: 'normal' | 'small';
+    onClick?: () => void;
+}
+export declare const ESewaTag: React.FC<TagProps>;
+export default ESewaTag;

package/dist/components/Tooltip/eSewaToolip.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface TooltipProps {
+    content: string;
+    children: React.ReactNode;
+    position?: 'top' | 'bottom' | 'left' | 'right';
+}
+export declare const ESewaTooltip: React.FC<TooltipProps>;
+export default ESewaTooltip;

package/dist/hooks/useDebounce/useDebounce.d.ts

@@ -0,0 +1 @@
+export declare const useDebounce: <T>(value: T, delay: number) => T;

package/dist/hooks/useMessage/useMessage.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const useMessage: () => {
+    success: (content: string, duration?: number | undefined) => void;
+    error: (content: string, duration?: number | undefined) => void;
+    info: (content: string, duration?: number | undefined) => void;
+    warning: (content: string, duration?: number | undefined) => void;
+    MessageComponent: React.JSX.Element | null;
+};
+export default useMessage;

package/dist/hooks/useSessionStorage/useSessionStorage.d.ts

@@ -0,0 +1 @@
+export declare const useSessionStorage: (key: string) => readonly [string | null, (value: string) => void];