dhre-component-lib 0.0.8 → 0.0.9

package/src/components/Checkbox/Checkbox.tsx

@@ -1,35 +0,0 @@
-import React from 'react';
-
-interface CustomCheckboxProps {
-  label?: string;
-  checked?: boolean;
-  onChange?: React.ChangeEventHandler<HTMLInputElement>;
-  className?: string;
-  checkboxClassName?: string;
-  labelClassName?: string;
-}
-
-const CustomCheckbox: React.FC<CustomCheckboxProps> = ({
-  label,
-  checked = false,
-  onChange,
-  className = '',
-  checkboxClassName = '',
-  labelClassName = '',
-  ...rest 
-}) => {
-  return (
-    <div className={className}>
-      <input
-        type="checkbox"
-        checked={checked}
-        onChange={onChange}
-        className={checkboxClassName}
-        {...rest} 
-      />
-      {label && <label className={labelClassName}>{label}</label>}
-    </div>
-  );
-};
-
-export default CustomCheckbox;

package/src/components/Checkbox/index.ts

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

package/src/components/CircularProgress/CircularProgress.module.scss

@@ -1,19 +0,0 @@
-.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/src/components/CircularProgress/CircularProgress.test.tsx

@@ -1,39 +0,0 @@
-import React from "react";
-import { render } from "@testing-library/react";
-import CircularProgress, { CircularProgressProps } from "./CircularProgress";
-
-describe("Loading Component", () => {
-  const renderComponent = (props: CircularProgressProps) =>
-    render(<CircularProgress {...props} />);
-
-  it("applies the correct size and thickness", () => {
-    const { container } = renderComponent({ size: 60, thickness: 5 });
-    const spinner = container.firstChild as HTMLElement;
-
-    expect(spinner).not.toBeNull();
-    expect(spinner.style.width).toBe("60px");
-    expect(spinner.style.height).toBe("60px");
-    expect(spinner.style.borderWidth).toBe("5px");
-  });
-
-  it("renders the determinate spinner with the correct rotation", () => {
-    const { container } = renderComponent({
-      variant: "determinate",
-      value: 75,
-    });
-    const spinner = container.firstChild as HTMLElement;
-
-    const expectedRotation = `rotate(${(75 / 100) * 360}deg)`;
-    expect(spinner).not.toBeNull();
-    expect(spinner.style.transform).toBe(expectedRotation);
-  });
-
-  it("handles string size correctly", () => {
-    const { container } = renderComponent({ size: "50%" });
-    const spinner = container.firstChild as HTMLElement;
-
-    expect(spinner).not.toBeNull();
-    expect(spinner.style.width).toBe("50%");
-    expect(spinner.style.height).toBe("50%");
-  });
-});

package/src/components/CircularProgress/CircularProgress.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import styles from './CircularProgress.module.scss';
-
-export interface CircularProgressProps {
-  value?: number;
-  variant?: 'determinate' | 'indeterminate';
-  color?: 'primary' | 'secondary' | 'error' | 'success' | 'info' | 'warning';
-  thickness?: number;
-  size?: number | string;
-}
-
-const CircularProgress: React.FC<CircularProgressProps> = ({
-  value = 0,
-  variant = 'indeterminate',
-  color = 'primary',
-  thickness = 4,
-  size = 100,
-}) => {
-  const isDeterminate = variant === 'determinate';
-  const rotationStyle = isDeterminate
-    ? { transform: `rotate(${(value / 100) * 360}deg)` }
-    : {};
-
-  return (
-    <div
-      className={`${styles.spinner} ${styles[color]}`}
-      style={{
-        width: typeof size === 'number' ? `${size}px` : size,
-        height: typeof size === 'number' ? `${size}px` : size,
-        borderWidth: `${thickness}px`,
-        ...rotationStyle,
-      }}
-    />
-  );
-};
-
-export default CircularProgress;

package/src/components/CircularProgress/index.ts

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

package/src/components/Divider/Divider.test.tsx

