@xyo-network/react-payload-plugin 2.62.3 → 2.63.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 (123) hide show
  1. package/dist/cjs/DefaultPayloadRenderPlugin.js +28 -0
  2. package/dist/cjs/DefaultPayloadRenderPlugin.js.map +1 -0
  3. package/dist/cjs/PayloadRenderPlugin.js +3 -0
  4. package/dist/cjs/PayloadRenderPlugin.js.map +1 -0
  5. package/dist/cjs/components/PayloadAvatar.js +13 -0
  6. package/dist/cjs/components/PayloadAvatar.js.map +1 -0
  7. package/dist/cjs/components/PayloadCardActionArea.js +13 -0
  8. package/dist/cjs/components/PayloadCardActionArea.js.map +1 -0
  9. package/dist/cjs/components/PayloadCardContent.js +13 -0
  10. package/dist/cjs/components/PayloadCardContent.js.map +1 -0
  11. package/dist/cjs/components/PayloadCardHeader.js +15 -0
  12. package/dist/cjs/components/PayloadCardHeader.js.map +1 -0
  13. package/dist/cjs/components/PayloadDetailsBox.js +12 -0
  14. package/dist/cjs/components/PayloadDetailsBox.js.map +1 -0
  15. package/dist/cjs/components/PayloadEditorBox.js +10 -0
  16. package/dist/cjs/components/PayloadEditorBox.js.map +1 -0
  17. package/dist/cjs/components/PayloadTableCell.js +13 -0
  18. package/dist/cjs/components/PayloadTableCell.js.map +1 -0
  19. package/dist/cjs/components/index.js +11 -0
  20. package/dist/cjs/components/index.js.map +1 -0
  21. package/dist/cjs/createPayloadRenderPlugin.js +11 -0
  22. package/dist/cjs/createPayloadRenderPlugin.js.map +1 -0
  23. package/dist/cjs/img/index.js +7 -0
  24. package/dist/cjs/img/index.js.map +1 -0
  25. package/dist/cjs/index.js +8 -0
  26. package/dist/cjs/index.js.map +1 -0
  27. package/dist/docs.json +70 -70
  28. package/dist/esm/DefaultPayloadRenderPlugin.js +25 -0
  29. package/dist/esm/DefaultPayloadRenderPlugin.js.map +1 -0
  30. package/dist/esm/PayloadRenderPlugin.js +2 -0
  31. package/dist/esm/PayloadRenderPlugin.js.map +1 -0
  32. package/dist/esm/components/PayloadAvatar.js +7 -0
  33. package/dist/esm/components/PayloadAvatar.js.map +1 -0
  34. package/dist/esm/components/PayloadCardActionArea.js +7 -0
  35. package/dist/esm/components/PayloadCardActionArea.js.map +1 -0
  36. package/dist/esm/components/PayloadCardContent.js +7 -0
  37. package/dist/esm/components/PayloadCardContent.js.map +1 -0
  38. package/dist/esm/components/PayloadCardHeader.js +9 -0
  39. package/dist/esm/components/PayloadCardHeader.js.map +1 -0
  40. package/dist/esm/components/PayloadDetailsBox.js +9 -0
  41. package/dist/esm/components/PayloadDetailsBox.js.map +1 -0
  42. package/dist/esm/components/PayloadEditorBox.js +6 -0
  43. package/dist/esm/components/PayloadEditorBox.js.map +1 -0
  44. package/dist/esm/components/PayloadTableCell.js +7 -0
  45. package/dist/esm/components/PayloadTableCell.js.map +1 -0
  46. package/dist/{components/index.d.mts → esm/components/index.js} +1 -1
  47. package/dist/esm/components/index.js.map +1 -0
  48. package/dist/esm/createPayloadRenderPlugin.js +6 -0
  49. package/dist/esm/createPayloadRenderPlugin.js.map +1 -0
  50. package/dist/esm/img/default-256.jpg +0 -0
  51. package/dist/{img/index.d.mts → esm/img/index.js} +1 -1
  52. package/dist/esm/img/index.js.map +1 -0
  53. package/dist/{index.d.mts → esm/index.js} +1 -1
  54. package/dist/esm/index.js.map +1 -0
  55. package/dist/types/DefaultPayloadRenderPlugin.d.ts.map +1 -0
  56. package/dist/types/PayloadRenderPlugin.d.ts.map +1 -0
  57. package/dist/types/components/PayloadAvatar.d.ts.map +1 -0
  58. package/dist/types/components/PayloadCardActionArea.d.ts.map +1 -0
  59. package/dist/types/components/PayloadCardContent.d.ts.map +1 -0
  60. package/dist/types/components/PayloadCardHeader.d.ts.map +1 -0
  61. package/dist/types/components/PayloadDetailsBox.d.ts.map +1 -0
  62. package/dist/types/components/PayloadEditorBox.d.ts.map +1 -0
  63. package/dist/types/components/PayloadTableCell.d.ts.map +1 -0
  64. package/dist/types/components/index.d.ts.map +1 -0
  65. package/dist/types/createPayloadRenderPlugin.d.ts.map +1 -0
  66. package/dist/types/img/index.d.ts.map +1 -0
  67. package/dist/types/index.d.ts.map +1 -0
  68. package/package.json +20 -28
  69. package/src/createPayloadRenderPlugin.ts +1 -1
  70. package/dist/DefaultPayloadRenderPlugin.d.mts +0 -3
  71. package/dist/DefaultPayloadRenderPlugin.d.mts.map +0 -1
  72. package/dist/DefaultPayloadRenderPlugin.d.ts.map +0 -1
  73. package/dist/PayloadRenderPlugin.d.mts +0 -63
  74. package/dist/PayloadRenderPlugin.d.mts.map +0 -1
  75. package/dist/PayloadRenderPlugin.d.ts.map +0 -1
  76. package/dist/components/PayloadAvatar.d.mts +0 -5
  77. package/dist/components/PayloadAvatar.d.mts.map +0 -1
  78. package/dist/components/PayloadAvatar.d.ts.map +0 -1
  79. package/dist/components/PayloadCardActionArea.d.mts +0 -5
  80. package/dist/components/PayloadCardActionArea.d.mts.map +0 -1
  81. package/dist/components/PayloadCardActionArea.d.ts.map +0 -1
  82. package/dist/components/PayloadCardContent.d.mts +0 -5
  83. package/dist/components/PayloadCardContent.d.mts.map +0 -1
  84. package/dist/components/PayloadCardContent.d.ts.map +0 -1
  85. package/dist/components/PayloadCardHeader.d.mts +0 -5
  86. package/dist/components/PayloadCardHeader.d.mts.map +0 -1
  87. package/dist/components/PayloadCardHeader.d.ts.map +0 -1
  88. package/dist/components/PayloadDetailsBox.d.mts +0 -7
  89. package/dist/components/PayloadDetailsBox.d.mts.map +0 -1
  90. package/dist/components/PayloadDetailsBox.d.ts.map +0 -1
  91. package/dist/components/PayloadEditorBox.d.mts +0 -5
  92. package/dist/components/PayloadEditorBox.d.mts.map +0 -1
  93. package/dist/components/PayloadEditorBox.d.ts.map +0 -1
  94. package/dist/components/PayloadTableCell.d.mts +0 -5
  95. package/dist/components/PayloadTableCell.d.mts.map +0 -1
  96. package/dist/components/PayloadTableCell.d.ts.map +0 -1
  97. package/dist/components/index.d.mts.map +0 -1
  98. package/dist/components/index.d.ts.map +0 -1
  99. package/dist/createPayloadRenderPlugin.d.mts +0 -3
  100. package/dist/createPayloadRenderPlugin.d.mts.map +0 -1
  101. package/dist/createPayloadRenderPlugin.d.ts.map +0 -1
  102. package/dist/img/index.d.mts.map +0 -1
  103. package/dist/img/index.d.ts.map +0 -1
  104. package/dist/index.d.mts.map +0 -1
  105. package/dist/index.d.ts.map +0 -1
  106. package/dist/index.js +0 -139
  107. package/dist/index.js.map +0 -1
  108. package/dist/index.mjs +0 -104
  109. package/dist/index.mjs.map +0 -1
  110. /package/dist/{default-256-FF63Q77N.jpg → cjs/img/default-256.jpg} +0 -0
  111. /package/dist/{DefaultPayloadRenderPlugin.d.ts → types/DefaultPayloadRenderPlugin.d.ts} +0 -0
  112. /package/dist/{PayloadRenderPlugin.d.ts → types/PayloadRenderPlugin.d.ts} +0 -0
  113. /package/dist/{components → types/components}/PayloadAvatar.d.ts +0 -0
  114. /package/dist/{components → types/components}/PayloadCardActionArea.d.ts +0 -0
  115. /package/dist/{components → types/components}/PayloadCardContent.d.ts +0 -0
  116. /package/dist/{components → types/components}/PayloadCardHeader.d.ts +0 -0
  117. /package/dist/{components → types/components}/PayloadDetailsBox.d.ts +0 -0
  118. /package/dist/{components → types/components}/PayloadEditorBox.d.ts +0 -0
  119. /package/dist/{components → types/components}/PayloadTableCell.d.ts +0 -0
  120. /package/dist/{components → types/components}/index.d.ts +0 -0
  121. /package/dist/{createPayloadRenderPlugin.d.ts → types/createPayloadRenderPlugin.d.ts} +0 -0
  122. /package/dist/{img → types/img}/index.d.ts +0 -0
  123. /package/dist/{index.d.ts → types/index.d.ts} +0 -0
