@xyo-network/react-payload-plugin 2.78.0 → 2.78.2

package/dist/browser/index.cjs

@@ -1,2 +1,143 @@
-"use strict";var Y=Object.create;var d=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var G=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var K=(o,r)=>{for(var a in r)d(o,a,{get:r[a],enumerable:!0})},u=(o,r,a,x)=>{if(r&&typeof r=="object"||typeof r=="function")for(let e of q(r))!J.call(o,e)&&e!==a&&d(o,e,{get:()=>r[e],enumerable:!(x=k(r,e))||x.enumerable});return o};var O=(o,r,a)=>(a=o!=null?Y(G(o)):{},u(r||!o||!o.__esModule?d(a,"default",{value:o,enumerable:!0}):a,o)),Q=o=>u(d({},"__esModule",{value:!0}),o);var U={};K(U,{DefaultPayloadRenderPlugin:()=>c,PayloadAvatar:()=>i,PayloadCardActionArea:()=>t,PayloadCardContent:()=>l,PayloadCardHeader:()=>n,PayloadDetailsBox:()=>P,PayloadEditorBox:()=>f,PayloadTableCell:()=>R,createPayloadRenderPlugin:()=>S});module.exports=Q(U);var A=require("@mui/material");var m=O(require("./default-256-FF63Q77N.jpg"),1);var g=require("react/jsx-runtime"),i=({...o})=>(0,g.jsx)(A.Avatar,{src:m.default,...o});var v=require("@mui/material"),D=require("react"),T=require("react/jsx-runtime"),t=(0,D.forwardRef)(({payload:o,...r})=>(0,T.jsx)(v.CardActionArea,{...r}));t.displayName="ButtonExXYLabs";var b=require("@mui/material"),B=require("@xyo-network/react-payload-details"),H=require("react"),y=require("react/jsx-runtime"),l=(0,H.forwardRef)(({payload:o,...r})=>(0,y.jsx)(b.CardContent,{...r,children:(0,y.jsx)(B.PayloadDetails,{payload:o})}));l.displayName="PayloadCardContent";var h=require("@mui/material"),E=require("@xylabs/react-identicon"),F=require("@xyo-network/react-shared"),L=require("react"),s=require("react/jsx-runtime"),n=(0,L.forwardRef)(({payload:o,...r})=>{let a=(0,F.usePayloadHash)(o);return(0,s.jsx)(h.CardHeader,{title:"Payload",subheader:a,avatar:(0,s.jsx)(E.Identicon,{size:24,value:a}),...r})});n.displayName="PayloadCardHeader";var w=require("@xyo-network/react-payload-details"),M=require("react"),N=require("react/jsx-runtime"),P=(0,M.forwardRef)((o,r)=>(0,N.jsx)(w.PayloadDetails,{ref:r,...o}));P.displayName="PayloadDetailsBox";var I=require("@xyo-network/react-payload-details"),z=require("react/jsx-runtime"),f=o=>(0,z.jsx)(I.PayloadDetails,{...o});var p=require("@mui/material"),C=require("react/jsx-runtime"),R=({payload:o,...r})=>(0,C.jsx)(p.TableCell,{...r,children:(0,C.jsx)(p.Typography,{children:o?.schema})});var X=require("@xylabs/lodash");var c={canRender:function(o){return!!o?.schema},components:{avatar:{image:i},box:{detailsBox:P,editor:f},card:{actionArea:t,content:l,header:n},table:{cell:R}},name:"Payload"};var S=o=>(0,X.merge)({},c,o);
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  DefaultPayloadRenderPlugin: () => DefaultPayloadRenderPlugin,
+  PayloadAvatar: () => PayloadAvatar,
+  PayloadCardActionArea: () => PayloadCardActionArea,
+  PayloadCardContent: () => PayloadCardContent,
+  PayloadCardHeader: () => PayloadCardHeader,
+  PayloadDetailsBox: () => PayloadDetailsBox,
+  PayloadEditorBox: () => PayloadEditorBox,
+  PayloadTableCell: () => PayloadTableCell,
+  createPayloadRenderPlugin: () => createPayloadRenderPlugin
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/PayloadAvatar.tsx
+var import_material = require("@mui/material");
+
+// src/img/index.ts
+var import_default_256 = __toESM(require("./default-256-FF63Q77N.jpg"), 1);
+
+// src/components/PayloadAvatar.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var PayloadAvatar = ({ ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { src: import_default_256.default, ...props });
+};
+
+// src/components/PayloadCardActionArea.tsx
+var import_material2 = require("@mui/material");
+var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PayloadCardActionArea = (0, import_react.forwardRef)(({ payload, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.CardActionArea, { ...props });
+});
+PayloadCardActionArea.displayName = "ButtonExXYLabs";
+
+// src/components/PayloadCardContent.tsx
+var import_material3 = require("@mui/material");
+var import_react_payload_details = require("@xyo-network/react-payload-details");
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var PayloadCardContent = (0, import_react2.forwardRef)(({ payload, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.CardContent, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_payload_details.PayloadDetails, { payload }) });
+});
+PayloadCardContent.displayName = "PayloadCardContent";
+
+// src/components/PayloadCardHeader.tsx
+var import_material4 = require("@mui/material");
+var import_react_identicon = require("@xylabs/react-identicon");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_react3 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var PayloadCardHeader = (0, import_react3.forwardRef)(({ payload, ...props }) => {
+  const hash = (0, import_react_shared.usePayloadHash)(payload);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.CardHeader, { title: "Payload", subheader: hash, avatar: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_identicon.Identicon, { size: 24, value: hash }), ...props });
+});
+PayloadCardHeader.displayName = "PayloadCardHeader";
+
+// src/components/PayloadDetailsBox.tsx
+var import_react_payload_details2 = require("@xyo-network/react-payload-details");
+var import_react4 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var PayloadDetailsBox = (0, import_react4.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_payload_details2.PayloadDetails, { ref, ...props });
+});
+PayloadDetailsBox.displayName = "PayloadDetailsBox";
+
+// src/components/PayloadEditorBox.tsx
+var import_react_payload_details3 = require("@xyo-network/react-payload-details");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var PayloadEditorBox = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_payload_details3.PayloadDetails, { ...props });
+};
+
+// src/components/PayloadTableCell.tsx
+var import_material5 = require("@mui/material");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var PayloadTableCell = ({ payload, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.TableCell, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Typography, { children: payload?.schema }) });
+};
+
+// src/createPayloadRenderPlugin.ts
+var import_lodash = require("@xylabs/lodash");
+
+// src/DefaultPayloadRenderPlugin.ts
+var DefaultPayloadRenderPlugin = {
+  canRender: function(payload) {
+    return !!payload?.schema;
+  },
+  components: {
+    avatar: {
+      image: PayloadAvatar
+    },
+    box: {
+      detailsBox: PayloadDetailsBox,
+      editor: PayloadEditorBox
+    },
+    card: {
+      actionArea: PayloadCardActionArea,
+      content: PayloadCardContent,
+      header: PayloadCardHeader
+    },
+    table: {
+      cell: PayloadTableCell
+    }
+  },
+  name: "Payload"
+};
+
+// src/createPayloadRenderPlugin.ts
+var createPayloadRenderPlugin = (plugin) => {
+  return (0, import_lodash.merge)({}, DefaultPayloadRenderPlugin, plugin);
+};
 //# sourceMappingURL=index.cjs.map

