linear-react-components-ui 1.1.13 → 1.1.14-beta.0

package/lib/treeview/index.js

@@ -1,17 +1,18 @@
 "use strict";
 
+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
 });
 Object.defineProperty(exports, "TreeNode", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _Node.default;
   }
 });
 Object.defineProperty(exports, "TreeViewHeader", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _Header.default;
   }
 });
@@ -23,106 +24,159 @@ var _Header = _interopRequireDefault(require("./Header"));
 require("../assets/styles/treeview.scss");
 var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const TreeView = props => {
-  const {
-    selectedIds = [],
-    enableDynamicData,
-    allowCheckAllAncestry,
-    onNodeOpen,
-    allowCheckAllChildren,
-    onSelectedIdsChange,
-    idsInLoading,
-    startNodesOpened = false,
-    alwaysShowArrow,
-    nodeElementsValidations,
-    nodeRightElements,
-    nodeMenuButtonSize = 'small',
-    nodeToolbarElements,
-    onNodeClick,
-    selectedNodeId,
-    customClass,
-    children,
-    styleForContainer,
-    bordered,
-    requiredIds: propsRequiredIds = []
-  } = props;
-  const [data, setData] = (0, _react.useState)(props.data);
-  const [currentSelectedIds, setCurrentSelectedIds] = (0, _react.useState)(selectedIds);
-  const [propSelectedIds, setPropSelectedIds] = (0, _react.useState)(selectedIds);
-  const [isHandlingSelectedIds, setIsHandlingSelectedIds] = (0, _react.useState)(false);
-  const [selectedIdsUpdatedOnMount, setSelectedIdsUpdatedOnMount] = (0, _react.useState)(false);
-  const [requiredParentsIds, setRequiredParentsIds] = (0, _react.useState)([]);
-  const [alreadyOpenedIds, setAlreadyOpenedIds] = (0, _react.useState)([]);
-  const [idsWithChildren] = (0, _react.useState)({});
-  const returnChildrenIds = function (nodeId) {
-    let returnRequiredIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    let nodeChildrenIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-    let requiredIds = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) 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(childId => returnChildrenIds(childId, returnRequiredIds, nodeChildrenIds, requiredIds));
+      idsWithChildren[nodeId].forEach(function (childId) {
+        return returnChildrenIds(childId, returnRequiredIds, nodeChildrenIds, requiredIds);
+      });
     } else nodeChildrenIds.push(nodeId);
     return returnRequiredIds ? {
-      nodeChildrenIds,
-      requiredIds
+      nodeChildrenIds: nodeChildrenIds,
+      requiredIds: requiredIds
     } : {
-      nodeChildrenIds
+      nodeChildrenIds: nodeChildrenIds
     };
   };
-  const returnParentId = nodeId => {
-    const parentId = Object.keys(idsWithChildren).find(id => idsWithChildren[id].find(childId => childId === nodeId));
+  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);
   };
-  const returnAllAncestryIds = function (nodeId) {
-    let ancestryIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    const parentId = returnParentId(nodeId);
+  var returnAllAncestryIds = function returnAllAncestryIds(nodeId) {
+    var ancestryIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    var parentId = returnParentId(nodeId);
     if (parentId) {
-      const currentAncestryIds = [...ancestryIds, Number(parentId)];
+      var currentAncestryIds = [].concat(_toConsumableArray(ancestryIds), [Number(parentId)]);
       return returnAllAncestryIds(Number(parentId), currentAncestryIds);
     }
     return ancestryIds;
   };
-  const returnRequiredAncestryIds = function (nodeId) {
-    let requiredAncestryIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    let previousParentId = arguments.length > 2 ? arguments[2] : undefined;
-    let selectedSiblingsIds = [];
-    const parentId = returnParentId(nodeId);
+  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);
     if (parentId) {
-      const nodeSiblingsIds = idsWithChildren && idsWithChildren[parentId].filter(childId => childId !== nodeId);
-      const isPreviousParentSelected = previousParentId && currentSelectedIds.includes(previousParentId);
+      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(id => nodeSiblingsIds.includes(id));
+        selectedSiblingsIds = currentSelectedIds.filter(function (id) {
+          return nodeSiblingsIds.includes(id);
+        });
       }
-      const requiredIds = isPreviousParentSelected || selectedSiblingsIds.length > 0 ? [...requiredAncestryIds] : [...requiredAncestryIds, parentId];
+      var requiredIds = isPreviousParentSelected || selectedSiblingsIds.length > 0 ? _toConsumableArray(requiredAncestryIds) : [].concat(_toConsumableArray(requiredAncestryIds), [parentId]);
       if (selectedSiblingsIds.length === 0 && !isPreviousParentSelected) {
         return returnRequiredAncestryIds(parentId, requiredIds, parentId);
       }
     }
     return requiredAncestryIds;
   };
