primereact 8.7.2 → 8.7.3

package/tree/tree.js

@@ -26,14 +26,12 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
@@ -41,11 +39,9 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
 
   function _arrayLikeToArray$2(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
       arr2[i] = arr[i];
     }
-
     return arr2;
   }
 
@@ -74,7 +70,34 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread();
   }
 
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
   function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -85,7 +108,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
 
@@ -94,33 +116,33 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   function _nonIterableRest() {
@@ -132,20 +154,15 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
   }
 
   function _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
   function _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
-
   function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
   function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
   function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     var contentRef = React__namespace.useRef(null);
     var nodeTouched = React__namespace.useRef(false);
     var isLeaf = props.isNodeLeaf(props.node);
     var expanded = (props.expandedKeys ? props.expandedKeys[props.node.key] !== undefined : false) || props.node.expanded;
-
     var expand = function expand(event) {
       var expandedKeys = props.expandedKeys ? _objectSpread$1({}, props.expandedKeys) : {};
       expandedKeys[props.node.key] = true;
@@ -155,10 +172,8 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
       });
       invokeToggleEvents(event, true);
     };
-
     var collapse = function collapse(event) {
       var expandedKeys = _objectSpread$1({}, props.expandedKeys);
-
       delete expandedKeys[props.node.key];
       props.onToggle({
         originalEvent: event,
@@ -166,17 +181,14 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
       });
       invokeToggleEvents(event, false);
     };
-
     var onTogglerClick = function onTogglerClick(event) {
       if (props.disabled) {
         return;
       }
-
       expanded ? collapse(event) : expand(event);
       event.preventDefault();
       event.stopPropagation();
     };
-
     var invokeToggleEvents = function invokeToggleEvents(event, isExpanded) {
       if (isExpanded) {
         if (props.onExpand) {
@@ -194,36 +206,28 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         }
       }
     };
-
     var onNodeKeyDown = function onNodeKeyDown(event) {
       if (props.disabled) {
         return;
       }
-
       var nodeElement = event.target.parentElement;
-
       if (!utils.DomHandler.hasClass(nodeElement, 'p-treenode')) {
         return;
       }
-
       switch (event.which) {
         //down arrow
         case 40:
           var listElement = nodeElement.children[1];
-
           if (listElement) {
             focusNode(listElement.children[0]);
           } else {
             var nextNodeElement = nodeElement.nextElementSibling;
-
             while (nextNodeElement) {
               if (!utils.DomHandler.hasClass(nextNodeElement, 'p-treenode-droppoint')) {
                 break;
               }
-
               nextNodeElement = nextNodeElement.nextElementSibling;
             }
-
             if (nextNodeElement) {
               focusNode(nextNodeElement);
             } else {
@@ -231,11 +235,10 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
               nextSiblingAncestor && focusNode(nextSiblingAncestor);
             }
           }
-
           event.preventDefault();
           break;
-        //up arrow
 
+        //up arrow
         case 38:
           if (nodeElement.previousElementSibling) {
             focusNode(findLastVisibleDescendant(nodeElement.previousElementSibling));
@@ -243,44 +246,38 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
             var parentNodeElement = getParentNodeElement(nodeElement);
             parentNodeElement && focusNode(parentNodeElement);
           }
-
           event.preventDefault();
           break;
-        //right arrow
 
+        //right arrow
         case 39:
           if (!expanded) {
             expand(event);
           }
-
           event.preventDefault();
           break;
-        //left arrow
 
+        //left arrow
         case 37:
           if (expanded) {
             collapse(event);
           }
-
           event.preventDefault();
           break;
-        //enter
 
+        //enter
         case 13:
           onClick(event);
           event.preventDefault();
           break;
       }
     };
-
     var findNextSiblingOfAncestor = function findNextSiblingOfAncestor(nodeElement) {
       var parentNodeElement = getParentNodeElement(nodeElement);
       return parentNodeElement ? parentNodeElement.nextElementSibling || findNextSiblingOfAncestor(parentNodeElement) : null;
     };
