@helpdice/ui 1.4.9 → 1.5.1

package/dist/table/index.js

@@ -186,8 +186,8 @@ function _toConsumableArray(r) {
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
-  if (undefined !== e) {
-    var i = e.call(t, r || "default");
+  if (void 0 !== e) {
+    var i = e.call(t, r);
     if ("object" != typeof i) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
@@ -210,7 +210,7 @@ function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : undefined;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
   }
 }
 
@@ -246,7 +246,7 @@ function requireIndex () {
 	    }
 	}
 	function _createClass(Constructor, protoProps, staticProps) {
-	    _defineProperties(Constructor.prototype, protoProps);
+	    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
 	    return Constructor;
 	}
 	var isProd = typeof process !== "undefined" && process.env && process.env.NODE_ENV === "production";
@@ -255,7 +255,7 @@ function requireIndex () {
 	};
 	var StyleSheet = /*#__PURE__*/ function() {
 	    function StyleSheet(param) {
-	        var ref = param === undefined ? {} : param, _name = ref.name, name = _name === undefined ? "stylesheet" : _name, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === undefined ? isProd : _optimizeForSpeed;
+	        var ref = param === void 0 ? {} : param, _name = ref.name, name = _name === void 0 ? "stylesheet" : _name, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === void 0 ? isProd : _optimizeForSpeed;
 	        invariant$1(isString(name), "`name` must be a string");
 	        this._name = name;
 	        this._deletedRulePlaceholder = "#" + name + "-deleted-rule____{}";
@@ -513,7 +513,7 @@ function requireIndex () {
 	}
 
 	function mapRulesToStyle(cssRules, options) {
-	    if (options === undefined) options = {};
+	    if (options === void 0) options = {};
 	    return cssRules.map(function(args) {
 	        var id = args[0];
 	        var css = args[1];
@@ -530,7 +530,7 @@ function requireIndex () {
 	}
 	var StyleSheetRegistry = /*#__PURE__*/ function() {
 	    function StyleSheetRegistry(param) {
-	        var ref = param === undefined ? {} : param, _styleSheet = ref.styleSheet, styleSheet = _styleSheet === undefined ? null : _styleSheet, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === undefined ? false : _optimizeForSpeed;
+	        var ref = param === void 0 ? {} : param, _styleSheet = ref.styleSheet, styleSheet = _styleSheet === void 0 ? null : _styleSheet, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === void 0 ? false : _optimizeForSpeed;
 	        this._sheet = styleSheet || new StyleSheet({
 	            name: "styled-jsx",
 	            optimizeForSpeed: optimizeForSpeed
@@ -1018,7 +1018,7 @@ var InputBlockLabel = /*#__PURE__*/React.memo(InputBlockLabelComponent);
 var InputIconComponent = function InputIconComponent(_ref) {
   var icon = _ref.icon,
     _ref$clickable = _ref.clickable,
-    clickable = _ref$clickable === undefined ? false : _ref$clickable,
+    clickable = _ref$clickable === void 0 ? false : _ref$clickable,
     onClick = _ref.onClick;
   return /*#__PURE__*/React.createElement("span", {
     onClick: onClick,
@@ -1311,9 +1311,9 @@ var withScale = function withScale(Render) {
       margin = props.margin,
       padding = props.padding,
       _props$unit = props.unit,
-      unit = _props$unit === undefined ? layout.unit : _props$unit,
+      unit = _props$unit === void 0 ? layout.unit : _props$unit,
       _props$scale = props.scale,
-      scale = _props$scale === undefined ? 1 : _props$scale;
+      scale = _props$scale === void 0 ? 1 : _props$scale;
     var makeScaleHandler = function makeScaleHandler(attrValue) {
       return function (scale1x, defaultValue) {
         // 0 means disable scale and the default value is 0
@@ -1334,20 +1334,20 @@ var withScale = function withScale(Render) {
     var value = {
       unit: unit,
       SCALES: {
-        pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== undefined ? paddingTop : pt) !== null && _ref3 !== undefined ? _ref3 : py) !== null && _ref2 !== undefined ? _ref2 : padding),
-        pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== undefined ? paddingRight : pr) !== null && _ref5 !== undefined ? _ref5 : px) !== null && _ref4 !== undefined ? _ref4 : padding),
-        pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== undefined ? paddingBottom : pb) !== null && _ref7 !== undefined ? _ref7 : py) !== null && _ref6 !== undefined ? _ref6 : padding),
-        pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== undefined ? paddingLeft : pl) !== null && _ref9 !== undefined ? _ref9 : px) !== null && _ref8 !== undefined ? _ref8 : padding),
-        px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== undefined ? px : paddingLeft) !== null && _ref13 !== undefined ? _ref13 : paddingRight) !== null && _ref12 !== undefined ? _ref12 : pl) !== null && _ref11 !== undefined ? _ref11 : pr) !== null && _ref10 !== undefined ? _ref10 : padding),
-        py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== undefined ? py : paddingTop) !== null && _ref17 !== undefined ? _ref17 : paddingBottom) !== null && _ref16 !== undefined ? _ref16 : pt) !== null && _ref15 !== undefined ? _ref15 : pb) !== null && _ref14 !== undefined ? _ref14 : padding),
-        mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== undefined ? marginTop : mt) !== null && _ref19 !== undefined ? _ref19 : my) !== null && _ref18 !== undefined ? _ref18 : margin),
-        mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== undefined ? marginRight : mr) !== null && _ref21 !== undefined ? _ref21 : mx) !== null && _ref20 !== undefined ? _ref20 : margin),
-        mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== undefined ? marginBottom : mb) !== null && _ref23 !== undefined ? _ref23 : my) !== null && _ref22 !== undefined ? _ref22 : margin),
-        ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== undefined ? marginLeft : ml) !== null && _ref25 !== undefined ? _ref25 : mx) !== null && _ref24 !== undefined ? _ref24 : margin),
-        mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== undefined ? mx : marginLeft) !== null && _ref29 !== undefined ? _ref29 : marginRight) !== null && _ref28 !== undefined ? _ref28 : ml) !== null && _ref27 !== undefined ? _ref27 : mr) !== null && _ref26 !== undefined ? _ref26 : margin),
-        my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== undefined ? my : marginTop) !== null && _ref33 !== undefined ? _ref33 : marginBottom) !== null && _ref32 !== undefined ? _ref32 : mt) !== null && _ref31 !== undefined ? _ref31 : mb) !== null && _ref30 !== undefined ? _ref30 : margin),
-        width: makeScaleHandler(width !== null && width !== undefined ? width : w),
-        height: makeScaleHandler(height !== null && height !== undefined ? height : h),
+        pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== void 0 ? paddingTop : pt) !== null && _ref3 !== void 0 ? _ref3 : py) !== null && _ref2 !== void 0 ? _ref2 : padding),
+        pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== void 0 ? paddingRight : pr) !== null && _ref5 !== void 0 ? _ref5 : px) !== null && _ref4 !== void 0 ? _ref4 : padding),
+        pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== void 0 ? paddingBottom : pb) !== null && _ref7 !== void 0 ? _ref7 : py) !== null && _ref6 !== void 0 ? _ref6 : padding),
+        pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : pl) !== null && _ref9 !== void 0 ? _ref9 : px) !== null && _ref8 !== void 0 ? _ref8 : padding),
+        px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== void 0 ? px : paddingLeft) !== null && _ref13 !== void 0 ? _ref13 : paddingRight) !== null && _ref12 !== void 0 ? _ref12 : pl) !== null && _ref11 !== void 0 ? _ref11 : pr) !== null && _ref10 !== void 0 ? _ref10 : padding),
+        py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== void 0 ? py : paddingTop) !== null && _ref17 !== void 0 ? _ref17 : paddingBottom) !== null && _ref16 !== void 0 ? _ref16 : pt) !== null && _ref15 !== void 0 ? _ref15 : pb) !== null && _ref14 !== void 0 ? _ref14 : padding),
+        mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== void 0 ? marginTop : mt) !== null && _ref19 !== void 0 ? _ref19 : my) !== null && _ref18 !== void 0 ? _ref18 : margin),
+        mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== void 0 ? marginRight : mr) !== null && _ref21 !== void 0 ? _ref21 : mx) !== null && _ref20 !== void 0 ? _ref20 : margin),
+        mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== void 0 ? marginBottom : mb) !== null && _ref23 !== void 0 ? _ref23 : my) !== null && _ref22 !== void 0 ? _ref22 : margin),
+        ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== void 0 ? marginLeft : ml) !== null && _ref25 !== void 0 ? _ref25 : mx) !== null && _ref24 !== void 0 ? _ref24 : margin),
+        mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== void 0 ? mx : marginLeft) !== null && _ref29 !== void 0 ? _ref29 : marginRight) !== null && _ref28 !== void 0 ? _ref28 : ml) !== null && _ref27 !== void 0 ? _ref27 : mr) !== null && _ref26 !== void 0 ? _ref26 : margin),
+        my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== void 0 ? my : marginTop) !== null && _ref33 !== void 0 ? _ref33 : marginBottom) !== null && _ref32 !== void 0 ? _ref32 : mt) !== null && _ref31 !== void 0 ? _ref31 : mb) !== null && _ref30 !== void 0 ? _ref30 : margin),
+        width: makeScaleHandler(width !== null && width !== void 0 ? width : w),
+        height: makeScaleHandler(height !== null && height !== void 0 ? height : h),
         font: makeScaleHandler(font)
       },
       getScaleProps: generateGetScaleProps(props),
