primereact 8.7.2 → 9.0.0-beta.1

package/treeselect/treeselect.esm.js

@@ -4,7 +4,7 @@ import { useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect }
 import { OverlayService } from 'primereact/overlayservice';
 import { Ripple } from 'primereact/ripple';
 import { Tree } from 'primereact/tree';
-import { classNames, ObjectUtils, ZIndexUtils, DomHandler } from 'primereact/utils';
+import { classNames, ObjectUtils, DomHandler, ZIndexUtils } from 'primereact/utils';
 import { CSSTransition } from 'primereact/csstransition';
 import { Portal } from 'primereact/portal';
 
@@ -12,20 +12,45 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -36,7 +61,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
@@ -45,42 +69,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _arrayLikeToArray$1(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -106,7 +128,10 @@ var TreeSelectPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var wrapperStyle = {
       maxHeight: props.scrollHeight || 'auto'
     };
-    var className = classNames('p-treeselect-panel p-component', props.panelClassName);
+    var className = classNames('p-treeselect-panel p-component', props.panelClassName, {
+      'p-input-filled': PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': PrimeReact.ripple === false
+    });
     return /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: ref,
       classNames: "p-connected-overlay",
@@ -132,7 +157,6 @@ var TreeSelectPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       style: wrapperStyle
     }, props.children), props.footer));
   };
-
   var element = createElement();
   return /*#__PURE__*/React.createElement(Portal, {
     element: element,
@@ -142,39 +166,31 @@ var TreeSelectPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 TreeSelectPanel.displayName = 'TreeSelectPanel';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      focusedState = _React$useState2[0],
-      setFocusedState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focusedState = _React$useState2[0],
+    setFocusedState = _React$useState2[1];
   var _React$useState3 = React.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      overlayVisibleState = _React$useState4[0],
-      setOverlayVisibleState = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    overlayVisibleState = _React$useState4[0],
+    setOverlayVisibleState = _React$useState4[1];
   var _React$useState5 = React.useState(props.expandedKeys),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      expandedKeysState = _React$useState6[0],
-      setExpandedKeysState = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    expandedKeysState = _React$useState6[0],
+    setExpandedKeysState = _React$useState6[1];
   var _React$useState7 = React.useState(''),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      filterValueState = _React$useState8[0],
-      setFilterValueState = _React$useState8[1];
-
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    filterValueState = _React$useState8[0],
+    setFilterValueState = _React$useState8[1];
   var elementRef = React.useRef(null);
   var overlayRef = React.useRef(null);
   var filterInputRef = React.useRef(null);
-  var focusInputRef = React.useRef(null);
+  var focusInputRef = React.useRef(props.inputRef);
   var triggerRef = React.useRef(null);
   var selfChange = React.useRef(null);
   var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
@@ -191,49 +207,41 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       return resetFilter();
     }
   };
-
   var _useOverlayListener = useOverlayListener({
-    target: elementRef,
-    overlay: overlayRef,
-    listener: function listener(event, _ref) {
-      var valid = _ref.valid;
-      valid && hide();
-    },
-    when: overlayVisibleState
-  }),
-      _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
-      bindOverlayListener = _useOverlayListener2[0],
-      unbindOverlayListener = _useOverlayListener2[1];
-
+      target: elementRef,
+      overlay: overlayRef,
+      listener: function listener(event, _ref) {
+        var valid = _ref.valid;
+        valid && hide();
+      },
+      when: overlayVisibleState
+    }),
+    _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
+    bindOverlayListener = _useOverlayListener2[0],
+    unbindOverlayListener = _useOverlayListener2[1];
   var getLabel = function getLabel() {
     return selectedNodes.length ? selectedNodes.map(function (node) {
       return node.label;
     }).join(', ') : props.placeholder;
   };
-
   var show = function show() {
     setOverlayVisibleState(true);
   };
-
   var hide = function hide() {
     setOverlayVisibleState(false);
   };
-
   var onInputFocus = function onInputFocus() {
     setFocusedState(true);
   };
-
   var onInputBlur = function onInputBlur() {
     setFocusedState(false);
   };
