@momo-webplatform/mobase 0.2.33 → 0.2.34

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.
@@ -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 { DayPicker } from 'react-day-picker';
7
8
  import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
9
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
10
+ import { PopoverProps } from '@radix-ui/react-popover';
8
11
  import * as DialogPrimitive from '@radix-ui/react-dialog';
9
12
  import { DialogProps as DialogProps$1 } from '@radix-ui/react-dialog';
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';
@@ -79,8 +81,71 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, V
79
81
  }
80
82
  declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
81
83
 
84
+ type CalendarProps = React$1.ComponentProps<typeof DayPicker> & {
85
+ /**
86
+ * Enable show luna date in calendar cell
87
+ */
88
+ enableLunaDate?: boolean;
89
+ /**
90
+ * A function custom content for day cell.
91
+ */
92
+ cusContentDay?: (date: Date) => void;
93
+ /**
94
+ * Language for calendar support vi or en. Default is vi.
95
+ */
96
+ lang?: 'vi' | 'en';
97
+ };
98
+ declare function Calendar({ className, classNames, showOutsideDays, enableLunaDate, lang, cusContentDay, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
99
+ declare namespace Calendar {
100
+ var displayName: string;
101
+ }
102
+
82
103
  declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
83
104
 
105
+ type DatePickerProps = {
106
+ /**
107
+ * Label for the DatePicker component
108
+ */
109
+ label?: string;
110
+ /**
111
+ * Placeholder for the DatePicker component
112
+ */
113
+ placeholder?: string;
114
+ /**
115
+ * Size of the DatePicker component
116
+ */
117
+ size?: 1 | 2;
118
+ /**
119
+ * Error state of the DatePicker component
120
+ */
121
+ isError?: boolean;
122
+ /**
123
+ * disabled state of the DatePicker component
124
+ */
125
+ disabled?: boolean;
126
+ /**
127
+ * Message to display below the DatePicker
128
+ */
129
+ message?: string;
130
+ /**
131
+ * 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]
132
+ */
133
+ dateFormat?: string;
134
+ /**
135
+ * Props to pass to the Button component
136
+ */
137
+ buttonProps?: Partial<ButtonProps>;
138
+ /**
139
+ * Props to pass to the Popover component
140
+ */
141
+ popoverProps?: Partial<PopoverProps>;
142
+ /**
143
+ * Props to pass to the Calendar component
144
+ */
145
+ calendarProps?: Partial<CalendarProps>;
146
+ };
147
+ declare const DatePicker: ({ label, placeholder, size, message, isError, disabled, dateFormat, buttonProps, popoverProps, calendarProps }: DatePickerProps) => react_jsx_runtime.JSX.Element;
148
+
84
149
  declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
85
150
  declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
86
151
  declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
@@ -98,7 +163,7 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimit
98
163
  /**
99
164
  * Position of the modal window
100
165
  */
101
- position?: "center" | "left" | "right" | "bottom" | undefined;
166
+ position?: "center" | "right" | "bottom" | "left" | undefined;
102
167
  /**
103
168
  * Determines whether the close button hide or not
104
169
  */
@@ -793,4 +858,4 @@ declare const mobaseTW: () => {
793
858
 
794
859
  declare const SiteMeta: react_jsx_runtime.JSX.Element;
795
860
 
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 };
861
+ 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, 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, 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 };
@@ -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 { DayPicker } from 'react-day-picker';
7
8
  import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
9
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
10
+ import { PopoverProps } from '@radix-ui/react-popover';
8
11
  import * as DialogPrimitive from '@radix-ui/react-dialog';
9
12
  import { DialogProps as DialogProps$1 } from '@radix-ui/react-dialog';
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';
@@ -79,8 +81,71 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, V
79
81
  }
80
82
  declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
81
83
 
84
+ type CalendarProps = React$1.ComponentProps<typeof DayPicker> & {
85
+ /**
86
+ * Enable show luna date in calendar cell
87
+ */
88
+ enableLunaDate?: boolean;
89
+ /**
90
+ * A function custom content for day cell.
91
+ */
92
+ cusContentDay?: (date: Date) => void;
93
+ /**
94
+ * Language for calendar support vi or en. Default is vi.
95
+ */
96
+ lang?: 'vi' | 'en';
97
+ };
98
+ declare function Calendar({ className, classNames, showOutsideDays, enableLunaDate, lang, cusContentDay, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
99
+ declare namespace Calendar {
100
+ var displayName: string;
101
+ }
102
+
82
103
  declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
83
104
 
105
+ type DatePickerProps = {
106
+ /**
107
+ * Label for the DatePicker component
108
+ */
109
+ label?: string;
110
+ /**
111
+ * Placeholder for the DatePicker component
112
+ */
113
+ placeholder?: string;
114
+ /**
115
+ * Size of the DatePicker component
116
+ */
117
+ size?: 1 | 2;
118
+ /**
119
+ * Error state of the DatePicker component
120
+ */
121
+ isError?: boolean;
122
+ /**
123
+ * disabled state of the DatePicker component
124
+ */
125
+ disabled?: boolean;
126
+ /**
127
+ * Message to display below the DatePicker
128
+ */
129
+ message?: string;
130
+ /**
131
+ * 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]
132
+ */
133
+ dateFormat?: string;
134
+ /**
135
+ * Props to pass to the Button component
136
+ */
137
+ buttonProps?: Partial<ButtonProps>;
138
+ /**
139
+ * Props to pass to the Popover component
140
+ */
141
+ popoverProps?: Partial<PopoverProps>;
142
+ /**
143
+ * Props to pass to the Calendar component
144
+ */
145
+ calendarProps?: Partial<CalendarProps>;
146
+ };
147
+ declare const DatePicker: ({ label, placeholder, size, message, isError, disabled, dateFormat, buttonProps, popoverProps, calendarProps }: DatePickerProps) => react_jsx_runtime.JSX.Element;
148
+
84
149
  declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
85
150
  declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
86
151
  declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
@@ -98,7 +163,7 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimit
98
163
  /**
99
164
  * Position of the modal window
100
165
  */
101
- position?: "center" | "left" | "right" | "bottom" | undefined;
166
+ position?: "center" | "right" | "bottom" | "left" | undefined;
102
167
  /**
103
168
  * Determines whether the close button hide or not
104
169
  */
@@ -793,4 +858,4 @@ declare const mobaseTW: () => {
793
858
 
794
859
  declare const SiteMeta: react_jsx_runtime.JSX.Element;
795
860
 
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 };
861
+ 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, 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, 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 };