@@ -1374,35 +1374,35 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var label = _ref.label,
     labelRight = _ref.labelRight,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     error = _ref.error,
     _ref$htmlType = _ref.htmlType,
-    htmlType = _ref$htmlType === undefined ? 'text' : _ref$htmlType,
+    htmlType = _ref$htmlType === void 0 ? 'text' : _ref$htmlType,
     icon = _ref.icon,
     iconRight = _ref.iconRight,
     _ref$iconClickable = _ref.iconClickable,
-    iconClickable = _ref$iconClickable === undefined ? false : _ref$iconClickable,
+    iconClickable = _ref$iconClickable === void 0 ? false : _ref$iconClickable,
     onIconClick = _ref.onIconClick,
     _ref$initialValue = _ref.initialValue,
-    initialValue = _ref$initialValue === undefined ? '' : _ref$initialValue,
+    initialValue = _ref$initialValue === void 0 ? '' : _ref$initialValue,
     onChange = _ref.onChange,
     _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === undefined ? false : _ref$readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     value = _ref.value,
     onClearClick = _ref.onClearClick,
     _ref$clearable = _ref.clearable,
-    clearable = _ref$clearable === undefined ? false : _ref$clearable,
+    clearable = _ref$clearable === void 0 ? false : _ref$clearable,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     onBlur = _ref.onBlur,
     onFocus = _ref.onFocus,
     _ref$autoComplete = _ref.autoComplete,
-    autoComplete = _ref$autoComplete === undefined ? 'off' : _ref$autoComplete,
+    autoComplete = _ref$autoComplete === void 0 ? 'off' : _ref$autoComplete,
     _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === undefined ? '' : _ref$placeholder,
