dhre-component-lib 0.1.6 → 0.1.8

package/src/components/RadioButton/index.ts

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

package/src/components/Switch/Switch.test.tsx

@@ -1,83 +0,0 @@
-import React, { useState } from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import Switch from './Switch';
-
-describe('Switch Component', () => {
-  it('renders with basic props', () => {
-    const { container } = render(<Switch checked={true} handleChange={() => {}} switchClassName="switch-class" />);
-    
-    const switchInput = screen.getByRole('checkbox');
-    const switchToggle = container.querySelector('.switch-class');
-
-    expect(switchInput).toBeInTheDocument();
-    expect(switchInput).toBeChecked();
-    expect(switchToggle).toBeInTheDocument();
-  });
-
-  it('renders with a label', () => {
-    render(
-      <Switch 
-        checked={true} 
-        handleChange={() => {}} 
-        switchClassName="switch-class" 
-        label="Toggle Switch" 
-        labelClassName="label-class" 
-      />
-    );
-
-    const label = screen.getByText('Toggle Switch');
-    const switchInput = screen.getByRole('checkbox');
-
-    expect(label).toBeInTheDocument();
-    expect(label).toHaveClass('label-class');
-    expect(switchInput).toBeChecked();
-  });
-
-  it('calls handleChange handler when clicked', () => {
-    // Simulate a component that manages its own state
-    const TestComponent = () => {
-      const [checked, setChecked] = useState(false);
-      return (
-        <Switch
-          checked={checked}
-          handleChange={() => setChecked(!checked)}
-          switchClassName="switch-class"
-        />
-      );
-    };
-
-    render(<TestComponent />);
-    
-    const switchInput = screen.getByRole('checkbox');
-    expect(switchInput).not.toBeChecked();
-
-    // Simulate the click event
-    fireEvent.click(switchInput);
-
-    // Check if the switchInput is now checked
-    expect(switchInput).toBeChecked();
-  });
-
-  it('applies custom classes', () => {
-    const { container } = render(
-      <Switch
-        checked={true}
-        handleChange={() => {}}
-        switchClassName="switch-class"
-        containerClassName="container-class"
-        toggleClassName="toggle-class"
-        label="Toggle Switch"
-        labelClassName="label-class"
-      />
-    );
-    
-    const containerDiv = container.querySelector('.container-class');
-    const switchToggle = container.querySelector('.switch-class');
-    const label = screen.getByText('Toggle Switch');
-
-    expect(containerDiv).toHaveClass('container-class');
-    expect(switchToggle).toHaveClass('switch-class');
-    expect(label).toHaveClass('label-class');
-  });
-});

package/src/components/Switch/Switch.tsx

@@ -1,38 +0,0 @@
-import React from "react";
-import './Switch.css';
-
-export interface SwitchProps {
-  checked: boolean;              
-  handleChange: () => void;      
-  switchClassName: string;       
-  label?: string;                
-  labelClassName?: string;  
-  containerClassName?: string;  
-  toggleClassName?:string,   
-}
-
-const Switch: React.FC<SwitchProps> = ({
-  checked,
-  handleChange,
-  switchClassName,
-  label,
-  labelClassName,
-  containerClassName,
-  toggleClassName
-}) => {
-  return (
-    <div className={containerClassName}>
-      {label && <span className={labelClassName}>{label}</span>}
-      <label className={toggleClassName}>
-        <input
-          type="checkbox"
-          checked={checked}
-          onChange={handleChange}
-        />
-        <span className={switchClassName}></span>
-      </label>
-    </div>
-  );
-};
-
-export default Switch;

package/src/components/Switch/index.ts

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

package/src/components/Tag/Tag.css

@@ -1,14 +0,0 @@
-.customTagClass {
-  display: inline-block;
-  padding: 5px 10px;
-  background-color: #f0f0f0;
-  color: #333;
-  border-radius: 12px;
-  font-size: 14px;
-  cursor: pointer;
-  margin-right: 8px;
-
-  &:hover {
-    background-color: #e0e0e0;
-  }
-}

package/src/components/Tag/Tag.test.tsx

@@ -1,61 +0,0 @@
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import Tag, { TagProps } from './Tag';
-
-describe('Tag Component', () => {
-  let handleClick: jest.Mock;
-
-  beforeEach(() => {
-    handleClick = jest.fn();  // Reset the mock function before each test
-  });
-
-  // Function to generate default props for each test
-  const getDefaultProps = (): TagProps => ({
-    content: 'Sample Tag',
-    tagClassName: 'tag-class',
-    handleClick,
-  });
-
-  it('renders the tag with the correct content', () => {
-    render(<Tag {...getDefaultProps()} />);
-    
-    const tagElement = screen.getByText('Sample Tag');
-    
-    expect(tagElement).toBeInTheDocument();
-  });
-
-  it('applies the correct className to the tag', () => {
-    render(<Tag {...getDefaultProps()} />);
-    
-    const tagElement = screen.getByText('Sample Tag');
-    
-    expect(tagElement).toHaveClass('tag-class');
-  });
-
-  it('calls the handleClick function when the tag is clicked', () => {
-    render(<Tag {...getDefaultProps()} />);
-    
-    const tagElement = screen.getByText('Sample Tag');
-    
-    fireEvent.click(tagElement);
-    
-    expect(handleClick).toHaveBeenCalledTimes(1);
-  });
-
-  it('does not call handleClick when the tag is not clicked', () => {
-    render(<Tag {...getDefaultProps()} />);
-    
-    expect(handleClick).not.toHaveBeenCalled();
-  });
-
-  it('renders correctly with different content', () => {
-    const newContent = 'New Tag Content';
-    render(<Tag {...getDefaultProps()} content={newContent} />);
-    
-    const tagElement = screen.getByText(newContent);
-    
-    expect(tagElement).toBeInTheDocument();
-    expect(tagElement).toHaveTextContent(newContent);
-  });
-});

