@dartech/arsenal-ui 1.4.10 → 1.4.11

package/index.js

@@ -3026,6 +3026,7 @@ function TableInner({
   pagination = true,
   loading = false,
   onRowClick,
+  emptyDataText,
   verticalAlign = 'middle'
 }, ref) {
   const {
@@ -3079,7 +3080,7 @@ function TableInner({
           })
         })
       }), jsx(TableBody, {
-        children: rows.map((row, index) => jsx(TableRow, Object.assign({
+        children: rows.length ? rows.map((row, index) => jsx(TableRow, Object.assign({
           hover: true,
           onClick: onRowClick ? () => onRowClick(row) : row.onClick,
           sx: {
@@ -3094,7 +3095,18 @@ function TableInner({
           }, {
             children: column.renderCell ? column.renderCell(row, index) : row[column.id]
           }), idx))
-        }), index))
+        }), index)) : jsx(TableRow, Object.assign({
+          sx: {
+            verticalAlign
+          }
+        }, {
+          children: jsx(TableCell, Object.assign({
+            align: "center",
+            colSpan: columns.length
+          }, {
+            children: emptyDataText !== null && emptyDataText !== void 0 ? emptyDataText : 'Нет данных'
+          }))
+        }))
       }), pagination || children ? jsx(TableFooter, {
         children: jsxs(TableRow, {
           children: [children && jsx(TableCell, Object.assign({
@@ -3106,7 +3118,7 @@ function TableInner({
             }
           }, {
             children: children
-          })), pagination && rows.length && jsx(MuiTablePagination, {
+          })), pagination && !!rows.length ? jsx(MuiTablePagination, {
             rowsPerPageOptions: [5, 10, 25],
             count: totalCount,
             rowsPerPage: +size,
@@ -3116,7 +3128,7 @@ function TableInner({
             },
             onPageChange: (_, page) => onPageChange(page),
             onRowsPerPageChange: event => onSizeChange(+event.target.value)
-          })]
+          }) : null]
         })
       }) : null]
     }))]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.4.10",
+  "version": "1.4.11",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/src/lib/Table/SimpleTable/SimpleTable.d.ts

@@ -9,8 +9,9 @@ interface Props<T> {
     onRowClick?: (row: Row<T>) => void;
     children?: ReactNode;
     verticalAlign?: 'top' | 'middle' | 'bottom' | 'sub' | 'baseline';
+    emptyDataText?: string;
 }
-declare function TableInner<T>({ columns, rows, totalCount, children, pagination, loading, onRowClick, verticalAlign }: Props<T>, ref: ForwardedRef<HTMLTableElement>): JSX.Element;
+declare function TableInner<T>({ columns, rows, totalCount, children, pagination, loading, onRowClick, emptyDataText, verticalAlign }: Props<T>, ref: ForwardedRef<HTMLTableElement>): JSX.Element;
 export declare const SimpleTable: <T>(props: Props<T> & {
     ref?: ForwardedRef<HTMLTableElement>;
 }) => ReturnType<typeof TableInner>;