dhre-component-lib 0.1.3 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (126) hide show
  1. package/package.json +6 -14
  2. package/src/components/Badge/Badge.tsx +2 -2
  3. package/dist/components/Avatar/Avatar.d.ts +0 -9
  4. package/dist/components/Avatar/Avatar.js +0 -6
  5. package/dist/components/Avatar/Avatar.test.d.ts +0 -1
  6. package/dist/components/Avatar/Avatar.test.js +0 -50
  7. package/dist/components/Avatar/index.d.ts +0 -1
  8. package/dist/components/Avatar/index.js +0 -1
  9. package/dist/components/Badge/Badge.d.ts +0 -8
  10. package/dist/components/Badge/Badge.js +0 -7
  11. package/dist/components/Badge/Badge.test.d.ts +0 -1
  12. package/dist/components/Badge/Badge.test.js +0 -52
  13. package/dist/components/Badge/index.d.ts +0 -1
  14. package/dist/components/Badge/index.js +0 -1
  15. package/dist/components/BreadCrumb/BreadCrumb.d.ts +0 -14
  16. package/dist/components/BreadCrumb/BreadCrumb.js +0 -8
  17. package/dist/components/BreadCrumb/BreadCrumb.test.d.ts +0 -1
  18. package/dist/components/BreadCrumb/BreadCrumb.test.js +0 -55
  19. package/dist/components/BreadCrumb/index.d.ts +0 -1
  20. package/dist/components/BreadCrumb/index.js +0 -1
  21. package/dist/components/Button/Button.d.ts +0 -10
  22. package/dist/components/Button/Button.js +0 -7
  23. package/dist/components/Button/Button.test.d.ts +0 -1
  24. package/dist/components/Button/Button.test.js +0 -48
  25. package/dist/components/Button/index.d.ts +0 -1
  26. package/dist/components/Button/index.js +0 -1
  27. package/dist/components/Checkbox/Checkbox.d.ts +0 -11
  28. package/dist/components/Checkbox/Checkbox.js +0 -28
  29. package/dist/components/Checkbox/Checkbox.test.d.ts +0 -1
  30. package/dist/components/Checkbox/Checkbox.test.js +0 -70
  31. package/dist/components/Checkbox/index.d.ts +0 -1
  32. package/dist/components/Checkbox/index.js +0 -1
  33. package/dist/components/CircularProgress/CircularProgress.d.ts +0 -10
  34. package/dist/components/CircularProgress/CircularProgress.js +0 -22
  35. package/dist/components/CircularProgress/CircularProgress.test.d.ts +0 -1
  36. package/dist/components/CircularProgress/CircularProgress.test.js +0 -44
  37. package/dist/components/CircularProgress/index.d.ts +0 -1
  38. package/dist/components/CircularProgress/index.js +0 -1
  39. package/dist/components/Divider/Divider.d.ts +0 -8
  40. package/dist/components/Divider/Divider.js +0 -29
  41. package/dist/components/Divider/Divider.test.d.ts +0 -1
  42. package/dist/components/Divider/Divider.test.js +0 -31
  43. package/dist/components/Divider/index.d.ts +0 -1
  44. package/dist/components/Divider/index.js +0 -1
  45. package/dist/components/Enum.d.ts +0 -17
  46. package/dist/components/Enum.js +0 -17
  47. package/dist/components/InputTextField/InputTextField.d.ts +0 -16
  48. package/dist/components/InputTextField/InputTextField.js +0 -29
  49. package/dist/components/InputTextField/InputTextField.test.d.ts +0 -1
  50. package/dist/components/InputTextField/InputTextField.test.js +0 -97
  51. package/dist/components/InputTextField/index.d.ts +0 -1
  52. package/dist/components/InputTextField/index.js +0 -1
  53. package/dist/components/Link/Link.d.ts +0 -10
  54. package/dist/components/Link/Link.js +0 -29
  55. package/dist/components/Link/Link.test.d.ts +0 -1
  56. package/dist/components/Link/Link.test.js +0 -58
  57. package/dist/components/Link/index.d.ts +0 -1
  58. package/dist/components/Link/index.js +0 -1
  59. package/dist/components/Map/Directions.d.ts +0 -13
  60. package/dist/components/Map/Directions.js +0 -6
  61. package/dist/components/Map/GoogleMap.d.ts +0 -12
  62. package/dist/components/Map/GoogleMap.js +0 -100
  63. package/dist/components/Map/GoogleMapsLoader.d.ts +0 -4
  64. package/dist/components/Map/GoogleMapsLoader.js +0 -10
  65. package/dist/components/Map/index.d.ts +0 -2
  66. package/dist/components/Map/index.js +0 -2
  67. package/dist/components/Modal/Modal.d.ts +0 -10
  68. package/dist/components/Modal/Modal.js +0 -14
  69. package/dist/components/Modal/Modal.test.d.ts +0 -1
  70. package/dist/components/Modal/Modal.test.js +0 -51
  71. package/dist/components/Modal/index.d.ts +0 -1
  72. package/dist/components/Modal/index.js +0 -1
  73. package/dist/components/Notification/Notification.d.ts +0 -10
  74. package/dist/components/Notification/Notification.js +0 -21
  75. package/dist/components/Notification/Notification.test.d.ts +0 -1
  76. package/dist/components/Notification/Notification.test.js +0 -97
  77. package/dist/components/Notification/index.d.ts +0 -1
  78. package/dist/components/Notification/index.js +0 -1
  79. package/dist/components/OtpInput/OtpInput.d.ts +0 -14
  80. package/dist/components/OtpInput/OtpInput.js +0 -74
  81. package/dist/components/OtpInput/OtpInput.test.d.ts +0 -1
  82. package/dist/components/OtpInput/OtpInput.test.js +0 -76
  83. package/dist/components/OtpInput/index.d.ts +0 -1
  84. package/dist/components/OtpInput/index.js +0 -1
  85. package/dist/components/PdfView/PdfView.d.ts +0 -18
  86. package/dist/components/PdfView/PdfView.js +0 -92
  87. package/dist/components/PdfView/PdfView.test.d.ts +0 -1
  88. package/dist/components/PdfView/PdfView.test.js +0 -41
  89. package/dist/components/PdfView/index.d.ts +0 -1
  90. package/dist/components/PdfView/index.js +0 -1
  91. package/dist/components/Progress/Progress.d.ts +0 -12
  92. package/dist/components/Progress/Progress.js +0 -29
  93. package/dist/components/Progress/Progress.test.d.ts +0 -1
  94. package/dist/components/Progress/Progress.test.js +0 -34
  95. package/dist/components/Progress/index.d.ts +0 -1
  96. package/dist/components/Progress/index.js +0 -1
  97. package/dist/components/RadioButton/RadioButton.d.ts +0 -14
  98. package/dist/components/RadioButton/RadioButton.js +0 -28
  99. package/dist/components/RadioButton/RadioButton.test.d.ts +0 -1
  100. package/dist/components/RadioButton/RadioButton.test.js +0 -29
  101. package/dist/components/RadioButton/index.d.ts +0 -1
  102. package/dist/components/RadioButton/index.js +0 -1
  103. package/dist/components/Switch/Switch.d.ts +0 -13
  104. package/dist/components/Switch/Switch.js +0 -7
  105. package/dist/components/Switch/Switch.test.d.ts +0 -1
  106. package/dist/components/Switch/Switch.test.js +0 -46
  107. package/dist/components/Switch/index.d.ts +0 -1
  108. package/dist/components/Switch/index.js +0 -1
  109. package/dist/components/Tag/Tag.d.ts +0 -9
  110. package/dist/components/Tag/Tag.js +0 -7
  111. package/dist/components/Tag/Tag.test.d.ts +0 -1
  112. package/dist/components/Tag/Tag.test.js +0 -54
  113. package/dist/components/Tag/index.d.ts +0 -1
  114. package/dist/components/Tag/index.js +0 -1
  115. package/dist/components/Tooltip/Tooltip.d.ts +0 -9
  116. package/dist/components/Tooltip/Tooltip.js +0 -11
  117. package/dist/components/Tooltip/Tooltip.test.d.ts +0 -1
  118. package/dist/components/Tooltip/Tooltip.test.js +0 -59
  119. package/dist/components/Tooltip/index.d.ts +0 -1
  120. package/dist/components/Tooltip/index.js +0 -1
  121. package/dist/components/index.d.ts +0 -15
  122. package/dist/components/index.js +0 -15
  123. package/dist/index.d.ts +0 -1
  124. package/dist/index.js +0 -1
  125. package/dist/theme/colors.d.ts +0 -1
  126. package/dist/theme/colors.js +0 -2
