primereact 10.2.1 → 10.3.1

package/treeselect/treeselect.esm.js

@@ -8,8 +8,9 @@ import { SearchIcon } from 'primereact/icons/search';
 import { TimesIcon } from 'primereact/icons/times';
 import { OverlayService } from 'primereact/overlayservice';
 import { Ripple } from 'primereact/ripple';
+import { Tooltip } from 'primereact/tooltip';
 import { Tree } from 'primereact/tree';
-import { classNames, mergeProps, ObjectUtils, DomHandler, ZIndexUtils, IconUtils } from 'primereact/utils';
+import { classNames, mergeProps, ObjectUtils, DomHandler, UniqueComponentId, ZIndexUtils, IconUtils } from 'primereact/utils';
 import { CSSTransition } from 'primereact/csstransition';
 import { Portal } from 'primereact/portal';
 
@@ -28,6 +29,37 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+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 _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+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 _nonIterableSpread() {
+  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 _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
+}
+
 function _typeof(o) {
   "@babel/helpers - typeof";
 
@@ -101,21 +133,6 @@ function _iterableToArrayLimit(r, l) {
   }
 }
 
-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 _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 _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
@@ -172,7 +189,7 @@ var classes = {
   wrapper: 'p-treeselect-items-wrapper',
   transition: 'p-connected-overlay'
 };
-var styles = "\n@layer primereact {\n    .p-treeselect {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-treeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-treeselect-label-container {\n        overflow: hidden;\n        flex: 1 1 auto;\n        cursor: pointer;\n    }\n    \n    .p-treeselect-label  {\n        display: block;\n        white-space: nowrap;\n        cursor: pointer;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    \n    .p-treeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-treeselect-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-treeselect .p-treeselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-treeselect-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-treeselect-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n    \n    .p-treeselect-filter-container {\n        position: relative;\n        flex: 1 1 auto;\n    }\n    \n    .p-treeselect-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-treeselect-filter-container .p-inputtext {\n        width: 100%;\n    }\n    \n    .p-treeselect-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n        margin-left: auto;\n    }\n    \n    .p-treeselect-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-treeselect {\n        display: flex;\n}\n}\n";
+var styles = "\n@layer primereact {\n    .p-treeselect {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n\n    .p-treeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-treeselect-label-container {\n        overflow: hidden;\n        flex: 1 1 auto;\n        cursor: pointer;\n    }\n\n    .p-treeselect-label  {\n        display: block;\n        white-space: nowrap;\n        cursor: pointer;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    .p-treeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n\n    .p-treeselect-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n\n    .p-treeselect .p-treeselect-panel {\n        min-width: 100%;\n    }\n\n    .p-treeselect-items-wrapper {\n        overflow: auto;\n    }\n\n    .p-treeselect-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-treeselect-filter-container {\n        position: relative;\n        flex: 1 1 auto;\n    }\n\n    .p-treeselect-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-treeselect-filter-container .p-inputtext {\n        width: 100%;\n    }\n\n    .p-treeselect-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n        margin-left: auto;\n    }\n\n    .p-treeselect-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-fluid .p-treeselect {\n        display: flex;\n}\n}\n";
 var TreeSelectBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'TreeSelect',
@@ -202,6 +219,8 @@ var TreeSelectBase = ComponentBase.extend({
     name: null,
     nodeTemplate: null,
     onChange: null,
+    onFocus: null,
+    onBlur: null,
     onFilterValueChange: null,
     onHide: null,
     onNodeCollapse: null,
@@ -244,6 +263,12 @@ var TreeSelectPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       hostName: props.hostName
     }, options));
   };
+  var onKeyDown = function onKeyDown(event) {
+    if (event.key === 'Escape') {
+      event.preventDefault();
+      props.hide();
+    }
+  };
   var createElement = function createElement() {
     var wrapperStyle = {
       maxHeight: props.scrollHeight || 'auto'
@@ -254,6 +279,7 @@ var TreeSelectPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
         context: context
       }),
       style: props.panelStyle,