-  const updateAncestryAndSelectedIds = (nodeId, codigos, requiredParents) => {
-    const ancestryIds = returnRequiredAncestryIds(nodeId);
-    const remainRequiredParentsIds = requiredParents.filter(id => !ancestryIds.includes(id));
-    const newSelectedIds = currentSelectedIds.filter(selectedId => !codigos.includes(selectedId));
+  var updateAncestryAndSelectedIds = function updateAncestryAndSelectedIds(nodeId, codigos, requiredParents) {
+    var ancestryIds = returnRequiredAncestryIds(nodeId);
+    var remainRequiredParentsIds = requiredParents.filter(function (id) {
+      return !ancestryIds.includes(id);
+    });
+    var newSelectedIds = currentSelectedIds.filter(function (selectedId) {
+      return !codigos.includes(selectedId);
+    });
     setRequiredParentsIds(remainRequiredParentsIds);
     return newSelectedIds;
   };
-  const checkAllAncestry = function (nodeId, codigos) {
-    let returnRequiredParentsIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    let updateState = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-    const nodeAncestryIds = returnAllAncestryIds(nodeId);
-    const notRequiredAncestryIds = nodeAncestryIds.filter(id => !requiredParentsIds.includes(id));
-    const notSelectedAncestryIds = nodeAncestryIds.filter(id => !currentSelectedIds.includes(id));
-    const newSelectedIds = [...currentSelectedIds, ...codigos, ...notSelectedAncestryIds];
-    const newRequiredParentsIds = [...requiredParentsIds, ...notRequiredAncestryIds];
+  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);
+    });
+    var notSelectedAncestryIds = nodeAncestryIds.filter(function (id) {
+      return !currentSelectedIds.includes(id);
+    });
+    var newSelectedIds = [].concat(_toConsumableArray(currentSelectedIds), _toConsumableArray(codigos), _toConsumableArray(notSelectedAncestryIds));
+    var newRequiredParentsIds = [].concat(_toConsumableArray(requiredParentsIds), _toConsumableArray(notRequiredAncestryIds));
     if (updateState) {
       setRequiredParentsIds(newRequiredParentsIds);
     }
@@ -133,74 +187,80 @@ const TreeView = props => {
       requiredParentsIds: newRequiredParentsIds
     };
   };
-  const checkAllChildren = function (nodeId) {
-    let returnRequiredIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    let currentRequiredIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-    let childrenIds;
-    let newRequiredParentsIds = currentRequiredIds;
+  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) {
-      const {
-        nodeChildrenIds,
-        requiredIds
-      } = returnChildrenIds(nodeId, returnRequiredIds);
-      const newRequiredIds = requiredIds ? requiredIds.filter(id => !currentRequiredIds.includes(id)) : [];
-      newRequiredParentsIds = [...currentRequiredIds, ...newRequiredIds];
+      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;
-    const notSelectedChildrenIds = childrenIds.filter(id => !currentSelectedIds.includes(id));
-    const newSelectedIds = [...currentSelectedIds, ...notSelectedChildrenIds];
+    var notSelectedChildrenIds = childrenIds.filter(function (id) {
+      return !currentSelectedIds.includes(id);
+    });
+    var newSelectedIds = [].concat(_toConsumableArray(currentSelectedIds), _toConsumableArray(notSelectedChildrenIds));
     setRequiredParentsIds(newRequiredParentsIds);
     setIsHandlingSelectedIds(false);
     return newSelectedIds;
   };
-  const uncheckAllChildren = function (nodeId) {
-    let remainSelectedIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    let newSelectedIds = remainSelectedIds.length > 0 ? remainSelectedIds : currentSelectedIds;
-    const childrenIds = returnChildrenIds(nodeId).nodeChildrenIds;
-    newSelectedIds = newSelectedIds.filter(selectedId => !childrenIds.includes(selectedId));
+  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;
   };
-  const uncheckRequiredChildren = (nodeId, codigos, requiredParents) => {
-    const childrenIds = returnChildrenIds(nodeId).nodeChildrenIds;
-    const remainRequiredIds = requiredParents.filter(id => !childrenIds.includes(id));
-    setRequiredParentsIds([...remainRequiredIds]);
+  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);
   };
