primereact 9.5.0 → 9.6.0

package/treeselect/treeselect.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import PrimeReact, { localeOption } from 'primereact/api';
+import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
 import { useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { ChevronDownIcon } from 'primereact/icons/chevrondown';
 import { SearchIcon } from 'primereact/icons/search';
@@ -7,7 +7,8 @@ import { TimesIcon } from 'primereact/icons/times';
 import { OverlayService } from 'primereact/overlayservice';
 import { Ripple } from 'primereact/ripple';
 import { Tree } from 'primereact/tree';
-import { ObjectUtils, classNames, DomHandler, ZIndexUtils, IconUtils } from 'primereact/utils';
+import { classNames, mergeProps, ObjectUtils, DomHandler, ZIndexUtils, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
 import { Portal } from 'primereact/portal';
 
@@ -122,7 +123,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
 }
 
-var TreeSelectBase = {
+var TreeSelectBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'TreeSelect',
     appendTo: null,
@@ -148,6 +149,7 @@ var TreeSelectBase = {
     inputRef: null,
     metaKeySelection: true,
     name: null,
+    nodeTemplate: null,
     onChange: null,
     onFilterValueChange: null,
     onHide: null,
@@ -167,28 +169,34 @@ var TreeSelectBase = {
     selectionMode: 'single',
     style: null,
     tabIndex: null,
+    togglerTemplate: null,
     transitionOptions: null,
     value: null,
     valueTemplate: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, TreeSelectBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, TreeSelectBase.defaultProps);
   }
-};
+});
 
 var TreeSelectPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var context = React.useContext(PrimeReactContext);
   var createElement = function createElement() {
     var wrapperStyle = {
       maxHeight: props.scrollHeight || 'auto'
     };
     var className = classNames('p-treeselect-panel p-component', props.panelClassName, {
-      'p-input-filled': PrimeReact.inputStyle === 'filled',
-      'p-ripple-disabled': PrimeReact.ripple === false
+      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': context && context.ripple === false || PrimeReact.ripple === false
     });
+    var panelProps = mergeProps({
+      ref: ref,
+      className: className,
+      style: props.panelStyle,
+      onClick: props.onClick
+    }, props.ptm('panel'));
+    var wrapperProps = mergeProps({
+      className: 'p-treeselect-items-wrapper',
+      style: wrapperStyle
+    }, props.ptm('wrapper'));
     return /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: ref,
       classNames: "p-connected-overlay",
@@ -204,15 +212,7 @@ var TreeSelectPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onEntered: props.onEntered,
       onExit: props.onExit,
       onExited: props.onExited
-    }, /*#__PURE__*/React.createElement("div", {
-      ref: ref,
-      className: className,
-      style: props.panelStyle,
-      onClick: props.onClick
-    }, props.header, /*#__PURE__*/React.createElement("div", {
-      className: "p-treeselect-items-wrapper",
-      style: wrapperStyle
-    }, props.children), props.footer));
+    }, /*#__PURE__*/React.createElement("div", panelProps, props.header, /*#__PURE__*/React.createElement("div", wrapperProps, props.children), props.footer));
   };
   var element = createElement();
   return /*#__PURE__*/React.createElement(Portal, {
@@ -228,7 +228,8 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = TreeSelectBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = TreeSelectBase.getProps(inProps, context);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
@@ -257,6 +258,16 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var hasNoOptions = ObjectUtils.isEmpty(props.options);
   var isSingleSelectionMode = props.selectionMode === 'single';
   var isCheckboxSelectionMode = props.selectionMode === 'checkbox';
+  var _TreeSelectBase$setMe = TreeSelectBase.setMetaData({
+      props: props,
+      state: {
+        focused: focusedState,
+        overlayVisible: overlayVisibleState,
+        expandedKeys: expandedKeys,
+        filterValue: filteredValue
+      }
+    }),
+    ptm = _TreeSelectBase$setMe.ptm;
   var filterOptions = {
     filter: function filter(e) {
       return onFilterInputChange(e);
@@ -396,7 +407,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     setFilterValueState('');
   };
   var onOverlayEnter = function onOverlayEnter() {
-    ZIndexUtils.set('overlay', overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
+    ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex['overlay'] || PrimeReact.zIndex['overlay']);
     alignOverlay();
     scrollInView();
   };
@@ -418,7 +429,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     props.onHide && props.onHide();
   };
   var alignOverlay = function alignOverlay() {
-    DomHandler.alignOverlay(overlayRef.current, triggerRef.current.parentElement, props.appendTo || PrimeReact.appendTo);
+    DomHandler.alignOverlay(overlayRef.current, triggerRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact.appendTo);
   };
   var scrollInView = function scrollInView() {
     var highlightItem = DomHandler.findSingle(overlayRef.current, '.p-treenode-content.p-highlight');
@@ -581,27 +592,42 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     ZIndexUtils.clear(overlayRef.current);
   });
   var createKeyboardHelper = function createKeyboardHelper() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "p-hidden-accessible"
-    }, /*#__PURE__*/React.createElement("input", _extends({
+    var hiddenInputWrapperProps = mergeProps({
+      className: 'p-hidden-accessible'
+    }, ptm('hiddenInputWrapper'));
+    var hiddenInputProps = mergeProps(_objectSpread({
       ref: focusInputRef,
-      role: "listbox",
+      role: 'listbox',
       id: props.inputId,
-      type: "text",
-      readOnly: true,
-      "aria-expanded": overlayVisibleState,
+      type: 'text',
+      'aria-expanded': overlayVisibleState,
       onFocus: onInputFocus,
       onBlur: onInputBlur,
       onKeyDown: onInputKeyDown,
       disabled: props.disabled,
       tabIndex: props.tabIndex
-    }, ariaProps)));
+    }, ariaProps), ptm('hiddenInput'));
+    return /*#__PURE__*/React.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React.createElement("input", _extends({}, hiddenInputProps, {
+      readOnly: true
+    })));
   };
   var createLabel = function createLabel() {
     var labelClassName = classNames('p-treeselect-label', {
       'p-placeholder': getLabel() === props.placeholder,
       'p-treeselect-label-empty': !props.placeholder && isValueEmpty
     });
+    var tokenProps = mergeProps({
+      className: 'p-treeselect-token'
+    }, ptm('token'));
+    var tokenLabelProps = mergeProps({
+      className: 'p-treeselect-token-label'
+    }, ptm('tokenLabel'));
+    var labelContainerProps = mergeProps({
+      className: 'p-treeselect-label-container'
+    }, ptm('labelContainer'));
+    var labelProps = mergeProps({
+      className: labelClassName
+    }, ptm('label'));
     var content = null;
     if (props.valueTemplate) {
       content = ObjectUtils.getJSXElement(props.valueTemplate, selectedNodes, props);
@@ -610,89 +636,87 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         content = getLabel() || 'empty';
       } else if (props.display === 'chip') {
         content = /*#__PURE__*/React.createElement(React.Fragment, null, selectedNodes && selectedNodes.map(function (node, index) {
-          return /*#__PURE__*/React.createElement("div", {
-            className: "p-treeselect-token",
+          return /*#__PURE__*/React.createElement("div", _extends({}, tokenProps, {
             key: "".concat(node.key, "_").concat(index)
-          }, /*#__PURE__*/React.createElement("span", {
-            className: "p-treeselect-token-label"
-          }, node.label));
+          }), /*#__PURE__*/React.createElement("span", tokenLabelProps, node.label));
         }), isValueEmpty && (props.placeholder || 'empty'));
       }
     }
