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

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 (181) 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/DefaultPayloadRenderPlugin.js +62 -10
  6. package/dist/browser/DefaultPayloadRenderPlugin.js.map +1 -1
  7. package/dist/browser/PayloadRenderPlugin.cjs +19 -0
  8. package/dist/browser/PayloadRenderPlugin.cjs.map +1 -0
  9. package/dist/browser/PayloadRenderPlugin.d.cts +63 -0
  10. package/dist/browser/PayloadRenderPlugin.d.cts.map +1 -0
  11. package/dist/browser/components/PayloadAvatar.cjs +46 -0
  12. package/dist/browser/components/PayloadAvatar.cjs.map +1 -0
  13. package/dist/browser/components/PayloadAvatar.d.cts +5 -0
  14. package/dist/browser/components/PayloadAvatar.d.cts.map +1 -0
  15. package/dist/browser/components/PayloadAvatar.js +8 -3
  16. package/dist/browser/components/PayloadAvatar.js.map +1 -1
  17. package/dist/browser/components/PayloadCardActionArea.cjs +31 -0
  18. package/dist/{node/components/PayloadCardActionArea.mjs.map → browser/components/PayloadCardActionArea.cjs.map} +1 -1
  19. package/dist/browser/components/PayloadCardActionArea.d.cts +5 -0
  20. package/dist/browser/components/PayloadCardActionArea.d.cts.map +1 -0
  21. package/dist/browser/components/PayloadCardActionArea.js +3 -2
  22. package/dist/browser/components/PayloadCardActionArea.js.map +1 -1
  23. package/dist/browser/components/PayloadCardContent.cjs +32 -0
  24. package/dist/{node/components/PayloadCardContent.mjs.map → browser/components/PayloadCardContent.cjs.map} +1 -1
  25. package/dist/browser/components/PayloadCardContent.d.cts +5 -0
  26. package/dist/browser/components/PayloadCardContent.d.cts.map +1 -0
  27. package/dist/browser/components/PayloadCardContent.js +3 -2
  28. package/dist/browser/components/PayloadCardContent.js.map +1 -1
  29. package/dist/browser/components/PayloadCardHeader.cjs +34 -0
  30. package/dist/{node/components/PayloadCardHeader.mjs.map → browser/components/PayloadCardHeader.cjs.map} +1 -1
  31. package/dist/browser/components/PayloadCardHeader.d.cts +5 -0
  32. package/dist/browser/components/PayloadCardHeader.d.cts.map +1 -0
  33. package/dist/browser/components/PayloadCardHeader.js +3 -2
  34. package/dist/browser/components/PayloadCardHeader.js.map +1 -1
  35. package/dist/browser/components/PayloadDetailsBox.cjs +33 -0
  36. package/dist/{node/components/PayloadDetailsBox.mjs.map → browser/components/PayloadDetailsBox.cjs.map} +1 -1
  37. package/dist/browser/components/PayloadDetailsBox.d.cts +7 -0
  38. package/dist/browser/components/PayloadDetailsBox.d.cts.map +1 -0
  39. package/dist/browser/components/PayloadDetailsBox.js +3 -2
  40. package/dist/browser/components/PayloadDetailsBox.js.map +1 -1
  41. package/dist/browser/components/PayloadEditorBox.cjs +31 -0
  42. package/dist/{node/components/PayloadEditorBox.mjs.map → browser/components/PayloadEditorBox.cjs.map} +1 -1
  43. package/dist/browser/components/PayloadEditorBox.d.cts +5 -0
  44. package/dist/browser/components/PayloadEditorBox.d.cts.map +1 -0
  45. package/dist/browser/components/PayloadEditorBox.js +3 -2
  46. package/dist/browser/components/PayloadEditorBox.js.map +1 -1
  47. package/dist/browser/components/PayloadTableCell.cjs +31 -0
  48. package/dist/{node/components/PayloadTableCell.mjs.map → browser/components/PayloadTableCell.cjs.map} +1 -1
  49. package/dist/browser/components/PayloadTableCell.d.cts +5 -0
  50. package/dist/browser/components/PayloadTableCell.d.cts.map +1 -0
  51. package/dist/browser/components/PayloadTableCell.js +3 -2
  52. package/dist/browser/components/PayloadTableCell.js.map +1 -1
  53. package/dist/browser/components/index.cjs +102 -0
  54. package/dist/browser/components/index.cjs.map +1 -0
  55. package/dist/browser/components/index.d.cts +8 -0
  56. package/dist/browser/components/index.d.cts.map +1 -0
  57. package/dist/browser/components/index.js +68 -7
  58. package/dist/browser/components/index.js.map +1 -1
  59. package/dist/browser/createPayloadRenderPlugin.cjs +127 -0
  60. package/dist/browser/createPayloadRenderPlugin.cjs.map +1 -0
  61. package/dist/browser/createPayloadRenderPlugin.d.cts +3 -0
  62. package/dist/browser/createPayloadRenderPlugin.d.cts.map +1 -0
  63. package/dist/browser/createPayloadRenderPlugin.js +89 -2
  64. package/dist/browser/createPayloadRenderPlugin.js.map +1 -1
  65. package/dist/browser/img/index.cjs +37 -0
  66. package/dist/browser/img/index.cjs.map +1 -0
  67. package/dist/browser/img/index.d.cts +3 -0
  68. package/dist/browser/img/index.d.cts.map +1 -0
  69. package/dist/browser/img/index.js +1 -0
  70. package/dist/browser/img/index.js.map +1 -1
  71. package/dist/browser/index.cjs +137 -0
  72. package/dist/browser/index.cjs.map +1 -0
  73. package/dist/browser/index.d.cts +5 -0
  74. package/dist/browser/index.d.cts.map +1 -0
  75. package/dist/browser/index.js +103 -4
  76. package/dist/browser/index.js.map +1 -1
  77. package/dist/browser/types/images.d.cjs +2 -0
  78. package/dist/docs.json +5824 -0
  79. package/dist/node/DefaultPayloadRenderPlugin.cjs +125 -0
  80. package/dist/node/DefaultPayloadRenderPlugin.cjs.map +1 -0
  81. package/dist/node/DefaultPayloadRenderPlugin.d.cts +3 -0
  82. package/dist/node/DefaultPayloadRenderPlugin.d.cts.map +1 -0
  83. package/dist/node/DefaultPayloadRenderPlugin.js +71 -35
  84. package/dist/node/DefaultPayloadRenderPlugin.js.map +1 -1
  85. package/dist/node/PayloadRenderPlugin.cjs +19 -0
  86. package/dist/node/PayloadRenderPlugin.cjs.map +1 -0
  87. package/dist/node/PayloadRenderPlugin.d.cts +63 -0
  88. package/dist/node/PayloadRenderPlugin.d.cts.map +1 -0
  89. package/dist/node/PayloadRenderPlugin.js +0 -16
  90. package/dist/node/PayloadRenderPlugin.js.map +1 -1
  91. package/dist/node/components/PayloadAvatar.cjs +50 -0
  92. package/dist/node/components/PayloadAvatar.cjs.map +1 -0
  93. package/dist/node/components/PayloadAvatar.d.cts +5 -0
  94. package/dist/node/components/PayloadAvatar.d.cts.map +1 -0
  95. package/dist/node/components/PayloadAvatar.js +12 -31
  96. package/dist/node/components/PayloadAvatar.js.map +1 -1
  97. package/dist/node/components/PayloadCardActionArea.cjs +35 -0
  98. package/dist/node/components/PayloadCardActionArea.cjs.map +1 -0
  99. package/dist/node/components/PayloadCardActionArea.d.cts +5 -0
  100. package/dist/node/components/PayloadCardActionArea.d.cts.map +1 -0
  101. package/dist/node/components/PayloadCardActionArea.js +7 -30
  102. package/dist/node/components/PayloadCardActionArea.js.map +1 -1
  103. package/dist/node/components/PayloadCardContent.cjs +36 -0
  104. package/dist/node/components/PayloadCardContent.cjs.map +1 -0
  105. package/dist/node/components/PayloadCardContent.d.cts +5 -0
  106. package/dist/node/components/PayloadCardContent.d.cts.map +1 -0
  107. package/dist/node/components/PayloadCardContent.js +8 -31
  108. package/dist/node/components/PayloadCardContent.js.map +1 -1
  109. package/dist/node/components/PayloadCardHeader.cjs +38 -0
  110. package/dist/node/components/PayloadCardHeader.cjs.map +1 -0
  111. package/dist/node/components/PayloadCardHeader.d.cts +5 -0
  112. package/dist/node/components/PayloadCardHeader.d.cts.map +1 -0
  113. package/dist/node/components/PayloadCardHeader.js +10 -33
  114. package/dist/node/components/PayloadCardHeader.js.map +1 -1
  115. package/dist/node/components/PayloadDetailsBox.cjs +37 -0
  116. package/dist/node/components/PayloadDetailsBox.cjs.map +1 -0
  117. package/dist/node/components/PayloadDetailsBox.d.cts +7 -0
  118. package/dist/node/components/PayloadDetailsBox.d.cts.map +1 -0
  119. package/dist/node/components/PayloadDetailsBox.js +8 -31
  120. package/dist/node/components/PayloadDetailsBox.js.map +1 -1
  121. package/dist/node/components/PayloadEditorBox.cjs +35 -0
  122. package/dist/node/components/PayloadEditorBox.cjs.map +1 -0
  123. package/dist/node/components/PayloadEditorBox.d.cts +5 -0
  124. package/dist/node/components/PayloadEditorBox.d.cts.map +1 -0
  125. package/dist/node/components/PayloadEditorBox.js +7 -30
  126. package/dist/node/components/PayloadEditorBox.js.map +1 -1
  127. package/dist/node/components/PayloadTableCell.cjs +35 -0
  128. package/dist/node/components/PayloadTableCell.cjs.map +1 -0
  129. package/dist/node/components/PayloadTableCell.d.cts +5 -0
  130. package/dist/node/components/PayloadTableCell.d.cts.map +1 -0
  131. package/dist/node/components/PayloadTableCell.js +7 -30
  132. package/dist/node/components/PayloadTableCell.js.map +1 -1
  133. package/dist/node/components/index.cjs +112 -0
  134. package/dist/node/components/index.cjs.map +1 -0
  135. package/dist/node/components/index.d.cts +8 -0
  136. package/dist/node/components/index.d.cts.map +1 -0
  137. package/dist/node/components/index.js +66 -32
  138. package/dist/node/components/index.js.map +1 -1
  139. package/dist/node/createPayloadRenderPlugin.cjs +131 -0
  140. package/dist/node/createPayloadRenderPlugin.cjs.map +1 -0
  141. package/dist/node/createPayloadRenderPlugin.d.cts +3 -0
  142. package/dist/node/createPayloadRenderPlugin.d.cts.map +1 -0
  143. package/dist/node/createPayloadRenderPlugin.js +93 -30
  144. package/dist/node/createPayloadRenderPlugin.js.map +1 -1
  145. package/dist/node/img/index.cjs +41 -0
  146. package/dist/node/img/index.cjs.map +1 -0
  147. package/dist/node/img/index.d.cts +3 -0
  148. package/dist/node/img/index.d.cts.map +1 -0
  149. package/dist/node/img/index.js +4 -37
  150. package/dist/node/img/index.js.map +1 -1
  151. package/dist/node/index.cjs +149 -0
  152. package/dist/node/index.cjs.map +1 -0
  153. package/dist/node/index.d.cts +5 -0
  154. package/dist/node/index.d.cts.map +1 -0
  155. package/dist/node/index.js +102 -27
  156. package/dist/node/index.js.map +1 -1
  157. package/dist/node/types/images.d.cjs +2 -0
  158. package/dist/node/types/images.d.js +0 -1
  159. package/package.json +17 -17
  160. package/dist/node/DefaultPayloadRenderPlugin.mjs +0 -36
  161. package/dist/node/DefaultPayloadRenderPlugin.mjs.map +0 -1
  162. package/dist/node/PayloadRenderPlugin.mjs +0 -1
  163. package/dist/node/components/PayloadAvatar.mjs +0 -10
  164. package/dist/node/components/PayloadAvatar.mjs.map +0 -1
  165. package/dist/node/components/PayloadCardActionArea.mjs +0 -9
  166. package/dist/node/components/PayloadCardContent.mjs +0 -10
  167. package/dist/node/components/PayloadCardHeader.mjs +0 -12
  168. package/dist/node/components/PayloadDetailsBox.mjs +0 -11
  169. package/dist/node/components/PayloadEditorBox.mjs +0 -9
  170. package/dist/node/components/PayloadTableCell.mjs +0 -9
  171. package/dist/node/components/index.mjs +0 -8
  172. package/dist/node/components/index.mjs.map +0 -1
  173. package/dist/node/createPayloadRenderPlugin.mjs +0 -9
  174. package/dist/node/createPayloadRenderPlugin.mjs.map +0 -1
  175. package/dist/node/img/index.mjs +0 -5
  176. package/dist/node/img/index.mjs.map +0 -1
  177. package/dist/node/index.mjs +0 -5
  178. package/dist/node/index.mjs.map +0 -1
  179. package/dist/node/types/images.d.mjs +0 -1
  180. /package/dist/{node/PayloadRenderPlugin.mjs.map → browser/types/images.d.cjs.map} +0 -0
  181. /package/dist/node/types/{images.d.mjs.map → images.d.cjs.map} +0 -0
