hiver-ui-kit-extended 1.0.0-beta.2

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.
@@ -0,0 +1,221 @@
1
+ import { BreadCrumbProps } from 'primereact/breadcrumb';
2
+ import { ButtonHTMLAttributes } from 'react';
3
+ import { ChipProps as ChipProps_2 } from 'primereact/chip';
4
+ import { DataTableProps as DataTableProps_2 } from 'primereact/datatable';
5
+ import { default as default_2 } from 'react';
6
+ import { ElementType } from 'react';
7
+ import { HTMLAttributes } from 'react';
8
+ import { JSX } from 'react/jsx-runtime';
9
+ import { MouseEvent as MouseEvent_2 } from 'react';
10
+ import { ReactNode } from 'react';
11
+
12
+ export declare function Breadcrumb({ items, className, style, ...rest }: BreadcrumbProps): JSX.Element;
13
+
14
+ export declare interface BreadcrumbItem {
15
+ label?: string;
16
+ icon?: string;
17
+ url?: string;
18
+ }
19
+
20
+ export declare interface BreadcrumbProps extends Omit<BreadCrumbProps, 'model' | 'home'> {
21
+ items: BreadcrumbItem[];
22
+ className?: string;
23
+ style?: React.CSSProperties;
24
+ }
25
+
26
+ export declare function Button(props: ButtonProps): JSX.Element;
27
+
28
+ export declare interface ButtonProps {
29
+ label?: string;
30
+ children?: React.ReactNode;
31
+ disabled?: boolean;
32
+ icon?: string;
33
+ color?: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
34
+ variant?: 'contained' | 'outlined' | 'text';
35
+ size?: 'small' | 'medium' | 'large';
36
+ onClick?: () => void;
37
+ rounded?: boolean;
38
+ className?: string;
39
+ isTextStyled?: boolean;
40
+ badge?: string;
41
+ }
42
+
43
+ export declare function Chip(props: ChipProps): JSX.Element;
44
+
45
+ export declare interface ChipProps extends Omit<ChipProps_2, 'label'> {
46
+ label?: string | ReactNode;
47
+ color?: "default" | 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
48
+ icon?: string;
49
+ onClick?: (event: MouseEvent_2<HTMLDivElement>) => void;
50
+ className?: string;
51
+ size?: "small" | "medium";
52
+ style?: React.CSSProperties;
53
+ }
54
+
55
+ declare interface ColumnConfig {
56
+ id: string;
57
+ label: string;
58
+ field?: string;
59
+ [key: string]: any;
60
+ }
61
+
62
+ export declare function DataTable<T extends DataTableValueArray = DataTableValueArray>(props: DataTableProps<T>): JSX.Element;
63
+
64
+ export declare interface DataTableProps<T extends DataTableValueArray = DataTableValueArray> extends Omit<DataTableProps_2<T>, 'children' | 'rows' | 'onRowClick'> {
65
+ children?: ReactNode;
66
+ className?: string;
67
+ style?: React.CSSProperties;
68
+ primeProps?: Partial<DataTableProps_2<T>>;
69
+ columns?: ColumnConfig[];
70
+ rows?: number;
71
+ tableStyle?: React.CSSProperties;
72
+ onRowClick?: any;
73
+ }
74
+
75
+ declare type DataTableValueArray = Array<Record<string, any>>;
76
+
77
+ export declare function Dialog(props: DialogProps): JSX.Element;
78
+
79
+ export declare interface DialogProps {
80
+ children: ReactNode;
81
+ /** Controls the visibility of the dialog (MUI-style API) */
82
+ open?: boolean;
83
+ /** Callback fired when the component requests to be closed */
84
+ onClose?: (event?: {}, reason?: 'backdropClick' | 'escapeKeyDown') => void;
85
+ /** If true, the dialog will stretch to the maximum width */
86
+ fullWidth?: boolean;
87
+ /** Determine the maximum width of the dialog */
88
+ maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false;
89
+ /** If true, the dialog will be full-screen */
90
+ fullScreen?: boolean;
91
+ /** If true, pressing the escape key will not trigger the onClose callback */
92
+ disableEscapeKeyDown?: boolean;
93
+ /** Determine the container for scrolling the dialog */
94
+ scroll?: 'body' | 'paper';
95
+ /** Title of the dialog */
96
+ title?: ReactNode;
97
+ /** Footer content of the dialog */
98
+ footer?: ReactNode;
99
+ /** Variant of the dialog */
100
+ variant?: 'standard' | 'confirmation';
101
+ /** Callback fired when the back button is clicked (for confirmation variant) */
102
+ onBack?: () => void;
103
+ className?: string;
104
+ style?: React.CSSProperties;
105
+ }
106
+
107
+ export declare type SxProps = React.CSSProperties | ((theme: any) => React.CSSProperties);
108
+
109
+ export declare const Tab: default_2.FC<TabProps>;
110
+
111
+ declare interface TabItem {
112
+ label: string;
113
+ content: ReactNode;
114
+ icon?: ReactNode;
115
+ }
116
+
117
+ export declare interface TabProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange'> {
118
+ header: string | ReactNode;
119
+ value?: number | string;
120
+ icon?: ReactNode;
121
+ iconPosition?: 'start' | 'end';
122
+ count?: number;
123
+ countVisible?: boolean;
124
+ newProd?: boolean;
125
+ Premium?: boolean;
126
+ disabled?: boolean;
127
+ sx?: SxProps;
128
+ children?: ReactNode;
129
+ }
130
+
131
+ export declare const Tabs: default_2.FC<TabsProps>;
132
+
133
+ export declare type TabsIndicatorColor = 'primary' | 'secondary';
134
+
135
+ export declare type TabsOrientation = 'horizontal' | 'vertical';
136
+
137
+ export declare interface TabsProps {
138
+ value: number;
139
+ onTabChange: any;
140
+ items: TabItem[];
141
+ className?: string;
142
+ }
143
+
144
+ export declare type TabsScrollButtons = 'auto' | true | false;
145
+
146
+ export declare type TabsTextColor = 'primary' | 'secondary' | 'inherit';
147
+
148
+ export declare type TabsVariant = 'standard' | 'scrollable' | 'fullWidth';
149
+
150
+ export declare function TextField(props: TextFieldProps): JSX.Element;
151
+
152
+ export declare interface TextFieldProps {
153
+ value?: string;
154
+ onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
155
+ placeholder?: string;
156
+ disabled?: boolean;
157
+ type?: string;
158
+ className?: string;
159
+ style?: React.CSSProperties;
160
+ name?: string;
161
+ id?: string;
162
+ autoFocus?: boolean;
163
+ required?: boolean;
164
+ error?: boolean;
165
+ helperText?: string;
166
+ label?: string;
167
+ fullWidth?: boolean;
168
+ size?: 'small' | 'medium';
169
+ icon?: ReactNode;
170
+ endIcon?: ReactNode;
171
+ iconPosition?: 'left' | 'right';
172
+ children?: ReactNode;
173
+ }
174
+
175
+ export declare const Toast: default_2.ForwardRefExoticComponent<ToastComponentProps & default_2.RefAttributes<ToastRef>>;
176
+
177
+ declare interface ToastComponentProps {
178
+ position?: ToastPosition;
179
+ className?: string;
180
+ }
181
+
182
+ export declare type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'center';
183
+
184
+ export declare interface ToastProps {
185
+ text: string;
186
+ severity?: ToastSeverity;
187
+ position?: ToastPosition;
188
+ life?: number;
189
+ closable?: boolean;
190
+ className?: string;
191
+ icon?: ReactNode;
192
+ children?: ReactNode;
193
+ style?: React.CSSProperties;
194
+ }
195
+
196
+ export declare interface ToastRef {
197
+ show: (props: ToastProps) => void;
198
+ success: (text: string, options?: Omit<ToastProps, 'text' | 'severity'>) => void;
199
+ error: (text: string, options?: Omit<ToastProps, 'text' | 'severity'>) => void;
200
+ warning: (text: string, options?: Omit<ToastProps, 'text' | 'severity'>) => void;
201
+ info: (text: string, options?: Omit<ToastProps, 'text' | 'severity'>) => void;
202
+ }
203
+
204
+ export declare type ToastSeverity = 'success' | 'error' | 'warning' | 'info';
205
+
206
+ export declare function Typography({ text, variant, tag, noWrap, children, className, ...rest }: TypographyProps): JSX.Element;
207
+
208
+ export declare interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
209
+ text?: string;
210
+ variant?: TypographyVariant;
211
+ tag?: TypographyTag;
212
+ noWrap?: boolean;
213
+ children?: ReactNode;
214
+ className?: string;
215
+ }
216
+
217
+ export declare type TypographyTag = ElementType;
218
+
219
+ export declare type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'body2' | 'body3' | 'sm' | 'caption';
220
+
221
+ export { }