linear-react-components-ui 1.0.3-beta.3 → 1.0.4

package/lib/treeview/index.js

@@ -1,7 +1,6 @@
 "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
 });
@@ -18,117 +17,86 @@ Object.defineProperty(exports, "TreeViewHeader", {
   }
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _lodash = _interopRequireDefault(require("lodash"));
-
 var _Node = _interopRequireDefault(require("./Node"));
-
 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(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 _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 _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;
-
+    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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    alreadyOpenedIds = _useState14[0],
+    setAlreadyOpenedIds = _useState14[1];
   var _useState15 = (0, _react.useState)({}),
-      _useState16 = _slicedToArray(_useState15, 1),
-      idsWithChildren = _useState16[0];
-
+    _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);
@@ -136,7 +104,6 @@ var TreeView = function TreeView(props) {
         return returnChildrenIds(childId, returnRequiredIds, nodeChildrenIds, requiredIds);
       });
     } else nodeChildrenIds.push(nodeId);
-
     return returnRequiredIds ? {
       nodeChildrenIds: nodeChildrenIds,
       requiredIds: requiredIds
@@ -144,7 +111,6 @@ var TreeView = function TreeView(props) {
       nodeChildrenIds: nodeChildrenIds
     };
   };
-
   var returnParentId = function returnParentId(nodeId) {
     var parentId = Object.keys(idsWithChildren).find(function (id) {
       return idsWithChildren[id].find(function (childId) {
@@ -153,47 +119,37 @@ var TreeView = function TreeView(props) {
     });
     return Number(parentId);
   };
-
   var returnAllAncestryIds = function returnAllAncestryIds(nodeId) {
     var ancestryIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     var parentId = returnParentId(nodeId);
-
     if (parentId) {
       var currentAncestryIds = [].concat(_toConsumableArray(ancestryIds), [Number(parentId)]);
       return returnAllAncestryIds(Number(parentId), currentAncestryIds);
     }
-
     return ancestryIds;
   };
-
   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) {
       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);
         });
       }
-
       var requiredIds = isPreviousParentSelected || selectedSiblingsIds.length > 0 ? _toConsumableArray(requiredAncestryIds) : [].concat(_toConsumableArray(requiredAncestryIds), [parentId]);
-
       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) {
@@ -205,7 +161,6 @@ var TreeView = function TreeView(props) {
     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;
@@ -218,11 +173,9 @@ var TreeView = function TreeView(props) {
     });
     var newSelectedIds = [].concat(_toConsumableArray(currentSelectedIds), _toConsumableArray(codigos), _toConsumableArray(notSelectedAncestryIds));
     var newRequiredParentsIds = [].concat(_toConsumableArray(requiredParentsIds), _toConsumableArray(notRequiredAncestryIds));
-
     if (updateState) {
       setRequiredParentsIds(newRequiredParentsIds);
     }
-
     return !returnRequiredParentsIds ? {
       updatedIdsWithAncestryIds: newSelectedIds
     } : {
@@ -230,25 +183,21 @@ var TreeView = function TreeView(props) {
       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;
-
+        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);
     });
@@ -257,7 +206,6 @@ var TreeView = function TreeView(props) {
     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;
@@ -268,7 +216,6 @@ var TreeView = function TreeView(props) {
     setIsHandlingSelectedIds(false);
     return newSelectedIds;
   };
-
   var uncheckRequiredChildren = function uncheckRequiredChildren(nodeId, codigos, requiredParents) {
     var childrenIds = returnChildrenIds(nodeId).nodeChildrenIds;
     var remainRequiredIds = requiredParents.filter(function (id) {
@@ -277,45 +224,36 @@ var TreeView = function TreeView(props) {
     setRequiredParentsIds(_toConsumableArray(remainRequiredIds));
     updateAncestryAndSelectedIds(nodeId, codigos, remainRequiredIds);
   };
-
   var handleOnNodeOpen = function handleOnNodeOpen(node) {
     var id = node.id;
     var newAlreadyOpenedIds = alreadyOpenedIds;
-
     if (!alreadyOpenedIds.includes(id) && onNodeOpen) {
       newAlreadyOpenedIds = [].concat(_toConsumableArray(newAlreadyOpenedIds), [id]);
       onNodeOpen(node);
     }
-
     setAlreadyOpenedIds(newAlreadyOpenedIds);
   };
-
   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) {
         var _checkAllAncestry = checkAllAncestry(nodeId, codigos, true),
-            updatedIdsWithAncestryIds = _checkAllAncestry.updatedIdsWithAncestryIds,
-            requiredParents = _checkAllAncestry.requiredParentsIds;
-
+          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;
   };
-
   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) {
         var updatedSelectedIds = updateAncestryAndSelectedIds(nodeId, codigos, requiredParentsIds);
@@ -325,47 +263,37 @@ var TreeView = function TreeView(props) {
     } 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);
     }
-
     setCurrentSelectedIds(newSelectedIds);
     if (onSelectedIdsChange) onSelectedIdsChange(newSelectedIds);
   };