@@ -1,44 +0,0 @@
-import React from "react";
-import { render } from "@testing-library/react";
-import CustomDivider from "./Divider";
-import { DIVIDER_ORIENTATION } from "../Enum";
-
-describe("CustomDivider Component", () => {
-  it("renders without crashing", () => {
-    const { container } = render(<CustomDivider />);
-    expect(container.firstChild).toBeTruthy();
-  });
-
-  it("applies the correct default orientation class", () => {
-    const { container } = render(<CustomDivider />);
-    expect(container.firstChild).toHaveClass(DIVIDER_ORIENTATION.Horizontal);
-  });
-
-  it("applies a custom orientation class", () => {
-    const { container } = render(
-      <CustomDivider orientation={DIVIDER_ORIENTATION.Vertical} />
-    );
-    expect(container.firstChild).toHaveClass(DIVIDER_ORIENTATION.Vertical);
-  });
-
-  it("applies the passed className to the outer div", () => {
-    const { container } = render(
-      <CustomDivider className="custom-class" />
-    );
-    expect(container.firstChild).toHaveClass("custom-class");
-  });
-
-  it("applies the passed dividerClassName to the inner div", () => {
-    const { container } = render(
-      <CustomDivider dividerClassName="inner-class" />
-    );
-    expect(container.firstChild?.firstChild).toHaveClass("inner-class");
-  });
-
-  it("passes additional props to the outer div", () => {
-    const { container } = render(
-      <CustomDivider data-testid="custom-divider" />
-    );
-    expect(container.firstChild).toHaveAttribute("data-testid", "custom-divider");
-  });
-});

package/src/components/Divider/Divider.tsx

@@ -1,24 +0,0 @@
-import React from "react";
-import { DIVIDER_ORIENTATION } from "../Enum"; 
-
-interface CustomDividerProps {
-  orientation?: string; 
-  className?: string;
-  dividerClassName?: string;
-
-}
-
-const CustomDivider: React.FC<CustomDividerProps> = ({
-  orientation = DIVIDER_ORIENTATION.Horizontal, 
-  className = "",
-  dividerClassName = "",
-  ...rest 
-}) => {
-  return (
-    <div className={`${className} ${orientation}`} {...rest}>
-      <div className={dividerClassName} />
-    </div>
-  );
-};
-
-export default CustomDivider;

package/src/components/Divider/index.ts

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

package/src/components/Enum.ts

@@ -1,19 +0,0 @@
-export const INPUT_TYPES ={
-  PASSWORD : 'password',
-  TEXT : 'text',
-  EMAIL : 'email',
-  NUMBER : 'number',
-  DATE : 'date',
-}
-
-export const DIVIDER_ORIENTATION = {
-    Horizontal : "horizontal",
-    Vertical : "vertical",
-  }
-
-export const LINK_TARGET = {
-    Self : '_self',
-    Blank : '_blank',
-    Parent : '_parent',
-    Top : '_top',
-  }

package/src/components/InputTextField/InputTextField.test.tsx