-
   var onClick = function onClick(event) {
     if (!props.disabled && (!overlayRef.current || !overlayRef.current.contains(event.target)) && !DomHandler.hasClass(event.target, 'p-treeselect-close')) {
       DomHandler.focus(focusInputRef.current);
       overlayVisibleState ? hide() : show();
     }
   };
-
   var onSelectionChange = function onSelectionChange(event) {
     if (props.onChange) {
       selfChange.current = true;
@@ -250,16 +258,13 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       });
     }
   };
-
   var onNodeSelect = function onNodeSelect(node) {
     props.onNodeSelect && props.onNodeSelect(node);
     isSingleSelectionMode && hide();
   };
-
   var onNodeUnselect = function onNodeUnselect(node) {
     props.onNodeUnselect && props.onNodeUnselect(node);
   };
-
   var onNodeToggle = function onNodeToggle(e) {
     if (props.onToggle) {
       props.onToggle(e);
@@ -267,18 +272,15 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       setExpandedKeysState(e.value);
     }
   };
-
   var onFilterValueChange = function onFilterValueChange(e) {
     setFilterValueState(e.value);
   };
-
   var onOverlayClick = function onOverlayClick(event) {
     OverlayService.emit('overlay-click', {
       originalEvent: event,
       target: elementRef.current
     });
   };
-
   var onInputKeyDown = function onInputKeyDown(event) {
     switch (event.which) {
       //down
@@ -286,45 +288,39 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         if (!overlayVisibleState && event.altKey) {
           show();
         }
-
         break;
-      //space
 
+      //space
       case 32:
         if (!overlayVisibleState) {
           show();
           event.preventDefault();
         }
-
         break;
-      //enter and escape
 
+      //enter and escape
       case 13:
       case 27:
         if (overlayVisibleState) {
           hide();
           event.preventDefault();
         }
-
         break;
-      //tab
 
+      //tab
       case 9:
         hide();
         break;
     }
   };
-
   var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
     //enter
     if (event.which === 13) {
       event.preventDefault();
     }
   };
