@levelcaptech/gantt-task-react-custom 0.1.0 → 0.4.2

package/dist/test/calendar-helper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/overlay-editor.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/test/split-handle.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/test/task-helper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/task-list-commit.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/test/task-list-editing.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/test/task-list-table-editing.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/test/task-model.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/types/public-types.d.ts

@@ -1,4 +1,24 @@
 /// <reference types="react" />
+import { TaskProcessOption, TaskStatusOption } from "../constants/taskOptions";
+export declare type TaskProcess = TaskProcessOption;
+export declare type TaskStatus = TaskStatusOption;
+export declare type EffortUnit = "MH" | "MD" | "MM";
+export declare type VisibleField = "name" | "start" | "end" | "process" | "assignee" | "plannedStart" | "plannedEnd" | "plannedEffort" | "actualEffort" | "status";
+export declare type CellCommitTrigger = "enter";
+export declare type CellCommitPayload = {
+    rowId: string;
+    columnId: VisibleField;
+    value: string;
+    trigger: CellCommitTrigger;
+};
+export declare type ColumnState = {
+    id: VisibleField;
+    label: string;
+    width: number;
+    minWidth: number;
+    visible: boolean;
+};
+export declare type ColumnsState = ColumnState[];
 export declare enum ViewMode {
     Hour = "Hour",
     QuarterDay = "Quarter Day",
@@ -32,6 +52,13 @@ export interface Task {
     dependencies?: string[];
     hideChildren?: boolean;
     displayOrder?: number;
+    process?: TaskProcess;
+    assignee?: string;
+    plannedStart?: Date;
+    plannedEnd?: Date;
+    plannedEffort?: number;
+    actualEffort?: number;
+    status?: TaskStatus;
 }
 export interface EventOption {
     /**
@@ -66,6 +93,53 @@ export interface EventOption {
      * Invokes on expander on task list
      */
     onExpanderClick?: (task: Task) => void;
+    /**
+     * Invokes when task list fields are updated (process, status, planned dates, assignee, effort).
+     */
+    onTaskUpdate?: (taskId: string, updatedFields: Partial<Task>) => void;
+    /**
+     * Invokes when a task list cell edit is committed.
+     * Notification only; the library does not update tasks or UI.
+     * Host must validate/persist, update tasks, and pass new props for rerender.
+     */
+    onCellCommit?: (payload: CellCommitPayload) => Promise<void>;
+}
+export interface CalendarConfig {
+    /**
+     * Locale for date formatting. Defaults to "ja" for Japanese.
+     */
+    locale?: string;
+    /**
+     * Date format identifier. Currently supports "MM/dd(EEE)" for Japanese calendar display.
+     * This is a legacy identifier and not interpreted as a date-fns format string.
+     */
+    dateFormat?: string;
+    /**
+     * Enable Japanese holidays as non-working days. Defaults to true.
+     */
+    enableJPHoliday?: boolean;
+    /**
+     * Highlight non-working days with gray background. Defaults to true.
+     */
+    highlightNonWorkingDays?: boolean;
+    /**
+     * Treat Saturday as a working day. Defaults to false.
+     */
+    workOnSaturday?: boolean;
+    /**
+     * Additional holidays in ISO-like date string format.
+     * Year must be 4 digits; month and day may be 1–2 digits and are zero-padded internally
+     * (e.g. "2024-1-5" is normalized to "2024-01-05").
+     * These dates will be treated as non-working days.
+     */
+    extraHolidays?: string[];
+    /**
+     * Special working days in ISO-like date string format.
+     * Year must be 4 digits; month and day may be 1–2 digits and are zero-padded internally
+     * (e.g. "2024-1-5" is normalized to "2024-01-05").
+     * These dates override weekends, holidays, and extraHolidays.
+     */
+    extraWorkingDays?: string[];
 }
 export interface DisplayOption {
     viewMode?: ViewMode;
@@ -76,6 +150,12 @@ export interface DisplayOption {
      */
     locale?: string;
     rtl?: boolean;
+    /**
+     * Calendar configuration for working day calculation and date display.
+     * If not specified, no calendar customization is applied and
+     * Japanese holiday/highlight features remain disabled (opt-in behavior).
+     */
+    calendar?: CalendarConfig;
 }
 export interface StylingOption {
     headerHeight?: number;
@@ -105,23 +185,31 @@ export interface StylingOption {
     arrowColor?: string;
     arrowIndent?: number;
     todayColor?: string;
+    visibleFields?: VisibleField[];
+    effortDisplayUnit?: EffortUnit;
+    enableColumnDrag?: boolean;
     TooltipContent?: React.FC<{
         task: Task;
         fontSize: string;
         fontFamily: string;
+        effortDisplayUnit?: EffortUnit;
     }>;
     TaskListHeader?: React.FC<{
         headerHeight: number;
         rowWidth: string;
         fontFamily: string;
         fontSize: string;
+        visibleFields: VisibleField[];
+        columnsState?: ColumnsState;
+        setColumnsState?: React.Dispatch<React.SetStateAction<ColumnsState>>;
+        enableColumnDrag?: boolean;
     }>;
     TaskListTable?: React.FC<{
         rowHeight: number;
         rowWidth: string;
         fontFamily: string;
         fontSize: string;
-        locale: string;
+        locale?: string;
         tasks: Task[];
         selectedTaskId: string;
         /**
@@ -129,6 +217,10 @@ export interface StylingOption {
          */
         setSelectedTask: (taskId: string) => void;
         onExpanderClick: (task: Task) => void;
+        visibleFields: VisibleField[];
+        onUpdateTask?: (taskId: string, updatedFields: Partial<Task>) => void;
+        effortDisplayUnit: EffortUnit;
+        columnsState?: ColumnsState;
     }>;
 }
 export interface GanttProps extends EventOption, DisplayOption, StylingOption {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levelcaptech/gantt-task-react-custom",
-  "version": "0.1.0",
+  "version": "0.4.2",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "LevelCapTech <levelcaptech@gmail.com>",
   "homepage": "https://github.com/LevelCapTech/gantt-task-react-custom",
@@ -27,9 +27,19 @@
     "react-gantt",
     "task"
   ],
+  "microbundle": {
+    "external": [
+      "react",
+      "react-dom",
+      "react/jsx-runtime",
+      "react/jsx-dev-runtime",
+      "@dnd-kit/core",
+      "@dnd-kit/utilities"
+    ]
+  },
   "scripts": {
-    "build": "microbundle-crl --no-compress --format modern,cjs",
-    "start": "microbundle-crl watch --no-compress --format modern,cjs",
+    "build": "microbundle-crl --no-compress --format modern,cjs --tsconfig tsconfig.build.json",
+    "start": "microbundle-crl watch --no-compress --format modern,cjs --tsconfig tsconfig.build.json",
     "prepare": "run-s build",
     "test": "run-s test:unit test:lint test:build",
     "test:build": "run-s build",
@@ -40,12 +50,21 @@
     "deploy": "gh-pages -d example/build"
   },
   "peerDependencies": {
-    "react": "^18.0.0"
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^7.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "devDependencies": {
+    "@babel/plugin-proposal-unicode-property-regex": "^7.18.6",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^7.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.3.0",
     "@testing-library/user-event": "^14.2.1",
+    "@types/classnames": "^2.3.0",
     "@types/jest": "^27.5.1",
     "@types/node": "^15.0.1",
     "@types/react": "^18.0.5",
@@ -59,8 +78,6 @@
     "postcss-normalize": "^10.0.1",
     "postcss-preset-env": "^7.6.0",
     "prettier": "^2.7.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
     "typescript": "^4.7.4"
   },