dhre-component-lib 0.3.2 → 0.3.4

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

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

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

@@ -2,7 +2,7 @@ import React from "react";
 import "./Button.module.scss";
 import { ButtonCategory, CircularProgressColor } from "../Enum";
 type ButtonProps = {
-    label: string;
+    label: React.ReactNode;
     onClick?: () => void;
     category?: ButtonCategory;
     loading?: boolean;

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,11 +1,12 @@
 import React from 'react';
+import './Checkbox.module.scss';
 interface CustomCheckboxProps {
-    label?: string;
+    label?: React.ReactNode;
     checked?: boolean;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     className?: string;
     checkboxClassName?: string;
     labelClassName?: string;
 }
-declare const CustomCheckbox: React.FC<CustomCheckboxProps>;
-export default CustomCheckbox;
+declare const Checkbox: React.FC<CustomCheckboxProps>;
+export default Checkbox;

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

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

package/dist/components/Enum.d.ts

@@ -37,3 +37,12 @@ export declare enum ButtonCategory {
 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/InputTextField/InputTextField.d.ts

@@ -11,6 +11,11 @@ export interface CustomInputFieldProps {
     error?: string;
     errorClassName?: string;
     id?: string;
+    maxLength?: number;
+    minLength?: number;
+    checkValidation?: () => void;
+    name?: string;
+    min?: string;
 }
 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/OtpInput/OtpInput.d.ts

@@ -9,6 +9,9 @@ interface OTPInputProps {
     error?: boolean;
     errorText?: string;
     resendText: string;
+    showResendButton?: boolean;
+    className?: string;
+    inputClassName?: string;
 }
 declare const OTPInput: React.FC<OTPInputProps>;
 export default OTPInput;

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

@@ -0,0 +1,13 @@
+import React from "react";
+import "./RangeSlider.module.scss";
+interface rangeSlider {
+    sliderLimit: number;
+    minRange: number;
+    maxRange: number;
+    text1: string;
+    text2: string;
+    getSliderValue?: React.ChangeEventHandler<HTMLInputElement>;
+    value?: 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/RightDrawer/RightDrawer.d.ts

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

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

@@ -15,12 +15,13 @@ interface CustomSearchFieldProps {
     crossIcon: React.ReactNode;
     disabled?: boolean;
     onSearch: (query: string) => void;
-    onSelectSuggestion: (selectedSuggestion: Suggestion | null) => 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>;
 export default Search;

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

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

package/dist/components/Stepper/Stepper.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import './Stepper.module.scss';
+interface stepperData {
+    name: string;
+    id: number;
+    component?: React.ReactNode;
+    status?: string;
+}
+interface stepperInterface {
+    stepperData: stepperData[];
+    type: string;
+    showLabelIndex: boolean;
+    currentStep?: number;
+    successIcon?: React.ReactNode;
+    alignment?: string;
+    status?: string;
+    statusIcon?: React.ReactNode;
+    component?: React.ReactNode;
+    submittedDate?: React.ReactNode;
+}
+declare const Stepper: React.FC<stepperInterface>;
+export default Stepper;

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

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

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

@@ -1,7 +1,7 @@
 import React from "react";
 import "./TextArea.module.scss";
 declare function TextArea(props: {
-    value: string;
+    value?: string;
     onChange: (event: {
         target: {
             value: string;

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

@@ -1,14 +1,17 @@
 import React from "react";
 import "./Toast.scss";
+import { ToastStatus } from "../Enum";
 interface ToastProps {
-    icon: React.ReactNode;
+    icon?: React.ReactNode;
     text: string;
-    onUndo?: () => void;
-    onUndoText?: string;
-    onHide: () => void;
-    type: 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/index.d.ts

@@ -19,9 +19,18 @@ declare enum ButtonCategory {
     OUTLINED = "outlined",
     TEXT = "text"
 }
+declare enum MediaType {
+    Image = "image",
+    Video = "video"
+}
+declare enum ToastStatus {
+    ERROR = "error",
+    SUCCESS = "success",
+    WARNING = "warning"
+}
 
 type ButtonProps = {
-    label: string;
+    label: React.ReactNode;
     onClick?: () => void;
     category?: ButtonCategory;
     loading?: boolean;
@@ -65,14 +74,14 @@ interface BreadcrumbProps {
 declare const Breadcrumb: React.FC<BreadcrumbProps>;
 
 interface CustomCheckboxProps {
-    label?: string;
+    label?: React.ReactNode;
     checked?: boolean;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     className?: string;
     checkboxClassName?: string;
     labelClassName?: string;
 }
-declare const CustomCheckbox: React.FC<CustomCheckboxProps>;
+declare const Checkbox: React.FC<CustomCheckboxProps>;
 
 interface CircularProgressProps {
     value?: number;
@@ -135,6 +144,11 @@ interface CustomInputFieldProps {
     error?: string;
     errorClassName?: string;
     id?: string;
+    maxLength?: number;
+    minLength?: number;
+    checkValidation?: () => void;
+    name?: string;
+    min?: string;
 }
 declare const CustomInputField: React.FC<CustomInputFieldProps>;
 
@@ -187,6 +201,9 @@ interface OTPInputProps {
     error?: boolean;
     errorText?: string;
     resendText: string;
+    showResendButton?: boolean;
+    className?: string;
+    inputClassName?: string;
 }
 declare const OTPInput: React.FC<OTPInputProps>;
 
@@ -213,12 +230,13 @@ interface CustomSearchFieldProps {
     crossIcon: React.ReactNode;
     disabled?: boolean;
     onSearch: (query: string) => void;
-    onSelectSuggestion: (selectedSuggestion: Suggestion | null) => 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>;
 
@@ -228,6 +246,7 @@ interface ModalProps {
     title?: React.ReactNode;
     children: React.ReactNode;
     crossIcon: React.ReactNode;
+    className?: string;
 }
 declare const Modal: React.FC<ModalProps>;
 
@@ -240,6 +259,8 @@ type AccordionProps = {
     upArrowIcon: React.ReactNode;
     downArrowIcon: React.ReactNode;
     openByDefault?: boolean;
+    borderBottom?: boolean;
+    className?: string;
 };
 declare const Accordion: React.FC<AccordionProps>;
 
@@ -264,11 +285,11 @@ declare function Dropdown(props: {
     dropdownList: value[];
     arrowUp: React.ReactNode;
     arrowDown: React.ReactNode;
-    value: value;
+    value?: value;
 }): React.JSX.Element;
 
 declare function TextArea(props: {
-    value: string;
+    value?: string;
     onChange: (event: {
         target: {
             value: string;
@@ -279,12 +300,15 @@ declare function TextArea(props: {
     charText: string;
 }): React.JSX.Element;
 
-declare const RightDrawer: (props: {
+interface DrawerProps {
     openSideDrawer: boolean;
     closeSideDrawer: () => void;
     width: string;
     component: React.ReactNode;
-}) => React.JSX.Element;
+    anchor?: "left" | "right" | "top" | "bottom";
+    variant?: "temporary" | "persistent" | "permanent";
+}
+declare const Drawer: React.FC<DrawerProps>;
 
 type ToggleSwitchProps = {
     initialState?: boolean;
@@ -304,16 +328,68 @@ interface SwipeActionWrapperProps {
 }
 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;
+    icon?: React.ReactNode;
     text: string;
-    onUndo?: () => void;
-    onUndoText?: string;
-    onHide: () => void;
-    type: 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 { Accordion as Accordian, Avatar, Badge, Breadcrumb as BreadCrumb, Button, CustomCheckbox as Checkbox, CircularProgress, GetDirectionAction as Directions, CustomDivider as Divider, Dropdown, MapComponent as GoogleMap, HoverOptionsWrapper, CustomInputField as InputTextField, Link, Modal, OTPInput as OtpInput, Progress, CustomRadioButton as RadioButton, RightDrawer, Search, Tabs, TextArea, Toast, ToggleSwitch, Typography, PdfView as default };
+interface rangeSlider {
+    sliderLimit: number;
+    minRange: number;
+    maxRange: number;
+    text1: string;
+    text2: string;
+    getSliderValue?: React.ChangeEventHandler<HTMLInputElement>;
+    value?: 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>;
+
+interface stepperData {
+    name: string;
+    id: number;
+    component?: React.ReactNode;
+    status?: string;
+}
+interface stepperInterface {
+    stepperData: stepperData[];
+    type: string;
+    showLabelIndex: boolean;
+    currentStep?: number;
+    successIcon?: React.ReactNode;
+    alignment?: string;
+    status?: string;
+    statusIcon?: React.ReactNode;
+    component?: React.ReactNode;
+    submittedDate?: React.ReactNode;
+}
+declare const Stepper: React.FC<stepperInterface>;
+
+export { Accordion as Accordian, Avatar, Badge, Breadcrumb as BreadCrumb, Button, ButtonCategory, Carousel, 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, Stepper, Tabs, TextArea, Toast, ToastStatus, ToggleSwitch, Typography, PdfView as default };