dhre-component-lib 0.3.1 → 0.3.3

package/dist/components/Accordian/Accordian.d.ts

@@ -9,6 +9,7 @@ type AccordionProps = {
     upArrowIcon: React.ReactNode;
     downArrowIcon: React.ReactNode;
     openByDefault?: boolean;
+    borderBottom?: boolean;
 };
 declare const Accordion: React.FC<AccordionProps>;
 export default Accordion;

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

@@ -1,11 +1,19 @@
 import React from "react";
-import './Button.module.scss';
-export interface ButtonProps {
-    label: string;
-    variant: 'text' | 'outlined' | 'contained';
-    color: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
-    size: 'small' | 'medium' | 'large';
-    handleClick: () => void;
-}
+import "./Button.module.scss";
+import { ButtonCategory, CircularProgressColor } from "../Enum";
+type ButtonProps = {
+    label: React.ReactNode;
+    onClick?: () => void;
+    category?: ButtonCategory;
+    loading?: boolean;
+    disabled?: boolean;
+    width?: string;
+    height?: string;
+    borderRadius?: string;
+    className?: string;
+    loaderThickness?: number;
+    loaderColor?: CircularProgressColor;
+    loaderSize?: number;
+};
 declare const Button: React.FC<ButtonProps>;
 export default Button;

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

@@ -0,0 +1,14 @@
+import React from "react";
+import "./Carousel.module.scss";
+import { MediaType } from "../Enum";
+export interface CarouselProps {
+    items: CarouselItems[];
+}
+export interface CarouselItems {
+    src: string;
+    type: MediaType;
+    alt: string;
+    extension: string;
+}
+declare const Carousel: React.FC<CarouselProps>;
+export default Carousel;

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

