@xyo-network/react-payload-plugin 3.0.1 → 3.0.2
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/browser/index.mjs.map +1 -1
- package/package.json +9 -9
- package/src/DefaultPayloadRenderPlugin.ts +2 -2
- package/src/PayloadRenderPlugin.ts +5 -5
- package/src/components/PayloadAvatar.tsx +3 -2
- package/src/components/PayloadCardActionArea.tsx +3 -2
- package/src/components/PayloadCardContent.tsx +3 -2
- package/src/components/PayloadCardHeader.tsx +3 -2
- package/src/components/PayloadDetailsBox.tsx +2 -2
- package/src/components/PayloadEditorBox.tsx +2 -2
- package/src/components/PayloadTableCell.tsx +3 -2
- package/src/createPayloadRenderPlugin.ts +1 -1
- package/xy.config.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/PayloadAvatar.tsx","../../src/img/index.ts","../../src/components/PayloadCardActionArea.tsx","../../src/components/PayloadCardContent.tsx","../../src/components/PayloadCardHeader.tsx","../../src/components/PayloadDetailsBox.tsx","../../src/components/PayloadEditorBox.tsx","../../src/components/PayloadTableCell.tsx","../../src/DefaultPayloadRenderPlugin.ts","../../src/createPayloadRenderPlugin.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["../../src/components/PayloadAvatar.tsx","../../src/img/index.ts","../../src/components/PayloadCardActionArea.tsx","../../src/components/PayloadCardContent.tsx","../../src/components/PayloadCardHeader.tsx","../../src/components/PayloadDetailsBox.tsx","../../src/components/PayloadEditorBox.tsx","../../src/components/PayloadTableCell.tsx","../../src/DefaultPayloadRenderPlugin.ts","../../src/createPayloadRenderPlugin.ts"],"sourcesContent":["import type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport React from 'react'\n\nimport { DefaultAvatarIcon } from '../img/index.ts'\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps> = ({ ...props }) => {\n return <Avatar src={DefaultAvatarIcon} {...props} />\n}\n","export { default as DefaultAvatarIcon } from './default-256.jpg'\n","import type { CardActionAreaProps } from '@mui/material'\nimport { CardActionArea } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars, @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ ref, payload, ...props }) => {\n return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import type { CardContentProps } from '@mui/material'\nimport { CardContent } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardContent = forwardRef<HTMLElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }) => {\n return (\n <CardContent {...props}>\n <PayloadDetails payload={payload} />\n </CardContent>\n )\n})\n\nPayloadCardContent.displayName = 'PayloadCardContent'\n","import type { CardHeaderProps } from '@mui/material'\nimport { CardHeader } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport React, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardHeader = forwardRef<HTMLElement, PayloadRenderProps & CardHeaderProps>(({ payload, ...props }) => {\n const hash = usePayloadHash(payload)\n return <CardHeader title=\"Payload\" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />\n})\n\nPayloadCardHeader.displayName = 'PayloadCardHeader'\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport type { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n return <PayloadDetails {...props} />\n}\n","import type { TableCellProps } from '@mui/material'\nimport { TableCell, Typography } from '@mui/material'\nimport React from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// DEFAULT IF DONT KNOW WHAT TO RENDER\nexport const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps> = ({ payload, ...props }) => {\n return (\n <TableCell {...props}>\n <Typography>{payload?.schema}</Typography>\n </TableCell>\n )\n}\n","import type { Payload } from '@xyo-network/payload-model'\n\nimport {\n PayloadAvatar,\n PayloadCardActionArea,\n PayloadCardContent,\n PayloadCardHeader,\n PayloadDetailsBox,\n PayloadEditorBox,\n PayloadTableCell,\n} from './components/index.ts'\nimport type { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'\n\nexport const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {\n canRender: function (payload?: Payload): boolean {\n return !!payload?.schema\n },\n components: {\n avatar: {\n image: PayloadAvatar,\n },\n box: {\n detailsBox: PayloadDetailsBox,\n editor: PayloadEditorBox,\n },\n card: {\n actionArea: PayloadCardActionArea,\n content: PayloadCardContent,\n header: PayloadCardHeader,\n },\n table: {\n cell: PayloadTableCell,\n },\n },\n name: 'Payload',\n}\n","import { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.ts'\nimport type { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n return { ...DefaultPayloadRenderPlugin, ...plugin } as PayloadRenderPlugin\n}\n"],"mappings":";;;;AACA,SAASA,cAAc;AACvB,OAAOC,WAAW;;;ACFlB,SAAoBC,WAAXC,gBAAoC;;;ADOtC,IAAMC,gBAA4D,wBAAC,EAAE,GAAGC,MAAAA,MAAO;AACpF,SAAO,sBAAA,cAACC,QAAAA;IAAOC,KAAKC;IAAoB,GAAGH;;AAC7C,GAFyE;;;AENzE,SAASI,sBAAsB;AAC/B,OAAOC,UAASC,kBAAkB;AAK3B,IAAMC,wBAAwBD,2BAAqE,CAAC,EAAEE,KAAKC,SAAS,GAAGC,MAAAA,MAAO;AACnI,SAAO,gBAAAL,OAAA,cAACD,gBAAmBM,KAAAA;AAC7B,CAAA;AAEAH,sBAAsBI,cAAc;;;ACVpC,SAASC,mBAAmB;AAC5B,SAASC,sBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAK3B,IAAMC,qBAAqBD,gBAAAA,YAA+D,CAAC,EAAEE,SAAS,GAAGC,MAAAA,MAAO;AACrH,SACE,gBAAAJ,OAAA,cAACF,aAAgBM,OACf,gBAAAJ,OAAA,cAACD,gBAAAA;IAAeI;;AAGtB,CAAA;AAEAD,mBAAmBG,cAAc;;;ACfjC,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAC1B,SAASC,sBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAK3B,IAAMC,oBAAoBD,gBAAAA,YAA8D,CAAC,EAAEE,SAAS,GAAGC,MAAAA,MAAO;AACnH,QAAMC,OAAON,eAAeI,OAAAA;AAC5B,SAAO,gBAAAH,OAAA,cAACH,YAAAA;IAAWS,OAAM;IAAUC,WAAWF;IAAMG,QAAQ,gBAAAR,OAAA,cAACF,WAAAA;MAAUW,MAAM;MAAIC,OAAOL;;IAAW,GAAGD;;AACxG,CAAA;AAEAF,kBAAkBS,cAAc;;;ACbhC,SAASC,kBAAAA,uBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAIlC,IAAMC,oBAAoBD,gBAAAA,YAA8D,CAACE,OAAOC,QAAAA;AAC9F,SAAO,gBAAAJ,OAAA,cAACD,iBAAAA;IAAeK;IAAW,GAAGD;;AACvC,CAAA;AAEAD,kBAAkBG,cAAc;;;ACThC,SAASC,kBAAAA,uBAAsB;AAC/B,OAAOC,YAAW;AAIX,IAAMC,mBAAsE,wBAACC,UAAAA;AAClF,SAAO,gBAAAC,OAAA,cAACC,iBAAmBF,KAAAA;AAC7B,GAFmF;;;ACLnF,SAASG,WAAWC,kBAAkB;AACtC,OAAOC,YAAW;AAKX,IAAMC,mBAAkE,wBAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AACnG,SACE,gBAAAC,OAAA,cAACC,WAAcF,OACb,gBAAAC,OAAA,cAACE,YAAAA,MAAYJ,SAASK,MAAAA,CAAAA;AAG5B,GAN+E;;;ACMxE,IAAMC,6BAAkD;EAC7DC,WAAW,gCAAUC,SAAiB;AACpC,WAAO,CAAC,CAACA,SAASC;EACpB,GAFW;EAGXC,YAAY;IACVC,QAAQ;MACNC,OAAOC;IACT;IACAC,KAAK;MACHC,YAAYC;MACZC,QAAQC;IACV;IACAC,MAAM;MACJC,YAAYC;MACZC,SAASC;MACTC,QAAQC;IACV;IACAC,OAAO;MACLC,MAAMC;IACR;EACF;EACAC,MAAM;AACR;;;AChCO,IAAMC,4BAA4B,wBAACC,WAAAA;AACxC,SAAO;IAAE,GAAGC;IAA4B,GAAGD;EAAO;AACpD,GAFyC;","names":["Avatar","React","DefaultAvatarIcon","default","PayloadAvatar","props","Avatar","src","DefaultAvatarIcon","CardActionArea","React","forwardRef","PayloadCardActionArea","ref","payload","props","displayName","CardContent","PayloadDetails","React","forwardRef","PayloadCardContent","payload","props","displayName","CardHeader","Identicon","usePayloadHash","React","forwardRef","PayloadCardHeader","payload","props","hash","title","subheader","avatar","size","value","displayName","PayloadDetails","React","forwardRef","PayloadDetailsBox","props","ref","displayName","PayloadDetails","React","PayloadEditorBox","props","React","PayloadDetails","TableCell","Typography","React","PayloadTableCell","payload","props","React","TableCell","Typography","schema","DefaultPayloadRenderPlugin","canRender","payload","schema","components","avatar","image","PayloadAvatar","box","detailsBox","PayloadDetailsBox","editor","PayloadEditorBox","card","actionArea","PayloadCardActionArea","content","PayloadCardContent","header","PayloadCardHeader","table","cell","PayloadTableCell","name","createPayloadRenderPlugin","plugin","DefaultPayloadRenderPlugin"]}
|
package/package.json
CHANGED
|
@@ -7,17 +7,17 @@
|
|
|
7
7
|
},
|
|
8
8
|
"bugs": {
|
|
9
9
|
"email": "support@xyo.network",
|
|
10
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
|
|
10
|
+
"url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@xylabs/react-flexbox": "^4.0.
|
|
14
|
-
"@xylabs/react-identicon": "^4.0.
|
|
15
|
-
"@xyo-network/payload-model": "^3.0.
|
|
16
|
-
"@xyo-network/react-payload-details": "^3.0.
|
|
17
|
-
"@xyo-network/react-shared": "^3.0.
|
|
13
|
+
"@xylabs/react-flexbox": "^4.0.3",
|
|
14
|
+
"@xylabs/react-identicon": "^4.0.3",
|
|
15
|
+
"@xyo-network/payload-model": "^3.0.3",
|
|
16
|
+
"@xyo-network/react-payload-details": "^3.0.2",
|
|
17
|
+
"@xyo-network/react-shared": "^3.0.2"
|
|
18
18
|
},
|
|
19
19
|
"devDependencies": {
|
|
20
|
-
"@xylabs/ts-scripts-yarn3": "^4.0.0-rc.
|
|
20
|
+
"@xylabs/ts-scripts-yarn3": "^4.0.0-rc.20",
|
|
21
21
|
"typescript": "^5.5.4"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
},
|
|
57
57
|
"repository": {
|
|
58
58
|
"type": "git",
|
|
59
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
|
|
59
|
+
"url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
|
|
60
60
|
},
|
|
61
61
|
"scripts": {
|
|
62
62
|
"lint-pkg": "npmPkgJsonLint .",
|
|
@@ -64,6 +64,6 @@
|
|
|
64
64
|
},
|
|
65
65
|
"sideEffects": false,
|
|
66
66
|
"types": "dist/browser/index.d.ts",
|
|
67
|
-
"version": "3.0.
|
|
67
|
+
"version": "3.0.2",
|
|
68
68
|
"type": "module"
|
|
69
69
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Payload } from '@xyo-network/payload-model'
|
|
1
|
+
import type { Payload } from '@xyo-network/payload-model'
|
|
2
2
|
|
|
3
3
|
import {
|
|
4
4
|
PayloadAvatar,
|
|
@@ -9,7 +9,7 @@ import {
|
|
|
9
9
|
PayloadEditorBox,
|
|
10
10
|
PayloadTableCell,
|
|
11
11
|
} from './components/index.ts'
|
|
12
|
-
import { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'
|
|
12
|
+
import type { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'
|
|
13
13
|
|
|
14
14
|
export const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {
|
|
15
15
|
canRender: function (payload?: Payload): boolean {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type {
|
|
2
2
|
AvatarProps,
|
|
3
3
|
CardActionAreaProps,
|
|
4
4
|
CardContentProps,
|
|
@@ -8,10 +8,10 @@ import {
|
|
|
8
8
|
MenuListProps,
|
|
9
9
|
TableCellProps,
|
|
10
10
|
} from '@mui/material'
|
|
11
|
-
import { FlexBoxProps } from '@xylabs/react-flexbox'
|
|
12
|
-
import { Payload } from '@xyo-network/payload-model'
|
|
13
|
-
import { ListMode } from '@xyo-network/react-shared'
|
|
14
|
-
import { ComponentType, ForwardRefExoticComponent, PropsWithoutRef } from 'react'
|
|
11
|
+
import type { FlexBoxProps } from '@xylabs/react-flexbox'
|
|
12
|
+
import type { Payload } from '@xyo-network/payload-model'
|
|
13
|
+
import type { ListMode } from '@xyo-network/react-shared'
|
|
14
|
+
import type { ComponentType, ForwardRefExoticComponent, PropsWithoutRef } from 'react'
|
|
15
15
|
|
|
16
16
|
export interface PayloadRenderProps<T extends Payload = Payload> {
|
|
17
17
|
payload?: T
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { AvatarProps } from '@mui/material'
|
|
2
|
+
import { Avatar } from '@mui/material'
|
|
2
3
|
import React from 'react'
|
|
3
4
|
|
|
4
5
|
import { DefaultAvatarIcon } from '../img/index.ts'
|
|
5
|
-
import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
|
|
6
|
+
import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
|
|
6
7
|
|
|
7
8
|
export const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps> = ({ ...props }) => {
|
|
8
9
|
return <Avatar src={DefaultAvatarIcon} {...props} />
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { CardActionAreaProps } from '@mui/material'
|
|
2
|
+
import { CardActionArea } from '@mui/material'
|
|
2
3
|
import React, { forwardRef } from 'react'
|
|
3
4
|
|
|
4
|
-
import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
|
|
5
|
+
import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
|
|
5
6
|
|
|
6
7
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars, @eslint-react/ensure-forward-ref-using-ref
|
|
7
8
|
export const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ ref, payload, ...props }) => {
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { CardContentProps } from '@mui/material'
|
|
2
|
+
import { CardContent } from '@mui/material'
|
|
2
3
|
import { PayloadDetails } from '@xyo-network/react-payload-details'
|
|
3
4
|
import React, { forwardRef } from 'react'
|
|
4
5
|
|
|
5
|
-
import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
|
|
6
|
+
import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
|
|
6
7
|
|
|
7
8
|
// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref
|
|
8
9
|
export const PayloadCardContent = forwardRef<HTMLElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }) => {
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { CardHeaderProps } from '@mui/material'
|
|
2
|
+
import { CardHeader } from '@mui/material'
|
|
2
3
|
import { Identicon } from '@xylabs/react-identicon'
|
|
3
4
|
import { usePayloadHash } from '@xyo-network/react-shared'
|
|
4
5
|
import React, { forwardRef } from 'react'
|
|
5
6
|
|
|
6
|
-
import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
|
|
7
|
+
import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
|
|
7
8
|
|
|
8
9
|
// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref
|
|
9
10
|
export const PayloadCardHeader = forwardRef<HTMLElement, PayloadRenderProps & CardHeaderProps>(({ payload, ...props }) => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { FlexBoxProps } from '@xylabs/react-flexbox'
|
|
1
|
+
import type { FlexBoxProps } from '@xylabs/react-flexbox'
|
|
2
2
|
import { PayloadDetails } from '@xyo-network/react-payload-details'
|
|
3
3
|
import React, { forwardRef } from 'react'
|
|
4
4
|
|
|
5
|
-
import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
|
|
5
|
+
import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
|
|
6
6
|
|
|
7
7
|
const PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {
|
|
8
8
|
return <PayloadDetails ref={ref} {...props} />
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { FlexBoxProps } from '@xylabs/react-flexbox'
|
|
1
|
+
import type { FlexBoxProps } from '@xylabs/react-flexbox'
|
|
2
2
|
import { PayloadDetails } from '@xyo-network/react-payload-details'
|
|
3
3
|
import React from 'react'
|
|
4
4
|
|
|
5
|
-
import { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts'
|
|
5
|
+
import type { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts'
|
|
6
6
|
|
|
7
7
|
export const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {
|
|
8
8
|
return <PayloadDetails {...props} />
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { TableCellProps } from '@mui/material'
|
|
2
|
+
import { TableCell, Typography } from '@mui/material'
|
|
2
3
|
import React from 'react'
|
|
3
4
|
|
|
4
|
-
import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
|
|
5
|
+
import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
|
|
5
6
|
|
|
6
7
|
// DEFAULT IF DONT KNOW WHAT TO RENDER
|
|
7
8
|
export const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps> = ({ payload, ...props }) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.ts'
|
|
2
|
-
import { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts'
|
|
2
|
+
import type { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts'
|
|
3
3
|
|
|
4
4
|
export const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {
|
|
5
5
|
return { ...DefaultPayloadRenderPlugin, ...plugin } as PayloadRenderPlugin
|
package/xy.config.ts
CHANGED