@@ -1,118 +0,0 @@
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import CustomInputField, { CustomInputFieldProps } from './InputTextField';
-import { INPUT_TYPES } from '../Enum';
-
-const renderWithProps = (props: Partial<CustomInputFieldProps> = {}) => {
-  const defaultProps: CustomInputFieldProps = {
-    label: 'Test Label',
-    value: 'Test Value',
-    type: INPUT_TYPES.TEXT,
-    placeholder: 'Enter text...',
-    onChange: jest.fn(),
-    className: 'custom-input-wrapper',
-    inputClassName: 'custom-input',
-    labelClassName: 'custom-label',
-    error: '',
-    errorClassName: 'custom-error',
-    id: 'test-input-field',
-    ...props
-  };
-  return render(<CustomInputField {...defaultProps} />);
-};
-
-describe('CustomInputField Component', () => {
-  // it('renders without crashing', () => {
-  //   renderWithProps();
-  //   // Check if the label correctly associates with the input by using the id
-  //   const input = screen.getByLabelText('Test Label');
-  //   expect(input).toBeInTheDocument();
-  // });
-  
-
-  it('renders the label correctly', () => {
-    renderWithProps();
-    expect(screen.getByText('Test Label')).toHaveClass('custom-label');
-  });
-
-  it('renders the input with the correct value', () => {
-    renderWithProps();
-    expect(screen.getByDisplayValue('Test Value')).toHaveClass('custom-input');
-  });
-
-  it('calls the onChange handler when input value changes', () => {
-    const mockOnChange = jest.fn();
-    renderWithProps({ onChange: mockOnChange });
-    const input = screen.getByDisplayValue('Test Value');
-    fireEvent.change(input, { target: { value: 'New Value' } });
-    expect(mockOnChange).toHaveBeenCalledTimes(1);
-  });
-
-  it('displays the error message correctly', () => {
-    renderWithProps({ error: 'Error message' });
-    expect(screen.getByText('Error message')).toHaveClass('custom-error');
-  });
-
-  it('renders the input with the correct type', () => {
-    renderWithProps({ type: INPUT_TYPES.EMAIL });
-    expect(screen.getByPlaceholderText('Enter text...')).toHaveAttribute('type', INPUT_TYPES.EMAIL);
-  });
-
-  // it('applies the passed className to the wrapper div', () => {
-  //   renderWithProps();
-  //   // Check the class name of the wrapper div
-  //   const wrapper = screen.getByLabelText('Test Label').parentElement?.parentElement;
-  //   expect(wrapper).toHaveClass('custom-input-wrapper');
-  // });
-  
-  it('applies additional props to the input field', () => {
-    renderWithProps();
-    expect(screen.getByPlaceholderText('Enter text...')).toBeInTheDocument();
-  });
-});
-
-describe('CustomInputField Component - Default Values', () => {
-  it('renders the input field with default value when value prop is not provided', () => {
-    render(<CustomInputField label="Test Label" type={INPUT_TYPES.TEXT} value="" onChange={jest.fn()} />);
-    expect(screen.getByPlaceholderText('')).toHaveValue('');
-  });
-
-  it('renders the input field with default type when type prop is not provided', () => {
-    render(<CustomInputField label="Test Label" value="Test Value" type={INPUT_TYPES.TEXT} onChange={jest.fn()} />);
-    expect(screen.getByDisplayValue('Test Value')).toHaveAttribute('type', INPUT_TYPES.TEXT);
-  });
-
-  it('renders the input field with default placeholder when placeholder prop is not provided', () => {
-    render(<CustomInputField label="Test Label" value="Test Value" type={INPUT_TYPES.TEXT} onChange={jest.fn()} />);
-    expect(screen.getByDisplayValue('Test Value')).toHaveAttribute('placeholder', '');
-  });
-
-  // it('applies default class names if className, inputClassName, or labelClassName are not provided', () => {
-  //   render(<CustomInputField label="Test Label" value="Test Value" type={INPUT_TYPES.TEXT} onChange={jest.fn()} />);
-    
-  //   // Get the label element
-  //   const label = screen.getByText('Test Label');
-  //   const input = screen.getByDisplayValue('Test Value');
-
-  //   // Get the parent wrapper div
-  //   const wrapper = label.closest('div');
-
-  //   // Check if the wrapper div has default class names or no class names
-  //   if (wrapper) {
-  //     // Expect no additional class names or specific default class names
-  //     expect(wrapper).toHaveClass('default-wrapper-class'); // Replace with actual default class
-  //   }
-
-  //   // Check if the input field has default input class names or no class names
-  //   expect(input).toHaveClass('default-input-class'); // Replace with actual default class
-
-  //   // Check if the label has default label class names or no class names
-  //   expect(label).toHaveClass('default-label-class'); // Replace with actual default class
-  // });
-
-  it('does not render the error message if error prop is not provided', () => {
-    render(<CustomInputField label="Test Label" value="Test Value" type={INPUT_TYPES.TEXT} onChange={jest.fn()} />);
-    const errorMessage = screen.queryByText('Error message');
-    expect(errorMessage).not.toBeInTheDocument();
-  });
-});

package/src/components/InputTextField/InputTextField.tsx

@@ -1,48 +0,0 @@
-import React from 'react';
-import { INPUT_TYPES } from '../Enum'; 
-
-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; 
-}
-
-
-const CustomInputField: React.FC<CustomInputFieldProps> = ({
-  label,
-  value = '',
-  type = INPUT_TYPES.TEXT, 
-  placeholder = '',
-  onChange,
-  className = '',
-  inputClassName = '',
-  labelClassName = '',
-  error = '',
-  errorClassName = '',
-  ...rest
-}) => {
-  return (
-    <div className={className}>
-      {label && <label className={labelClassName}>{label}</label>}
-      <input
-        type={type}
-        value={value}
-        placeholder={placeholder}
-        onChange={onChange}
-        className={inputClassName}
-        {...rest}
-      />
-      {error && <div className={errorClassName}>{error}</div>}
-    </div>
-  );
-};
-
-export default CustomInputField;

