@xyo-network/react-payload-plugin 2.64.0-rc.7 → 2.64.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (157) hide show
  1. package/dist/browser/DefaultPayloadRenderPlugin.cjs +121 -0
  2. package/dist/browser/DefaultPayloadRenderPlugin.cjs.map +1 -0
  3. package/dist/browser/DefaultPayloadRenderPlugin.d.cts +3 -0
  4. package/dist/browser/DefaultPayloadRenderPlugin.d.cts.map +1 -0
  5. package/dist/browser/PayloadRenderPlugin.cjs +19 -0
  6. package/dist/browser/PayloadRenderPlugin.cjs.map +1 -0
  7. package/dist/browser/PayloadRenderPlugin.d.cts +63 -0
  8. package/dist/browser/PayloadRenderPlugin.d.cts.map +1 -0
  9. package/dist/browser/components/PayloadAvatar.cjs +46 -0
  10. package/dist/browser/components/PayloadAvatar.cjs.map +1 -0
  11. package/dist/browser/components/PayloadAvatar.d.cts +5 -0
  12. package/dist/browser/components/PayloadAvatar.d.cts.map +1 -0
  13. package/dist/browser/components/PayloadCardActionArea.cjs +31 -0
  14. package/dist/{node/components/PayloadCardActionArea.mjs.map → browser/components/PayloadCardActionArea.cjs.map} +1 -1
  15. package/dist/browser/components/PayloadCardActionArea.d.cts +5 -0
  16. package/dist/browser/components/PayloadCardActionArea.d.cts.map +1 -0
  17. package/dist/browser/components/PayloadCardContent.cjs +32 -0
  18. package/dist/{node/components/PayloadCardContent.mjs.map → browser/components/PayloadCardContent.cjs.map} +1 -1
  19. package/dist/browser/components/PayloadCardContent.d.cts +5 -0
  20. package/dist/browser/components/PayloadCardContent.d.cts.map +1 -0
  21. package/dist/browser/components/PayloadCardHeader.cjs +34 -0
  22. package/dist/{node/components/PayloadCardHeader.mjs.map → browser/components/PayloadCardHeader.cjs.map} +1 -1
  23. package/dist/browser/components/PayloadCardHeader.d.cts +5 -0
  24. package/dist/browser/components/PayloadCardHeader.d.cts.map +1 -0
  25. package/dist/browser/components/PayloadDetailsBox.cjs +33 -0
  26. package/dist/{node/components/PayloadDetailsBox.mjs.map → browser/components/PayloadDetailsBox.cjs.map} +1 -1
  27. package/dist/browser/components/PayloadDetailsBox.d.cts +7 -0
  28. package/dist/browser/components/PayloadDetailsBox.d.cts.map +1 -0
  29. package/dist/browser/components/PayloadEditorBox.cjs +31 -0
  30. package/dist/{node/components/PayloadEditorBox.mjs.map → browser/components/PayloadEditorBox.cjs.map} +1 -1
  31. package/dist/browser/components/PayloadEditorBox.d.cts +5 -0
  32. package/dist/browser/components/PayloadEditorBox.d.cts.map +1 -0
  33. package/dist/browser/components/PayloadTableCell.cjs +31 -0
  34. package/dist/{node/components/PayloadTableCell.mjs.map → browser/components/PayloadTableCell.cjs.map} +1 -1
  35. package/dist/browser/components/PayloadTableCell.d.cts +5 -0
  36. package/dist/browser/components/PayloadTableCell.d.cts.map +1 -0
  37. package/dist/browser/components/index.cjs +102 -0
  38. package/dist/browser/components/index.cjs.map +1 -0
  39. package/dist/browser/components/index.d.cts +8 -0
  40. package/dist/browser/components/index.d.cts.map +1 -0
  41. package/dist/browser/createPayloadRenderPlugin.cjs +127 -0
  42. package/dist/browser/createPayloadRenderPlugin.cjs.map +1 -0
  43. package/dist/browser/createPayloadRenderPlugin.d.cts +3 -0
  44. package/dist/browser/createPayloadRenderPlugin.d.cts.map +1 -0
  45. package/dist/browser/img/index.cjs +37 -0
  46. package/dist/browser/img/index.cjs.map +1 -0
  47. package/dist/browser/img/index.d.cts +3 -0
  48. package/dist/browser/img/index.d.cts.map +1 -0
  49. package/dist/browser/index.cjs +137 -0
  50. package/dist/browser/index.cjs.map +1 -0
  51. package/dist/browser/index.d.cts +5 -0
  52. package/dist/browser/index.d.cts.map +1 -0
  53. package/dist/browser/types/images.d.cjs +2 -0
  54. package/dist/docs.json +5824 -0
  55. package/dist/node/DefaultPayloadRenderPlugin.cjs +125 -0
  56. package/dist/node/DefaultPayloadRenderPlugin.cjs.map +1 -0
  57. package/dist/node/DefaultPayloadRenderPlugin.d.cts +3 -0
  58. package/dist/node/DefaultPayloadRenderPlugin.d.cts.map +1 -0
  59. package/dist/node/DefaultPayloadRenderPlugin.js +71 -35
  60. package/dist/node/DefaultPayloadRenderPlugin.js.map +1 -1
  61. package/dist/node/PayloadRenderPlugin.cjs +19 -0
  62. package/dist/node/PayloadRenderPlugin.cjs.map +1 -0
  63. package/dist/node/PayloadRenderPlugin.d.cts +63 -0
  64. package/dist/node/PayloadRenderPlugin.d.cts.map +1 -0
  65. package/dist/node/PayloadRenderPlugin.js +0 -16
  66. package/dist/node/PayloadRenderPlugin.js.map +1 -1
  67. package/dist/node/components/PayloadAvatar.cjs +50 -0
  68. package/dist/node/components/PayloadAvatar.cjs.map +1 -0
  69. package/dist/node/components/PayloadAvatar.d.cts +5 -0
  70. package/dist/node/components/PayloadAvatar.d.cts.map +1 -0
  71. package/dist/node/components/PayloadAvatar.js +12 -31
  72. package/dist/node/components/PayloadAvatar.js.map +1 -1
  73. package/dist/node/components/PayloadCardActionArea.cjs +35 -0
  74. package/dist/node/components/PayloadCardActionArea.cjs.map +1 -0
  75. package/dist/node/components/PayloadCardActionArea.d.cts +5 -0
  76. package/dist/node/components/PayloadCardActionArea.d.cts.map +1 -0
  77. package/dist/node/components/PayloadCardActionArea.js +7 -30
  78. package/dist/node/components/PayloadCardActionArea.js.map +1 -1
  79. package/dist/node/components/PayloadCardContent.cjs +36 -0
  80. package/dist/node/components/PayloadCardContent.cjs.map +1 -0
  81. package/dist/node/components/PayloadCardContent.d.cts +5 -0
  82. package/dist/node/components/PayloadCardContent.d.cts.map +1 -0
  83. package/dist/node/components/PayloadCardContent.js +8 -31
  84. package/dist/node/components/PayloadCardContent.js.map +1 -1
  85. package/dist/node/components/PayloadCardHeader.cjs +38 -0
  86. package/dist/node/components/PayloadCardHeader.cjs.map +1 -0
  87. package/dist/node/components/PayloadCardHeader.d.cts +5 -0
  88. package/dist/node/components/PayloadCardHeader.d.cts.map +1 -0
  89. package/dist/node/components/PayloadCardHeader.js +10 -33
  90. package/dist/node/components/PayloadCardHeader.js.map +1 -1
  91. package/dist/node/components/PayloadDetailsBox.cjs +37 -0
  92. package/dist/node/components/PayloadDetailsBox.cjs.map +1 -0
  93. package/dist/node/components/PayloadDetailsBox.d.cts +7 -0
  94. package/dist/node/components/PayloadDetailsBox.d.cts.map +1 -0
  95. package/dist/node/components/PayloadDetailsBox.js +8 -31
  96. package/dist/node/components/PayloadDetailsBox.js.map +1 -1
  97. package/dist/node/components/PayloadEditorBox.cjs +35 -0
  98. package/dist/node/components/PayloadEditorBox.cjs.map +1 -0
  99. package/dist/node/components/PayloadEditorBox.d.cts +5 -0
  100. package/dist/node/components/PayloadEditorBox.d.cts.map +1 -0
  101. package/dist/node/components/PayloadEditorBox.js +7 -30
  102. package/dist/node/components/PayloadEditorBox.js.map +1 -1
  103. package/dist/node/components/PayloadTableCell.cjs +35 -0
  104. package/dist/node/components/PayloadTableCell.cjs.map +1 -0
  105. package/dist/node/components/PayloadTableCell.d.cts +5 -0
  106. package/dist/node/components/PayloadTableCell.d.cts.map +1 -0
  107. package/dist/node/components/PayloadTableCell.js +7 -30
  108. package/dist/node/components/PayloadTableCell.js.map +1 -1
  109. package/dist/node/components/index.cjs +112 -0
  110. package/dist/node/components/index.cjs.map +1 -0
  111. package/dist/node/components/index.d.cts +8 -0
  112. package/dist/node/components/index.d.cts.map +1 -0
  113. package/dist/node/components/index.js +66 -32
  114. package/dist/node/components/index.js.map +1 -1
  115. package/dist/node/createPayloadRenderPlugin.cjs +131 -0
  116. package/dist/node/createPayloadRenderPlugin.cjs.map +1 -0
  117. package/dist/node/createPayloadRenderPlugin.d.cts +3 -0
  118. package/dist/node/createPayloadRenderPlugin.d.cts.map +1 -0
  119. package/dist/node/createPayloadRenderPlugin.js +93 -30
  120. package/dist/node/createPayloadRenderPlugin.js.map +1 -1
  121. package/dist/node/img/index.cjs +41 -0
  122. package/dist/node/img/index.cjs.map +1 -0
  123. package/dist/node/img/index.d.cts +3 -0
  124. package/dist/node/img/index.d.cts.map +1 -0
  125. package/dist/node/img/index.js +4 -37
  126. package/dist/node/img/index.js.map +1 -1
  127. package/dist/node/index.cjs +149 -0
  128. package/dist/node/index.cjs.map +1 -0
  129. package/dist/node/index.d.cts +5 -0
  130. package/dist/node/index.d.cts.map +1 -0
  131. package/dist/node/index.js +102 -27
  132. package/dist/node/index.js.map +1 -1
  133. package/dist/node/types/images.d.cjs +2 -0
  134. package/dist/node/types/images.d.js +0 -1
  135. package/package.json +17 -17
  136. package/dist/node/DefaultPayloadRenderPlugin.mjs +0 -36
  137. package/dist/node/DefaultPayloadRenderPlugin.mjs.map +0 -1
  138. package/dist/node/PayloadRenderPlugin.mjs +0 -1
  139. package/dist/node/components/PayloadAvatar.mjs +0 -10
  140. package/dist/node/components/PayloadAvatar.mjs.map +0 -1
  141. package/dist/node/components/PayloadCardActionArea.mjs +0 -9
  142. package/dist/node/components/PayloadCardContent.mjs +0 -10
  143. package/dist/node/components/PayloadCardHeader.mjs +0 -12
  144. package/dist/node/components/PayloadDetailsBox.mjs +0 -11
  145. package/dist/node/components/PayloadEditorBox.mjs +0 -9
  146. package/dist/node/components/PayloadTableCell.mjs +0 -9
  147. package/dist/node/components/index.mjs +0 -8
  148. package/dist/node/components/index.mjs.map +0 -1
  149. package/dist/node/createPayloadRenderPlugin.mjs +0 -9
  150. package/dist/node/createPayloadRenderPlugin.mjs.map +0 -1
  151. package/dist/node/img/index.mjs +0 -5
  152. package/dist/node/img/index.mjs.map +0 -1
  153. package/dist/node/index.mjs +0 -5
  154. package/dist/node/index.mjs.map +0 -1
  155. package/dist/node/types/images.d.mjs +0 -1
  156. /package/dist/{node/PayloadRenderPlugin.mjs.map → browser/types/images.d.cjs.map} +0 -0
  157. /package/dist/node/types/{images.d.mjs.map → images.d.cjs.map} +0 -0
