@teselagen/ui 0.3.35 → 0.3.36

package/index.cjs.js

@@ -3020,11 +3020,11 @@ let clearMe;
           dataAvoid,
           dataAvoidBackup
         };
-        if (dataTip) {
+        if (dataTip && !document.body.classList.contains("drag-active")) {
           inner(dataTip, el, opts);
           break;
         } else if (isEllipsized && el.offsetWidth < el.scrollWidth - 4 && //the -4 is adding a teeny bit of tolerance to fix issues with the column headers getting tooltips even when fully visible
-        !el.classList.contains("no-data-tip") && el.textContent && ((_b = (_a2 = el.textContent) == null ? void 0 : _a2.trim) == null ? void 0 : _b.call(_a2).length) !== 0) {
+        !el.classList.contains("no-data-tip") && !document.body.classList.contains("drag-active") && el.textContent && ((_b = (_a2 = el.textContent) == null ? void 0 : _a2.trim) == null ? void 0 : _b.call(_a2).length) !== 0) {
           inner(el.textContent, el, opts);
           break;
         } else if (isEllipsized && el.offsetWidth >= el.scrollWidth)
@@ -4960,7 +4960,7 @@ function _objectSpread$3(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
     i % 2 ? ownKeys$5(Object(source), true).forEach(function(key) {
-      _defineProperty$8(target, key, source[key]);
+      _defineProperty$9(target, key, source[key]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
@@ -4968,7 +4968,7 @@ function _objectSpread$3(target) {
   return target;
 }
 __name(_objectSpread$3, "_objectSpread$3");
-function _defineProperty$8(obj, key, value) {
+function _defineProperty$9(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
   } else {
@@ -4976,11 +4976,11 @@ function _defineProperty$8(obj, key, value) {
   }
   return obj;
 }
-__name(_defineProperty$8, "_defineProperty$8");
-function _slicedToArray$4(arr, i) {
+__name(_defineProperty$9, "_defineProperty$9");
+function _slicedToArray$6(arr, i) {
   return _arrayWithHoles$4(arr) || _iterableToArrayLimit$4(arr, i) || _unsupportedIterableToArray$a(arr, i) || _nonIterableRest$4();
 }
-__name(_slicedToArray$4, "_slicedToArray$4");
+__name(_slicedToArray$6, "_slicedToArray$6");
 function _nonIterableRest$4() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
@@ -5100,8 +5100,8 @@ function allFilesAccepted(_ref) {
     return false;
   }
   return files.every(function(file) {
-    var _fileAccepted = fileAccepted(file, accept), _fileAccepted2 = _slicedToArray$4(_fileAccepted, 1), accepted = _fileAccepted2[0];
-    var _fileMatchSize = fileMatchSize(file, minSize, maxSize), _fileMatchSize2 = _slicedToArray$4(_fileMatchSize, 1), sizeMatch = _fileMatchSize2[0];
+    var _fileAccepted = fileAccepted(file, accept), _fileAccepted2 = _slicedToArray$6(_fileAccepted, 1), accepted = _fileAccepted2[0];
+    var _fileMatchSize = fileMatchSize(file, minSize, maxSize), _fileMatchSize2 = _slicedToArray$6(_fileMatchSize, 1), sizeMatch = _fileMatchSize2[0];
     return accepted && sizeMatch;
   });
 }
@@ -5170,16 +5170,16 @@ function filePickerOptionsTypes(accept) {
     accept: Array.isArray(accept) ? accept.filter(function(item) {
       return item === "audio/*" || item === "video/*" || item === "image/*" || item === "text/*" || /\w+\/[-+.\w]+/g.test(item);
     }).reduce(function(a2, b2) {
-      return _objectSpread$3(_objectSpread$3({}, a2), {}, _defineProperty$8({}, b2, []));
+      return _objectSpread$3(_objectSpread$3({}, a2), {}, _defineProperty$9({}, b2, []));
     }, {}) : {}
   }];
 }
 __name(filePickerOptionsTypes, "filePickerOptionsTypes");
 var _excluded$1 = ["children"], _excluded2 = ["open"], _excluded3 = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"], _excluded4 = ["refKey", "onChange", "onClick"];
-function _toConsumableArray(arr) {
+function _toConsumableArray$1(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$9(arr) || _nonIterableSpread();
 }
-__name(_toConsumableArray, "_toConsumableArray");
+__name(_toConsumableArray$1, "_toConsumableArray$1");
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
@@ -5194,10 +5194,10 @@ function _arrayWithoutHoles(arr) {
     return _arrayLikeToArray$9(arr);
 }
 __name(_arrayWithoutHoles, "_arrayWithoutHoles");
-function _slicedToArray$3(arr, i) {
+function _slicedToArray$5(arr, i) {
   return _arrayWithHoles$3(arr) || _iterableToArrayLimit$3(arr, i) || _unsupportedIterableToArray$9(arr, i) || _nonIterableRest$3();
 }
-__name(_slicedToArray$3, "_slicedToArray$3");
+__name(_slicedToArray$5, "_slicedToArray$5");
 function _nonIterableRest$3() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
@@ -5274,7 +5274,7 @@ function _objectSpread$2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
     i % 2 ? ownKeys$4(Object(source), true).forEach(function(key) {
-      _defineProperty$7(target, key, source[key]);
+      _defineProperty$8(target, key, source[key]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
@@ -5282,7 +5282,7 @@ function _objectSpread$2(target) {
   return target;
 }
 __name(_objectSpread$2, "_objectSpread$2");
-function _defineProperty$7(obj, key, value) {
+function _defineProperty$8(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
   } else {
@@ -5290,8 +5290,8 @@ function _defineProperty$7(obj, key, value) {
   }
   return obj;
 }
-__name(_defineProperty$7, "_defineProperty$7");
-function _objectWithoutProperties$5(source, excluded) {
+__name(_defineProperty$8, "_defineProperty$8");
+function _objectWithoutProperties$7(source, excluded) {
   if (source == null)
     return {};
   var target = _objectWithoutPropertiesLoose$2(source, excluded);
@@ -5309,7 +5309,7 @@ function _objectWithoutProperties$5(source, excluded) {
   }
   return target;
 }
-__name(_objectWithoutProperties$5, "_objectWithoutProperties$5");
+__name(_objectWithoutProperties$7, "_objectWithoutProperties$7");
 function _objectWithoutPropertiesLoose$2(source, excluded) {
   if (source == null)
     return {};
@@ -5326,8 +5326,8 @@ function _objectWithoutPropertiesLoose$2(source, excluded) {
 }
 __name(_objectWithoutPropertiesLoose$2, "_objectWithoutPropertiesLoose$2");
 var Dropzone = /* @__PURE__ */ React$1.forwardRef(function(_ref, ref) {
-  var children = _ref.children, params = _objectWithoutProperties$5(_ref, _excluded$1);
-  var _useDropzone = useDropzone(params), open2 = _useDropzone.open, props = _objectWithoutProperties$5(_useDropzone, _excluded2);
+  var children = _ref.children, params = _objectWithoutProperties$7(_ref, _excluded$1);
+  var _useDropzone = useDropzone(params), open2 = _useDropzone.open, props = _objectWithoutProperties$7(_useDropzone, _excluded2);
   React$1.useImperativeHandle(ref, function() {
     return {
       open: open2
@@ -5536,7 +5536,7 @@ function useDropzone() {
   }, [onFileDialogCancel]);
   var rootRef = React$1.useRef(null);
   var inputRef = React$1.useRef(null);
-  var _useReducer = React$1.useReducer(reducer, initialState), _useReducer2 = _slicedToArray$3(_useReducer, 2), state = _useReducer2[0], dispatch = _useReducer2[1];
+  var _useReducer = React$1.useReducer(reducer, initialState), _useReducer2 = _slicedToArray$5(_useReducer, 2), state = _useReducer2[0], dispatch = _useReducer2[1];
   var isFocused = state.isFocused, isFileDialogActive = state.isFileDialogActive, draggedFiles = state.draggedFiles;
   var onWindowFocus = /* @__PURE__ */ __name(function onWindowFocus2() {
     if (isFileDialogActive) {
@@ -5587,7 +5587,7 @@ function useDropzone() {
     event.preventDefault();
     event.persist();
     stopPropagation(event);
-    dragTargetsRef.current = [].concat(_toConsumableArray(dragTargetsRef.current), [event.target]);
+    dragTargetsRef.current = [].concat(_toConsumableArray$1(dragTargetsRef.current), [event.target]);
     if (isEvtWithFiles(event)) {
       Promise.resolve(getFilesFromEvent(event)).then(function(draggedFiles2) {
         if (isPropagationStopped(event) && !noDragEventsBubbling) {
@@ -5648,8 +5648,8 @@ function useDropzone() {
     var acceptedFiles = [];
     var fileRejections = [];
     files.forEach(function(file) {
-      var _fileAccepted = fileAccepted(file, accept), _fileAccepted2 = _slicedToArray$3(_fileAccepted, 2), accepted = _fileAccepted2[0], acceptError = _fileAccepted2[1];
-      var _fileMatchSize = fileMatchSize(file, minSize, maxSize), _fileMatchSize2 = _slicedToArray$3(_fileMatchSize, 2), sizeMatch = _fileMatchSize2[0], sizeError = _fileMatchSize2[1];
+      var _fileAccepted = fileAccepted(file, accept), _fileAccepted2 = _slicedToArray$5(_fileAccepted, 2), accepted = _fileAccepted2[0], acceptError = _fileAccepted2[1];
+      var _fileMatchSize = fileMatchSize(file, minSize, maxSize), _fileMatchSize2 = _slicedToArray$5(_fileMatchSize, 2), sizeMatch = _fileMatchSize2[0], sizeError = _fileMatchSize2[1];
       var customErrors = validator2 ? validator2(file) : null;
       if (accepted && sizeMatch && !customErrors) {
         acceptedFiles.push(file);
@@ -5784,8 +5784,8 @@ function useDropzone() {
   }, "stopPropagation");
   var getRootProps = React$1.useMemo(function() {
     return function() {
-      var _ref2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref2$refKey = _ref2.refKey, refKey = _ref2$refKey === void 0 ? "ref" : _ref2$refKey, role = _ref2.role, onKeyDown = _ref2.onKeyDown, onFocus = _ref2.onFocus, onBlur = _ref2.onBlur, onClick = _ref2.onClick, onDragEnter2 = _ref2.onDragEnter, onDragOver2 = _ref2.onDragOver, onDragLeave2 = _ref2.onDragLeave, onDrop2 = _ref2.onDrop, rest = _objectWithoutProperties$5(_ref2, _excluded3);
-      return _objectSpread$2(_objectSpread$2(_defineProperty$7({
+      var _ref2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref2$refKey = _ref2.refKey, refKey = _ref2$refKey === void 0 ? "ref" : _ref2$refKey, role = _ref2.role, onKeyDown = _ref2.onKeyDown, onFocus = _ref2.onFocus, onBlur = _ref2.onBlur, onClick = _ref2.onClick, onDragEnter2 = _ref2.onDragEnter, onDragOver2 = _ref2.onDragOver, onDragLeave2 = _ref2.onDragLeave, onDrop2 = _ref2.onDrop, rest = _objectWithoutProperties$7(_ref2, _excluded3);
+      return _objectSpread$2(_objectSpread$2(_defineProperty$8({
         onKeyDown: composeKeyboardHandler(composeEventHandlers(onKeyDown, onKeyDownCb)),
         onFocus: composeKeyboardHandler(composeEventHandlers(onFocus, onFocusCb)),
         onBlur: composeKeyboardHandler(composeEventHandlers(onBlur, onBlurCb)),
@@ -5805,8 +5805,8 @@ function useDropzone() {
   }, []);
   var getInputProps = React$1.useMemo(function() {
     return function() {
-      var _ref3 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref3$refKey = _ref3.refKey, refKey = _ref3$refKey === void 0 ? "ref" : _ref3$refKey, onChange = _ref3.onChange, onClick = _ref3.onClick, rest = _objectWithoutProperties$5(_ref3, _excluded4);
-      var inputProps = _defineProperty$7({
+      var _ref3 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref3$refKey = _ref3.refKey, refKey = _ref3$refKey === void 0 ? "ref" : _ref3$refKey, onChange = _ref3.onChange, onClick = _ref3.onClick, rest = _objectWithoutProperties$7(_ref3, _excluded4);
+      var inputProps = _defineProperty$8({
         accept,
         multiple,
         type: "file",
@@ -6840,7 +6840,7 @@ function _defineProperties$1(target, props) {
   }
 }
 __name(_defineProperties$1, "_defineProperties$1");
-function _createClass$9(Constructor, protoProps, staticProps) {
+function _createClass$d(Constructor, protoProps, staticProps) {
   if (protoProps)
     _defineProperties$1(Constructor.prototype, protoProps);
   if (staticProps)
@@ -6850,9 +6850,9 @@ function _createClass$9(Constructor, protoProps, staticProps) {
   });
   return Constructor;
 }
-__name(_createClass$9, "_createClass$9");
-function _extends$j() {
-  _extends$j = Object.assign ? Object.assign.bind() : function(target) {
+__name(_createClass$d, "_createClass$d");
+function _extends$o() {
+  _extends$o = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -6863,9 +6863,9 @@ function _extends$j() {
     }
     return target;
   };
-  return _extends$j.apply(this, arguments);
+  return _extends$o.apply(this, arguments);
 }
-__name(_extends$j, "_extends$j");
+__name(_extends$o, "_extends$o");
 function _inheritsLoose$2(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
@@ -6960,7 +6960,7 @@ function createDecoratorAnnotation(annotation) {
 __name(createDecoratorAnnotation, "createDecoratorAnnotation");
 function storeAnnotation(prototype, key, annotation) {
   if (!hasProp(prototype, storedAnnotationsSymbol)) {
-    addHiddenProp(prototype, storedAnnotationsSymbol, _extends$j({}, prototype[storedAnnotationsSymbol]));
+    addHiddenProp(prototype, storedAnnotationsSymbol, _extends$o({}, prototype[storedAnnotationsSymbol]));
   }
   if (!isOverride(annotation)) {
     prototype[storedAnnotationsSymbol][key] = annotation;
@@ -6969,7 +6969,7 @@ function storeAnnotation(prototype, key, annotation) {
 __name(storeAnnotation, "storeAnnotation");
 function collectStoredAnnotations(target) {
   if (!hasProp(target, storedAnnotationsSymbol)) {
-    addHiddenProp(target, storedAnnotationsSymbol, _extends$j({}, target[storedAnnotationsSymbol]));
+    addHiddenProp(target, storedAnnotationsSymbol, _extends$o({}, target[storedAnnotationsSymbol]));
   }
   return target[storedAnnotationsSymbol];
 }
@@ -7297,7 +7297,7 @@ function make_$3(adm, key, descriptor2) {
 __name(make_$3, "make_$3");
 function extend_$3(adm, key, descriptor2, proxyTrap) {
   assertComputedDescriptor(adm, this, key, descriptor2);
-  return adm.defineComputedProperty_(key, _extends$j({}, this.options_, {
+  return adm.defineComputedProperty_(key, _extends$o({}, this.options_, {
     get: descriptor2.get,
     set: descriptor2.set
   }), proxyTrap);
@@ -9644,7 +9644,7 @@ var ObservableMap = /* @__PURE__ */ function() {
   _proto.intercept_ = /* @__PURE__ */ __name(function intercept_(handler) {
     return registerInterceptor(this, handler);
   }, "intercept_");
-  _createClass$9(ObservableMap2, [{
+  _createClass$d(ObservableMap2, [{
     key: "size",
     get: /* @__PURE__ */ __name(function get5() {
       this.keysAtom_.reportObserved();
@@ -9878,7 +9878,7 @@ var ObservableSet = /* @__PURE__ */ function() {
   _proto[_Symbol$iterator$1] = function() {
     return this.values();
   };
-  _createClass$9(ObservableSet2, [{
+  _createClass$d(ObservableSet2, [{
     key: "size",
     get: /* @__PURE__ */ __name(function get5() {
       this.atom_.reportObserved();
@@ -10074,7 +10074,7 @@ var ObservableObjectAdministration = /* @__PURE__ */ function() {
         }
         var newValue = change.newValue;
         if (descriptor2.value !== newValue) {
-          descriptor2 = _extends$j({}, descriptor2, {
+          descriptor2 = _extends$o({}, descriptor2, {
             value: newValue
           });
         }
@@ -10402,7 +10402,7 @@ var LegacyObservableArray = /* @__PURE__ */ function(_StubArray, _Symbol$toStrin
       }, "next")
     });
   };
-  _createClass$9(LegacyObservableArray2, [{
+  _createClass$d(LegacyObservableArray2, [{
     key: "length",
     get: /* @__PURE__ */ __name(function get5() {
       return this[$mobx].getArrayLength_();
@@ -17736,8 +17736,8 @@ lodash.exports;
   }).call(commonjsGlobal);
 })(lodash, lodash.exports);
 var lodashExports = lodash.exports;
-function _extends$i() {
-  _extends$i = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$n() {
+  _extends$n = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -17748,9 +17748,9 @@ function _extends$i() {
     }
     return target;
   };
-  return _extends$i.apply(this, arguments);
+  return _extends$n.apply(this, arguments);
 }
-__name(_extends$i, "_extends$i");
+__name(_extends$n, "_extends$n");
 function _setPrototypeOf$2(o2, p2) {
   _setPrototypeOf$2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : /* @__PURE__ */ __name(function _setPrototypeOf3(o3, p3) {
     o3.__proto__ = p3;
@@ -17945,7 +17945,7 @@ var mapProps = /* @__PURE__ */ __name(function mapProps2(propsMapper) {
 }, "mapProps");
 var withProps = /* @__PURE__ */ __name(function withProps2(input) {
   var hoc = mapProps(function(props) {
-    return _extends$i({}, props, typeof input === "function" ? input(props) : input);
+    return _extends$n({}, props, typeof input === "function" ? input(props) : input);
   });
   return hoc;
 }, "withProps");
@@ -17980,7 +17980,7 @@ var withHandlers = /* @__PURE__ */ __name(function withHandlers2(handlers2) {
       __name(WithHandlers2, "WithHandlers");
       var _proto = WithHandlers2.prototype;
       _proto.render = /* @__PURE__ */ __name(function render3() {
-        return factory(_extends$i({}, this.props, this.handlers));
+        return factory(_extends$n({}, this.props, this.handlers));
       }, "render");
       return WithHandlers2;
     }(React$1.Component);
@@ -18015,7 +18015,7 @@ var withState = /* @__PURE__ */ __name(function withState2(stateName, stateUpdat
       var _proto = WithState2.prototype;
       _proto.render = /* @__PURE__ */ __name(function render3() {
         var _extends2;
-        return factory(_extends$i({}, this.props, (_extends2 = {}, _extends2[stateName] = this.state.stateValue, _extends2[stateUpdaterName] = this.updateStateValue, _extends2)));
+        return factory(_extends$n({}, this.props, (_extends2 = {}, _extends2[stateName] = this.state.stateValue, _extends2[stateUpdaterName] = this.updateStateValue, _extends2)));
       }, "render");
       return WithState2;
     }(React$1.Component);
@@ -18075,7 +18075,7 @@ var lifecycle = /* @__PURE__ */ __name(function lifecycle2(spec) {
       __name(Lifecycle3, "Lifecycle");
       var _proto = Lifecycle3.prototype;
       _proto.render = /* @__PURE__ */ __name(function render3() {
-        return factory(_extends$i({}, this.props, this.state));
+        return factory(_extends$n({}, this.props, this.state));
       }, "render");
       return Lifecycle3;
     }(React$1.Component);
@@ -19083,8 +19083,8 @@ var defineProperty$9 = /* @__PURE__ */ __name(function defineProperty3(it, key,
   return $Object$2.defineProperty(it, key, desc);
 }, "defineProperty");
 var defineProperty$8 = { "default": defineProperty$9, __esModule: true };
-var _defineProperty$6 = defineProperty$8;
-var _defineProperty2 = _interopRequireDefault$e(_defineProperty$6);
+var _defineProperty$7 = defineProperty$8;
+var _defineProperty2 = _interopRequireDefault$e(_defineProperty$7);
 function _interopRequireDefault$e(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -21164,8 +21164,8 @@ var defineProperty$6 = function() {
   } catch (e2) {
   }
 }();
-var _defineProperty$5 = defineProperty$6;
-var constant$1 = constant_1, defineProperty$5 = _defineProperty$5, identity$3 = identity_1;
+var _defineProperty$6 = defineProperty$6;
+var constant$1 = constant_1, defineProperty$5 = _defineProperty$6, identity$3 = identity_1;
 var baseSetToString$3 = !defineProperty$5 ? identity$3 : function(func, string2) {
   return defineProperty$5(func, "toString", {
     "configurable": true,
@@ -22225,7 +22225,7 @@ function _typeof$4(obj) {
   return _typeof$4(obj);
 }
 __name(_typeof$4, "_typeof$4");
-function _defineProperty$4(obj, key, value) {
+function _defineProperty$5(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -22238,7 +22238,7 @@ function _defineProperty$4(obj, key, value) {
   }
   return obj;
 }
-__name(_defineProperty$4, "_defineProperty$4");
+__name(_defineProperty$5, "_defineProperty$5");
 function ownKeys$2(object2, enumerableOnly) {
   var keys3 = Object.keys(object2);
   if (Object.getOwnPropertySymbols) {
@@ -22257,7 +22257,7 @@ function _objectSpread2(target) {
     var source = arguments[i] != null ? arguments[i] : {};
     if (i % 2) {
       ownKeys$2(source, true).forEach(function(key) {
-        _defineProperty$4(target, key, source[key]);
+        _defineProperty$5(target, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
@@ -23238,7 +23238,7 @@ var reactList = {};
         key: "getSizeOfItem",
         value: /* @__PURE__ */ __name(function getSizeOfItem(index2) {
           var cache = this.cache, items = this.items;
-          var _this$props6 = this.props, axis = _this$props6.axis, itemSizeGetter = _this$props6.itemSizeGetter, itemSizeEstimator2 = _this$props6.itemSizeEstimator, type = _this$props6.type;
+          var _this$props6 = this.props, axis = _this$props6.axis, itemSizeGetter = _this$props6.itemSizeGetter, itemSizeEstimator3 = _this$props6.itemSizeEstimator, type = _this$props6.type;
           var _this$state4 = this.state, from3 = _this$state4.from, itemSize = _this$state4.itemSize, size = _this$state4.size;
           if (itemSize)
             return itemSize;
@@ -23251,8 +23251,8 @@ var reactList = {};
             if (itemEl)
               return itemEl[OFFSET_SIZE_KEYS[axis]];
           }
-          if (itemSizeEstimator2)
-            return itemSizeEstimator2(index2, cache);
+          if (itemSizeEstimator3)
+            return itemSizeEstimator3(index2, cache);
         }, "getSizeOfItem")
       }, {
         key: "constrain",
@@ -23428,6 +23428,29 @@ var reactList = {};
   });
 })(reactList);
 const ReactList = /* @__PURE__ */ getDefaultExportFromCjs(reactList);
+var _extends$m = Object.assign || function(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i];
+    for (var key in source) {
+      if (Object.prototype.hasOwnProperty.call(source, key)) {
+        target[key] = source[key];
+      }
+    }
+  }
+  return target;
+};
+function _objectWithoutProperties$6(obj, keys3) {
+  var target = {};
+  for (var i in obj) {
+    if (keys3.indexOf(i) >= 0)
+      continue;
+    if (!Object.prototype.hasOwnProperty.call(obj, i))
+      continue;
+    target[i] = obj[i];
+  }
+  return target;
+}
+__name(_objectWithoutProperties$6, "_objectWithoutProperties$6");
 const _ = {
   get: get$3,
   set: set4,
@@ -23452,19 +23475,24 @@ function get$3(obj, path2, def2) {
   if (!path2) {
     return obj;
   }
-  const pathObj = makePathArray(path2);
-  let val;
+  var pathObj = makePathArray(path2);
+  var val = void 0;
   try {
-    val = pathObj.reduce((current, pathPart) => current[pathPart], obj);
+    val = pathObj.reduce(function(current, pathPart) {
+      return current[pathPart];
+    }, obj);
   } catch (e2) {
   }
   return typeof val !== "undefined" ? val : def2;
 }
 __name(get$3, "get$3");
-function set4(obj = {}, path2, value) {
-  const keys3 = makePathArray(path2);
-  let keyPart;
-  let cursor = obj;
+function set4() {
+  var obj = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  var path2 = arguments[1];
+  var value = arguments[2];
+  var keys3 = makePathArray(path2);
+  var keyPart = void 0;
+  var cursor = obj;
   while ((keyPart = keys3.shift()) && keys3.length) {
     if (!cursor[keyPart]) {
       cursor[keyPart] = {};
@@ -23476,7 +23504,7 @@ function set4(obj = {}, path2, value) {
 }
 __name(set4, "set");
 function takeRight(arr, n2) {
-  const start2 = n2 > arr.length ? 0 : arr.length - n2;
+  var start2 = n2 > arr.length ? 0 : arr.length - n2;
   return arr.slice(start2);
 }
 __name(takeRight, "takeRight");
@@ -23485,19 +23513,19 @@ function last(arr) {
 }
 __name(last, "last");
 function range(n2) {
-  const arr = [];
-  for (let i = 0; i < n2; i += 1) {
+  var arr = [];
+  for (var i = 0; i < n2; i += 1) {
     arr.push(n2);
   }
   return arr;
 }
 __name(range, "range");
 function orderBy(arr, funcs, dirs, indexKey) {
-  return arr.sort((rowA, rowB) => {
-    for (let i = 0; i < funcs.length; i += 1) {
-      const comp = funcs[i];
-      const desc = dirs[i] === false || dirs[i] === "desc";
-      const sortInt = comp(rowA, rowB);
+  return arr.sort(function(rowA, rowB) {
+    for (var i = 0; i < funcs.length; i += 1) {
+      var comp = funcs[i];
+      var desc = dirs[i] === false || dirs[i] === "desc";
+      var sortInt = comp(rowA, rowB);
       if (sortInt) {
         return desc ? -sortInt : sortInt;
       }
@@ -23507,8 +23535,8 @@ function orderBy(arr, funcs, dirs, indexKey) {
 }
 __name(orderBy, "orderBy");
 function remove2(a2, b2) {
-  return a2.filter((o2, i) => {
-    const r2 = b2(o2);
+  return a2.filter(function(o2, i) {
+    var r2 = b2(o2);
     if (r2) {
       a2.splice(i, 1);
       return true;
@@ -23519,46 +23547,50 @@ function remove2(a2, b2) {
 __name(remove2, "remove");
 function clone2(a2) {
   try {
-    return JSON.parse(
-      JSON.stringify(a2, (key, value) => {
-        if (typeof value === "function") {
-          return value.toString();
-        }
-        return value;
-      })
-    );
+    return JSON.parse(JSON.stringify(a2, function(key, value) {
+      if (typeof value === "function") {
+        return value.toString();
+      }
+      return value;
+    }));
   } catch (e2) {
     return a2;
   }
 }
 __name(clone2, "clone");
-function getFirstDefined(...args) {
-  for (let i = 0; i < args.length; i += 1) {
-    if (typeof args[i] !== "undefined") {
-      return args[i];
+function getFirstDefined() {
+  for (var i = 0; i < arguments.length; i += 1) {
+    if (typeof (arguments.length <= i ? void 0 : arguments[i]) !== "undefined") {
+      return arguments.length <= i ? void 0 : arguments[i];
     }
   }
 }
 __name(getFirstDefined, "getFirstDefined");
 function sum(arr) {
-  return arr.reduce((a2, b2) => a2 + b2, 0);
+  return arr.reduce(function(a2, b2) {
+    return a2 + b2;
+  }, 0);
 }
 __name(sum, "sum");
 function makeTemplateComponent(compClass, displayName) {
   if (!displayName) {
     throw new Error("No displayName found for template component:", compClass);
   }
-  const cmp = /* @__PURE__ */ __name((_a2) => {
-    var _b = _a2, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ React$1.createElement("div", __spreadValues({ className: classNames(compClass, className) }, rest), children);
+  var cmp = /* @__PURE__ */ __name(function cmp2(_ref) {
+    var children = _ref.children, className = _ref.className, rest = _objectWithoutProperties$6(_ref, ["children", "className"]);
+    return React$1.createElement(
+      "div",
+      _extends$m({ className: classNames(compClass, className) }, rest),
+      children
+    );
   }, "cmp");
   cmp.displayName = displayName;
   return cmp;
 }
 __name(makeTemplateComponent, "makeTemplateComponent");
 function groupBy(xs, key) {
-  return xs.reduce((rv, x2, i) => {
-    const resKey = typeof key === "function" ? key(x2, i) : x2[key];
+  return xs.reduce(function(rv, x2, i) {
+    var resKey = typeof key === "function" ? key(x2, i) : x2[key];
     rv[resKey] = isArray$b(rv[resKey]) ? rv[resKey] : [];
     rv[resKey].push(x2);
     return rv;
@@ -23567,7 +23599,7 @@ function groupBy(xs, key) {
 __name(groupBy, "groupBy");
 function asPx(value) {
   value = Number(value);
-  return Number.isNaN(value) ? null : `${value}px`;
+  return Number.isNaN(value) ? null : value + "px";
 }
 __name(asPx, "asPx");
 function isArray$b(a2) {
@@ -23578,19 +23610,20 @@ function makePathArray(obj) {
   return flattenDeep(obj).join(".").replace(/\[/g, ".").replace(/\]/g, "").split(".");
 }
 __name(makePathArray, "makePathArray");
-function flattenDeep(arr, newArr = []) {
+function flattenDeep(arr) {
+  var newArr = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
   if (!isArray$b(arr)) {
     newArr.push(arr);
   } else {
-    for (let i = 0; i < arr.length; i += 1) {
+    for (var i = 0; i < arr.length; i += 1) {
       flattenDeep(arr[i], newArr);
     }
   }
   return newArr;
 }
 __name(flattenDeep, "flattenDeep");
-function splitProps(_c) {
-  var _d = _c, { className, style: style2 } = _d, rest = __objRest(_d, ["className", "style"]);
+function splitProps(_ref2) {
+  var className = _ref2.className, style2 = _ref2.style, rest = _objectWithoutProperties$6(_ref2, ["className", "style"]);
   return {
     className,
     style: style2,
@@ -23599,9 +23632,9 @@ function splitProps(_c) {
 }
 __name(splitProps, "splitProps");
 function compactObject(obj) {
-  const newObj = {};
+  var newObj = {};
   if (obj) {
-    Object.keys(obj).map((key) => {
+    Object.keys(obj).map(function(key) {
       if (Object.prototype.hasOwnProperty.call(obj, key) && obj[key] !== void 0 && typeof obj[key] !== "undefined") {
         newObj[key] = obj[key];
       }
@@ -23615,744 +23648,1084 @@ function isSortingDesc(d2) {
   return !!(d2.sort === "desc" || d2.desc === true || d2.asc === false);
 }
 __name(isSortingDesc, "isSortingDesc");
-function normalizeComponent(Comp, params = {}, fallback = Comp) {
-  return typeof Comp === "function" ? Object.getPrototypeOf(Comp).isReactComponent ? /* @__PURE__ */ React$1.createElement(Comp, __spreadValues({}, params)) : Comp(params) : fallback;
+function normalizeComponent(Comp) {
+  var params = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  var fallback = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Comp;
+  return typeof Comp === "function" ? Object.getPrototypeOf(Comp).isReactComponent ? React$1.createElement(Comp, params) : Comp(params) : fallback;
 }
 __name(normalizeComponent, "normalizeComponent");
-const Lifecycle = /* @__PURE__ */ __name((Base) => class extends Base {
-  UNSAFE_componentWillMount() {
-    this.setStateWithData(this.getDataModel(this.getResolvedState(), true));
+var _createClass$c = function() {
+  function defineProperties2(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor2 = props[i];
+      descriptor2.enumerable = descriptor2.enumerable || false;
+      descriptor2.configurable = true;
+      if ("value" in descriptor2)
+        descriptor2.writable = true;
+      Object.defineProperty(target, descriptor2.key, descriptor2);
+    }
   }
-  componentDidMount() {
-    this.fireFetchData();
+  __name(defineProperties2, "defineProperties");
+  return function(Constructor, protoProps, staticProps) {
+    if (protoProps)
+      defineProperties2(Constructor.prototype, protoProps);
+    if (staticProps)
+      defineProperties2(Constructor, staticProps);
+    return Constructor;
+  };
+}();
+function _classCallCheck$h(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
   }
-  UNSAFE_componentWillReceiveProps(nextProps, nextState) {
-    const oldState = this.getResolvedState();
-    const newState = this.getResolvedState(nextProps, nextState);
-    const defaultableOptions = ["sorted", "filtered", "resized", "expanded"];
-    defaultableOptions.forEach((x2) => {
-      const defaultName = `default${x2.charAt(0).toUpperCase() + x2.slice(1)}`;
-      if (JSON.stringify(oldState[defaultName]) !== JSON.stringify(newState[defaultName])) {
-        newState[x2] = newState[defaultName];
-      }
-    });
-    const resettableOptions = ["sortable", "filterable", "resizable"];
-    resettableOptions.forEach((x2) => {
-      if (oldState[x2] !== newState[x2]) {
-        const baseName = x2.replace("able", "");
-        const optionName = `${baseName}ed`;
-        const defaultName = `default${optionName.charAt(0).toUpperCase() + optionName.slice(1)}`;
-        newState[optionName] = newState[defaultName];
-      }
-    });
-    if (oldState.data !== newState.data || oldState.columns !== newState.columns || oldState.pivotBy !== newState.pivotBy || oldState.sorted !== newState.sorted || oldState.filtered !== newState.filtered) {
-      this.setStateWithData(this.getDataModel(newState, oldState.data !== newState.data));
-    }
-  }
-  setStateWithData(newState, cb) {
-    const oldState = this.getResolvedState();
-    const newResolvedState = this.getResolvedState({}, newState);
-    const { freezeWhenExpanded } = newResolvedState;
-    newResolvedState.frozen = false;
-    if (freezeWhenExpanded) {
-      const keys3 = Object.keys(newResolvedState.expanded);
-      for (let i = 0; i < keys3.length; i += 1) {
-        if (newResolvedState.expanded[keys3[i]]) {
-          newResolvedState.frozen = true;
-          break;
+}
+__name(_classCallCheck$h, "_classCallCheck$h");
+function _possibleConstructorReturn$h(self2, call2) {
+  if (!self2) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+  return call2 && (typeof call2 === "object" || typeof call2 === "function") ? call2 : self2;
+}
+__name(_possibleConstructorReturn$h, "_possibleConstructorReturn$h");
+function _inherits$h(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } });
+  if (superClass)
+    Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+}
+__name(_inherits$h, "_inherits$h");
+const Lifecycle = /* @__PURE__ */ __name(function(Base) {
+  return function(_Base) {
+    _inherits$h(_class, _Base);
+    function _class() {
+      _classCallCheck$h(this, _class);
+      return _possibleConstructorReturn$h(this, (_class.__proto__ || Object.getPrototypeOf(_class)).apply(this, arguments));
+    }
+    __name(_class, "_class");
+    _createClass$c(_class, [{
+      key: "UNSAFE_componentWillMount",
+      value: /* @__PURE__ */ __name(function UNSAFE_componentWillMount() {
+        this.setStateWithData(this.getDataModel(this.getResolvedState(), true));
+      }, "UNSAFE_componentWillMount")
+    }, {
+      key: "componentDidMount",
+      value: /* @__PURE__ */ __name(function componentDidMount() {
+        this.fireFetchData();
+      }, "componentDidMount")
+    }, {
+      key: "UNSAFE_componentWillReceiveProps",
+      value: /* @__PURE__ */ __name(function UNSAFE_componentWillReceiveProps(nextProps, nextState) {
+        var oldState = this.getResolvedState();
+        var newState = this.getResolvedState(nextProps, nextState);
+        var defaultableOptions = ["sorted", "filtered", "resized", "expanded"];
+        defaultableOptions.forEach(function(x2) {
+          var defaultName = "default" + (x2.charAt(0).toUpperCase() + x2.slice(1));
+          if (JSON.stringify(oldState[defaultName]) !== JSON.stringify(newState[defaultName])) {
+            newState[x2] = newState[defaultName];
+          }
+        });
+        var resettableOptions = ["sortable", "filterable", "resizable"];
+        resettableOptions.forEach(function(x2) {
+          if (oldState[x2] !== newState[x2]) {
+            var baseName = x2.replace("able", "");
+            var optionName = baseName + "ed";
+            var defaultName = "default" + (optionName.charAt(0).toUpperCase() + optionName.slice(1));
+            newState[optionName] = newState[defaultName];
+          }
+        });
+        if (oldState.data !== newState.data || oldState.columns !== newState.columns || oldState.pivotBy !== newState.pivotBy || oldState.sorted !== newState.sorted || oldState.filtered !== newState.filtered) {
+          this.setStateWithData(this.getDataModel(newState, oldState.data !== newState.data));
+        }
+      }, "UNSAFE_componentWillReceiveProps")
+    }, {
+      key: "setStateWithData",
+      value: /* @__PURE__ */ __name(function setStateWithData(newState, cb) {
+        var _this2 = this;
+        var oldState = this.getResolvedState();
+        var newResolvedState = this.getResolvedState({}, newState);
+        var freezeWhenExpanded = newResolvedState.freezeWhenExpanded;
+        newResolvedState.frozen = false;
+        if (freezeWhenExpanded) {
+          var keys3 = Object.keys(newResolvedState.expanded);
+          for (var i = 0; i < keys3.length; i += 1) {
+            if (newResolvedState.expanded[keys3[i]]) {
+              newResolvedState.frozen = true;
+              break;
+            }
+          }
+        }
+        if (oldState.frozen && !newResolvedState.frozen || oldState.sorted !== newResolvedState.sorted || oldState.filtered !== newResolvedState.filtered || oldState.showFilters !== newResolvedState.showFilters || !newResolvedState.frozen && oldState.resolvedData !== newResolvedState.resolvedData) {
+          if (oldState.sorted !== newResolvedState.sorted && this.props.collapseOnSortingChange || oldState.filtered !== newResolvedState.filtered || oldState.showFilters !== newResolvedState.showFilters || oldState.sortedData && !newResolvedState.frozen && oldState.resolvedData !== newResolvedState.resolvedData && this.props.collapseOnDataChange) {
+            newResolvedState.expanded = {};
+          }
+          Object.assign(newResolvedState, this.getSortedData(newResolvedState));
+        }
+        if (oldState.filtered !== newResolvedState.filtered) {
+          newResolvedState.page = 0;
         }
+        if (newResolvedState.sortedData) {
+          newResolvedState.pages = newResolvedState.manual ? newResolvedState.pages : Math.ceil(newResolvedState.sortedData.length / newResolvedState.pageSize);
+          newResolvedState.page = newResolvedState.manual ? newResolvedState.page : Math.max(newResolvedState.page >= newResolvedState.pages ? newResolvedState.pages - 1 : newResolvedState.page, 0);
+        }
+        return this.setState(newResolvedState, function() {
+          if (cb) {
+            cb();
+          }
+          if (oldState.page !== newResolvedState.page || oldState.pageSize !== newResolvedState.pageSize || oldState.sorted !== newResolvedState.sorted || oldState.filtered !== newResolvedState.filtered) {
+            _this2.fireFetchData();
+          }
+        });
+      }, "setStateWithData")
+    }]);
+    return _class;
+  }(Base);
+}, "Lifecycle");
+var _slicedToArray$4 = function() {
+  function sliceIterator(arr, i) {
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = void 0;
+    try {
+      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+        if (i && _arr.length === i)
+          break;
       }
-    }
-    if (oldState.frozen && !newResolvedState.frozen || oldState.sorted !== newResolvedState.sorted || oldState.filtered !== newResolvedState.filtered || oldState.showFilters !== newResolvedState.showFilters || !newResolvedState.frozen && oldState.resolvedData !== newResolvedState.resolvedData) {
-      if (oldState.sorted !== newResolvedState.sorted && this.props.collapseOnSortingChange || oldState.filtered !== newResolvedState.filtered || oldState.showFilters !== newResolvedState.showFilters || oldState.sortedData && !newResolvedState.frozen && oldState.resolvedData !== newResolvedState.resolvedData && this.props.collapseOnDataChange) {
-        newResolvedState.expanded = {};
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"])
+          _i["return"]();
+      } finally {
+        if (_d)
+          throw _e;
       }
-      Object.assign(newResolvedState, this.getSortedData(newResolvedState));
     }
-    if (oldState.filtered !== newResolvedState.filtered) {
-      newResolvedState.page = 0;
-    }
-    if (newResolvedState.sortedData) {
-      newResolvedState.pages = newResolvedState.manual ? newResolvedState.pages : Math.ceil(newResolvedState.sortedData.length / newResolvedState.pageSize);
-      newResolvedState.page = newResolvedState.manual ? newResolvedState.page : Math.max(
-        newResolvedState.page >= newResolvedState.pages ? newResolvedState.pages - 1 : newResolvedState.page,
-        0
-      );
+    return _arr;
+  }
+  __name(sliceIterator, "sliceIterator");
+  return function(arr, i) {
+    if (Array.isArray(arr)) {
+      return arr;
+    } else if (Symbol.iterator in Object(arr)) {
+      return sliceIterator(arr, i);
+    } else {
+      throw new TypeError("Invalid attempt to destructure non-iterable instance");
     }
-    return this.setState(newResolvedState, () => {
-      if (cb) {
-        cb();
-      }
-      if (oldState.page !== newResolvedState.page || oldState.pageSize !== newResolvedState.pageSize || oldState.sorted !== newResolvedState.sorted || oldState.filtered !== newResolvedState.filtered) {
-        this.fireFetchData();
+  };
+}();
+var _extends$l = Object.assign || function(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i];
+    for (var key in source) {
+      if (Object.prototype.hasOwnProperty.call(source, key)) {
+        target[key] = source[key];
       }
-    });
-  }
-}, "Lifecycle");
-const Methods = /* @__PURE__ */ __name((Base) => class extends Base {
-  getResolvedState(props, state) {
-    const resolvedState = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, _.compactObject(this.state)), _.compactObject(this.props)), _.compactObject(state)), _.compactObject(props));
-    return resolvedState;
+    }
   }
-  getDataModel(newState) {
-    const {
-      columns,
-      pivotBy = [],
-      data,
-      resolveData,
-      pivotIDKey,
-      pivotValKey,
-      subRowsKey,
-      aggregatedKey,
-      nestingLevelKey,
-      originalKey,
-      indexKey,
-      groupedByPivotKey,
-      SubComponent
-    } = newState;
-    let hasHeaderGroups = false;
-    columns.forEach((column) => {
-      if (column.columns) {
-        hasHeaderGroups = true;
-      }
-    });
-    let columnsWithExpander = [...columns];
-    let expanderColumn = columns.find(
-      (col) => col.expander || col.columns && col.columns.some((col2) => col2.expander)
-    );
-    if (expanderColumn && !expanderColumn.expander) {
-      expanderColumn = expanderColumn.columns.find((col) => col.expander);
+  return target;
+};
+var _createClass$b = function() {
+  function defineProperties2(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor2 = props[i];
+      descriptor2.enumerable = descriptor2.enumerable || false;
+      descriptor2.configurable = true;
+      if ("value" in descriptor2)
+        descriptor2.writable = true;
+      Object.defineProperty(target, descriptor2.key, descriptor2);
     }
-    if (SubComponent && !expanderColumn) {
-      expanderColumn = { expander: true };
-      columnsWithExpander = [expanderColumn, ...columnsWithExpander];
+  }
+  __name(defineProperties2, "defineProperties");
+  return function(Constructor, protoProps, staticProps) {
+    if (protoProps)
+      defineProperties2(Constructor.prototype, protoProps);
+    if (staticProps)
+      defineProperties2(Constructor, staticProps);
+    return Constructor;
+  };
+}();
+function _defineProperty$4(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+__name(_defineProperty$4, "_defineProperty$4");
+function _toConsumableArray(arr) {
+  if (Array.isArray(arr)) {
+    for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) {
+      arr2[i] = arr[i];
     }
-    const makeDecoratedColumn = /* @__PURE__ */ __name((column, parentColumn) => {
-      let dcol;
-      if (column.expander) {
-        dcol = __spreadValues(__spreadValues(__spreadValues({}, this.props.column), this.props.expanderDefaults), column);
-      } else {
-        dcol = __spreadValues(__spreadValues({}, this.props.column), column);
-      }
-      if (dcol.maxWidth < dcol.minWidth) {
-        dcol.minWidth = dcol.maxWidth;
-      }
-      if (parentColumn) {
-        dcol.parentColumn = parentColumn;
-      }
-      if (typeof dcol.accessor === "string") {
-        dcol.id = dcol.id || dcol.accessor;
-        const accessorString = dcol.accessor;
-        dcol.accessor = (row) => _.get(row, accessorString);
-        return dcol;
-      }
-      if (dcol.accessor && !dcol.id) {
-        console.warn(dcol);
-        throw new Error(
-          "A column id is required if using a non-string accessor for column above."
-        );
-      }
-      if (!dcol.accessor) {
-        dcol.accessor = () => void 0;
-      }
-      return dcol;
-    }, "makeDecoratedColumn");
-    const allDecoratedColumns = [];
-    const decorateAndAddToAll = /* @__PURE__ */ __name((column, parentColumn) => {
-      const decoratedColumn = makeDecoratedColumn(column, parentColumn);
-      allDecoratedColumns.push(decoratedColumn);
-      return decoratedColumn;
-    }, "decorateAndAddToAll");
-    const decoratedColumns = columnsWithExpander.map((column) => {
-      if (column.columns) {
-        return __spreadProps(__spreadValues({}, column), {
-          columns: column.columns.map((d2) => decorateAndAddToAll(d2, column))
+    return arr2;
+  } else {
+    return Array.from(arr);
+  }
+}
+__name(_toConsumableArray, "_toConsumableArray");
+function _classCallCheck$g(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+__name(_classCallCheck$g, "_classCallCheck$g");
+function _possibleConstructorReturn$g(self2, call2) {
+  if (!self2) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+  return call2 && (typeof call2 === "object" || typeof call2 === "function") ? call2 : self2;
+}
+__name(_possibleConstructorReturn$g, "_possibleConstructorReturn$g");
+function _inherits$g(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } });
+  if (superClass)
+    Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+}
+__name(_inherits$g, "_inherits$g");
+const Methods = /* @__PURE__ */ __name(function(Base) {
+  return function(_Base) {
+    _inherits$g(_class, _Base);
+    function _class() {
+      _classCallCheck$g(this, _class);
+      return _possibleConstructorReturn$g(this, (_class.__proto__ || Object.getPrototypeOf(_class)).apply(this, arguments));
+    }
+    __name(_class, "_class");
+    _createClass$b(_class, [{
+      key: "getResolvedState",
+      value: /* @__PURE__ */ __name(function getResolvedState(props, state) {
+        var resolvedState = _extends$l({}, _.compactObject(this.state), _.compactObject(this.props), _.compactObject(state), _.compactObject(props));
+        return resolvedState;
+      }, "getResolvedState")
+    }, {
+      key: "getDataModel",
+      value: /* @__PURE__ */ __name(function getDataModel(newState) {
+        var _this2 = this;
+        var columns = newState.columns, _newState$pivotBy = newState.pivotBy, pivotBy = _newState$pivotBy === void 0 ? [] : _newState$pivotBy, data = newState.data, resolveData2 = newState.resolveData, pivotIDKey = newState.pivotIDKey, pivotValKey = newState.pivotValKey, subRowsKey = newState.subRowsKey, aggregatedKey = newState.aggregatedKey, nestingLevelKey = newState.nestingLevelKey, originalKey = newState.originalKey, indexKey = newState.indexKey, groupedByPivotKey = newState.groupedByPivotKey, SubComponent = newState.SubComponent;
+        var hasHeaderGroups = false;
+        columns.forEach(function(column) {
+          if (column.columns) {
+            hasHeaderGroups = true;
+          }
         });
-      }
-      return decorateAndAddToAll(column);
-    });
-    let visibleColumns = decoratedColumns.slice();
-    let allVisibleColumns = [];
-    visibleColumns = visibleColumns.map((column) => {
-      if (column.columns) {
-        const visibleSubColumns = column.columns.filter(
-          (d2) => pivotBy.indexOf(d2.id) > -1 ? false : _.getFirstDefined(d2.show, true)
-        );
-        return __spreadProps(__spreadValues({}, column), {
-          columns: visibleSubColumns
+        var columnsWithExpander = [].concat(_toConsumableArray(columns));
+        var expanderColumn = columns.find(function(col) {
+          return col.expander || col.columns && col.columns.some(function(col2) {
+            return col2.expander;
+          });
         });
-      }
-      return column;
-    });
-    visibleColumns = visibleColumns.filter(
-      (column) => column.columns ? column.columns.length : pivotBy.indexOf(column.id) > -1 ? false : _.getFirstDefined(column.show, true)
-    );
-    const pivotIndex = visibleColumns.findIndex((col) => col.pivot);
-    if (pivotBy.length) {
-      const pivotColumns = [];
-      pivotBy.forEach((pivotID) => {
-        const found = allDecoratedColumns.find((d2) => d2.id === pivotID);
-        if (found) {
-          pivotColumns.push(found);
+        if (expanderColumn && !expanderColumn.expander) {
+          expanderColumn = expanderColumn.columns.find(function(col) {
+            return col.expander;
+          });
         }
-      });
-      const PivotParentColumn = pivotColumns.reduce(
-        (prev, current) => prev && prev === current.parentColumn && current.parentColumn,
-        pivotColumns[0].parentColumn
-      );
-      let PivotGroupHeader = hasHeaderGroups && PivotParentColumn.Header;
-      PivotGroupHeader = PivotGroupHeader || (() => /* @__PURE__ */ React$1.createElement("strong", null, "Pivoted"));
-      let pivotColumnGroup = {
-        Header: PivotGroupHeader,
-        columns: pivotColumns.map((col) => __spreadProps(__spreadValues(__spreadValues({}, this.props.pivotDefaults), col), {
-          pivoted: true
-        }))
-      };
-      if (pivotIndex >= 0) {
-        pivotColumnGroup = __spreadValues(__spreadValues({}, visibleColumns[pivotIndex]), pivotColumnGroup);
-        visibleColumns.splice(pivotIndex, 1, pivotColumnGroup);
-      } else {
-        visibleColumns.unshift(pivotColumnGroup);
-      }
-    }
-    const headerGroups = [];
-    let currentSpan = [];
-    const addHeader = /* @__PURE__ */ __name((columns2, column) => {
-      headerGroups.push(__spreadProps(__spreadValues(__spreadValues({}, this.props.column), column), {
-        columns: columns2
-      }));
-      currentSpan = [];
-    }, "addHeader");
-    visibleColumns.forEach((column) => {
-      if (column.columns) {
-        allVisibleColumns = allVisibleColumns.concat(column.columns);
-        if (currentSpan.length > 0) {
-          addHeader(currentSpan);
+        if (SubComponent && !expanderColumn) {
+          expanderColumn = { expander: true };
+          columnsWithExpander = [expanderColumn].concat(_toConsumableArray(columnsWithExpander));
         }
-        addHeader(column.columns, column);
-        return;
-      }
-      allVisibleColumns.push(column);
-      currentSpan.push(column);
-    });
-    if (hasHeaderGroups && currentSpan.length > 0) {
-      addHeader(currentSpan);
-    }
-    const accessRow = /* @__PURE__ */ __name((d2, i, level = 0) => {
-      const row = {
-        [originalKey]: d2,
-        [indexKey]: i,
-        [subRowsKey]: d2[subRowsKey],
-        [nestingLevelKey]: level
-      };
-      allDecoratedColumns.forEach((column) => {
-        if (column.expander)
-          return;
-        row[column.id] = column.accessor(d2);
-      });
-      if (row[subRowsKey]) {
-        row[subRowsKey] = row[subRowsKey].map((d22, i2) => accessRow(d22, i2, level + 1));
-      }
-      return row;
-    }, "accessRow");
-    let resolvedData = resolveData(data).map((d2, i) => accessRow(d2, i));
-    const aggregatingColumns = allVisibleColumns.filter((d2) => !d2.expander && d2.aggregate);
-    const aggregate = /* @__PURE__ */ __name((rows) => {
-      const aggregationValues = {};
-      aggregatingColumns.forEach((column) => {
-        const values = rows.map((d2) => d2[column.id]);
-        aggregationValues[column.id] = column.aggregate(values, rows);
-      });
-      return aggregationValues;
-    }, "aggregate");
-    if (pivotBy.length) {
-      const groupRecursively = /* @__PURE__ */ __name((rows, keys3, i = 0) => {
-        if (i === keys3.length) {
-          return rows;
-        }
-        let groupedRows = Object.entries(_.groupBy(rows, keys3[i])).map(([key, value]) => ({
-          [pivotIDKey]: keys3[i],
-          [pivotValKey]: key,
-          [keys3[i]]: key,
-          [subRowsKey]: value,
-          [nestingLevelKey]: i,
-          [groupedByPivotKey]: true
-        }));
-        groupedRows = groupedRows.map((rowGroup) => {
-          const subRows = groupRecursively(rowGroup[subRowsKey], keys3, i + 1);
-          return __spreadValues(__spreadProps(__spreadValues({}, rowGroup), {
-            [subRowsKey]: subRows,
-            [aggregatedKey]: true
-          }), aggregate(subRows));
+        var makeDecoratedColumn = /* @__PURE__ */ __name(function makeDecoratedColumn2(column, parentColumn) {
+          var dcol = void 0;
+          if (column.expander) {
+            dcol = _extends$l({}, _this2.props.column, _this2.props.expanderDefaults, column);
+          } else {
+            dcol = _extends$l({}, _this2.props.column, column);
+          }
+          if (dcol.maxWidth < dcol.minWidth) {
+            dcol.minWidth = dcol.maxWidth;
+          }
+          if (parentColumn) {
+            dcol.parentColumn = parentColumn;
+          }
+          if (typeof dcol.accessor === "string") {
+            dcol.id = dcol.id || dcol.accessor;
+            var accessorString = dcol.accessor;
+            dcol.accessor = function(row) {
+              return _.get(row, accessorString);
+            };
+            return dcol;
+          }
+          if (dcol.accessor && !dcol.id) {
+            console.warn(dcol);
+            throw new Error("A column id is required if using a non-string accessor for column above.");
+          }
+          if (!dcol.accessor) {
+            dcol.accessor = function() {
+              return void 0;
+            };
+          }
+          return dcol;
+        }, "makeDecoratedColumn");
+        var allDecoratedColumns = [];
+        var decorateAndAddToAll = /* @__PURE__ */ __name(function decorateAndAddToAll2(column, parentColumn) {
+          var decoratedColumn = makeDecoratedColumn(column, parentColumn);
+          allDecoratedColumns.push(decoratedColumn);
+          return decoratedColumn;
+        }, "decorateAndAddToAll");
+        var decoratedColumns = columnsWithExpander.map(function(column) {
+          if (column.columns) {
+            return _extends$l({}, column, {
+              columns: column.columns.map(function(d2) {
+                return decorateAndAddToAll(d2, column);
+              })
+            });
+          }
+          return decorateAndAddToAll(column);
         });
-        return groupedRows;
-      }, "groupRecursively");
-      resolvedData = groupRecursively(resolvedData, pivotBy);
-    }
-    return __spreadProps(__spreadValues({}, newState), {
-      resolvedData,
-      allVisibleColumns,
-      headerGroups,
-      allDecoratedColumns,
-      hasHeaderGroups
-    });
-  }
-  getSortedData(resolvedState) {
-    const {
-      manual,
-      sorted,
-      filtered,
-      defaultFilterMethod,
-      resolvedData,
-      allVisibleColumns,
-      allDecoratedColumns
-    } = resolvedState;
-    const sortMethodsByColumnID = {};
-    allDecoratedColumns.filter((col) => col.sortMethod).forEach((col) => {
-      sortMethodsByColumnID[col.id] = col.sortMethod;
-    });
-    return {
-      sortedData: manual ? resolvedData : this.sortData(
-        this.filterData(resolvedData, filtered, defaultFilterMethod, allVisibleColumns),
-        sorted,
-        sortMethodsByColumnID
-      )
-    };
-  }
-  fireFetchData() {
-    this.props.onFetchData(this.getResolvedState(), this);
-  }
-  getPropOrState(key) {
-    return _.getFirstDefined(this.props[key], this.state[key]);
-  }
-  getStateOrProp(key) {
-    return _.getFirstDefined(this.state[key], this.props[key]);
-  }
-  filterData(data, filtered, defaultFilterMethod, allVisibleColumns) {
-    let filteredData = data;
-    if (filtered.length) {
-      filteredData = filtered.reduce((filteredSoFar, nextFilter) => {
-        const column = allVisibleColumns.find((x2) => x2.id === nextFilter.id);
-        if (!column || column.filterable === false) {
-          return filteredSoFar;
+        var visibleColumns = decoratedColumns.slice();
+        var allVisibleColumns = [];
+        visibleColumns = visibleColumns.map(function(column) {
+          if (column.columns) {
+            var visibleSubColumns = column.columns.filter(function(d2) {
+              return pivotBy.indexOf(d2.id) > -1 ? false : _.getFirstDefined(d2.show, true);
+            });
+            return _extends$l({}, column, {
+              columns: visibleSubColumns
+            });
+          }
+          return column;
+        });
+        visibleColumns = visibleColumns.filter(function(column) {
+          return column.columns ? column.columns.length : pivotBy.indexOf(column.id) > -1 ? false : _.getFirstDefined(column.show, true);
+        });
+        var pivotIndex = visibleColumns.findIndex(function(col) {
+          return col.pivot;
+        });
+        if (pivotBy.length) {
+          var pivotColumns = [];
+          pivotBy.forEach(function(pivotID) {
+            var found = allDecoratedColumns.find(function(d2) {
+              return d2.id === pivotID;
+            });
+            if (found) {
+              pivotColumns.push(found);
+            }
+          });
+          var PivotParentColumn = pivotColumns.reduce(function(prev, current) {
+            return prev && prev === current.parentColumn && current.parentColumn;
+          }, pivotColumns[0].parentColumn);
+          var PivotGroupHeader = hasHeaderGroups && PivotParentColumn.Header;
+          PivotGroupHeader = PivotGroupHeader || function() {
+            return React$1.createElement(
+              "strong",
+              null,
+              "Pivoted"
+            );
+          };
+          var pivotColumnGroup = {
+            Header: PivotGroupHeader,
+            columns: pivotColumns.map(function(col) {
+              return _extends$l({}, _this2.props.pivotDefaults, col, {
+                pivoted: true
+              });
+            })
+            // Place the pivotColumns back into the visibleColumns
+          };
+          if (pivotIndex >= 0) {
+            pivotColumnGroup = _extends$l({}, visibleColumns[pivotIndex], pivotColumnGroup);
+            visibleColumns.splice(pivotIndex, 1, pivotColumnGroup);
+          } else {
+            visibleColumns.unshift(pivotColumnGroup);
+          }
         }
-        const filterMethod = column.filterMethod || defaultFilterMethod;
-        if (column.filterAll) {
-          return filterMethod(nextFilter, filteredSoFar, column);
+        var headerGroups = [];
+        var currentSpan = [];
+        var addHeader = /* @__PURE__ */ __name(function addHeader2(columns2, column) {
+          headerGroups.push(_extends$l({}, _this2.props.column, column, {
+            columns: columns2
+          }));
+          currentSpan = [];
+        }, "addHeader");
+        visibleColumns.forEach(function(column) {
+          if (column.columns) {
+            allVisibleColumns = allVisibleColumns.concat(column.columns);
+            if (currentSpan.length > 0) {
+              addHeader(currentSpan);
+            }
+            addHeader(column.columns, column);
+            return;
+          }
+          allVisibleColumns.push(column);
+          currentSpan.push(column);
+        });
+        if (hasHeaderGroups && currentSpan.length > 0) {
+          addHeader(currentSpan);
         }
-        return filteredSoFar.filter((row) => filterMethod(nextFilter, row, column));
-      }, filteredData);
-      filteredData = filteredData.map((row) => {
-        if (!row[this.props.subRowsKey]) {
+        var accessRow = /* @__PURE__ */ __name(function accessRow2(d2, i) {
+          var _row;
+          var level = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
+          var row = (_row = {}, _defineProperty$4(_row, originalKey, d2), _defineProperty$4(_row, indexKey, i), _defineProperty$4(_row, subRowsKey, d2[subRowsKey]), _defineProperty$4(_row, nestingLevelKey, level), _row);
+          allDecoratedColumns.forEach(function(column) {
+            if (column.expander)
+              return;
+            row[column.id] = column.accessor(d2);
+          });
+          if (row[subRowsKey]) {
+            row[subRowsKey] = row[subRowsKey].map(function(d3, i2) {
+              return accessRow2(d3, i2, level + 1);
+            });
+          }
           return row;
-        }
-        return __spreadProps(__spreadValues({}, row), {
-          [this.props.subRowsKey]: this.filterData(
-            row[this.props.subRowsKey],
-            filtered,
-            defaultFilterMethod,
-            allVisibleColumns
-          )
+        }, "accessRow");
+        var resolvedData = resolveData2(data).map(function(d2, i) {
+          return accessRow(d2, i);
         });
-      }).filter((row) => {
-        if (!row[this.props.subRowsKey]) {
-          return true;
+        var aggregatingColumns = allVisibleColumns.filter(function(d2) {
+          return !d2.expander && d2.aggregate;
+        });
+        var aggregate = /* @__PURE__ */ __name(function aggregate2(rows) {
+          var aggregationValues = {};
+          aggregatingColumns.forEach(function(column) {
+            var values = rows.map(function(d2) {
+              return d2[column.id];
+            });
+            aggregationValues[column.id] = column.aggregate(values, rows);
+          });
+          return aggregationValues;
+        }, "aggregate");
+        if (pivotBy.length) {
+          var groupRecursively = /* @__PURE__ */ __name(function groupRecursively2(rows, keys3) {
+            var i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
+            if (i === keys3.length) {
+              return rows;
+            }
+            var groupedRows = Object.entries(_.groupBy(rows, keys3[i])).map(function(_ref) {
+              var _ref3;
+              var _ref2 = _slicedToArray$4(_ref, 2), key = _ref2[0], value = _ref2[1];
+              return _ref3 = {}, _defineProperty$4(_ref3, pivotIDKey, keys3[i]), _defineProperty$4(_ref3, pivotValKey, key), _defineProperty$4(_ref3, keys3[i], key), _defineProperty$4(_ref3, subRowsKey, value), _defineProperty$4(_ref3, nestingLevelKey, i), _defineProperty$4(_ref3, groupedByPivotKey, true), _ref3;
+            });
+            groupedRows = groupedRows.map(function(rowGroup) {
+              var _extends2;
+              var subRows = groupRecursively2(rowGroup[subRowsKey], keys3, i + 1);
+              return _extends$l({}, rowGroup, (_extends2 = {}, _defineProperty$4(_extends2, subRowsKey, subRows), _defineProperty$4(_extends2, aggregatedKey, true), _extends2), aggregate(subRows));
+            });
+            return groupedRows;
+          }, "groupRecursively");
+          resolvedData = groupRecursively(resolvedData, pivotBy);
+        }
+        return _extends$l({}, newState, {
+          resolvedData,
+          allVisibleColumns,
+          headerGroups,
+          allDecoratedColumns,
+          hasHeaderGroups
+        });
+      }, "getDataModel")
+    }, {
+      key: "getSortedData",
+      value: /* @__PURE__ */ __name(function getSortedData(resolvedState) {
+        var manual = resolvedState.manual, sorted = resolvedState.sorted, filtered = resolvedState.filtered, defaultFilterMethod2 = resolvedState.defaultFilterMethod, resolvedData = resolvedState.resolvedData, allVisibleColumns = resolvedState.allVisibleColumns, allDecoratedColumns = resolvedState.allDecoratedColumns;
+        var sortMethodsByColumnID = {};
+        allDecoratedColumns.filter(function(col) {
+          return col.sortMethod;
+        }).forEach(function(col) {
+          sortMethodsByColumnID[col.id] = col.sortMethod;
+        });
+        return {
+          sortedData: manual ? resolvedData : this.sortData(this.filterData(resolvedData, filtered, defaultFilterMethod2, allVisibleColumns), sorted, sortMethodsByColumnID)
+        };
+      }, "getSortedData")
+    }, {
+      key: "fireFetchData",
+      value: /* @__PURE__ */ __name(function fireFetchData() {
+        this.props.onFetchData(this.getResolvedState(), this);
+      }, "fireFetchData")
+    }, {
+      key: "getPropOrState",
+      value: /* @__PURE__ */ __name(function getPropOrState(key) {
+        return _.getFirstDefined(this.props[key], this.state[key]);
+      }, "getPropOrState")
+    }, {
+      key: "getStateOrProp",
+      value: /* @__PURE__ */ __name(function getStateOrProp(key) {
+        return _.getFirstDefined(this.state[key], this.props[key]);
+      }, "getStateOrProp")
+    }, {
+      key: "filterData",
+      value: /* @__PURE__ */ __name(function filterData(data, filtered, defaultFilterMethod2, allVisibleColumns) {
+        var _this3 = this;
+        var filteredData = data;
+        if (filtered.length) {
+          filteredData = filtered.reduce(function(filteredSoFar, nextFilter) {
+            var column = allVisibleColumns.find(function(x2) {
+              return x2.id === nextFilter.id;
+            });
+            if (!column || column.filterable === false) {
+              return filteredSoFar;
+            }
+            var filterMethod = column.filterMethod || defaultFilterMethod2;
+            if (column.filterAll) {
+              return filterMethod(nextFilter, filteredSoFar, column);
+            }
+            return filteredSoFar.filter(function(row) {
+              return filterMethod(nextFilter, row, column);
+            });
+          }, filteredData);
+          filteredData = filteredData.map(function(row) {
+            if (!row[_this3.props.subRowsKey]) {
+              return row;
+            }
+            return _extends$l({}, row, _defineProperty$4({}, _this3.props.subRowsKey, _this3.filterData(row[_this3.props.subRowsKey], filtered, defaultFilterMethod2, allVisibleColumns)));
+          }).filter(function(row) {
+            if (!row[_this3.props.subRowsKey]) {
+              return true;
+            }
+            return row[_this3.props.subRowsKey].length > 0;
+          });
         }
-        return row[this.props.subRowsKey].length > 0;
-      });
-    }
-    return filteredData;
-  }
-  sortData(data, sorted, sortMethodsByColumnID = {}) {
-    if (!sorted.length) {
-      return data;
-    }
-    const sortedData = (this.props.orderByMethod || _.orderBy)(
-      data,
-      sorted.map((sort2) => {
-        if (sortMethodsByColumnID[sort2.id]) {
-          return (a2, b2) => sortMethodsByColumnID[sort2.id](a2[sort2.id], b2[sort2.id], sort2.desc);
+        return filteredData;
+      }, "filterData")
+    }, {
+      key: "sortData",
+      value: /* @__PURE__ */ __name(function sortData(data, sorted) {
+        var _this4 = this;
+        var sortMethodsByColumnID = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+        if (!sorted.length) {
+          return data;
         }
-        return (a2, b2) => this.props.defaultSortMethod(a2[sort2.id], b2[sort2.id], sort2.desc);
-      }),
-      sorted.map((d2) => !d2.desc),
-      this.props.indexKey
-    );
-    sortedData.forEach((row) => {
-      if (!row[this.props.subRowsKey]) {
-        return;
-      }
-      row[this.props.subRowsKey] = this.sortData(
-        row[this.props.subRowsKey],
-        sorted,
-        sortMethodsByColumnID
-      );
-    });
-    return sortedData;
-  }
-  getMinRows() {
-    return _.getFirstDefined(this.props.minRows, this.getStateOrProp("pageSize"));
-  }
-  // User actions
-  onPageChange(page) {
-    const { onPageChange, collapseOnPageChange } = this.props;
-    const newState = { page };
-    if (collapseOnPageChange) {
-      newState.expanded = {};
-    }
-    this.setStateWithData(newState, () => onPageChange && onPageChange(page));
-  }
-  onPageSizeChange(newPageSize) {
-    const { onPageSizeChange } = this.props;
-    const { pageSize, page } = this.getResolvedState();
-    const currentRow = pageSize * page;
-    const newPage = Math.floor(currentRow / newPageSize);
-    this.setStateWithData(
-      {
-        pageSize: newPageSize,
-        page: newPage
-      },
-      () => onPageSizeChange && onPageSizeChange(newPageSize, newPage)
-    );
-  }
-  sortColumn(column, additive) {
-    const { sorted, skipNextSort, defaultSortDesc } = this.getResolvedState();
-    const firstSortDirection = Object.prototype.hasOwnProperty.call(column, "defaultSortDesc") ? column.defaultSortDesc : defaultSortDesc;
-    const secondSortDirection = !firstSortDirection;
-    if (skipNextSort) {
-      this.setStateWithData({
-        skipNextSort: false
-      });
-      return;
-    }
-    const { onSortedChange } = this.props;
-    let newSorted = _.clone(sorted || []).map((d2) => {
-      d2.desc = _.isSortingDesc(d2);
-      return d2;
-    });
-    if (!_.isArray(column)) {
-      const existingIndex = newSorted.findIndex((d2) => d2.id === column.id);
-      if (existingIndex > -1) {
-        const existing = newSorted[existingIndex];
-        if (existing.desc === secondSortDirection) {
-          if (additive) {
-            newSorted.splice(existingIndex, 1);
+        var sortedData = (this.props.orderByMethod || _.orderBy)(data, sorted.map(function(sort2) {
+          if (sortMethodsByColumnID[sort2.id]) {
+            return function(a2, b2) {
+              return sortMethodsByColumnID[sort2.id](a2[sort2.id], b2[sort2.id], sort2.desc);
+            };
+          }
+          return function(a2, b2) {
+            return _this4.props.defaultSortMethod(a2[sort2.id], b2[sort2.id], sort2.desc);
+          };
+        }), sorted.map(function(d2) {
+          return !d2.desc;
+        }), this.props.indexKey);
+        sortedData.forEach(function(row) {
+          if (!row[_this4.props.subRowsKey]) {
+            return;
+          }
+          row[_this4.props.subRowsKey] = _this4.sortData(row[_this4.props.subRowsKey], sorted, sortMethodsByColumnID);
+        });
+        return sortedData;
+      }, "sortData")
+    }, {
+      key: "getMinRows",
+      value: /* @__PURE__ */ __name(function getMinRows() {
+        return _.getFirstDefined(this.props.minRows, this.getStateOrProp("pageSize"));
+      }, "getMinRows")
+      // User actions
+    }, {
+      key: "onPageChange",
+      value: /* @__PURE__ */ __name(function onPageChange(page) {
+        var _props = this.props, onPageChange2 = _props.onPageChange, collapseOnPageChange = _props.collapseOnPageChange;
+        var newState = { page };
+        if (collapseOnPageChange) {
+          newState.expanded = {};
+        }
+        this.setStateWithData(newState, function() {
+          return onPageChange2 && onPageChange2(page);
+        });
+      }, "onPageChange")
+    }, {
+      key: "onPageSizeChange",
+      value: /* @__PURE__ */ __name(function onPageSizeChange(newPageSize) {
+        var onPageSizeChange2 = this.props.onPageSizeChange;
+        var _getResolvedState = this.getResolvedState(), pageSize = _getResolvedState.pageSize, page = _getResolvedState.page;
+        var currentRow = pageSize * page;
+        var newPage = Math.floor(currentRow / newPageSize);
+        this.setStateWithData({
+          pageSize: newPageSize,
+          page: newPage
+        }, function() {
+          return onPageSizeChange2 && onPageSizeChange2(newPageSize, newPage);
+        });
+      }, "onPageSizeChange")
+    }, {
+      key: "sortColumn",
+      value: /* @__PURE__ */ __name(function sortColumn(column, additive) {
+        var _getResolvedState2 = this.getResolvedState(), sorted = _getResolvedState2.sorted, skipNextSort = _getResolvedState2.skipNextSort, defaultSortDesc = _getResolvedState2.defaultSortDesc;
+        var firstSortDirection = Object.prototype.hasOwnProperty.call(column, "defaultSortDesc") ? column.defaultSortDesc : defaultSortDesc;
+        var secondSortDirection = !firstSortDirection;
+        if (skipNextSort) {
+          this.setStateWithData({
+            skipNextSort: false
+          });
+          return;
+        }
+        var onSortedChange = this.props.onSortedChange;
+        var newSorted = _.clone(sorted || []).map(function(d2) {
+          d2.desc = _.isSortingDesc(d2);
+          return d2;
+        });
+        if (!_.isArray(column)) {
+          var existingIndex = newSorted.findIndex(function(d2) {
+            return d2.id === column.id;
+          });
+          if (existingIndex > -1) {
+            var existing = newSorted[existingIndex];
+            if (existing.desc === secondSortDirection) {
+              if (additive) {
+                newSorted.splice(existingIndex, 1);
+              } else {
+                existing.desc = firstSortDirection;
+                newSorted = [existing];
+              }
+            } else {
+              existing.desc = secondSortDirection;
+              if (!additive) {
+                newSorted = [existing];
+              }
+            }
+          } else if (additive) {
+            newSorted.push({
+              id: column.id,
+              desc: firstSortDirection
+            });
           } else {
-            existing.desc = firstSortDirection;
-            newSorted = [existing];
+            newSorted = [{
+              id: column.id,
+              desc: firstSortDirection
+            }];
           }
         } else {
-          existing.desc = secondSortDirection;
-          if (!additive) {
-            newSorted = [existing];
+          var _existingIndex = newSorted.findIndex(function(d2) {
+            return d2.id === column[0].id;
+          });
+          if (_existingIndex > -1) {
+            var _existing = newSorted[_existingIndex];
+            if (_existing.desc === secondSortDirection) {
+              if (additive) {
+                newSorted.splice(_existingIndex, column.length);
+              } else {
+                column.forEach(function(d2, i) {
+                  newSorted[_existingIndex + i].desc = firstSortDirection;
+                });
+              }
+            } else {
+              column.forEach(function(d2, i) {
+                newSorted[_existingIndex + i].desc = secondSortDirection;
+              });
+            }
+            if (!additive) {
+              newSorted = newSorted.slice(_existingIndex, column.length);
+            }
+          } else if (additive) {
+            newSorted = newSorted.concat(column.map(function(d2) {
+              return {
+                id: d2.id,
+                desc: firstSortDirection
+              };
+            }));
+          } else {
+            newSorted = column.map(function(d2) {
+              return {
+                id: d2.id,
+                desc: firstSortDirection
+              };
+            });
           }
         }
-      } else if (additive) {
-        newSorted.push({
-          id: column.id,
-          desc: firstSortDirection
+        this.setStateWithData({
+          page: !sorted.length && newSorted.length || !additive ? 0 : this.state.page,
+          sorted: newSorted
+        }, function() {
+          return onSortedChange && onSortedChange(newSorted, column, additive);
         });
-      } else {
-        newSorted = [
-          {
+      }, "sortColumn")
+    }, {
+      key: "filterColumn",
+      value: /* @__PURE__ */ __name(function filterColumn(column, value) {
+        var _getResolvedState3 = this.getResolvedState(), filtered = _getResolvedState3.filtered;
+        var onFilteredChange = this.props.onFilteredChange;
+        var newFiltering = (filtered || []).filter(function(x2) {
+          return x2.id !== column.id;
+        });
+        if (value !== "") {
+          newFiltering.push({
+            id: column.id,
+            value
+          });
+        }
+        this.setStateWithData({
+          filtered: newFiltering
+        }, function() {
+          return onFilteredChange && onFilteredChange(newFiltering, column, value);
+        });
+      }, "filterColumn")
+    }, {
+      key: "resizeColumnStart",
+      value: /* @__PURE__ */ __name(function resizeColumnStart(event, column, isTouch) {
+        var _this5 = this;
+        event.stopPropagation();
+        var parentWidth = event.target.parentElement.getBoundingClientRect().width;
+        var pageX = void 0;
+        if (isTouch) {
+          pageX = event.changedTouches[0].pageX;
+        } else {
+          pageX = event.pageX;
+        }
+        this.trapEvents = true;
+        this.setStateWithData({
+          currentlyResizing: {
             id: column.id,
-            desc: firstSortDirection
+            startX: pageX,
+            parentWidth
           }
-        ];
-      }
-    } else {
-      const existingIndex = newSorted.findIndex((d2) => d2.id === column[0].id);
-      if (existingIndex > -1) {
-        const existing = newSorted[existingIndex];
-        if (existing.desc === secondSortDirection) {
-          if (additive) {
-            newSorted.splice(existingIndex, column.length);
+        }, function() {
+          if (isTouch) {
+            document.addEventListener("touchmove", _this5.resizeColumnMoving);
+            document.addEventListener("touchcancel", _this5.resizeColumnEnd);
+            document.addEventListener("touchend", _this5.resizeColumnEnd);
           } else {
-            column.forEach((d2, i) => {
-              newSorted[existingIndex + i].desc = firstSortDirection;
-            });
+            document.addEventListener("mousemove", _this5.resizeColumnMoving);
+            document.addEventListener("mouseup", _this5.resizeColumnEnd);
+            document.addEventListener("mouseleave", _this5.resizeColumnEnd);
           }
-        } else {
-          column.forEach((d2, i) => {
-            newSorted[existingIndex + i].desc = secondSortDirection;
+        });
+      }, "resizeColumnStart")
+    }, {
+      key: "resizeColumnMoving",
+      value: /* @__PURE__ */ __name(function resizeColumnMoving(event) {
+        event.stopPropagation();
+        var onResizedChange = this.props.onResizedChange;
+        var _getResolvedState4 = this.getResolvedState(), resized = _getResolvedState4.resized, currentlyResizing = _getResolvedState4.currentlyResizing;
+        var newResized = resized.filter(function(x2) {
+          return x2.id !== currentlyResizing.id;
+        });
+        var pageX = void 0;
+        if (event.type === "touchmove") {
+          pageX = event.changedTouches[0].pageX;
+        } else if (event.type === "mousemove") {
+          pageX = event.pageX;
+        }
+        var newWidth = Math.max(currentlyResizing.parentWidth + pageX - currentlyResizing.startX, 11);
+        newResized.push({
+          id: currentlyResizing.id,
+          value: newWidth
+        });
+        this.setStateWithData({
+          resized: newResized
+        }, function() {
+          return onResizedChange && onResizedChange(newResized, event);
+        });
+      }, "resizeColumnMoving")
+    }, {
+      key: "resizeColumnEnd",
+      value: /* @__PURE__ */ __name(function resizeColumnEnd(event) {
+        event.stopPropagation();
+        var isTouch = event.type === "touchend" || event.type === "touchcancel";
+        if (isTouch) {
+          document.removeEventListener("touchmove", this.resizeColumnMoving);
+          document.removeEventListener("touchcancel", this.resizeColumnEnd);
+          document.removeEventListener("touchend", this.resizeColumnEnd);
+        }
+        document.removeEventListener("mousemove", this.resizeColumnMoving);
+        document.removeEventListener("mouseup", this.resizeColumnEnd);
+        document.removeEventListener("mouseleave", this.resizeColumnEnd);
+        if (!isTouch) {
+          this.setStateWithData({
+            skipNextSort: true,
+            currentlyResizing: false
           });
         }
-        if (!additive) {
-          newSorted = newSorted.slice(existingIndex, column.length);
-        }
-      } else if (additive) {
-        newSorted = newSorted.concat(
-          column.map((d2) => ({
-            id: d2.id,
-            desc: firstSortDirection
-          }))
-        );
-      } else {
-        newSorted = column.map((d2) => ({
-          id: d2.id,
-          desc: firstSortDirection
-        }));
-      }
+      }, "resizeColumnEnd")
+    }]);
+    return _class;
+  }(Base);
+}, "Methods");
+var _createClass$a = function() {
+  function defineProperties2(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor2 = props[i];
+      descriptor2.enumerable = descriptor2.enumerable || false;
+      descriptor2.configurable = true;
+      if ("value" in descriptor2)
+        descriptor2.writable = true;
+      Object.defineProperty(target, descriptor2.key, descriptor2);
     }
-    this.setStateWithData(
-      {
-        page: !sorted.length && newSorted.length || !additive ? 0 : this.state.page,
-        sorted: newSorted
-      },
-      () => onSortedChange && onSortedChange(newSorted, column, additive)
-    );
   }
-  filterColumn(column, value) {
-    const { filtered } = this.getResolvedState();
-    const { onFilteredChange } = this.props;
-    const newFiltering = (filtered || []).filter((x2) => x2.id !== column.id);
-    if (value !== "") {
-      newFiltering.push({
-        id: column.id,
-        value
-      });
+  __name(defineProperties2, "defineProperties");
+  return function(Constructor, protoProps, staticProps) {
+    if (protoProps)
+      defineProperties2(Constructor.prototype, protoProps);
+    if (staticProps)
+      defineProperties2(Constructor, staticProps);
+    return Constructor;
+  };
+}();
+var _extends$k = Object.assign || function(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i];
+    for (var key in source) {
+      if (Object.prototype.hasOwnProperty.call(source, key)) {
+        target[key] = source[key];
+      }
     }
-    this.setStateWithData(
-      {
-        filtered: newFiltering
-      },
-      () => onFilteredChange && onFilteredChange(newFiltering, column, value)
-    );
   }
-  resizeColumnStart(event, column, isTouch) {
-    event.stopPropagation();
-    const parentWidth = event.target.parentElement.getBoundingClientRect().width;
-    let pageX;
-    if (isTouch) {
-      pageX = event.changedTouches[0].pageX;
-    } else {
-      pageX = event.pageX;
-    }
-    this.trapEvents = true;
-    this.setStateWithData(
-      {
-        currentlyResizing: {
-          id: column.id,
-          startX: pageX,
-          parentWidth
-        }
-      },
-      () => {
-        if (isTouch) {
-          document.addEventListener("touchmove", this.resizeColumnMoving);
-          document.addEventListener("touchcancel", this.resizeColumnEnd);
-          document.addEventListener("touchend", this.resizeColumnEnd);
-        } else {
-          document.addEventListener("mousemove", this.resizeColumnMoving);
-          document.addEventListener("mouseup", this.resizeColumnEnd);
-          document.addEventListener("mouseleave", this.resizeColumnEnd);
-        }
-      }
-    );
+  return target;
+};
+function _classCallCheck$f(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
   }
-  resizeColumnMoving(event) {
-    event.stopPropagation();
-    const { onResizedChange } = this.props;
-    const { resized, currentlyResizing } = this.getResolvedState();
-    const newResized = resized.filter((x2) => x2.id !== currentlyResizing.id);
-    let pageX;
-    if (event.type === "touchmove") {
-      pageX = event.changedTouches[0].pageX;
-    } else if (event.type === "mousemove") {
-      pageX = event.pageX;
-    }
-    const newWidth = Math.max(
-      currentlyResizing.parentWidth + pageX - currentlyResizing.startX,
-      11
-    );
-    newResized.push({
-      id: currentlyResizing.id,
-      value: newWidth
-    });
-    this.setStateWithData(
-      {
-        resized: newResized
-      },
-      () => onResizedChange && onResizedChange(newResized, event)
-    );
+}
+__name(_classCallCheck$f, "_classCallCheck$f");
+function _possibleConstructorReturn$f(self2, call2) {
+  if (!self2) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   }
-  resizeColumnEnd(event) {
-    event.stopPropagation();
-    const isTouch = event.type === "touchend" || event.type === "touchcancel";
-    if (isTouch) {
-      document.removeEventListener("touchmove", this.resizeColumnMoving);
-      document.removeEventListener("touchcancel", this.resizeColumnEnd);
-      document.removeEventListener("touchend", this.resizeColumnEnd);
-    }
-    document.removeEventListener("mousemove", this.resizeColumnMoving);
-    document.removeEventListener("mouseup", this.resizeColumnEnd);
-    document.removeEventListener("mouseleave", this.resizeColumnEnd);
-    if (!isTouch) {
-      this.setStateWithData({
-        skipNextSort: true,
-        currentlyResizing: false
-      });
-    }
+  return call2 && (typeof call2 === "object" || typeof call2 === "function") ? call2 : self2;
+}
+__name(_possibleConstructorReturn$f, "_possibleConstructorReturn$f");
+function _inherits$f(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
   }
-}, "Methods");
-const defaultButton = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React$1.createElement("button", __spreadProps(__spreadValues({ type: "button" }, props), { className: "-btn" }), props.children), "defaultButton");
-const _ReactTablePagination = class _ReactTablePagination extends React$1.Component {
-  constructor(props) {
-    super(props);
-    this.getSafePage = this.getSafePage.bind(this);
-    this.changePage = this.changePage.bind(this);
-    this.applyPage = this.applyPage.bind(this);
-    this.state = {
+  subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } });
+  if (superClass)
+    Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+}
+__name(_inherits$f, "_inherits$f");
+var defaultButton = /* @__PURE__ */ __name(function defaultButton2(props) {
+  return React$1.createElement(
+    "button",
+    _extends$k({ type: "button" }, props, { className: "-btn" }),
+    props.children
+  );
+}, "defaultButton");
+var ReactTablePagination = function(_Component) {
+  _inherits$f(ReactTablePagination2, _Component);
+  function ReactTablePagination2(props) {
+    _classCallCheck$f(this, ReactTablePagination2);
+    var _this = _possibleConstructorReturn$f(this, (ReactTablePagination2.__proto__ || Object.getPrototypeOf(ReactTablePagination2)).call(this, props));
+    _this.getSafePage = _this.getSafePage.bind(_this);
+    _this.changePage = _this.changePage.bind(_this);
+    _this.applyPage = _this.applyPage.bind(_this);
+    _this.state = {
       page: props.page
     };
+    return _this;
   }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.page !== nextProps.page) {
-      this.setState({ page: nextProps.page });
-    }
-  }
-  getSafePage(page) {
-    if (Number.isNaN(page)) {
-      page = this.props.page;
-    }
-    return Math.min(Math.max(page, 0), this.props.pages - 1);
-  }
-  changePage(page) {
-    page = this.getSafePage(page);
-    this.setState({ page });
-    if (this.props.page !== page) {
-      this.props.onPageChange(page);
-    }
-  }
-  applyPage(e2) {
-    if (e2) {
-      e2.preventDefault();
-    }
-    const page = this.state.page;
-    this.changePage(page === "" ? this.props.page : page);
-  }
-  getPageJumpProperties() {
-    return {
-      onKeyPress: (e2) => {
-        if (e2.which === 13 || e2.keyCode === 13) {
-          this.applyPage();
-        }
-      },
-      onBlur: this.applyPage,
-      value: this.state.page === "" ? "" : this.state.page + 1,
-      onChange: (e2) => {
-        const val = e2.target.value;
-        const page = val - 1;
-        if (val === "") {
-          return this.setState({ page: val });
-        }
-        this.setState({ page: this.getSafePage(page) });
-      },
-      inputType: this.state.page === "" ? "text" : "number",
-      pageJumpText: this.props.pageJumpText
-    };
-  }
-  render() {
-    const {
-      // Computed
-      pages,
-      // Props
-      page,
-      showPageSizeOptions,
-      pageSizeOptions,
-      pageSize,
-      showPageJump,
-      canPrevious,
-      canNext,
-      onPageSizeChange,
-      className,
-      PreviousComponent,
-      NextComponent,
-      renderPageJump,
-      renderCurrentPage,
-      renderTotalPagesCount,
-      renderPageSizeOptions
-    } = this.props;
-    return /* @__PURE__ */ React$1.createElement("div", { className: classNames(className, "-pagination"), style: this.props.style }, /* @__PURE__ */ React$1.createElement("div", { className: "-previous" }, /* @__PURE__ */ React$1.createElement(
-      PreviousComponent,
-      {
-        onClick: () => {
-          if (!canPrevious)
-            return;
-          this.changePage(page - 1);
-        },
-        disabled: !canPrevious
-      },
-      this.props.previousText
-    )), /* @__PURE__ */ React$1.createElement("div", { className: "-center" }, /* @__PURE__ */ React$1.createElement("span", { className: "-pageInfo" }, this.props.pageText, " ", showPageJump ? renderPageJump(this.getPageJumpProperties()) : renderCurrentPage(page), " ", this.props.ofText, " ", renderTotalPagesCount(pages)), showPageSizeOptions && renderPageSizeOptions({
-      pageSize,
-      rowsSelectorText: this.props.rowsSelectorText,
-      pageSizeOptions,
-      onPageSizeChange,
-      rowsText: this.props.rowsText
-    })), /* @__PURE__ */ React$1.createElement("div", { className: "-next" }, /* @__PURE__ */ React$1.createElement(
-      NextComponent,
-      {
-        onClick: () => {
-          if (!canNext)
-            return;
-          this.changePage(page + 1);
-        },
-        disabled: !canNext
-      },
-      this.props.nextText
-    )));
-  }
-};
-__name(_ReactTablePagination, "ReactTablePagination");
-__publicField(_ReactTablePagination, "defaultProps", {
+  __name(ReactTablePagination2, "ReactTablePagination");
+  _createClass$a(ReactTablePagination2, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: /* @__PURE__ */ __name(function UNSAFE_componentWillReceiveProps(nextProps) {
+      if (this.props.page !== nextProps.page) {
+        this.setState({ page: nextProps.page });
+      }
+    }, "UNSAFE_componentWillReceiveProps")
+  }, {
+    key: "getSafePage",
+    value: /* @__PURE__ */ __name(function getSafePage(page) {
+      if (Number.isNaN(page)) {
+        page = this.props.page;
+      }
+      return Math.min(Math.max(page, 0), this.props.pages - 1);
+    }, "getSafePage")
+  }, {
+    key: "changePage",
+    value: /* @__PURE__ */ __name(function changePage(page) {
+      page = this.getSafePage(page);
+      this.setState({ page });
+      if (this.props.page !== page) {
+        this.props.onPageChange(page);
+      }
+    }, "changePage")
+  }, {
+    key: "applyPage",
+    value: /* @__PURE__ */ __name(function applyPage(e2) {
+      if (e2) {
+        e2.preventDefault();
+      }
+      var page = this.state.page;
+      this.changePage(page === "" ? this.props.page : page);
+    }, "applyPage")
+  }, {
+    key: "getPageJumpProperties",
+    value: /* @__PURE__ */ __name(function getPageJumpProperties() {
+      var _this2 = this;
+      return {
+        onKeyPress: /* @__PURE__ */ __name(function onKeyPress(e2) {
+          if (e2.which === 13 || e2.keyCode === 13) {
+            _this2.applyPage();
+          }
+        }, "onKeyPress"),
+        onBlur: this.applyPage,
+        value: this.state.page === "" ? "" : this.state.page + 1,
+        onChange: /* @__PURE__ */ __name(function onChange(e2) {
+          var val = e2.target.value;
+          var page = val - 1;
+          if (val === "") {
+            return _this2.setState({ page: val });
+          }
+          _this2.setState({ page: _this2.getSafePage(page) });
+        }, "onChange"),
+        inputType: this.state.page === "" ? "text" : "number",
+        pageJumpText: this.props.pageJumpText
+      };
+    }, "getPageJumpProperties")
+  }, {
+    key: "render",
+    value: /* @__PURE__ */ __name(function render3() {
+      var _this3 = this;
+      var _props = this.props, pages = _props.pages, page = _props.page, showPageSizeOptions = _props.showPageSizeOptions, pageSizeOptions = _props.pageSizeOptions, pageSize = _props.pageSize, showPageJump = _props.showPageJump, canPrevious = _props.canPrevious, canNext = _props.canNext, onPageSizeChange = _props.onPageSizeChange, className = _props.className, PreviousComponent = _props.PreviousComponent, NextComponent = _props.NextComponent, renderPageJump2 = _props.renderPageJump, renderCurrentPage2 = _props.renderCurrentPage, renderTotalPagesCount2 = _props.renderTotalPagesCount, renderPageSizeOptions2 = _props.renderPageSizeOptions;
+      return React$1.createElement(
+        "div",
+        { className: classNames(className, "-pagination"), style: this.props.style },
+        React$1.createElement(
+          "div",
+          { className: "-previous" },
+          React$1.createElement(
+            PreviousComponent,
+            {
+              onClick: /* @__PURE__ */ __name(function onClick() {
+                if (!canPrevious)
+                  return;
+                _this3.changePage(page - 1);
+              }, "onClick"),
+              disabled: !canPrevious
+            },
+            this.props.previousText
+          )
+        ),
+        React$1.createElement(
+          "div",
+          { className: "-center" },
+          React$1.createElement(
+            "span",
+            { className: "-pageInfo" },
+            this.props.pageText,
+            " ",
+            showPageJump ? renderPageJump2(this.getPageJumpProperties()) : renderCurrentPage2(page),
+            " ",
+            this.props.ofText,
+            " ",
+            renderTotalPagesCount2(pages)
+          ),
+          showPageSizeOptions && renderPageSizeOptions2({
+            pageSize,
+            rowsSelectorText: this.props.rowsSelectorText,
+            pageSizeOptions,
+            onPageSizeChange,
+            rowsText: this.props.rowsText
+          })
+        ),
+        React$1.createElement(
+          "div",
+          { className: "-next" },
+          React$1.createElement(
+            NextComponent,
+            {
+              onClick: /* @__PURE__ */ __name(function onClick() {
+                if (!canNext)
+                  return;
+                _this3.changePage(page + 1);
+              }, "onClick"),
+              disabled: !canNext
+            },
+            this.props.nextText
+          )
+        )
+      );
+    }, "render")
+  }]);
+  return ReactTablePagination2;
+}(React$1.Component);
+ReactTablePagination.defaultProps = {
   PreviousComponent: defaultButton,
   NextComponent: defaultButton,
-  renderPageJump: ({
-    onChange,
-    value,
-    onBlur,
-    onKeyPress,
-    inputType,
-    pageJumpText
-  }) => /* @__PURE__ */ React$1.createElement("div", { className: "-pageJump" }, /* @__PURE__ */ React$1.createElement(
-    "input",
-    {
-      "aria-label": pageJumpText,
-      type: inputType,
-      onChange,
-      value,
-      onBlur,
-      onKeyPress
+  renderPageJump: /* @__PURE__ */ __name(function renderPageJump(_ref) {
+    var onChange = _ref.onChange, value = _ref.value, onBlur = _ref.onBlur, onKeyPress = _ref.onKeyPress, inputType = _ref.inputType, pageJumpText = _ref.pageJumpText;
+    return React$1.createElement(
+      "div",
+      { className: "-pageJump" },
+      React$1.createElement("input", {
+        "aria-label": pageJumpText,
+        type: inputType,
+        onChange,
+        value,
+        onBlur,
+        onKeyPress
+      })
+    );
+  }, "renderPageJump"),
+  renderCurrentPage: /* @__PURE__ */ __name(function renderCurrentPage(page) {
+    return React$1.createElement(
+      "span",
+      { className: "-currentPage" },
+      page + 1
+    );
+  }, "renderCurrentPage"),
+  renderTotalPagesCount: /* @__PURE__ */ __name(function renderTotalPagesCount(pages) {
+    return React$1.createElement(
+      "span",
+      { className: "-totalPages" },
+      pages || 1
+    );
+  }, "renderTotalPagesCount"),
+  renderPageSizeOptions: /* @__PURE__ */ __name(function renderPageSizeOptions(_ref2) {
+    var pageSize = _ref2.pageSize, pageSizeOptions = _ref2.pageSizeOptions, rowsSelectorText = _ref2.rowsSelectorText, onPageSizeChange = _ref2.onPageSizeChange, rowsText = _ref2.rowsText;
+    return React$1.createElement(
+      "span",
+      { className: "select-wrap -pageSizeOptions" },
+      React$1.createElement(
+        "select",
+        {
+          "aria-label": rowsSelectorText,
+          onChange: /* @__PURE__ */ __name(function onChange(e2) {
+            return onPageSizeChange(Number(e2.target.value));
+          }, "onChange"),
+          value: pageSize
+        },
+        pageSizeOptions.map(function(option, i) {
+          return (
+            // eslint-disable-next-line react/no-array-index-key
+            React$1.createElement(
+              "option",
+              { key: i, value: option },
+              option + " " + rowsText
+            )
+          );
+        })
+      )
+    );
+  }, "renderPageSizeOptions")
+};
+var _extends$j = Object.assign || function(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i];
+    for (var key in source) {
+      if (Object.prototype.hasOwnProperty.call(source, key)) {
+        target[key] = source[key];
+      }
     }
-  )),
-  renderCurrentPage: (page) => /* @__PURE__ */ React$1.createElement("span", { className: "-currentPage" }, page + 1),
-  renderTotalPagesCount: (pages) => /* @__PURE__ */ React$1.createElement("span", { className: "-totalPages" }, pages || 1),
-  renderPageSizeOptions: ({
-    pageSize,
-    pageSizeOptions,
-    rowsSelectorText,
-    onPageSizeChange,
-    rowsText
-  }) => /* @__PURE__ */ React$1.createElement("span", { className: "select-wrap -pageSizeOptions" }, /* @__PURE__ */ React$1.createElement(
-    "select",
-    {
-      "aria-label": rowsSelectorText,
-      onChange: (e2) => onPageSizeChange(Number(e2.target.value)),
-      value: pageSize
-    },
-    pageSizeOptions.map((option, i) => (
-      // eslint-disable-next-line react/no-array-index-key
-      /* @__PURE__ */ React$1.createElement("option", { key: i, value: option }, `${option} ${rowsText}`)
-    ))
-  ))
-});
-let ReactTablePagination = _ReactTablePagination;
-const emptyObj = /* @__PURE__ */ __name(() => ({}), "emptyObj");
+  }
+  return target;
+};
+function _objectWithoutProperties$5(obj, keys3) {
+  var target = {};
+  for (var i in obj) {
+    if (keys3.indexOf(i) >= 0)
+      continue;
+    if (!Object.prototype.hasOwnProperty.call(obj, i))
+      continue;
+    target[i] = obj[i];
+  }
+  return target;
+}
+__name(_objectWithoutProperties$5, "_objectWithoutProperties$5");
+var emptyObj = /* @__PURE__ */ __name(function emptyObj2() {
+  return {};
+}, "emptyObj");
 const defaultProps$1 = {
   // General
   data: [],
-  resolveData: (data) => data,
+  resolveData: /* @__PURE__ */ __name(function resolveData(data) {
+    return data;
+  }, "resolveData"),
   loading: false,
   showPagination: true,
   showPaginationTop: false,
@@ -24376,12 +24749,12 @@ const defaultProps$1 = {
   defaultResized: [],
   defaultExpanded: {},
   // eslint-disable-next-line no-unused-vars
-  defaultFilterMethod: (filter, row, column) => {
-    const id2 = filter.pivotId || filter.id;
+  defaultFilterMethod: /* @__PURE__ */ __name(function defaultFilterMethod(filter, row, column) {
+    var id2 = filter.pivotId || filter.id;
     return row[id2] !== void 0 ? String(row[id2]).startsWith(filter.value) : true;
-  },
+  }, "defaultFilterMethod"),
   // eslint-disable-next-line no-unused-vars
-  defaultSortMethod: (a2, b2, desc) => {
+  defaultSortMethod: /* @__PURE__ */ __name(function defaultSortMethod(a2, b2, desc) {
     a2 = a2 === null || a2 === void 0 ? "" : a2;
     b2 = b2 === null || b2 === void 0 ? "" : b2;
     a2 = typeof a2 === "string" ? a2.toLowerCase() : a2;
@@ -24393,7 +24766,7 @@ const defaultProps$1 = {
       return -1;
     }
     return 0;
-  },
+  }, "defaultSortMethod"),
   // Controlled State Props
   // page: undefined,
   // pageSize: undefined,
@@ -24420,7 +24793,9 @@ const defaultProps$1 = {
   indexKey: "_index",
   groupedByPivotKey: "_groupedByPivot",
   // Server-side Callbacks
-  onFetchData: () => null,
+  onFetchData: /* @__PURE__ */ __name(function onFetchData() {
+    return null;
+  }, "onFetchData"),
   // Classes
   className: "",
   style: {},
@@ -24508,106 +24883,145 @@ const defaultProps$1 = {
   pageJumpText: "jump to page",
   rowsSelectorText: "rows per page",
   // Components
-  TableComponent: (_e) => {
-    var _f = _e, { children, className } = _f, rest = __objRest(_f, ["children", "className"]);
-    return /* @__PURE__ */ React$1.createElement(
+  TableComponent: /* @__PURE__ */ __name(function TableComponent(_ref) {
+    var children = _ref.children, className = _ref.className, rest = _objectWithoutProperties$5(_ref, ["children", "className"]);
+    return React$1.createElement(
       "div",
-      __spreadValues({
+      _extends$j({
         className: classNames("rt-table", className),
         role: "grid"
+        // tabIndex='0'
       }, rest),
       children
     );
-  },
+  }, "TableComponent"),
   TheadComponent: _.makeTemplateComponent("rt-thead", "Thead"),
   TbodyComponent: _.makeTemplateComponent("rt-tbody", "Tbody"),
-  TrGroupComponent: (_g) => {
-    var _h = _g, { children, className } = _h, rest = __objRest(_h, ["children", "className"]);
-    return /* @__PURE__ */ React$1.createElement("div", __spreadValues({ className: classNames("rt-tr-group", className), role: "rowgroup" }, rest), children);
-  },
-  TrComponent: (_i) => {
-    var _j = _i, { children, className } = _j, rest = __objRest(_j, ["children", "className"]);
-    return /* @__PURE__ */ React$1.createElement("div", __spreadValues({ className: classNames("rt-tr", className), role: "row" }, rest), children);
-  },
-  ThComponent: (_k) => {
-    var _l = _k, {
-      toggleSort,
-      className,
+  TrGroupComponent: /* @__PURE__ */ __name(function TrGroupComponent(_ref2) {
+    var children = _ref2.children, className = _ref2.className, rest = _objectWithoutProperties$5(_ref2, ["children", "className"]);
+    return React$1.createElement(
+      "div",
+      _extends$j({ className: classNames("rt-tr-group", className), role: "rowgroup" }, rest),
       children
-    } = _l, rest = __objRest(_l, [
-      "toggleSort",
-      "className",
-      "children"
-    ]);
+    );
+  }, "TrGroupComponent"),
+  TrComponent: /* @__PURE__ */ __name(function TrComponent(_ref3) {
+    var children = _ref3.children, className = _ref3.className, rest = _objectWithoutProperties$5(_ref3, ["children", "className"]);
+    return React$1.createElement(
+      "div",
+      _extends$j({ className: classNames("rt-tr", className), role: "row" }, rest),
+      children
+    );
+  }, "TrComponent"),
+  ThComponent: /* @__PURE__ */ __name(function ThComponent(_ref4) {
+    var toggleSort = _ref4.toggleSort, className = _ref4.className, children = _ref4.children, rest = _objectWithoutProperties$5(_ref4, ["toggleSort", "className", "children"]);
     return (
       // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-      /* @__PURE__ */ React$1.createElement(
+      React$1.createElement(
         "div",
-        __spreadValues({
+        _extends$j({
           className: classNames("rt-th", className),
-          onClick: (e2) => toggleSort && toggleSort(e2),
+          onClick: /* @__PURE__ */ __name(function onClick(e2) {
+            return toggleSort && toggleSort(e2);
+          }, "onClick"),
           role: "columnheader",
           tabIndex: "-1"
+          // Resolves eslint issues without implementing keyboard navigation incorrectly
         }, rest),
         children
       )
     );
-  },
-  TdComponent: (_m) => {
-    var _n = _m, {
-      toggleSort,
-      className,
+  }, "ThComponent"),
+  TdComponent: /* @__PURE__ */ __name(function TdComponent(_ref5) {
+    _ref5.toggleSort;
+    var className = _ref5.className, children = _ref5.children, rest = _objectWithoutProperties$5(_ref5, ["toggleSort", "className", "children"]);
+    return React$1.createElement(
+      "div",
+      _extends$j({ className: classNames("rt-td", className), role: "gridcell" }, rest),
       children
-    } = _n, rest = __objRest(_n, [
-      "toggleSort",
-      "className",
-      "children"
-    ]);
-    return /* @__PURE__ */ React$1.createElement("div", __spreadValues({ className: classNames("rt-td", className), role: "gridcell" }, rest), children);
-  },
+    );
+  }, "TdComponent"),
   TfootComponent: _.makeTemplateComponent("rt-tfoot", "Tfoot"),
-  FilterComponent: ({ filter, onChange, column }) => /* @__PURE__ */ React$1.createElement(
-    "input",
-    {
+  FilterComponent: /* @__PURE__ */ __name(function FilterComponent(_ref6) {
+    var filter = _ref6.filter, _onChange = _ref6.onChange, column = _ref6.column;
+    return React$1.createElement("input", {
       type: "text",
       style: {
         width: "100%"
       },
       placeholder: column.Placeholder,
       value: filter ? filter.value : "",
-      onChange: (event) => onChange(event.target.value)
-    }
-  ),
-  ExpanderComponent: ({ isExpanded }) => /* @__PURE__ */ React$1.createElement("div", { className: classNames("rt-expander", isExpanded && "-open") }, "•"),
-  PivotValueComponent: ({ subRows, value }) => /* @__PURE__ */ React$1.createElement("span", null, value, " ", subRows && `(${subRows.length})`),
-  AggregatedComponent: ({ subRows, column }) => {
-    const previewValues = subRows.filter((d2) => typeof d2[column.id] !== "undefined").map((row, i) => (
-      // eslint-disable-next-line react/no-array-index-key
-      /* @__PURE__ */ React$1.createElement("span", { key: i }, row[column.id], i < subRows.length - 1 ? ", " : "")
-    ));
-    return /* @__PURE__ */ React$1.createElement("span", null, previewValues);
-  },
+      onChange: /* @__PURE__ */ __name(function onChange(event) {
+        return _onChange(event.target.value);
+      }, "onChange")
+    });
+  }, "FilterComponent"),
+  ExpanderComponent: /* @__PURE__ */ __name(function ExpanderComponent(_ref7) {
+    var isExpanded = _ref7.isExpanded;
+    return React$1.createElement(
+      "div",
+      { className: classNames("rt-expander", isExpanded && "-open") },
+      "•"
+    );
+  }, "ExpanderComponent"),
+  PivotValueComponent: /* @__PURE__ */ __name(function PivotValueComponent(_ref8) {
+    var subRows = _ref8.subRows, value = _ref8.value;
+    return React$1.createElement(
+      "span",
+      null,
+      value,
+      " ",
+      subRows && "(" + subRows.length + ")"
+    );
+  }, "PivotValueComponent"),
+  AggregatedComponent: /* @__PURE__ */ __name(function AggregatedComponent(_ref9) {
+    var subRows = _ref9.subRows, column = _ref9.column;
+    var previewValues = subRows.filter(function(d2) {
+      return typeof d2[column.id] !== "undefined";
+    }).map(function(row, i) {
+      return (
+        // eslint-disable-next-line react/no-array-index-key
+        React$1.createElement(
+          "span",
+          { key: i },
+          row[column.id],
+          i < subRows.length - 1 ? ", " : ""
+        )
+      );
+    });
+    return React$1.createElement(
+      "span",
+      null,
+      previewValues
+    );
+  }, "AggregatedComponent"),
   PivotComponent: void 0,
   // this is a computed default generated using
   // the ExpanderComponent and PivotValueComponent at run-time in methods.js
   PaginationComponent: ReactTablePagination,
   PreviousComponent: void 0,
   NextComponent: void 0,
-  LoadingComponent: (_o) => {
-    var _p = _o, {
-      className,
-      loading,
-      loadingText
-    } = _p, rest = __objRest(_p, [
-      "className",
-      "loading",
-      "loadingText"
-    ]);
-    return /* @__PURE__ */ React$1.createElement("div", __spreadValues({ className: classNames("-loading", { "-active": loading }, className) }, rest), /* @__PURE__ */ React$1.createElement("div", { className: "-loading-inner" }, loadingText));
-  },
+  LoadingComponent: /* @__PURE__ */ __name(function LoadingComponent(_ref10) {
+    var className = _ref10.className, loading = _ref10.loading, loadingText = _ref10.loadingText, rest = _objectWithoutProperties$5(_ref10, ["className", "loading", "loadingText"]);
+    return React$1.createElement(
+      "div",
+      _extends$j({ className: classNames("-loading", { "-active": loading }, className) }, rest),
+      React$1.createElement(
+        "div",
+        { className: "-loading-inner" },
+        loadingText
+      )
+    );
+  }, "LoadingComponent"),
   NoDataComponent: _.makeTemplateComponent("rt-noData", "NoData"),
   ResizerComponent: _.makeTemplateComponent("rt-resizer", "Resizer"),
-  PadRowComponent: () => /* @__PURE__ */ React$1.createElement("span", null, " ")
+  PadRowComponent: /* @__PURE__ */ __name(function PadRowComponent() {
+    return React$1.createElement(
+      "span",
+      null,
+      " "
+    );
+  }, "PadRowComponent")
 };
 const propTypes = {
   // General
@@ -24681,46 +25095,44 @@ const propTypes = {
   getNoDataProps: PropTypes$1.func,
   getResizerProps: PropTypes$1.func,
   // Global Column Defaults
-  columns: PropTypes$1.arrayOf(
-    PropTypes$1.shape({
-      // Renderers
-      Cell: PropTypes$1.oneOfType([PropTypes$1.element, PropTypes$1.string, PropTypes$1.func]),
-      Header: PropTypes$1.oneOfType([PropTypes$1.element, PropTypes$1.string, PropTypes$1.func]),
-      Footer: PropTypes$1.oneOfType([PropTypes$1.element, PropTypes$1.string, PropTypes$1.func]),
-      Aggregated: PropTypes$1.oneOfType([PropTypes$1.element, PropTypes$1.string, PropTypes$1.func]),
-      Pivot: PropTypes$1.oneOfType([PropTypes$1.element, PropTypes$1.string, PropTypes$1.func]),
-      PivotValue: PropTypes$1.oneOfType([PropTypes$1.element, PropTypes$1.string, PropTypes$1.func]),
-      Expander: PropTypes$1.oneOfType([PropTypes$1.element, PropTypes$1.string, PropTypes$1.func]),
-      Filter: PropTypes$1.oneOfType([PropTypes$1.element, PropTypes$1.func]),
-      // All Columns
-      sortable: PropTypes$1.bool,
-      // use table default
-      resizable: PropTypes$1.bool,
-      // use table default
-      filterable: PropTypes$1.bool,
-      // use table default
-      show: PropTypes$1.bool,
-      minWidth: PropTypes$1.number,
-      minResizeWidth: PropTypes$1.number,
-      // Cells only
-      className: PropTypes$1.string,
-      style: PropTypes$1.object,
-      getProps: PropTypes$1.func,
-      // Pivot only
-      aggregate: PropTypes$1.func,
-      // Headers only
-      headerClassName: PropTypes$1.string,
-      headerStyle: PropTypes$1.object,
-      getHeaderProps: PropTypes$1.func,
-      // Footers only
-      footerClassName: PropTypes$1.string,
-      footerStyle: PropTypes$1.object,
-      getFooterProps: PropTypes$1.func,
-      filterMethod: PropTypes$1.func,
-      filterAll: PropTypes$1.bool,
-      sortMethod: PropTypes$1.func
-    })
-  ),
+  columns: PropTypes$1.arrayOf(PropTypes$1.shape({
+    // Renderers
+    Cell: PropTypes$1.oneOfType([PropTypes$1.element, PropTypes$1.string, PropTypes$1.func]),
+    Header: PropTypes$1.oneOfType([PropTypes$1.element, PropTypes$1.string, PropTypes$1.func]),
+    Footer: PropTypes$1.oneOfType([PropTypes$1.element, PropTypes$1.string, PropTypes$1.func]),
+    Aggregated: PropTypes$1.oneOfType([PropTypes$1.element, PropTypes$1.string, PropTypes$1.func]),
+    Pivot: PropTypes$1.oneOfType([PropTypes$1.element, PropTypes$1.string, PropTypes$1.func]),
+    PivotValue: PropTypes$1.oneOfType([PropTypes$1.element, PropTypes$1.string, PropTypes$1.func]),
+    Expander: PropTypes$1.oneOfType([PropTypes$1.element, PropTypes$1.string, PropTypes$1.func]),
+    Filter: PropTypes$1.oneOfType([PropTypes$1.element, PropTypes$1.func]),
+    // All Columns
+    sortable: PropTypes$1.bool,
+    // use table default
+    resizable: PropTypes$1.bool,
+    // use table default
+    filterable: PropTypes$1.bool,
+    // use table default
+    show: PropTypes$1.bool,
+    minWidth: PropTypes$1.number,
+    minResizeWidth: PropTypes$1.number,
+    // Cells only
+    className: PropTypes$1.string,
+    style: PropTypes$1.object,
+    getProps: PropTypes$1.func,
+    // Pivot only
+    aggregate: PropTypes$1.func,
+    // Headers only
+    headerClassName: PropTypes$1.string,
+    headerStyle: PropTypes$1.object,
+    getHeaderProps: PropTypes$1.func,
+    // Footers only
+    footerClassName: PropTypes$1.string,
+    footerStyle: PropTypes$1.object,
+    getFooterProps: PropTypes$1.func,
+    filterMethod: PropTypes$1.func,
+    filterAll: PropTypes$1.bool,
+    sortMethod: PropTypes$1.func
+  })),
   // Global Expander Column Defaults
   expanderDefaults: PropTypes$1.shape({
     sortable: PropTypes$1.bool,
@@ -24763,48 +25175,122 @@ const propTypes = {
   ResizerComponent: PropTypes$1.elementType,
   PadRowComponent: PropTypes$1.elementType
 };
-const itemSizeEstimator = /* @__PURE__ */ __name(() => 41.36, "itemSizeEstimator");
-const ReactTableDefaults = defaultProps$1;
-const _ReactTable = class _ReactTable extends Methods(Lifecycle(React$1.Component)) {
-  constructor(props) {
-    super();
-    this.getResolvedState = this.getResolvedState.bind(this);
-    this.getDataModel = this.getDataModel.bind(this);
-    this.getSortedData = this.getSortedData.bind(this);
-    this.fireFetchData = this.fireFetchData.bind(this);
-    this.getPropOrState = this.getPropOrState.bind(this);
-    this.getStateOrProp = this.getStateOrProp.bind(this);
-    this.filterData = this.filterData.bind(this);
-    this.sortData = this.sortData.bind(this);
-    this.getMinRows = this.getMinRows.bind(this);
-    this.onPageChange = this.onPageChange.bind(this);
-    this.onPageSizeChange = this.onPageSizeChange.bind(this);
-    this.sortColumn = this.sortColumn.bind(this);
-    this.filterColumn = this.filterColumn.bind(this);
-    this.resizeColumnStart = this.resizeColumnStart.bind(this);
-    this.resizeColumnEnd = this.resizeColumnEnd.bind(this);
-    this.resizeColumnMoving = this.resizeColumnMoving.bind(this);
-    setTimeout(() => {
+var _slicedToArray$3 = function() {
+  function sliceIterator(arr, i) {
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = void 0;
+    try {
+      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+        if (i && _arr.length === i)
+          break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
       try {
-        const newResized = this.props.defaultResized || [];
-        this.tableRef.querySelectorAll(".tg-react-table-column-header").forEach((th) => {
-          const { width } = th.parentNode.parentNode.getBoundingClientRect();
-          const id2 = th.getAttribute("data-path");
-          if (!newResized.find((x2) => x2.id === id2)) {
-            newResized.push({
-              id: id2,
-              value: width
-            });
-          }
-        });
-        this.setState({
-          resized: newResized
-        });
-      } catch (e2) {
-        console.warn("TNW: Error setting initial table column widths (please contact @tnrich if you see this error. thanks!):", e2);
+        if (!_n && _i["return"])
+          _i["return"]();
+      } finally {
+        if (_d)
+          throw _e;
       }
-    }, 0);
-    this.state = {
+    }
+    return _arr;
+  }
+  __name(sliceIterator, "sliceIterator");
+  return function(arr, i) {
+    if (Array.isArray(arr)) {
+      return arr;
+    } else if (Symbol.iterator in Object(arr)) {
+      return sliceIterator(arr, i);
+    } else {
+      throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    }
+  };
+}();
+var _extends$i = Object.assign || function(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i];
+    for (var key in source) {
+      if (Object.prototype.hasOwnProperty.call(source, key)) {
+        target[key] = source[key];
+      }
+    }
+  }
+  return target;
+};
+var _createClass$9 = function() {
+  function defineProperties2(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor2 = props[i];
+      descriptor2.enumerable = descriptor2.enumerable || false;
+      descriptor2.configurable = true;
+      if ("value" in descriptor2)
+        descriptor2.writable = true;
+      Object.defineProperty(target, descriptor2.key, descriptor2);
+    }
+  }
+  __name(defineProperties2, "defineProperties");
+  return function(Constructor, protoProps, staticProps) {
+    if (protoProps)
+      defineProperties2(Constructor.prototype, protoProps);
+    if (staticProps)
+      defineProperties2(Constructor, staticProps);
+    return Constructor;
+  };
+}();
+function _classCallCheck$e(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+__name(_classCallCheck$e, "_classCallCheck$e");
+function _possibleConstructorReturn$e(self2, call2) {
+  if (!self2) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+  return call2 && (typeof call2 === "object" || typeof call2 === "function") ? call2 : self2;
+}
+__name(_possibleConstructorReturn$e, "_possibleConstructorReturn$e");
+function _inherits$e(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } });
+  if (superClass)
+    Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+}
+__name(_inherits$e, "_inherits$e");
+var itemSizeEstimator = /* @__PURE__ */ __name(function itemSizeEstimator2() {
+  return 41.36;
+}, "itemSizeEstimator");
+var ReactTableDefaults = defaultProps$1;
+var ReactTable = function(_Methods) {
+  _inherits$e(ReactTable2, _Methods);
+  function ReactTable2(props) {
+    _classCallCheck$e(this, ReactTable2);
+    var _this = _possibleConstructorReturn$e(this, (ReactTable2.__proto__ || Object.getPrototypeOf(ReactTable2)).call(this));
+    _this.getResolvedState = _this.getResolvedState.bind(_this);
+    _this.getDataModel = _this.getDataModel.bind(_this);
+    _this.getSortedData = _this.getSortedData.bind(_this);
+    _this.fireFetchData = _this.fireFetchData.bind(_this);
+    _this.getPropOrState = _this.getPropOrState.bind(_this);
+    _this.getStateOrProp = _this.getStateOrProp.bind(_this);
+    _this.filterData = _this.filterData.bind(_this);
+    _this.sortData = _this.sortData.bind(_this);
+    _this.getMinRows = _this.getMinRows.bind(_this);
+    _this.onPageChange = _this.onPageChange.bind(_this);
+    _this.onPageSizeChange = _this.onPageSizeChange.bind(_this);
+    _this.sortColumn = _this.sortColumn.bind(_this);
+    _this.filterColumn = _this.filterColumn.bind(_this);
+    _this.resizeColumnStart = _this.resizeColumnStart.bind(_this);
+    _this.resizeColumnEnd = _this.resizeColumnEnd.bind(_this);
+    _this.resizeColumnMoving = _this.resizeColumnMoving.bind(_this);
+    _this.state = {
       page: props.defaultPage,
       pageSize: props.defaultPageSize,
       sorted: props.defaultSorted,
@@ -24814,673 +25300,588 @@ const _ReactTable = class _ReactTable extends Methods(Lifecycle(React$1.Componen
       currentlyResizing: false,
       skipNextSort: false
     };
+    return _this;
   }
-  render() {
-    const resolvedState = this.getResolvedState();
-    const {
-      children,
-      className,
-      style: style2,
-      getProps,
-      getTableProps,
-      getTheadGroupProps,
-      getTheadGroupTrProps,
-      getTheadGroupThProps,
-      getTheadProps,
-      getTheadTrProps,
-      getTheadThProps,
-      getTheadFilterProps,
-      getTheadFilterTrProps,
-      getTheadFilterThProps,
-      getTbodyProps,
-      getTrGroupProps,
-      getTrProps,
-      getTdProps,
-      getTfootProps,
-      getTfootTrProps,
-      getTfootTdProps,
-      getPaginationProps,
-      getLoadingProps,
-      getNoDataProps,
-      getResizerProps,
-      showPagination,
-      showPaginationTop,
-      showPaginationBottom,
-      manual,
-      loadingText,
-      noDataText,
-      sortable,
-      multiSort,
-      resizable,
-      filterable,
-      // Pivoting State
-      pivotIDKey,
-      pivotValKey,
-      pivotBy,
-      subRowsKey,
-      aggregatedKey,
-      originalKey,
-      indexKey,
-      groupedByPivotKey,
-      // State
-      loading,
-      pageSize,
-      page,
-      sorted,
-      filtered,
-      resized,
-      expanded,
-      pages,
-      onExpandedChange,
-      // Components
-      TableComponent,
-      TheadComponent,
-      TbodyComponent,
-      additionalBodyEl,
-      TrGroupComponent,
-      TrComponent,
-      ThComponent,
-      TdComponent,
-      TfootComponent,
-      PaginationComponent,
-      LoadingComponent: LoadingComponent2,
-      SubComponent,
-      NoDataComponent,
-      ResizerComponent,
-      ExpanderComponent,
-      PivotValueComponent,
-      PivotComponent,
-      AggregatedComponent,
-      FilterComponent,
-      PadRowComponent,
-      // Data model
-      resolvedData,
-      allVisibleColumns,
-      headerGroups,
-      hasHeaderGroups,
-      // Sorted Data
-      sortedData,
-      currentlyResizing
-    } = resolvedState;
-    const startRow = pageSize * page;
-    const endRow = startRow + pageSize;
-    let pageRows = manual ? resolvedData : sortedData.slice(startRow, endRow);
-    const minRows = this.getMinRows();
-    const padRows = _.range(Math.max(minRows - pageRows.length, 0));
-    const hasColumnFooter = allVisibleColumns.some((d2) => d2.Footer);
-    const hasFilters = filterable || allVisibleColumns.some((d2) => d2.filterable);
-    const recurseRowsViewIndex = /* @__PURE__ */ __name((rows, path2 = [], index2 = -1) => [
-      rows.map((row, i) => {
-        index2 += 1;
-        const rowWithViewIndex = __spreadProps(__spreadValues({}, row), {
-          _viewIndex: index2
-        });
-        const newPath = path2.concat([i]);
-        if (rowWithViewIndex[subRowsKey] && _.get(expanded, newPath)) {
-          [rowWithViewIndex[subRowsKey], index2] = recurseRowsViewIndex(
-            rowWithViewIndex[subRowsKey],
-            newPath,
-            index2
-          );
-        }
-        return rowWithViewIndex;
-      }),
-      index2
-    ], "recurseRowsViewIndex");
-    [pageRows] = recurseRowsViewIndex(pageRows);
-    const canPrevious = page > 0;
-    const canNext = page + 1 < pages;
-    const rowMinWidth = _.sum(
-      allVisibleColumns.map((d2) => {
-        const resizedColumn = resized.find((x2) => x2.id === d2.id) || {};
+  __name(ReactTable2, "ReactTable");
+  _createClass$9(ReactTable2, [{
+    key: "render",
+    value: /* @__PURE__ */ __name(function render3() {
+      var _this2 = this;
+      var resolvedState = this.getResolvedState();
+      var children = resolvedState.children, className = resolvedState.className, style2 = resolvedState.style, getProps = resolvedState.getProps, getTableProps = resolvedState.getTableProps, getTheadGroupProps = resolvedState.getTheadGroupProps, getTheadGroupTrProps = resolvedState.getTheadGroupTrProps, getTheadGroupThProps = resolvedState.getTheadGroupThProps, getTheadProps = resolvedState.getTheadProps, getTheadTrProps = resolvedState.getTheadTrProps, getTheadThProps = resolvedState.getTheadThProps, getTheadFilterProps = resolvedState.getTheadFilterProps, getTheadFilterTrProps = resolvedState.getTheadFilterTrProps, getTheadFilterThProps = resolvedState.getTheadFilterThProps, getTbodyProps = resolvedState.getTbodyProps, getTrGroupProps = resolvedState.getTrGroupProps, getTrProps = resolvedState.getTrProps, getTdProps = resolvedState.getTdProps, getTfootProps = resolvedState.getTfootProps, getTfootTrProps = resolvedState.getTfootTrProps, getTfootTdProps = resolvedState.getTfootTdProps, getPaginationProps = resolvedState.getPaginationProps, getLoadingProps = resolvedState.getLoadingProps, getNoDataProps = resolvedState.getNoDataProps, getResizerProps = resolvedState.getResizerProps, showPagination = resolvedState.showPagination, showPaginationTop = resolvedState.showPaginationTop, showPaginationBottom = resolvedState.showPaginationBottom, manual = resolvedState.manual, loadingText = resolvedState.loadingText, noDataText = resolvedState.noDataText, sortable = resolvedState.sortable, multiSort = resolvedState.multiSort, resizable = resolvedState.resizable, filterable = resolvedState.filterable, pivotIDKey = resolvedState.pivotIDKey, pivotValKey = resolvedState.pivotValKey, pivotBy = resolvedState.pivotBy, subRowsKey = resolvedState.subRowsKey, aggregatedKey = resolvedState.aggregatedKey, originalKey = resolvedState.originalKey, indexKey = resolvedState.indexKey, groupedByPivotKey = resolvedState.groupedByPivotKey, loading = resolvedState.loading, pageSize = resolvedState.pageSize, page = resolvedState.page, sorted = resolvedState.sorted, filtered = resolvedState.filtered, resized = resolvedState.resized, expanded = resolvedState.expanded, pages = resolvedState.pages, onExpandedChange = resolvedState.onExpandedChange, TableComponent2 = resolvedState.TableComponent, TheadComponent = resolvedState.TheadComponent, TbodyComponent = resolvedState.TbodyComponent, additionalBodyEl = resolvedState.additionalBodyEl, TrGroupComponent2 = resolvedState.TrGroupComponent, TrComponent2 = resolvedState.TrComponent, ThComponent2 = resolvedState.ThComponent, TdComponent2 = resolvedState.TdComponent, TfootComponent = resolvedState.TfootComponent, PaginationComponent = resolvedState.PaginationComponent, LoadingComponent3 = resolvedState.LoadingComponent, SubComponent = resolvedState.SubComponent, NoDataComponent = resolvedState.NoDataComponent, ResizerComponent = resolvedState.ResizerComponent, ExpanderComponent2 = resolvedState.ExpanderComponent, PivotValueComponent2 = resolvedState.PivotValueComponent, PivotComponent = resolvedState.PivotComponent, AggregatedComponent2 = resolvedState.AggregatedComponent, FilterComponent2 = resolvedState.FilterComponent, PadRowComponent2 = resolvedState.PadRowComponent, resolvedData = resolvedState.resolvedData, allVisibleColumns = resolvedState.allVisibleColumns, headerGroups = resolvedState.headerGroups, hasHeaderGroups = resolvedState.hasHeaderGroups, sortedData = resolvedState.sortedData, currentlyResizing = resolvedState.currentlyResizing;
+      var startRow = pageSize * page;
+      var endRow = startRow + pageSize;
+      var pageRows = manual ? resolvedData : sortedData.slice(startRow, endRow);
+      var minRows = this.getMinRows();
+      var padRows = _.range(Math.max(minRows - pageRows.length, 0));
+      var hasColumnFooter = allVisibleColumns.some(function(d2) {
+        return d2.Footer;
+      });
+      var hasFilters = filterable || allVisibleColumns.some(function(d2) {
+        return d2.filterable;
+      });
+      var recurseRowsViewIndex = /* @__PURE__ */ __name(function recurseRowsViewIndex2(rows) {
+        var path2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+        var index2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : -1;
+        return [rows.map(function(row, i) {
+          index2 += 1;
+          var rowWithViewIndex = _extends$i({}, row, {
+            _viewIndex: index2
+          });
+          var newPath = path2.concat([i]);
+          if (rowWithViewIndex[subRowsKey] && _.get(expanded, newPath)) {
+            var _recurseRowsViewIndex = recurseRowsViewIndex2(rowWithViewIndex[subRowsKey], newPath, index2);
+            var _recurseRowsViewIndex2 = _slicedToArray$3(_recurseRowsViewIndex, 2);
+            rowWithViewIndex[subRowsKey] = _recurseRowsViewIndex2[0];
+            index2 = _recurseRowsViewIndex2[1];
+          }
+          return rowWithViewIndex;
+        }), index2];
+      }, "recurseRowsViewIndex");
+      var _recurseRowsViewIndex3 = recurseRowsViewIndex(pageRows);
+      var _recurseRowsViewIndex4 = _slicedToArray$3(_recurseRowsViewIndex3, 1);
+      pageRows = _recurseRowsViewIndex4[0];
+      var canPrevious = page > 0;
+      var canNext = page + 1 < pages;
+      var rowMinWidth = _.sum(allVisibleColumns.map(function(d2) {
+        var resizedColumn = resized.find(function(x2) {
+          return x2.id === d2.id;
+        }) || {};
         return _.getFirstDefined(resizedColumn.value, d2.width, d2.minWidth);
-      })
-    );
-    let rowIndex = -1;
-    const finalState = __spreadProps(__spreadValues({}, resolvedState), {
-      startRow,
-      endRow,
-      pageRows,
-      minRows,
-      padRows,
-      hasColumnFooter,
-      canPrevious,
-      canNext,
-      rowMinWidth
-    });
-    const rootProps = _.splitProps(getProps(finalState, void 0, void 0, this));
-    const tableProps = _.splitProps(getTableProps(finalState, void 0, void 0, this));
-    const tBodyProps = _.splitProps(getTbodyProps(finalState, void 0, void 0, this));
-    const loadingProps = getLoadingProps(finalState, void 0, void 0, this);
-    const noDataProps = getNoDataProps(finalState, void 0, void 0, this);
-    const makeHeaderGroup = /* @__PURE__ */ __name((column, i) => {
-      const resizedValue = /* @__PURE__ */ __name((col) => (resized.find((x2) => x2.id === col.id) || {}).value, "resizedValue");
-      const flex2 = _.sum(
-        column.columns.map((col) => col.width || resizedValue(col) ? 0 : col.minWidth)
-      );
-      const width = _.sum(
-        column.columns.map((col) => _.getFirstDefined(resizedValue(col), col.width, col.minWidth))
-      );
-      const maxWidth = _.sum(
-        column.columns.map((col) => _.getFirstDefined(resizedValue(col), col.width, col.maxWidth))
-      );
-      const theadGroupThProps = _.splitProps(
-        getTheadGroupThProps(finalState, void 0, column, this)
-      );
-      const columnHeaderProps = _.splitProps(
-        column.getHeaderProps(finalState, void 0, column, this)
-      );
-      const classes = [
-        column.headerClassName,
-        theadGroupThProps.className,
-        columnHeaderProps.className
-      ];
-      const styles2 = __spreadValues(__spreadValues(__spreadValues({}, column.headerStyle), theadGroupThProps.style), columnHeaderProps.style);
-      const rest = __spreadValues(__spreadValues({}, theadGroupThProps.rest), columnHeaderProps.rest);
-      const flexStyles = {
-        flex: `${flex2} 0 auto`,
-        width: _.asPx(width),
-        maxWidth: _.asPx(maxWidth)
-      };
-      return /* @__PURE__ */ React$1.createElement(
-        ThComponent,
-        __spreadValues({
-          key: `${i}-${column.id}`,
-          className: classNames(classes),
-          style: __spreadValues(__spreadValues({}, styles2), flexStyles)
-        }, rest),
-        _.normalizeComponent(column.Header, {
-          data: sortedData,
-          column
-        })
-      );
-    }, "makeHeaderGroup");
-    const makeHeaderGroups = /* @__PURE__ */ __name(() => {
-      const theadGroupProps = _.splitProps(
-        getTheadGroupProps(finalState, void 0, void 0, this)
-      );
-      const theadGroupTrProps = _.splitProps(
-        getTheadGroupTrProps(finalState, void 0, void 0, this)
-      );
-      return /* @__PURE__ */ React$1.createElement(
-        TheadComponent,
-        __spreadValues({
-          className: classNames("-headerGroups", theadGroupProps.className),
-          style: __spreadProps(__spreadValues({}, theadGroupProps.style), {
-            minWidth: `${rowMinWidth}px`
+      }));
+      var rowIndex = -1;
+      var finalState = _extends$i({}, resolvedState, {
+        startRow,
+        endRow,
+        pageRows,
+        minRows,
+        padRows,
+        hasColumnFooter,
+        canPrevious,
+        canNext,
+        rowMinWidth
+      });
+      var rootProps = _.splitProps(getProps(finalState, void 0, void 0, this));
+      var tableProps = _.splitProps(getTableProps(finalState, void 0, void 0, this));
+      var tBodyProps = _.splitProps(getTbodyProps(finalState, void 0, void 0, this));
+      var loadingProps = getLoadingProps(finalState, void 0, void 0, this);
+      var noDataProps = getNoDataProps(finalState, void 0, void 0, this);
+      var makeHeaderGroup = /* @__PURE__ */ __name(function makeHeaderGroup2(column, i) {
+        var resizedValue = /* @__PURE__ */ __name(function resizedValue2(col) {
+          return (resized.find(function(x2) {
+            return x2.id === col.id;
+          }) || {}).value;
+        }, "resizedValue");
+        var flex2 = _.sum(column.columns.map(function(col) {
+          return col.width || resizedValue(col) ? 0 : col.minWidth;
+        }));
+        var width = _.sum(column.columns.map(function(col) {
+          return _.getFirstDefined(resizedValue(col), col.width, col.minWidth);
+        }));
+        var maxWidth = _.sum(column.columns.map(function(col) {
+          return _.getFirstDefined(resizedValue(col), col.width, col.maxWidth);
+        }));
+        var theadGroupThProps = _.splitProps(getTheadGroupThProps(finalState, void 0, column, _this2));
+        var columnHeaderProps = _.splitProps(column.getHeaderProps(finalState, void 0, column, _this2));
+        var classes = [column.headerClassName, theadGroupThProps.className, columnHeaderProps.className];
+        var styles2 = _extends$i({}, column.headerStyle, theadGroupThProps.style, columnHeaderProps.style);
+        var rest = _extends$i({}, theadGroupThProps.rest, columnHeaderProps.rest);
+        var flexStyles = {
+          flex: flex2 + " 0 auto",
+          width: _.asPx(width),
+          maxWidth: _.asPx(maxWidth)
+        };
+        return React$1.createElement(
+          ThComponent2,
+          _extends$i({
+            key: i + "-" + column.id,
+            className: classNames(classes),
+            style: _extends$i({}, styles2, flexStyles)
+          }, rest),
+          _.normalizeComponent(column.Header, {
+            data: sortedData,
+            column
           })
-        }, theadGroupProps.rest),
-        /* @__PURE__ */ React$1.createElement(
-          TrComponent,
-          __spreadValues({
-            className: theadGroupTrProps.className,
-            style: theadGroupTrProps.style
-          }, theadGroupTrProps.rest),
-          headerGroups.map(makeHeaderGroup)
-        )
-      );
-    }, "makeHeaderGroups");
-    const makeHeader = /* @__PURE__ */ __name((column, i) => {
-      const resizedCol = resized.find((x2) => x2.id === column.id) || {};
-      const sort2 = sorted.find((d2) => d2.id === column.id);
-      const show = typeof column.show === "function" ? column.show() : column.show;
-      const width = _.getFirstDefined(resizedCol.value, column.width, column.minWidth);
-      const maxWidth = _.getFirstDefined(resizedCol.value, column.width, column.maxWidth);
-      const theadThProps = _.splitProps(getTheadThProps(finalState, void 0, column, this));
-      const columnHeaderProps = _.splitProps(
-        column.getHeaderProps(finalState, void 0, column, this)
-      );
-      const classes = [column.headerClassName, theadThProps.className, columnHeaderProps.className];
-      const styles2 = __spreadValues(__spreadValues(__spreadValues({}, column.headerStyle), theadThProps.style), columnHeaderProps.style);
-      const rest = __spreadValues(__spreadValues({}, theadThProps.rest), columnHeaderProps.rest);
-      const isResizable = _.getFirstDefined(column.resizable, resizable, false);
-      const resizer = isResizable ? /* @__PURE__ */ React$1.createElement(
-        ResizerComponent,
-        __spreadValues({
-          onMouseDown: (e2) => this.resizeColumnStart(e2, column, false),
-          onTouchStart: (e2) => this.resizeColumnStart(e2, column, true)
-        }, getResizerProps("finalState", void 0, column, this))
-      ) : null;
-      const isSortable = _.getFirstDefined(column.sortable, sortable, false);
-      return /* @__PURE__ */ React$1.createElement(
-        ThComponent,
-        __spreadValues({
-          key: `${i}-${column.id}`,
-          className: classNames(
-            classes,
-            isResizable && "rt-resizable-header",
-            sort2 ? sort2.desc ? "-sort-desc" : "-sort-asc" : "",
-            isSortable && "-cursor-pointer",
-            !show && "-hidden",
-            pivotBy && pivotBy.slice(0, -1).includes(column.id) && "rt-header-pivot"
+        );
+      }, "makeHeaderGroup");
+      var makeHeaderGroups = /* @__PURE__ */ __name(function makeHeaderGroups2() {
+        var theadGroupProps = _.splitProps(getTheadGroupProps(finalState, void 0, void 0, _this2));
+        var theadGroupTrProps = _.splitProps(getTheadGroupTrProps(finalState, void 0, void 0, _this2));
+        return React$1.createElement(
+          TheadComponent,
+          _extends$i({
+            className: classNames("-headerGroups", theadGroupProps.className),
+            style: _extends$i({}, theadGroupProps.style, {
+              minWidth: rowMinWidth + "px"
+            })
+          }, theadGroupProps.rest),
+          React$1.createElement(
+            TrComponent2,
+            _extends$i({
+              className: theadGroupTrProps.className,
+              style: theadGroupTrProps.style
+            }, theadGroupTrProps.rest),
+            headerGroups.map(makeHeaderGroup)
+          )
+        );
+      }, "makeHeaderGroups");
+      var makeHeader = /* @__PURE__ */ __name(function makeHeader2(column, i) {
+        var resizedCol = resized.find(function(x2) {
+          return x2.id === column.id;
+        }) || {};
+        var sort2 = sorted.find(function(d2) {
+          return d2.id === column.id;
+        });
+        var show = typeof column.show === "function" ? column.show() : column.show;
+        var width = _.getFirstDefined(resizedCol.value, column.width, column.minWidth);
+        var maxWidth = _.getFirstDefined(resizedCol.value, column.width, column.maxWidth);
+        var theadThProps = _.splitProps(getTheadThProps(finalState, void 0, column, _this2));
+        var columnHeaderProps = _.splitProps(column.getHeaderProps(finalState, void 0, column, _this2));
+        var classes = [column.headerClassName, theadThProps.className, columnHeaderProps.className];
+        var styles2 = _extends$i({}, column.headerStyle, theadThProps.style, columnHeaderProps.style);
+        var rest = _extends$i({}, theadThProps.rest, columnHeaderProps.rest);
+        var isResizable = _.getFirstDefined(column.resizable, resizable, false);
+        var resizer = isResizable ? React$1.createElement(ResizerComponent, _extends$i({
+          onMouseDown: /* @__PURE__ */ __name(function onMouseDown2(e2) {
+            return _this2.resizeColumnStart(e2, column, false);
+          }, "onMouseDown"),
+          onTouchStart: /* @__PURE__ */ __name(function onTouchStart(e2) {
+            return _this2.resizeColumnStart(e2, column, true);
+          }, "onTouchStart")
+        }, getResizerProps("finalState", void 0, column, _this2))) : null;
+        var isSortable = _.getFirstDefined(column.sortable, sortable, false);
+        return React$1.createElement(
+          ThComponent2,
+          _extends$i({
+            key: i + "-" + column.id,
+            className: classNames(classes, isResizable && "rt-resizable-header", sort2 ? sort2.desc ? "-sort-desc" : "-sort-asc" : "", isSortable && "-cursor-pointer", !show && "-hidden", pivotBy && pivotBy.slice(0, -1).includes(column.id) && "rt-header-pivot"),
+            style: _extends$i({}, styles2, {
+              flex: width + " 0 auto",
+              width: _.asPx(width),
+              maxWidth: _.asPx(maxWidth)
+            }),
+            toggleSort: /* @__PURE__ */ __name(function toggleSort(e2) {
+              if (isSortable)
+                _this2.sortColumn(column, multiSort ? e2.shiftKey : false);
+            }, "toggleSort")
+          }, rest),
+          React$1.createElement(
+            "div",
+            { className: classNames(isResizable && "rt-resizable-header-content") },
+            _.normalizeComponent(column.Header, {
+              data: sortedData,
+              column
+            })
           ),
-          style: __spreadProps(__spreadValues({}, styles2), {
-            flex: `${width} 0 auto`,
-            width: _.asPx(width),
-            maxWidth: _.asPx(maxWidth)
-          }),
-          toggleSort: (e2) => {
-            if (isSortable)
-              this.sortColumn(column, multiSort ? e2.shiftKey : false);
-          }
-        }, rest),
-        /* @__PURE__ */ React$1.createElement("div", { className: classNames(isResizable && "rt-resizable-header-content") }, _.normalizeComponent(column.Header, {
-          data: sortedData,
-          column
-        })),
-        resizer
-      );
-    }, "makeHeader");
-    const makeHeaders = /* @__PURE__ */ __name(() => {
-      const theadProps = _.splitProps(getTheadProps(finalState, void 0, void 0, this));
-      const theadTrProps = _.splitProps(getTheadTrProps(finalState, void 0, void 0, this));
-      return /* @__PURE__ */ React$1.createElement(
-        TheadComponent,
-        __spreadValues({
-          className: classNames("-header", theadProps.className),
-          style: __spreadProps(__spreadValues({}, theadProps.style), {
-            minWidth: `${rowMinWidth}px`
-          })
-        }, theadProps.rest),
-        /* @__PURE__ */ React$1.createElement(
-          TrComponent,
-          __spreadValues({
-            className: theadTrProps.className,
-            style: theadTrProps.style
-          }, theadTrProps.rest),
-          allVisibleColumns.map(makeHeader)
-        )
-      );
-    }, "makeHeaders");
-    const makeFilter = /* @__PURE__ */ __name((column, i) => {
-      const resizedCol = resized.find((x2) => x2.id === column.id) || {};
-      const width = _.getFirstDefined(resizedCol.value, column.width, column.minWidth);
-      const maxWidth = _.getFirstDefined(resizedCol.value, column.width, column.maxWidth);
-      const theadFilterThProps = _.splitProps(
-        getTheadFilterThProps(finalState, void 0, column, this)
-      );
-      const columnHeaderProps = _.splitProps(
-        column.getHeaderProps(finalState, void 0, column, this)
-      );
-      const classes = [
-        column.headerClassName,
-        theadFilterThProps.className,
-        columnHeaderProps.className
-      ];
-      const styles2 = __spreadValues(__spreadValues(__spreadValues({}, column.headerStyle), theadFilterThProps.style), columnHeaderProps.style);
-      const rest = __spreadValues(__spreadValues({}, theadFilterThProps.rest), columnHeaderProps.rest);
-      const filter = filtered.find((filter2) => filter2.id === column.id);
-      const ResolvedFilterComponent = column.Filter || FilterComponent;
-      const isFilterable = _.getFirstDefined(column.filterable, filterable, false);
-      return /* @__PURE__ */ React$1.createElement(
-        ThComponent,
-        __spreadValues({
-          key: `${i}-${column.id}`,
-          className: classNames(classes),
-          style: __spreadProps(__spreadValues({}, styles2), {
-            flex: `${width} 0 auto`,
-            width: _.asPx(width),
-            maxWidth: _.asPx(maxWidth)
-          })
-        }, rest),
-        isFilterable ? _.normalizeComponent(
-          ResolvedFilterComponent,
-          {
+          resizer
+        );
+      }, "makeHeader");
+      var makeHeaders = /* @__PURE__ */ __name(function makeHeaders2() {
+        var theadProps = _.splitProps(getTheadProps(finalState, void 0, void 0, _this2));
+        var theadTrProps = _.splitProps(getTheadTrProps(finalState, void 0, void 0, _this2));
+        return React$1.createElement(
+          TheadComponent,
+          _extends$i({
+            className: classNames("-header", theadProps.className),
+            style: _extends$i({}, theadProps.style, {
+              minWidth: rowMinWidth + "px"
+            })
+          }, theadProps.rest),
+          React$1.createElement(
+            TrComponent2,
+            _extends$i({
+              className: theadTrProps.className,
+              style: theadTrProps.style
+            }, theadTrProps.rest),
+            allVisibleColumns.map(makeHeader)
+          )
+        );
+      }, "makeHeaders");
+      var makeFilter = /* @__PURE__ */ __name(function makeFilter2(column, i) {
+        var resizedCol = resized.find(function(x2) {
+          return x2.id === column.id;
+        }) || {};
+        var width = _.getFirstDefined(resizedCol.value, column.width, column.minWidth);
+        var maxWidth = _.getFirstDefined(resizedCol.value, column.width, column.maxWidth);
+        var theadFilterThProps = _.splitProps(getTheadFilterThProps(finalState, void 0, column, _this2));
+        var columnHeaderProps = _.splitProps(column.getHeaderProps(finalState, void 0, column, _this2));
+        var classes = [column.headerClassName, theadFilterThProps.className, columnHeaderProps.className];
+        var styles2 = _extends$i({}, column.headerStyle, theadFilterThProps.style, columnHeaderProps.style);
+        var rest = _extends$i({}, theadFilterThProps.rest, columnHeaderProps.rest);
+        var filter = filtered.find(function(filter2) {
+          return filter2.id === column.id;
+        });
+        var ResolvedFilterComponent = column.Filter || FilterComponent2;
+        var isFilterable = _.getFirstDefined(column.filterable, filterable, false);
+        return React$1.createElement(
+          ThComponent2,
+          _extends$i({
+            key: i + "-" + column.id,
+            className: classNames(classes),
+            style: _extends$i({}, styles2, {
+              flex: width + " 0 auto",
+              width: _.asPx(width),
+              maxWidth: _.asPx(maxWidth)
+            })
+          }, rest),
+          isFilterable ? _.normalizeComponent(ResolvedFilterComponent, {
             column,
             filter,
-            onChange: (value) => this.filterColumn(column, value)
-          },
-          defaultProps$1.column.Filter
-        ) : null
-      );
-    }, "makeFilter");
-    const makeFilters = /* @__PURE__ */ __name(() => {
-      const theadFilterProps = _.splitProps(
-        getTheadFilterProps(finalState, void 0, void 0, this)
-      );
-      const theadFilterTrProps = _.splitProps(
-        getTheadFilterTrProps(finalState, void 0, void 0, this)
-      );
-      return /* @__PURE__ */ React$1.createElement(
-        TheadComponent,
-        __spreadValues({
-          className: classNames("-filters", theadFilterProps.className),
-          style: __spreadProps(__spreadValues({}, theadFilterProps.style), {
-            minWidth: `${rowMinWidth}px`
-          })
-        }, theadFilterProps.rest),
-        /* @__PURE__ */ React$1.createElement(
-          TrComponent,
-          __spreadValues({
-            className: theadFilterTrProps.className,
-            style: theadFilterTrProps.style
-          }, theadFilterTrProps.rest),
-          allVisibleColumns.map(makeFilter)
-        )
-      );
-    }, "makeFilters");
-    const makePageRow = /* @__PURE__ */ __name((row, i, path2 = []) => {
-      const rowInfo = {
-        original: row[originalKey],
-        row,
-        index: row[indexKey],
-        viewIndex: rowIndex += 1,
-        pageSize,
-        page,
-        level: path2.length,
-        nestingPath: path2.concat([i]),
-        aggregated: row[aggregatedKey],
-        groupedByPivot: row[groupedByPivotKey],
-        subRows: row[subRowsKey]
-      };
-      const isExpanded = _.get(expanded, rowInfo.nestingPath);
-      const trGroupProps = getTrGroupProps(finalState, rowInfo, void 0, this);
-      const trProps = _.splitProps(getTrProps(finalState, rowInfo, void 0, this));
-      return /* @__PURE__ */ React$1.createElement(TrGroupComponent, __spreadValues({ key: rowInfo.nestingPath.join("_") }, trGroupProps), /* @__PURE__ */ React$1.createElement(
-        TrComponent,
-        __spreadValues({
-          className: classNames(trProps.className, row._viewIndex % 2 ? "-even" : "-odd"),
-          style: trProps.style
-        }, trProps.rest),
-        allVisibleColumns.map((column, i2) => {
-          const resizedCol = resized.find((x2) => x2.id === column.id) || {};
-          const show = typeof column.show === "function" ? column.show() : column.show;
-          const width = _.getFirstDefined(resizedCol.value, column.width, column.minWidth);
-          const maxWidth = _.getFirstDefined(resizedCol.value, column.width, column.maxWidth);
-          const tdProps = _.splitProps(getTdProps(finalState, rowInfo, column, this));
-          const columnProps = _.splitProps(column.getProps(finalState, rowInfo, column, this));
-          const classes = [tdProps.className, column.className, columnProps.className];
-          const styles2 = __spreadValues(__spreadValues(__spreadValues({}, tdProps.style), column.style), columnProps.style);
-          const cellInfo = __spreadProps(__spreadValues({}, rowInfo), {
-            isExpanded,
-            column: __spreadValues({}, column),
-            value: rowInfo.row[column.id],
-            pivoted: column.pivoted,
-            expander: column.expander,
-            resized,
-            show,
-            width,
-            maxWidth,
-            tdProps,
-            columnProps,
-            classes,
-            styles: styles2
-          });
-          const value = cellInfo.value;
-          let useOnExpanderClick;
-          let isBranch;
-          let isPreview;
-          const onExpanderClick = /* @__PURE__ */ __name((e2) => {
-            let newExpanded = _.clone(expanded);
-            if (isExpanded) {
-              newExpanded = _.set(newExpanded, cellInfo.nestingPath, false);
-            } else {
-              newExpanded = _.set(newExpanded, cellInfo.nestingPath, {});
-            }
-            return this.setStateWithData(
-              {
-                expanded: newExpanded
-              },
-              () => onExpandedChange && onExpandedChange(newExpanded, cellInfo.nestingPath, e2, cellInfo)
-            );
-          }, "onExpanderClick");
-          let resolvedCell = _.normalizeComponent(column.Cell, cellInfo, value);
-          const ResolvedAggregatedComponent = column.Aggregated || (!column.aggregate ? AggregatedComponent : column.Cell);
-          const ResolvedExpanderComponent = column.Expander || ExpanderComponent;
-          const ResolvedPivotValueComponent = column.PivotValue || PivotValueComponent;
-          const DefaultResolvedPivotComponent = PivotComponent || ((props) => /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement(ResolvedExpanderComponent, __spreadValues({}, props)), /* @__PURE__ */ React$1.createElement(ResolvedPivotValueComponent, __spreadValues({}, props))));
-          const ResolvedPivotComponent = column.Pivot || DefaultResolvedPivotComponent;
-          if (cellInfo.pivoted || cellInfo.expander) {
-            cellInfo.expandable = true;
-            useOnExpanderClick = true;
-            if (cellInfo.pivoted && !cellInfo.subRows && !SubComponent) {
-              cellInfo.expandable = false;
-            }
-          }
-          if (cellInfo.pivoted) {
-            isBranch = rowInfo.row[pivotIDKey] === column.id && cellInfo.subRows;
-            isPreview = pivotBy.indexOf(column.id) > pivotBy.indexOf(rowInfo.row[pivotIDKey]) && cellInfo.subRows;
-            if (isBranch) {
-              resolvedCell = _.normalizeComponent(
-                ResolvedPivotComponent,
-                __spreadProps(__spreadValues({}, cellInfo), {
-                  value: row[pivotValKey]
-                }),
-                row[pivotValKey]
-              );
-            } else if (isPreview) {
-              resolvedCell = _.normalizeComponent(ResolvedAggregatedComponent, cellInfo, value);
-            } else {
-              resolvedCell = null;
-            }
-          } else if (cellInfo.aggregated) {
-            resolvedCell = _.normalizeComponent(ResolvedAggregatedComponent, cellInfo, value);
-          }
-          if (cellInfo.expander) {
-            resolvedCell = _.normalizeComponent(
-              ResolvedExpanderComponent,
-              cellInfo,
-              row[pivotValKey]
-            );
-            if (pivotBy) {
-              if (cellInfo.groupedByPivot) {
-                resolvedCell = null;
+            onChange: /* @__PURE__ */ __name(function onChange(value) {
+              return _this2.filterColumn(column, value);
+            }, "onChange")
+          }, defaultProps$1.column.Filter) : null
+        );
+      }, "makeFilter");
+      var makeFilters = /* @__PURE__ */ __name(function makeFilters2() {
+        var theadFilterProps = _.splitProps(getTheadFilterProps(finalState, void 0, void 0, _this2));
+        var theadFilterTrProps = _.splitProps(getTheadFilterTrProps(finalState, void 0, void 0, _this2));
+        return React$1.createElement(
+          TheadComponent,
+          _extends$i({
+            className: classNames("-filters", theadFilterProps.className),
+            style: _extends$i({}, theadFilterProps.style, {
+              minWidth: rowMinWidth + "px"
+            })
+          }, theadFilterProps.rest),
+          React$1.createElement(
+            TrComponent2,
+            _extends$i({
+              className: theadFilterTrProps.className,
+              style: theadFilterTrProps.style
+            }, theadFilterTrProps.rest),
+            allVisibleColumns.map(makeFilter)
+          )
+        );
+      }, "makeFilters");
+      var makePageRow = /* @__PURE__ */ __name(function makePageRow2(row, i) {
+        var path2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
+        var rowInfo = {
+          original: row[originalKey],
+          row,
+          index: row[indexKey],
+          viewIndex: rowIndex += 1,
+          pageSize,
+          page,
+          level: path2.length,
+          nestingPath: path2.concat([i]),
+          aggregated: row[aggregatedKey],
+          groupedByPivot: row[groupedByPivotKey],
+          subRows: row[subRowsKey]
+        };
+        var isExpanded = _.get(expanded, rowInfo.nestingPath);
+        var trGroupProps = getTrGroupProps(finalState, rowInfo, void 0, _this2);
+        var trProps = _.splitProps(getTrProps(finalState, rowInfo, void 0, _this2));
+        return React$1.createElement(
+          TrGroupComponent2,
+          _extends$i({ key: rowInfo.nestingPath.join("_") }, trGroupProps),
+          React$1.createElement(
+            TrComponent2,
+            _extends$i({
+              className: classNames(trProps.className, row._viewIndex % 2 ? "-even" : "-odd"),
+              style: trProps.style
+            }, trProps.rest),
+            allVisibleColumns.map(function(column, i2) {
+              var resizedCol = resized.find(function(x2) {
+                return x2.id === column.id;
+              }) || {};
+              var show = typeof column.show === "function" ? column.show() : column.show;
+              var width = _.getFirstDefined(resizedCol.value, column.width, column.minWidth);
+              var maxWidth = _.getFirstDefined(resizedCol.value, column.width, column.maxWidth);
+              var tdProps = _.splitProps(getTdProps(finalState, rowInfo, column, _this2));
+              var columnProps = _.splitProps(column.getProps(finalState, rowInfo, column, _this2));
+              var classes = [tdProps.className, column.className, columnProps.className];
+              var styles2 = _extends$i({}, tdProps.style, column.style, columnProps.style);
+              var cellInfo = _extends$i({}, rowInfo, {
+                isExpanded,
+                column: _extends$i({}, column),
+                value: rowInfo.row[column.id],
+                pivoted: column.pivoted,
+                expander: column.expander,
+                resized,
+                show,
+                width,
+                maxWidth,
+                tdProps,
+                columnProps,
+                classes,
+                styles: styles2
+              });
+              var value = cellInfo.value;
+              var useOnExpanderClick = void 0;
+              var isBranch = void 0;
+              var isPreview = void 0;
+              var onExpanderClick = /* @__PURE__ */ __name(function onExpanderClick2(e2) {
+                var newExpanded = _.clone(expanded);
+                if (isExpanded) {
+                  newExpanded = _.set(newExpanded, cellInfo.nestingPath, false);
+                } else {
+                  newExpanded = _.set(newExpanded, cellInfo.nestingPath, {});
+                }
+                return _this2.setStateWithData({
+                  expanded: newExpanded
+                }, function() {
+                  return onExpandedChange && onExpandedChange(newExpanded, cellInfo.nestingPath, e2, cellInfo);
+                });
+              }, "onExpanderClick");
+              var resolvedCell = _.normalizeComponent(column.Cell, cellInfo, value);
+              var ResolvedAggregatedComponent = column.Aggregated || (!column.aggregate ? AggregatedComponent2 : column.Cell);
+              var ResolvedExpanderComponent = column.Expander || ExpanderComponent2;
+              var ResolvedPivotValueComponent = column.PivotValue || PivotValueComponent2;
+              var DefaultResolvedPivotComponent = PivotComponent || function(props) {
+                return React$1.createElement(
+                  "div",
+                  null,
+                  React$1.createElement(ResolvedExpanderComponent, props),
+                  React$1.createElement(ResolvedPivotValueComponent, props)
+                );
+              };
+              var ResolvedPivotComponent = column.Pivot || DefaultResolvedPivotComponent;
+              if (cellInfo.pivoted || cellInfo.expander) {
+                cellInfo.expandable = true;
+                useOnExpanderClick = true;
+                if (cellInfo.pivoted && !cellInfo.subRows && !SubComponent) {
+                  cellInfo.expandable = false;
+                }
               }
-              if (!cellInfo.subRows && !SubComponent) {
-                resolvedCell = null;
+              if (cellInfo.pivoted) {
+                isBranch = rowInfo.row[pivotIDKey] === column.id && cellInfo.subRows;
+                isPreview = pivotBy.indexOf(column.id) > pivotBy.indexOf(rowInfo.row[pivotIDKey]) && cellInfo.subRows;
+                if (isBranch) {
+                  resolvedCell = _.normalizeComponent(ResolvedPivotComponent, _extends$i({}, cellInfo, {
+                    value: row[pivotValKey]
+                  }), row[pivotValKey]);
+                } else if (isPreview) {
+                  resolvedCell = _.normalizeComponent(ResolvedAggregatedComponent, cellInfo, value);
+                } else {
+                  resolvedCell = null;
+                }
+              } else if (cellInfo.aggregated) {
+                resolvedCell = _.normalizeComponent(ResolvedAggregatedComponent, cellInfo, value);
               }
-            }
-          }
-          const resolvedOnExpanderClick = useOnExpanderClick ? onExpanderClick : () => {
-          };
-          const interactionProps = {
-            onClick: resolvedOnExpanderClick
-          };
-          if (tdProps.rest.onClick) {
-            interactionProps.onClick = (e2) => {
-              tdProps.rest.onClick(e2, () => resolvedOnExpanderClick(e2));
-            };
-          }
-          if (columnProps.rest.onClick) {
-            interactionProps.onClick = (e2) => {
-              columnProps.rest.onClick(e2, () => resolvedOnExpanderClick(e2));
-            };
-          }
-          return /* @__PURE__ */ React$1.createElement(
-            TdComponent,
-            __spreadValues(__spreadValues(__spreadValues({
-              key: `${i2}-${column.id}`,
-              className: classNames(
-                classes,
-                !cellInfo.expandable && !show && "hidden",
-                cellInfo.expandable && "rt-expandable",
-                (isBranch || isPreview) && "rt-pivot"
-              ),
-              style: __spreadProps(__spreadValues({}, styles2), {
-                flex: `${width} 0 auto`,
-                width: _.asPx(width),
-                maxWidth: _.asPx(maxWidth)
-              })
-            }, tdProps.rest), columnProps.rest), interactionProps),
-            resolvedCell
-          );
-        })
-      ), rowInfo.subRows && isExpanded && rowInfo.subRows.map((d2, i2) => makePageRow(d2, i2, rowInfo.nestingPath)), SubComponent && !rowInfo.subRows && isExpanded && SubComponent(rowInfo, () => {
-        const newExpanded = _.clone(expanded);
-        _.set(newExpanded, rowInfo.nestingPath, false);
-      }));
-    }, "makePageRow");
-    const makePadColumn = /* @__PURE__ */ __name((column, i) => {
-      const resizedCol = resized.find((x2) => x2.id === column.id) || {};
-      const show = typeof column.show === "function" ? column.show() : column.show;
-      const width = _.getFirstDefined(resizedCol.value, column.width, column.minWidth);
-      const flex2 = width;
-      const maxWidth = _.getFirstDefined(resizedCol.value, column.width, column.maxWidth);
-      const tdProps = _.splitProps(getTdProps(finalState, void 0, column, this));
-      const columnProps = _.splitProps(column.getProps(finalState, void 0, column, this));
-      const classes = [tdProps.className, column.className, columnProps.className];
-      const styles2 = __spreadValues(__spreadValues(__spreadValues({}, tdProps.style), column.style), columnProps.style);
-      return /* @__PURE__ */ React$1.createElement(
-        TdComponent,
-        __spreadValues({
-          key: `${i}-${column.id}`,
-          className: classNames(classes, !show && "hidden"),
-          style: __spreadProps(__spreadValues({}, styles2), {
-            flex: `${flex2} 0 auto`,
-            width: _.asPx(width),
-            maxWidth: _.asPx(maxWidth)
-          })
-        }, tdProps.rest),
-        _.normalizeComponent(PadRowComponent)
-      );
-    }, "makePadColumn");
-    const makePadRow = /* @__PURE__ */ __name((row, i) => {
-      const trGroupProps = getTrGroupProps(finalState, void 0, void 0, this);
-      const trProps = _.splitProps(getTrProps(finalState, void 0, void 0, this));
-      return /* @__PURE__ */ React$1.createElement(TrGroupComponent, __spreadValues({ key: `pad-${i}` }, trGroupProps), /* @__PURE__ */ React$1.createElement(
-        TrComponent,
-        {
-          className: classNames(
-            "-padRow",
-            (pageRows.length + i) % 2 ? "-even" : "-odd",
-            trProps.className
+              if (cellInfo.expander) {
+                resolvedCell = _.normalizeComponent(ResolvedExpanderComponent, cellInfo, row[pivotValKey]);
+                if (pivotBy) {
+                  if (cellInfo.groupedByPivot) {
+                    resolvedCell = null;
+                  }
+                  if (!cellInfo.subRows && !SubComponent) {
+                    resolvedCell = null;
+                  }
+                }
+              }
+              var resolvedOnExpanderClick = useOnExpanderClick ? onExpanderClick : function() {
+              };
+              var interactionProps = {
+                onClick: resolvedOnExpanderClick
+              };
+              if (tdProps.rest.onClick) {
+                interactionProps.onClick = function(e2) {
+                  tdProps.rest.onClick(e2, function() {
+                    return resolvedOnExpanderClick(e2);
+                  });
+                };
+              }
+              if (columnProps.rest.onClick) {
+                interactionProps.onClick = function(e2) {
+                  columnProps.rest.onClick(e2, function() {
+                    return resolvedOnExpanderClick(e2);
+                  });
+                };
+              }
+              return React$1.createElement(
+                TdComponent2,
+                _extends$i({
+                  key: i2 + "-" + column.id,
+                  className: classNames(classes, !cellInfo.expandable && !show && "hidden", cellInfo.expandable && "rt-expandable", (isBranch || isPreview) && "rt-pivot"),
+                  style: _extends$i({}, styles2, {
+                    flex: width + " 0 auto",
+                    width: _.asPx(width),
+                    maxWidth: _.asPx(maxWidth)
+                  })
+                }, tdProps.rest, columnProps.rest, interactionProps),
+                resolvedCell
+              );
+            })
           ),
-          style: trProps.style || {}
-        },
-        allVisibleColumns.map(makePadColumn)
-      ));
-    }, "makePadRow");
-    const makeColumnFooter = /* @__PURE__ */ __name((column, i) => {
-      const resizedCol = resized.find((x2) => x2.id === column.id) || {};
-      const show = typeof column.show === "function" ? column.show() : column.show;
-      const width = _.getFirstDefined(resizedCol.value, column.width, column.minWidth);
-      const maxWidth = _.getFirstDefined(resizedCol.value, column.width, column.maxWidth);
-      const tFootTdProps = _.splitProps(getTfootTdProps(finalState, void 0, column, this));
-      const columnProps = _.splitProps(column.getProps(finalState, void 0, column, this));
-      const columnFooterProps = _.splitProps(
-        column.getFooterProps(finalState, void 0, column, this)
-      );
-      const classes = [
-        tFootTdProps.className,
-        column.className,
-        columnProps.className,
-        columnFooterProps.className
-      ];
-      const styles2 = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, tFootTdProps.style), column.style), columnProps.style), columnFooterProps.style);
-      return /* @__PURE__ */ React$1.createElement(
-        TdComponent,
-        __spreadValues(__spreadValues(__spreadValues({
-          key: `${i}-${column.id}`,
-          className: classNames(classes, !show && "hidden"),
-          style: __spreadProps(__spreadValues({}, styles2), {
-            flex: `${width} 0 auto`,
-            width: _.asPx(width),
-            maxWidth: _.asPx(maxWidth)
+          rowInfo.subRows && isExpanded && rowInfo.subRows.map(function(d2, i2) {
+            return makePageRow2(d2, i2, rowInfo.nestingPath);
+          }),
+          SubComponent && !rowInfo.subRows && isExpanded && SubComponent(rowInfo, function() {
+            var newExpanded = _.clone(expanded);
+            _.set(newExpanded, rowInfo.nestingPath, false);
           })
-        }, columnProps.rest), tFootTdProps.rest), columnFooterProps.rest),
-        _.normalizeComponent(column.Footer, {
-          data: sortedData,
-          column
-        })
-      );
-    }, "makeColumnFooter");
-    const makeColumnFooters = /* @__PURE__ */ __name(() => {
-      const tFootProps = _.splitProps(getTfootProps(finalState, void 0, void 0, this));
-      const tFootTrProps = _.splitProps(getTfootTrProps(finalState, void 0, void 0, this));
-      return /* @__PURE__ */ React$1.createElement(
-        TfootComponent,
-        __spreadValues({
-          className: tFootProps.className,
-          style: __spreadProps(__spreadValues({}, tFootProps.style), {
-            minWidth: `${rowMinWidth}px`
+        );
+      }, "makePageRow");
+      var makePadColumn = /* @__PURE__ */ __name(function makePadColumn2(column, i) {
+        var resizedCol = resized.find(function(x2) {
+          return x2.id === column.id;
+        }) || {};
+        var show = typeof column.show === "function" ? column.show() : column.show;
+        var width = _.getFirstDefined(resizedCol.value, column.width, column.minWidth);
+        var flex2 = width;
+        var maxWidth = _.getFirstDefined(resizedCol.value, column.width, column.maxWidth);
+        var tdProps = _.splitProps(getTdProps(finalState, void 0, column, _this2));
+        var columnProps = _.splitProps(column.getProps(finalState, void 0, column, _this2));
+        var classes = [tdProps.className, column.className, columnProps.className];
+        var styles2 = _extends$i({}, tdProps.style, column.style, columnProps.style);
+        return React$1.createElement(
+          TdComponent2,
+          _extends$i({
+            key: i + "-" + column.id,
+            className: classNames(classes, !show && "hidden"),
+            style: _extends$i({}, styles2, {
+              flex: flex2 + " 0 auto",
+              width: _.asPx(width),
+              maxWidth: _.asPx(maxWidth)
+            })
+          }, tdProps.rest),
+          _.normalizeComponent(PadRowComponent2)
+        );
+      }, "makePadColumn");
+      var makePadRow = /* @__PURE__ */ __name(function makePadRow2(row, i) {
+        var trGroupProps = getTrGroupProps(finalState, void 0, void 0, _this2);
+        var trProps = _.splitProps(getTrProps(finalState, void 0, void 0, _this2));
+        return React$1.createElement(
+          TrGroupComponent2,
+          _extends$i({ key: "pad-" + i }, trGroupProps),
+          React$1.createElement(
+            TrComponent2,
+            {
+              className: classNames("-padRow", (pageRows.length + i) % 2 ? "-even" : "-odd", trProps.className),
+              style: trProps.style || {}
+            },
+            allVisibleColumns.map(makePadColumn)
+          )
+        );
+      }, "makePadRow");
+      var makeColumnFooter = /* @__PURE__ */ __name(function makeColumnFooter2(column, i) {
+        var resizedCol = resized.find(function(x2) {
+          return x2.id === column.id;
+        }) || {};
+        var show = typeof column.show === "function" ? column.show() : column.show;
+        var width = _.getFirstDefined(resizedCol.value, column.width, column.minWidth);
+        var maxWidth = _.getFirstDefined(resizedCol.value, column.width, column.maxWidth);
+        var tFootTdProps = _.splitProps(getTfootTdProps(finalState, void 0, column, _this2));
+        var columnProps = _.splitProps(column.getProps(finalState, void 0, column, _this2));
+        var columnFooterProps = _.splitProps(column.getFooterProps(finalState, void 0, column, _this2));
+        var classes = [tFootTdProps.className, column.className, columnProps.className, columnFooterProps.className];
+        var styles2 = _extends$i({}, tFootTdProps.style, column.style, columnProps.style, columnFooterProps.style);
+        return React$1.createElement(
+          TdComponent2,
+          _extends$i({
+            key: i + "-" + column.id,
+            className: classNames(classes, !show && "hidden"),
+            style: _extends$i({}, styles2, {
+              flex: width + " 0 auto",
+              width: _.asPx(width),
+              maxWidth: _.asPx(maxWidth)
+            })
+          }, columnProps.rest, tFootTdProps.rest, columnFooterProps.rest),
+          _.normalizeComponent(column.Footer, {
+            data: sortedData,
+            column
           })
-        }, tFootProps.rest),
-        /* @__PURE__ */ React$1.createElement(
-          TrComponent,
-          __spreadValues({
-            className: classNames(tFootTrProps.className),
-            style: tFootTrProps.style
-          }, tFootTrProps.rest),
-          allVisibleColumns.map(makeColumnFooter)
-        )
-      );
-    }, "makeColumnFooters");
-    const makePagination = /* @__PURE__ */ __name((isTop) => {
-      const paginationProps = _.splitProps(
-        getPaginationProps(finalState, void 0, void 0, this)
-      );
-      return /* @__PURE__ */ React$1.createElement(
-        PaginationComponent,
-        __spreadValues(__spreadProps(__spreadValues({}, resolvedState), {
+        );
+      }, "makeColumnFooter");
+      var makeColumnFooters = /* @__PURE__ */ __name(function makeColumnFooters2() {
+        var tFootProps = _.splitProps(getTfootProps(finalState, void 0, void 0, _this2));
+        var tFootTrProps = _.splitProps(getTfootTrProps(finalState, void 0, void 0, _this2));
+        return React$1.createElement(
+          TfootComponent,
+          _extends$i({
+            className: tFootProps.className,
+            style: _extends$i({}, tFootProps.style, {
+              minWidth: rowMinWidth + "px"
+            })
+          }, tFootProps.rest),
+          React$1.createElement(
+            TrComponent2,
+            _extends$i({
+              className: classNames(tFootTrProps.className),
+              style: tFootTrProps.style
+            }, tFootTrProps.rest),
+            allVisibleColumns.map(makeColumnFooter)
+          )
+        );
+      }, "makeColumnFooters");
+      var makePagination = /* @__PURE__ */ __name(function makePagination2(isTop) {
+        var paginationProps = _.splitProps(getPaginationProps(finalState, void 0, void 0, _this2));
+        return React$1.createElement(PaginationComponent, _extends$i({}, resolvedState, {
           pages,
           canPrevious,
           canNext,
-          onPageChange: this.onPageChange,
-          onPageSizeChange: this.onPageSizeChange,
+          onPageChange: _this2.onPageChange,
+          onPageSizeChange: _this2.onPageSizeChange,
           className: paginationProps.className,
           style: paginationProps.style,
           isTop
-        }), paginationProps.rest)
-      );
-    }, "makePagination");
-    const makeTable = /* @__PURE__ */ __name(() => /* @__PURE__ */ React$1.createElement(
-      "div",
-      __spreadProps(__spreadValues({
-        className: classNames("ReactTable", className, rootProps.className),
-        style: __spreadValues(__spreadValues({}, style2), rootProps.style)
-      }, rootProps.rest), {
-        ref: (r2) => {
-          if (!r2)
-            return;
-          if (rootProps.rest.ref) {
-            rootProps.rest.ref(r2);
-          }
-          this.tableRef = r2;
-        }
-      }),
-      showPagination && showPaginationTop ? /* @__PURE__ */ React$1.createElement("div", { className: "pagination-top" }, makePagination(true)) : null,
-      /* @__PURE__ */ React$1.createElement(
-        TableComponent,
-        __spreadValues({
-          className: classNames(tableProps.className, currentlyResizing ? "rt-resizing" : ""),
-          style: tableProps.style
-        }, tableProps.rest),
-        hasHeaderGroups ? makeHeaderGroups() : null,
-        makeHeaders(),
-        hasFilters ? makeFilters() : null,
-        /* @__PURE__ */ React$1.createElement(
-          TbodyComponent,
-          __spreadValues({
-            className: classNames(tBodyProps.className),
-            style: __spreadProps(__spreadValues({}, tBodyProps.style), {
-              minWidth: `${rowMinWidth}px`
-            })
-          }, tBodyProps.rest),
-          pageRows.length < 200 ? pageRows.map((d2, i) => makePageRow(d2, i)) : /* @__PURE__ */ React$1.createElement(
-            ReactList,
-            {
-              type: "variable",
-              itemSizeEstimator: this.props.itemSizeEstimator || itemSizeEstimator,
-              itemRenderer: (i) => makePageRow(pageRows[i], i),
-              length: pageRows.length
-            }
+        }, paginationProps.rest));
+      }, "makePagination");
+      var makeTable = /* @__PURE__ */ __name(function makeTable2() {
+        return React$1.createElement(
+          "div",
+          _extends$i({
+            className: classNames("ReactTable", className, rootProps.className),
+            style: _extends$i({}, style2, rootProps.style)
+          }, rootProps.rest),
+          showPagination && showPaginationTop ? React$1.createElement(
+            "div",
+            { className: "pagination-top" },
+            makePagination(true)
+          ) : null,
+          React$1.createElement(
+            TableComponent2,
+            _extends$i({
+              className: classNames(tableProps.className, currentlyResizing ? "rt-resizing" : ""),
+              style: tableProps.style
+            }, tableProps.rest),
+            hasHeaderGroups ? makeHeaderGroups() : null,
+            makeHeaders(),
+            hasFilters ? makeFilters() : null,
+            React$1.createElement(
+              TbodyComponent,
+              _extends$i({
+                className: classNames(tBodyProps.className),
+                style: _extends$i({}, tBodyProps.style, {
+                  minWidth: rowMinWidth + "px"
+                })
+              }, tBodyProps.rest),
+              pageRows.length < 200 ? pageRows.map(function(d2, i) {
+                return makePageRow(d2, i);
+              }) : React$1.createElement(ReactList, {
+                type: "variable",
+                itemSizeEstimator: _this2.props.itemSizeEstimator || itemSizeEstimator,
+                itemRenderer: /* @__PURE__ */ __name(function itemRenderer(i) {
+                  return makePageRow(pageRows[i], i);
+                }, "itemRenderer"),
+                length: pageRows.length
+              }),
+              padRows.map(makePadRow),
+              additionalBodyEl
+            ),
+            hasColumnFooter ? makeColumnFooters() : null
           ),
-          padRows.map(makePadRow),
-          additionalBodyEl
-        ),
-        hasColumnFooter ? makeColumnFooters() : null
-      ),
-      showPagination && showPaginationBottom ? /* @__PURE__ */ React$1.createElement("div", { className: "pagination-bottom" }, makePagination(false)) : null,
-      !pageRows.length && /* @__PURE__ */ React$1.createElement(NoDataComponent, __spreadValues({}, noDataProps), _.normalizeComponent(noDataText)),
-      /* @__PURE__ */ React$1.createElement(LoadingComponent2, __spreadValues({ loading, loadingText }, loadingProps))
-    ), "makeTable");
-    return children ? children(finalState, makeTable, this) : makeTable();
-  }
-};
-__name(_ReactTable, "ReactTable");
-__publicField(_ReactTable, "propTypes", propTypes);
-__publicField(_ReactTable, "defaultProps", defaultProps$1);
-let ReactTable = _ReactTable;
+          showPagination && showPaginationBottom ? React$1.createElement(
+            "div",
+            { className: "pagination-bottom" },
+            makePagination(false)
+          ) : null,
+          !pageRows.length && React$1.createElement(
+            NoDataComponent,
+            noDataProps,
+            _.normalizeComponent(noDataText)
+          ),
+          React$1.createElement(LoadingComponent3, _extends$i({ loading, loadingText }, loadingProps))
+        );
+      }, "makeTable");
+      return children ? children(finalState, makeTable, this) : makeTable();
+    }, "render")
+  }]);
+  return ReactTable2;
+}(Methods(Lifecycle(React$1.Component)));
+ReactTable.propTypes = propTypes;
+ReactTable.defaultProps = defaultProps$1;
 var dayjs_min = { exports: {} };
 (function(module2, exports2) {
   !function(t2, e2) {
@@ -43792,7 +44193,7 @@ function arrayEach$2(array2, iteratee) {
 }
 __name(arrayEach$2, "arrayEach$2");
 var _arrayEach = arrayEach$2;
-var defineProperty$3 = _defineProperty$5;
+var defineProperty$3 = _defineProperty$6;
 function baseAssignValue$3(object2, key, value) {
   if (key == "__proto__" && defineProperty$3) {
     defineProperty$3(object2, key, {
@@ -53402,8 +53803,8 @@ const renderSuggest = /* @__PURE__ */ __name((props) => {
   });
   return /* @__PURE__ */ React$1.createElement(TgSuggest, __spreadValues({}, propsToUse));
 }, "renderSuggest");
-const BPSelect = /* @__PURE__ */ __name((_q) => {
-  var _r = _q, { value, onChange } = _r, rest = __objRest(_r, ["value", "onChange"]);
+const BPSelect = /* @__PURE__ */ __name((_c) => {
+  var _d = _c, { value, onChange } = _d, rest = __objRest(_d, ["value", "onChange"]);
   return renderSelect(__spreadProps(__spreadValues({}, rest), { input: { onChange, value } }));
 }, "BPSelect");
 const renderSelect = /* @__PURE__ */ __name((props) => {
@@ -53538,12 +53939,12 @@ const renderBlueprintNumericInput = /* @__PURE__ */ __name((props) => {
     })
   );
 }, "renderBlueprintNumericInput");
-const renderBlueprintRadioGroup = /* @__PURE__ */ __name((_s) => {
-  var _t = _s, {
+const renderBlueprintRadioGroup = /* @__PURE__ */ __name((_e) => {
+  var _f = _e, {
     input,
     options,
     onFieldSubmit
-  } = _t, rest = __objRest(_t, [
+  } = _f, rest = __objRest(_f, [
     "input",
     "options",
     "onFieldSubmit"
@@ -54054,10 +54455,10 @@ const _DisplayOptions = class _DisplayOptions extends React$1.Component {
 };
 __name(_DisplayOptions, "DisplayOptions");
 let DisplayOptions = _DisplayOptions;
-const { LoadingComponent } = ReactTableDefaults;
+const { LoadingComponent: LoadingComponent2 } = ReactTableDefaults;
 function DisabledLoadingComponent({ disabled, loading, loadingText }) {
   return /* @__PURE__ */ React$1.createElement(
-    LoadingComponent,
+    LoadingComponent2,
     {
       className: disabled ? "disabled" : "",
       loading,
@@ -54083,18 +54484,24 @@ const _SortableColumns = class _SortableColumns extends React$1.Component {
       const className = e2.target.className;
       return e2.target instanceof SVGElement || className.indexOf("rt-resizer") > -1;
     }, "shouldCancelStart"));
-    __publicField(this, "onSortEnd", /* @__PURE__ */ __name(({ oldIndex, newIndex }) => {
+    __publicField(this, "onSortEnd", /* @__PURE__ */ __name((...args) => {
+      const { oldIndex, newIndex } = args[0];
+      document.body.classList.remove("drag-active");
       this.props.moveColumn({
         oldIndex,
         newIndex
       });
     }, "onSortEnd"));
+    __publicField(this, "onSortStart", /* @__PURE__ */ __name(() => {
+      document.body.classList.add("drag-active");
+    }, "onSortStart"));
   }
   render() {
     return /* @__PURE__ */ React$1.createElement(
       SortableCustomTheadComponent,
       __spreadProps(__spreadValues({}, this.props), {
         lockAxis: "x",
+        onSortStart: this.onSortStart,
         axis: "x",
         distance: 10,
         helperClass: "above-dialog",
@@ -54233,7 +54640,7 @@ function createLocation(path2, state, key, currentLocation) {
     location2 = parsePath(path2);
     location2.state = state;
   } else {
-    location2 = _extends$i({}, path2);
+    location2 = _extends$n({}, path2);
     if (location2.pathname === void 0)
       location2.pathname = "";
     if (location2.search) {
@@ -56733,8 +57140,8 @@ const _DataTable = class _DataTable extends React$1.Component {
         };
       }),
       branch(({ immovable }) => "true" !== immovable, sortableElement)
-    )((_u) => {
-      var _v = _u, { toggleSort, className, children } = _v, rest = __objRest(_v, ["toggleSort", "className", "children"]);
+    )((_g) => {
+      var _h = _g, { toggleSort, className, children } = _h, rest = __objRest(_h, ["toggleSort", "className", "children"]);
       return /* @__PURE__ */ React$1.createElement(
         "div",
         __spreadValues({
@@ -58861,13 +59268,13 @@ function getCellInfo({
   };
 }
 __name(getCellInfo, "getCellInfo");
-function ColumnFilterMenu(_w) {
-  var _x = _w, {
+function ColumnFilterMenu(_i) {
+  var _j = _i, {
     FilterMenu,
     filterActiveForColumn,
     compact: compact3,
     extraCompact
-  } = _x, rest = __objRest(_x, [
+  } = _j, rest = __objRest(_j, [
     "FilterMenu",
     "filterActiveForColumn",
     "compact",
@@ -61672,8 +62079,8 @@ function maybeStripIdFromEntities(ents, validateAgainstSchema) {
   return toRet == null ? void 0 : toRet.map((e2) => lodashExports.omit(e2, ["_isClean"]));
 }
 __name(maybeStripIdFromEntities, "maybeStripIdFromEntities");
-const useDialog = /* @__PURE__ */ __name((_y) => {
-  var _z = _y, { ModalComponent } = _z, rest = __objRest(_z, ["ModalComponent"]);
+const useDialog = /* @__PURE__ */ __name((_k) => {
+  var _l = _k, { ModalComponent } = _l, rest = __objRest(_l, ["ModalComponent"]);
   const [isOpen, setOpen] = React$1.useState(false);
   const [additionalProps, setAdditionalProps] = React$1.useState(false);
   const comp = /* @__PURE__ */ React$1.createElement(
@@ -72265,14 +72672,14 @@ function BlueprintError({ error }) {
   return /* @__PURE__ */ React$1.createElement("div", { className: classNames(core$5.Classes.FORM_GROUP, core$5.Classes.INTENT_DANGER) }, /* @__PURE__ */ React$1.createElement("div", { className: classNames(core$5.Classes.FORM_HELPER_TEXT, "preserve-newline") }, error));
 }
 __name(BlueprintError, "BlueprintError");
-function DropdownButton(_A) {
-  var _B = _A, {
+function DropdownButton(_m) {
+  var _n = _m, {
     disabled,
     menu,
     noRightIcon,
     popoverProps,
     className
-  } = _B, rest = __objRest(_B, [
+  } = _n, rest = __objRest(_n, [
     "disabled",
     "menu",
     "noRightIcon",
@@ -75715,14 +76122,14 @@ const EnhancedMenuItem = compose(
     }
   }),
   branch(({ navTo }) => navTo, withRouter$1)
-)(function(_C) {
-  var _D = _C, {
+)(function(_o) {
+  var _p = _o, {
     navTo,
     context,
     staticContext,
     didMount,
     willUnmount
-  } = _D, props = __objRest(_D, [
+  } = _p, props = __objRest(_p, [
     "navTo",
     "context",
     "staticContext",
@@ -75943,8 +76350,8 @@ function doesSearchValMatchText(searchVal, justText) {
   );
 }
 __name(doesSearchValMatchText, "doesSearchValMatchText");
-const MenuItemWithTooltip = /* @__PURE__ */ __name((_E) => {
-  var _F = _E, { tooltip } = _F, rest = __objRest(_F, ["tooltip"]);
+const MenuItemWithTooltip = /* @__PURE__ */ __name((_q) => {
+  var _r = _q, { tooltip } = _r, rest = __objRest(_r, ["tooltip"]);
   let out = /* @__PURE__ */ React$1.createElement(core$5.MenuItem, __spreadValues({}, rest));
   if (tooltip) {
     out = /* @__PURE__ */ React$1.createElement(core$5.Tooltip, { content: tooltip }, out);