@teselagen/ui 0.3.33 → 0.3.35

package/index.cjs.js

@@ -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$9(target, key, source[key]);
+      _defineProperty$8(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$9(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 {
@@ -4976,11 +4976,11 @@ function _defineProperty$9(obj, key, value) {
   }
   return obj;
 }
-__name(_defineProperty$9, "_defineProperty$9");
-function _slicedToArray$6(arr, i) {
+__name(_defineProperty$8, "_defineProperty$8");
+function _slicedToArray$4(arr, i) {
   return _arrayWithHoles$4(arr) || _iterableToArrayLimit$4(arr, i) || _unsupportedIterableToArray$a(arr, i) || _nonIterableRest$4();
 }
-__name(_slicedToArray$6, "_slicedToArray$6");
+__name(_slicedToArray$4, "_slicedToArray$4");
 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$6(_fileAccepted, 1), accepted = _fileAccepted2[0];
-    var _fileMatchSize = fileMatchSize(file, minSize, maxSize), _fileMatchSize2 = _slicedToArray$6(_fileMatchSize, 1), sizeMatch = _fileMatchSize2[0];
+    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];
     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$9({}, b2, []));
+      return _objectSpread$3(_objectSpread$3({}, a2), {}, _defineProperty$8({}, 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$1(arr) {
+function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$9(arr) || _nonIterableSpread();
 }
-__name(_toConsumableArray$1, "_toConsumableArray$1");
+__name(_toConsumableArray, "_toConsumableArray");
 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$5(arr, i) {
+function _slicedToArray$3(arr, i) {
   return _arrayWithHoles$3(arr) || _iterableToArrayLimit$3(arr, i) || _unsupportedIterableToArray$9(arr, i) || _nonIterableRest$3();
 }
-__name(_slicedToArray$5, "_slicedToArray$5");
+__name(_slicedToArray$3, "_slicedToArray$3");
 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$8(target, key, source[key]);
+      _defineProperty$7(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$8(obj, key, value) {
+function _defineProperty$7(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$8(obj, key, value) {
   }
   return obj;
 }
-__name(_defineProperty$8, "_defineProperty$8");
-function _objectWithoutProperties$7(source, excluded) {
+__name(_defineProperty$7, "_defineProperty$7");
+function _objectWithoutProperties$5(source, excluded) {
   if (source == null)
     return {};
   var target = _objectWithoutPropertiesLoose$2(source, excluded);
@@ -5309,7 +5309,7 @@ function _objectWithoutProperties$7(source, excluded) {
   }
   return target;
 }
-__name(_objectWithoutProperties$7, "_objectWithoutProperties$7");
+__name(_objectWithoutProperties$5, "_objectWithoutProperties$5");
 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$7(_ref, _excluded$1);
-  var _useDropzone = useDropzone(params), open2 = _useDropzone.open, props = _objectWithoutProperties$7(_useDropzone, _excluded2);
+  var children = _ref.children, params = _objectWithoutProperties$5(_ref, _excluded$1);
+  var _useDropzone = useDropzone(params), open2 = _useDropzone.open, props = _objectWithoutProperties$5(_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$5(_useReducer, 2), state = _useReducer2[0], dispatch = _useReducer2[1];
+  var _useReducer = React$1.useReducer(reducer, initialState), _useReducer2 = _slicedToArray$3(_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$1(dragTargetsRef.current), [event.target]);
+    dragTargetsRef.current = [].concat(_toConsumableArray(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$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 _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 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$7(_ref2, _excluded3);
-      return _objectSpread$2(_objectSpread$2(_defineProperty$8({
+      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({
         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$7(_ref3, _excluded4);
-      var inputProps = _defineProperty$8({
+      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({
         accept,
         multiple,
         type: "file",
@@ -6840,7 +6840,7 @@ function _defineProperties$1(target, props) {
   }
 }
 __name(_defineProperties$1, "_defineProperties$1");
-function _createClass$d(Constructor, protoProps, staticProps) {
+function _createClass$9(Constructor, protoProps, staticProps) {
   if (protoProps)
     _defineProperties$1(Constructor.prototype, protoProps);
   if (staticProps)
@@ -6850,9 +6850,9 @@ function _createClass$d(Constructor, protoProps, staticProps) {
   });
   return Constructor;
 }
-__name(_createClass$d, "_createClass$d");
-function _extends$o() {
-  _extends$o = Object.assign ? Object.assign.bind() : function(target) {
+__name(_createClass$9, "_createClass$9");
+function _extends$j() {
+  _extends$j = 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$o() {
     }
     return target;
   };
-  return _extends$o.apply(this, arguments);
+  return _extends$j.apply(this, arguments);
 }
-__name(_extends$o, "_extends$o");
+__name(_extends$j, "_extends$j");
 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$o({}, prototype[storedAnnotationsSymbol]));
+    addHiddenProp(prototype, storedAnnotationsSymbol, _extends$j({}, 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$o({}, target[storedAnnotationsSymbol]));
+    addHiddenProp(target, storedAnnotationsSymbol, _extends$j({}, 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$o({}, this.options_, {
+  return adm.defineComputedProperty_(key, _extends$j({}, 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$d(ObservableMap2, [{
+  _createClass$9(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$d(ObservableSet2, [{
+  _createClass$9(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$o({}, descriptor2, {
+          descriptor2 = _extends$j({}, descriptor2, {
             value: newValue
           });
         }
@@ -10402,7 +10402,7 @@ var LegacyObservableArray = /* @__PURE__ */ function(_StubArray, _Symbol$toStrin
       }, "next")
     });
   };
-  _createClass$d(LegacyObservableArray2, [{
+  _createClass$9(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$n() {
-  _extends$n = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$i() {
+  _extends$i = 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$n() {
     }
     return target;
   };
-  return _extends$n.apply(this, arguments);
+  return _extends$i.apply(this, arguments);
 }
-__name(_extends$n, "_extends$n");
+__name(_extends$i, "_extends$i");
 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$n({}, props, typeof input === "function" ? input(props) : input);
+    return _extends$i({}, 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$n({}, this.props, this.handlers));
+        return factory(_extends$i({}, 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$n({}, this.props, (_extends2 = {}, _extends2[stateName] = this.state.stateValue, _extends2[stateUpdaterName] = this.updateStateValue, _extends2)));
+        return factory(_extends$i({}, 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$n({}, this.props, this.state));
+        return factory(_extends$i({}, this.props, this.state));
       }, "render");
       return Lifecycle3;
     }(React$1.Component);
@@ -18396,25 +18396,16 @@ var toString$6 = {}.toString;
 var _cof = /* @__PURE__ */ __name(function(it) {
   return toString$6.call(it).slice(8, -1);
 }, "_cof");
-var _iobject;
-var hasRequired_iobject;
-function require_iobject() {
-  if (hasRequired_iobject)
-    return _iobject;
-  hasRequired_iobject = 1;
-  var cof2 = _cof;
-  _iobject = Object("z").propertyIsEnumerable(0) ? Object : function(it) {
-    return cof2(it) == "String" ? it.split("") : Object(it);
-  };
-  return _iobject;
-}
-__name(require_iobject, "require_iobject");
+var cof$2 = _cof;
+var _iobject = Object("z").propertyIsEnumerable(0) ? Object : function(it) {
+  return cof$2(it) == "String" ? it.split("") : Object(it);
+};
 var _defined = /* @__PURE__ */ __name(function(it) {
   if (it == void 0)
     throw TypeError("Can't call method on  " + it);
   return it;
 }, "_defined");
-var IObject = require_iobject();
+var IObject = _iobject;
 var defined$2 = _defined;
 var _toIobject = /* @__PURE__ */ __name(function(it) {
   return IObject(defined$2(it));
@@ -18535,7 +18526,7 @@ function require_objectAssign() {
   var gOPS2 = _objectGops;
   var pIE2 = require_objectPie();
   var toObject2 = _toObject;
-  var IObject2 = require_iobject();
+  var IObject2 = _iobject;
   var $assign = Object.assign;
   _objectAssign = !$assign || _fails(function() {
     var A2 = {};
@@ -19092,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$7 = defineProperty$8;
-var _defineProperty2 = _interopRequireDefault$e(_defineProperty$7);
+var _defineProperty$6 = defineProperty$8;
+var _defineProperty2 = _interopRequireDefault$e(_defineProperty$6);
 function _interopRequireDefault$e(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -21173,8 +21164,8 @@ var defineProperty$6 = function() {
   } catch (e2) {
   }
 }();
-var _defineProperty$6 = defineProperty$6;
-var constant$1 = constant_1, defineProperty$5 = _defineProperty$6, identity$3 = identity_1;
+var _defineProperty$5 = defineProperty$6;
+var constant$1 = constant_1, defineProperty$5 = _defineProperty$5, identity$3 = identity_1;
 var baseSetToString$3 = !defineProperty$5 ? identity$3 : function(func, string2) {
   return defineProperty$5(func, "toString", {
     "configurable": true,
@@ -22234,7 +22225,7 @@ function _typeof$4(obj) {
   return _typeof$4(obj);
 }
 __name(_typeof$4, "_typeof$4");
-function _defineProperty$5(obj, key, value) {
+function _defineProperty$4(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -22247,7 +22238,7 @@ function _defineProperty$5(obj, key, value) {
   }
   return obj;
 }
-__name(_defineProperty$5, "_defineProperty$5");
+__name(_defineProperty$4, "_defineProperty$4");
 function ownKeys$2(object2, enumerableOnly) {
   var keys3 = Object.keys(object2);
   if (Object.getOwnPropertySymbols) {
@@ -22266,7 +22257,7 @@ function _objectSpread2(target) {
     var source = arguments[i] != null ? arguments[i] : {};
     if (i % 2) {
       ownKeys$2(source, true).forEach(function(key) {
-        _defineProperty$5(target, key, source[key]);
+        _defineProperty$4(target, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
@@ -23247,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, itemSizeEstimator3 = _this$props6.itemSizeEstimator, type = _this$props6.type;
+          var _this$props6 = this.props, axis = _this$props6.axis, itemSizeGetter = _this$props6.itemSizeGetter, itemSizeEstimator2 = _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;
@@ -23260,8 +23251,8 @@ var reactList = {};
             if (itemEl)
               return itemEl[OFFSET_SIZE_KEYS[axis]];
           }
-          if (itemSizeEstimator3)
-            return itemSizeEstimator3(index2, cache);
+          if (itemSizeEstimator2)
+            return itemSizeEstimator2(index2, cache);
         }, "getSizeOfItem")
       }, {
         key: "constrain",
@@ -23437,29 +23428,6 @@ 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,
@@ -23484,24 +23452,19 @@ function get$3(obj, path2, def2) {
   if (!path2) {
     return obj;
   }
-  var pathObj = makePathArray(path2);
-  var val = void 0;
+  const pathObj = makePathArray(path2);
+  let val;
   try {
-    val = pathObj.reduce(function(current, pathPart) {
-      return current[pathPart];
-    }, obj);
+    val = pathObj.reduce((current, pathPart) => current[pathPart], obj);
   } catch (e2) {
   }
   return typeof val !== "undefined" ? val : def2;
 }
 __name(get$3, "get$3");
-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;
+function set4(obj = {}, path2, value) {
+  const keys3 = makePathArray(path2);
+  let keyPart;
+  let cursor = obj;
   while ((keyPart = keys3.shift()) && keys3.length) {
     if (!cursor[keyPart]) {
       cursor[keyPart] = {};
@@ -23513,7 +23476,7 @@ function set4() {
 }
 __name(set4, "set");
 function takeRight(arr, n2) {
-  var start2 = n2 > arr.length ? 0 : arr.length - n2;
+  const start2 = n2 > arr.length ? 0 : arr.length - n2;
   return arr.slice(start2);
 }
 __name(takeRight, "takeRight");
@@ -23522,19 +23485,19 @@ function last(arr) {
 }
 __name(last, "last");
 function range(n2) {
-  var arr = [];
-  for (var i = 0; i < n2; i += 1) {
+  const arr = [];
+  for (let i = 0; i < n2; i += 1) {
     arr.push(n2);
   }
   return arr;
 }
 __name(range, "range");
 function orderBy(arr, funcs, dirs, indexKey) {
-  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);
+  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);
       if (sortInt) {
         return desc ? -sortInt : sortInt;
       }
@@ -23544,8 +23507,8 @@ function orderBy(arr, funcs, dirs, indexKey) {
 }
 __name(orderBy, "orderBy");
 function remove2(a2, b2) {
-  return a2.filter(function(o2, i) {
-    var r2 = b2(o2);
+  return a2.filter((o2, i) => {
+    const r2 = b2(o2);
     if (r2) {
       a2.splice(i, 1);
       return true;
@@ -23556,50 +23519,46 @@ function remove2(a2, b2) {
 __name(remove2, "remove");
 function clone2(a2) {
   try {
-    return JSON.parse(JSON.stringify(a2, function(key, value) {
-      if (typeof value === "function") {
-        return value.toString();
-      }
-      return value;
-    }));
+    return JSON.parse(
+      JSON.stringify(a2, (key, value) => {
+        if (typeof value === "function") {
+          return value.toString();
+        }
+        return value;
+      })
+    );
   } catch (e2) {
     return a2;
   }
 }
 __name(clone2, "clone");
-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];
+function getFirstDefined(...args) {
+  for (let i = 0; i < args.length; i += 1) {
+    if (typeof args[i] !== "undefined") {
+      return args[i];
     }
   }
 }
 __name(getFirstDefined, "getFirstDefined");
 function sum(arr) {
-  return arr.reduce(function(a2, b2) {
-    return a2 + b2;
-  }, 0);
+  return arr.reduce((a2, b2) => a2 + b2, 0);
 }
 __name(sum, "sum");
 function makeTemplateComponent(compClass, displayName) {
   if (!displayName) {
     throw new Error("No displayName found for template component:", compClass);
   }
-  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
-    );
+  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);
   }, "cmp");
   cmp.displayName = displayName;
   return cmp;
 }
 __name(makeTemplateComponent, "makeTemplateComponent");
 function groupBy(xs, key) {
-  return xs.reduce(function(rv, x2, i) {
-    var resKey = typeof key === "function" ? key(x2, i) : x2[key];
+  return xs.reduce((rv, x2, i) => {
+    const resKey = typeof key === "function" ? key(x2, i) : x2[key];
     rv[resKey] = isArray$b(rv[resKey]) ? rv[resKey] : [];
     rv[resKey].push(x2);
     return rv;
@@ -23608,7 +23567,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) {
@@ -23619,20 +23578,19 @@ function makePathArray(obj) {
   return flattenDeep(obj).join(".").replace(/\[/g, ".").replace(/\]/g, "").split(".");
 }
 __name(makePathArray, "makePathArray");
-function flattenDeep(arr) {
-  var newArr = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+function flattenDeep(arr, newArr = []) {
   if (!isArray$b(arr)) {
     newArr.push(arr);
   } else {
-    for (var i = 0; i < arr.length; i += 1) {
+    for (let i = 0; i < arr.length; i += 1) {
       flattenDeep(arr[i], newArr);
     }
   }
   return newArr;
 }
 __name(flattenDeep, "flattenDeep");
-function splitProps(_ref2) {
-  var className = _ref2.className, style2 = _ref2.style, rest = _objectWithoutProperties$6(_ref2, ["className", "style"]);
+function splitProps(_c) {
+  var _d = _c, { className, style: style2 } = _d, rest = __objRest(_d, ["className", "style"]);
   return {
     className,
     style: style2,
@@ -23641,9 +23599,9 @@ function splitProps(_ref2) {
 }
 __name(splitProps, "splitProps");
 function compactObject(obj) {
-  var newObj = {};
+  const newObj = {};
   if (obj) {
-    Object.keys(obj).map(function(key) {
+    Object.keys(obj).map((key) => {
       if (Object.prototype.hasOwnProperty.call(obj, key) && obj[key] !== void 0 && typeof obj[key] !== "undefined") {
         newObj[key] = obj[key];
       }
@@ -23657,1084 +23615,744 @@ function isSortingDesc(d2) {
   return !!(d2.sort === "desc" || d2.desc === true || d2.asc === false);
 }
 __name(isSortingDesc, "isSortingDesc");
-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;
+function normalizeComponent(Comp, params = {}, fallback = Comp) {
+  return typeof Comp === "function" ? Object.getPrototypeOf(Comp).isReactComponent ? /* @__PURE__ */ React$1.createElement(Comp, __spreadValues({}, params)) : Comp(params) : fallback;
 }
 __name(normalizeComponent, "normalizeComponent");
-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);
-    }
-  }
-  __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");
-  }
-}
-__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");
+const Lifecycle = /* @__PURE__ */ __name((Base) => class extends Base {
+  UNSAFE_componentWillMount() {
+    this.setStateWithData(this.getDataModel(this.getResolvedState(), true));
   }
-  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);
+  componentDidMount() {
+    this.fireFetchData();
   }
-  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;
+  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];
       }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
-      try {
-        if (!_n && _i["return"])
-          _i["return"]();
-      } finally {
-        if (_d)
-          throw _e;
+    });
+    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;
+        }
       }
     }
-    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$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];
+    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));
     }
-  }
-  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 (oldState.filtered !== newResolvedState.filtered) {
+      newResolvedState.page = 0;
     }
-  }
-  __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];
+    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 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 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();
+      }
+    });
   }
-  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);
+}, "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;
   }
-  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;
-          }
+  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);
+    }
+    if (SubComponent && !expanderColumn) {
+      expanderColumn = { expander: true };
+      columnsWithExpander = [expanderColumn, ...columnsWithExpander];
+    }
+    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))
         });
-        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 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
         });
-        if (expanderColumn && !expanderColumn.expander) {
-          expanderColumn = expanderColumn.columns.find(function(col) {
-            return col.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 (SubComponent && !expanderColumn) {
-          expanderColumn = { expander: true };
-          columnsWithExpander = [expanderColumn].concat(_toConsumableArray(columnsWithExpander));
+      });
+      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);
         }
-        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);
-        });
-        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;
+        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));
         });
-        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);
-          }
+        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 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);
+        const filterMethod = column.filterMethod || defaultFilterMethod;
+        if (column.filterAll) {
+          return filterMethod(nextFilter, filteredSoFar, column);
         }
-        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 filteredSoFar.filter((row) => filterMethod(nextFilter, row, column));
+      }, filteredData);
+      filteredData = filteredData.map((row) => {
+        if (!row[this.props.subRowsKey]) {
           return row;
-        }, "accessRow");
-        var resolvedData = resolveData2(data).map(function(d2, i) {
-          return accessRow(d2, i);
-        });
-        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 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;
         }
-        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);
+        return __spreadProps(__spreadValues({}, row), {
+          [this.props.subRowsKey]: this.filterData(
+            row[this.props.subRowsKey],
+            filtered,
+            defaultFilterMethod,
+            allVisibleColumns
+          )
         });
-      }, "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;
+      }).filter((row) => {
+        if (!row[this.props.subRowsKey]) {
+          return true;
         }
-        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
-            });
+        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 (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);
           } else {
-            newSorted = [{
-              id: column.id,
-              desc: firstSortDirection
-            }];
+            existing.desc = firstSortDirection;
+            newSorted = [existing];
           }
         } else {
-          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
-              };
-            });
+          existing.desc = secondSortDirection;
+          if (!additive) {
+            newSorted = [existing];
           }
         }
-        this.setStateWithData({
-          page: !sorted.length && newSorted.length || !additive ? 0 : this.state.page,
-          sorted: newSorted
-        }, function() {
-          return onSortedChange && onSortedChange(newSorted, column, additive);
-        });
-      }, "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);
+      } else if (additive) {
+        newSorted.push({
+          id: column.id,
+          desc: firstSortDirection
         });
-      }, "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: {
+      } else {
+        newSorted = [
+          {
             id: column.id,
-            startX: pageX,
-            parentWidth
+            desc: firstSortDirection
           }
-        }, function() {
-          if (isTouch) {
-            document.addEventListener("touchmove", _this5.resizeColumnMoving);
-            document.addEventListener("touchcancel", _this5.resizeColumnEnd);
-            document.addEventListener("touchend", _this5.resizeColumnEnd);
+        ];
+      }
+    } 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);
           } else {
-            document.addEventListener("mousemove", _this5.resizeColumnMoving);
-            document.addEventListener("mouseup", _this5.resizeColumnEnd);
-            document.addEventListener("mouseleave", _this5.resizeColumnEnd);
+            column.forEach((d2, i) => {
+              newSorted[existingIndex + i].desc = firstSortDirection;
+            });
           }
-        });
-      }, "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
+        } else {
+          column.forEach((d2, i) => {
+            newSorted[existingIndex + i].desc = secondSortDirection;
           });
         }
-      }, "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);
+        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
+        }));
+      }
     }