package/dist/browser/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../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/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["export * from './components'\nexport * from './createPayloadRenderPlugin'\nexport * from './DefaultPayloadRenderPlugin'\nexport * from './PayloadRenderPlugin'\n","import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { 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'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin'\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"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gCAAAE,EAAA,kBAAAC,EAAA,0BAAAC,EAAA,uBAAAC,EAAA,sBAAAC,EAAA,sBAAAC,EAAA,qBAAAC,EAAA,qBAAAC,EAAA,8BAAAC,IAAA,eAAAC,EAAAX,GCAA,IAAAY,EAAoC,yBCApC,IAAAC,EAA6C,2CDMpC,IAAAC,EAAA,6BADIC,EAA4D,CAAC,CAAE,GAAGC,CAAM,OAC5E,OAAC,UAAO,IAAK,UAAoB,GAAGA,EAAO,EENpD,IAAAC,EAAoD,yBACpDC,EAA2B,iBAMlBC,EAAA,6BADIC,KAAwB,cAAqE,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,OACtH,OAAC,kBAAgB,GAAGA,EAAO,CACnC,EAEDF,EAAsB,YAAc,iBCVpC,IAAAG,EAA8C,yBAC9CC,EAA+B,8CAC/BC,EAA2B,iBAOrBC,EAAA,6BAHOC,KAAqB,cAA+D,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,OAElH,OAAC,eAAa,GAAGA,EACf,mBAAC,kBAAe,QAASD,EAAS,EACpC,CAEH,EAEDD,EAAmB,YAAc,qBCdjC,IAAAG,EAA4C,yBAC5CC,EAA0B,mCAC1BC,EAA+B,qCAC/BC,EAA2B,iBAMmCC,EAAA,6BAFjDC,KAAoB,cAA8D,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,IAAM,CACxH,IAAMC,KAAO,kBAAeF,CAAO,EACnC,SAAO,OAAC,cAAW,MAAM,UAAU,UAAWE,EAAM,UAAQ,OAAC,aAAU,KAAM,GAAI,MAAOA,EAAM,EAAK,GAAGD,EAAO,CAC/G,CAAC,EAEDF,EAAkB,YAAc,oBCXhC,IAAAI,EAA+B,8CAC/BC,EAA2B,iBAKlBC,EAAA,6BADHC,KAAoB,cAA8D,CAACC,EAAOC,OACvF,OAAC,kBAAe,IAAKA,EAAM,GAAGD,EAAO,CAC7C,EAEDD,EAAkB,YAAc,oBCThC,IAAAG,EAA+B,8CAKtBC,EAAA,6BADIC,EAAuEC,MAC3E,OAAC,kBAAgB,GAAGA,EAAO,ECNpC,IAAAC,EAAsD,yBAQhDC,EAAA,6BAHOC,EAAkE,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,OAEhG,OAAC,aAAW,GAAGA,EACb,mBAAC,cAAY,SAAAD,GAAS,OAAO,EAC/B,ECTJ,IAAAE,EAAsB,0BCaf,IAAMC,EAAkD,CAC7D,UAAW,SAAUC,EAA4B,CAC/C,MAAO,CAAC,CAACA,GAAS,MACpB,EACA,WAAY,CACV,OAAQ,CACN,MAAOC,CACT,EACA,IAAK,CACH,WAAYC,EACZ,OAAQC,CACV,EACA,KAAM,CACJ,WAAYC,EACZ,QAASC,EACT,OAAQC,CACV,EACA,MAAO,CACL,KAAMC,CACR,CACF,EACA,KAAM,SACR,ED9BO,IAAMC,EAA6BC,MACjC,SAAM,CAAC,EAAGC,EAA4BD,CAAM","names":["src_exports","__export","DefaultPayloadRenderPlugin","PayloadAvatar","PayloadCardActionArea","PayloadCardContent","PayloadCardHeader","PayloadDetailsBox","PayloadEditorBox","PayloadTableCell","createPayloadRenderPlugin","__toCommonJS","import_material","import_default_256","import_jsx_runtime","PayloadAvatar","props","import_material","import_react","import_jsx_runtime","PayloadCardActionArea","payload","props","import_material","import_react_payload_details","import_react","import_jsx_runtime","PayloadCardContent","payload","props","import_material","import_react_identicon","import_react_shared","import_react","import_jsx_runtime","PayloadCardHeader","payload","props","hash","import_react_payload_details","import_react","import_jsx_runtime","PayloadDetailsBox","props","ref","import_react_payload_details","import_jsx_runtime","PayloadEditorBox","props","import_material","import_jsx_runtime","PayloadTableCell","payload","props","import_lodash","DefaultPayloadRenderPlugin","payload","PayloadAvatar","PayloadDetailsBox","PayloadEditorBox","PayloadCardActionArea","PayloadCardContent","PayloadCardHeader","PayloadTableCell","createPayloadRenderPlugin","plugin","DefaultPayloadRenderPlugin"]}
+{"version":3,"sources":["../../src/index.ts","../../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/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["export * from './components'\nexport * from './createPayloadRenderPlugin'\nexport * from './DefaultPayloadRenderPlugin'\nexport * from './PayloadRenderPlugin'\n","import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { 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'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin'\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAoC;;;ACApC,yBAA6C;;;ADMpC;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,4CAAC,0BAAO,KAAK,4BAAoB,GAAG,OAAO;AACpD;;;AEPA,IAAAA,mBAAoD;AACpD,mBAA2B;AAMlB,IAAAC,sBAAA;AADF,IAAM,4BAAwB,yBAAqE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACnI,SAAO,6CAAC,mCAAgB,GAAG,OAAO;AACpC,CAAC;AAED,sBAAsB,cAAc;;;ACVpC,IAAAC,mBAA8C;AAC9C,mCAA+B;AAC/B,IAAAC,gBAA2B;AAOrB,IAAAC,sBAAA;AAHC,IAAM,yBAAqB,0BAA+D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1H,SACE,6CAAC,gCAAa,GAAG,OACf,uDAAC,+CAAe,SAAkB,GACpC;AAEJ,CAAC;AAED,mBAAmB,cAAc;;;ACdjC,IAAAC,mBAA4C;AAC5C,6BAA0B;AAC1B,0BAA+B;AAC/B,IAAAC,gBAA2B;AAMmC,IAAAC,sBAAA;AAFvD,IAAM,wBAAoB,0BAA8D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxH,QAAM,WAAO,oCAAe,OAAO;AACnC,SAAO,6CAAC,+BAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,6CAAC,oCAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G,CAAC;AAED,kBAAkB,cAAc;;;ACXhC,IAAAC,gCAA+B;AAC/B,IAAAC,gBAA2B;AAKlB,IAAAC,sBAAA;AADT,IAAM,wBAAoB,0BAA8D,CAAC,OAAO,QAAQ;AACtG,SAAO,6CAAC,gDAAe,KAAW,GAAG,OAAO;AAC9C,CAAC;AAED,kBAAkB,cAAc;;;ACThC,IAAAC,gCAA+B;AAKtB,IAAAC,sBAAA;AADF,IAAM,mBAAsE,CAAC,UAAU;AAC5F,SAAO,6CAAC,gDAAgB,GAAG,OAAO;AACpC;;;ACPA,IAAAC,mBAAsD;AAQhD,IAAAC,sBAAA;AAHC,IAAM,mBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxG,SACE,6CAAC,8BAAW,GAAG,OACb,uDAAC,+BAAY,mBAAS,QAAO,GAC/B;AAEJ;;;ACXA,oBAAsB;;;ACaf,IAAM,6BAAkD;AAAA,EAC7D,WAAW,SAAU,SAA4B;AAC/C,WAAO,CAAC,CAAC,SAAS;AAAA,EACpB;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,KAAK;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,MAAM;AACR;;;AD9BO,IAAM,4BAA4B,CAAC,WAA2D;AACnG,aAAO,qBAAM,CAAC,GAAG,4BAA4B,MAAM;AACrD;","names":["import_material","import_jsx_runtime","import_material","import_react","import_jsx_runtime","import_material","import_react","import_jsx_runtime","import_react_payload_details","import_react","import_jsx_runtime","import_react_payload_details","import_jsx_runtime","import_material","import_jsx_runtime"]}

package/dist/browser/index.js

@@ -1,2 +1,110 @@
-import{Avatar as C}from"@mui/material";import{default as n}from"./default-256-FF63Q77N.jpg";import{jsx as R}from"react/jsx-runtime";var P=({...o})=>R(C,{src:n,...o});import{CardActionArea as c}from"@mui/material";import{forwardRef as x}from"react";import{jsx as u}from"react/jsx-runtime";var a=x(({payload:o,...r})=>u(c,{...r}));a.displayName="ButtonExXYLabs";import{CardContent as A}from"@mui/material";import{PayloadDetails as g}from"@xyo-network/react-payload-details";import{forwardRef as v}from"react";import{jsx as p}from"react/jsx-runtime";var e=v(({payload:o,...r})=>p(A,{...r,children:p(g,{payload:o})}));e.displayName="PayloadCardContent";import{CardHeader as D}from"@mui/material";import{Identicon as T}from"@xylabs/react-identicon";import{usePayloadHash as b}from"@xyo-network/react-shared";import{forwardRef as B}from"react";import{jsx as m}from"react/jsx-runtime";var d=B(({payload:o,...r})=>{let l=b(o);return m(D,{title:"Payload",subheader:l,avatar:m(T,{size:24,value:l}),...r})});d.displayName="PayloadCardHeader";import{PayloadDetails as H}from"@xyo-network/react-payload-details";import{forwardRef as h}from"react";import{jsx as E}from"react/jsx-runtime";var t=h((o,r)=>E(H,{ref:r,...o}));t.displayName="PayloadDetailsBox";import{PayloadDetails as F}from"@xyo-network/react-payload-details";import{jsx as L}from"react/jsx-runtime";var i=o=>L(F,{...o});import{TableCell as w,Typography as M}from"@mui/material";import{jsx as y}from"react/jsx-runtime";var s=({payload:o,...r})=>y(w,{...r,children:y(M,{children:o?.schema})});import{merge as N}from"@xylabs/lodash";var f={canRender:function(o){return!!o?.schema},components:{avatar:{image:P},box:{detailsBox:t,editor:i},card:{actionArea:a,content:e,header:d},table:{cell:s}},name:"Payload"};var vo=o=>N({},f,o);export{f as DefaultPayloadRenderPlugin,P as PayloadAvatar,a as PayloadCardActionArea,e as PayloadCardContent,d as PayloadCardHeader,t as PayloadDetailsBox,i as PayloadEditorBox,s as PayloadTableCell,vo as createPayloadRenderPlugin};
+// src/components/PayloadAvatar.tsx
+import { Avatar } from "@mui/material";
+
+// src/img/index.ts
+import { default as default2 } from "./default-256-FF63Q77N.jpg";
+
+// src/components/PayloadAvatar.tsx
+import { jsx } from "react/jsx-runtime";
+var PayloadAvatar = ({ ...props }) => {
+  return /* @__PURE__ */ jsx(Avatar, { src: default2, ...props });
+};
+
+// src/components/PayloadCardActionArea.tsx
+import { CardActionArea } from "@mui/material";
+import { forwardRef } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PayloadCardActionArea = forwardRef(({ payload, ...props }) => {
+  return /* @__PURE__ */ jsx2(CardActionArea, { ...props });
+});
+PayloadCardActionArea.displayName = "ButtonExXYLabs";
+
+// src/components/PayloadCardContent.tsx
+import { CardContent } from "@mui/material";
+import { PayloadDetails } from "@xyo-network/react-payload-details";
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var PayloadCardContent = forwardRef2(({ payload, ...props }) => {
+  return /* @__PURE__ */ jsx3(CardContent, { ...props, children: /* @__PURE__ */ jsx3(PayloadDetails, { payload }) });
+});
+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 { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var PayloadCardHeader = forwardRef3(({ payload, ...props }) => {
+  const hash = usePayloadHash(payload);
+  return /* @__PURE__ */ jsx4(CardHeader, { title: "Payload", subheader: hash, avatar: /* @__PURE__ */ jsx4(Identicon, { size: 24, value: hash }), ...props });
+});
+PayloadCardHeader.displayName = "PayloadCardHeader";
+
+// src/components/PayloadDetailsBox.tsx
+import { PayloadDetails as PayloadDetails2 } from "@xyo-network/react-payload-details";
+import { forwardRef as forwardRef4 } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var PayloadDetailsBox = forwardRef4((props, ref) => {
+  return /* @__PURE__ */ jsx5(PayloadDetails2, { ref, ...props });
+});
+PayloadDetailsBox.displayName = "PayloadDetailsBox";
+
+// src/components/PayloadEditorBox.tsx
+import { PayloadDetails as PayloadDetails3 } from "@xyo-network/react-payload-details";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var PayloadEditorBox = (props) => {
+  return /* @__PURE__ */ jsx6(PayloadDetails3, { ...props });
+};
+
+// src/components/PayloadTableCell.tsx
+import { TableCell, Typography } from "@mui/material";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var PayloadTableCell = ({ payload, ...props }) => {
+  return /* @__PURE__ */ jsx7(TableCell, { ...props, children: /* @__PURE__ */ jsx7(Typography, { children: payload?.schema }) });
+};
+
+// src/createPayloadRenderPlugin.ts
+import { merge } from "@xylabs/lodash";
+
+// src/DefaultPayloadRenderPlugin.ts
+var DefaultPayloadRenderPlugin = {
+  canRender: function(payload) {
+    return !!payload?.schema;
+  },
+  components: {
+    avatar: {
+      image: PayloadAvatar
+    },
+    box: {
+      detailsBox: PayloadDetailsBox,
+      editor: PayloadEditorBox
+    },
+    card: {
+      actionArea: PayloadCardActionArea,
+      content: PayloadCardContent,
+      header: PayloadCardHeader
+    },
+    table: {
+      cell: PayloadTableCell
+    }
+  },
+  name: "Payload"
+};
+
+// src/createPayloadRenderPlugin.ts
+var createPayloadRenderPlugin = (plugin) => {
+  return merge({}, DefaultPayloadRenderPlugin, plugin);
+};
+export {
+  DefaultPayloadRenderPlugin,
+  PayloadAvatar,
+  PayloadCardActionArea,
+  PayloadCardContent,
+  PayloadCardHeader,
+  PayloadDetailsBox,
+  PayloadEditorBox,
+  PayloadTableCell,
+  createPayloadRenderPlugin
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/index.js.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/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { 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'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin'\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"],"mappings":"AAAA,OAAS,UAAAA,MAA2B,gBCApC,OAAoB,WAAXC,MAAoC,6BDMpC,cAAAC,MAAA,oBADF,IAAMC,EAA4D,CAAC,CAAE,GAAGC,CAAM,IAC5EF,EAACG,EAAA,CAAO,IAAKC,EAAoB,GAAGF,EAAO,EENpD,OAAS,kBAAAG,MAA2C,gBACpD,OAAS,cAAAC,MAAkB,QAMlB,cAAAC,MAAA,oBADF,IAAMC,EAAwBF,EAAqE,CAAC,CAAE,QAAAG,EAAS,GAAGC,CAAM,IACtHH,EAACF,EAAA,CAAgB,GAAGK,EAAO,CACnC,EAEDF,EAAsB,YAAc,iBCVpC,OAAS,eAAAG,MAAqC,gBAC9C,OAAS,kBAAAC,MAAsB,qCAC/B,OAAS,cAAAC,MAAkB,QAOrB,cAAAC,MAAA,oBAHC,IAAMC,EAAqBF,EAA+D,CAAC,CAAE,QAAAG,EAAS,GAAGC,CAAM,IAElHH,EAACH,EAAA,CAAa,GAAGM,EACf,SAAAH,EAACF,EAAA,CAAe,QAASI,EAAS,EACpC,CAEH,EAEDD,EAAmB,YAAc,qBCdjC,OAAS,cAAAG,MAAmC,gBAC5C,OAAS,aAAAC,MAAiB,0BAC1B,OAAS,kBAAAC,MAAsB,4BAC/B,OAAS,cAAAC,MAAkB,QAMmC,cAAAC,MAAA,oBAFvD,IAAMC,EAAoBF,EAA8D,CAAC,CAAE,QAAAG,EAAS,GAAGC,CAAM,IAAM,CACxH,IAAMC,EAAON,EAAeI,CAAO,EACnC,OAAOF,EAACJ,EAAA,CAAW,MAAM,UAAU,UAAWQ,EAAM,OAAQJ,EAACH,EAAA,CAAU,KAAM,GAAI,MAAOO,EAAM,EAAK,GAAGD,EAAO,CAC/G,CAAC,EAEDF,EAAkB,YAAc,oBCXhC,OAAS,kBAAAI,MAAsB,qCAC/B,OAAS,cAAAC,MAAkB,QAKlB,cAAAC,MAAA,oBADT,IAAMC,EAAoBF,EAA8D,CAACG,EAAOC,IACvFH,EAACF,EAAA,CAAe,IAAKK,EAAM,GAAGD,EAAO,CAC7C,EAEDD,EAAkB,YAAc,oBCThC,OAAS,kBAAAG,MAAsB,qCAKtB,cAAAC,MAAA,oBADF,IAAMC,EAAuEC,GAC3EF,EAACD,EAAA,CAAgB,GAAGG,EAAO,ECNpC,OAAS,aAAAC,EAA2B,cAAAC,MAAkB,gBAQhD,cAAAC,MAAA,oBAHC,IAAMC,EAAkE,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,IAEhGH,EAACF,EAAA,CAAW,GAAGK,EACb,SAAAH,EAACD,EAAA,CAAY,SAAAG,GAAS,OAAO,EAC/B,ECTJ,OAAS,SAAAE,MAAa,iBCaf,IAAMC,EAAkD,CAC7D,UAAW,SAAUC,EAA4B,CAC/C,MAAO,CAAC,CAACA,GAAS,MACpB,EACA,WAAY,CACV,OAAQ,CACN,MAAOC,CACT,EACA,IAAK,CACH,WAAYC,EACZ,OAAQC,CACV,EACA,KAAM,CACJ,WAAYC,EACZ,QAASC,EACT,OAAQC,CACV,EACA,MAAO,CACL,KAAMC,CACR,CACF,EACA,KAAM,SACR,ED9BO,IAAMC,GAA6BC,GACjCC,EAAM,CAAC,EAAGC,EAA4BF,CAAM","names":["Avatar","default","jsx","PayloadAvatar","props","Avatar","default","CardActionArea","forwardRef","jsx","PayloadCardActionArea","payload","props","CardContent","PayloadDetails","forwardRef","jsx","PayloadCardContent","payload","props","CardHeader","Identicon","usePayloadHash","forwardRef","jsx","PayloadCardHeader","payload","props","hash","PayloadDetails","forwardRef","jsx","PayloadDetailsBox","props","ref","PayloadDetails","jsx","PayloadEditorBox","props","TableCell","Typography","jsx","PayloadTableCell","payload","props","merge","DefaultPayloadRenderPlugin","payload","PayloadAvatar","PayloadDetailsBox","PayloadEditorBox","PayloadCardActionArea","PayloadCardContent","PayloadCardHeader","PayloadTableCell","createPayloadRenderPlugin","plugin","merge","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/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { 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'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin'\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"],"mappings":";AAAA,SAAS,cAA2B;;;ACApC,SAAoB,WAAXA,gBAAoC;;;ADMpC;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,oBAAC,UAAO,KAAKC,UAAoB,GAAG,OAAO;AACpD;;;AEPA,SAAS,sBAA2C;AACpD,SAAS,kBAAkB;AAMlB,gBAAAC,YAAA;AADF,IAAM,wBAAwB,WAAqE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACnI,SAAO,gBAAAA,KAAC,kBAAgB,GAAG,OAAO;AACpC,CAAC;AAED,sBAAsB,cAAc;;;ACVpC,SAAS,mBAAqC;AAC9C,SAAS,sBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAOrB,gBAAAC,YAAA;AAHC,IAAM,qBAAqBD,YAA+D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1H,SACE,gBAAAC,KAAC,eAAa,GAAG,OACf,0BAAAA,KAAC,kBAAe,SAAkB,GACpC;AAEJ,CAAC;AAED,mBAAmB,cAAc;;;ACdjC,SAAS,kBAAmC;AAC5C,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAMmC,gBAAAC,YAAA;AAFvD,IAAM,oBAAoBD,YAA8D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxH,QAAM,OAAO,eAAe,OAAO;AACnC,SAAO,gBAAAC,KAAC,cAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,gBAAAA,KAAC,aAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G,CAAC;AAED,kBAAkB,cAAc;;;ACXhC,SAAS,kBAAAC,uBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAKlB,gBAAAC,YAAA;AADT,IAAM,oBAAoBD,YAA8D,CAAC,OAAO,QAAQ;AACtG,SAAO,gBAAAC,KAACF,iBAAA,EAAe,KAAW,GAAG,OAAO;AAC9C,CAAC;AAED,kBAAkB,cAAc;;;ACThC,SAAS,kBAAAG,uBAAsB;AAKtB,gBAAAC,YAAA;AADF,IAAM,mBAAsE,CAAC,UAAU;AAC5F,SAAO,gBAAAA,KAACD,iBAAA,EAAgB,GAAG,OAAO;AACpC;;;ACPA,SAAS,WAA2B,kBAAkB;AAQhD,gBAAAE,YAAA;AAHC,IAAM,mBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxG,SACE,gBAAAA,KAAC,aAAW,GAAG,OACb,0BAAAA,KAAC,cAAY,mBAAS,QAAO,GAC/B;AAEJ;;;ACXA,SAAS,aAAa;;;ACaf,IAAM,6BAAkD;AAAA,EAC7D,WAAW,SAAU,SAA4B;AAC/C,WAAO,CAAC,CAAC,SAAS;AAAA,EACpB;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,KAAK;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,MAAM;AACR;;;AD9BO,IAAM,4BAA4B,CAAC,WAA2D;AACnG,SAAO,MAAM,CAAC,GAAG,4BAA4B,MAAM;AACrD;","names":["default","default","jsx","forwardRef","jsx","forwardRef","jsx","PayloadDetails","forwardRef","jsx","PayloadDetails","jsx","jsx"]}

package/dist/neutral/index.cjs

@@ -1,2 +1,143 @@
-"use strict";var Y=Object.create;var d=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var G=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var K=(o,r)=>{for(var a in r)d(o,a,{get:r[a],enumerable:!0})},u=(o,r,a,x)=>{if(r&&typeof r=="object"||typeof r=="function")for(let e of q(r))!J.call(o,e)&&e!==a&&d(o,e,{get:()=>r[e],enumerable:!(x=k(r,e))||x.enumerable});return o};var O=(o,r,a)=>(a=o!=null?Y(G(o)):{},u(r||!o||!o.__esModule?d(a,"default",{value:o,enumerable:!0}):a,o)),Q=o=>u(d({},"__esModule",{value:!0}),o);var U={};K(U,{DefaultPayloadRenderPlugin:()=>c,PayloadAvatar:()=>i,PayloadCardActionArea:()=>t,PayloadCardContent:()=>l,PayloadCardHeader:()=>n,PayloadDetailsBox:()=>P,PayloadEditorBox:()=>f,PayloadTableCell:()=>R,createPayloadRenderPlugin:()=>S});module.exports=Q(U);var A=require("@mui/material");var m=O(require("./default-256-FF63Q77N.jpg"),1);var g=require("react/jsx-runtime"),i=({...o})=>(0,g.jsx)(A.Avatar,{src:m.default,...o});var v=require("@mui/material"),D=require("react"),T=require("react/jsx-runtime"),t=(0,D.forwardRef)(({payload:o,...r})=>(0,T.jsx)(v.CardActionArea,{...r}));t.displayName="ButtonExXYLabs";var b=require("@mui/material"),B=require("@xyo-network/react-payload-details"),H=require("react"),y=require("react/jsx-runtime"),l=(0,H.forwardRef)(({payload:o,...r})=>(0,y.jsx)(b.CardContent,{...r,children:(0,y.jsx)(B.PayloadDetails,{payload:o})}));l.displayName="PayloadCardContent";var h=require("@mui/material"),E=require("@xylabs/react-identicon"),F=require("@xyo-network/react-shared"),L=require("react"),s=require("react/jsx-runtime"),n=(0,L.forwardRef)(({payload:o,...r})=>{let a=(0,F.usePayloadHash)(o);return(0,s.jsx)(h.CardHeader,{title:"Payload",subheader:a,avatar:(0,s.jsx)(E.Identicon,{size:24,value:a}),...r})});n.displayName="PayloadCardHeader";var w=require("@xyo-network/react-payload-details"),M=require("react"),N=require("react/jsx-runtime"),P=(0,M.forwardRef)((o,r)=>(0,N.jsx)(w.PayloadDetails,{ref:r,...o}));P.displayName="PayloadDetailsBox";var I=require("@xyo-network/react-payload-details"),z=require("react/jsx-runtime"),f=o=>(0,z.jsx)(I.PayloadDetails,{...o});var p=require("@mui/material"),C=require("react/jsx-runtime"),R=({payload:o,...r})=>(0,C.jsx)(p.TableCell,{...r,children:(0,C.jsx)(p.Typography,{children:o?.schema})});var X=require("@xylabs/lodash");var c={canRender:function(o){return!!o?.schema},components:{avatar:{image:i},box:{detailsBox:P,editor:f},card:{actionArea:t,content:l,header:n},table:{cell:R}},name:"Payload"};var S=o=>(0,X.merge)({},c,o);
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  DefaultPayloadRenderPlugin: () => DefaultPayloadRenderPlugin,
+  PayloadAvatar: () => PayloadAvatar,
+  PayloadCardActionArea: () => PayloadCardActionArea,
+  PayloadCardContent: () => PayloadCardContent,
+  PayloadCardHeader: () => PayloadCardHeader,
+  PayloadDetailsBox: () => PayloadDetailsBox,
+  PayloadEditorBox: () => PayloadEditorBox,
+  PayloadTableCell: () => PayloadTableCell,
+  createPayloadRenderPlugin: () => createPayloadRenderPlugin
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/PayloadAvatar.tsx
+var import_material = require("@mui/material");
+
+// src/img/index.ts
+var import_default_256 = __toESM(require("./default-256-FF63Q77N.jpg"), 1);
+
+// src/components/PayloadAvatar.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var PayloadAvatar = ({ ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { src: import_default_256.default, ...props });
+};
+
+// src/components/PayloadCardActionArea.tsx
+var import_material2 = require("@mui/material");
+var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PayloadCardActionArea = (0, import_react.forwardRef)(({ payload, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.CardActionArea, { ...props });
+});
+PayloadCardActionArea.displayName = "ButtonExXYLabs";
+
+// src/components/PayloadCardContent.tsx
+var import_material3 = require("@mui/material");
+var import_react_payload_details = require("@xyo-network/react-payload-details");
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var PayloadCardContent = (0, import_react2.forwardRef)(({ payload, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.CardContent, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_payload_details.PayloadDetails, { payload }) });
+});
+PayloadCardContent.displayName = "PayloadCardContent";
+
+// src/components/PayloadCardHeader.tsx
+var import_material4 = require("@mui/material");
+var import_react_identicon = require("@xylabs/react-identicon");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_react3 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var PayloadCardHeader = (0, import_react3.forwardRef)(({ payload, ...props }) => {
+  const hash = (0, import_react_shared.usePayloadHash)(payload);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.CardHeader, { title: "Payload", subheader: hash, avatar: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_identicon.Identicon, { size: 24, value: hash }), ...props });
+});
+PayloadCardHeader.displayName = "PayloadCardHeader";
+
+// src/components/PayloadDetailsBox.tsx
+var import_react_payload_details2 = require("@xyo-network/react-payload-details");
+var import_react4 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var PayloadDetailsBox = (0, import_react4.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_payload_details2.PayloadDetails, { ref, ...props });
+});
+PayloadDetailsBox.displayName = "PayloadDetailsBox";
+
+// src/components/PayloadEditorBox.tsx
+var import_react_payload_details3 = require("@xyo-network/react-payload-details");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var PayloadEditorBox = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_payload_details3.PayloadDetails, { ...props });
+};
+
+// src/components/PayloadTableCell.tsx
+var import_material5 = require("@mui/material");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var PayloadTableCell = ({ payload, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.TableCell, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Typography, { children: payload?.schema }) });
+};
+
+// src/createPayloadRenderPlugin.ts
+var import_lodash = require("@xylabs/lodash");
+
+// src/DefaultPayloadRenderPlugin.ts
+var DefaultPayloadRenderPlugin = {
+  canRender: function(payload) {
+    return !!payload?.schema;
+  },
+  components: {
+    avatar: {
+      image: PayloadAvatar
+    },
+    box: {
+      detailsBox: PayloadDetailsBox,
+      editor: PayloadEditorBox
+    },
+    card: {
+      actionArea: PayloadCardActionArea,
+      content: PayloadCardContent,
+      header: PayloadCardHeader
+    },
+    table: {
+      cell: PayloadTableCell
+    }
+  },
+  name: "Payload"
+};
+
+// src/createPayloadRenderPlugin.ts
+var createPayloadRenderPlugin = (plugin) => {
+  return (0, import_lodash.merge)({}, DefaultPayloadRenderPlugin, plugin);
+};
 //# sourceMappingURL=index.cjs.map

