@progress/kendo-react-data-tools 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/LICENSE.md +1 -1
- package/{dist/npm/columnmenu → columnmenu}/ColumnMenu.d.ts +4 -0
- package/{dist/es/columnmenu → columnmenu}/ColumnMenuFilterForm.d.ts +4 -0
- package/columnmenu/ColumnMenuFilterLogic.d.ts +7 -0
- package/{dist/es/columnmenu → columnmenu}/ColumnMenuFilters.d.ts +4 -0
- package/{dist/npm/columnmenu → columnmenu}/ColumnMenuItem.d.ts +4 -0
- package/{dist/npm/columnmenu → columnmenu}/ColumnMenuOperators.d.ts +4 -0
- package/columnmenu/index.d.ts +10 -0
- package/dist/cdn/js/kendo-react-datatools.js +5 -0
- package/{dist/npm/drag → drag}/ColumnDraggable.d.ts +5 -1
- package/{dist/es/drag → drag}/ColumnResize.d.ts +4 -0
- package/{dist/es/drag → drag}/ColumnResizer.d.ts +5 -1
- package/{dist/npm/drag → drag}/CommonDragLogic.d.ts +5 -1
- package/{dist/npm/drag → drag}/DragClue.d.ts +5 -1
- package/drag/DropClue.d.ts +23 -0
- package/{dist/npm/filter → filter}/Expression.d.ts +5 -1
- package/{dist/es/filter → filter}/FieldSettings.d.ts +4 -0
- package/{dist/es/filter → filter}/Filter.d.ts +5 -1
- package/{dist/es/filter → filter}/Group.d.ts +5 -1
- package/{dist/npm/filter → filter}/filters/BooleanFilter.d.ts +5 -1
- package/{dist/npm/filter → filter}/filters/DateFilter.d.ts +5 -1
- package/{dist/npm/filter → filter}/filters/EnumFilter.d.ts +5 -1
- package/{dist/es/filter → filter}/filters/NumericFilter.d.ts +5 -1
- package/{dist/es/filter → filter}/filters/TextFilter.d.ts +5 -1
- package/filter/filters/index.d.ts +9 -0
- package/filter/index.d.ts +10 -0
- package/{dist/es/filter → filter}/operators.d.ts +4 -0
- package/filteringCells/BooleanFilter.d.ts +12 -0
- package/filteringCells/DateFilter.d.ts +12 -0
- package/{dist/es/filteringCells → filteringCells}/FilterCellProps.d.ts +4 -1
- package/{dist/npm/filteringCells → filteringCells}/FilterComponent.d.ts +4 -0
- package/{dist/es/filteringCells → filteringCells}/FilterComponentProps.d.ts +4 -0
- package/filteringCells/FilterOperator.d.ts +17 -0
- package/filteringCells/NumericFilter.d.ts +12 -0
- package/filteringCells/TextFilter.d.ts +12 -0
- package/filteringCells/index.d.ts +12 -0
- package/{dist/es/header → header}/CellProps.d.ts +4 -0
- package/{dist/npm/header → header}/ColumnProps.d.ts +4 -0
- package/{dist/es/header → header}/FilterRow.d.ts +5 -1
- package/header/Header.d.ts +22 -0
- package/{dist/es/header → header}/HeaderCell.d.ts +5 -1
- package/{dist/es/header → header}/HeaderRow.d.ts +6 -2
- package/header/HeaderSelectionCell.d.ts +15 -0
- package/header/HeaderThElement.d.ts +26 -0
- package/{dist/es/header → header}/SortSettings.d.ts +6 -2
- package/header/index.d.ts +14 -0
- package/{dist/npm/header → header}/utils/index.d.ts +4 -0
- package/{dist/es/main.d.ts → index.d.ts} +5 -1
- package/index.js +5 -0
- package/index.mjs +2901 -0
- package/{dist/npm/messages → messages}/index.d.ts +4 -0
- package/{dist/es/navigation → navigation}/TableKeyboardNavigation.d.ts +9 -5
- package/navigation/TableKeyboardNavigationContext.d.ts +10 -0
- package/navigation/TableKeyboardNavigationContextType.d.ts +11 -0
- package/navigation/TableKeyboardNavigationStateType.d.ts +14 -0
- package/{dist/npm/navigation → navigation}/constants.d.ts +4 -0
- package/navigation/hooks.d.ts +16 -0
- package/{dist/npm/navigation → navigation}/utils.d.ts +6 -2
- package/package-metadata.d.ts +9 -0
- package/package.json +36 -51
- package/{dist/es/pager → pager}/Pager.d.ts +5 -1
- package/{dist/es/pager → pager}/PagerInput.d.ts +5 -1
- package/{dist/npm/pager → pager}/PagerNumericButtons.d.ts +5 -1
- package/{dist/npm/pager → pager}/PagerPageSizes.d.ts +5 -1
- package/{dist/npm/selection → selection}/TableSelectableSettings.d.ts +5 -1
- package/{dist/es/selection → selection}/TableSelection.d.ts +5 -2
- package/selection/constants.d.ts +10 -0
- package/{dist/es/selection → selection}/events.d.ts +4 -0
- package/{dist/es/selection → selection}/utils.d.ts +4 -0
- package/utils/DataItemWrapper.d.ts +14 -0
- package/{dist/npm/utils → utils}/data-operations.d.ts +4 -0
- package/{dist/npm/utils → utils}/group-operations.d.ts +5 -1
- package/virtualization/columns.d.ts +19 -0
- package/virtualization/index.d.ts +5 -0
- package/about.md +0 -3
- package/dist/cdn/js/kendo-react-data-tools.js +0 -1
- package/dist/es/columnmenu/ColumnMenu.d.ts +0 -79
- package/dist/es/columnmenu/ColumnMenu.js +0 -238
- package/dist/es/columnmenu/ColumnMenuFilterForm.js +0 -33
- package/dist/es/columnmenu/ColumnMenuFilterLogic.d.ts +0 -3
- package/dist/es/columnmenu/ColumnMenuFilterLogic.js +0 -22
- package/dist/es/columnmenu/ColumnMenuFilters.js +0 -62
- package/dist/es/columnmenu/ColumnMenuItem.d.ts +0 -11
- package/dist/es/columnmenu/ColumnMenuItem.js +0 -7
- package/dist/es/columnmenu/ColumnMenuOperators.d.ts +0 -65
- package/dist/es/columnmenu/ColumnMenuOperators.js +0 -137
- package/dist/es/columnmenu/index.d.ts +0 -6
- package/dist/es/columnmenu/index.js +0 -6
- package/dist/es/drag/ColumnDraggable.d.ts +0 -30
- package/dist/es/drag/ColumnDraggable.js +0 -62
- package/dist/es/drag/ColumnResize.js +0 -95
- package/dist/es/drag/ColumnResizer.js +0 -71
- package/dist/es/drag/CommonDragLogic.d.ts +0 -38
- package/dist/es/drag/CommonDragLogic.js +0 -172
- package/dist/es/drag/DragClue.d.ts +0 -22
- package/dist/es/drag/DragClue.js +0 -66
- package/dist/es/drag/DropClue.d.ts +0 -19
- package/dist/es/drag/DropClue.js +0 -52
- package/dist/es/filter/Expression.d.ts +0 -46
- package/dist/es/filter/Expression.js +0 -140
- package/dist/es/filter/FieldSettings.js +0 -1
- package/dist/es/filter/Filter.js +0 -99
- package/dist/es/filter/Group.js +0 -163
- package/dist/es/filter/filters/BooleanFilter.d.ts +0 -43
- package/dist/es/filter/filters/BooleanFilter.js +0 -48
- package/dist/es/filter/filters/DateFilter.d.ts +0 -26
- package/dist/es/filter/filters/DateFilter.js +0 -61
- package/dist/es/filter/filters/EnumFilter.d.ts +0 -43
- package/dist/es/filter/filters/EnumFilter.js +0 -69
- package/dist/es/filter/filters/NumericFilter.js +0 -64
- package/dist/es/filter/filters/TextFilter.js +0 -65
- package/dist/es/filter/filters/index.d.ts +0 -5
- package/dist/es/filter/filters/index.js +0 -5
- package/dist/es/filter/index.d.ts +0 -6
- package/dist/es/filter/index.js +0 -6
- package/dist/es/filter/operators.js +0 -150
- package/dist/es/filteringCells/BooleanFilter.d.ts +0 -8
- package/dist/es/filteringCells/BooleanFilter.js +0 -81
- package/dist/es/filteringCells/DateFilter.d.ts +0 -8
- package/dist/es/filteringCells/DateFilter.js +0 -46
- package/dist/es/filteringCells/FilterCellProps.js +0 -1
- package/dist/es/filteringCells/FilterComponent.d.ts +0 -17
- package/dist/es/filteringCells/FilterComponent.js +0 -128
- package/dist/es/filteringCells/FilterComponentProps.js +0 -1
- package/dist/es/filteringCells/FilterOperator.d.ts +0 -13
- package/dist/es/filteringCells/FilterOperator.js +0 -1
- package/dist/es/filteringCells/NumericFilter.d.ts +0 -8
- package/dist/es/filteringCells/NumericFilter.js +0 -46
- package/dist/es/filteringCells/TextFilter.d.ts +0 -8
- package/dist/es/filteringCells/TextFilter.js +0 -46
- package/dist/es/filteringCells/index.d.ts +0 -8
- package/dist/es/filteringCells/index.js +0 -8
- package/dist/es/header/CellProps.js +0 -1
- package/dist/es/header/ColumnProps.d.ts +0 -153
- package/dist/es/header/ColumnProps.js +0 -11
- package/dist/es/header/FilterRow.js +0 -33
- package/dist/es/header/Header.d.ts +0 -18
- package/dist/es/header/Header.js +0 -54
- package/dist/es/header/HeaderCell.js +0 -26
- package/dist/es/header/HeaderRow.js +0 -166
- package/dist/es/header/HeaderSelectionCell.d.ts +0 -12
- package/dist/es/header/HeaderSelectionCell.js +0 -18
- package/dist/es/header/HeaderThElement.d.ts +0 -23
- package/dist/es/header/HeaderThElement.js +0 -25
- package/dist/es/header/SortSettings.js +0 -19
- package/dist/es/header/index.d.ts +0 -10
- package/dist/es/header/index.js +0 -10
- package/dist/es/header/utils/index.d.ts +0 -83
- package/dist/es/header/utils/index.js +0 -186
- package/dist/es/main.js +0 -26
- package/dist/es/messages/index.d.ts +0 -385
- package/dist/es/messages/index.js +0 -386
- package/dist/es/navigation/TableKeyboardNavigation.js +0 -241
- package/dist/es/navigation/TableKeyboardNavigationContext.d.ts +0 -6
- package/dist/es/navigation/TableKeyboardNavigationContext.js +0 -6
- package/dist/es/navigation/TableKeyboardNavigationContextType.d.ts +0 -7
- package/dist/es/navigation/TableKeyboardNavigationContextType.js +0 -1
- package/dist/es/navigation/TableKeyboardNavigationStateType.d.ts +0 -10
- package/dist/es/navigation/TableKeyboardNavigationStateType.js +0 -1
- package/dist/es/navigation/constants.d.ts +0 -54
- package/dist/es/navigation/constants.js +0 -79
- package/dist/es/navigation/hooks.d.ts +0 -12
- package/dist/es/navigation/hooks.js +0 -19
- package/dist/es/navigation/utils.d.ts +0 -145
- package/dist/es/navigation/utils.js +0 -212
- package/dist/es/package-metadata.d.ts +0 -5
- package/dist/es/package-metadata.js +0 -11
- package/dist/es/pager/Pager.js +0 -222
- package/dist/es/pager/PagerInput.js +0 -57
- package/dist/es/pager/PagerNumericButtons.d.ts +0 -28
- package/dist/es/pager/PagerNumericButtons.js +0 -105
- package/dist/es/pager/PagerPageSizes.d.ts +0 -26
- package/dist/es/pager/PagerPageSizes.js +0 -51
- package/dist/es/selection/TableSelectableSettings.d.ts +0 -31
- package/dist/es/selection/TableSelectableSettings.js +0 -2
- package/dist/es/selection/TableSelection.js +0 -155
- package/dist/es/selection/constants.d.ts +0 -6
- package/dist/es/selection/constants.js +0 -6
- package/dist/es/selection/events.js +0 -1
- package/dist/es/selection/utils.js +0 -237
- package/dist/es/utils/DataItemWrapper.d.ts +0 -10
- package/dist/es/utils/DataItemWrapper.js +0 -1
- package/dist/es/utils/data-operations.d.ts +0 -94
- package/dist/es/utils/data-operations.js +0 -265
- package/dist/es/utils/group-operations.d.ts +0 -29
- package/dist/es/utils/group-operations.js +0 -54
- package/dist/es/virtualization/columns.d.ts +0 -15
- package/dist/es/virtualization/columns.js +0 -75
- package/dist/es/virtualization/index.d.ts +0 -1
- package/dist/es/virtualization/index.js +0 -1
- package/dist/npm/columnmenu/ColumnMenu.js +0 -245
- package/dist/npm/columnmenu/ColumnMenuFilterForm.d.ts +0 -13
- package/dist/npm/columnmenu/ColumnMenuFilterForm.js +0 -38
- package/dist/npm/columnmenu/ColumnMenuFilterLogic.d.ts +0 -3
- package/dist/npm/columnmenu/ColumnMenuFilterLogic.js +0 -26
- package/dist/npm/columnmenu/ColumnMenuFilters.d.ts +0 -19
- package/dist/npm/columnmenu/ColumnMenuFilters.js +0 -69
- package/dist/npm/columnmenu/ColumnMenuItem.js +0 -11
- package/dist/npm/columnmenu/ColumnMenuOperators.js +0 -140
- package/dist/npm/columnmenu/index.d.ts +0 -6
- package/dist/npm/columnmenu/index.js +0 -22
- package/dist/npm/drag/ColumnDraggable.js +0 -65
- package/dist/npm/drag/ColumnResize.d.ts +0 -32
- package/dist/npm/drag/ColumnResize.js +0 -98
- package/dist/npm/drag/ColumnResizer.d.ts +0 -28
- package/dist/npm/drag/ColumnResizer.js +0 -74
- package/dist/npm/drag/CommonDragLogic.js +0 -175
- package/dist/npm/drag/DragClue.js +0 -69
- package/dist/npm/drag/DropClue.d.ts +0 -19
- package/dist/npm/drag/DropClue.js +0 -55
- package/dist/npm/filter/Expression.js +0 -143
- package/dist/npm/filter/FieldSettings.d.ts +0 -30
- package/dist/npm/filter/FieldSettings.js +0 -2
- package/dist/npm/filter/Filter.d.ts +0 -79
- package/dist/npm/filter/Filter.js +0 -102
- package/dist/npm/filter/Group.d.ts +0 -54
- package/dist/npm/filter/Group.js +0 -166
- package/dist/npm/filter/filters/BooleanFilter.js +0 -51
- package/dist/npm/filter/filters/DateFilter.js +0 -64
- package/dist/npm/filter/filters/EnumFilter.js +0 -72
- package/dist/npm/filter/filters/NumericFilter.d.ts +0 -33
- package/dist/npm/filter/filters/NumericFilter.js +0 -67
- package/dist/npm/filter/filters/TextFilter.d.ts +0 -40
- package/dist/npm/filter/filters/TextFilter.js +0 -68
- package/dist/npm/filter/filters/index.d.ts +0 -5
- package/dist/npm/filter/filters/index.js +0 -21
- package/dist/npm/filter/index.d.ts +0 -6
- package/dist/npm/filter/index.js +0 -22
- package/dist/npm/filter/operators.d.ts +0 -73
- package/dist/npm/filter/operators.js +0 -155
- package/dist/npm/filteringCells/BooleanFilter.d.ts +0 -8
- package/dist/npm/filteringCells/BooleanFilter.js +0 -84
- package/dist/npm/filteringCells/DateFilter.d.ts +0 -8
- package/dist/npm/filteringCells/DateFilter.js +0 -49
- package/dist/npm/filteringCells/FilterCellProps.d.ts +0 -36
- package/dist/npm/filteringCells/FilterCellProps.js +0 -2
- package/dist/npm/filteringCells/FilterComponent.js +0 -132
- package/dist/npm/filteringCells/FilterComponentProps.d.ts +0 -23
- package/dist/npm/filteringCells/FilterComponentProps.js +0 -2
- package/dist/npm/filteringCells/FilterOperator.d.ts +0 -13
- package/dist/npm/filteringCells/FilterOperator.js +0 -2
- package/dist/npm/filteringCells/NumericFilter.d.ts +0 -8
- package/dist/npm/filteringCells/NumericFilter.js +0 -49
- package/dist/npm/filteringCells/TextFilter.d.ts +0 -8
- package/dist/npm/filteringCells/TextFilter.js +0 -49
- package/dist/npm/filteringCells/index.d.ts +0 -8
- package/dist/npm/filteringCells/index.js +0 -24
- package/dist/npm/header/CellProps.d.ts +0 -68
- package/dist/npm/header/CellProps.js +0 -2
- package/dist/npm/header/ColumnProps.js +0 -14
- package/dist/npm/header/FilterRow.d.ts +0 -25
- package/dist/npm/header/FilterRow.js +0 -37
- package/dist/npm/header/Header.d.ts +0 -18
- package/dist/npm/header/Header.js +0 -57
- package/dist/npm/header/HeaderCell.d.ts +0 -47
- package/dist/npm/header/HeaderCell.js +0 -30
- package/dist/npm/header/HeaderRow.d.ts +0 -37
- package/dist/npm/header/HeaderRow.js +0 -169
- package/dist/npm/header/HeaderSelectionCell.d.ts +0 -12
- package/dist/npm/header/HeaderSelectionCell.js +0 -22
- package/dist/npm/header/HeaderThElement.d.ts +0 -23
- package/dist/npm/header/HeaderThElement.js +0 -29
- package/dist/npm/header/SortSettings.d.ts +0 -26
- package/dist/npm/header/SortSettings.js +0 -23
- package/dist/npm/header/index.d.ts +0 -10
- package/dist/npm/header/index.js +0 -26
- package/dist/npm/header/utils/index.js +0 -196
- package/dist/npm/main.d.ts +0 -26
- package/dist/npm/main.js +0 -51
- package/dist/npm/messages/index.js +0 -390
- package/dist/npm/navigation/TableKeyboardNavigation.d.ts +0 -68
- package/dist/npm/navigation/TableKeyboardNavigation.js +0 -244
- package/dist/npm/navigation/TableKeyboardNavigationContext.d.ts +0 -6
- package/dist/npm/navigation/TableKeyboardNavigationContext.js +0 -9
- package/dist/npm/navigation/TableKeyboardNavigationContextType.d.ts +0 -7
- package/dist/npm/navigation/TableKeyboardNavigationContextType.js +0 -2
- package/dist/npm/navigation/TableKeyboardNavigationStateType.d.ts +0 -10
- package/dist/npm/navigation/TableKeyboardNavigationStateType.js +0 -2
- package/dist/npm/navigation/constants.js +0 -82
- package/dist/npm/navigation/hooks.d.ts +0 -12
- package/dist/npm/navigation/hooks.js +0 -23
- package/dist/npm/navigation/utils.js +0 -235
- package/dist/npm/package-metadata.d.ts +0 -5
- package/dist/npm/package-metadata.js +0 -14
- package/dist/npm/pager/Pager.d.ts +0 -204
- package/dist/npm/pager/Pager.js +0 -225
- package/dist/npm/pager/PagerInput.d.ts +0 -25
- package/dist/npm/pager/PagerInput.js +0 -60
- package/dist/npm/pager/PagerNumericButtons.js +0 -108
- package/dist/npm/pager/PagerPageSizes.js +0 -54
- package/dist/npm/selection/TableSelectableSettings.js +0 -3
- package/dist/npm/selection/TableSelection.d.ts +0 -12
- package/dist/npm/selection/TableSelection.js +0 -159
- package/dist/npm/selection/constants.d.ts +0 -6
- package/dist/npm/selection/constants.js +0 -9
- package/dist/npm/selection/events.d.ts +0 -94
- package/dist/npm/selection/events.js +0 -2
- package/dist/npm/selection/utils.d.ts +0 -66
- package/dist/npm/selection/utils.js +0 -249
- package/dist/npm/utils/DataItemWrapper.d.ts +0 -10
- package/dist/npm/utils/DataItemWrapper.js +0 -2
- package/dist/npm/utils/data-operations.js +0 -278
- package/dist/npm/utils/group-operations.js +0 -60
- package/dist/npm/virtualization/columns.d.ts +0 -15
- package/dist/npm/virtualization/columns.js +0 -79
- package/dist/npm/virtualization/index.d.ts +0 -1
- package/dist/npm/virtualization/index.js +0 -17
- package/dist/systemjs/kendo-react-data-tools.js +0 -1
- package/e2e-next/filter.basic.tests.ts +0 -24
- package/e2e-next/pager.basic.tests.ts +0 -24
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
2
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
3
|
-
if (ar || !(i in from)) {
|
|
4
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
5
|
-
ar[i] = from[i];
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
9
|
-
};
|
|
10
|
-
import { columnMenuFilterEqOperator, columnMenuFilterNotEqOperator, columnMenuFilterIsNullOperator, columnMenuFilterIsNotNullOperator, columnMenuFilterIsEmptyOperator, columnMenuFilterIsNotEmptyOperator, columnMenuFilterStartsWithOperator, columnMenuFilterContainsOperator, columnMenuFilterNotContainsOperator, columnMenuFilterEndsWithOperator, columnMenuFilterGteOperator, columnMenuFilterGtOperator, columnMenuFilterLteOperator, columnMenuFilterLtOperator, columnMenuFilterAfterOrEqualOperator, columnMenuFilterAfterOperator, columnMenuFilterBeforeOperator, columnMenuFilterBeforeOrEqualOperator, columnMenuFilterIsTrue } from '../messages';
|
|
11
|
-
var textOperators = [
|
|
12
|
-
{ text: columnMenuFilterContainsOperator, operator: 'contains' },
|
|
13
|
-
{ text: columnMenuFilterNotContainsOperator, operator: 'doesnotcontain' },
|
|
14
|
-
{ text: columnMenuFilterEqOperator, operator: 'eq' },
|
|
15
|
-
{ text: columnMenuFilterNotEqOperator, operator: 'neq' },
|
|
16
|
-
{ text: columnMenuFilterStartsWithOperator, operator: 'startswith' },
|
|
17
|
-
{ text: columnMenuFilterEndsWithOperator, operator: 'endswith' },
|
|
18
|
-
{ text: columnMenuFilterIsNullOperator, operator: 'isnull' },
|
|
19
|
-
{ text: columnMenuFilterIsNotNullOperator, operator: 'isnotnull' },
|
|
20
|
-
{ text: columnMenuFilterIsEmptyOperator, operator: 'isempty' },
|
|
21
|
-
{ text: columnMenuFilterIsNotEmptyOperator, operator: 'isnotempty' }
|
|
22
|
-
];
|
|
23
|
-
var numericOperators = [
|
|
24
|
-
{ text: columnMenuFilterEqOperator, operator: 'eq' },
|
|
25
|
-
{ text: columnMenuFilterNotEqOperator, operator: 'neq' },
|
|
26
|
-
{ text: columnMenuFilterGteOperator, operator: 'gte' },
|
|
27
|
-
{ text: columnMenuFilterGtOperator, operator: 'gt' },
|
|
28
|
-
{ text: columnMenuFilterLteOperator, operator: 'lte' },
|
|
29
|
-
{ text: columnMenuFilterLtOperator, operator: 'lt' },
|
|
30
|
-
{ text: columnMenuFilterIsNullOperator, operator: 'isnull' },
|
|
31
|
-
{ text: columnMenuFilterIsNotNullOperator, operator: 'isnotnull' }
|
|
32
|
-
];
|
|
33
|
-
var dateOperators = [
|
|
34
|
-
{ text: columnMenuFilterEqOperator, operator: 'eq' },
|
|
35
|
-
{ text: columnMenuFilterNotEqOperator, operator: 'neq' },
|
|
36
|
-
{ text: columnMenuFilterAfterOrEqualOperator, operator: 'gte' },
|
|
37
|
-
{ text: columnMenuFilterAfterOperator, operator: 'gt' },
|
|
38
|
-
{ text: columnMenuFilterBeforeOperator, operator: 'lt' },
|
|
39
|
-
{ text: columnMenuFilterBeforeOrEqualOperator, operator: 'lte' },
|
|
40
|
-
{ text: columnMenuFilterIsNullOperator, operator: 'isnull' },
|
|
41
|
-
{ text: columnMenuFilterIsNotNullOperator, operator: 'isnotnull' }
|
|
42
|
-
];
|
|
43
|
-
var booleanOperators = [
|
|
44
|
-
{ text: columnMenuFilterIsTrue, operator: '' }
|
|
45
|
-
];
|
|
46
|
-
/**
|
|
47
|
-
* Represents the operators for the ColumnMenuTextFilter, ColumnMenuNumericFilter,
|
|
48
|
-
* ColumnMenuDateFilter and ColumnMenuBooleanFilter components.
|
|
49
|
-
*
|
|
50
|
-
* The text field of each operator object will be resolved according to the
|
|
51
|
-
* [localization messages]({% slug globalization_datatools %}#toc-messages).
|
|
52
|
-
*/
|
|
53
|
-
var ColumnMenuOperators = /** @class */ (function () {
|
|
54
|
-
function ColumnMenuOperators() {
|
|
55
|
-
}
|
|
56
|
-
Object.defineProperty(ColumnMenuOperators, "text", {
|
|
57
|
-
/**
|
|
58
|
-
* An array containing the operators for the ColumnMenuTextFilter component.
|
|
59
|
-
*
|
|
60
|
-
* The operators are:
|
|
61
|
-
*
|
|
62
|
-
* - { text: 'columnMenu.filterContainsOperator', operator: 'contains' }
|
|
63
|
-
* - { text: 'columnMenu.filterNotContainsOperator', operator: 'doesnotcontain' }
|
|
64
|
-
* - { text: 'columnMenu.filterEqOperator', operator: 'eq' }
|
|
65
|
-
* - { text: 'columnMenu.filterNotEqOperator', operator: 'neq' }
|
|
66
|
-
* - { text: 'columnMenu.filterStartsWithOperator', operator: 'startswith' }
|
|
67
|
-
* - { text: 'columnMenu.filterEndsWithOperator', operator: 'endswith' }
|
|
68
|
-
* - { text: 'columnMenu.filterIsNullOperator', operator: 'isnull' }
|
|
69
|
-
* - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
|
|
70
|
-
* - { text: 'columnMenu.filterIsEmptyOperator', operator: 'isempty' }
|
|
71
|
-
* - { text: 'columnMenu.filterIsNotEmptyOperator', operator: 'isnotempty' }
|
|
72
|
-
*/
|
|
73
|
-
get: function () {
|
|
74
|
-
return __spreadArray([], textOperators, true);
|
|
75
|
-
},
|
|
76
|
-
enumerable: false,
|
|
77
|
-
configurable: true
|
|
78
|
-
});
|
|
79
|
-
Object.defineProperty(ColumnMenuOperators, "numeric", {
|
|
80
|
-
/**
|
|
81
|
-
* An array containing the operators for the ColumnMenuNumericFilter component.
|
|
82
|
-
*
|
|
83
|
-
* The operators are:
|
|
84
|
-
*
|
|
85
|
-
* - { text: 'columnMenu.filterEqOperator', operator: 'eq' }
|
|
86
|
-
* - { text: 'columnMenu.filterNotEqOperator', operator: 'neq' }
|
|
87
|
-
* - { text: 'columnMenu.filterGteOperator', operator: 'gte' }
|
|
88
|
-
* - { text: 'columnMenu.filterGtOperator', operator: 'gt' }
|
|
89
|
-
* - { text: 'columnMenu.filterLteOperator', operator: 'lte' }
|
|
90
|
-
* - { text: 'columnMenu.filterLtOperator', operator: 'lt' }
|
|
91
|
-
* - { text: 'columnMenu.filterIsNullOperator', operator: 'isnull' }
|
|
92
|
-
* - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
|
|
93
|
-
*/
|
|
94
|
-
get: function () {
|
|
95
|
-
return __spreadArray([], numericOperators, true);
|
|
96
|
-
},
|
|
97
|
-
enumerable: false,
|
|
98
|
-
configurable: true
|
|
99
|
-
});
|
|
100
|
-
Object.defineProperty(ColumnMenuOperators, "date", {
|
|
101
|
-
/**
|
|
102
|
-
* An array containing the operators for the ColumnMenuDateFilter component.
|
|
103
|
-
*
|
|
104
|
-
* The operators are:
|
|
105
|
-
*
|
|
106
|
-
* - { text: 'columnMenu.filterEqOperator', operator: 'eq' }
|
|
107
|
-
* - { text: 'columnMenu.filterNotEqOperator', operator: 'neq' }
|
|
108
|
-
* - { text: 'columnMenu.filterAfterOrEqualOperator', operator: 'gte' }
|
|
109
|
-
* - { text: 'columnMenu.filterAfterOperator', operator: 'gt' }
|
|
110
|
-
* - { text: 'columnMenu.filterBeforeOperator', operator: 'lt' }
|
|
111
|
-
* - { text: 'columnMenu.filterBeforeOrEqualOperator', operator: 'lte' }
|
|
112
|
-
* - { text: 'columnMenu.filterIsNullOperator', operator: 'isnull' }
|
|
113
|
-
* - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
|
|
114
|
-
*/
|
|
115
|
-
get: function () {
|
|
116
|
-
return __spreadArray([], dateOperators, true);
|
|
117
|
-
},
|
|
118
|
-
enumerable: false,
|
|
119
|
-
configurable: true
|
|
120
|
-
});
|
|
121
|
-
Object.defineProperty(ColumnMenuOperators, "boolean", {
|
|
122
|
-
/**
|
|
123
|
-
* An array containing the operators for the ColumnMenuBooleanFilter component.
|
|
124
|
-
*
|
|
125
|
-
* The operators are:
|
|
126
|
-
*
|
|
127
|
-
* - { text: 'columnMenu.filterIsTrue', operator: '' }
|
|
128
|
-
*/
|
|
129
|
-
get: function () {
|
|
130
|
-
return __spreadArray([], booleanOperators, true);
|
|
131
|
-
},
|
|
132
|
-
enumerable: false,
|
|
133
|
-
configurable: true
|
|
134
|
-
});
|
|
135
|
-
return ColumnMenuOperators;
|
|
136
|
-
}());
|
|
137
|
-
export { ColumnMenuOperators };
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @hidden
|
|
4
|
-
*/
|
|
5
|
-
export interface ColumnDraggableProps {
|
|
6
|
-
pressHandler?: (draggableEvent: any, element: HTMLTableRowElement | HTMLDivElement) => void;
|
|
7
|
-
dragHandler?: (draggableEvent: any, element: HTMLTableRowElement | HTMLDivElement) => void;
|
|
8
|
-
releaseHandler?: (draggableEvent: any) => void;
|
|
9
|
-
ariaRowIndex?: number;
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* @hidden
|
|
14
|
-
*/
|
|
15
|
-
export declare class ColumnDraggable extends React.PureComponent<ColumnDraggableProps, {}> {
|
|
16
|
-
private draggable;
|
|
17
|
-
/**
|
|
18
|
-
* @hidden
|
|
19
|
-
*/
|
|
20
|
-
onPress: (data: any) => void;
|
|
21
|
-
/**
|
|
22
|
-
* @hidden
|
|
23
|
-
*/
|
|
24
|
-
onDrag: (data: any) => void;
|
|
25
|
-
/**
|
|
26
|
-
* @hidden
|
|
27
|
-
*/
|
|
28
|
-
onRelease: (data: any) => void;
|
|
29
|
-
render(): JSX.Element;
|
|
30
|
-
}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
import * as React from 'react';
|
|
17
|
-
import { Draggable } from '@progress/kendo-react-common';
|
|
18
|
-
/**
|
|
19
|
-
* @hidden
|
|
20
|
-
*/
|
|
21
|
-
var ColumnDraggable = /** @class */ (function (_super) {
|
|
22
|
-
__extends(ColumnDraggable, _super);
|
|
23
|
-
function ColumnDraggable() {
|
|
24
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
25
|
-
_this.draggable = null;
|
|
26
|
-
/**
|
|
27
|
-
* @hidden
|
|
28
|
-
*/
|
|
29
|
-
_this.onPress = function (data) {
|
|
30
|
-
var element = _this.draggable && _this.draggable.element;
|
|
31
|
-
if (element && _this.props.pressHandler) {
|
|
32
|
-
_this.props.pressHandler(data.event, element);
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
/**
|
|
36
|
-
* @hidden
|
|
37
|
-
*/
|
|
38
|
-
_this.onDrag = function (data) {
|
|
39
|
-
var element = _this.draggable && _this.draggable.element;
|
|
40
|
-
if (element && _this.props.dragHandler) {
|
|
41
|
-
_this.props.dragHandler(data.event, element);
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
/**
|
|
45
|
-
* @hidden
|
|
46
|
-
*/
|
|
47
|
-
_this.onRelease = function (data) {
|
|
48
|
-
var element = _this.draggable && _this.draggable.element;
|
|
49
|
-
if (element && _this.props.releaseHandler) {
|
|
50
|
-
_this.props.releaseHandler(data.event);
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
return _this;
|
|
54
|
-
}
|
|
55
|
-
ColumnDraggable.prototype.render = function () {
|
|
56
|
-
var _this = this;
|
|
57
|
-
return (React.createElement(Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
|
|
58
|
-
React.createElement("tr", { className: 'k-table-row', "aria-rowindex": this.props.ariaRowIndex, role: 'row' }, this.props.children)));
|
|
59
|
-
};
|
|
60
|
-
return ColumnDraggable;
|
|
61
|
-
}(React.PureComponent));
|
|
62
|
-
export { ColumnDraggable };
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @hidden
|
|
3
|
-
*/
|
|
4
|
-
var ColumnResize = /** @class */ (function () {
|
|
5
|
-
function ColumnResize(triggerResize) {
|
|
6
|
-
var _this = this;
|
|
7
|
-
// Typings. `col` and `colgroup` do not differ, both represnt a `HTMLTableColElement`.
|
|
8
|
-
// Implemented as `any`.
|
|
9
|
-
this.columns = [];
|
|
10
|
-
/**
|
|
11
|
-
* The settings for resizing the Grid.
|
|
12
|
-
*/
|
|
13
|
-
this.resizable = false;
|
|
14
|
-
this.isRtl = false;
|
|
15
|
-
this.setIsRtl = function (isRtl) {
|
|
16
|
-
_this.isRtl = isRtl;
|
|
17
|
-
};
|
|
18
|
-
this.onResize = triggerResize;
|
|
19
|
-
this.dragHandler = this.dragHandler.bind(this);
|
|
20
|
-
}
|
|
21
|
-
ColumnResize.prototype.dragHandler = function (event, column, dragCue, end) {
|
|
22
|
-
var e = event.originalEvent;
|
|
23
|
-
if (!end) {
|
|
24
|
-
e.preventDefault();
|
|
25
|
-
e.stopPropagation();
|
|
26
|
-
e.stopImmediatePropagation();
|
|
27
|
-
}
|
|
28
|
-
var tdElement = dragCue.parentElement;
|
|
29
|
-
if (!tdElement || !tdElement.parentElement) {
|
|
30
|
-
return;
|
|
31
|
-
}
|
|
32
|
-
var oldWidth = tdElement.clientWidth;
|
|
33
|
-
var newWidth;
|
|
34
|
-
if (this.isRtl) {
|
|
35
|
-
newWidth = (dragCue.getBoundingClientRect().right - (dragCue.offsetWidth / 2)) - event.clientX;
|
|
36
|
-
newWidth += oldWidth;
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
newWidth = oldWidth + event.clientX - dragCue.getBoundingClientRect().left - (dragCue.offsetWidth / 2);
|
|
40
|
-
}
|
|
41
|
-
if (!end && Math.abs(newWidth - oldWidth) < 1) {
|
|
42
|
-
return;
|
|
43
|
-
}
|
|
44
|
-
this.setWidths(column, Math.floor(newWidth) / oldWidth);
|
|
45
|
-
var index = this.columns.filter(function (c) { return !c.children.length; }).indexOf(column);
|
|
46
|
-
this.onResize(index, oldWidth, newWidth, e, end);
|
|
47
|
-
};
|
|
48
|
-
ColumnResize.prototype.setWidths = function (column, coef) {
|
|
49
|
-
var indexInOriginal = this.columns.indexOf(column);
|
|
50
|
-
var toAdjust = [];
|
|
51
|
-
var more = column.children.length;
|
|
52
|
-
for (var i = indexInOriginal + 1; more > 0 && i < this.columns.length; i++, more--) {
|
|
53
|
-
var cc = this.columns[i];
|
|
54
|
-
if (!cc.children.length) {
|
|
55
|
-
toAdjust.push(cc);
|
|
56
|
-
}
|
|
57
|
-
else {
|
|
58
|
-
more += cc.children.length;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
if (toAdjust.length === 0) {
|
|
62
|
-
toAdjust.push(column);
|
|
63
|
-
}
|
|
64
|
-
toAdjust.forEach(function (colToAdjust) {
|
|
65
|
-
var targetWidth = colToAdjust.width ? parseFloat(colToAdjust.width.toString()) * coef : 0;
|
|
66
|
-
var min = colToAdjust.minResizableWidth === undefined ? 10 : colToAdjust.minResizableWidth;
|
|
67
|
-
if (targetWidth < min) {
|
|
68
|
-
targetWidth = min;
|
|
69
|
-
}
|
|
70
|
-
colToAdjust.width = Math.floor(targetWidth);
|
|
71
|
-
});
|
|
72
|
-
this.updateColElements(toAdjust);
|
|
73
|
-
};
|
|
74
|
-
ColumnResize.prototype.updateColElements = function (affectedColumns) {
|
|
75
|
-
var columns = this.columns.filter(function (c) { return !c.children.length; });
|
|
76
|
-
var difference = 1e-10;
|
|
77
|
-
for (var i = 0; i < affectedColumns.length; i++) {
|
|
78
|
-
var colIndex = columns.indexOf(affectedColumns[i]);
|
|
79
|
-
var currentColumnFloatWidth = parseFloat((affectedColumns[i].width || 0).toString());
|
|
80
|
-
difference += currentColumnFloatWidth - Math.floor(currentColumnFloatWidth);
|
|
81
|
-
var currentWidth = Math.floor(currentColumnFloatWidth) + Math.floor(difference);
|
|
82
|
-
difference -= Math.floor(difference);
|
|
83
|
-
this.setColWidth(this.colGroupMain && this.colGroupMain.children[colIndex], currentWidth);
|
|
84
|
-
this.setColWidth(this.colGroupHeader && this.colGroupHeader.children[colIndex], currentWidth);
|
|
85
|
-
this.setColWidth(this.colGroupFooter && this.colGroupFooter.children[colIndex], currentWidth);
|
|
86
|
-
}
|
|
87
|
-
};
|
|
88
|
-
ColumnResize.prototype.setColWidth = function (col, width) {
|
|
89
|
-
if (col) {
|
|
90
|
-
col.style.width = width + 'px';
|
|
91
|
-
}
|
|
92
|
-
};
|
|
93
|
-
return ColumnResize;
|
|
94
|
-
}());
|
|
95
|
-
export { ColumnResize };
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
import * as React from 'react';
|
|
17
|
-
import { Draggable } from '@progress/kendo-react-common';
|
|
18
|
-
/**
|
|
19
|
-
* @hidden
|
|
20
|
-
*/
|
|
21
|
-
var ColumnResizer = /** @class */ (function (_super) {
|
|
22
|
-
__extends(ColumnResizer, _super);
|
|
23
|
-
function ColumnResizer() {
|
|
24
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
25
|
-
_this.draggable = null;
|
|
26
|
-
_this.isDragged = false;
|
|
27
|
-
/**
|
|
28
|
-
* @hidden
|
|
29
|
-
*/
|
|
30
|
-
_this.onDrag = function (data) {
|
|
31
|
-
_this.isDragged = true;
|
|
32
|
-
var element = _this.draggable && _this.draggable.element;
|
|
33
|
-
if (element) {
|
|
34
|
-
_this.props.resize(data.event, element, false);
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
/**
|
|
38
|
-
* @hidden
|
|
39
|
-
*/
|
|
40
|
-
_this.onRelease = function (data) {
|
|
41
|
-
if (!_this.isDragged) {
|
|
42
|
-
return;
|
|
43
|
-
}
|
|
44
|
-
var element = _this.draggable && _this.draggable.element;
|
|
45
|
-
if (element) {
|
|
46
|
-
_this.props.resize(data.event, element, true);
|
|
47
|
-
}
|
|
48
|
-
_this.isDragged = false;
|
|
49
|
-
};
|
|
50
|
-
/**
|
|
51
|
-
* @hidden
|
|
52
|
-
*/
|
|
53
|
-
_this.onDoubleClick = function (event) {
|
|
54
|
-
if (_this.isDragged) {
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
var element = _this.draggable && _this.draggable.element;
|
|
58
|
-
if (element && _this.props.autofit) {
|
|
59
|
-
_this.props.autofit(event, element);
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
return _this;
|
|
63
|
-
}
|
|
64
|
-
ColumnResizer.prototype.render = function () {
|
|
65
|
-
var _this = this;
|
|
66
|
-
return (React.createElement(Draggable, { onPress: function (e) { e.event.originalEvent.stopPropagation(); }, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
|
|
67
|
-
React.createElement("span", { className: "k-column-resizer", style: { touchAction: 'none' }, draggable: false, onDoubleClick: this.onDoubleClick })));
|
|
68
|
-
};
|
|
69
|
-
return ColumnResizer;
|
|
70
|
-
}(React.Component));
|
|
71
|
-
export { ColumnResizer };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { DragClue } from './DragClue';
|
|
2
|
-
import { DropClue } from './DropClue';
|
|
3
|
-
import { FilterCellProps } from '../filteringCells';
|
|
4
|
-
import { ExtendedColumnProps, CellProps, HeaderCellProps } from './../header';
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare type handler = (prevIndex: number, nextIndex: number, nativeEvent: any) => void;
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export declare class CommonDragLogic<C = CellProps, H = HeaderCellProps, F = FilterCellProps> {
|
|
13
|
-
columns: ExtendedColumnProps<C, H, F>[];
|
|
14
|
-
reorderable: boolean;
|
|
15
|
-
groupable: boolean;
|
|
16
|
-
private startColumn;
|
|
17
|
-
private startGroup;
|
|
18
|
-
private currentColumn;
|
|
19
|
-
private currentGroup;
|
|
20
|
-
private columnReorder;
|
|
21
|
-
private groupReorder;
|
|
22
|
-
private columnToGroup;
|
|
23
|
-
private dropElementClue;
|
|
24
|
-
private dragElementClue;
|
|
25
|
-
private groupPanelDivElement;
|
|
26
|
-
constructor(columnReorder: handler, groupReorder: handler, columnToGroup: handler);
|
|
27
|
-
refGroupPanelDiv: (e: HTMLDivElement | null) => void;
|
|
28
|
-
refDropElementClue: (e: DropClue | null) => void;
|
|
29
|
-
refDragElementClue: (e: DragClue | null) => void;
|
|
30
|
-
pressHandler: (event: any, element: HTMLTableRowElement | HTMLDivElement) => void;
|
|
31
|
-
dragHandler: (event: any, element: HTMLTableRowElement | HTMLDivElement) => void;
|
|
32
|
-
releaseHandler: (event: any) => void;
|
|
33
|
-
private getColumnIndex;
|
|
34
|
-
private getGroupIndex;
|
|
35
|
-
private isValid;
|
|
36
|
-
private updateDragElementClue;
|
|
37
|
-
private updateDropElementClue;
|
|
38
|
-
}
|
|
@@ -1,172 +0,0 @@
|
|
|
1
|
-
import { getIndex } from './../header/';
|
|
2
|
-
/**
|
|
3
|
-
* @hidden
|
|
4
|
-
*/
|
|
5
|
-
var CommonDragLogic = /** @class */ (function () {
|
|
6
|
-
function CommonDragLogic(columnReorder, groupReorder, columnToGroup) {
|
|
7
|
-
var _this = this;
|
|
8
|
-
this.columns = [];
|
|
9
|
-
this.reorderable = false;
|
|
10
|
-
this.groupable = false;
|
|
11
|
-
this.startColumn = -1;
|
|
12
|
-
this.startGroup = -1;
|
|
13
|
-
this.currentColumn = -1;
|
|
14
|
-
this.currentGroup = -1;
|
|
15
|
-
this.dropElementClue = null;
|
|
16
|
-
this.dragElementClue = null;
|
|
17
|
-
this.groupPanelDivElement = null;
|
|
18
|
-
this.refGroupPanelDiv = function (e) {
|
|
19
|
-
_this.groupPanelDivElement = e;
|
|
20
|
-
};
|
|
21
|
-
this.refDropElementClue = function (e) {
|
|
22
|
-
_this.dropElementClue = e;
|
|
23
|
-
};
|
|
24
|
-
this.refDragElementClue = function (e) {
|
|
25
|
-
_this.dragElementClue = e;
|
|
26
|
-
};
|
|
27
|
-
this.pressHandler = function (event, element) {
|
|
28
|
-
var startColumn = _this.getColumnIndex(event, element);
|
|
29
|
-
_this.startGroup = _this.getGroupIndex(event);
|
|
30
|
-
if (startColumn >= 0) {
|
|
31
|
-
var col = _this.columns[startColumn];
|
|
32
|
-
if (col.reorderable && _this.reorderable || col.groupable && _this.groupable) {
|
|
33
|
-
_this.startColumn = startColumn;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
this.dragHandler = function (event, element) {
|
|
38
|
-
if (!event.isTouch) {
|
|
39
|
-
event.originalEvent.preventDefault();
|
|
40
|
-
}
|
|
41
|
-
event.originalEvent.stopPropagation();
|
|
42
|
-
if (_this.startColumn === -1 && _this.startGroup === -1) {
|
|
43
|
-
return;
|
|
44
|
-
}
|
|
45
|
-
_this.currentColumn = _this.getColumnIndex(event, element);
|
|
46
|
-
_this.currentGroup = _this.getGroupIndex(event);
|
|
47
|
-
if (_this.groupPanelDivElement && _this.startGroup >= 0) {
|
|
48
|
-
_this.currentGroup = Math.min(_this.currentGroup, _this.groupPanelDivElement.children.length - 2);
|
|
49
|
-
}
|
|
50
|
-
var invalidIndex = !_this.isValid();
|
|
51
|
-
if (invalidIndex) {
|
|
52
|
-
_this.currentColumn = -1;
|
|
53
|
-
_this.currentGroup = -1;
|
|
54
|
-
}
|
|
55
|
-
var targetElement = (_this.currentColumn >= 0) ?
|
|
56
|
-
element.children[_this.columns[_this.currentColumn].index] :
|
|
57
|
-
_this.groupPanelDivElement && _this.groupPanelDivElement.children[_this.currentGroup];
|
|
58
|
-
_this.updateDragElementClue(event, element, targetElement, invalidIndex);
|
|
59
|
-
_this.updateDropElementClue(event, element, targetElement, invalidIndex);
|
|
60
|
-
};
|
|
61
|
-
this.releaseHandler = function (event) {
|
|
62
|
-
var prevColumnIndex = _this.startColumn;
|
|
63
|
-
var nextColumnIndex = _this.currentColumn;
|
|
64
|
-
var prevGroupIndex = _this.startGroup;
|
|
65
|
-
var nextGroupIndex = _this.currentGroup;
|
|
66
|
-
if (_this.dropElementClue) {
|
|
67
|
-
_this.dropElementClue.setState({ visible: false });
|
|
68
|
-
}
|
|
69
|
-
if (_this.dragElementClue) {
|
|
70
|
-
_this.dragElementClue.setState({ visible: false });
|
|
71
|
-
}
|
|
72
|
-
var isValid = _this.isValid();
|
|
73
|
-
_this.startColumn = _this.startGroup = _this.currentColumn = _this.currentGroup = -1;
|
|
74
|
-
if (!isValid) {
|
|
75
|
-
return;
|
|
76
|
-
}
|
|
77
|
-
if (prevColumnIndex >= 0 && nextColumnIndex >= 0) {
|
|
78
|
-
_this.columnReorder(prevColumnIndex, nextColumnIndex, event.originalEvent);
|
|
79
|
-
}
|
|
80
|
-
else if (prevGroupIndex >= 0 && nextGroupIndex >= 0) {
|
|
81
|
-
_this.groupReorder(prevGroupIndex, nextGroupIndex, event.originalEvent);
|
|
82
|
-
}
|
|
83
|
-
else if (prevColumnIndex >= 0 && nextGroupIndex >= 0) {
|
|
84
|
-
_this.columnToGroup(prevColumnIndex, nextGroupIndex, event.originalEvent);
|
|
85
|
-
}
|
|
86
|
-
};
|
|
87
|
-
this.columnReorder = columnReorder;
|
|
88
|
-
this.groupReorder = groupReorder;
|
|
89
|
-
this.columnToGroup = columnToGroup;
|
|
90
|
-
}
|
|
91
|
-
CommonDragLogic.prototype.getColumnIndex = function (event, parent) {
|
|
92
|
-
if (!parent || (parent.parentElement === this.groupPanelDivElement)) {
|
|
93
|
-
return -1;
|
|
94
|
-
}
|
|
95
|
-
var index = getIndex(event, parent);
|
|
96
|
-
if (index === -1) {
|
|
97
|
-
return -1;
|
|
98
|
-
}
|
|
99
|
-
var _loop_1 = function (i) {
|
|
100
|
-
if (parent.parentNode.children[i] === parent) {
|
|
101
|
-
return { value: this_1.columns.findIndex(function (c) { return ((c.index === index) && (c.depth === i)); }) };
|
|
102
|
-
}
|
|
103
|
-
};
|
|
104
|
-
var this_1 = this;
|
|
105
|
-
for (var i = 0; i < parent.parentNode.children.length; i++) {
|
|
106
|
-
var state_1 = _loop_1(i);
|
|
107
|
-
if (typeof state_1 === "object")
|
|
108
|
-
return state_1.value;
|
|
109
|
-
}
|
|
110
|
-
return -1;
|
|
111
|
-
};
|
|
112
|
-
CommonDragLogic.prototype.getGroupIndex = function (event) {
|
|
113
|
-
return getIndex(event, this.groupPanelDivElement);
|
|
114
|
-
};
|
|
115
|
-
CommonDragLogic.prototype.isValid = function () {
|
|
116
|
-
if (this.startGroup >= 0) {
|
|
117
|
-
// group can be moved into group only
|
|
118
|
-
return this.currentGroup >= 0 && this.currentGroup !== this.startGroup;
|
|
119
|
-
}
|
|
120
|
-
if (this.startColumn === -1) {
|
|
121
|
-
return false;
|
|
122
|
-
}
|
|
123
|
-
if (this.currentGroup >= 0) {
|
|
124
|
-
// column to group is possible
|
|
125
|
-
return this.columns[this.startColumn].groupable === true && this.groupable === true;
|
|
126
|
-
}
|
|
127
|
-
// reorder is possible
|
|
128
|
-
return this.reorderable === true &&
|
|
129
|
-
this.currentColumn >= 0 &&
|
|
130
|
-
this.currentColumn !== this.startColumn &&
|
|
131
|
-
this.columns[this.startColumn].reorderable === true &&
|
|
132
|
-
this.columns[this.currentColumn].parentIndex === this.columns[this.startColumn].parentIndex;
|
|
133
|
-
};
|
|
134
|
-
CommonDragLogic.prototype.updateDragElementClue = function (event, element, targetElement, invalidIndex) {
|
|
135
|
-
if (!this.dragElementClue) {
|
|
136
|
-
return;
|
|
137
|
-
}
|
|
138
|
-
var innerText = this.startColumn >= 0 ?
|
|
139
|
-
element.children[this.columns[this.startColumn].index].innerText :
|
|
140
|
-
element.innerText;
|
|
141
|
-
this.dragElementClue.setState({
|
|
142
|
-
visible: true,
|
|
143
|
-
top: (event.pageY + 10),
|
|
144
|
-
left: event.pageX,
|
|
145
|
-
innerText: innerText,
|
|
146
|
-
status: (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-plus'
|
|
147
|
-
});
|
|
148
|
-
};
|
|
149
|
-
CommonDragLogic.prototype.updateDropElementClue = function (event, element, targetElement, invalidIndex) {
|
|
150
|
-
if (!this.dropElementClue) {
|
|
151
|
-
return;
|
|
152
|
-
}
|
|
153
|
-
if (invalidIndex || !targetElement) {
|
|
154
|
-
this.dropElementClue.setState({ visible: false });
|
|
155
|
-
return;
|
|
156
|
-
}
|
|
157
|
-
var rect = targetElement.getBoundingClientRect();
|
|
158
|
-
var left = rect.left + event.pageX - event.clientX - 6;
|
|
159
|
-
if (this.currentColumn > this.startColumn || this.currentGroup > this.startGroup && this.startGroup !== -1) {
|
|
160
|
-
left += rect.width;
|
|
161
|
-
}
|
|
162
|
-
var top = rect.top + event.pageY - event.clientY;
|
|
163
|
-
this.dropElementClue.setState({
|
|
164
|
-
visible: true,
|
|
165
|
-
top: top,
|
|
166
|
-
left: left,
|
|
167
|
-
height: (this.currentColumn >= 0) ? element.clientHeight : rect.height
|
|
168
|
-
});
|
|
169
|
-
};
|
|
170
|
-
return CommonDragLogic;
|
|
171
|
-
}());
|
|
172
|
-
export { CommonDragLogic };
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @hidden
|
|
4
|
-
*/
|
|
5
|
-
export interface DragClueState {
|
|
6
|
-
visible: boolean;
|
|
7
|
-
top: number;
|
|
8
|
-
left: number;
|
|
9
|
-
innerText: string;
|
|
10
|
-
status: 'k-i-cancel' | 'k-i-plus';
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* @hidden
|
|
14
|
-
*/
|
|
15
|
-
export declare class DragClue extends React.PureComponent<any, DragClueState> {
|
|
16
|
-
private elementRef;
|
|
17
|
-
readonly state: DragClueState;
|
|
18
|
-
hiddenElementRef: React.RefObject<HTMLDivElement>;
|
|
19
|
-
get element(): HTMLDivElement | null;
|
|
20
|
-
constructor(props: any);
|
|
21
|
-
render(): JSX.Element;
|
|
22
|
-
}
|