package/src/components/InputTextField/index.ts

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

package/src/components/Link/Link.test.tsx

@@ -1,55 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import Link, { LinkProps } from './Link';
-import { LINK_TARGET } from '../Enum';
-
-describe('Link Component', () => {
-  const defaultProps: LinkProps = {
-    href: 'https://example.com',
-    target: LINK_TARGET.Self,
-    rel: 'noopener noreferrer',
-    className: 'custom-link',
-    children: 'Click here',
-  };
-
-  it('renders the link with the correct href', () => {
-    render(<Link {...defaultProps} />);
-    expect(screen.getByText('Click here')).toHaveAttribute('href', 'https://example.com');
-  });
-
-  it('renders the link with the correct target attribute', () => {
-    render(<Link {...defaultProps} />);
-    expect(screen.getByText('Click here')).toHaveAttribute('target', LINK_TARGET.Self);
-  });
-
-  it('renders the link with the correct rel attribute', () => {
-    render(<Link {...defaultProps} />);
-    expect(screen.getByText('Click here')).toHaveAttribute('rel', 'noopener noreferrer');
-  });
-
-  it('renders the link with the correct className', () => {
-    render(<Link {...defaultProps} />);
-    expect(screen.getByText('Click here')).toHaveClass('custom-link');
-  });
-
-  it('renders the link with the correct children', () => {
-    render(<Link {...defaultProps} />);
-    expect(screen.getByText('Click here')).toBeInTheDocument();
-  });
-
-  it('renders with default target when not specified', () => {
-    const propsWithoutTarget: Omit<LinkProps, 'target'> = {
-      href: defaultProps.href,
-      rel: defaultProps.rel,
-      className: defaultProps.className,
-      children: defaultProps.children,
-    };
-    render(<Link {...propsWithoutTarget} />);
-    expect(screen.getByText('Click here')).toHaveAttribute('target', LINK_TARGET.Self);
-  });
-
-  it('applies additional props to the link element', () => {
-    render(<Link {...defaultProps} data-testid="custom-link" />);
-    expect(screen.getByTestId('custom-link')).toBeInTheDocument();
-  });
-});

package/src/components/Link/Link.tsx

@@ -1,33 +0,0 @@
-import React from 'react';
-import { LINK_TARGET } from '../Enum';
-
-export interface LinkProps {
-  href: string;
-  target?:string ;
-  rel?: string;
-  className?: string;
-  children?: React.ReactNode;
-}
-
-const Link: React.FC<LinkProps> = ({
-  href,
-  target = LINK_TARGET.Self,
-  rel,
-  className = '',
-  children,
-  ...rest
-}) => {
-  return (
-    <a
-      href={href}
-      target={target}
-      rel={rel}
-      className={className}
-      {...rest}
-    >
-      {children}
-    </a>
-  );
-};
-
-export default Link;

package/src/components/Link/index.ts

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

package/src/components/Map/Directions.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
- 
-interface GetDirectionActionProps {
-  title: string;
-  titleClasses?: string; 
-  location: string;
-  locationClasses?: string; 
-  hours: string;
-  hoursClasses?: string; 
-  directionsLink: string;
-  buttonName?: string; 
-}
- 
-const GetDirectionAction: React.FC<GetDirectionActionProps> = ({
-  title,
-  titleClasses,
-  location,
-  locationClasses,
-  hours,
-  hoursClasses,
-  directionsLink,
-  buttonName = 'Get Directions', 
-}) => {
-  return (
-<div className="direction-action-container">
-<h3 className={titleClasses}>{title}</h3>
-<p className={locationClasses}>{location}</p>
-<p className={hoursClasses}>{hours}</p>
-<a href={directionsLink} target="_blank" rel="noopener noreferrer" className="directions-link">
-        {buttonName}
-</a>
-</div>
-  );
-};
- 
-export default GetDirectionAction;

package/src/components/Map/GoogleMap.module.scss

@@ -1,5 +0,0 @@
-.mapContainerStyle{
-    width: 100%;
-    height: 100%;
-    position: absolute;
-}