primereact 10.2.1 → 10.3.1

package/tree/tree.cjs.js

@@ -216,7 +216,7 @@ var classes = {
     });
   }
 };
-var styles = "\n@layer primereact {\n    .p-tree-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow: auto;\n    }\n    \n    .p-treenode-children {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-treenode-selectable {\n        cursor: pointer;\n        user-select: none;\n    }\n    \n    .p-tree-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n        visibility: hidden;\n    }\n    \n    .p-treenode-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-tree-filter {\n        width: 100%;\n    }\n    \n    .p-tree-filter-container {\n        position: relative;\n        display: block;\n        width: 100%;\n    }\n    \n    .p-tree-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-tree-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n    \n    .p-tree .p-tree-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n";
+var styles = "\n@layer primereact {\n    .p-tree-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow: auto;\n    }\n\n    .p-treenode-children {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-treenode-selectable {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-tree-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n        visibility: hidden;\n    }\n\n    .p-treenode-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-tree-filter {\n        width: 100%;\n    }\n\n    .p-tree-filter-container {\n        position: relative;\n        display: block;\n        width: 100%;\n    }\n\n    .p-tree-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-tree-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n\n    .p-tree .p-tree-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n";
 var TreeBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Tree',
@@ -231,6 +231,8 @@ var TreeBase = componentbase.ComponentBase.extend({
     contextMenuSelectionKey: null,
     onContextMenuSelectionChange: null,
     expandedKeys: null,
+    ariaLabel: null,
+    ariaLabelledBy: null,
     style: null,
     className: null,
     contentStyle: null,
@@ -254,6 +256,7 @@ var TreeBase = componentbase.ComponentBase.extend({
     filterPlaceholder: null,
     filterLocale: undefined,
     filterTemplate: null,
+    level: 0,
     nodeTemplate: null,
     togglerTemplate: null,
     onSelect: null,
@@ -281,8 +284,10 @@ function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
   var contentRef = React__namespace.useRef(null);
+  var elementRef = React__namespace.useRef(null);
   var nodeTouched = React__namespace.useRef(false);
   var isLeaf = props.isNodeLeaf(props.node);
+  var label = props.node.label;
   var expanded = (props.expandedKeys ? props.expandedKeys[props.node.key] !== undefined : false) || props.node.expanded;
   var ptm = props.ptm,
     cx = props.cx;
@@ -298,11 +303,13 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     });
   };
   var expand = function expand(event) {
+    var navigateFocusToChild = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var expandedKeys = props.expandedKeys ? _objectSpread$1({}, props.expandedKeys) : {};
     expandedKeys[props.node.key] = true;
     props.onToggle({
       originalEvent: event,
-      value: expandedKeys
+      value: expandedKeys,
+      navigateFocusToChild: navigateFocusToChild
     });
     invokeToggleEvents(event, true);
   };
@@ -319,7 +326,7 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     if (props.disabled) {
       return;
     }
-    expanded ? collapse(event) : expand(event);
+    expanded ? collapse(event) : expand(event, false);
     event.preventDefault();
     event.stopPropagation();
   };
@@ -340,72 +347,6 @@ 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 {
-            var nextSiblingAncestor = findNextSiblingOfAncestor(nodeElement);
-            nextSiblingAncestor && focusNode(nextSiblingAncestor);
-          }
-        }
-        event.preventDefault();
-        break;
-
-      //up arrow
-      case 38:
-        if (nodeElement.previousElementSibling) {
-          focusNode(findLastVisibleDescendant(nodeElement.previousElementSibling));
-        } else {
-          var parentNodeElement = getParentNodeElement(nodeElement);
-          parentNodeElement && focusNode(parentNodeElement);
-        }
-        event.preventDefault();
-        break;
-
-      //right arrow
-      case 39:
-        if (!expanded) {
-          expand(event);
-        }
-        event.preventDefault();
-        break;
-
-      //left arrow
-      case 37:
-        if (expanded) {
-          collapse(event);
-        }
-        event.preventDefault();
-        break;
-
-      //enter
-      case 13:
-        onClick(event);
-        event.preventDefault();
-        break;
-    }
-  };
   var findNextSiblingOfAncestor = function findNextSiblingOfAncestor(nodeElement) {
     var parentNodeElement = getParentNodeElement(nodeElement);
     return parentNodeElement ? parentNodeElement.nextElementSibling || findNextSiblingOfAncestor(parentNodeElement) : null;
@@ -424,7 +365,7 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     return utils.DomHandler.hasClass(parentNodeElement, 'p-treenode') ? parentNodeElement : null;
   };
   var focusNode = function focusNode(element) {
-    element && element.children[0] && element.children[0].focus();
+    element && element.focus();
   };
   var onClick = function onClick(event) {
     if (props.onClick) {
@@ -584,6 +525,131 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       });
     }
   };
+  var onKeyDown = function onKeyDown(event) {
+    if (!isSameNode(event)) return;
+    switch (event.code) {
+      case 'Tab':
+        onTabKey();
+        break;
+      case 'ArrowDown':
+        onArrowDown(event);
+        break;
+      case 'ArrowUp':
+        onArrowUp(event);
+        break;
+      case 'ArrowRight':
+        onArrowRight(event);
+        break;
+      case 'ArrowLeft':
+        onArrowLeft(event);
+        break;
+      case 'Enter':
+      case 'NumpadEnter':
+      case 'Space':
+        onEnterKey(event);
+        break;
+    }
+  };
+  var onArrowDown = function onArrowDown(event) {
+    var nodeElement = event.target.getAttribute('data-pc-section') === 'toggler' ? event.target.closest('[role="treeitem"]') : event.target;
+    var listElement = nodeElement.children[1];
+    if (listElement) {
+      focusRowChange(nodeElement, listElement.children[0]);
+    } else {
+      if (nodeElement.nextElementSibling) {
+        focusRowChange(nodeElement, nodeElement.nextElementSibling);
+      } else {
+        var nextSiblingAncestor = findNextSiblingOfAncestor(nodeElement);
+        if (nextSiblingAncestor) {
+          focusRowChange(nodeElement, nextSiblingAncestor);
+        }
+      }
+    }
+    event.preventDefault();
+  };
+  var onArrowUp = function onArrowUp(event) {
+    var nodeElement = event.target;
+    if (nodeElement.previousElementSibling) {
+      focusRowChange(nodeElement, nodeElement.previousElementSibling, findLastVisibleDescendant(nodeElement.previousElementSibling));
+    } else {
+      var parentNodeElement = getParentNodeElement(nodeElement);
+      if (parentNodeElement) {
+        focusRowChange(nodeElement, parentNodeElement);
+      }
+    }
+    event.preventDefault();
+  };
+  var onArrowRight = function onArrowRight(event) {
+    if (isLeaf || expanded) return;
+    event.currentTarget.tabIndex = -1;
+    expand(event, true);
+  };
+  var onArrowLeft = function onArrowLeft(event) {
+    var togglerElement = utils.DomHandler.findSingle(event.currentTarget, '[data-pc-section="toggler"]');
+    if (props.level === 0 && !expanded) {
+      return false;
+    }
+    if (expanded && !isLeaf) {
+      togglerElement.click();
+      return false;
+    }
+    var target = findBeforeClickableNode(event.currentTarget);
+    if (target) {
+      focusRowChange(event.currentTarget, target);
+    }
+  };
+  var onEnterKey = function onEnterKey(event) {
+    setTabIndexForSelectionMode(event, nodeTouched.current);
+    onClick(event);
+    event.preventDefault();
+  };
+  var onTabKey = function onTabKey() {
+    setAllNodesTabIndexes();
+  };
+  var setAllNodesTabIndexes = function setAllNodesTabIndexes() {
+    var nodes = utils.DomHandler.find(contentRef.current.closest('[data-pc-section="container"]'), '[role="treeitem"]');
+    var hasSelectedNode = _toConsumableArray(nodes).some(function (node) {
+      return node.getAttribute('aria-selected') === 'true' || node.getAttribute('aria-checked') === 'true';
+    });
+    _toConsumableArray(nodes).forEach(function (node) {
+      node.tabIndex = -1;
+    });
+    if (hasSelectedNode) {
+      var selectedNodes = _toConsumableArray(nodes).filter(function (node) {
+        return node.getAttribute('aria-selected') === 'true' || node.getAttribute('aria-checked') === 'true';
+      });
+      selectedNodes[0].tabIndex = 0;
+      return;
+    }
+    _toConsumableArray(nodes)[0].tabIndex = 0;
+  };
+  var setTabIndexForSelectionMode = function setTabIndexForSelectionMode(event, nodeTouched) {
+    if (props.selectionMode !== null) {
+      var elements = _toConsumableArray(utils.DomHandler.find(elementRef.current.parentElement, '[role="treeitem"]'));
+      event.currentTarget.tabIndex = nodeTouched === false ? -1 : 0;
+      if (elements.every(function (element) {
+        return element.tabIndex === -1;
+      })) {
+        elements[0].tabIndex = 0;
+      }
+    }
+  };
+  var focusRowChange = function focusRowChange(firstFocusableRow, currentFocusedRow, lastVisibleDescendant) {
+    firstFocusableRow.tabIndex = '-1';
+    currentFocusedRow.tabIndex = '0';
+    focusNode(lastVisibleDescendant || currentFocusedRow);
+  };
+  var findBeforeClickableNode = function findBeforeClickableNode(node) {
+    var parentListElement = node.closest('ul').closest('li');
+    if (parentListElement) {
+      var prevNodeButton = utils.DomHandler.findSingle(parentListElement, 'button');
+      if (prevNodeButton && prevNodeButton.style.visibility !== 'hidden') {
+        return parentListElement;
+      }
+      return findBeforeClickableNode(node.previousElementSibling);
+    }
+    return null;
+  };
   var propagateUp = function propagateUp(event) {
     var check = event.check;
     var selectionKeys = event.selectionKeys;
@@ -647,6 +713,9 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
   var isChecked = function isChecked() {
     return (props.selectionKeys ? props.selectionKeys[props.node.key] && props.selectionKeys[props.node.key].checked : false) || false;
   };
+  var isSameNode = function isSameNode(event) {
+    return event.currentTarget && (event.currentTarget.isSameNode(event.target) || event.currentTarget.isSameNode(event.target.closest('[role="treeitem"]')));
+  };
   var isPartialChecked = function isPartialChecked() {
     return props.selectionKeys ? props.selectionKeys[props.node.key] && props.selectionKeys[props.node.key].partialChecked : false;
   };
@@ -749,7 +818,7 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     var labelProps = utils.mergeProps({
       className: cx('label')
     }, getPTOptions('label'));
-    var content = /*#__PURE__*/React__namespace.createElement("span", labelProps, props.node.label);
+    var content = /*#__PURE__*/React__namespace.createElement("span", labelProps, label);
     if (props.nodeTemplate) {
       var defaultContentOptions = {
         onTogglerClick: onTogglerClick,
@@ -772,6 +841,7 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       var icon = checked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, checkboxIconProps) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, checkboxIconProps) : null;
       var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, checkboxIconProps), props);
       var checkboxContainerProps = utils.mergeProps({
+        'aria-hidden': true,
         className: cx('checkboxContainer')
       }, getPTOptions('checkboxContainer'));
       var checkboxProps = utils.mergeProps({
@@ -780,8 +850,7 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
           partialChecked: partialChecked,
           nodeProps: props
         }),