-    return /*#__PURE__*/React.createElement("div", {
-      className: "p-treeselect-label-container"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: labelClassName
-    }, content));
+    return /*#__PURE__*/React.createElement("div", labelContainerProps, /*#__PURE__*/React.createElement("div", labelProps, content));
   };
   var createDropdownIcon = function createDropdownIcon() {
+    var triggerProps = mergeProps({
+      ref: triggerRef,
+      className: 'p-treeselect-trigger',
+      role: 'button',
+      'aria-haspopup': 'listbox',
+      'aria-expanded': overlayVisibleState
+    }, ptm('trigger'));
     var iconClassName = 'p-treeselect-trigger-icon p-clickable';
-    var icon = props.dropdownIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, {
-      className: iconClassName
-    });
-    var dropdownIcon = IconUtils.getJSXIcon(icon, {
+    var triggerIconProps = mergeProps({
       className: iconClassName
-    }, {
+    }, ptm('triggerIcon'));
+    var icon = props.dropdownIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, triggerIconProps);
+    var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, triggerIconProps), {
       props: props
     });
-    return /*#__PURE__*/React.createElement("div", {
-      ref: triggerRef,
-      className: "p-treeselect-trigger",
-      role: "button",
-      "aria-haspopup": "listbox",
-      "aria-expanded": overlayVisibleState
-    }, dropdownIcon);
+    return /*#__PURE__*/React.createElement("div", triggerProps, dropdownIcon);
   };
   var createContent = function createContent() {
+    var emptyMessageProps = mergeProps({
+      className: 'p-treeselect-empty-message'
+    }, ptm('emptyMessage'));
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tree, {
-      value: props.options,
-      selectionMode: props.selectionMode,
-      selectionKeys: props.value,
-      metaKeySelection: props.metaKeySelection,
-      onSelectionChange: onSelectionChange,
-      onSelect: onNodeSelect,
-      onUnselect: onNodeUnselect,
       expandedKeys: expandedKeys,
-      onToggle: onNodeToggle,
-      onExpand: props.onNodeExpand,
-      onCollapse: props.onNodeCollapse,
       filter: props.filter,
-      filterValue: filteredValue,
       filterBy: props.filterBy,
+      filterLocale: props.filterLocale,
       filterMode: props.filterMode,
       filterPlaceholder: props.filterPlaceholder,
-      filterLocale: props.filterLocale,
+      filterValue: filteredValue,
+      metaKeySelection: props.metaKeySelection,
+      nodeTemplate: props.nodeTemplate,
+      onCollapse: props.onNodeCollapse,
+      onExpand: props.onNodeExpand,
+      onFilterValueChange: onFilterValueChange,
+      onSelect: onNodeSelect,
+      onSelectionChange: onSelectionChange,
+      onToggle: onNodeToggle,
+      onUnselect: onNodeUnselect,
+      selectionKeys: props.value,
+      selectionMode: props.selectionMode,
       showHeader: false,
-      onFilterValueChange: onFilterValueChange
-    }), hasNoOptions && /*#__PURE__*/React.createElement("div", {
-      className: "p-treeselect-empty-message"
-    }, props.emptyMessage || localeOption('emptyMessage')));
+      togglerTemplate: props.togglerTemplate,
+      value: props.options,
+      pt: ptm('tree')
+    }), hasNoOptions && /*#__PURE__*/React.createElement("div", emptyMessageProps, props.emptyMessage || localeOption('emptyMessage')));
   };
   var createFilterElement = function createFilterElement() {
     if (props.filter) {
       var filterValue = ObjectUtils.isNotEmpty(filteredValue) ? filteredValue : '';
-      var iconClassName = 'p-treeselect-filter-icon';
-      var icon = props.filterIcon || /*#__PURE__*/React.createElement(SearchIcon, {
-        className: iconClassName
-      });
-      var filterIcon = IconUtils.getJSXIcon(icon, {
-        className: iconClassName
-      }, {
-        props: props
-      });
-      var filterContent = /*#__PURE__*/React.createElement("div", {
-        className: "p-treeselect-filter-container"
-      }, /*#__PURE__*/React.createElement("input", {
+      var filterContainerProps = mergeProps({
+        className: 'p-treeselect-filter-container'
+      }, ptm('filterContainer'));
+      var filterProps = mergeProps({
         ref: filterInputRef,
-        type: "text",
+        type: 'text',
         value: filterValue,
-        autoComplete: "off",
-        className: "p-treeselect-filter p-inputtext p-component",
+        autoComplete: 'off',
+        className: 'p-treeselect-filter p-inputtext p-component',
         placeholder: props.filterPlaceholder,
         onKeyDown: onFilterInputKeyDown,
         onChange: onFilterInputChange,
         disabled: props.disabled
-      }), filterIcon);
+      }, ptm('filter'));
+      var iconClassName = 'p-treeselect-filter-icon';
+      var filterIconProps = mergeProps({
+        className: iconClassName
+      }, ptm('filterIcon'));
+      var icon = props.filterIcon || /*#__PURE__*/React.createElement(SearchIcon, filterIconProps);
+      var filterIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, filterIconProps), {
+        props: props
+      });
+      var filterContent = /*#__PURE__*/React.createElement("div", filterContainerProps, /*#__PURE__*/React.createElement("input", filterProps), filterIcon);
       if (props.filterTemplate) {
         var defaultContentOptions = {
           className: 'p-treeselect-filter-container',
@@ -714,19 +738,24 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       className: 'p-treeselect-close-icon',
       'aria-hidden': true
     };
-    var icon = props.closeIcon || /*#__PURE__*/React.createElement(TimesIcon, iconProps);
-    var closeIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+    var headerIconProps = mergeProps({
+      className: iconProps
+    }, ptm('headerIcon'));
+    var icon = props.closeIcon || /*#__PURE__*/React.createElement(TimesIcon, headerIconProps);
+    var closeIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, headerIconProps), {
       props: props
     });
