@trackunit/react-components 0.0.204 → 0.0.205

package/index.js

@@ -3057,7 +3057,8 @@ const Pagination = ({
   dataTestId,
   logPageChange,
   getTranslatedCount,
-  getTranslatedPage
+  getTranslatedPage,
+  cursorBase
 }) => {
   const [page, setPage] = React.useState(pageIndex);
   const [pageInputValue, setPageInputValue] = React.useState(String(pageIndex !== undefined ? pageIndex + 1 : 1));
@@ -3145,7 +3146,7 @@ const Pagination = ({
   }, {
     children: [jsx(IconButton, {
       onClick: () => handlePageChange("prev"),
-      disabled: page !== undefined && page <= 0,
+      disabled: cursorBase ? false : page !== undefined && page <= 0,
       "data-testid": "prev-page",
       icon: jsx(Icon$1, {
         name: "ChevronLeftIcon",
@@ -3154,25 +3155,27 @@ const Pagination = ({
       size: "small",
       color: "secondary",
       variant: "transparent"
-    }), jsx(Text$1, {
-      children: getTranslatedPage()
-    }), jsx(PageInput, {
-      type: "number",
-      min: 1,
-      // max={amountOfPages}
-      value: pageInputValue,
-      onFocus: handleOnFocus,
-      onBlur: handleOnBlur,
-      onChange: handleOnChange,
-      onKeyPress: handleOnKeyPress,
-      "data-testid": "page-input"
-    }), jsx(TextStyled, Object.assign({
-      dataTestId: "page-count"
-    }, {
-      children: pageCount !== null && pageCount !== undefined && getTranslatedCount(pageCount)
-    })), jsx(IconButton, {
+    }), !cursorBase && jsxs(Fragment, {
+      children: [jsx(Text$1, {
+        children: getTranslatedPage()
+      }), jsx(PageInput, {
+        type: "number",
+        min: 1,
+        // max={amountOfPages}
+        value: pageInputValue,
+        onFocus: handleOnFocus,
+        onBlur: handleOnBlur,
+        onChange: handleOnChange,
+        onKeyPress: handleOnKeyPress,
+        "data-testid": "page-input"
+      }), jsx(TextStyled, Object.assign({
+        dataTestId: "page-count"
+      }, {
+        children: pageCount !== null && pageCount !== undefined && getTranslatedCount(pageCount)
+      }))]
+    }), jsx(IconButton, {
       onClick: () => handlePageChange("next"),
-      disabled: page !== undefined && pageCount !== undefined && pageCount !== null && page >= pageCount - 1,
+      disabled: cursorBase ? false : page !== undefined && pageCount !== undefined && pageCount !== null && page >= pageCount - 1,
       "data-testid": "next-page",
       icon: jsx(Icon$1, {
         name: "ChevronRightIcon",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.0.204",
+  "version": "0.0.205",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {

package/src/components/Pagination/Pagination.d.ts

@@ -60,6 +60,10 @@ export interface IPaginationProps {
      * An helper to get translation for page.
      */
     getTranslatedPage: () => string;
+    /**
+     * An flag to disable jumping to particular page by text input, could be used for cursor based pagination
+     */
+    cursorBase?: boolean;
 }
 export declare type EventProperties = Record<string, string | number | boolean | null | undefined | (string | number)[]>;
 /**
@@ -68,4 +72,4 @@ export declare type EventProperties = Record<string, string | number | boolean |
  * @param {IPaginationProps} props - The props for the Pagination component
  * @returns {JSX.Element} Pagination component
  */
-export declare const Pagination: ({ gotoPage, previousPage, nextPage, pageCount, pageIndex, canPreviousPage, canNextPage, loading, eventName, parentName, className, dataTestId, logPageChange, getTranslatedCount, getTranslatedPage, }: IPaginationProps) => JSX.Element;
+export declare const Pagination: ({ gotoPage, previousPage, nextPage, pageCount, pageIndex, canPreviousPage, canNextPage, loading, eventName, parentName, className, dataTestId, logPageChange, getTranslatedCount, getTranslatedPage, cursorBase, }: IPaginationProps) => JSX.Element;