@moontra/moonui 2.3.5 → 2.3.8
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 +18 -77
- package/dist/index.d.ts +18 -77
- package/dist/index.global.js +29 -69
- package/dist/index.global.js.map +1 -1
- package/dist/index.js +838 -1083
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +837 -1080
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/ui/badge.tsx +14 -2
- package/src/components/ui/data-table-basic.tsx +261 -0
- package/src/components/ui/index.ts +4 -3
- 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';
|
|
@@ -111,6 +111,8 @@ interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, Omit<VariantP
|
|
|
111
111
|
leftIcon?: React.ReactNode;
|
|
112
112
|
rightIcon?: React.ReactNode;
|
|
113
113
|
variant?: 'primary' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'ghost' | 'pro' | 'admin';
|
|
114
|
+
/** Disable automatic spacing between badges */
|
|
115
|
+
noAutoSpacing?: boolean;
|
|
114
116
|
}
|
|
115
117
|
/**
|
|
116
118
|
* Premium Badge Component
|
|
@@ -125,8 +127,9 @@ interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, Omit<VariantP
|
|
|
125
127
|
* @param props.onRemove - Kaldırma işlevi
|
|
126
128
|
* @param props.leftIcon - Badge'in solunda görüntülenecek ikon
|
|
127
129
|
* @param props.rightIcon - Badge'in sağında görüntülenecek ikon
|
|
130
|
+
* @param props.noAutoSpacing - Otomatik spacing'i devre dışı bırak
|
|
128
131
|
*/
|
|
129
|
-
declare function Badge({ className, variant, size, radius, withDot, dotColor, removable, onRemove, leftIcon, rightIcon, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
132
|
+
declare function Badge({ className, variant, size, radius, withDot, dotColor, removable, onRemove, leftIcon, rightIcon, noAutoSpacing, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
130
133
|
|
|
131
134
|
declare const breadcrumbVariants: (props?: {
|
|
132
135
|
variant?: "default" | "ghost" | "muted";
|
|
@@ -517,17 +520,12 @@ declare const CommandShortcut: {
|
|
|
517
520
|
};
|
|
518
521
|
|
|
519
522
|
/**
|
|
520
|
-
*
|
|
523
|
+
* Basic DataTable Component
|
|
521
524
|
*
|
|
522
|
-
* A
|
|
523
|
-
*
|
|
525
|
+
* A simple data table with sorting, filtering, and pagination.
|
|
526
|
+
* For advanced features, upgrade to MoonUI Pro.
|
|
524
527
|
*/
|
|
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> {
|
|
528
|
+
interface DataTableBasicProps<TData, TValue> {
|
|
531
529
|
/**
|
|
532
530
|
* The table columns definition
|
|
533
531
|
*/
|
|
@@ -536,97 +534,40 @@ interface DataTableProps<TData, TValue> extends VariantProps<typeof dataTableVar
|
|
|
536
534
|
* The data to display
|
|
537
535
|
*/
|
|
538
536
|
data: TData[];
|
|
539
|
-
/**
|
|
540
|
-
* Enable/disable filtering
|
|
541
|
-
*/
|
|
542
|
-
enableFiltering?: boolean;
|
|
543
537
|
/**
|
|
544
538
|
* Enable/disable sorting
|
|
545
539
|
*/
|
|
546
540
|
enableSorting?: boolean;
|
|
547
|
-
/**
|
|
548
|
-
* Enable/disable column visibility toggle
|
|
549
|
-
*/
|
|
550
|
-
enableColumnVisibility?: boolean;
|
|
551
|
-
/**
|
|
552
|
-
* Enable/disable row selection
|
|
553
|
-
*/
|
|
554
|
-
enableRowSelection?: boolean;
|
|
555
541
|
/**
|
|
556
542
|
* Enable/disable pagination
|
|
557
543
|
*/
|
|
558
544
|
enablePagination?: boolean;
|
|
559
545
|
/**
|
|
560
|
-
*
|
|
546
|
+
* Enable/disable global search
|
|
561
547
|
*/
|
|
562
|
-
|
|
548
|
+
enableSearch?: boolean;
|
|
563
549
|
/**
|
|
564
550
|
* Default page size
|
|
565
551
|
*/
|
|
566
|
-
|
|
552
|
+
pageSize?: number;
|
|
567
553
|
/**
|
|
568
|
-
*
|
|
554
|
+
* Search placeholder text
|
|
569
555
|
*/
|
|
570
|
-
|
|
571
|
-
/**
|
|
572
|
-
* Filter column key
|
|
573
|
-
*/
|
|
574
|
-
filterColumn?: string;
|
|
575
|
-
/**
|
|
576
|
-
* Show loading state
|
|
577
|
-
*/
|
|
578
|
-
isLoading?: boolean;
|
|
556
|
+
searchPlaceholder?: string;
|
|
579
557
|
/**
|
|
580
558
|
* Empty state message
|
|
581
559
|
*/
|
|
582
560
|
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
561
|
/**
|
|
620
562
|
* Class name
|
|
621
563
|
*/
|
|
622
564
|
className?: string;
|
|
623
565
|
}
|
|
624
|
-
declare function
|
|
566
|
+
declare function DataTableBasic<TData, TValue>({ columns, data, enableSorting, enablePagination, enableSearch, pageSize, searchPlaceholder, emptyMessage, className, }: DataTableBasicProps<TData, TValue>): react_jsx_runtime.JSX.Element;
|
|
625
567
|
/**
|
|
626
|
-
*
|
|
568
|
+
* Simple sortable header helper
|
|
627
569
|
*/
|
|
628
570
|
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
571
|
|
|
631
572
|
interface CalendarProps {
|
|
632
573
|
mode?: "single" | "range" | "multiple";
|
|
@@ -1654,4 +1595,4 @@ declare const SimpleTooltip: React.ForwardRefExoticComponent<SimpleTooltipProps
|
|
|
1654
1595
|
|
|
1655
1596
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1656
1597
|
|
|
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,
|
|
1598
|
+
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';
|
|
@@ -111,6 +111,8 @@ interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, Omit<VariantP
|
|
|
111
111
|
leftIcon?: React.ReactNode;
|
|
112
112
|
rightIcon?: React.ReactNode;
|
|
113
113
|
variant?: 'primary' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'ghost' | 'pro' | 'admin';
|
|
114
|
+
/** Disable automatic spacing between badges */
|
|
115
|
+
noAutoSpacing?: boolean;
|
|
114
116
|
}
|
|
115
117
|
/**
|
|
116
118
|
* Premium Badge Component
|
|
@@ -125,8 +127,9 @@ interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, Omit<VariantP
|
|
|
125
127
|
* @param props.onRemove - Kaldırma işlevi
|
|
126
128
|
* @param props.leftIcon - Badge'in solunda görüntülenecek ikon
|
|
127
129
|
* @param props.rightIcon - Badge'in sağında görüntülenecek ikon
|
|
130
|
+
* @param props.noAutoSpacing - Otomatik spacing'i devre dışı bırak
|
|
128
131
|
*/
|
|
129
|
-
declare function Badge({ className, variant, size, radius, withDot, dotColor, removable, onRemove, leftIcon, rightIcon, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
132
|
+
declare function Badge({ className, variant, size, radius, withDot, dotColor, removable, onRemove, leftIcon, rightIcon, noAutoSpacing, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
130
133
|
|
|
131
134
|
declare const breadcrumbVariants: (props?: {
|
|
132
135
|
variant?: "default" | "ghost" | "muted";
|
|
@@ -517,17 +520,12 @@ declare const CommandShortcut: {
|
|
|
517
520
|
};
|
|
518
521
|
|
|
519
522
|
/**
|
|
520
|
-
*
|
|
523
|
+
* Basic DataTable Component
|
|
521
524
|
*
|
|
522
|
-
* A
|
|
523
|
-
*
|
|
525
|
+
* A simple data table with sorting, filtering, and pagination.
|
|
526
|
+
* For advanced features, upgrade to MoonUI Pro.
|
|
524
527
|
*/
|
|
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> {
|
|
528
|
+
interface DataTableBasicProps<TData, TValue> {
|
|
531
529
|
/**
|
|
532
530
|
* The table columns definition
|
|
533
531
|
*/
|
|
@@ -536,97 +534,40 @@ interface DataTableProps<TData, TValue> extends VariantProps<typeof dataTableVar
|
|
|
536
534
|
* The data to display
|
|
537
535
|
*/
|
|
538
536
|
data: TData[];
|
|
539
|
-
/**
|
|
540
|
-
* Enable/disable filtering
|
|
541
|
-
*/
|
|
542
|
-
enableFiltering?: boolean;
|
|
543
537
|
/**
|
|
544
538
|
* Enable/disable sorting
|
|
545
539
|
*/
|
|
546
540
|
enableSorting?: boolean;
|
|
547
|
-
/**
|
|
548
|
-
* Enable/disable column visibility toggle
|
|
549
|
-
*/
|
|
550
|
-
enableColumnVisibility?: boolean;
|
|
551
|
-
/**
|
|
552
|
-
* Enable/disable row selection
|
|
553
|
-
*/
|
|
554
|
-
enableRowSelection?: boolean;
|
|
555
541
|
/**
|
|
556
542
|
* Enable/disable pagination
|
|
557
543
|
*/
|
|
558
544
|
enablePagination?: boolean;
|
|
559
545
|
/**
|
|
560
|
-
*
|
|
546
|
+
* Enable/disable global search
|
|
561
547
|
*/
|
|
562
|
-
|
|
548
|
+
enableSearch?: boolean;
|
|
563
549
|
/**
|
|
564
550
|
* Default page size
|
|
565
551
|
*/
|
|
566
|
-
|
|
552
|
+
pageSize?: number;
|
|
567
553
|
/**
|
|
568
|
-
*
|
|
554
|
+
* Search placeholder text
|
|
569
555
|
*/
|
|
570
|
-
|
|
571
|
-
/**
|
|
572
|
-
* Filter column key
|
|
573
|
-
*/
|
|
574
|
-
filterColumn?: string;
|
|
575
|
-
/**
|
|
576
|
-
* Show loading state
|
|
577
|
-
*/
|
|
578
|
-
isLoading?: boolean;
|
|
556
|
+
searchPlaceholder?: string;
|
|
579
557
|
/**
|
|
580
558
|
* Empty state message
|
|
581
559
|
*/
|
|
582
560
|
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
561
|
/**
|
|
620
562
|
* Class name
|
|
621
563
|
*/
|
|
622
564
|
className?: string;
|
|
623
565
|
}
|
|
624
|
-
declare function
|
|
566
|
+
declare function DataTableBasic<TData, TValue>({ columns, data, enableSorting, enablePagination, enableSearch, pageSize, searchPlaceholder, emptyMessage, className, }: DataTableBasicProps<TData, TValue>): react_jsx_runtime.JSX.Element;
|
|
625
567
|
/**
|
|
626
|
-
*
|
|
568
|
+
* Simple sortable header helper
|
|
627
569
|
*/
|
|
628
570
|
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
571
|
|
|
631
572
|
interface CalendarProps {
|
|
632
573
|
mode?: "single" | "range" | "multiple";
|
|
@@ -1654,4 +1595,4 @@ declare const SimpleTooltip: React.ForwardRefExoticComponent<SimpleTooltipProps
|
|
|
1654
1595
|
|
|
1655
1596
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1656
1597
|
|
|
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,
|
|
1598
|
+
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 };
|