Task와 작업 타입

import type {
  DependencyType,
  Task,
  TaskDependency,
  TaskTransformed,
} from '@jaeungkim/gantt-chart';

export type DependencyType = 'FS' | 'SS' | 'FF' | 'SF';

export interface TaskDependency {
  /** 선행 작업의 id - 작업의 `dependencies`는 그 작업이 기다리는 작업들이에요 */
  targetId: string;
  type: DependencyType;
}

export interface Task {
  id: string;
  name: string;
  startDate: string;
  endDate: string;
  parentId: string | null;
  sequence: string;
  /** 진행률 0-100 (%) - 생략하면 진행률을 표시하지 않아요 */
  progress?: number;
  /** 막대 색 (CSS 색상이면 무엇이든) - 진행률 채움과 hover 음영을 여기서 뽑아내요. 생략하면 `--gantt-*` 토큰이 결정해요 */
  color?: string;
  /** 이 작업의 막대와 작업 목록 행에 함께 붙는 추가 클래스 이름 */
  className?: string;
  /** 이 작업이 행을 공유하는 레인 - 같은 레인끼리는 나란히 그리고, 겹치면 추가 행에 쌓여요 */
  lane?: string;
  dependencies?: TaskDependency[];
  /** 이 작업의 모든 제스처를 막아요 - 차트의 `readOnly` prop보다 우선해요 */
  readOnly?: boolean;
  /** 이 작업의 이동을 허용/차단해요 - 양쪽 `readOnly` 설정보다 우선해요 */
  allowMove?: boolean;
  /** 이 작업의 크기 조절을 허용/차단해요 - 양쪽 `readOnly` 설정보다 우선해요 */
  allowResize?: boolean;
  /** 이 작업의 진행률 핸들 드래그를 허용/차단해요 - 양쪽 `readOnly` 설정보다 우선해요 */
  allowProgressChange?: boolean;
  /** 이 작업에서 의존성 드래그를 시작하는 것을 허용/차단해요 - 양쪽 `readOnly` 설정보다 우선해요 */
  allowLinkCreate?: boolean;
  /** 이 작업이 가진 의존성을 지우는 것을 허용/차단해요 - 양쪽 `readOnly` 설정보다 우선해요 */
  allowLinkDelete?: boolean;
  /** 이 행을 다른 자리나 다른 부모로 끄는 것을 허용/차단해요 - opt-in이라, 이 값이나 차트의 `allowReorder`가 켜 주기 전까지 꺼져 있어요 */
  allowReorder?: boolean;
  /** 이 작업을 드래그할 수 있는 가장 이른 날짜 (ISO 문자열) - 차트의 `minDate`보다 우선해요 */
  minDate?: string;
  /** 이 작업을 드래그할 수 있는 가장 늦은 날짜 (ISO 문자열) - 차트의 `maxDate`보다 우선해요 */
  maxDate?: string;
}

export interface TaskTransformed extends Task {
  barLeft: number;
  barWidth: number;
  depth: number;
  order: number;
  originalOrder: number;
  /** 자식이 있는 행 - 날짜를 자식에서 롤업해서, 크기 조절과 진행률 편집이 꺼지고 드래그하면 하위 트리가 움직여요. */
  isSummary?: boolean;
  dependencies?: TaskDependency[];
}