@xyo-network/react-payload-plugin 2.81.9 → 2.82.0

package/dist/node/components/PayloadTableCell.d.ts

@@ -1,4 +1,5 @@
 import { TableCellProps } from '@mui/material';
-import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
+import React from 'react';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
 export declare const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps>;
 //# sourceMappingURL=PayloadTableCell.d.ts.map

package/dist/node/components/PayloadTableCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PayloadTableCell.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAc,MAAM,eAAe,CAAA;AAErE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAG9D,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,cAAc,CAM1E,CAAA"}
+{"version":3,"file":"PayloadTableCell.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAc,MAAM,eAAe,CAAA;AACrE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAG9D,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,cAAc,CAM1E,CAAA"}

package/dist/node/components/index.d.cts

@@ -1,8 +1,8 @@
-export * from './PayloadAvatar.js';
-export * from './PayloadCardActionArea.js';
-export * from './PayloadCardContent.js';
-export * from './PayloadCardHeader.js';
-export * from './PayloadDetailsBox.js';
-export * from './PayloadEditorBox.js';
-export * from './PayloadTableCell.js';
+export * from './PayloadAvatar.tsx';
+export * from './PayloadCardActionArea.tsx';
+export * from './PayloadCardContent.tsx';
+export * from './PayloadCardHeader.tsx';
+export * from './PayloadDetailsBox.tsx';
+export * from './PayloadEditorBox.tsx';
+export * from './PayloadTableCell.tsx';
 //# sourceMappingURL=index.d.ts.map

package/dist/node/components/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA"}

package/dist/node/components/index.d.mts

@@ -1,8 +1,8 @@
-export * from './PayloadAvatar.js';
-export * from './PayloadCardActionArea.js';
-export * from './PayloadCardContent.js';
-export * from './PayloadCardHeader.js';
-export * from './PayloadDetailsBox.js';
-export * from './PayloadEditorBox.js';
-export * from './PayloadTableCell.js';
+export * from './PayloadAvatar.tsx';
+export * from './PayloadCardActionArea.tsx';
+export * from './PayloadCardContent.tsx';
+export * from './PayloadCardHeader.tsx';
+export * from './PayloadDetailsBox.tsx';
+export * from './PayloadEditorBox.tsx';
+export * from './PayloadTableCell.tsx';
 //# sourceMappingURL=index.d.ts.map

package/dist/node/components/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA"}

package/dist/node/components/index.d.ts

@@ -1,8 +1,8 @@
-export * from './PayloadAvatar.js';
-export * from './PayloadCardActionArea.js';
-export * from './PayloadCardContent.js';
-export * from './PayloadCardHeader.js';
-export * from './PayloadDetailsBox.js';
-export * from './PayloadEditorBox.js';
-export * from './PayloadTableCell.js';
+export * from './PayloadAvatar.tsx';
+export * from './PayloadCardActionArea.tsx';
+export * from './PayloadCardContent.tsx';
+export * from './PayloadCardHeader.tsx';
+export * from './PayloadDetailsBox.tsx';
+export * from './PayloadEditorBox.tsx';
+export * from './PayloadTableCell.tsx';
 //# sourceMappingURL=index.d.ts.map

package/dist/node/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA"}

package/dist/node/createPayloadRenderPlugin.d.cts

