@xyo-network/react-payload-table 2.53.0 → 2.54.0
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/DynamicTable/Table.js +1 -1
- package/dist/cjs/components/DynamicTable/Table.js.map +1 -1
- package/dist/cjs/components/Table/TableBody.js +1 -1
- package/dist/cjs/components/Table/TableBody.js.map +1 -1
- package/dist/cjs/components/Table/TablePagination.js +1 -1
- package/dist/cjs/components/Table/TablePagination.js.map +1 -1
- package/dist/docs.json +104 -104
- package/dist/esm/components/DynamicTable/Table.js +2 -2
- package/dist/esm/components/DynamicTable/Table.js.map +1 -1
- package/dist/esm/components/Table/TableBody.js +2 -2
- package/dist/esm/components/Table/TableBody.js.map +1 -1
- package/dist/esm/components/Table/TablePagination.js +2 -2
- package/dist/esm/components/Table/TablePagination.js.map +1 -1
- package/package.json +10 -10
- package/src/components/DynamicTable/Table.tsx +3 -3
- package/src/components/Table/FetchMoreTable.stories.tsx +2 -2
- package/src/components/Table/Table.stories.tsx +2 -2
- package/src/components/Table/TableBody.tsx +3 -3
- package/src/components/Table/TablePagination.tsx +2 -2
|
@@ -5,7 +5,7 @@ import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight';
|
|
|
5
5
|
import LastPageIcon from '@mui/icons-material/LastPage';
|
|
6
6
|
import { Alert, Box, IconButton, Table, TableBody, TableCell, TableFooter, TableHead, TablePagination, TableRow, Typography, useTheme, } from '@mui/material';
|
|
7
7
|
import { useBreakpoint } from '@xylabs/react-shared';
|
|
8
|
-
import {
|
|
8
|
+
import { ThrownErrorBoundary } from '@xyo-network/react-error';
|
|
9
9
|
import { usePayloadHashes } from '@xyo-network/react-shared';
|
|
10
10
|
import { useEffect, useMemo, useState } from 'react';
|
|
11
11
|
import { PayloadDynamicTableRow } from './DynamicTableRow';
|
|
@@ -49,7 +49,7 @@ export const PayloadDynamicTable = ({ archive, children, columns = payloadDynami
|
|
|
49
49
|
return breakPoint ? (_jsxs(Table, { stickyHeader: true, ...props, children: [_jsx(TableHead, { children: _jsx(TableRow, { children: columns[breakPoint]?.map((column, index) => {
|
|
50
50
|
return (_jsx(TableCell, { align: column.alignment ?? 'left', width: column.width, children: _jsx(Typography, { variant: "body2", noWrap: true, children: column.name }) }, index));
|
|
51
51
|
}) }) }), _jsxs(TableBody, { sx: { overflowY: 'scroll ' }, children: [payloadPairs?.map(([payload, hash], index) => {
|
|
52
|
-
return (_jsx(
|
|
52
|
+
return (_jsx(ThrownErrorBoundary, { boundaryName: "PayloadTableBody", errorComponent: (e) => (_jsxs(Alert, { severity: "error", children: ["Error Loading Payload: ", _jsx(Typography, { fontWeight: "bold", children: e.message })] })), children: _jsx(PayloadDynamicTableRow, { archive: archive, onClick: onRowClick
|
|
53
53
|
? () => {
|
|
54
54
|
onRowClick(payload);
|
|
55
55
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/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,EACL,KAAK,EACL,GAAG,EACH,UAAU,EACV,KAAK,EACL,SAAS,EACT,SAAS,EACT,WAAW,EACX,SAAS,EACT,eAAe,EAEf,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Alert, TableBody, Typography } from '@mui/material';
|
|
3
|
-
import {
|
|
3
|
+
import { ThrownErrorBoundary } from '@xyo-network/react-error';
|
|
4
4
|
import { usePayloadHashes } from '@xyo-network/react-shared';
|
|
5
5
|
import { PayloadTableRow } from './TableRow';
|
|
6
6
|
export const PayloadTableBody = ({ children, exploreDomain, payloads, archive, maxSchemaDepth, onRowClick, emptyRows, noResults, NoResultRowComponent, ...props }) => {
|
|
7
7
|
const payloadPairs = usePayloadHashes(payloads);
|
|
8
8
|
return (_jsxs(TableBody, { ...props, children: [noResults && NoResultRowComponent ? _jsx(NoResultRowComponent, {}) : null, payloadPairs?.map(([payload, hash], index) => {
|
|
9
|
-
return (_jsx(
|
|
9
|
+
return (_jsx(ThrownErrorBoundary, { boundaryName: "PayloadTableBody", errorComponent: (e) => (_jsxs(Alert, { severity: "error", children: ["Error Loading Payload: ", _jsx(Typography, { fontWeight: "bold", children: e.message })] })), children: _jsx(PayloadTableRow, { maxSchemaDepth: maxSchemaDepth, archive: archive, onClick: onRowClick
|
|
10
10
|
? () => {
|
|
11
11
|
onRowClick(payload);
|
|
12
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../src/components/Table/TableBody.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../src/components/Table/TableBody.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAG5C,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,OAAO,EACP,cAAc,EACd,UAAU,EACV,SAAS,EACT,SAAS,EACT,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IAE/C,OAAO,CACL,MAAC,SAAS,OAAK,KAAK,aACjB,SAAS,IAAI,oBAAoB,CAAC,CAAC,CAAC,KAAC,oBAAoB,KAAG,CAAC,CAAC,CAAC,IAAI,EACnE,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE;gBAC5C,OAAO,CACL,KAAC,mBAAmB,IAClB,YAAY,EAAC,kBAAkB,EAE/B,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,MAAC,KAAK,IAAC,QAAQ,EAAC,OAAO,wCACE,KAAC,UAAU,IAAC,UAAU,EAAC,MAAM,YAAE,CAAC,CAAC,OAAO,GAAc,IACvE,CACT,YAED,KAAC,eAAe,IACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,OAAO,EACL,UAAU;4BACR,CAAC,CAAC,GAAG,EAAE;gCACH,UAAU,CAAC,OAAO,CAAC,CAAA;4BACrB,CAAC;4BACH,CAAC,CAAC,SAAS,EAEf,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,GAChB,IAnBG,GAAG,IAAI,IAAI,KAAK,EAAE,CAoBH,CACvB,CAAA;YACH,CAAC,CAAC,EACD,QAAQ,EACR,CAAC,SAAS,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,KAAC,eAAe,KAAG,CAAC,IACzD,CACb,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -4,10 +4,10 @@ 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
6
|
import { Box, CircularProgress, IconButton, useTheme } from '@mui/material';
|
|
7
|
-
import {
|
|
7
|
+
import { useEvent } from '@xyo-network/react-event';
|
|
8
8
|
export function TablePaginationActions({ count, enableNextPage, loading, onPageChange, page, rowsPerPage }) {
|
|
9
9
|
const theme = useTheme();
|
|
10
|
-
const [paginationRef, paginationDispatch] =
|
|
10
|
+
const [paginationRef, paginationDispatch] = useEvent();
|
|
11
11
|
const handleFirstPageButtonClick = (event) => {
|
|
12
12
|
paginationDispatch('firstPage', 'click', 'true');
|
|
13
13
|
onPageChange(event, 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TablePagination.js","sourceRoot":"","sources":["../../../../src/components/Table/TablePagination.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,GAAG,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TablePagination.js","sourceRoot":"","sources":["../../../../src/components/Table/TablePagination.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -13,13 +13,13 @@
|
|
|
13
13
|
"@xylabs/react-shared": "^2.17.3",
|
|
14
14
|
"@xyo-network/payload-model": "^2.62.1",
|
|
15
15
|
"@xyo-network/payload-validator": "^2.62.1",
|
|
16
|
-
"@xyo-network/react-error": "^2.
|
|
17
|
-
"@xyo-network/react-event": "^2.
|
|
18
|
-
"@xyo-network/react-network": "^2.
|
|
19
|
-
"@xyo-network/react-payload-plugin": "^2.
|
|
20
|
-
"@xyo-network/react-payload-plugin-resolver": "^2.
|
|
21
|
-
"@xyo-network/react-shared": "^2.
|
|
22
|
-
"@xyo-network/react-table": "^2.
|
|
16
|
+
"@xyo-network/react-error": "^2.54.0",
|
|
17
|
+
"@xyo-network/react-event": "^2.54.0",
|
|
18
|
+
"@xyo-network/react-network": "^2.54.0",
|
|
19
|
+
"@xyo-network/react-payload-plugin": "^2.54.0",
|
|
20
|
+
"@xyo-network/react-payload-plugin-resolver": "^2.54.0",
|
|
21
|
+
"@xyo-network/react-shared": "^2.54.0",
|
|
22
|
+
"@xyo-network/react-table": "^2.54.0"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@storybook/react": "^7.0.21",
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
"@xylabs/delay": "^2.9.1",
|
|
30
30
|
"@xylabs/ts-scripts-yarn3": "^2.17.13",
|
|
31
31
|
"@xylabs/tsconfig-react": "^2.17.13",
|
|
32
|
-
"@xyo-network/react-crypto-market-uniswap-plugin": "^2.
|
|
33
|
-
"@xyo-network/react-storybook": "^2.
|
|
32
|
+
"@xyo-network/react-crypto-market-uniswap-plugin": "^2.54.0",
|
|
33
|
+
"@xyo-network/react-storybook": "^2.54.0",
|
|
34
34
|
"typescript": "^5.1.3"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
@@ -85,5 +85,5 @@
|
|
|
85
85
|
},
|
|
86
86
|
"sideEffects": false,
|
|
87
87
|
"types": "dist/types/index.d.ts",
|
|
88
|
-
"version": "2.
|
|
88
|
+
"version": "2.54.0"
|
|
89
89
|
}
|
|
@@ -19,7 +19,7 @@ import {
|
|
|
19
19
|
} from '@mui/material'
|
|
20
20
|
import { useBreakpoint } from '@xylabs/react-shared'
|
|
21
21
|
import { Payload } from '@xyo-network/payload-model'
|
|
22
|
-
import {
|
|
22
|
+
import { ThrownErrorBoundary } from '@xyo-network/react-error'
|
|
23
23
|
import { usePayloadHashes } from '@xyo-network/react-shared'
|
|
24
24
|
import { useEffect, useMemo, useState } from 'react'
|
|
25
25
|
|
|
@@ -132,7 +132,7 @@ export const PayloadDynamicTable: React.FC<PayloadDynamicTableProps> = ({
|
|
|
132
132
|
<TableBody sx={{ overflowY: 'scroll ' }}>
|
|
133
133
|
{payloadPairs?.map(([payload, hash], index) => {
|
|
134
134
|
return (
|
|
135
|
-
<
|
|
135
|
+
<ThrownErrorBoundary
|
|
136
136
|
boundaryName="PayloadTableBody"
|
|
137
137
|
key={`${hash}-${index}`}
|
|
138
138
|
errorComponent={(e) => (
|
|
@@ -153,7 +153,7 @@ export const PayloadDynamicTable: React.FC<PayloadDynamicTableProps> = ({
|
|
|
153
153
|
exploreDomain={exploreDomain}
|
|
154
154
|
payload={payload}
|
|
155
155
|
/>
|
|
156
|
-
</
|
|
156
|
+
</ThrownErrorBoundary>
|
|
157
157
|
)
|
|
158
158
|
})}
|
|
159
159
|
{children}
|
|
@@ -2,7 +2,7 @@ import { Button, Typography } from '@mui/material'
|
|
|
2
2
|
import { Decorator, Meta, StoryFn } from '@storybook/react'
|
|
3
3
|
import { delay } from '@xylabs/delay'
|
|
4
4
|
import { Payload } from '@xyo-network/payload-model'
|
|
5
|
-
import {
|
|
5
|
+
import { useEvent } from '@xyo-network/react-event'
|
|
6
6
|
import { useEffect, useState } from 'react'
|
|
7
7
|
import { BrowserRouter } from 'react-router-dom'
|
|
8
8
|
|
|
@@ -79,7 +79,7 @@ const StorybookEntry = {
|
|
|
79
79
|
} as Meta<typeof PayloadTable>
|
|
80
80
|
|
|
81
81
|
const Template: StoryFn<typeof PayloadTable> = (args) => {
|
|
82
|
-
const [ref] =
|
|
82
|
+
const [ref] = useEvent<HTMLTableElement>((noun, verb, data) => console.log(`[${noun}|${verb}|${data}]`))
|
|
83
83
|
return (
|
|
84
84
|
<BrowserRouter>
|
|
85
85
|
<PayloadTable ref={ref} {...args}></PayloadTable>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Chip } from '@mui/material'
|
|
2
2
|
import { Meta, StoryFn } from '@storybook/react'
|
|
3
3
|
import { Payload } from '@xyo-network/payload-model'
|
|
4
|
-
import {
|
|
4
|
+
import { useEvent } from '@xyo-network/react-event'
|
|
5
5
|
import { sampleIdPayload, sampleSystemInfoBrowserPayload, useAppThemeDecorator } from '@xyo-network/react-storybook'
|
|
6
6
|
import { useState } from 'react'
|
|
7
7
|
import { BrowserRouter } from 'react-router-dom'
|
|
@@ -21,7 +21,7 @@ const StorybookEntry = {
|
|
|
21
21
|
|
|
22
22
|
const Template: StoryFn<typeof PayloadTable> = (args) => {
|
|
23
23
|
const [eventData, setEventData] = useState<string | undefined>()
|
|
24
|
-
const [ref] =
|
|
24
|
+
const [ref] = useEvent<HTMLTableElement>((_noun, _verb, data) => setEventData(data))
|
|
25
25
|
|
|
26
26
|
return (
|
|
27
27
|
<BrowserRouter>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Alert, TableBody, Typography } from '@mui/material'
|
|
2
|
-
import {
|
|
2
|
+
import { ThrownErrorBoundary } from '@xyo-network/react-error'
|
|
3
3
|
import { usePayloadHashes } from '@xyo-network/react-shared'
|
|
4
4
|
|
|
5
5
|
import { PayloadTableRow } from './TableRow'
|
|
@@ -24,7 +24,7 @@ export const PayloadTableBody: React.FC<PayloadTableBodyProps> = ({
|
|
|
24
24
|
{noResults && NoResultRowComponent ? <NoResultRowComponent /> : null}
|
|
25
25
|
{payloadPairs?.map(([payload, hash], index) => {
|
|
26
26
|
return (
|
|
27
|
-
<
|
|
27
|
+
<ThrownErrorBoundary
|
|
28
28
|
boundaryName="PayloadTableBody"
|
|
29
29
|
key={`${hash}-${index}`}
|
|
30
30
|
errorComponent={(e) => (
|
|
@@ -46,7 +46,7 @@ export const PayloadTableBody: React.FC<PayloadTableBodyProps> = ({
|
|
|
46
46
|
exploreDomain={exploreDomain}
|
|
47
47
|
payload={payload}
|
|
48
48
|
/>
|
|
49
|
-
</
|
|
49
|
+
</ThrownErrorBoundary>
|
|
50
50
|
)
|
|
51
51
|
})}
|
|
52
52
|
{children}
|
|
@@ -3,7 +3,7 @@ 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
5
|
import { Box, CircularProgress, IconButton, useTheme } from '@mui/material'
|
|
6
|
-
import {
|
|
6
|
+
import { useEvent } from '@xyo-network/react-event'
|
|
7
7
|
|
|
8
8
|
import { PaginationNouns } from './types'
|
|
9
9
|
|
|
@@ -18,7 +18,7 @@ export interface TablePaginationActionsProps {
|
|
|
18
18
|
|
|
19
19
|
export function TablePaginationActions({ count, enableNextPage, loading, onPageChange, page, rowsPerPage }: TablePaginationActionsProps) {
|
|
20
20
|
const theme = useTheme()
|
|
21
|
-
const [paginationRef, paginationDispatch] =
|
|
21
|
+
const [paginationRef, paginationDispatch] = useEvent<HTMLButtonElement, PaginationNouns>()
|
|
22
22
|
|
|
23
23
|
const handleFirstPageButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {
|
|
24
24
|
paginationDispatch('firstPage', 'click', 'true')
|