@xyo-network/react-payload-table 2.35.11 → 2.35.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Table/Table.d.ts +2 -2
- package/dist/cjs/components/Table/Table.d.ts.map +1 -1
- package/dist/cjs/components/Table/Table.js +5 -4
- package/dist/cjs/components/Table/Table.js.map +1 -1
- package/dist/docs.json +329 -396
- package/dist/esm/components/Table/Table.d.ts +2 -2
- package/dist/esm/components/Table/Table.d.ts.map +1 -1
- package/dist/esm/components/Table/Table.js +5 -4
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/package.json +6 -5
- package/src/components/Table/Table.stories.tsx +9 -5
- package/src/components/Table/Table.tsx +9 -8
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { TableProps } from '@mui/material';
|
|
2
1
|
import { XyoPayload } from '@xyo-network/payload';
|
|
2
|
+
import { TableExProps } from '@xyo-network/react-table';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { PayloadTableColumnConfig } from './PayloadTableColumnConfig';
|
|
5
|
-
export interface PayloadTableProps extends
|
|
5
|
+
export interface PayloadTableProps extends TableExProps {
|
|
6
6
|
exploreDomain?: string;
|
|
7
7
|
archive?: string;
|
|
8
8
|
onRowClick?: (value: XyoPayload) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AASA,OAAO,EAAkB,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjE,OAAO,EAAW,YAAY,EAAiB,MAAM,0BAA0B,CAAA;AAC/E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAsB,wBAAwB,EAAoC,MAAM,4BAA4B,CAAA;AAE3H,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,wBAAwB,CAAA;IAClC,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AA+CD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsGpD,CAAA"}
|
|
@@ -3,13 +3,14 @@ import FirstPageIcon from '@mui/icons-material/FirstPage';
|
|
|
3
3
|
import KeyboardArrowLeft from '@mui/icons-material/KeyboardArrowLeft';
|
|
4
4
|
import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight';
|
|
5
5
|
import LastPageIcon from '@mui/icons-material/LastPage';
|
|
6
|
-
import { Alert,
|
|
6
|
+
import { Alert, TableBody, TableCell, TableHead, TablePagination, TableRow, Typography } from '@mui/material';
|
|
7
7
|
import Box from '@mui/material/Box';
|
|
8
8
|
import IconButton from '@mui/material/IconButton';
|
|
9
9
|
import { useTheme } from '@mui/material/styles';
|
|
10
10
|
import { useBreakpoint } from '@xylabs/react-shared';
|
|
11
11
|
import { PayloadWrapper } from '@xyo-network/payload';
|
|
12
12
|
import { XyoApiThrownErrorBoundary } from '@xyo-network/react-auth-service';
|
|
13
|
+
import { TableEx, TableFooterEx } from '@xyo-network/react-table';
|
|
13
14
|
import { useEffect, useState } from 'react';
|
|
14
15
|
import { payloadColumnNames, payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig';
|
|
15
16
|
import { PayloadTableRow } from './TableRow';
|
|
@@ -30,7 +31,7 @@ function TablePaginationActions(props) {
|
|
|
30
31
|
};
|
|
31
32
|
return (_jsxs(Box, { sx: { flexShrink: 0, ml: 2.5 }, children: [_jsx(IconButton, { onClick: handleFirstPageButtonClick, disabled: page === 0, "aria-label": "first page", children: theme.direction === 'rtl' ? _jsx(LastPageIcon, {}) : _jsx(FirstPageIcon, {}) }), _jsx(IconButton, { onClick: handleBackButtonClick, disabled: page === 0, "aria-label": "previous page", children: theme.direction === 'rtl' ? _jsx(KeyboardArrowRight, {}) : _jsx(KeyboardArrowLeft, {}) }), _jsx(IconButton, { onClick: handleNextButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, "aria-label": "next page", children: theme.direction === 'rtl' ? _jsx(KeyboardArrowLeft, {}) : _jsx(KeyboardArrowRight, {}) }), _jsx(IconButton, { onClick: handleLastPageButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, "aria-label": "last page", children: theme.direction === 'rtl' ? _jsx(FirstPageIcon, {}) : _jsx(LastPageIcon, {}) })] }));
|
|
32
33
|
}
|
|
33
|
-
export const PayloadTable = ({ exploreDomain, archive, onRowClick, rowsPerPage: rowsPerPageProp = 25, payloads, children, columns = payloadTableColumnConfigDefaults(), maxSchemaDepth, ...props }) => {
|
|
34
|
+
export const PayloadTable = ({ exploreDomain, archive, onRowClick, rowsPerPage: rowsPerPageProp = 25, payloads, children, columns = payloadTableColumnConfigDefaults(), maxSchemaDepth, variant = 'scrollable', ...props }) => {
|
|
34
35
|
const theme = useTheme();
|
|
35
36
|
const breakPoint = useBreakpoint();
|
|
36
37
|
const [page, setPage] = useState(0);
|
|
@@ -48,7 +49,7 @@ export const PayloadTable = ({ exploreDomain, archive, onRowClick, rowsPerPage:
|
|
|
48
49
|
setRowsPerPage(parseInt(event.target.value, 10));
|
|
49
50
|
setPage(0);
|
|
50
51
|
};
|
|
51
|
-
return breakPoint ? (_jsxs(
|
|
52
|
+
return breakPoint ? (_jsxs(TableEx, { variant: variant, ...props, children: [_jsx(TableHead, { children: _jsx(TableRow, { children: columns[breakPoint]?.map((column, index) => {
|
|
52
53
|
return (_jsx(TableCell, { width: index === 0 ? '100%' : undefined, align: index === 0 ? 'left' : 'center', children: _jsx(Typography, { variant: "body2", noWrap: true, children: payloadColumnNames[column] }) }, index));
|
|
53
54
|
}) }) }), _jsxs(TableBody, { children: [payloads?.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((payload, index) => {
|
|
54
55
|
// {payloads?.map((payload, index) => {
|
|
@@ -58,7 +59,7 @@ export const PayloadTable = ({ exploreDomain, archive, onRowClick, rowsPerPage:
|
|
|
58
59
|
onRowClick(payload);
|
|
59
60
|
}
|
|
60
61
|
: undefined, exploreDomain: exploreDomain, payload: payload }) }, `${wrapper.hash}-${index}`));
|
|
61
|
-
}), children, emptyRows > 0 && Array(emptyRows).fill(_jsx(PayloadTableRow, {}))] }), _jsx(
|
|
62
|
+
}), children, emptyRows > 0 && Array(emptyRows).fill(_jsx(PayloadTableRow, {}))] }), _jsx(TableFooterEx, { variant: variant, children: _jsx(TableRow, { children: _jsx(TablePagination, { rowsPerPageOptions: [5, 10, 25, { label: 'All', value: -1 }], count: payloadCount, rowsPerPage: rowsPerPage, page: page, style: { borderTop: '1px solid', borderTopColor: theme.palette.divider }, SelectProps: {
|
|
62
63
|
inputProps: {
|
|
63
64
|
'aria-label': 'rows per page',
|
|
64
65
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAA;AACzD,OAAO,iBAAiB,MAAM,uCAAuC,CAAA;AACrE,OAAO,kBAAkB,MAAM,wCAAwC,CAAA;AACvE,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -11,10 +11,11 @@
|
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"@xylabs/react-shared": "^2.14.20",
|
|
14
|
-
"@xyo-network/react-auth-service": "^2.35.
|
|
15
|
-
"@xyo-network/react-network": "^2.35.
|
|
16
|
-
"@xyo-network/react-payload-plugin": "^2.35.
|
|
17
|
-
"@xyo-network/react-shared": "^2.35.
|
|
14
|
+
"@xyo-network/react-auth-service": "^2.35.13",
|
|
15
|
+
"@xyo-network/react-network": "^2.35.13",
|
|
16
|
+
"@xyo-network/react-payload-plugin": "^2.35.13",
|
|
17
|
+
"@xyo-network/react-shared": "^2.35.13",
|
|
18
|
+
"@xyo-network/react-table": "^2.35.13",
|
|
18
19
|
"tslib": "^2.4.0"
|
|
19
20
|
},
|
|
20
21
|
"peerDependencies": {
|
|
@@ -76,5 +77,5 @@
|
|
|
76
77
|
},
|
|
77
78
|
"sideEffects": false,
|
|
78
79
|
"types": "dist/esm/index.d.ts",
|
|
79
|
-
"version": "2.35.
|
|
80
|
+
"version": "2.35.13"
|
|
80
81
|
}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { Box } from '@mui/material'
|
|
2
1
|
import { ComponentMeta, ComponentStory } from '@storybook/react'
|
|
3
2
|
import { XyoPayload } from '@xyo-network/payload'
|
|
4
3
|
import { sampleIdPayload, sampleSystemInfoBrowserPayload, useAppThemeDecorator } from '@xyo-network/react-storybook'
|
|
@@ -19,9 +18,7 @@ const StorybookEntry = {
|
|
|
19
18
|
|
|
20
19
|
const Template: ComponentStory<typeof PayloadTable> = (args) => (
|
|
21
20
|
<BrowserRouter>
|
|
22
|
-
<
|
|
23
|
-
<PayloadTable {...args}></PayloadTable>
|
|
24
|
-
</Box>
|
|
21
|
+
<PayloadTable {...args}></PayloadTable>
|
|
25
22
|
</BrowserRouter>
|
|
26
23
|
)
|
|
27
24
|
|
|
@@ -50,9 +47,16 @@ const payloads: XyoPayload[] = [
|
|
|
50
47
|
const WithData = Template.bind({})
|
|
51
48
|
WithData.args = {
|
|
52
49
|
payloads,
|
|
50
|
+
wrapperHeight: 'calc(100vh - 2rem)',
|
|
53
51
|
}
|
|
54
52
|
WithData.decorators = [useAppThemeDecorator]
|
|
55
53
|
|
|
54
|
+
const WithOutStickyHeaderFooter = Template.bind({})
|
|
55
|
+
WithOutStickyHeaderFooter.args = {
|
|
56
|
+
payloads,
|
|
57
|
+
variant: 'normal',
|
|
58
|
+
}
|
|
59
|
+
|
|
56
60
|
const WithDataAndMaxSchemaDepth = Template.bind({})
|
|
57
61
|
WithDataAndMaxSchemaDepth.args = {
|
|
58
62
|
maxSchemaDepth: 2,
|
|
@@ -68,7 +72,7 @@ const { ...badPayload } = sampleIdPayload
|
|
|
68
72
|
//@ts-ignore
|
|
69
73
|
WithError.args = { payloads: [sampleIdPayload, badPayload] }
|
|
70
74
|
|
|
71
|
-
export { Default, WithData, WithDataAndMaxSchemaDepth, WithError }
|
|
75
|
+
export { Default, WithData, WithDataAndMaxSchemaDepth, WithError, WithOutStickyHeaderFooter }
|
|
72
76
|
|
|
73
77
|
// eslint-disable-next-line import/no-default-export
|
|
74
78
|
export default StorybookEntry
|
|
@@ -2,20 +2,20 @@ import FirstPageIcon from '@mui/icons-material/FirstPage'
|
|
|
2
2
|
import KeyboardArrowLeft from '@mui/icons-material/KeyboardArrowLeft'
|
|
3
3
|
import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight'
|
|
4
4
|
import LastPageIcon from '@mui/icons-material/LastPage'
|
|
5
|
-
import { Alert,
|
|
5
|
+
import { Alert, TableBody, TableCell, TableHead, TablePagination, TableRow, Typography } from '@mui/material'
|
|
6
6
|
import Box from '@mui/material/Box'
|
|
7
7
|
import IconButton from '@mui/material/IconButton'
|
|
8
8
|
import { useTheme } from '@mui/material/styles'
|
|
9
9
|
import { useBreakpoint } from '@xylabs/react-shared'
|
|
10
10
|
import { PayloadWrapper, XyoPayload } from '@xyo-network/payload'
|
|
11
11
|
import { XyoApiThrownErrorBoundary } from '@xyo-network/react-auth-service'
|
|
12
|
+
import { TableEx, TableExProps, TableFooterEx } from '@xyo-network/react-table'
|
|
12
13
|
import * as React from 'react'
|
|
13
14
|
import { useEffect, useState } from 'react'
|
|
14
15
|
|
|
15
16
|
import { payloadColumnNames, PayloadTableColumnConfig, payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig'
|
|
16
17
|
import { PayloadTableRow } from './TableRow'
|
|
17
|
-
|
|
18
|
-
export interface PayloadTableProps extends TableProps {
|
|
18
|
+
export interface PayloadTableProps extends TableExProps {
|
|
19
19
|
exploreDomain?: string
|
|
20
20
|
archive?: string
|
|
21
21
|
onRowClick?: (value: XyoPayload) => void
|
|
@@ -79,6 +79,7 @@ export const PayloadTable: React.FC<PayloadTableProps> = ({
|
|
|
79
79
|
children,
|
|
80
80
|
columns = payloadTableColumnConfigDefaults(),
|
|
81
81
|
maxSchemaDepth,
|
|
82
|
+
variant = 'scrollable',
|
|
82
83
|
...props
|
|
83
84
|
}) => {
|
|
84
85
|
const theme = useTheme()
|
|
@@ -103,8 +104,8 @@ export const PayloadTable: React.FC<PayloadTableProps> = ({
|
|
|
103
104
|
}
|
|
104
105
|
|
|
105
106
|
return breakPoint ? (
|
|
106
|
-
<
|
|
107
|
-
<TableHead
|
|
107
|
+
<TableEx variant={variant} {...props}>
|
|
108
|
+
<TableHead>
|
|
108
109
|
<TableRow>
|
|
109
110
|
{columns[breakPoint]?.map((column, index) => {
|
|
110
111
|
return (
|
|
@@ -149,7 +150,7 @@ export const PayloadTable: React.FC<PayloadTableProps> = ({
|
|
|
149
150
|
{children}
|
|
150
151
|
{emptyRows > 0 && Array(emptyRows).fill(<PayloadTableRow />)}
|
|
151
152
|
</TableBody>
|
|
152
|
-
<
|
|
153
|
+
<TableFooterEx variant={variant}>
|
|
153
154
|
<TableRow>
|
|
154
155
|
<TablePagination
|
|
155
156
|
rowsPerPageOptions={[5, 10, 25, { label: 'All', value: -1 }]}
|
|
@@ -168,7 +169,7 @@ export const PayloadTable: React.FC<PayloadTableProps> = ({
|
|
|
168
169
|
ActionsComponent={TablePaginationActions}
|
|
169
170
|
/>
|
|
170
171
|
</TableRow>
|
|
171
|
-
</
|
|
172
|
-
</
|
|
172
|
+
</TableFooterEx>
|
|
173
|
+
</TableEx>
|
|
173
174
|
) : null
|
|
174
175
|
}
|