@paubox/ui 1.4.0 → 1.5.1

package/index.esm.js

@@ -2313,7 +2313,7 @@ var BaseButton = styled.button(_templateObject$r(), function(props) {
     return props.size === 'large' ? '12px 16px' : '10px 12px';
 }, function(param) {
     var color = param.color, variant = param.variant;
-    return variant === 'outlined' ? "1px solid ".concat(color === 'secondary' ? neutral400 : getColor(color, 600)) : 'none';
+    return variant === 'outlined' ? "1px solid ".concat(color === 'secondary' ? neutral400 : getColor(color, 600)) : '1px solid transparent';
 }, function(param) {
     var round = param.round;
     return round ? '50%' : "".concat(spacing(1), "px");
@@ -13413,7 +13413,7 @@ function _array_like_to_array$n(arr, len) {
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_without_holes$b(arr) {
+function _array_without_holes$c(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$n(arr);
 }
 function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
@@ -13458,10 +13458,10 @@ function _define_property$A(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$b(iter) {
+function _iterable_to_array$c(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _non_iterable_spread$b() {
+function _non_iterable_spread$c() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$A(target) {
@@ -13525,8 +13525,8 @@ function _object_without_properties_loose$l(source, excluded) {
     }
     return target;
 }
-function _to_consumable_array$b(arr) {
-    return _array_without_holes$b(arr) || _iterable_to_array$b(arr) || _unsupported_iterable_to_array$n(arr) || _non_iterable_spread$b();
+function _to_consumable_array$c(arr) {
+    return _array_without_holes$c(arr) || _iterable_to_array$c(arr) || _unsupported_iterable_to_array$n(arr) || _non_iterable_spread$c();
 }
 function _type_of$4(obj) {
     "@swc/helpers - typeof";
@@ -14117,11 +14117,11 @@ function _detectOverflow() {
                             ] : getExpandedPlacements(initialPlacement));
                             hasFallbackAxisSideDirection = fallbackAxisSideDirection !== 'none';
                             if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
-                                (_fallbackPlacements = fallbackPlacements).push.apply(_fallbackPlacements, _to_consumable_array$b(getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl)));
+                                (_fallbackPlacements = fallbackPlacements).push.apply(_fallbackPlacements, _to_consumable_array$c(getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl)));
                             }
                             placements = [
                                 initialPlacement
-                            ].concat(_to_consumable_array$b(fallbackPlacements));
+                            ].concat(_to_consumable_array$c(fallbackPlacements));
                             return [
                                 4,
                                 detectOverflow(state, detectOverflowOptions)
@@ -14137,7 +14137,7 @@ function _detectOverflow() {
                                 sides = getAlignmentSides(placement, rects, rtl);
                                 overflows.push(overflow[sides[0]], overflow[sides[1]]);
                             }
-                            overflowsData = _to_consumable_array$b(overflowsData).concat([
+                            overflowsData = _to_consumable_array$c(overflowsData).concat([
                                 {
                                     placement: placement,
                                     overflows: overflows
@@ -14341,7 +14341,7 @@ function _array_like_to_array$m(arr, len) {
 function _array_with_holes$j(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$a(arr) {
+function _array_without_holes$b(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$m(arr);
 }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -14386,7 +14386,7 @@ function _define_property$z(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$a(iter) {
+function _iterable_to_array$b(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$j(arr, i) {
@@ -14416,7 +14416,7 @@ function _iterable_to_array_limit$j(arr, i) {
 function _non_iterable_rest$j() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$a() {
+function _non_iterable_spread$b() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$z(target) {
@@ -14456,8 +14456,8 @@ function _object_spread_props$t(target, source) {
 function _sliced_to_array$j(arr, i) {
     return _array_with_holes$j(arr) || _iterable_to_array_limit$j(arr, i) || _unsupported_iterable_to_array$m(arr, i) || _non_iterable_rest$j();
 }
-function _to_consumable_array$a(arr) {
-    return _array_without_holes$a(arr) || _iterable_to_array$a(arr) || _unsupported_iterable_to_array$m(arr) || _non_iterable_spread$a();
+function _to_consumable_array$b(arr) {
+    return _array_without_holes$b(arr) || _iterable_to_array$b(arr) || _unsupported_iterable_to_array$m(arr) || _non_iterable_spread$b();
 }
 function _unsupported_iterable_to_array$m(o, minLen) {
     if (!o) return;
@@ -14852,7 +14852,7 @@ function getClippingElementAncestors(element, cache) {
 function getClippingRect(_ref) {
     var element = _ref.element, boundary = _ref.boundary, rootBoundary = _ref.rootBoundary, strategy = _ref.strategy;
     var elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
-    var clippingAncestors = _to_consumable_array$a(elementClippingAncestors).concat([
+    var clippingAncestors = _to_consumable_array$b(elementClippingAncestors).concat([
         rootBoundary
     ]);
     var firstClippingAncestor = clippingAncestors[0];
@@ -15104,7 +15104,7 @@ function observeMove(element, onMove) {
     }
     var _options_ancestorScroll = options.ancestorScroll, ancestorScroll = _options_ancestorScroll === void 0 ? true : _options_ancestorScroll, _options_ancestorResize = options.ancestorResize, ancestorResize = _options_ancestorResize === void 0 ? true : _options_ancestorResize, _options_elementResize = options.elementResize, elementResize = _options_elementResize === void 0 ? typeof ResizeObserver === 'function' : _options_elementResize, _options_layoutShift = options.layoutShift, layoutShift = _options_layoutShift === void 0 ? typeof IntersectionObserver === 'function' : _options_layoutShift, _options_animationFrame = options.animationFrame, animationFrame = _options_animationFrame === void 0 ? false : _options_animationFrame;
     var referenceEl = unwrapElement(reference);
-    var ancestors = ancestorScroll || ancestorResize ? _to_consumable_array$a(referenceEl ? getOverflowAncestors(referenceEl) : []).concat(_to_consumable_array$a(getOverflowAncestors(floating))) : [];
+    var ancestors = ancestorScroll || ancestorResize ? _to_consumable_array$b(referenceEl ? getOverflowAncestors(referenceEl) : []).concat(_to_consumable_array$b(getOverflowAncestors(floating))) : [];
     ancestors.forEach(function(ancestor) {
         ancestorScroll && ancestor.addEventListener('scroll', update, {
             passive: true
@@ -15623,7 +15623,7 @@ function _array_like_to_array$k(arr, len) {
 function _array_with_holes$h(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$9(arr) {
+function _array_without_holes$a(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$k(arr);
 }
 function _define_property$x(obj, key, value) {
@@ -15639,7 +15639,7 @@ function _define_property$x(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$9(iter) {
+function _iterable_to_array$a(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$h(arr, i) {
@@ -15669,7 +15669,7 @@ function _iterable_to_array_limit$h(arr, i) {
 function _non_iterable_rest$h() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$9() {
+function _non_iterable_spread$a() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$x(target) {
@@ -15736,8 +15736,8 @@ function _object_without_properties_loose$k(source, excluded) {
 function _sliced_to_array$h(arr, i) {
     return _array_with_holes$h(arr) || _iterable_to_array_limit$h(arr, i) || _unsupported_iterable_to_array$k(arr, i) || _non_iterable_rest$h();
 }
-function _to_consumable_array$9(arr) {
-    return _array_without_holes$9(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$k(arr) || _non_iterable_spread$9();
+function _to_consumable_array$a(arr) {
+    return _array_without_holes$a(arr) || _iterable_to_array$a(arr) || _unsupported_iterable_to_array$k(arr) || _non_iterable_spread$a();
 }
 function _unsupported_iterable_to_array$k(o, minLen) {
     if (!o) return;
@@ -15767,7 +15767,7 @@ function useEffectEvent(callback) {
         for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
             args[_key] = arguments[_key];
         }
-        return ref.current == null ? void 0 : (_ref = ref).current.apply(_ref, _to_consumable_array$9(args));
+        return ref.current == null ? void 0 : (_ref = ref).current.apply(_ref, _to_consumable_array$a(args));
     }, []);
 }
 var ARROW_UP = 'ArrowUp';
@@ -15783,7 +15783,7 @@ var verticalKeys = [
     ARROW_UP,
     ARROW_DOWN
 ];
-_to_consumable_array$9(horizontalKeys).concat(_to_consumable_array$9(verticalKeys));
+_to_consumable_array$a(horizontalKeys).concat(_to_consumable_array$a(verticalKeys));
 function _extends() {
     _extends = Object.assign ? Object.assign.bind() : function _extends(target) {
         for(var i = 1; i < arguments.length; i++){
@@ -15962,7 +15962,7 @@ function createPubSub() {
             });
         },
         on: function on(event, listener) {
-            map.set(event, _to_consumable_array$9(map.get(event) || []).concat([
+            map.set(event, _to_consumable_array$a(map.get(event) || []).concat([
                 listener
             ]));
         },
@@ -21987,6 +21987,7 @@ var Checkbox = function(_param) {
                 type: "checkbox",
                 checked: checked,
                 onChange: onChange,
+                disabled: disabled,
                 style: {
                     cursor: disabled ? 'not-allowed' : 'pointer'
                 }
@@ -22046,7 +22047,7 @@ function _array_like_to_array$j(arr, len) {
 function _array_with_holes$g(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$8(arr) {
+function _array_without_holes$9(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$j(arr);
 }
 function _define_property$t(obj, key, value) {
@@ -22062,7 +22063,7 @@ function _define_property$t(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$8(iter) {
+function _iterable_to_array$9(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$g(arr, i) {
@@ -22092,7 +22093,7 @@ function _iterable_to_array_limit$g(arr, i) {
 function _non_iterable_rest$g() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$8() {
+function _non_iterable_spread$9() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$t(target) {
@@ -22123,8 +22124,8 @@ function _tagged_template_literal$m(strings, raw) {
         }
     }));
 }
-function _to_consumable_array$8(arr) {
-    return _array_without_holes$8(arr) || _iterable_to_array$8(arr) || _unsupported_iterable_to_array$j(arr) || _non_iterable_spread$8();
+function _to_consumable_array$9(arr) {
+    return _array_without_holes$9(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$j(arr) || _non_iterable_spread$9();
 }
 function _unsupported_iterable_to_array$j(o, minLen) {
     if (!o) return;
@@ -22212,7 +22213,7 @@ var Popper = function(param) {
     useClickOutside(childContainerRefs ? [
         anchorRef,
         containerRef
-    ].concat(_to_consumable_array$8(childContainerRefs)) : [
+    ].concat(_to_consumable_array$9(childContainerRefs)) : [
         anchorRef,
         containerRef
     ], onClose, open);
@@ -22913,7 +22914,7 @@ function _array_like_to_array$f(arr, len) {
 function _array_with_holes$c(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$7(arr) {
+function _array_without_holes$8(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$f(arr);
 }
 function _define_property$q(obj, key, value) {
@@ -22929,7 +22930,7 @@ function _define_property$q(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$7(iter) {
+function _iterable_to_array$8(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$c(arr, i) {
@@ -22959,7 +22960,7 @@ function _iterable_to_array_limit$c(arr, i) {
 function _non_iterable_rest$c() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$7() {
+function _non_iterable_spread$8() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$q(target) {
@@ -22990,8 +22991,8 @@ function _tagged_template_literal$i(strings, raw) {
         }
     }));
 }
-function _to_consumable_array$7(arr) {
-    return _array_without_holes$7(arr) || _iterable_to_array$7(arr) || _unsupported_iterable_to_array$f(arr) || _non_iterable_spread$7();
+function _to_consumable_array$8(arr) {
+    return _array_without_holes$8(arr) || _iterable_to_array$8(arr) || _unsupported_iterable_to_array$f(arr) || _non_iterable_spread$8();
 }
 function _unsupported_iterable_to_array$f(o, minLen) {
     if (!o) return;
@@ -23086,7 +23087,7 @@ var FilterForm = function(param) {
     var handleAddFilterRow = function(filterKey) {
         var _Math;
         var currentFilter = values.filters[filterKey];
-        var newIndex = (_Math = Math).max.apply(_Math, _to_consumable_array$7(Object.keys(currentFilter).map(Number)).concat([
+        var newIndex = (_Math = Math).max.apply(_Math, _to_consumable_array$8(Object.keys(currentFilter).map(Number)).concat([
             -1
         ])) + 1;
         onChange("filters.".concat(filterKey, ".").concat(newIndex), {
@@ -23103,7 +23104,7 @@ var FilterForm = function(param) {
     var handleAddFilter = function() {
         var _Math;
         var currentFilters = values.filters;
-        var newFilterKey = (_Math = Math).max.apply(_Math, _to_consumable_array$7(Object.keys(currentFilters).map(Number)).concat([
+        var newFilterKey = (_Math = Math).max.apply(_Math, _to_consumable_array$8(Object.keys(currentFilters).map(Number)).concat([
             -1
         ])) + 1;
         onChange("filters.".concat(newFilterKey), {
@@ -23527,7 +23528,7 @@ function _array_like_to_array$e(arr, len) {
 function _array_with_holes$b(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$6(arr) {
+function _array_without_holes$7(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$e(arr);
 }
 function _define_property$n(obj, key, value) {
@@ -23543,7 +23544,7 @@ function _define_property$n(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$6(iter) {
+function _iterable_to_array$7(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$b(arr, i) {
@@ -23573,7 +23574,7 @@ function _iterable_to_array_limit$b(arr, i) {
 function _non_iterable_rest$b() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$6() {
+function _non_iterable_spread$7() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$n(target) {
@@ -23650,8 +23651,8 @@ function _tagged_template_literal$g(strings, raw) {
         }
     }));
 }
-function _to_consumable_array$6(arr) {
-    return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$e(arr) || _non_iterable_spread$6();
+function _to_consumable_array$7(arr) {
+    return _array_without_holes$7(arr) || _iterable_to_array$7(arr) || _unsupported_iterable_to_array$e(arr) || _non_iterable_spread$7();
 }
 function _unsupported_iterable_to_array$e(o, minLen) {
     if (!o) return;
@@ -23834,7 +23835,7 @@ var MultiSelect = function(_param) {
             return val === option.value;
         }) ? values.filter(function(val) {
             return val !== option.value;
-        }) : _to_consumable_array$6(values).concat([
+        }) : _to_consumable_array$7(values).concat([
             option.value
         ]), option);
     };
@@ -24103,7 +24104,7 @@ function _array_like_to_array$c(arr, len) {
 function _array_with_holes$9(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes$5(arr) {
+function _array_without_holes$6(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$c(arr);
 }
 function _define_property$l(obj, key, value) {
@@ -24119,7 +24120,7 @@ function _define_property$l(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array$5(iter) {
+function _iterable_to_array$6(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$9(arr, i) {
@@ -24149,7 +24150,7 @@ function _iterable_to_array_limit$9(arr, i) {
 function _non_iterable_rest$9() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$5() {
+function _non_iterable_spread$6() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$l(target) {
@@ -24226,8 +24227,8 @@ function _tagged_template_literal$e(strings, raw) {
         }
     }));
 }
-function _to_consumable_array$5(arr) {
-    return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$c(arr) || _non_iterable_spread$5();
+function _to_consumable_array$6(arr) {
+    return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$c(arr) || _non_iterable_spread$6();
 }
 function _unsupported_iterable_to_array$c(o, minLen) {
     if (!o) return;
@@ -24344,7 +24345,7 @@ var MultiInput = function(_param) {
         if (e.key === 'Enter' && inputValue.trim()) {
             e.preventDefault();
             if (!(values === null || values === void 0 ? void 0 : values.includes(inputValue.trim()))) {
-                setValues === null || setValues === void 0 ? void 0 : setValues(_to_consumable_array$5(values || []).concat([
+                setValues === null || setValues === void 0 ? void 0 : setValues(_to_consumable_array$6(values || []).concat([
                     inputValue.trim()
                 ]));
             }
@@ -24352,7 +24353,7 @@ var MultiInput = function(_param) {
         }
     };
     var removeValue = function(index) {
-        var newValues = _to_consumable_array$5(values || []);
+        var newValues = _to_consumable_array$6(values || []);
         newValues.splice(index, 1);
         setValues === null || setValues === void 0 ? void 0 : setValues(newValues);
     };
@@ -24428,6 +24429,9 @@ function _array_like_to_array$b(arr, len) {
 function _array_with_holes$8(arr) {
     if (Array.isArray(arr)) return arr;
 }
+function _array_without_holes$5(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array$b(arr);
+}
 function _define_property$k(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -24441,6 +24445,9 @@ function _define_property$k(obj, key, value) {
     }
     return obj;
 }
+function _iterable_to_array$5(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
 function _iterable_to_array_limit$8(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -24468,6 +24475,9 @@ function _iterable_to_array_limit$8(arr, i) {
 function _non_iterable_rest$8() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _non_iterable_spread$5() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _object_spread$k(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -24542,6 +24552,9 @@ function _tagged_template_literal$d(strings, raw) {
         }
     }));
 }
+function _to_consumable_array$5(arr) {
+    return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$b(arr) || _non_iterable_spread$5();
+}
 function _unsupported_iterable_to_array$b(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _array_like_to_array$b(o, minLen);
@@ -24648,7 +24661,7 @@ var IconWrapper$1 = styled.div(_templateObject3$6(), function(param) {
 });
 var SelectOption = styled.option(_templateObject4$4(), $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 placeholder = _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, 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$b(_param, [
         "sz",
         "error",
         "options",
@@ -24660,7 +24673,9 @@ var Select = function(_param) {
         "type",
         "style",
         "maxHeight",
-        "disabled"
+        "disabled",
+        "addClearOption",
+        "clearOptionLabel"
     ]);
     var _options_find;
     var _useState = _sliced_to_array$8(useState(false), 2), open = _useState[0], setOpen = _useState[1];
@@ -24669,6 +24684,12 @@ var Select = function(_param) {
         setValue(option.value);
         setOpen(false);
     };
+    var displayOptions = value !== '' && value !== null && value !== undefined && addClearOption ? [
+        {
+            value: null,
+            label: clearOptionLabel
+        }
+    ].concat(_to_consumable_array$5(options)) : options;
     return /*#__PURE__*/ jsxs(SelectWrapper, {
         ref: selectRef,
         disabled: disabled,
@@ -24696,7 +24717,7 @@ var Select = function(_param) {
                             disabled: true,
                             hidden: true,
                             selected: true,
-                            children: "".concat(placeholder || 'Please select...')
+                            children: placeholder
                         }) : /*#__PURE__*/ jsx(SelectOption, {
                             value: value,
                             selected: true,
@@ -24727,7 +24748,7 @@ var Select = function(_param) {
                     overflowY: 'scroll',
                     zIndex: 2
                 },
-                children: options.map(function(option) {
+                children: displayOptions.map(function(option) {
                     return /*#__PURE__*/ jsx(MenuItem, _object_spread_props$h(_object_spread$k({
                         selected: value === option.value
                     }, option), {
@@ -28839,7 +28860,7 @@ function _tagged_template_literal$9(strings, raw) {
 }
 function _templateObject$9() {
     var data = _tagged_template_literal$9([
-        "\n  position: absolute;\n  z-index: 2;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.2);\n  font-size: 32px;\n"
+        "\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.2);\n  font-size: 32px;\n"
     ]);
     _templateObject$9 = function _templateObject() {
         return data;
@@ -29005,7 +29026,6 @@ var Modal = function(param) {
         children: /*#__PURE__*/ jsxs(ModalContent, {
             style: style,
             children: [
-                loading && /*#__PURE__*/ jsx(LoadingOverlay, {}),
                 /*#__PURE__*/ jsxs(ModalHeader, {
                     children: [
                         /*#__PURE__*/ jsx(Typography, {
@@ -29049,7 +29069,8 @@ var Modal = function(param) {
                             children: label
                         }));
                     })
-                })
+                }),
+                loading && /*#__PURE__*/ jsx(LoadingOverlay, {})
             ]
         })
     });
@@ -33645,7 +33666,7 @@ function _tagged_template_literal$4(strings, raw) {
 }
 function _templateObject$4() {
     var data = _tagged_template_literal$4([
-        "\n  position: sticky;\n  top: 0;\n  z-index: 1;\n"
+        "\n  position: sticky;\n  top: 0;\n"
     ]);
     _templateObject$4 = function _templateObject() {
         return data;
@@ -34015,7 +34036,7 @@ function _unsupported_iterable_to_array$1(o, minLen) {
 }
 function _templateObject$2() {
     var data = _tagged_template_literal$2([
-        "\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-height: 400px;\n  z-index: 1;\n  border: 1px solid ",
+        "\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-height: 400px;\n  border: 1px solid ",
         ";\n  border-radius: ",
         "px;\n  overflow: scroll;\n"
     ]);
@@ -34051,7 +34072,7 @@ var TableContainer = styled(/*#__PURE__*/ forwardRef(function(props, ref) {
 var TableWrapper = styled.table(_templateObject1$2());
 var ContextMenuButton = styled(Button)(_templateObject2$2(), spacing(0.5));
 var Table = function(param) {
-    var columns = param.columns, _param_data = param.data, data = _param_data === void 0 ? [] : _param_data, getRowId = param.getRowId, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_paginationMode = param.paginationMode, paginationMode = _param_paginationMode === void 0 ? 'page' : _param_paginationMode, pageInfo = param.pageInfo, subText = param.subText, onPageSizeChange = param.onPageSizeChange, onPageChange = param.onPageChange, sortBy = param.sortBy, sortOrder = param.sortOrder, onSortChange = param.onSortChange, _param_enableRowSelection = param.enableRowSelection, enableRowSelection = _param_enableRowSelection === void 0 ? false : _param_enableRowSelection, _param_selectedRows = param.selectedRows, selectedRows = _param_selectedRows === void 0 ? {} : _param_selectedRows, onRowSelectionChange = param.onRowSelectionChange, getRowDisabled = param.getRowDisabled, onRowClick = param.onRowClick, contextMenuActions = param.contextMenuActions, _param_dense = param.dense, dense = _param_dense === void 0 ? false : _param_dense, height = param.height, error = param.error, _param_testId = param.testId, testId = _param_testId === void 0 ? 'table' : _param_testId;
+    var columns = param.columns, _param_data = param.data, data = _param_data === void 0 ? [] : _param_data, getRowId = param.getRowId, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_paginationMode = param.paginationMode, paginationMode = _param_paginationMode === void 0 ? 'page' : _param_paginationMode, pageInfo = param.pageInfo, subText = param.subText, onPageSizeChange = param.onPageSizeChange, onPageChange = param.onPageChange, sortBy = param.sortBy, sortOrder = param.sortOrder, onSortChange = param.onSortChange, _param_enableRowSelection = param.enableRowSelection, enableRowSelection = _param_enableRowSelection === void 0 ? false : _param_enableRowSelection, _param_selectedRows = param.selectedRows, selectedRows = _param_selectedRows === void 0 ? {} : _param_selectedRows, onRowSelectionChange = param.onRowSelectionChange, getRowDisabled = param.getRowDisabled, onRowClick = param.onRowClick, contextMenuActions = param.contextMenuActions, _param_dense = param.dense, dense = _param_dense === void 0 ? false : _param_dense, height = param.height, containerStyle = param.containerStyle, error = param.error, _param_testId = param.testId, testId = _param_testId === void 0 ? 'table' : _param_testId;
     var containerRef = useRef(null);
     var ctxMenuAnchorRef = useRef(null);
     var _useState = _sliced_to_array$1(useState({}), 2), columnSizing = _useState[0], setColumnSizing = _useState[1];
@@ -34233,11 +34254,10 @@ var Table = function(param) {
                     overflow: 'hidden'
                 },
                 children: [
-                    isLoading && /*#__PURE__*/ jsx(LoadingOverlay, {}),
                     /*#__PURE__*/ jsxs(TableContainer, {
-                        style: {
+                        style: _object_spread$2({
                             height: height
-                        },
+                        }, containerStyle),
                         ref: containerRef,
                         children: [
                             Boolean(!isLoading && (!(data === null || data === void 0 ? void 0 : data.length) || error)) && /*#__PURE__*/ jsx(Typography, {
@@ -34272,7 +34292,8 @@ var Table = function(param) {
                                 ]
                             })
                         ]
-                    })
+                    }),
+                    isLoading && /*#__PURE__*/ jsx(LoadingOverlay, {})
                 ]
             }),
             onPageSizeChange && onPageChange && pageInfo && (paginationMode === 'page' && 'currentPage' in pageInfo ? /*#__PURE__*/ jsx(Pagination, {

package/package.json

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

package/src/lib/Inputs/Select.d.ts

@@ -1,5 +1,5 @@
 export interface SelectOption {
-    value: string;
+    value: string | null;
     label: string;
 }
 export interface BaseSelectProps extends React.InputHTMLAttributes<HTMLSelectElement> {
@@ -12,9 +12,11 @@ export interface BaseSelectProps extends React.InputHTMLAttributes<HTMLSelectEle
     checkbox?: boolean;
     initialValue?: SelectOption;
     type?: 'primary' | 'secondary';
+    addClearOption?: boolean;
+    clearOptionLabel?: string;
 }
 export interface SelectProps extends BaseSelectProps {
     value: any;
     setValue: (value: string) => void;
 }
-export declare const Select: ({ sz, error, options, checkbox, placeholder, value, setValue, initialValue, type, style, maxHeight, disabled, ...props }: SelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Select: ({ sz, error, options, checkbox, placeholder, value, setValue, initialValue, type, style, maxHeight, disabled, addClearOption, clearOptionLabel, ...props }: SelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { HTMLProps } from 'react';
+import { CSSProperties, HTMLProps } from 'react';
 import { ColumnDef, OnChangeFn, Row } from '@tanstack/react-table';
 import { PageInfoPageBased, PageInfoCursorBased } from '../Pagination/Pagination';
 export declare const TableContainer: import("@emotion/styled").StyledComponent<Omit<HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
@@ -32,6 +32,7 @@ export interface RowAction<T> {
 interface TableStyleProps {
     dense?: boolean;
     height?: number;
+    containerStyle?: CSSProperties;
 }
 interface TableRowProps<T> {
     enableRowSelection?: boolean;
@@ -61,5 +62,5 @@ interface TableDataProps<T> {
 }
 export interface TableProps<T extends object> extends TableStyleProps, TableRowProps<T>, TableDataProps<T>, PaginationProps {
 }
-export declare const Table: <T extends object>({ columns, data, getRowId, isLoading, paginationMode, pageInfo, subText, onPageSizeChange, onPageChange, sortBy, sortOrder, onSortChange, enableRowSelection, selectedRows, onRowSelectionChange, getRowDisabled, onRowClick, contextMenuActions, dense, height, error, testId, }: TableProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Table: <T extends object>({ columns, data, getRowId, isLoading, paginationMode, pageInfo, subText, onPageSizeChange, onPageChange, sortBy, sortOrder, onSortChange, enableRowSelection, selectedRows, onRowSelectionChange, getRowDisabled, onRowClick, contextMenuActions, dense, height, containerStyle, error, testId, }: TableProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};