@zimyo/ui 1.7.0 → 1.7.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/Card/index.js +1 -1
- package/dist/Radio/index.js +1 -1
- package/dist/index.d.ts +397 -25
- package/dist/index.esm.js +27 -1
- package/dist/index.js +27 -1
- package/package.json +2 -2
package/dist/Card/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@mui/material/CardContent"),n=require("@mui/material/CardMedia"),i=function(){return i=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},i.apply(this,arguments)};function o(e,r,t){if(t||2===arguments.length)for(var n,i=0,o=r.length;i<o;i++)!n&&i in r||(n||(n=Array.prototype.slice.call(r,0,i)),n[i]=r[i]);return e.concat(n||Array.prototype.slice.call(r))}"function"==typeof SuppressedError&&SuppressedError;var a=function(r){var n=r.children,i=r.sx;return e.jsx(t,{sx:i,children:n})},l=Object.assign(function(t){var n,o=t.children,a=t.sx,l=void 0===a?{}:a,c=t.elevation,d=void 0===c?1:c,s=t.variant,u=void 0===s?"elevated":s,p=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)r.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(t[n[i]]=e[n[i]])}return t}(t,["children","sx","elevation","variant"]),v=r.useTheme();return e.jsx(r.Card,i({elevation:"elevated"===u?d:0,variant:"outlined"===u?"outlined":"elevation",sx:i({borderRadius:(null===(n=v.radius)||void 0===n?void 0:n.sm)||8,border:"bordered"===u?"1px solid ".concat(v.palette.divider):"none",overflow:"hidden",backgroundColor:v.palette.background.paper},l)},p,{children:o}))},{Header:function(t){var n=t.title,i=t.subtitle,o=t.action;return e.jsx(r.CardHeader,{title:"string"==typeof n?e.jsx(r.Typography,{variant:"h6",fontWeight:600,children:n}):n,subheader:"string"==typeof i?e.jsx(r.Typography,{variant:"body2",color:"text.secondary",children:i}):i,action:o})},Content:a,Body:a,Actions:function(t){var n=t.children,i=t.sx;return e.jsx(r.CardActions,{sx:i,children:n})},Image:function(r){var t=r.src,i=r.height,o=void 0===i?160:i,a=r.alt,l=void 0===a?"card image":a;return e.jsx(n,{component:"img",height:o,image:t,alt:l})},Skeleton:function(t){var n=t.lines,i=void 0===n?3:n;return e.jsxs(r.Box,{p:2,children:[e.jsx(r.Skeleton,{variant:"rectangular",height:140}),o([],Array(i),!0).map(function(t,n){return e.jsx(r.Skeleton,{variant:"text",height:20,sx:{mt:1}},n)})]})}});module.exports=l;
|
package/dist/Radio/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),o=function(){return o=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var l in r=arguments[t])Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l]);return e},o.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var l=r.forwardRef(function(r,l){var a=r.label,i=r.description,n=r.name,s=r.checked,d=void 0!==s&&s,c=r.defaultChecked,p=void 0!==c&&c,m=r.onChange,x=r.disabled,u=void 0!==x&&x,h=r.required,f=void 0!==h&&h,b=r.error,y=void 0!==b&&b,v=r.helperText,g=r.size,j=void 0===g?"medium":g,O=r.color,S=void 0===O?"primary":O,C=r.sx,k=void 0===C?{}:C,T=r.radioSx,q=void 0===T?{}:T,z=r.labelSx,w=void 0===z?{}:z,F=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)r.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(t[o[l]]=e[o[l]])}return t}(r,["label","description","name","checked","defaultChecked","onChange","disabled","required","error","helperText","size","color","sx","radioSx","labelSx"]),P=t.useTheme();return e.jsxs(t.FormControl,o({ref:l,component:"fieldset",error:y,required:f,disabled:u,sx:o({borderRadius:"8px"},k)},F,{children:[a&&e.jsxs(t.FormLabel,{sx:o({fontWeight:500,fontSize:"small"===j?"0.875rem":"1rem",color:u?P.palette.text.disabled:y?P.palette.error.main:P.palette.text.primary,mb:1},w),children:[a,f&&e.jsx(t.Typography,{component:"span",sx:{color:P.palette.error.main,ml:.5,fontSize:"inherit"},children:"*"})]}),e.jsx(t.FormControlLabel,{control:e.jsx(t.Radio,{name:n,checked:d,defaultChecked:p,onChange:m,size:j,color:S,sx:o({"&.Mui-checked":{color:y?P.palette.error.main:P.palette[S].main},mt:i?.25:0},q)}),label:e.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column"},children:[e.jsx(t.Typography,{variant:"small"===j?"body2":"body1",sx:{fontWeight:400,color:u?P.palette.text.disabled:P.palette.text.primary,lineHeight:1.5},children:a}),i&&e.jsx(t.Typography,{variant:"caption",sx:{color:u?P.palette.text.disabled:P.palette.text.secondary,mt:.25,lineHeight:1.4},children:i})]}),sx:{alignItems:i?"flex-start":"center",margin:0,display:"flex","& .MuiFormControlLabel-label":{ml:1,flex:1},"& .MuiButtonBase-root":{p:"small"===j?.5:1}}}),v&&e.jsx(t.FormHelperText,{sx:{mt:1,fontSize:"small"===j?"0.75rem":"0.875rem",color:y?P.palette.error.main:P.palette.text.secondary},children:v})]}))});module.exports=l;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,34 +1,406 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
export * from '../dist/Tabs/index.js';
|
|
11
|
-
export * from '../dist/Input/index.js';
|
|
12
|
-
export * from '../dist/Notice/index.js';
|
|
13
|
-
export * from '../dist/Badge/index.js';
|
|
14
|
-
export * from '../dist/DateRangePicker/index.js';
|
|
15
|
-
export * from '../dist/DatePicker/index.js';
|
|
16
|
-
export * from '../dist/Form/index.js';
|
|
17
|
-
export * from '../dist/Checkbox/index.js';
|
|
18
|
-
export * from '../dist/CheckboxGroup/index.js';
|
|
19
|
-
export * from '../dist/Radio/index.js';
|
|
20
|
-
export * from '../dist/Popover/index.js';
|
|
21
|
-
import React from 'react';
|
|
1
|
+
import * as React$1 from 'react';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { ButtonProps as ButtonProps$1, AccordionProps as AccordionProps$1, AccordionSummaryProps, AccordionDetailsProps, SwitchProps as SwitchProps$1, TypographyProps, SxProps as SxProps$1 } from '@mui/material';
|
|
4
|
+
import { SxProps } from '@mui/system';
|
|
5
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
|
+
import { Props, GroupBase } from 'react-select';
|
|
7
|
+
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
|
|
8
|
+
import { VariantProps } from 'class-variance-authority';
|
|
9
|
+
import { UseFormReturn } from 'react-hook-form';
|
|
22
10
|
import { Theme } from '@mui/material/styles';
|
|
23
11
|
import { ClassValue } from 'clsx';
|
|
24
12
|
|
|
25
|
-
interface
|
|
13
|
+
interface ButtonProps extends Omit<ButtonProps$1, 'sx'> {
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
loadingText?: string;
|
|
16
|
+
sx?: SxProps;
|
|
17
|
+
loaderSize?: number;
|
|
18
|
+
loaderPosition?: 'start' | 'end' | 'center';
|
|
19
|
+
}
|
|
20
|
+
declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
|
|
21
|
+
|
|
22
|
+
interface Option {
|
|
23
|
+
label?: string;
|
|
24
|
+
value?: string | number;
|
|
25
|
+
[key: string]: any;
|
|
26
|
+
}
|
|
27
|
+
type SelectSize = "xs" | "sm" | "md" | "lg";
|
|
28
|
+
interface SelectProps<OptionType extends Option> extends Props<OptionType, boolean, GroupBase<OptionType>> {
|
|
29
|
+
label?: string;
|
|
30
|
+
error?: string;
|
|
31
|
+
isClearable?: boolean;
|
|
32
|
+
isSearchable?: boolean;
|
|
33
|
+
className?: string;
|
|
34
|
+
size?: SelectSize;
|
|
35
|
+
required?: boolean;
|
|
36
|
+
valueKey?: string;
|
|
37
|
+
labelKey?: string;
|
|
38
|
+
searchByID?: boolean;
|
|
39
|
+
value?: any;
|
|
40
|
+
floatingLabel?: boolean;
|
|
41
|
+
maxChipVisible?: number;
|
|
42
|
+
}
|
|
43
|
+
declare function Select<OptionType extends Option>({ label, error, className, size, required, valueKey, labelKey, isMulti, value, options, onChange, searchByID, floatingLabel, maxChipVisible, ...props }: SelectProps<OptionType>): react_jsx_runtime.JSX.Element;
|
|
44
|
+
|
|
45
|
+
interface AccordionProps extends Omit<AccordionProps$1, 'sx' | 'onChange' | 'expanded'> {
|
|
46
|
+
type?: 'single' | 'multiple';
|
|
47
|
+
collapsible?: boolean;
|
|
48
|
+
value?: string | string[];
|
|
49
|
+
defaultValue?: string | string[];
|
|
50
|
+
onValueChange?: (value: string | string[]) => void;
|
|
51
|
+
children: React__default.ReactNode;
|
|
52
|
+
sx?: SxProps;
|
|
53
|
+
}
|
|
54
|
+
interface AccordionItemProps extends Omit<AccordionProps$1, 'sx'> {
|
|
55
|
+
value: string;
|
|
56
|
+
children: React__default.ReactNode;
|
|
57
|
+
sx?: SxProps;
|
|
58
|
+
}
|
|
59
|
+
interface AccordionTriggerProps extends Omit<AccordionSummaryProps, 'sx'> {
|
|
60
|
+
children: React__default.ReactNode;
|
|
61
|
+
sx?: SxProps;
|
|
62
|
+
expandIcon?: React__default.ReactNode;
|
|
63
|
+
}
|
|
64
|
+
interface AccordionContentProps extends Omit<AccordionDetailsProps, 'sx'> {
|
|
65
|
+
children: React__default.ReactNode;
|
|
66
|
+
sx?: SxProps;
|
|
67
|
+
}
|
|
68
|
+
declare const Accordion: React__default.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
69
|
+
declare const AccordionItem: React__default.ForwardRefExoticComponent<Omit<AccordionItemProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
70
|
+
declare const AccordionTrigger: React__default.ForwardRefExoticComponent<Omit<AccordionTriggerProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
71
|
+
declare const AccordionContent: React__default.ForwardRefExoticComponent<Omit<AccordionContentProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
72
|
+
|
|
73
|
+
interface SwitchProps extends Omit<SwitchProps$1, 'onChange'> {
|
|
74
|
+
label?: string;
|
|
75
|
+
helperText?: string;
|
|
76
|
+
error?: boolean;
|
|
77
|
+
required?: boolean | number;
|
|
78
|
+
labelPlacement?: 'end' | 'start' | 'bottom' | 'top';
|
|
79
|
+
onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
|
|
80
|
+
}
|
|
81
|
+
declare const Switch: React__default.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
|
|
82
|
+
|
|
83
|
+
interface RadioOption {
|
|
84
|
+
value: string;
|
|
85
|
+
label: string;
|
|
86
|
+
disabled?: boolean;
|
|
87
|
+
description?: string;
|
|
88
|
+
}
|
|
89
|
+
interface RadioGroupProps {
|
|
90
|
+
label?: string;
|
|
91
|
+
options: RadioOption[];
|
|
92
|
+
value?: string;
|
|
93
|
+
defaultValue?: string;
|
|
94
|
+
onChange?: (value: string) => void;
|
|
95
|
+
name?: string;
|
|
96
|
+
disabled?: boolean;
|
|
97
|
+
required?: boolean;
|
|
98
|
+
error?: boolean;
|
|
99
|
+
helperText?: string;
|
|
100
|
+
row?: boolean;
|
|
101
|
+
size?: 'small' | 'medium';
|
|
102
|
+
color?: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
|
|
103
|
+
sx?: SxProps;
|
|
104
|
+
radioSx?: SxProps;
|
|
105
|
+
labelSx?: SxProps;
|
|
106
|
+
}
|
|
107
|
+
declare const RadioGroup: React__default.ForwardRefExoticComponent<RadioGroupProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
108
|
+
|
|
109
|
+
interface HeadingProps extends TypographyProps {
|
|
110
|
+
level?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
111
|
+
}
|
|
112
|
+
declare const Heading: ({ level, ...props }: HeadingProps) => react_jsx_runtime.JSX.Element;
|
|
113
|
+
|
|
114
|
+
interface TextProps extends TypographyProps {
|
|
115
|
+
size?: 'sm' | 'md' | 'lg';
|
|
116
|
+
}
|
|
117
|
+
declare const Text: ({ size, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
|
|
118
|
+
|
|
119
|
+
declare const Lead: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
120
|
+
|
|
121
|
+
declare const Muted: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
122
|
+
|
|
123
|
+
declare const Strong: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
124
|
+
|
|
125
|
+
declare const Caption: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
126
|
+
|
|
127
|
+
declare const Blockquote: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
128
|
+
|
|
129
|
+
interface CodeProps {
|
|
26
130
|
children: React.ReactNode;
|
|
131
|
+
sx?: SxProps$1;
|
|
132
|
+
}
|
|
133
|
+
declare const Code: ({ children, sx }: CodeProps) => react_jsx_runtime.JSX.Element;
|
|
134
|
+
|
|
135
|
+
interface ModalProps {
|
|
136
|
+
open: boolean;
|
|
137
|
+
onClose: () => void;
|
|
138
|
+
title?: string | any;
|
|
139
|
+
description?: string;
|
|
140
|
+
children?: React$1.ReactNode;
|
|
141
|
+
actions?: React$1.ReactNode;
|
|
142
|
+
showCloseIcon?: boolean;
|
|
143
|
+
maxWidth?: false | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
144
|
+
fullWidth?: boolean;
|
|
145
|
+
fullScreen?: boolean;
|
|
146
|
+
className?: string;
|
|
147
|
+
allowActionBorder?: boolean;
|
|
148
|
+
}
|
|
149
|
+
declare const Modal: React$1.FC<ModalProps>;
|
|
150
|
+
|
|
151
|
+
interface DrawerProps {
|
|
152
|
+
open: boolean;
|
|
153
|
+
onClose: () => void;
|
|
154
|
+
title?: string;
|
|
155
|
+
children: React$1.ReactNode;
|
|
156
|
+
footer?: React$1.ReactNode;
|
|
157
|
+
side?: "left" | "right" | "top" | "bottom";
|
|
158
|
+
className?: string;
|
|
159
|
+
showCloseIcon?: boolean;
|
|
160
|
+
withOverlay?: boolean;
|
|
161
|
+
stickyFooter?: boolean;
|
|
162
|
+
width?: number | string;
|
|
163
|
+
height?: number | string;
|
|
164
|
+
}
|
|
165
|
+
declare const Drawer: React$1.FC<DrawerProps>;
|
|
166
|
+
|
|
167
|
+
type Position = "start" | "end";
|
|
168
|
+
interface CustomColor {
|
|
169
|
+
bg?: string;
|
|
170
|
+
text?: string;
|
|
171
|
+
border?: string;
|
|
172
|
+
}
|
|
173
|
+
interface BadgeProps extends VariantProps<typeof badgeVariants> {
|
|
174
|
+
label: string;
|
|
175
|
+
icon?: React__default.ReactNode;
|
|
176
|
+
iconPosition?: Position;
|
|
177
|
+
dot?: boolean;
|
|
178
|
+
dotPosition?: Position;
|
|
179
|
+
color?: CustomColor;
|
|
180
|
+
className?: string;
|
|
181
|
+
}
|
|
182
|
+
declare const badgeVariants: (props?: ({
|
|
183
|
+
variant?: "text" | "outlined" | "contained" | null | undefined;
|
|
184
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
185
|
+
type?: "default" | "success" | "error" | "info" | "warning" | null | undefined;
|
|
186
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
187
|
+
declare const Badge: ({ label, icon, iconPosition, dot, dotPosition, variant, size, type, color, className, }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
188
|
+
|
|
189
|
+
type InputSize$2 = "xs" | "sm" | "md" | "lg";
|
|
190
|
+
type InputVariant = "outlined" | "contained";
|
|
191
|
+
interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
|
|
192
|
+
label?: string;
|
|
193
|
+
floatingLabel?: boolean;
|
|
194
|
+
description?: string;
|
|
195
|
+
error?: string;
|
|
196
|
+
leftIcon?: React$1.ReactNode;
|
|
197
|
+
rightIcon?: React$1.ReactNode;
|
|
198
|
+
size?: InputSize$2;
|
|
199
|
+
variant?: InputVariant;
|
|
200
|
+
allowedPattern?: "number" | "alpha" | RegExp;
|
|
201
|
+
onLeftIconClick?: () => void;
|
|
202
|
+
onRightIconClick?: () => void;
|
|
203
|
+
debounceDelay?: number;
|
|
204
|
+
onDebouncedChange?: (value: string) => void;
|
|
205
|
+
wordLimit?: number;
|
|
206
|
+
}
|
|
207
|
+
declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
|
|
208
|
+
|
|
209
|
+
type NoticeVariant = 'success' | 'error' | 'warning' | 'info';
|
|
210
|
+
type NoticeSize = 'sm' | 'md' | 'lg';
|
|
211
|
+
type NoticeStyleType = 'contained' | 'outlined';
|
|
212
|
+
interface NoticeProps {
|
|
213
|
+
title?: string;
|
|
214
|
+
message: string;
|
|
215
|
+
variant?: NoticeVariant;
|
|
216
|
+
size?: NoticeSize;
|
|
217
|
+
styleType?: NoticeStyleType;
|
|
218
|
+
onClose?: () => void;
|
|
219
|
+
className?: string;
|
|
220
|
+
showCloseIcon?: boolean;
|
|
221
|
+
}
|
|
222
|
+
declare const Notice: React$1.FC<NoticeProps>;
|
|
223
|
+
|
|
224
|
+
type DayOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
225
|
+
type DateRange = {
|
|
226
|
+
from: Date;
|
|
227
|
+
to: Date;
|
|
228
|
+
};
|
|
229
|
+
type DisabledDateObject = {
|
|
230
|
+
dayOfWeek: DayOfWeek[];
|
|
231
|
+
} | {
|
|
232
|
+
before: Date;
|
|
233
|
+
} | {
|
|
234
|
+
after: Date;
|
|
235
|
+
} | {
|
|
236
|
+
before: Date;
|
|
237
|
+
after: Date;
|
|
238
|
+
} | DateRange;
|
|
239
|
+
type DisabledProp = boolean | Date | Date[] | DisabledDateObject;
|
|
240
|
+
type InputSize$1 = "xs" | "sm" | "md" | "lg";
|
|
241
|
+
type DatePickerVariant$1 = "outlined" | "contained";
|
|
242
|
+
interface DatePickerProps {
|
|
243
|
+
label?: string;
|
|
244
|
+
value?: Date;
|
|
245
|
+
onChange?: (date: Date | undefined) => void;
|
|
246
|
+
placeholder?: string;
|
|
247
|
+
required?: boolean;
|
|
248
|
+
description?: string;
|
|
249
|
+
error?: string;
|
|
250
|
+
disabled?: boolean;
|
|
251
|
+
variant?: DatePickerVariant$1;
|
|
252
|
+
size?: InputSize$1;
|
|
253
|
+
className?: string;
|
|
254
|
+
disableRange?: DisabledProp;
|
|
255
|
+
floatingLabel?: boolean;
|
|
256
|
+
}
|
|
257
|
+
declare const DatePicker: React$1.FC<DatePickerProps>;
|
|
258
|
+
|
|
259
|
+
type InputSize = "xs" | "sm" | "md" | "lg";
|
|
260
|
+
type DatePickerVariant = "outlined" | "contained";
|
|
261
|
+
interface DateRangePickerProps {
|
|
262
|
+
label?: string;
|
|
263
|
+
value?: {
|
|
264
|
+
from: Date;
|
|
265
|
+
to: Date;
|
|
266
|
+
};
|
|
267
|
+
onChange?: (range: {
|
|
268
|
+
from: Date;
|
|
269
|
+
to: Date;
|
|
270
|
+
} | undefined) => void;
|
|
271
|
+
placeholder?: string;
|
|
272
|
+
required?: boolean;
|
|
273
|
+
description?: string;
|
|
274
|
+
error?: string;
|
|
275
|
+
disabled?: boolean;
|
|
276
|
+
variant?: DatePickerVariant;
|
|
277
|
+
size?: InputSize;
|
|
278
|
+
className?: string;
|
|
279
|
+
floatingLabel?: boolean;
|
|
280
|
+
}
|
|
281
|
+
declare const DateRangePicker: React$1.FC<DateRangePickerProps>;
|
|
282
|
+
|
|
283
|
+
type FieldType = "text" | "number" | "textarea" | "select" | "radio" | "switch" | "checkbox" | "date" | "daterange" | "custom";
|
|
284
|
+
type FormField = {
|
|
285
|
+
name: string;
|
|
286
|
+
label: string;
|
|
287
|
+
type: FieldType;
|
|
288
|
+
placeholder?: string;
|
|
289
|
+
required?: boolean;
|
|
290
|
+
defaultValue?: any;
|
|
291
|
+
options?: {
|
|
292
|
+
label: string;
|
|
293
|
+
value: any;
|
|
294
|
+
}[];
|
|
295
|
+
validation?: any;
|
|
296
|
+
visibleIf?: (values: any) => boolean;
|
|
297
|
+
component?: React__default.ReactNode;
|
|
298
|
+
colSpan?: number;
|
|
299
|
+
};
|
|
300
|
+
type FormProps = {
|
|
301
|
+
schema: FormField[];
|
|
302
|
+
form: UseFormReturn;
|
|
303
|
+
layout?: "vertical" | "grid";
|
|
304
|
+
columns?: number;
|
|
305
|
+
className?: string;
|
|
306
|
+
showSubmitButton?: boolean;
|
|
307
|
+
onSubmit?: (data: any) => void;
|
|
308
|
+
};
|
|
309
|
+
declare const Form: React__default.FC<FormProps>;
|
|
310
|
+
|
|
311
|
+
type CheckboxSize = "sm" | "md" | "lg";
|
|
312
|
+
interface CheckboxProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
|
|
313
|
+
label?: React$1.ReactNode;
|
|
314
|
+
description?: React$1.ReactNode;
|
|
315
|
+
size?: CheckboxSize;
|
|
316
|
+
indeterminate?: boolean;
|
|
317
|
+
error?: boolean;
|
|
318
|
+
}
|
|
319
|
+
declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
320
|
+
|
|
321
|
+
interface CheckboxGroupOption {
|
|
322
|
+
label: string;
|
|
323
|
+
value: string;
|
|
324
|
+
description?: string;
|
|
325
|
+
disabled?: boolean;
|
|
326
|
+
}
|
|
327
|
+
type Layout = "box" | "list";
|
|
328
|
+
type Direction = "vertical" | "horizontal";
|
|
329
|
+
interface CheckboxGroupProps {
|
|
330
|
+
name: string;
|
|
331
|
+
label?: string;
|
|
332
|
+
description?: string;
|
|
333
|
+
error?: boolean;
|
|
334
|
+
options: CheckboxGroupOption[];
|
|
335
|
+
value?: string[];
|
|
336
|
+
defaultValue?: string[];
|
|
337
|
+
onChange?: (selected: string[]) => void;
|
|
338
|
+
direction?: Direction;
|
|
339
|
+
layout?: Layout;
|
|
340
|
+
disabled?: boolean;
|
|
341
|
+
size?: CheckboxProps["size"];
|
|
342
|
+
className?: string;
|
|
343
|
+
columns?: number;
|
|
344
|
+
}
|
|
345
|
+
declare const CheckboxGroup: React$1.FC<CheckboxGroupProps>;
|
|
346
|
+
|
|
347
|
+
interface RadioProps {
|
|
348
|
+
label?: string;
|
|
349
|
+
description?: string;
|
|
350
|
+
name?: string;
|
|
351
|
+
checked?: boolean;
|
|
352
|
+
defaultChecked?: boolean;
|
|
353
|
+
onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
|
|
354
|
+
disabled?: boolean;
|
|
355
|
+
required?: boolean;
|
|
356
|
+
error?: boolean;
|
|
357
|
+
helperText?: string;
|
|
358
|
+
size?: 'small' | 'medium';
|
|
359
|
+
color?: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
|
|
360
|
+
sx?: SxProps;
|
|
361
|
+
radioSx?: SxProps;
|
|
362
|
+
labelSx?: SxProps;
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
interface PopupConfirmProps {
|
|
366
|
+
open: boolean;
|
|
367
|
+
onClose: () => void;
|
|
368
|
+
title?: string | React__default.ReactNode;
|
|
369
|
+
message: string | React__default.ReactNode;
|
|
370
|
+
description?: string;
|
|
371
|
+
confirmText?: string;
|
|
372
|
+
cancelText?: string;
|
|
373
|
+
confirmVariant?: 'text' | 'outlined' | 'contained';
|
|
374
|
+
cancelVariant?: 'text' | 'outlined' | 'contained';
|
|
375
|
+
confirmColor?: 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success';
|
|
376
|
+
cancelColor?: 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success';
|
|
377
|
+
loading?: boolean;
|
|
378
|
+
loadingText?: string;
|
|
379
|
+
icon?: React__default.ReactNode;
|
|
380
|
+
maxWidth?: false | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
381
|
+
fullWidth?: boolean;
|
|
382
|
+
showCloseIcon?: boolean;
|
|
383
|
+
confirmSize?: 'small' | 'medium' | 'large';
|
|
384
|
+
cancelSize?: 'small' | 'medium' | 'large';
|
|
385
|
+
onConfirm: () => void | Promise<void>;
|
|
386
|
+
onCancel?: () => void;
|
|
387
|
+
children?: React__default.ReactNode;
|
|
388
|
+
className?: string;
|
|
389
|
+
actionsClassName?: string;
|
|
390
|
+
messageClassName?: string;
|
|
391
|
+
reverseActions?: boolean;
|
|
392
|
+
singleAction?: boolean;
|
|
393
|
+
variant?: 'default' | 'delete' | 'save' | 'warning' | 'info' | 'success' | 'error';
|
|
394
|
+
}
|
|
395
|
+
declare const PopupConfirm: React__default.FC<PopupConfirmProps>;
|
|
396
|
+
|
|
397
|
+
interface UILibraryThemeProviderProps {
|
|
398
|
+
children: React__default.ReactNode;
|
|
27
399
|
primaryColor?: string;
|
|
28
400
|
secondaryColor?: string;
|
|
29
401
|
enableCssBaseline?: boolean;
|
|
30
402
|
}
|
|
31
|
-
declare const UILibraryThemeProvider:
|
|
403
|
+
declare const UILibraryThemeProvider: React__default.FC<UILibraryThemeProviderProps>;
|
|
32
404
|
|
|
33
405
|
declare module '@mui/material/styles' {
|
|
34
406
|
interface Theme {
|
|
@@ -116,5 +488,5 @@ declare const designTokens: {
|
|
|
116
488
|
declare function cn(...inputs: ClassValue[]): string;
|
|
117
489
|
declare function useStableId(prefix?: string): string;
|
|
118
490
|
|
|
119
|
-
export { UILibraryThemeProvider, cn, createCustomTheme, designTokens, theme, useStableId };
|
|
120
|
-
export type { ThemeConfig, UILibraryThemeProviderProps };
|
|
491
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, Blockquote, Button, Caption, Checkbox, CheckboxGroup, Code, DatePicker, DateRangePicker, Drawer, Form, Heading, Input, Lead, Modal, Muted, Notice, PopupConfirm, RadioGroup, Select, Strong, Switch, Text, UILibraryThemeProvider, cn, createCustomTheme, designTokens, theme, useStableId };
|
|
492
|
+
export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, BadgeProps, ButtonProps, CheckboxGroupProps, CheckboxProps, DatePickerProps, DateRangePickerProps, DrawerProps, FormProps, InputProps, ModalProps, NoticeProps, PopupConfirmProps, RadioGroupProps, RadioOption, RadioProps, SelectProps, SwitchProps, ThemeConfig, UILibraryThemeProviderProps };
|