@omniumretail/component-library 1.2.67 → 1.2.68

package/package.json

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

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

@@ -55,18 +55,27 @@ const Template: Story<ResponsiveTableCustomProps> = (args) => {
       ];
   };
 
-      const getIcon = (record: any) => {
-        return record.id === "1"
-            ? <DownloadOutlined />
-            : record.id === "3"
-                ? <DownloadOutlined />
-                : null;
-    };
+  const getIcon = (record: any) => {
+    return record.id === "1"
+      ? <DownloadOutlined />
+      : record.id === "3"
+        ? <DownloadOutlined />
+        : null;
+  };
 
   const actionsArray = [{ key: '1', label: `` }];
 
   return <ResponsiveTable
     cleanRowSelection={clearRowSelection}
+    onRow={(record: any) => {
+      return {
+        style: {
+          opacity: (record.Status === "I" || record.Status === "Draft") ? 0.5 : 1,
+          boxShadow: record.Status === "Draft" ? "inset 2px 0 0 #FF674C" : "none",
+          backgroundColor: record.Status === "Draft" ? "#FF674C" : "none"
+        },
+      };
+    }}
     columnsSortChange={handleSortByColumnChange} paginationInfo={setPageInfo} headingTranslationsKey={'tableHeadings'} rowSelectionInfo={setRowSelectionInfo}
     actionsArray={actionsArray}
     fixedColumns={[{ dataIndex: 'action', side: 'right' }]} buttonActionIcon={getIcon}  {...args}>
@@ -94,7 +103,7 @@ Primary.args = {
       store: `Levi's Sta Catarina`,
       role: `Comercial`,
       type: `NEfetivo`,
-      Status: "A"
+      Status: "Draft"
     },
     {
       id: `3`,

package/src/components/ResponsiveTable/index.tsx

@@ -357,6 +357,25 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
                     }
                 ) : null}
                 rowKey={rowKeyValue}
+                onRow={(record: any) => {
+                    const internalRow = {
+                        style: {
+                            opacity: (record.Status === "I" || record.Status === "Draft") ? 0.5 : 1,
+                            boxShadow: record.Status === "Draft" ? "inset 2px 0 0 #FF674C" : "none",
+                        },
+                    };
+
+                    const externalRow = props.onRow?.(record) ?? {};
+
+                    return {
+                        ...externalRow,
+                        ...internalRow,
+                        style: {
+                            ...internalRow.style,
+                            ...externalRow.style,
+                        },
+                    };
+                }}
                 {...(tableMaxHeight ? { scroll: { y: tableMaxHeight } } : {})}
             />
             {