@xyo-network/react-payload-details 2.63.1 → 2.64.0-rc.2
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/components/Details/DataDetails.d.mts.map +1 -0
- package/dist/components/Details/DataDetails.d.ts +11 -0
- package/dist/components/Details/DataDetails.d.ts.map +1 -0
- package/dist/components/Details/Details.d.mts +20 -0
- package/dist/components/Details/Details.d.mts.map +1 -0
- package/dist/{types/components → components}/Details/Details.d.ts +2 -2
- package/dist/components/Details/Details.d.ts.map +1 -0
- package/dist/components/Details/Details.stories.d.mts +58 -0
- package/dist/components/Details/Details.stories.d.mts.map +1 -0
- package/dist/components/Details/Details.stories.d.ts +58 -0
- package/dist/components/Details/Details.stories.d.ts.map +1 -0
- package/dist/components/Details/HashSourceDetails.d.mts.map +1 -0
- package/dist/components/Details/HashSourceDetails.d.ts +9 -0
- package/dist/components/Details/HashSourceDetails.d.ts.map +1 -0
- package/dist/components/Details/JsonDetails.d.mts.map +1 -0
- package/dist/components/Details/JsonDetails.d.ts +10 -0
- package/dist/components/Details/JsonDetails.d.ts.map +1 -0
- package/dist/components/Details/ValidationDetails/ValidationDetails.d.mts.map +1 -0
- package/dist/components/Details/ValidationDetails/ValidationDetails.d.ts +4 -0
- package/dist/components/Details/ValidationDetails/ValidationDetails.d.ts.map +1 -0
- package/dist/components/Details/ValidationDetails/ValidationDetails.stories.d.mts +9 -0
- package/dist/components/Details/ValidationDetails/ValidationDetails.stories.d.mts.map +1 -0
- package/dist/components/Details/ValidationDetails/ValidationDetails.stories.d.ts +9 -0
- package/dist/components/Details/ValidationDetails/ValidationDetails.stories.d.ts.map +1 -0
- package/dist/components/Details/ValidationDetails/ValidationDetailsProps.d.mts.map +1 -0
- package/dist/components/Details/ValidationDetails/ValidationDetailsProps.d.ts +7 -0
- package/dist/components/Details/ValidationDetails/ValidationDetailsProps.d.ts.map +1 -0
- package/dist/components/Details/ValidationDetails/index.d.mts.map +1 -0
- package/dist/{esm/components/Details/ValidationDetails/index.js → components/Details/ValidationDetails/index.d.ts} +1 -1
- package/dist/components/Details/ValidationDetails/index.d.ts.map +1 -0
- package/dist/components/Details/index.d.mts.map +1 -0
- package/dist/{esm/components/Details/index.js → components/Details/index.d.ts} +1 -1
- package/dist/components/Details/index.d.ts.map +1 -0
- package/dist/components/index.d.mts.map +1 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/index.d.mts.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/{types/index.d.ts.map → index.d.ts.map} +1 -1
- package/dist/index.js +208 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +168 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +35 -26
- package/src/components/Details/DataDetails.tsx +3 -3
- package/src/components/Details/HashSourceDetails.tsx +1 -1
- package/dist/cjs/components/Details/DataDetails.js +0 -43
- package/dist/cjs/components/Details/DataDetails.js.map +0 -1
- package/dist/cjs/components/Details/Details.js +0 -16
- package/dist/cjs/components/Details/Details.js.map +0 -1
- package/dist/cjs/components/Details/HashSourceDetails.js +0 -18
- package/dist/cjs/components/Details/HashSourceDetails.js.map +0 -1
- package/dist/cjs/components/Details/JsonDetails.js +0 -24
- package/dist/cjs/components/Details/JsonDetails.js.map +0 -1
- package/dist/cjs/components/Details/ValidationDetails/ValidationDetails.js +0 -27
- package/dist/cjs/components/Details/ValidationDetails/ValidationDetails.js.map +0 -1
- package/dist/cjs/components/Details/ValidationDetails/ValidationDetailsProps.js +0 -3
- package/dist/cjs/components/Details/ValidationDetails/ValidationDetailsProps.js.map +0 -1
- package/dist/cjs/components/Details/ValidationDetails/index.js +0 -6
- package/dist/cjs/components/Details/ValidationDetails/index.js.map +0 -1
- package/dist/cjs/components/Details/index.js +0 -8
- package/dist/cjs/components/Details/index.js.map +0 -1
- package/dist/cjs/components/index.js +0 -5
- package/dist/cjs/components/index.js.map +0 -1
- package/dist/cjs/index.js +0 -5
- package/dist/cjs/index.js.map +0 -1
- package/dist/docs.json +0 -1319
- package/dist/esm/components/Details/DataDetails.js +0 -36
- package/dist/esm/components/Details/DataDetails.js.map +0 -1
- package/dist/esm/components/Details/Details.js +0 -11
- package/dist/esm/components/Details/Details.js.map +0 -1
- package/dist/esm/components/Details/HashSourceDetails.js +0 -12
- package/dist/esm/components/Details/HashSourceDetails.js.map +0 -1
- package/dist/esm/components/Details/JsonDetails.js +0 -17
- package/dist/esm/components/Details/JsonDetails.js.map +0 -1
- package/dist/esm/components/Details/ValidationDetails/ValidationDetails.js +0 -20
- package/dist/esm/components/Details/ValidationDetails/ValidationDetails.js.map +0 -1
- package/dist/esm/components/Details/ValidationDetails/ValidationDetailsProps.js +0 -2
- package/dist/esm/components/Details/ValidationDetails/ValidationDetailsProps.js.map +0 -1
- package/dist/esm/components/Details/ValidationDetails/index.js.map +0 -1
- package/dist/esm/components/Details/index.js.map +0 -1
- package/dist/esm/components/index.js +0 -2
- package/dist/esm/components/index.js.map +0 -1
- package/dist/esm/index.js +0 -2
- package/dist/esm/index.js.map +0 -1
- package/dist/types/components/Details/DataDetails.d.ts.map +0 -1
- package/dist/types/components/Details/Details.d.ts.map +0 -1
- package/dist/types/components/Details/HashSourceDetails.d.ts.map +0 -1
- package/dist/types/components/Details/JsonDetails.d.ts.map +0 -1
- package/dist/types/components/Details/ValidationDetails/ValidationDetails.d.ts.map +0 -1
- package/dist/types/components/Details/ValidationDetails/ValidationDetailsProps.d.ts.map +0 -1
- package/dist/types/components/Details/ValidationDetails/index.d.ts.map +0 -1
- package/dist/types/components/Details/index.d.ts.map +0 -1
- package/dist/types/components/index.d.ts.map +0 -1
- /package/dist/{types/components/Details/DataDetails.d.ts → components/Details/DataDetails.d.mts} +0 -0
- /package/dist/{types/components/Details/HashSourceDetails.d.ts → components/Details/HashSourceDetails.d.mts} +0 -0
- /package/dist/{types/components/Details/JsonDetails.d.ts → components/Details/JsonDetails.d.mts} +0 -0
- /package/dist/{types/components/Details/ValidationDetails/ValidationDetails.d.ts → components/Details/ValidationDetails/ValidationDetails.d.mts} +0 -0
- /package/dist/{types/components/Details/ValidationDetails/ValidationDetailsProps.d.ts → components/Details/ValidationDetails/ValidationDetailsProps.d.mts} +0 -0
- /package/dist/{types/components/Details/ValidationDetails/index.d.ts → components/Details/ValidationDetails/index.d.mts} +0 -0
- /package/dist/{types/components/Details/index.d.ts → components/Details/index.d.mts} +0 -0
- /package/dist/{types/components/index.d.ts → components/index.d.mts} +0 -0
- /package/dist/{types/index.d.ts → index.d.mts} +0 -0
@@ -1,36 +0,0 @@
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
2
|
-
import ContentCopyIcon from '@mui/icons-material/ContentCopy';
|
3
|
-
import VisibilityIcon from '@mui/icons-material/Visibility';
|
4
|
-
import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material';
|
5
|
-
import { ButtonEx } from '@xylabs/react-button';
|
6
|
-
import { PayloadHasher } from '@xyo-network/hash';
|
7
|
-
import { Property } from '@xyo-network/react-property';
|
8
|
-
import { usePayloadHash } from '@xyo-network/react-shared';
|
9
|
-
import { useState } from 'react';
|
10
|
-
import { PayloadHashSourceDetails } from './HashSourceDetails';
|
11
|
-
export const PayloadDataDetails = ({ size, badge, payload, ...props }) => {
|
12
|
-
const [viewSourceOpen, setViewSourceOpen] = useState(false);
|
13
|
-
const hash = usePayloadHash(payload);
|
14
|
-
let elevation = 2;
|
15
|
-
if (props.paper) {
|
16
|
-
elevation += props.elevation ?? 0;
|
17
|
-
}
|
18
|
-
const actions = [
|
19
|
-
{
|
20
|
-
icon: _jsx(VisibilityIcon, {}),
|
21
|
-
name: 'View',
|
22
|
-
onClick: () => setViewSourceOpen(true),
|
23
|
-
},
|
24
|
-
{
|
25
|
-
icon: _jsx(ContentCopyIcon, {}),
|
26
|
-
name: 'Copy',
|
27
|
-
onClick: async () => await navigator.clipboard.writeText(hash ?? ''),
|
28
|
-
},
|
29
|
-
];
|
30
|
-
const onCopy = async () => {
|
31
|
-
const payloadString = payload ? JSON.stringify(PayloadHasher.hashFields(payload), null, 2) : '';
|
32
|
-
await navigator.clipboard.writeText(payloadString);
|
33
|
-
};
|
34
|
-
return (_jsxs(_Fragment, { children: [_jsx(Property, { titleProps: { elevation }, badge: badge, size: size, actions: actions, title: "Payload Hash", value: hash ?? '<Unknown>', tip: "This is the payload hash", ...props }), _jsxs(Dialog, { open: viewSourceOpen, onClose: () => setViewSourceOpen(false), children: [_jsx(DialogTitle, { children: "Hash Source" }), _jsx(DialogContent, { children: _jsx(PayloadHashSourceDetails, { noTitle: true, payload: payload }) }), _jsxs(DialogActions, { children: [_jsx(ButtonEx, { color: "secondary", onClick: onCopy, children: "Copy" }), _jsx(ButtonEx, { color: "secondary", onClick: () => setViewSourceOpen(false), children: "Close" })] })] })] }));
|
35
|
-
};
|
36
|
-
//# sourceMappingURL=DataDetails.js.map
|
@@ -1 +0,0 @@
|
|
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;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,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,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,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QAC/F,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAA;IACpD,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"}
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
-
import { FlexCol } from '@xylabs/react-flexbox';
|
3
|
-
import { forwardRef } from 'react';
|
4
|
-
import { PayloadDataDetails } from './DataDetails';
|
5
|
-
import { PayloadJsonDetails } from './JsonDetails';
|
6
|
-
import { PayloadValidationDetails } from './ValidationDetails';
|
7
|
-
export const PayloadDetails = forwardRef(({ paper, payload, ...props }, ref) => {
|
8
|
-
return (_jsxs(FlexCol, { gap: 1, justifyContent: "flex-start", alignItems: "stretch", marginTop: 2, marginBottom: 8, ref: ref, ...props, children: [_jsx(PayloadDataDetails, { paper: paper, size: "large", badge: true, payload: payload }), _jsx(PayloadValidationDetails, { paper: paper, value: payload }), _jsx(PayloadJsonDetails, { paper: paper, payload: payload })] }));
|
9
|
-
});
|
10
|
-
PayloadDetails.displayName = 'PayloadDetails';
|
11
|
-
//# sourceMappingURL=Details.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAU9D,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAsC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClH,OAAO,CACL,MAAC,OAAO,IAAC,GAAG,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,aAClH,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,QAAC,OAAO,EAAE,OAAO,GAAI,EACzE,KAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAI,EAC1D,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,IAC9C,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA"}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
-
import ContentCopyIcon from '@mui/icons-material/ContentCopy';
|
3
|
-
import { IconButton, Typography, useTheme } from '@mui/material';
|
4
|
-
import { FlexCol, FlexGrowRow, FlexRow } from '@xylabs/react-flexbox';
|
5
|
-
import { QuickTipButton } from '@xylabs/react-quick-tip-button';
|
6
|
-
import { PayloadHasher } from '@xyo-network/hash';
|
7
|
-
export const PayloadHashSourceDetails = ({ noTitle = false, payload, ...props }) => {
|
8
|
-
const theme = useTheme();
|
9
|
-
const payloadString = payload ? JSON.stringify(PayloadHasher.hashFields(payload), null, 2) : '';
|
10
|
-
return (_jsxs(FlexCol, { alignItems: "stretch", ...props, children: [noTitle ? null : (_jsxs(FlexRow, { margin: 1, justifyContent: "flex-start", children: [_jsx(Typography, { children: "Hash Source" }), _jsx(QuickTipButton, { title: "Hash Source", children: "The actual string used to generate the hash (SHA256)" })] })), _jsxs(FlexRow, { children: [_jsx(FlexGrowRow, { background: true, border: 1, borderColor: theme.palette.divider, justifyContent: "start", children: _jsx(Typography, { padding: 2, fontFamily: "monospace", variant: "body1", sx: { overflowWrap: 'break-word', wordBreak: 'break-all' }, children: payloadString }) }), _jsx(IconButton, { children: _jsx(ContentCopyIcon, {}) })] }), noTitle ? (_jsx(FlexRow, { margin: 1, justifyContent: "flex-start", children: _jsx(Typography, { variant: "body2", children: "The actual string used to generate the hash (SHA256). This can be used to validate the hash manually." }) })) : null] }));
|
11
|
-
};
|
12
|
-
//# sourceMappingURL=HashSourceDetails.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"HashSourceDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/HashSourceDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,MAAM,iCAAiC,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAChE,OAAO,EAAgB,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAQjD,MAAM,CAAC,MAAM,wBAAwB,GAA4C,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1H,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAE/F,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACpC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChB,MAAC,OAAO,IAAC,MAAM,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,aAC7C,KAAC,UAAU,8BAAyB,EACpC,KAAC,cAAc,IAAC,KAAK,EAAC,aAAa,qEAAsE,IACjG,CACX,EACD,MAAC,OAAO,eACN,KAAC,WAAW,IAAC,UAAU,QAAC,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,EAAC,OAAO,YAC3F,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,YACtH,aAAa,GACH,GACD,EACd,KAAC,UAAU,cACT,KAAC,eAAe,KAAG,GACR,IACL,EACT,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,OAAO,IAAC,MAAM,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,YAC7C,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,sHAEd,GACL,CACX,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAA;AACH,CAAC,CAAA"}
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
import { Paper, useMediaQuery, useTheme } from '@mui/material';
|
3
|
-
import { FlexGrowRow } from '@xylabs/react-flexbox';
|
4
|
-
import { PropertyGroup } from '@xyo-network/react-property';
|
5
|
-
import { lazy, Suspense } from 'react';
|
6
|
-
const JsonView = lazy(() => import(/* webpackChunkName: "jsonView" */ 'react-json-view'));
|
7
|
-
export const PayloadJsonDetails = ({ jsonViewProps, payload = {}, ...props }) => {
|
8
|
-
const { breakpoints, palette } = useTheme();
|
9
|
-
const belowSm = useMediaQuery(breakpoints.down('sm'));
|
10
|
-
let elevation = 2;
|
11
|
-
if (props.paper) {
|
12
|
-
elevation += props.elevation ?? 0;
|
13
|
-
}
|
14
|
-
const jsonTheme = palette.mode === 'dark' ? 'shapeshifter' : undefined;
|
15
|
-
return (_jsx(PropertyGroup, { titleProps: { elevation }, title: "JSON", tip: "The raw JSON of the payload", ...props, children: _jsx(Paper, { square: true, variant: "elevation", style: { overflow: 'hidden', padding: '16px', width: '100%' }, children: _jsx(Suspense, { fallback: _jsx(FlexGrowRow, {}), children: _jsx(JsonView, { groupArraysAfterLength: 20, style: { backgroundColor: undefined, overflow: 'hidden' }, src: payload, enableClipboard: true, theme: jsonTheme, collapseStringsAfterLength: belowSm ? 24 : 32, ...jsonViewProps }) }) }) }));
|
16
|
-
};
|
17
|
-
//# sourceMappingURL=JsonDetails.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"JsonDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/JsonDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnD,OAAO,EAAE,aAAa,EAAsB,MAAM,6BAA6B,CAAA;AAC/E,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,kCAAkC,CAAC,iBAAiB,CAAC,CAAC,CAAA;AAOzF,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAAE,aAAa,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjH,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC3C,MAAM,OAAO,GAAG,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAErD,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;KAClC;IAED,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAA;IAEtE,OAAO,CACL,KAAC,aAAa,IAAC,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,6BAA6B,KAAK,KAAK,YAChG,KAAC,KAAK,IAAC,MAAM,QAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAC7F,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,WAAW,KAAG,YACjC,KAAC,QAAQ,IACP,sBAAsB,EAAE,EAAE,EAC1B,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACzD,GAAG,EAAE,OAAO,EACZ,eAAe,QACf,KAAK,EAAE,SAAS,EAChB,0BAA0B,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KACzC,aAAa,GACjB,GACO,GACL,GACM,CACjB,CAAA;AACH,CAAC,CAAA"}
|
@@ -1,20 +0,0 @@
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
-
import { Typography } from '@mui/material';
|
3
|
-
import { FlexCol } from '@xylabs/react-flexbox';
|
4
|
-
import { usePromise } from '@xylabs/react-promise';
|
5
|
-
import { PayloadValidator } from '@xyo-network/payload-validator';
|
6
|
-
import { Property, PropertyGroup } from '@xyo-network/react-property';
|
7
|
-
import { SchemaProperty } from '@xyo-network/react-schema';
|
8
|
-
export const PayloadValidationDetails = ({ skipBody = false, value, ...props }) => {
|
9
|
-
const [validateErrors] = usePromise(async () => (value ? await new PayloadValidator(value).validate() : undefined), [value]);
|
10
|
-
const bodyErrors = skipBody ? [] : validateErrors ?? [];
|
11
|
-
const errors = [...bodyErrors];
|
12
|
-
let elevation = 2;
|
13
|
-
if (props.paper) {
|
14
|
-
elevation += props.elevation ?? 0;
|
15
|
-
}
|
16
|
-
return (_jsxs(PropertyGroup, { titleProps: { elevation }, title: "Validation", tip: "The results from validating the payload", ...props, children: [_jsx(Property, { titleProps: { elevation }, flexGrow: 1, title: "Valid", value: errors.length === 0 ? 'True' : 'False', tip: errors.length > 0 ? (_jsx(FlexCol, { children: errors.map((error, index) => {
|
17
|
-
return _jsx(Typography, { children: error.toString() }, index);
|
18
|
-
}) })) : (_jsx(Typography, { children: "No Errors" })) }), value?.schema && _jsx(SchemaProperty, { flexGrow: 1, titleProps: { elevation }, value: value.schema })] }));
|
19
|
-
};
|
20
|
-
//# sourceMappingURL=ValidationDetails.js.map
|
@@ -1 +0,0 @@
|
|
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,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,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;AAI1D,MAAM,CAAC,MAAM,wBAAwB,GAA4C,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzH,MAAM,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAE5H,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,GAAI,IACnF,CACjB,CAAA;AACH,CAAC,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ValidationDetailsProps.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetailsProps.ts"],"names":[],"mappings":""}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Details/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
|
package/dist/esm/index.js
DELETED
package/dist/esm/index.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"DataDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,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,CAuDhE,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAOpD,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,EAAE,IAAI,CAAA;CAAE,CAAA;AAC9C,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAEnD,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,cAAc;;;;;kDAQzB,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"HashSourceDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/HashSourceDetails.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAiC,MAAM,uBAAuB,CAAA;AAGnF,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,MAAM,WAAW,6BAA8B,SAAQ,YAAY;IACjE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA+B5E,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"JsonDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/JsonDetails.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAiB,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAE/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAIpD,MAAM,MAAM,uBAAuB,GAAG,kBAAkB,GAAG;IACzD,aAAa,CAAC,EAAE,kBAAkB,CAAA;IAClC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA4BhE,CAAA"}
|
@@ -1 +0,0 @@
|
|
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,CAiC5E,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ValidationDetailsProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetailsProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAEhE,MAAM,MAAM,6BAA6B,GAAG,kBAAkB,GAAG;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
|
/package/dist/{types/components/Details/DataDetails.d.ts → components/Details/DataDetails.d.mts}
RENAMED
File without changes
|
File without changes
|
/package/dist/{types/components/Details/JsonDetails.d.ts → components/Details/JsonDetails.d.mts}
RENAMED
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|