-    var closeElement = /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: "p-treeselect-close p-link",
+    var closeButtonProps = mergeProps({
+      type: 'button',
+      className: 'p-treeselect-close p-link',
       onClick: hide,
-      "aria-label": localeOption('close')
-    }, closeIcon, /*#__PURE__*/React.createElement(Ripple, null));
-    var content = /*#__PURE__*/React.createElement("div", {
-      className: "p-treeselect-header"
-    }, filterElement, closeElement);
+      'aria-label': localeOption('close')
+    }, ptm('closeButton'));
+    var headerProps = mergeProps({
+      className: 'p-treeselect-header'
+    }, ptm('header'));
+    var closeElement = /*#__PURE__*/React.createElement("button", closeButtonProps, closeIcon, /*#__PURE__*/React.createElement(Ripple, null));
+    var content = /*#__PURE__*/React.createElement("div", headerProps, filterElement, closeElement);
     if (props.panelHeaderTemplate) {
       var defaultOptions = {
         className: 'p-treeselect-header',
@@ -755,19 +784,19 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     'p-inputwrapper-filled': !isValueEmpty,
     'p-inputwrapper-focus': focusedState || overlayVisibleState
   }, props.className);
+  var rootProps = mergeProps({
+    ref: elementRef,
+    className: className,
+    style: props.style,
+    onClick: onClick
+  }, TreeSelectBase.getOtherProps(props), ptm('root'));
   var keyboardHelper = createKeyboardHelper();
   var labelElement = createLabel();
   var dropdownIcon = createDropdownIcon();
   var content = createContent();
   var header = createHeader();
   var footer = createFooter();
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: elementRef,
-    className: className,
-    style: props.style
-  }, otherProps, {
-    onClick: onClick
-  }), keyboardHelper, labelElement, dropdownIcon, /*#__PURE__*/React.createElement(TreeSelectPanel, {
+  return /*#__PURE__*/React.createElement("div", rootProps, keyboardHelper, labelElement, dropdownIcon, /*#__PURE__*/React.createElement(TreeSelectPanel, {
     ref: overlayRef,
     appendTo: props.appendTo,
     panelStyle: props.panelStyle,
@@ -781,7 +810,8 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     onEnter: onOverlayEnter,
     onEntered: onOverlayEntered,
     onExit: onOverlayExit,
-    onExited: onOverlayExited
+    onExited: onOverlayExited,
+    ptm: ptm
   }, content));
 }));
 TreeSelect.displayName = 'TreeSelect';