@@ -0,0 +1,102 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+
30
+ // src/components/index.ts
31
+ var components_exports = {};
32
+ __export(components_exports, {
33
+ PayloadAvatar: () => PayloadAvatar,
34
+ PayloadCardActionArea: () => PayloadCardActionArea,
35
+ PayloadCardContent: () => PayloadCardContent,
36
+ PayloadCardHeader: () => PayloadCardHeader,
37
+ PayloadDetailsBox: () => PayloadDetailsBox,
38
+ PayloadEditorBox: () => PayloadEditorBox,
39
+ PayloadTableCell: () => PayloadTableCell
40
+ });
41
+ module.exports = __toCommonJS(components_exports);
42
+
43
+ // src/components/PayloadAvatar.tsx
44
+ var import_material = require("@mui/material");
45
+
46
+ // src/img/index.ts
47
+ var import_default_256 = __toESM(require("../img/default-256.jpg"), 1);
48
+
49
+ // src/components/PayloadAvatar.tsx
50
+ var import_jsx_runtime = require("react/jsx-runtime");
51
+ var PayloadAvatar = ({ ...props }) => {
52
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { src: import_default_256.default, ...props });
53
+ };
54
+
55
+ // src/components/PayloadCardActionArea.tsx
56
+ var import_material2 = require("@mui/material");
57
+ var import_jsx_runtime2 = require("react/jsx-runtime");
58
+ var PayloadCardActionArea = ({ payload, ...props }) => {
59
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.CardActionArea, { ...props });
60
+ };
61
+
62
+ // src/components/PayloadCardContent.tsx
63
+ var import_material3 = require("@mui/material");
64
+ var import_react_payload_details = require("@xyo-network/react-payload-details");
65
+ var import_jsx_runtime3 = require("react/jsx-runtime");
66
+ var PayloadCardContent = ({ payload, ...props }) => {
67
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.CardContent, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_payload_details.PayloadDetails, { payload }) });
68
+ };
69
+
70
+ // src/components/PayloadCardHeader.tsx
71
+ var import_material4 = require("@mui/material");
72
+ var import_react_identicon = require("@xylabs/react-identicon");
73
+ var import_react_shared = require("@xyo-network/react-shared");
74
+ var import_jsx_runtime4 = require("react/jsx-runtime");
75
+ var PayloadCardHeader = ({ payload, ...props }) => {
76
+ const hash = (0, import_react_shared.usePayloadHash)(payload);
77
+ 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 });
78
+ };
79
+
80
+ // src/components/PayloadDetailsBox.tsx
81
+ var import_react_payload_details2 = require("@xyo-network/react-payload-details");
82
+ var import_react = require("react");
83
+ var import_jsx_runtime5 = require("react/jsx-runtime");
84
+ var PayloadDetailsBox = (0, import_react.forwardRef)((props, ref) => {
85
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_payload_details2.PayloadDetails, { ref, ...props });
86
+ });
87
+ PayloadDetailsBox.displayName = "PayloadDetailsBox";
88
+
89
+ // src/components/PayloadEditorBox.tsx
90
+ var import_react_payload_details3 = require("@xyo-network/react-payload-details");
91
+ var import_jsx_runtime6 = require("react/jsx-runtime");
92
+ var PayloadEditorBox = (props) => {
93
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_payload_details3.PayloadDetails, { ...props });
94
+ };
95
+
96
+ // src/components/PayloadTableCell.tsx
97
+ var import_material5 = require("@mui/material");
98
+ var import_jsx_runtime7 = require("react/jsx-runtime");
99
+ var PayloadTableCell = ({ payload, ...props }) => {
100
+ return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.TableCell, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Typography, { children: payload?.schema }) });
101
+ };
102
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/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"],"sourcesContent":["export * from './PayloadAvatar'\nexport * from './PayloadCardActionArea'\nexport * from './PayloadCardContent'\nexport * from './PayloadCardHeader'\nexport * from './PayloadDetailsBox'\nexport * from './PayloadEditorBox'\nexport * from './PayloadTableCell'\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","import DefaultAvatarIcon from './default-256.jpg'\n\nexport { DefaultAvatarIcon }\n","import { CardActionArea, CardActionAreaProps } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea: React.FC<PayloadRenderProps & CardActionAreaProps> = ({ payload, ...props }) => {\n return <CardActionArea {...props} />\n}\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadCardContent: React.FC<PayloadRenderProps & CardContentProps> = ({ payload, ...props }) => {\n return (\n <CardContent {...props}>\n <PayloadDetails payload={payload} />\n </CardContent>\n )\n}\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadCardHeader: React.FC<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","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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAoC;;;ACApC,yBAA8B;;;ADMrB;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,4CAAC,0BAAO,KAAK,mBAAAA,SAAoB,GAAG,OAAO;AACpD;;;AEPA,IAAAC,mBAAoD;AAM3C,IAAAC,sBAAA;AADF,IAAM,wBAA4E,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAClH,SAAO,6CAAC,mCAAgB,GAAG,OAAO;AACpC;;;ACPA,IAAAC,mBAA8C;AAC9C,mCAA+B;AAOzB,IAAAC,sBAAA;AAHC,IAAM,qBAAsE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC5G,SACE,6CAAC,gCAAa,GAAG,OACf,uDAAC,+CAAe,SAAkB,GACpC;AAEJ;;;ACXA,IAAAC,mBAA4C;AAC5C,6BAA0B;AAC1B,0BAA+B;AAM+B,IAAAC,sBAAA;AAFvD,IAAM,oBAAoE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1G,QAAM,WAAO,oCAAe,OAAO;AACnC,SAAO,6CAAC,+BAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,6CAAC,oCAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G;;;ACRA,IAAAC,gCAA+B;AAC/B,mBAA2B;AAKlB,IAAAC,sBAAA;AADT,IAAM,wBAAoB,yBAA8D,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;","names":["DefaultAvatarIcon","import_material","import_jsx_runtime","import_material","import_jsx_runtime","import_material","import_jsx_runtime","import_react_payload_details","import_jsx_runtime","import_react_payload_details","import_jsx_runtime","import_material","import_jsx_runtime"]}
@@ -0,0 +1,8 @@
1
+ export * from './PayloadAvatar';
2
+ export * from './PayloadCardActionArea';
3
+ export * from './PayloadCardContent';
4
+ export * from './PayloadCardHeader';
5
+ export * from './PayloadDetailsBox';
6
+ export * from './PayloadEditorBox';
7
+ export * from './PayloadTableCell';
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA"}
@@ -0,0 +1,127 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+
30
+ // src/createPayloadRenderPlugin.ts
31
+ var createPayloadRenderPlugin_exports = {};
32
+ __export(createPayloadRenderPlugin_exports, {
33
+ createPayloadRenderPlugin: () => createPayloadRenderPlugin
34
+ });
35
+ module.exports = __toCommonJS(createPayloadRenderPlugin_exports);
36
+ var import_lodash = require("@xylabs/lodash");
37
+
38
+ // src/components/PayloadAvatar.tsx
39
+ var import_material = require("@mui/material");
40
+
41
+ // src/img/index.ts
42
+ var import_default_256 = __toESM(require("./img/default-256.jpg"), 1);
43
+
44
+ // src/components/PayloadAvatar.tsx
45
+ var import_jsx_runtime = require("react/jsx-runtime");
46
+ var PayloadAvatar = ({ ...props }) => {
47
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { src: import_default_256.default, ...props });
48
+ };
49
+
50
+ // src/components/PayloadCardActionArea.tsx
51
+ var import_material2 = require("@mui/material");
52
+ var import_jsx_runtime2 = require("react/jsx-runtime");
53
+ var PayloadCardActionArea = ({ payload, ...props }) => {
54
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.CardActionArea, { ...props });
55
+ };
56
+
57
+ // src/components/PayloadCardContent.tsx
58
+ var import_material3 = require("@mui/material");
59
+ var import_react_payload_details = require("@xyo-network/react-payload-details");
60
+ var import_jsx_runtime3 = require("react/jsx-runtime");
61
+ var PayloadCardContent = ({ payload, ...props }) => {
62
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.CardContent, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_payload_details.PayloadDetails, { payload }) });
63
+ };
64
+
65
+ // src/components/PayloadCardHeader.tsx
66
+ var import_material4 = require("@mui/material");
67
+ var import_react_identicon = require("@xylabs/react-identicon");
68
+ var import_react_shared = require("@xyo-network/react-shared");
69
+ var import_jsx_runtime4 = require("react/jsx-runtime");
70
+ var PayloadCardHeader = ({ payload, ...props }) => {
71
+ const hash = (0, import_react_shared.usePayloadHash)(payload);
72
+ 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 });
73
+ };
74
+
75
+ // src/components/PayloadDetailsBox.tsx
76
+ var import_react_payload_details2 = require("@xyo-network/react-payload-details");
77
+ var import_react = require("react");
78
+ var import_jsx_runtime5 = require("react/jsx-runtime");
79
+ var PayloadDetailsBox = (0, import_react.forwardRef)((props, ref) => {
80
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_payload_details2.PayloadDetails, { ref, ...props });
81
+ });
82
+ PayloadDetailsBox.displayName = "PayloadDetailsBox";
83
+
84
+ // src/components/PayloadEditorBox.tsx
85
+ var import_react_payload_details3 = require("@xyo-network/react-payload-details");
86
+ var import_jsx_runtime6 = require("react/jsx-runtime");
87
+ var PayloadEditorBox = (props) => {
88
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_payload_details3.PayloadDetails, { ...props });
89
+ };
90
+
91
+ // src/components/PayloadTableCell.tsx
92
+ var import_material5 = require("@mui/material");
93
+ var import_jsx_runtime7 = require("react/jsx-runtime");
94
+ var PayloadTableCell = ({ payload, ...props }) => {
95
+ return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.TableCell, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Typography, { children: payload?.schema }) });
96
+ };
97
+
98
+ // src/DefaultPayloadRenderPlugin.ts
99
+ var DefaultPayloadRenderPlugin = {
100
+ canRender: function(payload) {
101
+ return !!payload?.schema;
102
+ },
103
+ components: {
104
+ avatar: {
105
+ image: PayloadAvatar
106
+ },
107
+ box: {
108
+ detailsBox: PayloadDetailsBox,
109
+ editor: PayloadEditorBox
110
+ },
111
+ card: {
112
+ actionArea: PayloadCardActionArea,
113
+ content: PayloadCardContent,
114
+ header: PayloadCardHeader
115
+ },
116
+ table: {
117
+ cell: PayloadTableCell
118
+ }
119
+ },
120
+ name: "Payload"
121
+ };
122
+
123
+ // src/createPayloadRenderPlugin.ts
124
+ var createPayloadRenderPlugin = (plugin) => {
125
+ return (0, import_lodash.merge)({}, DefaultPayloadRenderPlugin, plugin);
126
+ };
127
+ //# sourceMappingURL=createPayloadRenderPlugin.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/createPayloadRenderPlugin.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/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["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 { 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","import DefaultAvatarIcon from './default-256.jpg'\n\nexport { DefaultAvatarIcon }\n","import { CardActionArea, CardActionAreaProps } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea: React.FC<PayloadRenderProps & CardActionAreaProps> = ({ payload, ...props }) => {\n return <CardActionArea {...props} />\n}\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadCardContent: React.FC<PayloadRenderProps & CardContentProps> = ({ payload, ...props }) => {\n return (\n <CardContent {...props}>\n <PayloadDetails payload={payload} />\n </CardContent>\n )\n}\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadCardHeader: React.FC<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","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 { 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,oBAAsB;;;ACAtB,sBAAoC;;;ACApC,yBAA8B;;;ADMrB;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,4CAAC,0BAAO,KAAK,mBAAAA,SAAoB,GAAG,OAAO;AACpD;;;AEPA,IAAAC,mBAAoD;AAM3C,IAAAC,sBAAA;AADF,IAAM,wBAA4E,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAClH,SAAO,6CAAC,mCAAgB,GAAG,OAAO;AACpC;;;ACPA,IAAAC,mBAA8C;AAC9C,mCAA+B;AAOzB,IAAAC,sBAAA;AAHC,IAAM,qBAAsE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC5G,SACE,6CAAC,gCAAa,GAAG,OACf,uDAAC,+CAAe,SAAkB,GACpC;AAEJ;;;ACXA,IAAAC,mBAA4C;AAC5C,6BAA0B;AAC1B,0BAA+B;AAM+B,IAAAC,sBAAA;AAFvD,IAAM,oBAAoE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1G,QAAM,WAAO,oCAAe,OAAO;AACnC,SAAO,6CAAC,+BAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,6CAAC,oCAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G;;;ACRA,IAAAC,gCAA+B;AAC/B,mBAA2B;AAKlB,IAAAC,sBAAA;AADT,IAAM,wBAAoB,yBAA8D,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;;;ACEO,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;;;AT9BO,IAAM,4BAA4B,CAAC,WAA2D;AACnG,aAAO,qBAAM,CAAC,GAAG,4BAA4B,MAAM;AACrD;","names":["DefaultAvatarIcon","import_material","import_jsx_runtime","import_material","import_jsx_runtime","import_material","import_jsx_runtime","import_react_payload_details","import_jsx_runtime","import_react_payload_details","import_jsx_runtime","import_material","import_jsx_runtime"]}
@@ -0,0 +1,3 @@
1
+ import { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin';
2
+ export declare const createPayloadRenderPlugin: (plugin: PayloadRenderPluginConfig) => PayloadRenderPlugin;
3
+ //# sourceMappingURL=createPayloadRenderPlugin.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"createPayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/createPayloadRenderPlugin.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AAEtF,eAAO,MAAM,yBAAyB,WAAY,yBAAyB,KAAG,mBAE7E,CAAA"}
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+
30
+ // src/img/index.ts
31
+ var img_exports = {};
32
+ __export(img_exports, {
33
+ DefaultAvatarIcon: () => import_default_256.default
34
+ });
35
+ module.exports = __toCommonJS(img_exports);
36
+ var import_default_256 = __toESM(require("./default-256.jpg"), 1);
37
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/img/index.ts"],"sourcesContent":["import DefaultAvatarIcon from './default-256.jpg'\n\nexport { DefaultAvatarIcon }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,8CAAAA;AAAA;AAAA;AAAA,yBAA8B;","names":["DefaultAvatarIcon"]}
@@ -0,0 +1,3 @@
1
+ import DefaultAvatarIcon from './default-256.jpg';
2
+ export { DefaultAvatarIcon };
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/img/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
@@ -0,0 +1,137 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+
30
+ // src/index.ts
31
+ var src_exports = {};
32
+ __export(src_exports, {
33
+ DefaultPayloadRenderPlugin: () => DefaultPayloadRenderPlugin,
34
+ PayloadAvatar: () => PayloadAvatar,
35
+ PayloadCardActionArea: () => PayloadCardActionArea,
36
+ PayloadCardContent: () => PayloadCardContent,
37
+ PayloadCardHeader: () => PayloadCardHeader,
38
+ PayloadDetailsBox: () => PayloadDetailsBox,
39
+ PayloadEditorBox: () => PayloadEditorBox,
40
+ PayloadTableCell: () => PayloadTableCell,
41
+ createPayloadRenderPlugin: () => createPayloadRenderPlugin
42
+ });
43
+ module.exports = __toCommonJS(src_exports);
44
+
45
+ // src/components/PayloadAvatar.tsx
46
+ var import_material = require("@mui/material");
47
+
48
+ // src/img/index.ts
49
+ var import_default_256 = __toESM(require("./img/default-256.jpg"), 1);
50
+
51
+ // src/components/PayloadAvatar.tsx
52
+ var import_jsx_runtime = require("react/jsx-runtime");
53
+ var PayloadAvatar = ({ ...props }) => {
54
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { src: import_default_256.default, ...props });
55
+ };
56
+
57
+ // src/components/PayloadCardActionArea.tsx
58
+ var import_material2 = require("@mui/material");
59
+ var import_jsx_runtime2 = require("react/jsx-runtime");
60
+ var PayloadCardActionArea = ({ payload, ...props }) => {
61
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.CardActionArea, { ...props });
62
+ };
63
+
64
+ // src/components/PayloadCardContent.tsx
65
+ var import_material3 = require("@mui/material");
66
+ var import_react_payload_details = require("@xyo-network/react-payload-details");
67
+ var import_jsx_runtime3 = require("react/jsx-runtime");
68
+ var PayloadCardContent = ({ payload, ...props }) => {
69
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.CardContent, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_payload_details.PayloadDetails, { payload }) });
70
+ };
71
+
72
+ // src/components/PayloadCardHeader.tsx
73
+ var import_material4 = require("@mui/material");
74
+ var import_react_identicon = require("@xylabs/react-identicon");
75
+ var import_react_shared = require("@xyo-network/react-shared");
76
+ var import_jsx_runtime4 = require("react/jsx-runtime");
77
+ var PayloadCardHeader = ({ payload, ...props }) => {
78
+ const hash = (0, import_react_shared.usePayloadHash)(payload);
79
+ 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 });
80
+ };
81
+
82
+ // src/components/PayloadDetailsBox.tsx
83
+ var import_react_payload_details2 = require("@xyo-network/react-payload-details");
84
+ var import_react = require("react");
85
+ var import_jsx_runtime5 = require("react/jsx-runtime");
86
+ var PayloadDetailsBox = (0, import_react.forwardRef)((props, ref) => {
87
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_payload_details2.PayloadDetails, { ref, ...props });
88
+ });
89
+ PayloadDetailsBox.displayName = "PayloadDetailsBox";
90
+
91
+ // src/components/PayloadEditorBox.tsx
92
+ var import_react_payload_details3 = require("@xyo-network/react-payload-details");
93
+ var import_jsx_runtime6 = require("react/jsx-runtime");
94
+ var PayloadEditorBox = (props) => {
95
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_payload_details3.PayloadDetails, { ...props });
96
+ };
97
+
98
+ // src/components/PayloadTableCell.tsx
99
+ var import_material5 = require("@mui/material");
100
+ var import_jsx_runtime7 = require("react/jsx-runtime");
101
+ var PayloadTableCell = ({ payload, ...props }) => {
102
+ return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.TableCell, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Typography, { children: payload?.schema }) });
103
+ };
104
+
105
+ // src/createPayloadRenderPlugin.ts
106
+ var import_lodash = require("@xylabs/lodash");
107
+
108
+ // src/DefaultPayloadRenderPlugin.ts
109
+ var DefaultPayloadRenderPlugin = {
110
+ canRender: function(payload) {
111
+ return !!payload?.schema;
112
+ },
113
+ components: {
114
+ avatar: {
115
+ image: PayloadAvatar
116
+ },
117
+ box: {
118
+ detailsBox: PayloadDetailsBox,
119
+ editor: PayloadEditorBox
120
+ },
121
+ card: {
122
+ actionArea: PayloadCardActionArea,
123
+ content: PayloadCardContent,
124
+ header: PayloadCardHeader
125
+ },
126
+ table: {
127
+ cell: PayloadTableCell
128
+ }
129
+ },
130
+ name: "Payload"
131
+ };
132
+
133
+ // src/createPayloadRenderPlugin.ts
134
+ var createPayloadRenderPlugin = (plugin) => {
135
+ return (0, import_lodash.merge)({}, DefaultPayloadRenderPlugin, plugin);
136
+ };
137
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +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","import DefaultAvatarIcon from './default-256.jpg'\n\nexport { DefaultAvatarIcon }\n","import { CardActionArea, CardActionAreaProps } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea: React.FC<PayloadRenderProps & CardActionAreaProps> = ({ payload, ...props }) => {\n return <CardActionArea {...props} />\n}\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadCardContent: React.FC<PayloadRenderProps & CardContentProps> = ({ payload, ...props }) => {\n return (\n <CardContent {...props}>\n <PayloadDetails payload={payload} />\n </CardContent>\n )\n}\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadCardHeader: React.FC<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","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,yBAA8B;;;ADMrB;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,4CAAC,0BAAO,KAAK,mBAAAA,SAAoB,GAAG,OAAO;AACpD;;;AEPA,IAAAC,mBAAoD;AAM3C,IAAAC,sBAAA;AADF,IAAM,wBAA4E,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAClH,SAAO,6CAAC,mCAAgB,GAAG,OAAO;AACpC;;;ACPA,IAAAC,mBAA8C;AAC9C,mCAA+B;AAOzB,IAAAC,sBAAA;AAHC,IAAM,qBAAsE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC5G,SACE,6CAAC,gCAAa,GAAG,OACf,uDAAC,+CAAe,SAAkB,GACpC;AAEJ;;;ACXA,IAAAC,mBAA4C;AAC5C,6BAA0B;AAC1B,0BAA+B;AAM+B,IAAAC,sBAAA;AAFvD,IAAM,oBAAoE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1G,QAAM,WAAO,oCAAe,OAAO;AACnC,SAAO,6CAAC,+BAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,6CAAC,oCAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G;;;ACRA,IAAAC,gCAA+B;AAC/B,mBAA2B;AAKlB,IAAAC,sBAAA;AADT,IAAM,wBAAoB,yBAA8D,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":["DefaultAvatarIcon","import_material","import_jsx_runtime","import_material","import_jsx_runtime","import_material","import_jsx_runtime","import_react_payload_details","import_jsx_runtime","import_react_payload_details","import_jsx_runtime","import_material","import_jsx_runtime"]}
@@ -0,0 +1,5 @@
1
+ export * from './components';
2
+ export * from './createPayloadRenderPlugin';
3
+ export * from './DefaultPayloadRenderPlugin';
4
+ export * from './PayloadRenderPlugin';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA"}
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=images.d.cjs.map