linear-react-components-ui 1.1.20-beta.33 → 1.1.20-beta.34

package/lib/treetable/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("../assets/styles/treetable.scss");
+var _table = _interopRequireDefault(require("../table"));
+var _Body = _interopRequireDefault(require("./Body"));
+var _Header = _interopRequireDefault(require("./Header"));
+var _helpers = require("./helpers");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 TreeTable = props => {
+  const contextValues = _objectSpread({}, props);
+  return /*#__PURE__*/_react.default.createElement(_helpers.TreeTableContext.Provider, {
+    value: contextValues
+  }, /*#__PURE__*/_react.default.createElement(_table.default, _extends({}, props, {
+    onColClick: () => {}
+  }), /*#__PURE__*/_react.default.createElement(_Header.default, null), /*#__PURE__*/_react.default.createElement(_Body.default, null)));
+};
+var _default = exports.default = TreeTable;

package/lib/treetable/types.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/treeview/Header.d.ts

@@ -0,0 +1,7 @@
+import { ITreeHeaderProps } from './types.js';
+import 'react';
+import '../@types/Size.js';
+
+declare const Header: (props: ITreeHeaderProps) => JSX.Element;
+
+export { Header as default };

package/lib/treeview/Header.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Header = props => {
+  const {
+    title,
+    customClass,
+    children
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `treeviewheader ${customClass}`
+  }, title ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "title"
+  }, title) : children);
+};
+var _default = exports.default = Header;

package/lib/treeview/Node.d.ts

@@ -0,0 +1,7 @@
+import { ITreeNodeProps } from './types.js';
+import 'react';
+import '../@types/Size.js';
+
+declare const TreeNode: (props: ITreeNodeProps) => JSX.Element;
+
+export { TreeNode as default };

package/lib/treeview/Node.js