package/package.json CHANGED
@@ -1,12 +1,11 @@
1
1
  {
2
2
  "name": "dhre-component-lib",
3
- "version": "0.1.3",
3
+ "version": "0.1.5",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "test": "jest",
7
7
  "rollup": "rollup -c",
8
- "test:coverage": "jest --coverage",
9
- "build": "tsc"
8
+ "test:coverage": "jest --coverage"
10
9
  },
11
10
  "author": "",
12
11
  "license": "ISC",
@@ -19,24 +18,17 @@
19
18
  "@rollup/plugin-typescript": "^11.1.6",
20
19
  "@testing-library/jest-dom": "^6.5.0",
21
20
  "@testing-library/react": "^16.0.1",
22
- "@types/google.maps": "^3.57.0",
23
21
  "@types/jest": "^29.5.12",
24
- "@types/node": "^22.5.4",
25
22
  "@types/react": "^18.3.5",
26
23
  "@types/testing-library__jest-dom": "^6.0.0",
27
24
  "jest": "^29.7.0",
28
25
  "jest-dom": "^4.0.0",
29
26
  "jest-environment-jsdom": "^29.7.0",
30
- "postcss": "^8.4.45",
31
- "postcss-modules": "^6.0.0",
32
27
  "react": "^18.3.1",
