linear-react-components-ui 1.1.25-rc.2 → 1.1.26-beta-1

package/lib/treeview/Node.js

@@ -1,245 +1,183 @@
-"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 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 => {
+import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import C, { useState as a, useRef as re, useContext as de, useEffect as ae } from "react";
+import ce from "lodash";
+import { C as me, L as O } from "../chunks/tabs.Cvj2MJH6.js";
+import M from "../icons/index.js";
+import { TreeviewContext as ue } from "./constants.js";
+import pe from "../buttons/Button.js";
+import '../assets/button.css';/* empty css                        */
+import fe from "../list/index.js";
+import he from "../toolbar/index.js";
+import xe from "../spinner/SpinnerLoading.js";
+import { v as be } from "../chunks/v1.CDXKvGzE.js";
+import ve from "../toolbar/ToolBarGroup.js";
+const h = (i) => !!(i.itens && i.itens.length > 0), Oe = (i) => {
   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", {
+    startNodesOpened: c,
+    isParent: E = !1,
+    nodeToolbarElements: q,
+    nodeRightElements: z,
+    idsInLoading: D = [],
+    handlerOnNodeOpen: w,
+    nodeElementsValidations: x,
+    onNodeClick: b,
+    children: V,
+    nodeMenuButtonSize: _ = "small",
+    selectedNodeId: A,
+    alwaysShowArrow: K = !1,
+    customClass: $ = "",
+    customStyle: G
+  } = i, [e, H] = a(i.node), [j, k] = a(c && h(e)), [U, I] = a(c && h(e)), [r, m] = a(!1), [W, v] = a(!1), F = re(null), {
+    valuePropName: g,
+    labelPropName: y,
+    selectedIds: S,
+    handlerUpdateSelectedIds: J,
+    showCheckBox: Q,
+    requiredIds: X,
+    disabled: B,
+    handlerToggleCheckChildren: T,
+    allowCheckAllChildren: Y,
+    requiredParentsIds: Z,
+    defaultDisabledTooltip: ee
+  } = de(ue), d = [...X, ...Z].includes(e[g]), oe = S && S.includes(e[g]) || d;
+  e !== i.node && H(i.node);
+  const se = (o) => {
+    !U && w && (I(!0), w(o)), k((n) => !n);
+  }, ne = () => {
+    const o = D.includes(e.id);
+    let n = /* @__PURE__ */ s.jsx("noscript", {});
+    return (e.itens && e.itens.length > 0 || K) && (n = /* @__PURE__ */ s.jsx(
+      "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
+        className: o ? "loading" : "opencloseicon",
+        onClick: () => se(e),
+        children: o ? /* @__PURE__ */ s.jsx(xe, { size: "35px" }) : /* @__PURE__ */ s.jsx(M, { name: j ? "down" : "arrow_right", size: 10 })
       }
+    )), n;
+  }, P = (o = !0) => {
+    r ? r && !W && !o && m(!1) : m(!0);
+  }, te = (o) => {
+    const n = x && x[o], t = {
+      disabled: { disabled: !0 },
+      unvisible: { visible: !1 }
     };
-    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();
-              }
-            });
+    let l = {};
+    return n && n.forEach((u) => {
+      const { validator: p, applyBehavior: f } = u;
+      ce.isEmpty(l) && p && p(e) && (l = t[f ?? "unvisible"]);
+    }), l;
+  }, R = (o) => {
+    let n = [];
+    return o && (n = C.Children.map(o, (t) => {
+      if (C.isValidElement(t) && t.props) {
+        const { validationKey: l, onNodeElementClick: u, ...p } = t.props;
+        let f, N = {};
+        return x && l && (f = te(l)), u && (N = {
+          ...N,
+          onClick: (L) => {
+            u(e), L.stopPropagation && L.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);
+        }), C.createElement(
+          t.type,
+          { ...p, ...N, ...f }
+        );
+      }
+      return t;
+    })), n;
+  }, le = () => {
+    const o = R(z).map((n) => {
+      const l = n.props && "visible" in n.props && !n.props.visible ? { display: "none" } : {};
+      return /* @__PURE__ */ s.jsx("div", { style: l, className: "element", children: n }, `element-${be()}`);
     });
-    return updatedNodeRightElements.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "node-rightelements"
-    }, updatedNodeRightElements) : null;
+    return o.length > 0 ? /* @__PURE__ */ s.jsx("div", { className: "node-rightelements", children: o }) : null;
+  }, ie = () => {
+    const o = R(q);
+    return o.length > 0 ? /* @__PURE__ */ s.jsx(he, { customClass: "node-toolbarelements", children: /* @__PURE__ */ s.jsx(ve, { children: o }) }) : 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);
+  return ae(() => {
+    k(c && h(e)), I(c && h(e));
+  }, [e]), /* @__PURE__ */ s.jsxs(
+    "li",
+    {
+      style: G,
+      className: `treeviewitem ${$}`,
+      children: [
+        ne(),
+        /* @__PURE__ */ s.jsxs(
+          "div",
+          {
+            className: "label",
+            style: {
+              textDecoration: b ? void 0 : "none",
+              backgroundColor: A === e.id ? "rgb(209, 209, 209)" : void 0
+            },
+            ref: F,
+            role: "button",
+            onKeyPress: () => {
+            },
+            onMouseEnter: () => P(),
+            onMouseLeave: () => P(!1),
+            tabIndex: -1,
+            onClick: b ? () => b(e) : void 0,
+            children: [
+              Q ? /* @__PURE__ */ s.jsx(
+                me,
+                {
+                  checked: oe,
+                  disabled: d || B,
+                  value: `${e[g]}`,
+                  label: e[y],
+                  tooltip: d ? ee : "",
+                  onChange: B || d ? void 0 : (o) => {
+                    J(e.id, o.target.checked, !!E);
+                  }
+                }
+              ) : e[y],
+              Y && r && E ? /* @__PURE__ */ s.jsx(
+                pe,
+                {
+                  dropdown: !0,
+                  dropdownAlign: "left",
+                  size: _,
+                  showIconDropdown: !1,
+                  icon: /* @__PURE__ */ s.jsx(M, { name: "menu", style: { margin: 0 } }),
+                  customClass: "node-menu",
+                  boxShadow: !1,
+                  onClick: () => v((o) => !o),
+                  children: /* @__PURE__ */ s.jsxs(fe, { condensed: !0, children: [
+                    /* @__PURE__ */ s.jsx(
+                      O,
+                      {
+                        text: "Marcar todos",
+                        onClick: () => {
+                          T(e.id, !0), m(!1), v(!1);
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ s.jsx(
+                      O,
+                      {
+                        text: "Desmarcar todos",
+                        onClick: () => {
+                          T(e.id, !1, d), m(!1), v(!1);
+                        }
+                      }
+                    )
+                  ] })
+                }
+              ) : null,
+              r && le(),
+              r && ie()
+            ]
+          }
+        ),
+        /* @__PURE__ */ s.jsx("ul", { className: "nodelist", children: j && V })
+      ]
     }
-  }))) : null, showNodeElements && returnNodeRightElements(), showNodeElements && returnNodeToolbarElements()), /*#__PURE__*/_react.default.createElement("ul", {
-    className: "nodelist"
-  }, isVisible && children));
+  );
+};
+export {
+  Oe as default
 };
-var _default = exports.default = TreeNode;

package/lib/treeview/constants.d.ts

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

package/lib/treeview/constants.js

@@ -1,9 +1,5 @@
-"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({});
+import e from "react";
+const o = e.createContext({});
+export {
+  o as TreeviewContext
+};

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 };