From 3883e485dd9a10eed533e06e2c6aae3ab8850df6 Mon Sep 17 00:00:00 2001
From: Mikhail Chechnev <mim_@mail.ru>
Date: Thu, 23 May 2024 16:16:13 +0300
Subject: [PATCH] =?UTF-8?q?WEB=20APP:=20P8PTable=20-=20=D0=B8=D1=81=D0=BF?=
 =?UTF-8?q?=D1=80=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B0=20=D0=BE=D1=88=D0=B8?=
 =?UTF-8?q?=D0=B1=D0=BA=D0=B0=20=D0=B2=D1=91=D1=80=D1=81=D1=82=D0=BA=D0=B8?=
 =?UTF-8?q?=20=D1=81=D0=BE=D0=BE=D0=B1=D1=89=D0=B5=D0=BD=D0=B8=D1=8F=20?=
 =?UTF-8?q?=D0=BE=D0=B1=20=D0=BE=D1=82=D1=81=D1=83=D1=82=D1=81=D1=82=D0=B2?=
 =?UTF-8?q?=D0=B8=D0=B8=20=D0=B4=D0=B0=D0=BD=D0=BD=D1=8B=D1=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/p8p_table.js | 154 ++++++++++++++++++------------------
 1 file changed, 76 insertions(+), 78 deletions(-)

diff --git a/app/components/p8p_table.js b/app/components/p8p_table.js
index 43d910b..529786d 100644
--- a/app/components/p8p_table.js
+++ b/app/components/p8p_table.js
@@ -798,87 +798,85 @@ const P8PTable = ({
                         ))}
                     </TableHead>
                     <TableBody>
