gantt-task-react-v 1.2.8 → 1.2.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11111,87 +11111,16 @@ const calculateDataDatePosition = ({
11111
11111
  dataDate,
11112
11112
  startDate,
11113
11113
  viewMode,
11114
- columnWidth,
11115
- tasks = [],
11116
- rtl = false
11114
+ columnWidth
11117
11115
  }) => {
11118
- const tasksStartingOnDataDate = tasks.filter((task) => {
11119
- if (!task || !task.start)
11120
- return false;
11121
- const taskStartDate = new Date(task.start);
11122
- const dataDateNormalized = new Date(dataDate);
11123
- if (viewMode === ViewMode.Day) {
11124
- return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate();
11125
- }
11126
- switch (viewMode) {
11127
- case ViewMode.Hour:
11128
- return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate() && taskStartDate.getHours() === dataDateNormalized.getHours();
11129
- case ViewMode.QuarterDay:
11130
- return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate() && Math.floor(taskStartDate.getHours() / 6) === Math.floor(dataDateNormalized.getHours() / 6);
11131
- case ViewMode.HalfDay:
11132
- return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate() && Math.floor(taskStartDate.getHours() / 12) === Math.floor(dataDateNormalized.getHours() / 12);
11133
- case ViewMode.Week: {
11134
- const taskWeekStart = new Date(taskStartDate);
11135
- taskWeekStart.setDate(taskStartDate.getDate() - taskStartDate.getDay());
11136
- const dataWeekStart = new Date(dataDateNormalized);
11137
- dataWeekStart.setDate(
11138
- dataDateNormalized.getDate() - dataDateNormalized.getDay()
11139
- );
11140
- return taskWeekStart.getTime() === dataWeekStart.getTime();
11141
- }
11142
- case ViewMode.Month:
11143
- return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth();
11144
- case ViewMode.Year:
11145
- return taskStartDate.getFullYear() === dataDateNormalized.getFullYear();
11146
- default:
11147
- return false;
11148
- }
11149
- });
11150
- if (tasksStartingOnDataDate.length > 0) {
11151
- const dataDatePosition = taskXCoordinate(
11152
- dataDate,
11153
- startDate,
11154
- viewMode,
11155
- columnWidth
11156
- );
11157
- const overlapProportion = 0.75;
11158
- return dataDatePosition + columnWidth * overlapProportion;
11159
- }
11160
- if (viewMode === ViewMode.Day) {
11161
- const dataDatePosition = taskXCoordinate(
11162
- dataDate,
11163
- startDate,
11164
- viewMode,
11165
- columnWidth
11166
- );
11167
- return dataDatePosition + columnWidth * 0.5;
11168
- }
11169
- const dataIndex = getDatesDiff(dataDate, startDate, viewMode);
11170
- const extraMultiplier = () => {
11171
- switch (viewMode) {
11172
- case ViewMode.Week: {
11173
- const percent = dataDate.getDay() / 7;
11174
- return 1 + percent * 0.2;
11175
- }
11176
- case ViewMode.Month: {
11177
- const dayInMonth = dataDate.getDate();
11178
- const maxDaysInMonth = getDaysInMonth(
11179
- dataDate.getMonth(),
11180
- dataDate.getFullYear()
11181
- );
11182
- const percent = dayInMonth / maxDaysInMonth;
11183
- return 1 + percent * 0.5;
11184
- }
11185
- case ViewMode.Year: {
11186
- const percent = dataDate.getMonth() / 12;
11187
- return 1 + percent * 0.5;
11188
- }
11189
- default:
11190
- return 1;
11191
- }
11192
- };
11193
- const tickX = dataIndex * columnWidth * extraMultiplier();
11194
- return rtl ? tickX + columnWidth : tickX;
11116
+ const milestonePosition = taskXCoordinate(
11117
+ dataDate,
11118
+ startDate,
11119
+ viewMode,
11120
+ columnWidth
11121
+ );
11122
+ const milestoneHalfWidth = 6;
11123
+ return milestonePosition + milestoneHalfWidth;
11195
11124
  };
