@ezraghzf/gantt-task-react 0.4.0

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

@@ -0,0 +1,147 @@
+/// <reference types="react" />
+export declare enum ViewMode {
+    Hour = "Hour",
+    QuarterDay = "Quarter Day",
+    HalfDay = "Half Day",
+    Day = "Day",
+    /** ISO-8601 week */
+    Week = "Week",
+    Month = "Month",
+    WeeklyMonth = "WeeklyMonth",
+    QuarterYear = "QuarterYear",
+    Year = "Year"
+}
+export declare type TaskType = "task" | "milestone" | "project";
+export interface Task {
+    id: string;
+    type: TaskType;
+    name: string;
+    start: Date;
+    end: Date;
+    /**
+     * Optional baseline start date
+     */
+    baselineStart?: Date;
+    /**
+     * Optional baseline end date
+     */
+    baselineEnd?: Date;
+    /**
+     * From 0 to 100
+     */
+    progress: number;
+    styles?: {
+        backgroundColor?: string;
+        backgroundSelectedColor?: string;
+        progressColor?: string;
+        progressSelectedColor?: string;
+    };
+    isDisabled?: boolean;
+    project?: string;
+    dependencies?: string[];
+    hideChildren?: boolean;
+    displayOrder?: number;
+}
+export interface EventOption {
+    /**
+     * Time step value for date changes.
+     */
+    timeStep?: number;
+    /**
+     * Invokes on bar select on unselect.
+     */
+    onSelect?: (task: Task, isSelected: boolean) => void;
+    /**
+     * Invokes on bar double click.
+     */
+    onDoubleClick?: (task: Task) => void;
+    /**
+     * Invokes on bar click.
+     */
+    onClick?: (task: Task) => void;
+    /**
+     * Invokes on end and start time change. Chart undoes operation if method return false or error.
+     */
+    onDateChange?: (task: Task, children: Task[]) => void | boolean | Promise<void> | Promise<boolean>;
+    /**
+     * Invokes on progress change. Chart undoes operation if method return false or error.
+     */
+    onProgressChange?: (task: Task, children: Task[]) => void | boolean | Promise<void> | Promise<boolean>;
+    /**
+     * Invokes on delete selected task. Chart undoes operation if method return false or error.
+     */
+    onDelete?: (task: Task) => void | boolean | Promise<void> | Promise<boolean>;
+    /**
+     * Invokes on expander on task list
+     */
+    onExpanderClick?: (task: Task) => void;
+}
+export interface DisplayOption {
+    viewMode?: ViewMode;
+    viewDate?: Date;
+    preStepsCount?: number;
+    /**
+     * Specifies the month name language. Able formats: ISO 639-2, Java Locale
+     */
+    locale?: string;
+    rtl?: boolean;
+}
+export interface StylingOption {
+    headerHeight?: number;
+    headerBordered?: boolean;
+    columnWidth?: number;
+    listCellWidth?: string;
+    rowHeight?: number;
+    ganttHeight?: number;
+    barCornerRadius?: number;
+    handleWidth?: number;
+    fontFamily?: string;
+    fontSize?: string;
+    /**
+     * How many of row width can be taken by task.
+     * From 0 to 100
+     */
+    barFill?: number;
+    barProgressColor?: string;
+    barProgressSelectedColor?: string;
+    barBackgroundColor?: string;
+    barBackgroundSelectedColor?: string;
+    baselineBackgroundColor?: string;
+    projectProgressColor?: string;
+    projectProgressSelectedColor?: string;
+    projectBackgroundColor?: string;
+    projectBackgroundSelectedColor?: string;
+    milestoneBackgroundColor?: string;
+    milestoneBackgroundSelectedColor?: string;
+    arrowColor?: string;
+    arrowIndent?: number;
+    todayColor?: string;
+    TooltipContent?: React.FC<{
+        task: Task;
+        fontSize: string;
+        fontFamily: string;
+    }>;
+    TaskListHeader?: React.FC<{
+        headerHeight: number;
+        rowWidth: string;
+        fontFamily: string;
+        fontSize: string;
+    }>;
+    TaskListTable?: React.FC<{
+        rowHeight: number;
+        rowWidth: string;
+        fontFamily: string;
+        fontSize: string;
+        locale: string;
+        tasks: Task[];
+        selectedTaskId: string;
+        /**
+         * Sets selected task by id
+         */
+        setSelectedTask: (taskId: string) => void;
+        onExpanderClick: (task: Task) => void;
+    }>;
+}
+export interface GanttProps extends EventOption, DisplayOption, StylingOption {
+    tasks: Task[];
+}

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@ezraghzf/gantt-task-react",
+  "version": "0.4.0",
+  "description": "Interactive Gantt Chart for React with TypeScript.",
+  "author": "Ezra G <ezraghzf@gmail.com>",
+  "homepage": "https://github.com/ezraghzf/gantt-task-react",
+  "license": "MIT",
+    "contributors": [
+    {
+      "name": "MaTeMaTuK",
+      "url": "https://github.com/MaTeMaTuK"
+    }
+  ],
+  "repository": "ezraghzf/gantt-task-react",
+  "main": "dist/index.js",
+  "module": "dist/index.modern.js",
+  "source": "src/index.tsx",
+  "engines": {
+    "node": ">=10"
+  },
+  "keywords": [
+    "react",
+    "gantt",
+    "typescript",
+    "chart",
+    "svg",
+    "gantt-chart",
+    "gantt chart",
+    "react-gantt",
+    "task"
+  ],
+  "scripts": {
+    "build": "microbundle-crl --no-compress --format modern,cjs",
+    "start": "microbundle-crl watch --no-compress --format modern,cjs",
+    "prepare": "run-s build",
+    "test": "run-s test:unit test:lint test:build",
+    "test:build": "run-s build",
+    "test:lint": "eslint --ext .tsx src/**/*",
+    "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
+    "test:watch": "react-scripts test --env=jsdom",
+    "predeploy": "cd example && npm install && npm run build",
+    "deploy": "gh-pages -d example/build"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.3.0",
+    "@testing-library/user-event": "^14.2.1",
+    "@types/jest": "^27.5.1",
+    "@types/node": "^15.0.1",
+    "@types/react": "^18.0.5",
+    "@types/react-dom": "^18.0.5",
+    "cross-env": "^7.0.3",
+    "gh-pages": "^3.1.0",
+    "microbundle-crl": "^0.13.11",
+    "mini-css-extract-plugin": "^2.5.1",
+    "npm-run-all": "^4.1.5",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "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"
+  },
+  "files": [
+    "dist"
+  ]
+}