primereact 10.5.2 → 10.6.0

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, sortalt, sortamountdown, sortamountupalt, inputtext, tooltip) {
+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) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -244,8 +244,7 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
     }
   });
 
-  var styles = "\n@layer primereact {\n    .p-treetable {\n        position: relative;\n    }\n    \n    .p-treetable > .p-treetable-wrapper {\n        overflow: auto;\n    }\n    \n    .p-treetable table {\n        border-collapse: collapse;\n        width: 100%;\n        table-layout: fixed;\n    }\n    \n    .p-treetable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n    \n    .p-treetable-selectable .p-treetable-tbody > tr {\n        cursor: pointer;\n    }\n    \n    .p-treetable-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        vertical-align: middle;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-treetable-toggler + .p-checkbox {\n        vertical-align: middle;\n    }\n    \n    .p-treetable-toggler + .p-checkbox + span {\n        vertical-align: middle;\n    }\n    \n    /* Resizable */\n    .p-treetable-resizable > .p-treetable-wrapper {\n        overflow-x: auto;\n    }\n    \n    .p-treetable-resizable .p-treetable-thead > tr > th,\n    .p-treetable-resizable .p-treetable-tfoot > tr > td,\n    .p-treetable-resizable .p-treetable-tbody > tr > td {\n        overflow: hidden;\n    }\n    \n    .p-treetable-resizable .p-resizable-column {\n        background-clip: padding-box;\n        position: relative;\n    }\n    \n    .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n    \n    .p-treetable .p-column-resizer {\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n    \n    .p-treetable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n    \n    /* Scrollable */\n    .p-treetable-scrollable-wrapper {\n        position: relative;\n    }\n    .p-treetable-scrollable-header,\n    .p-treetable-scrollable-footer {\n        overflow: hidden;\n        border: 0 none;\n    }\n    \n    .p-treetable-scrollable-body {\n        overflow: auto;\n        position: relative;\n    }\n    \n    .p-treetable-virtual-table {\n        position: absolute;\n    }\n    \n    /* Frozen Columns */\n    .p-treetable-frozen-view .p-treetable-scrollable-body {\n        overflow: hidden;\n    }\n    \n    .p-treetable-unfrozen-view {\n        position: absolute;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Reorder */\n    .p-treetable-reorder-indicator-up,\n    .p-treetable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n    \n    /* Loader */\n    .p-treetable .p-treetable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Alignment */\n    .p-treetable .p-treetable-thead > tr > th.p-align-left > .p-column-header-content,\n    .p-treetable .p-treetable-tbody > tr > td.p-align-left,\n    .p-treetable .p-treetable-tfoot > tr > td.p-align-left {\n        text-align: left;\n        justify-content: flex-start;\n    }\n    .p-treetable .p-treetable-thead > tr > th.p-align-right > .p-column-header-content,\n    .p-treetable .p-treetable-tbody > tr > td.p-align-right,\n    .p-treetable .p-treetable-tfoot > tr > td.p-align-right {\n        text-align: right;\n        justify-content: flex-end;\n    }\n    .p-treetable .p-treetable-thead > tr > th.p-align-center > .p-column-header-content,\n    .p-treetable .p-treetable-tbody > tr > td.p-align-center,\n    .p-treetable .p-treetable-tfoot > tr > td.p-align-center {\n        text-align: center;\n        justify-content: center;\n    }\n}\n";
-  var classes = {
+  var classes$1 = {
     root: function root(_ref) {
       var props = _ref.props,
         isRowSelectionMode = _ref.isRowSelectionMode;
@@ -321,16 +320,12 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
         'p-row-odd': props.rowIndex % 2 !== 0
       };
     },
-    checkboxWrapper: 'p-checkbox p-treetable-checkbox p-component',
-    checkbox: function checkbox(_ref6) {
-      var checked = _ref6.checked,
-        partialChecked = _ref6.partialChecked;
-      return utils.classNames('p-checkbox-box', {
-        'p-highlight': checked,
+    rowCheckbox: function rowCheckbox(_ref6) {
+      var partialChecked = _ref6.partialChecked;
+      return utils.classNames('p-treetable-checkbox', {
         'p-indeterminate': partialChecked
       });
     },
-    checkboxIcon: 'p-checkbox-icon p-c',
     rowToggler: 'p-treetable-toggler p-link p-unselectable-text',
     rowTogglerIcon: 'p-treetable-toggler-icon',
     scrollableBody: 'p-treetable-scrollable-body',
@@ -438,13 +433,12 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
       children: undefined
     },
     css: {
-      classes: classes,
-      styles: styles
+      classes: classes$1
     }
   });
 
-  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; }
+  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 TreeTableBodyCell = function TreeTableBodyCell(props) {
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -505,7 +499,7 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
     };
     var getCellCallbackParams = function getCellCallbackParams(event) {
       var params = getCellParams();
-      return _objectSpread$5({
+      return _objectSpread$6({
         originalEvent: event
       }, params);
     };
@@ -632,20 +626,26 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
     var columnEditor = getColumnProp('editor');
     var content;
     if (editingState) {
-      if (columnEditor) content = utils.ObjectUtils.getJSXElement(columnEditor, {
-        node: props.node,
-        rowData: props.rowData,
-        value: utils.ObjectUtils.resolveFieldData(props.node.data, props.field),
+      if (columnEditor) {
+        content = utils.ObjectUtils.getJSXElement(columnEditor, {
+          node: props.node,
+          rowData: props.rowData,
+          value: utils.ObjectUtils.resolveFieldData(props.node.data, props.field),
+          field: props.field,
+          rowIndex: props.rowIndex,
+          props: props
+        });
+      } else {
+        throw new Error('Editor is not found on column.');
+      }
+    } else if (props.body) {
+      content = utils.ObjectUtils.getJSXElement(props.body, props.node, {
         field: props.field,
         rowIndex: props.rowIndex,
         props: props
-      });else throw new Error('Editor is not found on column.');
+      });
     } else {
-      if (props.body) content = utils.ObjectUtils.getJSXElement(props.body, props.node, {
-        field: props.field,
-        rowIndex: props.rowIndex,
-        props: props
-      });else content = utils.ObjectUtils.resolveFieldData(props.node.data, props.field);
+      content = utils.ObjectUtils.resolveFieldData(props.node.data, props.field);
     }
     var editorKeyHelperProps = mergeProps({
       tabIndex: 0,
@@ -681,6 +681,214 @@ 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;
+      return utils.classNames('p-checkbox p-component', {
+        'p-highlight': checked,
+        'p-disabled': props.disabled,
+        'p-invalid': props.invalid,
+        'p-variant-filled': props.variant === '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,
+      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 _CheckboxBase$setMeta = CheckboxBase.setMetaData({
+        props: props,
+        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() {
+      var _props$onFocus;
+      props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
+    };
+    var _onBlur = function onBlur() {
+      var _props$onBlur;
+      props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props);
+    };
+    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
+      })),
+      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();
+        },
+        onBlur: function onBlur(e) {
+          return _onBlur();
+        },
+        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; }
@@ -688,8 +896,8 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
   function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var TreeTableRow = /*#__PURE__*/React__namespace.memo(function (props) {
     var elementRef = React__namespace.useRef(null);
-    var checkboxRef = React__namespace.useRef(null);
-    var checkboxBoxRef = React__namespace.useRef(null);
+    React__namespace.useRef(null);
+    React__namespace.useRef(null);
     var nodeTouched = React__namespace.useRef(false);
     var mergeProps = hooks.useMergeProps();
     var expanded = props.expandedKeys ? props.expandedKeys[props.node.key] !== undefined : false;
@@ -784,13 +992,11 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
             node: props.node
           });
         }
-      } else {
-        if (props.onCollapse) {
-          props.onCollapse({
-            originalEvent: event,
-            node: props.node
-          });
-        }
+      } else if (props.onCollapse) {
+        props.onCollapse({
+          originalEvent: event,
+          node: props.node
+        });
       }
     };
     var _onClick = function onClick(event) {
@@ -824,7 +1030,11 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
       var checked = isChecked();
       var selectionKeys = props.selectionKeys ? _objectSpread$4({}, props.selectionKeys) : {};
       if (checked) {
-        if (props.propagateSelectionDown) propagateDown(props.node, false, selectionKeys);else delete selectionKeys[props.node.key];
+        if (props.propagateSelectionDown) {
+          propagateDown(props.node, false, selectionKeys);
+        } else {
+          delete selectionKeys[props.node.key];
+        }
         if (props.propagateSelectionUp && props.onPropagateUp) {
           props.onPropagateUp({
             originalEvent: event,
@@ -839,9 +1049,13 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
           });
         }
       } else {
-        if (props.propagateSelectionDown) propagateDown(props.node, true, selectionKeys);else selectionKeys[props.node.key] = {
-          checked: true
-        };
+        if (props.propagateSelectionDown) {
+          propagateDown(props.node, true, selectionKeys);
+        } else {
+          selectionKeys[props.node.key] = {
+            checked: true
+          };
+        }
         if (props.propagateSelectionUp && props.onPropagateUp) {
           props.onPropagateUp({
             originalEvent: event,
@@ -864,14 +1078,6 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
       }
       utils.DomHandler.clearSelection();
     };
-    var onCheckboxFocus = function onCheckboxFocus() {
-      !isUnstyled() && utils.DomHandler.addClass(checkboxBoxRef.current, 'p-focus');
-      !isUnstyled() && utils.DomHandler.addClass(checkboxRef.current, 'p-checkbox-focused');
-    };
-    var onCheckboxBlur = function onCheckboxBlur() {
-      !isUnstyled() && utils.DomHandler.removeClass(checkboxBoxRef.current, 'p-focus');
-      !isUnstyled() && utils.DomHandler.removeClass(checkboxRef.current, 'p-checkbox-focused');
-    };
     var propagateUp = function propagateUp(event) {
       var check = event.check;
       var selectionKeys = event.selectionKeys;
@@ -881,7 +1087,9 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var child = _step.value;
-          if (selectionKeys[child.key] && selectionKeys[child.key].checked) checkedChildCount++;
+          if (selectionKeys[child.key] && selectionKeys[child.key].checked) {
+            checkedChildCount++;
+          }
         }
       } catch (err) {
         _iterator.e(err);
@@ -919,10 +1127,14 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
       }
     };
     var propagateDown = function propagateDown(node, check, selectionKeys) {
-      if (check) selectionKeys[node.key] = {
-        checked: true,
-        partialChecked: false
-      };else delete selectionKeys[node.key];
+      if (check) {
+        selectionKeys[node.key] = {
+          checked: true,
+          partialChecked: false
+        };
+      } else {
+        delete selectionKeys[node.key];
+      }
       if (node.children && node.children.length) {
         for (var i = 0; i < node.children.length; i++) {
           propagateDown(node.children[i], check, selectionKeys);
@@ -989,15 +1201,10 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
     var onArrowRightKey = function onArrowRightKey(event) {
       var ishiddenIcon = utils.DomHandler.findSingle(event.currentTarget, 'button').style.visibility === 'hidden';
       utils.DomHandler.findSingle(elementRef.current, '[data-pc-section="rowtoggler"]');
-      if (ishiddenIcon) return;
-
-      // !expanded && togglerElement.click();
+      if (ishiddenIcon) {
+        return;
+      }
       !expanded && expand(event, true);
-
-      // this.$nextTick(() => {
-      //     this.onArrowDownKey(event);
-      // });
-
       event.preventDefault();
     };
     var onArrowLeftKey = function onArrowLeftKey(event) {
@@ -1008,7 +1215,6 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
       var ishiddenIcon = utils.DomHandler.findSingle(currentTarget, 'button').style.visibility === 'hidden';
       utils.DomHandler.findSingle(currentTarget, '[data-pc-section="rowtoggler"]');
       if (expanded && !ishiddenIcon) {
-        // togglerElement.click();
         collapse(event);
         return;
       }
@@ -1030,17 +1236,9 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
       event.preventDefault();
       setTabIndexForSelectionMode(event, nodeTouched.current);
       if (props.selectionMode === 'checkbox') {
-        // this.toggleCheckbox();
         onCheckboxChange(event);
         return;
       }
-
-      // this.$emit('node-click', {
-      //     originalEvent: event,
-      //     nodeTouched: nodeTouched.current,
-      //     node: this.node
-      // });
-
       props.onRowClick(event, props.node);
       nodeTouched.current = false;
     };
@@ -1089,7 +1287,7 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
       }
     };
     var isSelected = function isSelected() {
-      if (props.selectionMode === 'single' || (props.selectionMode === 'multiple' || props.selectionMode === 'checkbox') && props.selectionKeys) {
+      if (props.selectionMode === 'single' || props.selectionMode === 'multiple' && props.selectionKeys) {
         return props.selectionMode === 'single' ? props.selectionKeys === props.node.key : props.selectionKeys[props.node.key] !== undefined;
       }
       return false;
@@ -1145,52 +1343,30 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
       if (props.selectionMode === 'checkbox' && props.node.selectable !== false) {
         var checked = isChecked();
         var partialChecked = isPartialChecked();
-        var checboxIconProps = mergeProps({
-          className: cx('checkboxIcon')
-        }, getColumnCheckboxPTOptions(column, 'checkboxIcon'));
-        var icon = checked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, checboxIconProps) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, checboxIconProps) : null;
-        var checkIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$4({}, checboxIconProps), {
+        var icon = checked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, null) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, null) : null;
+        var checkIcon = utils.IconUtils.getJSXIcon(icon, {}, {
           props: props,
           checked: checked,
           partialChecked: partialChecked
         });
-        var hiddenInputProps = mergeProps({
-          type: 'checkbox',
-          onFocus: function onFocus(e) {
-            return onCheckboxFocus();
-          },
-          onBlur: function onBlur(e) {
-            return onCheckboxBlur();
-          }
-        }, getColumnCheckboxPTOptions(column, 'hiddenInput'));
-        var checkboxWrapperProps = mergeProps({
-          className: cx('checkboxWrapper'),
-          onClick: function onClick(e) {
-            return onCheckboxChange(e);
-          },
-          role: 'checkbox',
-          'aria-checked': checked
-        }, getColumnCheckboxPTOptions(column, 'checkboxWrapper'));
-        var hiddenInputWrapperProps = mergeProps({
-          className: 'p-hidden-accessible'
-        }, getColumnCheckboxPTOptions(column, 'hiddenInputWrapper'));
-        var checkboxProps = mergeProps({
-          className: cx('checkbox', {
-            checked: checked,
-            partialChecked: partialChecked
-          })
-        }, getColumnCheckboxPTOptions(column, 'checkbox'));
-        return /*#__PURE__*/React__namespace.createElement("div", _extends({
-          ref: checkboxRef
-        }, checkboxWrapperProps), /*#__PURE__*/React__namespace.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React__namespace.createElement("input", hiddenInputProps)), /*#__PURE__*/React__namespace.createElement("div", _extends({
-          ref: checkboxBoxRef
-        }, checkboxProps), checkIcon));
-      } else {
-        return null;
+        var rowCheckboxProps = mergeProps({
+          className: cx('rowCheckbox'),
+          checked: checked || partialChecked,
+          onChange: onCheckboxChange,
+          icon: checkIcon,
+          unstyled: isUnstyled === null || isUnstyled === void 0 ? void 0 : isUnstyled(),
+          tabIndex: -1,
+          'data-p-highlight': checked,
+          'data-p-checked': checked,
+          'data-p-partialchecked': partialChecked
+        }, getColumnCheckboxPTOptions(column, 'rowCheckbox'));
+        return /*#__PURE__*/React__namespace.createElement(Checkbox, rowCheckboxProps);
       }