+    this.setStateWithData(
+      {
+        page: !sorted.length && newSorted.length || !additive ? 0 : this.state.page,
+        sorted: newSorted
+      },
+      () => onSortedChange && onSortedChange(newSorted, column, additive)
+    );
   }
-  __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];
-      }
+  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
+      });
     }
+    this.setStateWithData(
+      {
+        filtered: newFiltering
+      },
+      () => onFilteredChange && onFilteredChange(newFiltering, column, value)
+    );
   }
-  return target;
-};
-function _classCallCheck$f(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
+  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);
+        }
+      }
+    );
   }
-}
-__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");
+  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)
+    );
   }
-  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);
+  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
+      });
+    }
   }
-  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 = {
+}, "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 = {
       page: props.page
     };
-    return _this;
   }
-  __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: /* @__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];
-      }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (this.props.page !== nextProps.page) {
+      this.setState({ page: nextProps.page });
     }
   }
-  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];
+  getSafePage(page) {
+    if (Number.isNaN(page)) {
+      page = this.props.page;
+    }
+    return Math.min(Math.max(page, 0), this.props.pages - 1);
   }
-  return target;
-}
-__name(_objectWithoutProperties$5, "_objectWithoutProperties$5");
-var emptyObj = /* @__PURE__ */ __name(function emptyObj2() {
-  return {};
-}, "emptyObj");
+  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", {
+  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
+    }
+  )),
+  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");
 const defaultProps$1 = {
   // General
   data: [],
-  resolveData: /* @__PURE__ */ __name(function resolveData(data) {
-    return data;
-  }, "resolveData"),
+  resolveData: (data) => data,
   loading: false,
   showPagination: true,
   showPaginationTop: false,
@@ -24758,12 +24376,12 @@ const defaultProps$1 = {
   defaultResized: [],
   defaultExpanded: {},
   // eslint-disable-next-line no-unused-vars
-  defaultFilterMethod: /* @__PURE__ */ __name(function defaultFilterMethod(filter, row, column) {
-    var id2 = filter.pivotId || filter.id;
+  defaultFilterMethod: (filter, row, column) => {
+    const 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: /* @__PURE__ */ __name(function defaultSortMethod(a2, b2, desc) {
+  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;
@@ -24775,7 +24393,7 @@ const defaultProps$1 = {
       return -1;
     }
     return 0;
-  }, "defaultSortMethod"),
+  },
   // Controlled State Props
   // page: undefined,
   // pageSize: undefined,
@@ -24802,9 +24420,7 @@ const defaultProps$1 = {
   indexKey: "_index",
   groupedByPivotKey: "_groupedByPivot",
   // Server-side Callbacks
-  onFetchData: /* @__PURE__ */ __name(function onFetchData() {
-    return null;
-  }, "onFetchData"),
+  onFetchData: () => null,
   // Classes
   className: "",
   style: {},
@@ -24892,145 +24508,106 @@ const defaultProps$1 = {
   pageJumpText: "jump to page",
   rowsSelectorText: "rows per page",
   // Components
-  TableComponent: /* @__PURE__ */ __name(function TableComponent(_ref) {
-    var children = _ref.children, className = _ref.className, rest = _objectWithoutProperties$5(_ref, ["children", "className"]);
-    return React$1.createElement(
+  TableComponent: (_e) => {
+    var _f = _e, { children, className } = _f, rest = __objRest(_f, ["children", "className"]);
+    return /* @__PURE__ */ React$1.createElement(
       "div",
-      _extends$j({
+      __spreadValues({
         className: classNames("rt-table", className),
         role: "grid"
-        // tabIndex='0'
       }, rest),
       children
     );
-  }, "TableComponent"),
+  },
   TheadComponent: _.makeTemplateComponent("rt-thead", "Thead"),
   TbodyComponent: _.makeTemplateComponent("rt-tbody", "Tbody"),
-  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
-    );
-  }, "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),
+  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,
       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"]);
+    } = _l, rest = __objRest(_l, [
+      "toggleSort",
+      "className",
+      "children"
+    ]);
     return (
       // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-      React$1.createElement(
+      /* @__PURE__ */ React$1.createElement(
         "div",
-        _extends$j({
+        __spreadValues({
           className: classNames("rt-th", className),
-          onClick: /* @__PURE__ */ __name(function onClick(e2) {
-            return toggleSort && toggleSort(e2);
-          }, "onClick"),
+          onClick: (e2) => toggleSort && toggleSort(e2),
           role: "columnheader",
           tabIndex: "-1"
-          // Resolves eslint issues without implementing keyboard navigation incorrectly
         }, rest),
         children
       )
     );
-  }, "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),
+  },
+  TdComponent: (_m) => {
+    var _n = _m, {
+      toggleSort,
+      className,
       children
-    );
-  }, "TdComponent"),
+    } = _n, rest = __objRest(_n, [
+      "toggleSort",
+      "className",
+      "children"
+    ]);
+    return /* @__PURE__ */ React$1.createElement("div", __spreadValues({ className: classNames("rt-td", className), role: "gridcell" }, rest), children);
+  },
   TfootComponent: _.makeTemplateComponent("rt-tfoot", "Tfoot"),
-  FilterComponent: /* @__PURE__ */ __name(function FilterComponent(_ref6) {
-    var filter = _ref6.filter, _onChange = _ref6.onChange, column = _ref6.column;
-    return React$1.createElement("input", {
+  FilterComponent: ({ filter, onChange, column }) => /* @__PURE__ */ React$1.createElement(
+    "input",
+    {
       type: "text",
       style: {
         width: "100%"
       },
       placeholder: column.Placeholder,
       value: filter ? filter.value : "",
-      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"),
+      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);
+  },
   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: /* @__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"),
+  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));
+  },
   NoDataComponent: _.makeTemplateComponent("rt-noData", "NoData"),
   ResizerComponent: _.makeTemplateComponent("rt-resizer", "Resizer"),
-  PadRowComponent: /* @__PURE__ */ __name(function PadRowComponent() {
-    return React$1.createElement(
-      "span",
-      null,
-      " "
-    );
-  }, "PadRowComponent")
+  PadRowComponent: () => /* @__PURE__ */ React$1.createElement("span", null, " ")
 };
 const propTypes = {
   // General
@@ -25104,44 +24681,46 @@ 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,
@@ -25184,122 +24763,48 @@ const propTypes = {
   ResizerComponent: PropTypes$1.elementType,
   PadRowComponent: PropTypes$1.elementType
 };
-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 {
+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(() => {
       try {
-        if (!_n && _i["return"])
-          _i["return"]();
-      } finally {
-        if (_d)
-          throw _e;
-      }
-    }
-    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];
+        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);
       }
-    }
-  }
-  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 = {
+    }, 0);
+    this.state = {
       page: props.defaultPage,
       pageSize: props.defaultPageSize,
       sorted: props.defaultSorted,
@@ -25309,588 +24814,673 @@ var ReactTable = function(_Methods) {
       currentlyResizing: false,
       skipNextSort: false
     };
-    return _this;
   }
-  __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;
-        }) || {};
+  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) || {};
         return _.getFirstDefined(resizedColumn.value, d2.width, d2.minWidth);