@@ -0,0 +1 @@
+export { default } from "./Carousel";

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 interface CustomCheckboxProps {
-    label?: string;
+    label?: React.ReactNode;
     checked?: boolean;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     className?: string;

package/dist/components/CircularProgress/CircularProgress.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import './CircularProgress.module.scss';
+import { CircularProgressColor, CircularProgressVariant } from '../Enum';
 export interface CircularProgressProps {
     value?: number;
-    variant?: 'determinate' | 'indeterminate';
-    color?: 'primary' | 'secondary' | 'error' | 'success' | 'info' | 'warning';
+    variant?: CircularProgressVariant;
+    color?: CircularProgressColor;
     thickness?: number;
     size?: number | string;
 }

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./Drawer.module.scss";
+interface DrawerProps {
+    openSideDrawer: boolean;
+    closeSideDrawer: () => void;
+    width: string;
+    component: React.ReactNode;
+    anchor?: "left" | "right" | "top" | "bottom";
+    variant?: "temporary" | "persistent" | "permanent";
+}
+declare const Drawer: React.FC<DrawerProps>;
+export default Drawer;

package/dist/components/Drawer/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Drawer";

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import "./Dropdown.module.scss";
+type value = {
+    name: string;
+    value: string;
+};
+declare function Dropdown(props: {
+    placeholder: string;
+    getSelectedValue: (value: value) => void;
+    dropdownList: value[];
+    arrowUp: React.ReactNode;
+    arrowDown: React.ReactNode;
+    value?: value;
+}): React.JSX.Element;
+export default Dropdown;

package/dist/components/Dropdown/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Dropdown";

package/dist/components/Enum.d.ts

@@ -15,3 +15,34 @@ export declare const LINK_TARGET: {
     Parent: string;
     Top: string;
 };
+export declare enum CircularProgressVariant {
+    Determinate = "determinate",
+    Indeterminate = "indeterminate"
+}
+export declare enum CircularProgressColor {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    ERROR = "error",
+    SUCCESS = "success",
+    INFO = "info",
+    WARNING = "warning",
+    WHITE = "white",
+    BLACK = "black"
+}
+export declare enum ButtonCategory {
+    FILLED = "filled",
+    OUTLINED = "outlined",
+    TEXT = "text"
+}
+export declare enum ToastTimer {
+    INTERVAL = 100
+}
+export declare enum MediaType {
+    Image = "image",
+    Video = "video"
+}
+export declare enum ToastStatus {
+    ERROR = "error",
+    SUCCESS = "success",
+    WARNING = "warning"
+}

package/dist/components/HoverOptionsWrapper/HoverOptionsWrapper.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from "react";
+import "./HoverOptionsWrapper.module.scss";
+interface SwipeActionWrapperProps {
+    children: ReactNode;
+    onPin?: () => void;
+    onRead?: () => void;
+    onDelete?: () => void;
+    pinIcon: React.ReactNode;
+    readIcon: React.ReactNode;
+    deleteIcon: React.ReactNode;
+    swipeThreshold?: number;
+}
+declare const HoverOptionsWrapper: React.FC<SwipeActionWrapperProps>;
+export default HoverOptionsWrapper;

package/dist/components/HoverOptionsWrapper/HoverOptionsWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/HoverOptionsWrapper/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./HoverOptionsWrapper";

package/dist/components/InputTextField/InputTextField.d.ts

@@ -11,6 +11,9 @@ export interface CustomInputFieldProps {
     error?: string;
     errorClassName?: string;
     id?: string;
+    maxLength?: number;
+    minLength?: number;
+    checkValidation?: () => void;
 }
 declare const CustomInputField: React.FC<CustomInputFieldProps>;
 export default CustomInputField;

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './Menu.module.scss';
+interface MenuInterface {
+    openMenu: boolean;
+    closeMenu: () => void;
+    component: React.ReactNode;
+    menuStyles: string;
+}
+declare const Menu: (props: MenuInterface) => React.JSX.Element;
+export default Menu;

package/dist/components/Modal/Modal.d.ts

@@ -6,6 +6,7 @@ interface ModalProps {
     title?: React.ReactNode;
     children: React.ReactNode;
     crossIcon: React.ReactNode;
+    className?: string;
 }
 declare const Modal: React.FC<ModalProps>;
 export default Modal;

package/dist/components/RangeSlider/RangeSlider.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './RangeSlider.module.scss';
+interface rangeSlider {
+    sliderLimit: number;
+    minRange: number;
+    maxRange: number;
+    text1: string;
+    text2: string;
+}
+declare const RangeSlider: (props: rangeSlider) => React.JSX.Element;
+export default RangeSlider;

package/dist/components/RangeSlider/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./RangeSlider";

package/dist/components/Search/Search.d.ts

@@ -21,6 +21,7 @@ interface CustomSearchFieldProps {
     className?: string;
     onSearchIconClick?: () => void;
     onHandleClear?: () => void;
+    isWhiteBackgound?: boolean;
 }
 declare const Search: React.FC<CustomSearchFieldProps>;
 export default Search;

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import "./TextArea.module.scss";
+declare function TextArea(props: {
+    value?: string;
+    onChange: (event: {
+        target: {
+            value: string;
+        };
+    }) => void;
+    requiredLimit: string;
+    placeholder: string;
+    charText: string;
+}): React.JSX.Element;
+export default TextArea;

package/dist/components/TextArea/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./TextArea";

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import "./Toast.scss";
+import { ToastStatus } from "../Enum";
+interface ToastProps {
+    icon?: React.ReactNode;
+    text: string;
+    onAction?: () => void;
+    onActionText?: string;
+    onHide?: () => void;
+    type: ToastStatus;
+    className?: string;
+    duration: number;
+    showCrossIcon?: boolean;
+    crossIcon?: React.ReactNode;
+}
+declare const Toast: React.FC<ToastProps>;
+export default Toast;

package/dist/components/Toast/Toast.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ToggleSwitch/ToggleSwitch.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './ToggleSwitch.module.scss';
+type ToggleSwitchProps = {
+    initialState?: boolean;
+    onToggle?: (state: boolean) => void;
+};
+declare const ToggleSwitch: React.FC<ToggleSwitchProps>;
+export default ToggleSwitch;

package/dist/components/ToggleSwitch/ToggleSwitch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ToggleSwitch/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ToggleSwitch";

package/dist/index.d.ts

@@ -1,20 +1,367 @@
-export { default as Button } from "./components/Button";
-export { default as Avatar } from "./components/Avatar";
-export { default as Badge } from "./components/Badge";
-export { default as BreadCrumb } from "./components/BreadCrumb";
-export { default as Checkbox } from "./components/Checkbox";
-export { default as CircularProgress } from "./components/CircularProgress";
-export { default as Divider } from "./components/Divider";
-export { default as Link } from "./components/Link";
-export { default as Progress } from "./components/Progress";
-export { default as RadioButton } from "./components/RadioButton";
-export { default as InputTextField } from "./components/InputTextField";
-export { default } from "./components/PdfView";
-export { default as Directions } from "./components/Map/Directions";
-export { default as GoogleMap } from "./components/Map/GoogleMap";
-export { default as OtpInput } from "./components/OtpInput/OtpInput";
-export { default as Typography } from "./components/Typography/Typography";
-export { default as Search } from "./components/Search/Search";
-export { default as Modal } from "./components/Modal/Modal";
-export { default as Accordian } from "./components/Accordian/Accordian";
-export { default as Tabs } from "./components/Tabs/Tabs";
+import React, { ReactNode } from 'react';
+
+declare enum CircularProgressVariant {
+    Determinate = "determinate",
+    Indeterminate = "indeterminate"
+}
+declare enum CircularProgressColor {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    ERROR = "error",
+    SUCCESS = "success",
+    INFO = "info",
+    WARNING = "warning",
+    WHITE = "white",
+    BLACK = "black"
+}
+declare enum ButtonCategory {
+    FILLED = "filled",
+    OUTLINED = "outlined",
+    TEXT = "text"
+}
+declare enum MediaType {
+    Image = "image",
+    Video = "video"
+}
+declare enum ToastStatus {
+    ERROR = "error",
+    SUCCESS = "success",
+    WARNING = "warning"
+}
+
+type ButtonProps = {
+    label: React.ReactNode;
+    onClick?: () => void;
+    category?: ButtonCategory;
+    loading?: boolean;
+    disabled?: boolean;
+    width?: string;
+    height?: string;
+    borderRadius?: string;
+    className?: string;
+    loaderThickness?: number;
+    loaderColor?: CircularProgressColor;
+    loaderSize?: number;
+};
+declare const Button: React.FC<ButtonProps>;
+
+interface AvatarProps {
+    src: string;
+    alt: string;
+    imgClassName: string;
+    handleClick?: () => void;
+}
+declare const Avatar: React.FC<AvatarProps>;
+
+interface BadgeProps {
+    content: string | number;
+    badgeClassName?: string;
+    handleClick?: () => void;
+}
+declare const Badge: React.FC<BadgeProps>;
+
+interface BreadcrumbItem {
+    label: string;
+    handleClick?: () => void;
+}
+interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    breadcrumbClassName: string;
+    itemClassName?: string;
+    separator?: string;
+    separatorClassName?: string;
+}
+declare const Breadcrumb: React.FC<BreadcrumbProps>;
+
+interface CustomCheckboxProps {
+    label?: React.ReactNode;
+    checked?: boolean;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    className?: string;
+    checkboxClassName?: string;
+    labelClassName?: string;
+}
+declare const CustomCheckbox: React.FC<CustomCheckboxProps>;
+
+interface CircularProgressProps {
+    value?: number;
+    variant?: CircularProgressVariant;
+    color?: CircularProgressColor;
+    thickness?: number;
+    size?: number | string;
+}
+declare const CircularProgress: React.FC<CircularProgressProps>;
+
+interface CustomDividerProps {
+    orientation?: string;
+    className?: string;
+    dividerClassName?: string;
+}
+declare const CustomDivider: React.FC<CustomDividerProps>;
+
+interface LinkProps {
+    href: string;
+    target?: string;
+    rel?: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare const Link: React.FC<LinkProps>;
+
+interface ProgressProps {
+    value: number;
+    max: number;
+    className?: string;
+    barContainerClassName?: string;
+    barClassName?: string;
+    labelClassName?: string;
+    label?: string;
+}
+declare const Progress: React.FC<ProgressProps>;
+
+interface RadioButtonProps {
+    name: string;
+    value: string;
+    checked?: boolean;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    className?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    id?: string;
+    [key: string]: any;
+}
+declare const CustomRadioButton: React.FC<RadioButtonProps>;
+
+interface CustomInputFieldProps {
+    label?: string;
+    value?: string;
+    type?: string;
+    placeholder?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    className?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    error?: string;
+    errorClassName?: string;
+    id?: string;
+    maxLength?: number;
+    minLength?: number;
+    checkValidation?: () => void;
+}
+declare const CustomInputField: React.FC<CustomInputFieldProps>;
+
+interface PdfViewerProps {
+    content: string;
+    contentType?: string;
+    buttonText?: string;
+    loadingText?: string;
+    errorText?: string;
+    cleanUpDelay?: number;
+    buttonVariant?: "text" | "outlined" | "contained";
+    buttonColor?: "inherit" | "primary" | "secondary" | "error" | "info" | "success" | "warning";
+    buttonSize?: "small" | "medium" | "large";
+    showLoadingSpinner?: boolean;
+    spinnerSize?: number;
+    spinnerColor?: "inherit" | "primary" | "secondary";
+    className?: string;
+}
+declare const PdfView: React.FC<PdfViewerProps>;
+
+interface GetDirectionActionProps {
+    title: string;
+    titleClasses?: string;
+    location: string;
+    locationClasses?: string;
+    hours: string;
+    hoursClasses?: string;
+    directionsLink: string;
+    buttonName?: string;
+}
+declare const GetDirectionAction: React.FC<GetDirectionActionProps>;
+
+interface MapComponentProps {
+    containerClassName?: string;
+    zoom?: number;
+    mapOptions?: google.maps.MapOptions;
+    radius?: number;
+    googleMapsUrls: string[];
+    buttonText: string;
+    buttonClassName: string;
+}
+declare const MapComponent: React.FC<MapComponentProps>;
+
+interface OTPInputProps {
+    length?: number;
+    onChange: (otp: string) => void;
+    autoFocus?: boolean;
+    onResend: () => void;
+    resendDelay?: number;
+    error?: boolean;
+    errorText?: string;
+    resendText: string;
+}
+declare const OTPInput: React.FC<OTPInputProps>;
+
+interface TypographyProps {
+    variant?: 'H1' | 'H2' | 'H3' | 'H4' | 'H5' | 'H6' | 'H7' | 'H8' | 'B1' | 'B2' | 'B3' | 'B4' | 'L1' | 'L2' | 'L3';
+    weight?: 'BOLD' | 'SEMI_BOLD' | 'MEDIUM';
+    children: React.ReactNode;
+    className?: string;
+}
+declare const Typography: React.FC<TypographyProps>;
+
+interface Suggestion {
+    id: string;
+    title: string;
+    faqAnswer: string;
+    faqQuestion: string;
+    fieldFaqCategory: string;
+    isBookmarked: boolean;
+    images: string[];
+    videos: string[];
+}
+interface CustomSearchFieldProps {
+    searchIcon: React.ReactNode;
+    crossIcon: React.ReactNode;
+    disabled?: boolean;
+    onSearch: (query: string) => void;
+    onSelectSuggestion: (selectedSuggestion: Suggestion | null) => void;
+    suggestions: Suggestion[] | null | undefined;
+    placeholder: string;
+    className?: string;
+    onSearchIconClick?: () => void;
+    onHandleClear?: () => void;
+    isWhiteBackgound?: boolean;
+}
+declare const Search: React.FC<CustomSearchFieldProps>;
+
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: React.ReactNode;
+    children: React.ReactNode;
+    crossIcon: React.ReactNode;
+    className?: string;
+}
+declare const Modal: React.FC<ModalProps>;
+
+type AccordionProps = {
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    children?: React.ReactNode;
+    border?: boolean;
+    upArrowIcon: React.ReactNode;
+    downArrowIcon: React.ReactNode;
+    openByDefault?: boolean;
+    borderBottom?: boolean;
+};
+declare const Accordion: React.FC<AccordionProps>;
+
+type Tab = {
+    name: string;
+    value: string;
+};
+interface TabsProps {
+    tabs: Tab[];
+    onTabChange: (selectedTab: Tab) => void;
+    selectedTabValue?: string;
+}
+declare const Tabs: React.FC<TabsProps>;
+
+type value = {
+    name: string;
+    value: string;
+};
+declare function Dropdown(props: {
+    placeholder: string;
+    getSelectedValue: (value: value) => void;
+    dropdownList: value[];
+    arrowUp: React.ReactNode;
+    arrowDown: React.ReactNode;
+    value?: value;
+}): React.JSX.Element;
+
+declare function TextArea(props: {
+    value?: string;
+    onChange: (event: {
+        target: {
+            value: string;
+        };
+    }) => void;
+    requiredLimit: string;
+    placeholder: string;
+    charText: string;
+}): React.JSX.Element;
+
+interface DrawerProps {
+    openSideDrawer: boolean;
+    closeSideDrawer: () => void;
+    width: string;
+    component: React.ReactNode;
+    anchor?: "left" | "right" | "top" | "bottom";
+    variant?: "temporary" | "persistent" | "permanent";
+}
+declare const Drawer: React.FC<DrawerProps>;
+
+type ToggleSwitchProps = {
+    initialState?: boolean;
+    onToggle?: (state: boolean) => void;
+};
+declare const ToggleSwitch: React.FC<ToggleSwitchProps>;
+
+interface SwipeActionWrapperProps {
+    children: ReactNode;
+    onPin?: () => void;
+    onRead?: () => void;
+    onDelete?: () => void;
+    pinIcon: React.ReactNode;
+    readIcon: React.ReactNode;
+    deleteIcon: React.ReactNode;
+    swipeThreshold?: number;
+}
+declare const HoverOptionsWrapper: React.FC<SwipeActionWrapperProps>;
+
+interface MenuInterface {
+    openMenu: boolean;
+    closeMenu: () => void;
+    component: React.ReactNode;
+    menuStyles: string;
+}
+declare const Menu: (props: MenuInterface) => React.JSX.Element;
+
+interface ToastProps {
+    icon?: React.ReactNode;
+    text: string;
+    onAction?: () => void;
+    onActionText?: string;
+    onHide?: () => void;
+    type: ToastStatus;
+    className?: string;
+    duration: number;
+    showCrossIcon?: boolean;
+    crossIcon?: React.ReactNode;
+}
+declare const Toast: React.FC<ToastProps>;
+
+interface rangeSlider {
+    sliderLimit: number;
+    minRange: number;
+    maxRange: number;
+    text1: string;
+    text2: string;
+}
+declare const RangeSlider: (props: rangeSlider) => React.JSX.Element;
+
+interface CarouselProps {
+    items: CarouselItems[];
+}
+interface CarouselItems {
+    src: string;
+    type: MediaType;
+    alt: string;
+    extension: string;
+}
+declare const Carousel: React.FC<CarouselProps>;
+
+export { Accordion as Accordian, Avatar, Badge, Breadcrumb as BreadCrumb, Button, Carousel, CustomCheckbox as Checkbox, CircularProgress, GetDirectionAction as Directions, CustomDivider as Divider, Drawer, Dropdown, MapComponent as GoogleMap, HoverOptionsWrapper, CustomInputField as InputTextField, Link, MediaType, Menu, Modal, OTPInput as OtpInput, Progress, CustomRadioButton as RadioButton, RangeSlider, Search, Tabs, TextArea, Toast, ToastStatus, ToggleSwitch, Typography, PdfView as default };