+      return null;
     };
     var createCell = function createCell(column, index) {
-      var toggler, checkbox;
+      var toggler;
+      var checkbox;
       if (getColumnProp(column, 'hidden')) {
         return null;
       }
@@ -1251,9 +1427,8 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
             metaData: props.metaData
           });
         });
-      } else {
-        return null;
       }
+      return null;
     };
     var cells = props.columns.map(createCell);
     var children = createChildren();
@@ -1408,46 +1583,42 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
                 });
               }
             }
-          } else {
-            if (isSingleSelectionMode) {
-              if (selected) {
-                selectionKeys = null;
-                if (props.onUnselect) {
-                  props.onUnselect({
-                    originalEvent: event,
-                    node: node
-                  });
-                }
-              } else {
-                selectionKeys = node.key;
-                if (props.onSelect) {
-                  props.onSelect({
-                    originalEvent: event,
-                    node: node
-                  });
-                }
+          } else if (isSingleSelectionMode) {
+            if (selected) {
+              selectionKeys = null;
+              if (props.onUnselect) {
+                props.onUnselect({
+                  originalEvent: event,
+                  node: node
+                });
               }
             } else {
-              if (selected) {
-                selectionKeys = _objectSpread$3({}, props.selectionKeys);
-                delete selectionKeys[node.key];
-                if (props.onUnselect) {
-                  props.onUnselect({
-                    originalEvent: event,
-                    node: node
-                  });
-                }
-              } else {
-                selectionKeys = props.selectionKeys ? _objectSpread$3({}, props.selectionKeys) : {};
-                selectionKeys[node.key] = true;
-                if (props.onSelect) {
-                  props.onSelect({
-                    originalEvent: event,
-                    node: node
-                  });
-                }
+              selectionKeys = node.key;
+              if (props.onSelect) {
+                props.onSelect({
+                  originalEvent: event,
+                  node: node
+                });
               }
             }
+          } else if (selected) {
+            selectionKeys = _objectSpread$3({}, props.selectionKeys);
+            delete selectionKeys[node.key];
+            if (props.onUnselect) {
+              props.onUnselect({
+                originalEvent: event,
+                node: node
+              });
+            }
+          } else {
+            selectionKeys = props.selectionKeys ? _objectSpread$3({}, props.selectionKeys) : {};
+            selectionKeys[node.key] = true;
+            if (props.onSelect) {
+              props.onSelect({
+                originalEvent: event,
+                node: node
+              });
+            }
           }
         }
         if (props.onSelectionChange) {
@@ -1459,7 +1630,10 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
       }
     };
     var isSelected = function isSelected(node) {
-      if ((isSingleSelectionMode || isMultipleSelectionMode) && props.selectionKeys) return isSingleSelectionMode ? props.selectionKeys === node.key : props.selectionKeys[node.key] !== undefined;else return false;
+      if ((isSingleSelectionMode || isMultipleSelectionMode) && props.selectionKeys) {
+        return isSingleSelectionMode ? props.selectionKeys === node.key : props.selectionKeys[node.key] !== undefined;
+      }
+      return false;
     };
     var createRow = function createRow(node, index) {
       return /*#__PURE__*/React__namespace.createElement(TreeTableRow, {
@@ -1506,29 +1680,31 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
         var rows = [];
         for (var i = startIndex; i < endIndex; i++) {
           var rowData = props.value[i];
-          if (rowData) rows.push(createRow(props.value[i]));else break;
+          if (rowData) {
+            rows.push(createRow(props.value[i]));
+          } else {
+            break;
+          }
         }
         return rows;
-      } else {
-        return props.value.map(createRow);
       }
+      return props.value.map(createRow);
     };
     var createEmptyMessage = function createEmptyMessage() {
       if (props.loading) {
         return null;
-      } else {
-        var colSpan = props.columns ? props.columns.length : null;
-        var _content = utils.ObjectUtils.getJSXElement(props.emptyMessage, {
-          props: props.tableProps
-        }) || PrimeReact.localeOption('emptyMessage');
-        var emptyMessageProps = mergeProps({
-          className: cx('emptyMessage')
-        }, getPTOptions('emptyMessage'));
-        var emptyMessageCellProps = mergeProps({
-          colSpan: colSpan
-        }, getPTOptions('emptyMessageCell'));
-        return /*#__PURE__*/React__namespace.createElement("tr", emptyMessageProps, /*#__PURE__*/React__namespace.createElement("td", emptyMessageCellProps, _content));
       }
+      var colSpan = props.columns ? props.columns.length : null;
+      var content = utils.ObjectUtils.getJSXElement(props.emptyMessage, {
+        props: props.tableProps
+      }) || PrimeReact.localeOption('emptyMessage');
+      var emptyMessageProps = mergeProps({
+        className: cx('emptyMessage')
+      }, getPTOptions('emptyMessage'));
+      var emptyMessageCellProps = mergeProps({
+        colSpan: colSpan
+      }, getPTOptions('emptyMessageCell'));
+      return /*#__PURE__*/React__namespace.createElement("tr", emptyMessageProps, /*#__PURE__*/React__namespace.createElement("td", emptyMessageCellProps, content));
     };
     var content = props.value && props.value.length ? createRows() : createEmptyMessage();
     var tbodyProps = mergeProps({
@@ -1622,9 +1798,8 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
           hostName: props.hostName
         }));
         return /*#__PURE__*/React__namespace.createElement("tr", footerRowProps, headerCells);
-      } else {
-        return null;
       }