@@ -0,0 +1,245 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var uuid = _interopRequireWildcard(require("uuid"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _checkbox = _interopRequireDefault(require("../checkbox"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _constants = require("./constants");
+var _buttons = _interopRequireDefault(require("../buttons"));
+var _list = _interopRequireWildcard(require("../list"));
+var _toolbar = _interopRequireWildcard(require("../toolbar"));
+var _SpinnerLoading = _interopRequireDefault(require("../spinner/SpinnerLoading"));
+const _excluded = ["validationKey", "onNodeElementClick"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const nodeHasItens = node => !!(node.itens && node.itens.length > 0);
+const TreeNode = props => {
+  const {
+    startNodesOpened,
+    isParent = false,
+    nodeToolbarElements,
+    nodeRightElements,
+    idsInLoading = [],
+    handlerOnNodeOpen,
+    nodeElementsValidations,
+    onNodeClick,
+    children,
+    nodeMenuButtonSize = 'small',
+    selectedNodeId,
+    alwaysShowArrow = false,
+    customClass = '',
+    customStyle
+  } = props;
+  const [node, setNode] = (0, _react.useState)(props.node);
+  const [isVisible, setIsVisible] = (0, _react.useState)(startNodesOpened && nodeHasItens(node));
+  const [wasOpened, setWasOpened] = (0, _react.useState)(startNodesOpened && nodeHasItens(node));
+  const [showNodeElements, setShowNodeElements] = (0, _react.useState)(false);
+  const [keepMenuOpened, setKeepMenuOpened] = (0, _react.useState)(false);
+  const labelRef = (0, _react.useRef)(null);
+  const {
+    valuePropName,
+    labelPropName,
+    selectedIds,
+    handlerUpdateSelectedIds,
+    showCheckBox,
+    requiredIds,
+    disabled,
+    handlerToggleCheckChildren,
+    allowCheckAllChildren,
+    requiredParentsIds,
+    defaultDisabledTooltip
+  } = (0, _react.useContext)(_constants.TreeviewContext);
+  const requiredNodes = [...requiredIds, ...requiredParentsIds];
+  const required = requiredNodes.includes(node[valuePropName]);
+  const checked = selectedIds && selectedIds.includes(node[valuePropName]) || required;
+  if (node !== props.node) {
+    setNode(props.node);
+  }
+  const openCloseTree = currentNode => {
+    if (!wasOpened && handlerOnNodeOpen) {
+      setWasOpened(true);
+      handlerOnNodeOpen(currentNode);
+    }
+    setIsVisible(prevState => !prevState);
+  };
+  const getSpan = () => {
+    const isLoading = idsInLoading.includes(node.id);
+    let span = /*#__PURE__*/_react.default.createElement("noscript", null);
+    if (node.itens && node.itens.length > 0 || alwaysShowArrow) {
+      span = /*#__PURE__*/_react.default.createElement("span", {
+        tabIndex: 0,
+        role: "button",
+        className: isLoading ? 'loading' : 'opencloseicon',
+        onClick: () => openCloseTree(node)
+      }, isLoading ? /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
+        size: "35px"
+      }) : /*#__PURE__*/_react.default.createElement(_icons.default, {
+        name: isVisible ? 'down' : 'arrow_right',
+        size: 10
+      }));
+    }
+    return span;
+  };
+  const handleShowNodeElements = function () {
+    let enter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    if (!showNodeElements) {
+      setShowNodeElements(true);
+    } else if (showNodeElements && !keepMenuOpened && !enter) {
+      setShowNodeElements(false);
+    }
+  };
+  const validateNodeElement = validationKey => {
+    const validations = nodeElementsValidations && nodeElementsValidations[validationKey];
+    const options = {
+      disabled: {
+        disabled: true
+      },
+      unvisible: {
+        visible: false
+      }
+    };
+    let elementBehavior = {};
+    if (validations) {
+      validations.forEach(validation => {
+        const {
+          validator,
+          applyBehavior
+        } = validation;
+        if (_lodash.default.isEmpty(elementBehavior) && validator && validator(node)) {
+          elementBehavior = options[applyBehavior ?? 'unvisible'];
+        }
+      });
+    }
+    return elementBehavior;
+  };
+  const updateElements = elements => {
+    let updatedElements = [];
+    if (elements) {
+      updatedElements = _react.default.Children.map(elements, element => {
+        if (/*#__PURE__*/_react.default.isValidElement(element) && element.props) {
+          const _element$props = element.props,
+            {
+              validationKey,
+              onNodeElementClick
+            } = _element$props,
+            rest = _objectWithoutProperties(_element$props, _excluded);
+          let elementBehavior;
+          let newProps = {};
+          if (nodeElementsValidations && validationKey) {
+            elementBehavior = validateNodeElement(validationKey);
+          }
+          if (onNodeElementClick) {
+            newProps = _objectSpread(_objectSpread({}, newProps), {}, {
+              onClick: e => {
+                onNodeElementClick(node);
+                if (e.stopPropagation) e.stopPropagation();
+              }
+            });
+          }
+          const newElement = /*#__PURE__*/_react.default.createElement(element.type, _objectSpread(_objectSpread(_objectSpread({}, rest), newProps), elementBehavior));
+          return newElement;
+        }
+        return element;
+      });
+    }
+    return updatedElements;
+  };
+  const returnNodeRightElements = () => {
+    const updatedNodeRightElements = updateElements(nodeRightElements).map(element => {
+      const unvisible = element.props && 'visible' in element.props && !element.props.visible;
+      const style = unvisible ? {
+        display: 'none'
+      } : {};
+      return /*#__PURE__*/_react.default.createElement("div", {
+        style: style,
+        key: `element-${uuid.v1()}`,
+        className: "element"
+      }, element);
+    });
+    return updatedNodeRightElements.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "node-rightelements"
+    }, updatedNodeRightElements) : null;
+  };
+  const returnNodeToolbarElements = () => {
+    const updatedNodeRightElements = updateElements(nodeToolbarElements);
+    return updatedNodeRightElements.length > 0 ? /*#__PURE__*/_react.default.createElement(_toolbar.default, {
+      customClass: "node-toolbarelements"
+    }, /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, null, updatedNodeRightElements)) : null;
+  };
+  (0, _react.useEffect)(() => {
+    setIsVisible(startNodesOpened && nodeHasItens(node));
+    setWasOpened(startNodesOpened && nodeHasItens(node));
+  }, [node]);
+  return /*#__PURE__*/_react.default.createElement("li", {
+    style: customStyle,
+    className: `treeviewitem ${customClass}`
+  }, getSpan(), /*#__PURE__*/_react.default.createElement("div", {
+    className: "label",
+    style: {
+      textDecoration: !onNodeClick ? 'none' : undefined,
+      backgroundColor: selectedNodeId === node.id ? 'rgb(209, 209, 209)' : undefined
+    },
+    ref: labelRef,
+    role: "button",
+    onKeyPress: () => {},
+    onMouseEnter: () => handleShowNodeElements(),
+    onMouseLeave: () => handleShowNodeElements(false),
+    tabIndex: -1,
+    onClick: onNodeClick ? () => onNodeClick(node) : undefined
+  }, showCheckBox ? /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+    checked: checked,
+    disabled: required || disabled,
+    value: `${node[valuePropName]}`,
+    label: node[labelPropName],
+    tooltip: required ? defaultDisabledTooltip : '',
+    onChange: disabled || required ? undefined : e => {
+      handlerUpdateSelectedIds(node.id, e.target.checked, !!isParent);
+    }
+  }) : node[labelPropName], allowCheckAllChildren && showNodeElements && isParent ? /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    dropdown: true,
+    dropdownAlign: "left",
+    size: nodeMenuButtonSize,
+    showIconDropdown: false,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "menu",
+      style: {
+        margin: 0
+      }
+    }),
+    customClass: "node-menu",
+    boxShadow: false,
+    onClick: () => setKeepMenuOpened(prevState => !prevState)
+  }, /*#__PURE__*/_react.default.createElement(_list.default, {
+    condensed: true
+  }, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+    text: "Marcar todos",
+    onClick: () => {
+      handlerToggleCheckChildren(node.id, true);
+      setShowNodeElements(false);
+      setKeepMenuOpened(false);
+    }
+  }), /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+    text: "Desmarcar todos",
+    onClick: () => {
+      handlerToggleCheckChildren(node.id, false, required);
+      setShowNodeElements(false);
+      setKeepMenuOpened(false);
+    }
+  }))) : null, showNodeElements && returnNodeRightElements(), showNodeElements && returnNodeToolbarElements()), /*#__PURE__*/_react.default.createElement("ul", {
+    className: "nodelist"
+  }, isVisible && children));
+};
+var _default = exports.default = TreeNode;