package/dist/index.js DELETED
@@ -1,139 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/index.ts
21
- var src_exports = {};
22
- __export(src_exports, {
23
- DefaultPayloadRenderPlugin: () => DefaultPayloadRenderPlugin,
24
- PayloadAvatar: () => PayloadAvatar,
25
- PayloadCardActionArea: () => PayloadCardActionArea,
26
- PayloadCardContent: () => PayloadCardContent,
27
- PayloadCardHeader: () => PayloadCardHeader,
28
- PayloadDetailsBox: () => PayloadDetailsBox,
29
- PayloadEditorBox: () => PayloadEditorBox,
30
- PayloadTableCell: () => PayloadTableCell,
31
- createPayloadRenderPlugin: () => createPayloadRenderPlugin
32
- });
33
- module.exports = __toCommonJS(src_exports);
34
-
35
- // src/components/PayloadAvatar.tsx
36
- var import_material = require("@mui/material");
37
-
38
- // src/img/default-256.jpg
39
- var default_256_default = "./default-256-FF63Q77N.jpg";
40
-
41
- // src/components/PayloadAvatar.tsx
42
- var import_jsx_runtime = require("react/jsx-runtime");
43
- var PayloadAvatar = ({ ...props }) => {
44
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { src: default_256_default, ...props });
45
- };
46
-
47
- // src/components/PayloadCardActionArea.tsx
48
- var import_material2 = require("@mui/material");
49
- var import_jsx_runtime2 = require("react/jsx-runtime");
50
- var PayloadCardActionArea = ({ payload, ...props }) => {
51
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.CardActionArea, { ...props });
52
- };
53
-
54
- // src/components/PayloadCardContent.tsx
55
- var import_material3 = require("@mui/material");
56
- var import_react_payload_details = require("@xyo-network/react-payload-details");
57
- var import_jsx_runtime3 = require("react/jsx-runtime");
58
- var PayloadCardContent = ({ payload, ...props }) => {
59
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.CardContent, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_payload_details.PayloadDetails, { payload }) });
60
- };
61
-
62
- // src/components/PayloadCardHeader.tsx
63
- var import_material4 = require("@mui/material");
64
- var import_react_identicon = require("@xylabs/react-identicon");
65
- var import_react_shared = require("@xyo-network/react-shared");
66
- var import_jsx_runtime4 = require("react/jsx-runtime");
67
- var PayloadCardHeader = ({ payload, ...props }) => {
68
- const hash = (0, import_react_shared.usePayloadHash)(payload);
69
- 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 });
70
- };
71
-
72
- // src/components/PayloadDetailsBox.tsx
73
- var import_react_payload_details2 = require("@xyo-network/react-payload-details");
74
- var import_react = require("react");
75
- var import_jsx_runtime5 = require("react/jsx-runtime");
76
- var PayloadDetailsBox = (0, import_react.forwardRef)((props, ref) => {
77
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_payload_details2.PayloadDetails, { ref, ...props });
78
- });
79
- PayloadDetailsBox.displayName = "PayloadDetailsBox";
80
-
81
- // src/components/PayloadEditorBox.tsx
82
- var import_react_payload_details3 = require("@xyo-network/react-payload-details");
83
- var import_jsx_runtime6 = require("react/jsx-runtime");
84
- var PayloadEditorBox = (props) => {
85
- return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_payload_details3.PayloadDetails, { ...props });
86
- };
87
-
88
- // src/components/PayloadTableCell.tsx
89
- var import_material5 = require("@mui/material");
90
- var import_jsx_runtime7 = require("react/jsx-runtime");
91
- var PayloadTableCell = ({ payload, ...props }) => {
92
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.TableCell, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Typography, { children: payload?.schema }) });
93
- };
94
-
95
- // src/createPayloadRenderPlugin.ts
96
- var import_lodash = require("@xylabs/lodash");
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
- // Annotate the CommonJS export names for ESM import in node:
128
- 0 && (module.exports = {
129
- DefaultPayloadRenderPlugin,
130
- PayloadAvatar,
131
- PayloadCardActionArea,
132
- PayloadCardContent,
133
- PayloadCardHeader,
134
- PayloadDetailsBox,
135
- PayloadEditorBox,
136
- PayloadTableCell,
137
- createPayloadRenderPlugin
138
- });
139
- //# sourceMappingURL=index.js.map
package/dist/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/index.ts","../src/components/PayloadAvatar.tsx","../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 { 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;;;;;;AAM3B;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,4CAAC,0BAAO,KAAK,qBAAoB,GAAG,OAAO;AACpD;;;ACPA,IAAAA,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":["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"]}
package/dist/index.mjs DELETED
@@ -1,104 +0,0 @@
1
- // src/components/PayloadAvatar.tsx
2
- import { Avatar } from "@mui/material";
3
-
4
- // src/img/default-256.jpg
5
- var default_256_default = "./default-256-FF63Q77N.jpg";
6
-
7
- // src/components/PayloadAvatar.tsx
8
- import { jsx } from "react/jsx-runtime";
9
- var PayloadAvatar = ({ ...props }) => {
10
- return /* @__PURE__ */ jsx(Avatar, { src: default_256_default, ...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
- };
104
- //# sourceMappingURL=index.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/PayloadAvatar.tsx","../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 { 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;;;;;;AAM3B;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,oBAAC,UAAO,KAAK,qBAAoB,GAAG,OAAO;AACpD;;;ACPA,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"]}
File without changes
File without changes