@xyo-network/react-payload 2.26.55 → 2.26.58
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 +1 -0
- package/dist/cjs/components/Table/Table.d.ts.map +1 -1
- package/dist/cjs/components/Table/Table.js +2 -2
- package/dist/cjs/components/Table/Table.js.map +1 -1
- package/dist/cjs/hooks/useLoadPayload.d.ts.map +1 -1
- package/dist/cjs/hooks/useLoadPayload.js +0 -1
- package/dist/cjs/hooks/useLoadPayload.js.map +1 -1
- package/dist/docs.json +217 -195
- package/dist/esm/components/Table/Table.d.ts +1 -0
- package/dist/esm/components/Table/Table.d.ts.map +1 -1
- package/dist/esm/components/Table/Table.js +2 -2
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/hooks/useLoadPayload.d.ts.map +1 -1
- package/dist/esm/hooks/useLoadPayload.js +0 -1
- package/dist/esm/hooks/useLoadPayload.js.map +1 -1
- package/package.json +10 -10
- package/src/components/Table/Table.tsx +3 -0
- package/src/hooks/useLoadPayload.tsx +0 -1
|
@@ -4,6 +4,7 @@ import { XyoPayload } from '@xyo-network/payload';
|
|
|
4
4
|
import { PayloadTableColumnConfig } from './PayloadTableColumnConfig';
|
|
5
5
|
export interface PayloadTableProps extends TableProps {
|
|
6
6
|
exploreDomain?: string;
|
|
7
|
+
archive?: string;
|
|
7
8
|
onRowClick?: (value: XyoPayload) => void;
|
|
8
9
|
payloads?: XyoPayload[] | null;
|
|
9
10
|
columns?: PayloadTableColumnConfig;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiD,UAAU,EAAwB,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAA;AAGpE,OAAO,EAAsB,wBAAwB,EAAoC,MAAM,4BAA4B,CAAA;AAG3H,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,wBAAwB,CAAA;CACnC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiD,UAAU,EAAwB,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAA;AAGpE,OAAO,EAAsB,wBAAwB,EAAoC,MAAM,4BAA4B,CAAA;AAG3H,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,wBAAwB,CAAA;CACnC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwDpD,CAAA"}
|
|
@@ -5,13 +5,13 @@ import { XyoPayloadWrapper } from '@xyo-network/payload';
|
|
|
5
5
|
import { XyoApiThrownErrorBoundary } from '@xyo-network/react-auth-service';
|
|
6
6
|
import { payloadColumnNames, payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig';
|
|
7
7
|
import { PayloadTableRow } from './TableRow';
|
|
8
|
-
export const PayloadTable = ({ exploreDomain, onRowClick, payloads, children, columns = payloadTableColumnConfigDefaults(), ...props }) => {
|
|
8
|
+
export const PayloadTable = ({ exploreDomain, archive, onRowClick, payloads, children, columns = payloadTableColumnConfigDefaults(), ...props }) => {
|
|
9
9
|
const breakPoint = useBreakpoint();
|
|
10
10
|
return breakPoint ? (_jsxs(Table, { ...props, children: [_jsx(TableHead, { children: _jsx(TableRow, { children: columns[breakPoint]?.map((column, index) => {
|
|
11
11
|
return (_jsx(TableCell, { width: index === 0 ? '100%' : undefined, align: index === 0 ? 'left' : 'center', children: _jsx(Typography, { variant: "caption", noWrap: true, children: _jsx("strong", { children: payloadColumnNames[column] }) }) }, index));
|
|
12
12
|
}) }) }), _jsxs(TableBody, { children: [payloads?.map((payload, index) => {
|
|
13
13
|
const wrapper = new XyoPayloadWrapper(payload);
|
|
14
|
-
return (_jsx(XyoApiThrownErrorBoundary, { errorComponent: (e) => (_jsxs(Alert, { severity: "error", children: ["Error Loading Payload: ", _jsx(Typography, { fontWeight: "bold", children: e.message })] })), children: _jsx(PayloadTableRow, { onClick: onRowClick
|
|
14
|
+
return (_jsx(XyoApiThrownErrorBoundary, { errorComponent: (e) => (_jsxs(Alert, { severity: "error", children: ["Error Loading Payload: ", _jsx(Typography, { fontWeight: "bold", children: e.message })] })), children: _jsx(PayloadTableRow, { archive: archive, onClick: onRowClick
|
|
15
15
|
? () => {
|
|
16
16
|
onRowClick(payload);
|
|
17
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAc,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/G,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAc,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAE3E,OAAO,EAAE,kBAAkB,EAA4B,gCAAgC,EAAE,MAAM,4BAA4B,CAAA;AAC3H,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAc,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/G,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAc,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAE3E,OAAO,EAAE,kBAAkB,EAA4B,gCAAgC,EAAE,MAAM,4BAA4B,CAAA;AAC3H,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAU5C,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,aAAa,EACb,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,gCAAgC,EAAE,EAC5C,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,MAAC,KAAK,OAAK,KAAK,aACd,KAAC,SAAS,cACR,KAAC,QAAQ,cACN,OAAO,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;wBAC1C,OAAO,CACL,KAAC,SAAS,IAAa,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,YACpG,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,MAAM,kBAClC,2BAAS,kBAAkB,CAAC,MAAM,CAAC,GAAU,GAClC,IAHC,KAAK,CAIT,CACb,CAAA;oBACH,CAAC,CAAC,GACO,GACD,EACZ,MAAC,SAAS,eACP,QAAQ,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;wBAChC,MAAM,OAAO,GAAG,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAA;wBAC9C,OAAO,CACL,KAAC,yBAAyB,IAExB,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,OAAO,EAAE,OAAO,EAChB,OAAO,EACL,UAAU;oCACR,CAAC,CAAC,GAAG,EAAE;wCACH,UAAU,CAAC,OAAO,CAAC,CAAA;oCACrB,CAAC;oCACH,CAAC,CAAC,SAAS,EAEf,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,GAChB,IAlBG,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,EAAE,CAmBL,CAC7B,CAAA;oBACH,CAAC,CAAC,EACD,QAAQ,IACC,IACN,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLoadPayload.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLoadPayload.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"useLoadPayload.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLoadPayload.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,eAAO,MAAM,cAAc,UAAW,MAAM,eAiD3C,CAAA"}
|
|
@@ -2,7 +2,6 @@ import { useAsyncEffect } from '@xylabs/react-shared';
|
|
|
2
2
|
import { useArchive } from '@xyo-network/react-archive';
|
|
3
3
|
import { useArchivistApi } from '@xyo-network/react-archivist-api';
|
|
4
4
|
import { useEffect, useState } from 'react';
|
|
5
|
-
// I hate this name, would prefer loadPayload, but need use prefix to make it a 'hook'
|
|
6
5
|
export const useLoadPayload = (hash) => {
|
|
7
6
|
const { api } = useArchivistApi();
|
|
8
7
|
const { archive } = useArchive();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLoadPayload.js","sourceRoot":"","sources":["../../../src/hooks/useLoadPayload.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAI3C,
|
|
1
|
+
{"version":3,"file":"useLoadPayload.js","sourceRoot":"","sources":["../../../src/hooks/useLoadPayload.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAI3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAa,EAAc,EAAE;IAC1D,MAAM,EAAE,GAAG,EAAE,GAAG,eAAe,EAAE,CAAA;IACjC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAU,CAAA;IACpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAW,CAAA;IACnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAe,CAAA;IACvD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAc,CAAA;IAEpD,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,UAAU,CAAC,SAAS,CAAC,CAAA;QACrB,WAAW,CAAC,SAAS,CAAC,CAAA;QACtB,WAAW,CAAC,SAAS,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,mDAAmD;IACnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,YAAY,CAAC,IAAI,CAAC,CAAA;YAClB,KAAK,EAAE,CAAA;SACR;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAA;IAErB,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI,GAAG,IAAI,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,KAAK,SAAS,EAAE;YACtE,KAAK,EAAE,CAAA;YACP,IAAI;gBACF,MAAM,MAAM,GAAG,MAAM,GAAG,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,CAAA;gBACxE,IAAI,OAAO,EAAE,EAAE;oBACb,IAAI,MAAM,EAAE,MAAM,EAAE;wBAClB,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;wBACrB,WAAW,CAAC,KAAK,CAAC,CAAA;qBACnB;yBAAM,IAAI,MAAM,EAAE,MAAM,KAAK,CAAC,EAAE;wBAC/B,WAAW,CAAC,IAAI,CAAC,CAAA;wBACjB,UAAU,CAAC,SAAS,CAAC,CAAA;qBACtB;iBACF;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,KAAK,EAAE,CAAA;gBACP,WAAW,CAAC,KAAK,CAAC,CAAA;gBAClB,WAAW,CAAC,CAAgB,CAAC,CAAA;gBAC7B,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;aACjB;SACF;IACH,CAAC,EACD,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC,CACnD,CAAA;IACD,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;AACtC,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
"@xyo-network/api": "^2.22.26",
|
|
22
22
|
"@xyo-network/network": "^2.22.26",
|
|
23
23
|
"@xyo-network/payload": "^2.22.26",
|
|
24
|
-
"@xyo-network/react-archive": "^2.26.
|
|
25
|
-
"@xyo-network/react-archivist": "^2.26.
|
|
26
|
-
"@xyo-network/react-archivist-api": "^2.26.
|
|
27
|
-
"@xyo-network/react-auth-service": "^2.26.
|
|
28
|
-
"@xyo-network/react-network": "^2.26.
|
|
29
|
-
"@xyo-network/react-property": "^2.26.
|
|
30
|
-
"@xyo-network/react-schema": "^2.26.
|
|
31
|
-
"@xyo-network/react-shared": "^2.26.
|
|
24
|
+
"@xyo-network/react-archive": "^2.26.58",
|
|
25
|
+
"@xyo-network/react-archivist": "^2.26.58",
|
|
26
|
+
"@xyo-network/react-archivist-api": "^2.26.58",
|
|
27
|
+
"@xyo-network/react-auth-service": "^2.26.58",
|
|
28
|
+
"@xyo-network/react-network": "^2.26.58",
|
|
29
|
+
"@xyo-network/react-property": "^2.26.58",
|
|
30
|
+
"@xyo-network/react-schema": "^2.26.58",
|
|
31
|
+
"@xyo-network/react-shared": "^2.26.58",
|
|
32
32
|
"@xyo-network/utils": "^2.22.26",
|
|
33
33
|
"luxon": "^3.0.1",
|
|
34
34
|
"react": "^18.2.0",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"@storybook/react": "^6.5.9",
|
|
43
43
|
"@types/luxon": "^3.0.0",
|
|
44
44
|
"@xylabs/tsconfig-dom": "^2.5.11",
|
|
45
|
-
"@xyo-network/react-storybook": "^2.26.
|
|
45
|
+
"@xyo-network/react-storybook": "^2.26.58"
|
|
46
46
|
},
|
|
47
47
|
"browser": "dist/esm/index.js",
|
|
48
48
|
"docs": "dist/docs.json",
|
|
@@ -93,5 +93,5 @@
|
|
|
93
93
|
},
|
|
94
94
|
"sideEffects": false,
|
|
95
95
|
"types": "dist/esm/index.d.ts",
|
|
96
|
-
"version": "2.26.
|
|
96
|
+
"version": "2.26.58"
|
|
97
97
|
}
|
|
@@ -8,6 +8,7 @@ import { PayloadTableRow } from './TableRow'
|
|
|
8
8
|
|
|
9
9
|
export interface PayloadTableProps extends TableProps {
|
|
10
10
|
exploreDomain?: string
|
|
11
|
+
archive?: string
|
|
11
12
|
onRowClick?: (value: XyoPayload) => void
|
|
12
13
|
payloads?: XyoPayload[] | null
|
|
13
14
|
columns?: PayloadTableColumnConfig
|
|
@@ -15,6 +16,7 @@ export interface PayloadTableProps extends TableProps {
|
|
|
15
16
|
|
|
16
17
|
export const PayloadTable: React.FC<PayloadTableProps> = ({
|
|
17
18
|
exploreDomain,
|
|
19
|
+
archive,
|
|
18
20
|
onRowClick,
|
|
19
21
|
payloads,
|
|
20
22
|
children,
|
|
@@ -50,6 +52,7 @@ export const PayloadTable: React.FC<PayloadTableProps> = ({
|
|
|
50
52
|
)}
|
|
51
53
|
>
|
|
52
54
|
<PayloadTableRow
|
|
55
|
+
archive={archive}
|
|
53
56
|
onClick={
|
|
54
57
|
onRowClick
|
|
55
58
|
? () => {
|
|
@@ -7,7 +7,6 @@ import { useEffect, useState } from 'react'
|
|
|
7
7
|
|
|
8
8
|
import { UsePayload } from './ResolvePayloadArgs'
|
|
9
9
|
|
|
10
|
-
// I hate this name, would prefer loadPayload, but need use prefix to make it a 'hook'
|
|
11
10
|
export const useLoadPayload = (hash?: string): UsePayload => {
|
|
12
11
|
const { api } = useArchivistApi()
|
|
13
12
|
const { archive } = useArchive()
|