primereact 8.7.2 → 9.0.0-beta.1

package/treeselect/treeselect.cjs.js

@@ -39,20 +39,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,
@@ -63,7 +88,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
@@ -72,42 +96,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;
 }
 
@@ -133,7 +155,10 @@ var TreeSelectPanel = /*#__PURE__*/React__namespace.forwardRef(function (props,
     var wrapperStyle = {
       maxHeight: props.scrollHeight || 'auto'
     };
-    var className = utils.classNames('p-treeselect-panel p-component', props.panelClassName);
+    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
+    });
     return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
       nodeRef: ref,
       classNames: "p-connected-overlay",
@@ -159,7 +184,6 @@ var TreeSelectPanel = /*#__PURE__*/React__namespace.forwardRef(function (props,
       style: wrapperStyle
     }, props.children), props.footer));
   };
-
   var element = createElement();
   return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
     element: element,
@@ -169,39 +193,31 @@ var TreeSelectPanel = /*#__PURE__*/React__namespace.forwardRef(function (props,
 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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.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__namespace.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__namespace.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__namespace.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__namespace.useRef(null);
   var overlayRef = React__namespace.useRef(null);
   var filterInputRef = React__namespace.useRef(null);
-  var focusInputRef = React__namespace.useRef(null);
+  var focusInputRef = React__namespace.useRef(props.inputRef);
   var triggerRef = React__namespace.useRef(null);
   var selfChange = React__namespace.useRef(null);
   var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
@@ -218,49 +234,41 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       return resetFilter();
     }
   };
-
   var _useOverlayListener = hooks.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)) && !utils.DomHandler.hasClass(event.target, 'p-treeselect-close')) {
       utils.DomHandler.focus(focusInputRef.current);
       overlayVisibleState ? hide() : show();
     }
   };
-
   var onSelectionChange = function onSelectionChange(event) {
     if (props.onChange) {
       selfChange.current = true;
@@ -277,16 +285,13 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       });
     }
   };
-
   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);
@@ -294,18 +299,15 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       setExpandedKeysState(e.value);
     }
   };
-
   var onFilterValueChange = function onFilterValueChange(e) {
     setFilterValueState(e.value);
   };
-
   var onOverlayClick = function onOverlayClick(event) {
     overlayservice.OverlayService.emit('overlay-click', {
       originalEvent: event,
       target: elementRef.current
     });
   };
-
   var onInputKeyDown = function onInputKeyDown(event) {
     switch (event.which) {
       //down
@@ -313,45 +315,39 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
         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,
@@ -361,47 +357,36 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       setFilterValueState(value);
     }
   };
-
   var resetFilter = function resetFilter() {
     setFilterValueState('');
   };
-
   var onOverlayEnter = function onOverlayEnter() {
     utils.ZIndexUtils.set('overlay', overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
     alignOverlay();
     scrollInView();
   };
-
   var onOverlayEntered = function onOverlayEntered() {
     bindOverlayListener();
-
     if (props.filter && props.filterInputAutoFocus) {
       utils.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();
     }
-
     utils.ZIndexUtils.clear(overlayRef.current);
     props.onHide && props.onHide();
   };
-
   var alignOverlay = function alignOverlay() {
     utils.DomHandler.alignOverlay(overlayRef.current, triggerRef.current.parentElement, props.appendTo || PrimeReact__default["default"].appendTo);
   };
-
   var scrollInView = function scrollInView() {
     var highlightItem = utils.DomHandler.findSingle(overlayRef.current, '.p-treenode-content.p-highlight');
-
     if (highlightItem && highlightItem.scrollIntoView) {
       highlightItem.scrollIntoView({
         block: 'nearest',
@@ -409,18 +394,15 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       });
     }
   };
-
   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;
@@ -434,8 +416,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       }
     } else {
       var _iterator2 = _createForOfIteratorHelper(props.options),
-          _step2;
-
+        _step2;
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
           var _childNode = _step2.value;
@@ -448,31 +429,25 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       }
     }
   };
-
   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;
@@ -487,8 +462,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       }
     } else {
       var _iterator4 = _createForOfIteratorHelper(props.options),
-          _step4;
-
+        _step4;
       try {
         for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
           var _childNode2 = _step4.value;
@@ -501,14 +475,11 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       }
     }
   };
