primereact 10.9.1 → 10.9.3

package/treetable/treetable.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.treetable = (function (exports, React, PrimeReact, componentbase, utils, hooks, arrowdown, arrowup, spinner, paginator, check, chevrondown, chevronright, minus, ripple, overlayservice, tooltip, sortalt, sortamountdown, sortamountupalt, inputtext) {
+this.primereact.treetable = (function (exports, React, PrimeReact, componentbase, utils, hooks, arrowdown, arrowup, spinner, paginator, check, tooltip, chevrondown, chevronright, minus, ripple, overlayservice, sortalt, sortamountdown, sortamountupalt, inputtext) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -333,7 +333,7 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
       return {
         'p-highlight': isSelected(),
         'p-highlight-contextmenu': props.contextMenuSelectionKey && props.contextMenuSelectionKey === props.node.key,
-        'p-row-odd': props.rowIndex % 2 !== 0
+        'p-row-odd': parseInt(String(props.rowIndex).split('_').pop(), 10) % 2 !== 0
       };
     },
     rowCheckbox: function rowCheckbox(_ref6) {
@@ -461,8 +461,228 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
     }
   });
 
+  var classes = {
+    box: 'p-checkbox-box',
+    input: 'p-checkbox-input',
+    icon: 'p-checkbox-icon',
+    root: function root(_ref) {
+      var props = _ref.props,
+        checked = _ref.checked,
+        context = _ref.context;
+      return utils.classNames('p-checkbox p-component', {
+        'p-highlight': checked,
+        'p-disabled': props.disabled,
+        'p-invalid': props.invalid,
+        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
+      });
+    }
+  };
+  var CheckboxBase = componentbase.ComponentBase.extend({
+    defaultProps: {
+      __TYPE: 'Checkbox',
+      autoFocus: false,
+      checked: false,
+      className: null,
+      disabled: false,
+      falseValue: false,
+      icon: null,
+      id: null,
+      inputId: null,
+      inputRef: null,
+      invalid: false,
+      variant: null,
+      name: null,
+      onChange: null,
+      onContextMenu: null,
+      onMouseDown: null,
+      readOnly: false,
+      required: false,
+      style: null,
+      tabIndex: null,
+      tooltip: null,
+      tooltipOptions: null,
+      trueValue: true,
+      value: null,
+      children: undefined
+    },
+    css: {
+      classes: classes
+    }
+  });
+
   function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  var Checkbox = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = CheckboxBase.getProps(inProps, context);
