@paubox/ui 0.14.5 → 0.15.1

package/index.esm.js

@@ -21931,8 +21931,19 @@ var Popper = function(param) {
         if (anchorRef.current && containerRef.current) {
             var anchorRect = anchorRef.current.getBoundingClientRect();
             var popperRect = containerRef.current.getBoundingClientRect();
-            var scrollX = window.scrollX || document.documentElement.scrollLeft;
-            var scrollY = window.scrollY || document.documentElement.scrollTop;
+            var el = anchorRef.current;
+            var isInsideFixedContainer = false;
+            while(el && el !== document.body){
+                var style = window.getComputedStyle(el);
+                if (style.position === 'fixed') {
+                    isInsideFixedContainer = true;
+                    break;
+                }
+                if (!el.parentElement) break;
+                el = el.parentElement;
+            }
+            var scrollX = isInsideFixedContainer ? 0 : window.scrollX || document.documentElement.scrollLeft;
+            var scrollY = isInsideFixedContainer ? 0 : window.scrollY || document.documentElement.scrollTop;
             var _calculatePosition = calculatePosition(anchorRect, popperRect, side, align, offset, detectEdges), top = _calculatePosition.top, left = _calculatePosition.left;
             setPosition({
                 top: top + scrollY,
@@ -22316,6 +22327,9 @@ var FilterRow = function(param) {
                             /*#__PURE__*/ jsx(Select, {
                                 name: "filters.".concat(filterKey, ".").concat(rowIndex, ".field"),
                                 placeholder: "Field",
+                                style: {
+                                    flex: 1
+                                },
                                 value: currentFilter.field,
                                 setValue: function(value) {
                                     return onChange("filters.".concat(filterKey, ".").concat(rowIndex, ".field"), value);
@@ -22331,6 +22345,9 @@ var FilterRow = function(param) {
                                 name: "filters.".concat(filterKey, ".").concat(rowIndex, ".op"),
                                 placeholder: "Operator",
                                 value: currentFilter.op,
+                                style: {
+                                    flex: 1
+                                },
                                 onChange: function(value) {
                                     return onChange("filters.".concat(filterKey, ".").concat(rowIndex, ".op"), value);
                                 },
@@ -24113,7 +24130,7 @@ var IconWrapper$1 = styled.div(_templateObject3$6(), function(param) {
 });
 var SelectOption = styled.option(_templateObject4$4(), $paragraph100Semibold, textSecondary);
 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, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, 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_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_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, props = _object_without_properties$a(_param, [
         "sz",
         "error",
         "options",
@@ -24123,6 +24140,7 @@ var Select = function(_param) {
         "setValue",
         "initialValue",
         "type",
+        "style",
         "disabled"
     ]);
     var _options_find;
@@ -24137,6 +24155,7 @@ var Select = function(_param) {
         type: type,
         error: error,
         open: open,
+        style: style,
         children: [
             /*#__PURE__*/ jsxs(InputWrapper, {
                 children: [
@@ -33575,7 +33594,7 @@ var Table = function(param) {
     var containerRef = useRef(null);
     var _useState = _sliced_to_array$1(useState({}), 2), columnSizing = _useState[0], setColumnSizing = _useState[1];
     var _useState1 = _sliced_to_array$1(useState(null), 2), openMenuId = _useState1[0], setOpenMenuId = _useState1[1];
-    var disableControls = isLoading || !data.length || !!error;
+    var disableControls = isLoading || !(data === null || data === void 0 ? void 0 : data.length) || !!error;
     var hasSomePageProps = !!(pageInfo || onPageSizeChange || onPageChange);
     var hasAllPageProps = !!(pageInfo && onPageSizeChange && onPageChange);
     if (hasSomePageProps && !hasAllPageProps) {
@@ -33736,7 +33755,7 @@ var Table = function(param) {
                 ref: containerRef,
                 children: [
                     isLoading && /*#__PURE__*/ jsx(LoadingOverlay, {}),
-                    Boolean(!isLoading && (!data.length || error)) && /*#__PURE__*/ jsx(Typography, {
+                    Boolean(!isLoading && (!(data === null || data === void 0 ? void 0 : data.length) || error)) && /*#__PURE__*/ jsx(Typography, {
                         variant: "paragraph200Regular",
                         as: "div",
                         style: {

package/package.json

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

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

@@ -16,4 +16,4 @@ export interface SelectProps extends BaseSelectProps {
     value: any;
     setValue: (value: string) => void;
 }
-export declare const Select: ({ sz, error, options, checkbox, placeholder, value, setValue, initialValue, type, disabled, ...props }: SelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Select: ({ sz, error, options, checkbox, placeholder, value, setValue, initialValue, type, style, disabled, ...props }: SelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;