+    placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
     children = _ref.children,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     props = _objectWithoutProperties(_ref, _excluded$l);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -1549,22 +1549,22 @@ var _excluded$k = ["type", "disabled", "readOnly", "onFocus", "onBlur", "classNa
 tuple('none', 'both', 'horizontal', 'vertical', 'initial', 'inherit');
 var TextareaComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === undefined ? false : _ref$readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     onFocus = _ref.onFocus,
     onBlur = _ref.onBlur,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$initialValue = _ref.initialValue,
-    initialValue = _ref$initialValue === undefined ? '' : _ref$initialValue,
+    initialValue = _ref$initialValue === void 0 ? '' : _ref$initialValue,
     onChange = _ref.onChange,
     value = _ref.value,
     placeholder = _ref.placeholder,
     _ref$resize = _ref.resize,
-    resize = _ref$resize === undefined ? 'none' : _ref$resize,
+    resize = _ref$resize === void 0 ? 'none' : _ref$resize,
     props = _objectWithoutProperties(_ref, _excluded$k);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -19039,17 +19039,17 @@ var _excluded$i = ["children", "className", "visible", "enterTime", "leaveTime",
 var CssTransition = function CssTransition(_ref) {
   var children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$visible = _ref.visible,
-    visible = _ref$visible === undefined ? false : _ref$visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
     _ref$enterTime = _ref.enterTime,
-    enterTime = _ref$enterTime === undefined ? 60 : _ref$enterTime,
+    enterTime = _ref$enterTime === void 0 ? 60 : _ref$enterTime,
     _ref$leaveTime = _ref.leaveTime,
-    leaveTime = _ref$leaveTime === undefined ? 60 : _ref$leaveTime,
+    leaveTime = _ref$leaveTime === void 0 ? 60 : _ref$leaveTime,
     _ref$clearTime = _ref.clearTime,
-    clearTime = _ref$clearTime === undefined ? 60 : _ref$clearTime,
+    clearTime = _ref$clearTime === void 0 ? 60 : _ref$clearTime,
     _ref$name = _ref.name,
-    name = _ref$name === undefined ? 'transition' : _ref$name,
+    name = _ref$name === void 0 ? 'transition' : _ref$name,
     props = _objectWithoutProperties(_ref, _excluded$i);
   var _useState = React.useState(''),
     _useState2 = _slicedToArray(_useState, 2),
@@ -19122,7 +19122,7 @@ var useDOMObserver = function useDOMObserver(ref) {
     var unmount = false;
     var done = function done() {
       if (unmount) return;
-      callback.apply(undefined, arguments);
+      callback.apply(void 0, arguments);
     };
     var observer = new MutationObserver(done);
     observer.observe(ref.current, config);
@@ -19277,9 +19277,9 @@ var SelectDropdown = /*#__PURE__*/React.forwardRef(function (_ref, dropdownRef)
   var visible = _ref.visible,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$dropdownStyle = _ref.dropdownStyle,
-    dropdownStyle = _ref$dropdownStyle === undefined ? {} : _ref$dropdownStyle,
+    dropdownStyle = _ref$dropdownStyle === void 0 ? {} : _ref$dropdownStyle,
     disableMatchWidth = _ref.disableMatchWidth,
     getPopupContainer = _ref.getPopupContainer;
   var theme = useTheme();
@@ -19328,22 +19328,22 @@ var getItemLayout = function getItemLayout(val) {
 };
 var GridBasicItem = function GridBasicItem(_ref) {
   var _ref$xs = _ref.xs,
-    xs = _ref$xs === undefined ? false : _ref$xs,
+    xs = _ref$xs === void 0 ? false : _ref$xs,
     _ref$sm = _ref.sm,
-    sm = _ref$sm === undefined ? false : _ref$sm,
+    sm = _ref$sm === void 0 ? false : _ref$sm,
     _ref$md = _ref.md,
-    md = _ref$md === undefined ? false : _ref$md,
+    md = _ref$md === void 0 ? false : _ref$md,
     _ref$lg = _ref.lg,
-    lg = _ref$lg === undefined ? false : _ref$lg,
+    lg = _ref$lg === void 0 ? false : _ref$lg,
     _ref$xl = _ref.xl,
-    xl = _ref$xl === undefined ? false : _ref$xl,
+    xl = _ref$xl === void 0 ? false : _ref$xl,
     justify = _ref.justify,
     direction = _ref.direction,
     alignItems = _ref.alignItems,
     alignContent = _ref.alignContent,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$h);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -19388,7 +19388,7 @@ var _excluded$g = ["children", "className"];
 var GridComponent = function GridComponent(_ref) {
   var children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$g);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -19412,12 +19412,12 @@ var Grid = withScale(GridComponent);
 var _excluded$f = ["gap", "wrap", "children", "className"];
 var GridContainerComponent = function GridContainerComponent(_ref) {
   var _ref$gap = _ref.gap,
-    gap = _ref$gap === undefined ? 0 : _ref$gap,
+    gap = _ref$gap === void 0 ? 0 : _ref$gap,
     _ref$wrap = _ref.wrap,
-    wrap = _ref$wrap === undefined ? 'wrap' : _ref$wrap,
+    wrap = _ref$wrap === void 0 ? 'wrap' : _ref$wrap,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$f);
   var _useScale = useScale(),
     unit = _useScale.unit,
@@ -19554,7 +19554,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function (_ref, inputRef) {
   React.useEffect(function () {
     if (visible) {
       var _ref$current;
-      (_ref$current = ref.current) === null || _ref$current === undefined || _ref$current.focus();
+      (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.focus();
     }
   }, [visible]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
@@ -19579,30 +19579,30 @@ var SelectComponent = /*#__PURE__*/React.forwardRef(function (_ref, selectRef) {
   var children = _ref.children,
     label = _ref.label,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     init = _ref.initialValue,
     customValue = _ref.value,
     _ref$icon = _ref.icon,
-    Icon = _ref$icon === undefined ? SelectIcon : _ref$icon,
+    Icon = _ref$icon === void 0 ? SelectIcon : _ref$icon,
     onChange = _ref.onChange,
     _ref$pure = _ref.pure,
-    pure = _ref$pure === undefined ? false : _ref$pure,
+    pure = _ref$pure === void 0 ? false : _ref$pure,
     _ref$multiple = _ref.multiple,
-    multiple = _ref$multiple === undefined ? false : _ref$multiple,
+    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
     _ref$clearable = _ref.clearable,
-    clearable = _ref$clearable === undefined ? true : _ref$clearable,
+    clearable = _ref$clearable === void 0 ? true : _ref$clearable,
     placeholder = _ref.placeholder,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     dropdownClassName = _ref.dropdownClassName,
     dropdownStyle = _ref.dropdownStyle,
     _ref$disableMatchWidt = _ref.disableMatchWidth,
-    disableMatchWidth = _ref$disableMatchWidt === undefined ? false : _ref$disableMatchWidt,
+    disableMatchWidth = _ref$disableMatchWidt === void 0 ? false : _ref$disableMatchWidt,
     getPopupContainer = _ref.getPopupContainer,
     _ref$onDropdownVisibl = _ref.onDropdownVisibleChange,
-    onDropdownVisibleChange = _ref$onDropdownVisibl === undefined ? function () {} : _ref$onDropdownVisibl,
+    onDropdownVisibleChange = _ref$onDropdownVisibl === void 0 ? function () {} : _ref$onDropdownVisibl,
     props = _objectWithoutProperties(_ref, _excluded$e);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -19687,15 +19687,15 @@ var SelectComponent = /*#__PURE__*/React.forwardRef(function (_ref, selectRef) {
     return {
       focus: function focus() {
         var _inputRef$current;
-        return (_inputRef$current = inputRef.current) === null || _inputRef$current === undefined ? undefined : _inputRef$current.focus();
+        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
       },
       blur: function blur() {
         var _inputRef$current2;
-        return (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === undefined ? undefined : _inputRef$current2.blur();
+        return (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.blur();
       },
       scrollTo: function scrollTo(options) {
         var _dropdownRef$current;
-        return (_dropdownRef$current = dropdownRef.current) === null || _dropdownRef$current === undefined ? undefined : _dropdownRef$current.scrollTo(options);
+        return (_dropdownRef$current = dropdownRef.current) === null || _dropdownRef$current === void 0 ? void 0 : _dropdownRef$current.scrollTo(options);
       }
     };
   }, [inputRef, dropdownRef]);
@@ -19779,16 +19779,16 @@ var _excluded$d = ["value", "className", "children", "disabled", "divider", "lab
 var SelectOptionComponent = function SelectOptionComponent(_ref) {
   var identValue = _ref.value,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$divider = _ref.divider,
-    divider = _ref$divider === undefined ? false : _ref$divider,
+    divider = _ref$divider === void 0 ? false : _ref$divider,
     _ref$label = _ref.label,
-    label = _ref$label === undefined ? false : _ref$label,
+    label = _ref$label === void 0 ? false : _ref$label,
     _ref$preventAllEvents = _ref.preventAllEvents,
-    preventAllEvents = _ref$preventAllEvents === undefined ? false : _ref$preventAllEvents,
+    preventAllEvents = _ref$preventAllEvents === void 0 ? false : _ref$preventAllEvents,
     props = _objectWithoutProperties(_ref, _excluded$d);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -19912,7 +19912,7 @@ var TableHead = function TableHead(props) {
       var Header = col.label,
         accessor = col.filter,
         options = col.options;
-      var filterName = (_String = String(col === null || col === undefined ? undefined : col.label)) === null || _String === undefined ? undefined : _String.replace(' ', '_').toLowerCase();
+      var filterName = (_String = String(col === null || col === void 0 ? void 0 : col.label)) === null || _String === void 0 ? void 0 : _String.replace(' ', '_').toLowerCase();
       var unq_accessor = _.uniqueId(filterName);
       // if (Header === 'actions') {
       //   return (
@@ -19931,7 +19931,7 @@ var TableHead = function TableHead(props) {
       // key={unq_accessor}
       // name={filterName}
       , {
-        value: (_filters$filterName = filters[filterName]) !== null && _filters$filterName !== undefined ? _filters$filterName : 'All',
+        value: (_filters$filterName = filters[filterName]) !== null && _filters$filterName !== void 0 ? _filters$filterName : 'All',
         onChange: function onChange(newValue) {
           return handleFilterChange(filterName, newValue);
         }
@@ -19981,16 +19981,16 @@ var TableHead = function TableHead(props) {
     className: _JSXStyle.dynamic([["2156261549", [stickyHeader && "\n            position: sticky;\n            top: 0;\n            z-index: 1;\n          ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
   }, columns.map(function (column, index) {
     var _String2;
-    var dataName = (_String2 = String(column === null || column === undefined ? undefined : column.label)) === null || _String2 === undefined ? undefined : _String2.replace(' ', '_').toLowerCase();
+    var dataName = (_String2 = String(column === null || column === void 0 ? void 0 : column.label)) === null || _String2 === void 0 ? void 0 : _String2.replace(' ', '_').toLowerCase();
     return /*#__PURE__*/React.createElement("th", {
       style: _objectSpread2({
         // textAlign: `${column?.align} !important`,
         // paddingLeft: '0.3rem',
         // paddingRight: '0.3rem',
         backgroundColor: '#fff',
-        color: "".concat(column !== null && column !== undefined && column.color ? column === null || column === undefined ? undefined : column.color : '#333'),
-        whiteSpace: column !== null && column !== undefined && column.noWrap ? 'nowrap' : 'normal'
-      }, column === null || column === undefined ? undefined : column.style),
+        color: "".concat(column !== null && column !== void 0 && column.color ? column === null || column === void 0 ? void 0 : column.color : '#333'),
+        whiteSpace: column !== null && column !== void 0 && column.noWrap ? 'nowrap' : 'normal'
+      }, column === null || column === void 0 ? void 0 : column.style),
       key: "table-th-".concat(column.prop.toString(), "-").concat(index),
       "data-column": dataName,
       className: _JSXStyle.dynamic([["2156261549", [stickyHeader && "\n            position: sticky;\n            top: 0;\n            z-index: 1;\n          ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]]) + " " + (column.className || "")
@@ -20025,17 +20025,17 @@ var TableCell = function TableCell(_ref) {
     var currentRowValue = row[column.prop];
     var cellValue = currentRowValue || emptyText;
     var shouldBeRenderElement = column.renderHandler(currentRowValue, row, rowIndex);
-    var dataName = (_String = String(column === null || column === undefined ? undefined : column.label)) === null || _String === undefined ? undefined : _String.replace(' ', '_').toLowerCase();
+    var dataName = (_String = String(column === null || column === void 0 ? void 0 : column.label)) === null || _String === void 0 ? void 0 : _String.replace(' ', '_').toLowerCase();
     return /*#__PURE__*/React.createElement("td", {
       style: _objectSpread2({
-        fontSize: "".concat(column === null || column === undefined ? undefined : column.fontSize),
-        textAlign: "".concat(column === null || column === undefined ? undefined : column.align, " !important"),
+        fontSize: "".concat(column === null || column === void 0 ? void 0 : column.fontSize),
+        textAlign: "".concat(column === null || column === void 0 ? void 0 : column.align, " !important"),
         paddingLeft: '0.3rem',
         paddingRight: '0.3rem',
-        color: "".concat(column === null || column === undefined ? undefined : column.color),
+        color: "".concat(column === null || column === void 0 ? void 0 : column.color),
         boxSizing: 'border-box',
-        whiteSpace: column !== null && column !== undefined && column.noWrap ? 'nowrap' : 'normal'
-      }, currentRowValue === null || currentRowValue === undefined ? undefined : currentRowValue.style),
+        whiteSpace: column !== null && column !== void 0 && column.noWrap ? 'nowrap' : 'normal'
+      }, currentRowValue === null || currentRowValue === void 0 ? void 0 : currentRowValue.style),
       "data-column": dataName,
       key: "row-td-".concat(index, "-").concat(column.prop.toString()),
       onClick: function onClick() {
@@ -20376,9 +20376,9 @@ var TextChild = function TextChild(_ref) {
   var children = _ref.children,
     tag = _ref.tag,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     props = _objectWithoutProperties(_ref, _excluded$c);
   var Component = tag;
   var theme = useTheme();
@@ -20435,36 +20435,36 @@ var _getModifierChild = function getModifierChild(tags, children) {
 };
 var TextComponent = function TextComponent(_ref) {
   var _ref$h = _ref.h1,
-    h1 = _ref$h === undefined ? false : _ref$h,
+    h1 = _ref$h === void 0 ? false : _ref$h,
     _ref$h2 = _ref.h2,
-    h2 = _ref$h2 === undefined ? false : _ref$h2,
+    h2 = _ref$h2 === void 0 ? false : _ref$h2,
     _ref$h3 = _ref.h3,
-    h3 = _ref$h3 === undefined ? false : _ref$h3,
+    h3 = _ref$h3 === void 0 ? false : _ref$h3,
     _ref$h4 = _ref.h4,
-    h4 = _ref$h4 === undefined ? false : _ref$h4,
+    h4 = _ref$h4 === void 0 ? false : _ref$h4,
     _ref$h5 = _ref.h5,
-    h5 = _ref$h5 === undefined ? false : _ref$h5,
+    h5 = _ref$h5 === void 0 ? false : _ref$h5,
     _ref$h6 = _ref.h6,
-    h6 = _ref$h6 === undefined ? false : _ref$h6,
+    h6 = _ref$h6 === void 0 ? false : _ref$h6,
     _ref$p = _ref.p,
-    p = _ref$p === undefined ? false : _ref$p,
+    p = _ref$p === void 0 ? false : _ref$p,
     _ref$b = _ref.b,
-    b = _ref$b === undefined ? false : _ref$b,
+    b = _ref$b === void 0 ? false : _ref$b,
     _ref$small = _ref.small,
-    small = _ref$small === undefined ? false : _ref$small,
+    small = _ref$small === void 0 ? false : _ref$small,
     _ref$i = _ref.i,
-    i = _ref$i === undefined ? false : _ref$i,
+    i = _ref$i === void 0 ? false : _ref$i,
     _ref$span = _ref.span,
-    span = _ref$span === undefined ? false : _ref$span,
+    span = _ref$span === void 0 ? false : _ref$span,
     _ref$del = _ref.del,
-    del = _ref$del === undefined ? false : _ref$del,
+    del = _ref$del === void 0 ? false : _ref$del,
     _ref$em = _ref.em,
-    em = _ref$em === undefined ? false : _ref$em,
+    em = _ref$em === void 0 ? false : _ref$em,
     _ref$blockquote = _ref.blockquote,
-    blockquote = _ref$blockquote === undefined ? false : _ref$blockquote,
+    blockquote = _ref$blockquote === void 0 ? false : _ref$blockquote,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$b);
   var elements = {
     h1: h1,
@@ -20535,7 +20535,7 @@ function Placeholder(_ref) {
     dataLength = _ref.dataLength,
     children = _ref.children,
     _ref$hide = _ref.hide,
-    hide = _ref$hide === undefined ? false : _ref$hide;
+    hide = _ref$hide === void 0 ? false : _ref$hide;
   msg = access_denied ? 'Access Denied!' : msg;
   if (dataLength !== undefined && dataLength > 0 || hide) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, children);
@@ -30490,9 +30490,9 @@ createIcon(HelpCircle);
 
 var ButtonDrip = function ButtonDrip(_ref) {
   var _ref$x = _ref.x,
-    x = _ref$x === undefined ? 0 : _ref$x,
+    x = _ref$x === void 0 ? 0 : _ref$x,
     _ref$y = _ref.y,
-    y = _ref$y === undefined ? 0 : _ref$y,
+    y = _ref$y === void 0 ? 0 : _ref$y,
     color = _ref.color,
     onCompleted = _ref.onCompleted;
   var dripRef = React.useRef(null);
@@ -30556,12 +30556,12 @@ var getIconBgColor = function getIconBgColor(type, palette, color) {
 var LoadingComponent = function LoadingComponent(_ref) {
   var children = _ref.children,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     color = _ref.color,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$spaceRatio = _ref.spaceRatio,
-    spaceRatio = _ref$spaceRatio === undefined ? 1 : _ref$spaceRatio,
+    spaceRatio = _ref$spaceRatio === void 0 ? 1 : _ref$spaceRatio,
     props = _objectWithoutProperties(_ref, _excluded$a);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -30605,11 +30605,11 @@ ButtonLoading.displayName = 'GeistButtonLoading';
 var _excluded$9 = ["isRight", "isSingle", "children", "className"];
 var ButtonIcon = function ButtonIcon(_ref) {
   var _ref$isRight = _ref.isRight,
-    isRight = _ref$isRight === undefined ? false : _ref$isRight,
+    isRight = _ref$isRight === void 0 ? false : _ref$isRight,
     isSingle = _ref.isSingle,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$9);
   var classes = useClasses('icon', {
     right: isRight,
@@ -30779,7 +30779,7 @@ var getButtonColors = function getButtonColors(palette, props) {
    *   Color['success'] === Color['success-light']
    *   Color['warning'] === Color['warning-light']
    */
-  var withoutLightType = type === null || type === undefined ? undefined : type.replace('-light', '');
+  var withoutLightType = type === null || type === void 0 ? void 0 : type.replace('-light', '');
   var defaultColor = colors["default"];
   if (ghost) return getButtonGhostColors(palette, withoutLightType) || defaultColor;
   return colors[withoutLightType] || defaultColor;
@@ -30918,27 +30918,27 @@ var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
   /* eslint-disable @typescript-eslint/no-unused-vars */
   var children = filteredProps.children,
     _filteredProps$disabl = filteredProps.disabled,
-    disabled = _filteredProps$disabl === undefined ? false : _filteredProps$disabl;
+    disabled = _filteredProps$disabl === void 0 ? false : _filteredProps$disabl;
     filteredProps.type;
     var _filteredProps$loadin = filteredProps.loading,
-    loading = _filteredProps$loadin === undefined ? false : _filteredProps$loadin,
+    loading = _filteredProps$loadin === void 0 ? false : _filteredProps$loadin,
     _filteredProps$shadow = filteredProps.shadow,
-    shadow = _filteredProps$shadow === undefined ? false : _filteredProps$shadow,
+    shadow = _filteredProps$shadow === void 0 ? false : _filteredProps$shadow,
     _filteredProps$ghost = filteredProps.ghost,
-    ghost = _filteredProps$ghost === undefined ? false : _filteredProps$ghost,
+    ghost = _filteredProps$ghost === void 0 ? false : _filteredProps$ghost,
     _filteredProps$effect = filteredProps.effect,
-    effect = _filteredProps$effect === undefined ? true : _filteredProps$effect,
+    effect = _filteredProps$effect === void 0 ? true : _filteredProps$effect,
     _filteredProps$round = filteredProps.round,
-    round = _filteredProps$round === undefined ? false : _filteredProps$round,
+    round = _filteredProps$round === void 0 ? false : _filteredProps$round,
     onClick = filteredProps.onClick,
     _filteredProps$auto = filteredProps.auto,
-    auto = _filteredProps$auto === undefined ? false : _filteredProps$auto,
+    auto = _filteredProps$auto === void 0 ? false : _filteredProps$auto,
     icon = filteredProps.icon,
     _filteredProps$htmlTy = filteredProps.htmlType,
-    htmlType = _filteredProps$htmlTy === undefined ? 'button' : _filteredProps$htmlTy,
+    htmlType = _filteredProps$htmlTy === void 0 ? 'button' : _filteredProps$htmlTy,
     iconRight = filteredProps.iconRight,
     _filteredProps$classN = filteredProps.className,
-    className = _filteredProps$classN === undefined ? '' : _filteredProps$classN;
+    className = _filteredProps$classN === void 0 ? '' : _filteredProps$classN;
     filteredProps.crossOrigin;
     var props = _objectWithoutProperties(filteredProps, _excluded$8);
   /* eslint-enable @typescript-eslint/no-unused-vars */
@@ -31314,28 +31314,28 @@ var _excluded$7 = ["children", "initialVisible", "text", "offset", "placement",
 var TooltipComponent = function TooltipComponent(_ref) {
   var children = _ref.children,
     _ref$initialVisible = _ref.initialVisible,
-    initialVisible = _ref$initialVisible === undefined ? false : _ref$initialVisible,
+    initialVisible = _ref$initialVisible === void 0 ? false : _ref$initialVisible,
     text = _ref.text,
     _ref$offset = _ref.offset,
-    offset = _ref$offset === undefined ? 12 : _ref$offset,
+    offset = _ref$offset === void 0 ? 12 : _ref$offset,
     _ref$placement = _ref.placement,
-    placement = _ref$placement === undefined ? 'top' : _ref$placement,
+    placement = _ref$placement === void 0 ? 'top' : _ref$placement,
     _ref$portalClassName = _ref.portalClassName,
-    portalClassName = _ref$portalClassName === undefined ? '' : _ref$portalClassName,
+    portalClassName = _ref$portalClassName === void 0 ? '' : _ref$portalClassName,
     _ref$enterDelay = _ref.enterDelay,
-    enterDelay = _ref$enterDelay === undefined ? 100 : _ref$enterDelay,
+    enterDelay = _ref$enterDelay === void 0 ? 100 : _ref$enterDelay,
     _ref$leaveDelay = _ref.leaveDelay,
-    leaveDelay = _ref$leaveDelay === undefined ? 150 : _ref$leaveDelay,
+    leaveDelay = _ref$leaveDelay === void 0 ? 150 : _ref$leaveDelay,
     _ref$trigger = _ref.trigger,
-    trigger = _ref$trigger === undefined ? 'hover' : _ref$trigger,
+    trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$onVisibleChange = _ref.onVisibleChange,
-    onVisibleChange = _ref$onVisibleChange === undefined ? function () {} : _ref$onVisibleChange,
+    onVisibleChange = _ref$onVisibleChange === void 0 ? function () {} : _ref$onVisibleChange,
     _ref$hideArrow = _ref.hideArrow,
-    hideArrow = _ref$hideArrow === undefined ? false : _ref$hideArrow,
+    hideArrow = _ref$hideArrow === void 0 ? false : _ref$hideArrow,
     customVisible = _ref.visible,
     props = _objectWithoutProperties(_ref, _excluded$7);
   var timer = React.useRef();
@@ -31345,7 +31345,7 @@ var TooltipComponent = function TooltipComponent(_ref) {
     visible = _useState2[0],
     setVisible = _useState2[1];
   var iconOffset = React.useMemo(function () {
-    if (!(ref !== null && ref !== undefined && ref.current)) return {
+    if (!(ref !== null && ref !== void 0 && ref.current)) return {
       x: '0.75em',
       y: '0.75em'
     };
@@ -31354,7 +31354,7 @@ var TooltipComponent = function TooltipComponent(_ref) {
       x: "".concat(rect.width ? rect.width / 2 : 0, "px"),
       y: "".concat(rect.height ? rect.height / 2 : 0, "px")
     };
-  }, [ref === null || ref === undefined ? undefined : ref.current]);
+  }, [ref === null || ref === void 0 ? void 0 : ref.current]);
   var contentProps = {
     type: type,
     visible: visible,
@@ -31434,25 +31434,25 @@ var PopoverComponent = function PopoverComponent(_ref) {
   var child = _ref.child,
     children = _ref.children,
     _ref$enterDelay = _ref.enterDelay,
-    enterDelay = _ref$enterDelay === undefined ? 100 : _ref$enterDelay,
+    enterDelay = _ref$enterDelay === void 0 ? 100 : _ref$enterDelay,
     _ref$leaveDelay = _ref.leaveDelay,
-    leaveDelay = _ref$leaveDelay === undefined ? 150 : _ref$leaveDelay,
+    leaveDelay = _ref$leaveDelay === void 0 ? 150 : _ref$leaveDelay,
     _ref$offset = _ref.offset,
-    offset = _ref$offset === undefined ? 12 : _ref$offset,
+    offset = _ref$offset === void 0 ? 12 : _ref$offset,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$trigger = _ref.trigger,
-    trigger = _ref$trigger === undefined ? 'click' : _ref$trigger,
+    trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
     _ref$placement = _ref.placement,
-    placement = _ref$placement === undefined ? 'bottom' : _ref$placement,
+    placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
     _ref$initialVisible = _ref.initialVisible,
-    initialVisible = _ref$initialVisible === undefined ? false : _ref$initialVisible,
+    initialVisible = _ref$initialVisible === void 0 ? false : _ref$initialVisible,
     _ref$portalClassName = _ref.portalClassName,
-    portalClassName = _ref$portalClassName === undefined ? '' : _ref$portalClassName,
+    portalClassName = _ref$portalClassName === void 0 ? '' : _ref$portalClassName,
     _ref$disableItemsAuto = _ref.disableItemsAutoClose,
-    disableItemsAutoClose = _ref$disableItemsAuto === undefined ? false : _ref$disableItemsAuto,
+    disableItemsAutoClose = _ref$disableItemsAuto === void 0 ? false : _ref$disableItemsAuto,
     _ref$onVisibleChange = _ref.onVisibleChange,
-    onVisibleChange = _ref$onVisibleChange === undefined ? function () {} : _ref$onVisibleChange,
+    onVisibleChange = _ref$onVisibleChange === void 0 ? function () {} : _ref$onVisibleChange,
     customVisible = _ref.visible,
     props = _objectWithoutProperties(_ref, _excluded$6);
   var _useScale = useScale(),
@@ -31507,16 +31507,16 @@ var _excluded$5 = ["children", "line", "showTitle", "className", "onClick", "sel
 var PopoverItemComponent = function PopoverItemComponent(_ref) {
   var children = _ref.children,
     _ref$line = _ref.line,
-    line = _ref$line === undefined ? false : _ref$line,
+    line = _ref$line === void 0 ? false : _ref$line,
     _ref$showTitle = _ref.showTitle,
-    showTitle = _ref$showTitle === undefined ? false : _ref$showTitle,
+    showTitle = _ref$showTitle === void 0 ? false : _ref$showTitle,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     onClick = _ref.onClick,
     _ref$selected = _ref.selected,
-    selected = _ref$selected === undefined ? false : _ref$selected,
+    selected = _ref$selected === void 0 ? false : _ref$selected,
     _ref$disableAutoClose = _ref.disableAutoClose,
-    disableAutoClose = _ref$disableAutoClose === undefined ? false : _ref$disableAutoClose,
+    disableAutoClose = _ref$disableAutoClose === void 0 ? false : _ref$disableAutoClose,
     props = _objectWithoutProperties(_ref, _excluded$5);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -31561,34 +31561,34 @@ Popover.Option = PopoverItem;
 
 function DataTable(_ref) {
   var _ref$cols = _ref.cols,
-    cols = _ref$cols === undefined ? [] : _ref$cols,
+    cols = _ref$cols === void 0 ? [] : _ref$cols,
     _ref$rows = _ref.rows,
-    rows = _ref$rows === undefined ? [] : _ref$rows,
+    rows = _ref$rows === void 0 ? [] : _ref$rows,
     _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === undefined ? false : _ref$readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     _ref$heading = _ref.heading,
-    heading = _ref$heading === undefined ? [] : _ref$heading,
+    heading = _ref$heading === void 0 ? [] : _ref$heading,
     _ref$filter = _ref.filter,
-    filter = _ref$filter === undefined ? true : _ref$filter,
+    filter = _ref$filter === void 0 ? true : _ref$filter,
     menu = _ref.menu,
     _ref$sideMenu = _ref.sideMenu,
-    sideMenu = _ref$sideMenu === undefined ? false : _ref$sideMenu,
+    sideMenu = _ref$sideMenu === void 0 ? false : _ref$sideMenu,
     _ref$style = _ref.style,
-    style = _ref$style === undefined ? {} : _ref$style,
+    style = _ref$style === void 0 ? {} : _ref$style,
     children = _ref.children,
     _ref$onBack = _ref.onBack,
-    onBack = _ref$onBack === undefined ? function () {
+    onBack = _ref$onBack === void 0 ? function () {
       window.history.back();
     } : _ref$onBack,
     onRefresh = _ref.onRefresh,
-    onFilters = _ref.onFilters,
+    _onFilters = _ref.onFilters,
     onSelectedDelete = _ref.onSelectedDelete,
     onSelectedEdit = _ref.onSelectedEdit,
     onSelected = _ref.onSelected,
     _ref$disableViewColum = _ref.disableViewColumn,
-    disableViewColumn = _ref$disableViewColum === undefined ? false : _ref$disableViewColum,
+    disableViewColumn = _ref$disableViewColum === void 0 ? false : _ref$disableViewColum,
     _ref$rowDraggable = _ref.rowDraggable,
-    rowDraggable = _ref$rowDraggable === undefined ? false : _ref$rowDraggable,
+    rowDraggable = _ref$rowDraggable === void 0 ? false : _ref$rowDraggable,
     onDragOver = _ref.onDragOver,
     onDragEnter = _ref.onDragEnter,
     onDragLeave = _ref.onDragLeave,
@@ -31598,15 +31598,15 @@ function DataTable(_ref) {
     viewLength = _ref.viewLength,
     _onPageChange = _ref.onPageChange,
     _ref$disableMenu = _ref.disableMenu,
-    disableMenu = _ref$disableMenu === undefined ? false : _ref$disableMenu,
+    disableMenu = _ref$disableMenu === void 0 ? false : _ref$disableMenu,
     _ref$cursorPagination = _ref.cursorPagination,
-    cursorPagination = _ref$cursorPagination === undefined ? false : _ref$cursorPagination,
+    cursorPagination = _ref$cursorPagination === void 0 ? false : _ref$cursorPagination,
     previousCursor = _ref.previousCursor,
     nextCursor = _ref.nextCursor,
     _ref$hasMore = _ref.hasMore,
-    hasMore = _ref$hasMore === undefined ? false : _ref$hasMore,
+    hasMore = _ref$hasMore === void 0 ? false : _ref$hasMore,
     _ref$stickyHeader = _ref.stickyHeader,
-    stickyHeader = _ref$stickyHeader === undefined ? false : _ref$stickyHeader,
+    stickyHeader = _ref$stickyHeader === void 0 ? false : _ref$stickyHeader,
     onNextPage = _ref.onNextPage,
     onPreviousPage = _ref.onPreviousPage;
   var TABLE_ID = _.uniqueId('tbl');
@@ -31643,7 +31643,7 @@ function DataTable(_ref) {
   React.useEffect(function () {
     cols.forEach(function (col) {
       var _String;
-      var dataName = (_String = String(col === null || col === undefined ? undefined : col.name)) === null || _String === undefined ? undefined : _String.replace(' ', '_').toLowerCase();
+      var dataName = (_String = String(col === null || col === void 0 ? void 0 : col.name)) === null || _String === void 0 ? void 0 : _String.replace(' ', '_').toLowerCase();
       if (hideColumn.includes(col.name)) {
         document.querySelectorAll("[data-column=\"".concat(dataName, "\"]")).forEach(function (el) {
           el.style.display = 'none !important';
@@ -31657,7 +31657,7 @@ function DataTable(_ref) {
   }, [hideColumn, cols]);
   function handleHideColumnClick(_event, _id) {
     var _String2;
-    var id = (_String2 = String(_id)) === null || _String2 === undefined ? undefined : _String2.replace(' ', '_').toLowerCase();
+    var id = (_String2 = String(_id)) === null || _String2 === void 0 ? void 0 : _String2.replace(' ', '_').toLowerCase();
     var selectedIndex = hideColumn.indexOf(id);
     var newSelected = [];
     if (selectedIndex === -1) {
@@ -31708,14 +31708,14 @@ function DataTable(_ref) {
 
   var COLUMNS = cols.filter(function (col) {
     var _String3;
-    var dataName = (_String3 = String(col === null || col === undefined ? undefined : col.name)) === null || _String3 === undefined ? undefined : _String3.replace(' ', '_').toLowerCase();
+    var dataName = (_String3 = String(col === null || col === void 0 ? void 0 : col.name)) === null || _String3 === void 0 ? void 0 : _String3.replace(' ', '_').toLowerCase();
     return !hideColumn.includes(dataName);
   });
   var content = function content() {
     return /*#__PURE__*/React.createElement(React.Fragment, null, cols.map(function (option, index) {
       var _String4;
       var colunqid = _.uniqueId("".concat(option.name, "-").concat(index));
-      var dataName = (_String4 = String(option.name)) === null || _String4 === undefined ? undefined : _String4.replace(' ', '_').toLowerCase();
+      var dataName = (_String4 = String(option.name)) === null || _String4 === void 0 ? void 0 : _String4.replace(' ', '_').toLowerCase();
       var isSelected = !hideColumn.includes(dataName);
       return /*#__PURE__*/React.createElement(Popover.Item, {
         selected: isSelected,
@@ -31762,7 +31762,7 @@ function DataTable(_ref) {
     },
     justify: "flex-end",
     alignContent: "center"
-  }, menu, !children && !readOnly ? /*#__PURE__*/React.createElement(React.Fragment, null, onSelectedEdit && selected.length === 1 ? /*#__PURE__*/React.createElement(Tooltip, {
+  }, menu, !children && !readOnly ? /*#__PURE__*/React.createElement(React.Fragment, null, onSelected && onSelected, onSelectedEdit && selected.length === 1 ? /*#__PURE__*/React.createElement(Tooltip, {
     text: "Edit Selected",
     placement: "bottom",
     font: 0.8,
@@ -31810,7 +31810,7 @@ function DataTable(_ref) {
     scale: 2 / 3,
     px: 0.6,
     iconRight: /*#__PURE__*/React.createElement(Refresh$1, null)
-  })) : null, onFilters && filter ? /*#__PURE__*/React.createElement(Tooltip, {
+  })) : null, _onFilters && filter ? /*#__PURE__*/React.createElement(Tooltip, {
     text: "Filters",
     placement: "bottomEnd",
     font: 0.8,
@@ -31895,7 +31895,9 @@ function DataTable(_ref) {
     onSelected: function onSelected(selected) {
       return setSelected(selected);
     },
-    onFilters: onFilters,
+    onFilters: function onFilters(filters) {
+      return _onFilters && _onFilters(filters);
+    },
     data: rows,
     style: {
       borderCollapse: 'collapse',
@@ -31903,15 +31905,15 @@ function DataTable(_ref) {
     }
   }, COLUMNS.map(function (column, index) {
     return /*#__PURE__*/React.createElement(Table.Column, {
-      style: column === null || column === undefined ? undefined : column.style,
-      options: column === null || column === undefined ? undefined : column.options,
-      fontSize: column === null || column === undefined ? undefined : column.fontSize,
+      style: column === null || column === void 0 ? void 0 : column.style,
+      options: column === null || column === void 0 ? void 0 : column.options,
+      fontSize: column === null || column === void 0 ? void 0 : column.fontSize,
       key: "".concat(column.id, "-").concat(index),
       prop: column.id,
       label: column.name,
-      filter: column === null || column === undefined ? undefined : column.filter,
-      noWrap: column === null || column === undefined ? undefined : column.noWrap,
-      align: column === null || column === undefined ? undefined : column.align
+      filter: column === null || column === void 0 ? void 0 : column.filter,
+      noWrap: column === null || column === void 0 ? void 0 : column.noWrap,
+      align: column === null || column === void 0 ? void 0 : column.align
     });
   })))));
 }
@@ -31924,9 +31926,9 @@ var TableBody = function TableBody(_ref) {
     onCell = _ref.onCell,
     rowClassName = _ref.rowClassName,
     _ref$rowDraggable = _ref.rowDraggable,
-    rowDraggable = _ref$rowDraggable === undefined ? false : _ref$rowDraggable,
+    rowDraggable = _ref$rowDraggable === void 0 ? false : _ref$rowDraggable,
     _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === undefined ? false : _ref$readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     onSelected = _ref.onSelected;
   var theme = useTheme();
   var _useState = React.useState([]),
@@ -31981,8 +31983,8 @@ var TableBody = function TableBody(_ref) {
     var urid = _.uniqueId();
     var className = rowClassName(row, index);
     var rw = _objectSpread2({}, row);
-    var rowStyle = (_row$style = row === null || row === undefined ? undefined : row.style) !== null && _row$style !== undefined ? _row$style : {};
-    var onDragStart = row === null || row === undefined ? undefined : row.onDragStart;
+    var rowStyle = (_row$style = row === null || row === void 0 ? void 0 : row.style) !== null && _row$style !== void 0 ? _row$style : {};
+    var onDragStart = row === null || row === void 0 ? void 0 : row.onDragStart;
     delete rw.table;
     delete rw.style;
     delete rw.onDragStart;
@@ -32024,9 +32026,9 @@ var TableBody = function TableBody(_ref) {
       dynamic: [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]
     }, "tr.__jsx-style-dynamic-selector{-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;font-size:inherit;}tr.hover.__jsx-style-dynamic-selector:hover{background-color:".concat(theme.palette.accents_1, ";}tr.draggable.__jsx-style-dynamic-selector:hover{border:2px dashed #dfdfdf;margin:3px;}tr.__jsx-style-dynamic-selector td{padding:0 0.5em;border-bottom:1px solid ").concat(theme.palette.border, ";color:").concat(theme.palette.accents_6, ";font-size:calc(0.875 * var(--table-font-size));text-align:left;}tr.__jsx-style-dynamic-selector .cell{min-height:calc(2.125 * var(--table-font-size));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}")));
   }
-  if ((data === null || data === undefined ? undefined : data.length) === 0) {
+  if ((data === null || data === void 0 ? void 0 : data.length) === 0) {
     return /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-      colSpan: columns === null || columns === undefined ? undefined : columns.length
+      colSpan: columns === null || columns === void 0 ? void 0 : columns.length
     }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Placeholder, {
       empty: true,
       msg: "No Entries Found"
@@ -32047,7 +32049,7 @@ var TableBody = function TableBody(_ref) {
         className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
       }, "\u2003"));
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, renderRow(columns, row, index), (row === null || row === undefined ? undefined : row.table) && /*#__PURE__*/React.createElement("tr", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, renderRow(columns, row, index), (row === null || row === void 0 ? void 0 : row.table) && /*#__PURE__*/React.createElement("tr", {
       key: qid,
       className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
     }, /*#__PURE__*/React.createElement("td", {
@@ -32061,11 +32063,11 @@ var TableBody = function TableBody(_ref) {
       stickyHeader: false,
       style: _objectSpread2({
         height: 'auto !important'
-      }, row === null || row === undefined || (_row$table = row.table) === null || _row$table === undefined ? undefined : _row$table.style),
-      menu: (_row$table2 = row.table) === null || _row$table2 === undefined ? undefined : _row$table2.menu,
-      rows: (_row$table3 = row.table) === null || _row$table3 === undefined ? undefined : _row$table3.rows,
-      heading: (_row$table4 = row.table) === null || _row$table4 === undefined ? undefined : _row$table4.heading,
-      cols: (_row$table5 = row.table) === null || _row$table5 === undefined ? undefined : _row$table5.cols
+      }, row === null || row === void 0 || (_row$table = row.table) === null || _row$table === void 0 ? void 0 : _row$table.style),
+      menu: (_row$table2 = row.table) === null || _row$table2 === void 0 ? void 0 : _row$table2.menu,
+      rows: (_row$table3 = row.table) === null || _row$table3 === void 0 ? void 0 : _row$table3.rows,
+      heading: (_row$table4 = row.table) === null || _row$table4 === void 0 ? void 0 : _row$table4.heading,
+      cols: (_row$table5 = row.table) === null || _row$table5 === void 0 ? void 0 : _row$table5.cols
     }))));
 
     // return (
@@ -32147,9 +32149,9 @@ var TableColumn = function TableColumn(columnProps) {
     style = _ref.style,
     color = _ref.color,
     _ref$fontSize = _ref.fontSize,
-    fontSize = _ref$fontSize === undefined ? 'smaller' : _ref$fontSize,
+    fontSize = _ref$fontSize === void 0 ? 'smaller' : _ref$fontSize,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     renderHandler = _ref.render;
   var _useTableContext = useTableContext(),
     updateColumn = _useTableContext.updateColumn;
@@ -32403,15 +32405,15 @@ var _excluded$1 = ["page", "initialPage", "count", "limit", "children", "onChang
 var PaginationComponent = function PaginationComponent(_ref) {
   var customPage = _ref.page,
     _ref$initialPage = _ref.initialPage,
-    initialPage = _ref$initialPage === undefined ? 1 : _ref$initialPage,
+    initialPage = _ref$initialPage === void 0 ? 1 : _ref$initialPage,
     _ref$count = _ref.count,
-    count = _ref$count === undefined ? 1 : _ref$count,
+    count = _ref$count === void 0 ? 1 : _ref$count,
     _ref$limit = _ref.limit,
-    limit = _ref$limit === undefined ? 7 : _ref$limit,
+    limit = _ref$limit === void 0 ? 7 : _ref$limit,
     children = _ref.children,
     onChange = _ref.onChange,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$1);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -32491,17 +32493,17 @@ function TableComponent(tableProps) {
     children = _ref.children,
     customData = _ref.data,
     _ref$initialData = _ref.initialData,
-    initialData = _ref$initialData === undefined ? [] : _ref$initialData,
+    initialData = _ref$initialData === void 0 ? [] : _ref$initialData,
     _ref$hover = _ref.hover,
-    hover = _ref$hover === undefined ? true : _ref$hover,
+    hover = _ref$hover === void 0 ? true : _ref$hover,
     _ref$emptyText = _ref.emptyText,
-    emptyText = _ref$emptyText === undefined ? '' : _ref$emptyText,
+    emptyText = _ref$emptyText === void 0 ? '' : _ref$emptyText,
     _ref$rowDraggable = _ref.rowDraggable,
-    rowDraggable = _ref$rowDraggable === undefined ? false : _ref$rowDraggable,
+    rowDraggable = _ref$rowDraggable === void 0 ? false : _ref$rowDraggable,
     _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === undefined ? false : _ref$readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     _ref$cursorPagination = _ref.cursorPagination,
-    cursorPagination = _ref$cursorPagination === undefined ? false : _ref$cursorPagination,
+    cursorPagination = _ref$cursorPagination === void 0 ? false : _ref$cursorPagination,
     previousCursor = _ref.previousCursor,
     nextCursor = _ref.nextCursor;
     _ref.hasMore;
@@ -32513,16 +32515,16 @@ function TableComponent(tableProps) {
     var onFilters = _ref.onFilters,
     onPageChange = _ref.onPageChange,
     _ref$showFilters = _ref.showFilters,
-    showFilters = _ref$showFilters === undefined ? false : _ref$showFilters,
+    showFilters = _ref$showFilters === void 0 ? false : _ref$showFilters,
     _ref$stickyHeader = _ref.stickyHeader,
-    stickyHeader = _ref$stickyHeader === undefined ? false : _ref$stickyHeader,
+    stickyHeader = _ref$stickyHeader === void 0 ? false : _ref$stickyHeader,
     onSelected = _ref.onSelected,
     dataLength = _ref.dataLength,
     viewLength = _ref.viewLength,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$rowClassName = _ref.rowClassName,
-    rowClassName = _ref$rowClassName === undefined ? function () {
+    rowClassName = _ref$rowClassName === void 0 ? function () {
       return '';
     } : _ref$rowClassName,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -32577,6 +32579,15 @@ function TableComponent(tableProps) {
       endIndex: endIndex
     };
   };
+  var _useState5 = React.useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    filters = _useState6[0],
+    setFilters = _useState6[1];
+  React.useEffect(function () {
+    if (onFilters) {
+      onFilters(filters);
+    }
+  }, [filters]);
   return /*#__PURE__*/React.createElement(TableContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement("table", _extends({
@@ -32586,7 +32597,9 @@ function TableComponent(tableProps) {
   }), /*#__PURE__*/React.createElement(TableHead, {
     stickyHeader: stickyHeader,
     columns: columns,
-    onFilters: onFilters,
+    onFilters: function onFilters(filters) {
+      return setFilters(filters);
+    },
     showFilters: showFilters,
     width: width
   }), /*#__PURE__*/React.createElement(TableBody, {
@@ -32602,7 +32615,7 @@ function TableComponent(tableProps) {
   }), children, cursorPagination ? /*#__PURE__*/React.createElement("tfoot", {
     className: _JSXStyle.dynamic([["1971279331", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
   }, /*#__PURE__*/React.createElement("td", {
-    colSpan: columns === null || columns === undefined ? undefined : columns.length,
+    colSpan: columns === null || columns === void 0 ? void 0 : columns.length,
     className: _JSXStyle.dynamic([["1971279331", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -32636,7 +32649,7 @@ function TableComponent(tableProps) {
   }))))) : dataLength && viewLength && onPageChange ? /*#__PURE__*/React.createElement("tfoot", {
     className: _JSXStyle.dynamic([["1971279331", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
   }, /*#__PURE__*/React.createElement("td", {
-    colSpan: columns === null || columns === undefined ? undefined : columns.length,
+    colSpan: columns === null || columns === void 0 ? void 0 : columns.length,
     className: _JSXStyle.dynamic([["1971279331", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
   }, /*#__PURE__*/React.createElement(Pagination, {
     style: {