linear-react-components-ui 1.1.27-rc.0 → 2.0.0-beta.0

package/lib/treeview/Header.js

@@ -1,21 +1,16 @@
-"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);
+import { jsx as e } from "react/jsx-runtime";
+//#region src/lib/treeview/Header.tsx
+var t = (t) => {
+	let { title: n, customClass: r, children: i } = t;
+	return /* @__PURE__ */ e("div", {
+		className: `treeviewheader ${r}`,
+		children: n ? /* @__PURE__ */ e("div", {
+			className: "title",
+			children: n
+		}) : i
+	});
 };
-var _default = exports.default = Header;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=Header.js.map

package/lib/treeview/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","names":[],"sources":["../../src/lib/treeview/Header.tsx"],"sourcesContent":["import { ITreeHeaderProps } from './types';\n\nconst Header = (props: ITreeHeaderProps) => {\n  const { title, customClass, children } = props;\n\n  return (\n    <div className={`treeviewheader ${customClass}`}>\n      {title\n        ? <div className=\"title\">{title}</div>\n        : children}\n    </div>\n  );\n};\n\nexport default Header;\n"],"mappings":";;AAEA,IAAM,KAAU,MAA4B;CAC1C,IAAM,EAAE,UAAO,gBAAa,gBAAa;AAEzC,QACE,kBAAC,OAAD;EAAK,WAAW,kBAAkB;YAC/B,IACG,kBAAC,OAAD;GAAK,WAAU;aAAS;GAAY,CAAA,GACpC;EACA,CAAA"}

package/lib/treeview/Node.d.ts

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

package/lib/treeview/Node.js

@@ -1,244 +1,151 @@
-"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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 n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(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));
+import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
+import t from "../node_modules/uuid/dist/v1.js";
+import n from "../icons/index.js";
+import { require_lodash as r } from "../node_modules/lodash/lodash.js";
+import i from "../spinner/SpinnerLoading.js";
+import a from "../buttons/index.js";
+import ee from "../toolbar/ToolBarGroup.js";
+import te from "../toolbar/index.js";
+import o from "../checkbox/index.js";
+import s from "../list/Item.js";
+import c from "../list/index.js";
+import { TreeviewContext as l } from "./constants.js";
+import { Children as u, createElement as d, isValidElement as f, useContext as p, useEffect as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/lib/treeview/Node.tsx
+var y = /* @__PURE__ */ e(r(), 1), b = (e) => !!(e.itens && e.itens.length > 0), x = (e) => {
+	let { startNodesOpened: r, isParent: x = !1, nodeToolbarElements: S, nodeRightElements: C, idsInLoading: w = [], handlerOnNodeOpen: T, nodeElementsValidations: E, onNodeClick: D, children: ne, nodeMenuButtonSize: re = "small", selectedNodeId: O, alwaysShowArrow: k = !1, customClass: A = "", customStyle: j } = e, [M, N] = g(e.node), [P, F] = g(r && b(M)), [I, L] = g(r && b(M)), [R, z] = g(!1), [B, V] = g(!1), H = h(null), { valuePropName: U, labelPropName: W, selectedIds: G, handlerUpdateSelectedIds: K, showCheckBox: q, requiredIds: J, disabled: Y, handlerToggleCheckChildren: X, allowCheckAllChildren: ie, requiredParentsIds: ae, defaultDisabledTooltip: oe } = p(l), Z = [...J, ...ae].includes(M[U]), se = G && G.includes(M[U]) || Z;
+	M !== e.node && N(e.node);
+	let ce = (e) => {
+		!I && T && (L(!0), T(e)), F((e) => !e);
+	}, le = () => {
+		let e = w.includes(M.id), t = /* @__PURE__ */ _("noscript", {});
+		return (M.itens && M.itens.length > 0 || k) && (t = /* @__PURE__ */ _("span", {
+			tabIndex: 0,
+			role: "button",
+			className: e ? "loading" : "opencloseicon",
+			onClick: () => ce(M),
+			children: e ? /* @__PURE__ */ _(i, { size: "35px" }) : /* @__PURE__ */ _(n, {
+				name: P ? "down" : "arrow_right",
+				size: 10
+			})
+		})), t;
+	}, Q = (e = !0) => {
+		R ? R && !B && !e && z(!1) : z(!0);
+	}, ue = (e) => {
+		let t = E && E[e], n = {
+			disabled: { disabled: !0 },
+			unvisible: { visible: !1 }
+		}, r = {};
+		return t && t.forEach((e) => {
+			let { validator: t, applyBehavior: i } = e;
+			y.default.isEmpty(r) && t && t(M) && (r = n[i ?? "unvisible"]);
+		}), r;
+	}, $ = (e) => {
+		let t = [];
+		return e && (t = u.map(e, (e) => {
+			if (f(e) && e.props) {
+				let { validationKey: t, onNodeElementClick: n, ...r } = e.props, i, a = {};
+				return E && t && (i = ue(t)), n && (a = {
+					...a,
+					onClick: (e) => {
+						n(M), e.stopPropagation && e.stopPropagation();
+					}
+				}), d(e.type, {
+					...r,
+					...a,
+					...i
+				});
+			}
+			return e;
+		})), t;
+	};
+	return m(() => {
+		F(r && b(M)), L(r && b(M));
+	}, [M]), /* @__PURE__ */ v("li", {
+		style: j,
+		className: `treeviewitem ${A}`,
+		children: [
+			le(),
+			/* @__PURE__ */ v("div", {
+				className: "label",
+				style: {
+					textDecoration: D ? void 0 : "none",
+					backgroundColor: O === M.id ? "rgb(209, 209, 209)" : void 0
+				},
+				ref: H,
+				role: "button",
+				onKeyPress: () => {},
+				onMouseEnter: () => Q(),
+				onMouseLeave: () => Q(!1),
+				tabIndex: -1,
+				onClick: D ? () => D(M) : void 0,
+				children: [
+					q ? /* @__PURE__ */ _(o, {
+						checked: se,
+						disabled: Z || Y,
+						value: `${M[U]}`,
+						label: M[W],
+						tooltip: Z ? oe : "",
+						onChange: Y || Z ? void 0 : (e) => {
+							K(M.id, e.target.checked, !!x);
+						}
+					}) : M[W],
+					ie && R && x ? /* @__PURE__ */ _(a, {
+						dropdown: !0,
+						dropdownAlign: "left",
+						size: re,
+						showIconDropdown: !1,
+						icon: /* @__PURE__ */ _(n, {
+							name: "menu",
+							style: { margin: 0 }
+						}),
+						customClass: "node-menu",
+						boxShadow: !1,
+						onClick: () => V((e) => !e),
+						children: /* @__PURE__ */ v(c, {
+							condensed: !0,
+							children: [/* @__PURE__ */ _(s, {
+								text: "Marcar todos",
+								onClick: () => {
+									X(M.id, !0), z(!1), V(!1);
+								}
+							}), /* @__PURE__ */ _(s, {
+								text: "Desmarcar todos",
+								onClick: () => {
+									X(M.id, !1, Z), z(!1), V(!1);
+								}
+							})]
+						})
+					}) : null,
+					R && (() => {
+						let e = $(C).map((e) => /* @__PURE__ */ _("div", {
+							style: e.props && "visible" in e.props && !e.props.visible ? { display: "none" } : {},
+							className: "element",
+							children: e
+						}, `element-${t()}`));
+						return e.length > 0 ? /* @__PURE__ */ _("div", {
+							className: "node-rightelements",
+							children: e
+						}) : null;
+					})(),
+					R && (() => {
+						let e = $(S);
+						return e.length > 0 ? /* @__PURE__ */ _(te, {
+							customClass: "node-toolbarelements",
+							children: /* @__PURE__ */ _(ee, { children: e })
+						}) : null;
+					})()
+				]
+			}),
+			/* @__PURE__ */ _("ul", {
+				className: "nodelist",
+				children: P && ne
+			})
+		]
+	});
 };
-var _default = exports.default = TreeNode;
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=Node.js.map

package/lib/treeview/Node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Node.js","names":[],"sources":["../../src/lib/treeview/Node.tsx"],"sourcesContent":["import { Children, createElement, isValidElement, MouseEvent, ReactElement, useContext, useEffect, useRef, useState } from 'react';\nimport * as uuid from 'uuid';\nimport _ from 'lodash';\nimport Checkbox from '../checkbox';\nimport Icon from '../icons';\nimport { TreeviewContext } from './constants';\nimport Button from '../buttons';\nimport List, { ListItem } from '../list';\nimport ToolBar, { ToolBarGroup } from '../toolbar';\nimport SpinnerLoading from '../spinner/SpinnerLoading';\nimport { NodeItem, INodeValidationProps, ITreeNodeProps, IValidator } from './types';\n\nconst nodeHasItens = (node: NodeItem): boolean => !!(node.itens && node.itens.length > 0);\nconst TreeNode = (props: ITreeNodeProps) => {\n  const {\n    startNodesOpened, isParent = false, nodeToolbarElements, nodeRightElements,\n    idsInLoading = [], handlerOnNodeOpen, nodeElementsValidations, onNodeClick, children,\n    nodeMenuButtonSize = 'small', selectedNodeId, alwaysShowArrow = false, customClass = '',\n    customStyle,\n  } = props;\n  const [node, setNode] = useState(props.node);\n  const [isVisible, setIsVisible] = useState(startNodesOpened && nodeHasItens(node));\n  const [wasOpened, setWasOpened] = useState(startNodesOpened && nodeHasItens(node));\n  const [showNodeElements, setShowNodeElements] = useState(false);\n  const [keepMenuOpened, setKeepMenuOpened] = useState(false);\n  const labelRef = useRef<HTMLDivElement>(null);\n  const {\n    valuePropName, labelPropName, selectedIds, handlerUpdateSelectedIds,\n    showCheckBox, requiredIds, disabled, handlerToggleCheckChildren,\n    allowCheckAllChildren, requiredParentsIds, defaultDisabledTooltip,\n  } = useContext(TreeviewContext);\n  const requiredNodes = [...requiredIds, ...requiredParentsIds];\n  const required = requiredNodes.includes(node[valuePropName]);\n  const checked = (selectedIds && selectedIds.includes(node[valuePropName])) || required;\n\n  if (node !== props.node) {\n    setNode(props.node);\n  }\n\n  const openCloseTree = (currentNode: NodeItem) => {\n    if (!wasOpened && handlerOnNodeOpen) {\n      setWasOpened(true);\n      handlerOnNodeOpen(currentNode);\n    }\n\n    setIsVisible(prevState => !prevState);\n  };\n\n  const getSpan = () => {\n    const isLoading = idsInLoading.includes(node.id);\n    let span = <noscript />;\n    if ((node.itens && node.itens.length > 0) || alwaysShowArrow) {\n      span = (\n        <span\n          tabIndex={0}\n          role=\"button\"\n          className={isLoading ? 'loading' : 'opencloseicon'}\n          onClick={() => openCloseTree(node)}>\n          {isLoading ?\n            <SpinnerLoading size=\"35px\" /> :\n            <Icon name={isVisible ? 'down' : 'arrow_right'} size={10} />}\n        </span>\n      );\n    }\n    return span;\n  };\n\n  const handleShowNodeElements = (enter = true) => {\n    if (!showNodeElements) {\n      setShowNodeElements(true);\n    } else if (showNodeElements && !keepMenuOpened && !enter) {\n      setShowNodeElements(false);\n    }\n  };\n\n  const validateNodeElement = (validationKey: string) => {\n    const validations = nodeElementsValidations && nodeElementsValidations[validationKey];\n    const options = {\n      disabled: { disabled: true },\n      unvisible: { visible: false },\n    };\n    let elementBehavior = {};\n\n    if (validations) {\n      validations.forEach((validation: IValidator) => {\n        const { validator, applyBehavior } = validation;\n\n        if (_.isEmpty(elementBehavior) && validator && validator(node)) {\n          elementBehavior = options[applyBehavior ?? 'unvisible'];\n        }\n      });\n    }\n\n    return elementBehavior;\n  };\n\n  const updateElements = (elements?: ReactElement<INodeValidationProps>[]) => {\n    let updatedElements: ReactElement<INodeValidationProps>[] = [];\n\n    if (elements) {\n      updatedElements = Children.map(elements, (element) => {\n        if (isValidElement(element) && element.props) {\n          const { validationKey, onNodeElementClick, ...rest } = element.props;\n          let elementBehavior;\n          let newProps = {};\n\n          if (nodeElementsValidations && validationKey) {\n            elementBehavior = validateNodeElement(validationKey);\n          }\n\n          if (onNodeElementClick) {\n            newProps = {\n              ...newProps,\n              onClick: (e: MouseEvent) => {\n                onNodeElementClick(node);\n                if (e.stopPropagation) e.stopPropagation();\n              },\n            };\n          }\n\n          const newElement = createElement(\n            element.type,\n            { ...rest, ...newProps, ...elementBehavior },\n          );\n          return newElement;\n        }\n        return element;\n      });\n    }\n\n    return updatedElements;\n  };\n\n  const returnNodeRightElements = () => {\n    const updatedNodeRightElements = updateElements(nodeRightElements).map((element) => {\n      const unvisible = element.props && ('visible' in element.props) && !element.props.visible;\n      const style = unvisible ? { display: 'none' } : {};\n\n      return <div style={style} key={`element-${uuid.v1()}`} className=\"element\">{element}</div>;\n    });\n\n    return updatedNodeRightElements.length > 0 ?\n      <div className=\"node-rightelements\">{updatedNodeRightElements}</div>\n      : null;\n  };\n\n  const returnNodeToolbarElements = () => {\n    const updatedNodeRightElements = updateElements(nodeToolbarElements);\n\n    return updatedNodeRightElements.length > 0\n      ? (\n        <ToolBar customClass=\"node-toolbarelements\">\n          <ToolBarGroup>{updatedNodeRightElements}</ToolBarGroup>\n        </ToolBar>\n        )\n      : null;\n  };\n\n  useEffect(() => {\n    setIsVisible(startNodesOpened && nodeHasItens(node));\n    setWasOpened(startNodesOpened && nodeHasItens(node));\n  }, [node]);\n\n  return (\n    <li\n      style={customStyle}\n      className={`treeviewitem ${customClass}`}>\n      {getSpan()}\n      <div\n        className=\"label\"\n        style={{\n          textDecoration: !onNodeClick ? 'none' : undefined,\n          backgroundColor: selectedNodeId === node.id ? 'rgb(209, 209, 209)' : undefined,\n        }}\n        ref={labelRef}\n        role=\"button\"\n        onKeyPress={() => {}}\n        onMouseEnter={() => handleShowNodeElements()}\n        onMouseLeave={() => handleShowNodeElements(false)}\n        tabIndex={-1}\n        onClick={onNodeClick ? () => onNodeClick(node) : undefined}>\n        {showCheckBox\n          ? (\n            <Checkbox\n              checked={checked}\n              disabled={required || disabled}\n              value={`${node[valuePropName]}`}\n              label={node[labelPropName]}\n              tooltip={required ? defaultDisabledTooltip : ''}\n              onChange={\n              disabled || required\n                ? undefined :\n                  (e) => {\n                    handlerUpdateSelectedIds(node.id, e.target.checked, !!isParent);\n                  }\n            } />\n            )\n          : (\n              node[labelPropName]\n            )}\n        {allowCheckAllChildren && showNodeElements && isParent ?\n          <Button\n            dropdown\n            dropdownAlign=\"left\"\n            size={nodeMenuButtonSize}\n            showIconDropdown={false}\n            icon={<Icon name=\"menu\" style={{ margin: 0 }} />}\n            customClass=\"node-menu\"\n            boxShadow={false}\n            onClick={() => setKeepMenuOpened(prevState => !prevState)}>\n            <List condensed>\n              <ListItem\n                text=\"Marcar todos\"\n                onClick={() => {\n                  handlerToggleCheckChildren(node.id, true);\n                  setShowNodeElements(false);\n                  setKeepMenuOpened(false);\n                }} />\n              <ListItem\n                text=\"Desmarcar todos\"\n                onClick={() => {\n                  handlerToggleCheckChildren(node.id, false, required);\n                  setShowNodeElements(false);\n                  setKeepMenuOpened(false);\n                }} />\n            </List>\n          </Button>\n          : null\n        }\n        {showNodeElements && returnNodeRightElements()}\n        {showNodeElements && returnNodeToolbarElements()}\n      </div>\n      <ul className=\"nodelist\">\n        {isVisible && children}\n      </ul>\n    </li>\n  );\n};\n\nexport default TreeNode;\n"],"mappings":"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"}

package/lib/treeview/constants.d.ts

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

package/lib/treeview/constants.js

@@ -1,9 +1,7 @@
-"use strict";
+import { createContext as e } from "react";
+//#region src/lib/treeview/constants.ts
+var t = e({});
+//#endregion
+export { t as TreeviewContext };
 
-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({});
+//# sourceMappingURL=constants.js.map

package/lib/treeview/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../src/lib/treeview/constants.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ITreeViewContext } from './types';\n\nexport const TreeviewContext = createContext<ITreeViewContext>({} as ITreeViewContext);\n"],"mappings":";;AAGA,IAAa,IAAkB,EAAgC,EAAE,CAAqB"}

package/lib/treeview/index.d.ts

@@ -1,9 +1,6 @@
-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 };
+import { default as TreeNode } from './Node';
+import { default as TreeViewHeader } from './Header';
+import { ITreeviewProps } from './types';
+declare const TreeView: (props: ITreeviewProps) => import("react/jsx-runtime").JSX.Element;
+export default TreeView;
+export { TreeNode, TreeViewHeader };