dhre-component-lib 0.1.6 → 0.1.8

package/{src/components/Badge → dist}/Badge.module.scss

@@ -7,7 +7,6 @@
   font-size: 14px;
   text-align: center;
   cursor: pointer;
-
   &:hover {
     background-color: darkred;
   }

package/{src/components/BreadCrumb → dist}/Breadcrumb.module.scss

@@ -3,17 +3,14 @@
   align-items: center;
   font-size: 16px;
 }
-
 .breadcrumbItem {
   color: blue;
   cursor: pointer;
   margin-right: 8px;
-  
   &:hover {
     text-decoration: underline;
   }
 }
-
 .separator {
   margin: 0 8px;
   color: grey;

package/{src/components/Button → dist}/Button.module.scss

@@ -1,4 +1,3 @@
-/* Base button styling */
 .button {
   padding: 8px 16px;
   font-size: 14px;
@@ -6,61 +5,49 @@
   border: none;
   cursor: pointer;
   transition: background-color 0.3s ease;
-
   &.text {
     background-color: transparent;
     color: inherit;
   }
-
   &.outlined {
     background-color: transparent;
     border: 2px solid currentColor;
   }
-
   &.contained {
     background-color: currentColor;
     color: #fff;
-
     &.primary:hover {
       background-color: #1565c0;
     }
-    
     &.secondary:hover {
       background-color: #7b1fa2;
     }
-    
     &.success:hover {
       background-color: #388e3c;
     }
-    
     &.error:hover {
       background-color: #d32f2f;
     }
-    
     &.warning:hover {
       background-color: #f57c00;
     }
-    
     &.info:hover {
       background-color: #1976d2;
     }
   }
-
   &.primary {
     color: #1976d2;
   }
-
   &.secondary {
     color: #9c27b0;
   }
-
   &.success {
     color: #4caf50;
   }
-
   &.error {
     color: #f44336;
   }
-
   &.warning {
-    color:
+    color: yellow
+  }
+}

package/{src/components/CircularProgress → dist}/CircularProgress.module.scss

@@ -5,7 +5,6 @@
   border-top-color: currentColor;
   animation: spin 1s linear infinite;
 }