-
   var onFilterInputChange = function onFilterInputChange(event) {
     var value = event.target.value;
-
     if (props.onFilterValueChange) {
       props.onFilterValueChange({
         originalEvent: event,
@@ -334,47 +330,36 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       setFilterValueState(value);
     }
   };
-
   var resetFilter = function resetFilter() {
     setFilterValueState('');
   };
-
   var onOverlayEnter = function onOverlayEnter() {
     ZIndexUtils.set('overlay', overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
     alignOverlay();
     scrollInView();
   };
-
   var onOverlayEntered = function onOverlayEntered() {
     bindOverlayListener();
-
     if (props.filter && props.filterInputAutoFocus) {
       DomHandler.focus(filterInputRef.current, props.filterInputAutoFocus);
     }
-
     props.onShow && props.onShow();
   };
-
   var onOverlayExit = function onOverlayExit() {
     unbindOverlayListener();
   };
-
   var onOverlayExited = function onOverlayExited() {
     if (props.filter && props.resetFilterOnHide) {
       resetFilter();
     }
-
     ZIndexUtils.clear(overlayRef.current);
     props.onHide && props.onHide();
   };
-
   var alignOverlay = function alignOverlay() {
     DomHandler.alignOverlay(overlayRef.current, triggerRef.current.parentElement, props.appendTo || PrimeReact.appendTo);
   };
-
   var scrollInView = function scrollInView() {
     var highlightItem = DomHandler.findSingle(overlayRef.current, '.p-treenode-content.p-highlight');
-
     if (highlightItem && highlightItem.scrollIntoView) {
       highlightItem.scrollIntoView({
         block: 'nearest',
@@ -382,18 +367,15 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       });
     }
   };
-
   var findSelectedNodes = function findSelectedNodes(node, keys, selectedNodes) {
     if (node) {
       if (isSelected(node, keys)) {
         selectedNodes.push(node);
         delete keys[node.key];
       }
-
       if (Object.keys(keys).length && node.children) {
         var _iterator = _createForOfIteratorHelper(node.children),
-            _step;
-
+          _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var childNode = _step.value;
@@ -407,8 +389,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       }
     } else {
       var _iterator2 = _createForOfIteratorHelper(props.options),
-          _step2;
-
+        _step2;
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
           var _childNode = _step2.value;
@@ -421,31 +402,25 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       }
     }
   };
-
   var isSelected = function isSelected(node, keys) {
     return isCheckboxSelectionMode ? keys[node.key] && keys[node.key].checked : keys[node.key];
   };
-
   var updateTreeState = function updateTreeState() {
     var keys = isSingleSelectionMode ? _defineProperty({}, "".concat(props.value), true) : _objectSpread({}, props.value);
     setExpandedKeysState({});
-
     if (keys && props.options) {
       updateTreeBranchState(null, null, keys);
     }
   };
-
   var updateTreeBranchState = function updateTreeBranchState(node, path, keys) {
     if (node) {
       if (isSelected(node, keys)) {
         expandPath(path);
         delete keys[node.key];
       }
-
       if (Object.keys(keys).length && node.children) {
         var _iterator3 = _createForOfIteratorHelper(node.children),
-            _step3;
-
+          _step3;
         try {
           for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
             var childNode = _step3.value;
@@ -460,8 +435,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       }
     } else {
       var _iterator4 = _createForOfIteratorHelper(props.options),
-          _step4;
-
+        _step4;
       try {
         for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
           var _childNode2 = _step4.value;
@@ -474,14 +448,11 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       }
     }
   };
-
   var expandPath = function expandPath(path) {
     if (path.length > 0) {
       var _expandedKeys = _objectSpread({}, expandedKeysState || {});
-
       var _iterator5 = _createForOfIteratorHelper(path),
-          _step5;
-
+        _step5;
       try {
         for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
           var key = _step5.value;
@@ -492,30 +463,31 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       } finally {
         _iterator5.f();
       }
-
       setExpandedKeysState(_expandedKeys);
     }
   };
-
   var getSelectedNodes = function getSelectedNodes() {
     var selectedNodes = [];
-
     if (ObjectUtils.isNotEmpty(props.value) && props.options) {
       var keys = isSingleSelectionMode ? _defineProperty({}, "".concat(props.value), true) : _objectSpread({}, props.value);
       findSelectedNodes(null, keys, selectedNodes);
     }
-
     return selectedNodes;
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
+      focus: function focus() {
+        return DomHandler.focus(focusInputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       }
     };
   });
+  React.useEffect(function () {
+    ObjectUtils.combinedRefs(focusInputRef, props.inputRef);
+  }, [focusInputRef, props.inputRef]);
   useMountEffect(function () {
     updateTreeState();
   });
@@ -537,14 +509,12 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       if (!selfChange.current) {
         updateTreeState();
       }
-
       selfChange.current = false;
     }
   }, [props.value]);
   useUnmountEffect(function () {
     ZIndexUtils.clear(overlayRef.current);
   });
-
   var createKeyboardHelper = function createKeyboardHelper() {
     return /*#__PURE__*/React.createElement("div", {
       className: "p-hidden-accessible"
@@ -562,14 +532,12 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       tabIndex: props.tabIndex
     }, ariaProps)));
   };
-
   var createLabel = function createLabel() {
     var labelClassName = classNames('p-treeselect-label', {
       'p-placeholder': getLabel() === props.placeholder,
       'p-treeselect-label-empty': !props.placeholder && isValueEmpty
     });
     var content = null;
-
     if (props.valueTemplate) {
       content = ObjectUtils.getJSXElement(props.valueTemplate, selectedNodes, props);
     } else {
@@ -586,14 +554,12 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         }), isValueEmpty && (props.placeholder || 'empty'));
       }
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: "p-treeselect-label-container"
     }, /*#__PURE__*/React.createElement("div", {
       className: labelClassName
     }, content));
   };
-
   var createDropdownIcon = function createDropdownIcon() {
     var iconClassName = classNames('p-treeselect-trigger-icon p-clickable', props.dropdownIcon);
     return /*#__PURE__*/React.createElement("div", {
@@ -606,7 +572,6 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       className: iconClassName
     }));
   };
-
   var createContent = function createContent() {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tree, {
       value: props.options,
@@ -632,7 +597,6 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       className: "p-treeselect-empty-message"
     }, props.emptyMessage || localeOption('emptyMessage')));
   };
