@paubox/ui 0.17.0 → 0.18.0

package/index.esm.js

@@ -28938,7 +28938,7 @@ function _templateObject1$6() {
 var PaginationContainer = styled.div(_templateObject$8(), spacing(2), spacing(1), spacing(1));
 var PageControls = styled.div(_templateObject1$6());
 var Pagination = function(param) {
-    var pageInfo = param.pageInfo, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, onPageSizeChange = param.onPageSizeChange, onPageChange = param.onPageChange, _param_testId = param.testId, testId = _param_testId === void 0 ? 'pagination' : _param_testId;
+    var pageInfo = param.pageInfo, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, onPageSizeChange = param.onPageSizeChange, subText = param.subText, onPageChange = param.onPageChange, _param_testId = param.testId, testId = _param_testId === void 0 ? 'pagination' : _param_testId;
     return /*#__PURE__*/ jsxs(PaginationContainer, {
         children: [
             /*#__PURE__*/ jsxs(PageControls, {
@@ -28973,6 +28973,14 @@ var Pagination = function(param) {
                                 children: "100"
                             })
                         ]
+                    }),
+                    subText && /*#__PURE__*/ jsx(Typography, {
+                        style: {
+                            marginLeft: spacing(1)
+                        },
+                        variant: "label200Semibold",
+                        as: "span",
+                        children: subText
                     })
                 ]
             }),
@@ -33994,7 +34002,7 @@ var TableContainer = styled(/*#__PURE__*/ forwardRef(function(props, ref) {
 }))(_templateObject$2(), neutral300, spacing(1));
 var TableWrapper = styled.table(_templateObject1$2());
 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, pageInfo = 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, 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, 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 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];
@@ -34194,6 +34202,7 @@ var Table = function(param) {
             }),
             onPageSizeChange && onPageChange && pageInfo && /*#__PURE__*/ jsx(Pagination, {
                 pageInfo: pageInfo,
+                subText: subText,
                 isLoading: isLoading,
                 onPageSizeChange: function(size) {
                     resetContainerScroll();

package/package.json

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

package/src/lib/Pagination/Pagination.d.ts

@@ -7,9 +7,10 @@ export interface PageInfo {
 interface PaginationProps {
     pageInfo: PageInfo;
     isLoading: boolean;
+    subText?: string;
     onPageSizeChange: (size: number) => void;
     onPageChange: (page: number) => void;
     testId?: string;
 }
-export declare const Pagination: ({ pageInfo, isLoading, onPageSizeChange, onPageChange, testId, }: PaginationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Pagination: ({ pageInfo, isLoading, onPageSizeChange, subText, onPageChange, testId, }: PaginationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

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

@@ -45,6 +45,7 @@ interface TableRowProps<T> {
 }
 interface PaginationProps {
     pageInfo?: PageInfo;
+    subText?: string;
     onPageSizeChange?: (size: number) => void;
     onPageChange?: (page: number) => void;
 }
@@ -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, pageInfo, 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, 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 {};