@@ -1,6 +1,93 @@
1
+ // src/createPayloadRenderPlugin.ts
1
2
  import { merge } from "@xylabs/lodash";
2
- import { DefaultPayloadRenderPlugin } from "./DefaultPayloadRenderPlugin";
3
- const createPayloadRenderPlugin = (plugin) => {
3
+
4
+ // src/components/PayloadAvatar.tsx
5
+ import { Avatar } from "@mui/material";
6
+
7
+ // src/img/index.ts
8
+ import DefaultAvatarIcon from "./img/default-256.jpg";
9
+
10
+ // src/components/PayloadAvatar.tsx
11
+ import { jsx } from "react/jsx-runtime";
12
+ var PayloadAvatar = ({ ...props }) => {
13
+ return /* @__PURE__ */ jsx(Avatar, { src: DefaultAvatarIcon, ...props });
14
+ };
15
+
16
+ // src/components/PayloadCardActionArea.tsx
17
+ import { CardActionArea } from "@mui/material";
18
+ import { jsx as jsx2 } from "react/jsx-runtime";
19
+ var PayloadCardActionArea = ({ payload, ...props }) => {
20
+ return /* @__PURE__ */ jsx2(CardActionArea, { ...props });
21
+ };
22
+
23
+ // src/components/PayloadCardContent.tsx
24
+ import { CardContent } from "@mui/material";
25
+ import { PayloadDetails } from "@xyo-network/react-payload-details";
26
+ import { jsx as jsx3 } from "react/jsx-runtime";
27
+ var PayloadCardContent = ({ payload, ...props }) => {
28
+ return /* @__PURE__ */ jsx3(CardContent, { ...props, children: /* @__PURE__ */ jsx3(PayloadDetails, { payload }) });
29
+ };
30
+
31
+ // src/components/PayloadCardHeader.tsx
32
+ import { CardHeader } from "@mui/material";
33
+ import { Identicon } from "@xylabs/react-identicon";
34
+ import { usePayloadHash } from "@xyo-network/react-shared";
35
+ import { jsx as jsx4 } from "react/jsx-runtime";
36
+ var PayloadCardHeader = ({ payload, ...props }) => {
37
+ const hash = usePayloadHash(payload);
38
+ return /* @__PURE__ */ jsx4(CardHeader, { title: "Payload", subheader: hash, avatar: /* @__PURE__ */ jsx4(Identicon, { size: 24, value: hash }), ...props });
39
+ };
40
+
41
+ // src/components/PayloadDetailsBox.tsx
42
+ import { PayloadDetails as PayloadDetails2 } from "@xyo-network/react-payload-details";
43
+ import { forwardRef } from "react";
44
+ import { jsx as jsx5 } from "react/jsx-runtime";
45
+ var PayloadDetailsBox = forwardRef((props, ref) => {
46
+ return /* @__PURE__ */ jsx5(PayloadDetails2, { ref, ...props });
47
+ });
48
+ PayloadDetailsBox.displayName = "PayloadDetailsBox";
49
+
50
+ // src/components/PayloadEditorBox.tsx
51
+ import { PayloadDetails as PayloadDetails3 } from "@xyo-network/react-payload-details";
52
+ import { jsx as jsx6 } from "react/jsx-runtime";
53
+ var PayloadEditorBox = (props) => {
54
+ return /* @__PURE__ */ jsx6(PayloadDetails3, { ...props });
55
+ };
56
+
57
+ // src/components/PayloadTableCell.tsx
58
+ import { TableCell, Typography } from "@mui/material";
59
+ import { jsx as jsx7 } from "react/jsx-runtime";
60
+ var PayloadTableCell = ({ payload, ...props }) => {
61
+ return /* @__PURE__ */ jsx7(TableCell, { ...props, children: /* @__PURE__ */ jsx7(Typography, { children: payload?.schema }) });
62
+ };
63
+
64
+ // src/DefaultPayloadRenderPlugin.ts
65
+ var DefaultPayloadRenderPlugin = {
66
+ canRender: function(payload) {
67
+ return !!payload?.schema;
68
+ },
69
+ components: {
70
+ avatar: {
71
+ image: PayloadAvatar
72
+ },
73
+ box: {
74
+ detailsBox: PayloadDetailsBox,
75
+ editor: PayloadEditorBox
76
+ },
77
+ card: {
78
+ actionArea: PayloadCardActionArea,
79
+ content: PayloadCardContent,
80
+ header: PayloadCardHeader
81
+ },
82
+ table: {
83
+ cell: PayloadTableCell
84
+ }
85
+ },
86
+ name: "Payload"
87
+ };
88
+
89
+ // src/createPayloadRenderPlugin.ts
90
+ var createPayloadRenderPlugin = (plugin) => {
4
91
  return merge({}, DefaultPayloadRenderPlugin, plugin);
5
92
  };
6
93
  export {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/createPayloadRenderPlugin.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"],"mappings":"AAAA,SAAS,aAAa;AAEtB,SAAS,kCAAkC;AAGpC,MAAM,4BAA4B,CAAC,WAA2D;AACnG,SAAO,MAAM,CAAC,GAAG,4BAA4B,MAAM;AACrD;","names":[]}
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,SAAS,aAAa;;;ACAtB,SAAS,cAA2B;;;ACApC,OAAO,uBAAuB;;;ADMrB;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,oBAAC,UAAO,KAAK,mBAAoB,GAAG,OAAO;AACpD;;;AEPA,SAAS,sBAA2C;AAM3C,gBAAAA,YAAA;AADF,IAAM,wBAA4E,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAClH,SAAO,gBAAAA,KAAC,kBAAgB,GAAG,OAAO;AACpC;;;ACPA,SAAS,mBAAqC;AAC9C,SAAS,sBAAsB;AAOzB,gBAAAC,YAAA;AAHC,IAAM,qBAAsE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC5G,SACE,gBAAAA,KAAC,eAAa,GAAG,OACf,0BAAAA,KAAC,kBAAe,SAAkB,GACpC;AAEJ;;;ACXA,SAAS,kBAAmC;AAC5C,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAM+B,gBAAAC,YAAA;AAFvD,IAAM,oBAAoE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1G,QAAM,OAAO,eAAe,OAAO;AACnC,SAAO,gBAAAA,KAAC,cAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,gBAAAA,KAAC,aAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G;;;ACRA,SAAS,kBAAAC,uBAAsB;AAC/B,SAAS,kBAAkB;AAKlB,gBAAAC,YAAA;AADT,IAAM,oBAAoB,WAA8D,CAAC,OAAO,QAAQ;AACtG,SAAO,gBAAAA,KAACD,iBAAA,EAAe,KAAW,GAAG,OAAO;AAC9C,CAAC;AAED,kBAAkB,cAAc;;;ACThC,SAAS,kBAAAE,uBAAsB;AAKtB,gBAAAC,YAAA;AADF,IAAM,mBAAsE,CAAC,UAAU;AAC5F,SAAO,gBAAAA,KAACD,iBAAA,EAAgB,GAAG,OAAO;AACpC;;;ACPA,SAAS,WAA2B,kBAAkB;AAQhD,gBAAAE,YAAA;AAHC,IAAM,mBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxG,SACE,gBAAAA,KAAC,aAAW,GAAG,OACb,0BAAAA,KAAC,cAAY,mBAAS,QAAO,GAC/B;AAEJ;;;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,SAAO,MAAM,CAAC,GAAG,4BAA4B,MAAM;AACrD;","names":["jsx","jsx","jsx","PayloadDetails","jsx","PayloadDetails","jsx","jsx"]}
@@ -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"}
@@ -1,3 +1,4 @@
1
+ // src/img/index.ts
1
2
  import DefaultAvatarIcon from "./default-256.jpg";
2
3
  export {
3
4
  DefaultAvatarIcon
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/img/index.ts"],"sourcesContent":["import DefaultAvatarIcon from './default-256.jpg'\n\nexport { DefaultAvatarIcon }\n"],"mappings":"AAAA,OAAO,uBAAuB;","names":[]}
1
+ {"version":3,"sources":["../../../src/img/index.ts"],"sourcesContent":["import DefaultAvatarIcon from './default-256.jpg'\n\nexport { DefaultAvatarIcon }\n"],"mappings":";AAAA,OAAO,uBAAuB;","names":[]}
@@ -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"}
@@ -1,5 +1,104 @@
1
- export * from "./components";
2
- export * from "./createPayloadRenderPlugin";
3
- export * from "./DefaultPayloadRenderPlugin";
4
- export * from "./PayloadRenderPlugin";
1
+ // src/components/PayloadAvatar.tsx
2
+ import { Avatar } from "@mui/material";
3
+
4
+ // src/img/index.ts
5
+ import DefaultAvatarIcon from "./img/default-256.jpg";
6
+
7
+ // src/components/PayloadAvatar.tsx
8
+ import { jsx } from "react/jsx-runtime";
9
+ var PayloadAvatar = ({ ...props }) => {
10
+ return /* @__PURE__ */ jsx(Avatar, { src: DefaultAvatarIcon, ...props });
11
+ };
12
+
13
+ // src/components/PayloadCardActionArea.tsx
14
+ import { CardActionArea } from "@mui/material";
15
+ import { jsx as jsx2 } from "react/jsx-runtime";
16
+ var PayloadCardActionArea = ({ payload, ...props }) => {
17
+ return /* @__PURE__ */ jsx2(CardActionArea, { ...props });
18
+ };
19
+
20
+ // src/components/PayloadCardContent.tsx
21
+ import { CardContent } from "@mui/material";
22
+ import { PayloadDetails } from "@xyo-network/react-payload-details";
23
+ import { jsx as jsx3 } from "react/jsx-runtime";
24
+ var PayloadCardContent = ({ payload, ...props }) => {
25
+ return /* @__PURE__ */ jsx3(CardContent, { ...props, children: /* @__PURE__ */ jsx3(PayloadDetails, { payload }) });
26
+ };
27
+
28
+ // src/components/PayloadCardHeader.tsx
29
+ import { CardHeader } from "@mui/material";
30
+ import { Identicon } from "@xylabs/react-identicon";
31
+ import { usePayloadHash } from "@xyo-network/react-shared";
32
+ import { jsx as jsx4 } from "react/jsx-runtime";
33
+ var PayloadCardHeader = ({ payload, ...props }) => {
34
+ const hash = usePayloadHash(payload);
35
+ return /* @__PURE__ */ jsx4(CardHeader, { title: "Payload", subheader: hash, avatar: /* @__PURE__ */ jsx4(Identicon, { size: 24, value: hash }), ...props });
36
+ };
37
+
38
+ // src/components/PayloadDetailsBox.tsx
39
+ import { PayloadDetails as PayloadDetails2 } from "@xyo-network/react-payload-details";
40
+ import { forwardRef } from "react";
41
+ import { jsx as jsx5 } from "react/jsx-runtime";
42
+ var PayloadDetailsBox = forwardRef((props, ref) => {
43
+ return /* @__PURE__ */ jsx5(PayloadDetails2, { ref, ...props });
44
+ });
45
+ PayloadDetailsBox.displayName = "PayloadDetailsBox";
46
+
47
+ // src/components/PayloadEditorBox.tsx
48
+ import { PayloadDetails as PayloadDetails3 } from "@xyo-network/react-payload-details";
49
+ import { jsx as jsx6 } from "react/jsx-runtime";
50
+ var PayloadEditorBox = (props) => {
51
+ return /* @__PURE__ */ jsx6(PayloadDetails3, { ...props });
52
+ };
53
+
54
+ // src/components/PayloadTableCell.tsx
55
+ import { TableCell, Typography } from "@mui/material";
56
+ import { jsx as jsx7 } from "react/jsx-runtime";
57
+ var PayloadTableCell = ({ payload, ...props }) => {
58
+ return /* @__PURE__ */ jsx7(TableCell, { ...props, children: /* @__PURE__ */ jsx7(Typography, { children: payload?.schema }) });
59
+ };
60
+
61
+ // src/createPayloadRenderPlugin.ts
62
+ import { merge } from "@xylabs/lodash";
63
+
64
+ // src/DefaultPayloadRenderPlugin.ts
65
+ var DefaultPayloadRenderPlugin = {
66
+ canRender: function(payload) {
67
+ return !!payload?.schema;
68
+ },
69
+ components: {
70
+ avatar: {
71
+ image: PayloadAvatar
72
+ },
73
+ box: {
74
+ detailsBox: PayloadDetailsBox,
75
+ editor: PayloadEditorBox
76
+ },
77
+ card: {
78
+ actionArea: PayloadCardActionArea,
79
+ content: PayloadCardContent,
80
+ header: PayloadCardHeader
81
+ },
82
+ table: {
83
+ cell: PayloadTableCell
84
+ }
85
+ },
86
+ name: "Payload"
87
+ };
88
+
89
+ // src/createPayloadRenderPlugin.ts
90
+ var createPayloadRenderPlugin = (plugin) => {
91
+ return merge({}, DefaultPayloadRenderPlugin, plugin);
92
+ };
93
+ export {
94
+ DefaultPayloadRenderPlugin,
95
+ PayloadAvatar,
96
+ PayloadCardActionArea,
97
+ PayloadCardContent,
98
+ PayloadCardHeader,
99
+ PayloadDetailsBox,
100
+ PayloadEditorBox,
101
+ PayloadTableCell,
102
+ createPayloadRenderPlugin
103
+ };
5
104
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\nexport * from './createPayloadRenderPlugin'\nexport * from './DefaultPayloadRenderPlugin'\nexport * from './PayloadRenderPlugin'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
1
+ {"version":3,"sources":["../../src/components/PayloadAvatar.tsx","../../src/img/index.ts","../../src/components/PayloadCardActionArea.tsx","../../src/components/PayloadCardContent.tsx","../../src/components/PayloadCardHeader.tsx","../../src/components/PayloadDetailsBox.tsx","../../src/components/PayloadEditorBox.tsx","../../src/components/PayloadTableCell.tsx","../../src/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps> = ({ ...props }) => {\n return <Avatar src={DefaultAvatarIcon} {...props} />\n}\n","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,SAAS,cAA2B;;;ACApC,OAAO,uBAAuB;;;ADMrB;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,oBAAC,UAAO,KAAK,mBAAoB,GAAG,OAAO;AACpD;;;AEPA,SAAS,sBAA2C;AAM3C,gBAAAA,YAAA;AADF,IAAM,wBAA4E,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAClH,SAAO,gBAAAA,KAAC,kBAAgB,GAAG,OAAO;AACpC;;;ACPA,SAAS,mBAAqC;AAC9C,SAAS,sBAAsB;AAOzB,gBAAAC,YAAA;AAHC,IAAM,qBAAsE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC5G,SACE,gBAAAA,KAAC,eAAa,GAAG,OACf,0BAAAA,KAAC,kBAAe,SAAkB,GACpC;AAEJ;;;ACXA,SAAS,kBAAmC;AAC5C,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAM+B,gBAAAC,YAAA;AAFvD,IAAM,oBAAoE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1G,QAAM,OAAO,eAAe,OAAO;AACnC,SAAO,gBAAAA,KAAC,cAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,gBAAAA,KAAC,aAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G;;;ACRA,SAAS,kBAAAC,uBAAsB;AAC/B,SAAS,kBAAkB;AAKlB,gBAAAC,YAAA;AADT,IAAM,oBAAoB,WAA8D,CAAC,OAAO,QAAQ;AACtG,SAAO,gBAAAA,KAACD,iBAAA,EAAe,KAAW,GAAG,OAAO;AAC9C,CAAC;AAED,kBAAkB,cAAc;;;ACThC,SAAS,kBAAAE,uBAAsB;AAKtB,gBAAAC,YAAA;AADF,IAAM,mBAAsE,CAAC,UAAU;AAC5F,SAAO,gBAAAA,KAACD,iBAAA,EAAgB,GAAG,OAAO;AACpC;;;ACPA,SAAS,WAA2B,kBAAkB;AAQhD,gBAAAE,YAAA;AAHC,IAAM,mBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxG,SACE,gBAAAA,KAAC,aAAW,GAAG,OACb,0BAAAA,KAAC,cAAY,mBAAS,QAAO,GAC/B;AAEJ;;;ACXA,SAAS,aAAa;;;ACaf,IAAM,6BAAkD;AAAA,EAC7D,WAAW,SAAU,SAA4B;AAC/C,WAAO,CAAC,CAAC,SAAS;AAAA,EACpB;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,KAAK;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,MAAM;AACR;;;AD9BO,IAAM,4BAA4B,CAAC,WAA2D;AACnG,SAAO,MAAM,CAAC,GAAG,4BAA4B,MAAM;AACrD;","names":["jsx","jsx","jsx","PayloadDetails","jsx","PayloadDetails","jsx","jsx"]}
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=images.d.cjs.map