33
28
  "react-testing-library": "^8.0.1",
34
29
  "rollup": "^4.18.1",
35
30
  "rollup-plugin-dts": "^6.1.1",
36
31
  "rollup-plugin-peer-deps-external": "^2.2.4",
37
- "rollup-plugin-postcss": "^4.0.2",
38
- "rollup-plugin-scss": "^4.0.0",
39
- "sass": "^1.78.0",
40
32
  "ts-jest": "^29.2.5",
41
33
  "ts-node": "^10.9.2",
42
34
  "typescript": "^5.5.3"
@@ -46,18 +38,18 @@
46
38
  "@emotion/styled": "^11.13.0",
47
39
  "@mui/icons-material": "^5.16.7",
48
40
  "@mui/material": "^5.16.7",
49
- "@react-google-maps/api": "^2.19.3",
41
+ "sass": "^1.77.8",
50
42
  "tslib": "^2.6.3"
51
43
  },
52
44
  "peerDependencies": {
53
45
  "react": "^18.3.1",
54
46
  "react-dom": "^18.3.1"
55
47
  },
56
- "main": "dist/index.js",
57
48
  "module": "dist/esm/index.js",
58
49
  "types": "dist/index.d.ts",
50
+ "main": "src/index.ts",
59
51
  "files": [
60
- "dist",
61
- "src"
52
+ "src",
53
+ "README.md"
62
54
  ]
63
55
  }
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import './Badge.module.scss';
2
+ import styles from './Badge.module.scss';
3
3
 
