@xyo-network/react-payload-details 2.49.13 → 2.51.0-rc.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.
- package/dist/cjs/components/Details/DataDetails.js +5 -4
- package/dist/cjs/components/Details/DataDetails.js.map +1 -1
- package/dist/cjs/components/Details/ValidationDetails/ValidationDetails.js +5 -3
- package/dist/cjs/components/Details/ValidationDetails/ValidationDetails.js.map +1 -1
- package/dist/docs.json +33 -33
- package/dist/esm/components/Details/DataDetails.js +3 -2
- package/dist/esm/components/Details/DataDetails.js.map +1 -1
- package/dist/esm/components/Details/ValidationDetails/ValidationDetails.js +3 -1
- package/dist/esm/components/Details/ValidationDetails/ValidationDetails.js.map +1 -1
- package/dist/types/components/Details/DataDetails.d.ts.map +1 -1
- package/dist/types/components/Details/ValidationDetails/ValidationDetails.d.ts.map +1 -1
- package/package.json +13 -12
- package/src/components/Details/DataDetails.tsx +3 -3
- package/src/components/Details/ValidationDetails/ValidationDetails.tsx +4 -1
- package/typedoc.json +5 -0
@@ -9,6 +9,7 @@ const material_1 = require("@mui/material");
|
|
9
9
|
const react_button_1 = require("@xylabs/react-button");
|
10
10
|
const payload_wrapper_1 = require("@xyo-network/payload-wrapper");
|
11
11
|
const react_property_1 = require("@xyo-network/react-property");
|
12
|
+
const react_shared_1 = require("@xyo-network/react-shared");
|
12
13
|
const react_1 = require("react");
|
13
14
|
const HashSourceDetails_1 = require("./HashSourceDetails");
|
14
15
|
const PayloadDataDetails = (_a) => {
|
@@ -16,7 +17,7 @@ const PayloadDataDetails = (_a) => {
|
|
16
17
|
var { size, badge, payload } = _a, props = tslib_1.__rest(_a, ["size", "badge", "payload"]);
|
17
18
|
const wrapper = payload ? new payload_wrapper_1.PayloadWrapper(payload) : undefined;
|
18
19
|
const [viewSourceOpen, setViewSourceOpen] = (0, react_1.useState)(false);
|
19
|
-
const hash =
|
20
|
+
const hash = (0, react_shared_1.usePayloadHash)(payload);
|
20
21
|
let elevation = 2;
|
21
22
|
if (props.paper) {
|
22
23
|
elevation += (_b = props.elevation) !== null && _b !== void 0 ? _b : 0;
|
@@ -30,12 +31,12 @@ const PayloadDataDetails = (_a) => {
|
|
30
31
|
{
|
31
32
|
icon: (0, jsx_runtime_1.jsx)(ContentCopy_1.default, {}),
|
32
33
|
name: 'Copy',
|
33
|
-
onClick: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
34
|
+
onClick: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () { return yield navigator.clipboard.writeText(hash !== null && hash !== void 0 ? hash : ''); }),
|
34
35
|
},
|
35
36
|
];
|
36
37
|
const onCopy = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
37
|
-
var
|
38
|
-
yield navigator.clipboard.writeText((
|
38
|
+
var _c;
|
39
|
+
yield navigator.clipboard.writeText((_c = wrapper === null || wrapper === void 0 ? void 0 : wrapper.stringified) !== null && _c !== void 0 ? _c : '');
|
39
40
|
});
|
40
41
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_property_1.Property, Object.assign({ titleProps: { elevation }, badge: badge, size: size, actions: actions, title: "Payload Hash", value: hash !== null && hash !== void 0 ? hash : '<Unknown>', tip: "This is the payload hash" }, props)), (0, jsx_runtime_1.jsxs)(material_1.Dialog, Object.assign({ open: viewSourceOpen, onClose: () => setViewSourceOpen(false) }, { children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: "Hash Source" }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(HashSourceDetails_1.PayloadHashSourceDetails, { noTitle: true, payload: payload }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ color: "secondary", onClick: onCopy }, { children: "Copy" })), (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ color: "secondary", onClick: () => setViewSourceOpen(false) }, { children: "Close" }))] })] }))] }));
|
41
42
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DataDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":";;;;;AAAA,0FAA6D;AAC7D,wFAA2D;AAC3D,4CAAiF;AACjF,uDAA+C;AAE/C,kEAA6D;AAC7D,gEAAqF;
|
1
|
+
{"version":3,"file":"DataDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":";;;;;AAAA,0FAA6D;AAC7D,wFAA2D;AAC3D,4CAAiF;AACjF,uDAA+C;AAE/C,kEAA6D;AAC7D,gEAAqF;AACrF,4DAAoE;AACpE,iCAAgC;AAEhC,2DAA8D;AAQvD,MAAM,kBAAkB,GAAsC,CAAC,EAAkC,EAAE,EAAE;;QAAtC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAhC,4BAAkC,CAAF;IACpG,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,gCAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,IAAI,GAAG,IAAA,6BAAc,EAAC,OAAO,CAAC,CAAA;IAEpC,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,SAAS,IAAI,MAAA,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAA;KAClC;IAED,MAAM,OAAO,GAAqB;QAChC;YACE,IAAI,EAAE,uBAAC,oBAAc,KAAG;YACxB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC;SACvC;QACD;YACE,IAAI,EAAE,uBAAC,qBAAe,KAAG;YACzB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,GAAS,EAAE,0DAAC,OAAA,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,CAAA,GAAA;SACrE;KACF,CAAA;IAED,MAAM,MAAM,GAAG,GAAS,EAAE;;QACxB,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,EAAE,CAAC,CAAA;IACjE,CAAC,CAAA,CAAA;IAED,OAAO,CACL,6DACE,uBAAC,yBAAQ,kBACP,UAAU,EAAE,EAAE,SAAS,EAAE,EACzB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,EAC1B,GAAG,EAAC,0BAA0B,IAC1B,KAAK,EACT,EACF,wBAAC,iBAAM,kBAAC,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBACnE,uBAAC,sBAAW,8BAA0B,EACtC,uBAAC,wBAAa,cACZ,uBAAC,4CAAwB,IAAC,OAAO,QAAC,OAAO,EAAE,OAAO,GAAI,GACxC,EAChB,wBAAC,wBAAa,eACZ,uBAAC,uBAAQ,kBAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,0BAEhC,EACX,uBAAC,uBAAQ,kBAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,2BAExD,IACG,KACT,IACR,CACJ,CAAA;AACH,CAAC,CAAA;AAxDY,QAAA,kBAAkB,sBAwD9B"}
|
@@ -8,15 +8,17 @@ const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
8
|
const payload_validator_1 = require("@xyo-network/payload-validator");
|
9
9
|
const react_property_1 = require("@xyo-network/react-property");
|
10
10
|
const react_schema_1 = require("@xyo-network/react-schema");
|
11
|
+
const react_shared_1 = require("@xyo-network/react-shared");
|
11
12
|
const PayloadValidationDetails = (_a) => {
|
12
|
-
var _b
|
13
|
+
var _b;
|
13
14
|
var { viewSchemaUrl, skipBody = false, value } = _a, props = tslib_1.__rest(_a, ["viewSchemaUrl", "skipBody", "value"]);
|
14
15
|
const validator = value ? new payload_validator_1.PayloadValidator(value) : undefined;
|
15
|
-
const
|
16
|
+
const [validateErrors] = (0, react_shared_1.usePromise)(validator === null || validator === void 0 ? void 0 : validator.validate(), [validator]);
|
17
|
+
const bodyErrors = skipBody ? [] : validateErrors !== null && validateErrors !== void 0 ? validateErrors : [];
|
16
18
|
const errors = [...bodyErrors];
|
17
19
|
let elevation = 2;
|
18
20
|
if (props.paper) {
|
19
|
-
elevation += (
|
21
|
+
elevation += (_b = props.elevation) !== null && _b !== void 0 ? _b : 0;
|
20
22
|
}
|
21
23
|
return ((0, jsx_runtime_1.jsxs)(react_property_1.PropertyGroup, Object.assign({ titleProps: { elevation }, title: "Validation", tip: "The results from validating the payload" }, props, { children: [(0, jsx_runtime_1.jsx)(react_property_1.Property, { titleProps: { elevation }, flexGrow: 1, title: "Valid", value: errors.length === 0 ? 'True' : 'False', tip: errors.length > 0 ? ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, { children: errors.map((error, index) => {
|
22
24
|
return (0, jsx_runtime_1.jsx)(material_1.Typography, { children: error.toString() }, index);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ValidationDetails.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,yDAA+C;AAC/C,sEAAiE;AACjE,gEAAqE;AACrE,4DAA0D;
|
1
|
+
{"version":3,"file":"ValidationDetails.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,yDAA+C;AAC/C,sEAAiE;AACjE,gEAAqE;AACrE,4DAA0D;AAC1D,4DAAsD;AAI/C,MAAM,wBAAwB,GAA4C,CAAC,EAAoD,EAAE,EAAE;;QAAxD,EAAE,aAAa,EAAE,QAAQ,GAAG,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAlD,sCAAoD,CAAF;IAClI,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,oCAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjE,MAAM,CAAC,cAAc,CAAC,GAAG,IAAA,yBAAU,EAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEvE,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,EAAE,CAAA;IACvD,MAAM,MAAM,GAAY,CAAC,GAAG,UAAU,CAAC,CAAA;IAEvC,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,SAAS,IAAI,MAAA,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAA;KAClC;IAED,OAAO,CACL,wBAAC,8BAAa,kBAAC,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAC,YAAY,EAAC,GAAG,EAAC,yCAAyC,IAAK,KAAK,eAClH,uBAAC,yBAAQ,IACP,UAAU,EAAE,EAAE,SAAS,EAAE,EACzB,QAAQ,EAAE,CAAC,EACX,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,GAAG,EACD,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,uBAAC,uBAAO,cACL,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBAC3B,OAAO,uBAAC,qBAAU,cAAc,KAAK,CAAC,QAAQ,EAAE,IAAxB,KAAK,CAAiC,CAAA;oBAChE,CAAC,CAAC,GACM,CACX,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAU,4BAAuB,CACnC,GAEH,EACD,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,KAAI,uBAAC,6BAAc,IAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,aAAa,GAAI,KACjH,CACjB,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,wBAAwB,4BAmCpC"}
|
package/dist/docs.json
CHANGED
@@ -17,7 +17,7 @@
|
|
17
17
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
|
18
18
|
"line": 13,
|
19
19
|
"character": 12,
|
20
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
20
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L13"
|
21
21
|
}
|
22
22
|
],
|
23
23
|
"type": {
|
@@ -49,7 +49,7 @@
|
|
49
49
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
|
50
50
|
"line": 14,
|
51
51
|
"character": 2,
|
52
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
52
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L14"
|
53
53
|
}
|
54
54
|
],
|
55
55
|
"type": {
|
@@ -70,7 +70,7 @@
|
|
70
70
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
|
71
71
|
"line": 15,
|
72
72
|
"character": 2,
|
73
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
73
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L15"
|
74
74
|
}
|
75
75
|
],
|
76
76
|
"type": {
|
@@ -93,7 +93,7 @@
|
|
93
93
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
|
94
94
|
"line": 16,
|
95
95
|
"character": 2,
|
96
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
96
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L16"
|
97
97
|
}
|
98
98
|
],
|
99
99
|
"type": {
|
@@ -117,7 +117,7 @@
|
|
117
117
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
|
118
118
|
"line": 13,
|
119
119
|
"character": 54,
|
120
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
120
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L13"
|
121
121
|
}
|
122
122
|
]
|
123
123
|
}
|
@@ -136,7 +136,7 @@
|
|
136
136
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
|
137
137
|
"line": 12,
|
138
138
|
"character": 12,
|
139
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
139
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
|
140
140
|
}
|
141
141
|
],
|
142
142
|
"type": {
|
@@ -170,7 +170,7 @@
|
|
170
170
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
|
171
171
|
"line": 13,
|
172
172
|
"character": 2,
|
173
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
173
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L13"
|
174
174
|
}
|
175
175
|
],
|
176
176
|
"type": {
|
@@ -191,7 +191,7 @@
|
|
191
191
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
|
192
192
|
"line": 14,
|
193
193
|
"character": 2,
|
194
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
194
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L14"
|
195
195
|
}
|
196
196
|
],
|
197
197
|
"type": {
|
@@ -216,7 +216,7 @@
|
|
216
216
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
|
217
217
|
"line": 12,
|
218
218
|
"character": 49,
|
219
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
219
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
|
220
220
|
}
|
221
221
|
]
|
222
222
|
}
|
@@ -235,7 +235,7 @@
|
|
235
235
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
|
236
236
|
"line": 10,
|
237
237
|
"character": 12,
|
238
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
238
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L10"
|
239
239
|
}
|
240
240
|
],
|
241
241
|
"type": {
|
@@ -267,7 +267,7 @@
|
|
267
267
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
|
268
268
|
"line": 11,
|
269
269
|
"character": 2,
|
270
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
270
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L11"
|
271
271
|
}
|
272
272
|
],
|
273
273
|
"type": {
|
@@ -290,7 +290,7 @@
|
|
290
290
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
|
291
291
|
"line": 12,
|
292
292
|
"character": 2,
|
293
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
293
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L12"
|
294
294
|
}
|
295
295
|
],
|
296
296
|
"type": {
|
@@ -315,7 +315,7 @@
|
|
315
315
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
|
316
316
|
"line": 10,
|
317
317
|
"character": 59,
|
318
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
318
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L10"
|
319
319
|
}
|
320
320
|
]
|
321
321
|
}
|
@@ -334,7 +334,7 @@
|
|
334
334
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
|
335
335
|
"line": 4,
|
336
336
|
"character": 12,
|
337
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
337
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L4"
|
338
338
|
}
|
339
339
|
],
|
340
340
|
"type": {
|
@@ -366,7 +366,7 @@
|
|
366
366
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
|
367
367
|
"line": 5,
|
368
368
|
"character": 2,
|
369
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
369
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L5"
|
370
370
|
}
|
371
371
|
],
|
372
372
|
"type": {
|
@@ -387,7 +387,7 @@
|
|
387
387
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
|
388
388
|
"line": 6,
|
389
389
|
"character": 2,
|
390
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
390
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L6"
|
391
391
|
}
|
392
392
|
],
|
393
393
|
"type": {
|
@@ -410,7 +410,7 @@
|
|
410
410
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
|
411
411
|
"line": 7,
|
412
412
|
"character": 2,
|
413
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
413
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L7"
|
414
414
|
}
|
415
415
|
],
|
416
416
|
"type": {
|
@@ -434,7 +434,7 @@
|
|
434
434
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
|
435
435
|
"line": 4,
|
436
436
|
"character": 65,
|
437
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
437
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L4"
|
438
438
|
}
|
439
439
|
]
|
440
440
|
}
|
@@ -453,7 +453,7 @@
|
|
453
453
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
|
454
454
|
"line": 9,
|
455
455
|
"character": 12,
|
456
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
456
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
|
457
457
|
}
|
458
458
|
],
|
459
459
|
"typeParameters": [
|
@@ -493,7 +493,7 @@
|
|
493
493
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
|
494
494
|
"line": 9,
|
495
495
|
"character": 33,
|
496
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
496
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
|
497
497
|
}
|
498
498
|
],
|
499
499
|
"type": {
|
@@ -515,7 +515,7 @@
|
|
515
515
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
|
516
516
|
"line": 9,
|
517
517
|
"character": 31,
|
518
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
518
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
|
519
519
|
}
|
520
520
|
]
|
521
521
|
}
|
@@ -534,7 +534,7 @@
|
|
534
534
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
|
535
535
|
"line": 10,
|
536
536
|
"character": 12,
|
537
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
537
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
|
538
538
|
}
|
539
539
|
],
|
540
540
|
"typeParameters": [
|
@@ -576,7 +576,7 @@
|
|
576
576
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
|
577
577
|
"line": 10,
|
578
578
|
"character": 36,
|
579
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
579
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
|
580
580
|
}
|
581
581
|
],
|
582
582
|
"type": {
|
@@ -598,7 +598,7 @@
|
|
598
598
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
|
599
599
|
"line": 10,
|
600
600
|
"character": 34,
|
601
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
601
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
|
602
602
|
}
|
603
603
|
]
|
604
604
|
}
|
@@ -617,7 +617,7 @@
|
|
617
617
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
|
618
618
|
"line": 19,
|
619
619
|
"character": 13,
|
620
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
620
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L19"
|
621
621
|
}
|
622
622
|
],
|
623
623
|
"signatures": [
|
@@ -693,7 +693,7 @@
|
|
693
693
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
|
694
694
|
"line": 17,
|
695
695
|
"character": 13,
|
696
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
696
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L17"
|
697
697
|
}
|
698
698
|
],
|
699
699
|
"signatures": [
|
@@ -749,7 +749,7 @@
|
|
749
749
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
|
750
750
|
"line": 13,
|
751
751
|
"character": 2,
|
752
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
752
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L13"
|
753
753
|
}
|
754
754
|
],
|
755
755
|
"type": {
|
@@ -770,7 +770,7 @@
|
|
770
770
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
|
771
771
|
"line": 14,
|
772
772
|
"character": 2,
|
773
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
773
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L14"
|
774
774
|
}
|
775
775
|
],
|
776
776
|
"type": {
|
@@ -823,7 +823,7 @@
|
|
823
823
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
|
824
824
|
"line": 12,
|
825
825
|
"character": 49,
|
826
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
826
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
|
827
827
|
}
|
828
828
|
]
|
829
829
|
}
|
@@ -902,7 +902,7 @@
|
|
902
902
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
|
903
903
|
"line": 15,
|
904
904
|
"character": 13,
|
905
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
905
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L15"
|
906
906
|
}
|
907
907
|
],
|
908
908
|
"signatures": [
|
@@ -976,9 +976,9 @@
|
|
976
976
|
"sources": [
|
977
977
|
{
|
978
978
|
"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetails.tsx",
|
979
|
-
"line":
|
979
|
+
"line": 10,
|
980
980
|
"character": 13,
|
981
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
981
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetails.tsx#L10"
|
982
982
|
}
|
983
983
|
],
|
984
984
|
"signatures": [
|
@@ -1071,7 +1071,7 @@
|
|
1071
1071
|
"fileName": "packages/sdk/packages/payload/packages/details/src/index.ts",
|
1072
1072
|
"line": 1,
|
1073
1073
|
"character": 0,
|
1074
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
1074
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/index.ts#L1"
|
1075
1075
|
}
|
1076
1076
|
]
|
1077
1077
|
}
|
@@ -5,12 +5,13 @@ import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material
|
|
5
5
|
import { ButtonEx } from '@xylabs/react-button';
|
6
6
|
import { PayloadWrapper } from '@xyo-network/payload-wrapper';
|
7
7
|
import { Property } from '@xyo-network/react-property';
|
8
|
+
import { usePayloadHash } from '@xyo-network/react-shared';
|
8
9
|
import { useState } from 'react';
|
9
10
|
import { PayloadHashSourceDetails } from './HashSourceDetails';
|
10
11
|
export const PayloadDataDetails = ({ size, badge, payload, ...props }) => {
|
11
12
|
const wrapper = payload ? new PayloadWrapper(payload) : undefined;
|
12
13
|
const [viewSourceOpen, setViewSourceOpen] = useState(false);
|
13
|
-
const hash =
|
14
|
+
const hash = usePayloadHash(payload);
|
14
15
|
let elevation = 2;
|
15
16
|
if (props.paper) {
|
16
17
|
elevation += props.elevation ?? 0;
|
@@ -24,7 +25,7 @@ export const PayloadDataDetails = ({ size, badge, payload, ...props }) => {
|
|
24
25
|
{
|
25
26
|
icon: _jsx(ContentCopyIcon, {}),
|
26
27
|
name: 'Copy',
|
27
|
-
onClick: async () => await navigator.clipboard.writeText(
|
28
|
+
onClick: async () => await navigator.clipboard.writeText(hash ?? ''),
|
28
29
|
},
|
29
30
|
];
|
30
31
|
const onCopy = async () => {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DataDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,MAAM,iCAAiC,CAAA;AAC7D,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAiC,MAAM,6BAA6B,CAAA;
|
1
|
+
{"version":3,"file":"DataDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,MAAM,iCAAiC,CAAA;AAC7D,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAiC,MAAM,6BAA6B,CAAA;AACrF,OAAO,EAAY,cAAc,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAQ9D,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1G,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,IAAI,GAAG,cAAc,CAAC,OAAO,CAAC,CAAA;IAEpC,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;KAClC;IAED,MAAM,OAAO,GAAqB;QAChC;YACE,IAAI,EAAE,KAAC,cAAc,KAAG;YACxB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC;SACvC;QACD;YACE,IAAI,EAAE,KAAC,eAAe,KAAG;YACzB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,IAAI,EAAE,CAAC;SACrE;KACF,CAAA;IAED,MAAM,MAAM,GAAG,KAAK,IAAI,EAAE;QACxB,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,IAAI,EAAE,CAAC,CAAA;IACjE,CAAC,CAAA;IAED,OAAO,CACL,8BACE,KAAC,QAAQ,IACP,UAAU,EAAE,EAAE,SAAS,EAAE,EACzB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,IAAI,IAAI,WAAW,EAC1B,GAAG,EAAC,0BAA0B,KAC1B,KAAK,GACT,EACF,MAAC,MAAM,IAAC,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,aACnE,KAAC,WAAW,8BAA0B,EACtC,KAAC,aAAa,cACZ,KAAC,wBAAwB,IAAC,OAAO,QAAC,OAAO,EAAE,OAAO,GAAI,GACxC,EAChB,MAAC,aAAa,eACZ,KAAC,QAAQ,IAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,qBAEhC,EACX,KAAC,QAAQ,IAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,sBAExD,IACG,IACT,IACR,CACJ,CAAA;AACH,CAAC,CAAA"}
|
@@ -4,9 +4,11 @@ import { FlexCol } from '@xylabs/react-flexbox';
|
|
4
4
|
import { PayloadValidator } from '@xyo-network/payload-validator';
|
5
5
|
import { Property, PropertyGroup } from '@xyo-network/react-property';
|
6
6
|
import { SchemaProperty } from '@xyo-network/react-schema';
|
7
|
+
import { usePromise } from '@xyo-network/react-shared';
|
7
8
|
export const PayloadValidationDetails = ({ viewSchemaUrl, skipBody = false, value, ...props }) => {
|
8
9
|
const validator = value ? new PayloadValidator(value) : undefined;
|
9
|
-
const
|
10
|
+
const [validateErrors] = usePromise(validator?.validate(), [validator]);
|
11
|
+
const bodyErrors = skipBody ? [] : validateErrors ?? [];
|
10
12
|
const errors = [...bodyErrors];
|
11
13
|
let elevation = 2;
|
12
14
|
if (props.paper) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ValidationDetails.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;
|
1
|
+
{"version":3,"file":"ValidationDetails.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAItD,MAAM,CAAC,MAAM,wBAAwB,GAA4C,CAAC,EAAE,aAAa,EAAE,QAAQ,GAAG,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxI,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjE,MAAM,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEvE,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,IAAI,EAAE,CAAA;IACvD,MAAM,MAAM,GAAY,CAAC,GAAG,UAAU,CAAC,CAAA;IAEvC,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;KAClC;IAED,OAAO,CACL,MAAC,aAAa,IAAC,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAC,YAAY,EAAC,GAAG,EAAC,yCAAyC,KAAK,KAAK,aAClH,KAAC,QAAQ,IACP,UAAU,EAAE,EAAE,SAAS,EAAE,EACzB,QAAQ,EAAE,CAAC,EACX,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,GAAG,EACD,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,KAAC,OAAO,cACL,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBAC3B,OAAO,KAAC,UAAU,cAAc,KAAK,CAAC,QAAQ,EAAE,IAAxB,KAAK,CAAiC,CAAA;oBAChE,CAAC,CAAC,GACM,CACX,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,4BAAuB,CACnC,GAEH,EACD,KAAK,EAAE,MAAM,IAAI,KAAC,cAAc,IAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,aAAa,GAAI,IACjH,CACjB,CAAA;AACH,CAAC,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DataDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAA4B,aAAa,EAAE,MAAM,6BAA6B,CAAA;AACrF,OAAO,EAAE,QAAQ,
|
1
|
+
{"version":3,"file":"DataDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAA4B,aAAa,EAAE,MAAM,6BAA6B,CAAA;AACrF,OAAO,EAAE,QAAQ,EAAkB,MAAM,2BAA2B,CAAA;AAKpE,MAAM,MAAM,uBAAuB,GAAG,aAAa,GAAG;IACpD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwDhE,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ValidationDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"ValidationDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAA;AAExE,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAmC5E,CAAA"}
|
package/package.json
CHANGED
@@ -10,22 +10,22 @@
|
|
10
10
|
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
|
11
11
|
},
|
12
12
|
"dependencies": {
|
13
|
-
"@xylabs/react-button": "^2.17.
|
14
|
-
"@xylabs/react-flexbox": "^2.17.
|
15
|
-
"@xylabs/react-quick-tip-button": "^2.17.
|
16
|
-
"@xyo-network/payload-model": "^2.
|
17
|
-
"@xyo-network/payload-validator": "^2.
|
18
|
-
"@xyo-network/payload-wrapper": "^2.
|
19
|
-
"@xyo-network/react-property": "^2.
|
20
|
-
"@xyo-network/react-schema": "^2.
|
21
|
-
"@xyo-network/react-shared": "^2.
|
13
|
+
"@xylabs/react-button": "^2.17.3",
|
14
|
+
"@xylabs/react-flexbox": "^2.17.3",
|
15
|
+
"@xylabs/react-quick-tip-button": "^2.17.3",
|
16
|
+
"@xyo-network/payload-model": "^2.60.0-rc.2",
|
17
|
+
"@xyo-network/payload-validator": "^2.60.0-rc.2",
|
18
|
+
"@xyo-network/payload-wrapper": "^2.60.0-rc.2",
|
19
|
+
"@xyo-network/react-property": "^2.51.0-rc.1",
|
20
|
+
"@xyo-network/react-schema": "^2.51.0-rc.1",
|
21
|
+
"@xyo-network/react-shared": "^2.51.0-rc.1",
|
22
22
|
"react-json-view": "^1.21.3"
|
23
23
|
},
|
24
24
|
"devDependencies": {
|
25
|
-
"@storybook/react": "^7.0.
|
25
|
+
"@storybook/react": "^7.0.18",
|
26
26
|
"@xylabs/ts-scripts-yarn3": "^2.17.13",
|
27
27
|
"@xylabs/tsconfig-react": "^2.17.13",
|
28
|
-
"@xyo-network/react-storybook": "^2.
|
28
|
+
"@xyo-network/react-storybook": "^2.51.0-rc.1",
|
29
29
|
"typescript": "^5.0.4"
|
30
30
|
},
|
31
31
|
"peerDependencies": {
|
@@ -80,5 +80,6 @@
|
|
80
80
|
},
|
81
81
|
"sideEffects": false,
|
82
82
|
"types": "dist/types/index.d.ts",
|
83
|
-
"version": "2.
|
83
|
+
"version": "2.51.0-rc.1",
|
84
|
+
"stableVersion": "2.50.0"
|
84
85
|
}
|
@@ -5,7 +5,7 @@ import { ButtonEx } from '@xylabs/react-button'
|
|
5
5
|
import { Payload } from '@xyo-network/payload-model'
|
6
6
|
import { PayloadWrapper } from '@xyo-network/payload-wrapper'
|
7
7
|
import { Property, PropertyAction, PropertyProps } from '@xyo-network/react-property'
|
8
|
-
import { SizeProp } from '@xyo-network/react-shared'
|
8
|
+
import { SizeProp, usePayloadHash } from '@xyo-network/react-shared'
|
9
9
|
import { useState } from 'react'
|
10
10
|
|
11
11
|
import { PayloadHashSourceDetails } from './HashSourceDetails'
|
@@ -20,7 +20,7 @@ export const PayloadDataDetails: React.FC<PayloadDataDetailsProps> = ({ size, ba
|
|
20
20
|
const wrapper = payload ? new PayloadWrapper(payload) : undefined
|
21
21
|
|
22
22
|
const [viewSourceOpen, setViewSourceOpen] = useState(false)
|
23
|
-
const hash =
|
23
|
+
const hash = usePayloadHash(payload)
|
24
24
|
|
25
25
|
let elevation = 2
|
26
26
|
if (props.paper) {
|
@@ -36,7 +36,7 @@ export const PayloadDataDetails: React.FC<PayloadDataDetailsProps> = ({ size, ba
|
|
36
36
|
{
|
37
37
|
icon: <ContentCopyIcon />,
|
38
38
|
name: 'Copy',
|
39
|
-
onClick: async () => await navigator.clipboard.writeText(
|
39
|
+
onClick: async () => await navigator.clipboard.writeText(hash ?? ''),
|
40
40
|
},
|
41
41
|
]
|
42
42
|
|
@@ -3,13 +3,16 @@ import { FlexCol } from '@xylabs/react-flexbox'
|
|
3
3
|
import { PayloadValidator } from '@xyo-network/payload-validator'
|
4
4
|
import { Property, PropertyGroup } from '@xyo-network/react-property'
|
5
5
|
import { SchemaProperty } from '@xyo-network/react-schema'
|
6
|
+
import { usePromise } from '@xyo-network/react-shared'
|
6
7
|
|
7
8
|
import { PayloadValidationDetailsProps } from './ValidationDetailsProps'
|
8
9
|
|
9
10
|
export const PayloadValidationDetails: React.FC<PayloadValidationDetailsProps> = ({ viewSchemaUrl, skipBody = false, value, ...props }) => {
|
10
11
|
const validator = value ? new PayloadValidator(value) : undefined
|
11
12
|
|
12
|
-
const
|
13
|
+
const [validateErrors] = usePromise(validator?.validate(), [validator])
|
14
|
+
|
15
|
+
const bodyErrors = skipBody ? [] : validateErrors ?? []
|
13
16
|
const errors: Error[] = [...bodyErrors]
|
14
17
|
|
15
18
|
let elevation = 2
|