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

package/lib/treetable/Row.js

@@ -0,0 +1,209 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _uuid = require("uuid");
+var _icons = _interopRequireDefault(require("../icons"));
+var _SpinnerLoading = _interopRequireDefault(require("../spinner/SpinnerLoading"));
+var _table = require("../table");
+var _toolbar = _interopRequireWildcard(require("../toolbar"));
+var _helpers = require("./helpers");
+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 _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); }
+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 TreeRow = props => {
+  const {
+    data,
+    dataColumns,
+    rootPropName,
+    stylesForRow,
+    parentPropName,
+    styleForLeftToolbar,
+    onClickFirstColumn,
+    onClickGetChildrens,
+    leftToolbarElements,
+    rightToolbarElements,
+    styleForRightToolbar,
+    toolbarElementsValidations
+  } = (0, _react.useContext)(_helpers.TreeTableContext);
+  const {
+    rowId,
+    dataRow,
+    rowLevel
+  } = props;
+  const [open, setOpen] = (0, _react.useState)(false);
+  const [childrens, setChildrens] = (0, _react.useState)();
+  const [isLoadingChildrens, setIsLoadingChildrens] = (0, _react.useState)(false);
+  const [showToolbarElements, setShowToolbarElements] = (0, _react.useState)(false);
+  const [firstRenderingOfChildrens, setFirstRenderingOfChildrens] = (0, _react.useState)(false);
+  const searchChildrensAndInsertState = () => {
+    const dataChildrens = (0, _helpers.searchChildrensPerRow)(data, parentPropName, rowId, rowLevel);
+    setChildrens(dataChildrens);
+    setIsLoadingChildrens(false);
+  };
+  const handlerShowChildrens = async () => {
+    if (!firstRenderingOfChildrens && !open && onClickGetChildrens) {
+      setOpen(true);
+      setIsLoadingChildrens(true);
+      await onClickGetChildrens(rowId).then(() => {}).catch(() => {}).finally(() => {
+        searchChildrensAndInsertState();
+      });
+      setFirstRenderingOfChildrens(true);
+    } else {
+      setOpen(prevState => !prevState);
+    }
+  };
+  const validateRowElement = validationKey => {
+    const validations = toolbarElementsValidations && toolbarElementsValidations[validationKey];
+    const options = {
+      disabled: {
+        disabled: true
+      },
+      unvisible: {
+        visible: false
+      }
+    };
+    let elementBehavior = {};
+    if (validations) {
+      validations.forEach(validation => {
+        const {
+          validator,
+          onDenied
+        } = validation;
+        if (_lodash.default.isEmpty(elementBehavior) && validator && validator(dataRow) && onDenied) {
+          elementBehavior = options[onDenied] || options.unvisible;
+        }
+      });
+    }
+    return elementBehavior;
+  };
+  const buildToolbarElements = elements => {
+    let newElementsWithNewProps = [];
+    if (elements) {
+      newElementsWithNewProps = _react.default.Children.map(elements, element => {
+        if ( /*#__PURE__*/_react.default.isValidElement(element) && element.props) {
+          const _element$props = element.props,
+            {
+              validationKey,
+              onNodeElementClick
+            } = _element$props,
+            restProps = _objectWithoutProperties(_element$props, _excluded);
+          let elementBehavior;
+          let newProps = {};
+          if (toolbarElementsValidations && validationKey) {
+            elementBehavior = validateRowElement(validationKey);
+          }
+          if (onNodeElementClick) {
+            newProps = _objectSpread(_objectSpread({}, newProps), {}, {
+              onClick: e => {
+                onNodeElementClick(dataRow);
+                if (e.stopPropagation) e.stopPropagation();
+              }
+            });
+          }
+          return /*#__PURE__*/(0, _react.createElement)(element.type, _objectSpread(_objectSpread(_objectSpread({}, restProps), newProps), elementBehavior));
+        }
+        return element;
+      });
+    }
+    return newElementsWithNewProps;
+  };
+  (0, _react.useEffect)(() => {
+    searchChildrensAndInsertState();
+  }, [data]);
+  (0, _react.useEffect)(() => {
+    setIsLoadingChildrens(false);
+  }, [childrens]);
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_table.TRow, _extends({}, props, {
+    dataId: rowId,
+    customClass: "tree-row-element",
+    onMouseEnter: () => leftToolbarElements ? setShowToolbarElements(true) : null,
+    onMouseLeave: () => setShowToolbarElements(false)
+  }), /*#__PURE__*/_react.default.createElement(_table.Td, {
+    ignoreTableColClick: true,
+    key: "td-".concat(dataColumns[0].name, "-").concat((0, _uuid.v1)()),
+    style: dataColumns[0].style
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "column-container"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "column-more-childrens ".concat(rowLevel && 'line-path-decoration'),
+    style: {
+      marginLeft: "".concat(rowLevel, "rem")
+    }
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    tabIndex: -1,
+    className: "open-close-children",
+    onClick: () => handlerShowChildrens()
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    name: open ? 'down' : 'arrow_right',
+    size: 10
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    tabIndex: 0,
+    role: "button",
+    onKeyPress: undefined,
+    className: "value-button",
+    onClick: () => onClickFirstColumn ? onClickFirstColumn(rowId) : {}
+  }, dataRow[dataColumns[0].name])), /*#__PURE__*/_react.default.createElement("span", {
+    className: "container-toolbar-buttons"
+  }, /*#__PURE__*/_react.default.createElement(_toolbar.default, {
+    size: "small",
+    customClass: "row-toolbar"
+  }, /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, {
+    key: "left-toolbar-".concat((0, _uuid.v1)()),
+    style: _objectSpread({
+      float: 'left',
+      height: 'fit-content'
+    }, styleForLeftToolbar)
+  }, showToolbarElements && leftToolbarElements && buildToolbarElements(leftToolbarElements)), /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, {
+    key: "right-toolbar-".concat((0, _uuid.v1)()),
+    style: _objectSpread({
+      float: 'right',
+      height: 'fit-content',
+      gap: '4px'
+    }, styleForRightToolbar)
+  }, rightToolbarElements && buildToolbarElements(rightToolbarElements)))))), dataColumns.slice(1).map(column => /*#__PURE__*/_react.default.createElement(_table.Td, {
+    key: "key-".concat(column.name, "-").concat((0, _uuid.v1)()),
+    style: _objectSpread({}, column.style),
+    ignoreTableColClick: true
+  }, dataRow[column.name]))), open && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, childrens && childrens.length === 0 && isLoadingChildrens ? /*#__PURE__*/_react.default.createElement(_table.TRow, {
+    key: "tr-loading-childrens"
+  }, /*#__PURE__*/_react.default.createElement("td", {
+    colSpan: dataColumns.length,
+    className: "td-loading-childrens"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "td-loading-childrens-container"
+  }, /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
+    size: "48px",
+    key: "loading-childrens"
+  })))) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, childrens && childrens.map(item => /*#__PURE__*/_react.default.createElement(TreeRow, {
+    dataRow: item,
+    rowLevel: item.rowLevel ? item.rowLevel + 1 : 1,
+    key: item[rootPropName],
+    rowId: "".concat(item[rootPropName]),
+    style: stylesForRow
+  })), childrens && childrens.length !== 0 && isLoadingChildrens && /*#__PURE__*/_react.default.createElement(_table.TRow, {
+    key: "tr-loading-childrens"
+  }, /*#__PURE__*/_react.default.createElement("td", {
+    colSpan: dataColumns.length,
+    className: "td-loading-childrens"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "td-loading-childrens-container"
+  }, /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
+    size: "48px",
+    key: "loading-childrens"
+  })))))));
+};
+var _default = exports.default = TreeRow;