-
   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);
   };
-
   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);
       }
     }
-
     return /*#__PURE__*/_react.default.createElement(_Node.default, {
       key: "node-".concat(node.id),
       node: node,
@@ -386,17 +314,14 @@ var TreeView = function TreeView(props) {
       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;
-
+        requiredParents = _checkAllAncestry2.requiredParentsIds,
+        updatedIdsWithAncestryIds = _checkAllAncestry2.updatedIdsWithAncestryIds;
       newSelectedIds = [].concat(_toConsumableArray(newSelectedIds), _toConsumableArray(updatedIdsWithAncestryIds));
-
       if (requiredParents) {
         requiredIds = [].concat(_toConsumableArray(requiredIds), _toConsumableArray(requiredParents));
       }
@@ -407,10 +332,8 @@ var TreeView = function TreeView(props) {
       return prevState || true;
     });
   };
-
   (0, _react.useEffect)(function () {
     var isSameSelectedIds = _lodash.default.isEqual(propSelectedIds.sort(), selectedIds.sort());
-
     if (enableDynamicData && props.data !== data) {
       setData(props.data);
     } else if (!isSameSelectedIds) {
@@ -431,7 +354,6 @@ var TreeView = function TreeView(props) {
   (0, _react.useEffect)(function () {
     buildTree(data, undefined, idsWithChildren);
   }, []);
-
   var contextValues = _extends({}, props, {
     requiredIds: propsRequiredIds,
     selectedIds: currentSelectedIds,
@@ -442,7 +364,6 @@ var TreeView = function TreeView(props) {
     handlerUpdateSelectedIds: updateSelectedIds,
     handlerToggleCheckChildren: toggleCheckChildren
   });
-
   return /*#__PURE__*/_react.default.createElement(_constants.TreeviewContext.Provider, {
     value: contextValues
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -452,6 +373,5 @@ var TreeView = function TreeView(props) {
     className: "treeviewcontainer ".concat(bordered && '-bordered')
   }, buildTree(data))));
 };
-
 var _default = TreeView;
 exports.default = _default;

package/lib/treeview/treeview.spec.js

@@ -10,7 +10,7 @@ require("babel-polyfill");
 
 var _ = _interopRequireDefault(require("."));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
@@ -67,7 +67,7 @@ var dataMock = {
 };
 
 var treeviewRenderMock = function treeviewRenderMock(props) {
-  return /*#__PURE__*/_react2.default.createElement(_.default, _extends({
+  return /*#__PURE__*/_react2["default"].createElement(_["default"], _extends({
     data: dataMock,
     valuePropName: "id",
     labelPropName: "titulo",
@@ -96,15 +96,15 @@ describe('Treeview', function () {
       expect(queryByText(dataMock.itens[0].titulo)).not.toBeTruthy();
     });
     it('should open on click', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var _render4, container, queryByText;
+      var _render4, queryByText, getByRole;
 
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              _render4 = (0, _react.render)(treeviewRenderMock()), container = _render4.container, queryByText = _render4.queryByText;
+              _render4 = (0, _react.render)(treeviewRenderMock()), queryByText = _render4.queryByText, getByRole = _render4.getByRole;
 
-              _react.fireEvent.click(container.querySelector('.treeviewitem .opencloseicon'));
+              _react.fireEvent.click(getByRole('button'));
 
               _context.next = 4;
               return (0, _react.waitFor)(function () {
@@ -123,15 +123,15 @@ describe('Treeview', function () {
       }, _callee);
     })));
     it('should open all layers', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-      var _render5, container, queryByText;
+      var _render5, queryByText, getByRole, queryAllByRole;
 
       return regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
-              _render5 = (0, _react.render)(treeviewRenderMock()), container = _render5.container, queryByText = _render5.queryByText;
+              _render5 = (0, _react.render)(treeviewRenderMock()), queryByText = _render5.queryByText, getByRole = _render5.getByRole, queryAllByRole = _render5.queryAllByRole;
 
-              _react.fireEvent.click(container.querySelector('.treeviewitem .opencloseicon'));
+              _react.fireEvent.click(getByRole('button'));
 
               _context2.next = 4;
               return (0, _react.waitFor)(function () {
@@ -139,7 +139,7 @@ describe('Treeview', function () {
               });
 
             case 4:
-              _react.fireEvent.click(container.querySelectorAll('.treeviewitem .opencloseicon')[1]);
+              _react.fireEvent.click(queryAllByRole('button')[1]);
 
               _context2.next = 7;
               return (0, _react.waitFor)(function () {
@@ -147,7 +147,7 @@ describe('Treeview', function () {
               });
 
             case 7:
-              _react.fireEvent.click(container.querySelectorAll('.treeviewitem .opencloseicon')[2]);
+              _react.fireEvent.click(queryAllByRole('button')[2]);
 
               _context2.next = 10;
               return (0, _react.waitFor)(function () {
@@ -155,7 +155,7 @@ describe('Treeview', function () {
               });
 
             case 10:
-              _react.fireEvent.click(container.querySelectorAll('.treeviewitem .opencloseicon')[3]);
+              _react.fireEvent.click(queryAllByRole('button')[3]);
 
               _context2.next = 13;
               return (0, _react.waitFor)(function () {
@@ -163,7 +163,7 @@ describe('Treeview', function () {
               });
 
             case 13:
-              _react.fireEvent.click(container.querySelectorAll('.treeviewitem .opencloseicon')[4]);
+              _react.fireEvent.click(queryAllByRole('button')[4]);
 
               _context2.next = 16;
               return (0, _react.waitFor)(function () {
@@ -216,7 +216,7 @@ describe('Treeview', function () {
       })),
           container = _render8.container;
 
-      expect(container.querySelector('.checkbox-component input[type=checkbox]')).toBeChecked();
+      expect(container.querySelector('input.checkbox-component')).toBeChecked();
     });
     it('should start checkbox unchecked', function () {
       var _render9 = (0, _react.render)(treeviewRenderMock({
@@ -224,7 +224,7 @@ describe('Treeview', function () {
       })),
           container = _render9.container;
 
-      expect(container.querySelector('.checkbox-component input[type=checkbox]')).not.toBeChecked();
+      expect(container.querySelector('input.checkbox-component')).not.toBeChecked();
     });
     it('should start nodes open', function () {
       var _render10 = (0, _react.render)(treeviewRenderMock({

package/lib/treeview/types.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, CSSProperties, ReactElement } from 'react';
 import { Size } from '../@types/Size.js';
 
-declare type NodeItem<T = void> = T & {
+type NodeItem<T = void> = T & {
     id: number;
     itens?: NodeItem<T>[];
     statusEnum?: {
@@ -82,7 +82,7 @@ interface ITreeViewContext extends ITreeviewProps {
     handlerToggleCheckChildren: (nodeId: number, check: boolean, required?: boolean) => void;
     disabled?: boolean;
 }
-declare type ItensMock = {
+type ItensMock = {
     id?: number;
     titulo: string;
     codigo: string;

package/lib/treeview_old/Header.js

@@ -4,23 +4,18 @@ 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;
+    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: ''