-  const handleOnNodeOpen = node => {
-    const {
-      id
-    } = node;
-    let newAlreadyOpenedIds = alreadyOpenedIds;
+  var handleOnNodeOpen = function handleOnNodeOpen(node) {
+    var id = node.id;
+    var newAlreadyOpenedIds = alreadyOpenedIds;
     if (!alreadyOpenedIds.includes(id) && onNodeOpen) {
-      newAlreadyOpenedIds = [...newAlreadyOpenedIds, id];
+      newAlreadyOpenedIds = [].concat(_toConsumableArray(newAlreadyOpenedIds), [id]);
       onNodeOpen(node);
     }
     setAlreadyOpenedIds(newAlreadyOpenedIds);
   };
-  const handleCheck = (nodeId, handlingSelectedIds, isParent) => {
-    const codigos = _lodash.default.isArray(nodeId) ? nodeId : [nodeId];
-    let newSelectedIds = [...currentSelectedIds, ...codigos];
+  var handleCheck = function handleCheck(nodeId, handlingSelectedIds, isParent) {
+    var codigos = _lodash.default.isArray(nodeId) ? nodeId : [nodeId];
+    var newSelectedIds = [].concat(_toConsumableArray(currentSelectedIds), _toConsumableArray(codigos));
     if (isParent && (handlingSelectedIds || isHandlingSelectedIds) && allowCheckAllChildren) {
       if (allowCheckAllAncestry) {
-        const {
-          updatedIdsWithAncestryIds,
-          requiredParentsIds: requiredParents
-        } = checkAllAncestry(nodeId, codigos, true);
-        const updatedIdsWithChildrenIds = checkAllChildren(nodeId, true, requiredParents);
-        newSelectedIds = [...updatedIdsWithAncestryIds, ...updatedIdsWithChildrenIds];
+        var _checkAllAncestry = checkAllAncestry(nodeId, codigos, true),
+          updatedIdsWithAncestryIds = _checkAllAncestry.updatedIdsWithAncestryIds,
+          requiredParents = _checkAllAncestry.requiredParentsIds;
+        var updatedIdsWithChildrenIds = checkAllChildren(nodeId, true, requiredParents);
+        newSelectedIds = [].concat(_toConsumableArray(updatedIdsWithAncestryIds), _toConsumableArray(updatedIdsWithChildrenIds));
       } else newSelectedIds = checkAllChildren(nodeId);
     } else if (allowCheckAllAncestry) {
       newSelectedIds = checkAllAncestry(nodeId, codigos).updatedIdsWithAncestryIds;
     }
     return newSelectedIds;
   };
-  const handleUncheck = (nodeId, handlingSelectedIds, isParent, required) => {
-    const codigos = _lodash.default.isArray(nodeId) ? nodeId : [nodeId];
-    let newSelectedIds = currentSelectedIds.filter(id => !codigos.includes(id));
+  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);
+    });
     if (isParent && (handlingSelectedIds || isHandlingSelectedIds) && allowCheckAllChildren) {
       if (allowCheckAllAncestry) {
-        const updatedSelectedIds = updateAncestryAndSelectedIds(nodeId, codigos, requiredParentsIds);
+        var updatedSelectedIds = updateAncestryAndSelectedIds(nodeId, codigos, requiredParentsIds);
         newSelectedIds = uncheckAllChildren(nodeId, updatedSelectedIds);
         if (required) uncheckRequiredChildren(nodeId, codigos, requiredParentsIds);
       } else newSelectedIds = uncheckAllChildren(nodeId);
@@ -209,10 +269,10 @@ const TreeView = props => {
     }
     return newSelectedIds;
   };