+      onKeyDown: onKeyDown,
       onClick: props.onClick
     }, getPTOptions('panel'));
     var wrapperProps = mergeProps({
@@ -278,7 +304,7 @@ var TreeSelectPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       nodeRef: ref
     }, transitionProps), /*#__PURE__*/React.createElement("div", _extends({
       ref: ref
-    }, panelProps), props.header, /*#__PURE__*/React.createElement("div", wrapperProps, props.children), props.footer));
+    }, panelProps), props.firstHiddenFocusableElementOnOverlay, props.header, /*#__PURE__*/React.createElement("div", wrapperProps, props.children), props.footer, props.lastHiddenFocusableElementOnOverlay));
   };
   var element = createElement();
   return /*#__PURE__*/React.createElement(Portal, {
@@ -318,12 +344,18 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var focusInputRef = React.useRef(props.inputRef);
   var triggerRef = React.useRef(null);
   var selfChange = React.useRef(null);
+  var treeRef = React.useRef(null);
+  var firstHiddenFocusableElementOnOverlay = React.useRef(null);
+  var lastHiddenFocusableElementOnOverlay = React.useRef(null);
+  var focusToTree = React.useRef(false);
+  var listId = React.useRef('');
   var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
   var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
   var isValueEmpty = ObjectUtils.isEmpty(props.value);
   var hasNoOptions = ObjectUtils.isEmpty(props.options);
   var isSingleSelectionMode = props.selectionMode === 'single';
   var isCheckboxSelectionMode = props.selectionMode === 'checkbox';
+  var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var metaData = {
     props: props,
     state: {
@@ -370,12 +402,15 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
   var hide = function hide() {
     setOverlayVisibleState(false);
+    focusInputRef.current && DomHandler.focus(focusInputRef.current);
   };
   var onInputFocus = function onInputFocus() {
     setFocusedState(true);
+    props.onFocus && props.onFocus();
   };
   var onInputBlur = function onInputBlur() {
     setFocusedState(false);
+    props.onBlur && props.onBlur();
   };
   var onClick = function onClick(event) {
     if (!props.disabled && (!overlayRef.current || !overlayRef.current.contains(event.target)) && !DomHandler.hasClass(event.target, 'p-treeselect-close')) {
@@ -429,6 +464,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
   var onNodeUnselect = function onNodeUnselect(node) {
     props.onNodeUnselect && props.onNodeUnselect(node);
+    isCheckboxSelectionMode && node.originalEvent.stopPropagation();
   };
   var onNodeToggle = function onNodeToggle(e) {
     if (props.onToggle) {
@@ -446,44 +482,88 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       target: elementRef.current
     });
   };
-  var onInputKeyDown = function onInputKeyDown(event) {
-    switch (event.which) {
-      //down
-      case 40:
-        if (!overlayVisibleState && event.altKey) {
-          show();
-        }
+  var onFirstHiddenFocus = function onFirstHiddenFocus(event) {
+    var focusableEl = event.relatedTarget === focusInputRef.current ? DomHandler.getFirstFocusableElement(overlayRef.current, ':not([data-p-hidden-focusable="true"])') : focusInputRef.current;
+    DomHandler.focus(focusableEl);
+  };
+  var onLastHiddenFocus = function onLastHiddenFocus(event) {
+    var focusableEl = event.relatedTarget === focusInputRef.current ? DomHandler.getLastFocusableElement(overlayRef.current, ':not([data-p-hidden-focusable="true"])') : focusInputRef.current;
+    DomHandler.focus(focusableEl);
+  };
+  var onHeaderElementKeyDown = function onHeaderElementKeyDown(event, isHideButton) {
+    switch (event.code) {
+      case 'ArrowDown':
+        event.preventDefault();
+        setFocusToFocusableFirstNode();
         break;
-
-      //space
-      case 32:
-        if (!overlayVisibleState) {
-          show();
-          event.preventDefault();
-        }
+      case 'ArrowUp':
+        event.preventDefault();
+        focusInputRef.current && DomHandler.focus(focusInputRef.current);
         break;
-
-      //enter and escape
-      case 13:
-      case 27:
+      case 'Space':
+      case 'Enter':
+      case 'NumpadEnter':
+        event.preventDefault();
+        if (isHideButton) hide();
+        break;
+      case 'Escape':
+        onEscapeKey(event);
+        break;
+    }
+  };
+  var onKeyDown = function onKeyDown(event) {
+    switch (event.code) {
+      case 'ArrowDown':
+        onArrowDownKey(event);
+        break;
+      case 'Space':
+      case 'Enter':
+      case 'NumpadEnter':
+        onEnterKey(event);
+        break;
+      case 'Escape':
+        onEscapeKey(event);
+        break;
+      case 'Tab':
         if (overlayVisibleState) {
-          hide();
           event.preventDefault();
+          if (event.shiftKey) setFocusToFocusableFirstNode();else onTabKey(event);
         }
         break;
-
-      //tab
-      case 9:
-        hide();
-        break;
     }
   };
-  var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
-    //enter
-    if (event.which === 13) {
+  var onArrowDownKey = function onArrowDownKey(event) {
+    if (overlayVisibleState) return;
+    focusToTree.current = true;
+    show();
+    event.preventDefault();
+  };
+  var onEnterKey = function onEnterKey(event) {
+    if (overlayVisibleState) {
+      hide();
+    } else {
+      onArrowDownKey(event);
+    }
+    event.preventDefault();
+  };
+  var onEscapeKey = function onEscapeKey(event) {
+    if (overlayVisibleState) {
+      hide();
       event.preventDefault();
     }
   };
+  var onTabKey = function onTabKey(event) {
+    var pressedInInputText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    if (!pressedInInputText) {
+      if (overlayVisibleState && hasFocusableElements()) {
+        DomHandler.focus(firstHiddenFocusableElementOnOverlay.current);
+        event.preventDefault();
+      }
+    }
+  };
+  var hasFocusableElements = function hasFocusableElements() {
+    return DomHandler.getFocusableElements(overlayRef.current, ':not([data-p-hidden-focusable="true"])').length > 0;
+  };
   var onFilterInputChange = function onFilterInputChange(event) {
     var value = event.target.value;
     if (props.onFilterValueChange) {
@@ -505,6 +585,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       top: '0',
       left: '0'
     });
+    setFocusToFocusableFirstNode();
     alignOverlay();
     scrollInView();
   };
@@ -582,6 +663,13 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       updateTreeBranchState(null, null, keys);
     }
   };
+  var setFocusToFocusableFirstNode = function setFocusToFocusableFirstNode() {
+    var treeNodeEl = DomHandler.find(treeRef.current.getElement(), '[data-pc-section="node"]');
+    var focusedElement = _toConsumableArray(treeNodeEl).find(function (item) {
+      return item.getAttribute('tabindex') === '0';
+    });
+    DomHandler.focus(focusedElement);
+  };
   var updateTreeBranchState = function updateTreeBranchState(node, path, keys) {
     if (node) {
       if (isSelected(node, keys)) {
@@ -663,6 +751,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   }, [focusInputRef, props.inputRef]);
   useMountEffect(function () {
     updateTreeState();
+    listId.current = UniqueComponentId() + '_list';
     if (props.autoFocus) {
       DomHandler.focus(focusInputRef.current, props.autoFocus);
     }
@@ -676,6 +765,12 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   useUpdateEffect(function () {
     updateTreeState();
   }, [props.options]);
+  useUpdateEffect(function () {
+    if (focusToTree.current && overlayVisibleState) {
+      focusToTree.current = false;
+      setFocusToFocusableFirstNode();
+    }
+  }, [overlayVisibleState]);
   useUpdateEffect(function () {
     if (overlayVisibleState && expandedKeysState) {
       alignOverlay();
@@ -702,9 +797,13 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       id: props.inputId,
       type: 'text',
       'aria-expanded': overlayVisibleState,
+      'aria-label': props.ariaLabel,
+      'aria-labelledby': props.ariaLabelledBy,
+      'aria-haspopup': 'tree',
+      'aria-controls': listId.current,
       onFocus: onInputFocus,
       onBlur: onInputBlur,
-      onKeyDown: onInputKeyDown,
+      onKeyDown: onKeyDown,
       disabled: props.disabled,
       tabIndex: props.tabIndex
     }, ariaProps), ptm('hiddenInput'));
@@ -749,7 +848,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       ref: triggerRef,
       className: cx('trigger'),
       role: 'button',
-      'aria-haspopup': 'listbox',
+      'aria-haspopup': 'tree',
       'aria-expanded': overlayVisibleState
     }, ptm('trigger'));
     var triggerIconProps = mergeProps({
@@ -779,6 +878,8 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       className: cx('emptyMessage')
     }, ptm('emptyMessage'));
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tree, {
+      ref: treeRef,
+      id: listId.current,
       expandedKeys: expandedKeys,
       filter: props.filter,
       filterBy: props.filterBy,
@@ -819,7 +920,9 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         autoComplete: 'off',
         className: cx('filter'),
         placeholder: props.filterPlaceholder,
-        onKeyDown: onFilterInputKeyDown,
+        onKeyDown: function onKeyDown(event) {
+          return onHeaderElementKeyDown(event, false);
+        },
         onChange: onFilterInputChange,
         disabled: props.disabled
       }, ptm('filter'));
@@ -836,7 +939,9 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
           className: 'p-treeselect-filter-container',
           element: filterContent,
           filterOptions: filterOptions,
-          filterInputKeyDown: onFilterInputKeyDown,
+          filterInputKeyDown: function filterInputKeyDown(event) {
+            return onHeaderElementKeyDown(event, function () {});
+          },
           filterInputChange: onFilterInputChange,
           filterIconClassName: 'p-dropdown-filter-icon',
           props: props
@@ -859,6 +964,9 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     var closeButtonProps = mergeProps({
       type: 'button',
       className: cx('closeButton'),
+      onKeyDown: function onKeyDown(event) {
+        return onHeaderElementKeyDown(event, true);
+      },
       onClick: hide,
       'aria-label': localeOption('close')
     }, ptm('closeButton'));
@@ -888,6 +996,26 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var selectedNodes = getSelectedNodes();
   var otherProps = TreeSelectBase.getOtherProps(props);
   var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
+  var firstHiddenFocusableElementOnOverlayProps = mergeProps({
+    ref: firstHiddenFocusableElementOnOverlay,
+    role: 'presentation',
+    className: 'p-hidden-accessible p-hidden-focusable',
+    tabIndex: 0,
+    onFocus: onFirstHiddenFocus,
+    'aria-hidden': true,
+    'data-p-hidden-accessible': true,
+    'data-p-hidden-focusable': true
+  }, ptm('firstHiddenFocusableElementOnOverlay'));
+  var lastHiddenFocusableElementOnOverlayProps = mergeProps({
+    ref: lastHiddenFocusableElementOnOverlay,
+    role: 'presentation',
+    className: 'p-hidden-accessible p-hidden-focusable',
+    tabIndex: 0,
+    onFocus: onLastHiddenFocus,
+    'aria-hidden': true,
+    'data-p-hidden-accessible': true,
+    'data-p-hidden-focusable': true
+  }, ptm('lastHiddenFocusableElementOnOverlay'));
   var rootProps = mergeProps({
     ref: elementRef,
     className: cx('root', {
@@ -914,7 +1042,10 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     scrollHeight: props.scrollHeight,
     onClick: onOverlayClick,
     header: header,
+    hide: hide,
     footer: footer,
+    firstHiddenFocusableElementOnOverlay: /*#__PURE__*/React.createElement("span", firstHiddenFocusableElementOnOverlayProps),
+    lastHiddenFocusableElementOnOverlay: /*#__PURE__*/React.createElement("span", lastHiddenFocusableElementOnOverlayProps),
     transitionOptions: props.transitionOptions,
     "in": overlayVisibleState,
     onEnter: onOverlayEnter,
@@ -923,7 +1054,12 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     onExited: onOverlayExited,
     ptm: ptm,
     cx: cx
-  }, content));
+  }, content), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+    target: elementRef,
+    content: props.tooltip
+  }, props.tooltipOptions, {
+    pt: ptm('tooltip')
+  })));
 }));
 TreeSelect.displayName = 'TreeSelect';
 

