@omniumretail/component-library 1.1.96 → 1.1.97

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

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

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

@@ -13,6 +13,7 @@ const Template: Story<ResponsiveTableCustomProps> = (args) => {
   const [pageInfo, setPageInfo] = useState<any>({});
   const [rowSelectionInfo, setRowSelectionInfo] = useState<any>({});
   const [sortBy, setSortBy] = useState<string[]>(['id', 'desc']);
+  const [clearRowSelection, setClearRowSelection] = useState<boolean>(false);
 
   const handleSortByColumnChange = (sortState: any) => {
     console.log('handleSortChange called with:', sortState);
@@ -24,13 +25,16 @@ const Template: Story<ResponsiveTableCustomProps> = (args) => {
     return (record as any)?.type === "Efetivo" ? "Pog" : null;
 };
 
+console.log(rowSelectionInfo);
+
   return <ResponsiveTable
     scroll={{ x: 4000 }}
+    cleanRowSelection={clearRowSelection}
     columnsSortChange={handleSortByColumnChange} paginationInfo={setPageInfo} headingTranslationsKey={'tableHeadings'} rowSelectionInfo={setRowSelectionInfo}
     actionsArray={[
       {
         key: '1', label: `${t('actions.one')}`, onClick: () => {
-          console.log('onClick');
+          setClearRowSelection(true);
         }
       },
       { key: '2', label: `${t('actions.two')}` },

package/src/components/ResponsiveTable/index.tsx

@@ -51,6 +51,7 @@ export interface ResponsiveTableCustomProps extends TableProps<any> {
     buttonActionLabel?: (record: any) => string | null;
     buttonActionMethod?: () => void;
     buttonActionStyle?: string | ((record: any) => any);
+    cleanRowSelection?: boolean;
 }
 
 export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
@@ -79,7 +80,8 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
         buttonActionName,
         buttonActionMethod,
         buttonActionStyle,
-        buttonActionLabel
+        buttonActionLabel,
+        cleanRowSelection
     } = props;
 
     const [customFilters, setCustomFilters] = useState<any>([]);
@@ -89,7 +91,6 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
     const [selectedAllRowKeys, setSelectedAllRowKeys] = useState(false);
     const [deselectAll, setDeselectAll] = useState(false);
 
-
     const onSelectChange = (newSelectedRowKeys: React.Key[]) => {
         if (rowSelection.type === 'radio') {
             setselectedRowKeys(newSelectedRowKeys);
@@ -174,6 +175,12 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
         props.rowSelectionInfo(selectedRowKeys);
     }, [selectedRowKeys]);
 
+    useEffect(() => {
+        if (cleanRowSelection) {
+            setselectedRowKeys([]);
+        }
+    }, [cleanRowSelection]);
+
     useEffect(() => {
         if (dataSource && (dataSource as any)?.length > 0) {
             // Columns