@trackunit/react-components 0.0.204 → 0.0.206

package/index.js

@@ -1739,8 +1739,11 @@ const Popover = ({
   return jsxs(Fragment, {
     children: [cloneElement(children, getReferenceProps(Object.assign({
       ref
-    }, children.props))), jsx(FloatingPortal, {
+    }, children.props))), jsx(FloatingPortal, Object.assign({
+      id: "tu-floating-ui"
+    }, {
       children: open && jsx(FloatingFocusManager, Object.assign({
+        guards: false,
         context: context,
         modal: false,
         order: ["reference", "content"],
@@ -1763,7 +1766,7 @@ const Popover = ({
           })
         }))
       }))
-    })]
+    }))]
   });
 };
 // Utility to merge refs — Heavily inspired by https://github.com/gregberge/react-merge-refs
@@ -3057,7 +3060,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 +3149,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 +3158,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.206",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
@@ -18,7 +18,7 @@
     "@trackunit/ui-icons": "0.0.54",
     "react-browser-hooks": "2.2.4",
     "react-useportal": "1.0.17",
-    "@floating-ui/react-dom-interactions": "0.10.3",
+    "@floating-ui/react-dom-interactions": "0.13.3",
     "react-router-dom": "6.4.3",
     "react-helmet": "6.1.0",
     "react-select": "5.7.0",

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;