@momo-webplatform/mobase 0.2.33 → 0.2.35
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/cjs/index.cjs +16 -16
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/index.d.cts +144 -51
- package/dist/esm/index.d.ts +144 -51
- package/dist/esm/index.js +17 -17
- package/dist/esm/index.js.map +1 -1
- package/package.json +7 -3
package/dist/cjs/index.d.cts
CHANGED
|
@@ -4,12 +4,14 @@ import { AccordionSingleProps, AccordionMultipleProps, AccordionItemProps, Accor
|
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
5
|
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
|
|
6
6
|
import { VariantProps } from 'class-variance-authority';
|
|
7
|
-
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
8
7
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
9
8
|
import { DialogProps as DialogProps$1 } from '@radix-ui/react-dialog';
|
|
9
|
+
import { DayPicker } from 'react-day-picker';
|
|
10
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
11
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
12
|
+
import { PopoverProps } from '@radix-ui/react-popover';
|
|
10
13
|
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
11
14
|
import * as Radix from '@radix-ui/react-primitive';
|
|
12
|
-
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
13
15
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
14
16
|
import * as ToastPrimitives from '@radix-ui/react-toast';
|
|
15
17
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
@@ -37,6 +39,90 @@ interface AccordionContentInterface extends AccordionContentProps {
|
|
|
37
39
|
}
|
|
38
40
|
declare const AccordionContent: React$1.ForwardRefExoticComponent<AccordionContentInterface & React$1.RefAttributes<HTMLDivElement>>;
|
|
39
41
|
|
|
42
|
+
declare const buttonVariants: (props?: ({
|
|
43
|
+
variant?: "primary" | "secondary" | "outline" | "tonal" | "danger" | "transparent" | null | undefined;
|
|
44
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
45
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
46
|
+
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
47
|
+
/**
|
|
48
|
+
* CSS class to be appended to the root element.
|
|
49
|
+
*/
|
|
50
|
+
className?: string;
|
|
51
|
+
/**
|
|
52
|
+
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
53
|
+
*/
|
|
54
|
+
asChild?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* Adds loading indicator icon and disables interactions
|
|
57
|
+
*/
|
|
58
|
+
isLoading?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Disabled interaction and applies disabled styles
|
|
61
|
+
*/
|
|
62
|
+
isDisabled?: boolean;
|
|
63
|
+
}
|
|
64
|
+
declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* Props for the DialogQr component.
|
|
68
|
+
*/
|
|
69
|
+
interface DialogQrProps extends DialogProps$1 {
|
|
70
|
+
/**
|
|
71
|
+
* The title of the dialog QR.
|
|
72
|
+
*/
|
|
73
|
+
title?: string;
|
|
74
|
+
/**
|
|
75
|
+
* The short title of the step 3 in dialog QR.
|
|
76
|
+
*/
|
|
77
|
+
shortTitle?: string;
|
|
78
|
+
/**
|
|
79
|
+
* The image URL for the QR code.
|
|
80
|
+
*/
|
|
81
|
+
qrImage?: string;
|
|
82
|
+
/**
|
|
83
|
+
* The link associated with the QR code.
|
|
84
|
+
*/
|
|
85
|
+
qrLink?: string;
|
|
86
|
+
/**
|
|
87
|
+
* The logo image URL for the QR code.
|
|
88
|
+
*/
|
|
89
|
+
logoQr?: string;
|
|
90
|
+
/**
|
|
91
|
+
* Indicates whether the QR code is all in one.
|
|
92
|
+
*/
|
|
93
|
+
isQrForAll?: boolean;
|
|
94
|
+
className?: string;
|
|
95
|
+
}
|
|
96
|
+
declare const DialogQr: ({ className, children, title, shortTitle, qrImage, qrLink, logoQr, isQrForAll, ...props }: DialogQrProps) => react_jsx_runtime.JSX.Element;
|
|
97
|
+
|
|
98
|
+
interface ActionButtonProps extends ButtonProps {
|
|
99
|
+
/**
|
|
100
|
+
* Action to be performed when the button is clicked.
|
|
101
|
+
*/
|
|
102
|
+
action?: string | (() => void) | undefined;
|
|
103
|
+
/**
|
|
104
|
+
* Opens a new tab when href link.
|
|
105
|
+
*/
|
|
106
|
+
newTab?: boolean;
|
|
107
|
+
/**
|
|
108
|
+
* Offset top when use button scroll to element.
|
|
109
|
+
*/
|
|
110
|
+
offset?: number;
|
|
111
|
+
/**
|
|
112
|
+
* Props to pass to the DialogQr component. If this prop is provided, the button will open a dialog with a QR code. qrLink in DialogQrProps is required.
|
|
113
|
+
*/
|
|
114
|
+
dialogQrProps?: Partial<DialogQrProps>;
|
|
115
|
+
/**
|
|
116
|
+
* CSS class to be appended to the root element.
|
|
117
|
+
*/
|
|
118
|
+
className?: string;
|
|
119
|
+
/**
|
|
120
|
+
* The content for button.
|
|
121
|
+
*/
|
|
122
|
+
children?: React__default.ReactNode;
|
|
123
|
+
}
|
|
124
|
+
declare const ActionButton: ({ action, newTab, offset, dialogQrProps, className, children, ...props }: ActionButtonProps) => react_jsx_runtime.JSX.Element;
|
|
125
|
+
|
|
40
126
|
declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
41
127
|
separator?: React$1.ReactNode;
|
|
42
128
|
} & React$1.RefAttributes<HTMLElement>>;
|
|
@@ -55,32 +141,71 @@ declare const BreadcrumbEllipsis: {
|
|
|
55
141
|
displayName: string;
|
|
56
142
|
};
|
|
57
143
|
|
|
58
|
-
|
|
59
|
-
variant?: "primary" | "secondary" | "outline" | "tonal" | "danger" | "transparent" | null | undefined;
|
|
60
|
-
size?: "default" | "sm" | "lg" | null | undefined;
|
|
61
|
-
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
62
|
-
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
144
|
+
type CalendarProps = React$1.ComponentProps<typeof DayPicker> & {
|
|
63
145
|
/**
|
|
64
|
-
*
|
|
65
|
-
*/
|
|
66
|
-
className?: string;
|
|
67
|
-
/**
|
|
68
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
146
|
+
* Enable show luna date in calendar cell
|
|
69
147
|
*/
|
|
70
|
-
|
|
148
|
+
enableLunaDate?: boolean;
|
|
71
149
|
/**
|
|
72
|
-
*
|
|
150
|
+
* A function custom content for day cell.
|
|
73
151
|
*/
|
|
74
|
-
|
|
152
|
+
cusContentDay?: (date: Date) => void;
|
|
75
153
|
/**
|
|
76
|
-
*
|
|
154
|
+
* Language for calendar support vi or en. Default is vi.
|
|
77
155
|
*/
|
|
78
|
-
|
|
156
|
+
lang?: 'vi' | 'en';
|
|
157
|
+
};
|
|
158
|
+
declare function Calendar({ className, classNames, showOutsideDays, enableLunaDate, lang, cusContentDay, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
|
|
159
|
+
declare namespace Calendar {
|
|
160
|
+
var displayName: string;
|
|
79
161
|
}
|
|
80
|
-
declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
81
162
|
|
|
82
163
|
declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
83
164
|
|
|
165
|
+
type DatePickerProps = {
|
|
166
|
+
/**
|
|
167
|
+
* Label for the DatePicker component
|
|
168
|
+
*/
|
|
169
|
+
label?: string;
|
|
170
|
+
/**
|
|
171
|
+
* Placeholder for the DatePicker component
|
|
172
|
+
*/
|
|
173
|
+
placeholder?: string;
|
|
174
|
+
/**
|
|
175
|
+
* Size of the DatePicker component
|
|
176
|
+
*/
|
|
177
|
+
size?: 1 | 2;
|
|
178
|
+
/**
|
|
179
|
+
* Error state of the DatePicker component
|
|
180
|
+
*/
|
|
181
|
+
isError?: boolean;
|
|
182
|
+
/**
|
|
183
|
+
* disabled state of the DatePicker component
|
|
184
|
+
*/
|
|
185
|
+
disabled?: boolean;
|
|
186
|
+
/**
|
|
187
|
+
* Message to display below the DatePicker
|
|
188
|
+
*/
|
|
189
|
+
message?: string;
|
|
190
|
+
/**
|
|
191
|
+
* Format that is used to display date in the input, It is based on (Unicode Technical Standart #35)[https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table]
|
|
192
|
+
*/
|
|
193
|
+
dateFormat?: string;
|
|
194
|
+
/**
|
|
195
|
+
* Props to pass to the Button component
|
|
196
|
+
*/
|
|
197
|
+
buttonProps?: Partial<ButtonProps>;
|
|
198
|
+
/**
|
|
199
|
+
* Props to pass to the Popover component
|
|
200
|
+
*/
|
|
201
|
+
popoverProps?: Partial<PopoverProps>;
|
|
202
|
+
/**
|
|
203
|
+
* Props to pass to the Calendar component
|
|
204
|
+
*/
|
|
205
|
+
calendarProps?: Partial<CalendarProps>;
|
|
206
|
+
};
|
|
207
|
+
declare const DatePicker: ({ label, placeholder, size, message, isError, disabled, dateFormat, buttonProps, popoverProps, calendarProps }: DatePickerProps) => react_jsx_runtime.JSX.Element;
|
|
208
|
+
|
|
84
209
|
declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
|
|
85
210
|
declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
86
211
|
declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
@@ -134,38 +259,6 @@ declare const DialogFooter: {
|
|
|
134
259
|
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
135
260
|
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
136
261
|
|
|
137
|
-
/**
|
|
138
|
-
* Props for the DialogQr component.
|
|
139
|
-
*/
|
|
140
|
-
interface DialogQrProps extends DialogProps$1 {
|
|
141
|
-
/**
|
|
142
|
-
* The title of the dialog QR.
|
|
143
|
-
*/
|
|
144
|
-
title?: string;
|
|
145
|
-
/**
|
|
146
|
-
* The short title of the step 3 in dialog QR.
|
|
147
|
-
*/
|
|
148
|
-
shortTitle?: string;
|
|
149
|
-
/**
|
|
150
|
-
* The image URL for the QR code.
|
|
151
|
-
*/
|
|
152
|
-
qrImage?: string;
|
|
153
|
-
/**
|
|
154
|
-
* The link associated with the QR code.
|
|
155
|
-
*/
|
|
156
|
-
qrLink?: string;
|
|
157
|
-
/**
|
|
158
|
-
* The logo image URL for the QR code.
|
|
159
|
-
*/
|
|
160
|
-
logoQr?: string;
|
|
161
|
-
/**
|
|
162
|
-
* Indicates whether the QR code is all in one.
|
|
163
|
-
*/
|
|
164
|
-
isQrForAll?: boolean;
|
|
165
|
-
className?: string;
|
|
166
|
-
}
|
|
167
|
-
declare const DialogQr: ({ className, children, title, shortTitle, qrImage, qrLink, logoQr, isQrForAll, ...props }: DialogQrProps) => react_jsx_runtime.JSX.Element;
|
|
168
|
-
|
|
169
262
|
declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
170
263
|
declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
171
264
|
declare const AlertDialogPortal: React$1.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
@@ -793,4 +886,4 @@ declare const mobaseTW: () => {
|
|
|
793
886
|
|
|
794
887
|
declare const SiteMeta: react_jsx_runtime.JSX.Element;
|
|
795
888
|
|
|
796
|
-
export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ChoiceboxGroup, ChoiceboxGroupItem, ChoiceboxMultiItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, DialogTitle, DialogTrigger, Footer, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, HeroSection, IconButton, type IconButtonProps, LightBoxContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, Popover, PopoverContent, PopoverTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Slider, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useToast };
|
|
889
|
+
export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, ActionButton, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ChoiceboxGroup, ChoiceboxGroupItem, ChoiceboxMultiItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, type DialogQrProps, DialogTitle, DialogTrigger, Footer, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, HeroSection, IconButton, type IconButtonProps, LightBoxContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, Popover, PopoverContent, PopoverTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Slider, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useToast };
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -4,12 +4,14 @@ import { AccordionSingleProps, AccordionMultipleProps, AccordionItemProps, Accor
|
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
5
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
6
6
|
import { VariantProps } from 'class-variance-authority';
|
|
7
|
-
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
8
7
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
9
8
|
import { DialogProps as DialogProps$1 } from '@radix-ui/react-dialog';
|
|
9
|
+
import { DayPicker } from 'react-day-picker';
|
|
10
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
11
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
12
|
+
import { PopoverProps } from '@radix-ui/react-popover';
|
|
10
13
|
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
11
14
|
import * as Radix from '@radix-ui/react-primitive';
|
|
12
|
-
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
13
15
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
14
16
|
import * as ToastPrimitives from '@radix-ui/react-toast';
|
|
15
17
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
@@ -37,6 +39,90 @@ interface AccordionContentInterface extends AccordionContentProps {
|
|
|
37
39
|
}
|
|
38
40
|
declare const AccordionContent: React$1.ForwardRefExoticComponent<AccordionContentInterface & React$1.RefAttributes<HTMLDivElement>>;
|
|
39
41
|
|
|
42
|
+
declare const buttonVariants: (props?: ({
|
|
43
|
+
variant?: "primary" | "secondary" | "outline" | "tonal" | "danger" | "transparent" | null | undefined;
|
|
44
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
45
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
46
|
+
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
47
|
+
/**
|
|
48
|
+
* CSS class to be appended to the root element.
|
|
49
|
+
*/
|
|
50
|
+
className?: string;
|
|
51
|
+
/**
|
|
52
|
+
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
53
|
+
*/
|
|
54
|
+
asChild?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* Adds loading indicator icon and disables interactions
|
|
57
|
+
*/
|
|
58
|
+
isLoading?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Disabled interaction and applies disabled styles
|
|
61
|
+
*/
|
|
62
|
+
isDisabled?: boolean;
|
|
63
|
+
}
|
|
64
|
+
declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* Props for the DialogQr component.
|
|
68
|
+
*/
|
|
69
|
+
interface DialogQrProps extends DialogProps$1 {
|
|
70
|
+
/**
|
|
71
|
+
* The title of the dialog QR.
|
|
72
|
+
*/
|
|
73
|
+
title?: string;
|
|
74
|
+
/**
|
|
75
|
+
* The short title of the step 3 in dialog QR.
|
|
76
|
+
*/
|
|
77
|
+
shortTitle?: string;
|
|
78
|
+
/**
|
|
79
|
+
* The image URL for the QR code.
|
|
80
|
+
*/
|
|
81
|
+
qrImage?: string;
|
|
82
|
+
/**
|
|
83
|
+
* The link associated with the QR code.
|
|
84
|
+
*/
|
|
85
|
+
qrLink?: string;
|
|
86
|
+
/**
|
|
87
|
+
* The logo image URL for the QR code.
|
|
88
|
+
*/
|
|
89
|
+
logoQr?: string;
|
|
90
|
+
/**
|
|
91
|
+
* Indicates whether the QR code is all in one.
|
|
92
|
+
*/
|
|
93
|
+
isQrForAll?: boolean;
|
|
94
|
+
className?: string;
|
|
95
|
+
}
|
|
96
|
+
declare const DialogQr: ({ className, children, title, shortTitle, qrImage, qrLink, logoQr, isQrForAll, ...props }: DialogQrProps) => react_jsx_runtime.JSX.Element;
|
|
97
|
+
|
|
98
|
+
interface ActionButtonProps extends ButtonProps {
|
|
99
|
+
/**
|
|
100
|
+
* Action to be performed when the button is clicked.
|
|
101
|
+
*/
|
|
102
|
+
action?: string | (() => void) | undefined;
|
|
103
|
+
/**
|
|
104
|
+
* Opens a new tab when href link.
|
|
105
|
+
*/
|
|
106
|
+
newTab?: boolean;
|
|
107
|
+
/**
|
|
108
|
+
* Offset top when use button scroll to element.
|
|
109
|
+
*/
|
|
110
|
+
offset?: number;
|
|
111
|
+
/**
|
|
112
|
+
* Props to pass to the DialogQr component. If this prop is provided, the button will open a dialog with a QR code. qrLink in DialogQrProps is required.
|
|
113
|
+
*/
|
|
114
|
+
dialogQrProps?: Partial<DialogQrProps>;
|
|
115
|
+
/**
|
|
116
|
+
* CSS class to be appended to the root element.
|
|
117
|
+
*/
|
|
118
|
+
className?: string;
|
|
119
|
+
/**
|
|
120
|
+
* The content for button.
|
|
121
|
+
*/
|
|
122
|
+
children?: React__default.ReactNode;
|
|
123
|
+
}
|
|
124
|
+
declare const ActionButton: ({ action, newTab, offset, dialogQrProps, className, children, ...props }: ActionButtonProps) => react_jsx_runtime.JSX.Element;
|
|
125
|
+
|
|
40
126
|
declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
41
127
|
separator?: React$1.ReactNode;
|
|
42
128
|
} & React$1.RefAttributes<HTMLElement>>;
|
|
@@ -55,32 +141,71 @@ declare const BreadcrumbEllipsis: {
|
|
|
55
141
|
displayName: string;
|
|
56
142
|
};
|
|
57
143
|
|
|
58
|
-
|
|
59
|
-
variant?: "primary" | "secondary" | "outline" | "tonal" | "danger" | "transparent" | null | undefined;
|
|
60
|
-
size?: "default" | "sm" | "lg" | null | undefined;
|
|
61
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
62
|
-
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
144
|
+
type CalendarProps = React$1.ComponentProps<typeof DayPicker> & {
|
|
63
145
|
/**
|
|
64
|
-
*
|
|
65
|
-
*/
|
|
66
|
-
className?: string;
|
|
67
|
-
/**
|
|
68
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
146
|
+
* Enable show luna date in calendar cell
|
|
69
147
|
*/
|
|
70
|
-
|
|
148
|
+
enableLunaDate?: boolean;
|
|
71
149
|
/**
|
|
72
|
-
*
|
|
150
|
+
* A function custom content for day cell.
|
|
73
151
|
*/
|
|
74
|
-
|
|
152
|
+
cusContentDay?: (date: Date) => void;
|
|
75
153
|
/**
|
|
76
|
-
*
|
|
154
|
+
* Language for calendar support vi or en. Default is vi.
|
|
77
155
|
*/
|
|
78
|
-
|
|
156
|
+
lang?: 'vi' | 'en';
|
|
157
|
+
};
|
|
158
|
+
declare function Calendar({ className, classNames, showOutsideDays, enableLunaDate, lang, cusContentDay, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
|
|
159
|
+
declare namespace Calendar {
|
|
160
|
+
var displayName: string;
|
|
79
161
|
}
|
|
80
|
-
declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
81
162
|
|
|
82
163
|
declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
83
164
|
|
|
165
|
+
type DatePickerProps = {
|
|
166
|
+
/**
|
|
167
|
+
* Label for the DatePicker component
|
|
168
|
+
*/
|
|
169
|
+
label?: string;
|
|
170
|
+
/**
|
|
171
|
+
* Placeholder for the DatePicker component
|
|
172
|
+
*/
|
|
173
|
+
placeholder?: string;
|
|
174
|
+
/**
|
|
175
|
+
* Size of the DatePicker component
|
|
176
|
+
*/
|
|
177
|
+
size?: 1 | 2;
|
|
178
|
+
/**
|
|
179
|
+
* Error state of the DatePicker component
|
|
180
|
+
*/
|
|
181
|
+
isError?: boolean;
|
|
182
|
+
/**
|
|
183
|
+
* disabled state of the DatePicker component
|
|
184
|
+
*/
|
|
185
|
+
disabled?: boolean;
|
|
186
|
+
/**
|
|
187
|
+
* Message to display below the DatePicker
|
|
188
|
+
*/
|
|
189
|
+
message?: string;
|
|
190
|
+
/**
|
|
191
|
+
* Format that is used to display date in the input, It is based on (Unicode Technical Standart #35)[https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table]
|
|
192
|
+
*/
|
|
193
|
+
dateFormat?: string;
|
|
194
|
+
/**
|
|
195
|
+
* Props to pass to the Button component
|
|
196
|
+
*/
|
|
197
|
+
buttonProps?: Partial<ButtonProps>;
|
|
198
|
+
/**
|
|
199
|
+
* Props to pass to the Popover component
|
|
200
|
+
*/
|
|
201
|
+
popoverProps?: Partial<PopoverProps>;
|
|
202
|
+
/**
|
|
203
|
+
* Props to pass to the Calendar component
|
|
204
|
+
*/
|
|
205
|
+
calendarProps?: Partial<CalendarProps>;
|
|
206
|
+
};
|
|
207
|
+
declare const DatePicker: ({ label, placeholder, size, message, isError, disabled, dateFormat, buttonProps, popoverProps, calendarProps }: DatePickerProps) => react_jsx_runtime.JSX.Element;
|
|
208
|
+
|
|
84
209
|
declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
|
|
85
210
|
declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
86
211
|
declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
@@ -134,38 +259,6 @@ declare const DialogFooter: {
|
|
|
134
259
|
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
135
260
|
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
136
261
|
|
|
137
|
-
/**
|
|
138
|
-
* Props for the DialogQr component.
|
|
139
|
-
*/
|
|
140
|
-
interface DialogQrProps extends DialogProps$1 {
|
|
141
|
-
/**
|
|
142
|
-
* The title of the dialog QR.
|
|
143
|
-
*/
|
|
144
|
-
title?: string;
|
|
145
|
-
/**
|
|
146
|
-
* The short title of the step 3 in dialog QR.
|
|
147
|
-
*/
|
|
148
|
-
shortTitle?: string;
|
|
149
|
-
/**
|
|
150
|
-
* The image URL for the QR code.
|
|
151
|
-
*/
|
|
152
|
-
qrImage?: string;
|
|
153
|
-
/**
|
|
154
|
-
* The link associated with the QR code.
|
|
155
|
-
*/
|
|
156
|
-
qrLink?: string;
|
|
157
|
-
/**
|
|
158
|
-
* The logo image URL for the QR code.
|
|
159
|
-
*/
|
|
160
|
-
logoQr?: string;
|
|
161
|
-
/**
|
|
162
|
-
* Indicates whether the QR code is all in one.
|
|
163
|
-
*/
|
|
164
|
-
isQrForAll?: boolean;
|
|
165
|
-
className?: string;
|
|
166
|
-
}
|
|
167
|
-
declare const DialogQr: ({ className, children, title, shortTitle, qrImage, qrLink, logoQr, isQrForAll, ...props }: DialogQrProps) => react_jsx_runtime.JSX.Element;
|
|
168
|
-
|
|
169
262
|
declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
170
263
|
declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
171
264
|
declare const AlertDialogPortal: React$1.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
@@ -793,4 +886,4 @@ declare const mobaseTW: () => {
|
|
|
793
886
|
|
|
794
887
|
declare const SiteMeta: react_jsx_runtime.JSX.Element;
|
|
795
888
|
|
|
796
|
-
export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ChoiceboxGroup, ChoiceboxGroupItem, ChoiceboxMultiItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, DialogTitle, DialogTrigger, Footer, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, HeroSection, IconButton, type IconButtonProps, LightBoxContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, Popover, PopoverContent, PopoverTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Slider, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useToast };
|
|
889
|
+
export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, ActionButton, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ChoiceboxGroup, ChoiceboxGroupItem, ChoiceboxMultiItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, type DialogQrProps, DialogTitle, DialogTrigger, Footer, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, HeroSection, IconButton, type IconButtonProps, LightBoxContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, Popover, PopoverContent, PopoverTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Slider, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useToast };
|