@natoora-libs/core 0.2.48-dev-doug-1 → 0.2.49-dev-doug-1

package/dist/components/index.cjs

@@ -6686,11 +6686,18 @@ var useStyles34 = (0, import_mui36.makeStyles)()((theme) => ({
     borderRadius: "0 0 4px 4px",
     width: "100%",
     height: paginationHeight,
+    overflow: "hidden",
     "& > *": {
       margin: theme.spacing(2)
     },
-    "& .MuiTypography-body1": {
-      fontSize: ".850rem"
+    "& .MuiPagination-root": {
+      minWidth: 0
+    },
+    "& .MuiPagination-ul": {
+      flexWrap: "nowrap"
+    },
+    "& .MuiPaginationItem-root": {
+      flexShrink: 0
     }
   },
   fixed: {
@@ -6710,7 +6717,9 @@ var PaginationForTable = ({
   pagination,
   position = "relative",
   style,
-  updateFilters
+  updateFilters,
+  siblingCount = 1,
+  boundaryCount = 1
 }) => {
   const { classes, cx } = useStyles34();
   const handleChange = (event, value) => {
@@ -6718,7 +6727,7 @@ var PaginationForTable = ({
   };
   const isFixed = position === "fixed";
   return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_material54.Paper, { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
-    "div",
+    import_material54.Box,
     {
       style,
       className: cx(classes.root, className, {
@@ -6729,14 +6738,16 @@ var PaginationForTable = ({
           "Page: ",
           page
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_material54.Box, { style: { overflowX: "auto", maxWidth: 400 }, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           import_material54.Pagination,
           {
             count: pagination.num_pages,
-            page,
-            onChange: handleChange
+            page: Number(page),
+            onChange: handleChange,
+            siblingCount,
+            boundaryCount
           }
-        )
+        ) })
       ]
     }
   ) });