primereact 9.5.0 → 9.6.0

package/treeselect/treeselect.cjs.js

@@ -12,6 +12,7 @@ var overlayservice = require('primereact/overlayservice');
 var ripple = require('primereact/ripple');
 var tree = require('primereact/tree');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 var csstransition = require('primereact/csstransition');
 var portal = require('primereact/portal');
 
@@ -149,7 +150,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
 }
 
-var TreeSelectBase = {
+var TreeSelectBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'TreeSelect',
     appendTo: null,
@@ -175,6 +176,7 @@ var TreeSelectBase = {
     inputRef: null,
     metaKeySelection: true,
     name: null,
+    nodeTemplate: null,
     onChange: null,
     onFilterValueChange: null,
     onHide: null,
@@ -194,28 +196,34 @@ var TreeSelectBase = {
     selectionMode: 'single',
     style: null,
     tabIndex: null,
+    togglerTemplate: null,
     transitionOptions: null,
     value: null,
     valueTemplate: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, TreeSelectBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, TreeSelectBase.defaultProps);
   }
-};
+});
 
 var TreeSelectPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var createElement = function createElement() {
     var wrapperStyle = {
       maxHeight: props.scrollHeight || 'auto'
     };
     var className = utils.classNames('p-treeselect-panel p-component', props.panelClassName, {
-      'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
-      'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+      'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
     });
+    var panelProps = utils.mergeProps({
+      ref: ref,
+      className: className,
+      style: props.panelStyle,
+      onClick: props.onClick
+    }, props.ptm('panel'));
+    var wrapperProps = utils.mergeProps({
+      className: 'p-treeselect-items-wrapper',
+      style: wrapperStyle
+    }, props.ptm('wrapper'));
     return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
       nodeRef: ref,
       classNames: "p-connected-overlay",
@@ -231,15 +239,7 @@ var TreeSelectPanel = /*#__PURE__*/React__namespace.forwardRef(function (props,
       onEntered: props.onEntered,
       onExit: props.onExit,
       onExited: props.onExited
-    }, /*#__PURE__*/React__namespace.createElement("div", {
-      ref: ref,
-      className: className,
-      style: props.panelStyle,
-      onClick: props.onClick
-    }, props.header, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-treeselect-items-wrapper",
-      style: wrapperStyle
-    }, props.children), props.footer));
+    }, /*#__PURE__*/React__namespace.createElement("div", panelProps, props.header, /*#__PURE__*/React__namespace.createElement("div", wrapperProps, props.children), props.footer));
   };
   var element = createElement();
   return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
@@ -255,7 +255,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = TreeSelectBase.getProps(inProps);
+  var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+  var props = TreeSelectBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
@@ -284,6 +285,16 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   var hasNoOptions = utils.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);
@@ -423,7 +434,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     setFilterValueState('');
   };
   var onOverlayEnter = function onOverlayEnter() {
-    utils.ZIndexUtils.set('overlay', overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
+    utils.ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['overlay'] || PrimeReact__default["default"].zIndex['overlay']);
     alignOverlay();
     scrollInView();
   };
