@omniumretail/component-library 1.2.4 → 1.2.5

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

@@ -46,5 +46,6 @@ export interface ResponsiveTableCustomProps extends TableProps<any> {
     buttonActionMethod?: () => void;
     buttonActionStyle?: string | ((record: any) => any);
     cleanRowSelection?: boolean;
+    getRowActions?: (record: any) => 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.04",
+  "version": "1.2.05",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/ResponsiveTable/ResponsiveTable.stories.tsx

@@ -25,23 +25,41 @@ const Template: Story<ResponsiveTableCustomProps> = (args) => {
     return (record as any)?.type === "Efetivo" ? "Pog" : null;
 };
 
-console.log(rowSelectionInfo);
+const getActionsForRecord = (record: any) => {
+  return (record as any)?.role === "Gerente"
+      ? [
+        {
+          key: '1', label: `${t('actions.one')}`, onClick: () => {
+            setClearRowSelection(true);
+          }
+        },
+        { key: '2', label: `${t('actions.two')}` },
+        {
+          key: '3', label: 'label 3'
+        }
+      ]
+      : [
+        {
+          key: '1', label: `${t('actions.one')}`, onClick: () => {
+            setClearRowSelection(true);
+          }
+        },
+        { key: '2', label: `${t('actions.two')}` },
+        {
+          key: '3', label: 'label 3'
+        },
+        {
+          key: '4', label: 'label 4'
+        }
+      ];
+};
+
 
   return <ResponsiveTable
     scroll={{ x: 4000 }}
     cleanRowSelection={clearRowSelection}
     columnsSortChange={handleSortByColumnChange} paginationInfo={setPageInfo} headingTranslationsKey={'tableHeadings'} rowSelectionInfo={setRowSelectionInfo}
-    actionsArray={[
-      {
-        key: '1', label: `${t('actions.one')}`, onClick: () => {
-          setClearRowSelection(true);
-        }
-      },
-      { key: '2', label: `${t('actions.two')}` },
-      {
-        key: '3', label: 'label 3'
-      }
-    ]}
+    getRowActions={getActionsForRecord}
     fixedColumns={[{ dataIndex: 'action', side: 'right' }]} buttonActionMethod={() => handleSortByColumnChange} buttonActionLabel={getButtonLabel} {...args}>
   </ResponsiveTable>;
 };

package/src/components/ResponsiveTable/index.tsx

@@ -52,6 +52,7 @@ export interface ResponsiveTableCustomProps extends TableProps<any> {
     buttonActionMethod?: () => void;
     buttonActionStyle?: string | ((record: any) => any);
     cleanRowSelection?: boolean;
+    getRowActions?: (record: any) => any;
 }
 
 export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
@@ -81,7 +82,8 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
         buttonActionMethod,
         buttonActionStyle,
         buttonActionLabel,
-        cleanRowSelection
+        cleanRowSelection,
+        getRowActions
     } = props;
 
     const [customFilters, setCustomFilters] = useState<any>([]);
@@ -211,7 +213,12 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
                 ellipsis: false,
                 align: 'right',
                 render: (_: any, record: any) => {
-                    if (!items?.[0]) return null;  
+                    const rowActions = getRowActions ? getRowActions(record) : null;
+
+                    if ((!items?.[0] && !rowActions)) return null;  
+
+                    const actions = rowActions ? rowActions : items;
+
                     const buttonLabel = buttonActionLabel ? buttonActionLabel(record) : null;
                     
                     const buttonClass = typeof buttonActionStyle === 'function' 
@@ -224,7 +231,7 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
                                 <Button customClass={buttonClass} onClick={() => buttonActionMethod?.()}>{buttonActionName || buttonLabel}</Button>
                             }
 
-                            <Dropdown menu={{ items }}>
+                            <Dropdown menu={{ items: actions }}>
                                 <a>
                                     <MoreOutlined style={{ color: 'var(--color-blue)', transform: 'scale(1.6)' }} />
                                 </a>
@@ -234,7 +241,7 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
                 },
             };
 
-            items && columns.push(columnActions as any);
+            (items || getRowActions) && columns.push(columnActions as any);
 
             if (fixedColumns) {
                 fixedColumns.forEach((column) => {