@xyo-network/react-payload-plugin 3.0.7 → 3.0.9
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/components/PayloadCardActionArea.d.ts +1 -1
- package/dist/browser/components/PayloadCardActionArea.d.ts.map +1 -1
- package/dist/browser/components/PayloadCardContent.d.ts +1 -1
- package/dist/browser/components/PayloadCardContent.d.ts.map +1 -1
- package/dist/browser/components/PayloadCardHeader.d.ts.map +1 -1
- package/dist/browser/index.mjs +12 -5
- package/dist/browser/index.mjs.map +1 -1
- package/package.json +6 -6
- package/src/components/PayloadCardActionArea.tsx +2 -5
- package/src/components/PayloadCardContent.tsx +2 -3
- package/src/components/PayloadCardHeader.tsx +2 -3
|
@@ -6,5 +6,5 @@ export declare const PayloadCardActionArea: React.ForwardRefExoticComponent<Omit
|
|
|
6
6
|
ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
|
|
7
7
|
}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef"> & {
|
|
8
8
|
component?: React.ElementType;
|
|
9
|
-
}, "ref"> & React.RefAttributes<
|
|
9
|
+
}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
10
10
|
//# sourceMappingURL=PayloadCardActionArea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadCardActionArea.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardActionArea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"PayloadCardActionArea.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardActionArea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,eAAO,MAAM,qBAAqB;;;;;;mDAEhC,CAAA"}
|
|
@@ -6,5 +6,5 @@ export declare const PayloadCardContent: React.ForwardRefExoticComponent<Omit<Pa
|
|
|
6
6
|
ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
7
7
|
}, "className" | "style" | "classes" | "children" | "sx"> & {
|
|
8
8
|
component?: React.ElementType;
|
|
9
|
-
}, "ref"> & React.RefAttributes<
|
|
9
|
+
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
10
|
//# sourceMappingURL=PayloadCardContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadCardContent.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"PayloadCardContent.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,eAAO,MAAM,kBAAkB;;;;;;gDAM7B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadCardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"PayloadCardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,eAAO,MAAM,iBAAiB;;;;kNAG5B,CAAA"}
|
package/dist/browser/index.mjs
CHANGED
|
@@ -19,8 +19,11 @@ var PayloadAvatar = /* @__PURE__ */ __name(({ ...props }) => {
|
|
|
19
19
|
// src/components/PayloadCardActionArea.tsx
|
|
20
20
|
import { CardActionArea } from "@mui/material";
|
|
21
21
|
import React2, { forwardRef } from "react";
|
|
22
|
-
var PayloadCardActionArea = /* @__PURE__ */ forwardRef(({
|
|
23
|
-
return /* @__PURE__ */ React2.createElement(CardActionArea,
|
|
22
|
+
var PayloadCardActionArea = /* @__PURE__ */ forwardRef(({ payload, ...props }, ref) => {
|
|
23
|
+
return /* @__PURE__ */ React2.createElement(CardActionArea, {
|
|
24
|
+
ref,
|
|
25
|
+
...props
|
|
26
|
+
});
|
|
24
27
|
});
|
|
25
28
|
PayloadCardActionArea.displayName = "ButtonExXYLabs";
|
|
26
29
|
|
|
@@ -28,8 +31,11 @@ PayloadCardActionArea.displayName = "ButtonExXYLabs";
|
|
|
28
31
|
import { CardContent } from "@mui/material";
|
|
29
32
|
import { PayloadDetails } from "@xyo-network/react-payload-details";
|
|
30
33
|
import React3, { forwardRef as forwardRef2 } from "react";
|
|
31
|
-
var PayloadCardContent = /* @__PURE__ */ forwardRef2(({ payload, ...props }) => {
|
|
32
|
-
return /* @__PURE__ */ React3.createElement(CardContent,
|
|
34
|
+
var PayloadCardContent = /* @__PURE__ */ forwardRef2(({ payload, ...props }, ref) => {
|
|
35
|
+
return /* @__PURE__ */ React3.createElement(CardContent, {
|
|
36
|
+
ref,
|
|
37
|
+
...props
|
|
38
|
+
}, /* @__PURE__ */ React3.createElement(PayloadDetails, {
|
|
33
39
|
payload
|
|
34
40
|
}));
|
|
35
41
|
});
|
|
@@ -40,9 +46,10 @@ import { CardHeader } from "@mui/material";
|
|
|
40
46
|
import { Identicon } from "@xylabs/react-identicon";
|
|
41
47
|
import { usePayloadHash } from "@xyo-network/react-shared";
|
|
42
48
|
import React4, { forwardRef as forwardRef3 } from "react";
|
|
43
|
-
var PayloadCardHeader = /* @__PURE__ */ forwardRef3(({ payload, ...props }) => {
|
|
49
|
+
var PayloadCardHeader = /* @__PURE__ */ forwardRef3(({ payload, ...props }, ref) => {
|
|
44
50
|
const hash = usePayloadHash(payload);
|
|
45
51
|
return /* @__PURE__ */ React4.createElement(CardHeader, {
|
|
52
|
+
ref,
|
|
46
53
|
title: "Payload",
|
|
47
54
|
subheader: hash,
|
|
48
55
|
avatar: /* @__PURE__ */ React4.createElement(Identicon, {
|
|
@@ -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 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","/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { CardActionAreaProps } from '@mui/material'\nimport { CardActionArea } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\
|
|
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","/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { CardActionAreaProps } from '@mui/material'\nimport { CardActionArea } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadCardActionArea = forwardRef<HTMLButtonElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }, ref) => {\n return <CardActionArea ref={ref} {...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\nexport const PayloadCardContent = forwardRef<HTMLDivElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }, ref) => {\n return (\n <CardContent ref={ref} {...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\nexport const PayloadCardHeader = forwardRef<HTMLElement, PayloadRenderProps & CardHeaderProps>(({ payload, ...props }, ref) => {\n const hash = usePayloadHash(payload)\n return <CardHeader ref={ref} 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: { image: PayloadAvatar },\n box: {\n detailsBox: PayloadDetailsBox,\n editor: PayloadEditorBox,\n },\n card: {\n actionArea: PayloadCardActionArea,\n content: PayloadCardContent,\n header: PayloadCardHeader,\n },\n table: { cell: PayloadTableCell },\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;;;AELzE,SAASI,sBAAsB;AAC/B,OAAOC,UAASC,kBAAkB;AAI3B,IAAMC,wBAAwBD,2BAAwE,CAAC,EAAEE,SAAS,GAAGC,MAAAA,GAASC,QAAAA;AACnI,SAAO,gBAAAL,OAAA,cAACD,gBAAAA;IAAeM;IAAW,GAAGD;;AACvC,CAAA;AAEAF,sBAAsBI,cAAc;;;ACVpC,SAASC,mBAAmB;AAC5B,SAASC,sBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAI3B,IAAMC,qBAAqBD,gBAAAA,YAAkE,CAAC,EAAEE,SAAS,GAAGC,MAAAA,GAASC,QAAAA;AAC1H,SACE,gBAAAL,OAAA,cAACF,aAAAA;IAAYO;IAAW,GAAGD;KACzB,gBAAAJ,OAAA,cAACD,gBAAAA;IAAeI;;AAGtB,CAAA;AAEAD,mBAAmBI,cAAc;;;ACdjC,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAC1B,SAASC,sBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAI3B,IAAMC,oBAAoBD,gBAAAA,YAA8D,CAAC,EAAEE,SAAS,GAAGC,MAAAA,GAASC,QAAAA;AACrH,QAAMC,OAAOP,eAAeI,OAAAA;AAC5B,SAAO,gBAAAH,OAAA,cAACH,YAAAA;IAAWQ;IAAUE,OAAM;IAAUC,WAAWF;IAAMG,QAAQ,gBAAAT,OAAA,cAACF,WAAAA;MAAUY,MAAM;MAAIC,OAAOL;;IAAW,GAAGF;;AAClH,CAAA;AAEAF,kBAAkBU,cAAc;;;ACZhC,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;MAAEC,OAAOC;IAAc;IAC/BC,KAAK;MACHC,YAAYC;MACZC,QAAQC;IACV;IACAC,MAAM;MACJC,YAAYC;MACZC,SAASC;MACTC,QAAQC;IACV;IACAC,OAAO;MAAEC,MAAMC;IAAiB;EAClC;EACAC,MAAM;AACR;;;AC5BO,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","payload","props","ref","displayName","CardContent","PayloadDetails","React","forwardRef","PayloadCardContent","payload","props","ref","displayName","CardHeader","Identicon","usePayloadHash","React","forwardRef","PayloadCardHeader","payload","props","ref","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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyo-network/react-payload-plugin",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.9",
|
|
4
4
|
"description": "Common React library for all XYO projects that use React",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"xyo",
|
|
@@ -43,11 +43,11 @@
|
|
|
43
43
|
"lint-pkg": "npmPkgJsonLint ."
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@xylabs/react-flexbox": "^4.
|
|
47
|
-
"@xylabs/react-identicon": "^4.
|
|
48
|
-
"@xyo-network/payload-model": "^3.1.
|
|
49
|
-
"@xyo-network/react-payload-details": "^3.0.
|
|
50
|
-
"@xyo-network/react-shared": "^3.0.
|
|
46
|
+
"@xylabs/react-flexbox": "^4.1.2",
|
|
47
|
+
"@xylabs/react-identicon": "^4.1.2",
|
|
48
|
+
"@xyo-network/payload-model": "^3.1.5",
|
|
49
|
+
"@xyo-network/react-payload-details": "^3.0.9",
|
|
50
|
+
"@xyo-network/react-shared": "^3.0.9"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
53
|
"@emotion/react": "^11.13.3",
|
|
@@ -5,11 +5,8 @@ import React, { forwardRef } from 'react'
|
|
|
5
5
|
|
|
6
6
|
import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
ref, payload, ...props
|
|
11
|
-
}) => {
|
|
12
|
-
return <CardActionArea {...props} />
|
|
8
|
+
export const PayloadCardActionArea = forwardRef<HTMLButtonElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }, ref) => {
|
|
9
|
+
return <CardActionArea ref={ref} {...props} />
|
|
13
10
|
})
|
|
14
11
|
|
|
15
12
|
PayloadCardActionArea.displayName = 'ButtonExXYLabs'
|
|
@@ -5,10 +5,9 @@ import React, { forwardRef } from 'react'
|
|
|
5
5
|
|
|
6
6
|
import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
export const PayloadCardContent = forwardRef<HTMLElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }) => {
|
|
8
|
+
export const PayloadCardContent = forwardRef<HTMLDivElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }, ref) => {
|
|
10
9
|
return (
|
|
11
|
-
<CardContent {...props}>
|
|
10
|
+
<CardContent ref={ref} {...props}>
|
|
12
11
|
<PayloadDetails payload={payload} />
|
|
13
12
|
</CardContent>
|
|
14
13
|
)
|
|
@@ -6,10 +6,9 @@ import React, { forwardRef } from 'react'
|
|
|
6
6
|
|
|
7
7
|
import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
export const PayloadCardHeader = forwardRef<HTMLElement, PayloadRenderProps & CardHeaderProps>(({ payload, ...props }) => {
|
|
9
|
+
export const PayloadCardHeader = forwardRef<HTMLElement, PayloadRenderProps & CardHeaderProps>(({ payload, ...props }, ref) => {
|
|
11
10
|
const hash = usePayloadHash(payload)
|
|
12
|
-
return <CardHeader title="Payload" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />
|
|
11
|
+
return <CardHeader ref={ref} title="Payload" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />
|
|
13
12
|
})
|
|
14
13
|
|
|
15
14
|
PayloadCardHeader.displayName = 'PayloadCardHeader'
|