@progress/kendo-react-treelist 6.1.1 → 7.0.0-develop.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +1 -1
- package/ScrollMode.d.ts +5 -0
- package/{dist/es/TreeList.d.ts → TreeList.d.ts} +6 -2
- package/{dist/es/TreeListNoRecords.d.ts → TreeListNoRecords.d.ts} +4 -0
- package/TreeListToolbar.d.ts +15 -0
- package/cells/EditCells/TreeListBooleanEditor.d.ts +11 -0
- package/cells/EditCells/TreeListDateEditor.d.ts +11 -0
- package/{dist/es/cells → cells}/EditCells/TreeListNumericEditor.d.ts +4 -0
- package/cells/EditCells/TreeListTextEditor.d.ts +11 -0
- package/{dist/npm/cells → cells}/FilterCells/TreeListBooleanFilter.d.ts +4 -0
- package/{dist/npm/cells → cells}/FilterCells/TreeListDateFilter.d.ts +4 -0
- package/{dist/es/cells → cells}/FilterCells/TreeListNumericFilter.d.ts +4 -0
- package/{dist/es/cells → cells}/FilterCells/TreeListTextFilter.d.ts +4 -0
- package/{dist/npm/cells → cells}/FilterCells/utils.d.ts +4 -0
- package/cells/TreeListCell.d.ts +9 -0
- package/cells/TreeListSelectionCell.d.ts +11 -0
- package/{dist/es/constants → constants}/index.d.ts +4 -0
- package/dist/cdn/js/kendo-react-treelist.js +5 -1
- package/header/TreeListHeaderCell.d.ts +7 -0
- package/header/TreeListHeaderSelectionCell.d.ts +15 -0
- package/index.d.ts +38 -0
- package/index.js +5 -0
- package/index.mjs +1181 -0
- package/interfaces/DataItemWrapper.d.ts +14 -0
- package/{dist/npm/interfaces → interfaces}/TreeListCellProps.d.ts +4 -1
- package/{dist/es/interfaces → interfaces}/TreeListColumnProps.d.ts +4 -0
- package/interfaces/TreeListFilterCellProps.d.ts +10 -0
- package/interfaces/TreeListFilterOperator.d.ts +10 -0
- package/interfaces/TreeListHeaderCellProps.d.ts +10 -0
- package/interfaces/TreeListNoRecordsProps.d.ts +13 -0
- package/{dist/es/interfaces → interfaces}/TreeListProps.d.ts +4 -1
- package/{dist/es/interfaces → interfaces}/TreeListRowProps.d.ts +4 -1
- package/{dist/es/interfaces → interfaces}/TreeListSelectableSettings.d.ts +5 -1
- package/interfaces/TreeListSortSettings.d.ts +13 -0
- package/interfaces/TreeListToolbarProps.d.ts +13 -0
- package/{dist/es/interfaces → interfaces}/events.d.ts +4 -0
- package/{dist/npm/messages → messages}/index.d.ts +4 -0
- package/package-metadata.d.ts +9 -0
- package/package.json +36 -57
- package/{dist/es/rows → rows}/TreeListDraggableRow.d.ts +5 -1
- package/rows/TreeListRow.d.ts +10 -0
- package/{dist/npm/utils → utils}/index.d.ts +4 -0
- package/about.md +0 -3
- package/debug.log +0 -3
- package/dist/es/ScrollMode.d.ts +0 -1
- package/dist/es/ScrollMode.js +0 -1
- package/dist/es/TreeList.js +0 -632
- package/dist/es/TreeListNoRecords.js +0 -37
- package/dist/es/TreeListToolbar.d.ts +0 -11
- package/dist/es/TreeListToolbar.js +0 -33
- package/dist/es/cells/EditCells/TreeListBooleanEditor.d.ts +0 -8
- package/dist/es/cells/EditCells/TreeListBooleanEditor.js +0 -41
- package/dist/es/cells/EditCells/TreeListDateEditor.d.ts +0 -8
- package/dist/es/cells/EditCells/TreeListDateEditor.js +0 -40
- package/dist/es/cells/EditCells/TreeListNumericEditor.js +0 -41
- package/dist/es/cells/EditCells/TreeListTextEditor.d.ts +0 -8
- package/dist/es/cells/EditCells/TreeListTextEditor.js +0 -39
- package/dist/es/cells/FilterCells/TreeListBooleanFilter.d.ts +0 -10
- package/dist/es/cells/FilterCells/TreeListBooleanFilter.js +0 -30
- package/dist/es/cells/FilterCells/TreeListDateFilter.d.ts +0 -10
- package/dist/es/cells/FilterCells/TreeListDateFilter.js +0 -30
- package/dist/es/cells/FilterCells/TreeListNumericFilter.js +0 -30
- package/dist/es/cells/FilterCells/TreeListTextFilter.js +0 -30
- package/dist/es/cells/FilterCells/utils.d.ts +0 -38
- package/dist/es/cells/FilterCells/utils.js +0 -66
- package/dist/es/cells/TreeListCell.d.ts +0 -6
- package/dist/es/cells/TreeListCell.js +0 -61
- package/dist/es/cells/TreeListSelectionCell.d.ts +0 -8
- package/dist/es/cells/TreeListSelectionCell.js +0 -31
- package/dist/es/constants/index.js +0 -7
- package/dist/es/header/TreeListHeaderCell.d.ts +0 -3
- package/dist/es/header/TreeListHeaderCell.js +0 -14
- package/dist/es/header/TreeListHeaderSelectionCell.d.ts +0 -11
- package/dist/es/header/TreeListHeaderSelectionCell.js +0 -45
- package/dist/es/interfaces/DataItemWrapper.d.ts +0 -10
- package/dist/es/interfaces/DataItemWrapper.js +0 -1
- package/dist/es/interfaces/TreeListCellProps.d.ts +0 -42
- package/dist/es/interfaces/TreeListCellProps.js +0 -1
- package/dist/es/interfaces/TreeListColumnProps.js +0 -1
- package/dist/es/interfaces/TreeListFilterCellProps.d.ts +0 -6
- package/dist/es/interfaces/TreeListFilterCellProps.js +0 -1
- package/dist/es/interfaces/TreeListFilterOperator.d.ts +0 -6
- package/dist/es/interfaces/TreeListFilterOperator.js +0 -1
- package/dist/es/interfaces/TreeListHeaderCellProps.d.ts +0 -6
- package/dist/es/interfaces/TreeListHeaderCellProps.js +0 -1
- package/dist/es/interfaces/TreeListNoRecordsProps.d.ts +0 -10
- package/dist/es/interfaces/TreeListNoRecordsProps.js +0 -1
- package/dist/es/interfaces/TreeListProps.js +0 -1
- package/dist/es/interfaces/TreeListRowProps.js +0 -1
- package/dist/es/interfaces/TreeListSelectableSettings.js +0 -2
- package/dist/es/interfaces/TreeListSortSettings.d.ts +0 -9
- package/dist/es/interfaces/TreeListSortSettings.js +0 -1
- package/dist/es/interfaces/TreeListToolbarProps.d.ts +0 -10
- package/dist/es/interfaces/TreeListToolbarProps.js +0 -1
- package/dist/es/interfaces/events.js +0 -1
- package/dist/es/main.d.ts +0 -34
- package/dist/es/main.js +0 -23
- package/dist/es/messages/index.d.ts +0 -120
- package/dist/es/messages/index.js +0 -121
- package/dist/es/package-metadata.d.ts +0 -5
- package/dist/es/package-metadata.js +0 -11
- package/dist/es/rows/TreeListDraggableRow.js +0 -171
- package/dist/es/rows/TreeListRow.d.ts +0 -6
- package/dist/es/rows/TreeListRow.js +0 -31
- package/dist/es/utils/index.d.ts +0 -17
- package/dist/es/utils/index.js +0 -68
- package/dist/npm/ScrollMode.d.ts +0 -1
- package/dist/npm/ScrollMode.js +0 -2
- package/dist/npm/TreeList.d.ts +0 -133
- package/dist/npm/TreeList.js +0 -635
- package/dist/npm/TreeListNoRecords.d.ts +0 -12
- package/dist/npm/TreeListNoRecords.js +0 -40
- package/dist/npm/TreeListToolbar.d.ts +0 -11
- package/dist/npm/TreeListToolbar.js +0 -36
- package/dist/npm/cells/EditCells/TreeListBooleanEditor.d.ts +0 -8
- package/dist/npm/cells/EditCells/TreeListBooleanEditor.js +0 -45
- package/dist/npm/cells/EditCells/TreeListDateEditor.d.ts +0 -8
- package/dist/npm/cells/EditCells/TreeListDateEditor.js +0 -44
- package/dist/npm/cells/EditCells/TreeListNumericEditor.d.ts +0 -8
- package/dist/npm/cells/EditCells/TreeListNumericEditor.js +0 -45
- package/dist/npm/cells/EditCells/TreeListTextEditor.d.ts +0 -8
- package/dist/npm/cells/EditCells/TreeListTextEditor.js +0 -43
- package/dist/npm/cells/FilterCells/TreeListBooleanFilter.js +0 -34
- package/dist/npm/cells/FilterCells/TreeListDateFilter.js +0 -34
- package/dist/npm/cells/FilterCells/TreeListNumericFilter.d.ts +0 -10
- package/dist/npm/cells/FilterCells/TreeListNumericFilter.js +0 -34
- package/dist/npm/cells/FilterCells/TreeListTextFilter.d.ts +0 -10
- package/dist/npm/cells/FilterCells/TreeListTextFilter.js +0 -34
- package/dist/npm/cells/FilterCells/utils.js +0 -70
- package/dist/npm/cells/TreeListCell.d.ts +0 -6
- package/dist/npm/cells/TreeListCell.js +0 -65
- package/dist/npm/cells/TreeListSelectionCell.d.ts +0 -8
- package/dist/npm/cells/TreeListSelectionCell.js +0 -35
- package/dist/npm/constants/index.d.ts +0 -6
- package/dist/npm/constants/index.js +0 -10
- package/dist/npm/header/TreeListHeaderCell.d.ts +0 -3
- package/dist/npm/header/TreeListHeaderCell.js +0 -18
- package/dist/npm/header/TreeListHeaderSelectionCell.d.ts +0 -11
- package/dist/npm/header/TreeListHeaderSelectionCell.js +0 -48
- package/dist/npm/interfaces/DataItemWrapper.d.ts +0 -10
- package/dist/npm/interfaces/DataItemWrapper.js +0 -2
- package/dist/npm/interfaces/TreeListCellProps.js +0 -2
- package/dist/npm/interfaces/TreeListColumnProps.d.ts +0 -41
- package/dist/npm/interfaces/TreeListColumnProps.js +0 -2
- package/dist/npm/interfaces/TreeListFilterCellProps.d.ts +0 -6
- package/dist/npm/interfaces/TreeListFilterCellProps.js +0 -2
- package/dist/npm/interfaces/TreeListFilterOperator.d.ts +0 -6
- package/dist/npm/interfaces/TreeListFilterOperator.js +0 -2
- package/dist/npm/interfaces/TreeListHeaderCellProps.d.ts +0 -6
- package/dist/npm/interfaces/TreeListHeaderCellProps.js +0 -2
- package/dist/npm/interfaces/TreeListNoRecordsProps.d.ts +0 -10
- package/dist/npm/interfaces/TreeListNoRecordsProps.js +0 -2
- package/dist/npm/interfaces/TreeListProps.d.ts +0 -234
- package/dist/npm/interfaces/TreeListProps.js +0 -2
- package/dist/npm/interfaces/TreeListRowProps.d.ts +0 -93
- package/dist/npm/interfaces/TreeListRowProps.js +0 -2
- package/dist/npm/interfaces/TreeListSelectableSettings.d.ts +0 -18
- package/dist/npm/interfaces/TreeListSelectableSettings.js +0 -3
- package/dist/npm/interfaces/TreeListSortSettings.d.ts +0 -9
- package/dist/npm/interfaces/TreeListSortSettings.js +0 -2
- package/dist/npm/interfaces/TreeListToolbarProps.d.ts +0 -10
- package/dist/npm/interfaces/TreeListToolbarProps.js +0 -2
- package/dist/npm/interfaces/events.d.ts +0 -265
- package/dist/npm/interfaces/events.js +0 -2
- package/dist/npm/main.d.ts +0 -34
- package/dist/npm/main.js +0 -63
- package/dist/npm/messages/index.js +0 -124
- package/dist/npm/package-metadata.d.ts +0 -5
- package/dist/npm/package-metadata.js +0 -14
- package/dist/npm/rows/TreeListDraggableRow.d.ts +0 -32
- package/dist/npm/rows/TreeListDraggableRow.js +0 -174
- package/dist/npm/rows/TreeListRow.d.ts +0 -6
- package/dist/npm/rows/TreeListRow.js +0 -34
- package/dist/npm/utils/index.js +0 -74
- package/dist/systemjs/kendo-react-treelist.js +0 -1
- package/e2e-next/basic.tests.ts +0 -24
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { TreeListToolbarProps } from './interfaces/TreeListToolbarProps';
|
|
3
|
-
/**
|
|
4
|
-
* Represents the TreeListToolbar component.
|
|
5
|
-
*/
|
|
6
|
-
export declare class TreeListToolbar extends React.Component<TreeListToolbarProps, {}> {
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
render(): JSX.Element;
|
|
11
|
-
}
|
|
@@ -1,33 +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
|
-
/**
|
|
18
|
-
* Represents the TreeListToolbar component.
|
|
19
|
-
*/
|
|
20
|
-
var TreeListToolbar = /** @class */ (function (_super) {
|
|
21
|
-
__extends(TreeListToolbar, _super);
|
|
22
|
-
function TreeListToolbar() {
|
|
23
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
24
|
-
}
|
|
25
|
-
/**
|
|
26
|
-
* @hidden
|
|
27
|
-
*/
|
|
28
|
-
TreeListToolbar.prototype.render = function () {
|
|
29
|
-
return (React.createElement("div", { className: "k-toolbar k-grid-toolbar" }, this.props.children));
|
|
30
|
-
};
|
|
31
|
-
return TreeListToolbar;
|
|
32
|
-
}(React.Component));
|
|
33
|
-
export { TreeListToolbar };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TreeListCellProps } from '../../interfaces/TreeListCellProps';
|
|
3
|
-
export interface TreeListBooleanEditorProps extends TreeListCellProps {
|
|
4
|
-
}
|
|
5
|
-
export declare const TreeListBooleanEditor: {
|
|
6
|
-
(props: TreeListBooleanEditorProps): JSX.Element | null;
|
|
7
|
-
displayName: string;
|
|
8
|
-
};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import * as React from 'react';
|
|
13
|
-
import { classNames, guid, getNestedValue } from '@progress/kendo-react-common';
|
|
14
|
-
import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
|
|
15
|
-
import { TREELIST_COL_INDEX_ATTRIBUTE } from '../../constants';
|
|
16
|
-
export var TreeListBooleanEditor = function (props) {
|
|
17
|
-
var _a, _b;
|
|
18
|
-
var onChange = React.useCallback(function (event) {
|
|
19
|
-
if (props.onChange) {
|
|
20
|
-
props.onChange({
|
|
21
|
-
dataItem: props.dataItem,
|
|
22
|
-
level: props.level,
|
|
23
|
-
field: props.field,
|
|
24
|
-
syntheticEvent: event,
|
|
25
|
-
value: event.target.checked
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
}, [props.onChange, props.dataItem, props.level, props.field]);
|
|
29
|
-
var inputId = React.useMemo(function () { return guid(); }, []);
|
|
30
|
-
var navigationAttributes = useTableKeyboardNavigation(props.id);
|
|
31
|
-
var editCellClasses = classNames((_a = {},
|
|
32
|
-
_a['k-selected'] = props.isSelected,
|
|
33
|
-
_a), props.className);
|
|
34
|
-
var defaultRendering = (React.createElement("td", __assign({ style: props.style, className: editCellClasses, "aria-colindex": props.ariaColumnIndex, "aria-selected": props.isSelected, role: 'gridcell' }, navigationAttributes, (_b = {}, _b[TREELIST_COL_INDEX_ATTRIBUTE] = props.colIndex, _b)),
|
|
35
|
-
React.createElement("input", { checked: getNestedValue(props.field, props.dataItem) || false, id: inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: onChange }),
|
|
36
|
-
React.createElement("label", { className: "k-checkbox-label", htmlFor: inputId })));
|
|
37
|
-
return props.render ?
|
|
38
|
-
props.render.call(undefined, defaultRendering, props) :
|
|
39
|
-
defaultRendering;
|
|
40
|
-
};
|
|
41
|
-
TreeListBooleanEditor.displayName = 'KendoReactTreeListBooleanEditor';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TreeListCellProps } from '../../interfaces/TreeListCellProps';
|
|
3
|
-
export interface TreeListDateEditorProps extends TreeListCellProps {
|
|
4
|
-
}
|
|
5
|
-
export declare const TreeListDateEditor: {
|
|
6
|
-
(props: TreeListDateEditorProps): JSX.Element | null;
|
|
7
|
-
displayName: string;
|
|
8
|
-
};
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import * as React from 'react';
|
|
13
|
-
import { DatePicker } from '@progress/kendo-react-dateinputs';
|
|
14
|
-
import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
|
|
15
|
-
import { TREELIST_COL_INDEX_ATTRIBUTE } from '../../constants';
|
|
16
|
-
import { classNames, getNestedValue } from '@progress/kendo-react-common';
|
|
17
|
-
export var TreeListDateEditor = function (props) {
|
|
18
|
-
var _a, _b;
|
|
19
|
-
var onChange = React.useCallback(function (event) {
|
|
20
|
-
if (props.onChange) {
|
|
21
|
-
props.onChange({
|
|
22
|
-
dataItem: props.dataItem,
|
|
23
|
-
level: props.level,
|
|
24
|
-
field: props.field,
|
|
25
|
-
syntheticEvent: event.syntheticEvent,
|
|
26
|
-
value: event.value
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
}, [props.onChange, props.dataItem, props.level, props.field]);
|
|
30
|
-
var navigationAttributes = useTableKeyboardNavigation(props.id);
|
|
31
|
-
var editCellClasses = classNames((_a = {},
|
|
32
|
-
_a['k-selected'] = props.isSelected,
|
|
33
|
-
_a), props.className);
|
|
34
|
-
var defaultRendering = (React.createElement("td", __assign({ style: props.style, className: editCellClasses, "aria-colindex": props.ariaColumnIndex, "aria-selected": props.isSelected, role: 'gridcell' }, navigationAttributes, (_b = {}, _b[TREELIST_COL_INDEX_ATTRIBUTE] = props.colIndex, _b)),
|
|
35
|
-
React.createElement(DatePicker, { width: "100%", value: getNestedValue(props.field, props.dataItem), onChange: onChange })));
|
|
36
|
-
return props.render ?
|
|
37
|
-
props.render.call(undefined, defaultRendering, props) :
|
|
38
|
-
defaultRendering;
|
|
39
|
-
};
|
|
40
|
-
TreeListDateEditor.displayName = 'KendoReactTreeListDateEditor';
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import * as React from 'react';
|
|
13
|
-
import { NumericTextBox } from '@progress/kendo-react-inputs';
|
|
14
|
-
import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
|
|
15
|
-
import { TREELIST_COL_INDEX_ATTRIBUTE } from '../../constants';
|
|
16
|
-
import { classNames, getNestedValue } from '@progress/kendo-react-common';
|
|
17
|
-
export var TreeListNumericEditor = function (props) {
|
|
18
|
-
var _a, _b;
|
|
19
|
-
var onChange = React.useCallback(function (event) {
|
|
20
|
-
if (props.onChange) {
|
|
21
|
-
props.onChange({
|
|
22
|
-
dataItem: props.dataItem,
|
|
23
|
-
level: props.level,
|
|
24
|
-
field: props.field,
|
|
25
|
-
syntheticEvent: event.syntheticEvent,
|
|
26
|
-
value: event.value
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
}, [props.onChange, props.dataItem, props.level, props.field]);
|
|
30
|
-
var data = getNestedValue(props.field, props.dataItem);
|
|
31
|
-
var navigationAttributes = useTableKeyboardNavigation(props.id);
|
|
32
|
-
var editCellClasses = classNames((_a = {},
|
|
33
|
-
_a['k-selected'] = props.isSelected,
|
|
34
|
-
_a), props.className);
|
|
35
|
-
var defaultRendering = (React.createElement("td", __assign({ style: props.style, className: editCellClasses, "aria-colindex": props.ariaColumnIndex, "aria-selected": props.isSelected, role: 'gridcell' }, navigationAttributes, (_b = {}, _b[TREELIST_COL_INDEX_ATTRIBUTE] = props.colIndex, _b)),
|
|
36
|
-
React.createElement(NumericTextBox, { width: "100%", value: (data === undefined) ? null : data, onChange: onChange })));
|
|
37
|
-
return props.render ?
|
|
38
|
-
props.render.call(undefined, defaultRendering, props) :
|
|
39
|
-
defaultRendering;
|
|
40
|
-
};
|
|
41
|
-
TreeListNumericEditor.displayName = 'KendoReactTreeListNumericEditor';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TreeListCellProps } from '../../interfaces/TreeListCellProps';
|
|
3
|
-
export interface TreeListTextEditorProps extends TreeListCellProps {
|
|
4
|
-
}
|
|
5
|
-
export declare const TreeListTextEditor: {
|
|
6
|
-
(props: TreeListTextEditorProps): JSX.Element | null;
|
|
7
|
-
displayName: string;
|
|
8
|
-
};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import * as React from 'react';
|
|
13
|
-
import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
|
|
14
|
-
import { TREELIST_COL_INDEX_ATTRIBUTE } from '../../constants';
|
|
15
|
-
import { classNames, getNestedValue } from '@progress/kendo-react-common';
|
|
16
|
-
export var TreeListTextEditor = function (props) {
|
|
17
|
-
var _a, _b;
|
|
18
|
-
var onChange = React.useCallback(function (event) {
|
|
19
|
-
if (props.onChange) {
|
|
20
|
-
props.onChange({
|
|
21
|
-
dataItem: props.dataItem,
|
|
22
|
-
level: props.level,
|
|
23
|
-
field: props.field,
|
|
24
|
-
syntheticEvent: event,
|
|
25
|
-
value: event.target.value
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
}, [props.onChange, props.dataItem, props.level, props.field]);
|
|
29
|
-
var navigationAttributes = useTableKeyboardNavigation(props.id);
|
|
30
|
-
var editCellClasses = classNames((_a = {},
|
|
31
|
-
_a['k-selected'] = props.isSelected,
|
|
32
|
-
_a), props.className);
|
|
33
|
-
var defaultRendering = (React.createElement("td", __assign({ style: props.style, className: editCellClasses, "aria-colindex": props.ariaColumnIndex, "aria-selected": props.isSelected, role: 'gridcell' }, navigationAttributes, (_b = {}, _b[TREELIST_COL_INDEX_ATTRIBUTE] = props.colIndex, _b)),
|
|
34
|
-
React.createElement("input", { style: { width: '100%' }, className: "k-input", value: getNestedValue(props.field, props.dataItem) || '', onChange: onChange })));
|
|
35
|
-
return props.render ?
|
|
36
|
-
props.render.call(undefined, defaultRendering, props) :
|
|
37
|
-
defaultRendering;
|
|
38
|
-
};
|
|
39
|
-
TreeListTextEditor.displayName = 'KendoReactTreeListTextEditor';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { FilterComponentProps } from '@progress/kendo-react-data-tools';
|
|
3
|
-
import { TreeListFilterOperator } from '../../interfaces/TreeListFilterOperator';
|
|
4
|
-
export interface TreeListBooleanFilterProps extends FilterComponentProps {
|
|
5
|
-
/**
|
|
6
|
-
* The list of the operators.
|
|
7
|
-
*/
|
|
8
|
-
operators?: TreeListFilterOperator[];
|
|
9
|
-
}
|
|
10
|
-
export declare const TreeListBooleanFilter: React.FunctionComponent<TreeListBooleanFilterProps>;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
import * as React from 'react';
|
|
24
|
-
import { BooleanFilterCell } from '@progress/kendo-react-data-tools';
|
|
25
|
-
import { booleanFilterValues, localizeFilter } from './utils';
|
|
26
|
-
import { useLocalization } from '@progress/kendo-react-intl';
|
|
27
|
-
export var TreeListBooleanFilter = function (props) {
|
|
28
|
-
var operators = props.operators, restProps = __rest(props, ["operators"]);
|
|
29
|
-
return (React.createElement(BooleanFilterCell, __assign({ ariaLabel: 'boolean filter' }, localizeFilter(useLocalization(), operators || booleanFilterValues), restProps)));
|
|
30
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { FilterComponentProps } from '@progress/kendo-react-data-tools';
|
|
3
|
-
import { TreeListFilterOperator } from '../../interfaces/TreeListFilterOperator';
|
|
4
|
-
export interface TreeListDateFilterProps extends FilterComponentProps {
|
|
5
|
-
/**
|
|
6
|
-
* The list of the operators.
|
|
7
|
-
*/
|
|
8
|
-
operators?: TreeListFilterOperator[];
|
|
9
|
-
}
|
|
10
|
-
export declare const TreeListDateFilter: React.FunctionComponent<TreeListDateFilterProps>;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
import * as React from 'react';
|
|
24
|
-
import { DateFilterCell } from '@progress/kendo-react-data-tools';
|
|
25
|
-
import { dateFilterOperators, localizeFilter } from './utils';
|
|
26
|
-
import { useLocalization } from '@progress/kendo-react-intl';
|
|
27
|
-
export var TreeListDateFilter = function (props) {
|
|
28
|
-
var operators = props.operators, restProps = __rest(props, ["operators"]);
|
|
29
|
-
return (React.createElement(DateFilterCell, __assign({ ariaLabel: 'date filter' }, localizeFilter(useLocalization(), operators || dateFilterOperators), restProps)));
|
|
30
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
import * as React from 'react';
|
|
24
|
-
import { NumericFilterCell } from '@progress/kendo-react-data-tools';
|
|
25
|
-
import { numericFilterOperators, localizeFilter } from './utils';
|
|
26
|
-
import { useLocalization } from '@progress/kendo-react-intl';
|
|
27
|
-
export var TreeListNumericFilter = function (props) {
|
|
28
|
-
var operators = props.operators, restProps = __rest(props, ["operators"]);
|
|
29
|
-
return (React.createElement(NumericFilterCell, __assign({ ariaLabel: 'numeric filter' }, localizeFilter(useLocalization(), operators || numericFilterOperators), restProps)));
|
|
30
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
import * as React from 'react';
|
|
24
|
-
import { TextFilterCell } from '@progress/kendo-react-data-tools';
|
|
25
|
-
import { textFilterOperators, localizeFilter } from './utils';
|
|
26
|
-
import { useLocalization } from '@progress/kendo-react-intl';
|
|
27
|
-
export var TreeListTextFilter = function (props) {
|
|
28
|
-
var operators = props.operators, restProps = __rest(props, ["operators"]);
|
|
29
|
-
return (React.createElement(TextFilterCell, __assign({ ariaLabel: 'text filter' }, localizeFilter(useLocalization(), operators || textFilterOperators), restProps)));
|
|
30
|
-
};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { LocalizationService } from '@progress/kendo-react-intl';
|
|
2
|
-
import { TreeListFilterOperator } from '../../interfaces/TreeListFilterOperator';
|
|
3
|
-
/**
|
|
4
|
-
* @hidden
|
|
5
|
-
*/
|
|
6
|
-
export declare const textFilterOperators: TreeListFilterOperator[];
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export declare const numericFilterOperators: TreeListFilterOperator[];
|
|
11
|
-
/**
|
|
12
|
-
* @hidden
|
|
13
|
-
*/
|
|
14
|
-
export declare const dateFilterOperators: TreeListFilterOperator[];
|
|
15
|
-
/**
|
|
16
|
-
* @hidden
|
|
17
|
-
*/
|
|
18
|
-
export declare const booleanOperator: string;
|
|
19
|
-
/**
|
|
20
|
-
* @hidden
|
|
21
|
-
*/
|
|
22
|
-
export declare const booleanFilterValues: ({
|
|
23
|
-
text: string;
|
|
24
|
-
operator: string;
|
|
25
|
-
} | {
|
|
26
|
-
text: string;
|
|
27
|
-
operator: boolean;
|
|
28
|
-
})[];
|
|
29
|
-
/**
|
|
30
|
-
* @hidden
|
|
31
|
-
*/
|
|
32
|
-
export declare function localizeFilter(localization: LocalizationService, operators: TreeListFilterOperator[]): {
|
|
33
|
-
clearButtonTitle: string;
|
|
34
|
-
operators: {
|
|
35
|
-
text: string;
|
|
36
|
-
operator: any;
|
|
37
|
-
}[];
|
|
38
|
-
};
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import * as loc from '../../messages';
|
|
2
|
-
/**
|
|
3
|
-
* @hidden
|
|
4
|
-
*/
|
|
5
|
-
export var textFilterOperators = [
|
|
6
|
-
{ text: loc.filterContainsOperator, operator: 'contains' },
|
|
7
|
-
{ text: loc.filterNotContainsOperator, operator: 'doesnotcontain' },
|
|
8
|
-
{ text: loc.filterEqOperator, operator: 'eq' },
|
|
9
|
-
{ text: loc.filterNotEqOperator, operator: 'neq' },
|
|
10
|
-
{ text: loc.filterStartsWithOperator, operator: 'startswith' },
|
|
11
|
-
{ text: loc.filterEndsWithOperator, operator: 'endswith' },
|
|
12
|
-
{ text: loc.filterIsNullOperator, operator: 'isnull' },
|
|
13
|
-
{ text: loc.filterIsNotNullOperator, operator: 'isnotnull' },
|
|
14
|
-
{ text: loc.filterIsEmptyOperator, operator: 'isempty' },
|
|
15
|
-
{ text: loc.filterIsNotEmptyOperator, operator: 'isnotempty' }
|
|
16
|
-
];
|
|
17
|
-
/**
|
|
18
|
-
* @hidden
|
|
19
|
-
*/
|
|
20
|
-
export var numericFilterOperators = [
|
|
21
|
-
{ text: loc.filterEqOperator, operator: 'eq' },
|
|
22
|
-
{ text: loc.filterNotEqOperator, operator: 'neq' },
|
|
23
|
-
{ text: loc.filterGteOperator, operator: 'gte' },
|
|
24
|
-
{ text: loc.filterGtOperator, operator: 'gt' },
|
|
25
|
-
{ text: loc.filterLteOperator, operator: 'lte' },
|
|
26
|
-
{ text: loc.filterLtOperator, operator: 'lt' },
|
|
27
|
-
{ text: loc.filterIsNullOperator, operator: 'isnull' },
|
|
28
|
-
{ text: loc.filterIsNotNullOperator, operator: 'isnotnull' }
|
|
29
|
-
];
|
|
30
|
-
/**
|
|
31
|
-
* @hidden
|
|
32
|
-
*/
|
|
33
|
-
export var dateFilterOperators = [
|
|
34
|
-
{ text: loc.filterEqOperator, operator: 'eq' },
|
|
35
|
-
{ text: loc.filterNotEqOperator, operator: 'neq' },
|
|
36
|
-
{ text: loc.filterAfterOrEqualOperator, operator: 'gte' },
|
|
37
|
-
{ text: loc.filterAfterOperator, operator: 'gt' },
|
|
38
|
-
{ text: loc.filterBeforeOperator, operator: 'lt' },
|
|
39
|
-
{ text: loc.filterBeforeOrEqualOperator, operator: 'lte' },
|
|
40
|
-
{ text: loc.filterIsNullOperator, operator: 'isnull' },
|
|
41
|
-
{ text: loc.filterIsNotNullOperator, operator: 'isnotnull' }
|
|
42
|
-
];
|
|
43
|
-
/**
|
|
44
|
-
* @hidden
|
|
45
|
-
*/
|
|
46
|
-
export var booleanOperator = 'eq';
|
|
47
|
-
/**
|
|
48
|
-
* @hidden
|
|
49
|
-
*/
|
|
50
|
-
export var booleanFilterValues = [
|
|
51
|
-
{ text: loc.filterBooleanAll, operator: '' },
|
|
52
|
-
{ text: loc.filterIsTrue, operator: true },
|
|
53
|
-
{ text: loc.filterIsFalse, operator: false }
|
|
54
|
-
];
|
|
55
|
-
/**
|
|
56
|
-
* @hidden
|
|
57
|
-
*/
|
|
58
|
-
export function localizeFilter(localization, operators) {
|
|
59
|
-
return {
|
|
60
|
-
clearButtonTitle: localization.toLanguageString(loc.filterClearButton, loc.messages[loc.filterClearButton]),
|
|
61
|
-
operators: operators.map(function (o) { return ({
|
|
62
|
-
text: localization.toLanguageString(o.text, loc.messages[o.text]),
|
|
63
|
-
operator: o.operator
|
|
64
|
-
}); })
|
|
65
|
-
};
|
|
66
|
-
}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import * as React from 'react';
|
|
13
|
-
import { useInternationalization } from '@progress/kendo-react-intl';
|
|
14
|
-
import { classNames, IconWrap, Keys, getNestedValue } from '@progress/kendo-react-common';
|
|
15
|
-
import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
|
|
16
|
-
import { caretAltDownIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
|
|
17
|
-
import { TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT } from '../constants';
|
|
18
|
-
export var TreeListCell = function (props) {
|
|
19
|
-
var _a, _b, _c;
|
|
20
|
-
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;
|
|
21
|
-
var data = getNestedValue(props.field, dataItem);
|
|
22
|
-
var intl = useInternationalization();
|
|
23
|
-
var navigationAttributes = useTableKeyboardNavigation(id);
|
|
24
|
-
var dataAsString = '';
|
|
25
|
-
var onKeyDownHandler = React.useCallback(function (event) {
|
|
26
|
-
if (event.isDefaultPrevented()) {
|
|
27
|
-
return;
|
|
28
|
-
}
|
|
29
|
-
if (event.keyCode === Keys.enter && props.expandable) {
|
|
30
|
-
event.preventDefault();
|
|
31
|
-
props.onExpandChange(event, dataItem, level);
|
|
32
|
-
}
|
|
33
|
-
}, [props.expandable, dataItem, level]);
|
|
34
|
-
if (data !== undefined && data !== null) {
|
|
35
|
-
dataAsString = format ?
|
|
36
|
-
intl.format(format, data) :
|
|
37
|
-
data.toString();
|
|
38
|
-
}
|
|
39
|
-
var icons = [];
|
|
40
|
-
if (props.expandable) {
|
|
41
|
-
var transparentIcon_1 = function (key) { return (React.createElement("span", { key: key, className: "k-treelist-toggle k-icon k-svg-icon" },
|
|
42
|
-
React.createElement("svg", { "aria-hidden": "true", focusable: "false", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" }))); };
|
|
43
|
-
icons.push.apply(icons, level.slice(1).map(function (_x, i) { return transparentIcon_1(i); }));
|
|
44
|
-
if (hasChildren) {
|
|
45
|
-
icons.push(React.createElement(IconWrap, __assign({ className: 'k-treelist-toggle', name: expanded ? 'caret-alt-down' : 'caret-alt-right', icon: expanded ? caretAltDownIcon : caretAltRightIcon, key: "expand-collapse", onClick: function (event) { return props.onExpandChange(event.syntheticEvent || event, dataItem, level); } }, (_a = {}, _a[TREELIST_PREVENT_SELECTION_ELEMENT] = true, _a))));
|
|
46
|
-
}
|
|
47
|
-
else {
|
|
48
|
-
icons.push(transparentIcon_1(icons.length));
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
var defaultRendering = (React.createElement("td", __assign({ style: props.style, className: classNames('k-table-td', props.className, (_b = {},
|
|
52
|
-
_b['k-text-nowrap'] = props.expandable,
|
|
53
|
-
_b['k-selected'] = isSelected,
|
|
54
|
-
_b)), colSpan: props.colSpan, "aria-colindex": ariaColumnIndex, "aria-expanded": hasChildren ? expanded : undefined, "aria-selected": isSelected, role: 'gridcell', onKeyDown: onKeyDownHandler }, (_c = {}, _c[TREELIST_COL_INDEX_ATTRIBUTE] = props.colIndex, _c), navigationAttributes),
|
|
55
|
-
icons,
|
|
56
|
-
dataAsString));
|
|
57
|
-
return props.render ?
|
|
58
|
-
props.render.call(undefined, defaultRendering, props) :
|
|
59
|
-
defaultRendering;
|
|
60
|
-
};
|
|
61
|
-
TreeListCell.displayName = 'KendoReactTreeListCell';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TreeListCellProps } from '../interfaces/TreeListCellProps';
|
|
3
|
-
export interface TreeListSelectionCellProps extends TreeListCellProps {
|
|
4
|
-
}
|
|
5
|
-
export declare const TreeListSelectionCell: {
|
|
6
|
-
(props: TreeListSelectionCellProps): JSX.Element | null;
|
|
7
|
-
displayName: string;
|
|
8
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import * as React from 'react';
|
|
13
|
-
import { guid, classNames, getNestedValue } from '@progress/kendo-react-common';
|
|
14
|
-
import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
|
|
15
|
-
export var TreeListSelectionCell = function (props) {
|
|
16
|
-
var handleOnChange = React.useCallback(function (syntheticEvent) {
|
|
17
|
-
if (props.selectionChange) {
|
|
18
|
-
props.selectionChange({ syntheticEvent: syntheticEvent });
|
|
19
|
-
}
|
|
20
|
-
}, [props.selectionChange]);
|
|
21
|
-
var inputId = React.useMemo(function () { return guid(); }, []);
|
|
22
|
-
var selectedValue = getNestedValue(props.field, props.dataItem);
|
|
23
|
-
var navigationAttributes = useTableKeyboardNavigation(props.id);
|
|
24
|
-
var defaultRendering = (React.createElement("td", __assign({ style: props.style, className: classNames('k-table-td', props.className), "aria-colindex": props.ariaColumnIndex, role: 'gridcell' }, navigationAttributes),
|
|
25
|
-
React.createElement("input", { checked: typeof selectedValue === 'boolean' && selectedValue, id: inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: handleOnChange }),
|
|
26
|
-
React.createElement("label", { className: "k-checkbox-label", htmlFor: inputId })));
|
|
27
|
-
return props.render ?
|
|
28
|
-
props.render.call(undefined, defaultRendering, props) :
|
|
29
|
-
defaultRendering;
|
|
30
|
-
};
|
|
31
|
-
TreeListSelectionCell.displayName = 'KendoReactTreeListSelectionCell';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { TABLE_COL_INDEX_ATTRIBUTE, TABLE_ROW_INDEX_ATTRIBUTE, TABLE_PREVENT_SELECTION_ELEMENT } from '@progress/kendo-react-data-tools';
|
|
2
|
-
/** The attribute required by the TreeList selection on TreeList `tr` elements. */
|
|
3
|
-
export var TREELIST_ROW_INDEX_ATTRIBUTE = TABLE_ROW_INDEX_ATTRIBUTE;
|
|
4
|
-
/** The attribute required by the TreeList selection on TreeList `td` elements. */
|
|
5
|
-
export var TREELIST_COL_INDEX_ATTRIBUTE = TABLE_COL_INDEX_ATTRIBUTE;
|
|
6
|
-
/** Attribute which disable selection start from this element. */
|
|
7
|
-
export var TREELIST_PREVENT_SELECTION_ELEMENT = TABLE_PREVENT_SELECTION_ELEMENT;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import * as React from 'react';
|
|
13
|
-
import { HeaderCell } from '@progress/kendo-react-data-tools';
|
|
14
|
-
export var TreeListHeaderCell = function (props) { return React.createElement(HeaderCell, __assign({}, props)); };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { HeaderCellProps } from '@progress/kendo-react-data-tools';
|
|
3
|
-
export interface TreeListHeaderSelectionCellProps extends HeaderCellProps {
|
|
4
|
-
}
|
|
5
|
-
export declare class TreeListHeaderSelectionCell extends React.Component<TreeListHeaderSelectionCellProps> {
|
|
6
|
-
private _inputId;
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
render(): JSX.Element;
|
|
11
|
-
}
|