@omniumretail/component-library 1.2.52 → 1.2.54

package/dist/types/components/Header/Header.types.d.ts

@@ -23,4 +23,5 @@ export interface HeaderProps {
     onNotificationClick?: (id: string, url: string) => void;
     handleMarkAllAsRead?: () => void;
     notifications?: BellNotification[];
+    shouldConfirmNavigation?: boolean;
 }

package/dist/types/components/Header/index.d.ts

@@ -3,5 +3,5 @@ import { HeaderProps } from './Header.types';
  * Header component to display navigation bar with dropdown menus and action button.
  * @param {HeaderProps} props - Properties passed to the component.
  */
-export declare const Header: ({ menuList, actionButton, logout, homeUrl, profileUrl, onLeavingPage, userName, pageTitle, onFilterChange, notifications, onNotificationClick, handleMarkAllAsRead }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: ({ menuList, actionButton, logout, homeUrl, profileUrl, onLeavingPage, userName, pageTitle, onFilterChange, notifications, onNotificationClick, handleMarkAllAsRead, shouldConfirmNavigation }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Header;

package/dist/types/components/ResponsiveTable/index.d.ts

@@ -48,5 +48,6 @@ export interface ResponsiveTableCustomProps extends TableProps<any> {
     cleanRowSelection?: boolean;
     getRowActions?: (record: any) => any;
     customSelectAllButton?: string;
+    buttonActionIcon?: any;
 }
 export declare const ResponsiveTable: (props: ResponsiveTableCustomProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.2.52",
+  "version": "1.2.54",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/Header/Header.types.ts

@@ -26,4 +26,5 @@ export interface HeaderProps {
     onNotificationClick?: (id: string, url: string) => void;
     handleMarkAllAsRead?: () => void;
     notifications?: BellNotification[];
+    shouldConfirmNavigation?: boolean;
 }

package/src/components/Header/index.tsx

@@ -24,7 +24,8 @@ export const Header = ({
     onFilterChange,
     notifications,
     onNotificationClick,
-    handleMarkAllAsRead
+    handleMarkAllAsRead,
+    shouldConfirmNavigation
 }: HeaderProps) => {
 
     const [isMenuOpen, setIsMenuOpen] = useState(false);
@@ -36,7 +37,9 @@ export const Header = ({
      * Handle the logout action. If no logout function is provided, redirect to home as discussed in a meet
      */
     const onLogout = () => {
-        if (logout) {
+        if (shouldConfirmNavigation) {
+            onLeavingPage!('/logout');
+        } else if (logout) {
             logout();
         } else {
             onHome();
@@ -47,14 +50,22 @@ export const Header = ({
      * Navigate to the profile URL.
      */
     const onProfile = () => {
-        window.location.href = profileUrl;
+        if (shouldConfirmNavigation) {
+            onLeavingPage!('/profile');
+        } else {
+            window.location.href = profileUrl;
+        }
     };
 
     /**
      * Navigate to the home URL.
      */
     const onHome = () => {
-        window.location.href = homeUrl;
+        if (shouldConfirmNavigation) {
+            onLeavingPage!('/home');
+        } else {
+            window.location.href = homeUrl;
+        }
     };
 
     const menuTopList = getMenuTopList(

package/src/components/ResponsiveTable/index.tsx

@@ -54,6 +54,7 @@ export interface ResponsiveTableCustomProps extends TableProps<any> {
     cleanRowSelection?: boolean;
     getRowActions?: (record: any) => any;
     customSelectAllButton?: string;
+    buttonActionIcon?: any;
 }
 
 export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
@@ -85,7 +86,8 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
         buttonActionLabel,
         cleanRowSelection,
         getRowActions,
-        customSelectAllButton
+        customSelectAllButton,
+        buttonActionIcon
     } = props;
 
     const [customFilters, setCustomFilters] = useState<any>([]);
@@ -217,21 +219,46 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
                 render: (_: any, record: any) => {
                     const rowActions = getRowActions ? getRowActions(record) : null;
 
-                    if ((!items?.[0] && !rowActions)) return null;  
+                    if ((!items?.[0] && !rowActions)) return null;
 
                     const actions = rowActions ? rowActions : items;
 
                     const buttonLabel = buttonActionLabel ? buttonActionLabel(record) : null;
-                    
-                    const buttonClass = typeof buttonActionStyle === 'function' 
-                    ? buttonActionStyle(record) // Se for uma função, chama com o `record`
-                    : buttonActionStyle || ''; // Se for string, usa diretamente
+
+                    const buttonClass = typeof buttonActionStyle === 'function'
+                        ? buttonActionStyle(record) // Se for uma função, chama com o `record`
+                        : buttonActionStyle || ''; // Se for string, usa diretamente
+
+                    const renderActionElement = () => {
+                        if (buttonActionIcon) {
+                            return (
+                                <span
+                                    className={buttonClass}
+                                    onClick={() => buttonActionMethod?.()}
+                                >
+                                    {buttonActionIcon}
+                                </span>
+                            );
+                        }
+
+                        // Senão, renderiza botão como antes
+                        if (buttonActionName || buttonLabel) {
+                            return (
+                                <Button
+                                    customClass={buttonClass}
+                                    onClick={() => buttonActionMethod?.()}
+                                >
+                                    {buttonActionName || buttonLabel}
+                                </Button>
+                            );
+                        }
+
+                        return null;
+                    };
 
                     return (
                         <Space size="middle">
-                            {(buttonActionName || buttonLabel) &&
-                                <Button customClass={buttonClass} onClick={() => buttonActionMethod?.()}>{buttonActionName || buttonLabel}</Button>
-                            }
+                            {renderActionElement()}
 
                             <Dropdown menu={{ items: actions }}>
                                 <a>