+      return null;
     };
     var hasFooter = function hasFooter() {
       return props.columnGroup ? true : props.columns ? props.columns.some(function (col) {
@@ -1640,9 +1815,8 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
         hostName: props.hostName
       }));
       return /*#__PURE__*/React__namespace.createElement("tfoot", tfootProps, content);
-    } else {
-      return null;
     }
+    return null;
   });
   TreeTableFooter.displayName = 'TreeTableFooter';
 
@@ -1691,11 +1865,15 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
     };
     var onHeaderMouseDown = function onHeaderMouseDown(event, column) {
       if (props.reorderableColumns && getColumnProp(column, 'reorderable')) {
-        if (event.target.nodeName !== 'INPUT') event.currentTarget.draggable = true;else if (event.target.nodeName === 'INPUT') event.currentTarget.draggable = false;
+        if (event.target.nodeName !== 'INPUT') {
+          event.currentTarget.draggable = true;
+        } else if (event.target.nodeName === 'INPUT') {
+          event.currentTarget.draggable = false;
+        }
       }
     };
     var onHeaderKeyDown = function onHeaderKeyDown(event, column) {
-      if (event.key === 'Enter' && event.key === 'Space') {
+      if (event.key === 'Enter' || event.code === 'Space') {
         onHeaderClick(event, column);
         event.preventDefault();
       }
@@ -1788,10 +1966,14 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
     };
     var getAriaSort = function getAriaSort(column, sorted, sortOrder) {
       if (getColumnProp(column, 'sortable')) {
-        if (sorted && sortOrder < 0) return 'descending';else if (sorted && sortOrder > 0) return 'ascending';else return 'none';
-      } else {
-        return null;
+        if (sorted && sortOrder < 0) {
+          return 'descending';
+        } else if (sorted && sortOrder > 0) {
+          return 'ascending';
+        }
+        return 'none';
       }
+      return null;
     };
     var createSortIcon = function createSortIcon(column, sorted, sortOrder) {
       if (getColumnProp(column, 'sortable')) {
@@ -1809,9 +1991,8 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
           sortOrder: sortOrder
         });
         return sortIcon;
-      } else {
-        return null;
       }
