@dexteel/mesf-core 4.27.0 → 4.28.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "4.27.0"
+  ".": "4.28.0"
 }

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# Changelog
+
+## [4.28.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v4.27.0...@dexteel/mesf-core-v4.28.0) (2025-04-16)
+
+
+### Features
+
+* **tree-picker-control-v2:** Show full path of node selected ([#373](https://github.com/dexteel/mesf-core-frontend/issues/373)) ([8ca434b](https://github.com/dexteel/mesf-core-frontend/commit/8ca434b29d1d41c1d2aed6087a52cc999f4e7452))
+
+## [4.27.0] - 2025-04-01
+
+
+
 # Changelog
 
 ## [4.27.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v4.26.5...@dexteel/mesf-core-v4.27.0) (2025-03-31)

package/dist/controls/filters/TreePickerControlV2.d.ts

@@ -6,6 +6,7 @@ type TreePickerControlProps = {
     setListAssetDrawings?: Function;
     onSuccess?: (success: boolean) => void;
     showClearButton?: boolean;
+    showFullPath?: boolean;
     disabled?: boolean;
     dataSource: TreeNode;
     [key: string]: any;

package/dist/index.esm.js

@@ -713,10 +713,35 @@ function findNameById(node, id) {
     }
     return null;
 }
+function getNodePath(node, nodeId, parentPath, isRoot) {
+    if (parentPath === void 0) { parentPath = ""; }
+    if (isRoot === void 0) { isRoot = true; }
+    if (node.id === nodeId) {
+        if (isRoot) {
+            return "";
+        }
+        return parentPath ? "".concat(parentPath, "/").concat(node.name) : node.name;
+    }
+    if (node.children && node.children.length > 0) {
+        for (var _i = 0, _a = node.children; _i < _a.length; _i++) {
+            var child = _a[_i];
+            var currentPath = isRoot
+                ? ""
+                : parentPath
+                    ? "".concat(parentPath, "/").concat(node.name)
+                    : node.name;
+            var foundPath = getNodePath(child, nodeId, currentPath, false);
+            if (foundPath !== null) {
+                return foundPath;
+            }
+        }
+    }
+    return null;
+}
 var TreePickerControlV2 = function (props) {
     var classes = useStyles$A();
-    var value = props.value, onSelect = props.onSelect; props.styleLabel; var dataSource = props.dataSource; props.getOptionName; var _a = props.inputTitle, inputTitle = _a === void 0 ? "Asset" : _a; props.showPath; var _c = props.multipleSelectNodes, multipleSelectNodes = _c === void 0 ? false : _c, _d = props.showClearButton, showClearButton = _d === void 0 ? false : _d, showAssetTree = props.showAssetTree, onHide = props.onHide, _e = props.listAssetDrawings, listAssetDrawings = _e === void 0 ? [] : _e, onSuccess = props.onSuccess, isLoading = props.isLoading, _f = props.disabled, disabled = _f === void 0 ? false : _f, other = __rest(props, ["value", "onSelect", "styleLabel", "dataSource", "getOptionName", "inputTitle", "showPath", "multipleSelectNodes", "showClearButton", "showAssetTree", "onHide", "listAssetDrawings", "onSuccess", "isLoading", "disabled"]);
-    var _g = useState(false), open = _g[0], setOpen = _g[1];
+    var value = props.value, onSelect = props.onSelect; props.styleLabel; var dataSource = props.dataSource; props.getOptionName; var _a = props.inputTitle, inputTitle = _a === void 0 ? "Asset" : _a; props.showPath; var _c = props.multipleSelectNodes, multipleSelectNodes = _c === void 0 ? false : _c, _d = props.showClearButton, showClearButton = _d === void 0 ? false : _d, _e = props.showFullPath, showFullPath = _e === void 0 ? false : _e, showAssetTree = props.showAssetTree, onHide = props.onHide, _f = props.listAssetDrawings, listAssetDrawings = _f === void 0 ? [] : _f, onSuccess = props.onSuccess, isLoading = props.isLoading, _g = props.disabled, disabled = _g === void 0 ? false : _g, other = __rest(props, ["value", "onSelect", "styleLabel", "dataSource", "getOptionName", "inputTitle", "showPath", "multipleSelectNodes", "showClearButton", "showFullPath", "showAssetTree", "onHide", "listAssetDrawings", "onSuccess", "isLoading", "disabled"]);
+    var _h = useState(false), open = _h[0], setOpen = _h[1];
     var handleClickListItem = function (event) {
         event.stopPropagation();
         if (disabled)
@@ -732,10 +757,11 @@ var TreePickerControlV2 = function (props) {
         }
     };
     var description = useMemo(function () { return findNameById(dataSource, value) || ""; }, [dataSource, value]);
+    var fullPath = useMemo(function () { return getNodePath(dataSource, value) || ""; }, [dataSource, value]);
     return (React__default.createElement(Grid, { container: true, className: classes.root },
         !showAssetTree ? (React__default.createElement(Grid, { container: true, item: true, md: 12, xs: 12, style: { position: "relative" }, title: props.description },
             React__default.createElement(Grid, { item: true, style: { position: "relative", width: "100%" } },
-                React__default.createElement(TextField, { id: "treePickerTextField", label: inputTitle || "", variant: "outlined", value: description, margin: "dense", autoComplete: "off", fullWidth: true, disabled: true, InputProps: {
+                React__default.createElement(TextField, { id: "treePickerTextField", label: inputTitle || "", variant: "outlined", value: showFullPath ? fullPath : description, margin: "dense", autoComplete: "off", fullWidth: true, disabled: true, InputProps: {
                         style: {
                             color: disabled ? "grey" : "black",
                             cursor: "pointer",