@progress/kendo-react-treelist 5.20.0-dev.202310051816 → 6.0.0-dev.202310101317
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/TreeList.js +3 -4
- package/dist/es/cells/EditCells/TreeListBooleanEditor.js +1 -2
- package/dist/es/cells/EditCells/TreeListDateEditor.js +1 -2
- package/dist/es/cells/EditCells/TreeListNumericEditor.js +1 -2
- package/dist/es/cells/EditCells/TreeListTextEditor.js +1 -2
- package/dist/es/cells/TreeListCell.js +1 -2
- package/dist/es/cells/TreeListSelectionCell.js +1 -2
- package/dist/es/main.d.ts +3 -2
- package/dist/es/main.js +3 -2
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/TreeList.js +6 -7
- package/dist/npm/cells/EditCells/TreeListBooleanEditor.js +1 -2
- package/dist/npm/cells/EditCells/TreeListDateEditor.js +1 -2
- package/dist/npm/cells/EditCells/TreeListNumericEditor.js +1 -2
- package/dist/npm/cells/EditCells/TreeListTextEditor.js +1 -2
- package/dist/npm/cells/TreeListCell.js +1 -2
- package/dist/npm/cells/TreeListSelectionCell.js +1 -2
- package/dist/npm/main.d.ts +3 -2
- package/dist/npm/main.js +19 -18
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-react-treelist.js +1 -1
- package/package.json +13 -13
- package/dist/es/utils/data-operations.d.ts +0 -115
- package/dist/es/utils/data-operations.js +0 -250
- package/dist/npm/utils/data-operations.d.ts +0 -115
- package/dist/npm/utils/data-operations.js +0 -265
package/dist/es/TreeList.js
CHANGED
|
@@ -46,10 +46,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
46
46
|
};
|
|
47
47
|
import * as React from 'react';
|
|
48
48
|
import * as PropTypes from 'prop-types';
|
|
49
|
-
import { classNames, noop, getter, guid, canUseDOM, memoizeOne, validatePackage } from '@progress/kendo-react-common';
|
|
50
|
-
import { Header, HeaderRow, FilterRow as TreeListFilterRow, ColumnResize, CommonDragLogic, DragClue, DropClue, tableColumnsVirtualization, readColumns, mapColumns, tableKeyboardNavigation, TableKeyboardNavigationContext, tableKeyboardNavigationScopeAttributes, tableKeyboardNavigationTools as navigationTools, tableKeyboardNavigationBodyAttributes, getSelectionOptions, TableSelection } from '@progress/kendo-react-data-tools';
|
|
51
|
-
import {
|
|
52
|
-
import { flatData } from './utils/data-operations';
|
|
49
|
+
import { classNames, noop, getter, guid, canUseDOM, memoizeOne, validatePackage, getNestedValue } from '@progress/kendo-react-common';
|
|
50
|
+
import { Header, HeaderRow, FilterRow as TreeListFilterRow, ColumnResize, CommonDragLogic, DragClue, DropClue, tableColumnsVirtualization, readColumns, mapColumns, tableKeyboardNavigation, TableKeyboardNavigationContext, tableKeyboardNavigationScopeAttributes, tableKeyboardNavigationTools as navigationTools, tableKeyboardNavigationBodyAttributes, getSelectionOptions, TableSelection, flatData } from '@progress/kendo-react-data-tools';
|
|
51
|
+
import { setHeaderRowsTop, tableRowsVirtualization } from './utils/index';
|
|
53
52
|
import { TreeListCell } from './cells/TreeListCell';
|
|
54
53
|
import { TreeListNoRecords } from './TreeListNoRecords';
|
|
55
54
|
import { TreeListRow } from './rows/TreeListRow';
|
|
@@ -10,8 +10,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import * as React from 'react';
|
|
13
|
-
import { getNestedValue } from '
|
|
14
|
-
import { classNames, guid } from '@progress/kendo-react-common';
|
|
13
|
+
import { classNames, guid, getNestedValue } from '@progress/kendo-react-common';
|
|
15
14
|
import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
|
|
16
15
|
import { TREELIST_COL_INDEX_ATTRIBUTE } from '../../constants';
|
|
17
16
|
export var TreeListBooleanEditor = function (props) {
|
|
@@ -10,11 +10,10 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import * as React from 'react';
|
|
13
|
-
import { getNestedValue } from '../../utils';
|
|
14
13
|
import { DatePicker } from '@progress/kendo-react-dateinputs';
|
|
15
14
|
import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
|
|
16
15
|
import { TREELIST_COL_INDEX_ATTRIBUTE } from '../../constants';
|
|
17
|
-
import { classNames } from '@progress/kendo-react-common';
|
|
16
|
+
import { classNames, getNestedValue } from '@progress/kendo-react-common';
|
|
18
17
|
export var TreeListDateEditor = function (props) {
|
|
19
18
|
var _a, _b;
|
|
20
19
|
var onChange = React.useCallback(function (event) {
|
|
@@ -10,11 +10,10 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import * as React from 'react';
|
|
13
|
-
import { getNestedValue } from '../../utils';
|
|
14
13
|
import { NumericTextBox } from '@progress/kendo-react-inputs';
|
|
15
14
|
import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
|
|
16
15
|
import { TREELIST_COL_INDEX_ATTRIBUTE } from '../../constants';
|
|
17
|
-
import { classNames } from '@progress/kendo-react-common';
|
|
16
|
+
import { classNames, getNestedValue } from '@progress/kendo-react-common';
|
|
18
17
|
export var TreeListNumericEditor = function (props) {
|
|
19
18
|
var _a, _b;
|
|
20
19
|
var onChange = React.useCallback(function (event) {
|
|
@@ -10,10 +10,9 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import * as React from 'react';
|
|
13
|
-
import { getNestedValue } from '../../utils';
|
|
14
13
|
import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
|
|
15
14
|
import { TREELIST_COL_INDEX_ATTRIBUTE } from '../../constants';
|
|
16
|
-
import { classNames } from '@progress/kendo-react-common';
|
|
15
|
+
import { classNames, getNestedValue } from '@progress/kendo-react-common';
|
|
17
16
|
export var TreeListTextEditor = function (props) {
|
|
18
17
|
var _a, _b;
|
|
19
18
|
var onChange = React.useCallback(function (event) {
|
|
@@ -11,8 +11,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import * as React from 'react';
|
|
13
13
|
import { useInternationalization } from '@progress/kendo-react-intl';
|
|
14
|
-
import { classNames, IconWrap, Keys } from '@progress/kendo-react-common';
|
|
15
|
-
import { getNestedValue } from '../utils';
|
|
14
|
+
import { classNames, IconWrap, Keys, getNestedValue } from '@progress/kendo-react-common';
|
|
16
15
|
import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
|
|
17
16
|
import { caretAltDownIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
|
|
18
17
|
import { TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT } from '../constants';
|
|
@@ -10,8 +10,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import * as React from 'react';
|
|
13
|
-
import { getNestedValue } from '
|
|
14
|
-
import { guid, classNames } from '@progress/kendo-react-common';
|
|
13
|
+
import { guid, classNames, getNestedValue } from '@progress/kendo-react-common';
|
|
15
14
|
import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
|
|
16
15
|
export var TreeListSelectionCell = function (props) {
|
|
17
16
|
var handleOnChange = React.useCallback(function (syntheticEvent) {
|
package/dist/es/main.d.ts
CHANGED
|
@@ -24,9 +24,10 @@ import { TreeListTextEditor, TreeListTextEditorProps } from './cells/EditCells/T
|
|
|
24
24
|
import { TreeListNumericEditor, TreeListNumericEditorProps } from './cells/EditCells/TreeListNumericEditor';
|
|
25
25
|
import { TreeListBooleanEditor, TreeListBooleanEditorProps } from './cells/EditCells/TreeListBooleanEditor';
|
|
26
26
|
import { TreeListDateEditor, TreeListDateEditorProps } from './cells/EditCells/TreeListDateEditor';
|
|
27
|
-
import {
|
|
27
|
+
import { mapTree, mapTreeItem, getNestedValue } from '@progress/kendo-react-common';
|
|
28
|
+
import { orderBy, filterBy, moveTreeItem, getItemPath, createDataTree, extendDataItem, removeItems, modifySubItems, treeToFlat, flatData } from '@progress/kendo-react-data-tools';
|
|
28
29
|
import { DataItemWrapper } from './interfaces/DataItemWrapper';
|
|
29
|
-
import {
|
|
30
|
+
import { setHeaderRowsTop, tableRowsVirtualization } from './utils';
|
|
30
31
|
import { TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT } from './constants';
|
|
31
32
|
import { getSelectedState, getSelectedStateFromKeyDown, setSelectedState } from '@progress/kendo-react-data-tools';
|
|
32
33
|
import { TreeListSelectableMode, TreeListSelectableSettings } from './interfaces/TreeListSelectableSettings';
|
package/dist/es/main.js
CHANGED
|
@@ -15,8 +15,9 @@ import { TreeListTextEditor } from './cells/EditCells/TreeListTextEditor';
|
|
|
15
15
|
import { TreeListNumericEditor } from './cells/EditCells/TreeListNumericEditor';
|
|
16
16
|
import { TreeListBooleanEditor } from './cells/EditCells/TreeListBooleanEditor';
|
|
17
17
|
import { TreeListDateEditor } from './cells/EditCells/TreeListDateEditor';
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
18
|
+
import { mapTree, mapTreeItem, getNestedValue } from '@progress/kendo-react-common';
|
|
19
|
+
import { orderBy, filterBy, moveTreeItem, getItemPath, createDataTree, extendDataItem, removeItems, modifySubItems, treeToFlat, flatData } from '@progress/kendo-react-data-tools';
|
|
20
|
+
import { setHeaderRowsTop, tableRowsVirtualization } from './utils';
|
|
20
21
|
import { TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT } from './constants';
|
|
21
22
|
import { getSelectedState, getSelectedStateFromKeyDown, setSelectedState } from '@progress/kendo-react-data-tools';
|
|
22
23
|
export { TreeList, TreeListCell, TreeListRow, TreeListDraggableRow, TreeListHeaderCell, TreeListSelectionCell, TreeListHeaderSelectionCell, TreeListToolbar, TreeListNoRecords, TreeListTextFilter, TreeListNumericFilter, TreeListDateFilter, TreeListBooleanFilter, TreeListTextEditor, TreeListNumericEditor, TreeListBooleanEditor, TreeListDateEditor, orderBy, filterBy, mapTree, createDataTree, extendDataItem, mapTreeItem, moveTreeItem, getItemPath, removeItems, modifySubItems, treeToFlat, flatData, getNestedValue, setHeaderRowsTop, tableRowsVirtualization, TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT, getSelectedState, getSelectedStateFromKeyDown, setSelectedState };
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-react-treelist',
|
|
6
6
|
productName: 'KendoReact',
|
|
7
7
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1696941577,
|
|
9
9
|
version: '',
|
|
10
10
|
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'
|
|
11
11
|
};
|
package/dist/npm/TreeList.js
CHANGED
|
@@ -52,7 +52,6 @@ var PropTypes = require("prop-types");
|
|
|
52
52
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
53
53
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
54
54
|
var index_1 = require("./utils/index");
|
|
55
|
-
var data_operations_1 = require("./utils/data-operations");
|
|
56
55
|
var TreeListCell_1 = require("./cells/TreeListCell");
|
|
57
56
|
var TreeListNoRecords_1 = require("./TreeListNoRecords");
|
|
58
57
|
var TreeListRow_1 = require("./rows/TreeListRow");
|
|
@@ -303,15 +302,15 @@ var TreeList = /** @class */ (function (_super) {
|
|
|
303
302
|
_this.expandedSubItems = function (dataItem) {
|
|
304
303
|
var items = [];
|
|
305
304
|
if (_this.expanded(dataItem) && _this.hasChildren(dataItem)) {
|
|
306
|
-
items.push.apply(items, (0,
|
|
305
|
+
items.push.apply(items, (0, kendo_react_common_1.getNestedValue)(_this.props.subItemsField, dataItem));
|
|
307
306
|
}
|
|
308
307
|
return items;
|
|
309
308
|
};
|
|
310
309
|
_this.getLeafDataItems = function () {
|
|
311
310
|
return _this.flatData.map(function (item) { return item.dataItem; });
|
|
312
311
|
};
|
|
313
|
-
_this.expanded = function (dataItem) { return Boolean((0,
|
|
314
|
-
_this.hasChildren = function (dataItem) { return Boolean((0,
|
|
312
|
+
_this.expanded = function (dataItem) { return Boolean((0, kendo_react_common_1.getNestedValue)(_this.props.expandField, dataItem)); };
|
|
313
|
+
_this.hasChildren = function (dataItem) { return Boolean((0, kendo_react_common_1.getNestedValue)(_this.props.subItemsField, dataItem)); };
|
|
315
314
|
(0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
316
315
|
_this.dragLogic = new kendo_react_data_tools_1.CommonDragLogic(_this.columnReorder, kendo_react_common_1.noop, kendo_react_common_1.noop);
|
|
317
316
|
_this.columnResize = new kendo_react_data_tools_1.ColumnResize(_this.onResize.bind(_this));
|
|
@@ -461,11 +460,11 @@ var TreeList = /** @class */ (function (_super) {
|
|
|
461
460
|
var levels = flattedData.map(function (i) { return i.level; });
|
|
462
461
|
var rowIndexStart = this.columnsMap.length + (filterable ? 1 : 0) + 1;
|
|
463
462
|
var body = flattedData.length > 0 && flattedData.map(function (item, rowIndex) {
|
|
464
|
-
var inEdit = (0,
|
|
463
|
+
var inEdit = (0, kendo_react_common_1.getNestedValue)(_this.props.editField, item.dataItem);
|
|
465
464
|
var dataItemKeyValue = _this.props.dataItemKey && (0, kendo_react_common_1.getter)(_this.props.dataItemKey)(item.dataItem);
|
|
466
465
|
var rowId = String(dataItemKeyValue ? dataItemKeyValue : item.level.join('.'));
|
|
467
466
|
var isRowExpanded = _this.expanded(item.dataItem);
|
|
468
|
-
var selectedValue = _this.props.selectedField ? (0,
|
|
467
|
+
var selectedValue = _this.props.selectedField ? (0, kendo_react_common_1.getNestedValue)(_this.props.selectedField, item.dataItem) : undefined;
|
|
469
468
|
var rowProps = {
|
|
470
469
|
key: rowId,
|
|
471
470
|
level: item.level,
|
|
@@ -544,7 +543,7 @@ var TreeList = /** @class */ (function (_super) {
|
|
|
544
543
|
this.tbodyOffsetTop > 0 &&
|
|
545
544
|
this.flattedData.length) ?
|
|
546
545
|
this.flattedData :
|
|
547
|
-
(0,
|
|
546
|
+
(0, kendo_react_data_tools_1.flatData)(data, this.expandedSubItems, itemDataMap);
|
|
548
547
|
this.prevData = data;
|
|
549
548
|
this.flattedData = flattedData;
|
|
550
549
|
return flattedData;
|
|
@@ -13,7 +13,6 @@ var __assign = (this && this.__assign) || function () {
|
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
exports.TreeListBooleanEditor = void 0;
|
|
15
15
|
var React = require("react");
|
|
16
|
-
var utils_1 = require("../../utils");
|
|
17
16
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
18
17
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
19
18
|
var constants_1 = require("../../constants");
|
|
@@ -36,7 +35,7 @@ var TreeListBooleanEditor = function (props) {
|
|
|
36
35
|
_a['k-selected'] = props.isSelected,
|
|
37
36
|
_a), props.className);
|
|
38
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)),
|
|
39
|
-
React.createElement("input", { checked: (0,
|
|
38
|
+
React.createElement("input", { checked: (0, kendo_react_common_1.getNestedValue)(props.field, props.dataItem) || false, id: inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: onChange }),
|
|
40
39
|
React.createElement("label", { className: "k-checkbox-label", htmlFor: inputId })));
|
|
41
40
|
return props.render ?
|
|
42
41
|
props.render.call(undefined, defaultRendering, props) :
|
|
@@ -13,7 +13,6 @@ var __assign = (this && this.__assign) || function () {
|
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
exports.TreeListDateEditor = void 0;
|
|
15
15
|
var React = require("react");
|
|
16
|
-
var utils_1 = require("../../utils");
|
|
17
16
|
var kendo_react_dateinputs_1 = require("@progress/kendo-react-dateinputs");
|
|
18
17
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
19
18
|
var constants_1 = require("../../constants");
|
|
@@ -36,7 +35,7 @@ var TreeListDateEditor = function (props) {
|
|
|
36
35
|
_a['k-selected'] = props.isSelected,
|
|
37
36
|
_a), props.className);
|
|
38
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)),
|
|
39
|
-
React.createElement(kendo_react_dateinputs_1.DatePicker, { width: "100%", value: (0,
|
|
38
|
+
React.createElement(kendo_react_dateinputs_1.DatePicker, { width: "100%", value: (0, kendo_react_common_1.getNestedValue)(props.field, props.dataItem), onChange: onChange })));
|
|
40
39
|
return props.render ?
|
|
41
40
|
props.render.call(undefined, defaultRendering, props) :
|
|
42
41
|
defaultRendering;
|
|
@@ -13,7 +13,6 @@ var __assign = (this && this.__assign) || function () {
|
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
exports.TreeListNumericEditor = void 0;
|
|
15
15
|
var React = require("react");
|
|
16
|
-
var utils_1 = require("../../utils");
|
|
17
16
|
var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
|
|
18
17
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
19
18
|
var constants_1 = require("../../constants");
|
|
@@ -31,7 +30,7 @@ var TreeListNumericEditor = function (props) {
|
|
|
31
30
|
});
|
|
32
31
|
}
|
|
33
32
|
}, [props.onChange, props.dataItem, props.level, props.field]);
|
|
34
|
-
var data = (0,
|
|
33
|
+
var data = (0, kendo_react_common_1.getNestedValue)(props.field, props.dataItem);
|
|
35
34
|
var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
|
|
36
35
|
var editCellClasses = (0, kendo_react_common_1.classNames)((_a = {},
|
|
37
36
|
_a['k-selected'] = props.isSelected,
|
|
@@ -13,7 +13,6 @@ var __assign = (this && this.__assign) || function () {
|
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
exports.TreeListTextEditor = void 0;
|
|
15
15
|
var React = require("react");
|
|
16
|
-
var utils_1 = require("../../utils");
|
|
17
16
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
18
17
|
var constants_1 = require("../../constants");
|
|
19
18
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
@@ -35,7 +34,7 @@ var TreeListTextEditor = function (props) {
|
|
|
35
34
|
_a['k-selected'] = props.isSelected,
|
|
36
35
|
_a), props.className);
|
|
37
36
|
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)),
|
|
38
|
-
React.createElement("input", { style: { width: '100%' }, className: "k-input", value: (0,
|
|
37
|
+
React.createElement("input", { style: { width: '100%' }, className: "k-input", value: (0, kendo_react_common_1.getNestedValue)(props.field, props.dataItem) || '', onChange: onChange })));
|
|
39
38
|
return props.render ?
|
|
40
39
|
props.render.call(undefined, defaultRendering, props) :
|
|
41
40
|
defaultRendering;
|
|
@@ -15,14 +15,13 @@ exports.TreeListCell = void 0;
|
|
|
15
15
|
var React = require("react");
|
|
16
16
|
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
17
17
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
18
|
-
var utils_1 = require("../utils");
|
|
19
18
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
20
19
|
var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
|
|
21
20
|
var constants_1 = require("../constants");
|
|
22
21
|
var TreeListCell = function (props) {
|
|
23
22
|
var _a, _b, _c;
|
|
24
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;
|
|
25
|
-
var data = (0,
|
|
24
|
+
var data = (0, kendo_react_common_1.getNestedValue)(props.field, dataItem);
|
|
26
25
|
var intl = (0, kendo_react_intl_1.useInternationalization)();
|
|
27
26
|
var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(id);
|
|
28
27
|
var dataAsString = '';
|
|
@@ -13,7 +13,6 @@ var __assign = (this && this.__assign) || function () {
|
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
exports.TreeListSelectionCell = void 0;
|
|
15
15
|
var React = require("react");
|
|
16
|
-
var utils_1 = require("../utils");
|
|
17
16
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
18
17
|
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
19
18
|
var TreeListSelectionCell = function (props) {
|
|
@@ -23,7 +22,7 @@ var TreeListSelectionCell = function (props) {
|
|
|
23
22
|
}
|
|
24
23
|
}, [props.selectionChange]);
|
|
25
24
|
var inputId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
|
|
26
|
-
var selectedValue = (0,
|
|
25
|
+
var selectedValue = (0, kendo_react_common_1.getNestedValue)(props.field, props.dataItem);
|
|
27
26
|
var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
|
|
28
27
|
var defaultRendering = (React.createElement("td", __assign({ style: props.style, className: (0, kendo_react_common_1.classNames)('k-table-td', props.className), "aria-colindex": props.ariaColumnIndex, role: 'gridcell' }, navigationAttributes),
|
|
29
28
|
React.createElement("input", { checked: typeof selectedValue === 'boolean' && selectedValue, id: inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: handleOnChange }),
|
package/dist/npm/main.d.ts
CHANGED
|
@@ -24,9 +24,10 @@ import { TreeListTextEditor, TreeListTextEditorProps } from './cells/EditCells/T
|
|
|
24
24
|
import { TreeListNumericEditor, TreeListNumericEditorProps } from './cells/EditCells/TreeListNumericEditor';
|
|
25
25
|
import { TreeListBooleanEditor, TreeListBooleanEditorProps } from './cells/EditCells/TreeListBooleanEditor';
|
|
26
26
|
import { TreeListDateEditor, TreeListDateEditorProps } from './cells/EditCells/TreeListDateEditor';
|
|
27
|
-
import {
|
|
27
|
+
import { mapTree, mapTreeItem, getNestedValue } from '@progress/kendo-react-common';
|
|
28
|
+
import { orderBy, filterBy, moveTreeItem, getItemPath, createDataTree, extendDataItem, removeItems, modifySubItems, treeToFlat, flatData } from '@progress/kendo-react-data-tools';
|
|
28
29
|
import { DataItemWrapper } from './interfaces/DataItemWrapper';
|
|
29
|
-
import {
|
|
30
|
+
import { setHeaderRowsTop, tableRowsVirtualization } from './utils';
|
|
30
31
|
import { TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT } from './constants';
|
|
31
32
|
import { getSelectedState, getSelectedStateFromKeyDown, setSelectedState } from '@progress/kendo-react-data-tools';
|
|
32
33
|
import { TreeListSelectableMode, TreeListSelectableSettings } from './interfaces/TreeListSelectableSettings';
|
package/dist/npm/main.js
CHANGED
|
@@ -35,28 +35,29 @@ var TreeListBooleanEditor_1 = require("./cells/EditCells/TreeListBooleanEditor")
|
|
|
35
35
|
Object.defineProperty(exports, "TreeListBooleanEditor", { enumerable: true, get: function () { return TreeListBooleanEditor_1.TreeListBooleanEditor; } });
|
|
36
36
|
var TreeListDateEditor_1 = require("./cells/EditCells/TreeListDateEditor");
|
|
37
37
|
Object.defineProperty(exports, "TreeListDateEditor", { enumerable: true, get: function () { return TreeListDateEditor_1.TreeListDateEditor; } });
|
|
38
|
-
var
|
|
39
|
-
Object.defineProperty(exports, "
|
|
40
|
-
Object.defineProperty(exports, "
|
|
41
|
-
Object.defineProperty(exports, "
|
|
42
|
-
|
|
43
|
-
Object.defineProperty(exports, "
|
|
44
|
-
Object.defineProperty(exports, "
|
|
45
|
-
Object.defineProperty(exports, "
|
|
46
|
-
Object.defineProperty(exports, "
|
|
47
|
-
Object.defineProperty(exports, "
|
|
48
|
-
Object.defineProperty(exports, "
|
|
49
|
-
Object.defineProperty(exports, "
|
|
50
|
-
Object.defineProperty(exports, "
|
|
38
|
+
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
39
|
+
Object.defineProperty(exports, "mapTree", { enumerable: true, get: function () { return kendo_react_common_1.mapTree; } });
|
|
40
|
+
Object.defineProperty(exports, "mapTreeItem", { enumerable: true, get: function () { return kendo_react_common_1.mapTreeItem; } });
|
|
41
|
+
Object.defineProperty(exports, "getNestedValue", { enumerable: true, get: function () { return kendo_react_common_1.getNestedValue; } });
|
|
42
|
+
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
43
|
+
Object.defineProperty(exports, "orderBy", { enumerable: true, get: function () { return kendo_react_data_tools_1.orderBy; } });
|
|
44
|
+
Object.defineProperty(exports, "filterBy", { enumerable: true, get: function () { return kendo_react_data_tools_1.filterBy; } });
|
|
45
|
+
Object.defineProperty(exports, "moveTreeItem", { enumerable: true, get: function () { return kendo_react_data_tools_1.moveTreeItem; } });
|
|
46
|
+
Object.defineProperty(exports, "getItemPath", { enumerable: true, get: function () { return kendo_react_data_tools_1.getItemPath; } });
|
|
47
|
+
Object.defineProperty(exports, "createDataTree", { enumerable: true, get: function () { return kendo_react_data_tools_1.createDataTree; } });
|
|
48
|
+
Object.defineProperty(exports, "extendDataItem", { enumerable: true, get: function () { return kendo_react_data_tools_1.extendDataItem; } });
|
|
49
|
+
Object.defineProperty(exports, "removeItems", { enumerable: true, get: function () { return kendo_react_data_tools_1.removeItems; } });
|
|
50
|
+
Object.defineProperty(exports, "modifySubItems", { enumerable: true, get: function () { return kendo_react_data_tools_1.modifySubItems; } });
|
|
51
|
+
Object.defineProperty(exports, "treeToFlat", { enumerable: true, get: function () { return kendo_react_data_tools_1.treeToFlat; } });
|
|
52
|
+
Object.defineProperty(exports, "flatData", { enumerable: true, get: function () { return kendo_react_data_tools_1.flatData; } });
|
|
51
53
|
var utils_1 = require("./utils");
|
|
52
|
-
Object.defineProperty(exports, "getNestedValue", { enumerable: true, get: function () { return utils_1.getNestedValue; } });
|
|
53
54
|
Object.defineProperty(exports, "setHeaderRowsTop", { enumerable: true, get: function () { return utils_1.setHeaderRowsTop; } });
|
|
54
55
|
Object.defineProperty(exports, "tableRowsVirtualization", { enumerable: true, get: function () { return utils_1.tableRowsVirtualization; } });
|
|
55
56
|
var constants_1 = require("./constants");
|
|
56
57
|
Object.defineProperty(exports, "TREELIST_COL_INDEX_ATTRIBUTE", { enumerable: true, get: function () { return constants_1.TREELIST_COL_INDEX_ATTRIBUTE; } });
|
|
57
58
|
Object.defineProperty(exports, "TREELIST_ROW_INDEX_ATTRIBUTE", { enumerable: true, get: function () { return constants_1.TREELIST_ROW_INDEX_ATTRIBUTE; } });
|
|
58
59
|
Object.defineProperty(exports, "TREELIST_PREVENT_SELECTION_ELEMENT", { enumerable: true, get: function () { return constants_1.TREELIST_PREVENT_SELECTION_ELEMENT; } });
|
|
59
|
-
var
|
|
60
|
-
Object.defineProperty(exports, "getSelectedState", { enumerable: true, get: function () { return
|
|
61
|
-
Object.defineProperty(exports, "getSelectedStateFromKeyDown", { enumerable: true, get: function () { return
|
|
62
|
-
Object.defineProperty(exports, "setSelectedState", { enumerable: true, get: function () { return
|
|
60
|
+
var kendo_react_data_tools_2 = require("@progress/kendo-react-data-tools");
|
|
61
|
+
Object.defineProperty(exports, "getSelectedState", { enumerable: true, get: function () { return kendo_react_data_tools_2.getSelectedState; } });
|
|
62
|
+
Object.defineProperty(exports, "getSelectedStateFromKeyDown", { enumerable: true, get: function () { return kendo_react_data_tools_2.getSelectedStateFromKeyDown; } });
|
|
63
|
+
Object.defineProperty(exports, "setSelectedState", { enumerable: true, get: function () { return kendo_react_data_tools_2.setSelectedState; } });
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-treelist',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1696941577,
|
|
12
12
|
version: '',
|
|
13
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'
|
|
14
14
|
};
|