-        role: 'checkbox',
-        'aria-checked': checked
+        role: 'checkbox'
       }, getPTOptions('checkbox'));
       return /*#__PURE__*/React__namespace.createElement("div", checkboxContainerProps, /*#__PURE__*/React__namespace.createElement("div", checkboxProps, checkboxIcon));
     }
@@ -798,7 +867,6 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     return null;
   };
   var createToggler = function createToggler() {
-    var label = expanded ? api.ariaLabel('collapseLabel') : api.ariaLabel('expandLabel');
     var togglerIconProps = utils.mergeProps({
       className: cx('togglerIcon'),
       'aria-hidden': true
@@ -812,8 +880,8 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       type: 'button',
       className: cx('toggler'),
       tabIndex: -1,
-      onClick: onTogglerClick,
-      'aria-label': label
+      'aria-hidden': true,
+      onClick: onTogglerClick
     }, getPTOptions('toggler'));
     var content = /*#__PURE__*/React__namespace.createElement("button", togglerProps, togglerIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     if (props.togglerTemplate) {
@@ -870,8 +938,7 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
       onDragEnter: onDragEnter,
       onDragLeave: onDragLeave,
       onDragStart: onDragStart,
-      onDragEnd: onDragEnd,
-      onKeyDown: onNodeKeyDown
+      onDragEnd: onDragEnd
     }, getPTOptions('content'));
     return /*#__PURE__*/React__namespace.createElement("div", contentProps, toggler, checkbox, icon, label);
   };
@@ -928,22 +995,27 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     return null;
   };
   var createNode = function createNode() {
-    var tabIndex = props.disabled ? undefined : 0;
+    var tabIndex = props.disabled || props.index !== 0 ? -1 : 0;
     var selected = isSelected();
     var checked = isChecked();
     var content = createContent();
     var children = createChildren();
-    var nodeProps = utils.mergeProps({
+    var nodeProps = utils.mergeProps(_defineProperty(_defineProperty({
+      ref: elementRef,
       className: utils.classNames(props.node.className, cx('node', {
         isLeaf: isLeaf
       })),
       style: props.node.style,
       tabIndex: tabIndex,
       role: 'treeitem',
-      'aria-posinset': props.index + 1,
+      'aria-label': label,
+      'aria-level': props.level,
       'aria-expanded': expanded,
-      'aria-selected': checked || selected
-    }, getPTOptions('node'));
+      'aria-checked': checked,
+      'aria-setsize': props.node.children ? props.node.children.length : 0,
+      'aria-posinset': props.index + 1,
+      onKeyDown: onKeyDown
+    }, "aria-expanded", expanded), 'aria-selected', checked || selected), getPTOptions('node'));
     return /*#__PURE__*/React__namespace.createElement("li", nodeProps, content, children);
   };
   var node = createNode();
@@ -956,6 +1028,19 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 UITreeNode.displayName = 'UITreeNode';
 
+/* eslint-disable */
+var useUpdateEffect = function useUpdateEffect(fn, deps) {
+  var mounted = React__namespace.useRef(false);
+  return React__namespace.useEffect(function () {
+    if (!mounted.current) {
+      mounted.current = true;
+      return;
+    }
+    return fn && fn();
+  }, deps);
+};
+/* eslint-enable */
+
 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 _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; } } }; }
@@ -978,6 +1063,7 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   var filterChanged = React__namespace.useRef(false);
   var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
   var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
