linear-react-components-ui 0.4.76-rc.13 → 0.4.76-rc.14

package/lib/assets/styles/dropdown.scss

@@ -129,6 +129,9 @@
         justify-content: center;
         flex: 1;
         width: 100%;
+        text-decoration: none;
+        color: #666666;
+        text-align: center;
       }
       &.iconcontainer {
         padding-bottom: 10px;

package/lib/treeview/Node.js

@@ -67,12 +67,16 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
+var nodeHasItens = function nodeHasItens(node) {
+  return node.itens && node.itens.length > 0;
+};
+
 var TreeNode = /*#__PURE__*/function (_Component) {
   _inherits(TreeNode, _Component);
 
   var _super = _createSuper(TreeNode);
 
-  function TreeNode(props, context) {
+  function TreeNode(props) {
     var _this;
 
     _classCallCheck(this, TreeNode);
@@ -82,12 +86,11 @@ var TreeNode = /*#__PURE__*/function (_Component) {
     _initialiseProps.call(_assertThisInitialized(_this));
 
     _this.labelRef = /*#__PURE__*/_react["default"].createRef();
-    var node = props.node;
-    var startNodesOpened = context.startNodesOpened;
-    var nodeHasItens = node.itens && node.itens.length > 0;
+    var node = props.node,
+        startNodesOpened = props.startNodesOpened;
     _this.state = {
-      isVisible: nodeHasItens && startNodesOpened,
-      wasOpened: nodeHasItens && context.startNodesOpened,
+      isVisible: nodeHasItens(node) && startNodesOpened,
+      wasOpened: nodeHasItens(node) && startNodesOpened,
       showNodeElements: false,
       keepMenuOpened: false
     };
@@ -107,13 +110,28 @@ var TreeNode = /*#__PURE__*/function (_Component) {
         this.labelRef.current.addEventListener('mouseleave', this.handleShowNodeElements);
       }
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this$props2 = this.props,
+          node = _this$props2.node,
+          startNodesOpened = _this$props2.startNodesOpened;
+
+      if (node !== prevProps.node && startNodesOpened) {
+        // eslint-disable-next-line react/no-did-update-set-state
+        this.setState({
+          isVisible: nodeHasItens(node) && startNodesOpened,
+          wasOpened: nodeHasItens(node) && startNodesOpened
+        });
+      }
+    }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$props2 = this.props,
-          isParent = _this$props2.isParent,
-          nodeToolbarElements = _this$props2.nodeToolbarElements,
-          nodeRightElements = _this$props2.nodeRightElements;
+      var _this$props3 = this.props,
+          isParent = _this$props3.isParent,
+          nodeToolbarElements = _this$props3.nodeToolbarElements,
+          nodeRightElements = _this$props3.nodeRightElements;
 
       if (isParent || nodeRightElements || nodeToolbarElements) {
         this.labelRef.current.removeEventListener('mouseenter', this.handleShowNodeElements);
@@ -125,12 +143,12 @@ var TreeNode = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
-      var _this$props3 = this.props,
-          node = _this$props3.node,
-          children = _this$props3.children,
-          isParent = _this$props3.isParent,
-          onNodeClick = _this$props3.onNodeClick,
-          nodeMenuButtonSize = _this$props3.nodeMenuButtonSize;
+      var _this$props4 = this.props,
+          node = _this$props4.node,
+          children = _this$props4.children,
+          isParent = _this$props4.isParent,
+          onNodeClick = _this$props4.onNodeClick,
+          nodeMenuButtonSize = _this$props4.nodeMenuButtonSize;
       var showNodeElements = this.state.showNodeElements;
       return /*#__PURE__*/_react["default"].createElement(_constants.TreeviewContext.Consumer, null, function (_ref) {
         var valuePropName = _ref.valuePropName,
@@ -413,7 +431,8 @@ TreeNode.propTypes = {
   nodeMenuButtonSize: _propTypes["default"].oneOf(['mini', 'small', 'medium', 'large', 'default']),
   onNodeClick: _propTypes["default"].func,
   handlerOnNodeOpen: _propTypes["default"].func,
-  nodeElementsValidations: _propTypes["default"].object
+  nodeElementsValidations: _propTypes["default"].object,
+  startNodesOpened: _propTypes["default"].bool.isRequired
 };
 TreeNode.defaultProps = {
   childrenIds: [],

package/lib/treeview/index.js

@@ -462,7 +462,8 @@ var TreeView = /*#__PURE__*/function (_Component) {
             nodeElementsValidations = _this$props3.nodeElementsValidations,
             nodeToolbarElements = _this$props3.nodeToolbarElements,
             nodeMenuButtonSize = _this$props3.nodeMenuButtonSize,
-            alwaysShowArrow = _this$props3.alwaysShowArrow;
+            alwaysShowArrow = _this$props3.alwaysShowArrow,
+            startNodesOpened = _this$props3.startNodesOpened;
         var childrenIds = [];
 
         if (node.itens && node.itens.length > 0) {
@@ -480,6 +481,7 @@ var TreeView = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/_react["default"].createElement(_Node["default"], {
           key: "node-".concat(node.id),
           node: node,
+          startNodesOpened: startNodesOpened,
           alwaysShowArrow: alwaysShowArrow,
           childrenIds: childrenIds,
           isParent: node.itens && node.itens.length > 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "0.4.76-rc.13",
+  "version": "0.4.76-rc.14",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "scripts": {