+      return null;
     };
     var createResizer = function createResizer(column) {
       if (props.resizableColumns) {
@@ -1822,9 +2003,8 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
           }
         }, getColumnPTOptions(column, 'columnResizer'));
         return /*#__PURE__*/React__namespace.createElement("span", columnResizerProps);
-      } else {
-        return null;
       }
+      return null;
     };
     var createSortBadge = function createSortBadge(column, sortMetaDataIndex) {
       if (sortMetaDataIndex !== -1 && props.multiSortMeta && props.multiSortMeta.length > 1) {
@@ -1867,101 +2047,104 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
         });
       }
       if (options.filterOnly) {
-        var frozen = getColumnProp(column, 'frozen');
-        var headerCellProps = mergeProps({
+        var _frozen = getColumnProp(column, 'frozen');
+        var _headerCellProps = mergeProps({
           role: 'columnheader',
           key: getColumnProp(column, 'columnKey') || getColumnProp(column, 'field') || options.index,
           className: utils.classNames(cx('headerCell', {
             options: options,
-            frozen: frozen
+            frozen: _frozen
           }), getColumnProp(column, 'filterHeaderClassName')),
           style: getColumnProp(column, 'filterHeaderStyle') || getColumnProp(column, 'style'),
           rowSpan: getColumnProp(column, 'rowSpan'),
           colSpan: getColumnProp(column, 'colSpan'),
           'data-p-sortable-column': getColumnProp(column, 'sortable'),
           'data-p-resizable-column': props.resizableColumns,
-          'data-p-frozen-column': frozen
+          'data-p-frozen-column': _frozen
         }, getColumnPTOptions(column, 'root'), getColumnPTOptions(column, 'headerCell', {
           context: {
-            frozen: frozen
+            frozen: _frozen
           }
         }));
-        return /*#__PURE__*/React__namespace.createElement("th", headerCellProps, filterElement);
-      } else {
-        var headerCellRef = /*#__PURE__*/React__namespace.createRef(null);
-        var sortMetaDataIndex = getMultiSortMetaDataIndex(column);
-        var multiSortMetaData = sortMetaDataIndex !== -1 ? props.multiSortMeta[sortMetaDataIndex] : null;
-        var singleSorted = getColumnProp(column, 'field') === props.sortField;
-        var multipleSorted = multiSortMetaData !== null;
-        var sorted = getColumnProp(column, 'sortable') && (singleSorted || multipleSorted);
-        var _frozen = getColumnProp(column, 'frozen');
-        var align = getColumnProp(column, 'alignHeader');
-        var sortOrder = 0;
-        if (singleSorted) sortOrder = props.sortOrder;else if (multipleSorted) sortOrder = multiSortMetaData.order;
-        var sortIconElement = createSortIcon(column, sorted, sortOrder);
-        var ariaSortData = getAriaSort(column, sorted, sortOrder);
-        var sortBadge = createSortBadge(column, sortMetaDataIndex);
-        var ariaSort = sorted ? sortOrder ? sortOrder < 0 ? 'descending' : 'ascending' : 'none' : null;
-        var headerTooltip = getColumnProp(column, 'headerTooltip');
-        var hasTooltip = utils.ObjectUtils.isNotEmpty(headerTooltip);
-        var title = createTitle(column, options);
-        var resizer = createResizer(column);
-        var sortable = getColumnProp(column, 'sortable');
-        var _headerCellProps = mergeProps(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-          role: 'columnheader',
-          className: utils.classNames(getColumnProp(column, 'headerClassName') || getColumnProp(column, 'className'), cx('headerCell', {
-            headerProps: props,
-            frozen: _frozen,
-            column: column,
-            options: options,
-            getColumnProp: getColumnProp,
-            sorted: sorted,
-            align: align
-          })),
-          style: getColumnProp(column, 'headerStyle') || getColumnProp(column, 'style'),
-          tabIndex: sortable ? props.tabIndex : null,
-          'aria-sort': ariaSort,
-          onClick: function onClick(e) {
-            return onHeaderClick(e, column);
-          },
-          onMouseDown: function onMouseDown(e) {
-            return onHeaderMouseDown(e, column);
-          },
-          onKeyDown: function onKeyDown(e) {
-            return onHeaderKeyDown(e, column);
-          },
-          rowSpan: getColumnProp(column, 'rowSpan'),
-          colSpan: getColumnProp(column, 'colSpan')
-        }, "aria-sort", ariaSortData), "onDragStart", function onDragStart(e) {
-          return _onDragStart(e, column);
-        }), "onDragOver", function onDragOver(e) {
-          return _onDragOver(e, column);
-        }), "onDragLeave", function onDragLeave(e) {
-          return _onDragLeave(e, column);
-        }), "onDrop", function onDrop(e) {
-          return _onDrop(e, column);
-        }), 'data-p-sortable-column', sortable), 'data-p-resizable-column', props.resizableColumns), 'data-p-highlight', sorted), 'data-p-frozen-column', getColumnProp(column, 'frozen')), getColumnPTOptions(column, 'root'), getColumnPTOptions(column, 'headerCell', {
-          context: {
-            sorted: sorted,
-            frozen: _frozen,
-            resizable: props.resizableColumns
-          }
-        }));
-        var headerContentProps = mergeProps({
-          className: cx('headerContent')
-        }, getColumnPTOptions(column, 'headerContent'));
-        var header = /*#__PURE__*/React__namespace.createElement("div", headerContentProps, title, sortIconElement, sortBadge, filterElement);
-        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
-          key: column.columnKey || column.field || options.index
-        }, /*#__PURE__*/React__namespace.createElement("th", _extends({
-          ref: headerCellRef
-        }, _headerCellProps), resizer, header), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
-          target: headerCellRef,
-          content: headerTooltip
-        }, getColumnProp(column, 'headerTooltipOptions'), {
-          unstyled: props.unstyled
-        })));
-      }
+        return /*#__PURE__*/React__namespace.createElement("th", _headerCellProps, filterElement);
+      }
+      var headerCellRef = /*#__PURE__*/React__namespace.createRef(null);
+      var sortMetaDataIndex = getMultiSortMetaDataIndex(column);
+      var multiSortMetaData = sortMetaDataIndex !== -1 ? props.multiSortMeta[sortMetaDataIndex] : null;
+      var singleSorted = getColumnProp(column, 'field') === props.sortField;
+      var multipleSorted = multiSortMetaData !== null;
+      var sorted = getColumnProp(column, 'sortable') && (singleSorted || multipleSorted);
+      var frozen = getColumnProp(column, 'frozen');
+      var align = getColumnProp(column, 'alignHeader');
+      var sortOrder = 0;
+      if (singleSorted) {
+        sortOrder = props.sortOrder;
+      } else if (multipleSorted) {
+        sortOrder = multiSortMetaData.order;
+      }
+      var sortIconElement = createSortIcon(column, sorted, sortOrder);
+      var ariaSortData = getAriaSort(column, sorted, sortOrder);
+      var sortBadge = createSortBadge(column, sortMetaDataIndex);
+      var ariaSort = sorted ? sortOrder ? sortOrder < 0 ? 'descending' : 'ascending' : 'none' : null;
+      var headerTooltip = getColumnProp(column, 'headerTooltip');
+      var hasTooltip = utils.ObjectUtils.isNotEmpty(headerTooltip);
+      var title = createTitle(column, options);
+      var resizer = createResizer(column);
+      var sortable = getColumnProp(column, 'sortable');
+      var headerCellProps = mergeProps(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+        role: 'columnheader',
+        className: utils.classNames(getColumnProp(column, 'headerClassName') || getColumnProp(column, 'className'), cx('headerCell', {
+          headerProps: props,
+          frozen: frozen,
+          column: column,
+          options: options,
+          getColumnProp: getColumnProp,
+          sorted: sorted,
+          align: align
+        })),
+        style: getColumnProp(column, 'headerStyle') || getColumnProp(column, 'style'),
+        tabIndex: sortable ? props.tabIndex : null,
+        'aria-sort': ariaSort,
+        onClick: function onClick(e) {
+          return onHeaderClick(e, column);
+        },
+        onMouseDown: function onMouseDown(e) {
+          return onHeaderMouseDown(e, column);
+        },
+        onKeyDown: function onKeyDown(e) {
+          return onHeaderKeyDown(e, column);
+        },
+        rowSpan: getColumnProp(column, 'rowSpan'),
+        colSpan: getColumnProp(column, 'colSpan')
+      }, "aria-sort", ariaSortData), "onDragStart", function onDragStart(e) {
+        return _onDragStart(e, column);
+      }), "onDragOver", function onDragOver(e) {
+        return _onDragOver(e, column);
+      }), "onDragLeave", function onDragLeave(e) {
+        return _onDragLeave(e, column);
+      }), "onDrop", function onDrop(e) {
+        return _onDrop(e, column);
+      }), 'data-p-sortable-column', sortable), 'data-p-resizable-column', props.resizableColumns), 'data-p-highlight', sorted), 'data-p-frozen-column', getColumnProp(column, 'frozen')), getColumnPTOptions(column, 'root'), getColumnPTOptions(column, 'headerCell', {
+        context: {
+          sorted: sorted,
+          frozen: frozen,
+          resizable: props.resizableColumns
+        }
+      }));
+      var headerContentProps = mergeProps({
+        className: cx('headerContent')
+      }, getColumnPTOptions(column, 'headerContent'));
+      var header = /*#__PURE__*/React__namespace.createElement("div", headerContentProps, title, sortIconElement, sortBadge, filterElement);
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+        key: column.columnKey || column.field || options.index
+      }, /*#__PURE__*/React__namespace.createElement("th", _extends({
+        ref: headerCellRef
+      }, headerCellProps), resizer, header), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+        target: headerCellRef,
+        content: headerTooltip
+      }, getColumnProp(column, 'headerTooltipOptions'), {
+        unstyled: props.unstyled
+      })));
     };
     var createHeaderRow = function createHeaderRow(row, index) {
       var rowColumns = React__namespace.Children.toArray(RowBase.getCProp(row, 'children'));
@@ -2005,20 +2188,18 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
               renderFilter: true
             });
           })));