@@ -1,3 +1,3 @@
-import { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.js';
+import { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts';
 export declare const createPayloadRenderPlugin: (plugin: PayloadRenderPluginConfig) => PayloadRenderPlugin;
 //# sourceMappingURL=createPayloadRenderPlugin.d.ts.map

package/dist/node/createPayloadRenderPlugin.d.mts

@@ -1,3 +1,3 @@
-import { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.js';
+import { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts';
 export declare const createPayloadRenderPlugin: (plugin: PayloadRenderPluginConfig) => PayloadRenderPlugin;
 //# sourceMappingURL=createPayloadRenderPlugin.d.ts.map

package/dist/node/createPayloadRenderPlugin.d.ts

@@ -1,3 +1,3 @@
-import { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.js';
+import { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts';
 export declare const createPayloadRenderPlugin: (plugin: PayloadRenderPluginConfig) => PayloadRenderPlugin;
 //# sourceMappingURL=createPayloadRenderPlugin.d.ts.map

package/dist/node/index.cjs

@@ -5,6 +5,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -44,32 +45,35 @@ module.exports = __toCommonJS(src_exports);
 
 // src/components/PayloadAvatar.tsx
 var import_material = require("@mui/material");
+var import_react = __toESM(require("react"), 1);
 
 // 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 });
-};
+var PayloadAvatar = /* @__PURE__ */ __name(({ ...props }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_material.Avatar, {
+    src: import_default_256.default,
+    ...props
+  });
+}, "PayloadAvatar");
 
 // 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 });
+var import_react2 = __toESM(require("react"), 1);
+var PayloadCardActionArea = /* @__PURE__ */ (0, import_react2.forwardRef)(({ ref, payload, ...props }) => {
+  return /* @__PURE__ */ import_react2.default.createElement(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 }) });
+var import_react3 = __toESM(require("react"), 1);
+var PayloadCardContent = /* @__PURE__ */ (0, import_react3.forwardRef)(({ payload, ...props }) => {
+  return /* @__PURE__ */ import_react3.default.createElement(import_material3.CardContent, props, /* @__PURE__ */ import_react3.default.createElement(import_react_payload_details.PayloadDetails, {
+    payload
+  }));
 });
 PayloadCardContent.displayName = "PayloadCardContent";
 
@@ -77,45 +81,54 @@ PayloadCardContent.displayName = "PayloadCardContent";
 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 }) => {
+var import_react4 = __toESM(require("react"), 1);
+var PayloadCardHeader = /* @__PURE__ */ (0, import_react4.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 });
+  return /* @__PURE__ */ import_react4.default.createElement(import_material4.CardHeader, {
+    title: "Payload",
+    subheader: hash,
+    avatar: /* @__PURE__ */ import_react4.default.createElement(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 });
+var import_react5 = __toESM(require("react"), 1);
+var PayloadDetailsBox = /* @__PURE__ */ (0, import_react5.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ import_react5.default.createElement(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 });
-};
+var import_react6 = __toESM(require("react"), 1);
+var PayloadEditorBox = /* @__PURE__ */ __name((props) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_react_payload_details3.PayloadDetails, props);
+}, "PayloadEditorBox");
 
 // 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 }) });