-
     var findLastVisibleDescendant = function findLastVisibleDescendant(nodeElement) {
       var childrenListElement = nodeElement.children[1];
-
       if (childrenListElement) {
         var lastChildElement = childrenListElement.children[childrenListElement.children.length - 1];
         return findLastVisibleDescendant(lastChildElement);
@@ -288,16 +285,13 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         return nodeElement;
       }
     };
-
     var getParentNodeElement = function getParentNodeElement(nodeElement) {
       var parentNodeElement = nodeElement.parentElement.parentElement;
       return utils.DomHandler.hasClass(parentNodeElement, 'p-treenode') ? parentNodeElement : null;
     };
-
     var focusNode = function focusNode(element) {
       element && element.children[0] && element.children[0].focus();
     };
-
     var onClick = function onClick(event) {
       if (props.onClick) {
         props.onClick({
@@ -305,23 +299,17 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
           node: props.node
         });
       }
-
       var targetNode = event.target.nodeName;
-
       if (props.disabled || targetNode === 'INPUT' || targetNode === 'BUTTON' || targetNode === 'A' || utils.DomHandler.hasClass(event.target, 'p-clickable')) {
         return;
       }
-
       if (props.selectionMode && props.node.selectable !== false) {
         var selectionKeys;
-
         if (isCheckboxSelectionMode()) {
           var checked = isChecked();
           selectionKeys = props.selectionKeys ? _objectSpread$1({}, props.selectionKeys) : {};
-
           if (checked) {
             if (props.propagateSelectionDown) propagateDown(props.node, false, selectionKeys);else delete selectionKeys[props.node.key];
-
             if (props.propagateSelectionUp && props.onPropagateUp) {
               props.onPropagateUp({
                 originalEvent: event,
@@ -329,7 +317,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
                 selectionKeys: selectionKeys
               });
             }
-
             if (props.onUnselect) {
               props.onUnselect({
                 originalEvent: event,
@@ -340,7 +327,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
             if (props.propagateSelectionDown) propagateDown(props.node, true, selectionKeys);else selectionKeys[props.node.key] = {
               checked: true
             };
-
             if (props.propagateSelectionUp && props.onPropagateUp) {
               props.onPropagateUp({
                 originalEvent: event,
@@ -348,7 +334,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
                 selectionKeys: selectionKeys
               });
             }
-
             if (props.onSelect) {
               props.onSelect({
                 originalEvent: event,
@@ -359,10 +344,8 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         } else {
           var selected = isSelected();
           var metaSelection = nodeTouched.current ? false : props.metaKeySelection;
-
           if (metaSelection) {
             var metaKey = event.metaKey || event.ctrlKey;
-
             if (selected && metaKey) {
               if (isSingleSelectionMode()) {
                 selectionKeys = null;
@@ -370,7 +353,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
                 selectionKeys = _objectSpread$1({}, props.selectionKeys);
                 delete selectionKeys[props.node.key];
               }
-
               if (props.onUnselect) {
                 props.onUnselect({
                   originalEvent: event,
@@ -384,7 +366,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
                 selectionKeys = !metaKey ? {} : props.selectionKeys ? _objectSpread$1({}, props.selectionKeys) : {};
                 selectionKeys[props.node.key] = true;
               }
-
               if (props.onSelect) {
                 props.onSelect({
                   originalEvent: event,
@@ -396,7 +377,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
             if (isSingleSelectionMode()) {
               if (selected) {
                 selectionKeys = null;
-
                 if (props.onUnselect) {
                   props.onUnselect({
                     originalEvent: event,
@@ -405,7 +385,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
                 }
               } else {
                 selectionKeys = props.node.key;
-
                 if (props.onSelect) {
                   props.onSelect({
                     originalEvent: event,
@@ -417,7 +396,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
               if (selected) {
                 selectionKeys = _objectSpread$1({}, props.selectionKeys);
                 delete selectionKeys[props.node.key];
-
                 if (props.onUnselect) {
                   props.onUnselect({
                     originalEvent: event,
@@ -427,7 +405,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
               } else {
                 selectionKeys = props.selectionKeys ? _objectSpread$1({}, props.selectionKeys) : {};
                 selectionKeys[props.node.key] = true;
-
                 if (props.onSelect) {
                   props.onSelect({
                     originalEvent: event,
@@ -438,7 +415,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
             }
           }
         }
-
         if (props.onSelectionChange) {
           props.onSelectionChange({
             originalEvent: event,
@@ -446,10 +422,8 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
           });
         }
       }
-
       nodeTouched.current = false;
     };
-
     var onDoubleClick = function onDoubleClick(event) {
       if (props.onDoubleClick) {
         props.onDoubleClick({
@@ -458,21 +432,17 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         });
       }
     };
-
     var onRightClick = function onRightClick(event) {
       if (props.disabled) {
         return;
       }
-
       utils.DomHandler.clearSelection();
-
       if (props.onContextMenuSelectionChange) {
         props.onContextMenuSelectionChange({
           originalEvent: event,
           value: props.node.key
         });
       }
-
       if (props.onContextMenu) {
         props.onContextMenu({
           originalEvent: event,
@@ -480,16 +450,13 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         });
       }
     };
-
     var propagateUp = function propagateUp(event) {
       var check = event.check;
       var selectionKeys = event.selectionKeys;
       var checkedChildCount = 0;
       var childPartialSelected = false;
-
       var _iterator = _createForOfIteratorHelper$1(props.node.children),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var child = _step.value;
@@ -500,7 +467,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
       } finally {
         _iterator.f();
       }
-
       if (check && checkedChildCount === props.node.children.length) {
         selectionKeys[props.node.key] = {
           checked: true,
@@ -510,65 +476,51 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         if (!check) {
           delete selectionKeys[props.node.key];
         }
-
         if (childPartialSelected || checkedChildCount > 0 && checkedChildCount !== props.node.children.length) selectionKeys[props.node.key] = {
           checked: false,
           partialChecked: true
         };else delete selectionKeys[props.node.key];
       }
-
       if (props.propagateSelectionUp && props.onPropagateUp) {
         props.onPropagateUp(event);
       }
     };
-
     var propagateDown = function propagateDown(node, check, selectionKeys) {
       if (check) selectionKeys[node.key] = {
         checked: true,
         partialChecked: false
       };else delete selectionKeys[node.key];
-
       if (node.children && node.children.length) {
         for (var i = 0; i < node.children.length; i++) {
           propagateDown(node.children[i], check, selectionKeys);
         }
       }
     };
-
     var isSelected = function isSelected() {
       if (props.selectionMode && props.selectionKeys) return isSingleSelectionMode() ? props.selectionKeys === props.node.key : props.selectionKeys[props.node.key] !== undefined;else return false;
     };
-
     var isChecked = function isChecked() {
       return props.selectionKeys ? props.selectionKeys[props.node.key] && props.selectionKeys[props.node.key].checked : false;
     };
-
     var isPartialChecked = function isPartialChecked() {
       return props.selectionKeys ? props.selectionKeys[props.node.key] && props.selectionKeys[props.node.key].partialChecked : false;
     };
-
     var isSingleSelectionMode = function isSingleSelectionMode() {
       return props.selectionMode && props.selectionMode === 'single';
     };
-
     var isMultipleSelectionMode = function isMultipleSelectionMode() {
       return props.selectionMode && props.selectionMode === 'multiple';
     };
-
     var isCheckboxSelectionMode = function isCheckboxSelectionMode() {
       return props.selectionMode && props.selectionMode === 'checkbox';
     };
-
     var onTouchEnd = function onTouchEnd() {
       nodeTouched.current = true;
     };
-
     var onDropPoint = function onDropPoint(event, position) {
       event.preventDefault();
-
       if (props.node.droppable !== false) {
         utils.DomHandler.removeClass(event.target, 'p-treenode-droppoint-active');
-
         if (props.onDropPoint) {
           var dropIndex = position === -1 ? props.index : props.index + 1;
           props.onDropPoint({
@@ -580,32 +532,27 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         }
       }
     };
-
     var onDropPointDragOver = function onDropPointDragOver(event) {
       if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
         event.dataTransfer.dropEffect = 'move';
         event.preventDefault();
       }
     };
-
     var onDropPointDragEnter = function onDropPointDragEnter(event) {
       if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
         utils.DomHandler.addClass(event.target, 'p-treenode-droppoint-active');
       }
     };
-
     var onDropPointDragLeave = function onDropPointDragLeave(event) {
       if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
         utils.DomHandler.removeClass(event.target, 'p-treenode-droppoint-active');
       }
     };
-
     var onDrop = function onDrop(event) {
       if (props.dragdropScope && props.node.droppable !== false) {
         utils.DomHandler.removeClass(contentRef.current, 'p-treenode-dragover');
         event.preventDefault();
         event.stopPropagation();
-
         if (props.onDrop) {
           props.onDrop({
             originalEvent: event,
@@ -615,7 +562,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         }
       }
     };
-
     var onDragOver = function onDragOver(event) {
       if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
         event.dataTransfer.dropEffect = 'move';
@@ -623,27 +569,22 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         event.stopPropagation();
       }
     };
-
     var onDragEnter = function onDragEnter(event) {
       if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
         utils.DomHandler.addClass(contentRef.current, 'p-treenode-dragover');
       }
     };
-
     var onDragLeave = function onDragLeave(event) {
       if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
         var rect = event.currentTarget.getBoundingClientRect();
-
         if (event.nativeEvent.x > rect.left + rect.width || event.nativeEvent.x < rect.left || event.nativeEvent.y >= Math.floor(rect.top + rect.height) || event.nativeEvent.y < rect.top) {
           utils.DomHandler.removeClass(contentRef.current, 'p-treenode-dragover');
         }
       }
     };
-
     var onDragStart = function onDragStart(event) {
       event.dataTransfer.setData('text', props.dragdropScope);
       event.dataTransfer.setData(props.dragdropScope, props.dragdropScope);
-
       if (props.onDragStart) {
         props.onDragStart({
           originalEvent: event,
@@ -652,7 +593,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         });
       }
     };
-
     var onDragEnd = function onDragEnd(event) {
       if (props.onDragEnd) {
         props.onDragEnd({
@@ -660,12 +600,10 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         });
       }
     };
-
     var createLabel = function createLabel() {
       var content = /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-treenode-label"
       }, props.node.label);
-
       if (props.nodeTemplate) {
         var defaultContentOptions = {
           onTogglerClick: onTogglerClick,
@@ -676,10 +614,8 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         };
         content = utils.ObjectUtils.getJSXElement(props.nodeTemplate, props.node, defaultContentOptions);
       }
-
       return content;
     };
-
     var createCheckbox = function createCheckbox() {
       if (isCheckboxSelectionMode() && props.node.selectable !== false) {
         var checked = isChecked();
@@ -703,23 +639,18 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
           className: icon
         })));
       }
-
       return null;
     };
-
     var createIcon = function createIcon() {
       var icon = props.node.icon || (expanded ? props.node.expandedIcon : props.node.collapsedIcon);
-
       if (icon) {
         var className = utils.classNames('p-treenode-icon', icon);
         return /*#__PURE__*/React__namespace.createElement("span", {
           className: className
         });
       }
-
       return null;
     };
-
     var createToggler = function createToggler() {
       var label = expanded ? api.ariaLabel('collapseLabel') : api.ariaLabel('expandLabel');
       var iconClassName = utils.classNames('p-tree-toggler-icon pi pi-fw', {
@@ -736,7 +667,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         className: iconClassName,
         "aria-hidden": "true"
       }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
-
       if (props.togglerTemplate) {
         var defaultContentOptions = {
           onClick: onTogglerClick,
@@ -748,10 +678,8 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         };
         content = utils.ObjectUtils.getJSXElement(props.togglerTemplate, props.node, defaultContentOptions);
       }
-
       return content;
     };
-
     var createDropPoint = function createDropPoint(position) {
       if (props.dragdropScope) {
         return /*#__PURE__*/React__namespace.createElement("li", {
@@ -764,10 +692,8 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
           onDragLeave: onDropPointDragLeave
         });
       }
-
       return null;
     };
-
     var createContent = function createContent() {
       var selected = isSelected();
       var checked = isChecked();
@@ -805,7 +731,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         "aria-selected": checked || selected
       }, toggler, checkbox, icon, label);
     };
-
     var createChildren = function createChildren() {
       if (utils.ObjectUtils.isNotEmpty(props.node.children) && expanded) {
         return /*#__PURE__*/React__namespace.createElement("ul", {
@@ -849,10 +774,8 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
           });
         }));
       }
-
       return null;
     };
-
     var createNode = function createNode() {
       var className = utils.classNames('p-treenode', {
         'p-treenode-leaf': isLeaf
@@ -864,39 +787,30 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         style: props.node.style
       }, content, children);
     };
-
     var node = createNode();
-
     if (props.dragdropScope && !props.disabled) {
       var beforeDropPoint = createDropPoint(-1);
       var afterDropPoint = props.last ? createDropPoint(1) : null;
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, beforeDropPoint, node, afterDropPoint);
     }
-
     return node;
   });
   UITreeNode.displayName = 'UITreeNode';
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
   function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
   function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
   var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(''),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        filterValueState = _React$useState2[0],
-        setFilterValueState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      filterValueState = _React$useState2[0],
+      setFilterValueState = _React$useState2[1];
     var _React$useState3 = React__namespace.useState(props.expandedKeys),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        expandedKeysState = _React$useState4[0],
-        setExpandedKeysState = _React$useState4[1];
-
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      expandedKeysState = _React$useState4[0],
+      setExpandedKeysState = _React$useState4[1];
     var elementRef = React__namespace.useRef(null);
     var filteredNodes = React__namespace.useRef([]);
     var dragState = React__namespace.useRef(null);
@@ -911,11 +825,9 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         return resetFilter();
       }
     };
-
     var getRootNode = function getRootNode() {
       return props.filter && filteredNodes.current ? filteredNodes.current : props.value;
     };
-
     var onToggle = function onToggle(event) {
       if (props.onToggle) {
         props.onToggle(event);
@@ -923,18 +835,15 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         setExpandedKeysState(event.value);
       }
     };
-
     var onDragStart = function onDragStart(event) {
       dragState.current = {
         path: event.path,
         index: event.index
       };
     };
-
     var onDragEnd = function onDragEnd() {
       dragState.current = null;
     };
-
     var onDrop = function onDrop(event) {
       if (validateDropNode(dragState.current.path, event.path)) {
         var value = JSON.parse(JSON.stringify(props.value));
@@ -945,7 +854,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         var dropNode = findNode(value, event.path.split('-'));
         if (dropNode.children) dropNode.children.push(dragNode);else dropNode.children = [dragNode];
         if (dragNodeParent) dragNodeParent.children.splice(dragState.current.index, 1);else value.splice(dragState.current.index, 1);
-
         if (props.onDragDrop) {
           props.onDragDrop({
             originalEvent: event.originalEvent,
@@ -957,7 +865,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         }
       }
     };
-
     var onDropPoint = function onDropPoint(event) {
       if (validateDropPoint(event)) {
         var value = JSON.parse(JSON.stringify(props.value));
@@ -970,14 +877,12 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         var dragNode = dragNodeParent ? dragNodeParent.children[dragState.current.index] : value[dragState.current.index];
         var siblings = areSiblings(dragState.current.path, event.path);
         if (dragNodeParent) dragNodeParent.children.splice(dragState.current.index, 1);else value.splice(dragState.current.index, 1);
-
         if (event.position < 0) {
           var dropIndex = siblings ? dragState.current.index > event.index ? event.index : event.index - 1 : event.index;
           if (dropNodeParent) dropNodeParent.children.splice(dropIndex, 0, dragNode);else value.splice(dropIndex, 0, dragNode);
         } else {
           if (dropNodeParent) dropNodeParent.children.push(dragNode);else value.push(dragNode);
         }
-
         if (props.onDragDrop) {
           props.onDragDrop({
             originalEvent: event.originalEvent,
@@ -989,7 +894,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         }
       }
     };
-
     var validateDrop = function validateDrop(dragPath, dropPath) {
       if (!dragPath) {
         return false;
@@ -997,58 +901,48 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         //same node
         if (dragPath === dropPath) {
           return false;
-        } //parent dropped on an descendant
-
+        }
 
+        //parent dropped on an descendant
         if (dropPath.indexOf(dragPath) === 0) {
           return false;
         }
-
         return true;
       }
     };
-
     var validateDropNode = function validateDropNode(dragPath, dropPath) {
       var _validateDrop = validateDrop(dragPath, dropPath);
-
       if (_validateDrop) {
         //child dropped on parent
         if (dragPath.indexOf('-') > 0 && dragPath.substring(0, dragPath.lastIndexOf('-')) === dropPath) {
           return false;
         }
-
         return true;
       } else {
         return false;
       }
     };
-
     var validateDropPoint = function validateDropPoint(event) {
       var _validateDrop = validateDrop(dragState.current.path, event.path);
-
       if (_validateDrop) {
         //child dropped to next sibling's drop point
         if (event.position === -1 && areSiblings(dragState.current.path, event.path) && dragState.current.index + 1 === event.index) {
           return false;
         }
-
         return true;
       } else {
         return false;
       }
     };
-
     var areSiblings = function areSiblings(path1, path2) {
       if (path1.length === 1 && path2.length === 1) return true;else return path1.substring(0, path1.lastIndexOf('-')) === path2.substring(0, path2.lastIndexOf('-'));
     };
-
     var findNode = function findNode(value, path) {
       if (path.length === 0) {
         return null;
       } else {
         var index = parseInt(path[0], 10);
         var nextSearchRoot = value.children ? value.children[index] : value[index];
-
         if (path.length === 1) {
           return nextSearchRoot;
         } else {
@@ -1057,22 +951,18 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         }
       }
     };
-
     var isNodeLeaf = function isNodeLeaf(node) {
       return node.leaf === false ? false : !(node.children && node.children.length);
     };
-
     var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
       //enter
       if (event.which === 13) {
         event.preventDefault();
       }
     };
-
     var onFilterInputChange = function onFilterInputChange(event) {
       filterChanged.current = true;
       var value = event.target.value;
-
       if (props.onFilterValueChange) {
         props.onFilterValueChange({
           originalEvent: event,
@@ -1082,18 +972,14 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         setFilterValueState(value);
       }
     };
-
     var filter = function filter(value) {
       setFilterValueState(utils.ObjectUtils.isNotEmpty(value) ? value : '');
-
       _filter();
     };
-
     var _filter = function _filter() {
       if (!filterChanged.current) {
         return;
       }
-
       if (utils.ObjectUtils.isEmpty(filteredValue)) {
         filteredNodes.current = props.value;
       } else {
@@ -1101,22 +987,17 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         var searchFields = props.filterBy.split(',');
         var filterText = filteredValue.toLocaleLowerCase(props.filterLocale);
         var isStrictMode = props.filterMode === 'strict';
-
         var _iterator = _createForOfIteratorHelper(props.value),
-            _step;
-
+          _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var node = _step.value;
-
             var copyNode = _objectSpread({}, node);
-
             var paramsWithoutNode = {
               searchFields: searchFields,
               filterText: filterText,
               isStrictMode: isStrictMode
             };
-
             if (isStrictMode && (findFilteredNodes(copyNode, paramsWithoutNode) || isFilterMatched(copyNode, paramsWithoutNode)) || !isStrictMode && (isFilterMatched(copyNode, paramsWithoutNode) || findFilteredNodes(copyNode, paramsWithoutNode))) {
               filteredNodes.current.push(copyNode);
             }
@@ -1127,28 +1008,20 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
           _iterator.f();
         }
       }
-
       filterChanged.current = false;
     };
-
     var findFilteredNodes = function findFilteredNodes(node, paramsWithoutNode) {
       if (node) {
         var matched = false;
-
         if (node.children) {
           var childNodes = _toConsumableArray(node.children);
-
           node.children = [];
-
           var _iterator2 = _createForOfIteratorHelper(childNodes),
-              _step2;
-
+            _step2;
           try {
             for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
               var childNode = _step2.value;
-
               var copyChildNode = _objectSpread({}, childNode);
-
               if (isFilterMatched(copyChildNode, paramsWithoutNode)) {
                 matched = true;
                 node.children.push(copyChildNode);
@@ -1160,28 +1033,23 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
             _iterator2.f();
           }
         }
-
         if (matched) {
           node.expanded = true;
           return true;
         }
       }
     };
-
     var isFilterMatched = function isFilterMatched(node, _ref) {
       var searchFields = _ref.searchFields,
-          filterText = _ref.filterText,
-          isStrictMode = _ref.isStrictMode;
+        filterText = _ref.filterText,
+        isStrictMode = _ref.isStrictMode;
       var matched = false;
-
       var _iterator3 = _createForOfIteratorHelper(searchFields),
-          _step3;
-
+        _step3;
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
           var field = _step3.value;
           var fieldValue = String(utils.ObjectUtils.resolveFieldData(node, field)).toLocaleLowerCase(props.filterLocale);
-
           if (fieldValue.indexOf(filterText) > -1) {
             matched = true;
           }
@@ -1191,7 +1059,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
       } finally {
         _iterator3.f();
       }
-
       if (!matched || isStrictMode && !isNodeLeaf(node)) {
         matched = findFilteredNodes(node, {
           searchFields: searchFields,
@@ -1199,14 +1066,11 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
           isStrictMode: isStrictMode
         }) || matched;
       }
-
       return matched;
     };
-
     var resetFilter = function resetFilter() {
       setFilterValueState('');
     };
-
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
@@ -1216,7 +1080,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         }
       };
     });
-
     var createRootChild = function createRootChild(node, index, last) {
       return /*#__PURE__*/React__namespace.createElement(UITreeNode, {
         key: node.key || node.label,
@@ -1252,20 +1115,16 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         onDoubleClick: props.onNodeDoubleClick
       });
     };
-
     var createRootChildren = function createRootChildren() {
       if (props.filter) {
         filterChanged.current = true;
-
         _filter();
       }
-
       var value = getRootNode();
       return value.map(function (node, index) {
         return createRootChild(node, index, index === value.length - 1);
       });
     };
-
     var createModel = function createModel() {
       if (props.value) {
         var rootNodes = createRootChildren();
@@ -1276,10 +1135,8 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
           style: props.contentStyle
         }, ariaProps), rootNodes);
       }
-
       return null;
     };
-
     var createLoader = function createLoader() {
       if (props.loading) {
         var icon = utils.classNames('p-tree-loading-icon pi-spin', props.loadingIcon);
@@ -1289,14 +1146,11 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
           className: icon
         }));
       }
-
       return null;
     };
-
     var createFilter = function createFilter() {
       if (props.filter) {
         var value = utils.ObjectUtils.isNotEmpty(filteredValue) ? filteredValue : '';
-
         var _content = /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-tree-filter-container"
         }, /*#__PURE__*/React__namespace.createElement("input", {
@@ -1311,7 +1165,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         }), /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-tree-filter-icon pi pi-search"
         }));
-
         if (props.filterTemplate) {
           var defaultContentOptions = {
             className: 'p-tree-filter-container',
@@ -1324,18 +1177,14 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
           };
           _content = utils.ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
         }
-
         return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, _content);
       }
-
       return null;
     };
-
     var createHeader = function createHeader() {
       if (props.showHeader) {
         var filterElement = createFilter();
         var _content2 = filterElement;
-
         if (props.header) {
           var defaultContentOptions = {
             filterContainerClassName: 'p-tree-filter-container',
@@ -1351,22 +1200,18 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
           };
           _content2 = utils.ObjectUtils.getJSXElement(props.header, defaultContentOptions);
         }
-
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-tree-header"
         }, _content2);
       }
-
       return null;
     };
-
     var createFooter = function createFooter() {
       var content = utils.ObjectUtils.getJSXElement(props.footer, props);
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-tree-footer"
       }, content);
     };
-
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Tree.defaultProps);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var className = utils.classNames('p-tree p-component', props.className, {