primereact 10.5.2 → 10.6.0

package/treetable/treetable.esm.js

@@ -1,9 +1,9 @@
 'use client';
 import * as React from 'react';
-import PrimeReact, { FilterMatchMode, ariaLabel, localeOption, PrimeReactContext, FilterService } from 'primereact/api';
+import PrimeReact, { FilterMatchMode, PrimeReactContext, ariaLabel, localeOption, FilterService } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { ObjectUtils, classNames, DomHandler, IconUtils } from 'primereact/utils';
-import { useMergeProps, useEventListener, useUnmountEffect, useMountEffect, useUpdateEffect } from 'primereact/hooks';
+import { useMergeProps, useEventListener, useUnmountEffect, useUpdateEffect, useMountEffect } from 'primereact/hooks';
 import { ArrowDownIcon } from 'primereact/icons/arrowdown';
 import { ArrowUpIcon } from 'primereact/icons/arrowup';
 import { SpinnerIcon } from 'primereact/icons/spinner';
@@ -14,11 +14,11 @@ import { ChevronRightIcon } from 'primereact/icons/chevronright';
 import { MinusIcon } from 'primereact/icons/minus';
 import { Ripple } from 'primereact/ripple';
 import { OverlayService } from 'primereact/overlayservice';
+import { Tooltip } from 'primereact/tooltip';
 import { SortAltIcon } from 'primereact/icons/sortalt';
 import { SortAmountDownIcon } from 'primereact/icons/sortamountdown';
 import { SortAmountUpAltIcon } from 'primereact/icons/sortamountupalt';
 import { InputText } from 'primereact/inputtext';
-import { Tooltip } from 'primereact/tooltip';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -239,8 +239,7 @@ var ColumnBase = ComponentBase.extend({
   }
 });
 
