primereact 8.7.2 → 9.0.0-beta.1

package/tree/tree.cjs.js

@@ -31,14 +31,12 @@ function _extends() {
   _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);
@@ -46,11 +44,9 @@ function _extends() {
 
 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;
 }
 
@@ -79,7 +75,34 @@ function _toConsumableArray(arr) {
   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,
@@ -90,7 +113,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
@@ -99,33 +121,33 @@ function _arrayWithHoles(arr) {
 }
 
 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() {
@@ -137,20 +159,15 @@ function _slicedToArray(arr, i) {
 }
 
 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;
@@ -160,10 +177,8 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     });
     invokeToggleEvents(event, true);
   };
-
   var collapse = function collapse(event) {
     var expandedKeys = _objectSpread$1({}, props.expandedKeys);
-
     delete expandedKeys[props.node.key];
     props.onToggle({
       originalEvent: event,
@@ -171,17 +186,14 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     });
     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) {
@@ -199,36 +211,28 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       }
     }
   };
-
   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 {
@@ -236,11 +240,10 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
             nextSiblingAncestor && focusNode(nextSiblingAncestor);
           }
         }
-
         event.preventDefault();
         break;
-      //up arrow
 
+      //up arrow
       case 38:
         if (nodeElement.previousElementSibling) {
           focusNode(findLastVisibleDescendant(nodeElement.previousElementSibling));
@@ -248,44 +251,38 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
           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);
@@ -293,16 +290,13 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       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({
@@ -310,23 +304,17 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
         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,
@@ -334,7 +322,6 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
               selectionKeys: selectionKeys
             });
           }
-
           if (props.onUnselect) {
             props.onUnselect({
               originalEvent: event,
@@ -345,7 +332,6 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
           if (props.propagateSelectionDown) propagateDown(props.node, true, selectionKeys);else selectionKeys[props.node.key] = {
             checked: true
           };
-
           if (props.propagateSelectionUp && props.onPropagateUp) {
             props.onPropagateUp({
               originalEvent: event,
@@ -353,7 +339,6 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
               selectionKeys: selectionKeys
             });
           }
-
           if (props.onSelect) {
             props.onSelect({
               originalEvent: event,
@@ -364,10 +349,8 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       } 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;
@@ -375,7 +358,6 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
               selectionKeys = _objectSpread$1({}, props.selectionKeys);
               delete selectionKeys[props.node.key];
             }
-
             if (props.onUnselect) {
               props.onUnselect({
                 originalEvent: event,
@@ -389,7 +371,6 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
               selectionKeys = !metaKey ? {} : props.selectionKeys ? _objectSpread$1({}, props.selectionKeys) : {};
               selectionKeys[props.node.key] = true;
             }
-
             if (props.onSelect) {
               props.onSelect({
                 originalEvent: event,
@@ -401,7 +382,6 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
           if (isSingleSelectionMode()) {
             if (selected) {
               selectionKeys = null;
-
               if (props.onUnselect) {
                 props.onUnselect({
                   originalEvent: event,
@@ -410,7 +390,6 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
               }
             } else {
               selectionKeys = props.node.key;
-
               if (props.onSelect) {
                 props.onSelect({
                   originalEvent: event,
@@ -422,7 +401,6 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
             if (selected) {
               selectionKeys = _objectSpread$1({}, props.selectionKeys);
               delete selectionKeys[props.node.key];
-
               if (props.onUnselect) {
                 props.onUnselect({
                   originalEvent: event,
@@ -432,7 +410,6 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
             } else {
               selectionKeys = props.selectionKeys ? _objectSpread$1({}, props.selectionKeys) : {};
               selectionKeys[props.node.key] = true;
-
               if (props.onSelect) {
                 props.onSelect({
                   originalEvent: event,
@@ -443,7 +420,6 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
           }
         }
       }
-
       if (props.onSelectionChange) {
         props.onSelectionChange({
           originalEvent: event,
@@ -451,10 +427,8 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
         });
       }
     }
-
     nodeTouched.current = false;
   };
-
   var onDoubleClick = function onDoubleClick(event) {
     if (props.onDoubleClick) {
       props.onDoubleClick({
@@ -463,21 +437,17 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       });
     }
   };
-
   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,
@@ -485,16 +455,13 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       });
     }
   };
-
   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;
@@ -505,7 +472,6 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     } finally {
       _iterator.f();
     }
-
     if (check && checkedChildCount === props.node.children.length) {
       selectionKeys[props.node.key] = {
         checked: true,
@@ -515,65 +481,51 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       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({
@@ -585,32 +537,27 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       }
     }
   };
-
   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,
@@ -620,7 +567,6 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       }
     }
   };
-
   var onDragOver = function onDragOver(event) {
     if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
       event.dataTransfer.dropEffect = 'move';
@@ -628,27 +574,22 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       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,
@@ -657,7 +598,6 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       });
     }
   };
-
   var onDragEnd = function onDragEnd(event) {
     if (props.onDragEnd) {
       props.onDragEnd({
@@ -665,12 +605,10 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       });
     }
   };
-
   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,
@@ -681,10 +619,8 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       };
       content = utils.ObjectUtils.getJSXElement(props.nodeTemplate, props.node, defaultContentOptions);
     }
-
     return content;
   };
-
   var createCheckbox = function createCheckbox() {
     if (isCheckboxSelectionMode() && props.node.selectable !== false) {
       var checked = isChecked();
@@ -708,23 +644,18 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
         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', {
@@ -741,7 +672,6 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       className: iconClassName,
       "aria-hidden": "true"
     }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
-
     if (props.togglerTemplate) {
       var defaultContentOptions = {
         onClick: onTogglerClick,
@@ -753,10 +683,8 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       };
       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", {
@@ -769,10 +697,8 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
         onDragLeave: onDropPointDragLeave
       });
     }
-
     return null;
   };
-
   var createContent = function createContent() {
     var selected = isSelected();
     var checked = isChecked();
@@ -810,7 +736,6 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       "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", {
@@ -854,10 +779,8 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
         });
       }));
     }
