@mondrianai/runyourai-design-system 0.0.5 → 0.0.7
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 +33 -14
- package/dist/index.d.ts +33 -14
- package/dist/index.js +552 -470
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +503 -422
- package/dist/index.mjs.map +1 -1
- package/dist/styles/index.css +55 -27
- package/dist/styles/index.css.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -5,7 +5,7 @@ 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
7
|
import * as _radix_ui_react_context from '@radix-ui/react-context';
|
|
8
|
-
import {
|
|
8
|
+
import { RowSelectionState, OnChangeFn, SortingState } from '@tanstack/react-table';
|
|
9
9
|
export { OnChangeFn, PaginationState, RowSelectionState, SortingState } from '@tanstack/react-table';
|
|
10
10
|
|
|
11
11
|
declare const Accordion: React$1.ForwardRefExoticComponent<(Accordion$1.AccordionSingleProps | Accordion$1.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -475,6 +475,13 @@ interface ModalProps {
|
|
|
475
475
|
* ex) trigger={(open) => <Button onClick={open}>열기</Button>}
|
|
476
476
|
*/
|
|
477
477
|
trigger?: (open: () => void) => React$1.ReactNode;
|
|
478
|
+
/**
|
|
479
|
+
* controlled 모드: 외부에서 열림 상태를 직접 제어.
|
|
480
|
+
* onOpenChange와 함께 사용.
|
|
481
|
+
*/
|
|
482
|
+
open?: boolean;
|
|
483
|
+
/** controlled 모드에서 열림 상태 변경 콜백 */
|
|
484
|
+
onOpenChange?: (open: boolean) => void;
|
|
478
485
|
/**
|
|
479
486
|
* footer 버튼 렌더 방식
|
|
480
487
|
* confirm — 취소 + default(검정) 확인 버튼
|
|
@@ -510,7 +517,7 @@ interface ModalProps {
|
|
|
510
517
|
/** 모달 패널에 추가할 className */
|
|
511
518
|
className?: string;
|
|
512
519
|
}
|
|
513
|
-
declare function Modal({ id, trigger, variant, title, description, showCloseButton, children, cancelLabel, confirmLabel, onConfirm, onCancel, confirmDisabled, closeOnOverlayClick, className, isLoading, }: ModalProps): react_jsx_runtime.JSX.Element;
|
|
520
|
+
declare function Modal({ id, trigger, open: openProp, onOpenChange, variant, title, description, showCloseButton, children, cancelLabel, confirmLabel, onConfirm, onCancel, confirmDisabled, closeOnOverlayClick, className, isLoading, }: ModalProps): react_jsx_runtime.JSX.Element;
|
|
514
521
|
|
|
515
522
|
declare const Menubar: React$1.ForwardRefExoticComponent<Omit<Menubar$1.MenubarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
516
523
|
declare const MenubarMenu: {
|
|
@@ -635,6 +642,7 @@ type SidebarSubMenuItem = {
|
|
|
635
642
|
isActive?: boolean;
|
|
636
643
|
titleBadge?: string | number;
|
|
637
644
|
onClick?: () => void;
|
|
645
|
+
isExternal?: boolean;
|
|
638
646
|
};
|
|
639
647
|
type SidebarMainMenuItem = {
|
|
640
648
|
id: string;
|
|
@@ -679,6 +687,13 @@ declare function Sidebar({ logo, menus, avatar, utilities, panelTopContent, pane
|
|
|
679
687
|
LinkComponent: SidebarLinkComponent;
|
|
680
688
|
}): react_jsx_runtime.JSX.Element;
|
|
681
689
|
|
|
690
|
+
declare const skeletonVariants: (props?: ({
|
|
691
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
692
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
693
|
+
interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
|
|
694
|
+
}
|
|
695
|
+
declare function Skeleton({ className, size, style, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
|
|
696
|
+
|
|
682
697
|
declare const Slider: React$1.ForwardRefExoticComponent<Omit<Slider$1.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
683
698
|
|
|
684
699
|
interface StepperStep {
|
|
@@ -748,13 +763,12 @@ interface TableColumn<T> {
|
|
|
748
763
|
ellipsisTooltip?: (row: T) => React$1.ReactNode;
|
|
749
764
|
cell: (row: T) => React$1.ReactNode;
|
|
750
765
|
}
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
*/
|
|
756
|
-
|
|
757
|
-
onPaginationChange?: OnChangeFn<PaginationState>;
|
|
766
|
+
interface TablePaginationConfig {
|
|
767
|
+
pageSize?: number;
|
|
768
|
+
/** 현재 페이지 번호 (1-based). 외부에서 제어할 때 전달. */
|
|
769
|
+
currentPage?: number;
|
|
770
|
+
/** 페이지 변경 콜백 (1-based page). */
|
|
771
|
+
onPageChange?: (page: number) => void;
|
|
758
772
|
/** 서버사이드 페이지네이션 시 true로 설정 */
|
|
759
773
|
manualPagination?: boolean;
|
|
760
774
|
/** manualPagination=true 일 때 전체 페이지 수 */
|
|
@@ -778,7 +792,7 @@ interface TableProps<T> {
|
|
|
778
792
|
rowKey: keyof T | ((row: T) => string);
|
|
779
793
|
/**
|
|
780
794
|
* 페이지네이션 설정. 미전달 시 페이지네이션 비활성화.
|
|
781
|
-
* TanStack
|
|
795
|
+
* 외부 API는 1-based page를 사용하고, TanStack의 0-based pageIndex는 내부에서 변환한다.
|
|
782
796
|
*/
|
|
783
797
|
pagination?: TablePaginationConfig;
|
|
784
798
|
/**
|
|
@@ -802,6 +816,11 @@ interface TableProps<T> {
|
|
|
802
816
|
rowActions?: (row: T) => React$1.ReactNode;
|
|
803
817
|
/** 행 클릭 핸들러. enableRowSelection=true(편집 모드)일 때는 동작하지 않음. */
|
|
804
818
|
onRowClick?: (row: T) => void;
|
|
819
|
+
/**
|
|
820
|
+
* 정렬 상태 변경 콜백. 서버사이드 정렬 연동에 사용.
|
|
821
|
+
* 빈 배열(정렬 해제)은 전달되지 않으므로 항상 최소 1개 항목 보장.
|
|
822
|
+
*/
|
|
823
|
+
onSortingChange?: (sorting: SortingState) => void;
|
|
805
824
|
className?: string;
|
|
806
825
|
}
|
|
807
826
|
declare function SortIcon({ direction }: {
|
|
@@ -814,7 +833,7 @@ interface PaginationProps {
|
|
|
814
833
|
className?: string;
|
|
815
834
|
}
|
|
816
835
|
declare function Pagination({ currentPage, totalPages, onPageChange, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
|
|
817
|
-
declare function Table<T>({ columns, data, rowKey, pagination, defaultSorting, loading, enableRowSelection, rowSelection: rowSelectionProp, onRowSelectionChange, rowActions, onRowClick, className, }: TableProps<T>): react_jsx_runtime.JSX.Element;
|
|
836
|
+
declare function Table<T>({ columns, data, rowKey, pagination, defaultSorting, loading, enableRowSelection, rowSelection: rowSelectionProp, onRowSelectionChange, rowActions, onRowClick, onSortingChange, className, }: TableProps<T>): react_jsx_runtime.JSX.Element;
|
|
818
837
|
|
|
819
838
|
declare const TooltipProvider: React$1.FC<Tooltip$1.TooltipProviderProps>;
|
|
820
839
|
interface TooltipProps extends Pick<React$1.ComponentPropsWithoutRef<typeof Tooltip$1.Root>, 'open' | 'defaultOpen' | 'onOpenChange' | 'delayDuration'>, Omit<React$1.ComponentPropsWithoutRef<typeof Tooltip$1.Content>, 'children' | 'content'> {
|
|
@@ -1343,9 +1362,9 @@ interface TrashIconProps {
|
|
|
1343
1362
|
className?: string;
|
|
1344
1363
|
}
|
|
1345
1364
|
/**
|
|
1346
|
-
* Trash icon — SVG downloaded directly from Figma design system.
|
|
1365
|
+
* Trash-2 icon — SVG downloaded directly from Figma design system.
|
|
1347
1366
|
* Uses stroke="currentColor" for CSS color control.
|
|
1348
|
-
* Source: figma.com/design/bNKDIZZAm8ByouCPBnlEye node 128:
|
|
1367
|
+
* Source: figma.com/design/bNKDIZZAm8ByouCPBnlEye node 128:2738 (lucide/trash-2)
|
|
1349
1368
|
*/
|
|
1350
1369
|
declare function TrashIcon({ className }: TrashIconProps): react_jsx_runtime.JSX.Element;
|
|
1351
1370
|
|
|
@@ -1361,4 +1380,4 @@ declare function WordFileIcon({ className }: {
|
|
|
1361
1380
|
className?: string;
|
|
1362
1381
|
}): react_jsx_runtime.JSX.Element;
|
|
1363
1382
|
|
|
1364
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentBlogIcon, AgentCsIcon, AgentDataIcon, AgentHrIcon, AgentMailIcon, AgentTrendIcon, AiAgentIcon, AiBuilderIcon, AiCloudIcon, AiDatacenterIcon, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlignJustifyIcon, AlignLeftIcon, ArrowDownIcon, type AvailabilityStatus, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarProps, type AvatarSize, BADGE_VARIANT_STYLES, Badge, type BadgeProps, type BadgeVariant, BlockquoteIcon, BoldIcon, BookOpenIcon, BookUpIcon, Breadcrumb, Button, type ButtonProps, Card, type CardProps, type CardSpec, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleHelpIcon, CircleIndicator, type CircleIndicatorProps, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, CreditIcon, DataSection, type DataSectionProps, DeepSeekIcon, DownloadIcon, Drawer, type DrawerProps, DriveIcon, Empty, EmptyTrayIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FileTypeCornerIcon, FolderAmberIcon, FolderBlueIcon, FolderClosedIcon, FolderGreenIcon, FolderVioletIcon, GeminiIcon, GoogleIcon, GroupedSelect, HangulFileIcon, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, HtmlFileIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, ItalicIcon, KbCard, type KbCardMetadataItem, type KbCardProps, KeyRoundIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, type MachineType, MarkdownFileIcon, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, Modal, type ModalProps, type ModelGroup, type ModelItem, MyPageIcon, type NavDropdownItem, type NotificationItem, NumberBadge, type NumberBadgeProps, OpenAiIcon, OutdentIcon, Pagination, PanelLeftIcon, PdfFileIcon, PenLineIcon, PencilLineIcon, PresentationIcon, Providers, RefreshCwIcon, RyaiLogoIcon, SearchInput, type SearchInputProps, SegmentedControl, Select, type SelectGroup, type SelectOption, type SelectProps, Sheet, SheetFileIcon, ShoppingBagIcon, Sidebar, SidebarLink, type SidebarMainMenuItem, type SidebarSubMenuItem, type SidebarUtilityItem, SlideFileIcon, Slider, SmileIcon, type SortDirection, SortIcon, SparklesIcon, SquareCheckIcon, SquareCheckOutlineIcon, StarIcon, Stepper, type StepperProps, type StepperStep, StrikethroughIcon, Switch, SwitchField, type SwitchFieldProps, Table, type TableColumn, type TablePaginationConfig, TablePropertiesIcon, type TableProps, type TableSortingItem, Tooltip, type TooltipProps, TooltipProvider, TooltipWithIcon, type TooltipWithIconProps, TrashIcon, UpstageIcon, type UserMenuSection, type UserMenuSectionItem, UserMessageBubble, WandSparklesIcon, WordFileIcon, buttonVariants };
|
|
1383
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentBlogIcon, AgentCsIcon, AgentDataIcon, AgentHrIcon, AgentMailIcon, AgentTrendIcon, AiAgentIcon, AiBuilderIcon, AiCloudIcon, AiDatacenterIcon, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlignJustifyIcon, AlignLeftIcon, ArrowDownIcon, type AvailabilityStatus, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarProps, type AvatarSize, BADGE_VARIANT_STYLES, Badge, type BadgeProps, type BadgeVariant, BlockquoteIcon, BoldIcon, BookOpenIcon, BookUpIcon, Breadcrumb, Button, type ButtonProps, Card, type CardProps, type CardSpec, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleHelpIcon, CircleIndicator, type CircleIndicatorProps, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, CreditIcon, DataSection, type DataSectionProps, DeepSeekIcon, DownloadIcon, Drawer, type DrawerProps, DriveIcon, Empty, EmptyTrayIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FileTypeCornerIcon, FolderAmberIcon, FolderBlueIcon, FolderClosedIcon, FolderGreenIcon, FolderVioletIcon, GeminiIcon, GoogleIcon, GroupedSelect, HangulFileIcon, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, HtmlFileIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, ItalicIcon, KbCard, type KbCardMetadataItem, type KbCardProps, KeyRoundIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, type MachineType, MarkdownFileIcon, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, Modal, type ModalProps, type ModelGroup, type ModelItem, MyPageIcon, type NavDropdownItem, type NotificationItem, NumberBadge, type NumberBadgeProps, OpenAiIcon, OutdentIcon, Pagination, PanelLeftIcon, PdfFileIcon, PenLineIcon, PencilLineIcon, PresentationIcon, Providers, RefreshCwIcon, RyaiLogoIcon, SearchInput, type SearchInputProps, SegmentedControl, Select, type SelectGroup, type SelectOption, type SelectProps, Sheet, SheetFileIcon, ShoppingBagIcon, Sidebar, SidebarLink, type SidebarMainMenuItem, type SidebarSubMenuItem, type SidebarUtilityItem, Skeleton, type SkeletonProps, SlideFileIcon, Slider, SmileIcon, type SortDirection, SortIcon, SparklesIcon, SquareCheckIcon, SquareCheckOutlineIcon, StarIcon, Stepper, type StepperProps, type StepperStep, StrikethroughIcon, Switch, SwitchField, type SwitchFieldProps, Table, type TableColumn, type TablePaginationConfig, TablePropertiesIcon, type TableProps, type TableSortingItem, Tooltip, type TooltipProps, TooltipProvider, TooltipWithIcon, type TooltipWithIconProps, TrashIcon, UpstageIcon, type UserMenuSection, type UserMenuSectionItem, UserMessageBubble, WandSparklesIcon, WordFileIcon, buttonVariants };
|
package/dist/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ 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
7
|
import * as _radix_ui_react_context from '@radix-ui/react-context';
|
|
8
|
-
import {
|
|
8
|
+
import { RowSelectionState, OnChangeFn, SortingState } from '@tanstack/react-table';
|
|
9
9
|
export { OnChangeFn, PaginationState, RowSelectionState, SortingState } from '@tanstack/react-table';
|
|
10
10
|
|
|
11
11
|
declare const Accordion: React$1.ForwardRefExoticComponent<(Accordion$1.AccordionSingleProps | Accordion$1.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -475,6 +475,13 @@ interface ModalProps {
|
|
|
475
475
|
* ex) trigger={(open) => <Button onClick={open}>열기</Button>}
|
|
476
476
|
*/
|
|
477
477
|
trigger?: (open: () => void) => React$1.ReactNode;
|
|
478
|
+
/**
|
|
479
|
+
* controlled 모드: 외부에서 열림 상태를 직접 제어.
|
|
480
|
+
* onOpenChange와 함께 사용.
|
|
481
|
+
*/
|
|
482
|
+
open?: boolean;
|
|
483
|
+
/** controlled 모드에서 열림 상태 변경 콜백 */
|
|
484
|
+
onOpenChange?: (open: boolean) => void;
|
|
478
485
|
/**
|
|
479
486
|
* footer 버튼 렌더 방식
|
|
480
487
|
* confirm — 취소 + default(검정) 확인 버튼
|
|
@@ -510,7 +517,7 @@ interface ModalProps {
|
|
|
510
517
|
/** 모달 패널에 추가할 className */
|
|
511
518
|
className?: string;
|
|
512
519
|
}
|
|
513
|
-
declare function Modal({ id, trigger, variant, title, description, showCloseButton, children, cancelLabel, confirmLabel, onConfirm, onCancel, confirmDisabled, closeOnOverlayClick, className, isLoading, }: ModalProps): react_jsx_runtime.JSX.Element;
|
|
520
|
+
declare function Modal({ id, trigger, open: openProp, onOpenChange, variant, title, description, showCloseButton, children, cancelLabel, confirmLabel, onConfirm, onCancel, confirmDisabled, closeOnOverlayClick, className, isLoading, }: ModalProps): react_jsx_runtime.JSX.Element;
|
|
514
521
|
|
|
515
522
|
declare const Menubar: React$1.ForwardRefExoticComponent<Omit<Menubar$1.MenubarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
516
523
|
declare const MenubarMenu: {
|
|
@@ -635,6 +642,7 @@ type SidebarSubMenuItem = {
|
|
|
635
642
|
isActive?: boolean;
|
|
636
643
|
titleBadge?: string | number;
|
|
637
644
|
onClick?: () => void;
|
|
645
|
+
isExternal?: boolean;
|
|
638
646
|
};
|
|
639
647
|
type SidebarMainMenuItem = {
|
|
640
648
|
id: string;
|
|
@@ -679,6 +687,13 @@ declare function Sidebar({ logo, menus, avatar, utilities, panelTopContent, pane
|
|
|
679
687
|
LinkComponent: SidebarLinkComponent;
|
|
680
688
|
}): react_jsx_runtime.JSX.Element;
|
|
681
689
|
|
|
690
|
+
declare const skeletonVariants: (props?: ({
|
|
691
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
692
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
693
|
+
interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
|
|
694
|
+
}
|
|
695
|
+
declare function Skeleton({ className, size, style, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
|
|
696
|
+
|
|
682
697
|
declare const Slider: React$1.ForwardRefExoticComponent<Omit<Slider$1.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
683
698
|
|
|
684
699
|
interface StepperStep {
|
|
@@ -748,13 +763,12 @@ interface TableColumn<T> {
|
|
|
748
763
|
ellipsisTooltip?: (row: T) => React$1.ReactNode;
|
|
749
764
|
cell: (row: T) => React$1.ReactNode;
|
|
750
765
|
}
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
*/
|
|
756
|
-
|
|
757
|
-
onPaginationChange?: OnChangeFn<PaginationState>;
|
|
766
|
+
interface TablePaginationConfig {
|
|
767
|
+
pageSize?: number;
|
|
768
|
+
/** 현재 페이지 번호 (1-based). 외부에서 제어할 때 전달. */
|
|
769
|
+
currentPage?: number;
|
|
770
|
+
/** 페이지 변경 콜백 (1-based page). */
|
|
771
|
+
onPageChange?: (page: number) => void;
|
|
758
772
|
/** 서버사이드 페이지네이션 시 true로 설정 */
|
|
759
773
|
manualPagination?: boolean;
|
|
760
774
|
/** manualPagination=true 일 때 전체 페이지 수 */
|
|
@@ -778,7 +792,7 @@ interface TableProps<T> {
|
|
|
778
792
|
rowKey: keyof T | ((row: T) => string);
|
|
779
793
|
/**
|
|
780
794
|
* 페이지네이션 설정. 미전달 시 페이지네이션 비활성화.
|
|
781
|
-
* TanStack
|
|
795
|
+
* 외부 API는 1-based page를 사용하고, TanStack의 0-based pageIndex는 내부에서 변환한다.
|
|
782
796
|
*/
|
|
783
797
|
pagination?: TablePaginationConfig;
|
|
784
798
|
/**
|
|
@@ -802,6 +816,11 @@ interface TableProps<T> {
|
|
|
802
816
|
rowActions?: (row: T) => React$1.ReactNode;
|
|
803
817
|
/** 행 클릭 핸들러. enableRowSelection=true(편집 모드)일 때는 동작하지 않음. */
|
|
804
818
|
onRowClick?: (row: T) => void;
|
|
819
|
+
/**
|
|
820
|
+
* 정렬 상태 변경 콜백. 서버사이드 정렬 연동에 사용.
|
|
821
|
+
* 빈 배열(정렬 해제)은 전달되지 않으므로 항상 최소 1개 항목 보장.
|
|
822
|
+
*/
|
|
823
|
+
onSortingChange?: (sorting: SortingState) => void;
|
|
805
824
|
className?: string;
|
|
806
825
|
}
|
|
807
826
|
declare function SortIcon({ direction }: {
|
|
@@ -814,7 +833,7 @@ interface PaginationProps {
|
|
|
814
833
|
className?: string;
|
|
815
834
|
}
|
|
816
835
|
declare function Pagination({ currentPage, totalPages, onPageChange, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
|
|
817
|
-
declare function Table<T>({ columns, data, rowKey, pagination, defaultSorting, loading, enableRowSelection, rowSelection: rowSelectionProp, onRowSelectionChange, rowActions, onRowClick, className, }: TableProps<T>): react_jsx_runtime.JSX.Element;
|
|
836
|
+
declare function Table<T>({ columns, data, rowKey, pagination, defaultSorting, loading, enableRowSelection, rowSelection: rowSelectionProp, onRowSelectionChange, rowActions, onRowClick, onSortingChange, className, }: TableProps<T>): react_jsx_runtime.JSX.Element;
|
|
818
837
|
|
|
819
838
|
declare const TooltipProvider: React$1.FC<Tooltip$1.TooltipProviderProps>;
|
|
820
839
|
interface TooltipProps extends Pick<React$1.ComponentPropsWithoutRef<typeof Tooltip$1.Root>, 'open' | 'defaultOpen' | 'onOpenChange' | 'delayDuration'>, Omit<React$1.ComponentPropsWithoutRef<typeof Tooltip$1.Content>, 'children' | 'content'> {
|
|
@@ -1343,9 +1362,9 @@ interface TrashIconProps {
|
|
|
1343
1362
|
className?: string;
|
|
1344
1363
|
}
|
|
1345
1364
|
/**
|
|
1346
|
-
* Trash icon — SVG downloaded directly from Figma design system.
|
|
1365
|
+
* Trash-2 icon — SVG downloaded directly from Figma design system.
|
|
1347
1366
|
* Uses stroke="currentColor" for CSS color control.
|
|
1348
|
-
* Source: figma.com/design/bNKDIZZAm8ByouCPBnlEye node 128:
|
|
1367
|
+
* Source: figma.com/design/bNKDIZZAm8ByouCPBnlEye node 128:2738 (lucide/trash-2)
|
|
1349
1368
|
*/
|
|
1350
1369
|
declare function TrashIcon({ className }: TrashIconProps): react_jsx_runtime.JSX.Element;
|
|
1351
1370
|
|
|
@@ -1361,4 +1380,4 @@ declare function WordFileIcon({ className }: {
|
|
|
1361
1380
|
className?: string;
|
|
1362
1381
|
}): react_jsx_runtime.JSX.Element;
|
|
1363
1382
|
|
|
1364
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentBlogIcon, AgentCsIcon, AgentDataIcon, AgentHrIcon, AgentMailIcon, AgentTrendIcon, AiAgentIcon, AiBuilderIcon, AiCloudIcon, AiDatacenterIcon, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlignJustifyIcon, AlignLeftIcon, ArrowDownIcon, type AvailabilityStatus, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarProps, type AvatarSize, BADGE_VARIANT_STYLES, Badge, type BadgeProps, type BadgeVariant, BlockquoteIcon, BoldIcon, BookOpenIcon, BookUpIcon, Breadcrumb, Button, type ButtonProps, Card, type CardProps, type CardSpec, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleHelpIcon, CircleIndicator, type CircleIndicatorProps, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, CreditIcon, DataSection, type DataSectionProps, DeepSeekIcon, DownloadIcon, Drawer, type DrawerProps, DriveIcon, Empty, EmptyTrayIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FileTypeCornerIcon, FolderAmberIcon, FolderBlueIcon, FolderClosedIcon, FolderGreenIcon, FolderVioletIcon, GeminiIcon, GoogleIcon, GroupedSelect, HangulFileIcon, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, HtmlFileIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, ItalicIcon, KbCard, type KbCardMetadataItem, type KbCardProps, KeyRoundIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, type MachineType, MarkdownFileIcon, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, Modal, type ModalProps, type ModelGroup, type ModelItem, MyPageIcon, type NavDropdownItem, type NotificationItem, NumberBadge, type NumberBadgeProps, OpenAiIcon, OutdentIcon, Pagination, PanelLeftIcon, PdfFileIcon, PenLineIcon, PencilLineIcon, PresentationIcon, Providers, RefreshCwIcon, RyaiLogoIcon, SearchInput, type SearchInputProps, SegmentedControl, Select, type SelectGroup, type SelectOption, type SelectProps, Sheet, SheetFileIcon, ShoppingBagIcon, Sidebar, SidebarLink, type SidebarMainMenuItem, type SidebarSubMenuItem, type SidebarUtilityItem, SlideFileIcon, Slider, SmileIcon, type SortDirection, SortIcon, SparklesIcon, SquareCheckIcon, SquareCheckOutlineIcon, StarIcon, Stepper, type StepperProps, type StepperStep, StrikethroughIcon, Switch, SwitchField, type SwitchFieldProps, Table, type TableColumn, type TablePaginationConfig, TablePropertiesIcon, type TableProps, type TableSortingItem, Tooltip, type TooltipProps, TooltipProvider, TooltipWithIcon, type TooltipWithIconProps, TrashIcon, UpstageIcon, type UserMenuSection, type UserMenuSectionItem, UserMessageBubble, WandSparklesIcon, WordFileIcon, buttonVariants };
|
|
1383
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentBlogIcon, AgentCsIcon, AgentDataIcon, AgentHrIcon, AgentMailIcon, AgentTrendIcon, AiAgentIcon, AiBuilderIcon, AiCloudIcon, AiDatacenterIcon, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlignJustifyIcon, AlignLeftIcon, ArrowDownIcon, type AvailabilityStatus, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarProps, type AvatarSize, BADGE_VARIANT_STYLES, Badge, type BadgeProps, type BadgeVariant, BlockquoteIcon, BoldIcon, BookOpenIcon, BookUpIcon, Breadcrumb, Button, type ButtonProps, Card, type CardProps, type CardSpec, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleHelpIcon, CircleIndicator, type CircleIndicatorProps, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, CreditIcon, DataSection, type DataSectionProps, DeepSeekIcon, DownloadIcon, Drawer, type DrawerProps, DriveIcon, Empty, EmptyTrayIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FileTypeCornerIcon, FolderAmberIcon, FolderBlueIcon, FolderClosedIcon, FolderGreenIcon, FolderVioletIcon, GeminiIcon, GoogleIcon, GroupedSelect, HangulFileIcon, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, HtmlFileIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, ItalicIcon, KbCard, type KbCardMetadataItem, type KbCardProps, KeyRoundIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, type MachineType, MarkdownFileIcon, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, Modal, type ModalProps, type ModelGroup, type ModelItem, MyPageIcon, type NavDropdownItem, type NotificationItem, NumberBadge, type NumberBadgeProps, OpenAiIcon, OutdentIcon, Pagination, PanelLeftIcon, PdfFileIcon, PenLineIcon, PencilLineIcon, PresentationIcon, Providers, RefreshCwIcon, RyaiLogoIcon, SearchInput, type SearchInputProps, SegmentedControl, Select, type SelectGroup, type SelectOption, type SelectProps, Sheet, SheetFileIcon, ShoppingBagIcon, Sidebar, SidebarLink, type SidebarMainMenuItem, type SidebarSubMenuItem, type SidebarUtilityItem, Skeleton, type SkeletonProps, SlideFileIcon, Slider, SmileIcon, type SortDirection, SortIcon, SparklesIcon, SquareCheckIcon, SquareCheckOutlineIcon, StarIcon, Stepper, type StepperProps, type StepperStep, StrikethroughIcon, Switch, SwitchField, type SwitchFieldProps, Table, type TableColumn, type TablePaginationConfig, TablePropertiesIcon, type TableProps, type TableSortingItem, Tooltip, type TooltipProps, TooltipProvider, TooltipWithIcon, type TooltipWithIconProps, TrashIcon, UpstageIcon, type UserMenuSection, type UserMenuSectionItem, UserMessageBubble, WandSparklesIcon, WordFileIcon, buttonVariants };
|