package/lib/treeview/constants.d.ts

@@ -0,0 +1,7 @@
+import React__default from 'react';
+import { ITreeViewContext } from './types.js';
+import '../@types/Size.js';
+
+declare const TreeviewContext: React__default.Context<ITreeViewContext>;
+
+export { TreeviewContext };

package/lib/treeview/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeviewContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TreeviewContext = exports.TreeviewContext = /*#__PURE__*/_react.default.createContext({});

package/lib/treeview/index.d.ts

@@ -0,0 +1,9 @@
+export { default as TreeNode } from './Node.js';
+export { default as TreeViewHeader } from './Header.js';
+import { ITreeviewProps } from './types.js';
+import 'react';
+import '../@types/Size.js';
+
+declare const TreeView: (props: ITreeviewProps) => JSX.Element;
+
+export { TreeView as default };

package/lib/treeview/index.js

@@ -0,0 +1,320 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TreeNode", {
+  enumerable: true,
+  get: function () {
+    return _Node.default;
+  }
+});
+Object.defineProperty(exports, "TreeViewHeader", {
+  enumerable: true,
+  get: function () {
+    return _Header.default;
+  }
+});
+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(e) { return e && e.__esModule ? e : { default: e }; }
+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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 = [],
+    customClassForNodes = '',
+    customStyleForNodes
+  } = 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] : [];
+    if (idsWithChildren[nodeId] !== undefined) {
+      nodeChildrenIds.push(nodeId);
+      if (returnRequiredIds) requiredIds.push(nodeId);
+      idsWithChildren[nodeId].forEach(childId => returnChildrenIds(childId, returnRequiredIds, nodeChildrenIds, requiredIds));
+    } else nodeChildrenIds.push(nodeId);
+    return returnRequiredIds ? {
+      nodeChildrenIds,
+      requiredIds
+    } : {
+      nodeChildrenIds
+    };
+  };
+  const returnParentId = nodeId => {
+    const parentId = Object.keys(idsWithChildren).find(id => idsWithChildren[id].find(childId => childId === nodeId));
+    return Number(parentId);
+  };
+  const returnAllAncestryIds = function (nodeId) {
+    let ancestryIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    const parentId = returnParentId(nodeId);
+    if (parentId) {
+      const currentAncestryIds = [...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);
+    if (parentId) {
+      const nodeSiblingsIds = idsWithChildren && idsWithChildren[parentId].filter(childId => childId !== nodeId);
+      const isPreviousParentSelected = previousParentId && currentSelectedIds.includes(previousParentId);
+      if (nodeSiblingsIds && nodeSiblingsIds.length > 0) {
+        selectedSiblingsIds = currentSelectedIds.filter(id => nodeSiblingsIds.includes(id));
+      }
+      const requiredIds = isPreviousParentSelected || selectedSiblingsIds.length > 0 ? [...requiredAncestryIds] : [...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));
+    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];
+    if (updateState) {
+      setRequiredParentsIds(newRequiredParentsIds);
+    }
+    return !returnRequiredParentsIds ? {
+      updatedIdsWithAncestryIds: newSelectedIds
+    } : {
+      updatedIdsWithAncestryIds: newSelectedIds,
+      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;
+    if (returnRequiredIds) {
+      const {
+        nodeChildrenIds,
+        requiredIds
+      } = returnChildrenIds(nodeId, returnRequiredIds);
+      const newRequiredIds = requiredIds ? requiredIds.filter(id => !currentRequiredIds.includes(id)) : [];
+      newRequiredParentsIds = [...currentRequiredIds, ...newRequiredIds];
+      childrenIds = nodeChildrenIds;
+    } else childrenIds = returnChildrenIds(nodeId).nodeChildrenIds;
+    const notSelectedChildrenIds = childrenIds.filter(id => !currentSelectedIds.includes(id));
+    const newSelectedIds = [...currentSelectedIds, ...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));
+    setIsHandlingSelectedIds(false);
+    return newSelectedIds;
+  };
+  const uncheckRequiredChildren = (nodeId, codigos, requiredParents) => {
+    const childrenIds = returnChildrenIds(nodeId).nodeChildrenIds;
+    const remainRequiredIds = requiredParents.filter(id => !childrenIds.includes(id));
+    setRequiredParentsIds([...remainRequiredIds]);
+    updateAncestryAndSelectedIds(nodeId, codigos, remainRequiredIds);
+  };
+  const handleOnNodeOpen = node => {
+    const {
+      id
+    } = node;
+    let newAlreadyOpenedIds = alreadyOpenedIds;
+    if (!alreadyOpenedIds.includes(id) && onNodeOpen) {
+      newAlreadyOpenedIds = [...newAlreadyOpenedIds, id];
+      onNodeOpen(node);
+    }
+    setAlreadyOpenedIds(newAlreadyOpenedIds);
+  };
+  const handleCheck = (nodeId, handlingSelectedIds, isParent) => {
+    const codigos = _lodash.default.isArray(nodeId) ? nodeId : [nodeId];
+    let newSelectedIds = [...currentSelectedIds, ...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];
+      } 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));
+    if (isParent && (handlingSelectedIds || isHandlingSelectedIds) && allowCheckAllChildren) {
+      if (allowCheckAllAncestry) {
+        const 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;
+  };
+  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];
+    if (checked) {
+      newSelectedIds = handleCheck(nodeId, handlingSelectedIds, isParent);
+    } else {
+      newSelectedIds = handleUncheck(nodeId, handlingSelectedIds, isParent, required);
+    }
+    setCurrentSelectedIds(newSelectedIds);
+    if (onSelectedIdsChange) onSelectedIdsChange(newSelectedIds);
+  };
+  const toggleCheckChildren = function (nodeId, check) {
+    let 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 = [];
+    if (node.itens && node.itens.length > 0) {
+      childrenIds = node.itens.map(i => i.id);
+      if (ids) {
+        const idWithChildren = {};
+        idWithChildren[node.id] = childrenIds;
+        Object.assign(ids, idWithChildren);
+      }
+    }
+    return /*#__PURE__*/_react.default.createElement(_Node.default, {
+      key: `node-${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,
+      customClass: customClassForNodes,
+      customStyle: customStyleForNodes
+    }, childrenIds.length > 0 && node.itens && node.itens.map(nodeitem => 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];
+      if (requiredParents) {
+        requiredIds = [...requiredIds, ...requiredParents];
+      }
+    });
+    setRequiredParentsIds(_lodash.default.uniq(requiredIds));
+    setCurrentSelectedIds(_lodash.default.uniq(newSelectedIds));
+    setSelectedIdsUpdatedOnMount(prevState => prevState || true);
+  };
+  (0, _react.useEffect)(() => {
+    const isSameSelectedIds = _lodash.default.isEqual(propSelectedIds.sort(), selectedIds.sort());
+    if (enableDynamicData && props.data !== data) {
+      setData(props.data);
+    } else if (!isSameSelectedIds) {
+      setCurrentSelectedIds(selectedIds);
+      onSelectedIdsChange?.(selectedIds);
+      setPropSelectedIds(selectedIds);
+    }
+  }, [selectedIds.length, props.data]);
+  (0, _react.useEffect)(() => {
+    if (allowCheckAllAncestry && !selectedIdsUpdatedOnMount) {
+      handleNewSelectedIds(currentSelectedIds);
+    }
+  }, [currentSelectedIds]);
+  (0, _react.useEffect)(() => {
+    if (allowCheckAllAncestry) {
+      handleNewSelectedIds(currentSelectedIds);
+    }
+  }, [propSelectedIds]);
+  (0, _react.useEffect)(() => {
+    buildTree(data, undefined, idsWithChildren);
+  }, []);
+  const contextValues = _objectSpread(_objectSpread({}, props), {}, {
+    requiredIds: propsRequiredIds,
+    selectedIds: currentSelectedIds,
+    isHandlingSelectedIds,
+    selectedIdsUpdatedOnMount,
+    requiredParentsIds,
+    alreadyOpenedIds,
+    handlerUpdateSelectedIds: updateSelectedIds,
+    handlerToggleCheckChildren: toggleCheckChildren
+  });
+  return /*#__PURE__*/_react.default.createElement(_constants.TreeviewContext.Provider, {
+    value: contextValues
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `treeview-component ${customClass}`
+  }, children, /*#__PURE__*/_react.default.createElement("ul", {
+    style: styleForContainer,
+    className: `treeviewcontainer ${bordered && '-bordered'}`
+  }, buildTree(data))));
+};
+var _default = exports.default = TreeView;