{"_id":"dw-react-gantt-chart","_rev":"4-2a12b6c080a3c5e1aab5c5287993d746","name":"dw-react-gantt-chart","dist-tags":{"latest":"0.0.5"},"versions":{"0.0.1":{"name":"dw-react-gantt-chart","version":"0.0.1","keywords":["react","gantt","typescript","chart","svg","gantt-chart","gantt chart","react-gantt","task"],"author":{"name":"Andrey","email":"sukhikh.andrew@gmail.com"},"license":"MIT","_id":"dw-react-gantt-chart@0.0.1","maintainers":[{"name":"andrew.su","email":"sukhikh.andrew@gmail.com"}],"homepage":"https://github.com/andrejsu/gantt-task-react","bugs":{"url":"https://github.com/andrejsu/gantt-task-react/issues"},"dist":{"shasum":"ec726f91497f32a7ac9257d87f5e081326f6ed53","tarball":"https://registry.npmjs.org/dw-react-gantt-chart/-/dw-react-gantt-chart-0.0.1.tgz","fileCount":40,"integrity":"sha512-UnwnHvOK9ZuY6GP1SK/saIV41dpqV7oQqRUrlAtlZgp5zvud9PMp9PE6IpS3Az4cM8lvMaPRd33YlkI3OEhJCQ==","signatures":[{"sig":"MEYCIQDcO2l7XVLxLhCK1cXM2kqrmp0hi0Glx+jS8ZeMAOHvRAIhAMgEXPG+KA1tc7bFC5Fwx64bBnYckovuYphaFCIJlkM8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":631085},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.modern.js","source":"src/index.tsx","engines":{"node":">=10"},"gitHead":"5f7e1e7391d5f159e1b85c137389dea5a4a0bc5c","scripts":{"test":"run-s test:unit test:lint test:build","build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","deploy":"gh-pages -d example/build","prepare":"run-s build","predeploy":"cd example && npm install && npm run build","test:lint":"eslint --ext .tsx src/**/*","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:build":"run-s build","test:watch":"react-scripts test --env=jsdom"},"_npmUser":{"name":"andrew.su","email":"sukhikh.andrew@gmail.com"},"repository":{"url":"git+https://github.com/andrejsu/gantt-task-react.git","type":"git"},"_npmVersion":"10.8.2","description":"Interactive Gantt Chart for React with TypeScript","directories":{},"_nodeVersion":"20.11.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","gh-pages":"^3.1.0","prettier":"^2.7.1","cross-env":"^7.0.3","react-dom":"^18.2.0","typescript":"^4.7.4","@types/jest":"^27.5.1","@types/node":"^15.0.1","npm-run-all":"^4.1.5","@types/react":"^18.0.5","react-scripts":"^5.0.1","microbundle-crl":"^0.13.11","@types/react-dom":"^18.0.5","postcss-normalize":"^10.0.1","postcss-preset-env":"^7.6.0","@testing-library/react":"^13.3.0","postcss-flexbugs-fixes":"^5.0.2","mini-css-extract-plugin":"^2.5.1","@testing-library/jest-dom":"^5.16.4","@testing-library/user-event":"^14.2.1"},"peerDependencies":{"react":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dw-react-gantt-chart_0.0.1_1724339228431_0.1619419187099218","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"dw-react-gantt-chart","version":"0.0.2","keywords":["react","gantt","typescript","chart","svg","gantt-chart","gantt chart","react-gantt","task"],"author":{"name":"Andrey","email":"sukhikh.andrew@gmail.com"},"license":"MIT","_id":"dw-react-gantt-chart@0.0.2","maintainers":[{"name":"andrew.su","email":"sukhikh.andrew@gmail.com"}],"homepage":"https://github.com/andrejsu/dw-react-gantt-chart","bugs":{"url":"https://github.com/andrejsu/dw-react-gantt-chart/issues"},"dist":{"shasum":"772d2ae832d78db67d937b7b11a9be433f9bdbce","tarball":"https://registry.npmjs.org/dw-react-gantt-chart/-/dw-react-gantt-chart-0.0.2.tgz","fileCount":40,"integrity":"sha512-8VKiYMgK3rTD8iwW2pOPsb7cDE5VGFjDx0Hn7L6mRabDByQvNLVapZAP4dSZqIx3niXPZu0MugTuQCQdv28oRg==","signatures":[{"sig":"MEQCIDJ243llQVsxKEhjjrqQpiCCun3vvko3A8KW7S4nLsUrAiBpArl/pZVbaSvO5deFzta1jllLRnSH9atlqxhhFDNy+g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":632240},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.modern.js","source":"src/index.tsx","engines":{"node":">=10"},"gitHead":"8bf1f804d91d9b277b3821e3c36d2a4572d832e7","scripts":{"test":"run-s test:unit test:lint test:build","build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","deploy":"gh-pages -d example/build","prepare":"run-s build","predeploy":"cd example && npm install && npm run build","test:lint":"eslint --ext .tsx src/**/*","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:build":"run-s build","test:watch":"react-scripts test --env=jsdom"},"_npmUser":{"name":"andrew.su","email":"sukhikh.andrew@gmail.com"},"repository":{"url":"git+https://github.com/andrejsu/dw-react-gantt-chart.git","type":"git"},"_npmVersion":"10.8.2","description":"Interactive Gantt Chart for React with TypeScript","directories":{},"_nodeVersion":"20.11.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","gh-pages":"^3.1.0","prettier":"^2.7.1","cross-env":"^7.0.3","react-dom":"^18.2.0","typescript":"^4.7.4","@types/jest":"^27.5.1","@types/node":"^15.0.1","npm-run-all":"^4.1.5","@types/react":"^18.0.5","react-scripts":"^5.0.1","microbundle-crl":"^0.13.11","@types/react-dom":"^18.0.5","postcss-normalize":"^10.0.1","postcss-preset-env":"^7.6.0","@testing-library/react":"^13.3.0","postcss-flexbugs-fixes":"^5.0.2","mini-css-extract-plugin":"^2.5.1","@testing-library/jest-dom":"^5.16.4","@testing-library/user-event":"^14.2.1"},"peerDependencies":{"react":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dw-react-gantt-chart_0.0.2_1724399311900_0.5849704814309777","host":"s3://npm-registry-packages"}},"0.0.3":{"name":"dw-react-gantt-chart","version":"0.0.3","keywords":["react","gantt","typescript","chart","svg","gantt-chart","gantt chart","react-gantt","task"],"author":{"name":"Andrey","email":"sukhikh.andrew@gmail.com"},"license":"MIT","_id":"dw-react-gantt-chart@0.0.3","maintainers":[{"name":"andrew.su","email":"sukhikh.andrew@gmail.com"}],"homepage":"https://github.com/andrejsu/dw-react-gantt-chart","bugs":{"url":"https://github.com/andrejsu/dw-react-gantt-chart/issues"},"dist":{"shasum":"29444aafed3f7959da4c5f92c2f1cd1a2ee8d8d2","tarball":"https://registry.npmjs.org/dw-react-gantt-chart/-/dw-react-gantt-chart-0.0.3.tgz","fileCount":40,"integrity":"sha512-LwpBK+SdZmVbhP6YBSphPxtChUD+4McVqVtzGPtmgN40feHgp+0sNUWpcsFfvlkYyzGSSJYSnusIOvB2BafIYQ==","signatures":[{"sig":"MEQCIC0t4pDB0vJPjkJRlA4acZKC2W27LBOM4+izEdSx69bcAiAb7+A0c6aQZFiCZd+4btiAYmQ8v6NRNP4YyQwxigmHBQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":632260},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.modern.js","source":"src/index.tsx","engines":{"node":">=10"},"gitHead":"82d5654fd3686b4faffb2f2314b5dc4ef99021d4","scripts":{"test":"run-s test:unit test:lint test:build","build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","deploy":"gh-pages -d example/build","prepare":"run-s build","predeploy":"cd example && npm install && npm run build","test:lint":"eslint --ext .tsx src/**/*","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:build":"run-s build","test:watch":"react-scripts test --env=jsdom"},"_npmUser":{"name":"andrew.su","email":"sukhikh.andrew@gmail.com"},"repository":{"url":"git+https://github.com/andrejsu/dw-react-gantt-chart.git","type":"git"},"_npmVersion":"10.8.2","description":"Interactive Gantt Chart for React with TypeScript","directories":{},"_nodeVersion":"20.11.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","gh-pages":"^3.1.0","prettier":"^2.7.1","cross-env":"^7.0.3","react-dom":"^18.2.0","typescript":"^4.7.4","@types/jest":"^27.5.1","@types/node":"^15.0.1","npm-run-all":"^4.1.5","@types/react":"^18.0.5","react-scripts":"^5.0.1","microbundle-crl":"^0.13.11","@types/react-dom":"^18.0.5","postcss-normalize":"^10.0.1","postcss-preset-env":"^7.6.0","@testing-library/react":"^13.3.0","postcss-flexbugs-fixes":"^5.0.2","mini-css-extract-plugin":"^2.5.1","@testing-library/jest-dom":"^5.16.4","@testing-library/user-event":"^14.2.1"},"peerDependencies":{"react":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dw-react-gantt-chart_0.0.3_1724399958776_0.008392427387306167","host":"s3://npm-registry-packages"}},"0.0.4":{"name":"dw-react-gantt-chart","version":"0.0.4","keywords":["react","gantt","typescript","chart","svg","gantt-chart","gantt chart","react-gantt","task"],"author":{"name":"Andrey","email":"sukhikh.andrew@gmail.com"},"license":"MIT","_id":"dw-react-gantt-chart@0.0.4","maintainers":[{"name":"andrew.su","email":"sukhikh.andrew@gmail.com"}],"homepage":"https://github.com/andrejsu/dw-react-gantt-chart","bugs":{"url":"https://github.com/andrejsu/dw-react-gantt-chart/issues"},"dist":{"shasum":"9ab0f6ab4bf5bffa9516b8d01eb5d28334adf2e5","tarball":"https://registry.npmjs.org/dw-react-gantt-chart/-/dw-react-gantt-chart-0.0.4.tgz","fileCount":40,"integrity":"sha512-yD2GCRP97ebMiCbAlAEETawoX1RVjqqspjC9hCRWc6u7VTxKhtK91txk2UeLHdmxfMihvkkr4qs5M5I30ku00Q==","signatures":[{"sig":"MEQCIFsI4O3dRo6LyiQ/N2ucRHYt0DAeOFkcAeKOjGSDFeZhAiANrYvIvwXMrVWxDv024piElH7d/Cxe4z52x/eczVqXRg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":632247},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.modern.js","source":"src/index.tsx","engines":{"node":">=10"},"gitHead":"d3916934fcaff69a1771490ee28f750f015add79","scripts":{"test":"run-s test:unit test:lint test:build","build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","deploy":"gh-pages -d example/build","prepare":"run-s build","predeploy":"cd example && npm install && npm run build","test:lint":"eslint --ext .tsx src/**/*","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:build":"run-s build","test:watch":"react-scripts test --env=jsdom"},"_npmUser":{"name":"andrew.su","email":"sukhikh.andrew@gmail.com"},"repository":{"url":"git+https://github.com/andrejsu/dw-react-gantt-chart.git","type":"git"},"_npmVersion":"10.8.2","description":"Interactive Gantt Chart for React with TypeScript","directories":{},"_nodeVersion":"20.11.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","gh-pages":"^3.1.0","prettier":"^2.7.1","cross-env":"^7.0.3","react-dom":"^18.2.0","typescript":"^4.7.4","@types/jest":"^27.5.1","@types/node":"^15.0.1","npm-run-all":"^4.1.5","@types/react":"^18.0.5","react-scripts":"^5.0.1","microbundle-crl":"^0.13.11","@types/react-dom":"^18.0.5","postcss-normalize":"^10.0.1","postcss-preset-env":"^7.6.0","@testing-library/react":"^13.3.0","postcss-flexbugs-fixes":"^5.0.2","mini-css-extract-plugin":"^2.5.1","@testing-library/jest-dom":"^5.16.4","@testing-library/user-event":"^14.2.1"},"peerDependencies":{"react":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dw-react-gantt-chart_0.0.4_1724401229381_0.40765102177534196","host":"s3://npm-registry-packages"}},"0.0.5":{"name":"dw-react-gantt-chart","version":"0.0.5","description":"Interactive Gantt Chart for React with TypeScript","author":{"name":"Andrey","email":"sukhikh.andrew@gmail.com"},"homepage":"https://github.com/andrejsu/dw-react-gantt-chart","license":"MIT","repository":{"type":"git","url":"git+https://github.com/andrejsu/dw-react-gantt-chart.git"},"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"},"_id":"dw-react-gantt-chart@0.0.5","gitHead":"48f7c4ee8d915dc7bb97951c336e57be56a0762a","types":"./dist/index.d.ts","bugs":{"url":"https://github.com/andrejsu/dw-react-gantt-chart/issues"},"_nodeVersion":"20.11.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-x8ci7zlW40M9Ki6XrmC94CGj376cW9qWbVFujjgQAoFHPXoO9AnXXA1uGoSua5XI6ufGJlodZtB7fZedtdwhmA==","shasum":"46f07d2fbbabb1ac95ed00645e14bbedf94b75bb","tarball":"https://registry.npmjs.org/dw-react-gantt-chart/-/dw-react-gantt-chart-0.0.5.tgz","fileCount":40,"unpackedSize":632223,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICCHP6KTMDFhlRjWAZ3SzK2XeXlhEO/LGZ600arvcjqhAiBe3HE1y5XTtXBGfBdGp9xGXkuJZcYG/TZ1Rbz76D7jow=="}]},"_npmUser":{"name":"andrew.su","email":"sukhikh.andrew@gmail.com"},"directories":{},"maintainers":[{"name":"andrew.su","email":"sukhikh.andrew@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/dw-react-gantt-chart_0.0.5_1724401410118_0.735774125435005"},"_hasShrinkwrap":false}},"time":{"created":"2024-08-22T15:07:08.430Z","modified":"2024-08-23T08:23:30.576Z","0.0.1":"2024-08-22T15:07:08.843Z","0.0.2":"2024-08-23T07:48:32.103Z","0.0.3":"2024-08-23T07:59:19.002Z","0.0.4":"2024-08-23T08:20:29.532Z","0.0.5":"2024-08-23T08:23:30.388Z"},"bugs":{"url":"https://github.com/andrejsu/dw-react-gantt-chart/issues"},"author":{"name":"Andrey","email":"sukhikh.andrew@gmail.com"},"license":"MIT","homepage":"https://github.com/andrejsu/dw-react-gantt-chart","keywords":["react","gantt","typescript","chart","svg","gantt-chart","gantt chart","react-gantt","task"],"repository":{"type":"git","url":"git+https://github.com/andrejsu/dw-react-gantt-chart.git"},"description":"Interactive Gantt Chart for React with TypeScript","maintainers":[{"name":"andrew.su","email":"sukhikh.andrew@gmail.com"}],"readme":"# gantt-task-react\n\n## Interactive Gantt Chart for React with TypeScript.\n\n![example](https://user-images.githubusercontent.com/26743903/88215863-f35d5f00-cc64-11ea-81db-e829e6e9b5c8.png)\n\n## [Live Demo](https://matematuk.github.io/gantt-task-react/)\n\n## Install\n\n```\nnpm install gantt-task-react\n```\n\n## How to use it\n\n```javascript\nimport { Gantt, Task, EventOption, StylingOption, ViewMode, DisplayOption } from 'gantt-task-react';\nimport \"gantt-task-react/dist/index.css\";\n\nlet tasks: Task[] = [\n    {\n      start: new Date(2020, 1, 1),\n      end: new Date(2020, 1, 2),\n      name: 'Idea',\n      id: 'Task 0',\n      type:'task',\n      progress: 45,\n      isDisabled: true,\n      styles: { progressColor: '#ffbb54', progressSelectedColor: '#ff9e0d' },\n    },\n    ...\n];\n<Gantt tasks={tasks} />\n```\n\nYou may handle actions\n\n```javascript\n<Gantt\n  tasks={tasks}\n  viewMode={view}\n  onDateChange={onTaskChange}\n  onTaskDelete={onTaskDelete}\n  onProgressChange={onProgressChange}\n  onDoubleClick={onDblClick}\n  onClick={onClick}\n/>\n```\n\n## How to run example\n\n```\ncd ./example\nnpm install\nnpm start\n```\n\n## Gantt Configuration\n\n### GanttProps\n\n| Parameter Name                  | Type          | Description                                        |\n| :------------------------------ | :------------ | :------------------------------------------------- |\n| tasks\\*                         | [Task](#Task) | Tasks array.                                       |\n| [EventOption](#EventOption)     | interface     | Specifies gantt events.                            |\n| [DisplayOption](#DisplayOption) | interface     | Specifies view type and display timeline language. |\n| [StylingOption](#StylingOption) | interface     | Specifies chart and global tasks styles            |\n\n### EventOption\n\n| Parameter Name     | Type                                                                          | Description                                                                             |\n| :----------------- | :---------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------- |\n| onSelect           | (task: Task, isSelected: boolean) => void                                     | Specifies the function to be executed on the taskbar select or unselect event.          |\n| onDoubleClick      | (task: Task) => void                                                          | Specifies the function to be executed on the taskbar onDoubleClick event.               |\n| onClick            | (task: Task) => void                                                          | Specifies the function to be executed on the taskbar onClick event.                     |\n| onDelete\\*         | (task: Task) => void/boolean/Promise<void>/Promise<boolean>                   | Specifies the function to be executed on the taskbar on Delete button press event.      |\n| onDateChange\\*     | (task: Task, children: Task[]) => void/boolean/Promise<void>/Promise<boolean> | Specifies the function to be executed when drag taskbar event on timeline has finished. |\n| onProgressChange\\* | (task: Task, children: Task[]) => void/boolean/Promise<void>/Promise<boolean> | Specifies the function to be executed when drag taskbar progress event has finished.    |\n| onExpanderClick\\*  | onExpanderClick: (task: Task) => void;                                        | Specifies the function to be executed on the table expander click                       |\n| timeStep           | number                                                                        | A time step value for onDateChange. Specify in milliseconds.                            |\n\n\\* Chart undoes operation if method return false or error. Parameter children returns one level deep records.\n\n### DisplayOption\n\n| Parameter Name | Type    | Description                                                                                                 |\n| :------------- | :------ | :---------------------------------------------------------------------------------------------------------- |\n| viewMode       | enum    | Specifies the time scale. Hour, Quarter Day, Half Day, Day, Week(ISO-8601, 1st day is Monday), Month, QuarterYear, Year. |\n| viewDate       | date    | Specifies display date and time for display.                                                                |\n| preStepsCount  | number  | Specifies empty space before the fist task                                                                  |\n| locale         | string  | Specifies the month name language. Able formats: ISO 639-2, Java Locale.                                    |\n| rtl            | boolean | Sets rtl mode.                                                                                              |\n\n### StylingOption\n\n| Parameter Name             | Type   | Description                                                                                    |\n| :------------------------- | :----- | :--------------------------------------------------------------------------------------------- |\n| headerHeight               | number | Specifies the header height.                                                                   |\n| ganttHeight                | number | Specifies the gantt chart height without header. Default is 0. It`s mean no height limitation. |\n| columnWidth                | number | Specifies the time period width.                                                               |\n| listCellWidth              | string | Specifies the task list cell width. Empty string is mean \"no display\".                         |\n| rowHeight                  | number | Specifies the task row height.                                                                 |\n| barCornerRadius            | number | Specifies the taskbar corner rounding.                                                         |\n| barFill                    | number | Specifies the taskbar occupation. Sets in percent from 0 to 100.                               |\n| handleWidth                | number | Specifies width the taskbar drag event control for start and end dates.                        |\n| fontFamily                 | string | Specifies the application font.                                                                |\n| fontSize                   | string | Specifies the application font size.                                                           |\n| barProgressColor           | string | Specifies the taskbar progress fill color globally.                                            |\n| barProgressSelectedColor   | string | Specifies the taskbar progress fill color globally on select.                                  |\n| barBackgroundColor         | string | Specifies the taskbar background fill color globally.                                          |\n| barBackgroundSelectedColor | string | Specifies the taskbar background fill color globally on select.                                |\n| arrowColor                 | string | Specifies the relationship arrow fill color.                                                   |\n| arrowIndent                | number | Specifies the relationship arrow right indent. Sets in px                                      |\n| todayColor                 | string | Specifies the current period column fill color.                                                |\n| TooltipContent             |        | Specifies the Tooltip view for selected taskbar.                                               |\n| TaskListHeader             |        | Specifies the task list Header view                                                            |\n| TaskListTable              |        | Specifies the task list Table view                                                             |\n\n- TooltipContent: [`React.FC<{ task: Task; fontSize: string; fontFamily: string; }>;`](https://github.com/MaTeMaTuK/gantt-task-react/blob/main/src/components/other/tooltip.tsx#L56)\n- TaskListHeader: `React.FC<{ headerHeight: number; rowWidth: string; fontFamily: string; fontSize: string;}>;`\n- TaskListTable: `React.FC<{ rowHeight: number; rowWidth: string; fontFamily: string; fontSize: string; locale: string; tasks: Task[]; selectedTaskId: string; setSelectedTask: (taskId: string) => void; }>;`\n\n### Task\n\n| Parameter Name | Type     | Description                                                                                           |\n| :------------- | :------- | :---------------------------------------------------------------------------------------------------- |\n| id\\*           | string   | Task id.                                                                                              |\n| name\\*         | string   | Task display name.                                                                                    |\n| type\\*         | string   | Task display type: **task**, **milestone**, **project**                                               |\n| start\\*        | Date     | Task start date.                                                                                      |\n| end\\*          | Date     | Task end date.                                                                                        |\n| progress\\*     | number   | Task progress. Sets in percent from 0 to 100.                                                         |\n| dependencies   | string[] | Specifies the parent dependencies ids.                                                                |\n| styles         | object   | Specifies the taskbar styling settings locally. Object is passed with the following attributes:       |\n|                |          | - **backgroundColor**: String. Specifies the taskbar background fill color locally.                   |\n|                |          | - **backgroundSelectedColor**: String. Specifies the taskbar background fill color locally on select. |\n|                |          | - **progressColor**: String. Specifies the taskbar progress fill color locally.                       |\n|                |          | - **progressSelectedColor**: String. Specifies the taskbar progress fill color globally on select.    |\n| isDisabled     | bool     | Disables all action for current task.                                                                 |\n| fontSize       | string   | Specifies the taskbar font size locally.                                                              |\n| project        | string   | Task project name                                                                                     |\n| hideChildren   | bool     | Hide children items. Parameter works with project type only                                           |\n\n\\*Required\n\n## License\n\n[MIT](https://oss.ninja/mit/jaredpalmer/)\n","readmeFilename":"README.md"}