package/src/components/Tag/Tag.tsx

@@ -1,19 +0,0 @@
-import React from "react";
-import styles from "./Tag.module.scss";
-
-export interface TagProps {
-  content: string | number;
-  tagClassName?: string; // Optional prop for custom class name
-  handleClick?: () => void;
-  style?: React.CSSProperties; // Inline styles as props
-}
-
-const Tag: React.FC<TagProps> = ({ content, tagClassName = styles.customTagClass, handleClick, style }) => {
-  return (
-    <button onClick={handleClick} style={style} className={tagClassName}>
-      {content}
-    </button>
-  );
-};
-
-export default Tag;

package/src/components/Tag/index.ts

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

package/src/components/Tooltip/Tooltip.test.tsx

@@ -1,68 +0,0 @@
-import React from "react";
-import { render, screen, fireEvent } from "@testing-library/react";
-import "@testing-library/jest-dom";
-import Tooltip, { TooltipProps } from "./Tooltip";
-
-describe("Tooltip Component", () => {
-  const defaultProps: TooltipProps = {
-    content: "Tooltip content",
-    tooltipClassName: "tooltip-class",
-    children: <button>Hover me</button>,
-  };
-
-  it("renders the children correctly", () => {
-    render(<Tooltip {...defaultProps} />);
-
-    const childElement = screen.getByText("Hover me");
-
-    expect(childElement).toBeInTheDocument();
-  });
-
-  it("does not show tooltip content by default", () => {
-    render(<Tooltip {...defaultProps} />);
-
-    const tooltipElement = screen.queryByText(defaultProps.content);
-
-    expect(tooltipElement).not.toBeInTheDocument();
-  });
-
-  it("shows tooltip content on mouse enter and hides it on mouse leave", () => {
-    render(<Tooltip {...defaultProps} />);
-
-    const childElement = screen.getByText("Hover me");
-
-    // Trigger mouse enter
-    fireEvent.mouseEnter(childElement);
-    let tooltipElement = screen.queryByText(defaultProps.content);
-    expect(tooltipElement).toBeInTheDocument();
-    expect(tooltipElement).toHaveClass(defaultProps.tooltipClassName);
-
-    // Trigger mouse leave
-    fireEvent.mouseLeave(childElement);
-    tooltipElement = screen.queryByText(defaultProps.content);
-
-    // Ensure tooltipElement is null if it was not found
-    expect(tooltipElement).toBeNull();
-  });
-
-  it("applies the correct container className", () => {
-    const customClassName = "custom-container-class";
-    render(<Tooltip {...defaultProps} containerClassName={customClassName} />);
-
-    const containerElement = screen.getByText("Hover me").parentElement;
-
-    expect(containerElement).toHaveClass(customClassName);
-  });
-
-  it("handles tooltip visibility correctly", () => {
-    render(<Tooltip {...defaultProps} />);
-
-    const childElement = screen.getByText("Hover me");
-
-    fireEvent.mouseEnter(childElement);
-
-    const tooltipElement = screen.queryByText(defaultProps.content);
-
-    expect(tooltipElement).toBeInTheDocument();
-  });
-});

package/src/components/Tooltip/Tooltip.tsx

@@ -1,38 +0,0 @@
-import React, { useState } from "react";
-import styles from './Tooltip.module.scss';
-
-export interface TooltipProps {
-  content: string; 
-  tooltipClassName: string; 
-  children: React.ReactNode;
-  containerClassName?: string;
-}
-
-const Tooltip: React.FC<TooltipProps> = ({
-  content,
-  tooltipClassName,
-  children,
-  containerClassName = "",
-}) => {
-  const [visible, setVisible] = useState(false);
-
-  const showTooltip = () => setVisible(true);
-  const hideTooltip = () => setVisible(false);
-
-  return (
-    <div 
-      className={`${styles.tooltipWrapper} ${containerClassName}`} 
-      onMouseEnter={showTooltip} 
-      onMouseLeave={hideTooltip}
-    >
-      {children}
-      {visible && (
-        <div className={`${styles.customTooltipClass} ${tooltipClassName}`}>
-          {content}
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default Tooltip;

package/src/components/Tooltip/index.ts

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

package/src/components/index.ts

@@ -1,15 +0,0 @@
-export { default as Button } from "./Button";
-export { default as Avatar } from "./Avatar";
-export { default as Badge } from "./Badge";
-export { default as BreadCrumb } from "./BreadCrumb";
-export { default as Checkbox } from "./Checkbox";
-export { default as CircularProgress } from "./CircularProgress";
-export { default as Divider } from "./Divider";
-export { default as Link } from "./Link";
-export { default as Progress } from "./Progress";
-export { default as RadioButton } from "./RadioButton";
-export { default as InputTextField } from "./InputTextField";
-export { default } from "./PdfView";
-export { default as Directions } from "./Map/Directions";
-export { default as GoogleMap } from "./Map/GoogleMap";
-export { default as OtpInput } from "./OtpInput/OtpInput";

package/src/index.ts

@@ -1 +0,0 @@
-export * from './components';

package/src/theme/colors.ts

@@ -1,3 +0,0 @@
-// format: Color name: BRAND_800
-
-export const COLORS = {};

package/src/typings.d.ts

@@ -1 +0,0 @@
-declare module '*.scss';