@oliasoft-open-source/react-ui-library 3.11.0-beta-18 → 3.11.0-beta-19

package/dist/global.css

@@ -15249,15 +15249,11 @@ html[data-theme='dark'] {
 ._detailedLabel_16b8a_662 :last-child {
   float: right;
 }
-._paginationContainer_1g3st_1 {
+._paginationContainer_1tmz4_1 {
   display: flex;
   align-items: center;
-}
-._pagination_1g3st_1 {
-  display: flex;
-  padding-left: 0;
-  list-style: none;
-  margin: 0 1rem;
+  flex-wrap: wrap;
+  gap: 4px;
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules

package/dist/index.js

@@ -29358,13 +29358,11 @@ const validateSelectedPage = (selectedPage, numPages, errorMessageTemplate = "Se
   }
   return valid;
 };
-const paginationContainer = "_paginationContainer_1g3st_1";
-const pagination = "_pagination_1g3st_1";
+const paginationContainer = "_paginationContainer_1tmz4_1";
 const styles$k = {
-  paginationContainer,
-  pagination
+  paginationContainer
 };
-const Pagination = ({ pagination: pagination2 }) => {
+const Pagination = ({ pagination }) => {
   const {
     rowCount,
     selectedPage,
@@ -29372,7 +29370,7 @@ const Pagination = ({ pagination: pagination2 }) => {
     onSelectPage,
     rowsPerPage,
     errorMessageTemplate
-  } = pagination2;
+  } = pagination;
   const showAll = Number(rowsPerPage == null ? void 0 : rowsPerPage.value) === 0;
   const numPages = numberOfPages(rowCount, rowsPerPage);
   const [unvalidatedSelectedPage, setUnvalidatedSelectedPage] = useState(
@@ -29416,6 +29414,7 @@ const Pagination = ({ pagination: pagination2 }) => {
       }),
       /* @__PURE__ */ jsxRuntime.exports.jsx(Button$1, {
         small: small2,
+        round: true,
         basic: true,
         icon: /* @__PURE__ */ jsxRuntime.exports.jsx(FaAngleDoubleLeft, {}),
         onClick: () => setSelectedPage(String(1)),
@@ -29423,6 +29422,7 @@ const Pagination = ({ pagination: pagination2 }) => {
       }),
       /* @__PURE__ */ jsxRuntime.exports.jsx(Button$1, {
         small: small2,
+        round: true,
         basic: true,
         icon: /* @__PURE__ */ jsxRuntime.exports.jsx(FaAngleLeft, {}),
         onClick: () => setSelectedPage(String(selectedPage - 1)),
@@ -29451,6 +29451,7 @@ const Pagination = ({ pagination: pagination2 }) => {
       }),
       /* @__PURE__ */ jsxRuntime.exports.jsx(Button$1, {
         small: small2,
+        round: true,
         basic: true,
         icon: /* @__PURE__ */ jsxRuntime.exports.jsx(FaAngleRight, {}),
         onClick: () => setSelectedPage(String(selectedPage + 1)),
@@ -29458,6 +29459,7 @@ const Pagination = ({ pagination: pagination2 }) => {
       }),
       /* @__PURE__ */ jsxRuntime.exports.jsx(Button$1, {
         small: small2,
+        round: true,
         basic: true,
         icon: /* @__PURE__ */ jsxRuntime.exports.jsx(FaAngleDoubleRight, {}),
         onClick: () => setSelectedPage(String(numPages)),
@@ -59183,12 +59185,12 @@ const styles$8 = {
   section
 };
 const Footer = (props) => {
-  const { colSpan, pagination: pagination2, actions: actions2, content: content2 } = props;
+  const { colSpan, pagination, actions: actions2, content: content2 } = props;
   const hasActions2 = actions2 && actions2.length;
   const hasContent = content2 != null;
   const hasPagination = () => {
-    if (pagination2) {
-      const { rowCount, rowsPerPage } = pagination2;
+    if (pagination) {
+      const { rowCount, rowsPerPage } = pagination;
       const minRows = rowsPerPage.options[0].value;
       return rowCount > minRows;
     }
@@ -59208,7 +59210,7 @@ const Footer = (props) => {
         className: styles$8.section,
         children: [
           hasPagination() ? /* @__PURE__ */ jsxRuntime.exports.jsx(Pagination, {
-            pagination: pagination2
+            pagination
           }) : /* @__PURE__ */ jsxRuntime.exports.jsx("div", {}),
           /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
             children: /* @__PURE__ */ jsxRuntime.exports.jsx(Actions, {