-
   var createFilterElement = function createFilterElement() {
     if (props.filter) {
       var filterValue = ObjectUtils.isNotEmpty(filteredValue) ? filteredValue : '';
@@ -651,7 +615,6 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       }), /*#__PURE__*/React.createElement("span", {
         className: "p-treeselect-filter-icon pi pi-search"
       }));
-
       if (props.filterTemplate) {
         var defaultContentOptions = {
           className: 'p-treeselect-filter-container',
@@ -664,11 +627,9 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         };
         filterContent = ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
       }
-
       return /*#__PURE__*/React.createElement(React.Fragment, null, filterContent);
     }
   };
-
   var createHeader = function createHeader() {
     var filterElement = createFilterElement();
     var closeElement = /*#__PURE__*/React.createElement("button", {
@@ -683,7 +644,6 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     var content = /*#__PURE__*/React.createElement("div", {
       className: "p-treeselect-header"
     }, filterElement, closeElement);
-
     if (props.panelHeaderTemplate) {
       var defaultOptions = {
         className: 'p-treeselect-header',
@@ -697,14 +657,11 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       };
       return ObjectUtils.getJSXElement(props.panelHeaderTemplate, defaultOptions);
     }
-
     return content;
   };
-
   var createFooter = function createFooter() {
     return ObjectUtils.getJSXElement(props.panelFooterTemplate, props);
   };
-
   var selectedNodes = getSelectedNodes();
   var otherProps = ObjectUtils.findDiffKeys(props, TreeSelect.defaultProps);
   var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
@@ -722,7 +679,6 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var header = createHeader();
   var footer = createFooter();
   return /*#__PURE__*/React.createElement("div", _extends({
-    id: props.id,
     ref: elementRef,
     className: className,
     style: props.style
@@ -748,49 +704,49 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 TreeSelect.displayName = 'TreeSelect';
 TreeSelect.defaultProps = {
   __TYPE: 'TreeSelect',
-  id: null,
-  value: null,
-  name: null,
-  style: null,
-  className: null,
-  disabled: false,
-  options: null,
-  scrollHeight: '400px',
-  placeholder: null,
-  tabIndex: null,
-  inputId: null,
+  appendTo: null,
   ariaLabel: null,
   ariaLabelledBy: null,
-  selectionMode: 'single',
-  expandedKeys: null,
-  panelStyle: null,
-  panelClassName: null,
-  appendTo: null,
-  emptyMessage: null,
+  className: null,
+  disabled: false,
   display: 'comma',
-  metaKeySelection: true,
-  valueTemplate: null,
-  panelHeaderTemplate: null,
-  panelFooterTemplate: null,
-  transitionOptions: null,
   dropdownIcon: 'pi pi-chevron-down',
+  emptyMessage: null,
+  expandedKeys: null,
   filter: false,
-  filterTemplate: null,
-  filterValue: null,
   filterBy: 'label',
+  filterInputAutoFocus: true,
+  filterLocale: undefined,
   filterMode: 'lenient',
   filterPlaceholder: null,
-  filterLocale: undefined,
-  filterInputAutoFocus: true,
-  resetFilterOnHide: false,
-  onShow: null,
-  onHide: null,
+  filterTemplate: null,
+  filterValue: null,
+  inputId: null,
+  inputRef: null,
+  metaKeySelection: true,
+  name: null,
   onChange: null,
+  onFilterValueChange: null,
+  onHide: null,
+  onNodeCollapse: null,
+  onNodeExpand: null,
   onNodeSelect: null,
   onNodeUnselect: null,
-  onNodeExpand: null,
-  onNodeCollapse: null,
-  onFilterValueChange: null
+  onShow: null,
+  options: null,
+  panelClassName: null,
+  panelFooterTemplate: null,
+  panelHeaderTemplate: null,
+  panelStyle: null,
+  placeholder: null,
+  resetFilterOnHide: false,
+  scrollHeight: '400px',
+  selectionMode: 'single',
+  style: null,
+  tabIndex: null,
+  transitionOptions: null,
+  value: null,
+  valueTemplate: null
 };
 
 export { TreeSelect };