package/treeselect/treeselect.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{PrimeReactContext as n,localeOption as r}from"primereact/api";import{ComponentBase as l,useHandleStyle as o}from"primereact/componentbase";import{useOverlayListener as a,useMountEffect as i,useUpdateEffect as c,useUnmountEffect as s}from"primereact/hooks";import{ChevronDownIcon as p}from"primereact/icons/chevrondown";import{SearchIcon as u}from"primereact/icons/search";import{TimesIcon as f}from"primereact/icons/times";import{OverlayService as d}from"primereact/overlayservice";import{Ripple as m}from"primereact/ripple";import{Tree as y}from"primereact/tree";import{classNames as v,mergeProps as g,ObjectUtils as b,DomHandler as h,ZIndexUtils as E,IconUtils as w}from"primereact/utils";import{CSSTransition as S}from"primereact/csstransition";import{Portal as O}from"primereact/portal";function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},x.apply(this,arguments)}function I(e){return I="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},I(e)}function N(e,t){if("object"!==I(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==I(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function C(e){var t=N(e,"string");return"symbol"===I(t)?t:String(t)}function j(e,t,n){return(t=C(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e){if(Array.isArray(e))return e}function P(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}function T(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function D(e,t){if(e){if("string"==typeof e)return T(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?T(e,t):void 0}}function F(){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 M(e,t){return k(e)||P(e,t)||D(e,t)||F()}var V=l.extend({defaultProps:{__TYPE:"TreeSelect",appendTo:null,ariaLabel:null,ariaLabelledBy:null,className:null,closeIcon:null,clearIcon:null,disabled:!1,display:"comma",dropdownIcon:null,emptyMessage:null,expandedKeys:null,filter:!1,filterBy:"label",filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMode:"lenient",filterPlaceholder:null,filterTemplate:null,filterValue:null,inputId:null,inputRef:null,metaKeySelection:!0,name:null,nodeTemplate:null,onChange:null,onFilterValueChange:null,onHide:null,onNodeCollapse:null,onNodeExpand:null,onNodeSelect:null,onNodeUnselect:null,onShow:null,options:null,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,resetFilterOnHide:!1,scrollHeight:"400px",selectionMode:"single",showClear:!1,style:null,tabIndex:null,togglerTemplate:null,transitionOptions:null,value:null,valueTemplate:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState;return v("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===t.display,"p-treeselect-clearable":t.showClear&&!t.disabled,"p-disabled":t.disabled,"p-focus":n,"p-inputwrapper-filled":!e.isValueEmpty,"p-inputwrapper-focus":n||e.overlayVisibleState},t.className)},label:function(e){var t=e.props,n=e.isValueEmpty;return v("p-treeselect-label",{"p-placeholder":(0,e.getLabel)()===t.placeholder,"p-treeselect-label-empty":!t.placeholder&&n})},panel:function(e){var n=e.context;return v("p-treeselect-panel p-component",e.panelProps.panelClassName,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},labelContainer:"p-treeselect-label-container",tokenLabel:"p-treeselect-token-label",token:"p-treeselect-token",trigger:"p-treeselect-trigger",triggerIcon:"p-treeselect-trigger-icon p-clickable",emptyMessage:"p-treeselect-empty-message",filterContainer:"p-treeselect-filter-container",filter:"p-treeselect-filter p-inputtext p-component",filterIcon:"p-treeselect-filter-icon",closeIcon:"p-treeselect-close-icon",clearIcon:"p-treeselect-clear-icon p-clickable",closeButton:"p-treeselect-close p-link",header:"p-treeselect-header",wrapper:"p-treeselect-items-wrapper",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-treeselect {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-treeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-treeselect-label-container {\n        overflow: hidden;\n        flex: 1 1 auto;\n        cursor: pointer;\n    }\n    \n    .p-treeselect-label  {\n        display: block;\n        white-space: nowrap;\n        cursor: pointer;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    \n    .p-treeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-treeselect-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-treeselect .p-treeselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-treeselect-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-treeselect-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n    \n    .p-treeselect-filter-container {\n        position: relative;\n        flex: 1 1 auto;\n    }\n    \n    .p-treeselect-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-treeselect-filter-container .p-inputtext {\n        width: 100%;\n    }\n    \n    .p-treeselect-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n        margin-left: auto;\n    }\n    \n    .p-treeselect-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-treeselect {\n        display: flex;\n}\n}\n"}});function A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=e.forwardRef((function(t,r){var l,o,a,i,c=e.useContext(n),s=t.ptm,p=t.cx,u=function(e,n){return s(e,R({hostName:t.hostName},n))},f=(l={maxHeight:t.scrollHeight||"auto"},o=g({className:p("panel",{panelProps:t,context:c}),style:t.panelStyle,onClick:t.onClick},u("panel")),a=g({className:p("wrapper"),style:l},u("wrapper")),i=g({classNames:p("transition"),in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},u("transition")),e.createElement(S,x({nodeRef:r},i),e.createElement("div",x({ref:r},o),t.header,e.createElement("div",a,t.children),t.footer)));return e.createElement(O,{element:f,appendTo:t.appendTo})}));function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function B(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=J(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}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 o,a=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){i=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(i)throw o}}}}function J(e,t){if(e){if("string"==typeof e)return U(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?U(e,t):void 0}}function U(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}H.displayName="TreeSelectPanel";var X=e.memo(e.forwardRef((function(l,v){var S=e.useContext(n),O=V.getProps(l,S),I=M(e.useState(!1),2),N=I[0],C=I[1],k=M(e.useState(!1),2),P=k[0],T=k[1],D=M(e.useState(O.expandedKeys),2),F=D[0],A=D[1],R=M(e.useState(""),2),K=R[0],J=R[1],U=e.useRef(null),X=e.useRef(null),_=e.useRef(null),z=e.useRef(O.inputRef),Z=e.useRef(null),$=e.useRef(null),W=O.onToggle?O.expandedKeys:F,Y=O.onFilterValueChange?O.filterValue:K,q=b.isEmpty(O.value),G=b.isEmpty(O.options),Q="single"===O.selectionMode,ee="checkbox"===O.selectionMode,te={props:O,state:{focused:N,overlayVisible:P,expandedKeys:W,filterValue:Y}},ne=V.setMetaData(te),re=ne.ptm,le=ne.cx;o(V.css.styles,ne.isUnstyled,{name:"treeselect"});var oe={filter:function(e){return Se(e)},reset:function(){return Oe()}},ae=M(a({target:U,overlay:X,listener:function(e,t){t.valid&&ue()},when:P}),2),ie=ae[0],ce=ae[1],se=function(){return Ve.length?Ve.map((function(e){return e.label})).join(", "):O.placeholder},pe=function(){T(!0)},ue=function(){T(!1)},fe=function(){C(!0)},de=function(){C(!1)},me=function(e){O.onChange&&($.current=!0,O.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:O.name,id:O.id,value:e.value}}))},ye=function(e){O.onChange&&($.current=!0,O.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:O.name,id:O.id,value:void 0}}))},ve=function(e){O.onNodeSelect&&O.onNodeSelect(e),Q&&ue()},ge=function(e){O.onNodeUnselect&&O.onNodeUnselect(e)},be=function(e){O.onToggle?O.onToggle(e):A(e.value)},he=function(e){J(e.value)},Ee=function(e){switch(e.which){case 40:!P&&e.altKey&&pe();break;case 32:P||(pe(),e.preventDefault());break;case 13:case 27:P&&(ue(),e.preventDefault());break;case 9:ue()}},we=function(e){13===e.which&&e.preventDefault()},Se=function(e){var t=e.target.value;O.onFilterValueChange?O.onFilterValueChange({originalEvent:e,value:t}):J(t)},Oe=function(){J("")},xe=function(){h.alignOverlay(X.current,Z.current.parentElement,O.appendTo||S&&S.appendTo||t.appendTo)},Ie=function(){var e=h.findSingle(X.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},Ne=function e(t,n,r){if(t){if(Ce(t,n)&&(r.push(t),delete n[t.key]),Object.keys(n).length&&t.children){var l,o=B(t.children);try{for(o.s();!(l=o.n()).done;){e(l.value,n,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var a,i=B(O.options);try{for(i.s();!(a=i.n()).done;){e(a.value,n,r)}}catch(e){i.e(e)}finally{i.f()}}},Ce=function(e,t){return ee?t[e.key]&&t[e.key].checked:t[e.key]},je=function(){var e=Q?j({},"".concat(O.value),!0):L({},O.value);A({}),e&&O.options&&ke(null,null,e)},ke=function e(t,n,r){if(t){if(Ce(t,r)&&(Pe(n),delete r[t.key]),Object.keys(r).length&&t.children){var l,o=B(t.children);try{for(o.s();!(l=o.n()).done;){var a=l.value;n.push(t.key),e(a,n,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var i,c=B(O.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],r)}}catch(e){c.e(e)}finally{c.f()}}},Pe=function(e){if(e.length>0){var t,n=L({},F||{}),r=B(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}A(n)}};e.useImperativeHandle(v,(function(){return{props:O,clear:ye,show:pe,hide:ue,focus:function(){return h.focus(z.current)},getElement:function(){return U.current}}})),e.useEffect((function(){b.combinedRefs(z,O.inputRef)}),[z,O.inputRef]),i((function(){je(),O.autoFocus&&h.focus(z.current,O.autoFocus),xe()})),c((function(){P&&O.filter&&xe()})),c((function(){je()}),[O.options]),c((function(){P&&F&&xe()}),[F]),c((function(){P&&($.current||je(),$.current=!1)}),[O.value]),s((function(){E.clear(X.current)}));var Te,De,Fe,Me=function(){if(O.filter){var t=b.isNotEmpty(Y)?Y:"",n=g({className:le("filterContainer")},re("filterContainer")),r=g({ref:_,type:"text",value:t,autoComplete:"off",className:le("filter"),placeholder:O.filterPlaceholder,onKeyDown:we,onChange:Se,disabled:O.disabled},re("filter")),l=g({className:le("filterIcon")},re("filterIcon")),o=w.getJSXIcon(O.filterIcon||e.createElement(u,l),L({},l),{props:O}),a=e.createElement("div",n,e.createElement("input",r),o);if(O.filterTemplate)a=b.getJSXElement(O.filterTemplate,{className:"p-treeselect-filter-container",element:a,filterOptions:oe,filterInputKeyDown:we,filterInputChange:Se,filterIconClassName:"p-dropdown-filter-icon",props:O});return e.createElement(e.Fragment,null,a)}},Ve=function(){var e=[];if(b.isNotEmpty(O.value)&&O.options){var t=Q?j({},"".concat(O.value),!0):L({},O.value);Ne(null,t,e)}return e}(),Ae=V.getOtherProps(O),Re=b.reduceKeys(Ae,h.ARIA_PROPS),He=g({ref:U,className:le("root",{focusedState:N,overlayVisibleState:P,isValueEmpty:q}),style:O.style,onClick:function(e){O.disabled||X.current&&X.current.contains(e.target)||h.hasClass(e.target,"p-treeselect-close")||(h.focus(z.current),P?ue():pe())}},V.getOtherProps(O),re("root")),Ke=(Te=g({className:"p-hidden-accessible"},re("hiddenInputWrapper")),De=g(L({ref:z,role:"listbox",id:O.inputId,type:"text","aria-expanded":P,onFocus:fe,onBlur:de,onKeyDown:Ee,disabled:O.disabled,tabIndex:O.tabIndex},Re),re("hiddenInput")),e.createElement("div",Te,e.createElement("input",x({},De,{readOnly:!0})))),Le=function(){var t=g({className:le("token")},re("token")),n=g({className:le("tokenLabel")},re("tokenLabel")),r=g({className:le("labelContainer")},re("labelContainer")),l=g({className:le("label",{isValueEmpty:q,getLabel:se})},re("label")),o=null;return O.valueTemplate?o=b.getJSXElement(O.valueTemplate,Ve,O):"comma"===O.display?o=se()||"empty":"chip"===O.display&&(o=e.createElement(e.Fragment,null,Ve&&Ve.map((function(r,l){return e.createElement("div",x({},t,{key:"".concat(r.key,"_").concat(l)}),e.createElement("span",n,r.label))})),q&&(O.placeholder||"empty"))),e.createElement("div",r,e.createElement("div",l,o))}(),Be=function(){var t=g({ref:Z,className:le("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":P},re("trigger")),n=g({className:le("triggerIcon")},re("triggerIcon")),r=w.getJSXIcon(O.dropdownIcon||e.createElement(p,n),L({},n),{props:O});return e.createElement("div",t,r)}(),Je=function(){if(null!=O.value&&O.showClear&&!O.disabled){var t=g({className:le("clearIcon"),onPointerUp:ye},re("clearIcon"));return w.getJSXIcon(O.clearIcon||e.createElement(f,t),L({},t),{props:O})}return null}(),Ue=(Fe=g({className:le("emptyMessage")},re("emptyMessage")),e.createElement(e.Fragment,null,e.createElement(y,{expandedKeys:W,filter:O.filter,filterBy:O.filterBy,filterLocale:O.filterLocale,filterMode:O.filterMode,filterPlaceholder:O.filterPlaceholder,filterValue:Y,metaKeySelection:O.metaKeySelection,nodeTemplate:O.nodeTemplate,onCollapse:O.onNodeCollapse,onExpand:O.onNodeExpand,onFilterValueChange:he,onSelect:ve,onSelectionChange:me,onToggle:be,onUnselect:ge,selectionKeys:O.value,selectionMode:O.selectionMode,showHeader:!1,togglerTemplate:O.togglerTemplate,value:O.options,pt:re("tree"),__parentMetadata:{parent:te}}),G&&e.createElement("div",Fe,O.emptyMessage||r("emptyMessage")))),Xe=function(){var t=Me(),n=g({className:le("closeIcon"),"aria-hidden":!0},re("closeIcon")),l=w.getJSXIcon(O.closeIcon||e.createElement(f,n),L({},n),{props:O}),o=g({type:"button",className:le("closeButton"),onClick:ue,"aria-label":r("close")},re("closeButton")),a=g({className:le("header")},re("header")),i=e.createElement("button",o,l,e.createElement(m,null)),c=e.createElement("div",a,t,i);return O.panelHeaderTemplate?b.getJSXElement(O.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:i,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon",onCloseClick:ue,element:c,props:O}):c}(),_e=b.getJSXElement(O.panelFooterTemplate,O);return e.createElement("div",He,Ke,Le,Je,Be,e.createElement(H,{hostName:"TreeSelect",ref:X,appendTo:O.appendTo,panelStyle:O.panelStyle,panelClassName:O.panelClassName,scrollHeight:O.scrollHeight,onClick:function(e){d.emit("overlay-click",{originalEvent:e,target:U.current})},header:Xe,footer:_e,transitionOptions:O.transitionOptions,in:P,onEnter:function(){E.set("overlay",X.current,S&&S.autoZIndex||t.autoZIndex,S&&S.zIndex.overlay||t.zIndex.overlay),h.addStyles(X.current,{position:"absolute",top:"0",left:"0"}),xe(),Ie()},onEntered:function(){ie(),O.filter&&O.filterInputAutoFocus&&h.focus(_.current,O.filterInputAutoFocus),O.onShow&&O.onShow()},onExit:function(){ce()},onExited:function(){O.filter&&O.resetFilterOnHide&&Oe(),E.clear(X.current),O.onHide&&O.onHide()},ptm:re,cx:le},Ue))})));X.displayName="TreeSelect";export{X as TreeSelect};
+import*as e from"react";import t,{PrimeReactContext as n,localeOption as r}from"primereact/api";import{ComponentBase as l,useHandleStyle as o}from"primereact/componentbase";import{useOverlayListener as a,useMountEffect as i,useUpdateEffect as c,useUnmountEffect as s}from"primereact/hooks";import{ChevronDownIcon as u}from"primereact/icons/chevrondown";import{SearchIcon as p}from"primereact/icons/search";import{TimesIcon as f}from"primereact/icons/times";import{OverlayService as d}from"primereact/overlayservice";import{Ripple as m}from"primereact/ripple";import{Tooltip as y}from"primereact/tooltip";import{Tree as b}from"primereact/tree";import{classNames as v,mergeProps as g,ObjectUtils as h,DomHandler as E,UniqueComponentId as w,ZIndexUtils as O,IconUtils as S}from"primereact/utils";import{CSSTransition as x}from"primereact/csstransition";import{Portal as I}from"primereact/portal";function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},N.apply(this,arguments)}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function C(e){if(Array.isArray(e))return k(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function T(e,t){if(e){if("string"==typeof e)return k(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?k(e,t):void 0}}function P(){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 F(e){return F="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},F(e)}function D(e,t){if("object"!==F(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==F(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function A(e){var t=D(e,"string");return"symbol"===F(t)?t:String(t)}function H(e,t,n){return(t=A(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function R(e){if(Array.isArray(e))return e}function M(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}function V(){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 K(e,t){return R(e)||M(e,t)||T(e,t)||V()}var L=l.extend({defaultProps:{__TYPE:"TreeSelect",appendTo:null,ariaLabel:null,ariaLabelledBy:null,className:null,closeIcon:null,clearIcon:null,disabled:!1,display:"comma",dropdownIcon:null,emptyMessage:null,expandedKeys:null,filter:!1,filterBy:"label",filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMode:"lenient",filterPlaceholder:null,filterTemplate:null,filterValue:null,inputId:null,inputRef:null,metaKeySelection:!0,name:null,nodeTemplate:null,onChange:null,onFocus:null,onBlur:null,onFilterValueChange:null,onHide:null,onNodeCollapse:null,onNodeExpand:null,onNodeSelect:null,onNodeUnselect:null,onShow:null,options:null,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,resetFilterOnHide:!1,scrollHeight:"400px",selectionMode:"single",showClear:!1,style:null,tabIndex:null,togglerTemplate:null,transitionOptions:null,value:null,valueTemplate:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState;return v("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===t.display,"p-treeselect-clearable":t.showClear&&!t.disabled,"p-disabled":t.disabled,"p-focus":n,"p-inputwrapper-filled":!e.isValueEmpty,"p-inputwrapper-focus":n||e.overlayVisibleState},t.className)},label:function(e){var t=e.props,n=e.isValueEmpty;return v("p-treeselect-label",{"p-placeholder":(0,e.getLabel)()===t.placeholder,"p-treeselect-label-empty":!t.placeholder&&n})},panel:function(e){var n=e.context;return v("p-treeselect-panel p-component",e.panelProps.panelClassName,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},labelContainer:"p-treeselect-label-container",tokenLabel:"p-treeselect-token-label",token:"p-treeselect-token",trigger:"p-treeselect-trigger",triggerIcon:"p-treeselect-trigger-icon p-clickable",emptyMessage:"p-treeselect-empty-message",filterContainer:"p-treeselect-filter-container",filter:"p-treeselect-filter p-inputtext p-component",filterIcon:"p-treeselect-filter-icon",closeIcon:"p-treeselect-close-icon",clearIcon:"p-treeselect-clear-icon p-clickable",closeButton:"p-treeselect-close p-link",header:"p-treeselect-header",wrapper:"p-treeselect-items-wrapper",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-treeselect {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n\n    .p-treeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-treeselect-label-container {\n        overflow: hidden;\n        flex: 1 1 auto;\n        cursor: pointer;\n    }\n\n    .p-treeselect-label  {\n        display: block;\n        white-space: nowrap;\n        cursor: pointer;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    .p-treeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n\n    .p-treeselect-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n\n    .p-treeselect .p-treeselect-panel {\n        min-width: 100%;\n    }\n\n    .p-treeselect-items-wrapper {\n        overflow: auto;\n    }\n\n    .p-treeselect-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-treeselect-filter-container {\n        position: relative;\n        flex: 1 1 auto;\n    }\n\n    .p-treeselect-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-treeselect-filter-container .p-inputtext {\n        width: 100%;\n    }\n\n    .p-treeselect-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n        margin-left: auto;\n    }\n\n    .p-treeselect-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-fluid .p-treeselect {\n        display: flex;\n}\n}\n"}});function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){H(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var J=e.forwardRef((function(t,r){var l,o,a,i,c=e.useContext(n),s=t.ptm,u=t.cx,p=function(e,n){return s(e,U({hostName:t.hostName},n))},f=function(e){"Escape"===e.key&&(e.preventDefault(),t.hide())},d=(l={maxHeight:t.scrollHeight||"auto"},o=g({className:u("panel",{panelProps:t,context:c}),style:t.panelStyle,onKeyDown:f,onClick:t.onClick},p("panel")),a=g({className:u("wrapper"),style:l},p("wrapper")),i=g({classNames:u("transition"),in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},p("transition")),e.createElement(x,N({nodeRef:r},i),e.createElement("div",N({ref:r},o),t.firstHiddenFocusableElementOnOverlay,t.header,e.createElement("div",a,t.children),t.footer,t.lastHiddenFocusableElementOnOverlay)));return e.createElement(I,{element:d,appendTo:t.appendTo})}));function X(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){H(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=Z(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}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 o,a=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){i=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(i)throw o}}}}function Z(e,t){if(e){if("string"==typeof e)return $(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(e,t):void 0}}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}J.displayName="TreeSelectPanel";var W=e.memo(e.forwardRef((function(l,v){var x=e.useContext(n),I=L.getProps(l,x),k=K(e.useState(!1),2),F=k[0],D=k[1],A=K(e.useState(!1),2),R=A[0],M=A[1],V=K(e.useState(I.expandedKeys),2),B=V[0],U=V[1],X=K(e.useState(""),2),Z=X[0],$=X[1],W=e.useRef(null),Y=e.useRef(null),q=e.useRef(null),G=e.useRef(I.inputRef),Q=e.useRef(null),ee=e.useRef(null),te=e.useRef(null),ne=e.useRef(null),re=e.useRef(null),le=e.useRef(!1),oe=e.useRef(""),ae=I.onToggle?I.expandedKeys:B,ie=I.onFilterValueChange?I.filterValue:Z,ce=h.isEmpty(I.value),se=h.isEmpty(I.options),ue="single"===I.selectionMode,pe="checkbox"===I.selectionMode,fe=h.isNotEmpty(I.tooltip),de={props:I,state:{focused:F,overlayVisible:R,expandedKeys:ae,filterValue:ie}},me=L.setMetaData(de),ye=me.ptm,be=me.cx;o(L.css.styles,me.isUnstyled,{name:"treeselect"});var ve={filter:function(e){return Ke(e)},reset:function(){return Le()}},ge=K(a({target:W,overlay:Y,listener:function(e,t){t.valid&&Se()},when:R}),2),he=ge[0],Ee=ge[1],we=function(){return Qe.length?Qe.map((function(e){return e.label})).join(", "):I.placeholder},Oe=function(){M(!0)},Se=function(){M(!1),G.current&&E.focus(G.current)},xe=function(){D(!0),I.onFocus&&I.onFocus()},Ie=function(){D(!1),I.onBlur&&I.onBlur()},Ne=function(e){I.onChange&&(ee.current=!0,I.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:I.name,id:I.id,value:e.value}}))},ke=function(e){I.onChange&&(ee.current=!0,I.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:I.name,id:I.id,value:void 0}}))},Ce=function(e){I.onNodeSelect&&I.onNodeSelect(e),ue&&Se()},je=function(e){I.onNodeUnselect&&I.onNodeUnselect(e),pe&&e.originalEvent.stopPropagation()},Te=function(e){I.onToggle?I.onToggle(e):U(e.value)},Pe=function(e){$(e.value)},Fe=function(e,t){switch(e.code){case"ArrowDown":e.preventDefault(),ze();break;case"ArrowUp":e.preventDefault(),G.current&&E.focus(G.current);break;case"Space":case"Enter":case"NumpadEnter":e.preventDefault(),t&&Se();break;case"Escape":Re(e)}},De=function(e){switch(e.code){case"ArrowDown":Ae(e);break;case"Space":case"Enter":case"NumpadEnter":He(e);break;case"Escape":Re(e);break;case"Tab":R&&(e.preventDefault(),e.shiftKey?ze():Me(e))}},Ae=function(e){R||(le.current=!0,Oe(),e.preventDefault())},He=function(e){R?Se():Ae(e),e.preventDefault()},Re=function(e){R&&(Se(),e.preventDefault())},Me=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||R&&Ve()&&(E.focus(ne.current),e.preventDefault())},Ve=function(){return E.getFocusableElements(Y.current,':not([data-p-hidden-focusable="true"])').length>0},Ke=function(e){var t=e.target.value;I.onFilterValueChange?I.onFilterValueChange({originalEvent:e,value:t}):$(t)},Le=function(){$("")},Be=function(){E.alignOverlay(Y.current,Q.current.parentElement,I.appendTo||x&&x.appendTo||t.appendTo)},Ue=function(){var e=E.findSingle(Y.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},Je=function e(t,n,r){if(t){if(Xe(t,n)&&(r.push(t),delete n[t.key]),Object.keys(n).length&&t.children){var l,o=z(t.children);try{for(o.s();!(l=o.n()).done;){e(l.value,n,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var a,i=z(I.options);try{for(i.s();!(a=i.n()).done;){e(a.value,n,r)}}catch(e){i.e(e)}finally{i.f()}}},Xe=function(e,t){return pe?t[e.key]&&t[e.key].checked:t[e.key]},_e=function(){var e=ue?H({},"".concat(I.value),!0):_({},I.value);U({}),e&&I.options&&Ze(null,null,e)},ze=function(){var e,t=E.find(te.current.getElement(),'[data-pc-section="node"]'),n=(e=t,C(e)||j(e)||T(e)||P()).find((function(e){return"0"===e.getAttribute("tabindex")}));E.focus(n)},Ze=function e(t,n,r){if(t){if(Xe(t,r)&&($e(n),delete r[t.key]),Object.keys(r).length&&t.children){var l,o=z(t.children);try{for(o.s();!(l=o.n()).done;){var a=l.value;n.push(t.key),e(a,n,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var i,c=z(I.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],r)}}catch(e){c.e(e)}finally{c.f()}}},$e=function(e){if(e.length>0){var t,n=_({},B||{}),r=z(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}U(n)}};e.useImperativeHandle(v,(function(){return{props:I,clear:ke,show:Oe,hide:Se,focus:function(){return E.focus(G.current)},getElement:function(){return W.current}}})),e.useEffect((function(){h.combinedRefs(G,I.inputRef)}),[G,I.inputRef]),i((function(){_e(),oe.current=w()+"_list",I.autoFocus&&E.focus(G.current,I.autoFocus),Be()})),c((function(){R&&I.filter&&Be()})),c((function(){_e()}),[I.options]),c((function(){le.current&&R&&(le.current=!1,ze())}),[R]),c((function(){R&&B&&Be()}),[B]),c((function(){R&&(ee.current||_e(),ee.current=!1)}),[I.value]),s((function(){O.clear(Y.current)}));var We,Ye,qe,Ge=function(){if(I.filter){var t=h.isNotEmpty(ie)?ie:"",n=g({className:be("filterContainer")},ye("filterContainer")),r=g({ref:q,type:"text",value:t,autoComplete:"off",className:be("filter"),placeholder:I.filterPlaceholder,onKeyDown:function(e){return Fe(e,!1)},onChange:Ke,disabled:I.disabled},ye("filter")),l=g({className:be("filterIcon")},ye("filterIcon")),o=S.getJSXIcon(I.filterIcon||e.createElement(p,l),_({},l),{props:I}),a=e.createElement("div",n,e.createElement("input",r),o);if(I.filterTemplate)a=h.getJSXElement(I.filterTemplate,{className:"p-treeselect-filter-container",element:a,filterOptions:ve,filterInputKeyDown:function(e){return Fe(e,(function(){}))},filterInputChange:Ke,filterIconClassName:"p-dropdown-filter-icon",props:I});return e.createElement(e.Fragment,null,a)}},Qe=function(){var e=[];if(h.isNotEmpty(I.value)&&I.options){var t=ue?H({},"".concat(I.value),!0):_({},I.value);Je(null,t,e)}return e}(),et=L.getOtherProps(I),tt=h.reduceKeys(et,E.ARIA_PROPS),nt=g({ref:ne,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:0,onFocus:function(e){var t=e.relatedTarget===G.current?E.getFirstFocusableElement(Y.current,':not([data-p-hidden-focusable="true"])'):G.current;E.focus(t)},"aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},ye("firstHiddenFocusableElementOnOverlay")),rt=g({ref:re,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:0,onFocus:function(e){var t=e.relatedTarget===G.current?E.getLastFocusableElement(Y.current,':not([data-p-hidden-focusable="true"])'):G.current;E.focus(t)},"aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},ye("lastHiddenFocusableElementOnOverlay")),lt=g({ref:W,className:be("root",{focusedState:F,overlayVisibleState:R,isValueEmpty:ce}),style:I.style,onClick:function(e){I.disabled||Y.current&&Y.current.contains(e.target)||E.hasClass(e.target,"p-treeselect-close")||(E.focus(G.current),R?Se():Oe())}},L.getOtherProps(I),ye("root")),ot=(We=g({className:"p-hidden-accessible"},ye("hiddenInputWrapper")),Ye=g(_({ref:G,role:"listbox",id:I.inputId,type:"text","aria-expanded":R,"aria-label":I.ariaLabel,"aria-labelledby":I.ariaLabelledBy,"aria-haspopup":"tree","aria-controls":oe.current,onFocus:xe,onBlur:Ie,onKeyDown:De,disabled:I.disabled,tabIndex:I.tabIndex},tt),ye("hiddenInput")),e.createElement("div",We,e.createElement("input",N({},Ye,{readOnly:!0})))),at=function(){var t=g({className:be("token")},ye("token")),n=g({className:be("tokenLabel")},ye("tokenLabel")),r=g({className:be("labelContainer")},ye("labelContainer")),l=g({className:be("label",{isValueEmpty:ce,getLabel:we})},ye("label")),o=null;return I.valueTemplate?o=h.getJSXElement(I.valueTemplate,Qe,I):"comma"===I.display?o=we()||"empty":"chip"===I.display&&(o=e.createElement(e.Fragment,null,Qe&&Qe.map((function(r,l){return e.createElement("div",N({},t,{key:"".concat(r.key,"_").concat(l)}),e.createElement("span",n,r.label))})),ce&&(I.placeholder||"empty"))),e.createElement("div",r,e.createElement("div",l,o))}(),it=function(){var t=g({ref:Q,className:be("trigger"),role:"button","aria-haspopup":"tree","aria-expanded":R},ye("trigger")),n=g({className:be("triggerIcon")},ye("triggerIcon")),r=S.getJSXIcon(I.dropdownIcon||e.createElement(u,n),_({},n),{props:I});return e.createElement("div",t,r)}(),ct=function(){if(null!=I.value&&I.showClear&&!I.disabled){var t=g({className:be("clearIcon"),onPointerUp:ke},ye("clearIcon"));return S.getJSXIcon(I.clearIcon||e.createElement(f,t),_({},t),{props:I})}return null}(),st=(qe=g({className:be("emptyMessage")},ye("emptyMessage")),e.createElement(e.Fragment,null,e.createElement(b,{ref:te,id:oe.current,expandedKeys:ae,filter:I.filter,filterBy:I.filterBy,filterLocale:I.filterLocale,filterMode:I.filterMode,filterPlaceholder:I.filterPlaceholder,filterValue:ie,metaKeySelection:I.metaKeySelection,nodeTemplate:I.nodeTemplate,onCollapse:I.onNodeCollapse,onExpand:I.onNodeExpand,onFilterValueChange:Pe,onSelect:Ce,onSelectionChange:Ne,onToggle:Te,onUnselect:je,selectionKeys:I.value,selectionMode:I.selectionMode,showHeader:!1,togglerTemplate:I.togglerTemplate,value:I.options,pt:ye("tree"),__parentMetadata:{parent:de}}),se&&e.createElement("div",qe,I.emptyMessage||r("emptyMessage")))),ut=function(){var t=Ge(),n=g({className:be("closeIcon"),"aria-hidden":!0},ye("closeIcon")),l=S.getJSXIcon(I.closeIcon||e.createElement(f,n),_({},n),{props:I}),o=g({type:"button",className:be("closeButton"),onKeyDown:function(e){return Fe(e,!0)},onClick:Se,"aria-label":r("close")},ye("closeButton")),a=g({className:be("header")},ye("header")),i=e.createElement("button",o,l,e.createElement(m,null)),c=e.createElement("div",a,t,i);return I.panelHeaderTemplate?h.getJSXElement(I.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:i,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon",onCloseClick:Se,element:c,props:I}):c}(),pt=h.getJSXElement(I.panelFooterTemplate,I);return e.createElement("div",lt,ot,at,ct,it,e.createElement(J,{hostName:"TreeSelect",ref:Y,appendTo:I.appendTo,panelStyle:I.panelStyle,panelClassName:I.panelClassName,scrollHeight:I.scrollHeight,onClick:function(e){d.emit("overlay-click",{originalEvent:e,target:W.current})},header:ut,hide:Se,footer:pt,firstHiddenFocusableElementOnOverlay:e.createElement("span",nt),lastHiddenFocusableElementOnOverlay:e.createElement("span",rt),transitionOptions:I.transitionOptions,in:R,onEnter:function(){O.set("overlay",Y.current,x&&x.autoZIndex||t.autoZIndex,x&&x.zIndex.overlay||t.zIndex.overlay),E.addStyles(Y.current,{position:"absolute",top:"0",left:"0"}),ze(),Be(),Ue()},onEntered:function(){he(),I.filter&&I.filterInputAutoFocus&&E.focus(q.current,I.filterInputAutoFocus),I.onShow&&I.onShow()},onExit:function(){Ee()},onExited:function(){I.filter&&I.resetFilterOnHide&&Le(),O.clear(Y.current),I.onHide&&I.onHide()},ptm:ye,cx:be},st),fe&&e.createElement(y,N({target:W,content:I.tooltip},I.tooltipOptions,{pt:ye("tooltip")})))})));W.displayName="TreeSelect";export{W as TreeSelect};