@trackunit/react-components 0.0.206 → 0.0.208

package/index.css

@@ -13,14 +13,13 @@
     outline-current
     transition-all
     ease-in-out
-    rounded-lg
+    component-button-border
     cursor-pointer
     flex-none
     py-1.5
     px-2.5
-    h-min
-    w-min
-    max-h-8
+    component-button-height
+    component-button-width
     focus:ring
     focus:ring-offset-1
     focus:outline-none

package/index.js

@@ -901,7 +901,7 @@ const AddonBefore = tw.div`
 const AddonAfter = tw.div`
   tu-input__addon-after
 `;
-const InputContainer$1 = tw.div`
+const InputContainer$1 = tw.label`
   tu-input
   ${({
   $invalid
@@ -3054,13 +3054,11 @@ const Pagination = ({
   canPreviousPage,
   canNextPage,
   loading,
-  eventName,
-  parentName,
   className,
   dataTestId,
-  logPageChange,
   getTranslatedCount,
   getTranslatedPage,
+  onPageChange,
   cursorBase
 }) => {
   const [page, setPage] = React.useState(pageIndex);
@@ -3112,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.206",
+  "version": "0.0.208",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {

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;