react-frontend-common-components 0.0.1

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 (78) hide show
  1. package/dist/index.d.ts +85 -0
  2. package/dist/index.js +26 -0
  3. package/dist/index.js.map +1 -0
  4. package/dist/index.mjs +26 -0
  5. package/dist/index.mjs.map +1 -0
  6. package/package.json +34 -0
  7. package/rollup.config.js +44 -0
  8. package/src/components/app-avatar/app-avatar.tsx +24 -0
  9. package/src/components/app-back-arrow/app-back-arrow.css +17 -0
  10. package/src/components/app-back-arrow/app-back-arrow.tsx +30 -0
  11. package/src/components/app-badge/app-badge.css +11 -0
  12. package/src/components/app-badge/app-badge.tsx +44 -0
  13. package/src/components/app-bread-crumb/app-bread-crumb.tsx +16 -0
  14. package/src/components/app-button/app-button.css +13 -0
  15. package/src/components/app-button/app-button.tsx +51 -0
  16. package/src/components/app-card/app-card.css +8 -0
  17. package/src/components/app-card/app-card.tsx +43 -0
  18. package/src/components/app-carousel/app-carousel.css +68 -0
  19. package/src/components/app-carousel/app-carousel.tsx +62 -0
  20. package/src/components/app-chart/app-chart.css +6 -0
  21. package/src/components/app-chart/app-chart.tsx +97 -0
  22. package/src/components/app-checkbox-text/app-checkbox-text.css +12 -0
  23. package/src/components/app-checkbox-text/app-checkbox-text.tsx +20 -0
  24. package/src/components/app-collapse/app-collapse.tsx +57 -0
  25. package/src/components/app-custom-loader/app-custom-loader.css +116 -0
  26. package/src/components/app-custom-loader/app-custom-loader.tsx +23 -0
  27. package/src/components/app-divider/app-divider.tsx +16 -0
  28. package/src/components/app-float-button/app-float-button.tsx +23 -0
  29. package/src/components/app-image-box/app-image-box.css +23 -0
  30. package/src/components/app-image-box/app-image-box.tsx +38 -0
  31. package/src/components/app-input/app-input.css +61 -0
  32. package/src/components/app-input/app-input.tsx +89 -0
  33. package/src/components/app-label/app-label.css +5 -0
  34. package/src/components/app-label/app-label.tsx +34 -0
  35. package/src/components/app-list/app-list.tsx +26 -0
  36. package/src/components/app-loader/app-loader.css +16 -0
  37. package/src/components/app-loader/app-loader.tsx +28 -0
  38. package/src/components/app-location-map/app-location-map.css +4 -0
  39. package/src/components/app-location-map/app-location-map.tsx +62 -0
  40. package/src/components/app-modal/app-modal.css +35 -0
  41. package/src/components/app-modal/app-modal.tsx +58 -0
  42. package/src/components/app-otp-field/app-otp-field.css +31 -0
  43. package/src/components/app-otp-field/app-otp-field.tsx +70 -0
  44. package/src/components/app-pagination/app-pagination.tsx +40 -0
  45. package/src/components/app-password-input/app-password-input.css +41 -0
  46. package/src/components/app-password-input/app-password-input.tsx +79 -0
  47. package/src/components/app-phone-field/app-phone-field.css +61 -0
  48. package/src/components/app-phone-field/app-phone-field.tsx +60 -0
  49. package/src/components/app-popover/app-popover.css +5 -0
  50. package/src/components/app-popover/app-popover.tsx +45 -0
  51. package/src/components/app-progress/app-progress.tsx +40 -0
  52. package/src/components/app-radio-group/app-radio-group.css +6 -0
  53. package/src/components/app-radio-group/app-radio-group.tsx +45 -0
  54. package/src/components/app-select/app-select.css +21 -0
  55. package/src/components/app-select/app-select.tsx +53 -0
  56. package/src/components/app-select-add/app-select-add.css +21 -0
  57. package/src/components/app-select-add/app-select-add.tsx +34 -0
  58. package/src/components/app-sidebar/app-sidebar.css +46 -0
  59. package/src/components/app-sidebar/app-sidebar.tsx +60 -0
  60. package/src/components/app-tab/app-tab.css +22 -0
  61. package/src/components/app-tab/app-tab.tsx +31 -0
  62. package/src/components/app-table/app-table.tsx +42 -0
  63. package/src/components/app-tag/app-tag.css +11 -0
  64. package/src/components/app-tag/app-tag.tsx +48 -0
  65. package/src/components/app-textarea/app-textarea.css +19 -0
  66. package/src/components/app-textarea/app-textarea.tsx +59 -0
  67. package/src/components/app-title/app-title.css +12 -0
  68. package/src/components/app-title/app-title.tsx +28 -0
  69. package/src/components/app-toggle-button/app-toggle-button.css +27 -0
  70. package/src/components/app-toggle-button/app-toggle-button.tsx +43 -0
  71. package/src/components/app-upload-image/app-upload-image.css +26 -0
  72. package/src/components/app-upload-image/app-upload-image.tsx +90 -0
  73. package/src/components/over-view-card/over-view-card.css +16 -0
  74. package/src/components/over-view-card/over-view-card.tsx +22 -0
  75. package/src/index.ts +5 -0
  76. package/src/themes/icons/icons.tsx +131 -0
  77. package/src/themes/images/profile-img.svg +14 -0
  78. package/tsconfig.json +20 -0