package/dist/neutral/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../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/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["export * from './components'\nexport * from './createPayloadRenderPlugin'\nexport * from './DefaultPayloadRenderPlugin'\nexport * from './PayloadRenderPlugin'\n","import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { 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'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin'\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"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gCAAAE,EAAA,kBAAAC,EAAA,0BAAAC,EAAA,uBAAAC,EAAA,sBAAAC,EAAA,sBAAAC,EAAA,qBAAAC,EAAA,qBAAAC,EAAA,8BAAAC,IAAA,eAAAC,EAAAX,GCAA,IAAAY,EAAoC,yBCApC,IAAAC,EAA6C,2CDMpC,IAAAC,EAAA,6BADIC,EAA4D,CAAC,CAAE,GAAGC,CAAM,OAC5E,OAAC,UAAO,IAAK,UAAoB,GAAGA,EAAO,EENpD,IAAAC,EAAoD,yBACpDC,EAA2B,iBAMlBC,EAAA,6BADIC,KAAwB,cAAqE,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,OACtH,OAAC,kBAAgB,GAAGA,EAAO,CACnC,EAEDF,EAAsB,YAAc,iBCVpC,IAAAG,EAA8C,yBAC9CC,EAA+B,8CAC/BC,EAA2B,iBAOrBC,EAAA,6BAHOC,KAAqB,cAA+D,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,OAElH,OAAC,eAAa,GAAGA,EACf,mBAAC,kBAAe,QAASD,EAAS,EACpC,CAEH,EAEDD,EAAmB,YAAc,qBCdjC,IAAAG,EAA4C,yBAC5CC,EAA0B,mCAC1BC,EAA+B,qCAC/BC,EAA2B,iBAMmCC,EAAA,6BAFjDC,KAAoB,cAA8D,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,IAAM,CACxH,IAAMC,KAAO,kBAAeF,CAAO,EACnC,SAAO,OAAC,cAAW,MAAM,UAAU,UAAWE,EAAM,UAAQ,OAAC,aAAU,KAAM,GAAI,MAAOA,EAAM,EAAK,GAAGD,EAAO,CAC/G,CAAC,EAEDF,EAAkB,YAAc,oBCXhC,IAAAI,EAA+B,8CAC/BC,EAA2B,iBAKlBC,EAAA,6BADHC,KAAoB,cAA8D,CAACC,EAAOC,OACvF,OAAC,kBAAe,IAAKA,EAAM,GAAGD,EAAO,CAC7C,EAEDD,EAAkB,YAAc,oBCThC,IAAAG,EAA+B,8CAKtBC,EAAA,6BADIC,EAAuEC,MAC3E,OAAC,kBAAgB,GAAGA,EAAO,ECNpC,IAAAC,EAAsD,yBAQhDC,EAAA,6BAHOC,EAAkE,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,OAEhG,OAAC,aAAW,GAAGA,EACb,mBAAC,cAAY,SAAAD,GAAS,OAAO,EAC/B,ECTJ,IAAAE,EAAsB,0BCaf,IAAMC,EAAkD,CAC7D,UAAW,SAAUC,EAA4B,CAC/C,MAAO,CAAC,CAACA,GAAS,MACpB,EACA,WAAY,CACV,OAAQ,CACN,MAAOC,CACT,EACA,IAAK,CACH,WAAYC,EACZ,OAAQC,CACV,EACA,KAAM,CACJ,WAAYC,EACZ,QAASC,EACT,OAAQC,CACV,EACA,MAAO,CACL,KAAMC,CACR,CACF,EACA,KAAM,SACR,ED9BO,IAAMC,EAA6BC,MACjC,SAAM,CAAC,EAAGC,EAA4BD,CAAM","names":["src_exports","__export","DefaultPayloadRenderPlugin","PayloadAvatar","PayloadCardActionArea","PayloadCardContent","PayloadCardHeader","PayloadDetailsBox","PayloadEditorBox","PayloadTableCell","createPayloadRenderPlugin","__toCommonJS","import_material","import_default_256","import_jsx_runtime","PayloadAvatar","props","import_material","import_react","import_jsx_runtime","PayloadCardActionArea","payload","props","import_material","import_react_payload_details","import_react","import_jsx_runtime","PayloadCardContent","payload","props","import_material","import_react_identicon","import_react_shared","import_react","import_jsx_runtime","PayloadCardHeader","payload","props","hash","import_react_payload_details","import_react","import_jsx_runtime","PayloadDetailsBox","props","ref","import_react_payload_details","import_jsx_runtime","PayloadEditorBox","props","import_material","import_jsx_runtime","PayloadTableCell","payload","props","import_lodash","DefaultPayloadRenderPlugin","payload","PayloadAvatar","PayloadDetailsBox","PayloadEditorBox","PayloadCardActionArea","PayloadCardContent","PayloadCardHeader","PayloadTableCell","createPayloadRenderPlugin","plugin","DefaultPayloadRenderPlugin"]}
+{"version":3,"sources":["../../src/index.ts","../../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/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["export * from './components'\nexport * from './createPayloadRenderPlugin'\nexport * from './DefaultPayloadRenderPlugin'\nexport * from './PayloadRenderPlugin'\n","import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { 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'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin'\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAoC;;;ACApC,yBAA6C;;;ADMpC;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,4CAAC,0BAAO,KAAK,4BAAoB,GAAG,OAAO;AACpD;;;AEPA,IAAAA,mBAAoD;AACpD,mBAA2B;AAMlB,IAAAC,sBAAA;AADF,IAAM,4BAAwB,yBAAqE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACnI,SAAO,6CAAC,mCAAgB,GAAG,OAAO;AACpC,CAAC;AAED,sBAAsB,cAAc;;;ACVpC,IAAAC,mBAA8C;AAC9C,mCAA+B;AAC/B,IAAAC,gBAA2B;AAOrB,IAAAC,sBAAA;AAHC,IAAM,yBAAqB,0BAA+D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1H,SACE,6CAAC,gCAAa,GAAG,OACf,uDAAC,+CAAe,SAAkB,GACpC;AAEJ,CAAC;AAED,mBAAmB,cAAc;;;ACdjC,IAAAC,mBAA4C;AAC5C,6BAA0B;AAC1B,0BAA+B;AAC/B,IAAAC,gBAA2B;AAMmC,IAAAC,sBAAA;AAFvD,IAAM,wBAAoB,0BAA8D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxH,QAAM,WAAO,oCAAe,OAAO;AACnC,SAAO,6CAAC,+BAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,6CAAC,oCAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G,CAAC;AAED,kBAAkB,cAAc;;;ACXhC,IAAAC,gCAA+B;AAC/B,IAAAC,gBAA2B;AAKlB,IAAAC,sBAAA;AADT,IAAM,wBAAoB,0BAA8D,CAAC,OAAO,QAAQ;AACtG,SAAO,6CAAC,gDAAe,KAAW,GAAG,OAAO;AAC9C,CAAC;AAED,kBAAkB,cAAc;;;ACThC,IAAAC,gCAA+B;AAKtB,IAAAC,sBAAA;AADF,IAAM,mBAAsE,CAAC,UAAU;AAC5F,SAAO,6CAAC,gDAAgB,GAAG,OAAO;AACpC;;;ACPA,IAAAC,mBAAsD;AAQhD,IAAAC,sBAAA;AAHC,IAAM,mBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxG,SACE,6CAAC,8BAAW,GAAG,OACb,uDAAC,+BAAY,mBAAS,QAAO,GAC/B;AAEJ;;;ACXA,oBAAsB;;;ACaf,IAAM,6BAAkD;AAAA,EAC7D,WAAW,SAAU,SAA4B;AAC/C,WAAO,CAAC,CAAC,SAAS;AAAA,EACpB;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,KAAK;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,MAAM;AACR;;;AD9BO,IAAM,4BAA4B,CAAC,WAA2D;AACnG,aAAO,qBAAM,CAAC,GAAG,4BAA4B,MAAM;AACrD;","names":["import_material","import_jsx_runtime","import_material","import_react","import_jsx_runtime","import_material","import_react","import_jsx_runtime","import_react_payload_details","import_react","import_jsx_runtime","import_react_payload_details","import_jsx_runtime","import_material","import_jsx_runtime"]}

package/dist/neutral/index.js

@@ -1,2 +1,110 @@
-import{Avatar as C}from"@mui/material";import{default as n}from"./default-256-FF63Q77N.jpg";import{jsx as R}from"react/jsx-runtime";var P=({...o})=>R(C,{src:n,...o});import{CardActionArea as c}from"@mui/material";import{forwardRef as x}from"react";import{jsx as u}from"react/jsx-runtime";var a=x(({payload:o,...r})=>u(c,{...r}));a.displayName="ButtonExXYLabs";import{CardContent as A}from"@mui/material";import{PayloadDetails as g}from"@xyo-network/react-payload-details";import{forwardRef as v}from"react";import{jsx as p}from"react/jsx-runtime";var e=v(({payload:o,...r})=>p(A,{...r,children:p(g,{payload:o})}));e.displayName="PayloadCardContent";import{CardHeader as D}from"@mui/material";import{Identicon as T}from"@xylabs/react-identicon";import{usePayloadHash as b}from"@xyo-network/react-shared";import{forwardRef as B}from"react";import{jsx as m}from"react/jsx-runtime";var d=B(({payload:o,...r})=>{let l=b(o);return m(D,{title:"Payload",subheader:l,avatar:m(T,{size:24,value:l}),...r})});d.displayName="PayloadCardHeader";import{PayloadDetails as H}from"@xyo-network/react-payload-details";import{forwardRef as h}from"react";import{jsx as E}from"react/jsx-runtime";var t=h((o,r)=>E(H,{ref:r,...o}));t.displayName="PayloadDetailsBox";import{PayloadDetails as F}from"@xyo-network/react-payload-details";import{jsx as L}from"react/jsx-runtime";var i=o=>L(F,{...o});import{TableCell as w,Typography as M}from"@mui/material";import{jsx as y}from"react/jsx-runtime";var s=({payload:o,...r})=>y(w,{...r,children:y(M,{children:o?.schema})});import{merge as N}from"@xylabs/lodash";var f={canRender:function(o){return!!o?.schema},components:{avatar:{image:P},box:{detailsBox:t,editor:i},card:{actionArea:a,content:e,header:d},table:{cell:s}},name:"Payload"};var vo=o=>N({},f,o);export{f as DefaultPayloadRenderPlugin,P as PayloadAvatar,a as PayloadCardActionArea,e as PayloadCardContent,d as PayloadCardHeader,t as PayloadDetailsBox,i as PayloadEditorBox,s as PayloadTableCell,vo as createPayloadRenderPlugin};
+// src/components/PayloadAvatar.tsx
+import { Avatar } from "@mui/material";
+
+// src/img/index.ts
+import { default as default2 } from "./default-256-FF63Q77N.jpg";
+
+// src/components/PayloadAvatar.tsx
+import { jsx } from "react/jsx-runtime";
+var PayloadAvatar = ({ ...props }) => {
+  return /* @__PURE__ */ jsx(Avatar, { src: default2, ...props });
+};
+
+// src/components/PayloadCardActionArea.tsx
+import { CardActionArea } from "@mui/material";
+import { forwardRef } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PayloadCardActionArea = forwardRef(({ payload, ...props }) => {
+  return /* @__PURE__ */ jsx2(CardActionArea, { ...props });
+});
+PayloadCardActionArea.displayName = "ButtonExXYLabs";
+
+// src/components/PayloadCardContent.tsx
+import { CardContent } from "@mui/material";
+import { PayloadDetails } from "@xyo-network/react-payload-details";
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var PayloadCardContent = forwardRef2(({ payload, ...props }) => {
+  return /* @__PURE__ */ jsx3(CardContent, { ...props, children: /* @__PURE__ */ jsx3(PayloadDetails, { payload }) });
+});
+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 { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var PayloadCardHeader = forwardRef3(({ payload, ...props }) => {
+  const hash = usePayloadHash(payload);
+  return /* @__PURE__ */ jsx4(CardHeader, { title: "Payload", subheader: hash, avatar: /* @__PURE__ */ jsx4(Identicon, { size: 24, value: hash }), ...props });
+});
+PayloadCardHeader.displayName = "PayloadCardHeader";
+
+// src/components/PayloadDetailsBox.tsx
+import { PayloadDetails as PayloadDetails2 } from "@xyo-network/react-payload-details";
+import { forwardRef as forwardRef4 } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var PayloadDetailsBox = forwardRef4((props, ref) => {
+  return /* @__PURE__ */ jsx5(PayloadDetails2, { ref, ...props });
+});
+PayloadDetailsBox.displayName = "PayloadDetailsBox";
+
+// src/components/PayloadEditorBox.tsx
+import { PayloadDetails as PayloadDetails3 } from "@xyo-network/react-payload-details";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var PayloadEditorBox = (props) => {
+  return /* @__PURE__ */ jsx6(PayloadDetails3, { ...props });
+};
+
+// src/components/PayloadTableCell.tsx
+import { TableCell, Typography } from "@mui/material";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var PayloadTableCell = ({ payload, ...props }) => {
+  return /* @__PURE__ */ jsx7(TableCell, { ...props, children: /* @__PURE__ */ jsx7(Typography, { children: payload?.schema }) });
+};
+
+// src/createPayloadRenderPlugin.ts
+import { merge } from "@xylabs/lodash";
+
+// src/DefaultPayloadRenderPlugin.ts
+var DefaultPayloadRenderPlugin = {
+  canRender: function(payload) {
+    return !!payload?.schema;
+  },
+  components: {
+    avatar: {
+      image: PayloadAvatar
+    },
+    box: {
+      detailsBox: PayloadDetailsBox,
+      editor: PayloadEditorBox
+    },
+    card: {
+      actionArea: PayloadCardActionArea,
+      content: PayloadCardContent,
+      header: PayloadCardHeader
+    },
+    table: {
+      cell: PayloadTableCell
+    }
+  },
+  name: "Payload"
+};
+
+// src/createPayloadRenderPlugin.ts
+var createPayloadRenderPlugin = (plugin) => {
+  return merge({}, DefaultPayloadRenderPlugin, plugin);
+};
+export {
+  DefaultPayloadRenderPlugin,
+  PayloadAvatar,
+  PayloadCardActionArea,
+  PayloadCardContent,
+  PayloadCardHeader,
+  PayloadDetailsBox,
+  PayloadEditorBox,
+  PayloadTableCell,
+  createPayloadRenderPlugin
+};
 //# sourceMappingURL=index.js.map

package/dist/neutral/index.js.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/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { 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'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin'\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"],"mappings":"AAAA,OAAS,UAAAA,MAA2B,gBCApC,OAAoB,WAAXC,MAAoC,6BDMpC,cAAAC,MAAA,oBADF,IAAMC,EAA4D,CAAC,CAAE,GAAGC,CAAM,IAC5EF,EAACG,EAAA,CAAO,IAAKC,EAAoB,GAAGF,EAAO,EENpD,OAAS,kBAAAG,MAA2C,gBACpD,OAAS,cAAAC,MAAkB,QAMlB,cAAAC,MAAA,oBADF,IAAMC,EAAwBF,EAAqE,CAAC,CAAE,QAAAG,EAAS,GAAGC,CAAM,IACtHH,EAACF,EAAA,CAAgB,GAAGK,EAAO,CACnC,EAEDF,EAAsB,YAAc,iBCVpC,OAAS,eAAAG,MAAqC,gBAC9C,OAAS,kBAAAC,MAAsB,qCAC/B,OAAS,cAAAC,MAAkB,QAOrB,cAAAC,MAAA,oBAHC,IAAMC,EAAqBF,EAA+D,CAAC,CAAE,QAAAG,EAAS,GAAGC,CAAM,IAElHH,EAACH,EAAA,CAAa,GAAGM,EACf,SAAAH,EAACF,EAAA,CAAe,QAASI,EAAS,EACpC,CAEH,EAEDD,EAAmB,YAAc,qBCdjC,OAAS,cAAAG,MAAmC,gBAC5C,OAAS,aAAAC,MAAiB,0BAC1B,OAAS,kBAAAC,MAAsB,4BAC/B,OAAS,cAAAC,MAAkB,QAMmC,cAAAC,MAAA,oBAFvD,IAAMC,EAAoBF,EAA8D,CAAC,CAAE,QAAAG,EAAS,GAAGC,CAAM,IAAM,CACxH,IAAMC,EAAON,EAAeI,CAAO,EACnC,OAAOF,EAACJ,EAAA,CAAW,MAAM,UAAU,UAAWQ,EAAM,OAAQJ,EAACH,EAAA,CAAU,KAAM,GAAI,MAAOO,EAAM,EAAK,GAAGD,EAAO,CAC/G,CAAC,EAEDF,EAAkB,YAAc,oBCXhC,OAAS,kBAAAI,MAAsB,qCAC/B,OAAS,cAAAC,MAAkB,QAKlB,cAAAC,MAAA,oBADT,IAAMC,EAAoBF,EAA8D,CAACG,EAAOC,IACvFH,EAACF,EAAA,CAAe,IAAKK,EAAM,GAAGD,EAAO,CAC7C,EAEDD,EAAkB,YAAc,oBCThC,OAAS,kBAAAG,MAAsB,qCAKtB,cAAAC,MAAA,oBADF,IAAMC,EAAuEC,GAC3EF,EAACD,EAAA,CAAgB,GAAGG,EAAO,ECNpC,OAAS,aAAAC,EAA2B,cAAAC,MAAkB,gBAQhD,cAAAC,MAAA,oBAHC,IAAMC,EAAkE,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,IAEhGH,EAACF,EAAA,CAAW,GAAGK,EACb,SAAAH,EAACD,EAAA,CAAY,SAAAG,GAAS,OAAO,EAC/B,ECTJ,OAAS,SAAAE,MAAa,iBCaf,IAAMC,EAAkD,CAC7D,UAAW,SAAUC,EAA4B,CAC/C,MAAO,CAAC,CAACA,GAAS,MACpB,EACA,WAAY,CACV,OAAQ,CACN,MAAOC,CACT,EACA,IAAK,CACH,WAAYC,EACZ,OAAQC,CACV,EACA,KAAM,CACJ,WAAYC,EACZ,QAASC,EACT,OAAQC,CACV,EACA,MAAO,CACL,KAAMC,CACR,CACF,EACA,KAAM,SACR,ED9BO,IAAMC,GAA6BC,GACjCC,EAAM,CAAC,EAAGC,EAA4BF,CAAM","names":["Avatar","default","jsx","PayloadAvatar","props","Avatar","default","CardActionArea","forwardRef","jsx","PayloadCardActionArea","payload","props","CardContent","PayloadDetails","forwardRef","jsx","PayloadCardContent","payload","props","CardHeader","Identicon","usePayloadHash","forwardRef","jsx","PayloadCardHeader","payload","props","hash","PayloadDetails","forwardRef","jsx","PayloadDetailsBox","props","ref","PayloadDetails","jsx","PayloadEditorBox","props","TableCell","Typography","jsx","PayloadTableCell","payload","props","merge","DefaultPayloadRenderPlugin","payload","PayloadAvatar","PayloadDetailsBox","PayloadEditorBox","PayloadCardActionArea","PayloadCardContent","PayloadCardHeader","PayloadTableCell","createPayloadRenderPlugin","plugin","merge","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/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { 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'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin'\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"],"mappings":";AAAA,SAAS,cAA2B;;;ACApC,SAAoB,WAAXA,gBAAoC;;;ADMpC;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,oBAAC,UAAO,KAAKC,UAAoB,GAAG,OAAO;AACpD;;;AEPA,SAAS,sBAA2C;AACpD,SAAS,kBAAkB;AAMlB,gBAAAC,YAAA;AADF,IAAM,wBAAwB,WAAqE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACnI,SAAO,gBAAAA,KAAC,kBAAgB,GAAG,OAAO;AACpC,CAAC;AAED,sBAAsB,cAAc;;;ACVpC,SAAS,mBAAqC;AAC9C,SAAS,sBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAOrB,gBAAAC,YAAA;AAHC,IAAM,qBAAqBD,YAA+D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1H,SACE,gBAAAC,KAAC,eAAa,GAAG,OACf,0BAAAA,KAAC,kBAAe,SAAkB,GACpC;AAEJ,CAAC;AAED,mBAAmB,cAAc;;;ACdjC,SAAS,kBAAmC;AAC5C,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAMmC,gBAAAC,YAAA;AAFvD,IAAM,oBAAoBD,YAA8D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxH,QAAM,OAAO,eAAe,OAAO;AACnC,SAAO,gBAAAC,KAAC,cAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,gBAAAA,KAAC,aAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G,CAAC;AAED,kBAAkB,cAAc;;;ACXhC,SAAS,kBAAAC,uBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAKlB,gBAAAC,YAAA;AADT,IAAM,oBAAoBD,YAA8D,CAAC,OAAO,QAAQ;AACtG,SAAO,gBAAAC,KAACF,iBAAA,EAAe,KAAW,GAAG,OAAO;AAC9C,CAAC;AAED,kBAAkB,cAAc;;;ACThC,SAAS,kBAAAG,uBAAsB;AAKtB,gBAAAC,YAAA;AADF,IAAM,mBAAsE,CAAC,UAAU;AAC5F,SAAO,gBAAAA,KAACD,iBAAA,EAAgB,GAAG,OAAO;AACpC;;;ACPA,SAAS,WAA2B,kBAAkB;AAQhD,gBAAAE,YAAA;AAHC,IAAM,mBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxG,SACE,gBAAAA,KAAC,aAAW,GAAG,OACb,0BAAAA,KAAC,cAAY,mBAAS,QAAO,GAC/B;AAEJ;;;ACXA,SAAS,aAAa;;;ACaf,IAAM,6BAAkD;AAAA,EAC7D,WAAW,SAAU,SAA4B;AAC/C,WAAO,CAAC,CAAC,SAAS;AAAA,EACpB;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,KAAK;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,MAAM;AACR;;;AD9BO,IAAM,4BAA4B,CAAC,WAA2D;AACnG,SAAO,MAAM,CAAC,GAAG,4BAA4B,MAAM;AACrD;","names":["default","default","jsx","forwardRef","jsx","forwardRef","jsx","PayloadDetails","forwardRef","jsx","PayloadDetails","jsx","jsx"]}

package/dist/node/index.cjs

@@ -1,2 +1,155 @@
-"use strict";var Y=Object.create;var t=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var G=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var K=(o,r)=>{for(var a in r)t(o,a,{get:r[a],enumerable:!0})},u=(o,r,a,x)=>{if(r&&typeof r=="object"||typeof r=="function")for(let e of q(r))!J.call(o,e)&&e!==a&&t(o,e,{get:()=>r[e],enumerable:!(x=k(r,e))||x.enumerable});return o};var O=(o,r,a)=>(a=o!=null?Y(G(o)):{},u(r||!o||!o.__esModule?t(a,"default",{value:o,enumerable:!0}):a,o)),Q=o=>u(t({},"__esModule",{value:!0}),o);var U={};K(U,{DefaultPayloadRenderPlugin:()=>c,PayloadAvatar:()=>i,PayloadCardActionArea:()=>d,PayloadCardContent:()=>l,PayloadCardHeader:()=>n,PayloadDetailsBox:()=>P,PayloadEditorBox:()=>y,PayloadTableCell:()=>R,createPayloadRenderPlugin:()=>S});module.exports=Q(U);var A=require("@mui/material");var m=O(require("./default-256-FF63Q77N.jpg"),1);var g=require("react/jsx-runtime"),i=({...o})=>(0,g.jsx)(A.Avatar,{src:m.default,...o});var v=require("@mui/material"),D=require("react"),T=require("react/jsx-runtime"),d=(0,D.forwardRef)(({payload:o,...r})=>(0,T.jsx)(v.CardActionArea,{...r}));d.displayName="ButtonExXYLabs";var b=require("@mui/material"),B=require("@xyo-network/react-payload-details"),H=require("react"),s=require("react/jsx-runtime"),l=(0,H.forwardRef)(({payload:o,...r})=>(0,s.jsx)(b.CardContent,{...r,children:(0,s.jsx)(B.PayloadDetails,{payload:o})}));l.displayName="PayloadCardContent";var h=require("@mui/material"),E=require("@xylabs/react-identicon"),F=require("@xyo-network/react-shared"),L=require("react"),f=require("react/jsx-runtime"),n=(0,L.forwardRef)(({payload:o,...r})=>{let a=(0,F.usePayloadHash)(o);return(0,f.jsx)(h.CardHeader,{title:"Payload",subheader:a,avatar:(0,f.jsx)(E.Identicon,{size:24,value:a}),...r})});n.displayName="PayloadCardHeader";var w=require("@xyo-network/react-payload-details"),M=require("react"),N=require("react/jsx-runtime"),P=(0,M.forwardRef)((o,r)=>(0,N.jsx)(w.PayloadDetails,{ref:r,...o}));P.displayName="PayloadDetailsBox";var I=require("@xyo-network/react-payload-details"),z=require("react/jsx-runtime"),y=o=>(0,z.jsx)(I.PayloadDetails,{...o});var p=require("@mui/material"),C=require("react/jsx-runtime"),R=({payload:o,...r})=>(0,C.jsx)(p.TableCell,{...r,children:(0,C.jsx)(p.Typography,{children:o==null?void 0:o.schema})});var X=require("@xylabs/lodash");var c={canRender:function(o){return!!(o!=null&&o.schema)},components:{avatar:{image:i},box:{detailsBox:P,editor:y},card:{actionArea:d,content:l,header:n},table:{cell:R}},name:"Payload"};var S=o=>(0,X.merge)({},c,o);0&&(module.exports={DefaultPayloadRenderPlugin,PayloadAvatar,PayloadCardActionArea,PayloadCardContent,PayloadCardHeader,PayloadDetailsBox,PayloadEditorBox,PayloadTableCell,createPayloadRenderPlugin});
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  DefaultPayloadRenderPlugin: () => DefaultPayloadRenderPlugin,
+  PayloadAvatar: () => PayloadAvatar,
+  PayloadCardActionArea: () => PayloadCardActionArea,
+  PayloadCardContent: () => PayloadCardContent,
+  PayloadCardHeader: () => PayloadCardHeader,
+  PayloadDetailsBox: () => PayloadDetailsBox,
+  PayloadEditorBox: () => PayloadEditorBox,
+  PayloadTableCell: () => PayloadTableCell,
+  createPayloadRenderPlugin: () => createPayloadRenderPlugin
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/PayloadAvatar.tsx
+var import_material = require("@mui/material");
+
+// src/img/index.ts
+var import_default_256 = __toESM(require("./default-256-FF63Q77N.jpg"), 1);
+
+// src/components/PayloadAvatar.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var PayloadAvatar = ({ ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { src: import_default_256.default, ...props });
+};
+
+// src/components/PayloadCardActionArea.tsx
+var import_material2 = require("@mui/material");
+var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PayloadCardActionArea = (0, import_react.forwardRef)(({ payload, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.CardActionArea, { ...props });
+});
+PayloadCardActionArea.displayName = "ButtonExXYLabs";
+
+// src/components/PayloadCardContent.tsx
+var import_material3 = require("@mui/material");
+var import_react_payload_details = require("@xyo-network/react-payload-details");
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var PayloadCardContent = (0, import_react2.forwardRef)(({ payload, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.CardContent, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_payload_details.PayloadDetails, { payload }) });
+});
+PayloadCardContent.displayName = "PayloadCardContent";
+
+// src/components/PayloadCardHeader.tsx
+var import_material4 = require("@mui/material");
+var import_react_identicon = require("@xylabs/react-identicon");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_react3 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var PayloadCardHeader = (0, import_react3.forwardRef)(({ payload, ...props }) => {
+  const hash = (0, import_react_shared.usePayloadHash)(payload);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.CardHeader, { title: "Payload", subheader: hash, avatar: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_identicon.Identicon, { size: 24, value: hash }), ...props });
+});
+PayloadCardHeader.displayName = "PayloadCardHeader";
+
+// src/components/PayloadDetailsBox.tsx
+var import_react_payload_details2 = require("@xyo-network/react-payload-details");
+var import_react4 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var PayloadDetailsBox = (0, import_react4.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_payload_details2.PayloadDetails, { ref, ...props });
+});
+PayloadDetailsBox.displayName = "PayloadDetailsBox";
+
+// src/components/PayloadEditorBox.tsx
+var import_react_payload_details3 = require("@xyo-network/react-payload-details");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var PayloadEditorBox = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_payload_details3.PayloadDetails, { ...props });
+};
+
+// src/components/PayloadTableCell.tsx
+var import_material5 = require("@mui/material");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var PayloadTableCell = ({ payload, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.TableCell, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Typography, { children: payload == null ? void 0 : payload.schema }) });
+};
+
+// src/createPayloadRenderPlugin.ts
+var import_lodash = require("@xylabs/lodash");
+
+// src/DefaultPayloadRenderPlugin.ts
+var DefaultPayloadRenderPlugin = {
+  canRender: function(payload) {
+    return !!(payload == null ? void 0 : payload.schema);
+  },
+  components: {
+    avatar: {
+      image: PayloadAvatar
+    },
+    box: {
+      detailsBox: PayloadDetailsBox,
+      editor: PayloadEditorBox
+    },
+    card: {
+      actionArea: PayloadCardActionArea,
+      content: PayloadCardContent,
+      header: PayloadCardHeader
+    },
+    table: {
+      cell: PayloadTableCell
+    }
+  },
+  name: "Payload"
+};
+
+// src/createPayloadRenderPlugin.ts
+var createPayloadRenderPlugin = (plugin) => {
+  return (0, import_lodash.merge)({}, DefaultPayloadRenderPlugin, plugin);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DefaultPayloadRenderPlugin,
+  PayloadAvatar,
+  PayloadCardActionArea,
+  PayloadCardContent,
+  PayloadCardHeader,
+  PayloadDetailsBox,
+  PayloadEditorBox,
+  PayloadTableCell,
+  createPayloadRenderPlugin
+});
 //# sourceMappingURL=index.cjs.map

