linear-react-components-ui 0.4.75-beta.8 → 0.4.75-beta.9

package/lib/treeview/Node.js

@@ -93,7 +93,9 @@ var TreeNode = /*#__PURE__*/function (_Component) {
             tabIndex: 0,
             role: "button",
             className: "opencloseicon",
-            onClick: _this.openCloseTree
+            onClick: function onClick() {
+              return _this.openCloseTree(node);
+            }
           }, /*#__PURE__*/_react["default"].createElement(_icons["default"], {
             name: _this.state.isVisible ? 'up' : 'down',
             size: 10
@@ -107,10 +109,23 @@ var TreeNode = /*#__PURE__*/function (_Component) {
       configurable: true,
       enumerable: true,
       writable: true,
-      value: function value() {
-        _this.setState({
-          isVisible: !_this.state.isVisible
-        });
+      value: function value(node) {
+        var _this$state = _this.state,
+            isVisible = _this$state.isVisible,
+            wasOpened = _this$state.wasOpened;
+        var onNodeOpen = _this.props.onNodeOpen;
+        var nextState = {
+          isVisible: !isVisible
+        };
+
+        if (!wasOpened && onNodeOpen) {
+          nextState = _extends({}, nextState, {
+            wasOpened: true
+          });
+          onNodeOpen(node);
+        }
+
+        _this.setState(nextState);
       }
     });
     Object.defineProperty(_assertThisInitialized(_this), "handleShowNodeElements", {
@@ -118,9 +133,9 @@ var TreeNode = /*#__PURE__*/function (_Component) {
       enumerable: true,
       writable: true,
       value: function value() {
-        var _this$state = _this.state,
-            showNodeElements = _this$state.showNodeElements,
-            keepMenuOpened = _this$state.keepMenuOpened;
+        var _this$state2 = _this.state,
+            showNodeElements = _this$state2.showNodeElements,
+            keepMenuOpened = _this$state2.keepMenuOpened;
         if (!showNodeElements) _this.setState({
           showNodeElements: true
         });else if (showNodeElements && !keepMenuOpened) {
@@ -155,8 +170,9 @@ var TreeNode = /*#__PURE__*/function (_Component) {
 
               if (onNodeElementClick) {
                 newProps = _extends({}, newProps, {
-                  onClick: function onClick() {
-                    return onNodeElementClick(node);
+                  onClick: function onClick(e) {
+                    onNodeElementClick(node);
+                    if (e.stopPropagation) e.stopPropagation();
                   },
                   onNodeElementClick: null
                 });
@@ -246,6 +262,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
     _this.labelRef = /*#__PURE__*/_react["default"].createRef();
     _this.state = {
       isVisible: context.startNodesOpened,
+      wasOpened: context.startNodesOpened,
       showNodeElements: false,
       keepMenuOpened: false
     };
@@ -381,6 +398,7 @@ TreeNode.propTypes = {
   nodeToolbarElements: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].object), _propTypes["default"].element, _propTypes["default"].object]),
   nodeMenuButtonSize: _propTypes["default"].oneOf(['mini', 'small', 'medium', 'large', 'default']),
   onNodeClick: _propTypes["default"].func,
+  onNodeOpen: _propTypes["default"].func,
   nodeElementsValidations: _propTypes["default"].object
 };
 TreeNode.defaultProps = {
@@ -392,6 +410,7 @@ TreeNode.defaultProps = {
   nodeToolbarElements: undefined,
   nodeMenuButtonSize: 'small',
   onNodeClick: undefined,
+  onNodeOpen: undefined,
   nodeElementsValidations: undefined
 };
 TreeNode.contextType = _constants.TreeviewContext;

package/lib/treeview/index.js

@@ -442,7 +442,8 @@ var TreeView = /*#__PURE__*/function (_Component) {
             onNodeClick = _this$props3.onNodeClick,
             nodeElementsValidations = _this$props3.nodeElementsValidations,
             nodeToolbarElements = _this$props3.nodeToolbarElements,
-            nodeMenuButtonSize = _this$props3.nodeMenuButtonSize;
+            nodeMenuButtonSize = _this$props3.nodeMenuButtonSize,
+            onNodeOpen = _this$props3.onNodeOpen;
         var childrenIds = [];
 
         if (node.itens && node.itens.length > 0) {
@@ -467,7 +468,8 @@ var TreeView = /*#__PURE__*/function (_Component) {
           nodeToolbarElements: nodeToolbarElements,
           nodeElementsValidations: nodeElementsValidations,
           nodeMenuButtonSize: nodeMenuButtonSize,
-          onNodeClick: onNodeClick
+          onNodeClick: onNodeClick,
+          onNodeOpen: onNodeOpen
         }, childrenIds.length > 0 && node.itens.map(function (nodeitem) {
           return _this.buildTree(nodeitem, node.id, ids);
         }));
@@ -564,6 +566,7 @@ TreeView.propTypes = {
   nodeToolbarElements: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].object), _propTypes["default"].element, _propTypes["default"].object]),
   nodeMenuButtonSize: _propTypes["default"].oneOf(['mini', 'small', 'medium', 'large', 'default']),
   onNodeClick: _propTypes["default"].func,
+  onNodeOpen: _propTypes["default"].func,
   nodeElementsValidations: _propTypes["default"].object
 };
 TreeView.defaultProps = {
@@ -583,6 +586,7 @@ TreeView.defaultProps = {
   nodeToolbarElements: undefined,
   nodeMenuButtonSize: 'small',
   onNodeClick: undefined,
+  onNodeOpen: undefined,
   nodeElementsValidations: undefined
 };
 var _default = TreeView;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "0.4.75-beta.8",
+  "version": "0.4.75-beta.9",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "scripts": {