-
 .spinner.primary { color: #007bff; }
 .spinner.secondary { color: #6c757d; }
 .spinner.error { color: #dc3545; }

package/dist/assets/output-4Fi7j5sB.css

@@ -0,0 +1,247 @@
+.mapContainerStyle {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+}
+
+.otpMainContainer {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  margin: 10px;
+  width: 343px;
+}
+
+.otpInputDiv {
+  flex-direction: row;
+  gap: 12px;
+  display: flex;
+}
+
+.otpInput {
+  width: 76px;
+  height: 48px;
+  text-align: center;
+  font-size: 18px;
+  font-weight: 400;
+  border-radius: 8px;
+}
+
+.resendContainer {
+  display: flex;
+  flex-direction: row;
+  margin-top: 10px;
+  justify-content: space-between;
+}
+
+.errorText {
+  color: #EB0542;
+  font-weight: 400;
+  font-size: 14px;
+}
+
+.timerText {
+  color: #A7A7A7;
+  font-weight: 400;
+  font-size: 14px;
+}
+
+.resendText {
+  color: #A7A7A7;
+  font-weight: 700;
+  font-size: 14px;
+}
+
+.breadcrumb {
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+}
+
+.breadcrumbItem {
+  color: blue;
+  cursor: pointer;
+  margin-right: 8px;
+}
+.breadcrumbItem:hover {
+  text-decoration: underline;
+}
+
+.separator {
+  margin: 0 8px;
+  color: grey;
+}
+
+.button {
+  padding: 8px 16px;
+  font-size: 14px;
+  border-radius: 4px;
+  border: none;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+.button.text {
+  background-color: transparent;
+  color: inherit;
+}
+.button.outlined {
+  background-color: transparent;
+  border: 2px solid currentColor;
+}
+.button.contained {
+  background-color: currentColor;
+  color: #fff;
+}
+.button.contained.primary:hover {
+  background-color: #1565c0;
+}
+.button.contained.secondary:hover {
+  background-color: #7b1fa2;
+}
+.button.contained.success:hover {
+  background-color: #388e3c;
+}
+.button.contained.error:hover {
+  background-color: #d32f2f;
+}
+.button.contained.warning:hover {
+  background-color: #f57c00;
+}
+.button.contained.info:hover {
+  background-color: #1976d2;
+}
+.button.primary {
+  color: #1976d2;
+}
+.button.secondary {
+  color: #9c27b0;
+}
+.button.success {
+  color: #4caf50;
+}
+.button.error {
+  color: #f44336;
+}
+.button.warning {
+  color: yellow;
+}
+
+.badge {
+  display: inline-block;
+  padding: 6px 12px;
+  background-color: red;
+  color: white;
+  border-radius: 12px;
+  font-size: 14px;
+  text-align: center;
+  cursor: pointer;
+}
+.badge:hover {
+  background-color: darkred;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.spinner {
+  border: 2px solid transparent;
+  border-radius: 50%;
+  border-top: 2px solid currentColor;
+  animation: spin 1s linear infinite;
+}
+
+.spinnerInner {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+}
+
+.errorText {
+  color: red;
+}
+
+.button {
+  padding: 8px 16px;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 16px;
+}
+.button-text {
+  background: none;
+}
+.button-outlined {
+  border: 1px solid currentColor;
+}
+.button-contained {
+  background-color: currentColor;
+  color: white;
+}
+.button-primary {
+  color: blue;
+}
+.button-secondary {
+  color: gray;
+}
+.button-small {
+  font-size: 12px;
+}
+.button-medium {
+  font-size: 16px;
+}
+.button-large {
+  font-size: 20px;
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.spinner {
+  border-style: solid;
+  border-radius: 50%;
+  border-color: transparent;
+  border-top-color: currentColor;
+  animation: spin 1s linear infinite;
+}
+
+.spinner.primary {
+  color: #007bff;
+}
+
+.spinner.secondary {
+  color: #6c757d;
+}
+
+.spinner.error {
+  color: #dc3545;
+}
+
+.spinner.success {
+  color: #28a745;
+}
+
+.spinner.info {
+  color: #17a2b8;
+}
+
+.spinner.warning {
+  color: #ffc107;
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface AvatarProps {
+    src: string;
+    alt: string;
+    imgClassName: string;
+    handleClick?: () => void;
+}
+declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

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

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface BadgeProps {
+    content: string | number;
+    badgeClassName?: string;
+    handleClick?: () => void;
+}
+declare const Badge: React.FC<BadgeProps>;
+export default Badge;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

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

package/dist/components/BreadCrumb/BreadCrumb.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface BreadcrumbItem {
+    label: string;
+    handleClick?: () => void;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    breadcrumbClassName: string;
+    itemClassName?: string;
+    separator?: string;
+    separatorClassName?: string;
+}
+declare const Breadcrumb: React.FC<BreadcrumbProps>;
+export default Breadcrumb;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

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

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

@@ -0,0 +1,10 @@
+import React from "react";
+export interface ButtonProps {
+    label: string;
+    variant: 'text' | 'outlined' | 'contained';
+    color: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
+    size: 'small' | 'medium' | 'large';
+    handleClick: () => void;
+}
+declare const Button: React.FC<ButtonProps>;
+export default Button;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+interface CustomCheckboxProps {
+    label?: string;
+    checked?: boolean;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    className?: string;
+    checkboxClassName?: string;
+    labelClassName?: string;
+}
+declare const CustomCheckbox: React.FC<CustomCheckboxProps>;
+export default CustomCheckbox;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface CircularProgressProps {
+    value?: number;
+    variant?: 'determinate' | 'indeterminate';
+    color?: 'primary' | 'secondary' | 'error' | 'success' | 'info' | 'warning';
+    thickness?: number;
+    size?: number | string;
+}
+declare const CircularProgress: React.FC<CircularProgressProps>;
+export default CircularProgress;

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

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

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

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

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

@@ -0,0 +1,8 @@
+import React from "react";
+interface CustomDividerProps {
+    orientation?: string;
+    className?: string;
+    dividerClassName?: string;
+}
+declare const CustomDivider: React.FC<CustomDividerProps>;
+export default CustomDivider;

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

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

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

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

package/dist/components/Enum.d.ts

@@ -0,0 +1,17 @@
+export declare const INPUT_TYPES: {
+    PASSWORD: string;
+    TEXT: string;
+    EMAIL: string;
+    NUMBER: string;
+    DATE: string;
+};
+export declare const DIVIDER_ORIENTATION: {
+    Horizontal: string;
+    Vertical: string;
+};
+export declare const LINK_TARGET: {
+    Self: string;
+    Blank: string;
+    Parent: string;
+    Top: string;
+};

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export 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;
+}
+declare const CustomInputField: React.FC<CustomInputFieldProps>;
+export default CustomInputField;

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

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

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

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

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface LinkProps {
+    href: string;
+    target?: string;
+    rel?: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare const Link: React.FC<LinkProps>;
+export default Link;

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

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

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

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

package/dist/components/Map/Directions.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface GetDirectionActionProps {
+    title: string;
+    titleClasses?: string;
+    location: string;
+    locationClasses?: string;
+    hours: string;
+    hoursClasses?: string;
+    directionsLink: string;
+    buttonName?: string;
+}
+declare const GetDirectionAction: React.FC<GetDirectionActionProps>;
+export default GetDirectionAction;

package/dist/components/Map/GoogleMap.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface MapComponentProps {
+    containerClassName?: string;
+    zoom?: number;
+    mapOptions?: google.maps.MapOptions;
+    radius?: number;
+    googleMapsUrls: string[];
+    buttonText: string;
+    buttonClassName: string;
+}
+declare const MapComponent: React.FC<MapComponentProps>;
+export default MapComponent;

package/dist/components/Map/GoogleMapsLoader.d.ts

@@ -0,0 +1,4 @@
+export declare const useGoogleMapsLoader: () => {
+    isLoaded: boolean;
+    loadError: Error | undefined;
+};

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

@@ -0,0 +1,10 @@
+import React from "react";
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    modalOverlayClassname?: string;
+    modalContentClassname?: string;
+}
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

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

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

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

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

package/dist/components/Notification/Notification.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import './Notification.module.scss';
+export interface NotificationProps {
+    message: string;
+    severity?: 'error' | 'warning' | 'info' | 'success';
+    autoHideDuration?: number;
+    onClose?: (event: React.SyntheticEvent<any> | Event, reason?: string) => void;
+}
+declare const Notification: React.FC<NotificationProps>;
+export default Notification;

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

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

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

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

package/dist/components/OtpInput/OtpInput.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import "./OtpInput.module.scss";
+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>;
+export default OTPInput;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

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

package/dist/components/PdfView/PdfView.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+export 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>;
+export default PdfView;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

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

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface ProgressProps {
+    value: number;
+    max: number;
+    className?: string;
+    barContainerClassName?: string;
+    barClassName?: string;
+    labelClassName?: string;
+    label?: string;
+}
+declare const Progress: React.FC<ProgressProps>;
+export default Progress;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';