-
     return null;
   };
-
   var createNode = function createNode() {
     var className = utils.classNames('p-treenode', {
       'p-treenode-leaf': isLeaf
@@ -869,39 +792,30 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       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);
@@ -916,11 +830,9 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       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);
@@ -928,18 +840,15 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       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));
@@ -950,7 +859,6 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       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,
@@ -962,7 +870,6 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       }
     }
   };
-
   var onDropPoint = function onDropPoint(event) {
     if (validateDropPoint(event)) {
       var value = JSON.parse(JSON.stringify(props.value));
@@ -975,14 +882,12 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       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,
@@ -994,7 +899,6 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       }
     }
   };
-
   var validateDrop = function validateDrop(dragPath, dropPath) {
     if (!dragPath) {
       return false;
@@ -1002,58 +906,48 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       //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 {
@@ -1062,22 +956,18 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       }
     }
   };
-
   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,
@@ -1087,18 +977,14 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       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 {
@@ -1106,22 +992,17 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       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);
           }
@@ -1132,28 +1013,20 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
         _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);
@@ -1165,28 +1038,23 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
           _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;
         }
@@ -1196,7 +1064,6 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     } finally {
       _iterator3.f();
     }
-
     if (!matched || isStrictMode && !isNodeLeaf(node)) {
       matched = findFilteredNodes(node, {
         searchFields: searchFields,
@@ -1204,14 +1071,11 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
         isStrictMode: isStrictMode
       }) || matched;
     }
-
     return matched;
   };
-
   var resetFilter = function resetFilter() {
     setFilterValueState('');
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -1221,7 +1085,6 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       }
     };
   });
-
   var createRootChild = function createRootChild(node, index, last) {
     return /*#__PURE__*/React__namespace.createElement(UITreeNode, {
       key: node.key || node.label,
@@ -1257,20 +1120,16 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       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();
@@ -1281,10 +1140,8 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
         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);
@@ -1294,14 +1151,11 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
         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", {
@@ -1316,7 +1170,6 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       }), /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-tree-filter-icon pi pi-search"
       }));
-
       if (props.filterTemplate) {
         var defaultContentOptions = {
           className: 'p-tree-filter-container',
@@ -1329,18 +1182,14 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
         };
         _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',
@@ -1356,22 +1205,18 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
         };
         _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, {