linear-react-components-ui 0.4.76-beta.10 → 0.4.76-beta.14

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,12 @@ 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 && startNodesOpened,
+      node: node,
+      isVisible: startNodesOpened && nodeHasItens(node),
+      wasOpened: startNodesOpened && nodeHasItens(node),
       showNodeElements: false,
       keepMenuOpened: false
     };
@@ -126,11 +130,11 @@ var TreeNode = /*#__PURE__*/function (_Component) {
       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 node = this.state.node;
       var showNodeElements = this.state.showNodeElements;
       return /*#__PURE__*/_react["default"].createElement(_constants.TreeviewContext.Consumer, null, function (_ref) {
         var valuePropName = _ref.valuePropName,
@@ -207,6 +211,22 @@ var TreeNode = /*#__PURE__*/function (_Component) {
         }, _this2.state.isVisible && children));
       });
     }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props, state) {
+      var node = props.node,
+          startNodesOpened = props.startNodesOpened;
+
+      if (node !== state.node) {
+        return {
+          node: node,
+          isVisible: startNodesOpened && nodeHasItens(node),
+          wasOpened: startNodesOpened && nodeHasItens(node)
+        };
+      }
+
+      return null;
+    }
   }]);
 
   return TreeNode;
@@ -220,9 +240,8 @@ var _initialiseProps = function _initialiseProps() {
     enumerable: true,
     writable: true,
     value: function value() {
-      var _this3$props = _this3.props,
-          node = _this3$props.node,
-          alwaysShowArrow = _this3$props.alwaysShowArrow;
+      var alwaysShowArrow = _this3.props.alwaysShowArrow;
+      var node = _this3.state.node;
 
       var span = /*#__PURE__*/_react["default"].createElement("noscript", null);
 
@@ -289,9 +308,8 @@ var _initialiseProps = function _initialiseProps() {
     enumerable: true,
     writable: true,
     value: function value(elements) {
-      var _this3$props2 = _this3.props,
-          node = _this3$props2.node,
-          nodeElementsValidations = _this3$props2.nodeElementsValidations;
+      var nodeElementsValidations = _this3.props.nodeElementsValidations;
+      var node = _this3.state.node;
       var updatedElements = [];
 
       if (elements) {
@@ -370,9 +388,8 @@ var _initialiseProps = function _initialiseProps() {
     enumerable: true,
     writable: true,
     value: function value(validationKey) {
-      var _this3$props3 = _this3.props,
-          nodeElementsValidations = _this3$props3.nodeElementsValidations,
-          node = _this3$props3.node;
+      var nodeElementsValidations = _this3.props.nodeElementsValidations;
+      var node = _this3.state.node;
       var validations = nodeElementsValidations[validationKey];
       var options = {
         disabled: {
@@ -404,7 +421,7 @@ TreeNode.propTypes = {
   node: _propTypes["default"].object.isRequired,
   children: _propTypes["default"].any.isRequired,
   childrenIds: _propTypes["default"].arrayOf(_propTypes["default"].number),
-  parentId: _propTypes["default"].number,
+  parentId: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
   disabled: _propTypes["default"].bool,
   isParent: _propTypes["default"].bool,
   alwaysShowArrow: _propTypes["default"].bool,
@@ -413,7 +430,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,
@@ -580,7 +582,7 @@ TreeView.propTypes = {
   startNodesOpened: _propTypes["default"].bool,
   alwaysShowArrow: _propTypes["default"].bool,
   selectedIds: _propTypes["default"].arrayOf(_propTypes["default"].number),
-  requiredIds: _propTypes["default"].arrayOf(_propTypes["default"].number),
+  requiredIds: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])),
   showCheckBox: _propTypes["default"].bool,
   onSelectedIdsChange: _propTypes["default"].func,
   children: _propTypes["default"].instanceOf(Object),

package/package.json

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