@@ -445,7 +456,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     props.onHide && props.onHide();
   };
   var alignOverlay = function alignOverlay() {
-    utils.DomHandler.alignOverlay(overlayRef.current, triggerRef.current.parentElement, props.appendTo || PrimeReact__default["default"].appendTo);
+    utils.DomHandler.alignOverlay(overlayRef.current, triggerRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo);
   };
   var scrollInView = function scrollInView() {
     var highlightItem = utils.DomHandler.findSingle(overlayRef.current, '.p-treenode-content.p-highlight');
@@ -608,27 +619,42 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     utils.ZIndexUtils.clear(overlayRef.current);
   });
   var createKeyboardHelper = function createKeyboardHelper() {
-    return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-hidden-accessible"
-    }, /*#__PURE__*/React__namespace.createElement("input", _extends({
+    var hiddenInputWrapperProps = utils.mergeProps({
+      className: 'p-hidden-accessible'
+    }, ptm('hiddenInputWrapper'));
+    var hiddenInputProps = utils.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__namespace.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React__namespace.createElement("input", _extends({}, hiddenInputProps, {
+      readOnly: true
+    })));
   };
   var createLabel = function createLabel() {
     var labelClassName = utils.classNames('p-treeselect-label', {
       'p-placeholder': getLabel() === props.placeholder,
       'p-treeselect-label-empty': !props.placeholder && isValueEmpty
     });
+    var tokenProps = utils.mergeProps({
+      className: 'p-treeselect-token'
+    }, ptm('token'));
+    var tokenLabelProps = utils.mergeProps({
+      className: 'p-treeselect-token-label'
+    }, ptm('tokenLabel'));
+    var labelContainerProps = utils.mergeProps({
+      className: 'p-treeselect-label-container'
+    }, ptm('labelContainer'));
+    var labelProps = utils.mergeProps({
+      className: labelClassName
+    }, ptm('label'));
     var content = null;
     if (props.valueTemplate) {
       content = utils.ObjectUtils.getJSXElement(props.valueTemplate, selectedNodes, props);
@@ -637,89 +663,87 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
         content = getLabel() || 'empty';
       } else if (props.display === 'chip') {
         content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, selectedNodes && selectedNodes.map(function (node, index) {
-          return /*#__PURE__*/React__namespace.createElement("div", {
-            className: "p-treeselect-token",
+          return /*#__PURE__*/React__namespace.createElement("div", _extends({}, tokenProps, {
             key: "".concat(node.key, "_").concat(index)
-          }, /*#__PURE__*/React__namespace.createElement("span", {
-            className: "p-treeselect-token-label"
-          }, node.label));
+          }), /*#__PURE__*/React__namespace.createElement("span", tokenLabelProps, node.label));
         }), isValueEmpty && (props.placeholder || 'empty'));
       }
     }
-    return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-treeselect-label-container"
-    }, /*#__PURE__*/React__namespace.createElement("div", {
-      className: labelClassName
-    }, content));
+    return /*#__PURE__*/React__namespace.createElement("div", labelContainerProps, /*#__PURE__*/React__namespace.createElement("div", labelProps, content));
   };
   var createDropdownIcon = function createDropdownIcon() {
+    var triggerProps = utils.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__namespace.createElement(chevrondown.ChevronDownIcon, {
-      className: iconClassName
-    });
-    var dropdownIcon = utils.IconUtils.getJSXIcon(icon, {
+    var triggerIconProps = utils.mergeProps({
       className: iconClassName
-    }, {
+    }, ptm('triggerIcon'));
+    var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, triggerIconProps);
+    var dropdownIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, triggerIconProps), {
       props: props
     });
-    return /*#__PURE__*/React__namespace.createElement("div", {
-      ref: triggerRef,
-      className: "p-treeselect-trigger",
-      role: "button",
-      "aria-haspopup": "listbox",
-      "aria-expanded": overlayVisibleState
-    }, dropdownIcon);
+    return /*#__PURE__*/React__namespace.createElement("div", triggerProps, dropdownIcon);
   };
   var createContent = function createContent() {
+    var emptyMessageProps = utils.mergeProps({
+      className: 'p-treeselect-empty-message'
+    }, ptm('emptyMessage'));
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(tree.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__namespace.createElement("div", {
-      className: "p-treeselect-empty-message"
-    }, props.emptyMessage || PrimeReact.localeOption('emptyMessage')));
+      togglerTemplate: props.togglerTemplate,
+      value: props.options,
+      pt: ptm('tree')
+    }), hasNoOptions && /*#__PURE__*/React__namespace.createElement("div", emptyMessageProps, props.emptyMessage || PrimeReact.localeOption('emptyMessage')));
   };
   var createFilterElement = function createFilterElement() {
     if (props.filter) {
       var filterValue = utils.ObjectUtils.isNotEmpty(filteredValue) ? filteredValue : '';
-      var iconClassName = 'p-treeselect-filter-icon';
-      var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, {
-        className: iconClassName
-      });
-      var filterIcon = utils.IconUtils.getJSXIcon(icon, {
-        className: iconClassName
-      }, {
-        props: props
-      });
-      var filterContent = /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-treeselect-filter-container"
-      }, /*#__PURE__*/React__namespace.createElement("input", {
+      var filterContainerProps = utils.mergeProps({
+        className: 'p-treeselect-filter-container'
+      }, ptm('filterContainer'));
+      var filterProps = utils.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 = utils.mergeProps({
+        className: iconClassName
+      }, ptm('filterIcon'));
+      var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, filterIconProps);
+      var filterIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, filterIconProps), {
+        props: props
+      });
+      var filterContent = /*#__PURE__*/React__namespace.createElement("div", filterContainerProps, /*#__PURE__*/React__namespace.createElement("input", filterProps), filterIcon);
       if (props.filterTemplate) {
         var defaultContentOptions = {
           className: 'p-treeselect-filter-container',
@@ -741,19 +765,24 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       className: 'p-treeselect-close-icon',
       'aria-hidden': true
     };
-    var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, iconProps);
-    var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+    var headerIconProps = utils.mergeProps({
+      className: iconProps
+    }, ptm('headerIcon'));
+    var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, headerIconProps);
+    var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, headerIconProps), {
       props: props
     });
