primereact 8.7.2 → 9.0.0-beta.1

package/treeselect/treeselect.js

@@ -29,20 +29,45 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
     _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,
@@ -53,7 +78,6 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
 
@@ -62,42 +86,40 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
   }
 
   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;
   }
 
@@ -123,7 +145,10 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
       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",
@@ -149,7 +174,6 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         style: wrapperStyle
       }, props.children), props.footer));
     };
-
     var element = createElement();
     return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
       element: element,
@@ -159,39 +183,31 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
   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;
@@ -208,49 +224,41 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         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;
@@ -267,16 +275,13 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         });
       }
     };
-
     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);
@@ -284,18 +289,15 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         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
@@ -303,45 +305,39 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
           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,
@@ -351,47 +347,36 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         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',
@@ -399,18 +384,15 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         });
       }
     };
-
     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;
@@ -424,8 +406,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         }
       } else {
         var _iterator2 = _createForOfIteratorHelper(props.options),
-            _step2;
-
+          _step2;
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
             var _childNode = _step2.value;
@@ -438,31 +419,25 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         }
       }
     };
-
     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;
@@ -477,8 +452,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         }
       } else {
         var _iterator4 = _createForOfIteratorHelper(props.options),
-            _step4;
-
+          _step4;
         try {
           for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
             var _childNode2 = _step4.value;
@@ -491,14 +465,11 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         }
       }
     };
-
     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;
@@ -509,30 +480,31 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         } 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();
     });
@@ -554,14 +526,12 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         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"
@@ -579,14 +549,12 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         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 {
@@ -603,14 +571,12 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
           }), 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", {
@@ -623,7 +589,6 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         className: iconClassName
       }));
     };
-
     var createContent = function createContent() {
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(tree.Tree, {
         value: props.options,
@@ -649,7 +614,6 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         className: "p-treeselect-empty-message"
       }, props.emptyMessage || PrimeReact.localeOption('emptyMessage')));
     };
-
     var createFilterElement = function createFilterElement() {
       if (props.filter) {
         var filterValue = utils.ObjectUtils.isNotEmpty(filteredValue) ? filteredValue : '';
@@ -668,7 +632,6 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         }), /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-treeselect-filter-icon pi pi-search"
         }));
-
         if (props.filterTemplate) {
           var defaultContentOptions = {
             className: 'p-treeselect-filter-container',
@@ -681,11 +644,9 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
           };
           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", {
@@ -700,7 +661,6 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
       var content = /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-treeselect-header"
       }, filterElement, closeElement);
-
       if (props.panelHeaderTemplate) {
         var defaultOptions = {
           className: 'p-treeselect-header',
@@ -714,14 +674,11 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         };
         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);
@@ -739,7 +696,6 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
     var header = createHeader();
     var footer = createFooter();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
-      id: props.id,
       ref: elementRef,
       className: className,
       style: props.style
@@ -765,49 +721,49 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
   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;