package/dist/node/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../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/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["export * from './components'\nexport * from './createPayloadRenderPlugin'\nexport * from './DefaultPayloadRenderPlugin'\nexport * from './PayloadRenderPlugin'\n","import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { 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'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin'\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"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gCAAAE,EAAA,kBAAAC,EAAA,0BAAAC,EAAA,uBAAAC,EAAA,sBAAAC,EAAA,sBAAAC,EAAA,qBAAAC,EAAA,qBAAAC,EAAA,8BAAAC,IAAA,eAAAC,EAAAX,GCAA,IAAAY,EAAoC,yBCApC,IAAAC,EAA6C,2CDMpC,IAAAC,EAAA,6BADIC,EAA4D,CAAC,CAAE,GAAGC,CAAM,OAC5E,OAAC,UAAO,IAAK,UAAoB,GAAGA,EAAO,EENpD,IAAAC,EAAoD,yBACpDC,EAA2B,iBAMlBC,EAAA,6BADIC,KAAwB,cAAqE,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,OACtH,OAAC,kBAAgB,GAAGA,EAAO,CACnC,EAEDF,EAAsB,YAAc,iBCVpC,IAAAG,EAA8C,yBAC9CC,EAA+B,8CAC/BC,EAA2B,iBAOrBC,EAAA,6BAHOC,KAAqB,cAA+D,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,OAElH,OAAC,eAAa,GAAGA,EACf,mBAAC,kBAAe,QAASD,EAAS,EACpC,CAEH,EAEDD,EAAmB,YAAc,qBCdjC,IAAAG,EAA4C,yBAC5CC,EAA0B,mCAC1BC,EAA+B,qCAC/BC,EAA2B,iBAMmCC,EAAA,6BAFjDC,KAAoB,cAA8D,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,IAAM,CACxH,IAAMC,KAAO,kBAAeF,CAAO,EACnC,SAAO,OAAC,cAAW,MAAM,UAAU,UAAWE,EAAM,UAAQ,OAAC,aAAU,KAAM,GAAI,MAAOA,EAAM,EAAK,GAAGD,EAAO,CAC/G,CAAC,EAEDF,EAAkB,YAAc,oBCXhC,IAAAI,EAA+B,8CAC/BC,EAA2B,iBAKlBC,EAAA,6BADHC,KAAoB,cAA8D,CAACC,EAAOC,OACvF,OAAC,kBAAe,IAAKA,EAAM,GAAGD,EAAO,CAC7C,EAEDD,EAAkB,YAAc,oBCThC,IAAAG,EAA+B,8CAKtBC,EAAA,6BADIC,EAAuEC,MAC3E,OAAC,kBAAgB,GAAGA,EAAO,ECNpC,IAAAC,EAAsD,yBAQhDC,EAAA,6BAHOC,EAAkE,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,OAEhG,OAAC,aAAW,GAAGA,EACb,mBAAC,cAAY,SAAAD,GAAA,YAAAA,EAAS,OAAO,EAC/B,ECTJ,IAAAE,EAAsB,0BCaf,IAAMC,EAAkD,CAC7D,UAAW,SAAUC,EAA4B,CAC/C,MAAO,CAAC,EAACA,GAAA,MAAAA,EAAS,OACpB,EACA,WAAY,CACV,OAAQ,CACN,MAAOC,CACT,EACA,IAAK,CACH,WAAYC,EACZ,OAAQC,CACV,EACA,KAAM,CACJ,WAAYC,EACZ,QAASC,EACT,OAAQC,CACV,EACA,MAAO,CACL,KAAMC,CACR,CACF,EACA,KAAM,SACR,ED9BO,IAAMC,EAA6BC,MACjC,SAAM,CAAC,EAAGC,EAA4BD,CAAM","names":["src_exports","__export","DefaultPayloadRenderPlugin","PayloadAvatar","PayloadCardActionArea","PayloadCardContent","PayloadCardHeader","PayloadDetailsBox","PayloadEditorBox","PayloadTableCell","createPayloadRenderPlugin","__toCommonJS","import_material","import_default_256","import_jsx_runtime","PayloadAvatar","props","import_material","import_react","import_jsx_runtime","PayloadCardActionArea","payload","props","import_material","import_react_payload_details","import_react","import_jsx_runtime","PayloadCardContent","payload","props","import_material","import_react_identicon","import_react_shared","import_react","import_jsx_runtime","PayloadCardHeader","payload","props","hash","import_react_payload_details","import_react","import_jsx_runtime","PayloadDetailsBox","props","ref","import_react_payload_details","import_jsx_runtime","PayloadEditorBox","props","import_material","import_jsx_runtime","PayloadTableCell","payload","props","import_lodash","DefaultPayloadRenderPlugin","payload","PayloadAvatar","PayloadDetailsBox","PayloadEditorBox","PayloadCardActionArea","PayloadCardContent","PayloadCardHeader","PayloadTableCell","createPayloadRenderPlugin","plugin","DefaultPayloadRenderPlugin"]}
+{"version":3,"sources":["../../src/index.ts","../../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/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["export * from './components'\nexport * from './createPayloadRenderPlugin'\nexport * from './DefaultPayloadRenderPlugin'\nexport * from './PayloadRenderPlugin'\n","import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { 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'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin'\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAoC;;;ACApC,yBAA6C;;;ADMpC;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,4CAAC,0BAAO,KAAK,4BAAoB,GAAG,OAAO;AACpD;;;AEPA,IAAAA,mBAAoD;AACpD,mBAA2B;AAMlB,IAAAC,sBAAA;AADF,IAAM,4BAAwB,yBAAqE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACnI,SAAO,6CAAC,mCAAgB,GAAG,OAAO;AACpC,CAAC;AAED,sBAAsB,cAAc;;;ACVpC,IAAAC,mBAA8C;AAC9C,mCAA+B;AAC/B,IAAAC,gBAA2B;AAOrB,IAAAC,sBAAA;AAHC,IAAM,yBAAqB,0BAA+D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1H,SACE,6CAAC,gCAAa,GAAG,OACf,uDAAC,+CAAe,SAAkB,GACpC;AAEJ,CAAC;AAED,mBAAmB,cAAc;;;ACdjC,IAAAC,mBAA4C;AAC5C,6BAA0B;AAC1B,0BAA+B;AAC/B,IAAAC,gBAA2B;AAMmC,IAAAC,sBAAA;AAFvD,IAAM,wBAAoB,0BAA8D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxH,QAAM,WAAO,oCAAe,OAAO;AACnC,SAAO,6CAAC,+BAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,6CAAC,oCAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G,CAAC;AAED,kBAAkB,cAAc;;;ACXhC,IAAAC,gCAA+B;AAC/B,IAAAC,gBAA2B;AAKlB,IAAAC,sBAAA;AADT,IAAM,wBAAoB,0BAA8D,CAAC,OAAO,QAAQ;AACtG,SAAO,6CAAC,gDAAe,KAAW,GAAG,OAAO;AAC9C,CAAC;AAED,kBAAkB,cAAc;;;ACThC,IAAAC,gCAA+B;AAKtB,IAAAC,sBAAA;AADF,IAAM,mBAAsE,CAAC,UAAU;AAC5F,SAAO,6CAAC,gDAAgB,GAAG,OAAO;AACpC;;;ACPA,IAAAC,mBAAsD;AAQhD,IAAAC,sBAAA;AAHC,IAAM,mBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxG,SACE,6CAAC,8BAAW,GAAG,OACb,uDAAC,+BAAY,6CAAS,QAAO,GAC/B;AAEJ;;;ACXA,oBAAsB;;;ACaf,IAAM,6BAAkD;AAAA,EAC7D,WAAW,SAAU,SAA4B;AAC/C,WAAO,CAAC,EAAC,mCAAS;AAAA,EACpB;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,KAAK;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,MAAM;AACR;;;AD9BO,IAAM,4BAA4B,CAAC,WAA2D;AACnG,aAAO,qBAAM,CAAC,GAAG,4BAA4B,MAAM;AACrD;","names":["import_material","import_jsx_runtime","import_material","import_react","import_jsx_runtime","import_material","import_react","import_jsx_runtime","import_react_payload_details","import_react","import_jsx_runtime","import_react_payload_details","import_jsx_runtime","import_material","import_jsx_runtime"]}

package/dist/node/index.js

@@ -1,2 +1,110 @@
-import{Avatar as C}from"@mui/material";import{default as n}from"./default-256-FF63Q77N.jpg";import{jsx as R}from"react/jsx-runtime";var P=({...o})=>R(C,{src:n,...o});import{CardActionArea as c}from"@mui/material";import{forwardRef as x}from"react";import{jsx as u}from"react/jsx-runtime";var a=x(({payload:o,...r})=>u(c,{...r}));a.displayName="ButtonExXYLabs";import{CardContent as A}from"@mui/material";import{PayloadDetails as g}from"@xyo-network/react-payload-details";import{forwardRef as v}from"react";import{jsx as p}from"react/jsx-runtime";var e=v(({payload:o,...r})=>p(A,{...r,children:p(g,{payload:o})}));e.displayName="PayloadCardContent";import{CardHeader as D}from"@mui/material";import{Identicon as T}from"@xylabs/react-identicon";import{usePayloadHash as b}from"@xyo-network/react-shared";import{forwardRef as B}from"react";import{jsx as m}from"react/jsx-runtime";var t=B(({payload:o,...r})=>{let l=b(o);return m(D,{title:"Payload",subheader:l,avatar:m(T,{size:24,value:l}),...r})});t.displayName="PayloadCardHeader";import{PayloadDetails as H}from"@xyo-network/react-payload-details";import{forwardRef as h}from"react";import{jsx as E}from"react/jsx-runtime";var d=h((o,r)=>E(H,{ref:r,...o}));d.displayName="PayloadDetailsBox";import{PayloadDetails as F}from"@xyo-network/react-payload-details";import{jsx as L}from"react/jsx-runtime";var i=o=>L(F,{...o});import{TableCell as w,Typography as M}from"@mui/material";import{jsx as s}from"react/jsx-runtime";var f=({payload:o,...r})=>s(w,{...r,children:s(M,{children:o==null?void 0:o.schema})});import{merge as N}from"@xylabs/lodash";var y={canRender:function(o){return!!(o!=null&&o.schema)},components:{avatar:{image:P},box:{detailsBox:d,editor:i},card:{actionArea:a,content:e,header:t},table:{cell:f}},name:"Payload"};var vo=o=>N({},y,o);export{y as DefaultPayloadRenderPlugin,P as PayloadAvatar,a as PayloadCardActionArea,e as PayloadCardContent,t as PayloadCardHeader,d as PayloadDetailsBox,i as PayloadEditorBox,f as PayloadTableCell,vo as createPayloadRenderPlugin};
+// src/components/PayloadAvatar.tsx
+import { Avatar } from "@mui/material";
+
+// src/img/index.ts
+import { default as default2 } from "./default-256-FF63Q77N.jpg";
+
+// src/components/PayloadAvatar.tsx
+import { jsx } from "react/jsx-runtime";
+var PayloadAvatar = ({ ...props }) => {
+  return /* @__PURE__ */ jsx(Avatar, { src: default2, ...props });
+};
+
+// src/components/PayloadCardActionArea.tsx
+import { CardActionArea } from "@mui/material";
+import { forwardRef } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PayloadCardActionArea = forwardRef(({ payload, ...props }) => {
+  return /* @__PURE__ */ jsx2(CardActionArea, { ...props });
+});
+PayloadCardActionArea.displayName = "ButtonExXYLabs";
+
+// src/components/PayloadCardContent.tsx
+import { CardContent } from "@mui/material";
+import { PayloadDetails } from "@xyo-network/react-payload-details";
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var PayloadCardContent = forwardRef2(({ payload, ...props }) => {
+  return /* @__PURE__ */ jsx3(CardContent, { ...props, children: /* @__PURE__ */ jsx3(PayloadDetails, { payload }) });
+});
+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 { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var PayloadCardHeader = forwardRef3(({ payload, ...props }) => {
+  const hash = usePayloadHash(payload);
+  return /* @__PURE__ */ jsx4(CardHeader, { title: "Payload", subheader: hash, avatar: /* @__PURE__ */ jsx4(Identicon, { size: 24, value: hash }), ...props });
+});
+PayloadCardHeader.displayName = "PayloadCardHeader";
+
+// src/components/PayloadDetailsBox.tsx
+import { PayloadDetails as PayloadDetails2 } from "@xyo-network/react-payload-details";
+import { forwardRef as forwardRef4 } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var PayloadDetailsBox = forwardRef4((props, ref) => {
+  return /* @__PURE__ */ jsx5(PayloadDetails2, { ref, ...props });
+});
+PayloadDetailsBox.displayName = "PayloadDetailsBox";
+
+// src/components/PayloadEditorBox.tsx
+import { PayloadDetails as PayloadDetails3 } from "@xyo-network/react-payload-details";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var PayloadEditorBox = (props) => {
+  return /* @__PURE__ */ jsx6(PayloadDetails3, { ...props });
+};
+
+// src/components/PayloadTableCell.tsx
+import { TableCell, Typography } from "@mui/material";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var PayloadTableCell = ({ payload, ...props }) => {
+  return /* @__PURE__ */ jsx7(TableCell, { ...props, children: /* @__PURE__ */ jsx7(Typography, { children: payload == null ? void 0 : payload.schema }) });
+};
+
+// src/createPayloadRenderPlugin.ts
+import { merge } from "@xylabs/lodash";
+
+// src/DefaultPayloadRenderPlugin.ts
+var DefaultPayloadRenderPlugin = {
+  canRender: function(payload) {
+    return !!(payload == null ? void 0 : payload.schema);
+  },
+  components: {
+    avatar: {
+      image: PayloadAvatar
+    },
+    box: {
+      detailsBox: PayloadDetailsBox,
+      editor: PayloadEditorBox
+    },
+    card: {
+      actionArea: PayloadCardActionArea,
+      content: PayloadCardContent,
+      header: PayloadCardHeader
+    },
+    table: {
+      cell: PayloadTableCell
+    }
+  },
+  name: "Payload"
+};
+
+// src/createPayloadRenderPlugin.ts
+var createPayloadRenderPlugin = (plugin) => {
+  return merge({}, DefaultPayloadRenderPlugin, plugin);
+};
+export {
+  DefaultPayloadRenderPlugin,
+  PayloadAvatar,
+  PayloadCardActionArea,
+  PayloadCardContent,
+  PayloadCardHeader,
+  PayloadDetailsBox,
+  PayloadEditorBox,
+  PayloadTableCell,
+  createPayloadRenderPlugin
+};
 //# sourceMappingURL=index.js.map

package/dist/node/index.js.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/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { 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'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin'\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"],"mappings":"AAAA,OAAS,UAAAA,MAA2B,gBCApC,OAAoB,WAAXC,MAAoC,6BDMpC,cAAAC,MAAA,oBADF,IAAMC,EAA4D,CAAC,CAAE,GAAGC,CAAM,IAC5EF,EAACG,EAAA,CAAO,IAAKC,EAAoB,GAAGF,EAAO,EENpD,OAAS,kBAAAG,MAA2C,gBACpD,OAAS,cAAAC,MAAkB,QAMlB,cAAAC,MAAA,oBADF,IAAMC,EAAwBF,EAAqE,CAAC,CAAE,QAAAG,EAAS,GAAGC,CAAM,IACtHH,EAACF,EAAA,CAAgB,GAAGK,EAAO,CACnC,EAEDF,EAAsB,YAAc,iBCVpC,OAAS,eAAAG,MAAqC,gBAC9C,OAAS,kBAAAC,MAAsB,qCAC/B,OAAS,cAAAC,MAAkB,QAOrB,cAAAC,MAAA,oBAHC,IAAMC,EAAqBF,EAA+D,CAAC,CAAE,QAAAG,EAAS,GAAGC,CAAM,IAElHH,EAACH,EAAA,CAAa,GAAGM,EACf,SAAAH,EAACF,EAAA,CAAe,QAASI,EAAS,EACpC,CAEH,EAEDD,EAAmB,YAAc,qBCdjC,OAAS,cAAAG,MAAmC,gBAC5C,OAAS,aAAAC,MAAiB,0BAC1B,OAAS,kBAAAC,MAAsB,4BAC/B,OAAS,cAAAC,MAAkB,QAMmC,cAAAC,MAAA,oBAFvD,IAAMC,EAAoBF,EAA8D,CAAC,CAAE,QAAAG,EAAS,GAAGC,CAAM,IAAM,CACxH,IAAMC,EAAON,EAAeI,CAAO,EACnC,OAAOF,EAACJ,EAAA,CAAW,MAAM,UAAU,UAAWQ,EAAM,OAAQJ,EAACH,EAAA,CAAU,KAAM,GAAI,MAAOO,EAAM,EAAK,GAAGD,EAAO,CAC/G,CAAC,EAEDF,EAAkB,YAAc,oBCXhC,OAAS,kBAAAI,MAAsB,qCAC/B,OAAS,cAAAC,MAAkB,QAKlB,cAAAC,MAAA,oBADT,IAAMC,EAAoBF,EAA8D,CAACG,EAAOC,IACvFH,EAACF,EAAA,CAAe,IAAKK,EAAM,GAAGD,EAAO,CAC7C,EAEDD,EAAkB,YAAc,oBCThC,OAAS,kBAAAG,MAAsB,qCAKtB,cAAAC,MAAA,oBADF,IAAMC,EAAuEC,GAC3EF,EAACD,EAAA,CAAgB,GAAGG,EAAO,ECNpC,OAAS,aAAAC,EAA2B,cAAAC,MAAkB,gBAQhD,cAAAC,MAAA,oBAHC,IAAMC,EAAkE,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,IAEhGH,EAACF,EAAA,CAAW,GAAGK,EACb,SAAAH,EAACD,EAAA,CAAY,SAAAG,GAAA,YAAAA,EAAS,OAAO,EAC/B,ECTJ,OAAS,SAAAE,MAAa,iBCaf,IAAMC,EAAkD,CAC7D,UAAW,SAAUC,EAA4B,CAC/C,MAAO,CAAC,EAACA,GAAA,MAAAA,EAAS,OACpB,EACA,WAAY,CACV,OAAQ,CACN,MAAOC,CACT,EACA,IAAK,CACH,WAAYC,EACZ,OAAQC,CACV,EACA,KAAM,CACJ,WAAYC,EACZ,QAASC,EACT,OAAQC,CACV,EACA,MAAO,CACL,KAAMC,CACR,CACF,EACA,KAAM,SACR,ED9BO,IAAMC,GAA6BC,GACjCC,EAAM,CAAC,EAAGC,EAA4BF,CAAM","names":["Avatar","default","jsx","PayloadAvatar","props","Avatar","default","CardActionArea","forwardRef","jsx","PayloadCardActionArea","payload","props","CardContent","PayloadDetails","forwardRef","jsx","PayloadCardContent","payload","props","CardHeader","Identicon","usePayloadHash","forwardRef","jsx","PayloadCardHeader","payload","props","hash","PayloadDetails","forwardRef","jsx","PayloadDetailsBox","props","ref","PayloadDetails","jsx","PayloadEditorBox","props","TableCell","Typography","jsx","PayloadTableCell","payload","props","merge","DefaultPayloadRenderPlugin","payload","PayloadAvatar","PayloadDetailsBox","PayloadEditorBox","PayloadCardActionArea","PayloadCardContent","PayloadCardHeader","PayloadTableCell","createPayloadRenderPlugin","plugin","merge","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/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { 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'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin'\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"],"mappings":";AAAA,SAAS,cAA2B;;;ACApC,SAAoB,WAAXA,gBAAoC;;;ADMpC;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,oBAAC,UAAO,KAAKC,UAAoB,GAAG,OAAO;AACpD;;;AEPA,SAAS,sBAA2C;AACpD,SAAS,kBAAkB;AAMlB,gBAAAC,YAAA;AADF,IAAM,wBAAwB,WAAqE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACnI,SAAO,gBAAAA,KAAC,kBAAgB,GAAG,OAAO;AACpC,CAAC;AAED,sBAAsB,cAAc;;;ACVpC,SAAS,mBAAqC;AAC9C,SAAS,sBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAOrB,gBAAAC,YAAA;AAHC,IAAM,qBAAqBD,YAA+D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1H,SACE,gBAAAC,KAAC,eAAa,GAAG,OACf,0BAAAA,KAAC,kBAAe,SAAkB,GACpC;AAEJ,CAAC;AAED,mBAAmB,cAAc;;;ACdjC,SAAS,kBAAmC;AAC5C,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAMmC,gBAAAC,YAAA;AAFvD,IAAM,oBAAoBD,YAA8D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxH,QAAM,OAAO,eAAe,OAAO;AACnC,SAAO,gBAAAC,KAAC,cAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,gBAAAA,KAAC,aAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G,CAAC;AAED,kBAAkB,cAAc;;;ACXhC,SAAS,kBAAAC,uBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAKlB,gBAAAC,YAAA;AADT,IAAM,oBAAoBD,YAA8D,CAAC,OAAO,QAAQ;AACtG,SAAO,gBAAAC,KAACF,iBAAA,EAAe,KAAW,GAAG,OAAO;AAC9C,CAAC;AAED,kBAAkB,cAAc;;;ACThC,SAAS,kBAAAG,uBAAsB;AAKtB,gBAAAC,YAAA;AADF,IAAM,mBAAsE,CAAC,UAAU;AAC5F,SAAO,gBAAAA,KAACD,iBAAA,EAAgB,GAAG,OAAO;AACpC;;;ACPA,SAAS,WAA2B,kBAAkB;AAQhD,gBAAAE,YAAA;AAHC,IAAM,mBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxG,SACE,gBAAAA,KAAC,aAAW,GAAG,OACb,0BAAAA,KAAC,cAAY,6CAAS,QAAO,GAC/B;AAEJ;;;ACXA,SAAS,aAAa;;;ACaf,IAAM,6BAAkD;AAAA,EAC7D,WAAW,SAAU,SAA4B;AAC/C,WAAO,CAAC,EAAC,mCAAS;AAAA,EACpB;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,KAAK;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,MAAM;AACR;;;AD9BO,IAAM,4BAA4B,CAAC,WAA2D;AACnG,SAAO,MAAM,CAAC,GAAG,4BAA4B,MAAM;AACrD;","names":["default","default","jsx","forwardRef","jsx","forwardRef","jsx","PayloadDetails","forwardRef","jsx","PayloadDetails","jsx","jsx"]}

package/package.json

@@ -10,15 +10,15 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/lodash": "^3.5.1",
+    "@xylabs/lodash": "^3.5.2",
     "@xylabs/react-flexbox": "^3.1.7",
     "@xylabs/react-identicon": "^3.1.7",
-    "@xyo-network/payload-model": "^2.107.0",
-    "@xyo-network/react-payload-details": "~2.78.0",
-    "@xyo-network/react-shared": "~2.78.0"
+    "@xyo-network/payload-model": "^2.107.6",
+    "@xyo-network/react-payload-details": "^2.78.2",
+    "@xyo-network/react-shared": "^2.78.2"
   },
   "devDependencies": {
-    "@xylabs/ts-scripts-yarn3": "^3.11.8",
+    "@xylabs/ts-scripts-yarn3": "^3.11.12",
     "typescript": "^5.5.2"
   },
   "peerDependencies": {
@@ -81,6 +81,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.78.0",
+  "version": "2.78.2",
   "type": "module"
 }