@progress/kendo-react-gantt 6.1.1 → 7.0.0-develop.2
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.
- package/{dist/npm/Gantt.d.ts → Gantt.d.ts} +4 -0
- package/LICENSE.md +1 -1
- package/{dist/es/cells → cells}/FilterCells/GanttBooleanFilter.d.ts +4 -0
- package/{dist/npm/cells → cells}/FilterCells/GanttDateFilter.d.ts +4 -0
- package/{dist/es/cells → cells}/FilterCells/GanttNumericFilter.d.ts +4 -0
- package/{dist/npm/cells → cells}/FilterCells/GanttTextFilter.d.ts +4 -0
- package/{dist/npm/cells → cells}/FilterCells/utils.d.ts +4 -0
- package/{dist/npm/components → components}/BaseView.d.ts +4 -0
- package/components/GanttDependency.d.ts +13 -0
- package/{dist/npm/components → components}/GanttTask.d.ts +4 -0
- package/{dist/npm/components → components}/GanttTreelist.d.ts +6 -2
- package/{dist/npm/components → components}/toolbar/AddButton.d.ts +4 -0
- package/{dist/npm/components → components}/toolbar/Toolbar.d.ts +4 -0
- package/{dist/es/components → components}/toolbar/view-selector/ViewSelector.d.ts +4 -0
- package/components/toolbar/view-selector/ViewSelectorItem.d.ts +15 -0
- package/components/toolbar/view-selector/ViewSelectorList.d.ts +7 -0
- package/{dist/npm/constants → constants}/index.d.ts +4 -0
- package/{dist/es/context → context}/GanttContext.d.ts +17 -13
- package/{dist/npm/context → context}/GanttViewContext.d.ts +8 -4
- package/dist/cdn/js/kendo-react-gantt.js +5 -1
- package/editors/FormDateTimePicker.d.ts +8 -0
- package/editors/FormInput.d.ts +8 -0
- package/editors/FormNumericTextBox.d.ts +8 -0
- package/editors/GanttEditor.d.ts +8 -0
- package/{dist/npm/editors → editors}/GanttForm.d.ts +4 -0
- package/{dist/es/editors → editors}/GanttRemoveDialog.d.ts +4 -0
- package/hooks/useControlledState.d.ts +8 -0
- package/{dist/es/hooks → hooks}/useDictionaryStore.d.ts +5 -1
- package/hooks/useGanttTask.d.ts +8 -0
- package/index.d.ts +30 -0
- package/index.js +5 -0
- package/index.mjs +2582 -0
- package/interfaces/AddDirection.d.ts +10 -0
- package/interfaces/DataItem.d.ts +10 -0
- package/interfaces/DateRange.d.ts +12 -0
- package/{dist/es/interfaces → interfaces}/DependencyModelFields.d.ts +4 -0
- package/{dist/npm/interfaces → interfaces}/GanttBaseProps.d.ts +4 -1
- package/{dist/es/interfaces → interfaces}/GanttCellProps.d.ts +4 -1
- package/{dist/npm/interfaces → interfaces}/GanttColumnProps.d.ts +4 -0
- package/{dist/npm/interfaces → interfaces}/GanttDependencyModelFields.d.ts +4 -0
- package/interfaces/GanttFilterCellProps.d.ts +10 -0
- package/interfaces/GanttFilterOperator.d.ts +10 -0
- package/interfaces/GanttHeaderCellProps.d.ts +10 -0
- package/interfaces/GanttNoRecordsProps.d.ts +13 -0
- package/{dist/npm/interfaces → interfaces}/GanttProps.d.ts +4 -1
- package/{dist/es/interfaces → interfaces}/GanttRowProps.d.ts +4 -1
- package/{dist/es/interfaces → interfaces}/GanttSelectableSettings.d.ts +5 -1
- package/interfaces/GanttSlotType.d.ts +8 -0
- package/interfaces/GanttSortSettings.d.ts +17 -0
- package/{dist/es/interfaces → interfaces}/GanttTaskModelFields.d.ts +4 -0
- package/{dist/npm/interfaces → interfaces}/GanttView.d.ts +6 -3
- package/{dist/es/interfaces → interfaces}/GanttViewTimelineHeaderCellProps.d.ts +4 -0
- package/interfaces/Rectangle.d.ts +10 -0
- package/interfaces/Slot.d.ts +16 -0
- package/interfaces/TaskModelFields.d.ts +19 -0
- package/{dist/npm/interfaces → interfaces}/events.d.ts +4 -0
- package/{dist/es/messages → messages}/index.d.ts +4 -0
- package/package-metadata.d.ts +9 -0
- package/package.json +40 -57
- package/rows/GanttRow.d.ts +8 -0
- package/{dist/es/utils → utils}/data-operations.d.ts +4 -0
- package/{dist/es/utils → utils}/index.d.ts +11 -7
- package/{dist/npm/views → views}/GanttDayView.d.ts +4 -0
- package/{dist/npm/views → views}/GanttMonthView.d.ts +4 -0
- package/{dist/es/views → views}/GanttWeekView.d.ts +4 -0
- package/{dist/npm/views → views}/GanttYearView.d.ts +4 -0
- package/about.md +0 -3
- package/dist/es/Gantt.d.ts +0 -25
- package/dist/es/Gantt.js +0 -332
- package/dist/es/GanttNoRecords.d.ts +0 -12
- package/dist/es/GanttNoRecords.js +0 -37
- package/dist/es/cells/FilterCells/GanttBooleanFilter.js +0 -31
- package/dist/es/cells/FilterCells/GanttDateFilter.d.ts +0 -10
- package/dist/es/cells/FilterCells/GanttDateFilter.js +0 -31
- package/dist/es/cells/FilterCells/GanttNumericFilter.js +0 -31
- package/dist/es/cells/FilterCells/GanttTextFilter.d.ts +0 -10
- package/dist/es/cells/FilterCells/GanttTextFilter.js +0 -31
- package/dist/es/cells/FilterCells/utils.d.ts +0 -38
- package/dist/es/cells/FilterCells/utils.js +0 -66
- package/dist/es/components/BaseView.d.ts +0 -20
- package/dist/es/components/BaseView.js +0 -253
- package/dist/es/components/GanttDependency.d.ts +0 -10
- package/dist/es/components/GanttDependency.js +0 -56
- package/dist/es/components/GanttTask.d.ts +0 -12
- package/dist/es/components/GanttTask.js +0 -164
- package/dist/es/components/GanttTreelist.d.ts +0 -138
- package/dist/es/components/GanttTreelist.js +0 -607
- package/dist/es/components/toolbar/AddButton.d.ts +0 -12
- package/dist/es/components/toolbar/AddButton.js +0 -47
- package/dist/es/components/toolbar/Toolbar.d.ts +0 -21
- package/dist/es/components/toolbar/Toolbar.js +0 -41
- package/dist/es/components/toolbar/view-selector/ViewSelector.js +0 -38
- package/dist/es/components/toolbar/view-selector/ViewSelectorItem.d.ts +0 -12
- package/dist/es/components/toolbar/view-selector/ViewSelectorItem.js +0 -17
- package/dist/es/components/toolbar/view-selector/ViewSelectorList.d.ts +0 -3
- package/dist/es/components/toolbar/view-selector/ViewSelectorList.js +0 -42
- package/dist/es/constants/index.d.ts +0 -53
- package/dist/es/constants/index.js +0 -63
- package/dist/es/context/GanttContext.js +0 -105
- package/dist/es/context/GanttViewContext.d.ts +0 -40
- package/dist/es/context/GanttViewContext.js +0 -31
- package/dist/es/editors/FormAssingmentsEditor.d.ts +0 -5
- package/dist/es/editors/FormAssingmentsEditor.js +0 -20
- package/dist/es/editors/FormDateTimePicker.d.ts +0 -5
- package/dist/es/editors/FormDateTimePicker.js +0 -45
- package/dist/es/editors/FormInput.d.ts +0 -5
- package/dist/es/editors/FormInput.js +0 -44
- package/dist/es/editors/FormNumericTextBox.d.ts +0 -5
- package/dist/es/editors/FormNumericTextBox.js +0 -44
- package/dist/es/editors/GanttEditor.d.ts +0 -5
- package/dist/es/editors/GanttEditor.js +0 -39
- package/dist/es/editors/GanttForm.d.ts +0 -44
- package/dist/es/editors/GanttForm.js +0 -72
- package/dist/es/editors/GanttRemoveDialog.js +0 -61
- package/dist/es/hooks/useControlledState.d.ts +0 -4
- package/dist/es/hooks/useControlledState.js +0 -23
- package/dist/es/hooks/useDictionaryStore.js +0 -24
- package/dist/es/hooks/useGanttTask.d.ts +0 -4
- package/dist/es/hooks/useGanttTask.js +0 -27
- package/dist/es/interfaces/AddDirection.d.ts +0 -6
- package/dist/es/interfaces/AddDirection.js +0 -1
- package/dist/es/interfaces/DataAction.d.ts +0 -25
- package/dist/es/interfaces/DataAction.js +0 -9
- package/dist/es/interfaces/DataItem.d.ts +0 -6
- package/dist/es/interfaces/DataItem.js +0 -1
- package/dist/es/interfaces/DateRange.d.ts +0 -8
- package/dist/es/interfaces/DateRange.js +0 -1
- package/dist/es/interfaces/DependencyModelFields.js +0 -1
- package/dist/es/interfaces/DragEvent.d.ts +0 -14
- package/dist/es/interfaces/DragEvent.js +0 -1
- package/dist/es/interfaces/GanttBaseProps.d.ts +0 -63
- package/dist/es/interfaces/GanttBaseProps.js +0 -1
- package/dist/es/interfaces/GanttCellProps.js +0 -1
- package/dist/es/interfaces/GanttColumnProps.d.ts +0 -36
- package/dist/es/interfaces/GanttColumnProps.js +0 -1
- package/dist/es/interfaces/GanttDependencyModelFields.d.ts +0 -25
- package/dist/es/interfaces/GanttDependencyModelFields.js +0 -1
- package/dist/es/interfaces/GanttFilterCellProps.d.ts +0 -6
- package/dist/es/interfaces/GanttFilterCellProps.js +0 -1
- package/dist/es/interfaces/GanttFilterOperator.d.ts +0 -6
- package/dist/es/interfaces/GanttFilterOperator.js +0 -1
- package/dist/es/interfaces/GanttHeaderCellProps.d.ts +0 -6
- package/dist/es/interfaces/GanttHeaderCellProps.js +0 -1
- package/dist/es/interfaces/GanttNoRecordsProps.d.ts +0 -10
- package/dist/es/interfaces/GanttNoRecordsProps.js +0 -1
- package/dist/es/interfaces/GanttProps.d.ts +0 -147
- package/dist/es/interfaces/GanttProps.js +0 -1
- package/dist/es/interfaces/GanttRowProps.js +0 -1
- package/dist/es/interfaces/GanttSelectableSettings.js +0 -2
- package/dist/es/interfaces/GanttSlotType.d.ts +0 -4
- package/dist/es/interfaces/GanttSlotType.js +0 -1
- package/dist/es/interfaces/GanttSortSettings.d.ts +0 -13
- package/dist/es/interfaces/GanttSortSettings.js +0 -19
- package/dist/es/interfaces/GanttTaskModelFields.js +0 -1
- package/dist/es/interfaces/GanttView.d.ts +0 -77
- package/dist/es/interfaces/GanttView.js +0 -1
- package/dist/es/interfaces/GanttViewTimelineHeaderCellProps.js +0 -1
- package/dist/es/interfaces/Rectangle.d.ts +0 -6
- package/dist/es/interfaces/Rectangle.js +0 -1
- package/dist/es/interfaces/Slot.d.ts +0 -12
- package/dist/es/interfaces/Slot.js +0 -1
- package/dist/es/interfaces/TaskModelFields.d.ts +0 -15
- package/dist/es/interfaces/TaskModelFields.js +0 -1
- package/dist/es/interfaces/events.d.ts +0 -294
- package/dist/es/interfaces/events.js +0 -84
- package/dist/es/main.d.ts +0 -26
- package/dist/es/main.js +0 -17
- package/dist/es/messages/index.js +0 -138
- package/dist/es/package-metadata.d.ts +0 -5
- package/dist/es/package-metadata.js +0 -11
- package/dist/es/rows/GanttRow.d.ts +0 -5
- package/dist/es/rows/GanttRow.js +0 -5
- package/dist/es/utils/data-operations.js +0 -319
- package/dist/es/utils/index.js +0 -455
- package/dist/es/views/GanttDayView.d.ts +0 -17
- package/dist/es/views/GanttDayView.js +0 -102
- package/dist/es/views/GanttMonthView.d.ts +0 -13
- package/dist/es/views/GanttMonthView.js +0 -78
- package/dist/es/views/GanttWeekView.js +0 -84
- package/dist/es/views/GanttYearView.d.ts +0 -13
- package/dist/es/views/GanttYearView.js +0 -70
- package/dist/npm/Gantt.js +0 -335
- package/dist/npm/GanttNoRecords.d.ts +0 -12
- package/dist/npm/GanttNoRecords.js +0 -40
- package/dist/npm/cells/FilterCells/GanttBooleanFilter.d.ts +0 -10
- package/dist/npm/cells/FilterCells/GanttBooleanFilter.js +0 -35
- package/dist/npm/cells/FilterCells/GanttDateFilter.js +0 -35
- package/dist/npm/cells/FilterCells/GanttNumericFilter.d.ts +0 -10
- package/dist/npm/cells/FilterCells/GanttNumericFilter.js +0 -35
- package/dist/npm/cells/FilterCells/GanttTextFilter.js +0 -35
- package/dist/npm/cells/FilterCells/utils.js +0 -70
- package/dist/npm/components/BaseView.js +0 -256
- package/dist/npm/components/GanttDependency.d.ts +0 -10
- package/dist/npm/components/GanttDependency.js +0 -60
- package/dist/npm/components/GanttTask.js +0 -167
- package/dist/npm/components/GanttTreelist.js +0 -610
- package/dist/npm/components/toolbar/AddButton.js +0 -50
- package/dist/npm/components/toolbar/Toolbar.js +0 -44
- package/dist/npm/components/toolbar/view-selector/ViewSelector.d.ts +0 -24
- package/dist/npm/components/toolbar/view-selector/ViewSelector.js +0 -41
- package/dist/npm/components/toolbar/view-selector/ViewSelectorItem.d.ts +0 -12
- package/dist/npm/components/toolbar/view-selector/ViewSelectorItem.js +0 -21
- package/dist/npm/components/toolbar/view-selector/ViewSelectorList.d.ts +0 -3
- package/dist/npm/components/toolbar/view-selector/ViewSelectorList.js +0 -45
- package/dist/npm/constants/index.js +0 -67
- package/dist/npm/context/GanttContext.d.ts +0 -121
- package/dist/npm/context/GanttContext.js +0 -121
- package/dist/npm/context/GanttViewContext.js +0 -38
- package/dist/npm/editors/FormAssingmentsEditor.d.ts +0 -5
- package/dist/npm/editors/FormAssingmentsEditor.js +0 -24
- package/dist/npm/editors/FormDateTimePicker.d.ts +0 -5
- package/dist/npm/editors/FormDateTimePicker.js +0 -49
- package/dist/npm/editors/FormInput.d.ts +0 -5
- package/dist/npm/editors/FormInput.js +0 -48
- package/dist/npm/editors/FormNumericTextBox.d.ts +0 -5
- package/dist/npm/editors/FormNumericTextBox.js +0 -48
- package/dist/npm/editors/GanttEditor.d.ts +0 -5
- package/dist/npm/editors/GanttEditor.js +0 -43
- package/dist/npm/editors/GanttForm.js +0 -76
- package/dist/npm/editors/GanttRemoveDialog.d.ts +0 -44
- package/dist/npm/editors/GanttRemoveDialog.js +0 -65
- package/dist/npm/hooks/useControlledState.d.ts +0 -4
- package/dist/npm/hooks/useControlledState.js +0 -27
- package/dist/npm/hooks/useDictionaryStore.d.ts +0 -18
- package/dist/npm/hooks/useDictionaryStore.js +0 -28
- package/dist/npm/hooks/useGanttTask.d.ts +0 -4
- package/dist/npm/hooks/useGanttTask.js +0 -31
- package/dist/npm/interfaces/AddDirection.d.ts +0 -6
- package/dist/npm/interfaces/AddDirection.js +0 -2
- package/dist/npm/interfaces/DataAction.d.ts +0 -25
- package/dist/npm/interfaces/DataAction.js +0 -12
- package/dist/npm/interfaces/DataItem.d.ts +0 -6
- package/dist/npm/interfaces/DataItem.js +0 -2
- package/dist/npm/interfaces/DateRange.d.ts +0 -8
- package/dist/npm/interfaces/DateRange.js +0 -2
- package/dist/npm/interfaces/DependencyModelFields.d.ts +0 -25
- package/dist/npm/interfaces/DependencyModelFields.js +0 -2
- package/dist/npm/interfaces/DragEvent.d.ts +0 -14
- package/dist/npm/interfaces/DragEvent.js +0 -2
- package/dist/npm/interfaces/GanttBaseProps.js +0 -2
- package/dist/npm/interfaces/GanttCellProps.d.ts +0 -42
- package/dist/npm/interfaces/GanttCellProps.js +0 -2
- package/dist/npm/interfaces/GanttColumnProps.js +0 -2
- package/dist/npm/interfaces/GanttDependencyModelFields.js +0 -2
- package/dist/npm/interfaces/GanttFilterCellProps.d.ts +0 -6
- package/dist/npm/interfaces/GanttFilterCellProps.js +0 -2
- package/dist/npm/interfaces/GanttFilterOperator.d.ts +0 -6
- package/dist/npm/interfaces/GanttFilterOperator.js +0 -2
- package/dist/npm/interfaces/GanttHeaderCellProps.d.ts +0 -6
- package/dist/npm/interfaces/GanttHeaderCellProps.js +0 -2
- package/dist/npm/interfaces/GanttNoRecordsProps.d.ts +0 -10
- package/dist/npm/interfaces/GanttNoRecordsProps.js +0 -2
- package/dist/npm/interfaces/GanttProps.js +0 -2
- package/dist/npm/interfaces/GanttRowProps.d.ts +0 -92
- package/dist/npm/interfaces/GanttRowProps.js +0 -2
- package/dist/npm/interfaces/GanttSelectableSettings.d.ts +0 -18
- package/dist/npm/interfaces/GanttSelectableSettings.js +0 -3
- package/dist/npm/interfaces/GanttSlotType.d.ts +0 -4
- package/dist/npm/interfaces/GanttSlotType.js +0 -2
- package/dist/npm/interfaces/GanttSortSettings.d.ts +0 -13
- package/dist/npm/interfaces/GanttSortSettings.js +0 -23
- package/dist/npm/interfaces/GanttTaskModelFields.d.ts +0 -55
- package/dist/npm/interfaces/GanttTaskModelFields.js +0 -2
- package/dist/npm/interfaces/GanttView.js +0 -2
- package/dist/npm/interfaces/GanttViewTimelineHeaderCellProps.d.ts +0 -19
- package/dist/npm/interfaces/GanttViewTimelineHeaderCellProps.js +0 -2
- package/dist/npm/interfaces/Rectangle.d.ts +0 -6
- package/dist/npm/interfaces/Rectangle.js +0 -2
- package/dist/npm/interfaces/Slot.d.ts +0 -12
- package/dist/npm/interfaces/Slot.js +0 -2
- package/dist/npm/interfaces/TaskModelFields.d.ts +0 -15
- package/dist/npm/interfaces/TaskModelFields.js +0 -2
- package/dist/npm/interfaces/events.js +0 -85
- package/dist/npm/main.d.ts +0 -26
- package/dist/npm/main.js +0 -46
- package/dist/npm/messages/index.d.ts +0 -137
- package/dist/npm/messages/index.js +0 -141
- package/dist/npm/package-metadata.d.ts +0 -5
- package/dist/npm/package-metadata.js +0 -14
- package/dist/npm/rows/GanttRow.d.ts +0 -5
- package/dist/npm/rows/GanttRow.js +0 -8
- package/dist/npm/utils/data-operations.d.ts +0 -43
- package/dist/npm/utils/data-operations.js +0 -326
- package/dist/npm/utils/index.d.ts +0 -178
- package/dist/npm/utils/index.js +0 -485
- package/dist/npm/views/GanttDayView.js +0 -105
- package/dist/npm/views/GanttMonthView.js +0 -81
- package/dist/npm/views/GanttWeekView.d.ts +0 -13
- package/dist/npm/views/GanttWeekView.js +0 -87
- package/dist/npm/views/GanttYearView.js +0 -73
- package/dist/systemjs/kendo-react-gantt.js +0 -1
- package/e2e-next/gantt.basic.tests.ts +0 -24
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as PropTypes from 'prop-types';
|
|
3
|
-
import { getDate, ZonedDate, firstDayInWeek } from '@progress/kendo-date-math';
|
|
4
|
-
import { BaseView } from '../components/BaseView';
|
|
5
|
-
import { toUTCDateTime, getStartDate, getEndDate, getWorkDays, getWeekSlots, getDaySlots } from '../utils';
|
|
6
|
-
import { useGanttPropsContext, useGanttDateRangeContext } from '../context/GanttContext';
|
|
7
|
-
import { DAYS_IN_WEEK_COUNT, DEFAULT_COLUMN_WIDTH } from '../constants';
|
|
8
|
-
import { weekViewTitle, messages } from '../messages';
|
|
9
|
-
import { useInternationalization } from '@progress/kendo-react-intl';
|
|
10
|
-
/**
|
|
11
|
-
* Represents the KendoReact WeekView Component.
|
|
12
|
-
*/
|
|
13
|
-
export var GanttWeekView = React.forwardRef(function (props, ref) {
|
|
14
|
-
var _a = props.slotWidth, slotWidth = _a === void 0 ? defaultProps.slotWidth : _a, firstSlotRangeRef = props.firstSlotRangeRef, timelineHeaderCell = props.timelineHeaderCell;
|
|
15
|
-
var timezone = useGanttPropsContext().timezone;
|
|
16
|
-
var intl = useInternationalization();
|
|
17
|
-
var weekViewRef = React.useRef(null);
|
|
18
|
-
var baseViewRef = React.useRef(null);
|
|
19
|
-
var scrollIntoView = React.useCallback(function (options) {
|
|
20
|
-
if (baseViewRef.current) {
|
|
21
|
-
baseViewRef.current.scrollIntoView(options);
|
|
22
|
-
}
|
|
23
|
-
}, []);
|
|
24
|
-
React.useImperativeHandle(weekViewRef, function () { return ({ scrollIntoView: scrollIntoView }); });
|
|
25
|
-
React.useImperativeHandle(ref, function () { return weekViewRef.current; });
|
|
26
|
-
var range = useGanttDateRangeContext();
|
|
27
|
-
var workWeekStart = props.workWeekStart || defaultProps.workWeekStart;
|
|
28
|
-
var workWeekEnd = props.workWeekEnd || defaultProps.workWeekEnd;
|
|
29
|
-
var slotLevels = React.useMemo(function () {
|
|
30
|
-
var workDays = getWorkDays({
|
|
31
|
-
workWeekStart: workWeekStart,
|
|
32
|
-
workWeekEnd: workWeekEnd
|
|
33
|
-
});
|
|
34
|
-
var daySlots = [];
|
|
35
|
-
var weekSlots = getWeekSlots(range, { timezone: timezone }, intl);
|
|
36
|
-
weekSlots.forEach(function (weekSlot) {
|
|
37
|
-
var days = getDaySlots(weekSlot.range, { workDays: workDays, timezone: timezone }, intl);
|
|
38
|
-
daySlots.push.apply(daySlots, days);
|
|
39
|
-
});
|
|
40
|
-
if (firstSlotRangeRef && daySlots[0]) {
|
|
41
|
-
firstSlotRangeRef.current = daySlots[0].range;
|
|
42
|
-
}
|
|
43
|
-
return [weekSlots, daySlots];
|
|
44
|
-
}, [timezone, range.start.getTime(), range.end.getTime(), intl, workWeekStart, workWeekEnd]);
|
|
45
|
-
return (React.createElement(BaseView, { ref: baseViewRef, slotWidth: slotWidth, slotLevels: slotLevels, timelineHeaderCell: timelineHeaderCell }));
|
|
46
|
-
});
|
|
47
|
-
var weekViewDateRange = function (_a) {
|
|
48
|
-
var intl = _a.intl, tasksStart = _a.tasksStart, tasksEnd = _a.tasksEnd, timezone = _a.timezone;
|
|
49
|
-
var zonedTasksStart = ZonedDate.fromLocalDate(tasksStart, timezone);
|
|
50
|
-
var zonedTasksEnd = ZonedDate.fromLocalDate(tasksEnd, timezone);
|
|
51
|
-
var firstDate = getStartDate(firstDayInWeek(getDate(zonedTasksStart), intl.firstDay()));
|
|
52
|
-
var lastDate = getEndDate(firstDayInWeek(getDate(zonedTasksEnd), intl.firstDay()), DAYS_IN_WEEK_COUNT);
|
|
53
|
-
var zonedStart = ZonedDate.fromUTCDate(toUTCDateTime(firstDate), timezone);
|
|
54
|
-
var zonedEnd = ZonedDate.fromUTCDate(toUTCDateTime(lastDate), timezone);
|
|
55
|
-
return {
|
|
56
|
-
start: new Date(zonedStart.getTime()),
|
|
57
|
-
end: new Date(zonedEnd.getTime()),
|
|
58
|
-
zonedStart: zonedStart,
|
|
59
|
-
zonedEnd: zonedEnd
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
/** @hidden */
|
|
63
|
-
export var defaultProps = {
|
|
64
|
-
name: 'week',
|
|
65
|
-
dateRange: weekViewDateRange,
|
|
66
|
-
title: function (localization) { return localization.toLanguageString(weekViewTitle, messages[weekViewTitle]); },
|
|
67
|
-
slotWidth: DEFAULT_COLUMN_WIDTH,
|
|
68
|
-
workWeekStart: 1,
|
|
69
|
-
workWeekEnd: 5,
|
|
70
|
-
workDayStart: '08:00',
|
|
71
|
-
workDayEnd: '17:00'
|
|
72
|
-
};
|
|
73
|
-
GanttWeekView.defaultProps = defaultProps;
|
|
74
|
-
GanttWeekView.propTypes = {
|
|
75
|
-
name: PropTypes.string,
|
|
76
|
-
dateRange: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
77
|
-
title: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
|
|
78
|
-
slotWidth: PropTypes.number,
|
|
79
|
-
workWeekStart: PropTypes.number,
|
|
80
|
-
workWeekEnd: PropTypes.number,
|
|
81
|
-
workDayStart: PropTypes.string,
|
|
82
|
-
workDayEnd: PropTypes.string
|
|
83
|
-
};
|
|
84
|
-
GanttWeekView.displayName = 'KendoReactGanttWeekView';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { GanttViewHandle, GanttViewProps } from '../interfaces/GanttView';
|
|
3
|
-
/**
|
|
4
|
-
* @hidden
|
|
5
|
-
*/
|
|
6
|
-
export interface GanttYearViewProps extends GanttViewProps {
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* Represents the KendoReact YearView Component.
|
|
10
|
-
*/
|
|
11
|
-
export declare const GanttYearView: React.ForwardRefExoticComponent<GanttYearViewProps & React.RefAttributes<GanttViewHandle | null>>;
|
|
12
|
-
/** @hidden */
|
|
13
|
-
export declare const defaultProps: GanttYearViewProps;
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as PropTypes from 'prop-types';
|
|
3
|
-
import { getDate, ZonedDate, addDays, firstDayOfMonth, lastDayOfMonth, firstMonthOfYear, lastMonthOfYear } from '@progress/kendo-date-math';
|
|
4
|
-
import { BaseView } from '../components/BaseView';
|
|
5
|
-
import { toUTCDateTime, getMonthSlots, getYearSlots } from '../utils';
|
|
6
|
-
import { useGanttPropsContext, useGanttDateRangeContext } from '../context/GanttContext';
|
|
7
|
-
import { DEFAULT_COLUMN_WIDTH } from '../constants';
|
|
8
|
-
import { messages, yearViewTitle } from '../messages';
|
|
9
|
-
import { useInternationalization } from '@progress/kendo-react-intl';
|
|
10
|
-
/**
|
|
11
|
-
* Represents the KendoReact YearView Component.
|
|
12
|
-
*/
|
|
13
|
-
export var GanttYearView = React.forwardRef(function (props, ref) {
|
|
14
|
-
var _a = props.slotWidth, slotWidth = _a === void 0 ? defaultProps.slotWidth : _a, firstSlotRangeRef = props.firstSlotRangeRef, timelineHeaderCell = props.timelineHeaderCell;
|
|
15
|
-
var timezone = useGanttPropsContext().timezone;
|
|
16
|
-
var intl = useInternationalization();
|
|
17
|
-
var yearViewRef = React.useRef(null);
|
|
18
|
-
var baseViewRef = React.useRef(null);
|
|
19
|
-
var scrollIntoView = React.useCallback(function (options) {
|
|
20
|
-
if (baseViewRef.current) {
|
|
21
|
-
baseViewRef.current.scrollIntoView(options);
|
|
22
|
-
}
|
|
23
|
-
}, []);
|
|
24
|
-
React.useImperativeHandle(yearViewRef, function () { return ({ scrollIntoView: scrollIntoView }); });
|
|
25
|
-
React.useImperativeHandle(ref, function () { return yearViewRef.current; });
|
|
26
|
-
var range = useGanttDateRangeContext();
|
|
27
|
-
var slotLevels = React.useMemo(function () {
|
|
28
|
-
var yearSlots = getYearSlots(range, { timezone: timezone }, intl);
|
|
29
|
-
var monthSlots = [];
|
|
30
|
-
yearSlots.forEach(function (yearSlot) {
|
|
31
|
-
var months = getMonthSlots(yearSlot.range, { timezone: timezone }, intl);
|
|
32
|
-
monthSlots.push.apply(monthSlots, months);
|
|
33
|
-
});
|
|
34
|
-
if (firstSlotRangeRef && monthSlots[0]) {
|
|
35
|
-
firstSlotRangeRef.current = monthSlots[0].range;
|
|
36
|
-
}
|
|
37
|
-
return [yearSlots, monthSlots];
|
|
38
|
-
}, [timezone, range.start.getTime(), range.end.getTime(), intl]);
|
|
39
|
-
return (React.createElement(BaseView, { slotWidth: slotWidth, slotLevels: slotLevels, timelineHeaderCell: timelineHeaderCell }));
|
|
40
|
-
});
|
|
41
|
-
var yearViewDateRange = function (_a) {
|
|
42
|
-
var tasksStart = _a.tasksStart, tasksEnd = _a.tasksEnd, timezone = _a.timezone;
|
|
43
|
-
var zonedTasksStart = ZonedDate.fromLocalDate(tasksStart, timezone);
|
|
44
|
-
var zonedTasksEnd = ZonedDate.fromLocalDate(tasksEnd, timezone);
|
|
45
|
-
var firstMonth = firstDayOfMonth(firstMonthOfYear(getDate(zonedTasksStart)));
|
|
46
|
-
var lastMonth = addDays(lastDayOfMonth(lastMonthOfYear(getDate(zonedTasksEnd))), 1);
|
|
47
|
-
var zonedStart = ZonedDate.fromUTCDate(toUTCDateTime(firstMonth), timezone);
|
|
48
|
-
var zonedEnd = ZonedDate.fromUTCDate(toUTCDateTime(lastMonth), timezone);
|
|
49
|
-
return {
|
|
50
|
-
start: new Date(zonedStart.getTime()),
|
|
51
|
-
end: new Date(zonedEnd.getTime()),
|
|
52
|
-
zonedStart: zonedStart,
|
|
53
|
-
zonedEnd: zonedEnd
|
|
54
|
-
};
|
|
55
|
-
};
|
|
56
|
-
/** @hidden */
|
|
57
|
-
export var defaultProps = {
|
|
58
|
-
name: 'year',
|
|
59
|
-
dateRange: yearViewDateRange,
|
|
60
|
-
title: function (localization) { return localization.toLanguageString(yearViewTitle, messages[yearViewTitle]); },
|
|
61
|
-
slotWidth: DEFAULT_COLUMN_WIDTH
|
|
62
|
-
};
|
|
63
|
-
GanttYearView.defaultProps = defaultProps;
|
|
64
|
-
GanttYearView.propTypes = {
|
|
65
|
-
name: PropTypes.string,
|
|
66
|
-
dateRange: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
67
|
-
title: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
|
|
68
|
-
slotWidth: PropTypes.number
|
|
69
|
-
};
|
|
70
|
-
GanttYearView.displayName = 'GanttYearView';
|
package/dist/npm/Gantt.js
DELETED
|
@@ -1,335 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.Gantt = void 0;
|
|
15
|
-
var React = require("react");
|
|
16
|
-
var PropTypes = require("prop-types");
|
|
17
|
-
var utils_1 = require("./utils");
|
|
18
|
-
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
19
|
-
var GanttContext_1 = require("./context/GanttContext");
|
|
20
|
-
var GanttWeekView_1 = require("./views/GanttWeekView");
|
|
21
|
-
var kendo_react_treelist_1 = require("@progress/kendo-react-treelist");
|
|
22
|
-
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
23
|
-
var useControlledState_1 = require("./hooks/useControlledState");
|
|
24
|
-
var ViewSelectorList_1 = require("./components/toolbar/view-selector/ViewSelectorList");
|
|
25
|
-
var ViewSelector_1 = require("./components/toolbar/view-selector/ViewSelector");
|
|
26
|
-
var Toolbar_1 = require("./components/toolbar/Toolbar");
|
|
27
|
-
var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
|
|
28
|
-
var constants_1 = require("./constants");
|
|
29
|
-
var kendo_react_common_2 = require("@progress/kendo-react-common");
|
|
30
|
-
var package_metadata_1 = require("./package-metadata");
|
|
31
|
-
var AddButton_1 = require("./components/toolbar/AddButton");
|
|
32
|
-
/**
|
|
33
|
-
* Represents the Gantt component.
|
|
34
|
-
*/
|
|
35
|
-
exports.Gantt = React.forwardRef(function (props, ref) {
|
|
36
|
-
(0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
|
|
37
|
-
var showLicenseWatermark = (0, kendo_react_common_2.shouldShowValidationUI)(package_metadata_1.packageMetadata);
|
|
38
|
-
var _a = props.columns, columns = _a === void 0 ? defaultProps.columns : _a, _b = props.taskData, taskData = _b === void 0 ? defaultProps.taskData : _b, _c = props.dependencyData, dependencyData = _c === void 0 ? defaultProps.dependencyData : _c, style = props.style, className = props.className, noRecords = props.noRecords, timezone = props.timezone, _d = props.rowHeight, rowHeight = _d === void 0 ? defaultProps.rowHeight : _d, resizable = props.resizable, reorderable = props.reorderable, sortable = props.sortable, sort = props.sort, filter = props.filter, columnMenuFilter = props.columnMenuFilter, columnMenu = props.columnMenu, navigatable = props.navigatable, toolbar = props.toolbar, row = props.row, selectable = props.selectable;
|
|
39
|
-
var intl = (0, kendo_react_intl_1.useInternationalization)();
|
|
40
|
-
var taskModelFields = React.useMemo(function () { return (0, utils_1.getTaskModelFields)(props.taskModelFields); }, [props.taskModelFields]).fields;
|
|
41
|
-
var dependencyModelFields = React.useMemo(function () { return (0, utils_1.getDependencyModelFields)(props.dependencyModelFields); }, [props.dependencyModelFields]).fields;
|
|
42
|
-
var getExpandedChildren = React.useCallback((0, utils_1.expandedChildren)(taskModelFields.isExpanded, taskModelFields.children), [taskModelFields.isExpanded, taskModelFields.children]);
|
|
43
|
-
var viewRef = React.useRef(null);
|
|
44
|
-
var startDateRef = React.useRef(null);
|
|
45
|
-
var endDateRef = React.useRef(null);
|
|
46
|
-
var selectedTaskRef = React.useRef(null);
|
|
47
|
-
var firstSlotRangeRef = React.useRef(null);
|
|
48
|
-
var getDataDateRangeAndSelection = React.useCallback(function (dataItem) {
|
|
49
|
-
var startDate = (0, kendo_react_common_1.getter)(taskModelFields.start)(dataItem);
|
|
50
|
-
var endDate = (0, kendo_react_common_1.getter)(taskModelFields.end)(dataItem);
|
|
51
|
-
var selected = (0, kendo_react_common_1.getter)(taskModelFields.isSelected)(dataItem);
|
|
52
|
-
if (!startDateRef.current || startDate < startDateRef.current) {
|
|
53
|
-
startDateRef.current = startDate;
|
|
54
|
-
}
|
|
55
|
-
if (!endDateRef.current || endDate > endDateRef.current) {
|
|
56
|
-
endDateRef.current = endDate;
|
|
57
|
-
}
|
|
58
|
-
if (selected) {
|
|
59
|
-
selectedTaskRef.current = dataItem;
|
|
60
|
-
}
|
|
61
|
-
}, [taskModelFields.start, taskModelFields.end]);
|
|
62
|
-
var flatTaskData = React.useMemo(function () {
|
|
63
|
-
startDateRef.current = null;
|
|
64
|
-
endDateRef.current = null;
|
|
65
|
-
selectedTaskRef.current = null;
|
|
66
|
-
return (0, kendo_react_treelist_1.flatData)(taskData, getExpandedChildren, getDataDateRangeAndSelection);
|
|
67
|
-
}, [taskData, getExpandedChildren]);
|
|
68
|
-
if (!startDateRef.current || !endDateRef.current) {
|
|
69
|
-
startDateRef.current = new Date(constants_1.DEFAULT_DATE);
|
|
70
|
-
endDateRef.current = new Date(constants_1.DEFAULT_DATE);
|
|
71
|
-
}
|
|
72
|
-
var views = React.Children.toArray(props.children || [React.createElement(GanttWeekView_1.GanttWeekView, { key: 'week', firstSlotRangeRef: firstSlotRangeRef })]);
|
|
73
|
-
var _e = (0, useControlledState_1.useControlledState)(props.defaultView || views[0].props.name, props.view, props.onViewChange), activeViewName = _e[0], setActiveViewName = _e[1];
|
|
74
|
-
var view = views.find(function (currentView) { return currentView.props.name === activeViewName; }) || views[0];
|
|
75
|
-
var dateRange = typeof view.props.dateRange === 'function'
|
|
76
|
-
? view.props.dateRange.call(undefined, {
|
|
77
|
-
intl: intl,
|
|
78
|
-
tasksStart: startDateRef.current,
|
|
79
|
-
tasksEnd: endDateRef.current,
|
|
80
|
-
timezone: timezone
|
|
81
|
-
})
|
|
82
|
-
: view.props.dateRange;
|
|
83
|
-
var toolbarRef = React.useRef(null);
|
|
84
|
-
var _f = React.useState(0), toolbarHeight = _f[0], setToolbarHeight = _f[1];
|
|
85
|
-
React.useLayoutEffect(function () {
|
|
86
|
-
if (toolbarRef.current) {
|
|
87
|
-
setToolbarHeight(toolbarRef.current.element.offsetHeight);
|
|
88
|
-
}
|
|
89
|
-
}, []);
|
|
90
|
-
var scrollIntoView = React.useCallback(function (options) {
|
|
91
|
-
if (viewRef.current) {
|
|
92
|
-
viewRef.current.scrollIntoView(options);
|
|
93
|
-
}
|
|
94
|
-
}, []);
|
|
95
|
-
var elementRef = React.useRef(null);
|
|
96
|
-
var ganttRef = React.useRef(null);
|
|
97
|
-
React.useImperativeHandle(ganttRef, function () {
|
|
98
|
-
return { props: props, element: elementRef.current, scrollIntoView: scrollIntoView };
|
|
99
|
-
});
|
|
100
|
-
React.useImperativeHandle(ref, function () { return ganttRef.current; });
|
|
101
|
-
var handleDataStateChange = React.useCallback(function (event) {
|
|
102
|
-
if (props.onDataStateChange) {
|
|
103
|
-
props.onDataStateChange.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
|
|
104
|
-
}
|
|
105
|
-
}, [props.onDataStateChange]);
|
|
106
|
-
var handleSortChange = React.useCallback(function (event) {
|
|
107
|
-
if (props.onSortChange) {
|
|
108
|
-
props.onSortChange.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
|
|
109
|
-
}
|
|
110
|
-
}, [props.onSortChange]);
|
|
111
|
-
var handleKeyDown = React.useCallback(function (event) {
|
|
112
|
-
if (props.onKeyDown) {
|
|
113
|
-
props.onKeyDown.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
|
|
114
|
-
}
|
|
115
|
-
}, [props.onKeyDown]);
|
|
116
|
-
var handleSelectionChange = React.useCallback(function (event) {
|
|
117
|
-
if (props.onSelectionChange) {
|
|
118
|
-
props.onSelectionChange.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
|
|
119
|
-
}
|
|
120
|
-
}, [props.onSelectionChange]);
|
|
121
|
-
var handleHeaderSelectionChange = React.useCallback(function (event) {
|
|
122
|
-
if (props.onHeaderSelectionChange) {
|
|
123
|
-
props.onHeaderSelectionChange.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
|
|
124
|
-
}
|
|
125
|
-
}, [props.onHeaderSelectionChange]);
|
|
126
|
-
var handleFilterChange = React.useCallback(function (event) {
|
|
127
|
-
if (props.onFilterChange) {
|
|
128
|
-
props.onFilterChange.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
|
|
129
|
-
}
|
|
130
|
-
}, [props.onFilterChange]);
|
|
131
|
-
var handleColumnMenuFilterChange = React.useCallback(function (event) {
|
|
132
|
-
if (props.onColumnMenuFilterChange) {
|
|
133
|
-
props.onColumnMenuFilterChange.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
|
|
134
|
-
}
|
|
135
|
-
}, [props.onColumnMenuFilterChange]);
|
|
136
|
-
var handleExpandChange = React.useCallback(function (event) {
|
|
137
|
-
if (props.onExpandChange) {
|
|
138
|
-
props.onExpandChange.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
|
|
139
|
-
}
|
|
140
|
-
}, [props.onExpandChange]);
|
|
141
|
-
var handleAddClick = React.useCallback(function (event) {
|
|
142
|
-
if (props.onAddClick) {
|
|
143
|
-
props.onAddClick.call(undefined, __assign(__assign({}, event), { target: ganttRef.current, selectedDataItem: selectedTaskRef.current, slotStart: firstSlotRangeRef.current && new Date(firstSlotRangeRef.current.start.getTime()), slotEnd: firstSlotRangeRef.current && new Date(firstSlotRangeRef.current.end.getTime()) }));
|
|
144
|
-
}
|
|
145
|
-
}, [props.onAddClick]);
|
|
146
|
-
var handleColumnResize = React.useCallback(function (event) {
|
|
147
|
-
if (props.onColumnResize) {
|
|
148
|
-
props.onColumnResize.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
|
|
149
|
-
}
|
|
150
|
-
}, [props.onColumnResize]);
|
|
151
|
-
var handleColumnReorder = React.useCallback(function (event) {
|
|
152
|
-
if (props.onColumnReorder) {
|
|
153
|
-
props.onColumnReorder.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
|
|
154
|
-
}
|
|
155
|
-
}, [props.onColumnReorder]);
|
|
156
|
-
// ===== ROW events
|
|
157
|
-
var handleRowClick = React.useCallback(function (event) {
|
|
158
|
-
if (props.onRowClick) {
|
|
159
|
-
props.onRowClick.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
|
|
160
|
-
}
|
|
161
|
-
}, [props.onRowClick]);
|
|
162
|
-
var handleRowDoubleClick = React.useCallback(function (event) {
|
|
163
|
-
if (props.onRowDoubleClick) {
|
|
164
|
-
props.onRowDoubleClick.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
|
|
165
|
-
}
|
|
166
|
-
}, [props.onRowClick]);
|
|
167
|
-
var handleRowContextMenu = React.useCallback(function (event) {
|
|
168
|
-
if (props.onRowContextMenu) {
|
|
169
|
-
props.onRowContextMenu.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
|
|
170
|
-
}
|
|
171
|
-
}, [props.onRowClick]);
|
|
172
|
-
// ===== TASK events
|
|
173
|
-
var handleTaskClick = React.useCallback(function (event) {
|
|
174
|
-
if (props.onTaskClick) {
|
|
175
|
-
props.onTaskClick.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
|
|
176
|
-
}
|
|
177
|
-
}, [props.onTaskClick]);
|
|
178
|
-
var handleTaskDoubleClick = React.useCallback(function (event) {
|
|
179
|
-
if (props.onTaskDoubleClick) {
|
|
180
|
-
props.onTaskDoubleClick.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
|
|
181
|
-
}
|
|
182
|
-
}, [props.onTaskDoubleClick]);
|
|
183
|
-
var handleTaskContextMenu = React.useCallback(function (event) {
|
|
184
|
-
if (props.onTaskContextMenu) {
|
|
185
|
-
props.onTaskContextMenu.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
|
|
186
|
-
}
|
|
187
|
-
}, [props.onTaskContextMenu]);
|
|
188
|
-
var handleTaskRemoveClick = React.useCallback(function (event) {
|
|
189
|
-
if (props.onTaskRemoveClick) {
|
|
190
|
-
props.onTaskRemoveClick.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
|
|
191
|
-
}
|
|
192
|
-
}, [props.onTaskRemoveClick]);
|
|
193
|
-
var handleDependencyCreate = React.useCallback(function (event) {
|
|
194
|
-
if (props.onDependencyCreate) {
|
|
195
|
-
var fromId = void 0;
|
|
196
|
-
var toId = void 0;
|
|
197
|
-
var idGetter = (0, kendo_react_common_1.getter)(taskModelFields.id);
|
|
198
|
-
for (var i = 0; i < flatTaskData.length; i++) {
|
|
199
|
-
var currentItem = flatTaskData[i];
|
|
200
|
-
var id = idGetter(currentItem.dataItem);
|
|
201
|
-
if (String(id) === event.fromId) {
|
|
202
|
-
fromId = id;
|
|
203
|
-
}
|
|
204
|
-
if (String(id) === event.toId) {
|
|
205
|
-
toId = id;
|
|
206
|
-
}
|
|
207
|
-
if (fromId && toId) {
|
|
208
|
-
break;
|
|
209
|
-
}
|
|
210
|
-
}
|
|
211
|
-
// required as we receive string representation of ids here
|
|
212
|
-
props.onDependencyCreate.call(undefined, {
|
|
213
|
-
fromId: fromId,
|
|
214
|
-
toId: toId,
|
|
215
|
-
target: ganttRef.current,
|
|
216
|
-
type: event.type
|
|
217
|
-
});
|
|
218
|
-
}
|
|
219
|
-
}, [props.onDependencyCreate, taskModelFields, flatTaskData]);
|
|
220
|
-
return (React.createElement(GanttContext_1.GanttContext, { dateRange: dateRange, taskData: flatTaskData, dependencyData: dependencyData, taskModelFields: taskModelFields, dependencyModelFields: dependencyModelFields, views: views, activeView: [activeViewName, setActiveViewName], rowHeight: rowHeight, toolbarHeight: toolbarHeight, props: {
|
|
221
|
-
columns: columns,
|
|
222
|
-
noRecords: noRecords,
|
|
223
|
-
timezone: timezone,
|
|
224
|
-
resizable: resizable,
|
|
225
|
-
reorderable: reorderable,
|
|
226
|
-
sortable: sortable,
|
|
227
|
-
sort: sort,
|
|
228
|
-
filter: filter,
|
|
229
|
-
columnMenuFilter: columnMenuFilter,
|
|
230
|
-
columnMenu: columnMenu,
|
|
231
|
-
navigatable: navigatable,
|
|
232
|
-
row: row,
|
|
233
|
-
selectable: selectable
|
|
234
|
-
}, events: {
|
|
235
|
-
onDataStateChange: handleDataStateChange,
|
|
236
|
-
onSortChange: handleSortChange,
|
|
237
|
-
onFilterChange: handleFilterChange,
|
|
238
|
-
onColumnMenuFilterChange: handleColumnMenuFilterChange,
|
|
239
|
-
onExpandChange: handleExpandChange,
|
|
240
|
-
onRowClick: handleRowClick,
|
|
241
|
-
onRowDoubleClick: handleRowDoubleClick,
|
|
242
|
-
onRowContextMenu: handleRowContextMenu,
|
|
243
|
-
onColumnResize: handleColumnResize,
|
|
244
|
-
onColumnReorder: handleColumnReorder,
|
|
245
|
-
onDependencyCreate: props.onDependencyCreate && handleDependencyCreate,
|
|
246
|
-
onKeyDown: handleKeyDown,
|
|
247
|
-
onSelectionChange: handleSelectionChange,
|
|
248
|
-
onHeaderSelectionChange: handleHeaderSelectionChange
|
|
249
|
-
}, taskEvents: {
|
|
250
|
-
onTaskClick: handleTaskClick,
|
|
251
|
-
onTaskDoubleClick: handleTaskDoubleClick,
|
|
252
|
-
onTaskContextMenu: handleTaskContextMenu,
|
|
253
|
-
onTaskRemoveClick: props.onTaskRemoveClick && handleTaskRemoveClick
|
|
254
|
-
} },
|
|
255
|
-
React.createElement("div", { ref: elementRef, role: 'application', style: style, className: (0, kendo_react_common_1.classNames)('k-gantt', className) },
|
|
256
|
-
React.createElement(Toolbar_1.Toolbar, { ref: toolbarRef },
|
|
257
|
-
toolbar && toolbar.addTaskButton ?
|
|
258
|
-
React.createElement(AddButton_1.AddButton, { selectedTask: selectedTaskRef.current, onClick: handleAddClick })
|
|
259
|
-
: null,
|
|
260
|
-
React.createElement(kendo_react_buttons_1.ToolbarSpacer, null),
|
|
261
|
-
React.createElement(ViewSelector_1.ViewSelector, null,
|
|
262
|
-
React.createElement(ViewSelectorList_1.ViewSelectorList, null))),
|
|
263
|
-
view && (React.createElement(view.type, __assign({ key: view.props.name, ref: viewRef }, view.props, { firstSlotRangeRef: firstSlotRangeRef }))),
|
|
264
|
-
showLicenseWatermark && React.createElement(kendo_react_common_2.WatermarkOverlay, null))));
|
|
265
|
-
});
|
|
266
|
-
var defaultProps = {
|
|
267
|
-
taskData: [],
|
|
268
|
-
dependencyData: [],
|
|
269
|
-
columns: [],
|
|
270
|
-
rowHeight: 40
|
|
271
|
-
};
|
|
272
|
-
exports.Gantt.propTypes = {
|
|
273
|
-
taskData: PropTypes.array,
|
|
274
|
-
taskModelFields: PropTypes.shape({
|
|
275
|
-
id: PropTypes.string,
|
|
276
|
-
start: PropTypes.string,
|
|
277
|
-
end: PropTypes.string,
|
|
278
|
-
title: PropTypes.string,
|
|
279
|
-
percentComplete: PropTypes.string,
|
|
280
|
-
isRollup: PropTypes.string,
|
|
281
|
-
isExpanded: PropTypes.string,
|
|
282
|
-
children: PropTypes.string,
|
|
283
|
-
isInEdit: PropTypes.string
|
|
284
|
-
}),
|
|
285
|
-
dependencyData: PropTypes.array,
|
|
286
|
-
dependencyModelFields: PropTypes.shape({
|
|
287
|
-
id: PropTypes.string,
|
|
288
|
-
fromId: PropTypes.string,
|
|
289
|
-
toId: PropTypes.string,
|
|
290
|
-
type: PropTypes.string
|
|
291
|
-
}),
|
|
292
|
-
columns: PropTypes.arrayOf(PropTypes.shape({
|
|
293
|
-
width: PropTypes.number,
|
|
294
|
-
cell: PropTypes.any,
|
|
295
|
-
editCell: PropTypes.any,
|
|
296
|
-
headerCell: PropTypes.any,
|
|
297
|
-
filter: PropTypes.any,
|
|
298
|
-
children: PropTypes.any,
|
|
299
|
-
field: PropTypes.string,
|
|
300
|
-
title: PropTypes.string,
|
|
301
|
-
sortable: PropTypes.any,
|
|
302
|
-
expandable: PropTypes.bool,
|
|
303
|
-
headerSelectionValue: PropTypes.bool,
|
|
304
|
-
format: PropTypes.string,
|
|
305
|
-
headerClassName: PropTypes.string,
|
|
306
|
-
className: PropTypes.string,
|
|
307
|
-
resizable: PropTypes.bool,
|
|
308
|
-
reorderable: PropTypes.bool,
|
|
309
|
-
minResizableWidth: PropTypes.number,
|
|
310
|
-
orderIndex: PropTypes.number,
|
|
311
|
-
columnMenu: PropTypes.any
|
|
312
|
-
})),
|
|
313
|
-
sort: PropTypes.array,
|
|
314
|
-
filter: PropTypes.array,
|
|
315
|
-
columnMenuFilter: PropTypes.array,
|
|
316
|
-
columnMenu: PropTypes.any,
|
|
317
|
-
style: PropTypes.object,
|
|
318
|
-
className: PropTypes.string,
|
|
319
|
-
children: PropTypes.any,
|
|
320
|
-
timezone: PropTypes.string,
|
|
321
|
-
defaultView: PropTypes.string,
|
|
322
|
-
view: PropTypes.string,
|
|
323
|
-
rowHeight: PropTypes.number,
|
|
324
|
-
navigatable: PropTypes.bool,
|
|
325
|
-
onViewChange: PropTypes.func,
|
|
326
|
-
onDataStateChange: PropTypes.func,
|
|
327
|
-
onSortChange: PropTypes.func,
|
|
328
|
-
onFilterChange: PropTypes.func,
|
|
329
|
-
onExpandChange: PropTypes.func,
|
|
330
|
-
onRowClick: PropTypes.func,
|
|
331
|
-
onColumnResize: PropTypes.func,
|
|
332
|
-
onColumnReorder: PropTypes.func
|
|
333
|
-
};
|
|
334
|
-
exports.Gantt.defaultProps = defaultProps;
|
|
335
|
-
exports.Gantt.displayName = 'KendoReactGantt';
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { GanttNoRecordsProps } from './interfaces/GanttNoRecordsProps';
|
|
3
|
-
/**
|
|
4
|
-
* Represents the GanttNoRecords component.
|
|
5
|
-
* The component is rendered when the `data` property of the Gantt is an empty array or undefined.
|
|
6
|
-
*/
|
|
7
|
-
export declare class GanttNoRecords extends React.Component<GanttNoRecordsProps, {}> {
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
render(): any;
|
|
12
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.GanttNoRecords = void 0;
|
|
19
|
-
var React = require("react");
|
|
20
|
-
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
21
|
-
var messages_1 = require("./messages");
|
|
22
|
-
/**
|
|
23
|
-
* Represents the GanttNoRecords component.
|
|
24
|
-
* The component is rendered when the `data` property of the Gantt is an empty array or undefined.
|
|
25
|
-
*/
|
|
26
|
-
var GanttNoRecords = /** @class */ (function (_super) {
|
|
27
|
-
__extends(GanttNoRecords, _super);
|
|
28
|
-
function GanttNoRecords() {
|
|
29
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* @hidden
|
|
33
|
-
*/
|
|
34
|
-
GanttNoRecords.prototype.render = function () {
|
|
35
|
-
return this.props.children || (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(messages_1.noRecords, messages_1.messages[messages_1.noRecords]);
|
|
36
|
-
};
|
|
37
|
-
return GanttNoRecords;
|
|
38
|
-
}(React.Component));
|
|
39
|
-
exports.GanttNoRecords = GanttNoRecords;
|
|
40
|
-
(0, kendo_react_intl_1.registerForLocalization)(GanttNoRecords);
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { FilterComponentProps } from '@progress/kendo-react-data-tools';
|
|
3
|
-
import { GanttFilterOperator } from '../../interfaces/GanttFilterOperator';
|
|
4
|
-
export interface GanttBooleanFilterProps extends FilterComponentProps {
|
|
5
|
-
/**
|
|
6
|
-
* The list of the operators.
|
|
7
|
-
*/
|
|
8
|
-
operators?: GanttFilterOperator[];
|
|
9
|
-
}
|
|
10
|
-
export declare const GanttBooleanFilter: React.FunctionComponent<GanttBooleanFilterProps>;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.GanttBooleanFilter = void 0;
|
|
26
|
-
var React = require("react");
|
|
27
|
-
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
28
|
-
var utils_1 = require("./utils");
|
|
29
|
-
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
30
|
-
var GanttBooleanFilter = function (props) {
|
|
31
|
-
var operators = props.operators, restProps = __rest(props, ["operators"]);
|
|
32
|
-
return (React.createElement(kendo_react_data_tools_1.BooleanFilterCell, __assign({ ariaLabel: 'boolean filter' }, (0, utils_1.localizeFilter)((0, kendo_react_intl_1.useLocalization)(), operators || utils_1.booleanFilterValues), restProps)));
|
|
33
|
-
};
|
|
34
|
-
exports.GanttBooleanFilter = GanttBooleanFilter;
|
|
35
|
-
exports.GanttBooleanFilter.displayName = 'KendoReactGanttBooleanFilter';
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.GanttDateFilter = void 0;
|
|
26
|
-
var React = require("react");
|
|
27
|
-
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
28
|
-
var utils_1 = require("./utils");
|
|
29
|
-
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
30
|
-
var GanttDateFilter = function (props) {
|
|
31
|
-
var operators = props.operators, restProps = __rest(props, ["operators"]);
|
|
32
|
-
return (React.createElement(kendo_react_data_tools_1.DateFilterCell, __assign({ ariaLabel: 'date filter' }, (0, utils_1.localizeFilter)((0, kendo_react_intl_1.useLocalization)(), operators || utils_1.dateFilterOperators), restProps)));
|
|
33
|
-
};
|
|
34
|
-
exports.GanttDateFilter = GanttDateFilter;
|
|
35
|
-
exports.GanttDateFilter.displayName = 'KendoReactGanttDateFilter';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { FilterComponentProps } from '@progress/kendo-react-data-tools';
|
|
3
|
-
import { GanttFilterOperator } from '../../interfaces/GanttFilterOperator';
|
|
4
|
-
export interface GanttNumericFilterProps extends FilterComponentProps {
|
|
5
|
-
/**
|
|
6
|
-
* The list of the operators.
|
|
7
|
-
*/
|
|
8
|
-
operators?: GanttFilterOperator[];
|
|
9
|
-
}
|
|
10
|
-
export declare const GanttNumericFilter: React.FunctionComponent<GanttNumericFilterProps>;
|