+    var _React$useState = React__namespace.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      focusedState = _React$useState2[0],
+      setFocusedState = _React$useState2[1];
+    var _CheckboxBase$setMeta = CheckboxBase.setMetaData({
+        props: props,
+        state: {
+          focused: focusedState
+        },
+        context: {
+          checked: props.checked === props.trueValue,
+          disabled: props.disabled
+        }
+      }),
+      ptm = _CheckboxBase$setMeta.ptm,
+      cx = _CheckboxBase$setMeta.cx,
+      isUnstyled = _CheckboxBase$setMeta.isUnstyled;
+    componentbase.useHandleStyle(CheckboxBase.css.styles, isUnstyled, {
+      name: 'checkbox'
+    });
+    var elementRef = React__namespace.useRef(null);
+    var inputRef = React__namespace.useRef(props.inputRef);
+    var isChecked = function isChecked() {
+      return props.checked === props.trueValue;
+    };
+    var _onChange = function onChange(event) {
+      if (props.disabled || props.readonly) {
+        return;
+      }
+      if (props.onChange) {
+        var _props$onChange;
+        var _checked = isChecked();
+        var value = _checked ? props.falseValue : props.trueValue;
+        var eventData = {
+          originalEvent: event,
+          value: props.value,
+          checked: value,
+          stopPropagation: function stopPropagation() {
+            event === null || event === void 0 || event.stopPropagation();
+          },
+          preventDefault: function preventDefault() {
+            event === null || event === void 0 || event.preventDefault();
+          },
+          target: {
+            type: 'checkbox',
+            name: props.name,
+            id: props.id,
+            value: props.value,
+            checked: value
+          }
+        };
+        props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, eventData);
+
+        // do not continue if the user defined click wants to prevent
+        if (event.defaultPrevented) {
+          return;
+        }
+        utils.DomHandler.focus(inputRef.current);
+      }
+    };
+    var _onFocus = function onFocus(event) {
+      var _props$onFocus;
+      setFocusedState(true);
+      props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, event);
+    };
+    var _onBlur = function onBlur(event) {
+      var _props$onBlur;
+      setFocusedState(false);
+      props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, event);
+    };
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        focus: function focus() {
+          return utils.DomHandler.focus(inputRef.current);
+        },
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getInput: function getInput() {
+          return inputRef.current;
+        }
+      };
+    });
+    React__namespace.useEffect(function () {
+      utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
+    }, [inputRef, props.inputRef]);
+    hooks.useUpdateEffect(function () {
+      inputRef.current.checked = isChecked();
+    }, [props.checked, props.trueValue]);
+    hooks.useMountEffect(function () {
+      if (props.autoFocus) {
+        utils.DomHandler.focus(inputRef.current, props.autoFocus);
+      }
+    });
+    var checked = isChecked();
+    var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
+    var otherProps = CheckboxBase.getOtherProps(props);
+    var rootProps = mergeProps({
+      id: props.id,
+      className: utils.classNames(props.className, cx('root', {
+        checked: checked,
+        context: context
+      })),
+      style: props.style,
+      'data-p-highlight': checked,
+      'data-p-disabled': props.disabled,
+      onContextMenu: props.onContextMenu,
+      onMouseDown: props.onMouseDown
+    }, otherProps, ptm('root'));
+    var createInputElement = function createInputElement() {
+      var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
+      var inputProps = mergeProps(_objectSpread$6({
+        id: props.inputId,
+        type: 'checkbox',
+        className: cx('input'),
+        name: props.name,
+        tabIndex: props.tabIndex,
+        onFocus: function onFocus(e) {
+          return _onFocus(e);
+        },
+        onBlur: function onBlur(e) {
+          return _onBlur(e);
+        },
+        onChange: function onChange(e) {
+          return _onChange(e);
+        },
+        disabled: props.disabled,
+        readOnly: props.readOnly,
+        required: props.required,
+        'aria-invalid': props.invalid,
+        checked: checked
+      }, ariaProps), ptm('input'));
+      return /*#__PURE__*/React__namespace.createElement("input", _extends({
+        ref: inputRef
+      }, inputProps));
+    };
+    var createBoxElement = function createBoxElement() {
+      var iconProps = mergeProps({
+        className: cx('icon')
+      }, ptm('icon'));
+      var boxProps = mergeProps({
+        className: cx('box', {
+          checked: checked
+        }),
+        'data-p-highlight': checked,
+        'data-p-disabled': props.disabled
+      }, ptm('box'));
+      var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, iconProps) : null;
+      var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$6({}, iconProps), {
+        props: props,
+        checked: checked
+      });
+      return /*#__PURE__*/React__namespace.createElement("div", boxProps, checkboxIcon);
+    };
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
+      ref: elementRef
+    }, rootProps), createInputElement(), createBoxElement()), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+      target: elementRef,
+      content: props.tooltip,
+      pt: ptm('tooltip')
+    }, props.tooltipOptions)));
+  }));
+  Checkbox.displayName = 'Checkbox';
+
+  function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var TreeTableBodyCell = function TreeTableBodyCell(props) {
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -523,7 +743,7 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
     };
     var getCellCallbackParams = function getCellCallbackParams(event) {
       var params = getCellParams();
-      return _objectSpread$6({
+      return _objectSpread$5({
         originalEvent: event
       }, params);
     };
@@ -705,226 +925,6 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
   };
   TreeTableBodyCell.displayName = 'TreeTableBodyCell';
 
-  var classes = {
-    box: 'p-checkbox-box',
-    input: 'p-checkbox-input',
-    icon: 'p-checkbox-icon',
-    root: function root(_ref) {
-      var props = _ref.props,
-        checked = _ref.checked,
-        context = _ref.context;
-      return utils.classNames('p-checkbox p-component', {
-        'p-highlight': checked,
-        'p-disabled': props.disabled,
-        'p-invalid': props.invalid,
-        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
-      });
-    }
-  };
-  var CheckboxBase = componentbase.ComponentBase.extend({
-    defaultProps: {
-      __TYPE: 'Checkbox',
-      autoFocus: false,
-      checked: false,
-      className: null,
-      disabled: false,
-      falseValue: false,
-      icon: null,
-      id: null,
-      inputId: null,
-      inputRef: null,
-      invalid: false,
-      variant: null,
-      name: null,
-      onChange: null,
-      onContextMenu: null,
-      onMouseDown: null,
-      readOnly: false,
-      required: false,
-      style: null,
-      tabIndex: null,
-      tooltip: null,
-      tooltipOptions: null,
-      trueValue: true,
-      value: null,
-      children: undefined
-    },
-    css: {
-      classes: classes
-    }
-  });
-
-  function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var Checkbox = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var mergeProps = hooks.useMergeProps();
-    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
-    var props = CheckboxBase.getProps(inProps, context);
-    var _React$useState = React__namespace.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      focusedState = _React$useState2[0],
-      setFocusedState = _React$useState2[1];
-    var _CheckboxBase$setMeta = CheckboxBase.setMetaData({
-        props: props,
-        state: {
-          focused: focusedState
-        },
-        context: {
-          checked: props.checked === props.trueValue,
-          disabled: props.disabled
-        }
-      }),
-      ptm = _CheckboxBase$setMeta.ptm,
-      cx = _CheckboxBase$setMeta.cx,
-      isUnstyled = _CheckboxBase$setMeta.isUnstyled;
-    componentbase.useHandleStyle(CheckboxBase.css.styles, isUnstyled, {
-      name: 'checkbox'
-    });
-    var elementRef = React__namespace.useRef(null);
-    var inputRef = React__namespace.useRef(props.inputRef);
-    var isChecked = function isChecked() {
-      return props.checked === props.trueValue;
-    };
-    var _onChange = function onChange(event) {
-      if (props.disabled || props.readonly) {
-        return;
-      }
-      if (props.onChange) {
-        var _props$onChange;
-        var _checked = isChecked();
-        var value = _checked ? props.falseValue : props.trueValue;
-        var eventData = {
-          originalEvent: event,
-          value: props.value,
-          checked: value,
-          stopPropagation: function stopPropagation() {
-            event === null || event === void 0 || event.stopPropagation();
-          },
-          preventDefault: function preventDefault() {
-            event === null || event === void 0 || event.preventDefault();
-          },
-          target: {
-            type: 'checkbox',
-            name: props.name,
-            id: props.id,
-            value: props.value,
-            checked: value
-          }
-        };
-        props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, eventData);
-
-        // do not continue if the user defined click wants to prevent
-        if (event.defaultPrevented) {
-          return;
-        }
-        utils.DomHandler.focus(inputRef.current);
-      }
-    };
-    var _onFocus = function onFocus(event) {
-      var _props$onFocus;
-      setFocusedState(true);
-      props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, event);
-    };
-    var _onBlur = function onBlur(event) {
-      var _props$onBlur;
-      setFocusedState(false);
-      props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, event);
-    };
-    React__namespace.useImperativeHandle(ref, function () {
-      return {
-        props: props,
-        focus: function focus() {
-          return utils.DomHandler.focus(inputRef.current);
-        },
-        getElement: function getElement() {
-          return elementRef.current;
-        },
-        getInput: function getInput() {
-          return inputRef.current;
-        }
-      };
-    });
-    React__namespace.useEffect(function () {
-      utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
-    }, [inputRef, props.inputRef]);
-    hooks.useUpdateEffect(function () {
-      inputRef.current.checked = isChecked();
-    }, [props.checked, props.trueValue]);
-    hooks.useMountEffect(function () {
-      if (props.autoFocus) {
-        utils.DomHandler.focus(inputRef.current, props.autoFocus);
-      }
-    });
-    var checked = isChecked();
-    var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = CheckboxBase.getOtherProps(props);
-    var rootProps = mergeProps({
-      id: props.id,
-      className: utils.classNames(props.className, cx('root', {
-        checked: checked,
-        context: context
-      })),
-      style: props.style,
-      'data-p-highlight': checked,
-      'data-p-disabled': props.disabled,
-      onContextMenu: props.onContextMenu,
-      onMouseDown: props.onMouseDown
-    }, otherProps, ptm('root'));
-    var createInputElement = function createInputElement() {
-      var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
-      var inputProps = mergeProps(_objectSpread$5({
-        id: props.inputId,
-        type: 'checkbox',
-        className: cx('input'),
-        name: props.name,
-        tabIndex: props.tabIndex,
-        onFocus: function onFocus(e) {
-          return _onFocus(e);
-        },
-        onBlur: function onBlur(e) {
-          return _onBlur(e);
-        },
-        onChange: function onChange(e) {
-          return _onChange(e);
-        },
-        disabled: props.disabled,
-        readOnly: props.readOnly,
-        required: props.required,
-        'aria-invalid': props.invalid,
-        checked: checked
-      }, ariaProps), ptm('input'));
-      return /*#__PURE__*/React__namespace.createElement("input", _extends({
-        ref: inputRef
-      }, inputProps));
-    };
-    var createBoxElement = function createBoxElement() {
-      var iconProps = mergeProps({
-        className: cx('icon')
-      }, ptm('icon'));
-      var boxProps = mergeProps({
-        className: cx('box', {
-          checked: checked
-        }),
-        'data-p-highlight': checked,
-        'data-p-disabled': props.disabled
-      }, ptm('box'));
-      var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, iconProps) : null;
-      var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$5({}, iconProps), {
-        props: props,
-        checked: checked
-      });
-      return /*#__PURE__*/React__namespace.createElement("div", boxProps, checkboxIcon);
-    };
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
-      ref: elementRef
-    }, rootProps), createInputElement(), createBoxElement()), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
-      target: elementRef,
-      content: props.tooltip,
-      pt: ptm('tooltip')
-    }, props.tooltipOptions)));
-  }));
-  Checkbox.displayName = 'Checkbox';
-
   function _createForOfIteratorHelper$3(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$3(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$3(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$3(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$3(o, minLen); }
   function _arrayLikeToArray$3(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; }
@@ -2779,28 +2779,27 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
       }
       multiSortMeta = multiSortMeta.length > 0 ? multiSortMeta : null;
     };
-    var sortSingle = function sortSingle(data) {
-      return _sortNodes(data);
-    };
-    var _sortNodes = function sortNodes(data) {
+    var _sortSingle = function sortSingle(_ref) {
+      var data = _ref.data,
+        field = _ref.field,
+        order = _ref.order;
       var value = _toConsumableArray(data);
       if (columnSortable.current && columnSortFunction.current) {
         value = columnSortFunction.current({
           data: data,
-          field: getSortField(),
-          order: getSortOrder()
+          field: field,
+          order: order
         });
       } else {
         // performance optimization to prevent resolving field data in each loop
         var lookupMap = new Map();
-        var sortField = getSortField();
         var comparator = utils.ObjectUtils.localeComparator(context && context.locale || PrimeReact__default["default"].locale);
         var _iterator = _createForOfIteratorHelper(data),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var node = _step.value;
-            lookupMap.set(node.data, utils.ObjectUtils.resolveFieldData(node.data, sortField));
+            lookupMap.set(node.data, utils.ObjectUtils.resolveFieldData(node.data, field));
           }
         } catch (err) {
           _iterator.e(err);
@@ -2810,24 +2809,24 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
         value.sort(function (node1, node2) {
           var value1 = lookupMap.get(node1.data);
           var value2 = lookupMap.get(node2.data);
-          return compareValuesOnSort(value1, value2, comparator, getSortOrder());
+          return compareValuesOnSort(value1, value2, comparator, order);
         });
         for (var i = 0; i < value.length; i++) {
           if (value[i].children && value[i].children.length) {
-            value[i].children = _sortNodes(value[i].children);
+            value[i].children = _sortSingle({
+              data: value[i].children,
+              field: field,
+              order: order
+            });
           }
         }
       }
       return value;
     };
-    var sortMultiple = function sortMultiple(data) {
-      var multiSortMeta = getMultiSortMeta();
-      if (multiSortMeta) {
-        return _sortMultipleNodes(data, multiSortMeta);
-      }
-      return data;
-    };
-    var _sortMultipleNodes = function sortMultipleNodes(data, multiSortMeta) {
+    var _sortMultiple = function sortMultiple(_ref2) {
+      var data = _ref2.data,
+        _ref2$multiSortMeta = _ref2.multiSortMeta,
+        multiSortMeta = _ref2$multiSortMeta === void 0 ? [] : _ref2$multiSortMeta;
       var value = _toConsumableArray(data);
       var comparator = utils.ObjectUtils.localeComparator(context && context.locale || PrimeReact__default["default"].locale);
       value.sort(function (node1, node2) {
@@ -2835,7 +2834,10 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
       });
       for (var i = 0; i < value.length; i++) {
         if (value[i].children && value[i].children.length) {
-          value[i].children = _sortMultipleNodes(value[i].children, multiSortMeta);
+          value[i].children = _sortMultiple({
+            data: value[i].children,
+            multiSortMeta: multiSortMeta
+          });
         }
       }
       return value;
@@ -2894,10 +2896,10 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
       filters = filters || props.filters;
       var cloned = {};
       if (filters) {
-        Object.entries(filters).forEach(function (_ref) {
-          var _ref2 = _slicedToArray(_ref, 2),
-            prop = _ref2[0],
-            value = _ref2[1];
+        Object.entries(filters).forEach(function (_ref3) {
+          var _ref4 = _slicedToArray(_ref3, 2),
+            prop = _ref4[0],
+            value = _ref4[1];
           cloned[prop] = value;
         });
       } else {
@@ -3396,12 +3398,12 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
         }
       }
     };
-    var isFilterMatched = function isFilterMatched(node, _ref3) {
-      var filterField = _ref3.filterField,
-        filterValue = _ref3.filterValue,
-        filterConstraint = _ref3.filterConstraint,
-        isStrictMode = _ref3.isStrictMode,
-        options = _ref3.options;
+    var isFilterMatched = function isFilterMatched(node, _ref5) {
+      var filterField = _ref5.filterField,
+        filterValue = _ref5.filterValue,
+        filterConstraint = _ref5.filterConstraint,
+        isStrictMode = _ref5.isStrictMode,
+        options = _ref5.options;
       var matched = false;
       var dataFieldValue = utils.ObjectUtils.resolveFieldData(node.data, filterField);
       if (filterConstraint(dataFieldValue, filterValue, props.filterLocale, options)) {
@@ -3426,6 +3428,7 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
         if (data && data.length) {
           var filters = localState && localState.filters || getFilters();
           var sortField = localState && localState.sortField || getSortField();
+          var sortOrder = localState && localState.sortOrder || getSortOrder();
           var multiSortMeta = localState && localState.multiSortMeta || getMultiSortMeta();
           var columns = getColumns();
           var sortColumn = columns.find(function (col) {
@@ -3440,9 +3443,16 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
           }
           if (sortField || utils.ObjectUtils.isNotEmpty(multiSortMeta)) {
             if (props.sortMode === 'single') {
-              data = sortSingle(data);
+              data = _sortSingle({
+                data: data,
+                field: sortField,
+                order: sortOrder
+              });
             } else if (props.sortMode === 'multiple') {
-              data = sortMultiple(data);
+              data = _sortMultiple({
+                data: data,
+                multiSortMeta: multiSortMeta
+              });
             }
           }
         }
@@ -3738,4 +3748,4 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.utils, primereact.hooks, primereact.icons.arrowdown, primereact.icons.arrowup, primereact.icons.spinner, primereact.paginator, primereact.icons.check, primereact.icons.chevrondown, primereact.icons.chevronright, primereact.icons.minus, primereact.ripple, primereact.overlayservice, primereact.tooltip, primereact.icons.sortalt, primereact.icons.sortamountdown, primereact.icons.sortamountupalt, primereact.inputtext);
+})({}, React, primereact.api, primereact.componentbase, primereact.utils, primereact.hooks, primereact.icons.arrowdown, primereact.icons.arrowup, primereact.icons.spinner, primereact.paginator, primereact.icons.check, primereact.tooltip, primereact.icons.chevrondown, primereact.icons.chevronright, primereact.icons.minus, primereact.ripple, primereact.overlayservice, primereact.icons.sortalt, primereact.icons.sortamountdown, primereact.icons.sortamountupalt, primereact.inputtext);