package/treeselect/treeselect.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{localeOption as n}from"primereact/api";import{useOverlayListener as r,useMountEffect as l,useUpdateEffect as o,useUnmountEffect as a}from"primereact/hooks";import{ChevronDownIcon as i}from"primereact/icons/chevrondown";import{SearchIcon as c}from"primereact/icons/search";import{TimesIcon as u}from"primereact/icons/times";import{OverlayService as s}from"primereact/overlayservice";import{Ripple as p}from"primereact/ripple";import{Tree as f}from"primereact/tree";import{ObjectUtils as m,classNames as d,DomHandler as y,ZIndexUtils as v,IconUtils as g}from"primereact/utils";import{CSSTransition as h}from"primereact/csstransition";import{Portal as b}from"primereact/portal";function E(){return E=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},E.apply(this,arguments)}function S(e){return S="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},S(e)}function N(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=N(e,"string");return"symbol"===S(t)?t:String(t)}function w(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e){if(Array.isArray(e))return e}function I(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,u=!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){u=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw l}}return i}}function C(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 P(e,t){if(e){if("string"==typeof e)return C(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)?C(e,t):void 0}}function k(){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 T(e,t){return x(e)||I(e,t)||P(e,t)||k()}var j={defaultProps:{__TYPE:"TreeSelect",appendTo:null,ariaLabel:null,ariaLabelledBy:null,className:null,closeIcon: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,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",style:null,tabIndex:null,transitionOptions:null,value:null,valueTemplate:null,children:void 0},getProps:function(e){return m.getMergedProps(e,j.defaultProps)},getOtherProps:function(e){return m.getDiffProps(e,j.defaultProps)}},F=e.forwardRef((function(n,r){var l,o,a=(l={maxHeight:n.scrollHeight||"auto"},o=d("p-treeselect-panel p-component",n.panelClassName,{"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple}),e.createElement(h,{nodeRef:r,classNames:"p-connected-overlay",in:n.in,timeout:{enter:120,exit:100},options:n.transitionOptions,unmountOnExit:!0,onEnter:n.onEnter,onEntering:n.onEntering,onEntered:n.onEntered,onExit:n.onExit,onExited:n.onExited},e.createElement("div",{ref:r,className:o,style:n.panelStyle,onClick:n.onClick},n.header,e.createElement("div",{className:"p-treeselect-items-wrapper",style:l},n.children),n.footer)));return e.createElement(b,{element:a,appendTo:n.appendTo})}));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){w(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}function H(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=M(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 M(e,t){if(e){if("string"==typeof e)return D(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)?D(e,t):void 0}}function D(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}F.displayName="TreeSelectPanel";var K=e.memo(e.forwardRef((function(h,b){var S=j.getProps(h),N=T(e.useState(!1),2),O=N[0],x=N[1],I=T(e.useState(!1),2),C=I[0],P=I[1],k=T(e.useState(S.expandedKeys),2),A=k[0],M=k[1],D=T(e.useState(""),2),K=D[0],V=D[1],J=e.useRef(null),X=e.useRef(null),U=e.useRef(null),B=e.useRef(S.inputRef),L=e.useRef(null),_=e.useRef(null),$=S.onToggle?S.expandedKeys:A,z=S.onFilterValueChange?S.filterValue:K,Y=m.isEmpty(S.value),Z=m.isEmpty(S.options),q="single"===S.selectionMode,G="checkbox"===S.selectionMode,Q={filter:function(e){return de(e)},reset:function(){return ye()}},W=T(r({target:J,overlay:X,listener:function(e,t){t.valid&&le()},when:C}),2),ee=W[0],te=W[1],ne=function(){return we.length?we.map((function(e){return e.label})).join(", "):S.placeholder},re=function(){P(!0)},le=function(){P(!1)},oe=function(){x(!0)},ae=function(){x(!1)},ie=function(e){S.onChange&&(_.current=!0,S.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:S.name,id:S.id,value:e.value}}))},ce=function(e){S.onNodeSelect&&S.onNodeSelect(e),q&&le()},ue=function(e){S.onNodeUnselect&&S.onNodeUnselect(e)},se=function(e){S.onToggle?S.onToggle(e):M(e.value)},pe=function(e){V(e.value)},fe=function(e){switch(e.which){case 40:!C&&e.altKey&&re();break;case 32:C||(re(),e.preventDefault());break;case 13:case 27:C&&(le(),e.preventDefault());break;case 9:le()}},me=function(e){13===e.which&&e.preventDefault()},de=function(e){var t=e.target.value;S.onFilterValueChange?S.onFilterValueChange({originalEvent:e,value:t}):V(t)},ye=function(){V("")},ve=function(){y.alignOverlay(X.current,L.current.parentElement,S.appendTo||t.appendTo)},ge=function(){var e=y.findSingle(X.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},he=function e(t,n,r){if(t){if(be(t,n)&&(r.push(t),delete n[t.key]),Object.keys(n).length&&t.children){var l,o=H(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=H(S.options);try{for(i.s();!(a=i.n()).done;){e(a.value,n,r)}}catch(e){i.e(e)}finally{i.f()}}},be=function(e,t){return G?t[e.key]&&t[e.key].checked:t[e.key]},Ee=function(){var e=q?w({},"".concat(S.value),!0):R({},S.value);M({}),e&&S.options&&Se(null,null,e)},Se=function e(t,n,r){if(t){if(be(t,r)&&(Ne(n),delete r[t.key]),Object.keys(r).length&&t.children){var l,o=H(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=H(S.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],r)}}catch(e){c.e(e)}finally{c.f()}}},Ne=function(e){if(e.length>0){var t,n=R({},A||{}),r=H(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}M(n)}};e.useImperativeHandle(b,(function(){return{props:S,focus:function(){return y.focus(B.current)},getElement:function(){return J.current}}})),e.useEffect((function(){m.combinedRefs(B,S.inputRef)}),[B,S.inputRef]),l((function(){Ee(),S.autoFocus&&y.focus(B.current,S.autoFocus)})),o((function(){C&&S.filter&&ve()})),o((function(){Ee()}),[S.options]),o((function(){C&&A&&ve()}),[A]),o((function(){C&&(_.current||Ee(),_.current=!1)}),[S.value]),a((function(){v.clear(X.current)}));var Oe=function(){if(S.filter){var t=m.isNotEmpty(z)?z:"",n="p-treeselect-filter-icon",r=g.getJSXIcon(S.filterIcon||e.createElement(c,{className:n}),{className:n},{props:S}),l=e.createElement("div",{className:"p-treeselect-filter-container"},e.createElement("input",{ref:U,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:S.filterPlaceholder,onKeyDown:me,onChange:de,disabled:S.disabled}),r);if(S.filterTemplate)l=m.getJSXElement(S.filterTemplate,{className:"p-treeselect-filter-container",element:l,filterOptions:Q,filterInputKeyDown:me,filterInputChange:de,filterIconClassName:"p-dropdown-filter-icon",props:S});return e.createElement(e.Fragment,null,l)}},we=function(){var e=[];if(m.isNotEmpty(S.value)&&S.options){var t=q?w({},"".concat(S.value),!0):R({},S.value);he(null,t,e)}return e}(),xe=j.getOtherProps(S),Ie=m.reduceKeys(xe,y.ARIA_PROPS),Ce=d("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===S.display,"p-disabled":S.disabled,"p-focus":O,"p-inputwrapper-filled":!Y,"p-inputwrapper-focus":O||C},S.className),Pe=e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",E({ref:B,role:"listbox",id:S.inputId,type:"text",readOnly:!0,"aria-expanded":C,onFocus:oe,onBlur:ae,onKeyDown:fe,disabled:S.disabled,tabIndex:S.tabIndex},Ie))),ke=function(){var t=d("p-treeselect-label",{"p-placeholder":ne()===S.placeholder,"p-treeselect-label-empty":!S.placeholder&&Y}),n=null;return S.valueTemplate?n=m.getJSXElement(S.valueTemplate,we,S):"comma"===S.display?n=ne()||"empty":"chip"===S.display&&(n=e.createElement(e.Fragment,null,we&&we.map((function(t,n){return e.createElement("div",{className:"p-treeselect-token",key:"".concat(t.key,"_").concat(n)},e.createElement("span",{className:"p-treeselect-token-label"},t.label))})),Y&&(S.placeholder||"empty"))),e.createElement("div",{className:"p-treeselect-label-container"},e.createElement("div",{className:t},n))}(),Te=function(){var t="p-treeselect-trigger-icon p-clickable",n=g.getJSXIcon(S.dropdownIcon||e.createElement(i,{className:t}),{className:t},{props:S});return e.createElement("div",{ref:L,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":C},n)}(),je=e.createElement(e.Fragment,null,e.createElement(f,{value:S.options,selectionMode:S.selectionMode,selectionKeys:S.value,metaKeySelection:S.metaKeySelection,onSelectionChange:ie,onSelect:ce,onUnselect:ue,expandedKeys:$,onToggle:se,onExpand:S.onNodeExpand,onCollapse:S.onNodeCollapse,filter:S.filter,filterValue:z,filterBy:S.filterBy,filterMode:S.filterMode,filterPlaceholder:S.filterPlaceholder,filterLocale:S.filterLocale,showHeader:!1,onFilterValueChange:pe}),Z&&e.createElement("div",{className:"p-treeselect-empty-message"},S.emptyMessage||n("emptyMessage"))),Fe=function(){var t=Oe(),r={className:"p-treeselect-close-icon","aria-hidden":!0},l=g.getJSXIcon(S.closeIcon||e.createElement(u,r),R({},r),{props:S}),o=e.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:le,"aria-label":n("close")},l,e.createElement(p,null)),a=e.createElement("div",{className:"p-treeselect-header"},t,o);return S.panelHeaderTemplate?m.getJSXElement(S.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:o,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon",onCloseClick:le,element:a,props:S}):a}(),Ae=m.getJSXElement(S.panelFooterTemplate,S);return e.createElement("div",E({ref:J,className:Ce,style:S.style},xe,{onClick:function(e){S.disabled||X.current&&X.current.contains(e.target)||y.hasClass(e.target,"p-treeselect-close")||(y.focus(B.current),C?le():re())}}),Pe,ke,Te,e.createElement(F,{ref:X,appendTo:S.appendTo,panelStyle:S.panelStyle,panelClassName:S.panelClassName,scrollHeight:S.scrollHeight,onClick:function(e){s.emit("overlay-click",{originalEvent:e,target:J.current})},header:Fe,footer:Ae,transitionOptions:S.transitionOptions,in:C,onEnter:function(){v.set("overlay",X.current,t.autoZIndex,t.zIndex.overlay),ve(),ge()},onEntered:function(){ee(),S.filter&&S.filterInputAutoFocus&&y.focus(U.current,S.filterInputAutoFocus),S.onShow&&S.onShow()},onExit:function(){te()},onExited:function(){S.filter&&S.resetFilterOnHide&&ye(),v.clear(X.current),S.onHide&&S.onHide()}},je))})));K.displayName="TreeSelect";export{K as TreeSelect};
+import*as e from"react";import t,{PrimeReactContext as n,localeOption as r}from"primereact/api";import{useOverlayListener as l,useMountEffect as o,useUpdateEffect as a,useUnmountEffect as i}from"primereact/hooks";import{ChevronDownIcon as c}from"primereact/icons/chevrondown";import{SearchIcon as u}from"primereact/icons/search";import{TimesIcon as s}from"primereact/icons/times";import{OverlayService as p}from"primereact/overlayservice";import{Ripple as f}from"primereact/ripple";import{Tree as m}from"primereact/tree";import{classNames as d,mergeProps as y,ObjectUtils as v,DomHandler as g,ZIndexUtils as h,IconUtils as b}from"primereact/utils";import{ComponentBase as E}from"primereact/componentbase";import{CSSTransition as S}from"primereact/csstransition";import{Portal as N}from"primereact/portal";function w(){return w=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},w.apply(this,arguments)}function O(e){return O="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},O(e)}function I(e,t){if("object"!==O(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=I(e,"string");return"symbol"===O(t)?t:String(t)}function C(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function T(e){if(Array.isArray(e))return e}function k(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,u=!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){u=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw l}}return i}}function j(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 P(e,t){if(e){if("string"==typeof e)return j(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)?j(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 A(e,t){return T(e)||k(e,t)||P(e,t)||F()}var R=E.extend({defaultProps:{__TYPE:"TreeSelect",appendTo:null,ariaLabel:null,ariaLabelledBy:null,className:null,closeIcon: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",style:null,tabIndex:null,togglerTemplate:null,transitionOptions:null,value:null,valueTemplate:null,children:void 0}}),H=e.forwardRef((function(r,l){var o,a,i,c,u=e.useContext(n),s=(o={maxHeight:r.scrollHeight||"auto"},a=d("p-treeselect-panel p-component",r.panelClassName,{"p-input-filled":u&&"filled"===u.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":u&&!1===u.ripple||!1===t.ripple}),i=y({ref:l,className:a,style:r.panelStyle,onClick:r.onClick},r.ptm("panel")),c=y({className:"p-treeselect-items-wrapper",style:o},r.ptm("wrapper")),e.createElement(S,{nodeRef:l,classNames:"p-connected-overlay",in:r.in,timeout:{enter:120,exit:100},options:r.transitionOptions,unmountOnExit:!0,onEnter:r.onEnter,onEntering:r.onEntering,onEntered:r.onEntered,onExit:r.onExit,onExited:r.onExited},e.createElement("div",i,r.header,e.createElement("div",c,r.children),r.footer)));return e.createElement(N,{element:s,appendTo:r.appendTo})}));function M(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 K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function D(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=V(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 V(e,t){if(e){if("string"==typeof e)return J(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)?J(e,t):void 0}}function J(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(E,S){var N=e.useContext(n),O=R.getProps(E,N),I=A(e.useState(!1),2),x=I[0],T=I[1],k=A(e.useState(!1),2),j=k[0],P=k[1],F=A(e.useState(O.expandedKeys),2),M=F[0],V=F[1],J=A(e.useState(""),2),X=J[0],B=J[1],L=e.useRef(null),U=e.useRef(null),_=e.useRef(null),z=e.useRef(O.inputRef),Z=e.useRef(null),$=e.useRef(null),W=O.onToggle?O.expandedKeys:M,Y=O.onFilterValueChange?O.filterValue:X,q=v.isEmpty(O.value),G=v.isEmpty(O.options),Q="single"===O.selectionMode,ee="checkbox"===O.selectionMode,te=R.setMetaData({props:O,state:{focused:x,overlayVisible:j,expandedKeys:W,filterValue:Y}}).ptm,ne={filter:function(e){return he(e)},reset:function(){return be()}},re=A(l({target:L,overlay:U,listener:function(e,t){t.valid&&ce()},when:j}),2),le=re[0],oe=re[1],ae=function(){return Pe.length?Pe.map((function(e){return e.label})).join(", "):O.placeholder},ie=function(){P(!0)},ce=function(){P(!1)},ue=function(){T(!0)},se=function(){T(!1)},pe=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}}))},fe=function(e){O.onNodeSelect&&O.onNodeSelect(e),Q&&ce()},me=function(e){O.onNodeUnselect&&O.onNodeUnselect(e)},de=function(e){O.onToggle?O.onToggle(e):V(e.value)},ye=function(e){B(e.value)},ve=function(e){switch(e.which){case 40:!j&&e.altKey&&ie();break;case 32:j||(ie(),e.preventDefault());break;case 13:case 27:j&&(ce(),e.preventDefault());break;case 9:ce()}},ge=function(e){13===e.which&&e.preventDefault()},he=function(e){var t=e.target.value;O.onFilterValueChange?O.onFilterValueChange({originalEvent:e,value:t}):B(t)},be=function(){B("")},Ee=function(){g.alignOverlay(U.current,Z.current.parentElement,O.appendTo||N&&N.appendTo||t.appendTo)},Se=function(){var e=g.findSingle(U.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},Ne=function e(t,n,r){if(t){if(we(t,n)&&(r.push(t),delete n[t.key]),Object.keys(n).length&&t.children){var l,o=D(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=D(O.options);try{for(i.s();!(a=i.n()).done;){e(a.value,n,r)}}catch(e){i.e(e)}finally{i.f()}}},we=function(e,t){return ee?t[e.key]&&t[e.key].checked:t[e.key]},Oe=function(){var e=Q?C({},"".concat(O.value),!0):K({},O.value);V({}),e&&O.options&&Ie(null,null,e)},Ie=function e(t,n,r){if(t){if(we(t,r)&&(xe(n),delete r[t.key]),Object.keys(r).length&&t.children){var l,o=D(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=D(O.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],r)}}catch(e){c.e(e)}finally{c.f()}}},xe=function(e){if(e.length>0){var t,n=K({},M||{}),r=D(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}V(n)}};e.useImperativeHandle(S,(function(){return{props:O,focus:function(){return g.focus(z.current)},getElement:function(){return L.current}}})),e.useEffect((function(){v.combinedRefs(z,O.inputRef)}),[z,O.inputRef]),o((function(){Oe(),O.autoFocus&&g.focus(z.current,O.autoFocus)})),a((function(){j&&O.filter&&Ee()})),a((function(){Oe()}),[O.options]),a((function(){j&&M&&Ee()}),[M]),a((function(){j&&($.current||Oe(),$.current=!1)}),[O.value]),i((function(){h.clear(U.current)}));var Ce,Te,ke,je=function(){if(O.filter){var t=v.isNotEmpty(Y)?Y:"",n=y({className:"p-treeselect-filter-container"},te("filterContainer")),r=y({ref:_,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:O.filterPlaceholder,onKeyDown:ge,onChange:he,disabled:O.disabled},te("filter")),l=y({className:"p-treeselect-filter-icon"},te("filterIcon")),o=b.getJSXIcon(O.filterIcon||e.createElement(u,l),K({},l),{props:O}),a=e.createElement("div",n,e.createElement("input",r),o);if(O.filterTemplate)a=v.getJSXElement(O.filterTemplate,{className:"p-treeselect-filter-container",element:a,filterOptions:ne,filterInputKeyDown:ge,filterInputChange:he,filterIconClassName:"p-dropdown-filter-icon",props:O});return e.createElement(e.Fragment,null,a)}},Pe=function(){var e=[];if(v.isNotEmpty(O.value)&&O.options){var t=Q?C({},"".concat(O.value),!0):K({},O.value);Ne(null,t,e)}return e}(),Fe=R.getOtherProps(O),Ae=v.reduceKeys(Fe,g.ARIA_PROPS),Re=d("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===O.display,"p-disabled":O.disabled,"p-focus":x,"p-inputwrapper-filled":!q,"p-inputwrapper-focus":x||j},O.className),He=y({ref:L,className:Re,style:O.style,onClick:function(e){O.disabled||U.current&&U.current.contains(e.target)||g.hasClass(e.target,"p-treeselect-close")||(g.focus(z.current),j?ce():ie())}},R.getOtherProps(O),te("root")),Me=(Ce=y({className:"p-hidden-accessible"},te("hiddenInputWrapper")),Te=y(K({ref:z,role:"listbox",id:O.inputId,type:"text","aria-expanded":j,onFocus:ue,onBlur:se,onKeyDown:ve,disabled:O.disabled,tabIndex:O.tabIndex},Ae),te("hiddenInput")),e.createElement("div",Ce,e.createElement("input",w({},Te,{readOnly:!0})))),Ke=function(){var t=d("p-treeselect-label",{"p-placeholder":ae()===O.placeholder,"p-treeselect-label-empty":!O.placeholder&&q}),n=y({className:"p-treeselect-token"},te("token")),r=y({className:"p-treeselect-token-label"},te("tokenLabel")),l=y({className:"p-treeselect-label-container"},te("labelContainer")),o=y({className:t},te("label")),a=null;return O.valueTemplate?a=v.getJSXElement(O.valueTemplate,Pe,O):"comma"===O.display?a=ae()||"empty":"chip"===O.display&&(a=e.createElement(e.Fragment,null,Pe&&Pe.map((function(t,l){return e.createElement("div",w({},n,{key:"".concat(t.key,"_").concat(l)}),e.createElement("span",r,t.label))})),q&&(O.placeholder||"empty"))),e.createElement("div",l,e.createElement("div",o,a))}(),De=function(){var t=y({ref:Z,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":j},te("trigger")),n=y({className:"p-treeselect-trigger-icon p-clickable"},te("triggerIcon")),r=b.getJSXIcon(O.dropdownIcon||e.createElement(c,n),K({},n),{props:O});return e.createElement("div",t,r)}(),Ve=(ke=y({className:"p-treeselect-empty-message"},te("emptyMessage")),e.createElement(e.Fragment,null,e.createElement(m,{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:ye,onSelect:fe,onSelectionChange:pe,onToggle:de,onUnselect:me,selectionKeys:O.value,selectionMode:O.selectionMode,showHeader:!1,togglerTemplate:O.togglerTemplate,value:O.options,pt:te("tree")}),G&&e.createElement("div",ke,O.emptyMessage||r("emptyMessage")))),Je=function(){var t=je(),n=y({className:{className:"p-treeselect-close-icon","aria-hidden":!0}},te("headerIcon")),l=b.getJSXIcon(O.closeIcon||e.createElement(s,n),K({},n),{props:O}),o=y({type:"button",className:"p-treeselect-close p-link",onClick:ce,"aria-label":r("close")},te("closeButton")),a=y({className:"p-treeselect-header"},te("header")),i=e.createElement("button",o,l,e.createElement(f,null)),c=e.createElement("div",a,t,i);return O.panelHeaderTemplate?v.getJSXElement(O.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:i,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon",onCloseClick:ce,element:c,props:O}):c}(),Xe=v.getJSXElement(O.panelFooterTemplate,O);return e.createElement("div",He,Me,Ke,De,e.createElement(H,{ref:U,appendTo:O.appendTo,panelStyle:O.panelStyle,panelClassName:O.panelClassName,scrollHeight:O.scrollHeight,onClick:function(e){p.emit("overlay-click",{originalEvent:e,target:L.current})},header:Je,footer:Xe,transitionOptions:O.transitionOptions,in:j,onEnter:function(){h.set("overlay",U.current,N&&N.autoZIndex||t.autoZIndex,N&&N.zIndex.overlay||t.zIndex.overlay),Ee(),Se()},onEntered:function(){le(),O.filter&&O.filterInputAutoFocus&&g.focus(_.current,O.filterInputAutoFocus),O.onShow&&O.onShow()},onExit:function(){oe()},onExited:function(){O.filter&&O.resetFilterOnHide&&be(),h.clear(U.current),O.onHide&&O.onHide()},ptm:te},Ve))})));X.displayName="TreeSelect";export{X as TreeSelect};