linear-react-components-ui 0.4.77-beta.23 → 0.4.77-beta.26

package/lib/treeview/index.js

@@ -1,8 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -10,37 +8,19 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "TreeNode", {
   enumerable: true,
   get: function get() {
-    return _Node["default"];
+    return _Node.default;
   }
 });
 Object.defineProperty(exports, "TreeViewHeader", {
   enumerable: true,
   get: function get() {
-    return _Header["default"];
+    return _Header.default;
   }
 });
-exports["default"] = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _lodash = _interopRequireDefault(require("lodash"));
 
 var _Node = _interopRequireDefault(require("./Node"));
@@ -51,576 +31,427 @@ require("../assets/styles/treeview.scss");
 
 var _constants = require("./constants");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var TreeView = function TreeView(props) {
+  var _props$selectedIds = props.selectedIds,
+      selectedIds = _props$selectedIds === void 0 ? [] : _props$selectedIds,
+      enableDynamicData = props.enableDynamicData,
+      allowCheckAllAncestry = props.allowCheckAllAncestry,
+      onNodeOpen = props.onNodeOpen,
+      allowCheckAllChildren = props.allowCheckAllChildren,
+      onSelectedIdsChange = props.onSelectedIdsChange,
+      idsInLoading = props.idsInLoading,
+      _props$startNodesOpen = props.startNodesOpened,
+      startNodesOpened = _props$startNodesOpen === void 0 ? false : _props$startNodesOpen,
+      alwaysShowArrow = props.alwaysShowArrow,
+      nodeElementsValidations = props.nodeElementsValidations,
+      nodeRightElements = props.nodeRightElements,
+      _props$nodeMenuButton = props.nodeMenuButtonSize,
+      nodeMenuButtonSize = _props$nodeMenuButton === void 0 ? 'small' : _props$nodeMenuButton,
+      nodeToolbarElements = props.nodeToolbarElements,
+      onNodeClick = props.onNodeClick,
+      selectedNodeId = props.selectedNodeId,
+      customClass = props.customClass,
+      children = props.children,
+      styleForContainer = props.styleForContainer,
+      bordered = props.bordered,
+      _props$requiredIds = props.requiredIds,
+      propsRequiredIds = _props$requiredIds === void 0 ? [] : _props$requiredIds;
+
+  var _useState = (0, _react.useState)(props.data),
+      _useState2 = _slicedToArray(_useState, 2),
+      data = _useState2[0],
+      setData = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(selectedIds),
+      _useState4 = _slicedToArray(_useState3, 2),
+      currentSelectedIds = _useState4[0],
+      setCurrentSelectedIds = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(selectedIds),
+      _useState6 = _slicedToArray(_useState5, 2),
+      propSelectedIds = _useState6[0],
+      setPropSelectedIds = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      isHandlingSelectedIds = _useState8[0],
+      setIsHandlingSelectedIds = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      selectedIdsUpdatedOnMount = _useState10[0],
+      setSelectedIdsUpdatedOnMount = _useState10[1];
+
+  var _useState11 = (0, _react.useState)([]),
+      _useState12 = _slicedToArray(_useState11, 2),
+      requiredParentsIds = _useState12[0],
+      setRequiredParentsIds = _useState12[1];
+
+  var _useState13 = (0, _react.useState)([]),
+      _useState14 = _slicedToArray(_useState13, 2),
+      alreadyOpenedIds = _useState14[0],
+      setAlreadyOpenedIds = _useState14[1];
+
+  var _useState15 = (0, _react.useState)({}),
+      _useState16 = _slicedToArray(_useState15, 1),
+      idsWithChildren = _useState16[0];
+
+  var returnChildrenIds = function returnChildrenIds(nodeId) {
+    var returnRequiredIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var nodeChildrenIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+    var requiredIds = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+
+    if (idsWithChildren[nodeId] !== undefined) {
+      nodeChildrenIds.push(nodeId);
+      if (returnRequiredIds) requiredIds.push(nodeId);
+      idsWithChildren[nodeId].forEach(function (childId) {
+        return returnChildrenIds(childId, returnRequiredIds, nodeChildrenIds, requiredIds);
+      });
+    } else nodeChildrenIds.push(nodeId);
+
+    return returnRequiredIds ? {
+      nodeChildrenIds: nodeChildrenIds,
+      requiredIds: requiredIds
+    } : {
+      nodeChildrenIds: nodeChildrenIds
+    };
+  };
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+  var returnParentId = function returnParentId(nodeId) {
+    var parentId = Object.keys(idsWithChildren).find(function (id) {
+      return idsWithChildren[id].find(function (childId) {
+        return childId === nodeId;
+      });
+    });
+    return Number(parentId);
+  };
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+  var returnAllAncestryIds = function returnAllAncestryIds(nodeId) {
+    var ancestryIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    var parentId = returnParentId(nodeId);
 
-var TreeView = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(TreeView, _Component);
+    if (parentId) {
+      var currentAncestryIds = [].concat(_toConsumableArray(ancestryIds), [Number(parentId)]);
+      return returnAllAncestryIds(Number(parentId), currentAncestryIds);
+    }
 
-  var _super = _createSuper(TreeView);
+    return ancestryIds;
+  };
 
-  function TreeView(props) {
-    var _this;
+  var returnRequiredAncestryIds = function returnRequiredAncestryIds(nodeId) {
+    var requiredAncestryIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    var previousParentId = arguments.length > 2 ? arguments[2] : undefined;
+    var selectedSiblingsIds = [];
+    var parentId = returnParentId(nodeId);
 
-    (0, _classCallCheck2["default"])(this, TreeView);
-    _this = _super.call(this, props);
-    Object.defineProperty((0, _assertThisInitialized2["default"])(_this), "getContextValues", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value() {
-        return (0, _extends2["default"])({}, _this.props, _this.state, {
-          handlerUpdateSelectedIds: _this.updateSelectedIds,
-          handlerToggleCheckChildren: _this.toggleCheckChildren
-        });
-      }
-    });
-    Object.defineProperty((0, _assertThisInitialized2["default"])(_this), "handleNewSelectedIds", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value(selectedIds) {
-        _this.setState({
-          requiredParentsIds: []
-        }, function () {
-          var requiredIds = [];
-          var newSelectedIds = [];
-          var selectedIdsUpdatedOnMount = _this.state.selectedIdsUpdatedOnMount;
-          selectedIds.forEach(function (id) {
-            var _this$checkAllAncestr = _this.checkAllAncestry(id, [], true, false),
-                requiredParentsIds = _this$checkAllAncestr.requiredParentsIds,
-                updatedIdsWithAncestryIds = _this$checkAllAncestr.updatedIdsWithAncestryIds;
-
-            newSelectedIds = [].concat((0, _toConsumableArray2["default"])(newSelectedIds), (0, _toConsumableArray2["default"])(updatedIdsWithAncestryIds));
-            requiredIds = [].concat((0, _toConsumableArray2["default"])(requiredIds), (0, _toConsumableArray2["default"])(requiredParentsIds));
-          });
-
-          _this.setState({
-            requiredParentsIds: _lodash["default"].uniq(requiredIds),
-            selectedIds: _lodash["default"].uniq(newSelectedIds),
-            selectedIdsUpdatedOnMount: selectedIdsUpdatedOnMount || true
-          });
-        });
-      }
-    });
-    Object.defineProperty((0, _assertThisInitialized2["default"])(_this), "returnParentId", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value(nodeId) {
-        var parentId = Object.keys(_this.idsWithChildren).find(function (id) {
-          return _this.idsWithChildren[id].find(function (childId) {
-            return childId === nodeId;
-          });
+    if (parentId) {
+      var nodeSiblingsIds = idsWithChildren && idsWithChildren[parentId].filter(function (childId) {
+        return childId !== nodeId;
+      });
+      var isPreviousParentSelected = previousParentId && currentSelectedIds.includes(previousParentId);
+
+      if (nodeSiblingsIds && nodeSiblingsIds.length > 0) {
+        selectedSiblingsIds = currentSelectedIds.filter(function (id) {
+          return nodeSiblingsIds.includes(id);
         });
-        return Number(parentId);
       }
-    });
-    Object.defineProperty((0, _assertThisInitialized2["default"])(_this), "returnAllAncestryIds", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value(nodeId) {
-        var ancestryIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
 
-        var parentId = _this.returnParentId(nodeId);
+      var requiredIds = isPreviousParentSelected || selectedSiblingsIds.length > 0 ? _toConsumableArray(requiredAncestryIds) : [].concat(_toConsumableArray(requiredAncestryIds), [parentId]);
 
-        if (parentId) {
-          var currentAncestryIds = [].concat((0, _toConsumableArray2["default"])(ancestryIds), [Number(parentId)]);
-          return _this.returnAllAncestryIds(Number(parentId), currentAncestryIds);
-        }
-
-        return ancestryIds;
+      if (selectedSiblingsIds.length === 0 && !isPreviousParentSelected) {
+        return returnRequiredAncestryIds(parentId, requiredIds, parentId);
       }
+    }
+
+    return requiredAncestryIds;
+  };
+
+  var updateAncestryAndSelectedIds = function updateAncestryAndSelectedIds(nodeId, codigos, requiredParents) {
+    var ancestryIds = returnRequiredAncestryIds(nodeId);
+    var remainRequiredParentsIds = requiredParents.filter(function (id) {
+      return !ancestryIds.includes(id);
     });
-    Object.defineProperty((0, _assertThisInitialized2["default"])(_this), "returnChildrenIds", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value(nodeId) {
-        var returnRequiredIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-        var nodeChildrenIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-        var requiredIds = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-
-        if (_this.idsWithChildren[nodeId] !== undefined) {
-          nodeChildrenIds.push(nodeId);
-          if (returnRequiredIds) requiredIds.push(nodeId);
-
-          _this.idsWithChildren[nodeId].forEach(function (childId) {
-            return _this.returnChildrenIds(childId, returnRequiredIds, nodeChildrenIds, requiredIds);
-          });
-        } else nodeChildrenIds.push(nodeId);
-
-        return returnRequiredIds ? {
-          nodeChildrenIds: nodeChildrenIds,
-          requiredIds: requiredIds
-        } : nodeChildrenIds;
-      }
+    var newSelectedIds = currentSelectedIds.filter(function (selectedId) {
+      return !codigos.includes(selectedId);
     });
-    Object.defineProperty((0, _assertThisInitialized2["default"])(_this), "returnRequiredAncestryIds", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value(nodeId) {
-        var requiredAncestryIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-        var previousParentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
-        var selectedSiblingsIds = [];
-        var selectedIds = _this.state.selectedIds;
-
-        var parentId = _this.returnParentId(nodeId);
-
-        if (parentId) {
-          var nodeSiblingsIds = _this.idsWithChildren[parentId].filter(function (childId) {
-            return childId !== nodeId;
-          });
-
-          var isPreviousParentSelected = selectedIds.includes(previousParentId);
-
-          if (nodeSiblingsIds && nodeSiblingsIds.length > 0) {
-            selectedSiblingsIds = selectedIds.filter(function (id) {
-              return nodeSiblingsIds.includes(id);
-            });
-          }
-
-          var requiredIds = isPreviousParentSelected || selectedSiblingsIds.length > 0 ? (0, _toConsumableArray2["default"])(requiredAncestryIds) : [].concat((0, _toConsumableArray2["default"])(requiredAncestryIds), [parentId]);
-
-          if (selectedSiblingsIds.length === 0 && !isPreviousParentSelected) {
-            return _this.returnRequiredAncestryIds(parentId, requiredIds, parentId);
-          }
-        }
-
-        return requiredAncestryIds;
-      }
+    setRequiredParentsIds(remainRequiredParentsIds);
+    return newSelectedIds;
+  };
+
+  var checkAllAncestry = function checkAllAncestry(nodeId, codigos) {
+    var returnRequiredParentsIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var updateState = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+    var nodeAncestryIds = returnAllAncestryIds(nodeId);
+    var notRequiredAncestryIds = nodeAncestryIds.filter(function (id) {
+      return !requiredParentsIds.includes(id);
     });
-    Object.defineProperty((0, _assertThisInitialized2["default"])(_this), "toggleCheckChildren", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value(nodeId, check) {
-        var required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-
-        _this.setState({
-          isHandlingSelectedIds: true
-        }, function () {
-          _this.updateSelectedIds(nodeId, check, true, required);
-        });
-      }
+    var notSelectedAncestryIds = nodeAncestryIds.filter(function (id) {
+      return !currentSelectedIds.includes(id);
     });
-    Object.defineProperty((0, _assertThisInitialized2["default"])(_this), "checkAllAncestry", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value(nodeId, codigos) {
-        var returnRequiredParentsIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-        var updateState = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-        var selectedIds = _this.state.selectedIds;
-        var requiredParentsIds = _this.state.requiredParentsIds;
-
-        var nodeAncestryIds = _this.returnAllAncestryIds(nodeId);
-
-        var notRequiredAncestryIds = nodeAncestryIds.filter(function (id) {
-          return !requiredParentsIds.includes(id);
-        });
-        var notSelectedAncestryIds = nodeAncestryIds.filter(function (id) {
-          return !selectedIds.includes(id);
-        });
-        selectedIds = [].concat((0, _toConsumableArray2["default"])(selectedIds), (0, _toConsumableArray2["default"])(codigos), (0, _toConsumableArray2["default"])(notSelectedAncestryIds));
-        requiredParentsIds = [].concat((0, _toConsumableArray2["default"])(requiredParentsIds), (0, _toConsumableArray2["default"])(notRequiredAncestryIds));
-        if (updateState) _this.setState({
-          requiredParentsIds: requiredParentsIds
-        });
-        return !returnRequiredParentsIds ? selectedIds : {
-          updatedIdsWithAncestryIds: selectedIds,
-          requiredParentsIds: requiredParentsIds
-        };
-      }
+    var newSelectedIds = [].concat(_toConsumableArray(currentSelectedIds), _toConsumableArray(codigos), _toConsumableArray(notSelectedAncestryIds));
+    var newRequiredParentsIds = [].concat(_toConsumableArray(requiredParentsIds), _toConsumableArray(notRequiredAncestryIds));
+
+    if (updateState) {
+      setRequiredParentsIds(newRequiredParentsIds);
+    }
+
+    return !returnRequiredParentsIds ? {
+      updatedIdsWithAncestryIds: newSelectedIds
+    } : {
+      updatedIdsWithAncestryIds: newSelectedIds,
+      requiredParentsIds: newRequiredParentsIds
+    };
+  };
+
+  var checkAllChildren = function checkAllChildren(nodeId) {
+    var returnRequiredIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var currentRequiredIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+    var childrenIds;
+    var newRequiredParentsIds = currentRequiredIds;
+
+    if (returnRequiredIds) {
+      var _returnChildrenIds = returnChildrenIds(nodeId, returnRequiredIds),
+          nodeChildrenIds = _returnChildrenIds.nodeChildrenIds,
+          requiredIds = _returnChildrenIds.requiredIds;
+
+      var newRequiredIds = requiredIds ? requiredIds.filter(function (id) {
+        return !currentRequiredIds.includes(id);
+      }) : [];
+      newRequiredParentsIds = [].concat(_toConsumableArray(currentRequiredIds), _toConsumableArray(newRequiredIds));
+      childrenIds = nodeChildrenIds;
+    } else childrenIds = returnChildrenIds(nodeId).nodeChildrenIds;
+
+    var notSelectedChildrenIds = childrenIds.filter(function (id) {
+      return !currentSelectedIds.includes(id);
     });
-    Object.defineProperty((0, _assertThisInitialized2["default"])(_this), "updateAncestryAndSelectedIds", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value(nodeId, codigos, requiredParentsIds) {
-        var selectedIds = _this.state.selectedIds;
+    var newSelectedIds = [].concat(_toConsumableArray(currentSelectedIds), _toConsumableArray(notSelectedChildrenIds));
+    setRequiredParentsIds(newRequiredParentsIds);
+    setIsHandlingSelectedIds(false);
+    return newSelectedIds;
+  };
+
+  var uncheckAllChildren = function uncheckAllChildren(nodeId) {
+    var remainSelectedIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    var newSelectedIds = remainSelectedIds.length > 0 ? remainSelectedIds : currentSelectedIds;
+    var childrenIds = returnChildrenIds(nodeId).nodeChildrenIds;
+    newSelectedIds = newSelectedIds.filter(function (selectedId) {
+      return !childrenIds.includes(selectedId);
+    });
+    setIsHandlingSelectedIds(false);
+    return newSelectedIds;
+  };
+
+  var uncheckRequiredChildren = function uncheckRequiredChildren(nodeId, codigos, requiredParents) {
+    var childrenIds = returnChildrenIds(nodeId).nodeChildrenIds;
+    var remainRequiredIds = requiredParents.filter(function (id) {
+      return !childrenIds.includes(id);
+    });
+    setRequiredParentsIds(_toConsumableArray(remainRequiredIds));
+    updateAncestryAndSelectedIds(nodeId, codigos, remainRequiredIds);
+  };
 
-        var ancestryIds = _this.returnRequiredAncestryIds(nodeId);
+  var handleOnNodeOpen = function handleOnNodeOpen(node) {
+    var id = node.id;
+    var newAlreadyOpenedIds = alreadyOpenedIds;
 
-        var remainRequiredParentsIds = requiredParentsIds.filter(function (id) {
-          return !ancestryIds.includes(id);
-        });
-        selectedIds = selectedIds.filter(function (selectedId) {
-          return !codigos.includes(selectedId);
-        });
+    if (!alreadyOpenedIds.includes(id) && onNodeOpen) {
+      newAlreadyOpenedIds = [].concat(_toConsumableArray(newAlreadyOpenedIds), [id]);
+      onNodeOpen(node);
+    }
 
-        _this.setState({
-          requiredParentsIds: remainRequiredParentsIds
-        });
+    setAlreadyOpenedIds(newAlreadyOpenedIds);
+  };
 
-        return selectedIds;
-      }
-    });
-    Object.defineProperty((0, _assertThisInitialized2["default"])(_this), "checkAllChildren", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value(nodeId) {
-        var returnRequiredIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-        var currentRequiredIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-        var _this$state = _this.state,
-            selectedIds = _this$state.selectedIds,
-            requiredParentsIds = _this$state.requiredParentsIds;
-        var childrenIds;
-
-        if (returnRequiredIds) {
-          var _this$returnChildrenI = _this.returnChildrenIds(nodeId, returnRequiredIds),
-              nodeChildrenIds = _this$returnChildrenI.nodeChildrenIds,
-              requiredIds = _this$returnChildrenI.requiredIds;
-
-          var newRequiredIds = requiredIds.filter(function (id) {
-            return !currentRequiredIds.includes(id);
-          });
-          requiredParentsIds = [].concat((0, _toConsumableArray2["default"])(currentRequiredIds), (0, _toConsumableArray2["default"])(newRequiredIds));
-          childrenIds = nodeChildrenIds;
-        } else childrenIds = _this.returnChildrenIds(nodeId);
-
-        var notSelectedChildrenIds = childrenIds.filter(function (id) {
-          return !selectedIds.includes(id);
-        });
-        selectedIds = [].concat((0, _toConsumableArray2["default"])(selectedIds), (0, _toConsumableArray2["default"])(notSelectedChildrenIds));
+  var handleCheck = function handleCheck(nodeId, handlingSelectedIds, isParent) {
+    var codigos = _lodash.default.isArray(nodeId) ? nodeId : [nodeId];
+    var newSelectedIds = [].concat(_toConsumableArray(currentSelectedIds), _toConsumableArray(codigos));
 
-        _this.setState({
-          isHandlingSelectedIds: false,
-          requiredParentsIds: requiredParentsIds
-        });
+    if (isParent && (handlingSelectedIds || isHandlingSelectedIds) && allowCheckAllChildren) {
+      if (allowCheckAllAncestry) {
+        var _checkAllAncestry = checkAllAncestry(nodeId, codigos, true),
+            updatedIdsWithAncestryIds = _checkAllAncestry.updatedIdsWithAncestryIds,
+            requiredParents = _checkAllAncestry.requiredParentsIds;
 
-        return selectedIds;
-      }
-    });
-    Object.defineProperty((0, _assertThisInitialized2["default"])(_this), "uncheckAllChildren", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value(nodeId) {
-        var remainSelectedIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-        var selectedIds = remainSelectedIds.length > 0 ? remainSelectedIds : _this.state.selectedIds;
-
-        var childrenIds = _this.returnChildrenIds(nodeId);
-
-        selectedIds = selectedIds.filter(function (selectedId) {
-          return !childrenIds.includes(selectedId);
-        });
+        var updatedIdsWithChildrenIds = checkAllChildren(nodeId, true, requiredParents);
+        newSelectedIds = [].concat(_toConsumableArray(updatedIdsWithAncestryIds), _toConsumableArray(updatedIdsWithChildrenIds));
+      } else newSelectedIds = checkAllChildren(nodeId);
+    } else if (allowCheckAllAncestry) {
+      newSelectedIds = checkAllAncestry(nodeId, codigos).updatedIdsWithAncestryIds;
+    }
 
-        _this.setState({
-          isHandlingSelectedIds: false
-        });
+    return newSelectedIds;
+  };
 
-        return selectedIds;
-      }
+  var handleUncheck = function handleUncheck(nodeId, handlingSelectedIds, isParent, required) {
+    var codigos = _lodash.default.isArray(nodeId) ? nodeId : [nodeId];
+    var newSelectedIds = currentSelectedIds.filter(function (id) {
+      return !codigos.includes(id);
     });
-    Object.defineProperty((0, _assertThisInitialized2["default"])(_this), "uncheckRequiredChildren", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value(nodeId, codigos, requiredParentsIds) {
-        var childrenIds = _this.returnChildrenIds(nodeId);
-
-        var remainRequiredIds = requiredParentsIds.filter(function (id) {
-          return !childrenIds.includes(id);
-        });
 
-        _this.setState({
-          requiredParentsIds: (0, _toConsumableArray2["default"])(remainRequiredIds)
-        }, function () {
-          return _this.updateAncestryAndSelectedIds(nodeId, codigos, remainRequiredIds);
-        });
-      }
-    });
-    Object.defineProperty((0, _assertThisInitialized2["default"])(_this), "handleOnNodeOpen", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value(node) {
-        var id = node.id;
-        var onNodeOpen = _this.props.onNodeOpen;
-        var alreadyOpenedIds = _this.state.alreadyOpenedIds;
-
-        if (!alreadyOpenedIds.includes(id) && onNodeOpen) {
-          alreadyOpenedIds = [].concat((0, _toConsumableArray2["default"])(alreadyOpenedIds), [id]);
-          onNodeOpen(node);
-        }
-
-        _this.setState({
-          alreadyOpenedIds: alreadyOpenedIds
-        });
-      }
-    });
-    Object.defineProperty((0, _assertThisInitialized2["default"])(_this), "handleCheck", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value(nodeId, isParent) {
-        var selectedIds = _this.state.selectedIds;
-        var codigos = _lodash["default"].isArray(nodeId) ? nodeId : [nodeId];
-        var isHandlingSelectedIds = _this.state.isHandlingSelectedIds;
-        var _this$props = _this.props,
-            allowCheckAllChildren = _this$props.allowCheckAllChildren,
-            allowCheckAllAncestry = _this$props.allowCheckAllAncestry;
-        selectedIds = [].concat((0, _toConsumableArray2["default"])(selectedIds), (0, _toConsumableArray2["default"])(codigos));
-
-        if (isParent && isHandlingSelectedIds && allowCheckAllChildren) {
-          if (allowCheckAllAncestry) {
-            var _this$checkAllAncestr2 = _this.checkAllAncestry(nodeId, codigos, true),
-                updatedIdsWithAncestryIds = _this$checkAllAncestr2.updatedIdsWithAncestryIds,
-                requiredParentsIds = _this$checkAllAncestr2.requiredParentsIds;
-
-            var updatedIdsWithChidlrenIds = _this.checkAllChildren(nodeId, true, requiredParentsIds);
-
-            selectedIds = [].concat((0, _toConsumableArray2["default"])(updatedIdsWithAncestryIds), (0, _toConsumableArray2["default"])(updatedIdsWithChidlrenIds));
-          } else selectedIds = _this.checkAllChildren(nodeId);
-        } else if (allowCheckAllAncestry) {
-          selectedIds = _this.checkAllAncestry(nodeId, codigos);
-        }
-
-        return selectedIds;
-      }
-    });
-    Object.defineProperty((0, _assertThisInitialized2["default"])(_this), "handleUncheck", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value(nodeId, isParent, required) {
-        var selectedIds = _this.state.selectedIds;
-        var _this$state2 = _this.state,
-            isHandlingSelectedIds = _this$state2.isHandlingSelectedIds,
-            requiredParentsIds = _this$state2.requiredParentsIds;
-        var _this$props2 = _this.props,
-            allowCheckAllChildren = _this$props2.allowCheckAllChildren,
-            allowCheckAllAncestry = _this$props2.allowCheckAllAncestry;
-        var codigos = _lodash["default"].isArray(nodeId) ? nodeId : [nodeId];
-        selectedIds = selectedIds.filter(function (id) {
-          return !codigos.includes(id);
-        });
+    if (isParent && (handlingSelectedIds || isHandlingSelectedIds) && allowCheckAllChildren) {
+      if (allowCheckAllAncestry) {
+        var updatedSelectedIds = updateAncestryAndSelectedIds(nodeId, codigos, requiredParentsIds);
+        newSelectedIds = uncheckAllChildren(nodeId, updatedSelectedIds);
+        if (required) uncheckRequiredChildren(nodeId, codigos, requiredParentsIds);
+      } else newSelectedIds = uncheckAllChildren(nodeId);
+    } else if (allowCheckAllAncestry) {
+      newSelectedIds = updateAncestryAndSelectedIds(nodeId, codigos, requiredParentsIds);
+    }
+
+    return newSelectedIds;
+  };
+
+  var updateSelectedIds = function updateSelectedIds(nodeId, checked, isParent) {
+    var required = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+    var handlingSelectedIds = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : isHandlingSelectedIds;
+
+    var newSelectedIds = _toConsumableArray(currentSelectedIds);
+
+    if (checked) {
+      newSelectedIds = handleCheck(nodeId, handlingSelectedIds, isParent);
+    } else {
+      newSelectedIds = handleUncheck(nodeId, handlingSelectedIds, isParent, required);
+    }
 
-        if (isParent && isHandlingSelectedIds && allowCheckAllChildren) {
-          if (allowCheckAllAncestry) {
-            var updatedSelectedIds = _this.updateAncestryAndSelectedIds(nodeId, codigos, requiredParentsIds);
+    setCurrentSelectedIds(newSelectedIds);
+    if (onSelectedIdsChange) onSelectedIdsChange(newSelectedIds);
+  };
 
-            selectedIds = _this.uncheckAllChildren(nodeId, updatedSelectedIds);
-            if (required) _this.uncheckRequiredChildren(nodeId, codigos, requiredParentsIds);
-          } else selectedIds = _this.uncheckAllChildren(nodeId);
-        } else if (allowCheckAllAncestry) {
-          selectedIds = _this.updateAncestryAndSelectedIds(nodeId, codigos, requiredParentsIds);
-        }
+  var toggleCheckChildren = function toggleCheckChildren(nodeId, check) {
+    var required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    setIsHandlingSelectedIds(true);
+    updateSelectedIds(nodeId, check, true, required, true);
+  };
 
-        return selectedIds;
+  var buildTree = function buildTree(node, parentId, ids) {
+    var childrenIds = [];
+
+    if (node.itens && node.itens.length > 0) {
+      childrenIds = node.itens.map(function (i) {
+        return i.id;
+      });
+
+      if (ids) {
+        var idWithChildren = {};
+        idWithChildren[node.id] = childrenIds;
+        Object.assign(ids, idWithChildren);
       }
-    });
-    Object.defineProperty((0, _assertThisInitialized2["default"])(_this), "updateSelectedIds", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value(nodeId, checked, isParent, required) {
-        var selectedIds = _this.state.selectedIds;
-        var onSelectedIdsChange = _this.props.onSelectedIdsChange;
-
-        if (checked) {
-          selectedIds = _this.handleCheck(nodeId, isParent);
-        } else {
-          selectedIds = _this.handleUncheck(nodeId, isParent, required);
-        }
-
-        _this.setState({
-          selectedIds: selectedIds
-        });
+    }
 
-        if (onSelectedIdsChange) onSelectedIdsChange(selectedIds);
+    return /*#__PURE__*/_react.default.createElement(_Node.default, {
+      key: "node-".concat(node.id),
+      node: node,
+      idsInLoading: idsInLoading,
+      startNodesOpened: startNodesOpened,
+      alwaysShowArrow: alwaysShowArrow,
+      childrenIds: childrenIds,
+      isParent: node.itens && node.itens.length > 0,
+      parentId: parentId,
+      nodeRightElements: nodeRightElements,
+      nodeToolbarElements: nodeToolbarElements,
+      nodeElementsValidations: nodeElementsValidations,
+      nodeMenuButtonSize: nodeMenuButtonSize,
+      onNodeClick: onNodeClick,
+      selectedNodeId: selectedNodeId,
+      handlerOnNodeOpen: handleOnNodeOpen
+    }, childrenIds.length > 0 && node.itens && node.itens.map(function (nodeitem) {
+      return buildTree(nodeitem, node.id, idsWithChildren);
+    }));
+  };
+
+  var handleNewSelectedIds = function handleNewSelectedIds(selectedNodeIds) {
+    var requiredIds = [];
+    var newSelectedIds = [];
+    selectedNodeIds.forEach(function (id) {
+      var _checkAllAncestry2 = checkAllAncestry(id, [], true, false),
+          requiredParents = _checkAllAncestry2.requiredParentsIds,
+          updatedIdsWithAncestryIds = _checkAllAncestry2.updatedIdsWithAncestryIds;
+
+      newSelectedIds = [].concat(_toConsumableArray(newSelectedIds), _toConsumableArray(updatedIdsWithAncestryIds));
+
+      if (requiredParents) {
+        requiredIds = [].concat(_toConsumableArray(requiredIds), _toConsumableArray(requiredParents));
       }
     });
-    Object.defineProperty((0, _assertThisInitialized2["default"])(_this), "buildTree", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value(node) {
-        var parentId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
-        var ids = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
-        var _this$props3 = _this.props,
-            nodeRightElements = _this$props3.nodeRightElements,
-            onNodeClick = _this$props3.onNodeClick,
-            nodeElementsValidations = _this$props3.nodeElementsValidations,
-            nodeToolbarElements = _this$props3.nodeToolbarElements,
-            nodeMenuButtonSize = _this$props3.nodeMenuButtonSize,
-            alwaysShowArrow = _this$props3.alwaysShowArrow,
-            startNodesOpened = _this$props3.startNodesOpened,
-            idsInLoading = _this$props3.idsInLoading,
-            selectedNodeId = _this$props3.selectedNodeId;
-        var childrenIds = [];
-
-        if (node.itens && node.itens.length > 0) {
-          childrenIds = node.itens.map(function (i) {
-            return i.id;
-          });
-
-          if (ids) {
-            var idWithChildren = {};
-            idWithChildren[node.id] = childrenIds;
-            Object.assign(ids, idWithChildren);
-          }
-        }
-
-        return /*#__PURE__*/_react["default"].createElement(_Node["default"], {
-          key: "node-".concat(node.id),
-          node: node,
-          idsInLoading: idsInLoading,
-          startNodesOpened: startNodesOpened,
-          alwaysShowArrow: alwaysShowArrow,
-          childrenIds: childrenIds,
-          isParent: node.itens && node.itens.length > 0,
-          parentId: parentId,
-          nodeRightElements: nodeRightElements,
-          nodeToolbarElements: nodeToolbarElements,
-          nodeElementsValidations: nodeElementsValidations,
-          nodeMenuButtonSize: nodeMenuButtonSize,
-          onNodeClick: onNodeClick,
-          selectedNodeId: selectedNodeId,
-          handlerOnNodeOpen: _this.handleOnNodeOpen
-        }, childrenIds.length > 0 && node.itens.map(function (nodeitem) {
-          return _this.buildTree(nodeitem, node.id, ids);
-        }));
-      }
+    setRequiredParentsIds(_lodash.default.uniq(requiredIds));
+    setCurrentSelectedIds(_lodash.default.uniq(newSelectedIds));
+    setSelectedIdsUpdatedOnMount(function (prevState) {
+      return prevState || true;
     });
-    _this.idsWithChildren = {};
-    _this.state = {
-      data: _this.props.data,
-      propSelectedIds: _this.props.selectedIds,
-      selectedIds: _this.props.selectedIds,
-      isHandlingSelectedIds: false,
-      requiredParentsIds: [],
-      alreadyOpenedIds: [],
-      selectedIdsUpdatedOnMount: false
-    };
-    return _this;
-  }
+  };
 
-  (0, _createClass2["default"])(TreeView, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.buildTree(this.state.data, undefined, this.idsWithChildren);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      var _this$state3 = this.state,
-          selectedIds = _this$state3.selectedIds,
-          propSelectedIds = _this$state3.propSelectedIds,
-          selectedIdsUpdatedOnMount = _this$state3.selectedIdsUpdatedOnMount;
-      var allowCheckAllAncestry = this.props.allowCheckAllAncestry;
-
-      var isSameSelectedIds = _lodash["default"].isEqual(propSelectedIds.sort(), prevState.propSelectedIds.sort());
-
-      if (allowCheckAllAncestry && (!selectedIdsUpdatedOnMount || !isSameSelectedIds)) {
-        this.handleNewSelectedIds(selectedIds);
-      }
+  (0, _react.useEffect)(function () {
+    var isSameSelectedIds = _lodash.default.isEqual(propSelectedIds.sort(), selectedIds.sort());
+
+    if (enableDynamicData && props.data !== data) {
+      setData(props.data);
+    } else if (!isSameSelectedIds) {
+      setCurrentSelectedIds(selectedIds);
+      setPropSelectedIds(selectedIds);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props4 = this.props,
-          customClass = _this$props4.customClass,
-          bordered = _this$props4.bordered,
-          children = _this$props4.children,
-          styleForContainer = _this$props4.styleForContainer;
-      var data = this.state.data;
-      return /*#__PURE__*/_react["default"].createElement(_constants.TreeviewContext.Provider, {
-        value: this.getContextValues()
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "treeview-component ".concat(customClass)
-      }, children, /*#__PURE__*/_react["default"].createElement("ul", {
-        style: styleForContainer,
-        className: "treeviewcontainer ".concat(bordered && '-bordered')
-      }, this.buildTree(data))));
+  }, [selectedIds.length, props.data]);
+  (0, _react.useEffect)(function () {
+    if (allowCheckAllAncestry && !selectedIdsUpdatedOnMount) {
+      handleNewSelectedIds(currentSelectedIds);
     }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props, state) {
-      var data = props.data,
-          selectedIds = props.selectedIds,
-          enableDynamicData = props.enableDynamicData;
-      var propSelectedIds = state.propSelectedIds;
-
-      var isSameSelectedIds = _lodash["default"].isEqual(propSelectedIds.sort(), selectedIds.sort());
-
-      if (enableDynamicData && data !== state.data) {
-        return {
-          data: data
-        };
-      } else if (!isSameSelectedIds) {
-        return {
-          selectedIds: selectedIds,
-          propSelectedIds: selectedIds
-        };
-      }
-
-      return null;
+  }, [currentSelectedIds]);
+  (0, _react.useEffect)(function () {
+    if (allowCheckAllAncestry) {
+      handleNewSelectedIds(currentSelectedIds);
     }
-  }]);
-  return TreeView;
-}(_react.Component);
-
-TreeView.propTypes = {
-  data: _propTypes["default"].object.isRequired,
-  customClass: _propTypes["default"].string,
-  bordered: _propTypes["default"].bool,
-  valuePropName: _propTypes["default"].string.isRequired,
-  labelPropName: _propTypes["default"].string.isRequired,
-  parentPropName: _propTypes["default"].string.isRequired,
-  startNodesOpened: _propTypes["default"].bool,
-  alwaysShowArrow: _propTypes["default"].bool,
-  selectedIds: _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),
-  styleForContainer: _propTypes["default"].object,
-  allowCheckAllChildren: _propTypes["default"].bool,
-  allowCheckAllAncestry: _propTypes["default"].bool,
-  defaultDisabledTooltip: _propTypes["default"].string,
-  nodeRightElements: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].object), _propTypes["default"].element, _propTypes["default"].object]),
-  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,
-  enableDynamicData: _propTypes["default"].bool,
-  idsInLoading: _propTypes["default"].arrayOf(_propTypes["default"].number),
-  selectedNodeId: _propTypes["default"].number
-};
-TreeView.defaultProps = {
-  customClass: '',
-  bordered: false,
-  startNodesOpened: false,
-  alwaysShowArrow: false,
-  selectedIds: [],
-  requiredIds: [],
-  showCheckBox: false,
-  onSelectedIdsChange: undefined,
-  children: undefined,
-  styleForContainer: {},
-  allowCheckAllChildren: false,
-  allowCheckAllAncestry: false,
-  defaultDisabledTooltip: '',
-  nodeRightElements: undefined,
-  nodeToolbarElements: undefined,
-  nodeMenuButtonSize: 'small',
-  onNodeClick: undefined,
-  onNodeOpen: undefined,
-  nodeElementsValidations: undefined,
-  enableDynamicData: false,
-  idsInLoading: [],
-  selectedNodeId: undefined
+  }, [propSelectedIds]);
+  (0, _react.useEffect)(function () {
+    buildTree(data, undefined, idsWithChildren);
+  }, []);
+
+  var contextValues = _extends({}, props, {
+    requiredIds: propsRequiredIds,
+    selectedIds: currentSelectedIds,
+    isHandlingSelectedIds: isHandlingSelectedIds,
+    selectedIdsUpdatedOnMount: selectedIdsUpdatedOnMount,
+    requiredParentsIds: requiredParentsIds,
+    alreadyOpenedIds: alreadyOpenedIds,
+    handlerUpdateSelectedIds: updateSelectedIds,
+    handlerToggleCheckChildren: toggleCheckChildren
+  });
+
+  return /*#__PURE__*/_react.default.createElement(_constants.TreeviewContext.Provider, {
+    value: contextValues
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "treeview-component ".concat(customClass)
+  }, children, /*#__PURE__*/_react.default.createElement("ul", {
+    style: styleForContainer,
+    className: "treeviewcontainer ".concat(bordered && '-bordered')
+  }, buildTree(data))));
 };
+
 var _default = TreeView;
-exports["default"] = _default;
+exports.default = _default;