@xyo-network/react-payload 2.25.19 → 2.25.22
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.d.ts +4 -4
- package/dist/cjs/components/Details/DataDetails.js +11 -7
- package/dist/cjs/components/Details/DataDetails.js.map +1 -1
- package/dist/cjs/components/Details/Details.d.ts +10 -10
- package/dist/cjs/components/Details/Details.js +2 -2
- package/dist/cjs/components/Details/Details.js.map +1 -1
- package/dist/cjs/components/Details/JsonDetails.d.ts +2 -2
- package/dist/cjs/components/Details/JsonDetails.js +6 -1
- package/dist/cjs/components/Details/JsonDetails.js.map +1 -1
- package/dist/cjs/components/Details/MetaDetails.d.ts +2 -2
- package/dist/cjs/components/Details/MetaDetails.js +6 -2
- package/dist/cjs/components/Details/MetaDetails.js.map +1 -1
- package/dist/cjs/components/Details/ValidationDetails/ValidationDetails.js +8 -4
- package/dist/cjs/components/Details/ValidationDetails/ValidationDetails.js.map +1 -1
- package/dist/cjs/components/Details/ValidationDetails/ValidationDetailsProps.d.ts +2 -2
- package/dist/docs.json +11728 -135202
- package/dist/esm/components/Details/DataDetails.d.ts +4 -4
- package/dist/esm/components/Details/DataDetails.js +10 -7
- package/dist/esm/components/Details/DataDetails.js.map +1 -1
- package/dist/esm/components/Details/Details.d.ts +10 -10
- package/dist/esm/components/Details/Details.js +2 -2
- package/dist/esm/components/Details/Details.js.map +1 -1
- package/dist/esm/components/Details/JsonDetails.d.ts +2 -2
- package/dist/esm/components/Details/JsonDetails.js +5 -1
- package/dist/esm/components/Details/JsonDetails.js.map +1 -1
- package/dist/esm/components/Details/MetaDetails.d.ts +2 -2
- package/dist/esm/components/Details/MetaDetails.js +5 -1
- package/dist/esm/components/Details/MetaDetails.js.map +1 -1
- package/dist/esm/components/Details/ValidationDetails/ValidationDetails.js +7 -3
- package/dist/esm/components/Details/ValidationDetails/ValidationDetails.js.map +1 -1
- package/dist/esm/components/Details/ValidationDetails/ValidationDetailsProps.d.ts +2 -2
- package/package.json +13 -12
- package/src/components/Details/DataDetails.tsx +15 -20
- package/src/components/Details/Details.stories.tsx +18 -2
- package/src/components/Details/Details.tsx +15 -21
- package/src/components/Details/JsonDetails.tsx +7 -2
- package/src/components/Details/MetaDetails.tsx +23 -7
- package/src/components/Details/ValidationDetails/ValidationDetails.tsx +9 -3
- package/src/components/Details/ValidationDetails/ValidationDetailsProps.ts +1 -1
- package/dist/cjs/components/Details/ValidationDetails/SchemaProperty.d.ts +0 -4
- package/dist/cjs/components/Details/ValidationDetails/SchemaProperty.js +0 -15
- package/dist/cjs/components/Details/ValidationDetails/SchemaProperty.js.map +0 -1
- package/dist/esm/components/Details/ValidationDetails/SchemaProperty.d.ts +0 -4
- package/dist/esm/components/Details/ValidationDetails/SchemaProperty.js +0 -11
- package/dist/esm/components/Details/ValidationDetails/SchemaProperty.js.map +0 -1
- package/src/components/Details/ValidationDetails/SchemaProperty.tsx +0 -24
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { FlexBoxProps } from '@xylabs/sdk-react';
|
|
3
2
|
import { XyoPayload } from '@xyo-network/core';
|
|
3
|
+
import { PropertyProps } from '@xyo-network/react-property';
|
|
4
4
|
import { SizeProp } from '@xyo-network/react-shared';
|
|
5
|
-
export
|
|
6
|
-
|
|
5
|
+
export declare type PayloadDataDetailsProps = PropertyProps & {
|
|
6
|
+
payload?: XyoPayload;
|
|
7
7
|
size?: SizeProp;
|
|
8
8
|
badge?: boolean;
|
|
9
|
-
}
|
|
9
|
+
};
|
|
10
10
|
export declare const PayloadDataDetails: React.FC<PayloadDataDetailsProps>;
|
|
@@ -12,11 +12,15 @@ const react_property_1 = require("@xyo-network/react-property");
|
|
|
12
12
|
const react_1 = require("react");
|
|
13
13
|
const HashSourceDetails_1 = require("./HashSourceDetails");
|
|
14
14
|
const PayloadDataDetails = (_a) => {
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
-
const
|
|
15
|
+
var _b;
|
|
16
|
+
var { size, badge, payload } = _a, props = tslib_1.__rest(_a, ["size", "badge", "payload"]);
|
|
17
|
+
const wrapper = payload ? new core_1.XyoPayloadWrapper(payload) : undefined;
|
|
18
18
|
const [viewSourceOpen, setViewSourceOpen] = (0, react_1.useState)(false);
|
|
19
19
|
const hash = wrapper === null || wrapper === void 0 ? void 0 : wrapper.hash;
|
|
20
|
+
let elevation = 2;
|
|
21
|
+
if (props.paper) {
|
|
22
|
+
elevation += (_b = props.elevation) !== null && _b !== void 0 ? _b : 0;
|
|
23
|
+
}
|
|
20
24
|
const actions = [
|
|
21
25
|
{
|
|
22
26
|
icon: (0, jsx_runtime_1.jsx)(Visibility_1.default, {}),
|
|
@@ -26,14 +30,14 @@ const PayloadDataDetails = (_a) => {
|
|
|
26
30
|
{
|
|
27
31
|
icon: (0, jsx_runtime_1.jsx)(ContentCopy_1.default, {}),
|
|
28
32
|
name: 'Copy',
|
|
29
|
-
onClick: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () { var
|
|
33
|
+
onClick: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () { var _c; return yield navigator.clipboard.writeText((_c = wrapper === null || wrapper === void 0 ? void 0 : wrapper.hash) !== null && _c !== void 0 ? _c : ''); }),
|
|
30
34
|
},
|
|
31
35
|
];
|
|
32
36
|
const onCopy = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
33
|
-
var
|
|
34
|
-
yield navigator.clipboard.writeText((
|
|
37
|
+
var _d;
|
|
38
|
+
yield navigator.clipboard.writeText((_d = wrapper === null || wrapper === void 0 ? void 0 : wrapper.stringified) !== null && _d !== void 0 ? _d : '');
|
|
35
39
|
});
|
|
36
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
40
|
+
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)(sdk_react_1.ButtonEx, Object.assign({ color: "secondary", onClick: onCopy }, { children: "Copy" })), (0, jsx_runtime_1.jsx)(sdk_react_1.ButtonEx, Object.assign({ color: "secondary", onClick: () => setViewSourceOpen(false) }, { children: "Close" }))] })] }))] }));
|
|
37
41
|
};
|
|
38
42
|
exports.PayloadDataDetails = PayloadDataDetails;
|
|
39
43
|
//# sourceMappingURL=DataDetails.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":";;;;;AAAA,0FAA6D;AAC7D,wFAA2D;AAC3D,4CAAiF;AACjF,
|
|
1
|
+
{"version":3,"file":"DataDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":";;;;;AAAA,0FAA6D;AAC7D,wFAA2D;AAC3D,4CAAiF;AACjF,iDAA4C;AAC5C,4CAAiE;AACjE,gEAAqF;AAErF,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,wBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEpE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAA;IAE1B,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,kEAAC,OAAA,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,EAAE,CAAC,CAAA,GAAA;SAC9E;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,kBAAC,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,cAAc,EAAC,KAAK,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,EAAE,GAAG,EAAC,0BAA0B,IAAK,KAAK,EAAI,EAC9K,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,oBAAQ,kBAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,0BAEhC,EACX,uBAAC,oBAAQ,kBAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,2BAExD,IACG,KACT,IACR,CACJ,CAAA;AACH,CAAC,CAAA;AA/CY,QAAA,kBAAkB,sBA+C9B"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { StackProps } from '@mui/material';
|
|
3
3
|
import { XyoPayload } from '@xyo-network/core';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
export declare type WithPaper<T> = T & {
|
|
5
|
+
paper: true;
|
|
6
|
+
};
|
|
7
|
+
export declare type WithoutPaper<T> = T & {
|
|
8
|
+
paper?: false;
|
|
9
|
+
};
|
|
10
|
+
export declare type PayloadDetailsProps = StackProps & {
|
|
9
11
|
payload?: XyoPayload;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
payloadJsonDetailsProps?: PayloadJsonDetailsProps;
|
|
14
|
-
}
|
|
12
|
+
paper?: boolean;
|
|
13
|
+
archivePath?: string;
|
|
14
|
+
};
|
|
15
15
|
export declare const PayloadDetails: React.FC<PayloadDetailsProps>;
|
|
@@ -9,8 +9,8 @@ const JsonDetails_1 = require("./JsonDetails");
|
|
|
9
9
|
const MetaDetails_1 = require("./MetaDetails");
|
|
10
10
|
const ValidationDetails_1 = require("./ValidationDetails");
|
|
11
11
|
const PayloadDetails = (_a) => {
|
|
12
|
-
var {
|
|
13
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ direction: "column", spacing: 1, justifyContent: "flex-start", alignItems: "stretch", marginTop: 2, marginBottom: 8 }, props, { children: [(0, jsx_runtime_1.jsx)(DataDetails_1.PayloadDataDetails,
|
|
12
|
+
var { archivePath, paper, payload } = _a, props = tslib_1.__rest(_a, ["archivePath", "paper", "payload"]);
|
|
13
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ direction: "column", spacing: 1, justifyContent: "flex-start", alignItems: "stretch", marginTop: 2, marginBottom: 8 }, props, { children: [(0, jsx_runtime_1.jsx)(DataDetails_1.PayloadDataDetails, { paper: paper, size: "large", badge: true, payload: payload }), (0, jsx_runtime_1.jsx)(MetaDetails_1.PayloadMetaDetails, { archivePath: archivePath, paper: paper ? true : false, value: payload }), (0, jsx_runtime_1.jsx)(ValidationDetails_1.PayloadValidationDetails, { paper: paper, value: payload }), (0, jsx_runtime_1.jsx)(JsonDetails_1.PayloadJsonDetails, { paper: paper, payload: payload })] })));
|
|
14
14
|
};
|
|
15
15
|
exports.PayloadDetails = PayloadDetails;
|
|
16
16
|
//# sourceMappingURL=Details.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAiD;AAGjD,+
|
|
1
|
+
{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAiD;AAGjD,+CAAkD;AAClD,+CAAkD;AAClD,+CAAkD;AAClD,2DAA8D;AAWvD,MAAM,cAAc,GAAkC,CAAC,EAAyC,EAAE,EAAE;QAA7C,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAvC,mCAAyC,CAAF;IACnG,OAAO,CACL,wBAAC,gBAAK,kBAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,IAAM,KAAK,eAC7H,uBAAC,gCAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,QAAC,OAAO,EAAE,OAAO,GAAI,EACzE,uBAAC,gCAAkB,IAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,GAAI,EAC7F,uBAAC,4CAAwB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAI,EAC1D,uBAAC,gCAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,KAChD,CACT,CAAA;AACH,CAAC,CAAA;AATY,QAAA,cAAc,kBAS1B"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { XyoPayload } from '@xyo-network/core';
|
|
3
3
|
import { PropertyGroupProps } from '@xyo-network/react-property';
|
|
4
4
|
import { ReactJsonViewProps } from 'react-json-view';
|
|
5
|
-
export
|
|
5
|
+
export declare type PayloadJsonDetailsProps = PropertyGroupProps & {
|
|
6
6
|
payload?: XyoPayload;
|
|
7
7
|
jsonViewProps?: ReactJsonViewProps;
|
|
8
|
-
}
|
|
8
|
+
};
|
|
9
9
|
export declare const PayloadJsonDetails: React.FC<PayloadJsonDetailsProps>;
|
|
@@ -9,10 +9,15 @@ const react_property_1 = require("@xyo-network/react-property");
|
|
|
9
9
|
const react_1 = require("react");
|
|
10
10
|
const JsonView = (0, react_1.lazy)(() => Promise.resolve().then(() => tslib_1.__importStar(require(/* webpackChunkName: "jsonView" */ 'react-json-view'))));
|
|
11
11
|
const PayloadJsonDetails = (_a) => {
|
|
12
|
+
var _b;
|
|
12
13
|
var { jsonViewProps, payload = {} } = _a, props = tslib_1.__rest(_a, ["jsonViewProps", "payload"]);
|
|
13
14
|
const { breakpoints } = (0, material_1.useTheme)();
|
|
14
15
|
const belowSm = (0, material_1.useMediaQuery)(breakpoints.down('sm'));
|
|
15
|
-
|
|
16
|
+
let elevation = 2;
|
|
17
|
+
if (props.paper) {
|
|
18
|
+
elevation += (_b = props.elevation) !== null && _b !== void 0 ? _b : 0;
|
|
19
|
+
}
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)(react_property_1.PropertyGroup, Object.assign({ titleProps: { elevation }, title: "JSON", tip: "The raw JSON of the payload" }, props, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, Object.assign({ fallback: (0, jsx_runtime_1.jsx)(sdk_react_1.FlexGrowRow, {}) }, { children: (0, jsx_runtime_1.jsx)(JsonView, Object.assign({ src: payload, enableClipboard: true, collapseStringsAfterLength: belowSm ? 24 : 32 }, jsonViewProps)) })) })));
|
|
16
21
|
};
|
|
17
22
|
exports.PayloadJsonDetails = PayloadJsonDetails;
|
|
18
23
|
//# sourceMappingURL=JsonDetails.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JsonDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/JsonDetails.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AACvD,iDAA+C;AAE/C,gEAA+E;AAC/E,iCAAsC;AAGtC,MAAM,QAAQ,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,2DAAQ,kCAAkC,CAAC,iBAAiB,GAAC,CAAC,CAAA;AAOlF,MAAM,kBAAkB,GAAsC,CAAC,EAAyC,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"JsonDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/JsonDetails.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AACvD,iDAA+C;AAE/C,gEAA+E;AAC/E,iCAAsC;AAGtC,MAAM,QAAQ,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,2DAAQ,kCAAkC,CAAC,iBAAiB,GAAC,CAAC,CAAA;AAOlF,MAAM,kBAAkB,GAAsC,CAAC,EAAyC,EAAE,EAAE;;QAA7C,EAAE,aAAa,EAAE,OAAO,GAAG,EAAE,OAAY,EAAP,KAAK,sBAAvC,4BAAyC,CAAF;IAC3G,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAClC,MAAM,OAAO,GAAG,IAAA,wBAAa,EAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAErD,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,uBAAC,8BAAa,kBAAC,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,6BAA6B,IAAK,KAAK,cAChG,uBAAC,gBAAQ,kBAAC,QAAQ,EAAE,uBAAC,uBAAW,KAAG,gBACjC,uBAAC,QAAQ,kBAAC,GAAG,EAAE,OAAO,EAAE,eAAe,QAAC,0BAA0B,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAM,aAAa,EAAI,IACnG,IACG,CACjB,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,kBAAkB,sBAgB9B"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { XyoPayload } from '@xyo-network/core';
|
|
3
3
|
import { PropertyGroupProps } from '@xyo-network/react-property';
|
|
4
|
-
export
|
|
4
|
+
export declare type PayloadMetaDetailsProps = PropertyGroupProps & {
|
|
5
5
|
value?: XyoPayload;
|
|
6
6
|
archivePath?: string;
|
|
7
|
-
}
|
|
7
|
+
};
|
|
8
8
|
export declare const PayloadMetaDetails: React.FC<PayloadMetaDetailsProps>;
|
|
@@ -6,9 +6,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
const react_archive_1 = require("@xyo-network/react-archive");
|
|
7
7
|
const react_property_1 = require("@xyo-network/react-property");
|
|
8
8
|
const PayloadMetaDetails = (_a) => {
|
|
9
|
-
var _b, _c, _d, _e;
|
|
9
|
+
var _b, _c, _d, _e, _f;
|
|
10
10
|
var { archivePath, value } = _a, props = tslib_1.__rest(_a, ["archivePath", "value"]);
|
|
11
|
-
|
|
11
|
+
let elevation = 2;
|
|
12
|
+
if (props.paper) {
|
|
13
|
+
elevation += (_b = props.elevation) !== null && _b !== void 0 ? _b : 0;
|
|
14
|
+
}
|
|
15
|
+
return ((0, jsx_runtime_1.jsxs)(react_property_1.PropertyGroup, Object.assign({ titleProps: { elevation }, title: "Meta", tip: "The meta fields added to the record by the archivist" }, props, { children: [(value === null || value === void 0 ? void 0 : value._client) ? ((0, jsx_runtime_1.jsx)(react_property_1.Property, { titleProps: { elevation }, flexGrow: 1, title: "Client", value: (_c = value === null || value === void 0 ? void 0 : value._client) !== null && _c !== void 0 ? _c : '<Unknown>', tip: "This client used to create this payload" })) : null, (value === null || value === void 0 ? void 0 : value._archive) ? (0, jsx_runtime_1.jsx)(react_archive_1.ArchiveProperty, { titleProps: { elevation }, flexGrow: 1, payload: value, path: archivePath }) : null, (value === null || value === void 0 ? void 0 : value._reportedHash) ? ((0, jsx_runtime_1.jsx)(react_property_1.Property, { titleProps: { elevation }, flexGrow: 1, title: "Reported Hash", value: (_d = value === null || value === void 0 ? void 0 : value._reportedHash) !== null && _d !== void 0 ? _d : '<Unknown>', tip: "The has reported by the payload" })) : null, (value === null || value === void 0 ? void 0 : value._timestamp) ? ((0, jsx_runtime_1.jsx)(react_property_1.Property, { titleProps: { elevation }, flexGrow: 1, title: "Timestamp", value: (_e = value === null || value === void 0 ? void 0 : value._timestamp) !== null && _e !== void 0 ? _e : '<Unknown>', tip: "This timestamp of the payload" })) : null, (value === null || value === void 0 ? void 0 : value._observeDuration) ? ((0, jsx_runtime_1.jsx)(react_property_1.Property, { titleProps: { elevation }, flexGrow: 1, title: "Observation Duration", value: (_f = value === null || value === void 0 ? void 0 : value._observeDuration) !== null && _f !== void 0 ? _f : '<Unknown>', tip: "This duration of time observed by the witness" })) : null] })));
|
|
12
16
|
};
|
|
13
17
|
exports.PayloadMetaDetails = PayloadMetaDetails;
|
|
14
18
|
//# sourceMappingURL=MetaDetails.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MetaDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/MetaDetails.tsx"],"names":[],"mappings":";;;;;AACA,8DAA4D;AAC5D,gEAAyF;AAOlF,MAAM,kBAAkB,GAAsC,CAAC,EAAgC,EAAE,EAAE;;QAApC,EAAE,WAAW,EAAE,KAAK,OAAY,EAAP,KAAK,sBAA9B,wBAAgC,CAAF;IAClG,OAAO,CACL,wBAAC,8BAAa,kBAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,sDAAsD,IAAK,KAAK,
|
|
1
|
+
{"version":3,"file":"MetaDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/MetaDetails.tsx"],"names":[],"mappings":";;;;;AACA,8DAA4D;AAC5D,gEAAyF;AAOlF,MAAM,kBAAkB,GAAsC,CAAC,EAAgC,EAAE,EAAE;;QAApC,EAAE,WAAW,EAAE,KAAK,OAAY,EAAP,KAAK,sBAA9B,wBAAgC,CAAF;IAClG,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,SAAS,IAAI,MAAA,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAA;KAClC;IACD,OAAO,CACL,wBAAC,8BAAa,kBAAC,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,sDAAsD,IAAK,KAAK,eACxH,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAC,CAAC,CAAC,CAChB,uBAAC,yBAAQ,IAAC,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,mCAAI,WAAW,EAAE,GAAG,EAAC,yCAAyC,GAAG,CACxJ,CAAC,CAAC,CAAC,IAAI,EACP,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAC,CAAC,CAAC,uBAAC,+BAAe,IAAC,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,EACvH,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,EAAC,CAAC,CAAC,CACtB,uBAAC,yBAAQ,IAAC,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,eAAe,EAAC,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,mCAAI,WAAW,EAAE,GAAG,EAAC,iCAAiC,GAAG,CAC7J,CAAC,CAAC,CAAC,IAAI,EACP,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,EAAC,CAAC,CAAC,CACnB,uBAAC,yBAAQ,IAAC,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,mCAAI,WAAW,EAAE,GAAG,EAAC,+BAA+B,GAAG,CACpJ,CAAC,CAAC,CAAC,IAAI,EACP,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,EAAC,CAAC,CAAC,CACzB,uBAAC,yBAAQ,IACP,UAAU,EAAE,EAAE,SAAS,EAAE,EACzB,QAAQ,EAAE,CAAC,EACX,KAAK,EAAC,sBAAsB,EAC5B,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,mCAAI,WAAW,EAC7C,GAAG,EAAC,+CAA+C,GACnD,CACH,CAAC,CAAC,CAAC,IAAI,KACM,CACjB,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,kBAAkB,sBA4B9B"}
|
|
@@ -7,17 +7,21 @@ const material_1 = require("@mui/material");
|
|
|
7
7
|
const sdk_react_1 = require("@xylabs/sdk-react");
|
|
8
8
|
const core_1 = require("@xyo-network/core");
|
|
9
9
|
const react_property_1 = require("@xyo-network/react-property");
|
|
10
|
-
const
|
|
10
|
+
const react_schema_1 = require("@xyo-network/react-schema");
|
|
11
11
|
const PayloadValidationDetails = (_a) => {
|
|
12
|
-
var _b, _c;
|
|
12
|
+
var _b, _c, _d;
|
|
13
13
|
var { viewSchemaUrl, skipMeta = false, skipBody = false, value } = _a, props = tslib_1.__rest(_a, ["viewSchemaUrl", "skipMeta", "skipBody", "value"]);
|
|
14
14
|
const validator = value ? new core_1.XyoPayloadValidator(value) : undefined;
|
|
15
15
|
const bodyErrors = skipBody ? [] : (_b = validator === null || validator === void 0 ? void 0 : validator.body.all()) !== null && _b !== void 0 ? _b : [];
|
|
16
16
|
const metaErrors = skipMeta ? [] : (_c = validator === null || validator === void 0 ? void 0 : validator.meta.all()) !== null && _c !== void 0 ? _c : [];
|
|
17
17
|
const errors = [...bodyErrors, ...metaErrors];
|
|
18
|
-
|
|
18
|
+
let elevation = 2;
|
|
19
|
+
if (props.paper) {
|
|
20
|
+
elevation += (_d = props.elevation) !== null && _d !== void 0 ? _d : 0;
|
|
21
|
+
}
|
|
22
|
+
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)(sdk_react_1.FlexCol, { children: errors.map((error, index) => {
|
|
19
23
|
return (0, jsx_runtime_1.jsx)(material_1.Typography, { children: error.toString() }, index);
|
|
20
|
-
}) })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: "No Errors" })) }), (value === null || value === void 0 ? void 0 : value.schema) && (0, jsx_runtime_1.jsx)(
|
|
24
|
+
}) })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: "No Errors" })) }), (value === null || value === void 0 ? void 0 : value.schema) && (0, jsx_runtime_1.jsx)(react_schema_1.SchemaProperty, { titleProps: { elevation }, value: value.schema, viewSchemaUrl: viewSchemaUrl })] })));
|
|
21
25
|
};
|
|
22
26
|
exports.PayloadValidationDetails = PayloadValidationDetails;
|
|
23
27
|
//# sourceMappingURL=ValidationDetails.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ValidationDetails.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,iDAA2C;AAC3C,4CAAuD;AACvD,gEAAqE;
|
|
1
|
+
{"version":3,"file":"ValidationDetails.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,iDAA2C;AAC3C,4CAAuD;AACvD,gEAAqE;AACrE,4DAA0D;AAInD,MAAM,wBAAwB,GAA4C,CAAC,EAAsE,EAAE,EAAE;;QAA1E,EAAE,aAAa,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,sBAApE,kDAAsE,CAAF;IACpJ,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,0BAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEpE,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAC,GAAG,EAAE,mCAAI,EAAE,CAAA;IAC9D,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAC,GAAG,EAAE,mCAAI,EAAE,CAAA;IAC9D,MAAM,MAAM,GAAY,CAAC,GAAG,UAAU,EAAE,GAAG,UAAU,CAAC,CAAA;IAEtD,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,mBAAO,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,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,aAAa,GAAI,KACpG,CACjB,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,wBAAwB,4BAkCpC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { XyoPayload } from '@xyo-network/core';
|
|
2
2
|
import { PropertyGroupProps } from '@xyo-network/react-property';
|
|
3
|
-
export
|
|
3
|
+
export declare type PayloadValidationDetailsProps = PropertyGroupProps & {
|
|
4
4
|
skipBody?: boolean;
|
|
5
5
|
skipMeta?: boolean;
|
|
6
6
|
value?: XyoPayload;
|
|
7
7
|
viewSchemaUrl?: string;
|
|
8
|
-
}
|
|
8
|
+
};
|