-    var closeElement = /*#__PURE__*/React__namespace.createElement("button", {
-      type: "button",
-      className: "p-treeselect-close p-link",
+    var closeButtonProps = utils.mergeProps({
+      type: 'button',
+      className: 'p-treeselect-close p-link',
       onClick: hide,
-      "aria-label": PrimeReact.localeOption('close')
-    }, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
-    var content = /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-treeselect-header"
-    }, filterElement, closeElement);
+      'aria-label': PrimeReact.localeOption('close')
+    }, ptm('closeButton'));
+    var headerProps = utils.mergeProps({
+      className: 'p-treeselect-header'
+    }, ptm('header'));
+    var closeElement = /*#__PURE__*/React__namespace.createElement("button", closeButtonProps, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    var content = /*#__PURE__*/React__namespace.createElement("div", headerProps, filterElement, closeElement);
     if (props.panelHeaderTemplate) {
       var defaultOptions = {
         className: 'p-treeselect-header',
@@ -782,19 +811,19 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     'p-inputwrapper-filled': !isValueEmpty,
     'p-inputwrapper-focus': focusedState || overlayVisibleState
   }, props.className);
+  var rootProps = utils.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__namespace.createElement("div", _extends({
-    ref: elementRef,
-    className: className,
-    style: props.style
-  }, otherProps, {
-    onClick: onClick
-  }), keyboardHelper, labelElement, dropdownIcon, /*#__PURE__*/React__namespace.createElement(TreeSelectPanel, {
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, keyboardHelper, labelElement, dropdownIcon, /*#__PURE__*/React__namespace.createElement(TreeSelectPanel, {
     ref: overlayRef,
     appendTo: props.appendTo,
     panelStyle: props.panelStyle,
@@ -808,7 +837,8 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     onEnter: onOverlayEnter,
     onEntered: onOverlayEntered,
     onExit: onOverlayExit,
-    onExited: onOverlayExited
+    onExited: onOverlayExited,
+    ptm: ptm
   }, content));
 }));
 TreeSelect.displayName = 'TreeSelect';

package/treeselect/treeselect.cjs.min.js

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

package/treeselect/treeselect.d.ts

@@ -9,9 +9,128 @@
  */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
+import { TreeNodeTemplateOptions, TreePassThroughOptions, TreeTogglerTemplateOptions } from '../tree/tree';
 import { TreeNode } from '../treenode';
 import { FormEvent } from '../ts-helpers';