-      }));
-      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
+      })
+    );
+    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`
           })
-        );
-      }, "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
-            })
+        }, 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"
           ),
-          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, {
+          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,
+          {
             column,
             filter,
-            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.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);
-              }
-              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);
-                  });
-                };
+            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;
               }
-              if (columnProps.rest.onClick) {
-                interactionProps.onClick = function(e2) {
-                  columnProps.rest.onClick(e2, function() {
-                    return resolvedOnExpanderClick(e2);
-                  });
-                };
+              if (!cellInfo.subRows && !SubComponent) {
+                resolvedCell = null;
               }
-              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
-              );
-            })
+            }
+          }
+          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
           ),
-          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);
+          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)
           })
-        );
-      }, "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
+        }, 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`
           })
-        );
-      }, "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, {
+        }, 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), {
           pages,
           canPrevious,
           canNext,
-          onPageChange: _this2.onPageChange,
-          onPageSizeChange: _this2.onPageSizeChange,
+          onPageChange: this.onPageChange,
+          onPageSizeChange: this.onPageSizeChange,
           className: paginationProps.className,
           style: paginationProps.style,
           isTop
-        }, 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
-          ),
-          showPagination && showPaginationBottom ? React$1.createElement(
-            "div",
-            { className: "pagination-bottom" },
-            makePagination(false)
-          ) : null,
-          !pageRows.length && React$1.createElement(
-            NoDataComponent,
-            noDataProps,
-            _.normalizeComponent(noDataText)
+        }), 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
+            }
           ),