-
   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;
@@ -519,30 +490,31 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       } finally {
         _iterator5.f();
       }
-
       setExpandedKeysState(_expandedKeys);
     }
   };
-
   var getSelectedNodes = function getSelectedNodes() {
     var selectedNodes = [];
-
     if (utils.ObjectUtils.isNotEmpty(props.value) && props.options) {
       var keys = isSingleSelectionMode ? _defineProperty({}, "".concat(props.value), true) : _objectSpread({}, props.value);
       findSelectedNodes(null, keys, selectedNodes);
     }
-
     return selectedNodes;
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
+      focus: function focus() {
+        return utils.DomHandler.focus(focusInputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       }
     };
   });
+  React__namespace.useEffect(function () {
+    utils.ObjectUtils.combinedRefs(focusInputRef, props.inputRef);
+  }, [focusInputRef, props.inputRef]);
   hooks.useMountEffect(function () {
     updateTreeState();
   });
@@ -564,14 +536,12 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       if (!selfChange.current) {
         updateTreeState();
       }
-
       selfChange.current = false;
     }
   }, [props.value]);
   hooks.useUnmountEffect(function () {
     utils.ZIndexUtils.clear(overlayRef.current);
   });
-
   var createKeyboardHelper = function createKeyboardHelper() {
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-hidden-accessible"
@@ -589,14 +559,12 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       tabIndex: props.tabIndex
     }, ariaProps)));
   };
-
   var createLabel = function createLabel() {
     var labelClassName = utils.classNames('p-treeselect-label', {
       'p-placeholder': getLabel() === props.placeholder,
       'p-treeselect-label-empty': !props.placeholder && isValueEmpty
     });
     var content = null;
-
     if (props.valueTemplate) {
       content = utils.ObjectUtils.getJSXElement(props.valueTemplate, selectedNodes, props);
     } else {
@@ -613,14 +581,12 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
         }), isValueEmpty && (props.placeholder || 'empty'));
       }
     }
-
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-treeselect-label-container"
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: labelClassName
     }, content));
   };
-
   var createDropdownIcon = function createDropdownIcon() {
     var iconClassName = utils.classNames('p-treeselect-trigger-icon p-clickable', props.dropdownIcon);
     return /*#__PURE__*/React__namespace.createElement("div", {
@@ -633,7 +599,6 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       className: iconClassName
     }));
   };
-
   var createContent = function createContent() {
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(tree.Tree, {
       value: props.options,
@@ -659,7 +624,6 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       className: "p-treeselect-empty-message"
     }, props.emptyMessage || PrimeReact.localeOption('emptyMessage')));
   };
-
   var createFilterElement = function createFilterElement() {
     if (props.filter) {
       var filterValue = utils.ObjectUtils.isNotEmpty(filteredValue) ? filteredValue : '';
@@ -678,7 +642,6 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       }), /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-treeselect-filter-icon pi pi-search"
       }));
-
       if (props.filterTemplate) {
         var defaultContentOptions = {
           className: 'p-treeselect-filter-container',
@@ -691,11 +654,9 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
         };
         filterContent = utils.ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
       }
-
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, filterContent);
     }
   };
-
   var createHeader = function createHeader() {
     var filterElement = createFilterElement();
     var closeElement = /*#__PURE__*/React__namespace.createElement("button", {
@@ -710,7 +671,6 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     var content = /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-treeselect-header"
     }, filterElement, closeElement);
-
     if (props.panelHeaderTemplate) {
       var defaultOptions = {
         className: 'p-treeselect-header',
@@ -724,14 +684,11 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       };
       return utils.ObjectUtils.getJSXElement(props.panelHeaderTemplate, defaultOptions);
     }
-
     return content;
   };
-
   var createFooter = function createFooter() {
     return utils.ObjectUtils.getJSXElement(props.panelFooterTemplate, props);
   };
-
   var selectedNodes = getSelectedNodes();
   var otherProps = utils.ObjectUtils.findDiffKeys(props, TreeSelect.defaultProps);
   var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
@@ -749,7 +706,6 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   var header = createHeader();
   var footer = createFooter();
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
-    id: props.id,
     ref: elementRef,
     className: className,
     style: props.style
@@ -775,49 +731,49 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
 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
 };
 
 exports.TreeSelect = TreeSelect;