-  const updateSelectedIds = function (nodeId, checked, isParent) {
-    let required = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    let handlingSelectedIds = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : isHandlingSelectedIds;
-    let newSelectedIds = [...currentSelectedIds];
+  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 {
@@ -221,17 +281,19 @@ const TreeView = props => {
     setCurrentSelectedIds(newSelectedIds);
     if (onSelectedIdsChange) onSelectedIdsChange(newSelectedIds);
   };
-  const toggleCheckChildren = function (nodeId, check) {
-    let required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  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);
   };
-  const buildTree = (node, parentId, ids) => {
-    let childrenIds = [];
+  var buildTree = function buildTree(node, parentId, ids) {
+    var childrenIds = [];
     if (node.itens && node.itens.length > 0) {
-      childrenIds = node.itens.map(i => i.id);
+      childrenIds = node.itens.map(function (i) {
+        return i.id;
+      });
       if (ids) {
-        const idWithChildren = {};
+        var idWithChildren = {};
         idWithChildren[node.id] = childrenIds;
         Object.assign(ids, idWithChildren);
       }
@@ -252,27 +314,30 @@ const TreeView = props => {
       onNodeClick: onNodeClick,
       selectedNodeId: selectedNodeId,
       handlerOnNodeOpen: handleOnNodeOpen
-    }, childrenIds.length > 0 && node.itens && node.itens.map(nodeitem => buildTree(nodeitem, node.id, idsWithChildren)));
+    }, childrenIds.length > 0 && node.itens && node.itens.map(function (nodeitem) {
+      return buildTree(nodeitem, node.id, idsWithChildren);
+    }));
   };
-  const handleNewSelectedIds = selectedNodeIds => {
-    let requiredIds = [];
-    let newSelectedIds = [];
-    selectedNodeIds.forEach(id => {
-      const {
-        requiredParentsIds: requiredParents,
-        updatedIdsWithAncestryIds
-      } = checkAllAncestry(id, [], true, false);
-      newSelectedIds = [...newSelectedIds, ...updatedIdsWithAncestryIds];
+  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 = [...requiredIds, ...requiredParents];
+        requiredIds = [].concat(_toConsumableArray(requiredIds), _toConsumableArray(requiredParents));
       }
     });
     setRequiredParentsIds(_lodash.default.uniq(requiredIds));
     setCurrentSelectedIds(_lodash.default.uniq(newSelectedIds));
-    setSelectedIdsUpdatedOnMount(prevState => prevState || true);
+    setSelectedIdsUpdatedOnMount(function (prevState) {
+      return prevState || true;
+    });
   };
-  (0, _react.useEffect)(() => {
-    const isSameSelectedIds = _lodash.default.isEqual(propSelectedIds.sort(), selectedIds.sort());
+  (0, _react.useEffect)(function () {
+    var isSameSelectedIds = _lodash.default.isEqual(propSelectedIds.sort(), selectedIds.sort());
     if (enableDynamicData && props.data !== data) {
       setData(props.data);
     } else if (!isSameSelectedIds) {
@@ -281,26 +346,26 @@ const TreeView = props => {
       setPropSelectedIds(selectedIds);
     }
   }, [selectedIds.length, props.data]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (allowCheckAllAncestry && !selectedIdsUpdatedOnMount) {
       handleNewSelectedIds(currentSelectedIds);
     }
   }, [currentSelectedIds]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (allowCheckAllAncestry) {
       handleNewSelectedIds(currentSelectedIds);
     }
   }, [propSelectedIds]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     buildTree(data, undefined, idsWithChildren);
   }, []);
-  const contextValues = _objectSpread(_objectSpread({}, props), {}, {
+  var contextValues = _objectSpread(_objectSpread({}, props), {}, {
     requiredIds: propsRequiredIds,
     selectedIds: currentSelectedIds,
-    isHandlingSelectedIds,
-    selectedIdsUpdatedOnMount,
-    requiredParentsIds,
-    alreadyOpenedIds,
+    isHandlingSelectedIds: isHandlingSelectedIds,
+    selectedIdsUpdatedOnMount: selectedIdsUpdatedOnMount,
+    requiredParentsIds: requiredParentsIds,
+    alreadyOpenedIds: alreadyOpenedIds,
     handlerUpdateSelectedIds: updateSelectedIds,
     handlerToggleCheckChildren: toggleCheckChildren
   });
@@ -313,4 +378,5 @@ const TreeView = props => {
     className: "treeviewcontainer ".concat(bordered && '-bordered')
   }, buildTree(data))));
 };
-var _default = exports.default = TreeView;
+var _default = TreeView;
+exports.default = _default;

package/lib/treeview_old/Header.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var Header = function Header(props) {
+  var title = props.title,
+    customClass = props.customClass;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "treeviewheader ".concat(customClass)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "title"
+  }, title));
+};
+Header.defaultProps = {
+  title: '',
+  customClass: ''
+};
+Header.propTypes = {
+  title: _propTypes.default.string,
+  customClass: _propTypes.default.string
+};
+var _default = Header;
+exports.default = _default;