@moontra/moonui 2.3.4 → 2.3.6
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/index.d.mts +14 -76
- package/dist/index.d.ts +14 -76
- package/dist/index.global.js +29 -69
- package/dist/index.global.js.map +1 -1
- package/dist/index.js +829 -1085
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +828 -1082
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/ui/data-table-basic.tsx +261 -0
- package/src/components/ui/index.ts +4 -3
- package/src/components/ui/tabs.tsx +1 -1
- package/src/components/ui/data-table.tsx +0 -623
package/dist/index.d.mts
CHANGED
|
@@ -9,8 +9,8 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
|
9
9
|
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
10
10
|
import { Command as Command$1 } from 'cmdk';
|
|
11
11
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
12
|
-
import {
|
|
13
|
-
export { ColumnDef } from '@tanstack/react-table';
|
|
12
|
+
import { ColumnDef } from '@tanstack/react-table';
|
|
13
|
+
export { ColumnDef as MoonUIColumnDef } from '@tanstack/react-table';
|
|
14
14
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
15
15
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
16
16
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
@@ -517,17 +517,12 @@ declare const CommandShortcut: {
|
|
|
517
517
|
};
|
|
518
518
|
|
|
519
519
|
/**
|
|
520
|
-
*
|
|
520
|
+
* Basic DataTable Component
|
|
521
521
|
*
|
|
522
|
-
* A
|
|
523
|
-
*
|
|
522
|
+
* A simple data table with sorting, filtering, and pagination.
|
|
523
|
+
* For advanced features, upgrade to MoonUI Pro.
|
|
524
524
|
*/
|
|
525
|
-
|
|
526
|
-
variant?: "default" | "cards" | "bordered" | "striped";
|
|
527
|
-
size?: "default" | "sm" | "lg";
|
|
528
|
-
density?: "default" | "compact" | "comfortable";
|
|
529
|
-
} & class_variance_authority_dist_types.ClassProp) => string;
|
|
530
|
-
interface DataTableProps<TData, TValue> extends VariantProps<typeof dataTableVariants> {
|
|
525
|
+
interface DataTableBasicProps<TData, TValue> {
|
|
531
526
|
/**
|
|
532
527
|
* The table columns definition
|
|
533
528
|
*/
|
|
@@ -536,97 +531,40 @@ interface DataTableProps<TData, TValue> extends VariantProps<typeof dataTableVar
|
|
|
536
531
|
* The data to display
|
|
537
532
|
*/
|
|
538
533
|
data: TData[];
|
|
539
|
-
/**
|
|
540
|
-
* Enable/disable filtering
|
|
541
|
-
*/
|
|
542
|
-
enableFiltering?: boolean;
|
|
543
534
|
/**
|
|
544
535
|
* Enable/disable sorting
|
|
545
536
|
*/
|
|
546
537
|
enableSorting?: boolean;
|
|
547
|
-
/**
|
|
548
|
-
* Enable/disable column visibility toggle
|
|
549
|
-
*/
|
|
550
|
-
enableColumnVisibility?: boolean;
|
|
551
|
-
/**
|
|
552
|
-
* Enable/disable row selection
|
|
553
|
-
*/
|
|
554
|
-
enableRowSelection?: boolean;
|
|
555
538
|
/**
|
|
556
539
|
* Enable/disable pagination
|
|
557
540
|
*/
|
|
558
541
|
enablePagination?: boolean;
|
|
559
542
|
/**
|
|
560
|
-
*
|
|
543
|
+
* Enable/disable global search
|
|
561
544
|
*/
|
|
562
|
-
|
|
545
|
+
enableSearch?: boolean;
|
|
563
546
|
/**
|
|
564
547
|
* Default page size
|
|
565
548
|
*/
|
|
566
|
-
|
|
549
|
+
pageSize?: number;
|
|
567
550
|
/**
|
|
568
|
-
*
|
|
551
|
+
* Search placeholder text
|
|
569
552
|
*/
|
|
570
|
-
|
|
571
|
-
/**
|
|
572
|
-
* Filter column key
|
|
573
|
-
*/
|
|
574
|
-
filterColumn?: string;
|
|
575
|
-
/**
|
|
576
|
-
* Show loading state
|
|
577
|
-
*/
|
|
578
|
-
isLoading?: boolean;
|
|
553
|
+
searchPlaceholder?: string;
|
|
579
554
|
/**
|
|
580
555
|
* Empty state message
|
|
581
556
|
*/
|
|
582
557
|
emptyMessage?: string;
|
|
583
|
-
/**
|
|
584
|
-
* Table title
|
|
585
|
-
*/
|
|
586
|
-
title?: string;
|
|
587
|
-
/**
|
|
588
|
-
* Table description
|
|
589
|
-
*/
|
|
590
|
-
description?: string;
|
|
591
|
-
/**
|
|
592
|
-
* Enable export functionality
|
|
593
|
-
*/
|
|
594
|
-
enableExport?: boolean;
|
|
595
|
-
/**
|
|
596
|
-
* Export handler
|
|
597
|
-
*/
|
|
598
|
-
onExport?: (data: TData[]) => void;
|
|
599
|
-
/**
|
|
600
|
-
* Enable refresh functionality
|
|
601
|
-
*/
|
|
602
|
-
enableRefresh?: boolean;
|
|
603
|
-
/**
|
|
604
|
-
* Refresh handler
|
|
605
|
-
*/
|
|
606
|
-
onRefresh?: () => void;
|
|
607
|
-
/**
|
|
608
|
-
* Additional toolbar actions
|
|
609
|
-
*/
|
|
610
|
-
toolbarActions?: React.ReactNode;
|
|
611
|
-
/**
|
|
612
|
-
* Custom filter component
|
|
613
|
-
*/
|
|
614
|
-
customFilter?: React.ReactNode;
|
|
615
|
-
/**
|
|
616
|
-
* Row click handler
|
|
617
|
-
*/
|
|
618
|
-
onRowClick?: (row: TData) => void;
|
|
619
558
|
/**
|
|
620
559
|
* Class name
|
|
621
560
|
*/
|
|
622
561
|
className?: string;
|
|
623
562
|
}
|
|
624
|
-
declare function
|
|
563
|
+
declare function DataTableBasic<TData, TValue>({ columns, data, enableSorting, enablePagination, enableSearch, pageSize, searchPlaceholder, emptyMessage, className, }: DataTableBasicProps<TData, TValue>): react_jsx_runtime.JSX.Element;
|
|
625
564
|
/**
|
|
626
|
-
*
|
|
565
|
+
* Simple sortable header helper
|
|
627
566
|
*/
|
|
628
567
|
declare function createSortableHeader(label: string): ({ column }: any) => react_jsx_runtime.JSX.Element;
|
|
629
|
-
declare function createFilterableColumn<TData, TValue>(accessorKey: string, header: string, filterFn?: FilterFn<TData>): ColumnDef<TData, TValue>;
|
|
630
568
|
|
|
631
569
|
interface CalendarProps {
|
|
632
570
|
mode?: "single" | "range" | "multiple";
|
|
@@ -1654,4 +1592,4 @@ declare const SimpleTooltip: React.ForwardRefExoticComponent<SimpleTooltipProps
|
|
|
1654
1592
|
|
|
1655
1593
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1656
1594
|
|
|
1657
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertProps, AlertTitle, AspectRatio, AspectRatioProps, Avatar, AvatarFallback, AvatarGroup, AvatarImage, AvatarProps, Badge, BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonProps, Card, CardCVCInput, CardCVCInputProps, CardContent, CardDescription, CardExpiryInput, CardExpiryInputProps, CardFooter, CardHeader, CardNumberInput, CardNumberInputProps, CardProps, CardTitle, CardZipInput, CardZipInputProps, Checkbox, CheckboxGroup, CheckboxLabel, CheckboxProps, CheckboxWithLabel, Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleTrigger, CollapsibleTriggerProps, ColorPicker, ColorPickerProps, ColumnDefinition, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut,
|
|
1595
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertProps, AlertTitle, AspectRatio, AspectRatioProps, Avatar, AvatarFallback, AvatarGroup, AvatarImage, AvatarProps, Badge, BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonProps, Card, CardCVCInput, CardCVCInputProps, CardContent, CardDescription, CardExpiryInput, CardExpiryInputProps, CardFooter, CardHeader, CardNumberInput, CardNumberInputProps, CardProps, CardTitle, CardZipInput, CardZipInputProps, Checkbox, CheckboxGroup, CheckboxLabel, CheckboxProps, CheckboxWithLabel, Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleTrigger, CollapsibleTriggerProps, ColorPicker, ColorPickerProps, ColumnDefinition, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, DateTimePicker, DateTimePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogForm, DialogHeader, DialogTitle, DialogTrigger, DraggableList, DraggableListProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, FileUploadProps, FreeBadge, GestureDrawer, GestureDrawerProps, GitHubStarButton, GitHubStars, GradientPicker, GradientPickerProps, Input, InputProps, Label, LockedComponent, MonthPicker, MonthPickerProps, MoonLogo, MoonLogoAnimated, MoonLogoIcon, Accordion as MoonUIAccordion, AccordionContent as MoonUIAccordionContent, AccordionItem as MoonUIAccordionItem, AccordionTrigger as MoonUIAccordionTrigger, Alert as MoonUIAlert, AlertDescription as MoonUIAlertDescription, AlertTitle as MoonUIAlertTitle, AspectRatio as MoonUIAspectRatio, Avatar as MoonUIAvatar, AvatarFallback as MoonUIAvatarFallback, AvatarGroup as MoonUIAvatarGroup, AvatarImage as MoonUIAvatarImage, Badge as MoonUIBadge, Breadcrumb as MoonUIBreadcrumb, BreadcrumbEllipsis as MoonUIBreadcrumbEllipsis, BreadcrumbItem as MoonUIBreadcrumbItem, BreadcrumbLink as MoonUIBreadcrumbLink, BreadcrumbList as MoonUIBreadcrumbList, BreadcrumbPage as MoonUIBreadcrumbPage, BreadcrumbSeparator as MoonUIBreadcrumbSeparator, Button as MoonUIButton, Card as MoonUICard, CardCVCInput as MoonUICardCVCInput, CardContent as MoonUICardContent, CardDescription as MoonUICardDescription, CardExpiryInput as MoonUICardExpiryInput, CardFooter as MoonUICardFooter, CardHeader as MoonUICardHeader, CardNumberInput as MoonUICardNumberInput, CardTitle as MoonUICardTitle, CardZipInput as MoonUICardZipInput, Checkbox as MoonUICheckbox, CheckboxGroup as MoonUICheckboxGroup, CheckboxLabel as MoonUICheckboxLabel, CheckboxWithLabel as MoonUICheckboxWithLabel, Collapsible as MoonUICollapsible, CollapsibleContent as MoonUICollapsibleContent, CollapsibleTrigger as MoonUICollapsibleTrigger, ColorPicker as MoonUIColorPicker, Command as MoonUICommand, CommandDialog as MoonUICommandDialog, CommandEmpty as MoonUICommandEmpty, CommandGroup as MoonUICommandGroup, CommandInput as MoonUICommandInput, CommandItem as MoonUICommandItem, CommandList as MoonUICommandList, CommandSeparator as MoonUICommandSeparator, CommandShortcut as MoonUICommandShortcut, DataTableBasic as MoonUIDataTableBasic, DatePicker as MoonUIDatePicker, DateRangePicker as MoonUIDateRangePicker, DateTimePicker as MoonUIDateTimePicker, Dialog as MoonUIDialog, DialogClose as MoonUIDialogClose, DialogContent as MoonUIDialogContent, DialogDescription as MoonUIDialogDescription, DialogFooter as MoonUIDialogFooter, DialogHeader as MoonUIDialogHeader, DialogTitle as MoonUIDialogTitle, DialogTrigger as MoonUIDialogTrigger, DraggableList as MoonUIDraggableList, DropdownMenu as MoonUIDropdownMenu, DropdownMenuCheckboxItem as MoonUIDropdownMenuCheckboxItem, DropdownMenuContent as MoonUIDropdownMenuContent, DropdownMenuGroup as MoonUIDropdownMenuGroup, DropdownMenuItem as MoonUIDropdownMenuItem, DropdownMenuLabel as MoonUIDropdownMenuLabel, DropdownMenuPortal as MoonUIDropdownMenuPortal, DropdownMenuRadioGroup as MoonUIDropdownMenuRadioGroup, DropdownMenuRadioItem as MoonUIDropdownMenuRadioItem, DropdownMenuSeparator as MoonUIDropdownMenuSeparator, DropdownMenuShortcut as MoonUIDropdownMenuShortcut, DropdownMenuSub as MoonUIDropdownMenuSub, DropdownMenuSubContent as MoonUIDropdownMenuSubContent, DropdownMenuSubTrigger as MoonUIDropdownMenuSubTrigger, DropdownMenuTrigger as MoonUIDropdownMenuTrigger, FileUpload as MoonUIFileUpload, FreeBadge as MoonUIFreeBadge, GestureDrawer as MoonUIGestureDrawer, GitHubStars as MoonUIGitHubStars, GradientPicker as MoonUIGradientPicker, Input as MoonUIInput, Label as MoonUILabel, LockedComponent as MoonUILockedComponent, MonthPicker as MoonUIMonthPicker, MoonLogo as MoonUIMoonLogo, Pagination as MoonUIPagination, PaginationContent as MoonUIPaginationContent, PaginationEllipsis as MoonUIPaginationEllipsis, PaginationItem as MoonUIPaginationItem, PaginationLink as MoonUIPaginationLink, PaginationNext as MoonUIPaginationNext, PaginationPrevious as MoonUIPaginationPrevious, PhoneInput as MoonUIPhoneInput, Popover as MoonUIPopover, PopoverContent as MoonUIPopoverContent, PopoverTrigger as MoonUIPopoverTrigger, ProBadge as MoonUIProBadge, ProComponentWrapper as MoonUIProComponentWrapper, Progress as MoonUIProgress, RadioGroup as MoonUIRadioGroup, RadioGroupItem as MoonUIRadioGroupItem, RadioItemWithLabel as MoonUIRadioItemWithLabel, RadioLabel as MoonUIRadioLabel, RichTextEditor as MoonUIRichTextEditor, ScrollArea as MoonUIScrollArea, ScrollBar as MoonUIScrollBar, Select as MoonUISelect, SelectContent as MoonUISelectContent, SelectGroup as MoonUISelectGroup, SelectItem as MoonUISelectItem, SelectLabel as MoonUISelectLabel, SelectScrollDownButton as MoonUISelectScrollDownButton, SelectScrollUpButton as MoonUISelectScrollUpButton, SelectSeparator as MoonUISelectSeparator, SelectTrigger as MoonUISelectTrigger, SelectValue as MoonUISelectValue, Separator as MoonUISeparator, SimpleColorPicker as MoonUISimpleColorPicker, SimpleEditor as MoonUISimpleEditor, Skeleton as MoonUISkeleton, SkeletonAvatar as MoonUISkeletonAvatar, SkeletonCard as MoonUISkeletonCard, SkeletonText as MoonUISkeletonText, Slider as MoonUISlider, SwipeableCard as MoonUISwipeableCard, Switch as MoonUISwitch, Table as MoonUITable, TableBody as MoonUITableBody, TableCaption as MoonUITableCaption, TableCell as MoonUITableCell, TableFooter as MoonUITableFooter, TableHead as MoonUITableHead, TableHeader as MoonUITableHeader, TableRow as MoonUITableRow, Tabs as MoonUITabs, TabsContent as MoonUITabsContent, TabsList as MoonUITabsList, TabsTrigger as MoonUITabsTrigger, TagsInput as MoonUITagsInput, Textarea as MoonUITextarea, Toast as MoonUIToast, ToastAction as MoonUIToastAction, ToastClose as MoonUIToastClose, ToastDescription as MoonUIToastDescription, ToastProvider as MoonUIToastProvider, ToastTitle as MoonUIToastTitle, ToastViewport as MoonUIToastViewport, Toaster as MoonUIToaster, Toggle as MoonUIToggle, Tooltip as MoonUITooltip, TooltipContent as MoonUITooltipContent, TooltipProvider as MoonUITooltipProvider, TooltipTrigger as MoonUITooltipTrigger, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PhoneInput, PhoneInputProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverContentProps, PopoverFooter, PopoverHeader, PopoverSeparator, PopoverTrigger, ProBadge, ProComponentWrapper, Progress, ProgressProps, RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps, RadioItemWithLabel, RadioLabel, RichTextEditor, RichTextEditorProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorProps, SimpleColorPicker, SimpleColorPickerProps, SimpleEditor, SimpleEditorProps, SimpleTooltip, SimpleTooltipProps, Skeleton, SkeletonAvatar, SkeletonAvatarProps, SkeletonCard, SkeletonCardProps, SkeletonProps, SkeletonText, SkeletonTextProps, Slider, SortDirection, SwipeableCard, SwipeableCardProps, Switch, SwitchProps, SwitchSize, SwitchVariant, Table, TableBody, TableBodyProps, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, TagsInputProps, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleProps, Tooltip, TooltipArrow, TooltipContent, TooltipContentProps, TooltipProvider, TooltipTrigger, aspectRatioVariants, badgeVariants, buttonVariants, cn, collapsibleContentVariants, collapsibleTriggerVariants, badgeVariants as moonUIBadgeVariants, buttonVariants as moonUIButtonVariants, createSortableHeader as moonUICreateSortableHeader, skeletonVariants as moonUISkeletonVariants, toggleVariants as moonUIToggleVariants, popoverContentVariants, progressVariants, separatorVariants, skeletonVariants, toast, toggleVariants, tooltipVariants, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -9,8 +9,8 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
|
9
9
|
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
10
10
|
import { Command as Command$1 } from 'cmdk';
|
|
11
11
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
12
|
-
import {
|
|
13
|
-
export { ColumnDef } from '@tanstack/react-table';
|
|
12
|
+
import { ColumnDef } from '@tanstack/react-table';
|
|
13
|
+
export { ColumnDef as MoonUIColumnDef } from '@tanstack/react-table';
|
|
14
14
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
15
15
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
16
16
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
@@ -517,17 +517,12 @@ declare const CommandShortcut: {
|
|
|
517
517
|
};
|
|
518
518
|
|
|
519
519
|
/**
|
|
520
|
-
*
|
|
520
|
+
* Basic DataTable Component
|
|
521
521
|
*
|
|
522
|
-
* A
|
|
523
|
-
*
|
|
522
|
+
* A simple data table with sorting, filtering, and pagination.
|
|
523
|
+
* For advanced features, upgrade to MoonUI Pro.
|
|
524
524
|
*/
|
|
525
|
-
|
|
526
|
-
variant?: "default" | "cards" | "bordered" | "striped";
|
|
527
|
-
size?: "default" | "sm" | "lg";
|
|
528
|
-
density?: "default" | "compact" | "comfortable";
|
|
529
|
-
} & class_variance_authority_dist_types.ClassProp) => string;
|
|
530
|
-
interface DataTableProps<TData, TValue> extends VariantProps<typeof dataTableVariants> {
|
|
525
|
+
interface DataTableBasicProps<TData, TValue> {
|
|
531
526
|
/**
|
|
532
527
|
* The table columns definition
|
|
533
528
|
*/
|
|
@@ -536,97 +531,40 @@ interface DataTableProps<TData, TValue> extends VariantProps<typeof dataTableVar
|
|
|
536
531
|
* The data to display
|
|
537
532
|
*/
|
|
538
533
|
data: TData[];
|
|
539
|
-
/**
|
|
540
|
-
* Enable/disable filtering
|
|
541
|
-
*/
|
|
542
|
-
enableFiltering?: boolean;
|
|
543
534
|
/**
|
|
544
535
|
* Enable/disable sorting
|
|
545
536
|
*/
|
|
546
537
|
enableSorting?: boolean;
|
|
547
|
-
/**
|
|
548
|
-
* Enable/disable column visibility toggle
|
|
549
|
-
*/
|
|
550
|
-
enableColumnVisibility?: boolean;
|
|
551
|
-
/**
|
|
552
|
-
* Enable/disable row selection
|
|
553
|
-
*/
|
|
554
|
-
enableRowSelection?: boolean;
|
|
555
538
|
/**
|
|
556
539
|
* Enable/disable pagination
|
|
557
540
|
*/
|
|
558
541
|
enablePagination?: boolean;
|
|
559
542
|
/**
|
|
560
|
-
*
|
|
543
|
+
* Enable/disable global search
|
|
561
544
|
*/
|
|
562
|
-
|
|
545
|
+
enableSearch?: boolean;
|
|
563
546
|
/**
|
|
564
547
|
* Default page size
|
|
565
548
|
*/
|
|
566
|
-
|
|
549
|
+
pageSize?: number;
|
|
567
550
|
/**
|
|
568
|
-
*
|
|
551
|
+
* Search placeholder text
|
|
569
552
|
*/
|
|
570
|
-
|
|
571
|
-
/**
|
|
572
|
-
* Filter column key
|
|
573
|
-
*/
|
|
574
|
-
filterColumn?: string;
|
|
575
|
-
/**
|
|
576
|
-
* Show loading state
|
|
577
|
-
*/
|
|
578
|
-
isLoading?: boolean;
|
|
553
|
+
searchPlaceholder?: string;
|
|
579
554
|
/**
|
|
580
555
|
* Empty state message
|
|
581
556
|
*/
|
|
582
557
|
emptyMessage?: string;
|
|
583
|
-
/**
|
|
584
|
-
* Table title
|
|
585
|
-
*/
|
|
586
|
-
title?: string;
|
|
587
|
-
/**
|
|
588
|
-
* Table description
|
|
589
|
-
*/
|
|
590
|
-
description?: string;
|
|
591
|
-
/**
|
|
592
|
-
* Enable export functionality
|
|
593
|
-
*/
|
|
594
|
-
enableExport?: boolean;
|
|
595
|
-
/**
|
|
596
|
-
* Export handler
|
|
597
|
-
*/
|
|
598
|
-
onExport?: (data: TData[]) => void;
|
|
599
|
-
/**
|
|
600
|
-
* Enable refresh functionality
|
|
601
|
-
*/
|
|
602
|
-
enableRefresh?: boolean;
|
|
603
|
-
/**
|
|
604
|
-
* Refresh handler
|
|
605
|
-
*/
|
|
606
|
-
onRefresh?: () => void;
|
|
607
|
-
/**
|
|
608
|
-
* Additional toolbar actions
|
|
609
|
-
*/
|
|
610
|
-
toolbarActions?: React.ReactNode;
|
|
611
|
-
/**
|
|
612
|
-
* Custom filter component
|
|
613
|
-
*/
|
|
614
|
-
customFilter?: React.ReactNode;
|
|
615
|
-
/**
|
|
616
|
-
* Row click handler
|
|
617
|
-
*/
|
|
618
|
-
onRowClick?: (row: TData) => void;
|
|
619
558
|
/**
|
|
620
559
|
* Class name
|
|
621
560
|
*/
|
|
622
561
|
className?: string;
|
|
623
562
|
}
|
|
624
|
-
declare function
|
|
563
|
+
declare function DataTableBasic<TData, TValue>({ columns, data, enableSorting, enablePagination, enableSearch, pageSize, searchPlaceholder, emptyMessage, className, }: DataTableBasicProps<TData, TValue>): react_jsx_runtime.JSX.Element;
|
|
625
564
|
/**
|
|
626
|
-
*
|
|
565
|
+
* Simple sortable header helper
|
|
627
566
|
*/
|
|
628
567
|
declare function createSortableHeader(label: string): ({ column }: any) => react_jsx_runtime.JSX.Element;
|
|
629
|
-
declare function createFilterableColumn<TData, TValue>(accessorKey: string, header: string, filterFn?: FilterFn<TData>): ColumnDef<TData, TValue>;
|
|
630
568
|
|
|
631
569
|
interface CalendarProps {
|
|
632
570
|
mode?: "single" | "range" | "multiple";
|
|
@@ -1654,4 +1592,4 @@ declare const SimpleTooltip: React.ForwardRefExoticComponent<SimpleTooltipProps
|
|
|
1654
1592
|
|
|
1655
1593
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1656
1594
|
|
|
1657
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertProps, AlertTitle, AspectRatio, AspectRatioProps, Avatar, AvatarFallback, AvatarGroup, AvatarImage, AvatarProps, Badge, BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonProps, Card, CardCVCInput, CardCVCInputProps, CardContent, CardDescription, CardExpiryInput, CardExpiryInputProps, CardFooter, CardHeader, CardNumberInput, CardNumberInputProps, CardProps, CardTitle, CardZipInput, CardZipInputProps, Checkbox, CheckboxGroup, CheckboxLabel, CheckboxProps, CheckboxWithLabel, Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleTrigger, CollapsibleTriggerProps, ColorPicker, ColorPickerProps, ColumnDefinition, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut,
|
|
1595
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertProps, AlertTitle, AspectRatio, AspectRatioProps, Avatar, AvatarFallback, AvatarGroup, AvatarImage, AvatarProps, Badge, BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonProps, Card, CardCVCInput, CardCVCInputProps, CardContent, CardDescription, CardExpiryInput, CardExpiryInputProps, CardFooter, CardHeader, CardNumberInput, CardNumberInputProps, CardProps, CardTitle, CardZipInput, CardZipInputProps, Checkbox, CheckboxGroup, CheckboxLabel, CheckboxProps, CheckboxWithLabel, Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleTrigger, CollapsibleTriggerProps, ColorPicker, ColorPickerProps, ColumnDefinition, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, DateTimePicker, DateTimePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogForm, DialogHeader, DialogTitle, DialogTrigger, DraggableList, DraggableListProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, FileUploadProps, FreeBadge, GestureDrawer, GestureDrawerProps, GitHubStarButton, GitHubStars, GradientPicker, GradientPickerProps, Input, InputProps, Label, LockedComponent, MonthPicker, MonthPickerProps, MoonLogo, MoonLogoAnimated, MoonLogoIcon, Accordion as MoonUIAccordion, AccordionContent as MoonUIAccordionContent, AccordionItem as MoonUIAccordionItem, AccordionTrigger as MoonUIAccordionTrigger, Alert as MoonUIAlert, AlertDescription as MoonUIAlertDescription, AlertTitle as MoonUIAlertTitle, AspectRatio as MoonUIAspectRatio, Avatar as MoonUIAvatar, AvatarFallback as MoonUIAvatarFallback, AvatarGroup as MoonUIAvatarGroup, AvatarImage as MoonUIAvatarImage, Badge as MoonUIBadge, Breadcrumb as MoonUIBreadcrumb, BreadcrumbEllipsis as MoonUIBreadcrumbEllipsis, BreadcrumbItem as MoonUIBreadcrumbItem, BreadcrumbLink as MoonUIBreadcrumbLink, BreadcrumbList as MoonUIBreadcrumbList, BreadcrumbPage as MoonUIBreadcrumbPage, BreadcrumbSeparator as MoonUIBreadcrumbSeparator, Button as MoonUIButton, Card as MoonUICard, CardCVCInput as MoonUICardCVCInput, CardContent as MoonUICardContent, CardDescription as MoonUICardDescription, CardExpiryInput as MoonUICardExpiryInput, CardFooter as MoonUICardFooter, CardHeader as MoonUICardHeader, CardNumberInput as MoonUICardNumberInput, CardTitle as MoonUICardTitle, CardZipInput as MoonUICardZipInput, Checkbox as MoonUICheckbox, CheckboxGroup as MoonUICheckboxGroup, CheckboxLabel as MoonUICheckboxLabel, CheckboxWithLabel as MoonUICheckboxWithLabel, Collapsible as MoonUICollapsible, CollapsibleContent as MoonUICollapsibleContent, CollapsibleTrigger as MoonUICollapsibleTrigger, ColorPicker as MoonUIColorPicker, Command as MoonUICommand, CommandDialog as MoonUICommandDialog, CommandEmpty as MoonUICommandEmpty, CommandGroup as MoonUICommandGroup, CommandInput as MoonUICommandInput, CommandItem as MoonUICommandItem, CommandList as MoonUICommandList, CommandSeparator as MoonUICommandSeparator, CommandShortcut as MoonUICommandShortcut, DataTableBasic as MoonUIDataTableBasic, DatePicker as MoonUIDatePicker, DateRangePicker as MoonUIDateRangePicker, DateTimePicker as MoonUIDateTimePicker, Dialog as MoonUIDialog, DialogClose as MoonUIDialogClose, DialogContent as MoonUIDialogContent, DialogDescription as MoonUIDialogDescription, DialogFooter as MoonUIDialogFooter, DialogHeader as MoonUIDialogHeader, DialogTitle as MoonUIDialogTitle, DialogTrigger as MoonUIDialogTrigger, DraggableList as MoonUIDraggableList, DropdownMenu as MoonUIDropdownMenu, DropdownMenuCheckboxItem as MoonUIDropdownMenuCheckboxItem, DropdownMenuContent as MoonUIDropdownMenuContent, DropdownMenuGroup as MoonUIDropdownMenuGroup, DropdownMenuItem as MoonUIDropdownMenuItem, DropdownMenuLabel as MoonUIDropdownMenuLabel, DropdownMenuPortal as MoonUIDropdownMenuPortal, DropdownMenuRadioGroup as MoonUIDropdownMenuRadioGroup, DropdownMenuRadioItem as MoonUIDropdownMenuRadioItem, DropdownMenuSeparator as MoonUIDropdownMenuSeparator, DropdownMenuShortcut as MoonUIDropdownMenuShortcut, DropdownMenuSub as MoonUIDropdownMenuSub, DropdownMenuSubContent as MoonUIDropdownMenuSubContent, DropdownMenuSubTrigger as MoonUIDropdownMenuSubTrigger, DropdownMenuTrigger as MoonUIDropdownMenuTrigger, FileUpload as MoonUIFileUpload, FreeBadge as MoonUIFreeBadge, GestureDrawer as MoonUIGestureDrawer, GitHubStars as MoonUIGitHubStars, GradientPicker as MoonUIGradientPicker, Input as MoonUIInput, Label as MoonUILabel, LockedComponent as MoonUILockedComponent, MonthPicker as MoonUIMonthPicker, MoonLogo as MoonUIMoonLogo, Pagination as MoonUIPagination, PaginationContent as MoonUIPaginationContent, PaginationEllipsis as MoonUIPaginationEllipsis, PaginationItem as MoonUIPaginationItem, PaginationLink as MoonUIPaginationLink, PaginationNext as MoonUIPaginationNext, PaginationPrevious as MoonUIPaginationPrevious, PhoneInput as MoonUIPhoneInput, Popover as MoonUIPopover, PopoverContent as MoonUIPopoverContent, PopoverTrigger as MoonUIPopoverTrigger, ProBadge as MoonUIProBadge, ProComponentWrapper as MoonUIProComponentWrapper, Progress as MoonUIProgress, RadioGroup as MoonUIRadioGroup, RadioGroupItem as MoonUIRadioGroupItem, RadioItemWithLabel as MoonUIRadioItemWithLabel, RadioLabel as MoonUIRadioLabel, RichTextEditor as MoonUIRichTextEditor, ScrollArea as MoonUIScrollArea, ScrollBar as MoonUIScrollBar, Select as MoonUISelect, SelectContent as MoonUISelectContent, SelectGroup as MoonUISelectGroup, SelectItem as MoonUISelectItem, SelectLabel as MoonUISelectLabel, SelectScrollDownButton as MoonUISelectScrollDownButton, SelectScrollUpButton as MoonUISelectScrollUpButton, SelectSeparator as MoonUISelectSeparator, SelectTrigger as MoonUISelectTrigger, SelectValue as MoonUISelectValue, Separator as MoonUISeparator, SimpleColorPicker as MoonUISimpleColorPicker, SimpleEditor as MoonUISimpleEditor, Skeleton as MoonUISkeleton, SkeletonAvatar as MoonUISkeletonAvatar, SkeletonCard as MoonUISkeletonCard, SkeletonText as MoonUISkeletonText, Slider as MoonUISlider, SwipeableCard as MoonUISwipeableCard, Switch as MoonUISwitch, Table as MoonUITable, TableBody as MoonUITableBody, TableCaption as MoonUITableCaption, TableCell as MoonUITableCell, TableFooter as MoonUITableFooter, TableHead as MoonUITableHead, TableHeader as MoonUITableHeader, TableRow as MoonUITableRow, Tabs as MoonUITabs, TabsContent as MoonUITabsContent, TabsList as MoonUITabsList, TabsTrigger as MoonUITabsTrigger, TagsInput as MoonUITagsInput, Textarea as MoonUITextarea, Toast as MoonUIToast, ToastAction as MoonUIToastAction, ToastClose as MoonUIToastClose, ToastDescription as MoonUIToastDescription, ToastProvider as MoonUIToastProvider, ToastTitle as MoonUIToastTitle, ToastViewport as MoonUIToastViewport, Toaster as MoonUIToaster, Toggle as MoonUIToggle, Tooltip as MoonUITooltip, TooltipContent as MoonUITooltipContent, TooltipProvider as MoonUITooltipProvider, TooltipTrigger as MoonUITooltipTrigger, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PhoneInput, PhoneInputProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverContentProps, PopoverFooter, PopoverHeader, PopoverSeparator, PopoverTrigger, ProBadge, ProComponentWrapper, Progress, ProgressProps, RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps, RadioItemWithLabel, RadioLabel, RichTextEditor, RichTextEditorProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorProps, SimpleColorPicker, SimpleColorPickerProps, SimpleEditor, SimpleEditorProps, SimpleTooltip, SimpleTooltipProps, Skeleton, SkeletonAvatar, SkeletonAvatarProps, SkeletonCard, SkeletonCardProps, SkeletonProps, SkeletonText, SkeletonTextProps, Slider, SortDirection, SwipeableCard, SwipeableCardProps, Switch, SwitchProps, SwitchSize, SwitchVariant, Table, TableBody, TableBodyProps, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, TagsInputProps, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleProps, Tooltip, TooltipArrow, TooltipContent, TooltipContentProps, TooltipProvider, TooltipTrigger, aspectRatioVariants, badgeVariants, buttonVariants, cn, collapsibleContentVariants, collapsibleTriggerVariants, badgeVariants as moonUIBadgeVariants, buttonVariants as moonUIButtonVariants, createSortableHeader as moonUICreateSortableHeader, skeletonVariants as moonUISkeletonVariants, toggleVariants as moonUIToggleVariants, popoverContentVariants, progressVariants, separatorVariants, skeletonVariants, toast, toggleVariants, tooltipVariants, useToast };
|