-        } else {
-          return /*#__PURE__*/React__namespace.createElement("tr", _extends({
-            role: "row"
-          }, headerRowProps), columns.map(function (col, i) {
-            return createHeaderCell(col, {
-              index: i,
-              filterOnly: false,
-              renderFilter: false
-            });
-          }));
         }
-      } else {
-        return null;
+        return /*#__PURE__*/React__namespace.createElement("tr", _extends({
+          role: "row"
+        }, headerRowProps), columns.map(function (col, i) {
+          return createHeaderCell(col, {
+            index: i,
+            filterOnly: false,
+            renderFilter: false
+          });
+        }));
       }
+      return null;
     };
     var content = props.columnGroup ? createColumnGroup() : createColumns(props.columns);
     var theadProps = mergeProps({
@@ -2076,9 +2257,8 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
           el = el.parentElement;
         }
         return el;
-      } else {
-        return null;
       }
+      return null;
     };
     var onHeaderScroll = function onHeaderScroll() {
       scrollHeaderRef.current.scrollLeft = 0;
@@ -2125,9 +2305,8 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
           className: cx('scrollableColgroup')
         }, getPTOptions('scrollableColgroup'));
         return /*#__PURE__*/React__namespace.createElement("colgroup", scrollableColgroupProps, cols);