-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;
@@ -316,16 +315,12 @@ var classes = {
       '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 classNames('p-checkbox-box', {
-      'p-highlight': checked,
+  rowCheckbox: function rowCheckbox(_ref6) {
+    var partialChecked = _ref6.partialChecked;
+    return 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',
@@ -433,13 +428,12 @@ var TreeTableBase = ComponentBase.extend({
     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.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -500,7 +494,7 @@ var TreeTableBodyCell = function TreeTableBodyCell(props) {
   };
   var getCellCallbackParams = function getCellCallbackParams(event) {
     var params = getCellParams();
-    return _objectSpread$5({
+    return _objectSpread$6({
       originalEvent: event
     }, params);
   };
@@ -627,20 +621,26 @@ var TreeTableBodyCell = function TreeTableBodyCell(props) {
   var columnEditor = getColumnProp('editor');
   var content;
   if (editingState) {
-    if (columnEditor) content = ObjectUtils.getJSXElement(columnEditor, {
-      node: props.node,
-      rowData: props.rowData,
-      value: ObjectUtils.resolveFieldData(props.node.data, props.field),
+    if (columnEditor) {
+      content = ObjectUtils.getJSXElement(columnEditor, {
+        node: props.node,
+        rowData: props.rowData,
+        value: 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 = 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 = ObjectUtils.getJSXElement(props.body, props.node, {
-      field: props.field,
-      rowIndex: props.rowIndex,
-      props: props
-    });else content = ObjectUtils.resolveFieldData(props.node.data, props.field);
+    content = ObjectUtils.resolveFieldData(props.node.data, props.field);
   }
   var editorKeyHelperProps = mergeProps({
     tabIndex: 0,
@@ -676,6 +676,214 @@ var TreeTableBodyCell = function TreeTableBodyCell(props) {
 };
 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 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.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.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
+  var context = React.useContext(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;
+  useHandleStyle(CheckboxBase.css.styles, isUnstyled, {
+    name: 'checkbox'
+  });
+  var elementRef = React.useRef(null);
+  var inputRef = React.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;
+      }
+      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.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      focus: function focus() {
+        return DomHandler.focus(inputRef.current);
+      },
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      }
+    };
+  });
+  React.useEffect(function () {
+    ObjectUtils.combinedRefs(inputRef, props.inputRef);
+  }, [inputRef, props.inputRef]);
+  useUpdateEffect(function () {
+    inputRef.current.checked = isChecked();
+  }, [props.checked, props.trueValue]);
+  useMountEffect(function () {
+    if (props.autoFocus) {
+      DomHandler.focus(inputRef.current, props.autoFocus);
+    }
+  });
+  var checked = isChecked();
+  var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
+  var otherProps = CheckboxBase.getOtherProps(props);
+  var rootProps = mergeProps({
+    id: props.id,
+    className: 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 = ObjectUtils.reduceKeys(otherProps, 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.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.createElement(CheckIcon, iconProps) : null;
+    var checkboxIcon = IconUtils.getJSXIcon(icon, _objectSpread$5({}, iconProps), {
+      props: props,
+      checked: checked
+    });
+    return /*#__PURE__*/React.createElement("div", boxProps, checkboxIcon);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
+    ref: elementRef
+  }, rootProps), createInputElement(), createBoxElement()), hasTooltip && /*#__PURE__*/React.createElement(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; }
@@ -683,8 +891,8 @@ function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 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.memo(function (props) {
   var elementRef = React.useRef(null);
-  var checkboxRef = React.useRef(null);
-  var checkboxBoxRef = React.useRef(null);
+  React.useRef(null);
+  React.useRef(null);
   var nodeTouched = React.useRef(false);
   var mergeProps = useMergeProps();
   var expanded = props.expandedKeys ? props.expandedKeys[props.node.key] !== undefined : false;
@@ -779,13 +987,11 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
           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) {
@@ -819,7 +1025,11 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
     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,
@@ -834,9 +1044,13 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
         });
       }
     } 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,
@@ -859,14 +1073,6 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
     }
     DomHandler.clearSelection();
   };
-  var onCheckboxFocus = function onCheckboxFocus() {
-    !isUnstyled() && DomHandler.addClass(checkboxBoxRef.current, 'p-focus');
-    !isUnstyled() && DomHandler.addClass(checkboxRef.current, 'p-checkbox-focused');
-  };
-  var onCheckboxBlur = function onCheckboxBlur() {
-    !isUnstyled() && DomHandler.removeClass(checkboxBoxRef.current, 'p-focus');
-    !isUnstyled() && DomHandler.removeClass(checkboxRef.current, 'p-checkbox-focused');
-  };
   var propagateUp = function propagateUp(event) {
     var check = event.check;
     var selectionKeys = event.selectionKeys;
@@ -876,7 +1082,9 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
     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);
@@ -914,10 +1122,14 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
     }
   };
   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);
@@ -984,15 +1196,10 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
   var onArrowRightKey = function onArrowRightKey(event) {
     var ishiddenIcon = DomHandler.findSingle(event.currentTarget, 'button').style.visibility === 'hidden';
     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) {
@@ -1003,7 +1210,6 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
     var ishiddenIcon = DomHandler.findSingle(currentTarget, 'button').style.visibility === 'hidden';
     DomHandler.findSingle(currentTarget, '[data-pc-section="rowtoggler"]');
     if (expanded && !ishiddenIcon) {
-      // togglerElement.click();
       collapse(event);
       return;
     }
@@ -1025,17 +1231,9 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
     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;
   };
@@ -1084,7 +1282,7 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
     }
   };
   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;
@@ -1140,52 +1338,30 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
     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.createElement(CheckIcon, checboxIconProps) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React.createElement(MinusIcon, checboxIconProps) : null;
-      var checkIcon = IconUtils.getJSXIcon(icon, _objectSpread$4({}, checboxIconProps), {
+      var icon = checked ? props.checkboxIcon || /*#__PURE__*/React.createElement(CheckIcon, null) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React.createElement(MinusIcon, null) : null;
+      var checkIcon = 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.createElement("div", _extends({
-        ref: checkboxRef
-      }, checkboxWrapperProps), /*#__PURE__*/React.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React.createElement("input", hiddenInputProps)), /*#__PURE__*/React.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.createElement(Checkbox, rowCheckboxProps);
     }
+    return null;
   };
   var createCell = function createCell(column, index) {
-    var toggler, checkbox;
+    var toggler;
+    var checkbox;
     if (getColumnProp(column, 'hidden')) {
       return null;
     }
@@ -1246,9 +1422,8 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
           metaData: props.metaData
         });
       });
