fixed few style issues while adoption testing (#453)

Author: 4manasa

packages/react-sdk-components/src/components/infra/DashboardFilter/DashboardFilter.tsx

@@ -19,7 +19,7 @@ interface DashboardFilterProps extends PConnProps {
 }
 
 export default function DashboardFilter(props: PropsWithChildren<DashboardFilterProps>) {
-  const { children = [], name, filterProp, type = '', metadata = null, getPConnect } = props;
+  const { children, name, filterProp, type = '', metadata = null, getPConnect } = props;
   const { current: filterId } = useRef(uuidv4());
 
   const [startDate, setStartDate] = useState(null);

packages/react-sdk-components/src/components/infra/DashboardFilter/filterUtils.tsx

@@ -77,7 +77,7 @@ export const buildFilterComponents = (getPConnect, allFilters) => {
   const filterComponents = allFilters.children.map((filter, index) => createFilterComponent(getPConnect, filter, index));
   if (filterComponents && filterComponents.length > 0) {
     filterComponents.push(
-      <Grid>
+      <Grid style={{ display: 'flex', alignItems: 'center' }}>
         <Link
           style={{ cursor: 'pointer' }}
           onClick={() => {

packages/react-sdk-components/src/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.tsx

@@ -608,8 +608,9 @@ export default function SimpleTableManual(props: PropsWithChildren<SimpleTableMa
                 return (
                   <TableCell key={`head-${displayedColumns[index]}`} className={classes.tableCell}>
                     {(readOnlyMode || allowEditingInModal) && field.cellRenderer !== 'DeleteIcon' ? (
-                      <div>
+                      <div style={{ display: 'flex' }}>
                         <TableSortLabel
+                          style={{ width: '75%' }}
                           active={orderBy === displayedColumns[index]}
                           direction={orderBy === displayedColumns[index] ? order : 'asc'}
                           onClick={createSortHandler(displayedColumns[index])}
@@ -621,8 +622,8 @@ export default function SimpleTableManual(props: PropsWithChildren<SimpleTableMa
                           ) : null}
                         </TableSortLabel>
                         <MoreIcon
+                          style={{ cursor: 'pointer', zIndex: 1000 }}
                           id='menu-icon'
-                          className={classes.moreIcon}
                           onClick={event => {
                             _menuClick(event, field.name, field.meta.type, field.label);
                           }}
@@ -706,7 +707,7 @@ export default function SimpleTableManual(props: PropsWithChildren<SimpleTableMa
                 })}
           </TableBody>
         </Table>
-        {referenceList && referenceList.length === 0 && (
+        {rowData && rowData.length === 0 && (
           <div className='no-records' id='no-records'>
             No records found.
           </div>

packages/react-sdk-components/src/components/widget/FileUtility/FileUtility/FileUtility.tsx

@@ -512,7 +512,7 @@ export default function FileUtility(props: FileUtilityProps) {
           >
             <MoreVertIcon />
           </IconButton>
-          <Menu style={{ marginTop: '3rem' }} id='simple-menu' anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}>
+          <Menu id='simple-menu' anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}>
             <MenuItem style={{ fontSize: '14px' }} onClick={onAddFilesClick}>
               {thePConn.getLocalizedValue('Add files', '', '')}
             </MenuItem>{' '}

packages/react-sdk-components/src/components/widget/SummaryItem/SummaryItem.tsx

@@ -73,7 +73,7 @@ export default function SummaryItem(props: SummaryItemProps) {
             >
               <MoreVertIcon />
             </IconButton>
-            <Menu style={{ marginTop: '3rem' }} id='file-menu' anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}>
+            <Menu id='file-menu' anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}>
               {item.actions &&
                 item.actions.map(option => (
                   <MenuItem style={{ fontSize: '14px' }} key={option.id || option.text} onClick={option.onClick}>