-      } else {
-        return null;
       }
+      return null;
     };
     var width = props.frozen ? props.frozenWidth : 'calc(100% - ' + props.frozenWidth + ')';
     var left = props.frozen ? null : props.frozenWidth;
@@ -2393,7 +2572,11 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
           break;
         }
       }
-      if (index >= 0) multiSortMeta[index] = meta;else multiSortMeta.push(meta);
+      if (index >= 0) {
+        multiSortMeta[index] = meta;
+      } else {
+        multiSortMeta.push(meta);
+      }
     };
     var removeSortMeta = function removeSortMeta(meta, multiSortMeta) {
       var index = -1;
@@ -2451,7 +2634,10 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
     };
     var sortMultiple = function sortMultiple(data) {
       var multiSortMeta = getMultiSortMeta();
-      if (multiSortMeta) return sortMultipleNodes(data, multiSortMeta);else return data;
+      if (multiSortMeta) {
+        return sortMultipleNodes(data, multiSortMeta);
+      }
+      return data;
     };
     var sortMultipleNodes = function sortMultipleNodes(data, multiSortMeta) {
       var value = _toConsumableArray(data);
@@ -2492,10 +2678,14 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
     var onFilter = function onFilter(event) {
       var filters = getFilters();
       var newFilters = filters ? _objectSpread({}, filters) : {};
-      if (!isFilterBlank(event.value)) newFilters[event.field] = {
-        value: event.value,
-        matchMode: event.matchMode
-      };else if (newFilters[event.field]) delete newFilters[event.field];
+      if (!isFilterBlank(event.value)) {
+        newFilters[event.field] = {
+          value: event.value,
+          matchMode: event.matchMode
+        };
+      } else if (newFilters[event.field]) {
+        delete newFilters[event.field];
+      }
       if (props.onFilter) {
         props.onFilter({
           filters: newFilters
@@ -2512,7 +2702,10 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
     };
     var isFilterBlank = function isFilterBlank(filter) {
       if (filter !== null && filter !== undefined) {
-        if (typeof filter === 'string' && filter.trim().length === 0 || filter instanceof Array && filter.length === 0) return true;else return false;
+        if (typeof filter === 'string' && filter.trim().length === 0 || filter instanceof Array && filter.length === 0) {
+          return true;
+        }
+        return false;
       }
       return true;
     };
@@ -2599,9 +2792,8 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
           parent = parent.parentElement;
         }
         return parent;
-      } else {
-        return null;
       }
+      return null;
     };
     var resizeColGroup = function resizeColGroup(table, resizeColumnIndex, newColumnWidth, nextColumnWidth) {
       if (table) {
@@ -2737,14 +2929,15 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
     var findParentHeader = function findParentHeader(element) {
       if (element.nodeName === 'TH') {
         return element;
-      } else {
-        var parent = element.parentElement;
-        while (parent.nodeName !== 'TH') {
-          parent = parent.parentElement;
-          if (!parent) break;
+      }
+      var parent = element.parentElement;
+      while (parent.nodeName !== 'TH') {
+        parent = parent.parentElement;
+        if (!parent) {
+          break;
         }
-        return parent;
       }
+      return parent;
     };
     var getColumnProp = function getColumnProp(column, name) {
       return ColumnBase.getCProp(column, name);
@@ -2804,9 +2997,8 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
           return [].concat(orderedColumns, _toConsumableArray(columns.filter(function (item) {
             return orderedColumns.indexOf(item) < 0;
           })));
-        } else {
-          return columns;
         }
+        return columns;
       }
       return null;
     };
@@ -2877,10 +3069,10 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
             var col = columns[j];
             var filterMeta = filters ? filters[getColumnProp(col, 'field')] : null;
             var filterField = getColumnProp(col, 'field');
-            var filterValue = void 0,
-              filterConstraint = void 0,
-              paramsWithoutNode = void 0,
-              options = void 0;
+            var filterValue = void 0;
+            var filterConstraint = void 0;
+            var paramsWithoutNode = void 0;
+            var options = void 0;
 
             //local
             if (filterMeta) {
@@ -3007,7 +3199,11 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
             data = filterLocal(data);
           }
           if (sortField || utils.ObjectUtils.isNotEmpty(multiSortMeta)) {
-            if (props.sortMode === 'single') data = sortSingle(data);else if (props.sortMode === 'multiple') data = sortMultiple(data);
+            if (props.sortMode === 'single') {
+              data = sortSingle(data);
+            } else if (props.sortMode === 'multiple') {
+              data = sortMultiple(data);
+            }
           }
         }
       }
@@ -3154,7 +3350,8 @@ this.primereact.treetable = (function (exports, React, PrimeReact, componentbase
       var columns = getColumns();
       var frozenColumns = getFrozenColumns(columns);
       var scrollableColumns = frozenColumns ? getScrollableColumns(columns) : columns;
-      var frozenView, scrollableView;
+      var frozenView;
+      var scrollableView;
       if (frozenColumns) {
         frozenView = createScrollableView(value, frozenColumns, true, props.frozenHeaderColumnGroup, props.frozenFooterColumnGroup);
       }
@@ -3277,4 +3474,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.icons.sortalt, primereact.icons.sortamountdown, primereact.icons.sortamountupalt, primereact.inputtext, primereact.tooltip);
+})({}, 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);