+  var childFocusEvent = React__namespace.useRef(null);
   var _TreeBase$setMetaData = TreeBase.setMetaData({
       props: props,
       state: {
@@ -1003,12 +1089,33 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     return props.filter && filteredNodes.current ? filteredNodes.current : props.value;
   };
   var onToggle = function onToggle(event) {
+    var originalEvent = event.originalEvent,
+      value = event.value,
+      navigateFocusToChild = event.navigateFocusToChild;
     if (props.onToggle) {
-      props.onToggle(event);
+      props.onToggle({
+        originalEvent: originalEvent,
+        value: value
+      });
     } else {
+      if (navigateFocusToChild) {
+        childFocusEvent.current = originalEvent;
+      }
       setExpandedKeysState(event.value);
     }
   };
+  useUpdateEffect(function () {
+    if (childFocusEvent.current) {
+      var event = childFocusEvent.current;
+      var nodeElement = event.target.getAttribute('data-pc-section') === 'toggler' ? event.target.closest('[role="treeitem"]') : event.target;
+      var listElement = nodeElement.children[1];
+      var childElement = listElement.children[0];
+      nodeElement.tabIndex = '-1';
+      childElement.tabIndex = '0';
+      childElement.focus();
+      childFocusEvent.current = null;
+    }
+  }, [expandedKeys]);
   var onDragStart = function onDragStart(event) {
     dragState.current = {
       path: event.path,
@@ -1281,6 +1388,11 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       hostName: "Tree",
       key: node.key || node.label,
       node: node,
+      level: props.level + 1,
+      originalOptions: props.value,
+      index: index,
+      last: last,
+      path: String(index),
       checkboxIcon: props.checkboxIcon,
       collapseIcon: props.collapseIcon,
       contextMenuSelectionKey: props.contextMenuSelectionKey,
@@ -1289,9 +1401,7 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       dragdropScope: props.dragdropScope,
       expandIcon: props.expandIcon,
       expandedKeys: expandedKeys,
-      index: index,
       isNodeLeaf: isNodeLeaf,
-      last: last,
       metaKeySelection: props.metaKeySelection,
       nodeTemplate: props.nodeTemplate,
       onClick: props.onNodeClick,
@@ -1308,8 +1418,6 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       onSelectionChange: props.onSelectionChange,
       onToggle: onToggle,
       onUnselect: props.onUnselect,
-      originalOptions: props.value,
-      path: String(index),
       propagateSelectionDown: props.propagateSelectionDown,
       propagateSelectionUp: props.propagateSelectionUp,
       ptm: ptm,
@@ -1334,6 +1442,8 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       var containerProps = utils.mergeProps(_objectSpread({
         className: utils.classNames(props.contentClassName, cx('container')),
         role: 'tree',
+        'aria-label': props.ariaLabel,
+        'aria-labelledby': props.ariaLabelledBy,
         style: props.contentStyle
       }, ariaProps), ptm('container'));
       return /*#__PURE__*/React__namespace.createElement("ul", containerProps, rootNodes);

package/tree/tree.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/icons/search"),o=require("primereact/icons/spinner"),l=require("primereact/utils"),a=require("primereact/icons/check"),i=require("primereact/icons/chevrondown"),c=require("primereact/icons/chevronright"),s=require("primereact/icons/minus"),d=require("primereact/ripple");function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var u=p(e);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function g(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function m(e){if(Array.isArray(e))return g(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,n){if(e){if("string"==typeof e)return g(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?g(e,n):void 0}}function v(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function x(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=x(e,"string");return"symbol"===b(n)?n:String(n)}function C(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function k(e){if(Array.isArray(e))return e}function E(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,a,i=[],c=!0,s=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw o}}return i}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,n){return k(e)||E(e,n)||h(e,n)||D()}var I=t.ComponentBase.extend({defaultProps:{__TYPE:"Tree",__parentMetadata:null,id:null,value:null,checkboxIcon:null,disabled:!1,selectionMode:null,selectionKeys:null,onSelectionChange:null,contextMenuSelectionKey:null,onContextMenuSelectionChange:null,expandedKeys:null,style:null,className:null,contentStyle:null,contentClassName:null,metaKeySelection:!0,propagateSelectionUp:!0,propagateSelectionDown:!0,loading:!1,loadingIcon:null,expandIcon:null,collapseIcon:null,dragdropScope:null,header:null,footer:null,showHeader:!0,filter:!1,filterIcon:null,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterTemplate:null,nodeTemplate:null,togglerTemplate:null,onSelect:null,onUnselect:null,onExpand:null,onCollapse:null,onToggle:null,onDragDrop:null,onContextMenu:null,onFilterValueChange:null,onNodeClick:null,onNodeDoubleClick:null,children:void 0},css:{classes:{container:"p-tree-container",loadingIcon:"p-tree-loading-icon",loadingOverlay:"p-tree-loading-overlay p-component-overlay",searchIcon:"p-tree-filter-icon",filterContainer:"p-tree-filter-container",input:"p-tree-filter p-inputtext p-component",header:"p-tree-header",footer:"p-tree-footer",root:function(e){var n=e.props;return l.classNames("p-tree p-component",{"p-tree-selectable":n.selectionMode,"p-tree-loading":n.loading,"p-disabled":n.disabled})},label:"p-treenode-label",checkboxIcon:"p-checkbox-icon p-c",checkboxContainer:"p-checkbox p-component",checkbox:function(e){return l.classNames("p-checkbox-box",{"p-highlight":e.checked,"p-indeterminate":e.partialChecked,"p-disabled":e.nodeProps.disabled})},nodeIcon:"p-treenode-icon",togglerIcon:"p-tree-toggler-icon",toggler:"p-tree-toggler p-link",droppoint:"p-treenode-droppoint",content:function(e){var n=e.nodeProps,t=e.checked,r=e.selected;return l.classNames("p-treenode-content",{"p-treenode-selectable":n.selectionMode&&!1!==n.node.selectable,"p-highlight":(0,e.isCheckboxSelectionMode)()?t:r,"p-highlight-contextmenu":n.contextMenuSelectionKey&&n.contextMenuSelectionKey===n.node.key,"p-disabled":n.disabled})},subgroup:"p-treenode-children",node:function(e){return l.classNames("p-treenode",{"p-treenode-leaf":e.isLeaf})}},styles:"\n@layer primereact {\n    .p-tree-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow: auto;\n    }\n    \n    .p-treenode-children {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-treenode-selectable {\n        cursor: pointer;\n        user-select: none;\n    }\n    \n    .p-tree-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n        visibility: hidden;\n    }\n    \n    .p-treenode-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-tree-filter {\n        width: 100%;\n    }\n    \n    .p-tree-filter-container {\n        position: relative;\n        display: block;\n        width: 100%;\n    }\n    \n    .p-tree-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-tree-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n    \n    .p-tree .p-tree-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n"}});function P(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=N(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 l,a=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return a=e.done,e},e:function(e){i=!0,l=e},f:function(){try{a||null==t.return||t.return()}finally{if(i)throw l}}}}function N(e,n){if(e){if("string"==typeof e)return w(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?w(e,n):void 0}}function w(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function K(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){C(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var T=u.memo((function(e){var t,r,o,p,f,g,m,y=u.useRef(null),h=u.useRef(!1),v=e.isNodeLeaf(e.node),b=!!e.expandedKeys&&void 0!==e.expandedKeys[e.node.key]||e.node.expanded,x=e.ptm,S=e.cx,C=function(n){return x(n,{hostName:e.hostName,context:{selected:!_()&&q(),expanded:b||!1,checked:!!_()&&F(),isLeaf:v}})},k=function(n){var t=e.expandedKeys?K({},e.expandedKeys):{};t[e.node.key]=!0,e.onToggle({originalEvent:n,value:t}),O(n,!0)},E=function(n){var t=K({},e.expandedKeys);delete t[e.node.key],e.onToggle({originalEvent:n,value:t}),O(n,!1)},D=function(n){e.disabled||(b?E(n):k(n),n.preventDefault(),n.stopPropagation())},O=function(n,t){t?e.onExpand&&e.onExpand({originalEvent:n,node:e.node}):e.onCollapse&&e.onCollapse({originalEvent:n,node:e.node})},I=function(n){if(!e.disabled){var t=n.target.parentElement;if(l.DomHandler.hasClass(t,"p-treenode"))switch(n.which){case 40:var r=t.children[1];if(r)M(r.children[0]);else{for(var o=t.nextElementSibling;o&&l.DomHandler.hasClass(o,"p-treenode-droppoint");)o=o.nextElementSibling;if(o)M(o);else{var a=N(t);a&&M(a)}}n.preventDefault();break;case 38:if(t.previousElementSibling)M(w(t.previousElementSibling));else{var i=j(t);i&&M(i)}n.preventDefault();break;case 39:b||k(n),n.preventDefault();break;case 37:b&&E(n),n.preventDefault();break;case 13:U(n),n.preventDefault()}}},N=function e(n){var t=j(n);return t?t.nextElementSibling||e(t):null},w=function e(n){var t=n.children[1];return t?e(t.children[t.children.length-1]):n},j=function(e){var n=e.parentElement.parentElement;return l.DomHandler.hasClass(n,"p-treenode")?n:null},M=function(e){e&&e.children[0]&&e.children[0].focus()},U=function(n){e.onClick&&e.onClick({originalEvent:n,node:e.node});var t=n.target.nodeName;if(!e.disabled&&"INPUT"!==t&&"BUTTON"!==t&&"A"!==t&&!l.DomHandler.hasClass(n.target,"p-clickable")){if(e.selectionMode&&!1!==e.node.selectable){var r;if(_()){var o=F();r=e.selectionKeys?K({},e.selectionKeys):{},o?(e.propagateSelectionDown?R(e.node,!1,r):delete r[e.node.key],e.propagateSelectionUp&&e.onPropagateUp&&e.onPropagateUp({originalEvent:n,check:!1,selectionKeys:r}),e.onUnselect&&e.onUnselect({originalEvent:n,node:e.node})):(e.propagateSelectionDown?R(e.node,!0,r):r[e.node.key]={checked:!0},e.propagateSelectionUp&&e.onPropagateUp&&e.onPropagateUp({originalEvent:n,check:!0,selectionKeys:r}),e.onSelect&&e.onSelect({originalEvent:n,node:e.node}))}else{var a=q();if(!h.current&&e.metaKeySelection){var i=n.metaKey||n.ctrlKey;a&&i?(J()?r=null:delete(r=K({},e.selectionKeys))[e.node.key],e.onUnselect&&e.onUnselect({originalEvent:n,node:e.node})):(J()?r=e.node.key:X()&&((r=i&&e.selectionKeys?K({},e.selectionKeys):{})[e.node.key]=!0),e.onSelect&&e.onSelect({originalEvent:n,node:e.node}))}else J()?a?(r=null,e.onUnselect&&e.onUnselect({originalEvent:n,node:e.node})):(r=e.node.key,e.onSelect&&e.onSelect({originalEvent:n,node:e.node})):a?(delete(r=K({},e.selectionKeys))[e.node.key],e.onUnselect&&e.onUnselect({originalEvent:n,node:e.node})):((r=e.selectionKeys?K({},e.selectionKeys):{})[e.node.key]=!0,e.onSelect&&e.onSelect({originalEvent:n,node:e.node}))}e.onSelectionChange&&e.onSelectionChange({originalEvent:n,value:r})}h.current=!1}},L=function(n){e.onDoubleClick&&e.onDoubleClick({originalEvent:n,node:e.node})},A=function(n){e.disabled||(l.DomHandler.clearSelection(),e.onContextMenuSelectionChange&&e.onContextMenuSelectionChange({originalEvent:n,value:e.node.key}),e.onContextMenu&&e.onContextMenu({originalEvent:n,node:e.node}))},H=function(n){var t,r=n.check,o=n.selectionKeys,a=P(e.node.children);try{for(a.s();!(t=a.n()).done;){var i=t.value;o[i.key]&&o[i.key].checked&&0}}catch(e){a.e(e)}finally{a.f()}var c=e.node.key,s=l.ObjectUtils.findChildrenByKey(e.originalOptions,c),d=s.some((function(e){return e.key in o})),p=s.every((function(e){return e.key in o&&o[e.key].checked}));d&&!p?o[c]={checked:!1,partialChecked:!0}:p?o[c]={checked:!0,partialChecked:!1}:r?o[c]={checked:!1,partialChecked:!1}:delete o[c],e.propagateSelectionUp&&e.onPropagateUp&&e.onPropagateUp(n)},R=function e(n,t,r){if(t?r[n.key]={checked:!0,partialChecked:!1}:delete r[n.key],n.children&&n.children.length)for(var o=0;o<n.children.length;o++)e(n.children[o],t,r)},q=function(){return!(!e.selectionMode||!e.selectionKeys)&&(J()?e.selectionKeys===e.node.key:void 0!==e.selectionKeys[e.node.key])},F=function(){return!!e.selectionKeys&&(e.selectionKeys[e.node.key]&&e.selectionKeys[e.node.key].checked)||!1},J=function(){return e.selectionMode&&"single"===e.selectionMode},X=function(){return e.selectionMode&&"multiple"===e.selectionMode},_=function(){return e.selectionMode&&"checkbox"===e.selectionMode},V=function(){h.current=!0},B=function(n,t){(n.preventDefault(),!1!==e.node.droppable)&&(l.DomHandler.removeClass(n.target,"p-treenode-droppoint-active"),e.onDropPoint&&e.onDropPoint({originalEvent:n,path:e.path,index:-1===t?e.index:e.index+1,position:t}))},$=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&(n.dataTransfer.dropEffect="move",n.preventDefault())},z=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&l.DomHandler.addClass(n.target,"p-treenode-droppoint-active")},Y=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&l.DomHandler.removeClass(n.target,"p-treenode-droppoint-active")},G=function(n){e.dragdropScope&&!1!==e.node.droppable&&(l.DomHandler.removeClass(y.current,"p-treenode-dragover"),n.preventDefault(),n.stopPropagation(),e.onDrop&&e.onDrop({originalEvent:n,path:e.path,index:e.index}))},Q=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&!1!==e.node.droppable&&(n.dataTransfer.dropEffect="move",n.preventDefault(),n.stopPropagation())},W=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&!1!==e.node.droppable&&l.DomHandler.addClass(y.current,"p-treenode-dragover")},Z=function(n){if(n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&!1!==e.node.droppable){var t=n.currentTarget.getBoundingClientRect();(n.nativeEvent.x>t.left+t.width||n.nativeEvent.x<t.left||n.nativeEvent.y>=Math.floor(t.top+t.height)||n.nativeEvent.y<t.top)&&l.DomHandler.removeClass(y.current,"p-treenode-dragover")}},ee=function(n){n.dataTransfer.setData("text",e.dragdropScope),n.dataTransfer.setData(e.dragdropScope,e.dragdropScope),e.onDragStart&&e.onDragStart({originalEvent:n,path:e.path,index:e.index})},ne=function(n){e.onDragEnd&&e.onDragEnd({originalEvent:n})},te=function(){var n=l.mergeProps({className:S("label")},C("label")),t=u.createElement("span",n,e.node.label);e.nodeTemplate&&(t=l.ObjectUtils.getJSXElement(e.nodeTemplate,e.node,{onTogglerClick:D,className:"p-treenode-label",element:t,props:e,expanded:b}));return t},re=function(){if(_()&&!1!==e.node.selectable){var n=F(),t=!!e.selectionKeys&&e.selectionKeys[e.node.key]&&e.selectionKeys[e.node.key].partialChecked,r=l.mergeProps({className:S("checkboxIcon")},C("checkboxIcon")),o=l.IconUtils.getJSXIcon(n?e.checkboxIcon||u.createElement(a.CheckIcon,r):t?e.checkboxIcon||u.createElement(s.MinusIcon,r):null,K({},r),e),i=l.mergeProps({className:S("checkboxContainer")},C("checkboxContainer")),c=l.mergeProps({className:S("checkbox",{checked:n,partialChecked:t,nodeProps:e}),role:"checkbox","aria-checked":n},C("checkbox"));return u.createElement("div",i,u.createElement("div",c,o))}return null},oe=function(){var n=e.node.icon||(b?e.node.expandedIcon:e.node.collapsedIcon);if(n){var t=l.mergeProps({className:l.classNames(n,S("nodeIcon"))},C("nodeIcon"));return u.createElement("span",t)}return null},le=function(){var t=n.ariaLabel(b?"collapseLabel":"expandLabel"),r=l.mergeProps({className:S("togglerIcon"),"aria-hidden":!0},C("togglerIcon")),o=l.IconUtils.getJSXIcon(b?e.collapseIcon||u.createElement(i.ChevronDownIcon,r):e.expandIcon||u.createElement(c.ChevronRightIcon,r),K({},r),{props:e,expanded:b}),a=l.mergeProps({type:"button",className:S("toggler"),tabIndex:-1,onClick:D,"aria-label":t},C("toggler")),s=u.createElement("button",a,o,u.createElement(d.Ripple,null));e.togglerTemplate&&(s=l.ObjectUtils.getJSXElement(e.togglerTemplate,e.node,{onClick:D,containerClassName:"p-tree-toggler p-link",iconClassName:"p-tree-toggler-icon",element:s,props:e,expanded:b}));return s},ae=function(n){if(e.dragdropScope){var t=l.mergeProps({className:S("droppoint"),onDrop:function(e){return B(e,n)},onDragOver:$,onDragEnter:z,onDragLeave:Y},C("droppoint"));return u.createElement("li",t)}return null},ie=function(){var n=q(),t=F(),r=le(),o=re(),a=oe(),i=te(),c=l.mergeProps({ref:y,className:l.classNames(e.node.className,S("content",{checked:t,selected:n,nodeProps:e,isCheckboxSelectionMode:_})),style:e.node.style,onClick:U,onDoubleClick:L,onContextMenu:A,onTouchEnd:V,draggable:e.dragdropScope&&!1!==e.node.draggable&&!e.disabled,onDrop:G,onDragOver:Q,onDragEnter:W,onDragLeave:Z,onDragStart:ee,onDragEnd:ne,onKeyDown:I},C("content"));return u.createElement("div",c,r,o,a,i)},ce=(r=e.disabled?void 0:0,o=q(),p=F(),f=ie(),t=l.mergeProps({className:S("subgroup"),role:"group"},C("subgroup")),g=l.ObjectUtils.isNotEmpty(e.node.children)&&b?u.createElement("ul",t,e.node.children.map((function(n,t){return u.createElement(T,{key:n.key||n.label,node:n,checkboxIcon:e.checkboxIcon,collapseIcon:e.collapseIcon,contextMenuSelectionKey:e.contextMenuSelectionKey,cx:S,disabled:e.disabled,dragdropScope:e.dragdropScope,expandIcon:e.expandIcon,expandedKeys:e.expandedKeys,index:t,isNodeLeaf:e.isNodeLeaf,last:t===e.node.children.length-1,metaKeySelection:e.metaKeySelection,nodeTemplate:e.nodeTemplate,onClick:e.onClick,onCollapse:e.onCollapse,onContextMenu:e.onContextMenu,onContextMenuSelectionChange:e.onContextMenuSelectionChange,onDoubleClick:e.onDoubleClick,onDragEnd:e.onDragEnd,onDragStart:e.onDragStart,onDrop:e.onDrop,onDropPoint:e.onDropPoint,onExpand:e.onExpand,onPropagateUp:H,onSelect:e.onSelect,onSelectionChange:e.onSelectionChange,onToggle:e.onToggle,onUnselect:e.onUnselect,originalOptions:e.originalOptions,parent:e.node,path:e.path+"-"+t,propagateSelectionDown:e.propagateSelectionDown,propagateSelectionUp:e.propagateSelectionUp,ptm:x,selectionKeys:e.selectionKeys,selectionMode:e.selectionMode,togglerTemplate:e.togglerTemplate})}))):null,m=l.mergeProps({className:l.classNames(e.node.className,S("node",{isLeaf:v})),style:e.node.style,tabIndex:r,role:"treeitem","aria-posinset":e.index+1,"aria-expanded":b,"aria-selected":p||o},C("node")),u.createElement("li",m,f,g));if(e.dragdropScope&&!e.disabled){var se=ae(-1),de=e.last?ae(1):null;return u.createElement(u.Fragment,null,se,ce,de)}return ce}));function M(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function U(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?M(Object(t),!0).forEach((function(n){C(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):M(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function L(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=A(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 l,a=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return a=e.done,e},e:function(e){i=!0,l=e},f:function(){try{a||null==t.return||t.return()}finally{if(i)throw l}}}}function A(e,n){if(e){if("string"==typeof e)return H(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?H(e,n):void 0}}function H(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}T.displayName="UITreeNode";var R=u.memo(u.forwardRef((function(e,a){var i=u.useContext(n.PrimeReactContext),c=I.getProps(e,i),s=O(u.useState(""),2),d=s[0],p=s[1],g=O(u.useState(c.expandedKeys),2),b=g[0],x=g[1],S=u.useRef(null),C=u.useRef([]),k=u.useRef(null),E=u.useRef(!1),D=c.onFilterValueChange?c.filterValue:d,P=c.onToggle?c.expandedKeys:b,N=I.setMetaData({props:c,state:{filterValue:D,expandedKeys:P}}),w=N.ptm,j=N.cx;t.useHandleStyle(I.css.styles,N.isUnstyled,{name:"tree"});var K={filter:function(e){return Y(e)},reset:function(){return ee()}},M=function(e){c.onToggle?c.onToggle(e):x(e.value)},A=function(e){k.current={path:e.path,index:e.index}},H=function(){k.current=null},R=function e(n){if(Array.isArray(n))return n.map(e);if(n&&Object.getPrototypeOf(n)===Object.prototype){var t={};for(var r in n)t[r]="data"!==r?e(n[r]):n[r];return t}return n},q=function(e){if(X(k.current.path,e.path)){var n=R(c.value),t=k.current.path.split("-");t.pop();var r=B(n,t),o=r?r.children[k.current.index]:n[k.current.index],l=B(n,e.path.split("-"));l.children?l.children.push(o):l.children=[o],r?r.children.splice(k.current.index,1):n.splice(k.current.index,1),c.onDragDrop&&c.onDragDrop({originalEvent:e.originalEvent,value:n,dragNode:o,dropNode:l,dropIndex:e.index})}},F=function(e){if(_(e)){var n=R(c.value),t=k.current.path.split("-");t.pop();var r=e.path.split("-");r.pop();var o=B(n,t),l=B(n,r),a=o?o.children[k.current.index]:n[k.current.index],i=V(k.current.path,e.path);if(o?o.children.splice(k.current.index,1):n.splice(k.current.index,1),e.position<0){var s=i?k.current.index>e.index?e.index:e.index-1:e.index;l?l.children.splice(s,0,a):n.splice(s,0,a)}else l?l.children.push(a):n.push(a);c.onDragDrop&&c.onDragDrop({originalEvent:e.originalEvent,value:n,dragNode:a,dropNode:l,dropIndex:e.index})}},J=function(e,n){return!!e&&(e!==n&&0!==n.indexOf(e))},X=function(e,n){return!!J(e,n)&&!(e.indexOf("-")>0&&e.substring(0,e.lastIndexOf("-"))===n)},_=function(e){return!!J(k.current.path,e.path)&&(-1!==e.position||!V(k.current.path,e.path)||k.current.index+1!==e.index)},V=function(e,n){return 1===e.length&&1===n.length||e.substring(0,e.lastIndexOf("-"))===n.substring(0,n.lastIndexOf("-"))},B=function e(n,t){if(0===t.length)return null;var r=parseInt(t[0],10),o=n.children?n.children[r]:n[r];return 1===t.length?o:(t.shift(),e(o,t))},$=function(e){return!1!==e.leaf&&!(e.children&&e.children.length)},z=function(e){13===e.which&&e.preventDefault()},Y=function(e){E.current=!0;var n=e.target.value;c.onFilterValueChange?c.onFilterValueChange({originalEvent:e,value:n}):p(n)},G=function(e){p(l.ObjectUtils.isNotEmpty(e)?e:""),Q()},Q=function(){if(E.current){if(l.ObjectUtils.isEmpty(D))C.current=c.value;else{C.current=[];var e,n=c.filterBy.split(","),t=D.toLocaleLowerCase(c.filterLocale),r="strict"===c.filterMode,o=L(c.value);try{for(o.s();!(e=o.n()).done;){var a=U({},e.value),i={searchFields:n,filterText:t,isStrictMode:r};(r&&(W(a,i)||Z(a,i))||!r&&(Z(a,i)||W(a,i)))&&C.current.push(a)}}catch(e){o.e(e)}finally{o.f()}}E.current=!1}},W=function(e,n){if(e){var t=!1;if(e.children){var r=m(i=e.children)||y(i)||h(i)||v();e.children=[];var o,l=L(r);try{for(l.s();!(o=l.n()).done;){var a=U({},o.value);Z(a,n)&&(t=!0,e.children.push(a))}}catch(e){l.e(e)}finally{l.f()}}if(t)return e.expanded=!0,!0}var i},Z=function(e,n){var t,r=n.searchFields,o=n.filterText,a=n.isStrictMode,i=!1,s=L(r);try{for(s.s();!(t=s.n()).done;){String(l.ObjectUtils.resolveFieldData(e,t.value)).toLocaleLowerCase(c.filterLocale).indexOf(o)>-1&&(i=!0)}}catch(e){s.e(e)}finally{s.f()}return(!i||a&&!$(e))&&(i=W(e,{searchFields:r,filterText:o,isStrictMode:a})||i),i},ee=function(){p("")};u.useImperativeHandle(a,(function(){return{props:c,filter:G,getElement:function(){return S.current}}}));var ne=function(e,n,t){return u.createElement(T,{hostName:"Tree",key:e.key||e.label,node:e,checkboxIcon:c.checkboxIcon,collapseIcon:c.collapseIcon,contextMenuSelectionKey:c.contextMenuSelectionKey,cx:j,disabled:c.disabled,dragdropScope:c.dragdropScope,expandIcon:c.expandIcon,expandedKeys:P,index:n,isNodeLeaf:$,last:t,metaKeySelection:c.metaKeySelection,nodeTemplate:c.nodeTemplate,onClick:c.onNodeClick,onCollapse:c.onCollapse,onContextMenu:c.onContextMenu,onContextMenuSelectionChange:c.onContextMenuSelectionChange,onDoubleClick:c.onNodeDoubleClick,onDragEnd:H,onDragStart:A,onDrop:q,onDropPoint:F,onExpand:c.onExpand,onSelect:c.onSelect,onSelectionChange:c.onSelectionChange,onToggle:M,onUnselect:c.onUnselect,originalOptions:c.value,path:String(n),propagateSelectionDown:c.propagateSelectionDown,propagateSelectionUp:c.propagateSelectionUp,ptm:w,selectionKeys:c.selectionKeys,selectionMode:c.selectionMode,togglerTemplate:c.togglerTemplate})},te=function(){c.filter&&(E.current=!0,Q());var e=c.filter&&C.current?C.current:c.value;return e.map((function(n,t){return ne(n,t,t===e.length-1)}))},re=function(){if(c.filter){var e=l.ObjectUtils.isNotEmpty(D)?D:"",n=l.mergeProps({className:j("searchIcon")},w("searchIcon")),t=l.IconUtils.getJSXIcon(c.filterIcon||u.createElement(r.SearchIcon,n),U({},n),{props:c}),o=l.mergeProps({className:j("filterContainer")},w("filterContainer")),a=l.mergeProps({type:"text",value:e,autoComplete:"off",className:j("input"),placeholder:c.filterPlaceholder,"aria-label":c.filterPlaceholder,onKeyDown:z,onChange:Y,disabled:c.disabled},w("input")),i=u.createElement("div",o,u.createElement("input",a),t);if(c.filterTemplate)i=l.ObjectUtils.getJSXElement(c.filterTemplate,{className:"p-tree-filter-container",element:i,filterOptions:K,filterInputKeyDown:z,filterInputChange:Y,filterIconClassName:"p-dropdown-filter-icon",props:c});return u.createElement(u.Fragment,null,i)}return null},oe=I.getOtherProps(c),le=l.ObjectUtils.reduceKeys(oe,l.DomHandler.ARIA_PROPS),ae=function(){if(c.loading){var e=l.mergeProps({className:j("loadingIcon")},w("loadingIcon")),n=c.loadingIcon||u.createElement(o.SpinnerIcon,f({},e,{spin:!0})),t=l.IconUtils.getJSXIcon(n,U({},e),{props:c}),r=l.mergeProps({className:j("loadingOverlay")},w("loadingOverlay"));return u.createElement("div",r,t)}return null}(),ie=function(){if(c.value){var e=te(),n=l.mergeProps(U({className:l.classNames(c.contentClassName,j("container")),role:"tree",style:c.contentStyle},le),w("container"));return u.createElement("ul",n,e)}return null}(),ce=function(){if(c.showHeader){var e=re(),n=e;if(c.header)n=l.ObjectUtils.getJSXElement(c.header,{filterContainerClassName:"p-tree-filter-container",filterIconClassName:"p-tree-filter-icon",filterInput:{className:"p-tree-filter p-inputtext p-component",onKeyDown:z,onChange:Y},filterElement:e,element:n,props:c});var t=l.mergeProps({className:j("header")},w("header"));return u.createElement("div",t,n)}return null}(),se=function(){var e=l.ObjectUtils.getJSXElement(c.footer,c),n=l.mergeProps({className:j("footer")},w("footer"));return u.createElement("div",n,e)}(),de=l.mergeProps({ref:S,className:l.classNames(c.className,j("root")),style:c.style,id:c.id},I.getOtherProps(c),w("root"));return u.createElement("div",de,ae,ce,ie,se)})));R.displayName="Tree",exports.Tree=R;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/icons/search"),o=require("primereact/icons/spinner"),l=require("primereact/utils"),a=require("primereact/icons/check"),i=require("primereact/icons/chevrondown"),c=require("primereact/icons/chevronright"),s=require("primereact/icons/minus"),d=require("primereact/ripple");function u(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var p=u(e);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function g(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function m(e){if(Array.isArray(e))return g(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,n){if(e){if("string"==typeof e)return g(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?g(e,n):void 0}}function v(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){return m(e)||h(e)||y(e)||v()}function x(e){return x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},x(e)}function S(e,n){if("object"!==x(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function k(e){var n=S(e,"string");return"symbol"===x(n)?n:String(n)}function C(e,n,t){return(n=k(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function E(e){if(Array.isArray(e))return e}function D(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,a,i=[],c=!0,s=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw o}}return i}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,n){return E(e)||D(e,n)||y(e,n)||I()}var P=t.ComponentBase.extend({defaultProps:{__TYPE:"Tree",__parentMetadata:null,id:null,value:null,checkboxIcon:null,disabled:!1,selectionMode:null,selectionKeys:null,onSelectionChange:null,contextMenuSelectionKey:null,onContextMenuSelectionChange:null,expandedKeys:null,ariaLabel:null,ariaLabelledBy:null,style:null,className:null,contentStyle:null,contentClassName:null,metaKeySelection:!0,propagateSelectionUp:!0,propagateSelectionDown:!0,loading:!1,loadingIcon:null,expandIcon:null,collapseIcon:null,dragdropScope:null,header:null,footer:null,showHeader:!0,filter:!1,filterIcon:null,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterTemplate:null,level:0,nodeTemplate:null,togglerTemplate:null,onSelect:null,onUnselect:null,onExpand:null,onCollapse:null,onToggle:null,onDragDrop:null,onContextMenu:null,onFilterValueChange:null,onNodeClick:null,onNodeDoubleClick:null,children:void 0},css:{classes:{container:"p-tree-container",loadingIcon:"p-tree-loading-icon",loadingOverlay:"p-tree-loading-overlay p-component-overlay",searchIcon:"p-tree-filter-icon",filterContainer:"p-tree-filter-container",input:"p-tree-filter p-inputtext p-component",header:"p-tree-header",footer:"p-tree-footer",root:function(e){var n=e.props;return l.classNames("p-tree p-component",{"p-tree-selectable":n.selectionMode,"p-tree-loading":n.loading,"p-disabled":n.disabled})},label:"p-treenode-label",checkboxIcon:"p-checkbox-icon p-c",checkboxContainer:"p-checkbox p-component",checkbox:function(e){return l.classNames("p-checkbox-box",{"p-highlight":e.checked,"p-indeterminate":e.partialChecked,"p-disabled":e.nodeProps.disabled})},nodeIcon:"p-treenode-icon",togglerIcon:"p-tree-toggler-icon",toggler:"p-tree-toggler p-link",droppoint:"p-treenode-droppoint",content:function(e){var n=e.nodeProps,t=e.checked,r=e.selected;return l.classNames("p-treenode-content",{"p-treenode-selectable":n.selectionMode&&!1!==n.node.selectable,"p-highlight":(0,e.isCheckboxSelectionMode)()?t:r,"p-highlight-contextmenu":n.contextMenuSelectionKey&&n.contextMenuSelectionKey===n.node.key,"p-disabled":n.disabled})},subgroup:"p-treenode-children",node:function(e){return l.classNames("p-treenode",{"p-treenode-leaf":e.isLeaf})}},styles:"\n@layer primereact {\n    .p-tree-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow: auto;\n    }\n\n    .p-treenode-children {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-treenode-selectable {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-tree-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n        visibility: hidden;\n    }\n\n    .p-treenode-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-tree-filter {\n        width: 100%;\n    }\n\n    .p-tree-filter-container {\n        position: relative;\n        display: block;\n        width: 100%;\n    }\n\n    .p-tree-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-tree-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n\n    .p-tree .p-tree-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n"}});function N(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=w(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 l,a=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return a=e.done,e},e:function(e){i=!0,l=e},f:function(){try{a||null==t.return||t.return()}finally{if(i)throw l}}}}function w(e,n){if(e){if("string"==typeof e)return T(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?T(e,n):void 0}}function T(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function K(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){C(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var M=p.memo((function(e){var n,t,r,o,u,f,g,m=p.useRef(null),h=p.useRef(null),y=p.useRef(!1),v=e.isNodeLeaf(e.node),x=e.node.label,S=!!e.expandedKeys&&void 0!==e.expandedKeys[e.node.key]||e.node.expanded,k=e.ptm,E=e.cx,D=function(n){return k(n,{hostName:e.hostName,context:{selected:!re()&&W(),expanded:S||!1,checked:!!re()&&Z(),isLeaf:v}})},I=function(n){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=e.expandedKeys?K({},e.expandedKeys):{};r[e.node.key]=!0,e.onToggle({originalEvent:n,value:r,navigateFocusToChild:t}),w(n,!0)},O=function(n){var t=K({},e.expandedKeys);delete t[e.node.key],e.onToggle({originalEvent:n,value:t}),w(n,!1)},P=function(n){e.disabled||(S?O(n):I(n,!1),n.preventDefault(),n.stopPropagation())},w=function(n,t){t?e.onExpand&&e.onExpand({originalEvent:n,node:e.node}):e.onCollapse&&e.onCollapse({originalEvent:n,node:e.node})},T=function e(n){var t=U(n);return t?t.nextElementSibling||e(t):null},j=function e(n){var t=n.children[1];return t?e(t.children[t.children.length-1]):n},U=function(e){var n=e.parentElement.parentElement;return l.DomHandler.hasClass(n,"p-treenode")?n:null},A=function(n){e.onClick&&e.onClick({originalEvent:n,node:e.node});var t=n.target.nodeName;if(!e.disabled&&"INPUT"!==t&&"BUTTON"!==t&&"A"!==t&&!l.DomHandler.hasClass(n.target,"p-clickable")){if(e.selectionMode&&!1!==e.node.selectable){var r;if(re()){var o=Z();r=e.selectionKeys?K({},e.selectionKeys):{},o?(e.propagateSelectionDown?Q(e.node,!1,r):delete r[e.node.key],e.propagateSelectionUp&&e.onPropagateUp&&e.onPropagateUp({originalEvent:n,check:!1,selectionKeys:r}),e.onUnselect&&e.onUnselect({originalEvent:n,node:e.node})):(e.propagateSelectionDown?Q(e.node,!0,r):r[e.node.key]={checked:!0},e.propagateSelectionUp&&e.onPropagateUp&&e.onPropagateUp({originalEvent:n,check:!0,selectionKeys:r}),e.onSelect&&e.onSelect({originalEvent:n,node:e.node}))}else{var a=W();if(!y.current&&e.metaKeySelection){var i=n.metaKey||n.ctrlKey;a&&i?(ne()?r=null:delete(r=K({},e.selectionKeys))[e.node.key],e.onUnselect&&e.onUnselect({originalEvent:n,node:e.node})):(ne()?r=e.node.key:te()&&((r=i&&e.selectionKeys?K({},e.selectionKeys):{})[e.node.key]=!0),e.onSelect&&e.onSelect({originalEvent:n,node:e.node}))}else ne()?a?(r=null,e.onUnselect&&e.onUnselect({originalEvent:n,node:e.node})):(r=e.node.key,e.onSelect&&e.onSelect({originalEvent:n,node:e.node})):a?(delete(r=K({},e.selectionKeys))[e.node.key],e.onUnselect&&e.onUnselect({originalEvent:n,node:e.node})):((r=e.selectionKeys?K({},e.selectionKeys):{})[e.node.key]=!0,e.onSelect&&e.onSelect({originalEvent:n,node:e.node}))}e.onSelectionChange&&e.onSelectionChange({originalEvent:n,value:r})}y.current=!1}},L=function(n){e.onDoubleClick&&e.onDoubleClick({originalEvent:n,node:e.node})},H=function(n){e.disabled||(l.DomHandler.clearSelection(),e.onContextMenuSelectionChange&&e.onContextMenuSelectionChange({originalEvent:n,value:e.node.key}),e.onContextMenu&&e.onContextMenu({originalEvent:n,node:e.node}))},R=function(e){if(ee(e))switch(e.code){case"Tab":B();break;case"ArrowDown":F(e);break;case"ArrowUp":q(e);break;case"ArrowRight":J(e);break;case"ArrowLeft":X(e);break;case"Enter":case"NumpadEnter":case"Space":_(e)}},F=function(e){var n="toggler"===e.target.getAttribute("data-pc-section")?e.target.closest('[role="treeitem"]'):e.target,t=n.children[1];if(t)$(n,t.children[0]);else if(n.nextElementSibling)$(n,n.nextElementSibling);else{var r=T(n);r&&$(n,r)}e.preventDefault()},q=function(e){var n=e.target;if(n.previousElementSibling)$(n,n.previousElementSibling,j(n.previousElementSibling));else{var t=U(n);t&&$(n,t)}e.preventDefault()},J=function(e){v||S||(e.currentTarget.tabIndex=-1,I(e,!0))},X=function(n){var t=l.DomHandler.findSingle(n.currentTarget,'[data-pc-section="toggler"]');if(0===e.level&&!S)return!1;if(S&&!v)return t.click(),!1;var r=Y(n.currentTarget);r&&$(n.currentTarget,r)},_=function(e){z(e,y.current),A(e),e.preventDefault()},B=function(){V()},V=function(){var e=l.DomHandler.find(m.current.closest('[data-pc-section="container"]'),'[role="treeitem"]'),n=b(e).some((function(e){return"true"===e.getAttribute("aria-selected")||"true"===e.getAttribute("aria-checked")}));if(b(e).forEach((function(e){e.tabIndex=-1})),n){var t=b(e).filter((function(e){return"true"===e.getAttribute("aria-selected")||"true"===e.getAttribute("aria-checked")}));t[0].tabIndex=0}else b(e)[0].tabIndex=0},z=function(n,t){if(null!==e.selectionMode){var r=b(l.DomHandler.find(h.current.parentElement,'[role="treeitem"]'));n.currentTarget.tabIndex=!1===t?-1:0,r.every((function(e){return-1===e.tabIndex}))&&(r[0].tabIndex=0)}},$=function(e,n,t){var r;e.tabIndex="-1",n.tabIndex="0",(r=t||n)&&r.focus()},Y=function e(n){var t=n.closest("ul").closest("li");if(t){var r=l.DomHandler.findSingle(t,"button");return r&&"hidden"!==r.style.visibility?t:e(n.previousElementSibling)}return null},G=function(n){var t,r=n.check,o=n.selectionKeys,a=N(e.node.children);try{for(a.s();!(t=a.n()).done;){var i=t.value;o[i.key]&&o[i.key].checked&&0}}catch(e){a.e(e)}finally{a.f()}var c=e.node.key,s=l.ObjectUtils.findChildrenByKey(e.originalOptions,c),d=s.some((function(e){return e.key in o})),u=s.every((function(e){return e.key in o&&o[e.key].checked}));d&&!u?o[c]={checked:!1,partialChecked:!0}:u?o[c]={checked:!0,partialChecked:!1}:r?o[c]={checked:!1,partialChecked:!1}:delete o[c],e.propagateSelectionUp&&e.onPropagateUp&&e.onPropagateUp(n)},Q=function e(n,t,r){if(t?r[n.key]={checked:!0,partialChecked:!1}:delete r[n.key],n.children&&n.children.length)for(var o=0;o<n.children.length;o++)e(n.children[o],t,r)},W=function(){return!(!e.selectionMode||!e.selectionKeys)&&(ne()?e.selectionKeys===e.node.key:void 0!==e.selectionKeys[e.node.key])},Z=function(){return!!e.selectionKeys&&(e.selectionKeys[e.node.key]&&e.selectionKeys[e.node.key].checked)||!1},ee=function(e){return e.currentTarget&&(e.currentTarget.isSameNode(e.target)||e.currentTarget.isSameNode(e.target.closest('[role="treeitem"]')))},ne=function(){return e.selectionMode&&"single"===e.selectionMode},te=function(){return e.selectionMode&&"multiple"===e.selectionMode},re=function(){return e.selectionMode&&"checkbox"===e.selectionMode},oe=function(){y.current=!0},le=function(n,t){(n.preventDefault(),!1!==e.node.droppable)&&(l.DomHandler.removeClass(n.target,"p-treenode-droppoint-active"),e.onDropPoint&&e.onDropPoint({originalEvent:n,path:e.path,index:-1===t?e.index:e.index+1,position:t}))},ae=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&(n.dataTransfer.dropEffect="move",n.preventDefault())},ie=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&l.DomHandler.addClass(n.target,"p-treenode-droppoint-active")},ce=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&l.DomHandler.removeClass(n.target,"p-treenode-droppoint-active")},se=function(n){e.dragdropScope&&!1!==e.node.droppable&&(l.DomHandler.removeClass(m.current,"p-treenode-dragover"),n.preventDefault(),n.stopPropagation(),e.onDrop&&e.onDrop({originalEvent:n,path:e.path,index:e.index}))},de=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&!1!==e.node.droppable&&(n.dataTransfer.dropEffect="move",n.preventDefault(),n.stopPropagation())},ue=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&!1!==e.node.droppable&&l.DomHandler.addClass(m.current,"p-treenode-dragover")},pe=function(n){if(n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&!1!==e.node.droppable){var t=n.currentTarget.getBoundingClientRect();(n.nativeEvent.x>t.left+t.width||n.nativeEvent.x<t.left||n.nativeEvent.y>=Math.floor(t.top+t.height)||n.nativeEvent.y<t.top)&&l.DomHandler.removeClass(m.current,"p-treenode-dragover")}},fe=function(n){n.dataTransfer.setData("text",e.dragdropScope),n.dataTransfer.setData(e.dragdropScope,e.dragdropScope),e.onDragStart&&e.onDragStart({originalEvent:n,path:e.path,index:e.index})},ge=function(n){e.onDragEnd&&e.onDragEnd({originalEvent:n})},me=function(){var n=l.mergeProps({className:E("label")},D("label")),t=p.createElement("span",n,x);e.nodeTemplate&&(t=l.ObjectUtils.getJSXElement(e.nodeTemplate,e.node,{onTogglerClick:P,className:"p-treenode-label",element:t,props:e,expanded:S}));return t},he=function(){if(re()&&!1!==e.node.selectable){var n=Z(),t=!!e.selectionKeys&&e.selectionKeys[e.node.key]&&e.selectionKeys[e.node.key].partialChecked,r=l.mergeProps({className:E("checkboxIcon")},D("checkboxIcon")),o=l.IconUtils.getJSXIcon(n?e.checkboxIcon||p.createElement(a.CheckIcon,r):t?e.checkboxIcon||p.createElement(s.MinusIcon,r):null,K({},r),e),i=l.mergeProps({"aria-hidden":!0,className:E("checkboxContainer")},D("checkboxContainer")),c=l.mergeProps({className:E("checkbox",{checked:n,partialChecked:t,nodeProps:e}),role:"checkbox"},D("checkbox"));return p.createElement("div",i,p.createElement("div",c,o))}return null},ye=function(){var n=e.node.icon||(S?e.node.expandedIcon:e.node.collapsedIcon);if(n){var t=l.mergeProps({className:l.classNames(n,E("nodeIcon"))},D("nodeIcon"));return p.createElement("span",t)}return null},ve=function(){var n=l.mergeProps({className:E("togglerIcon"),"aria-hidden":!0},D("togglerIcon")),t=l.IconUtils.getJSXIcon(S?e.collapseIcon||p.createElement(i.ChevronDownIcon,n):e.expandIcon||p.createElement(c.ChevronRightIcon,n),K({},n),{props:e,expanded:S}),r=l.mergeProps({type:"button",className:E("toggler"),tabIndex:-1,"aria-hidden":!0,onClick:P},D("toggler")),o=p.createElement("button",r,t,p.createElement(d.Ripple,null));e.togglerTemplate&&(o=l.ObjectUtils.getJSXElement(e.togglerTemplate,e.node,{onClick:P,containerClassName:"p-tree-toggler p-link",iconClassName:"p-tree-toggler-icon",element:o,props:e,expanded:S}));return o},be=function(n){if(e.dragdropScope){var t=l.mergeProps({className:E("droppoint"),onDrop:function(e){return le(e,n)},onDragOver:ae,onDragEnter:ie,onDragLeave:ce},D("droppoint"));return p.createElement("li",t)}return null},xe=function(){var n=W(),t=Z(),r=ve(),o=he(),a=ye(),i=me(),c=l.mergeProps({ref:m,className:l.classNames(e.node.className,E("content",{checked:t,selected:n,nodeProps:e,isCheckboxSelectionMode:re})),style:e.node.style,onClick:A,onDoubleClick:L,onContextMenu:H,onTouchEnd:oe,draggable:e.dragdropScope&&!1!==e.node.draggable&&!e.disabled,onDrop:se,onDragOver:de,onDragEnter:ue,onDragLeave:pe,onDragStart:fe,onDragEnd:ge},D("content"));return p.createElement("div",c,r,o,a,i)},Se=(t=e.disabled||0!==e.index?-1:0,r=W(),o=Z(),u=xe(),n=l.mergeProps({className:E("subgroup"),role:"group"},D("subgroup")),f=l.ObjectUtils.isNotEmpty(e.node.children)&&S?p.createElement("ul",n,e.node.children.map((function(n,t){return p.createElement(M,{key:n.key||n.label,node:n,checkboxIcon:e.checkboxIcon,collapseIcon:e.collapseIcon,contextMenuSelectionKey:e.contextMenuSelectionKey,cx:E,disabled:e.disabled,dragdropScope:e.dragdropScope,expandIcon:e.expandIcon,expandedKeys:e.expandedKeys,index:t,isNodeLeaf:e.isNodeLeaf,last:t===e.node.children.length-1,metaKeySelection:e.metaKeySelection,nodeTemplate:e.nodeTemplate,onClick:e.onClick,onCollapse:e.onCollapse,onContextMenu:e.onContextMenu,onContextMenuSelectionChange:e.onContextMenuSelectionChange,onDoubleClick:e.onDoubleClick,onDragEnd:e.onDragEnd,onDragStart:e.onDragStart,onDrop:e.onDrop,onDropPoint:e.onDropPoint,onExpand:e.onExpand,onPropagateUp:G,onSelect:e.onSelect,onSelectionChange:e.onSelectionChange,onToggle:e.onToggle,onUnselect:e.onUnselect,originalOptions:e.originalOptions,parent:e.node,path:e.path+"-"+t,propagateSelectionDown:e.propagateSelectionDown,propagateSelectionUp:e.propagateSelectionUp,ptm:k,selectionKeys:e.selectionKeys,selectionMode:e.selectionMode,togglerTemplate:e.togglerTemplate})}))):null,g=l.mergeProps(C(C({ref:h,className:l.classNames(e.node.className,E("node",{isLeaf:v})),style:e.node.style,tabIndex:t,role:"treeitem","aria-label":x,"aria-level":e.level,"aria-expanded":S,"aria-checked":o,"aria-setsize":e.node.children?e.node.children.length:0,"aria-posinset":e.index+1,onKeyDown:R},"aria-expanded",S),"aria-selected",o||r),D("node")),p.createElement("li",g,u,f));if(e.dragdropScope&&!e.disabled){var ke=be(-1),Ce=e.last?be(1):null;return p.createElement(p.Fragment,null,ke,Se,Ce)}return Se}));M.displayName="UITreeNode";function U(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function A(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?U(Object(t),!0).forEach((function(n){C(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function L(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=H(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 l,a=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return a=e.done,e},e:function(e){i=!0,l=e},f:function(){try{a||null==t.return||t.return()}finally{if(i)throw l}}}}function H(e,n){if(e){if("string"==typeof e)return R(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?R(e,n):void 0}}function R(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var F=p.memo(p.forwardRef((function(e,a){var i=p.useContext(n.PrimeReactContext),c=P.getProps(e,i),s=O(p.useState(""),2),d=s[0],u=s[1],g=O(p.useState(c.expandedKeys),2),m=g[0],h=g[1],y=p.useRef(null),v=p.useRef([]),x=p.useRef(null),S=p.useRef(!1),k=c.onFilterValueChange?c.filterValue:d,C=c.onToggle?c.expandedKeys:m,E=p.useRef(null),D=P.setMetaData({props:c,state:{filterValue:k,expandedKeys:C}}),I=D.ptm,N=D.cx;t.useHandleStyle(P.css.styles,D.isUnstyled,{name:"tree"});var w,T,j,K={filter:function(e){return G(e)},reset:function(){return ne()}},U=function(e){var n=e.originalEvent,t=e.navigateFocusToChild;c.onToggle?c.onToggle({originalEvent:n,value:e.value}):(t&&(E.current=n),h(e.value))};w=function(){if(E.current){var e=E.current,n="toggler"===e.target.getAttribute("data-pc-section")?e.target.closest('[role="treeitem"]'):e.target,t=n.children[1].children[0];n.tabIndex="-1",t.tabIndex="0",t.focus(),E.current=null}},T=[C],j=p.useRef(!1),p.useEffect((function(){if(j.current)return w&&w();j.current=!0}),T);var H=function(e){x.current={path:e.path,index:e.index}},R=function(){x.current=null},F=function e(n){if(Array.isArray(n))return n.map(e);if(n&&Object.getPrototypeOf(n)===Object.prototype){var t={};for(var r in n)t[r]="data"!==r?e(n[r]):n[r];return t}return n},q=function(e){if(_(x.current.path,e.path)){var n=F(c.value),t=x.current.path.split("-");t.pop();var r=z(n,t),o=r?r.children[x.current.index]:n[x.current.index],l=z(n,e.path.split("-"));l.children?l.children.push(o):l.children=[o],r?r.children.splice(x.current.index,1):n.splice(x.current.index,1),c.onDragDrop&&c.onDragDrop({originalEvent:e.originalEvent,value:n,dragNode:o,dropNode:l,dropIndex:e.index})}},J=function(e){if(B(e)){var n=F(c.value),t=x.current.path.split("-");t.pop();var r=e.path.split("-");r.pop();var o=z(n,t),l=z(n,r),a=o?o.children[x.current.index]:n[x.current.index],i=V(x.current.path,e.path);if(o?o.children.splice(x.current.index,1):n.splice(x.current.index,1),e.position<0){var s=i?x.current.index>e.index?e.index:e.index-1:e.index;l?l.children.splice(s,0,a):n.splice(s,0,a)}else l?l.children.push(a):n.push(a);c.onDragDrop&&c.onDragDrop({originalEvent:e.originalEvent,value:n,dragNode:a,dropNode:l,dropIndex:e.index})}},X=function(e,n){return!!e&&(e!==n&&0!==n.indexOf(e))},_=function(e,n){return!!X(e,n)&&!(e.indexOf("-")>0&&e.substring(0,e.lastIndexOf("-"))===n)},B=function(e){return!!X(x.current.path,e.path)&&(-1!==e.position||!V(x.current.path,e.path)||x.current.index+1!==e.index)},V=function(e,n){return 1===e.length&&1===n.length||e.substring(0,e.lastIndexOf("-"))===n.substring(0,n.lastIndexOf("-"))},z=function e(n,t){if(0===t.length)return null;var r=parseInt(t[0],10),o=n.children?n.children[r]:n[r];return 1===t.length?o:(t.shift(),e(o,t))},$=function(e){return!1!==e.leaf&&!(e.children&&e.children.length)},Y=function(e){13===e.which&&e.preventDefault()},G=function(e){S.current=!0;var n=e.target.value;c.onFilterValueChange?c.onFilterValueChange({originalEvent:e,value:n}):u(n)},Q=function(e){u(l.ObjectUtils.isNotEmpty(e)?e:""),W()},W=function(){if(S.current){if(l.ObjectUtils.isEmpty(k))v.current=c.value;else{v.current=[];var e,n=c.filterBy.split(","),t=k.toLocaleLowerCase(c.filterLocale),r="strict"===c.filterMode,o=L(c.value);try{for(o.s();!(e=o.n()).done;){var a=A({},e.value),i={searchFields:n,filterText:t,isStrictMode:r};(r&&(Z(a,i)||ee(a,i))||!r&&(ee(a,i)||Z(a,i)))&&v.current.push(a)}}catch(e){o.e(e)}finally{o.f()}}S.current=!1}},Z=function(e,n){if(e){var t=!1;if(e.children){var r=b(e.children);e.children=[];var o,l=L(r);try{for(l.s();!(o=l.n()).done;){var a=A({},o.value);ee(a,n)&&(t=!0,e.children.push(a))}}catch(e){l.e(e)}finally{l.f()}}if(t)return e.expanded=!0,!0}},ee=function(e,n){var t,r=n.searchFields,o=n.filterText,a=n.isStrictMode,i=!1,s=L(r);try{for(s.s();!(t=s.n()).done;){String(l.ObjectUtils.resolveFieldData(e,t.value)).toLocaleLowerCase(c.filterLocale).indexOf(o)>-1&&(i=!0)}}catch(e){s.e(e)}finally{s.f()}return(!i||a&&!$(e))&&(i=Z(e,{searchFields:r,filterText:o,isStrictMode:a})||i),i},ne=function(){u("")};p.useImperativeHandle(a,(function(){return{props:c,filter:Q,getElement:function(){return y.current}}}));var te=function(e,n,t){return p.createElement(M,{hostName:"Tree",key:e.key||e.label,node:e,level:c.level+1,originalOptions:c.value,index:n,last:t,path:String(n),checkboxIcon:c.checkboxIcon,collapseIcon:c.collapseIcon,contextMenuSelectionKey:c.contextMenuSelectionKey,cx:N,disabled:c.disabled,dragdropScope:c.dragdropScope,expandIcon:c.expandIcon,expandedKeys:C,isNodeLeaf:$,metaKeySelection:c.metaKeySelection,nodeTemplate:c.nodeTemplate,onClick:c.onNodeClick,onCollapse:c.onCollapse,onContextMenu:c.onContextMenu,onContextMenuSelectionChange:c.onContextMenuSelectionChange,onDoubleClick:c.onNodeDoubleClick,onDragEnd:R,onDragStart:H,onDrop:q,onDropPoint:J,onExpand:c.onExpand,onSelect:c.onSelect,onSelectionChange:c.onSelectionChange,onToggle:U,onUnselect:c.onUnselect,propagateSelectionDown:c.propagateSelectionDown,propagateSelectionUp:c.propagateSelectionUp,ptm:I,selectionKeys:c.selectionKeys,selectionMode:c.selectionMode,togglerTemplate:c.togglerTemplate})},re=function(){c.filter&&(S.current=!0,W());var e=c.filter&&v.current?v.current:c.value;return e.map((function(n,t){return te(n,t,t===e.length-1)}))},oe=function(){if(c.filter){var e=l.ObjectUtils.isNotEmpty(k)?k:"",n=l.mergeProps({className:N("searchIcon")},I("searchIcon")),t=l.IconUtils.getJSXIcon(c.filterIcon||p.createElement(r.SearchIcon,n),A({},n),{props:c}),o=l.mergeProps({className:N("filterContainer")},I("filterContainer")),a=l.mergeProps({type:"text",value:e,autoComplete:"off",className:N("input"),placeholder:c.filterPlaceholder,"aria-label":c.filterPlaceholder,onKeyDown:Y,onChange:G,disabled:c.disabled},I("input")),i=p.createElement("div",o,p.createElement("input",a),t);if(c.filterTemplate)i=l.ObjectUtils.getJSXElement(c.filterTemplate,{className:"p-tree-filter-container",element:i,filterOptions:K,filterInputKeyDown:Y,filterInputChange:G,filterIconClassName:"p-dropdown-filter-icon",props:c});return p.createElement(p.Fragment,null,i)}return null},le=P.getOtherProps(c),ae=l.ObjectUtils.reduceKeys(le,l.DomHandler.ARIA_PROPS),ie=function(){if(c.loading){var e=l.mergeProps({className:N("loadingIcon")},I("loadingIcon")),n=c.loadingIcon||p.createElement(o.SpinnerIcon,f({},e,{spin:!0})),t=l.IconUtils.getJSXIcon(n,A({},e),{props:c}),r=l.mergeProps({className:N("loadingOverlay")},I("loadingOverlay"));return p.createElement("div",r,t)}return null}(),ce=function(){if(c.value){var e=re(),n=l.mergeProps(A({className:l.classNames(c.contentClassName,N("container")),role:"tree","aria-label":c.ariaLabel,"aria-labelledby":c.ariaLabelledBy,style:c.contentStyle},ae),I("container"));return p.createElement("ul",n,e)}return null}(),se=function(){if(c.showHeader){var e=oe(),n=e;if(c.header)n=l.ObjectUtils.getJSXElement(c.header,{filterContainerClassName:"p-tree-filter-container",filterIconClassName:"p-tree-filter-icon",filterInput:{className:"p-tree-filter p-inputtext p-component",onKeyDown:Y,onChange:G},filterElement:e,element:n,props:c});var t=l.mergeProps({className:N("header")},I("header"));return p.createElement("div",t,n)}return null}(),de=function(){var e=l.ObjectUtils.getJSXElement(c.footer,c),n=l.mergeProps({className:N("footer")},I("footer"));return p.createElement("div",n,e)}(),ue=l.mergeProps({ref:y,className:l.classNames(c.className,N("root")),style:c.style,id:c.id},P.getOtherProps(c),I("root"));return p.createElement("div",ue,ie,se,ce,de)})));F.displayName="Tree",exports.Tree=F;

package/tree/tree.d.ts

@@ -573,6 +573,14 @@ export interface TreeProps {
      * @defaultValue undefined
      */
     filterLocale?: string | undefined;
+    /**
+     * Defines a string value that labels an interactive element.
+     */
+    ariaLabel?: string | undefined;
+    /**
+     * Identifier of the underlying menu element.
+     */
+    ariaLabelledby?: string | undefined;
     /**
      * Template of toggler element.
      */