@progress/kendo-react-treelist 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009
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/cdn/js/kendo-react-treelist.js +1 -1
- package/dist/es/ScrollMode.js +1 -0
- package/dist/es/TreeList.d.ts +11 -8
- package/dist/es/TreeList.js +36 -25
- package/dist/es/TreeListNoRecords.js +3 -1
- package/dist/es/TreeListToolbar.js +3 -1
- package/dist/es/cells/EditCells/TreeListBooleanEditor.d.ts +2 -1
- package/dist/es/cells/EditCells/TreeListDateEditor.d.ts +2 -1
- package/dist/es/cells/EditCells/TreeListNumericEditor.d.ts +2 -1
- package/dist/es/cells/EditCells/TreeListTextEditor.d.ts +2 -1
- package/dist/es/cells/FilterCells/TreeListBooleanFilter.js +4 -2
- package/dist/es/cells/FilterCells/TreeListDateFilter.js +4 -2
- package/dist/es/cells/FilterCells/TreeListNumericFilter.js +4 -2
- package/dist/es/cells/FilterCells/TreeListTextFilter.js +4 -2
- package/dist/es/cells/TreeListCell.d.ts +2 -1
- package/dist/es/cells/TreeListCell.js +1 -1
- package/dist/es/cells/TreeListSelectionCell.d.ts +2 -1
- package/dist/es/header/TreeListHeaderSelectionCell.js +3 -1
- package/dist/es/interfaces/DataItemWrapper.js +1 -0
- package/dist/es/interfaces/TreeListCellProps.d.ts +1 -1
- package/dist/es/interfaces/TreeListCellProps.js +1 -0
- package/dist/es/interfaces/TreeListColumnProps.d.ts +1 -1
- package/dist/es/interfaces/TreeListColumnProps.js +1 -0
- package/dist/es/interfaces/TreeListFilterCellProps.js +1 -0
- package/dist/es/interfaces/TreeListFilterOperator.js +1 -0
- package/dist/es/interfaces/TreeListHeaderCellProps.js +1 -0
- package/dist/es/interfaces/TreeListNoRecordsProps.js +1 -0
- package/dist/es/interfaces/TreeListProps.js +1 -0
- package/dist/es/interfaces/TreeListRowProps.js +1 -0
- package/dist/es/interfaces/TreeListSelectableSettings.js +1 -0
- package/dist/es/interfaces/TreeListSortSettings.js +1 -0
- package/dist/es/interfaces/TreeListToolbarProps.js +1 -0
- package/dist/es/interfaces/events.js +1 -0
- package/dist/es/messages/index.d.ts +23 -23
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/rows/TreeListDraggableRow.js +16 -4
- package/dist/es/rows/TreeListRow.js +2 -2
- package/dist/es/utils/data-operations.d.ts +1 -1
- package/dist/es/utils/data-operations.js +18 -9
- package/dist/npm/TreeList.d.ts +11 -8
- package/dist/npm/TreeList.js +54 -42
- package/dist/npm/TreeListNoRecords.js +6 -3
- package/dist/npm/TreeListToolbar.js +4 -1
- package/dist/npm/cells/EditCells/TreeListBooleanEditor.d.ts +2 -1
- package/dist/npm/cells/EditCells/TreeListBooleanEditor.js +7 -5
- package/dist/npm/cells/EditCells/TreeListDateEditor.d.ts +2 -1
- package/dist/npm/cells/EditCells/TreeListDateEditor.js +6 -4
- package/dist/npm/cells/EditCells/TreeListNumericEditor.d.ts +2 -1
- package/dist/npm/cells/EditCells/TreeListNumericEditor.js +6 -4
- package/dist/npm/cells/EditCells/TreeListTextEditor.d.ts +2 -1
- package/dist/npm/cells/EditCells/TreeListTextEditor.js +6 -4
- package/dist/npm/cells/FilterCells/TreeListBooleanFilter.js +8 -4
- package/dist/npm/cells/FilterCells/TreeListDateFilter.js +8 -4
- package/dist/npm/cells/FilterCells/TreeListNumericFilter.js +8 -4
- package/dist/npm/cells/FilterCells/TreeListTextFilter.js +8 -4
- package/dist/npm/cells/FilterCells/utils.js +1 -0
- package/dist/npm/cells/TreeListCell.d.ts +2 -1
- package/dist/npm/cells/TreeListCell.js +8 -6
- package/dist/npm/cells/TreeListSelectionCell.d.ts +2 -1
- package/dist/npm/cells/TreeListSelectionCell.js +6 -4
- package/dist/npm/constants/index.js +1 -0
- package/dist/npm/header/TreeListHeaderCell.js +3 -1
- package/dist/npm/header/TreeListHeaderSelectionCell.js +5 -2
- package/dist/npm/interfaces/TreeListCellProps.d.ts +1 -1
- package/dist/npm/interfaces/TreeListColumnProps.d.ts +1 -1
- package/dist/npm/main.js +39 -38
- package/dist/npm/messages/index.d.ts +23 -23
- package/dist/npm/messages/index.js +2 -1
- package/dist/npm/package-metadata.js +2 -1
- package/dist/npm/rows/TreeListDraggableRow.js +17 -4
- package/dist/npm/rows/TreeListRow.js +4 -3
- package/dist/npm/utils/data-operations.d.ts +1 -1
- package/dist/npm/utils/data-operations.js +49 -30
- package/dist/npm/utils/index.js +1 -0
- package/dist/systemjs/kendo-react-treelist.js +1 -1
- package/package.json +11 -11
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { TreeListCellProps } from '../../interfaces/TreeListCellProps';
|
|
2
3
|
export interface TreeListTextEditorProps extends TreeListCellProps {
|
|
3
4
|
}
|
|
4
5
|
export declare const TreeListTextEditor: {
|
|
5
|
-
(props: TreeListTextEditorProps):
|
|
6
|
+
(props: TreeListTextEditorProps): JSX.Element | null;
|
|
6
7
|
displayName: string;
|
|
7
8
|
};
|
|
@@ -11,12 +11,13 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.TreeListTextEditor = void 0;
|
|
14
15
|
var React = require("react");
|
|
15
16
|
var utils_1 = require("../../utils");
|
|
16
17
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
17
18
|
var constants_1 = require("../../constants");
|
|
18
19
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
19
|
-
|
|
20
|
+
var TreeListTextEditor = function (props) {
|
|
20
21
|
var _a, _b;
|
|
21
22
|
var onChange = React.useCallback(function (event) {
|
|
22
23
|
if (props.onChange) {
|
|
@@ -29,14 +30,15 @@ exports.TreeListTextEditor = function (props) {
|
|
|
29
30
|
});
|
|
30
31
|
}
|
|
31
32
|
}, [props.onChange, props.dataItem, props.level, props.field]);
|
|
32
|
-
var navigationAttributes = kendo_react_data_tools_1.useTableKeyboardNavigation(props.id);
|
|
33
|
-
var editCellClasses = kendo_react_common_1.classNames((_a = {},
|
|
33
|
+
var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
|
|
34
|
+
var editCellClasses = (0, kendo_react_common_1.classNames)((_a = {},
|
|
34
35
|
_a['k-selected'] = props.isSelected,
|
|
35
36
|
_a), props.className);
|
|
36
37
|
var defaultRendering = (React.createElement("td", __assign({ style: props.style, className: editCellClasses, "aria-colindex": props.ariaColumnIndex, "aria-selected": props.isSelected, role: 'gridcell' }, navigationAttributes, (_b = {}, _b[constants_1.TREELIST_COL_INDEX_ATTRIBUTE] = props.colIndex, _b)),
|
|
37
|
-
React.createElement("input", { style: { width: '100%' }, className: "k-input", value: utils_1.getNestedValue(props.field, props.dataItem) || '', onChange: onChange })));
|
|
38
|
+
React.createElement("input", { style: { width: '100%' }, className: "k-input", value: (0, utils_1.getNestedValue)(props.field, props.dataItem) || '', onChange: onChange })));
|
|
38
39
|
return props.render ?
|
|
39
40
|
props.render.call(undefined, defaultRendering, props) :
|
|
40
41
|
defaultRendering;
|
|
41
42
|
};
|
|
43
|
+
exports.TreeListTextEditor = TreeListTextEditor;
|
|
42
44
|
exports.TreeListTextEditor.displayName = 'KendoReactTreeListTextEditor';
|
|
@@ -15,16 +15,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
15
15
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
16
|
t[p] = s[p];
|
|
17
17
|
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
|
|
19
|
-
|
|
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
|
+
}
|
|
20
22
|
return t;
|
|
21
23
|
};
|
|
22
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.TreeListBooleanFilter = void 0;
|
|
23
26
|
var React = require("react");
|
|
24
27
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
25
28
|
var utils_1 = require("./utils");
|
|
26
29
|
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
27
|
-
|
|
30
|
+
var TreeListBooleanFilter = function (props) {
|
|
28
31
|
var operators = props.operators, restProps = __rest(props, ["operators"]);
|
|
29
|
-
return (React.createElement(kendo_react_data_tools_1.BooleanFilterCell, __assign({}, utils_1.localizeFilter(kendo_react_intl_1.useLocalization(), operators || utils_1.booleanFilterValues), restProps)));
|
|
32
|
+
return (React.createElement(kendo_react_data_tools_1.BooleanFilterCell, __assign({}, (0, utils_1.localizeFilter)((0, kendo_react_intl_1.useLocalization)(), operators || utils_1.booleanFilterValues), restProps)));
|
|
30
33
|
};
|
|
34
|
+
exports.TreeListBooleanFilter = TreeListBooleanFilter;
|
|
@@ -15,16 +15,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
15
15
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
16
|
t[p] = s[p];
|
|
17
17
|
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
|
|
19
|
-
|
|
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
|
+
}
|
|
20
22
|
return t;
|
|
21
23
|
};
|
|
22
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.TreeListDateFilter = void 0;
|
|
23
26
|
var React = require("react");
|
|
24
27
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
25
28
|
var utils_1 = require("./utils");
|
|
26
29
|
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
27
|
-
|
|
30
|
+
var TreeListDateFilter = function (props) {
|
|
28
31
|
var operators = props.operators, restProps = __rest(props, ["operators"]);
|
|
29
|
-
return (React.createElement(kendo_react_data_tools_1.DateFilterCell, __assign({}, utils_1.localizeFilter(kendo_react_intl_1.useLocalization(), operators || utils_1.dateFilterOperators), restProps)));
|
|
32
|
+
return (React.createElement(kendo_react_data_tools_1.DateFilterCell, __assign({}, (0, utils_1.localizeFilter)((0, kendo_react_intl_1.useLocalization)(), operators || utils_1.dateFilterOperators), restProps)));
|
|
30
33
|
};
|
|
34
|
+
exports.TreeListDateFilter = TreeListDateFilter;
|
|
@@ -15,16 +15,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
15
15
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
16
|
t[p] = s[p];
|
|
17
17
|
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
|
|
19
|
-
|
|
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
|
+
}
|
|
20
22
|
return t;
|
|
21
23
|
};
|
|
22
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.TreeListNumericFilter = void 0;
|
|
23
26
|
var React = require("react");
|
|
24
27
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
25
28
|
var utils_1 = require("./utils");
|
|
26
29
|
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
27
|
-
|
|
30
|
+
var TreeListNumericFilter = function (props) {
|
|
28
31
|
var operators = props.operators, restProps = __rest(props, ["operators"]);
|
|
29
|
-
return (React.createElement(kendo_react_data_tools_1.NumericFilterCell, __assign({}, utils_1.localizeFilter(kendo_react_intl_1.useLocalization(), operators || utils_1.numericFilterOperators), restProps)));
|
|
32
|
+
return (React.createElement(kendo_react_data_tools_1.NumericFilterCell, __assign({}, (0, utils_1.localizeFilter)((0, kendo_react_intl_1.useLocalization)(), operators || utils_1.numericFilterOperators), restProps)));
|
|
30
33
|
};
|
|
34
|
+
exports.TreeListNumericFilter = TreeListNumericFilter;
|
|
@@ -15,16 +15,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
15
15
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
16
|
t[p] = s[p];
|
|
17
17
|
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
|
|
19
|
-
|
|
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
|
+
}
|
|
20
22
|
return t;
|
|
21
23
|
};
|
|
22
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.TreeListTextFilter = void 0;
|
|
23
26
|
var React = require("react");
|
|
24
27
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
25
28
|
var utils_1 = require("./utils");
|
|
26
29
|
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
27
|
-
|
|
30
|
+
var TreeListTextFilter = function (props) {
|
|
28
31
|
var operators = props.operators, restProps = __rest(props, ["operators"]);
|
|
29
|
-
return (React.createElement(kendo_react_data_tools_1.TextFilterCell, __assign({}, utils_1.localizeFilter(kendo_react_intl_1.useLocalization(), operators || utils_1.textFilterOperators), restProps)));
|
|
32
|
+
return (React.createElement(kendo_react_data_tools_1.TextFilterCell, __assign({}, (0, utils_1.localizeFilter)((0, kendo_react_intl_1.useLocalization)(), operators || utils_1.textFilterOperators), restProps)));
|
|
30
33
|
};
|
|
34
|
+
exports.TreeListTextFilter = TreeListTextFilter;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.localizeFilter = exports.booleanFilterValues = exports.booleanOperator = exports.dateFilterOperators = exports.numericFilterOperators = exports.textFilterOperators = void 0;
|
|
3
4
|
var loc = require("../../messages");
|
|
4
5
|
/**
|
|
5
6
|
* @hidden
|
|
@@ -11,18 +11,19 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.TreeListCell = void 0;
|
|
14
15
|
var React = require("react");
|
|
15
16
|
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
16
17
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
17
18
|
var utils_1 = require("../utils");
|
|
18
19
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
19
20
|
var constants_1 = require("../constants");
|
|
20
|
-
|
|
21
|
+
var TreeListCell = function (props) {
|
|
21
22
|
var _a, _b, _c;
|
|
22
23
|
var hasChildren = props.hasChildren, _d = props.level, level = _d === void 0 ? [0] : _d, expanded = props.expanded, dataItem = props.dataItem, format = props.format, id = props.id, ariaColumnIndex = props.ariaColumnIndex, isSelected = props.isSelected;
|
|
23
|
-
var data = utils_1.getNestedValue(props.field, dataItem);
|
|
24
|
-
var intl = kendo_react_intl_1.useInternationalization();
|
|
25
|
-
var navigationAttributes = kendo_react_data_tools_1.useTableKeyboardNavigation(id);
|
|
24
|
+
var data = (0, utils_1.getNestedValue)(props.field, dataItem);
|
|
25
|
+
var intl = (0, kendo_react_intl_1.useInternationalization)();
|
|
26
|
+
var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(id);
|
|
26
27
|
var dataAsString = '';
|
|
27
28
|
var onKeyDownHandler = React.useCallback(function (event) {
|
|
28
29
|
if (event.isDefaultPrevented()) {
|
|
@@ -42,13 +43,13 @@ exports.TreeListCell = function (props) {
|
|
|
42
43
|
if (props.expandable) {
|
|
43
44
|
icons.push.apply(icons, level.slice(1).map(function (_x, i) { return (React.createElement("span", { className: "k-icon k-i-none", key: i })); }));
|
|
44
45
|
if (hasChildren) {
|
|
45
|
-
icons.push(React.createElement("span", __assign({ className: "k-icon k-i-"
|
|
46
|
+
icons.push(React.createElement("span", __assign({ className: "k-icon k-i-".concat(expanded ? 'collapse' : 'expand'), key: "expand-collapse", onClick: function (event) { return props.onExpandChange(event, dataItem, level); } }, (_a = {}, _a[constants_1.TREELIST_PREVENT_SELECTION_ELEMENT] = true, _a))));
|
|
46
47
|
}
|
|
47
48
|
else {
|
|
48
49
|
icons.push(React.createElement("span", { className: "k-icon k-i-none", key: icons.length }));
|
|
49
50
|
}
|
|
50
51
|
}
|
|
51
|
-
var defaultRendering = (React.createElement("td", __assign({ style: props.style, className: kendo_react_common_1.classNames(props.className, (_b = {},
|
|
52
|
+
var defaultRendering = (React.createElement("td", __assign({ style: props.style, className: (0, kendo_react_common_1.classNames)(props.className, (_b = {},
|
|
52
53
|
_b['k-text-nowrap'] = props.expandable,
|
|
53
54
|
_b['k-selected'] = isSelected,
|
|
54
55
|
_b)), colSpan: props.colSpan, "aria-colindex": ariaColumnIndex, "aria-expanded": hasChildren ? expanded : undefined, "aria-selected": isSelected, role: 'gridcell', onKeyDown: onKeyDownHandler }, (_c = {}, _c[constants_1.TREELIST_COL_INDEX_ATTRIBUTE] = props.colIndex, _c), navigationAttributes),
|
|
@@ -58,4 +59,5 @@ exports.TreeListCell = function (props) {
|
|
|
58
59
|
props.render.call(undefined, defaultRendering, props) :
|
|
59
60
|
defaultRendering;
|
|
60
61
|
};
|
|
62
|
+
exports.TreeListCell = TreeListCell;
|
|
61
63
|
exports.TreeListCell.displayName = 'KendoReactTreeListCell';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { TreeListCellProps } from '../interfaces/TreeListCellProps';
|
|
2
3
|
export interface TreeListSelectionCellProps extends TreeListCellProps {
|
|
3
4
|
}
|
|
4
5
|
export declare const TreeListSelectionCell: {
|
|
5
|
-
(props: TreeListSelectionCellProps):
|
|
6
|
+
(props: TreeListSelectionCellProps): JSX.Element | null;
|
|
6
7
|
displayName: string;
|
|
7
8
|
};
|
|
@@ -11,19 +11,20 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.TreeListSelectionCell = void 0;
|
|
14
15
|
var React = require("react");
|
|
15
16
|
var utils_1 = require("../utils");
|
|
16
17
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
17
18
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
18
|
-
|
|
19
|
+
var TreeListSelectionCell = function (props) {
|
|
19
20
|
var handleOnChange = React.useCallback(function (syntheticEvent) {
|
|
20
21
|
if (props.selectionChange) {
|
|
21
22
|
props.selectionChange({ syntheticEvent: syntheticEvent });
|
|
22
23
|
}
|
|
23
24
|
}, [props.selectionChange]);
|
|
24
|
-
var inputId = React.useMemo(function () { return kendo_react_common_1.guid(); }, []);
|
|
25
|
-
var selectedValue = utils_1.getNestedValue(props.field, props.dataItem);
|
|
26
|
-
var navigationAttributes = kendo_react_data_tools_1.useTableKeyboardNavigation(props.id);
|
|
25
|
+
var inputId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
|
|
26
|
+
var selectedValue = (0, utils_1.getNestedValue)(props.field, props.dataItem);
|
|
27
|
+
var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
|
|
27
28
|
var defaultRendering = (React.createElement("td", __assign({ style: props.style, className: props.className, "aria-colindex": props.ariaColumnIndex, role: 'gridcell' }, navigationAttributes),
|
|
28
29
|
React.createElement("input", { checked: typeof selectedValue === 'boolean' && selectedValue, id: inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: handleOnChange }),
|
|
29
30
|
React.createElement("label", { className: "k-checkbox-label", htmlFor: inputId })));
|
|
@@ -31,4 +32,5 @@ exports.TreeListSelectionCell = function (props) {
|
|
|
31
32
|
props.render.call(undefined, defaultRendering, props) :
|
|
32
33
|
defaultRendering;
|
|
33
34
|
};
|
|
35
|
+
exports.TreeListSelectionCell = TreeListSelectionCell;
|
|
34
36
|
exports.TreeListSelectionCell.displayName = 'KendoReactTreeListSelectionCell';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TREELIST_PREVENT_SELECTION_ELEMENT = exports.TREELIST_COL_INDEX_ATTRIBUTE = exports.TREELIST_ROW_INDEX_ATTRIBUTE = void 0;
|
|
3
4
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
4
5
|
/** The attribute required by the TreeList selection on TreeList `tr` elements. */
|
|
5
6
|
exports.TREELIST_ROW_INDEX_ATTRIBUTE = kendo_react_data_tools_1.TABLE_ROW_INDEX_ATTRIBUTE;
|
|
@@ -11,6 +11,8 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.TreeListHeaderCell = void 0;
|
|
14
15
|
var React = require("react");
|
|
15
16
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
16
|
-
|
|
17
|
+
var TreeListHeaderCell = function (props) { return React.createElement(kendo_react_data_tools_1.HeaderCell, __assign({}, props)); };
|
|
18
|
+
exports.TreeListHeaderCell = TreeListHeaderCell;
|
|
@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
3
3
|
var extendStatics = function (d, b) {
|
|
4
4
|
extendStatics = Object.setPrototypeOf ||
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
7
|
return extendStatics(d, b);
|
|
8
8
|
};
|
|
9
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");
|
|
10
12
|
extendStatics(d, b);
|
|
11
13
|
function __() { this.constructor = d; }
|
|
12
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
24
26
|
return __assign.apply(this, arguments);
|
|
25
27
|
};
|
|
26
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.TreeListHeaderSelectionCell = void 0;
|
|
27
30
|
var React = require("react");
|
|
28
31
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
29
32
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
@@ -31,7 +34,7 @@ var TreeListHeaderSelectionCell = /** @class */ (function (_super) {
|
|
|
31
34
|
__extends(TreeListHeaderSelectionCell, _super);
|
|
32
35
|
function TreeListHeaderSelectionCell() {
|
|
33
36
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
34
|
-
_this._inputId = kendo_react_common_1.guid();
|
|
37
|
+
_this._inputId = (0, kendo_react_common_1.guid)();
|
|
35
38
|
return _this;
|
|
36
39
|
}
|
|
37
40
|
/**
|
|
@@ -3,7 +3,7 @@ import { CellProps } from '@progress/kendo-react-data-tools';
|
|
|
3
3
|
/**
|
|
4
4
|
* Represents the props of the TreeListCell component.
|
|
5
5
|
*/
|
|
6
|
-
export interface TreeListCellProps extends CellProps {
|
|
6
|
+
export interface TreeListCellProps extends Omit<CellProps, 'onExpandChange' | 'render' | 'onChange'> {
|
|
7
7
|
/**
|
|
8
8
|
* An array of indexes of each parent and current item in the data tree.
|
|
9
9
|
*/
|
|
@@ -6,7 +6,7 @@ import { TreeListFilterCellProps } from './TreeListFilterCellProps';
|
|
|
6
6
|
/**
|
|
7
7
|
* The props of the columns of the TreeList component.
|
|
8
8
|
*/
|
|
9
|
-
export interface TreeListColumnProps extends TreeColumnBaseProps {
|
|
9
|
+
export interface TreeListColumnProps extends Omit<TreeColumnBaseProps, 'children' | 'cell' | 'editCell'> {
|
|
10
10
|
/**
|
|
11
11
|
* Defines the component that will be rendered as a cell. If not set, a `TreeListCell` will be rendered by default.
|
|
12
12
|
*/
|
package/dist/npm/main.js
CHANGED
|
@@ -1,61 +1,62 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.setSelectedState = exports.getSelectedStateFromKeyDown = exports.getSelectedState = exports.TREELIST_PREVENT_SELECTION_ELEMENT = exports.TREELIST_ROW_INDEX_ATTRIBUTE = exports.TREELIST_COL_INDEX_ATTRIBUTE = exports.tableRowsVirtualization = exports.setHeaderRowsTop = exports.getNestedValue = exports.flatData = exports.treeToFlat = exports.modifySubItems = exports.removeItems = exports.getItemPath = exports.moveTreeItem = exports.mapTreeItem = exports.extendDataItem = exports.createDataTree = exports.mapTree = exports.filterBy = exports.orderBy = exports.TreeListDateEditor = exports.TreeListBooleanEditor = exports.TreeListNumericEditor = exports.TreeListTextEditor = exports.TreeListBooleanFilter = exports.TreeListDateFilter = exports.TreeListNumericFilter = exports.TreeListTextFilter = exports.TreeListNoRecords = exports.TreeListToolbar = exports.TreeListHeaderSelectionCell = exports.TreeListSelectionCell = exports.TreeListHeaderCell = exports.TreeListDraggableRow = exports.TreeListRow = exports.TreeListCell = exports.TreeList = void 0;
|
|
3
4
|
var TreeList_1 = require("./TreeList");
|
|
4
|
-
exports
|
|
5
|
+
Object.defineProperty(exports, "TreeList", { enumerable: true, get: function () { return TreeList_1.TreeList; } });
|
|
5
6
|
var TreeListCell_1 = require("./cells/TreeListCell");
|
|
6
|
-
exports
|
|
7
|
+
Object.defineProperty(exports, "TreeListCell", { enumerable: true, get: function () { return TreeListCell_1.TreeListCell; } });
|
|
7
8
|
var TreeListHeaderCell_1 = require("./header/TreeListHeaderCell");
|
|
8
|
-
exports
|
|
9
|
+
Object.defineProperty(exports, "TreeListHeaderCell", { enumerable: true, get: function () { return TreeListHeaderCell_1.TreeListHeaderCell; } });
|
|
9
10
|
var TreeListSelectionCell_1 = require("./cells/TreeListSelectionCell");
|
|
10
|
-
exports
|
|
11
|
+
Object.defineProperty(exports, "TreeListSelectionCell", { enumerable: true, get: function () { return TreeListSelectionCell_1.TreeListSelectionCell; } });
|
|
11
12
|
var TreeListHeaderSelectionCell_1 = require("./header/TreeListHeaderSelectionCell");
|
|
12
|
-
exports
|
|
13
|
+
Object.defineProperty(exports, "TreeListHeaderSelectionCell", { enumerable: true, get: function () { return TreeListHeaderSelectionCell_1.TreeListHeaderSelectionCell; } });
|
|
13
14
|
var TreeListRow_1 = require("./rows/TreeListRow");
|
|
14
|
-
exports
|
|
15
|
+
Object.defineProperty(exports, "TreeListRow", { enumerable: true, get: function () { return TreeListRow_1.TreeListRow; } });
|
|
15
16
|
var TreeListDraggableRow_1 = require("./rows/TreeListDraggableRow");
|
|
16
|
-
exports
|
|
17
|
+
Object.defineProperty(exports, "TreeListDraggableRow", { enumerable: true, get: function () { return TreeListDraggableRow_1.TreeListDraggableRow; } });
|
|
17
18
|
var TreeListToolbar_1 = require("./TreeListToolbar");
|
|
18
|
-
exports
|
|
19
|
+
Object.defineProperty(exports, "TreeListToolbar", { enumerable: true, get: function () { return TreeListToolbar_1.TreeListToolbar; } });
|
|
19
20
|
var TreeListNoRecords_1 = require("./TreeListNoRecords");
|
|
20
|
-
exports
|
|
21
|
+
Object.defineProperty(exports, "TreeListNoRecords", { enumerable: true, get: function () { return TreeListNoRecords_1.TreeListNoRecords; } });
|
|
21
22
|
var TreeListTextFilter_1 = require("./cells/FilterCells/TreeListTextFilter");
|
|
22
|
-
exports
|
|
23
|
+
Object.defineProperty(exports, "TreeListTextFilter", { enumerable: true, get: function () { return TreeListTextFilter_1.TreeListTextFilter; } });
|
|
23
24
|
var TreeListNumericFilter_1 = require("./cells/FilterCells/TreeListNumericFilter");
|
|
24
|
-
exports
|
|
25
|
+
Object.defineProperty(exports, "TreeListNumericFilter", { enumerable: true, get: function () { return TreeListNumericFilter_1.TreeListNumericFilter; } });
|
|
25
26
|
var TreeListDateFilter_1 = require("./cells/FilterCells/TreeListDateFilter");
|
|
26
|
-
exports
|
|
27
|
+
Object.defineProperty(exports, "TreeListDateFilter", { enumerable: true, get: function () { return TreeListDateFilter_1.TreeListDateFilter; } });
|
|
27
28
|
var TreeListBooleanFilter_1 = require("./cells/FilterCells/TreeListBooleanFilter");
|
|
28
|
-
exports
|
|
29
|
+
Object.defineProperty(exports, "TreeListBooleanFilter", { enumerable: true, get: function () { return TreeListBooleanFilter_1.TreeListBooleanFilter; } });
|
|
29
30
|
var TreeListTextEditor_1 = require("./cells/EditCells/TreeListTextEditor");
|
|
30
|
-
exports
|
|
31
|
+
Object.defineProperty(exports, "TreeListTextEditor", { enumerable: true, get: function () { return TreeListTextEditor_1.TreeListTextEditor; } });
|
|
31
32
|
var TreeListNumericEditor_1 = require("./cells/EditCells/TreeListNumericEditor");
|
|
32
|
-
exports
|
|
33
|
+
Object.defineProperty(exports, "TreeListNumericEditor", { enumerable: true, get: function () { return TreeListNumericEditor_1.TreeListNumericEditor; } });
|
|
33
34
|
var TreeListBooleanEditor_1 = require("./cells/EditCells/TreeListBooleanEditor");
|
|
34
|
-
exports
|
|
35
|
+
Object.defineProperty(exports, "TreeListBooleanEditor", { enumerable: true, get: function () { return TreeListBooleanEditor_1.TreeListBooleanEditor; } });
|
|
35
36
|
var TreeListDateEditor_1 = require("./cells/EditCells/TreeListDateEditor");
|
|
36
|
-
exports
|
|
37
|
+
Object.defineProperty(exports, "TreeListDateEditor", { enumerable: true, get: function () { return TreeListDateEditor_1.TreeListDateEditor; } });
|
|
37
38
|
var data_operations_1 = require("./utils/data-operations");
|
|
38
|
-
exports
|
|
39
|
-
exports
|
|
40
|
-
exports
|
|
41
|
-
exports
|
|
42
|
-
exports
|
|
43
|
-
exports
|
|
44
|
-
exports
|
|
45
|
-
exports
|
|
46
|
-
exports
|
|
47
|
-
exports
|
|
48
|
-
exports
|
|
49
|
-
exports
|
|
39
|
+
Object.defineProperty(exports, "orderBy", { enumerable: true, get: function () { return data_operations_1.orderBy; } });
|
|
40
|
+
Object.defineProperty(exports, "filterBy", { enumerable: true, get: function () { return data_operations_1.filterBy; } });
|
|
41
|
+
Object.defineProperty(exports, "mapTreeItem", { enumerable: true, get: function () { return data_operations_1.mapTreeItem; } });
|
|
42
|
+
Object.defineProperty(exports, "moveTreeItem", { enumerable: true, get: function () { return data_operations_1.moveTreeItem; } });
|
|
43
|
+
Object.defineProperty(exports, "getItemPath", { enumerable: true, get: function () { return data_operations_1.getItemPath; } });
|
|
44
|
+
Object.defineProperty(exports, "mapTree", { enumerable: true, get: function () { return data_operations_1.mapTree; } });
|
|
45
|
+
Object.defineProperty(exports, "createDataTree", { enumerable: true, get: function () { return data_operations_1.createDataTree; } });
|
|
46
|
+
Object.defineProperty(exports, "extendDataItem", { enumerable: true, get: function () { return data_operations_1.extendDataItem; } });
|
|
47
|
+
Object.defineProperty(exports, "removeItems", { enumerable: true, get: function () { return data_operations_1.removeItems; } });
|
|
48
|
+
Object.defineProperty(exports, "modifySubItems", { enumerable: true, get: function () { return data_operations_1.modifySubItems; } });
|
|
49
|
+
Object.defineProperty(exports, "treeToFlat", { enumerable: true, get: function () { return data_operations_1.treeToFlat; } });
|
|
50
|
+
Object.defineProperty(exports, "flatData", { enumerable: true, get: function () { return data_operations_1.flatData; } });
|
|
50
51
|
var utils_1 = require("./utils");
|
|
51
|
-
exports
|
|
52
|
-
exports
|
|
53
|
-
exports
|
|
52
|
+
Object.defineProperty(exports, "getNestedValue", { enumerable: true, get: function () { return utils_1.getNestedValue; } });
|
|
53
|
+
Object.defineProperty(exports, "setHeaderRowsTop", { enumerable: true, get: function () { return utils_1.setHeaderRowsTop; } });
|
|
54
|
+
Object.defineProperty(exports, "tableRowsVirtualization", { enumerable: true, get: function () { return utils_1.tableRowsVirtualization; } });
|
|
54
55
|
var constants_1 = require("./constants");
|
|
55
|
-
exports
|
|
56
|
-
exports
|
|
57
|
-
exports
|
|
56
|
+
Object.defineProperty(exports, "TREELIST_COL_INDEX_ATTRIBUTE", { enumerable: true, get: function () { return constants_1.TREELIST_COL_INDEX_ATTRIBUTE; } });
|
|
57
|
+
Object.defineProperty(exports, "TREELIST_ROW_INDEX_ATTRIBUTE", { enumerable: true, get: function () { return constants_1.TREELIST_ROW_INDEX_ATTRIBUTE; } });
|
|
58
|
+
Object.defineProperty(exports, "TREELIST_PREVENT_SELECTION_ELEMENT", { enumerable: true, get: function () { return constants_1.TREELIST_PREVENT_SELECTION_ELEMENT; } });
|
|
58
59
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
59
|
-
exports
|
|
60
|
-
exports
|
|
61
|
-
exports
|
|
60
|
+
Object.defineProperty(exports, "getSelectedState", { enumerable: true, get: function () { return kendo_react_data_tools_1.getSelectedState; } });
|
|
61
|
+
Object.defineProperty(exports, "getSelectedStateFromKeyDown", { enumerable: true, get: function () { return kendo_react_data_tools_1.getSelectedStateFromKeyDown; } });
|
|
62
|
+
Object.defineProperty(exports, "setSelectedState", { enumerable: true, get: function () { return kendo_react_data_tools_1.setSelectedState; } });
|
|
@@ -94,27 +94,27 @@ export declare const noRecords = "treelist.noRecords";
|
|
|
94
94
|
* @hidden
|
|
95
95
|
*/
|
|
96
96
|
export declare const messages: {
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
97
|
+
"treelist.filterClearButton": string;
|
|
98
|
+
"treelist.filterEqOperator": string;
|
|
99
|
+
"treelist.filterNotEqOperator": string;
|
|
100
|
+
"treelist.filterIsNullOperator": string;
|
|
101
|
+
"treelist.filterIsNotNullOperator": string;
|
|
102
|
+
"treelist.filterIsEmptyOperator": string;
|
|
103
|
+
"treelist.filterIsNotEmptyOperator": string;
|
|
104
|
+
"treelist.filterStartsWithOperator": string;
|
|
105
|
+
"treelist.filterContainsOperator": string;
|
|
106
|
+
"treelist.filterNotContainsOperator": string;
|
|
107
|
+
"treelist.filterEndsWithOperator": string;
|
|
108
|
+
"treelist.filterGteOperator": string;
|
|
109
|
+
"treelist.filterGtOperator": string;
|
|
110
|
+
"treelist.filterLteOperator": string;
|
|
111
|
+
"treelist.filterLtOperator": string;
|
|
112
|
+
"treelist.filterIsTrue": string;
|
|
113
|
+
"treelist.filterIsFalse": string;
|
|
114
|
+
"treelist.filterBooleanAll": string;
|
|
115
|
+
"treelist.filterAfterOrEqualOperator": string;
|
|
116
|
+
"treelist.filterAfterOperator": string;
|
|
117
|
+
"treelist.filterBeforeOperator": string;
|
|
118
|
+
"treelist.filterBeforeOrEqualOperator": string;
|
|
119
|
+
"treelist.noRecords": string;
|
|
120
120
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
2
|
var _a;
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.messages = exports.noRecords = exports.filterBeforeOrEqualOperator = exports.filterBeforeOperator = exports.filterAfterOperator = exports.filterAfterOrEqualOperator = exports.filterBooleanAll = exports.filterIsFalse = exports.filterIsTrue = exports.filterLtOperator = exports.filterLteOperator = exports.filterGtOperator = exports.filterGteOperator = exports.filterEndsWithOperator = exports.filterNotContainsOperator = exports.filterContainsOperator = exports.filterStartsWithOperator = exports.filterIsNotEmptyOperator = exports.filterIsEmptyOperator = exports.filterIsNotNullOperator = exports.filterIsNullOperator = exports.filterNotEqOperator = exports.filterEqOperator = exports.filterClearButton = void 0;
|
|
4
5
|
/**
|
|
5
6
|
* @hidden
|
|
6
7
|
*/
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.packageMetadata = void 0;
|
|
3
4
|
/**
|
|
4
5
|
* @hidden
|
|
5
6
|
*/
|
|
@@ -7,7 +8,7 @@ exports.packageMetadata = {
|
|
|
7
8
|
name: '@progress/kendo-react-treelist',
|
|
8
9
|
productName: 'KendoReact',
|
|
9
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
10
|
-
publishDate:
|
|
11
|
+
publishDate: 1654509417,
|
|
11
12
|
version: '',
|
|
12
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
13
14
|
};
|
|
@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
3
3
|
var extendStatics = function (d, b) {
|
|
4
4
|
extendStatics = Object.setPrototypeOf ||
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
7
|
return extendStatics(d, b);
|
|
8
8
|
};
|
|
9
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");
|
|
10
12
|
extendStatics(d, b);
|
|
11
13
|
function __() { this.constructor = d; }
|
|
12
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -23,7 +25,17 @@ var __assign = (this && this.__assign) || function () {
|
|
|
23
25
|
};
|
|
24
26
|
return __assign.apply(this, arguments);
|
|
25
27
|
};
|
|
28
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
29
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
30
|
+
if (ar || !(i in from)) {
|
|
31
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
32
|
+
ar[i] = from[i];
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
36
|
+
};
|
|
26
37
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
38
|
+
exports.TreeListDraggableRow = void 0;
|
|
27
39
|
var React = require("react");
|
|
28
40
|
var ReactDOM = require("react-dom");
|
|
29
41
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
@@ -128,8 +140,8 @@ var TreeListDraggableRow = /** @class */ (function (_super) {
|
|
|
128
140
|
_this.onRelease = function (args) {
|
|
129
141
|
var event = args.event;
|
|
130
142
|
if (_this.dragged) {
|
|
131
|
-
var dragged = _this.dragged
|
|
132
|
-
var draggedOver = _this.draggedOver && _this.draggedOver
|
|
143
|
+
var dragged = __spreadArray([], _this.dragged, true);
|
|
144
|
+
var draggedOver = _this.draggedOver && __spreadArray([], _this.draggedOver, true);
|
|
133
145
|
var allowDrop = _this.state.clueProps.allowDrop;
|
|
134
146
|
_this.dragged = null;
|
|
135
147
|
_this.draggedOver = null;
|
|
@@ -138,7 +150,8 @@ var TreeListDraggableRow = /** @class */ (function (_super) {
|
|
|
138
150
|
if (allowDrop && _this.props.onDrop) {
|
|
139
151
|
_this.props.onDrop.call(undefined, {
|
|
140
152
|
nativeEvent: event.originalEvent,
|
|
141
|
-
dragged: dragged,
|
|
153
|
+
dragged: dragged,
|
|
154
|
+
draggedOver: draggedOver,
|
|
142
155
|
draggedItem: draggedItem
|
|
143
156
|
});
|
|
144
157
|
}
|
|
@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.TreeListRow = void 0;
|
|
14
15
|
var React = require("react");
|
|
15
16
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
16
17
|
var constants_1 = require("../constants");
|
|
@@ -20,13 +21,13 @@ var constants_1 = require("../constants");
|
|
|
20
21
|
exports.TreeListRow = React.forwardRef(function (props, ref) {
|
|
21
22
|
var _a;
|
|
22
23
|
var isSelected = props.isSelected, rowHeight = props.rowHeight, isAltRow = props.isAltRow, expanded = props.expanded, ariaRowIndex = props.ariaRowIndex, level = props.level, ariaSetSize = props.ariaSetSize, ariaPosInSet = props.ariaPosInSet;
|
|
23
|
-
var className = kendo_react_common_1.classNames('k-master-row', {
|
|
24
|
+
var className = (0, kendo_react_common_1.classNames)('k-master-row', {
|
|
24
25
|
'k-selected': isSelected,
|
|
25
26
|
'k-alt': isAltRow
|
|
26
27
|
});
|
|
27
28
|
var style = React.useMemo(function () { return rowHeight !== undefined ? { height: rowHeight + 'px' } : undefined; }, [rowHeight]);
|
|
28
29
|
var defaultRendering = (React.createElement("tr", __assign({ onClick: props.onClick, onDoubleClick: props.onDoubleClick, onContextMenu: props.onContextMenu, className: className, style: style, ref: ref, "aria-expanded": expanded, role: 'row', "aria-rowindex": ariaRowIndex, "aria-level": level.length, "aria-posinset": ariaPosInSet, "aria-setsize": ariaSetSize }, (_a = {}, _a[constants_1.TREELIST_ROW_INDEX_ATTRIBUTE] = props.rowIndex, _a)), props.children));
|
|
29
|
-
return props.render ?
|
|
30
|
+
return (React.createElement(React.Fragment, null, props.render ?
|
|
30
31
|
props.render.call(undefined, defaultRendering, props) :
|
|
31
|
-
defaultRendering;
|
|
32
|
+
defaultRendering));
|
|
32
33
|
});
|
|
@@ -112,4 +112,4 @@ export declare const getItemPath: (tree: any[], level: number[], subItemsField?:
|
|
|
112
112
|
* @param {string} subItemsField - The field which points to the subitems collection of each data item.
|
|
113
113
|
* @returns {any[]} - The new data tree.
|
|
114
114
|
*/
|
|
115
|
-
export declare const moveTreeItem: (data: any[], target: number[], destination: number[], subItemsField: string) => any[];
|
|
115
|
+
export declare const moveTreeItem: (data: any[], target: number[], destination: number[] | null, subItemsField: string) => any[];
|