4
4
  export interface BadgeProps {
5
5
  content: string | number;
@@ -15,7 +15,7 @@ const Badge: React.FC<BadgeProps> = ({
15
15
  return (
16
16
  <button
17
17
  onClick={handleClick}
18
- className={`${"badge"} ${badgeClassName}`}
18
+ className={`${styles.badge} ${badgeClassName}`}
19
19
  >
20
20
  {content}
21
21
  </button>
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- export interface AvatarProps {
3
- src: string;
4
- alt: string;
5
- imgClassName: string;
6
- handleClick?: () => void;
7
- }
8
- declare const Avatar: React.FC<AvatarProps>;
9
- export default Avatar;
@@ -1,6 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- var Avatar = function (_a) {
3
- var src = _a.src, alt = _a.alt, imgClassName = _a.imgClassName, handleClick = _a.handleClick;
4
- return (_jsx("button", { onClick: handleClick, children: _jsx("img", { src: src, alt: alt, className: imgClassName }) }));
5
- };
6
- export default Avatar;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,50 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { render, screen, fireEvent } from '@testing-library/react';
14
- import '@testing-library/jest-dom';
15
- import Avatar from './Avatar';
16
- describe('Avatar Component', function () {
17
- var defaultProps = {
18
- src: 'test-image.jpg',
19
- alt: 'Test Avatar',
20
- imgClassName: 'avatar-class',
21
- };
22
- it('renders the image with the provided src and alt attributes', function () {
23
- render(_jsx(Avatar, __assign({}, defaultProps)));
24
- var imgElement = screen.getByAltText(defaultProps.alt);
25
- expect(imgElement).toHaveAttribute('src', defaultProps.src);
26
- expect(imgElement).toHaveAttribute('alt', defaultProps.alt);
27
- });
28
- it('applies the correct className to the image', function () {
29
- render(_jsx(Avatar, __assign({}, defaultProps)));
30
- var imgElement = screen.getByAltText(defaultProps.alt);
31
- expect(imgElement).toHaveClass(defaultProps.imgClassName);
32
- });
33
- it('handles the onClick event correctly', function () {
34
- var handleClick = jest.fn();
35
- render(_jsx(Avatar, __assign({}, defaultProps, { handleClick: handleClick })));
36
- var imgElement = screen.getByAltText(defaultProps.alt);
37
- fireEvent.click(imgElement);
38
- expect(handleClick).toHaveBeenCalledTimes(1);
39
- });
40
- it('does not crash without handleClick prop', function () {
41
- render(_jsx(Avatar, __assign({}, defaultProps)));
42
- var imgElement = screen.getByAltText(defaultProps.alt);
43
- expect(function () { return fireEvent.click(imgElement); }).not.toThrow();
44
- });
45
- it('renders correctly without crashing', function () {
46
- render(_jsx(Avatar, __assign({}, defaultProps)));
47
- var imgElement = screen.getByAltText(defaultProps.alt);
48
- expect(imgElement).toBeInTheDocument();
49
- });
50
- });
@@ -1 +0,0 @@
1
- export { default } from "./Avatar";
@@ -1 +0,0 @@
1
- export { default } from "./Avatar";
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- export interface BadgeProps {
3
- content: string | number;
4
- badgeClassName?: string;
5
- handleClick?: () => void;
6
- }
7
- declare const Badge: React.FC<BadgeProps>;
8
- export default Badge;
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import styles from './Badge.module.scss';
3
- var Badge = function (_a) {
4
- var content = _a.content, badgeClassName = _a.badgeClassName, handleClick = _a.handleClick;
5
- return (_jsx("button", { onClick: handleClick, className: "".concat(styles.badge, " ").concat(badgeClassName), children: content }));
6
- };
7
- export default Badge;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,52 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { render, screen, fireEvent } from '@testing-library/react';
14
- import '@testing-library/jest-dom';
15
- import Badge from './Badge';
16
- describe('Badge Component', function () {
17
- var defaultProps = {
18
- content: 'Test Badge',
19
- badgeClassName: 'badge-class',
20
- };
21
- it('renders the badge with the provided content', function () {
22
- render(_jsx(Badge, __assign({}, defaultProps)));
23
- var badgeElement = screen.getByText(defaultProps.content);
24
- expect(badgeElement).toBeInTheDocument();
25
- });
26
- it('handles the onClick event correctly', function () {
27
- var handleClick = jest.fn();
28
- render(_jsx(Badge, __assign({}, defaultProps, { handleClick: handleClick })));
29
- var badgeElement = screen.getByText(defaultProps.content);
30
- fireEvent.click(badgeElement);
31
- expect(handleClick).toHaveBeenCalledTimes(1);
32
- });
33
- it('does not crash without handleClick prop', function () {
34
- render(_jsx(Badge, __assign({}, defaultProps)));
35
- var badgeElement = screen.getByText(defaultProps.content);
36
- expect(function () { return fireEvent.click(badgeElement); }).not.toThrow();
37
- });
38
- it('renders correctly with numeric content', function () {
39
- var numericProps = __assign(__assign({}, defaultProps), { content: 99 });
40
- render(_jsx(Badge, __assign({}, numericProps)));
41
- var badgeElement = screen.getByText(numericProps.content.toString());
42
- expect(badgeElement).toBeInTheDocument();
43
- expect(badgeElement).toHaveTextContent('99');
44
- });
45
- it('renders correctly with different content', function () {
46
- var newContent = 'Updated Badge';
47
- render(_jsx(Badge, __assign({}, defaultProps, { content: newContent })));
48
- var badgeElement = screen.getByText(newContent);
49
- expect(badgeElement).toBeInTheDocument();
50
- expect(badgeElement).toHaveTextContent(newContent);
51
- });
52
- });
@@ -1 +0,0 @@
1
- export { default } from "./Badge";
@@ -1 +0,0 @@
1
- export { default } from "./Badge";
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- export interface BreadcrumbItem {
3
- label: string;
4
- handleClick?: () => void;
5
- }
6
- export interface BreadcrumbProps {
7
- items: BreadcrumbItem[];
8
- breadcrumbClassName: string;
9
- itemClassName?: string;
10
- separator?: string;
11
- separatorClassName?: string;
12
- }
13
- declare const Breadcrumb: React.FC<BreadcrumbProps>;
14
- export default Breadcrumb;
@@ -1,8 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React from "react";
3
- import styles from './Breadcrumb.module.scss';
4
- var Breadcrumb = function (_a) {
5
- var items = _a.items, breadcrumbClassName = _a.breadcrumbClassName, itemClassName = _a.itemClassName, _b = _a.separator, separator = _b === void 0 ? "/" : _b, separatorClassName = _a.separatorClassName;
6
- return (_jsx("nav", { className: "".concat(styles.breadcrumb, " ").concat(breadcrumbClassName), children: items.map(function (item, index) { return (_jsxs(React.Fragment, { children: [_jsx("button", { className: "".concat(styles.breadcrumbItem, " ").concat(itemClassName), onClick: item.handleClick, children: item.label }), index < items.length - 1 && (_jsx("span", { className: "".concat(styles.separator, " ").concat(separatorClassName), children: separator }))] }, index)); }) }));
7
- };
8
- export default Breadcrumb;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,55 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { render, screen, fireEvent } from '@testing-library/react';
3
- import '@testing-library/jest-dom';
4
- import Breadcrumb from './BreadCrumb';
5
- describe('Breadcrumb', function () {
6
- it('should render with given props', function () {
7
- var items = [
8
- { label: 'Home', handleClick: function () { } },
9
- { label: 'Library' },
10
- { label: 'Data' },
11
- ];
12
- render(_jsx(Breadcrumb, { items: items, breadcrumbClassName: "breadcrumb-class", itemClassName: "item-class", separator: ">", separatorClassName: "separator-class" }));
13
- // Check if breadcrumb container is rendered
14
- var breadcrumb = screen.getByRole('navigation');
15
- expect(breadcrumb).toBeInTheDocument();
16
- expect(breadcrumb).toHaveClass('breadcrumb-class');
17
- // Check if breadcrumb items are rendered
18
- items.forEach(function (item) {
19
- var itemElement = screen.getByText(item.label);
20
- expect(itemElement).toBeInTheDocument();
21
- expect(itemElement).toHaveClass('item-class');
22
- });
23
- // Check if separators are rendered
24
- var separators = screen.getAllByText('>');
25
- expect(separators.length).toBe(items.length - 1);
26
- separators.forEach(function (separator) { return expect(separator).toHaveClass('separator-class'); });
27
- });
28
- it('should call handleClick when a breadcrumb item is clicked', function () {
29
- var handleClick = jest.fn();
30
- var items = [
31
- { label: 'Home', handleClick: handleClick },
32
- { label: 'Library' },
33
- ];
34
- render(_jsx(Breadcrumb, { items: items, breadcrumbClassName: "breadcrumb-class", itemClassName: "item-class", separator: ">", separatorClassName: "separator-class" }));
35
- var homeItem = screen.getByText('Home');
36
- fireEvent.click(homeItem);
37
- expect(handleClick).toHaveBeenCalled();
38
- });
39
- it('should render without separators if none are provided', function () {
40
- var items = [
41
- { label: 'Home' },
42
- { label: 'Library' },
43
- ];
44
- render(_jsx(Breadcrumb, { items: items, breadcrumbClassName: "breadcrumb-class", itemClassName: "item-class", separator: "" // Pass an empty string for separator
45
- }));
46
- // Check if breadcrumb items are rendered
47
- items.forEach(function (item) {
48
- var itemElement = screen.getByText(item.label);
49
- expect(itemElement).toBeInTheDocument();
50
- });
51
- // Check that no separators are present by querying with the separator class name
52
- var separators = screen.queryAllByRole('presentation');
53
- expect(separators.length).toBe(0);
54
- });
55
- });
@@ -1 +0,0 @@
1
- export { default } from "./BreadCrumb";
@@ -1 +0,0 @@
1
- export { default } from "./BreadCrumb";
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- export interface ButtonProps {
3
- label: string;
4
- variant: 'text' | 'outlined' | 'contained';
5
- color: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
6
- size: 'small' | 'medium' | 'large';
7
- handleClick: () => void;
8
- }
9
- declare const Button: React.FC<ButtonProps>;
10
- export default Button;
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import styles from './Button.module.scss';
3
- var Button = function (_a) {
4
- var label = _a.label, variant = _a.variant, color = _a.color, size = _a.size, handleClick = _a.handleClick;
5
- return (_jsx("button", { onClick: handleClick, className: "".concat(styles.button, " ").concat(styles[variant], " ").concat(styles[color], " ").concat(styles[size]), children: label }));
6
- };
7
- export default Button;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,48 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { render, screen, fireEvent } from '@testing-library/react';
14
- import '@testing-library/jest-dom';
15
- import Button from './Button';
16
- describe('Button Component', function () {
17
- var handleClick;
18
- beforeEach(function () {
19
- handleClick = jest.fn(); // Initialize the mock function before each test
20
- });
21
- var renderButton = function (props) {
22
- if (props === void 0) { props = {}; }
23
- var defaultProps = {
24
- label: 'Click Me',
25
- variant: 'contained',
26
- color: 'primary',
27
- size: 'small',
28
- handleClick: handleClick
29
- };
30
- return render(_jsx(Button, __assign({}, defaultProps)));
31
- };
32
- it('renders the button with the correct label', function () {
33
- renderButton();
34
- var buttonElement = screen.getByText('Click Me');
35
- expect(buttonElement).toBeInTheDocument();
36
- expect(buttonElement.tagName).toBe('BUTTON');
37
- });
38
- it('calls the handleClick function when the button is clicked', function () {
39
- renderButton();
40
- var buttonElement = screen.getByText('Click Me');
41
- fireEvent.click(buttonElement);
42
- expect(handleClick).toHaveBeenCalledTimes(1); // Ensure the mock function is called once
43
- });
44
- it('does not call handleClick when the button is not clicked', function () {
45
- renderButton();
46
- expect(handleClick).not.toHaveBeenCalled();
47
- });
48
- });
@@ -1 +0,0 @@
1
- export { default } from "./Button";
@@ -1 +0,0 @@
1
- export { default } from "./Button";
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- interface CustomCheckboxProps {
3
- label?: string;
4
- checked?: boolean;
5
- onChange?: React.ChangeEventHandler<HTMLInputElement>;
6
- className?: string;
7
- checkboxClassName?: string;
8
- labelClassName?: string;
9
- }
10
- declare const CustomCheckbox: React.FC<CustomCheckboxProps>;
11
- export default CustomCheckbox;
@@ -1,28 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
24
- var CustomCheckbox = function (_a) {
25
- var label = _a.label, _b = _a.checked, checked = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.checkboxClassName, checkboxClassName = _d === void 0 ? '' : _d, _e = _a.labelClassName, labelClassName = _e === void 0 ? '' : _e, rest = __rest(_a, ["label", "checked", "onChange", "className", "checkboxClassName", "labelClassName"]);
26
- return (_jsxs("div", { className: className, children: [_jsx("input", __assign({ type: "checkbox", checked: checked, onChange: onChange, className: checkboxClassName }, rest)), label && _jsx("label", { className: labelClassName, children: label })] }));
27
- };
28
- export default CustomCheckbox;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,70 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { render, screen, fireEvent } from '@testing-library/react';
14
- import '@testing-library/jest-dom';
15
- import CustomCheckbox from './Checkbox';
16
- describe('CustomCheckbox Component', function () {
17
- var handleChange;
18
- // Function to generate default props for each test
19
- var getDefaultProps = function () { return ({
20
- label: 'Accept Terms',
21
- checked: false,
22
- onChange: handleChange,
23
- className: 'custom-container',
24
- checkboxClassName: 'custom-checkbox',
25
- labelClassName: 'custom-label',
26
- }); };
27
- beforeEach(function () {
28
- handleChange = jest.fn(); // Reset the mock function before each test
29
- });
30
- it('renders the checkbox with a label', function () {
31
- render(_jsx(CustomCheckbox, __assign({}, getDefaultProps())));
32
- var checkboxElement = screen.getByRole('checkbox');
33
- var labelElement = screen.getByText('Accept Terms');
34
- expect(checkboxElement).toBeInTheDocument();
35
- expect(labelElement).toBeInTheDocument();
36
- });
37
- it('applies the correct className to the checkbox container', function () {
38
- render(_jsx(CustomCheckbox, __assign({}, getDefaultProps())));
39
- var container = screen.getByRole('checkbox').parentElement;
40
- expect(container).toHaveClass('custom-container');
41
- });
42
- it('applies the correct className to the checkbox', function () {
43
- render(_jsx(CustomCheckbox, __assign({}, getDefaultProps())));
44
- var checkboxElement = screen.getByRole('checkbox');
45
- expect(checkboxElement).toHaveClass('custom-checkbox');
46
- });
47
- it('applies the correct className to the label', function () {
48
- render(_jsx(CustomCheckbox, __assign({}, getDefaultProps())));
49
- var labelElement = screen.getByText('Accept Terms');
50
- expect(labelElement).toHaveClass('custom-label');
51
- });
52
- it('checks the checkbox based on the checked prop', function () {
53
- render(_jsx(CustomCheckbox, __assign({}, getDefaultProps(), { checked: true })));
54
- var checkboxElement = screen.getByRole('checkbox');
55
- expect(checkboxElement).toBeChecked();
56
- });
57
- it('calls the onChange function when the checkbox state changes', function () {
58
- render(_jsx(CustomCheckbox, __assign({}, getDefaultProps(), { checked: false })));
59
- var checkboxElement = screen.getByRole('checkbox');
60
- fireEvent.click(checkboxElement); // Toggle the checkbox
61
- expect(handleChange).toHaveBeenCalledTimes(1);
62
- });
63
- it('renders correctly with different label', function () {
64
- var newLabel = 'Agree to Privacy Policy';
65
- render(_jsx(CustomCheckbox, __assign({}, getDefaultProps(), { label: newLabel })));
66
- var labelElement = screen.getByText(newLabel);
67
- expect(labelElement).toBeInTheDocument();
68
- expect(labelElement).toHaveTextContent(newLabel);
69
- });
70
- });
@@ -1 +0,0 @@
1
- export { default } from "./Checkbox";
@@ -1 +0,0 @@
1
- export { default } from "./Checkbox";
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- export interface CircularProgressProps {
3
- value?: number;
4
- variant?: 'determinate' | 'indeterminate';
5
- color?: 'primary' | 'secondary' | 'error' | 'success' | 'info' | 'warning';
6
- thickness?: number;
7
- size?: number | string;
8
- }
9
- declare const CircularProgress: React.FC<CircularProgressProps>;
10
- export default CircularProgress;
@@ -1,22 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import styles from './CircularProgress.module.scss';
14
- var CircularProgress = function (_a) {
15
- var _b = _a.value, value = _b === void 0 ? 0 : _b, _c = _a.variant, variant = _c === void 0 ? 'indeterminate' : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, _e = _a.thickness, thickness = _e === void 0 ? 4 : _e, _f = _a.size, size = _f === void 0 ? 100 : _f;
16
- var isDeterminate = variant === 'determinate';
17
- var rotationStyle = isDeterminate
18
- ? { transform: "rotate(".concat((value / 100) * 360, "deg)") }
19
- : {};
20
- return (_jsx("div", { className: "".concat(styles.spinner, " ").concat(styles[color]), style: __assign({ width: typeof size === 'number' ? "".concat(size, "px") : size, height: typeof size === 'number' ? "".concat(size, "px") : size, borderWidth: "".concat(thickness, "px") }, rotationStyle) }));
21
- };
22
- export default CircularProgress;
@@ -1,44 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { render } from "@testing-library/react";
14
- import CircularProgress from "./CircularProgress";
15
- describe("Loading Component", function () {
16
- var renderComponent = function (props) {
17
- return render(_jsx(CircularProgress, __assign({}, props)));
18
- };
19
- it("applies the correct size and thickness", function () {
20
- var container = renderComponent({ size: 60, thickness: 5 }).container;
21
- var spinner = container.firstChild;
22
- expect(spinner).not.toBeNull();
23
- expect(spinner.style.width).toBe("60px");
24
- expect(spinner.style.height).toBe("60px");
25
- expect(spinner.style.borderWidth).toBe("5px");
26
- });
27
- it("renders the determinate spinner with the correct rotation", function () {
28
- var container = renderComponent({
29
- variant: "determinate",
30
- value: 75,
31
- }).container;
32
- var spinner = container.firstChild;
33
- var expectedRotation = "rotate(".concat((75 / 100) * 360, "deg)");
34
- expect(spinner).not.toBeNull();
35
- expect(spinner.style.transform).toBe(expectedRotation);
36
- });
37
- it("handles string size correctly", function () {
38
- var container = renderComponent({ size: "50%" }).container;
39
- var spinner = container.firstChild;
40
- expect(spinner).not.toBeNull();
41
- expect(spinner.style.width).toBe("50%");
42
- expect(spinner.style.height).toBe("50%");
43
- });
44
- });
@@ -1 +0,0 @@
1
- export { default } from "./CircularProgress";
@@ -1 +0,0 @@
1
- export { default } from "./CircularProgress";
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- interface CustomDividerProps {
3
- orientation?: string;
4
- className?: string;
5
- dividerClassName?: string;
6
- }
7
- declare const CustomDivider: React.FC<CustomDividerProps>;
8
- export default CustomDivider;