fone-design-system_v2 1.0.77 → 1.0.78

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { MenuProps } from '@mui/material/Menu';
+export interface ContextMenuProps extends Omit<MenuProps, "open" | "onClose"> {
+    /** 컴포넌트의 스타일을 변경하거나 확장 */
+    classes?: Record<string, string>;
+    /** 리스트 내부에 포함될 콘텐츠 */
+    children?: React.ReactNode;
+    /** 메뉴 열림 여부 (제어형 사용 시) */
+    open?: boolean;
+    /** 메뉴 닫기 이벤트 핸들러 (제어형 사용 시) */
+    onClose?: () => void;
+    /** 우클릭 대상 엘리먼트 (비제어형 사용 시) */
+    target?: React.ReactElement;
+    /** 데이터 기반 렌더링 항목들 (제공 시 children 대신 사용) */
+    items?: ContextMenuItem[];
+    /** 항목 클릭 시 모든 메뉴 닫기 (기본값: true) */
+    closeOnItemClick?: boolean;
+    /** 메뉴가 열려있는 동안 전역 우클릭(컨텍스트메뉴) 차단 (기본값: true) */
+    suppressContextMenuWhileOpen?: boolean;
+}
+export type ContextMenuItem = {
+    id: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    onClick?: (event: React.MouseEvent) => void;
+    items?: ContextMenuItem[];
+    /** 구분선 표시 여부 (간단 구현: 상단에 구분선 여백 처리) */
+    dividerBefore?: boolean;
+};
+export declare const ContextMenu: {
+    (props: ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/ContextMenu/index.d.ts

@@ -0,0 +1,2 @@
+import { ContextMenu, ContextMenuItem, ContextMenuProps } from './ContextMenu';
+export { ContextMenu, ContextMenuProps, ContextMenuItem };

package/dist/components/TreeView2/TreeView2.d.ts

@@ -4,10 +4,12 @@ import { RichTreeViewProps } from '@mui/x-tree-view/RichTreeView';
 export interface TreeView2Props extends RichTreeViewProps<TreeViewBaseItem, boolean> {
     /** 외부 스타일 커스터마이징용 class */
     className?: string;
-    /** 트리 상단 타이틀 텍스트 */
-    title?: string;
     /** 렌더링할 최상위 트리 데이터 */
     items: TreeViewBaseItem[];
+    /** 행 hover 시 배경 하이라이트 표시 여부 @default true */
+    hoverHighlight?: boolean;
+    /** 노드 open 토글을 외부에서 제어하고 싶을 때 호출됩니다. 제공되면 내부에서는 open 상태를 변경하지 않습니다. */
+    onToggleOpen?: (id: string, nextOpen: boolean) => void;
     /** 아이템 비활성 조건 함수(비활성 시 클릭/체크 방지) */
     isItemDisabled?: (item: TreeViewBaseItem) => boolean;
     /** 체크박스 선택 기능 사용 여부 @default false*/
@@ -30,15 +32,8 @@ export interface TreeView2Props extends RichTreeViewProps<TreeViewBaseItem, bool
      *  - function: (item, parentId)로 신규 행 생성 로직 위임
      *    item: menuLvSeq 포함한 노드 정보
      */
-    onAddRow?: boolean | ((item: TreeViewBaseItem & {
-        menuLvSeq: string;
-    }, parentId: string) => void);
     /** 행 삭제 콜백(실제 데이터 삭제는 부모에서 처리) */
-    onDeleteRow?: (item: TreeViewBaseItem & {
-        menuLvSeq: string;
-    }) => void;
     /** 저장 버튼 클릭/인라인 생성 완료 등 저장 트리거 콜백 */
-    onSave?: () => void;
     /** 프리뷰 바에 표시할 텍스트(옵션) */
     previewText?: string;
     /** 초기 전체 펼침 여부(true면 모든 브랜치 펼침) */
@@ -60,6 +55,12 @@ export interface TreeView2Props extends RichTreeViewProps<TreeViewBaseItem, bool
     tableData?: {
         id: string;
     }[];
+    /** DnD 재정렬 모드 활성화 (같은 레벨/같은 그룹 내에서만 이동) */
+    reorderMode?: boolean;
+    /** 몇 레벨부터 드래그 가능하게 할지 (기본값: 1, 루트 레벨) */
+    draggableFromLevel?: number;
+    /** 재정렬 결과가 확정될 때 호출되는 콜백 (최상위 items 전체를 반환) */
+    onReorder?: (nextItems: TreeViewBaseItem[]) => void;
 }
-declare const TreeView2: ({ className, items, title, isItemDisabled, checkboxSelection, multiSelect, onItemSelectionToggle, onItemClick, onItemDoubleClick, onAddRow, onDeleteRow, onSave, previewText, defaultExpanded, isLoading, maxLevel, minLevel, scrollTo, editItems, tableData, }: TreeView2Props) => import("react/jsx-runtime").JSX.Element;
+declare const TreeView2: ({ className, items, hoverHighlight, onToggleOpen, isItemDisabled, checkboxSelection, multiSelect, reorderMode, draggableFromLevel, onItemSelectionToggle, onItemClick, onItemDoubleClick, defaultExpanded, isLoading, scrollTo, editItems, previewText, onReorder, }: TreeView2Props) => import("react/jsx-runtime").JSX.Element;
 export default TreeView2;