@topconsultnpm/sdkui-react-beta 6.7.84 → 6.7.85
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.
|
@@ -6,12 +6,12 @@ export interface ITMTreeDataSource {
|
|
|
6
6
|
categoryId?: number;
|
|
7
7
|
expanded?: boolean;
|
|
8
8
|
}
|
|
9
|
-
interface
|
|
9
|
+
interface TMTreeDropDownProps {
|
|
10
10
|
dataSource: Array<ITMTreeDataSource>;
|
|
11
11
|
values: Array<number>;
|
|
12
12
|
setValues: React.Dispatch<React.SetStateAction<Array<number>>>;
|
|
13
13
|
isValidKey?: (key: number) => boolean;
|
|
14
14
|
elementStyle?: React.CSSProperties | undefined;
|
|
15
15
|
}
|
|
16
|
-
declare const
|
|
17
|
-
export default
|
|
16
|
+
declare const TMTreeDropDown: (props: TMTreeDropDownProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export default TMTreeDropDown;
|
|
@@ -5,7 +5,7 @@ import TreeView from 'devextreme-react/tree-view';
|
|
|
5
5
|
import { TMTooltip } from '@topconsultnpm/sdkui-react-beta/lib';
|
|
6
6
|
import { SDKUI_Localizator } from '../../helper';
|
|
7
7
|
// The TMTreeDropDownBox functional component
|
|
8
|
-
const
|
|
8
|
+
const TMTreeDropDown = (props) => {
|
|
9
9
|
// Destructure props for easy access
|
|
10
10
|
const { dataSource, values, setValues, isValidKey, elementStyle } = props;
|
|
11
11
|
// Reference to the TreeView component for programmatic control
|
|
@@ -45,4 +45,4 @@ const TMTreeDropDownBox = (props) => {
|
|
|
45
45
|
}, []);
|
|
46
46
|
return _jsx(TMTooltip, { content: getLabelsByIds(values), children: _jsx(DropDownBox, { width: "100%", style: elementStyle, valueExpr: "id", displayExpr: "label", value: values, dataSource: dataSource, placeholder: SDKUI_Localizator.SelectDesiredFilters, onContentReady: syncTreeViewSelection, focusStateEnabled: true, contentRender: () => _jsx(TreeView, { ref: treeViewRef, keyExpr: "id", dataSource: dataSource, selectByClick: true, selectNodesRecursive: true, selectionMode: "multiple", displayExpr: "label", parentIdExpr: "categoryId", dataStructure: "plain", showCheckBoxesMode: "normal", onContentReady: syncTreeViewSelection, onItemSelectionChanged: (e) => treeViewItemSelectionChanged(e) }) }) });
|
|
47
47
|
};
|
|
48
|
-
export default
|
|
48
|
+
export default TMTreeDropDown;
|
|
@@ -17,6 +17,7 @@ export { default as TMToggleButton } from './base/TMToggleButton';
|
|
|
17
17
|
export { default as TMTooltip } from './base/TMTooltip';
|
|
18
18
|
export { default as TMVilViewer } from './base/TMVilViewer';
|
|
19
19
|
export { default as TMDropDown } from './editors/TMDropDown';
|
|
20
|
+
export { default as TMTreeDropDown } from './editors/TMTreeDropDown';
|
|
20
21
|
export { default as TMSummary } from './editors/TMSummary';
|
|
21
22
|
export { default as TMTextBox } from './editors/TMTextBox';
|
|
22
23
|
export { default as TMTextArea } from './editors/TMTextArea';
|
package/lib/components/index.js
CHANGED
|
@@ -21,6 +21,7 @@ export { default as TMTooltip } from './base/TMTooltip';
|
|
|
21
21
|
export { default as TMVilViewer } from './base/TMVilViewer';
|
|
22
22
|
//editors
|
|
23
23
|
export { default as TMDropDown } from './editors/TMDropDown';
|
|
24
|
+
export { default as TMTreeDropDown } from './editors/TMTreeDropDown';
|
|
24
25
|
export { default as TMSummary } from './editors/TMSummary';
|
|
25
26
|
export { default as TMTextBox } from './editors/TMTextBox';
|
|
26
27
|
export { default as TMTextArea } from './editors/TMTextArea';
|