@zimyo/ui 1.9.2 → 1.10.1

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Props, GroupBase } from 'react-select';
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import { VariantProps } from 'class-variance-authority';
-import { UseFormReturn } from 'react-hook-form';
+import { UseFormReturn, Controller } from 'react-hook-form';
 import { Theme } from '@mui/material/styles';
 import { ClassValue } from 'clsx';
 
@@ -228,12 +228,12 @@ interface BadgeProps extends VariantProps<typeof badgeVariants> {
 declare const badgeVariants: (props?: ({
     variant?: "text" | "outlined" | "contained" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
-    type?: "default" | "error" | "success" | "info" | "warning" | null | undefined;
+    type?: "default" | "error" | "info" | "success" | "warning" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 declare const Badge: ({ label, icon, iconPosition, dot, dotPosition, variant, size, type, color, className, }: BadgeProps) => react_jsx_runtime.JSX.Element;
 
-type InputSize$2 = "xs" | "sm" | "md" | "lg";
-type InputVariant = "outlined" | "contained";
+type InputSize$3 = "xs" | "sm" | "md" | "lg";
+type InputVariant$1 = "outlined" | "contained";
 interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
     label?: string;
     floatingLabel?: boolean;
@@ -241,8 +241,8 @@ interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
     error?: string;
     leftIcon?: React$1.ReactNode;
     rightIcon?: React$1.ReactNode;
-    size?: InputSize$2;
-    variant?: InputVariant;
+    size?: InputSize$3;
+    variant?: InputVariant$1;
     allowedPattern?: "number" | "alpha" | RegExp;
     onLeftIconClick?: () => void;
     onRightIconClick?: () => void;
@@ -284,7 +284,7 @@ type DisabledDateObject = {
     after: Date;
 } | DateRange;
 type DisabledProp = boolean | Date | Date[] | DisabledDateObject;
-type InputSize$1 = "xs" | "sm" | "md" | "lg";
+type InputSize$2 = "xs" | "sm" | "md" | "lg";
 type DatePickerVariant$1 = "outlined" | "contained";
 interface DatePickerProps {
     label?: string;
@@ -297,14 +297,14 @@ interface DatePickerProps {
     disabled?: boolean;
     variant?: DatePickerVariant$1;
     isClerable?: boolean;
-    size?: InputSize$1;
+    size?: InputSize$2;
     className?: string;
     disableRange?: DisabledProp;
     floatingLabel?: boolean;
 }
 declare const DatePicker: React$1.FC<DatePickerProps>;
 
-type InputSize = "xs" | "sm" | "md" | "lg";
+type InputSize$1 = "xs" | "sm" | "md" | "lg";
 type DatePickerVariant = "outlined" | "contained";
 interface DateRangePickerProps {
     label?: string;
@@ -322,13 +322,13 @@ interface DateRangePickerProps {
     error?: string;
     disabled?: boolean;
     variant?: DatePickerVariant;
-    size?: InputSize;
+    size?: InputSize$1;
     className?: string;
     floatingLabel?: boolean;
 }
 declare const DateRangePicker: React$1.FC<DateRangePickerProps>;
 
-type FieldType = "text" | "number" | "textarea" | "select" | "radio" | "switch" | "checkbox" | "date" | "daterange" | "custom";
+type FieldType = "text" | "number" | "textarea" | "select" | "multiselect" | "multi-select" | "timepicker" | "radio" | "switch" | "checkbox" | "date" | "daterange" | "custom";
 type FormField = {
     name: string;
     label: string;
@@ -344,6 +344,8 @@ type FormField = {
     visibleIf?: (values: any) => boolean;
     component?: React__default.ReactNode;
     colSpan?: number;
+    inputProps?: Record<string, any>;
+    controllerProps?: Partial<React__default.ComponentProps<typeof Controller>>;
 };
 type FormProps = {
     schema: FormField[];
@@ -573,6 +575,46 @@ interface BulkActionsBarProps {
 }
 declare const BulkActionsBar: React__default.FC<BulkActionsBarProps>;
 
+type InputSize = 'xs' | 'sm' | 'md' | 'lg';
+type InputVariant = 'outlined' | 'contained';
+type ReturnAs = 'timeOfDay' | 'dateTimeUtc';
+interface TimePickerProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'defaultValue'> {
+    label?: string;
+    floatingLabel?: boolean;
+    description?: string;
+    error?: string;
+    size?: InputSize;
+    variant?: InputVariant;
+    focusOutline?: boolean;
+    value?: string | null;
+    defaultValue?: string | null;
+    onChange?: (val: any) => void;
+    format?: 'HH:mm' | 'HH:mm:ss' | 'hh:mm a' | 'hh:mm:ss a';
+    use12Hours?: boolean;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+    needConfirm?: boolean;
+    showNow?: boolean;
+    okText?: string;
+    closeText?: string;
+    nowText?: string;
+    amText?: string;
+    pmText?: string;
+    hourLabel?: string;
+    minuteLabel?: string;
+    secondLabel?: string;
+    disabledHours?: (h: number) => boolean;
+    disabledMinutes?: (m: number) => boolean;
+    disabledSeconds?: (s: number) => boolean;
+    allowClear?: boolean;
+    timeZone?: string;
+    locale?: string;
+    returnAs?: ReturnAs;
+    dateForConversion?: Date | string;
+}
+declare const TimePicker: React$1.ForwardRefExoticComponent<TimePickerProps & React$1.RefAttributes<HTMLInputElement>>;
+
 interface UILibraryThemeProviderProps {
     children: React__default.ReactNode;
     primaryColor?: string;
@@ -667,5 +709,5 @@ declare const designTokens: {
 declare function cn(...inputs: ClassValue[]): string;
 declare function useStableId(prefix?: string): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AppList, Badge, Blockquote, BulkActionsBar, Button, Caption, CardActions, CardContent, CardHeader, CardImage, CardRoot, CardSkeleton, Checkbox, CheckboxGroup, Code, DatePicker, DateRangePicker, Drawer, Form, GlobalMenuSearch, Heading, Input, Lead, Modal, Muted, Notice, Popover, PopupConfirm, Radio, RadioGroup, Select, Strong, Switch, Table, Text, UILibraryThemeProvider, cn, createCustomTheme, designTokens, theme, useStableId };
-export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AppListProps, BadgeProps, BulkActionsBarProps, ButtonProps, CardRootProps, CheckboxGroupProps, CheckboxProps, DatePickerProps, DateRangePickerProps, DrawerProps, FormProps, GlobalMenuSearchComponentProps, InputProps, ModalProps, NoticeProps, PopoverProps, PopupConfirmProps, RadioGroupProps, RadioOption, RadioProps, SelectProps, SwitchProps, TableProps, ThemeConfig, UILibraryThemeProviderProps };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AppList, Badge, Blockquote, BulkActionsBar, Button, Caption, CardActions, CardContent, CardHeader, CardImage, CardRoot, CardSkeleton, Checkbox, CheckboxGroup, Code, DatePicker, DateRangePicker, Drawer, Form, GlobalMenuSearch, Heading, Input, Lead, Modal, Muted, Notice, Popover, PopupConfirm, Radio, RadioGroup, Select, Strong, Switch, Table, Text, TimePicker, UILibraryThemeProvider, cn, createCustomTheme, designTokens, theme, useStableId };
+export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AppListProps, BadgeProps, BulkActionsBarProps, ButtonProps, CardRootProps, CheckboxGroupProps, CheckboxProps, DatePickerProps, DateRangePickerProps, DrawerProps, FormProps, GlobalMenuSearchComponentProps, InputProps, ModalProps, NoticeProps, PopoverProps, PopupConfirmProps, RadioGroupProps, RadioOption, RadioProps, SelectProps, SwitchProps, TableProps, ThemeConfig, TimePickerProps, UILibraryThemeProviderProps };