@@ -0,0 +1,85 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import React$1, { ChangeEventHandler, MouseEventHandler, KeyboardEventHandler } from 'react';
3
+ import { TabsProps } from 'antd';
4
+
5
+ interface AppInputProps {
6
+ className?: string;
7
+ label?: string;
8
+ name?: string;
9
+ value?: string;
10
+ dataTestId?: string;
11
+ id?: string;
12
+ disabled?: boolean;
13
+ handleChange?: ChangeEventHandler<HTMLInputElement>;
14
+ onClick?: MouseEventHandler<HTMLElement>;
15
+ onPressEnter?: KeyboardEventHandler<HTMLInputElement>;
16
+ defaultValue?: string;
17
+ isAutoFocus?: boolean;
18
+ triggerFocus?: boolean;
19
+ type?: string;
20
+ isOptional?: boolean;
21
+ errorMessage?: string;
22
+ suffixIcon?: React.ReactNode;
23
+ prefixIcon?: React.ReactNode;
24
+ }
25
+ declare const AppInput: ({ className, label, name, value, dataTestId, type, id, disabled, handleChange, onClick, defaultValue, onPressEnter, isAutoFocus, triggerFocus, isOptional, errorMessage, suffixIcon, prefixIcon, }: AppInputProps) => react_jsx_runtime.JSX.Element;
26
+
27
+ interface AppButtonProps {
28
+ size?: "small" | "middle" | "large" | "default" | undefined;
29
+ className?: string;
30
+ handleClick?: MouseEventHandler<HTMLElement>;
31
+ icon?: React$1.ReactNode;
32
+ text?: string;
33
+ disabled?: boolean;
34
+ iconPosition?: string;
35
+ isLoading?: boolean;
36
+ type?: "default" | "text" | "link" | "primary" | "dashed" | undefined;
37
+ }
38
+ declare const AppButton: ({ type, size, className, handleClick, icon, text, disabled, iconPosition, isLoading, }: AppButtonProps) => react_jsx_runtime.JSX.Element;
39
+
40
+ interface SidebarProps {
41
+ links: {
42
+ label: string;
43
+ path: string;
44
+ icon: React$1.ReactNode;
45
+ tag?: React$1.ReactNode;
46
+ }[];
47
+ logo?: React$1.ReactNode;
48
+ footerLinks?: {
49
+ label: string;
50
+ path: string;
51
+ }[];
52
+ className?: string;
53
+ }
54
+ declare const Sidebar: ({ links, logo, footerLinks, className }: SidebarProps) => react_jsx_runtime.JSX.Element;
55
+
56
+ interface textAreaProps {
57
+ id?: string;
58
+ label?: string;
59
+ name?: string;
60
+ value?: string;
61
+ dataTestId?: string;
62
+ defaultValue?: string;
63
+ onPressEnter?: KeyboardEventHandler<HTMLTextAreaElement>;
64
+ handleChange?: ChangeEventHandler<HTMLTextAreaElement>;
65
+ autoSize?: {
66
+ minRows?: number;
67
+ maxRows?: number;
68
+ };
69
+ rows?: number;
70
+ cols?: number;
71
+ placeholder?: string;
72
+ className?: string;
73
+ error?: string;
74
+ }
75
+ declare const AppTextarea: ({ id, placeholder, name, value, dataTestId, defaultValue, onPressEnter, handleChange, rows, cols, className, error, }: textAreaProps) => react_jsx_runtime.JSX.Element;
76
+
77
+ interface AppTabProps {
78
+ className?: string;
79
+ items?: TabsProps["items"];
80
+ handleChange?: (activeKey: string) => void;
81
+ defaultActiveKey?: string;
82
+ }
83
+ declare const AppTab: ({ className, items, handleChange, defaultActiveKey, }: AppTabProps) => react_jsx_runtime.JSX.Element;
84
+
85
+ export { AppButton, AppInput, Sidebar as AppSidebar, AppTab, AppTextarea };