@omniumretail/component-library 1.2.15 → 1.2.16

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

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

package/src/components/ResponsiveTable/index.tsx

@@ -7,6 +7,7 @@ import { useTranslation } from 'react-i18next';
 import { MoreOutlined } from '@ant-design/icons';
 import classnames from 'classnames';
 import { Button } from '../Button';
+import classNames from 'classnames';
 
 export interface FilterTableOptions {
     value: string;
@@ -53,6 +54,7 @@ export interface ResponsiveTableCustomProps extends TableProps<any> {
     buttonActionStyle?: string | ((record: any) => any);
     cleanRowSelection?: boolean;
     getRowActions?: (record: any) => any;
+    customSelectAllButton?: string;
 }
 
 export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
@@ -83,7 +85,8 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
         buttonActionStyle,
         buttonActionLabel,
         cleanRowSelection,
-        getRowActions
+        getRowActions,
+        customSelectAllButton
     } = props;
 
     const [customFilters, setCustomFilters] = useState<any>([]);
@@ -291,6 +294,8 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
         [styles.tableWrapperNoSelection]: !rowSelection
     }, [styles.tableWrapper]);
 
+    const selectAllButtonStyle = classNames([styles.selectAllRows], [customSelectAllButton]);
+
     return (
         <div className={tableWrapperClasses}>
             {shouldRenderSortDropdown &&
@@ -330,7 +335,7 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
             />
             {
                 onSelectAllButtonClick &&
-                <Button onClick={selectAllRows} className={styles.selectAllRows}>
+                <Button onClick={selectAllRows} className={selectAllButtonStyle}>
                     {selectedAllRowKeys ? t('components.table.deselectAll') : t('components.table.selectAll')}
                 </Button>
             }