@xyo-network/react-payload-plugin 4.4.11 → 5.0.0-rc.2

package/dist/browser/index.mjs

@@ -18,35 +18,35 @@ var PayloadAvatar = /* @__PURE__ */ __name(({ ...props }) => {
 
 // src/components/PayloadCardActionArea.tsx
 import { CardActionArea } from "@mui/material";
-import React2, { forwardRef } from "react";
-var PayloadCardActionArea = /* @__PURE__ */ forwardRef(({ payload, ...props }, ref) => {
+import React2 from "react";
+var PayloadCardActionArea = /* @__PURE__ */ __name(({ ref, payload, ...props }) => {
   return /* @__PURE__ */ React2.createElement(CardActionArea, {
     ref,
     ...props
   });
-});
+}, "PayloadCardActionArea");
 PayloadCardActionArea.displayName = "ButtonExXYLabs";
 
 // src/components/PayloadCardContent.tsx
 import { CardContent } from "@mui/material";
 import { PayloadDetails } from "@xyo-network/react-payload-details";
-import React3, { forwardRef as forwardRef2 } from "react";
-var PayloadCardContent = /* @__PURE__ */ forwardRef2(({ payload, ...props }, ref) => {
+import React3 from "react";
+var PayloadCardContent = /* @__PURE__ */ __name(({ ref, payload, ...props }) => {
   return /* @__PURE__ */ React3.createElement(CardContent, {
     ref,
     ...props
   }, /* @__PURE__ */ React3.createElement(PayloadDetails, {
     payload
   }));
-});
+}, "PayloadCardContent");
 PayloadCardContent.displayName = "PayloadCardContent";
 
 // src/components/PayloadCardHeader.tsx
 import { CardHeader } from "@mui/material";
 import { Identicon } from "@xylabs/react-identicon";
 import { usePayloadHash } from "@xyo-network/react-shared";
-import React4, { forwardRef as forwardRef3 } from "react";
-var PayloadCardHeader = /* @__PURE__ */ forwardRef3(({ payload, ...props }, ref) => {
+import React4 from "react";
+var PayloadCardHeader = /* @__PURE__ */ __name(({ ref, payload, ...props }) => {
   const hash = usePayloadHash(payload);
   return /* @__PURE__ */ React4.createElement(CardHeader, {
     ref,
@@ -58,18 +58,18 @@ var PayloadCardHeader = /* @__PURE__ */ forwardRef3(({ payload, ...props }, ref)
     }),
     ...props
   });
-});
+}, "PayloadCardHeader");
 PayloadCardHeader.displayName = "PayloadCardHeader";
 
 // src/components/PayloadDetailsBox.tsx
 import { PayloadDetails as PayloadDetails2 } from "@xyo-network/react-payload-details";
-import React5, { forwardRef as forwardRef4 } from "react";
-var PayloadDetailsBox = /* @__PURE__ */ forwardRef4((props, ref) => {
+import React5 from "react";
+var PayloadDetailsBox = /* @__PURE__ */ __name(({ ref, ...props }) => {
   return /* @__PURE__ */ React5.createElement(PayloadDetails2, {
     ref,
     ...props
   });
-});
+}, "PayloadDetailsBox");
 PayloadDetailsBox.displayName = "PayloadDetailsBox";
 
 // src/components/PayloadEditorBox.tsx

package/dist/browser/index.mjs.map

@@ -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\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"]}
+{"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 = ({\n  ref, payload, ...props\n}: PayloadRenderProps & CardActionAreaProps & { ref?: React.RefObject<HTMLButtonElement | null> }) => {\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 from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadCardContent = ({\n  ref, payload, ...props\n}: PayloadRenderProps & CardContentProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {\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 from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadCardHeader = ({\n  ref, payload, ...props\n}: PayloadRenderProps & CardHeaderProps & { ref?: React.RefObject<HTMLElement | null> }) => {\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 from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nconst PayloadDetailsBox = ({ ref, ...props }: PayloadRenderProps & FlexBoxProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {\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,YAA2B;AAI3B,IAAMC,wBAAwB,wBAAC,EACpCC,KAAKC,SAAS,GAAGC,MAAAA,MAC8E;AAC/F,SAAO,gBAAAC,OAAA,cAACC,gBAAAA;IAAeJ;IAAW,GAAGE;;AACvC,GAJqC;AAMrCH,sBAAsBM,cAAc;;;ACZpC,SAASC,mBAAmB;AAC5B,SAASC,sBAAsB;AAC/B,OAAOC,YAAW;AAIX,IAAMC,qBAAqB,wBAAC,EACjCC,KAAKC,SAAS,GAAGC,MAAAA,MACwE;AACzF,SACE,gBAAAC,OAAA,cAACC,aAAAA;IAAYJ;IAAW,GAAGE;KACzB,gBAAAC,OAAA,cAACE,gBAAAA;IAAeJ;;AAGtB,GARkC;AAUlCF,mBAAmBO,cAAc;;;AChBjC,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAC1B,SAASC,sBAAsB;AAC/B,OAAOC,YAAW;AAIX,IAAMC,oBAAoB,wBAAC,EAChCC,KAAKC,SAAS,GAAGC,MAAAA,MACoE;AACrF,QAAMC,OAAOC,eAAeH,OAAAA;AAC5B,SAAO,gBAAAI,OAAA,cAACC,YAAAA;IAAWN;IAAUO,OAAM;IAAUC,WAAWL;IAAMM,QAAQ,gBAAAJ,OAAA,cAACK,WAAAA;MAAUC,MAAM;MAAIC,OAAOT;;IAAW,GAAGD;;AAClH,GALiC;AAOjCH,kBAAkBc,cAAc;;;ACdhC,SAASC,kBAAAA,uBAAsB;AAC/B,OAAOC,YAAW;AAIlB,IAAMC,oBAAoB,wBAAC,EAAEC,KAAK,GAAGC,MAAAA,MAA6F;AAChI,SAAO,gBAAAC,OAAA,cAACC,iBAAAA;IAAeH;IAAW,GAAGC;;AACvC,GAF0B;AAI1BF,kBAAkBK,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","PayloadCardActionArea","ref","payload","props","React","CardActionArea","displayName","CardContent","PayloadDetails","React","PayloadCardContent","ref","payload","props","React","CardContent","PayloadDetails","displayName","CardHeader","Identicon","usePayloadHash","React","PayloadCardHeader","ref","payload","props","hash","usePayloadHash","React","CardHeader","title","subheader","avatar","Identicon","size","value","displayName","PayloadDetails","React","PayloadDetailsBox","ref","props","React","PayloadDetails","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/dist/types/components/PayloadCardActionArea.d.ts

@@ -0,0 +1,10 @@
+import type { CardActionAreaProps } from '@mui/material';
+import React from 'react';
+import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
+export declare const PayloadCardActionArea: {
+    ({ ref, payload, ...props }: PayloadRenderProps & CardActionAreaProps & {
+        ref?: React.RefObject<HTMLButtonElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=PayloadCardActionArea.d.ts.map

package/dist/types/components/PayloadCardActionArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadCardActionArea.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardActionArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAExD,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,eAAO,MAAM,qBAAqB;iCAE/B,kBAAkB,GAAG,mBAAmB,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;KAAE;;CAEhG,CAAA"}

package/dist/types/components/PayloadCardContent.d.ts

@@ -0,0 +1,10 @@
+import type { CardContentProps } from '@mui/material';
+import React from 'react';
+import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
+export declare const PayloadCardContent: {
+    ({ ref, payload, ...props }: PayloadRenderProps & CardContentProps & {
+        ref?: React.RefObject<HTMLDivElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=PayloadCardContent.d.ts.map

package/dist/types/components/PayloadCardContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadCardContent.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAGrD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,eAAO,MAAM,kBAAkB;iCAE5B,kBAAkB,GAAG,gBAAgB,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAM1F,CAAA"}

package/dist/types/components/PayloadCardHeader.d.ts

@@ -0,0 +1,10 @@
+import type { CardHeaderProps } from '@mui/material';
+import React from 'react';
+import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
+export declare const PayloadCardHeader: {
+    ({ ref, payload, ...props }: PayloadRenderProps & CardHeaderProps & {
+        ref?: React.RefObject<HTMLElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=PayloadCardHeader.d.ts.map

package/dist/types/components/PayloadCardHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadCardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAIpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,eAAO,MAAM,iBAAiB;iCAE3B,kBAAkB,GAAG,eAAe,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;KAAE;;CAGtF,CAAA"}

package/dist/types/components/PayloadDetailsBox.d.ts

@@ -0,0 +1,11 @@
+import type { FlexBoxProps } from '@xylabs/react-flexbox';
+import React from 'react';
+import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
+declare const PayloadDetailsBox: {
+    ({ ref, ...props }: PayloadRenderProps & FlexBoxProps & {
+        ref?: React.RefObject<HTMLDivElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { PayloadDetailsBox };
+//# sourceMappingURL=PayloadDetailsBox.d.ts.map

package/dist/types/components/PayloadDetailsBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadDetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDetailsBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,QAAA,MAAM,iBAAiB;wBAAuB,kBAAkB,GAAG,YAAY,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAEjI,CAAA;AAGD,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-payload-plugin",
-  "version": "4.4.11",
+  "version": "5.0.0-rc.2",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -28,10 +28,10 @@
   "exports": {
     ".": {
       "browser": {
-        "types": "./dist/browser/index.d.ts",
+        "types": "./dist/types/index.d.ts",
         "default": "./dist/browser/index.mjs"
       },
-      "types": "./dist/browser/index.d.ts",
+      "types": "./dist/types/index.d.ts",
       "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
@@ -43,21 +43,22 @@
     "lint-pkg": "npmPkgJsonLint ."
   },
   "dependencies": {
-    "@xylabs/react-flexbox": "^5.3.25",
-    "@xylabs/react-identicon": "^5.3.25",
-    "@xyo-network/payload-model": "^3.9.25",
-    "@xyo-network/react-payload-details": "^4.4.11",
-    "@xyo-network/react-shared": "^4.4.11"
+    "@xylabs/react-flexbox": "^6.0.0-rc.2",
+    "@xylabs/react-identicon": "^6.0.0-rc.2",
+    "@xyo-network/payload-model": "^3.9.35",
+    "@xyo-network/react-payload-details": "^5.0.0-rc.2",
+    "@xyo-network/react-shared": "^5.0.0-rc.2"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^6.4.6",
-    "@mui/material": "^6.4.6",
-    "@mui/styles": "^6.4.6",
-    "@xylabs/ts-scripts-yarn3": "^5.0.39",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "@mui/icons-material": "^6.4.7",
+    "@mui/material": "^6.4.7",
+    "@mui/styles": "^6.4.7",
+    "@types/react": "^19.0.10",
+    "@xylabs/ts-scripts-yarn3": "^6.0.3",
+    "react": "^19",
+    "react-dom": "^19",
     "typescript": "^5.8.2"
   },
   "peerDependencies": {
@@ -66,11 +67,12 @@
     "@mui/icons-material": "^6",
     "@mui/material": "^6",
     "@mui/styles": "^6",
-    "react": "^18",
-    "react-dom": "^18"
+    "react": "^19",
+    "react-dom": "^19"
   },
   "publishConfig": {
     "access": "public"
   },
-  "docs": "dist/docs.json"
+  "docs": "dist/docs.json",
+  "stableVersion": "4.4.11"
 }

package/src/components/PayloadCardActionArea.tsx

@@ -5,8 +5,10 @@ import React, { forwardRef } from 'react'
 
 import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
-export const PayloadCardActionArea = forwardRef<HTMLButtonElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }, ref) => {
+export const PayloadCardActionArea = ({
+  ref, payload, ...props
+}: PayloadRenderProps & CardActionAreaProps & { ref?: React.RefObject<HTMLButtonElement | null> }) => {
   return <CardActionArea ref={ref} {...props} />
-})
+}
 
 PayloadCardActionArea.displayName = 'ButtonExXYLabs'

package/src/components/PayloadCardContent.tsx

@@ -1,16 +1,18 @@
 import type { CardContentProps } from '@mui/material'
 import { CardContent } from '@mui/material'
 import { PayloadDetails } from '@xyo-network/react-payload-details'
-import React, { forwardRef } from 'react'
+import React from 'react'
 
 import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
-export const PayloadCardContent = forwardRef<HTMLDivElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }, ref) => {
+export const PayloadCardContent = ({
+  ref, payload, ...props
+}: PayloadRenderProps & CardContentProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
   return (
     <CardContent ref={ref} {...props}>
       <PayloadDetails payload={payload} />
     </CardContent>
   )
-})
+}
 
 PayloadCardContent.displayName = 'PayloadCardContent'

package/src/components/PayloadCardHeader.tsx

@@ -2,13 +2,15 @@ import type { CardHeaderProps } from '@mui/material'
 import { CardHeader } from '@mui/material'
 import { Identicon } from '@xylabs/react-identicon'
 import { usePayloadHash } from '@xyo-network/react-shared'
-import React, { forwardRef } from 'react'
+import React from 'react'
 
 import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
-export const PayloadCardHeader = forwardRef<HTMLElement, PayloadRenderProps & CardHeaderProps>(({ payload, ...props }, ref) => {
+export const PayloadCardHeader = ({
+  ref, payload, ...props
+}: PayloadRenderProps & CardHeaderProps & { ref?: React.RefObject<HTMLElement | null> }) => {
   const hash = usePayloadHash(payload)
   return <CardHeader ref={ref} title="Payload" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />
-})
+}
 
 PayloadCardHeader.displayName = 'PayloadCardHeader'

package/src/components/PayloadDetailsBox.tsx

@@ -1,12 +1,12 @@
 import type { FlexBoxProps } from '@xylabs/react-flexbox'
 import { PayloadDetails } from '@xyo-network/react-payload-details'
-import React, { forwardRef } from 'react'
+import React from 'react'
 
 import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
-const PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {
+const PayloadDetailsBox = ({ ref, ...props }: PayloadRenderProps & FlexBoxProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
   return <PayloadDetails ref={ref} {...props} />
-})
+}
 
 PayloadDetailsBox.displayName = 'PayloadDetailsBox'
 export { PayloadDetailsBox }

package/dist/browser/components/PayloadCardActionArea.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
-export declare const PayloadCardActionArea: React.ForwardRefExoticComponent<Omit<PayloadRenderProps<import("@xyo-network/payload-model").Payload> & import("@mui/material").CardActionAreaOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    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;
-}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef"> & {
-    component?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=PayloadCardActionArea.d.ts.map

package/dist/browser/components/PayloadCardActionArea.d.ts.map

@@ -1 +0,0 @@
-{"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;;;gBAKi5B,MAAO,WAAW;mDAHn8B,CAAA"}

package/dist/browser/components/PayloadCardContent.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
-export declare const PayloadCardContent: React.ForwardRefExoticComponent<Omit<PayloadRenderProps<import("@xyo-network/payload-model").Payload> & import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    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;
-}, "className" | "style" | "classes" | "children" | "sx"> & {
-    component?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=PayloadCardContent.d.ts.map

package/dist/browser/components/PayloadCardContent.d.ts.map

@@ -1 +0,0 @@
-{"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;;;gBAS8oB,MAAO,WAAW;gDAH7rB,CAAA"}

package/dist/browser/components/PayloadCardHeader.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
-export declare const PayloadCardHeader: React.ForwardRefExoticComponent<Omit<PayloadRenderProps<import("@xyo-network/payload-model").Payload> & import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material").CardHeaderSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    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;
-}, "className" | "style" | "classes" | "action" | "sx" | "title" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps" | "slots" | "slotProps">, "ref"> & React.RefAttributes<HTMLElement>>;
-//# sourceMappingURL=PayloadCardHeader.d.ts.map

package/dist/browser/components/PayloadCardHeader.d.ts.map

@@ -1 +0,0 @@
-{"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;;0OAG5B,CAAA"}

package/dist/browser/components/PayloadDetailsBox.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
-declare const PayloadDetailsBox: React.ForwardRefExoticComponent<PayloadRenderProps<import("@xyo-network/payload-model").Payload> & import("@xylabs/react-flexbox").BusyBoxProps & React.RefAttributes<HTMLDivElement>>;
-export { PayloadDetailsBox };
-//# sourceMappingURL=PayloadDetailsBox.d.ts.map

package/dist/browser/components/PayloadDetailsBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PayloadDetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDetailsBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,QAAA,MAAM,iBAAiB,wLAErB,CAAA;AAGF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}