-import { IconType } from '../utils/utils';
+import { IconType, PassThroughType } from '../utils/utils';
+
+export declare type TreeSelectPassThroughType<T> = PassThroughType<T, TreeSelectPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface TreeSelectPassThroughMethodOptions {
+    props: TreeSelectProps;
+    state: TreeSelectState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link TreeSelectProps.pt}
+ */
+export interface TreeSelectPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: TreeSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the label container's DOM element.
+     */
+    labelContainer?: TreeSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the label's DOM element.
+     */
+    label?: TreeSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the token's DOM element.
+     */
+    token?: TreeSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the token label's DOM element.
+     */
+    tokenLabel?: TreeSelectPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the trigger's DOM element.
+     */
+    trigger?: TreeSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the trigger icon's DOM element.
+     */
+    triggerIcon?: TreeSelectPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the panel's DOM element.
+     */
+    panel?: TreeSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the wrapper's DOM element.
+     */
+    wrapper?: TreeSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the trigger's DOM element.
+     * @see {@link TreePassThroughOptionType}
+     */
+    tree?: TreePassThroughOptions;
+    /**
+     * Uses to pass attributes to the empty message's DOM element.
+     */
+    emptyMessage?: TreeSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the hidden input wrapper's DOM element.
+     */
+    hiddenInputWrapper?: TreeSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the hidden input's DOM element.
+     */
+    hiddenInput?: TreeSelectPassThroughType<React.HTMLAttributes<HTMLInputElement>>;
+    /**
+     * Uses to pass attributes to the filter container's DOM element.
+     */
+    filterContainer?: TreeSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * uses to pass attributes to the filter's DOM element.
+     */
+    filter?: TreeSelectPassThroughType<React.HTMLAttributes<HTMLInputElement>>;
+    /**
+     * uses to pass attributes to the filter icon's DOM element.
+     */
+    filterIcon?: TreeSelectPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * uses to pass attributes to the header icon's DOM element.
+     */
+    headerIcon?: TreeSelectPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * uses to pass attributes to the header's DOM element.
+     */
+    header?: TreeSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * uses to pass attributes to the close button's DOM element.
+     */
+    closeButton?: TreeSelectPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLButtonElement>>;
+}
+
+/**
+ * Defines current inline state in TreeSelect component.
+ */
+export interface TreeSelectState {
+    /**
+     * Current focused state as a boolean.
+     * @defaultValue false
+     */
+    focused: boolean;
+    /**
+     * Current overlay visible state as a boolean.
+     * @defaultValue false
+     */
+    overlayVisible: boolean;
+    /**
+     * Current expanded keys state.
+     */
+    expandedKeys: TreeSelectExpandedKeysType;
+    /**
+     * Current selected keys state.
+     */
+    filterValue: string;
+}
 
 /**
  * Custom panel header template options.
@@ -160,7 +279,7 @@ interface TreeSelectFilterOptions {
  * Defines valid properties in TreeSelect component. In addition to these, all properties of HTMLDivElement can be used in this component.
  * @group Properties
  */
-export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'value' | 'ref'> {
+export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'value' | 'ref' | 'pt'> {
     /**
      * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
      * @defaultValue document.body
@@ -268,6 +387,11 @@ export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.Inpu
      * Name of the input element.
      */
     name?: string | undefined;
+    /**
+     * Template of internally used tree component node element.
+     * @defaultValue false
+     */
+    nodeTemplate?: React.ReactNode | ((node: TreeNode, options: TreeNodeTemplateOptions) => React.ReactNode);
     /**
      * An array of options to display.
      */
@@ -296,6 +420,14 @@ export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.Inpu
      * Clears the filter value when hiding the dropdown.
      * @defaultValue false
      */
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {TreeSelectPassThroughOptions}
+     */
+    pt?: TreeSelectPassThroughOptions;
+    /**
+     * Resets the filter when the overlay is hidden.
+     */
     resetFilterOnHide?: boolean | undefined;
     /**
      * Maximum height of the options panel.
@@ -310,6 +442,10 @@ export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.Inpu
      * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
      */
     transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Template of toggler element.
+     */
+    togglerTemplate?: React.ReactNode | ((node: TreeNode, options: TreeTogglerTemplateOptions) => React.ReactNode);
     /**
      * A single or an object of keys to control the selection state.
      */