@paubox/ui 1.9.0 → 1.10.0

package/index.esm.js

@@ -2495,9 +2495,9 @@ function _object_spread_props$v(target, source) {
     }
     return target;
 }
-function _object_without_properties$m(source, excluded) {
+function _object_without_properties$n(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$m(source, excluded);
+    var target = _object_without_properties_loose$n(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -2510,7 +2510,7 @@ function _object_without_properties$m(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$m(source, excluded) {
+function _object_without_properties_loose$n(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -2546,7 +2546,7 @@ var IconWrapper$4 = styled.span(_templateObject$q(), function(props) {
     return props.iconLeft ? '0 8px 0 0' : props.iconRight ? '0 0 0 8px' : '0';
 });
 var Button = /*#__PURE__*/ forwardRef(function(_param, ref) {
-    var IconLeft = _param.iconLeft, IconRight = _param.iconRight, _param_type = _param.type, type = _param_type === void 0 ? 'button' : _param_type, children = _param.children, props = _object_without_properties$m(_param, [
+    var IconLeft = _param.iconLeft, IconRight = _param.iconRight, _param_type = _param.type, type = _param_type === void 0 ? 'button' : _param_type, children = _param.children, props = _object_without_properties$n(_param, [
         "iconLeft",
         "iconRight",
         "type",
@@ -13603,9 +13603,9 @@ function _object_spread_props$u(target, source) {
     }
     return target;
 }
-function _object_without_properties$l(source, excluded) {
+function _object_without_properties$m(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$l(source, excluded);
+    var target = _object_without_properties_loose$m(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -13618,7 +13618,7 @@ function _object_without_properties$l(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$l(source, excluded) {
+function _object_without_properties_loose$m(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -14190,7 +14190,7 @@ function _detectOverflow() {
                     switch(_state.label){
                         case 0:
                             placement = state.placement, middlewareData = state.middlewareData, rects = state.rects, initialPlacement = state.initialPlacement, platform = state.platform, elements = state.elements;
-                            _evaluate = evaluate(options, state), tmp = _evaluate.mainAxis, checkMainAxis = tmp === void 0 ? true : tmp, tmp1 = _evaluate.crossAxis, checkCrossAxis = tmp1 === void 0 ? true : tmp1, specifiedFallbackPlacements = _evaluate.fallbackPlacements, _evaluate_fallbackStrategy = _evaluate.fallbackStrategy, fallbackStrategy = _evaluate_fallbackStrategy === void 0 ? 'bestFit' : _evaluate_fallbackStrategy, _evaluate_fallbackAxisSideDirection = _evaluate.fallbackAxisSideDirection, fallbackAxisSideDirection = _evaluate_fallbackAxisSideDirection === void 0 ? 'none' : _evaluate_fallbackAxisSideDirection, _evaluate_flipAlignment = _evaluate.flipAlignment, flipAlignment = _evaluate_flipAlignment === void 0 ? true : _evaluate_flipAlignment, detectOverflowOptions = _object_without_properties$l(_evaluate, [
+                            _evaluate = evaluate(options, state), tmp = _evaluate.mainAxis, checkMainAxis = tmp === void 0 ? true : tmp, tmp1 = _evaluate.crossAxis, checkCrossAxis = tmp1 === void 0 ? true : tmp1, specifiedFallbackPlacements = _evaluate.fallbackPlacements, _evaluate_fallbackStrategy = _evaluate.fallbackStrategy, fallbackStrategy = _evaluate_fallbackStrategy === void 0 ? 'bestFit' : _evaluate_fallbackStrategy, _evaluate_fallbackAxisSideDirection = _evaluate.fallbackAxisSideDirection, fallbackAxisSideDirection = _evaluate_fallbackAxisSideDirection === void 0 ? 'none' : _evaluate_fallbackAxisSideDirection, _evaluate_flipAlignment = _evaluate.flipAlignment, flipAlignment = _evaluate_flipAlignment === void 0 ? true : _evaluate_flipAlignment, detectOverflowOptions = _object_without_properties$m(_evaluate, [
                                 "mainAxis",
                                 "crossAxis",
                                 "fallbackPlacements",
@@ -15811,9 +15811,9 @@ function _object_spread_props$r(target, source) {
     }
     return target;
 }
-function _object_without_properties$k(source, excluded) {
+function _object_without_properties$l(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$k(source, excluded);
+    var target = _object_without_properties_loose$l(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -15826,7 +15826,7 @@ function _object_without_properties$k(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$k(source, excluded) {
+function _object_without_properties_loose$l(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -15963,9 +15963,9 @@ function error() {
  * Renders a pointing arrow triangle.
  * @see https://floating-ui.com/docs/FloatingArrow
  */ var FloatingArrow = /*#__PURE__*/ React.forwardRef(function FloatingArrow(props, ref) {
-    var _props_context = props.context, placement = _props_context.placement, floating = _props_context.elements.floating, _props_context_middlewareData = _props_context.middlewareData, arrow = _props_context_middlewareData.arrow, shift = _props_context_middlewareData.shift, _props_width = props.width, width = _props_width === void 0 ? 14 : _props_width, _props_height = props.height, height = _props_height === void 0 ? 7 : _props_height, _props_tipRadius = props.tipRadius, tipRadius = _props_tipRadius === void 0 ? 0 : _props_tipRadius, _props_strokeWidth = props.strokeWidth, strokeWidth = _props_strokeWidth === void 0 ? 0 : _props_strokeWidth, staticOffset = props.staticOffset, stroke = props.stroke, d = props.d, tmp = props.style, transform = (tmp === void 0 ? {} : tmp).transform, restStyle = _object_without_properties$k(props.style, [
+    var _props_context = props.context, placement = _props_context.placement, floating = _props_context.elements.floating, _props_context_middlewareData = _props_context.middlewareData, arrow = _props_context_middlewareData.arrow, shift = _props_context_middlewareData.shift, _props_width = props.width, width = _props_width === void 0 ? 14 : _props_width, _props_height = props.height, height = _props_height === void 0 ? 7 : _props_height, _props_tipRadius = props.tipRadius, tipRadius = _props_tipRadius === void 0 ? 0 : _props_tipRadius, _props_strokeWidth = props.strokeWidth, strokeWidth = _props_strokeWidth === void 0 ? 0 : _props_strokeWidth, staticOffset = props.staticOffset, stroke = props.stroke, d = props.d, tmp = props.style, transform = (tmp === void 0 ? {} : tmp).transform, restStyle = _object_without_properties$l(props.style, [
         "transform"
-    ]), rest = _object_without_properties$k(props, [
+    ]), rest = _object_without_properties$l(props, [
         "context",
         "width",
         "height",
@@ -21848,9 +21848,9 @@ function _object_spread_props$p(target, source) {
     }
     return target;
 }
-function _object_without_properties$j(source, excluded) {
+function _object_without_properties$k(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$j(source, excluded);
+    var target = _object_without_properties_loose$k(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -21863,7 +21863,7 @@ function _object_without_properties$j(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$j(source, excluded) {
+function _object_without_properties_loose$k(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -21912,7 +21912,7 @@ var StyledTypography = styled.div(_templateObject$o(), function(param) {
     return $srOnly ? '-9999px' : undefined;
 });
 var Typography = function(_param) {
-    var _param_variant = _param.variant, variant = _param_variant === void 0 ? 'paragraph100Regular' : _param_variant, children = _param.children, _param_color = _param.color, color = _param_color === void 0 ? 'primary' : _param_color, _param_srOnly = _param.srOnly, srOnly = _param_srOnly === void 0 ? false : _param_srOnly, rest = _object_without_properties$j(_param, [
+    var _param_variant = _param.variant, variant = _param_variant === void 0 ? 'paragraph100Regular' : _param_variant, children = _param.children, _param_color = _param.color, color = _param_color === void 0 ? 'primary' : _param_color, _param_srOnly = _param.srOnly, srOnly = _param_srOnly === void 0 ? false : _param_srOnly, rest = _object_without_properties$k(_param, [
         "variant",
         "children",
         "color",
@@ -22011,9 +22011,9 @@ function _object_spread_props$o(target, source) {
     }
     return target;
 }
-function _object_without_properties$i(source, excluded) {
+function _object_without_properties$j(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$i(source, excluded);
+    var target = _object_without_properties_loose$j(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -22026,7 +22026,7 @@ function _object_without_properties$i(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$i(source, excluded) {
+function _object_without_properties_loose$j(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -22059,7 +22059,7 @@ function _templateObject$n() {
 }
 var StyledCheckbox = styled.input(_templateObject$n());
 var Checkbox = function(_param) {
-    var id = _param.id, _param_checked = _param.checked, checked = _param_checked === void 0 ? false : _param_checked, disabled = _param.disabled, labelText = _param.labelText, labelProps = _param.labelProps, _param_indeterminate = _param.indeterminate, indeterminate = _param_indeterminate === void 0 ? false : _param_indeterminate, onChange = _param.onChange, props = _object_without_properties$i(_param, [
+    var id = _param.id, _param_checked = _param.checked, checked = _param_checked === void 0 ? false : _param_checked, disabled = _param.disabled, labelText = _param.labelText, labelProps = _param.labelProps, _param_indeterminate = _param.indeterminate, indeterminate = _param_indeterminate === void 0 ? false : _param_indeterminate, onChange = _param.onChange, props = _object_without_properties$j(_param, [
         "id",
         "checked",
         "disabled",
@@ -22324,6 +22324,8 @@ var Popper = function(param) {
     ], onClose, open);
     var updatePosition = useCallback(function() {
         if (!anchorRef.current || !containerRef.current) return;
+        // Check if anchor element is still connected to the DOM
+        if (!anchorRef.current.isConnected) return;
         var anchorRect = anchorRef.current.getBoundingClientRect();
         var popperRect = containerRef.current.getBoundingClientRect();
         var el = anchorRef.current;
@@ -22477,9 +22479,9 @@ function _object_spread_props$n(target, source) {
     }
     return target;
 }
-function _object_without_properties$h(source, excluded) {
+function _object_without_properties$i(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$h(source, excluded);
+    var target = _object_without_properties_loose$i(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -22492,7 +22494,7 @@ function _object_without_properties$h(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$h(source, excluded) {
+function _object_without_properties_loose$i(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -22539,7 +22541,7 @@ function _templateObject$l() {
 }
 var DatePickerButton = styled(Button)(_templateObject$l(), spacing(1), neutral300, spacing(1));
 var DatePicker = function(_param) {
-    var _param_rangeSelect = _param.rangeSelect, rangeSelect = _param_rangeSelect === void 0 ? false : _param_rangeSelect, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? new Date() : _param_selectedDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? new Date(Date.now() - 7 * 24 * 60 * 60 * 1000) : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? new Date() : _param_endDate, onChange = _param.onChange, rest = _object_without_properties$h(_param, [
+    var _param_rangeSelect = _param.rangeSelect, rangeSelect = _param_rangeSelect === void 0 ? false : _param_rangeSelect, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? new Date() : _param_selectedDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? new Date(Date.now() - 7 * 24 * 60 * 60 * 1000) : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? new Date() : _param_endDate, onChange = _param.onChange, rest = _object_without_properties$i(_param, [
         "rangeSelect",
         "selectedDate",
         "startDate",
@@ -23374,9 +23376,9 @@ function _object_spread_props$l(target, source) {
     }
     return target;
 }
-function _object_without_properties$g(source, excluded) {
+function _object_without_properties$h(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$g(source, excluded);
+    var target = _object_without_properties_loose$h(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -23389,7 +23391,7 @@ function _object_without_properties$g(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$g(source, excluded) {
+function _object_without_properties_loose$h(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -23402,7 +23404,7 @@ function _object_without_properties_loose$g(source, excluded) {
     return target;
 }
 var IconButton = /*#__PURE__*/ forwardRef(function(_param, ref) {
-    var Icon = _param.icon, size = _param.size, circular = _param.circular, fontSize = _param.fontSize, style = _param.style, props = _object_without_properties$g(_param, [
+    var Icon = _param.icon, size = _param.size, circular = _param.circular, fontSize = _param.fontSize, style = _param.style, props = _object_without_properties$h(_param, [
         "icon",
         "size",
         "circular",
@@ -23471,9 +23473,9 @@ function _object_spread_props$k(target, source) {
     }
     return target;
 }
-function _object_without_properties$f(source, excluded) {
+function _object_without_properties$g(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$f(source, excluded);
+    var target = _object_without_properties_loose$g(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -23486,7 +23488,7 @@ function _object_without_properties$f(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$f(source, excluded) {
+function _object_without_properties_loose$g(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -23576,7 +23578,7 @@ var IconWrapper$3 = styled.span(_templateObject2$c(), function(param) {
     return position === 'right' ? '0.5rem' : 'auto';
 });
 var Input = function(_param) {
-    var LeftIcon = _param.leftIcon, RightIcon = _param.rightIcon, _param_clearable = _param.clearable, clearable = _param_clearable === void 0 ? false : _param_clearable, _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, style = _param.style, props = _object_without_properties$f(_param, [
+    var LeftIcon = _param.leftIcon, RightIcon = _param.rightIcon, _param_clearable = _param.clearable, clearable = _param_clearable === void 0 ? false : _param_clearable, _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, style = _param.style, props = _object_without_properties$g(_param, [
         "leftIcon",
         "rightIcon",
         "clearable",
@@ -23716,9 +23718,9 @@ function _object_spread_props$j(target, source) {
     }
     return target;
 }
-function _object_without_properties$e(source, excluded) {
+function _object_without_properties$f(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$e(source, excluded);
+    var target = _object_without_properties_loose$f(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -23731,7 +23733,7 @@ function _object_without_properties$e(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$e(source, excluded) {
+function _object_without_properties_loose$f(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -23926,7 +23928,7 @@ var IconWrapper$2 = styled.div(_templateObject5$2(), function(param) {
 var PlaceholderOption = styled.option(_templateObject6$1(), $paragraph100Semibold, textSecondary);
 var SelectedOption = styled.option(_templateObject7$1(), $paragraph200Regular, textPrimary);
 var MultiSelect = function(_param) {
-    var _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, _param_options = _param.options, options = _param_options === void 0 ? [] : _param_options; _param.checkbox; var placeholder = _param.placeholder, label = _param.label, _param_chips = _param.chips, chips = _param_chips === void 0 ? false : _param_chips, className = _param.className, values = _param.values, setValues = _param.setValues, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_type = _param.type, type = _param_type === void 0 ? 'primary' : _param_type, props = _object_without_properties$e(_param, [
+    var _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, _param_options = _param.options, options = _param_options === void 0 ? [] : _param_options; _param.checkbox; var placeholder = _param.placeholder, label = _param.label, _param_chips = _param.chips, chips = _param_chips === void 0 ? false : _param_chips, className = _param.className, values = _param.values, setValues = _param.setValues, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_type = _param.type, type = _param_type === void 0 ? 'primary' : _param_type, props = _object_without_properties$f(_param, [
         "sz",
         "error",
         "options",
@@ -24105,9 +24107,9 @@ function _object_spread$m(target) {
     }
     return target;
 }
-function _object_without_properties$d(source, excluded) {
+function _object_without_properties$e(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$d(source, excluded);
+    var target = _object_without_properties_loose$e(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -24120,7 +24122,7 @@ function _object_without_properties$d(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$d(source, excluded) {
+function _object_without_properties_loose$e(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -24171,7 +24173,7 @@ var Loader = function() {
     });
 };
 var Search = function(_param) {
-    var loading = _param.loading, setLoading = _param.setLoading, setSearchValue = _param.setSearchValue, _param_clearable = _param.clearable, clearable = _param_clearable === void 0 ? false : _param_clearable, _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, props = _object_without_properties$d(_param, [
+    var loading = _param.loading, setLoading = _param.setLoading, setSearchValue = _param.setSearchValue, _param_clearable = _param.clearable, clearable = _param_clearable === void 0 ? false : _param_clearable, _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, props = _object_without_properties$e(_param, [
         "loading",
         "setLoading",
         "setSearchValue",
@@ -24299,9 +24301,9 @@ function _object_spread_props$i(target, source) {
     }
     return target;
 }
-function _object_without_properties$c(source, excluded) {
+function _object_without_properties$d(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$c(source, excluded);
+    var target = _object_without_properties_loose$d(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -24314,7 +24316,7 @@ function _object_without_properties$c(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$c(source, excluded) {
+function _object_without_properties_loose$d(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -24440,7 +24442,7 @@ var MultiInputChip = function(param) {
     });
 };
 var MultiInput = function(_param) {
-    var _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, _param_type = _param.type, type = _param_type === void 0 ? 'primary' : _param_type, values = _param.values, setValues = _param.setValues, placeholder = _param.placeholder, _param_chips = _param.chips, chips = _param_chips === void 0 ? false : _param_chips, props = _object_without_properties$c(_param, [
+    var _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, _param_type = _param.type, type = _param_type === void 0 ? 'primary' : _param_type, values = _param.values, setValues = _param.setValues, placeholder = _param.placeholder, _param_chips = _param.chips, chips = _param_chips === void 0 ? false : _param_chips, props = _object_without_properties$d(_param, [
         "sz",
         "error",
         "type",
@@ -24624,9 +24626,9 @@ function _object_spread_props$h(target, source) {
     }
     return target;
 }
-function _object_without_properties$b(source, excluded) {
+function _object_without_properties$c(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$b(source, excluded);
+    var target = _object_without_properties_loose$c(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -24639,7 +24641,7 @@ function _object_without_properties$b(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$b(source, excluded) {
+function _object_without_properties_loose$c(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -24772,7 +24774,7 @@ var IconWrapper$1 = styled.div(_templateObject3$7(), function(param) {
 });
 var SelectOption = styled.option(_templateObject4$6(), $paragraph100Semibold, textPrimary);
 var Select = function(_param) {
-    var _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, _param_options = _param.options, options = _param_options === void 0 ? [] : _param_options; _param.checkbox; var _param_placeholder = _param.placeholder, placeholder = _param_placeholder === void 0 ? 'Please select...' : _param_placeholder, value = _param.value, setValue = _param.setValue; _param.initialValue; var _param_type = _param.type, type = _param_type === void 0 ? 'primary' : _param_type, style = _param.style, _param_maxHeight = _param.maxHeight, maxHeight = _param_maxHeight === void 0 ? '14rem' : _param_maxHeight, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_addClearOption = _param.addClearOption, addClearOption = _param_addClearOption === void 0 ? false : _param_addClearOption, _param_clearOptionLabel = _param.clearOptionLabel, clearOptionLabel = _param_clearOptionLabel === void 0 ? 'Clear' : _param_clearOptionLabel, props = _object_without_properties$b(_param, [
+    var _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, _param_options = _param.options, options = _param_options === void 0 ? [] : _param_options; _param.checkbox; var _param_placeholder = _param.placeholder, placeholder = _param_placeholder === void 0 ? 'Please select...' : _param_placeholder, value = _param.value, setValue = _param.setValue; _param.initialValue; var _param_type = _param.type, type = _param_type === void 0 ? 'primary' : _param_type, style = _param.style, _param_maxHeight = _param.maxHeight, maxHeight = _param_maxHeight === void 0 ? '14rem' : _param_maxHeight, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_addClearOption = _param.addClearOption, addClearOption = _param_addClearOption === void 0 ? false : _param_addClearOption, _param_clearOptionLabel = _param.clearOptionLabel, clearOptionLabel = _param_clearOptionLabel === void 0 ? 'Clear' : _param_clearOptionLabel, props = _object_without_properties$c(_param, [
         "sz",
         "error",
         "options",
@@ -24821,6 +24823,8 @@ var Select = function(_param) {
                         disabled: disabled,
                         sz: sz,
                         value: value,
+                        // eslint-disable-next-line @typescript-eslint/no-empty-function
+                        onChange: function() {},
                         error: error,
                         children: !value ? /*#__PURE__*/ jsx(SelectOption, {
                             value: "",
@@ -24920,9 +24924,9 @@ function _object_spread_props$g(target, source) {
     }
     return target;
 }
-function _object_without_properties$a(source, excluded) {
+function _object_without_properties$b(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$a(source, excluded);
+    var target = _object_without_properties_loose$b(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -24935,7 +24939,7 @@ function _object_without_properties$a(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$a(source, excluded) {
+function _object_without_properties_loose$b(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -25014,7 +25018,7 @@ var BaseTextArea = styled.textarea(_templateObject1$9(), function(param) {
 });
 var CloseButton = styled(IconButton)(_templateObject2$8());
 var TextArea = /*#__PURE__*/ forwardRef(function(_param, ref) {
-    var _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, _param_clearable = _param.clearable, clearable = _param_clearable === void 0 ? false : _param_clearable, onClear = _param.onClear, style = _param.style, props = _object_without_properties$a(_param, [
+    var _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, _param_clearable = _param.clearable, clearable = _param_clearable === void 0 ? false : _param_clearable, onClear = _param.onClear, style = _param.style, props = _object_without_properties$b(_param, [
         "sz",
         "error",
         "clearable",
@@ -25111,9 +25115,9 @@ function _object_spread_props$f(target, source) {
     }
     return target;
 }
-function _object_without_properties$9(source, excluded) {
+function _object_without_properties$a(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$9(source, excluded);
+    var target = _object_without_properties_loose$a(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -25126,7 +25130,7 @@ function _object_without_properties$9(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$9(source, excluded) {
+function _object_without_properties_loose$a(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -25205,7 +25209,7 @@ var buttonStyles = css(_templateObject2$7(), spacing(1), spacing(2), $paragraph2
 var StyledItem = styled.button(_templateObject3$6(), buttonStyles);
 var StyledLink = styled.a(_templateObject4$5(), buttonStyles);
 var MenuItem = function(_param) {
-    var label = _param.label, href = _param.href, selected = _param.selected, checkbox = _param.checkbox, onClick = _param.onClick, icon = _param.icon, disabled = _param.disabled, _param_size = _param.size, size = _param_size === void 0 ? 'small' : _param_size, props = _object_without_properties$9(_param, [
+    var label = _param.label, href = _param.href, selected = _param.selected, checkbox = _param.checkbox, onClick = _param.onClick, icon = _param.icon, disabled = _param.disabled, _param_size = _param.size, size = _param_size === void 0 ? 'small' : _param_size, props = _object_without_properties$a(_param, [
         "label",
         "href",
         "selected",
@@ -27109,9 +27113,9 @@ function _object_spread_props$c(target, source) {
     }
     return target;
 }
-function _object_without_properties$8(source, excluded) {
+function _object_without_properties$9(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$8(source, excluded);
+    var target = _object_without_properties_loose$9(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -27124,7 +27128,7 @@ function _object_without_properties$8(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$8(source, excluded) {
+function _object_without_properties_loose$9(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -27145,7 +27149,7 @@ function _object_without_properties_loose$8(source, excluded) {
  * @param parameters.getSlotProps - A function that returns the props to be passed to the slot component.
  */ function useSlotProps(parameters) {
     var _parameters_additionalProps;
-    var elementType = parameters.elementType, externalSlotProps = parameters.externalSlotProps, ownerState = parameters.ownerState, _parameters_skipResolvingSlotProps = parameters.skipResolvingSlotProps, skipResolvingSlotProps = _parameters_skipResolvingSlotProps === void 0 ? false : _parameters_skipResolvingSlotProps, other = _object_without_properties$8(parameters, [
+    var elementType = parameters.elementType, externalSlotProps = parameters.externalSlotProps, ownerState = parameters.ownerState, _parameters_skipResolvingSlotProps = parameters.skipResolvingSlotProps, skipResolvingSlotProps = _parameters_skipResolvingSlotProps === void 0 ? false : _parameters_skipResolvingSlotProps, other = _object_without_properties$9(parameters, [
         "elementType",
         "externalSlotProps",
         "ownerState",
@@ -27250,9 +27254,9 @@ function _object_spread_props$b(target, source) {
     }
     return target;
 }
-function _object_without_properties$7(source, excluded) {
+function _object_without_properties$8(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$7(source, excluded);
+    var target = _object_without_properties_loose$8(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -27265,7 +27269,7 @@ function _object_without_properties$7(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$7(source, excluded) {
+function _object_without_properties_loose$8(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -27279,7 +27283,7 @@ function _object_without_properties_loose$7(source, excluded) {
 }
 function prepareForSlot(Component) {
     return /*#__PURE__*/ React.forwardRef(function Slot(props, ref) {
-        props.ownerState; var other = _object_without_properties$7(props, [
+        props.ownerState; var other = _object_without_properties$8(props, [
             "ownerState"
         ]);
         return /*#__PURE__*/ React.createElement(Component, _object_spread_props$b(_object_spread$d({}, other), {
@@ -28418,9 +28422,9 @@ function _object_spread_props$9(target, source) {
     }
     return target;
 }
-function _object_without_properties$6(source, excluded) {
+function _object_without_properties$7(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$6(source, excluded);
+    var target = _object_without_properties_loose$7(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -28433,7 +28437,7 @@ function _object_without_properties$6(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$6(source, excluded) {
+function _object_without_properties_loose$7(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -28479,7 +28483,7 @@ var useUtilityClasses = function(ownerState) {
  *
  * - [Modal API](https://mui.com/base-ui/react-modal/components-api/#modal)
  */ var Modal$1 = /*#__PURE__*/ React.forwardRef(function Modal(props, forwardedRef) {
-    var children = props.children, _props_closeAfterTransition = props.closeAfterTransition, closeAfterTransition = _props_closeAfterTransition === void 0 ? false : _props_closeAfterTransition, container = props.container, _props_disableAutoFocus = props.disableAutoFocus, disableAutoFocus = _props_disableAutoFocus === void 0 ? false : _props_disableAutoFocus, _props_disableEnforceFocus = props.disableEnforceFocus, disableEnforceFocus = _props_disableEnforceFocus === void 0 ? false : _props_disableEnforceFocus, _props_disableEscapeKeyDown = props.disableEscapeKeyDown, disableEscapeKeyDown = _props_disableEscapeKeyDown === void 0 ? false : _props_disableEscapeKeyDown, _props_disablePortal = props.disablePortal, disablePortal = _props_disablePortal === void 0 ? false : _props_disablePortal, _props_disableRestoreFocus = props.disableRestoreFocus, disableRestoreFocus = _props_disableRestoreFocus === void 0 ? false : _props_disableRestoreFocus, _props_disableScrollLock = props.disableScrollLock, disableScrollLock = _props_disableScrollLock === void 0 ? false : _props_disableScrollLock, _props_hideBackdrop = props.hideBackdrop, hideBackdrop = _props_hideBackdrop === void 0 ? false : _props_hideBackdrop, _props_keepMounted = props.keepMounted, keepMounted = _props_keepMounted === void 0 ? false : _props_keepMounted, onBackdropClick = props.onBackdropClick; props.onClose; props.onKeyDown; var open = props.open; props.onTransitionEnter; props.onTransitionExited; var _props_slotProps = props.slotProps, slotProps = _props_slotProps === void 0 ? {} : _props_slotProps, _props_slots = props.slots, slots = _props_slots === void 0 ? {} : _props_slots, other = _object_without_properties$6(props, [
+    var children = props.children, _props_closeAfterTransition = props.closeAfterTransition, closeAfterTransition = _props_closeAfterTransition === void 0 ? false : _props_closeAfterTransition, container = props.container, _props_disableAutoFocus = props.disableAutoFocus, disableAutoFocus = _props_disableAutoFocus === void 0 ? false : _props_disableAutoFocus, _props_disableEnforceFocus = props.disableEnforceFocus, disableEnforceFocus = _props_disableEnforceFocus === void 0 ? false : _props_disableEnforceFocus, _props_disableEscapeKeyDown = props.disableEscapeKeyDown, disableEscapeKeyDown = _props_disableEscapeKeyDown === void 0 ? false : _props_disableEscapeKeyDown, _props_disablePortal = props.disablePortal, disablePortal = _props_disablePortal === void 0 ? false : _props_disablePortal, _props_disableRestoreFocus = props.disableRestoreFocus, disableRestoreFocus = _props_disableRestoreFocus === void 0 ? false : _props_disableRestoreFocus, _props_disableScrollLock = props.disableScrollLock, disableScrollLock = _props_disableScrollLock === void 0 ? false : _props_disableScrollLock, _props_hideBackdrop = props.hideBackdrop, hideBackdrop = _props_hideBackdrop === void 0 ? false : _props_hideBackdrop, _props_keepMounted = props.keepMounted, keepMounted = _props_keepMounted === void 0 ? false : _props_keepMounted, onBackdropClick = props.onBackdropClick; props.onClose; props.onKeyDown; var open = props.open; props.onTransitionEnter; props.onTransitionExited; var _props_slotProps = props.slotProps, slotProps = _props_slotProps === void 0 ? {} : _props_slotProps, _props_slots = props.slots, slots = _props_slots === void 0 ? {} : _props_slots, other = _object_without_properties$7(props, [
         "children",
         "closeAfterTransition",
         "container",
@@ -28901,9 +28905,9 @@ function _object_spread$9(target) {
     }
     return target;
 }
-function _object_without_properties$5(source, excluded) {
+function _object_without_properties$6(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$5(source, excluded);
+    var target = _object_without_properties_loose$6(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -28916,7 +28920,7 @@ function _object_without_properties$5(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$5(source, excluded) {
+function _object_without_properties_loose$6(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -28948,7 +28952,7 @@ function _templateObject$a() {
     return data;
 }
 var BaseBackdrop = /*#__PURE__*/ forwardRef(function(props, ref) {
-    var open = props.open, className = props.className, other = _object_without_properties$5(props, [
+    var open = props.open, className = props.className, other = _object_without_properties$6(props, [
         "open",
         "className"
     ]);
@@ -29034,9 +29038,9 @@ function _object_spread_props$7(target, source) {
     }
     return target;
 }
-function _object_without_properties$4(source, excluded) {
+function _object_without_properties$5(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$4(source, excluded);
+    var target = _object_without_properties_loose$5(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -29049,7 +29053,7 @@ function _object_without_properties$4(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$4(source, excluded) {
+function _object_without_properties_loose$5(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -29171,14 +29175,15 @@ var Modal = function(param) {
                 }),
                 Boolean(actions === null || actions === void 0 ? void 0 : actions.length) && /*#__PURE__*/ jsx(ModalFooter, {
                     children: actions === null || actions === void 0 ? void 0 : actions.map(function(_param) {
-                        var label = _param.label, rest = _object_without_properties$4(_param, [
+                        var id = _param.id, label = _param.label, rest = _object_without_properties$5(_param, [
+                            "id",
                             "label"
                         ]);
                         return /*#__PURE__*/ jsx(Button, _object_spread_props$7(_object_spread$8({
                             "data-testid": "".concat(testId, "-").concat(formatForId(label), "-button")
                         }, rest), {
                             children: label
-                        }));
+                        }), id !== null && id !== void 0 ? id : formatForId(label));
                     })
                 }),
                 loading && /*#__PURE__*/ jsx(LoadingOverlay, {})
@@ -29372,9 +29377,9 @@ function _object_spread$7(target) {
     }
     return target;
 }
-function _object_without_properties$3(source, excluded) {
+function _object_without_properties$4(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$3(source, excluded);
+    var target = _object_without_properties_loose$4(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -29387,7 +29392,7 @@ function _object_without_properties$3(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$3(source, excluded) {
+function _object_without_properties_loose$4(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -29420,7 +29425,7 @@ function _templateObject$6() {
 }
 var RadioButtonContainer = styled.div(_templateObject$6());
 var RadioButton = function(_param) {
-    var id = _param.id, name = _param.name, label = _param.label, value = _param.value, checked = _param.checked, onChange = _param.onChange, disabled = _param.disabled, required = _param.required, className = _param.className, style = _param.style, props = _object_without_properties$3(_param, [
+    var id = _param.id, name = _param.name, label = _param.label, value = _param.value, checked = _param.checked, onChange = _param.onChange, disabled = _param.disabled, required = _param.required, className = _param.className, style = _param.style, props = _object_without_properties$4(_param, [
         "id",
         "name",
         "label",
@@ -29605,9 +29610,9 @@ function _object_spread_props$5(target, source) {
     }
     return target;
 }
-function _object_without_properties$2(source, excluded) {
+function _object_without_properties$3(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$2(source, excluded);
+    var target = _object_without_properties_loose$3(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -29620,7 +29625,7 @@ function _object_without_properties$2(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$2(source, excluded) {
+function _object_without_properties_loose$3(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -29688,7 +29693,7 @@ var IconWrapper = styled(IconWrapper$3)(_templateObject1$5(), neutral200, neutra
 var StyledInput = styled(BaseInput$1)(_templateObject2$5());
 var GoButton = styled(Button)(_templateObject3$4(), spacing(1), spacing(1));
 var SearchBar = function(_param) {
-    var placeholder = _param.placeholder, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, onClear = _param.onClear, onSubmit = _param.onSubmit, _param_showButton = _param.showButton, showButton = _param_showButton === void 0 ? true : _param_showButton, _param_showFilters = _param.showFilters, showFilters = _param_showFilters === void 0 ? false : _param_showFilters, _param_testId = _param.testId, testId = _param_testId === void 0 ? 'search' : _param_testId, props = _object_without_properties$2(_param, [
+    var placeholder = _param.placeholder, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, onClear = _param.onClear, onSubmit = _param.onSubmit, _param_showButton = _param.showButton, showButton = _param_showButton === void 0 ? true : _param_showButton, _param_showFilters = _param.showFilters, showFilters = _param_showFilters === void 0 ? false : _param_showFilters, _param_testId = _param.testId, testId = _param_testId === void 0 ? 'search' : _param_testId, props = _object_without_properties$3(_param, [
         "placeholder",
         "error",
         "onClear",
@@ -29900,9 +29905,9 @@ function _object_spread_props$4(target, source) {
     }
     return target;
 }
-function _object_without_properties$1(source, excluded) {
+function _object_without_properties$2(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$1(source, excluded);
+    var target = _object_without_properties_loose$2(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -29915,7 +29920,7 @@ function _object_without_properties$1(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$1(source, excluded) {
+function _object_without_properties_loose$2(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -31470,7 +31475,7 @@ var ColumnSizing = (_obj = {
     }, getMemoOptions(table.options, 'debugColumns', 'getAfter'));
     column.resetSize = function() {
         table.setColumnSizing(function(_ref2) {
-            var _column_id = column.id; _ref2[_column_id]; var rest = _object_without_properties$1(_ref2, [
+            var _column_id = column.id; _ref2[_column_id]; var rest = _object_without_properties$2(_ref2, [
                 _column_id
             ].map(_to_property_key));
             return rest;
@@ -32000,7 +32005,7 @@ var RowExpanding = _define_property$4({
                 return _object_spread_props$4(_object_spread$4({}, oldExpanded), _define_property$4({}, row.id, true));
             }
             if (exists && !expanded) {
-                var _row_id = row.id; oldExpanded[_row_id]; var rest = _object_without_properties$1(oldExpanded, [
+                var _row_id = row.id; oldExpanded[_row_id]; var rest = _object_without_properties$2(oldExpanded, [
                     _row_id
                 ].map(_to_property_key));
                 return rest;
@@ -34179,6 +34184,33 @@ function _object_spread_props$2(target, source) {
     }
     return target;
 }
+function _object_without_properties$1(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$1(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$1(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
 function _sliced_to_array$1(arr, i) {
     return _array_with_holes$1(arr) || _iterable_to_array_limit$1(arr, i) || _unsupported_iterable_to_array$1(arr, i) || _non_iterable_rest$1();
 }
@@ -34277,13 +34309,29 @@ var Table = function(param) {
     }
     var tableColumns = useMemo(function() {
         return columns.map(function(col) {
-            return _object_spread$2({
-                id: col.key,
-                accessorKey: col.key,
-                accessorFn: col.getter,
-                enableSorting: col.sortable,
-                enableResizing: !col.autoWidth
-            }, col);
+            var key = col.key, header = col.header, sortable = col.sortable, getter = col.getter, render = col.render, autoWidth = col.autoWidth, cell = col.cell, restCol = _object_without_properties$1(col, [
+                "key",
+                "header",
+                "sortable",
+                "getter",
+                "render",
+                "autoWidth",
+                "cell"
+            ]);
+            return _object_spread_props$2(_object_spread$2({
+                id: key,
+                accessorKey: key,
+                accessorFn: getter,
+                enableSorting: sortable,
+                enableResizing: !autoWidth,
+                header: header
+            }, restCol), {
+                cell: render ? function(info) {
+                    return render(info.row.original);
+                } : cell ? cell : function(info) {
+                    return info.getValue();
+                }
+            });
         });
     }, [
         columns
@@ -34326,13 +34374,9 @@ var Table = function(param) {
     ]);
     var handleContextMenu = useCallback(function(e, row) {
         e.stopPropagation();
+        ctxMenuAnchorRef.current = e.currentTarget;
         setCtxMenuRow(function(prev) {
-            if (prev === row.original) {
-                ctxMenuAnchorRef.current = null;
-                return null;
-            }
-            ctxMenuAnchorRef.current = e.currentTarget;
-            return row.original;
+            return prev === row.original ? null : row.original;
         });
     }, []);
     var contextColumn = useMemo(function() {
@@ -34345,6 +34389,12 @@ var Table = function(param) {
             cell: function(param) {
                 var row = param.row;
                 return /*#__PURE__*/ jsx(ContextMenuButton, {
+                    ref: function(el) {
+                        // Keep anchor ref in sync when this row's menu is open
+                        if (ctxMenuRow === row.original && el) {
+                            ctxMenuAnchorRef.current = el;
+                        }
+                    },
                     onClick: function(e) {
                         e.stopPropagation();
                         handleContextMenu(e, row);
@@ -34359,7 +34409,8 @@ var Table = function(param) {
         };
     }, [
         handleContextMenu,
-        testId
+        testId,
+        ctxMenuRow
     ]);
     var allColumns = useMemo(function() {
         var cols = _to_consumable_array(tableColumns);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paubox/ui",
   "author": "Paubox, Inc.",
   "description": "Paubox Component Library",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "type": "module",
   "private": false,
   "publishConfig": {

package/src/lib/Modal/Modal.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { BaseButtonProps } from '../Button/BaseButton';
 type ModalAction = {
+    id?: string;
     label: string;
     onClick: () => void;
     color?: BaseButtonProps['color'];

package/src/lib/Table/Table.d.ts

@@ -14,6 +14,7 @@ export type TableColumn<T> = ColumnDef<T> & {
     header: string;
     sortable?: boolean;
     getter?: () => unknown;
+    render?: (item: T) => ReactNode;
     autoWidth?: boolean;
     overflow?: CellOverflow;
     maxLines?: number;