@xyo-network/react-payload-table 2.40.26 → 2.40.29

package/dist/esm/components/Table/TableRowNoData.d.ts

@@ -2,6 +2,8 @@
 import { TableRowProps, TypographyProps } from '@mui/material';
 export interface TableRowNoDataProps extends TableRowProps {
     typographyProps?: TypographyProps;
+    hideBorder?: boolean;
+    additionalCells?: number;
 }
 export declare const TableRowNoData: React.FC<TableRowNoDataProps>;
 //# sourceMappingURL=TableRowNoData.d.ts.map

package/dist/esm/components/Table/TableRowNoData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableRowNoData.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableRowNoData.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,aAAa,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/F,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA"}
+{"version":3,"file":"TableRowNoData.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableRowNoData.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA+B,aAAa,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAEvG,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAexD,CAAA"}

package/dist/esm/components/Table/TableRowNoData.js

@@ -1,6 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TableCell, TableRow, Typography } from '@mui/material';
-export const TableRowNoData = ({ typographyProps, ...props }) => {
-    return (_jsx(TableRow, { ...props, children: _jsx(TableCell, { sx: { border: 'none' }, children: _jsx(Typography, { variant: "body2", ...typographyProps, children: "No Data To Display..." }) }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled, TableCell, TableRow, Typography } from '@mui/material';
+export const TableRowNoData = ({ hideBorder = false, typographyProps, additionalCells, ...props }) => {
+    return (_jsxs(TableRow, { ...props, children: [_jsx(StyledTableCell, { hideBorder: hideBorder, children: _jsx(Typography, { variant: "body2", ...typographyProps, children: "No Data To Display..." }) }), additionalCells
+                ? Array(additionalCells)
+                    .fill(undefined)
+                    .map((_fill, index) => _jsx(StyledTableCell, { hideBorder: hideBorder }, index))
+                : null] }));
 };
+const StyledTableCell = styled(TableCell, {
+    name: 'StyledTableCell',
+    shouldForwardProp: (prop) => prop !== 'hideBorder',
+})(({ hideBorder }) => ({
+    ...(hideBorder && { border: 'none' }),
+}));
 //# sourceMappingURL=TableRowNoData.js.map

package/dist/esm/components/Table/TableRowNoData.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRowNoData.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRowNoData.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAiB,UAAU,EAAmB,MAAM,eAAe,CAAA;AAM/F,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC7F,OAAO,CACL,KAAC,QAAQ,OAAK,KAAK,YACjB,KAAC,SAAS,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAC/B,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,KAAK,eAAe,sCAElC,GACH,GACH,CACZ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TableRowNoData.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRowNoData.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAiB,UAAU,EAAmB,MAAM,eAAe,CAAA;AAQvG,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,UAAU,GAAG,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClI,OAAO,CACL,MAAC,QAAQ,OAAK,KAAK,aACjB,KAAC,eAAe,IAAC,UAAU,EAAE,UAAU,YACrC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,KAAK,eAAe,sCAElC,GACG,EACjB,eAAe;gBACd,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC;qBACnB,IAAI,CAAC,SAAS,CAAC;qBACf,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAC,eAAe,IAAa,UAAU,EAAE,UAAU,IAA7B,KAAK,CAA4B,CAAC;gBACnF,CAAC,CAAC,IAAI,IACC,CACZ,CAAA;AACH,CAAC,CAAA;AAMD,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,EAAE;IACxC,IAAI,EAAE,iBAAiB;IACvB,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,KAAK,YAAY;CAC3D,CAAC,CAAuB,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5C,GAAG,CAAC,UAAU,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;CACtC,CAAC,CAAC,CAAA"}

package/package.json

@@ -10,16 +10,16 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-common": "^2.15.1",
-    "@xylabs/react-flexbox": "^2.15.1",
-    "@xylabs/react-shared": "^2.15.1",
-    "@xyo-network/react-error": "^2.40.26",
-    "@xyo-network/react-event": "^2.40.26",
-    "@xyo-network/react-network": "^2.40.26",
-    "@xyo-network/react-payload-plugin": "^2.40.26",
-    "@xyo-network/react-payload-plugin-resolver": "^2.40.26",
-    "@xyo-network/react-shared": "^2.40.26",
-    "@xyo-network/react-table": "^2.40.26",
+    "@xylabs/react-common": "^2.15.2",
+    "@xylabs/react-flexbox": "^2.15.2",
+    "@xylabs/react-shared": "^2.15.2",
+    "@xyo-network/react-error": "^2.40.29",
+    "@xyo-network/react-event": "^2.40.29",
+    "@xyo-network/react-network": "^2.40.29",
+    "@xyo-network/react-payload-plugin": "^2.40.29",
+    "@xyo-network/react-payload-plugin-resolver": "^2.40.29",
+    "@xyo-network/react-shared": "^2.40.29",
+    "@xyo-network/react-table": "^2.40.29",
     "tslib": "^2.4.1"
   },
   "peerDependencies": {
@@ -79,5 +79,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.40.26"
+  "version": "2.40.29"
 }

package/src/components/Table/TableRowNoData.tsx

@@ -1,17 +1,35 @@
-import { TableCell, TableRow, TableRowProps, Typography, TypographyProps } from '@mui/material'
+import { styled, TableCell, TableRow, TableRowProps, Typography, TypographyProps } from '@mui/material'
 
 export interface TableRowNoDataProps extends TableRowProps {
   typographyProps?: TypographyProps
+  hideBorder?: boolean
+  additionalCells?: number
 }
 
-export const TableRowNoData: React.FC<TableRowNoDataProps> = ({ typographyProps, ...props }) => {
+export const TableRowNoData: React.FC<TableRowNoDataProps> = ({ hideBorder = false, typographyProps, additionalCells, ...props }) => {
   return (
     <TableRow {...props}>
-      <TableCell sx={{ border: 'none' }}>
+      <StyledTableCell hideBorder={hideBorder}>
         <Typography variant="body2" {...typographyProps}>
           No Data To Display...
         </Typography>
-      </TableCell>
+      </StyledTableCell>
+      {additionalCells
+        ? Array(additionalCells)
+            .fill(undefined)
+            .map((_fill, index) => <StyledTableCell key={index} hideBorder={hideBorder} />)
+        : null}
     </TableRow>
   )
 }
+
+interface StyledTableCellProps {
+  hideBorder?: boolean
+}
+
+const StyledTableCell = styled(TableCell, {
+  name: 'StyledTableCell',
+  shouldForwardProp: (prop: string) => prop !== 'hideBorder',
+})<StyledTableCellProps>(({ hideBorder }) => ({
+  ...(hideBorder && { border: 'none' }),
+}))