-                        {rows.length > 0
-                            ? (Array.isArray(groups) && groups.length > 0 ? groups : [{}]).map((group, g) => {
-                                  const rowsView = rows.map((row, i) =>
-                                      !group?.name || group?.name == row.groupName ? (
-                                          <React.Fragment key={`data-${i}`}>
-                                              <TableRow key={`data-row-${i}`} sx={STYLES.TABLE_ROW}>
-                                                  {expandable && rowExpandRender ? (
-                                                      <TableCell
-                                                          key={`data-cell-expand-control-${i}`}
-                                                          align="center"
-                                                          sx={{
-                                                              ...STYLES.TABLE_CELL_EXPAND_CONTROL,
-                                                              ...(fixedColumns ? STYLES.TABLE_CELL_STICKY(theme, 0) : {})
-                                                          }}
-                                                      >
-                                                          <IconButton onClick={() => handleExpandClick(i)}>
-                                                              <Icon>{expanded[i] === true ? "keyboard_arrow_down" : "keyboard_arrow_right"}</Icon>
-                                                          </IconButton>
-                                                      </TableCell>
-                                                  ) : null}
-                                                  {header.displayDataColumns.map((columnDef, j) => {
-                                                      let customRender = {};
-                                                      if (dataCellRender) customRender = dataCellRender({ row, columnDef }) || {};
-                                                      return (
-                                                          <TableCell
-                                                              key={`data-cell-${j}`}
-                                                              align={getAlignByDataType(columnDef)}
-                                                              sx={{
-                                                                  ...(columnDef.width
-                                                                      ? { minWidth: columnDef.width, maxWidth: columnDef.width }
-                                                                      : {}),
-                                                                  ...(columnDef.fixed ? STYLES.TABLE_CELL_STICKY(theme, columnDef.fixedLeft) : {}),
-                                                                  ...customRender.cellStyle
-                                                              }}
-                                                              {...customRender.cellProps}
-                                                          >
-                                                              {customRender.data
-                                                                  ? customRender.data
-                                                                  : valueFormatter
-                                                                  ? valueFormatter({ value: row[columnDef.name], columnDef })
-                                                                  : row[columnDef.name]}
-                                                          </TableCell>
-                                                      );
-                                                  })}
-                                              </TableRow>
-                                              {expandable && rowExpandRender && expanded[i] === true ? (
-                                                  <TableRow key={`data-row-expand-${i}`}>
-                                                      <TableCell
-                                                          sx={{
-                                                              ...STYLES.TABLE_CELL_EXPAND_CONTAINER,
-                                                              ...(fixedColumns ? STYLES.TABLE_CELL_STICKY(theme, 0) : {})
-                                                          }}
-                                                          colSpan={
-                                                              fixedColumns ? header.displayFixedColumnsCount + 1 : header.displayDataColumnsCount
-                                                          }
-                                                      >
-                                                          {rowExpandRender({ columnsDef, row })}
-                                                      </TableCell>
-                                                  </TableRow>
-                                              ) : null}
-                                          </React.Fragment>
-                                      ) : null
-                                  );
-                                  return !group?.name ? (
-                                      rowsView
-                                  ) : (
-                                      <React.Fragment key={`group-${g}`}>
-                                          <TableRow key={`group-header-${g}`}>{renderGroupCell(group)}</TableRow>
-                                          {!group.expandable || expandedGroups[group.name] === true ? rowsView : null}
-                                      </React.Fragment>
-                                  );
-                              })
-                            : null}
+                        {rows.length > 0 ? (
+                            (Array.isArray(groups) && groups.length > 0 ? groups : [{}]).map((group, g) => {
+                                const rowsView = rows.map((row, i) =>
+                                    !group?.name || group?.name == row.groupName ? (
+                                        <React.Fragment key={`data-${i}`}>
+                                            <TableRow key={`data-row-${i}`} sx={STYLES.TABLE_ROW}>
+                                                {expandable && rowExpandRender ? (
+                                                    <TableCell
+                                                        key={`data-cell-expand-control-${i}`}
+                                                        align="center"
+                                                        sx={{
+                                                            ...STYLES.TABLE_CELL_EXPAND_CONTROL,
+                                                            ...(fixedColumns ? STYLES.TABLE_CELL_STICKY(theme, 0) : {})
+                                                        }}
+                                                    >
+                                                        <IconButton onClick={() => handleExpandClick(i)}>
+                                                            <Icon>{expanded[i] === true ? "keyboard_arrow_down" : "keyboard_arrow_right"}</Icon>
+                                                        </IconButton>
+                                                    </TableCell>
+                                                ) : null}
+                                                {header.displayDataColumns.map((columnDef, j) => {
+                                                    let customRender = {};
+                                                    if (dataCellRender) customRender = dataCellRender({ row, columnDef }) || {};
+                                                    return (
+                                                        <TableCell
+                                                            key={`data-cell-${j}`}
+                                                            align={getAlignByDataType(columnDef)}
+                                                            sx={{
+                                                                ...(columnDef.width ? { minWidth: columnDef.width, maxWidth: columnDef.width } : {}),
+                                                                ...(columnDef.fixed ? STYLES.TABLE_CELL_STICKY(theme, columnDef.fixedLeft) : {}),
+                                                                ...customRender.cellStyle
+                                                            }}
+                                                            {...customRender.cellProps}
+                                                        >
+                                                            {customRender.data
+                                                                ? customRender.data
+                                                                : valueFormatter
+                                                                ? valueFormatter({ value: row[columnDef.name], columnDef })
+                                                                : row[columnDef.name]}
+                                                        </TableCell>
+                                                    );
+                                                })}
+                                            </TableRow>
+                                            {expandable && rowExpandRender && expanded[i] === true ? (
+                                                <TableRow key={`data-row-expand-${i}`}>
+                                                    <TableCell
+                                                        sx={{
+                                                            ...STYLES.TABLE_CELL_EXPAND_CONTAINER,
+                                                            ...(fixedColumns ? STYLES.TABLE_CELL_STICKY(theme, 0) : {})
+                                                        }}
+                                                        colSpan={fixedColumns ? header.displayFixedColumnsCount + 1 : header.displayDataColumnsCount}
+                                                    >
+                                                        {rowExpandRender({ columnsDef, row })}
+                                                    </TableCell>
+                                                </TableRow>
+                                            ) : null}
+                                        </React.Fragment>
+                                    ) : null
+                                );
+                                return !group?.name ? (
+                                    rowsView
+                                ) : (
+                                    <React.Fragment key={`group-${g}`}>
+                                        <TableRow key={`group-header-${g}`}>{renderGroupCell(group)}</TableRow>
+                                        {!group.expandable || expandedGroups[group.name] === true ? rowsView : null}
+                                    </React.Fragment>
+                                );
+                            })
+                        ) : noDataFoundText && !reloading ? (
+                            <TableRow>
+                                <TableCell colSpan={header.displayDataColumnsCount}>
+                                    <P8PAppInlineError text={noDataFoundText} />
+                                </TableCell>
+                            </TableRow>
+                        ) : null}
                     </TableBody>
                 </Table>
             </TableContainer>
-            {rows.length == 0 ? (
-                noDataFoundText && !reloading ? (
-                    <P8PAppInlineError text={noDataFoundText} />
-                ) : null
-            ) : morePages ? (
+            {morePages ? (
                 <Container style={STYLES.MORE_BUTTON_CONTAINER}>
                     <Button fullWidth onClick={handleMorePagesBtnClick}>
                         {morePagesBtnCaption}