-          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;
+          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;
 var dayjs_min = { exports: {} };
 (function(module2, exports2) {
   !function(t2, e2) {
@@ -44202,7 +43792,7 @@ function arrayEach$2(array2, iteratee) {
 }
 __name(arrayEach$2, "arrayEach$2");
 var _arrayEach = arrayEach$2;
-var defineProperty$3 = _defineProperty$6;
+var defineProperty$3 = _defineProperty$5;
 function baseAssignValue$3(object2, key, value) {
   if (key == "__proto__" && defineProperty$3) {
     defineProperty$3(object2, key, {
@@ -53812,8 +53402,8 @@ const renderSuggest = /* @__PURE__ */ __name((props) => {
   });
   return /* @__PURE__ */ React$1.createElement(TgSuggest, __spreadValues({}, propsToUse));
 }, "renderSuggest");
-const BPSelect = /* @__PURE__ */ __name((_c) => {
-  var _d = _c, { value, onChange } = _d, rest = __objRest(_d, ["value", "onChange"]);
+const BPSelect = /* @__PURE__ */ __name((_q) => {
+  var _r = _q, { value, onChange } = _r, rest = __objRest(_r, ["value", "onChange"]);
   return renderSelect(__spreadProps(__spreadValues({}, rest), { input: { onChange, value } }));
 }, "BPSelect");
 const renderSelect = /* @__PURE__ */ __name((props) => {
@@ -53948,12 +53538,12 @@ const renderBlueprintNumericInput = /* @__PURE__ */ __name((props) => {
     })
   );
 }, "renderBlueprintNumericInput");
-const renderBlueprintRadioGroup = /* @__PURE__ */ __name((_e) => {
-  var _f = _e, {
+const renderBlueprintRadioGroup = /* @__PURE__ */ __name((_s) => {
+  var _t = _s, {
     input,
     options,
     onFieldSubmit
-  } = _f, rest = __objRest(_f, [
+  } = _t, rest = __objRest(_t, [
     "input",
     "options",
     "onFieldSubmit"
@@ -54464,10 +54054,10 @@ const _DisplayOptions = class _DisplayOptions extends React$1.Component {
 };
 __name(_DisplayOptions, "DisplayOptions");
 let DisplayOptions = _DisplayOptions;
-const { LoadingComponent: LoadingComponent2 } = ReactTableDefaults;
+const { LoadingComponent } = ReactTableDefaults;
 function DisabledLoadingComponent({ disabled, loading, loadingText }) {
   return /* @__PURE__ */ React$1.createElement(
-    LoadingComponent2,
+    LoadingComponent,
     {
       className: disabled ? "disabled" : "",
       loading,
@@ -54643,7 +54233,7 @@ function createLocation(path2, state, key, currentLocation) {
     location2 = parsePath(path2);
     location2.state = state;
   } else {
-    location2 = _extends$n({}, path2);
+    location2 = _extends$i({}, path2);
     if (location2.pathname === void 0)
       location2.pathname = "";
     if (location2.search) {
@@ -57143,8 +56733,8 @@ const _DataTable = class _DataTable extends React$1.Component {
         };
       }),
       branch(({ immovable }) => "true" !== immovable, sortableElement)
-    )((_g) => {
-      var _h = _g, { toggleSort, className, children } = _h, rest = __objRest(_h, ["toggleSort", "className", "children"]);
+    )((_u) => {
+      var _v = _u, { toggleSort, className, children } = _v, rest = __objRest(_v, ["toggleSort", "className", "children"]);
       return /* @__PURE__ */ React$1.createElement(
         "div",
         __spreadValues({
@@ -58513,6 +58103,7 @@ const _DataTable = class _DataTable extends React$1.Component {
             ${description2} ${isUnique ? "<br>Must be unique" : ""}</div>`
         }), {
           "data-test": columnTitleTextified,
+          "data-path": path2,
           "data-copy-text": columnTitleTextified,
           className: classNames("tg-react-table-column-header", {
             "sort-active": sortUp || sortDown
@@ -59270,13 +58861,13 @@ function getCellInfo({
   };
 }
 __name(getCellInfo, "getCellInfo");
-function ColumnFilterMenu(_i) {
-  var _j = _i, {
+function ColumnFilterMenu(_w) {
+  var _x = _w, {
     FilterMenu,
     filterActiveForColumn,
     compact: compact3,
     extraCompact
-  } = _j, rest = __objRest(_j, [
+  } = _x, rest = __objRest(_x, [
     "FilterMenu",
     "filterActiveForColumn",
     "compact",
@@ -62081,8 +61672,8 @@ function maybeStripIdFromEntities(ents, validateAgainstSchema) {
   return toRet == null ? void 0 : toRet.map((e2) => lodashExports.omit(e2, ["_isClean"]));
 }
 __name(maybeStripIdFromEntities, "maybeStripIdFromEntities");
-const useDialog = /* @__PURE__ */ __name((_k) => {
-  var _l = _k, { ModalComponent } = _l, rest = __objRest(_l, ["ModalComponent"]);
+const useDialog = /* @__PURE__ */ __name((_y) => {
+  var _z = _y, { ModalComponent } = _z, rest = __objRest(_z, ["ModalComponent"]);
   const [isOpen, setOpen] = React$1.useState(false);
   const [additionalProps, setAdditionalProps] = React$1.useState(false);
   const comp = /* @__PURE__ */ React$1.createElement(
@@ -72674,14 +72265,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(_m) {
-  var _n = _m, {
+function DropdownButton(_A) {
+  var _B = _A, {
     disabled,
     menu,
     noRightIcon,
     popoverProps,
     className
-  } = _n, rest = __objRest(_n, [
+  } = _B, rest = __objRest(_B, [
     "disabled",
     "menu",
     "noRightIcon",
@@ -76124,14 +75715,14 @@ const EnhancedMenuItem = compose(
     }
   }),
   branch(({ navTo }) => navTo, withRouter$1)
-)(function(_o) {
-  var _p = _o, {
+)(function(_C) {
+  var _D = _C, {
     navTo,
     context,
     staticContext,
     didMount,
     willUnmount
-  } = _p, props = __objRest(_p, [
+  } = _D, props = __objRest(_D, [
     "navTo",
     "context",
     "staticContext",
@@ -76352,8 +75943,8 @@ function doesSearchValMatchText(searchVal, justText) {
   );
 }
 __name(doesSearchValMatchText, "doesSearchValMatchText");
-const MenuItemWithTooltip = /* @__PURE__ */ __name((_q) => {
-  var _r = _q, { tooltip } = _r, rest = __objRest(_r, ["tooltip"]);
+const MenuItemWithTooltip = /* @__PURE__ */ __name((_E) => {
+  var _F = _E, { tooltip } = _F, rest = __objRest(_F, ["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);