package/lib/treetable/helpers.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { a as ITreeTableProps } from '../types.d-73cece43.js';
+import '../table/types.js';
+
+declare const TreeTableContext: React.Context<ITreeTableProps>;
+declare const searchRootElements: (data: {
+    [key: string]: any;
+}[], parentPropName: string, rowLevel?: number) => ({
+    [key: string]: any;
+} & {
+    rowLevel: number;
+})[];
+declare const searchChildrensPerRow: (data: {
+    [key: string]: any;
+}[], parentPropName: string, rowId?: string | number, rowLevel?: number) => {
+    [key: string]: any;
+}[];
+
+export { TreeTableContext, searchChildrensPerRow, searchRootElements };

package/lib/treetable/helpers.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.searchRootElements = exports.searchChildrensPerRow = exports.TreeTableContext = void 0;
+var _react = require("react");
+const TreeTableContext = exports.TreeTableContext = /*#__PURE__*/(0, _react.createContext)({});
+const searchRootElements = function (data, parentPropName) {
+  let rowLevel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  let dataFiltered;
+  if (data) {
+    dataFiltered = data.filter(item => !item[parentPropName]);
+    return dataFiltered.map(item => Object.assign(item, {}, {
+      rowLevel
+    }));
+  }
+  return data;
+};
+exports.searchRootElements = searchRootElements;
+const searchChildrensPerRow = function (data, parentPropName, rowId) {
+  let rowLevel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  let dataFiltered;
+  if (data && rowId) {
+    dataFiltered = data.filter(item => item[parentPropName] === Number(rowId));
+    return dataFiltered.map(item => Object.assign(item, {}, {
+      rowLevel
+    }));
+  }
+  return data;
+};
+exports.searchChildrensPerRow = searchChildrensPerRow;

package/lib/treetable/index.d.ts

@@ -0,0 +1,8 @@
+import { a as ITreeTableProps } from '../types.d-73cece43.js';
+export { b as IRowElementsValidations, R as RowItem } from '../types.d-73cece43.js';
+import 'react';
+import '../table/types.js';
+
+declare const TreeTable: (props: ITreeTableProps) => JSX.Element;
+
+export { TreeTable as default };

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 ".concat(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 !== null && applyBehavior !== void 0 ? 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-".concat(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 ".concat(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: "".concat(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 };