@dexteel/mesf-core 3.10.1 → 3.10.2

package/CHANGELOG.md

@@ -1,4 +1,8 @@
 # CHANGELOG
+## 3.10.2
+- Fix TreePicker Control: don't close on select and restrict visualization based on selected node
+## 3.10.1
+- Add UTLSettings
 ## 3.9.2
 - Area selector fixed
 ## 3.9.1

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

@@ -1,5 +1,5 @@
-import React from "react";
 import PropTypes from 'prop-types';
+import React from "react";
 declare const ModalTreeFilterControl: {
     (props: any): React.JSX.Element;
     propTypes: {

package/dist/index.esm.js

@@ -51,12 +51,12 @@ import IconButton from '@material-ui/core/IconButton';
 import CloseIcon from '@material-ui/icons/Close';
 import PropTypes from 'prop-types';
 import { ResponsiveBar } from '@nivo/bar';
-import TreeView from '@material-ui/lab/TreeView';
-import SvgIcon from '@material-ui/core/SvgIcon';
-import TreeItem from '@material-ui/lab/TreeItem';
 import Collapse from '@material-ui/core/Collapse';
+import SvgIcon from '@material-ui/core/SvgIcon';
 import Code from '@material-ui/icons/Code';
 import Folder from '@material-ui/icons/Folder';
+import TreeItem from '@material-ui/lab/TreeItem';
+import TreeView from '@material-ui/lab/TreeView';
 import { useSpring, animated } from 'react-spring';
 import CardActions from '@material-ui/core/CardActions';
 
@@ -323,20 +323,7 @@ var ModalTreeFilterControl = function (props) {
             if (valueProp !== undefined)
                 expandNode(valueProp);
         }
-    }, [valueProp, open]); // eslint-disable-line react-hooks/exhaustive-deps
-    useEffect(function () {
-        if (open) {
-            var findNode = getNodeData(data, parseInt(value));
-            if (findNode === null)
-                findNode = {};
-            var activeFilter = (selectActive && findNode.isActive) || selectActive !== true;
-            var internalFilter = (selectInternal && findNode.isInternal) || selectInternal !== true;
-            if (findNode.isLeaf) {
-                if (activeFilter && internalFilter)
-                    onClose(value, findNode.name, findNode);
-            }
-        }
-    }, [value]); // eslint-disable-line react-hooks/exhaustive-deps
+    }, [valueProp, open]);
     var handleEntering = function () {
         if (treeRef.current != null) {
             treeRef.current.focus();
@@ -361,6 +348,26 @@ var ModalTreeFilterControl = function (props) {
                 onClose(value, findNode.name, findNode);
         }
     };
+    var getNodeParent = function (node, id, chain) {
+        if (chain === void 0) { chain = []; }
+        if (!node || node.id === undefined) {
+            return [];
+        }
+        if (node.id === id) {
+            chain.push(node.id.toString());
+            return chain;
+        }
+        if (Array.isArray(node.children)) {
+            chain.push(node.id.toString());
+            for (var i = 0; i < node.children.length; i++) {
+                var result = getNodeParent(node.children[i], id, chain.slice());
+                if (result.length > 0) {
+                    return result;
+                }
+            }
+        }
+        return [];
+    };
     var expandNode = function (node, same) {
         var expandedNode = getNodeParent(data, node, []);
         expandedNode.push(node.toString());
@@ -400,22 +407,6 @@ var ModalTreeFilterControl = function (props) {
                     nodes.isCode &&
                         React__default.createElement("i", { className: "fas fa-square mr-2", style: { "color": (nodes.delayCategoryColor || '#FFFFFF') } }),
                     nodes.name))), className: "delay-item-node", id: nodes.id, "data-isbranch": !nodes.isCode }, Array.isArray(nodes.children) ? nodes.children.map(function (node) { return renderTree(node); }) : null)); };
-    var getNodeParent = function (node, id, chain) {
-        if (id === undefined)
-            return [];
-        if (node.id.toString() === id.toString())
-            return chain;
-        if (Array.isArray(node.children)) {
-            var i;
-            var result = null;
-            chain.push(node.id.toString());
-            for (i = 0; result == null && i < node.children.length; i++) {
-                result = getNodeParent(node.children[i], id, chain);
-            }
-            return result;
-        }
-        return null;
-    };
     return (React__default.createElement(Dialog, __assign({ onClose: function (event, reason) { return null; }, "aria-label": title, maxWidth: "xs", TransitionProps: { onEntering: handleEntering }, "aria-labelledby": "confirmation-dialog-title", open: open }, other),
         React__default.createElement(DialogTitle$1, { id: "confirmation-dialog-title" }, title),
         React__default.createElement(DialogContent$1, { dividers: true },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dexteel/mesf-core",
-  "version": "3.10.1",
+  "version": "3.10.2",
   "author": "Dexteel Team",
   "module": "dist/index.esm.js",
   "typings": "dist/index.d.ts",