@rovula/ui 0.0.19 → 0.0.21

package/dist/index.d.ts

@@ -51,6 +51,8 @@ type InputProps = {
     error?: boolean;
     required?: boolean;
     hasClearIcon?: boolean;
+    hasSearchIcon?: boolean;
+    startIcon?: ReactNode;
     endIcon?: ReactNode;
     className?: string;
     labelClassName?: string;
@@ -69,13 +71,15 @@ declare const TextInput: React__default.ForwardRefExoticComponent<{
     error?: boolean | undefined;
     required?: boolean | undefined;
     hasClearIcon?: boolean | undefined;
+    hasSearchIcon?: boolean | undefined;
+    startIcon?: ReactNode;
     endIcon?: ReactNode;
     className?: string | undefined;
     labelClassName?: string | undefined;
 } & Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & React__default.RefAttributes<HTMLInputElement>>;
 
 type TextProps = {
-    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitile1" | "subtitile2" | "subtitile3" | "subtitile4" | "subtitile5" | "subtitile6" | "body1" | "body2" | "body3" | "body4" | "small1" | "small2" | "small3" | "label1" | "label2";
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitile1" | "subtitile2" | "subtitile3" | "subtitile4" | "subtitile5" | "subtitile6" | "body1" | "body2" | "body3" | "body4" | "small1" | "small2" | "small3" | "small4" | "small5" | "label1" | "label2" | "buttonL" | "buttonMS";
     color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
     children?: React__default.ReactNode;
     className?: string;
@@ -258,6 +262,7 @@ declare namespace Calendar {
 type DatePickerProps = {
     date: Date | undefined;
     onSelect: (selected: Date | undefined, triggerDate: Date, modifiers: Modifiers, e: React__default.MouseEvent | React__default.KeyboardEvent) => void | undefined;
+    textInputProps?: Partial<InputProps>;
 };
 declare const DatePicker: FC<DatePickerProps>;
 
@@ -265,6 +270,31 @@ declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
+type LoadingProps = {
+    size?: number;
+    color?: string;
+    trackColor?: string;
+    strokeWidth?: number;
+    percentage?: number;
+    animate?: boolean;
+    className?: string;
+    progressClassName?: string;
+    trackClassName?: string;
+};
+declare const Loading: React__default.FC<LoadingProps>;
+
+type ProgressBarProps = {
+    progress?: number;
+    color?: string;
+    gradientStart?: string;
+    gradientEnd?: string;
+    animationDuration?: number;
+    height?: number;
+    trackClassName?: string;
+    progressClassName?: string;
+};
+declare const ProgressBar: React__default.FC<ProgressBarProps>;
+
 declare const Table: React.ForwardRefExoticComponent<{
     rootRef?: React.LegacyRef<HTMLDivElement> | undefined;
 } & React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
@@ -320,6 +350,27 @@ declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<Alert
 declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
+type SearchProps = DropdownProps;
+declare const Search: React__default.ForwardRefExoticComponent<{
+    id?: string | undefined;
+    label?: string | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    rounded?: "none" | "normal" | "full" | undefined;
+    variant?: "outline" | "flat" | "underline" | undefined;
+    helperText?: string | undefined;
+    errorMessage?: string | undefined;
+    filterMode?: boolean | undefined;
+    fullwidth?: boolean | undefined;
+    disabled?: boolean | undefined;
+    error?: boolean | undefined;
+    required?: boolean | undefined;
+    className?: string | undefined;
+    options: Options[];
+    value?: Options | undefined;
+    onChangeText?: React__default.ChangeEventHandler<HTMLInputElement> | undefined;
+    onSelect?: ((value: Options) => void) | undefined;
+} & Omit<InputProps, "value"> & React__default.RefAttributes<HTMLInputElement>>;
+
 declare const resloveTimestamp: (timestamp: number) => number;
 declare const getStartDateOfDay: (date: Date) => Date;
 declare const getEndDateOfDay: (date: Date) => Date;
@@ -331,4 +382,4 @@ declare const getTimestampUTC: (date: Date) => number;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { ActionButton, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, Calendar, Checkbox, Collapsible, DataTable, type DataTableProps, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dropdown, type DropdownProps, Input, type InputProps, Label, Navbar, type NavbarProps, type Options, Popover, PopoverContent, PopoverTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, Text, TextInput, cn, getEndDateOfDay, getStartDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, resloveTimestamp };
+export { ActionButton, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, Calendar, Checkbox, Collapsible, DataTable, type DataTableProps, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dropdown, type DropdownProps, Input, type InputProps, Label, Loading, Navbar, type NavbarProps, type Options, Popover, PopoverContent, PopoverTrigger, ProgressBar, Search, type SearchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, Text, TextInput, cn, getEndDateOfDay, getStartDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, resloveTimestamp };

package/dist/index.js

@@ -16,10 +16,13 @@ export { Collapsible } from "./components/Collapsible";
 export { Calendar } from "./components/Calendar";
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { Popover, PopoverTrigger, PopoverContent, } from "./components/Popover/Popover";
+export { default as Loading } from "./components/Loading/Loading";
+export { default as ProgressBar } from "./components/ProgressBar/ProgressBar";
 export * from "./components/Table/Table";
 export * from "./components/DataTable/DataTable";
 export * from "./components/Dialog/Dialog";
 export * from "./components/AlertDialog/AlertDialog";
+export * from "./components/Search/Search";
 // UTILS
 export { resloveTimestamp, getStartDateOfDay, getEndDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, } from "./utils/datetime";
 export { cn } from "./utils/cn";