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.
- package/dist/index.d.ts +85 -0
- package/dist/index.js +26 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +26 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +34 -0
- package/rollup.config.js +44 -0
- package/src/components/app-avatar/app-avatar.tsx +24 -0
- package/src/components/app-back-arrow/app-back-arrow.css +17 -0
- package/src/components/app-back-arrow/app-back-arrow.tsx +30 -0
- package/src/components/app-badge/app-badge.css +11 -0
- package/src/components/app-badge/app-badge.tsx +44 -0
- package/src/components/app-bread-crumb/app-bread-crumb.tsx +16 -0
- package/src/components/app-button/app-button.css +13 -0
- package/src/components/app-button/app-button.tsx +51 -0
- package/src/components/app-card/app-card.css +8 -0
- package/src/components/app-card/app-card.tsx +43 -0
- package/src/components/app-carousel/app-carousel.css +68 -0
- package/src/components/app-carousel/app-carousel.tsx +62 -0
- package/src/components/app-chart/app-chart.css +6 -0
- package/src/components/app-chart/app-chart.tsx +97 -0
- package/src/components/app-checkbox-text/app-checkbox-text.css +12 -0
- package/src/components/app-checkbox-text/app-checkbox-text.tsx +20 -0
- package/src/components/app-collapse/app-collapse.tsx +57 -0
- package/src/components/app-custom-loader/app-custom-loader.css +116 -0
- package/src/components/app-custom-loader/app-custom-loader.tsx +23 -0
- package/src/components/app-divider/app-divider.tsx +16 -0
- package/src/components/app-float-button/app-float-button.tsx +23 -0
- package/src/components/app-image-box/app-image-box.css +23 -0
- package/src/components/app-image-box/app-image-box.tsx +38 -0
- package/src/components/app-input/app-input.css +61 -0
- package/src/components/app-input/app-input.tsx +89 -0
- package/src/components/app-label/app-label.css +5 -0
- package/src/components/app-label/app-label.tsx +34 -0
- package/src/components/app-list/app-list.tsx +26 -0
- package/src/components/app-loader/app-loader.css +16 -0
- package/src/components/app-loader/app-loader.tsx +28 -0
- package/src/components/app-location-map/app-location-map.css +4 -0
- package/src/components/app-location-map/app-location-map.tsx +62 -0
- package/src/components/app-modal/app-modal.css +35 -0
- package/src/components/app-modal/app-modal.tsx +58 -0
- package/src/components/app-otp-field/app-otp-field.css +31 -0
- package/src/components/app-otp-field/app-otp-field.tsx +70 -0
- package/src/components/app-pagination/app-pagination.tsx +40 -0
- package/src/components/app-password-input/app-password-input.css +41 -0
- package/src/components/app-password-input/app-password-input.tsx +79 -0
- package/src/components/app-phone-field/app-phone-field.css +61 -0
- package/src/components/app-phone-field/app-phone-field.tsx +60 -0
- package/src/components/app-popover/app-popover.css +5 -0
- package/src/components/app-popover/app-popover.tsx +45 -0
- package/src/components/app-progress/app-progress.tsx +40 -0
- package/src/components/app-radio-group/app-radio-group.css +6 -0
- package/src/components/app-radio-group/app-radio-group.tsx +45 -0
- package/src/components/app-select/app-select.css +21 -0
- package/src/components/app-select/app-select.tsx +53 -0
- package/src/components/app-select-add/app-select-add.css +21 -0
- package/src/components/app-select-add/app-select-add.tsx +34 -0
- package/src/components/app-sidebar/app-sidebar.css +46 -0
- package/src/components/app-sidebar/app-sidebar.tsx +60 -0
- package/src/components/app-tab/app-tab.css +22 -0
- package/src/components/app-tab/app-tab.tsx +31 -0
- package/src/components/app-table/app-table.tsx +42 -0
- package/src/components/app-tag/app-tag.css +11 -0
- package/src/components/app-tag/app-tag.tsx +48 -0
- package/src/components/app-textarea/app-textarea.css +19 -0
- package/src/components/app-textarea/app-textarea.tsx +59 -0
- package/src/components/app-title/app-title.css +12 -0
- package/src/components/app-title/app-title.tsx +28 -0
- package/src/components/app-toggle-button/app-toggle-button.css +27 -0
- package/src/components/app-toggle-button/app-toggle-button.tsx +43 -0
- package/src/components/app-upload-image/app-upload-image.css +26 -0
- package/src/components/app-upload-image/app-upload-image.tsx +90 -0
- package/src/components/over-view-card/over-view-card.css +16 -0
- package/src/components/over-view-card/over-view-card.tsx +22 -0
- package/src/index.ts +5 -0
- package/src/themes/icons/icons.tsx +131 -0
- package/src/themes/images/profile-img.svg +14 -0
- package/tsconfig.json +20 -0
package/dist/index.d.ts
ADDED
@@ -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 };
|