11196
11125
  const GanttTodayInner = ({
11197
11126
  additionalLeftSpace,
@@ -11128,87 +11128,16 @@
11128
11128
  dataDate,
11129
11129
  startDate,
11130
11130
  viewMode,
11131
- columnWidth,
11132
- tasks = [],
11133
- rtl = false
11131
+ columnWidth
11134
11132
  }) => {
11135
- const tasksStartingOnDataDate = tasks.filter((task) => {
11136
- if (!task || !task.start)
11137
- return false;
11138
- const taskStartDate = new Date(task.start);
11139
- const dataDateNormalized = new Date(dataDate);
11140
- if (viewMode === ViewMode.Day) {
11141
- return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate();
11142
- }
11143
- switch (viewMode) {
11144
- case ViewMode.Hour:
11145
- return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate() && taskStartDate.getHours() === dataDateNormalized.getHours();
11146
- case ViewMode.QuarterDay:
11147
- return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate() && Math.floor(taskStartDate.getHours() / 6) === Math.floor(dataDateNormalized.getHours() / 6);
11148
- case ViewMode.HalfDay:
11149
- return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate() && Math.floor(taskStartDate.getHours() / 12) === Math.floor(dataDateNormalized.getHours() / 12);
11150
- case ViewMode.Week: {
11151
- const taskWeekStart = new Date(taskStartDate);
11152
- taskWeekStart.setDate(taskStartDate.getDate() - taskStartDate.getDay());
11153
- const dataWeekStart = new Date(dataDateNormalized);
11154
- dataWeekStart.setDate(
11155
- dataDateNormalized.getDate() - dataDateNormalized.getDay()
11156
- );
11157
- return taskWeekStart.getTime() === dataWeekStart.getTime();
11158
- }
11159
- case ViewMode.Month:
11160
- return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth();
11161
- case ViewMode.Year:
11162
- return taskStartDate.getFullYear() === dataDateNormalized.getFullYear();
11163
- default:
11164
- return false;
11165
- }
11166
- });
11167
- if (tasksStartingOnDataDate.length > 0) {
11168
- const dataDatePosition = taskXCoordinate(
11169
- dataDate,
11170
- startDate,
11171
- viewMode,
11172
- columnWidth
11173
- );
11174
- const overlapProportion = 0.75;
11175
- return dataDatePosition + columnWidth * overlapProportion;
11176
- }
11177
- if (viewMode === ViewMode.Day) {
11178
- const dataDatePosition = taskXCoordinate(
11179
- dataDate,
11180
- startDate,
11181
- viewMode,
11182
- columnWidth
11183
- );
11184
- return dataDatePosition + columnWidth * 0.5;
11185
- }
11186
- const dataIndex = getDatesDiff(dataDate, startDate, viewMode);
11187
- const extraMultiplier = () => {
11188
- switch (viewMode) {
11189
- case ViewMode.Week: {
11190
- const percent = dataDate.getDay() / 7;
11191
- return 1 + percent * 0.2;
11192
- }
11193
- case ViewMode.Month: {
11194
- const dayInMonth = dataDate.getDate();
11195
- const maxDaysInMonth = getDaysInMonth(
11196
- dataDate.getMonth(),
11197
- dataDate.getFullYear()
11198
- );
11199
- const percent = dayInMonth / maxDaysInMonth;
11200
- return 1 + percent * 0.5;
11201
- }
11202
- case ViewMode.Year: {
11203
- const percent = dataDate.getMonth() / 12;
11204
- return 1 + percent * 0.5;
11205
- }
11206
- default:
11207
- return 1;
11208
- }
11209
- };
11210
- const tickX = dataIndex * columnWidth * extraMultiplier();
11211
- return rtl ? tickX + columnWidth : tickX;
11133
+ const milestonePosition = taskXCoordinate(
11134
+ dataDate,
11135
+ startDate,
11136
+ viewMode,
11137
+ columnWidth
11138
+ );
11139
+ const milestoneHalfWidth = 6;
11140
+ return milestonePosition + milestoneHalfWidth;
11212
11141
  };
11213
11142
  const GanttTodayInner = ({
11214
11143
  additionalLeftSpace,
@@ -11,4 +11,4 @@ export interface DataDatePositionOptions {
11
11
  * Calculate data date line position by creating a virtual milestone bar for the data date
12
12
  * and positioning the line at the end of that milestone bar (just like the custom frontend fix)
13
13
  */
14
- export declare const calculateDataDatePosition: ({ dataDate, startDate, viewMode, columnWidth, tasks, rtl, }: DataDatePositionOptions) => number;
14
+ export declare const calculateDataDatePosition: ({ dataDate, startDate, viewMode, columnWidth, }: DataDatePositionOptions) => number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gantt-task-react-v",
3
- "version": "1.2.8",
3
+ "version": "1.2.10",
4
4
  "description": "Interactive Gantt Chart for React with TypeScript.",
5
5
  "author": "aguilanbon",
6
6
  "homepage": "https://github.com/aguilanbon/gantt-task-react-v",