@trackunit/react-components 0.0.205 → 0.0.207

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
@@ -3051,13 +3054,11 @@ const Pagination = ({
   canPreviousPage,
   canNextPage,
   loading,
-  eventName,
-  parentName,
   className,
   dataTestId,
-  logPageChange,
   getTranslatedCount,
   getTranslatedPage,
+  onPageChange,
   cursorBase
 }) => {
   const [page, setPage] = React.useState(pageIndex);
@@ -3109,14 +3110,12 @@ const Pagination = ({
       setPage(to);
       setPageInputValue(String(to + 1));
     }
-    eventName && logPageChange && logPageChange(eventName, {
-      parentName,
-      type: "Pagination",
-      from: from !== undefined ? from : "",
-      to: to !== undefined ? to : "",
-      action: description
+    onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange({
+      from,
+      to,
+      description
     });
-  }, [page, logPageChange, eventName, parentName, previousPage, nextPage, parsePageString, pageInputValue, gotoPage]);
+  }, [page, onPageChange, previousPage, nextPage, parsePageString, pageInputValue, gotoPage]);
   const handleOnBlur = () => {
     handlePageChange("manual");
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.0.205",
+  "version": "0.0.207",
   "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

@@ -28,14 +28,6 @@ export interface IPaginationProps {
      * A flag to enable next page button
      */
     canNextPage?: boolean;
-    /**
-     * A parent name
-     */
-    parentName: string;
-    /**
-     * A event name used for logging
-     */
-    eventName?: string;
     /**
      * A flag indicating loading state
      */
@@ -48,10 +40,6 @@ export interface IPaginationProps {
      * A data test id
      */
     dataTestId?: string;
-    /**
-     * You can attach logging handler for page change
-     */
-    logPageChange?: (eventName: string, event: EventProperties) => void;
     /**
      * An helper to get translation for count.
      */
@@ -60,16 +48,23 @@ export interface IPaginationProps {
      * An helper to get translation for page.
      */
     getTranslatedPage: () => string;
+    /**
+     * Callback that fires on page change with details about the action
+     */
+    onPageChange?: (change: {
+        from?: number;
+        to?: number;
+        description?: string;
+    }) => void;
     /**
      * 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)[]>;
 /**
  * Pagination Description. It could be used when you need navigation for your paging feature.
  *
  * @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, cursorBase, }: IPaginationProps) => JSX.Element;
+export declare const Pagination: ({ gotoPage, previousPage, nextPage, pageCount, pageIndex, canPreviousPage, canNextPage, loading, className, dataTestId, getTranslatedCount, getTranslatedPage, onPageChange, cursorBase, }: IPaginationProps) => JSX.Element;