-};
+var import_react7 = __toESM(require("react"), 1);
+var PayloadTableCell = /* @__PURE__ */ __name(({ payload, ...props }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(import_material5.TableCell, props, /* @__PURE__ */ import_react7.default.createElement(import_material5.Typography, null, payload == null ? void 0 : payload.schema));
+}, "PayloadTableCell");
 
 // src/createPayloadRenderPlugin.ts
 var import_lodash = require("@xylabs/lodash");
 
 // src/DefaultPayloadRenderPlugin.ts
 var DefaultPayloadRenderPlugin = {
-  canRender: function(payload) {
+  canRender: /* @__PURE__ */ __name(function(payload) {
     return !!(payload == null ? void 0 : payload.schema);
-  },
+  }, "canRender"),
   components: {
     avatar: {
       image: PayloadAvatar
@@ -137,9 +150,9 @@ var DefaultPayloadRenderPlugin = {
 };
 
 // src/createPayloadRenderPlugin.ts
-var createPayloadRenderPlugin = (plugin) => {
+var createPayloadRenderPlugin = /* @__PURE__ */ __name((plugin) => {
   return (0, import_lodash.merge)({}, DefaultPayloadRenderPlugin, plugin);
-};
+}, "createPayloadRenderPlugin");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DefaultPayloadRenderPlugin,

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/index.js'\nexport * from './createPayloadRenderPlugin.js'\nexport * from './DefaultPayloadRenderPlugin.js'\nexport * from './PayloadRenderPlugin.js'\n","import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img/index.js'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\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.js'\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.js'\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.js'\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.js'\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.js'\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.js'\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.js'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.js'\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/index.js'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin.js'\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"]}
+{"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/index.ts'\nexport * from './createPayloadRenderPlugin.ts'\nexport * from './DefaultPayloadRenderPlugin.ts'\nexport * from './PayloadRenderPlugin.ts'\n","import { Avatar, AvatarProps } from '@mui/material'\nimport React from 'react'\n\nimport { DefaultAvatarIcon } from '../img/index.ts'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps> = ({ ...props }) => {\n  return <Avatar src={DefaultAvatarIcon} {...props} />\n}\n","export { default as DefaultAvatarIcon } from './default-256.jpg'\n","import { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars, @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ ref, payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardContent = forwardRef<HTMLElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }) => {\n  return (\n    <CardContent {...props}>\n      <PayloadDetails payload={payload} />\n    </CardContent>\n  )\n})\n\nPayloadCardContent.displayName = 'PayloadCardContent'\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardHeader = forwardRef<HTMLElement, PayloadRenderProps & CardHeaderProps>(({ payload, ...props }) => {\n  const hash = usePayloadHash(payload)\n  return <CardHeader title=\"Payload\" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />\n})\n\nPayloadCardHeader.displayName = 'PayloadCardHeader'\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\nimport React from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// DEFAULT IF DONT KNOW WHAT TO RENDER\nexport const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps> = ({ payload, ...props }) => {\n  return (\n    <TableCell {...props}>\n      <Typography>{payload?.schema}</Typography>\n    </TableCell>\n  )\n}\n","import { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.ts'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts'\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/index.ts'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'\n\nexport const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {\n  canRender: function (payload?: Payload): boolean {\n    return !!payload?.schema\n  },\n  components: {\n    avatar: {\n      image: PayloadAvatar,\n    },\n    box: {\n      detailsBox: PayloadDetailsBox,\n      editor: PayloadEditorBox,\n    },\n    card: {\n      actionArea: PayloadCardActionArea,\n      content: PayloadCardContent,\n      header: PayloadCardHeader,\n    },\n    table: {\n      cell: PayloadTableCell,\n    },\n  },\n  name: 'Payload',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;ACAA,sBAAoC;AACpC,mBAAkB;;;ACDlB,yBAA6C;;;ADMtC,IAAMA,gBAA4D,wBAAC,EAAE,GAAGC,MAAAA,MAAO;AACpF,SAAO,6BAAAC,QAAA,cAACC,wBAAAA;IAAOC,KAAKC;IAAoB,GAAGJ;;AAC7C,GAFyE;;;AENzE,IAAAK,mBAAoD;AACpD,IAAAC,gBAAkC;AAK3B,IAAMC,wBAAwBC,8CAAqE,CAAC,EAAEC,KAAKC,SAAS,GAAGC,MAAAA,MAAO;AACnI,SAAO,8BAAAC,QAAA,cAACC,iCAAmBF,KAAAA;AAC7B,CAAA;AAEAJ,sBAAsBO,cAAc;;;ACVpC,IAAAC,mBAA8C;AAC9C,mCAA+B;AAC/B,IAAAC,gBAAkC;AAK3B,IAAMC,qBAAqBC,8CAA+D,CAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AACrH,SACE,8BAAAC,QAAA,cAACC,8BAAgBF,OACf,8BAAAC,QAAA,cAACE,6CAAAA;IAAeJ;;AAGtB,CAAA;AAEAF,mBAAmBO,cAAc;;;ACfjC,IAAAC,mBAA4C;AAC5C,6BAA0B;AAC1B,0BAA+B;AAC/B,IAAAC,gBAAkC;AAK3B,IAAMC,oBAAoBC,8CAA8D,CAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AACnH,QAAMC,WAAOC,oCAAeH,OAAAA;AAC5B,SAAO,8BAAAI,QAAA,cAACC,6BAAAA;IAAWC,OAAM;IAAUC,WAAWL;IAAMM,QAAQ,8BAAAJ,QAAA,cAACK,kCAAAA;MAAUC,MAAM;MAAIC,OAAOT;;IAAW,GAAGD;;AACxG,CAAA;AAEAH,kBAAkBc,cAAc;;;ACZhC,IAAAC,gCAA+B;AAC/B,IAAAC,gBAAkC;AAIlC,IAAMC,oBAAoBC,8CAA8D,CAACC,OAAOC,QAAAA;AAC9F,SAAO,8BAAAC,QAAA,cAACC,8CAAAA;IAAeF;IAAW,GAAGD;;AACvC,CAAA;AAEAF,kBAAkBM,cAAc;;;ACThC,IAAAC,gCAA+B;AAC/B,IAAAC,gBAAkB;AAIX,IAAMC,mBAAsE,wBAACC,UAAAA;AAClF,SAAO,8BAAAC,QAAA,cAACC,8CAAmBF,KAAAA;AAC7B,GAFmF;;;ACNnF,IAAAG,mBAAsD;AACtD,IAAAC,gBAAkB;AAKX,IAAMC,mBAAkE,wBAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AACnG,SACE,8BAAAC,QAAA,cAACC,4BAAcF,OACb,8BAAAC,QAAA,cAACE,6BAAAA,MAAYJ,mCAASK,MAAAA,CAAAA;AAG5B,GAN+E;;;ACN/E,oBAAsB;;;ACaf,IAAMC,6BAAkD;EAC7DC,WAAW,gCAAUC,SAAiB;AACpC,WAAO,CAAC,EAACA,mCAASC;EACpB,GAFW;EAGXC,YAAY;IACVC,QAAQ;MACNC,OAAOC;IACT;IACAC,KAAK;MACHC,YAAYC;MACZC,QAAQC;IACV;IACAC,MAAM;MACJC,YAAYC;MACZC,SAASC;MACTC,QAAQC;IACV;IACAC,OAAO;MACLC,MAAMC;IACR;EACF;EACAC,MAAM;AACR;;;AD9BO,IAAMC,4BAA4B,wBAACC,WAAAA;AACxC,aAAOC,qBAAM,CAAC,GAAGC,4BAA4BF,MAAAA;AAC/C,GAFyC;","names":["PayloadAvatar","props","React","Avatar","src","DefaultAvatarIcon","import_material","import_react","PayloadCardActionArea","forwardRef","ref","payload","props","React","CardActionArea","displayName","import_material","import_react","PayloadCardContent","forwardRef","payload","props","React","CardContent","PayloadDetails","displayName","import_material","import_react","PayloadCardHeader","forwardRef","payload","props","hash","usePayloadHash","React","CardHeader","title","subheader","avatar","Identicon","size","value","displayName","import_react_payload_details","import_react","PayloadDetailsBox","forwardRef","props","ref","React","PayloadDetails","displayName","import_react_payload_details","import_react","PayloadEditorBox","props","React","PayloadDetails","import_material","import_react","PayloadTableCell","payload","props","React","TableCell","Typography","schema","DefaultPayloadRenderPlugin","canRender","payload","schema","components","avatar","image","PayloadAvatar","box","detailsBox","PayloadDetailsBox","editor","PayloadEditorBox","card","actionArea","PayloadCardActionArea","content","PayloadCardContent","header","PayloadCardHeader","table","cell","PayloadTableCell","name","createPayloadRenderPlugin","plugin","merge","DefaultPayloadRenderPlugin"]}

package/dist/node/index.d.cts

@@ -1,5 +1,5 @@
-export * from './components/index.js';
-export * from './createPayloadRenderPlugin.js';
-export * from './DefaultPayloadRenderPlugin.js';
-export * from './PayloadRenderPlugin.js';
+export * from './components/index.ts';
+export * from './createPayloadRenderPlugin.ts';
+export * from './DefaultPayloadRenderPlugin.ts';
+export * from './PayloadRenderPlugin.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/node/index.d.mts

@@ -1,5 +1,5 @@
-export * from './components/index.js';
-export * from './createPayloadRenderPlugin.js';
-export * from './DefaultPayloadRenderPlugin.js';
-export * from './PayloadRenderPlugin.js';
+export * from './components/index.ts';
+export * from './createPayloadRenderPlugin.ts';
+export * from './DefaultPayloadRenderPlugin.ts';
+export * from './PayloadRenderPlugin.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/node/index.d.ts

@@ -1,5 +1,5 @@
-export * from './components/index.js';
-export * from './createPayloadRenderPlugin.js';
-export * from './DefaultPayloadRenderPlugin.js';
-export * from './PayloadRenderPlugin.js';
+export * from './components/index.ts';
+export * from './createPayloadRenderPlugin.ts';
+export * from './DefaultPayloadRenderPlugin.ts';
+export * from './PayloadRenderPlugin.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/node/{index.js → index.mjs}

@@ -1,31 +1,37 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
 // src/components/PayloadAvatar.tsx
 import { Avatar } from "@mui/material";
+import React from "react";
 
 // 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 });
-};
+var PayloadAvatar = /* @__PURE__ */ __name(({ ...props }) => {
+  return /* @__PURE__ */ React.createElement(Avatar, {
+    src: default2,
+    ...props
+  });
+}, "PayloadAvatar");
 
 // 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 });
+import React2, { forwardRef } from "react";
+var PayloadCardActionArea = /* @__PURE__ */ forwardRef(({ ref, payload, ...props }) => {
+  return /* @__PURE__ */ React2.createElement(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 }) });
+import React3, { forwardRef as forwardRef2 } from "react";
+var PayloadCardContent = /* @__PURE__ */ forwardRef2(({ payload, ...props }) => {
+  return /* @__PURE__ */ React3.createElement(CardContent, props, /* @__PURE__ */ React3.createElement(PayloadDetails, {
+    payload
+  }));
 });
 PayloadCardContent.displayName = "PayloadCardContent";
 
@@ -33,45 +39,54 @@ PayloadCardContent.displayName = "PayloadCardContent";
 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 }) => {
+import React4, { forwardRef as forwardRef3 } from "react";
+var PayloadCardHeader = /* @__PURE__ */ forwardRef3(({ payload, ...props }) => {
   const hash = usePayloadHash(payload);
-  return /* @__PURE__ */ jsx4(CardHeader, { title: "Payload", subheader: hash, avatar: /* @__PURE__ */ jsx4(Identicon, { size: 24, value: hash }), ...props });
+  return /* @__PURE__ */ React4.createElement(CardHeader, {
+    title: "Payload",
+    subheader: hash,
+    avatar: /* @__PURE__ */ React4.createElement(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 });
+import React5, { forwardRef as forwardRef4 } from "react";
+var PayloadDetailsBox = /* @__PURE__ */ forwardRef4((props, ref) => {
+  return /* @__PURE__ */ React5.createElement(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 });
-};
+import React6 from "react";
+var PayloadEditorBox = /* @__PURE__ */ __name((props) => {
+  return /* @__PURE__ */ React6.createElement(PayloadDetails3, props);
+}, "PayloadEditorBox");
 
 // 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 }) });
-};
+import React7 from "react";
+var PayloadTableCell = /* @__PURE__ */ __name(({ payload, ...props }) => {
+  return /* @__PURE__ */ React7.createElement(TableCell, props, /* @__PURE__ */ React7.createElement(Typography, null, payload == null ? void 0 : payload.schema));
+}, "PayloadTableCell");
 
 // src/createPayloadRenderPlugin.ts
 import { merge } from "@xylabs/lodash";
 
 // src/DefaultPayloadRenderPlugin.ts
 var DefaultPayloadRenderPlugin = {
-  canRender: function(payload) {
+  canRender: /* @__PURE__ */ __name(function(payload) {
     return !!(payload == null ? void 0 : payload.schema);
-  },
+  }, "canRender"),
   components: {
     avatar: {
       image: PayloadAvatar
@@ -93,9 +108,9 @@ var DefaultPayloadRenderPlugin = {
 };
 
 // src/createPayloadRenderPlugin.ts
-var createPayloadRenderPlugin = (plugin) => {
+var createPayloadRenderPlugin = /* @__PURE__ */ __name((plugin) => {
   return merge({}, DefaultPayloadRenderPlugin, plugin);
-};
+}, "createPayloadRenderPlugin");
 export {
   DefaultPayloadRenderPlugin,
   PayloadAvatar,
@@ -107,4 +122,4 @@ export {
   PayloadTableCell,
   createPayloadRenderPlugin
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/node/index.mjs.map

@@ -0,0 +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'\nimport React from 'react'\n\nimport { DefaultAvatarIcon } from '../img/index.ts'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps> = ({ ...props }) => {\n  return <Avatar src={DefaultAvatarIcon} {...props} />\n}\n","export { default as DefaultAvatarIcon } from './default-256.jpg'\n","import { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars, @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ ref, payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardContent = forwardRef<HTMLElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }) => {\n  return (\n    <CardContent {...props}>\n      <PayloadDetails payload={payload} />\n    </CardContent>\n  )\n})\n\nPayloadCardContent.displayName = 'PayloadCardContent'\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardHeader = forwardRef<HTMLElement, PayloadRenderProps & CardHeaderProps>(({ payload, ...props }) => {\n  const hash = usePayloadHash(payload)\n  return <CardHeader title=\"Payload\" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />\n})\n\nPayloadCardHeader.displayName = 'PayloadCardHeader'\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\nimport React from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// DEFAULT IF DONT KNOW WHAT TO RENDER\nexport const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps> = ({ payload, ...props }) => {\n  return (\n    <TableCell {...props}>\n      <Typography>{payload?.schema}</Typography>\n    </TableCell>\n  )\n}\n","import { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.ts'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts'\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/index.ts'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'\n\nexport const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {\n  canRender: function (payload?: Payload): boolean {\n    return !!payload?.schema\n  },\n  components: {\n    avatar: {\n      image: PayloadAvatar,\n    },\n    box: {\n      detailsBox: PayloadDetailsBox,\n      editor: PayloadEditorBox,\n    },\n    card: {\n      actionArea: PayloadCardActionArea,\n      content: PayloadCardContent,\n      header: PayloadCardHeader,\n    },\n    table: {\n      cell: PayloadTableCell,\n    },\n  },\n  name: 'Payload',\n}\n"],"mappings":";;;;AAAA,SAASA,cAA2B;AACpC,OAAOC,WAAW;;;ACDlB,SAAoBC,WAAXC,gBAAoC;;;ADMtC,IAAMC,gBAA4D,wBAAC,EAAE,GAAGC,MAAAA,MAAO;AACpF,SAAO,sBAAA,cAACC,QAAAA;IAAOC,KAAKC;IAAoB,GAAGH;;AAC7C,GAFyE;;;AENzE,SAASI,sBAA2C;AACpD,OAAOC,UAASC,kBAAkB;AAK3B,IAAMC,wBAAwBD,2BAAqE,CAAC,EAAEE,KAAKC,SAAS,GAAGC,MAAAA,MAAO;AACnI,SAAO,gBAAAL,OAAA,cAACD,gBAAmBM,KAAAA;AAC7B,CAAA;AAEAH,sBAAsBI,cAAc;;;ACVpC,SAASC,mBAAqC;AAC9C,SAASC,sBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAK3B,IAAMC,qBAAqBD,gBAAAA,YAA+D,CAAC,EAAEE,SAAS,GAAGC,MAAAA,MAAO;AACrH,SACE,gBAAAJ,OAAA,cAACF,aAAgBM,OACf,gBAAAJ,OAAA,cAACD,gBAAAA;IAAeI;;AAGtB,CAAA;AAEAD,mBAAmBG,cAAc;;;ACfjC,SAASC,kBAAmC;AAC5C,SAASC,iBAAiB;AAC1B,SAASC,sBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAK3B,IAAMC,oBAAoBD,gBAAAA,YAA8D,CAAC,EAAEE,SAAS,GAAGC,MAAAA,MAAO;AACnH,QAAMC,OAAON,eAAeI,OAAAA;AAC5B,SAAO,gBAAAH,OAAA,cAACH,YAAAA;IAAWS,OAAM;IAAUC,WAAWF;IAAMG,QAAQ,gBAAAR,OAAA,cAACF,WAAAA;MAAUW,MAAM;MAAIC,OAAOL;;IAAW,GAAGD;;AACxG,CAAA;AAEAF,kBAAkBS,cAAc;;;ACZhC,SAASC,kBAAAA,uBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAIlC,IAAMC,oBAAoBD,gBAAAA,YAA8D,CAACE,OAAOC,QAAAA;AAC9F,SAAO,gBAAAJ,OAAA,cAACD,iBAAAA;IAAeK;IAAW,GAAGD;;AACvC,CAAA;AAEAD,kBAAkBG,cAAc;;;ACThC,SAASC,kBAAAA,uBAAsB;AAC/B,OAAOC,YAAW;AAIX,IAAMC,mBAAsE,wBAACC,UAAAA;AAClF,SAAO,gBAAAC,OAAA,cAACC,iBAAmBF,KAAAA;AAC7B,GAFmF;;;ACNnF,SAASG,WAA2BC,kBAAkB;AACtD,OAAOC,YAAW;AAKX,IAAMC,mBAAkE,wBAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AACnG,SACE,gBAAAC,OAAA,cAACC,WAAcF,OACb,gBAAAC,OAAA,cAACE,YAAAA,MAAYJ,mCAASK,MAAAA,CAAAA;AAG5B,GAN+E;;;ACN/E,SAASC,aAAa;;;ACaf,IAAMC,6BAAkD;EAC7DC,WAAW,gCAAUC,SAAiB;AACpC,WAAO,CAAC,EAACA,mCAASC;EACpB,GAFW;EAGXC,YAAY;IACVC,QAAQ;MACNC,OAAOC;IACT;IACAC,KAAK;MACHC,YAAYC;MACZC,QAAQC;IACV;IACAC,MAAM;MACJC,YAAYC;MACZC,SAASC;MACTC,QAAQC;IACV;IACAC,OAAO;MACLC,MAAMC;IACR;EACF;EACAC,MAAM;AACR;;;AD9BO,IAAMC,4BAA4B,wBAACC,WAAAA;AACxC,SAAOC,MAAM,CAAC,GAAGC,4BAA4BF,MAAAA;AAC/C,GAFyC;","names":["Avatar","React","DefaultAvatarIcon","default","PayloadAvatar","props","Avatar","src","DefaultAvatarIcon","CardActionArea","React","forwardRef","PayloadCardActionArea","ref","payload","props","displayName","CardContent","PayloadDetails","React","forwardRef","PayloadCardContent","payload","props","displayName","CardHeader","Identicon","usePayloadHash","React","forwardRef","PayloadCardHeader","payload","props","hash","title","subheader","avatar","size","value","displayName","PayloadDetails","React","forwardRef","PayloadDetailsBox","props","ref","displayName","PayloadDetails","React","PayloadEditorBox","props","React","PayloadDetails","TableCell","Typography","React","PayloadTableCell","payload","props","React","TableCell","Typography","schema","merge","DefaultPayloadRenderPlugin","canRender","payload","schema","components","avatar","image","PayloadAvatar","box","detailsBox","PayloadDetailsBox","editor","PayloadEditorBox","card","actionArea","PayloadCardActionArea","content","PayloadCardContent","header","PayloadCardHeader","table","cell","PayloadTableCell","name","createPayloadRenderPlugin","plugin","merge","DefaultPayloadRenderPlugin"]}

package/package.json

@@ -10,15 +10,15 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/lodash": "^3.6.4",
-    "@xylabs/react-flexbox": "^3.4.1",
-    "@xylabs/react-identicon": "^3.4.1",
-    "@xyo-network/payload-model": "^2.110.9",
-    "@xyo-network/react-payload-details": "^2.81.9",
-    "@xyo-network/react-shared": "^2.81.9"
+    "@xylabs/lodash": "^3.6.12",
+    "@xylabs/react-flexbox": "^3.4.2",
+    "@xylabs/react-identicon": "^3.4.2",
+    "@xyo-network/payload-model": "^2.111.3",
+    "@xyo-network/react-payload-details": "^2.82.0",
+    "@xyo-network/react-shared": "^2.82.0"
   },
   "devDependencies": {
-    "@xylabs/ts-scripts-yarn3": "^3.12.4",
+    "@xylabs/ts-scripts-yarn3": "^3.15.16",
     "typescript": "^5.5.4"
   },
   "peerDependencies": {
@@ -37,7 +37,7 @@
       "node": {
         "import": {
           "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.js"
+          "default": "./dist/node/index.mjs"
         },
         "require": {
           "types": "./dist/node/index.d.cts",
@@ -47,19 +47,19 @@
       "browser": {
         "import": {
           "types": "./dist/browser/index.d.mts",
-          "default": "./dist/browser/index.js"
+          "default": "./dist/browser/index.mjs"
         },
         "require": {
           "types": "./dist/browser/index.d.cts",
           "default": "./dist/browser/index.cjs"
         }
       },
-      "default": "./dist/browser/index.js"
+      "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
   "main": "dist/browser/index.cjs",
-  "module": "dist/browser/index.js",
+  "module": "dist/browser/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -81,6 +81,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.81.9",
+  "version": "2.82.0",
   "type": "module"
 }

package/src/DefaultPayloadRenderPlugin.ts

@@ -8,8 +8,8 @@ import {
   PayloadDetailsBox,
   PayloadEditorBox,
   PayloadTableCell,
-} from './components/index.js'
-import { PayloadRenderPlugin } from './PayloadRenderPlugin.js'
+} from './components/index.ts'
+import { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'
 
 export const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {
   canRender: function (payload?: Payload): boolean {

package/src/components/PayloadAvatar.tsx

@@ -1,7 +1,8 @@
 import { Avatar, AvatarProps } from '@mui/material'
+import React from 'react'
 
-import { DefaultAvatarIcon } from '../img/index.js'
-import { PayloadRenderProps } from '../PayloadRenderPlugin.js'
+import { DefaultAvatarIcon } from '../img/index.ts'
+import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
 export const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps> = ({ ...props }) => {
   return <Avatar src={DefaultAvatarIcon} {...props} />

package/src/components/PayloadCardActionArea.tsx

@@ -1,10 +1,10 @@
 import { CardActionArea, CardActionAreaProps } from '@mui/material'
-import { forwardRef } from 'react'
+import React, { forwardRef } from 'react'
 
-import { PayloadRenderProps } from '../PayloadRenderPlugin.js'
+import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {
+// eslint-disable-next-line @typescript-eslint/no-unused-vars, @eslint-react/ensure-forward-ref-using-ref
+export const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ ref, payload, ...props }) => {
   return <CardActionArea {...props} />
 })