-    } else {
-      return null;
     }
+    return null;
   };
   var cells = props.columns.map(createCell);
   var children = createChildren();
@@ -1403,46 +1578,42 @@ var TreeTableBody = /*#__PURE__*/React.memo(function (props) {
               });
             }
           }
-        } 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) {
@@ -1454,7 +1625,10 @@ var TreeTableBody = /*#__PURE__*/React.memo(function (props) {
     }
   };
   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.createElement(TreeTableRow, {
@@ -1501,29 +1675,31 @@ var TreeTableBody = /*#__PURE__*/React.memo(function (props) {
       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 = ObjectUtils.getJSXElement(props.emptyMessage, {
-        props: props.tableProps
-      }) || localeOption('emptyMessage');
-      var emptyMessageProps = mergeProps({
-        className: cx('emptyMessage')
-      }, getPTOptions('emptyMessage'));
-      var emptyMessageCellProps = mergeProps({
-        colSpan: colSpan
-      }, getPTOptions('emptyMessageCell'));
-      return /*#__PURE__*/React.createElement("tr", emptyMessageProps, /*#__PURE__*/React.createElement("td", emptyMessageCellProps, _content));
     }
+    var colSpan = props.columns ? props.columns.length : null;
+    var content = ObjectUtils.getJSXElement(props.emptyMessage, {
+      props: props.tableProps
+    }) || localeOption('emptyMessage');
+    var emptyMessageProps = mergeProps({
+      className: cx('emptyMessage')
+    }, getPTOptions('emptyMessage'));
+    var emptyMessageCellProps = mergeProps({
+      colSpan: colSpan
+    }, getPTOptions('emptyMessageCell'));
+    return /*#__PURE__*/React.createElement("tr", emptyMessageProps, /*#__PURE__*/React.createElement("td", emptyMessageCellProps, content));
   };
   var content = props.value && props.value.length ? createRows() : createEmptyMessage();
   var tbodyProps = mergeProps({
@@ -1617,9 +1793,8 @@ var TreeTableFooter = /*#__PURE__*/React.memo(function (props) {
         hostName: props.hostName
       }));
       return /*#__PURE__*/React.createElement("tr", footerRowProps, headerCells);
-    } else {
-      return null;
     }
+    return null;
   };
   var hasFooter = function hasFooter() {
     return props.columnGroup ? true : props.columns ? props.columns.some(function (col) {
@@ -1635,9 +1810,8 @@ var TreeTableFooter = /*#__PURE__*/React.memo(function (props) {
       hostName: props.hostName
     }));
     return /*#__PURE__*/React.createElement("tfoot", tfootProps, content);
-  } else {
-    return null;
   }
+  return null;
 });
 TreeTableFooter.displayName = 'TreeTableFooter';
 
@@ -1686,11 +1860,15 @@ var TreeTableHeader = /*#__PURE__*/React.memo(function (props) {
   };
   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();
     }
@@ -1783,10 +1961,14 @@ var TreeTableHeader = /*#__PURE__*/React.memo(function (props) {
   };
   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')) {
@@ -1804,9 +1986,8 @@ var TreeTableHeader = /*#__PURE__*/React.memo(function (props) {
         sortOrder: sortOrder
       });
       return sortIcon;
-    } else {
-      return null;
     }
+    return null;
   };
   var createResizer = function createResizer(column) {
     if (props.resizableColumns) {
@@ -1817,9 +1998,8 @@ var TreeTableHeader = /*#__PURE__*/React.memo(function (props) {
         }
       }, getColumnPTOptions(column, 'columnResizer'));
       return /*#__PURE__*/React.createElement("span", columnResizerProps);
-    } else {
-      return null;
     }
