@paubox/ui 0.7.2 → 0.7.3

package/index.esm.js

@@ -22522,11 +22522,12 @@ var IconWrapper$1 = styled.span(_templateObject2$5(), function(param) {
     return position === 'right' ? '0.5rem' : 'auto';
 });
 var Input = function(_param) {
-    var LeftIcon = _param.leftIcon, RightIcon = _param.rightIcon, _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, props = _object_without_properties$a(_param, [
+    var LeftIcon = _param.leftIcon, RightIcon = _param.rightIcon, _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$a(_param, [
         "leftIcon",
         "rightIcon",
         "sz",
-        "error"
+        "error",
+        "style"
     ]);
     return /*#__PURE__*/ jsxs(InputWrapper$1, {
         children: [
@@ -22537,10 +22538,10 @@ var Input = function(_param) {
             /*#__PURE__*/ jsx(BaseInput, _object_spread_props$d(_object_spread$h({}, props), {
                 sz: sz,
                 error: error,
-                style: {
+                style: _object_spread$h({
                     paddingLeft: LeftIcon ? '2.063rem' : '0.563rem',
                     paddingRight: RightIcon ? '2.063rem' : '0.563rem'
-                }
+                }, style)
             })),
             RightIcon && /*#__PURE__*/ jsx(IconWrapper$1, {
                 position: "right",
@@ -26779,7 +26780,7 @@ var ModalHeader = styled.div(_templateObject2$3());
 var ModalBody = styled.div(_templateObject3$2());
 var ModalFooter = styled.div(_templateObject4$1(), spacing(1));
 var Modal = function(param) {
-    var open = param.open, onClose = param.onClose, loading = param.loading, title = param.title, children = param.children, actions = param.actions;
+    var open = param.open, onClose = param.onClose, loading = param.loading, title = param.title, header = param.header, children = param.children, actions = param.actions, style = param.style;
     return /*#__PURE__*/ jsx(StyledModal, {
         open: open,
         onClose: onClose,
@@ -26787,6 +26788,7 @@ var Modal = function(param) {
             backdrop: prepareForSlot(Backdrop)
         },
         children: /*#__PURE__*/ jsxs(ModalContent, {
+            style: style,
             children: [
                 loading && /*#__PURE__*/ jsx(LoadingOverlay, {}),
                 /*#__PURE__*/ jsxs(ModalHeader, {
@@ -26800,6 +26802,7 @@ var Modal = function(param) {
                             },
                             children: title
                         }),
+                        header,
                         /*#__PURE__*/ jsx(Button, {
                             color: "secondary",
                             onClick: onClose,
@@ -31612,10 +31615,10 @@ var Table = function(param) {
         itemCount: 0,
         currentPage: 1,
         items: 50
-    } : _param_pageInfo, 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, onRowClick = param.onRowClick, contextMenuActions = param.contextMenuActions, _param_dense = param.dense, dense = _param_dense === void 0 ? false : _param_dense, height = param.height;
+    } : _param_pageInfo, 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, onRowClick = param.onRowClick, contextMenuActions = param.contextMenuActions, _param_dense = param.dense, dense = _param_dense === void 0 ? false : _param_dense, height = param.height, error = param.error;
     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;
+    var disableControls = isLoading || !data.length || !!error;
     var tableColumns = useMemo(function() {
         return columns.map(function(col) {
             return _object_spread$1({
@@ -31708,7 +31711,7 @@ var Table = function(param) {
         onSortChange
     ]);
     var table = useReactTable({
-        data: data,
+        data: error ? [] : data,
         columns: allColumns,
         getRowId: getRowId,
         defaultColumn: {
@@ -31758,7 +31761,7 @@ var Table = function(param) {
                 },
                 children: [
                     isLoading && /*#__PURE__*/ jsx(LoadingOverlay, {}),
-                    Boolean(!isLoading && !data.length) && /*#__PURE__*/ jsx(Typography, {
+                    Boolean(!isLoading && (!data.length || error)) && /*#__PURE__*/ jsx(Typography, {
                         variant: "paragraph200Regular",
                         as: "div",
                         style: {
@@ -31767,7 +31770,7 @@ var Table = function(param) {
                             top: '50%',
                             transform: 'translate(-50%, -50%)'
                         },
-                        children: "No results found."
+                        children: !error ? 'No results found.' : error
                     }),
                     /*#__PURE__*/ jsxs(TableWrapper, {
                         children: [

package/package.json

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

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

@@ -4,4 +4,4 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
     leftIcon?: React.ElementType;
     rightIcon?: React.ElementType;
 }
-export declare const Input: ({ leftIcon: LeftIcon, rightIcon: RightIcon, sz, error, ...props }: InputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Input: ({ leftIcon: LeftIcon, rightIcon: RightIcon, sz, error, style, ...props }: InputProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import { BaseButtonProps } from '../Button/BaseButton';
 type ModalAction = {
     label: string;
@@ -11,8 +11,10 @@ export interface ModalProps {
     onClose: () => void;
     loading?: boolean;
     title?: string;
+    header?: ReactNode;
     children?: ReactNode;
     actions?: ModalAction[];
+    style?: CSSProperties;
 }
-export declare const Modal: ({ open, onClose, loading, title, children, actions, }: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Modal: ({ open, onClose, loading, title, header, children, actions, style, }: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

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

@@ -51,8 +51,9 @@ interface TableDataProps<T> {
     sortBy?: string;
     sortOrder?: string;
     onSortChange?: (sortBy: string, sortOrder: string) => void;
+    error?: string;
 }
 export interface TableProps<T extends object> extends TableStyleProps, TableRowProps<T>, TableDataProps<T> {
 }
-export declare const Table: <T extends object>({ columns, data, getRowId, isLoading, pageInfo, onPageSizeChange, onPageChange, sortBy, sortOrder, onSortChange, enableRowSelection, selectedRows, onRowSelectionChange, onRowClick, contextMenuActions, dense, height, }: TableProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Table: <T extends object>({ columns, data, getRowId, isLoading, pageInfo, onPageSizeChange, onPageChange, sortBy, sortOrder, onSortChange, enableRowSelection, selectedRows, onRowSelectionChange, onRowClick, contextMenuActions, dense, height, error, }: TableProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};