+    return null;
   };
   var createSortBadge = function createSortBadge(column, sortMetaDataIndex) {
     if (sortMetaDataIndex !== -1 && props.multiSortMeta && props.multiSortMeta.length > 1) {
@@ -1862,101 +2042,104 @@ var TreeTableHeader = /*#__PURE__*/React.memo(function (props) {
       });
     }
     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: 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
-        }
-      }));
-      return /*#__PURE__*/React.createElement("th", headerCellProps, filterElement);
-    } else {
-      var headerCellRef = /*#__PURE__*/React.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 = 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: 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
+          frozen: _frozen
         }
       }));
-      var headerContentProps = mergeProps({
-        className: cx('headerContent')
-      }, getColumnPTOptions(column, 'headerContent'));
-      var header = /*#__PURE__*/React.createElement("div", headerContentProps, title, sortIconElement, sortBadge, filterElement);
-      return /*#__PURE__*/React.createElement(React.Fragment, {
-        key: column.columnKey || column.field || options.index
-      }, /*#__PURE__*/React.createElement("th", _extends({
-        ref: headerCellRef
-      }, _headerCellProps), resizer, header), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
-        target: headerCellRef,
-        content: headerTooltip
-      }, getColumnProp(column, 'headerTooltipOptions'), {
-        unstyled: props.unstyled
-      })));
-    }
+      return /*#__PURE__*/React.createElement("th", _headerCellProps, filterElement);
+    }
+    var headerCellRef = /*#__PURE__*/React.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 = 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: 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.createElement("div", headerContentProps, title, sortIconElement, sortBadge, filterElement);
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: column.columnKey || column.field || options.index
+    }, /*#__PURE__*/React.createElement("th", _extends({
+      ref: headerCellRef
+    }, headerCellProps), resizer, header), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+      target: headerCellRef,
+      content: headerTooltip
+    }, getColumnProp(column, 'headerTooltipOptions'), {
+      unstyled: props.unstyled
+    })));
   };
   var createHeaderRow = function createHeaderRow(row, index) {
     var rowColumns = React.Children.toArray(RowBase.getCProp(row, 'children'));
@@ -2000,20 +2183,18 @@ var TreeTableHeader = /*#__PURE__*/React.memo(function (props) {
             renderFilter: true
           });
         })));
-      } else {
-        return /*#__PURE__*/React.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.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({
@@ -2071,9 +2252,8 @@ var TreeTableScrollableView = /*#__PURE__*/React.memo(function (props) {
         el = el.parentElement;
       }
       return el;
-    } else {
-      return null;
     }
+    return null;
   };
   var onHeaderScroll = function onHeaderScroll() {
     scrollHeaderRef.current.scrollLeft = 0;
@@ -2120,9 +2300,8 @@ var TreeTableScrollableView = /*#__PURE__*/React.memo(function (props) {
         className: cx('scrollableColgroup')
       }, getPTOptions('scrollableColgroup'));
       return /*#__PURE__*/React.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;
@@ -2388,7 +2567,11 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
         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;
@@ -2446,7 +2629,10 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   };
   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);
@@ -2487,10 +2673,14 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   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
@@ -2507,7 +2697,10 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   };
   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;
   };
@@ -2594,9 +2787,8 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
         parent = parent.parentElement;
       }
       return parent;
-    } else {
-      return null;
     }
+    return null;
   };
   var resizeColGroup = function resizeColGroup(table, resizeColumnIndex, newColumnWidth, nextColumnWidth) {
     if (table) {
@@ -2732,14 +2924,15 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   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);
@@ -2799,9 +2992,8 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
         return [].concat(orderedColumns, _toConsumableArray(columns.filter(function (item) {
           return orderedColumns.indexOf(item) < 0;
         })));
-      } else {
-        return columns;
       }
+      return columns;
     }
     return null;
   };
@@ -2872,10 +3064,10 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
           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) {
@@ -3002,7 +3194,11 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
           data = filterLocal(data);
         }
         if (sortField || 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);
+          }
         }
       }
     }
@@ -3149,7 +3345,8 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     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);
     }