@xyo-network/react-payload-details 2.64.0-rc.7 → 2.64.0
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/browser/components/Details/DataDetails.cjs +106 -0
- package/dist/browser/components/Details/DataDetails.cjs.map +1 -0
- package/dist/browser/components/Details/DataDetails.d.cts +11 -0
- package/dist/browser/components/Details/DataDetails.d.cts.map +1 -0
- package/dist/browser/components/Details/Details.cjs +196 -0
- package/dist/browser/components/Details/Details.cjs.map +1 -0
- package/dist/browser/components/Details/Details.d.cts +20 -0
- package/dist/browser/components/Details/Details.d.cts.map +1 -0
- package/dist/browser/components/Details/HashSourceDetails.cjs +47 -0
- package/dist/{node/components/Details/HashSourceDetails.mjs.map → browser/components/Details/HashSourceDetails.cjs.map} +1 -1
- package/dist/browser/components/Details/HashSourceDetails.d.cts +9 -0
- package/dist/browser/components/Details/HashSourceDetails.d.cts.map +1 -0
- package/dist/browser/components/Details/JsonDetails.cjs +66 -0
- package/dist/{node/components/Details/JsonDetails.mjs.map → browser/components/Details/JsonDetails.cjs.map} +1 -1
- package/dist/browser/components/Details/JsonDetails.d.cts +10 -0
- package/dist/browser/components/Details/JsonDetails.d.cts.map +1 -0
- package/dist/browser/components/Details/ValidationDetails/ValidationDetails.cjs +57 -0
- package/dist/{node/components/Details/ValidationDetails/ValidationDetails.mjs.map → browser/components/Details/ValidationDetails/ValidationDetails.cjs.map} +1 -1
- package/dist/browser/components/Details/ValidationDetails/ValidationDetails.d.cts +4 -0
- package/dist/browser/components/Details/ValidationDetails/ValidationDetails.d.cts.map +1 -0
- package/dist/browser/components/Details/ValidationDetails/ValidationDetailsProps.cjs +19 -0
- package/dist/browser/components/Details/ValidationDetails/ValidationDetailsProps.cjs.map +1 -0
- package/dist/browser/components/Details/ValidationDetails/ValidationDetailsProps.d.cts +7 -0
- package/dist/browser/components/Details/ValidationDetails/ValidationDetailsProps.d.cts.map +1 -0
- package/dist/browser/components/Details/ValidationDetails/index.cjs +59 -0
- package/dist/browser/components/Details/ValidationDetails/index.cjs.map +1 -0
- package/dist/browser/components/Details/ValidationDetails/index.d.cts +3 -0
- package/dist/browser/components/Details/ValidationDetails/index.d.cts.map +1 -0
- package/dist/browser/components/Details/index.cjs +201 -0
- package/dist/browser/components/Details/index.cjs.map +1 -0
- package/dist/browser/components/Details/index.d.cts +5 -0
- package/dist/browser/components/Details/index.d.cts.map +1 -0
- package/dist/browser/components/index.cjs +201 -0
- package/dist/browser/components/index.cjs.map +1 -0
- package/dist/browser/components/index.d.cts +2 -0
- package/dist/browser/components/index.d.cts.map +1 -0
- package/dist/browser/index.cjs +201 -0
- package/dist/browser/index.cjs.map +1 -0
- package/dist/browser/index.d.cts +2 -0
- package/dist/browser/index.d.cts.map +1 -0
- package/dist/docs.json +1333 -0
- package/dist/node/components/Details/DataDetails.cjs +110 -0
- package/dist/node/components/Details/DataDetails.cjs.map +1 -0
- package/dist/node/components/Details/DataDetails.d.cts +11 -0
- package/dist/node/components/Details/DataDetails.d.cts.map +1 -0
- package/dist/node/components/Details/DataDetails.js +50 -49
- package/dist/node/components/Details/DataDetails.js.map +1 -1
- package/dist/node/components/Details/Details.cjs +200 -0
- package/dist/node/components/Details/Details.cjs.map +1 -0
- package/dist/node/components/Details/Details.d.cts +20 -0
- package/dist/node/components/Details/Details.d.cts.map +1 -0
- package/dist/node/components/Details/Details.js +157 -34
- package/dist/node/components/Details/Details.js.map +1 -1
- package/dist/node/components/Details/HashSourceDetails.cjs +51 -0
- package/dist/node/components/Details/HashSourceDetails.cjs.map +1 -0
- package/dist/node/components/Details/HashSourceDetails.d.cts +9 -0
- package/dist/node/components/Details/HashSourceDetails.d.cts.map +1 -0
- package/dist/node/components/Details/HashSourceDetails.js +20 -43
- package/dist/node/components/Details/HashSourceDetails.js.map +1 -1
- package/dist/node/components/Details/JsonDetails.cjs +70 -0
- package/dist/node/components/Details/JsonDetails.cjs.map +1 -0
- package/dist/node/components/Details/JsonDetails.d.cts +10 -0
- package/dist/node/components/Details/JsonDetails.d.cts.map +1 -0
- package/dist/node/components/Details/JsonDetails.js +13 -46
- package/dist/node/components/Details/JsonDetails.js.map +1 -1
- package/dist/node/components/Details/ValidationDetails/ValidationDetails.cjs +61 -0
- package/dist/node/components/Details/ValidationDetails/ValidationDetails.cjs.map +1 -0
- package/dist/node/components/Details/ValidationDetails/ValidationDetails.d.cts +4 -0
- package/dist/node/components/Details/ValidationDetails/ValidationDetails.d.cts.map +1 -0
- package/dist/node/components/Details/ValidationDetails/ValidationDetails.js +19 -42
- package/dist/node/components/Details/ValidationDetails/ValidationDetails.js.map +1 -1
- package/dist/node/components/Details/ValidationDetails/ValidationDetailsProps.cjs +19 -0
- package/dist/node/components/Details/ValidationDetails/ValidationDetailsProps.cjs.map +1 -0
- package/dist/node/components/Details/ValidationDetails/ValidationDetailsProps.d.cts +7 -0
- package/dist/node/components/Details/ValidationDetails/ValidationDetailsProps.d.cts.map +1 -0
- package/dist/node/components/Details/ValidationDetails/ValidationDetailsProps.js +0 -16
- package/dist/node/components/Details/ValidationDetails/ValidationDetailsProps.js.map +1 -1
- package/dist/node/components/Details/ValidationDetails/index.cjs +63 -0
- package/dist/node/components/Details/ValidationDetails/index.cjs.map +1 -0
- package/dist/node/components/Details/ValidationDetails/index.d.cts +3 -0
- package/dist/node/components/Details/ValidationDetails/index.d.cts.map +1 -0
- package/dist/node/components/Details/ValidationDetails/index.js +33 -22
- package/dist/node/components/Details/ValidationDetails/index.js.map +1 -1
- package/dist/node/components/Details/index.cjs +208 -0
- package/dist/node/components/Details/index.cjs.map +1 -0
- package/dist/node/components/Details/index.d.cts +5 -0
- package/dist/node/components/Details/index.d.cts.map +1 -0
- package/dist/node/components/Details/index.js +164 -25
- package/dist/node/components/Details/index.js.map +1 -1
- package/dist/node/components/index.cjs +208 -0
- package/dist/node/components/index.cjs.map +1 -0
- package/dist/node/components/index.d.cts +2 -0
- package/dist/node/components/index.d.cts.map +1 -0
- package/dist/node/components/index.js +164 -19
- package/dist/node/components/index.js.map +1 -1
- package/dist/node/index.cjs +208 -0
- package/dist/node/index.cjs.map +1 -0
- package/dist/node/index.d.cts +2 -0
- package/dist/node/index.d.cts.map +1 -0
- package/dist/node/index.js +164 -19
- package/dist/node/index.js.map +1 -1
- package/package.json +24 -24
- package/dist/browser/components/Details/Details.stories.js +0 -55
- package/dist/browser/components/Details/Details.stories.js.map +0 -1
- package/dist/browser/components/Details/ValidationDetails/ValidationDetails.stories.js +0 -49
- package/dist/browser/components/Details/ValidationDetails/ValidationDetails.stories.js.map +0 -1
- package/dist/node/components/Details/DataDetails.mjs +0 -60
- package/dist/node/components/Details/DataDetails.mjs.map +0 -1
- package/dist/node/components/Details/Details.mjs +0 -18
- package/dist/node/components/Details/Details.mjs.map +0 -1
- package/dist/node/components/Details/Details.stories.js +0 -86
- package/dist/node/components/Details/Details.stories.js.map +0 -1
- package/dist/node/components/Details/Details.stories.mjs +0 -55
- package/dist/node/components/Details/Details.stories.mjs.map +0 -1
- package/dist/node/components/Details/HashSourceDetails.mjs +0 -25
- package/dist/node/components/Details/JsonDetails.mjs +0 -34
- package/dist/node/components/Details/ValidationDetails/ValidationDetails.mjs +0 -35
- package/dist/node/components/Details/ValidationDetails/ValidationDetails.stories.js +0 -75
- package/dist/node/components/Details/ValidationDetails/ValidationDetails.stories.js.map +0 -1
- package/dist/node/components/Details/ValidationDetails/ValidationDetails.stories.mjs +0 -49
- package/dist/node/components/Details/ValidationDetails/ValidationDetails.stories.mjs.map +0 -1
- package/dist/node/components/Details/ValidationDetails/ValidationDetailsProps.mjs +0 -1
- package/dist/node/components/Details/ValidationDetails/ValidationDetailsProps.mjs.map +0 -1
- package/dist/node/components/Details/ValidationDetails/index.mjs +0 -3
- package/dist/node/components/Details/ValidationDetails/index.mjs.map +0 -1
- package/dist/node/components/Details/index.mjs +0 -5
- package/dist/node/components/Details/index.mjs.map +0 -1
- package/dist/node/components/index.mjs +0 -2
- package/dist/node/components/index.mjs.map +0 -1
- package/dist/node/index.mjs +0 -2
- package/dist/node/index.mjs.map +0 -1
@@ -1,55 +0,0 @@
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
2
|
-
import { sampleIdPayload, samplePayloadFromBuilder, useAppThemeDecorator } from "@xyo-network/react-storybook";
|
3
|
-
import { BrowserRouter, Route, Routes } from "react-router-dom";
|
4
|
-
import { PayloadDetails } from "./Details";
|
5
|
-
const StorybookEntry = {
|
6
|
-
argTypes: {},
|
7
|
-
component: PayloadDetails,
|
8
|
-
parameters: {
|
9
|
-
docs: {
|
10
|
-
page: null
|
11
|
-
}
|
12
|
-
},
|
13
|
-
title: "payload/Details"
|
14
|
-
};
|
15
|
-
const Template = (args) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsxs(Routes, { children: [
|
16
|
-
/* @__PURE__ */ jsx(Route, { path: "temp", element: /* @__PURE__ */ jsx("h1", { children: "Successfully navigated to archivePath" }) }),
|
17
|
-
/* @__PURE__ */ jsx(Route, { path: "*", element: /* @__PURE__ */ jsx(PayloadDetails, { ...args }) })
|
18
|
-
] }) });
|
19
|
-
const Default = Template.bind({});
|
20
|
-
Default.args = {};
|
21
|
-
Default.decorators = [useAppThemeDecorator];
|
22
|
-
const WithSample = Template.bind({});
|
23
|
-
WithSample.args = { payload: sampleIdPayload };
|
24
|
-
WithSample.decorators = [useAppThemeDecorator];
|
25
|
-
const WithBuilderSample = Template.bind({});
|
26
|
-
WithBuilderSample.args = { payload: samplePayloadFromBuilder };
|
27
|
-
WithBuilderSample.decorators = [useAppThemeDecorator];
|
28
|
-
const WithArchiveLink = Template.bind({});
|
29
|
-
WithArchiveLink.args = { payload: samplePayloadFromBuilder };
|
30
|
-
WithArchiveLink.decorators = [useAppThemeDecorator];
|
31
|
-
const DefaultPaper = Template.bind({});
|
32
|
-
DefaultPaper.args = { paper: true };
|
33
|
-
DefaultPaper.decorators = [useAppThemeDecorator];
|
34
|
-
const WithSamplePaper = Template.bind({});
|
35
|
-
WithSamplePaper.args = { paper: true, payload: sampleIdPayload };
|
36
|
-
WithSamplePaper.decorators = [useAppThemeDecorator];
|
37
|
-
const WithBuilderSamplePaper = Template.bind({});
|
38
|
-
WithBuilderSamplePaper.args = { paper: true, payload: samplePayloadFromBuilder };
|
39
|
-
WithBuilderSamplePaper.decorators = [useAppThemeDecorator];
|
40
|
-
const WithArchiveLinkPaper = Template.bind({});
|
41
|
-
WithArchiveLinkPaper.args = { paper: true, payload: samplePayloadFromBuilder };
|
42
|
-
WithArchiveLinkPaper.decorators = [useAppThemeDecorator];
|
43
|
-
var Details_stories_default = StorybookEntry;
|
44
|
-
export {
|
45
|
-
Default,
|
46
|
-
DefaultPaper,
|
47
|
-
WithArchiveLink,
|
48
|
-
WithArchiveLinkPaper,
|
49
|
-
WithBuilderSample,
|
50
|
-
WithBuilderSamplePaper,
|
51
|
-
WithSample,
|
52
|
-
WithSamplePaper,
|
53
|
-
Details_stories_default as default
|
54
|
-
};
|
55
|
-
//# sourceMappingURL=Details.stories.mjs.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Details/Details.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { sampleIdPayload, samplePayloadFromBuilder, useAppThemeDecorator } from '@xyo-network/react-storybook'\nimport { BrowserRouter, Route, Routes } from 'react-router-dom'\n\nimport { PayloadDetails } from './Details'\n\nconst StorybookEntry = {\n argTypes: {},\n component: PayloadDetails,\n parameters: {\n docs: {\n page: null,\n },\n },\n title: 'payload/Details',\n} as Meta<typeof PayloadDetails>\n\nconst Template: StoryFn<typeof PayloadDetails> = (args) => (\n <BrowserRouter>\n <Routes>\n <Route path=\"temp\" element={<h1>Successfully navigated to archivePath</h1>} />\n <Route path=\"*\" element={<PayloadDetails {...args}></PayloadDetails>}></Route>\n </Routes>\n </BrowserRouter>\n)\n\nconst Default = Template.bind({})\nDefault.args = {}\nDefault.decorators = [useAppThemeDecorator]\n\nconst WithSample = Template.bind({})\nWithSample.args = { payload: sampleIdPayload }\nWithSample.decorators = [useAppThemeDecorator]\n\nconst WithBuilderSample = Template.bind({})\nWithBuilderSample.args = { payload: samplePayloadFromBuilder }\nWithBuilderSample.decorators = [useAppThemeDecorator]\n\nconst WithArchiveLink = Template.bind({})\nWithArchiveLink.args = { payload: samplePayloadFromBuilder }\nWithArchiveLink.decorators = [useAppThemeDecorator]\n\nconst DefaultPaper = Template.bind({})\nDefaultPaper.args = { paper: true }\nDefaultPaper.decorators = [useAppThemeDecorator]\n\nconst WithSamplePaper = Template.bind({})\nWithSamplePaper.args = { paper: true, payload: sampleIdPayload }\nWithSamplePaper.decorators = [useAppThemeDecorator]\n\nconst WithBuilderSamplePaper = Template.bind({})\nWithBuilderSamplePaper.args = { paper: true, payload: samplePayloadFromBuilder }\nWithBuilderSamplePaper.decorators = [useAppThemeDecorator]\n\nconst WithArchiveLinkPaper = Template.bind({})\nWithArchiveLinkPaper.args = { paper: true, payload: samplePayloadFromBuilder }\nWithArchiveLinkPaper.decorators = [useAppThemeDecorator]\n\nexport { Default, DefaultPaper, WithArchiveLink, WithArchiveLinkPaper, WithBuilderSample, WithBuilderSamplePaper, WithSample, WithSamplePaper }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAmBI,SAC8B,KAD9B;AAlBJ,SAAS,iBAAiB,0BAA0B,4BAA4B;AAChF,SAAS,eAAe,OAAO,cAAc;AAE7C,SAAS,sBAAsB;AAE/B,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAA2C,CAAC,SAChD,oBAAC,iBACC,+BAAC,UACC;AAAA,sBAAC,SAAM,MAAK,QAAO,SAAS,oBAAC,QAAG,mDAAqC,GAAO;AAAA,EAC5E,oBAAC,SAAM,MAAK,KAAI,SAAS,oBAAC,kBAAgB,GAAG,MAAM,GAAmB;AAAA,GACxE,GACF;AAGF,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAChB,QAAQ,aAAa,CAAC,oBAAoB;AAE1C,MAAM,aAAa,SAAS,KAAK,CAAC,CAAC;AACnC,WAAW,OAAO,EAAE,SAAS,gBAAgB;AAC7C,WAAW,aAAa,CAAC,oBAAoB;AAE7C,MAAM,oBAAoB,SAAS,KAAK,CAAC,CAAC;AAC1C,kBAAkB,OAAO,EAAE,SAAS,yBAAyB;AAC7D,kBAAkB,aAAa,CAAC,oBAAoB;AAEpD,MAAM,kBAAkB,SAAS,KAAK,CAAC,CAAC;AACxC,gBAAgB,OAAO,EAAE,SAAS,yBAAyB;AAC3D,gBAAgB,aAAa,CAAC,oBAAoB;AAElD,MAAM,eAAe,SAAS,KAAK,CAAC,CAAC;AACrC,aAAa,OAAO,EAAE,OAAO,KAAK;AAClC,aAAa,aAAa,CAAC,oBAAoB;AAE/C,MAAM,kBAAkB,SAAS,KAAK,CAAC,CAAC;AACxC,gBAAgB,OAAO,EAAE,OAAO,MAAM,SAAS,gBAAgB;AAC/D,gBAAgB,aAAa,CAAC,oBAAoB;AAElD,MAAM,yBAAyB,SAAS,KAAK,CAAC,CAAC;AAC/C,uBAAuB,OAAO,EAAE,OAAO,MAAM,SAAS,yBAAyB;AAC/E,uBAAuB,aAAa,CAAC,oBAAoB;AAEzD,MAAM,uBAAuB,SAAS,KAAK,CAAC,CAAC;AAC7C,qBAAqB,OAAO,EAAE,OAAO,MAAM,SAAS,yBAAyB;AAC7E,qBAAqB,aAAa,CAAC,oBAAoB;AAKvD,IAAO,0BAAQ;","names":[]}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
2
|
-
import { ContentCopy as ContentCopyIcon } from "@mui/icons-material";
|
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
|
-
const PayloadHashSourceDetails = ({ noTitle = false, payload, ...props }) => {
|
8
|
-
const theme = useTheme();
|
9
|
-
const payloadString = payload ? JSON.stringify(PayloadHasher.hashFields(payload), null, 2) : "";
|
10
|
-
return /* @__PURE__ */ jsxs(FlexCol, { alignItems: "stretch", ...props, children: [
|
11
|
-
noTitle ? null : /* @__PURE__ */ jsxs(FlexRow, { margin: 1, justifyContent: "flex-start", children: [
|
12
|
-
/* @__PURE__ */ jsx(Typography, { children: "Hash Source" }),
|
13
|
-
/* @__PURE__ */ jsx(QuickTipButton, { title: "Hash Source", children: "The actual string used to generate the hash (SHA256)" })
|
14
|
-
] }),
|
15
|
-
/* @__PURE__ */ jsxs(FlexRow, { children: [
|
16
|
-
/* @__PURE__ */ jsx(FlexGrowRow, { background: true, border: 1, borderColor: theme.palette.divider, justifyContent: "start", children: /* @__PURE__ */ jsx(Typography, { padding: 2, fontFamily: "monospace", variant: "body1", sx: { overflowWrap: "break-word", wordBreak: "break-all" }, children: payloadString }) }),
|
17
|
-
/* @__PURE__ */ jsx(IconButton, { children: /* @__PURE__ */ jsx(ContentCopyIcon, {}) })
|
18
|
-
] }),
|
19
|
-
noTitle ? /* @__PURE__ */ jsx(FlexRow, { margin: 1, justifyContent: "flex-start", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "The actual string used to generate the hash (SHA256). This can be used to validate the hash manually." }) }) : null
|
20
|
-
] });
|
21
|
-
};
|
22
|
-
export {
|
23
|
-
PayloadHashSourceDetails
|
24
|
-
};
|
25
|
-
//# sourceMappingURL=HashSourceDetails.mjs.map
|
@@ -1,34 +0,0 @@
|
|
1
|
-
import { 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(
|
7
|
-
/* webpackChunkName: "jsonView" */
|
8
|
-
"react-json-view"
|
9
|
-
));
|
10
|
-
const PayloadJsonDetails = ({ jsonViewProps, payload = {}, ...props }) => {
|
11
|
-
const { breakpoints, palette } = useTheme();
|
12
|
-
const belowSm = useMediaQuery(breakpoints.down("sm"));
|
13
|
-
let elevation = 2;
|
14
|
-
if (props.paper) {
|
15
|
-
elevation += props.elevation ?? 0;
|
16
|
-
}
|
17
|
-
const jsonTheme = palette.mode === "dark" ? "shapeshifter" : void 0;
|
18
|
-
return /* @__PURE__ */ jsx(PropertyGroup, { titleProps: { elevation }, title: "JSON", tip: "The raw JSON of the payload", ...props, children: /* @__PURE__ */ jsx(Paper, { square: true, variant: "elevation", style: { overflow: "hidden", padding: "16px", width: "100%" }, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(FlexGrowRow, {}), children: /* @__PURE__ */ jsx(
|
19
|
-
JsonView,
|
20
|
-
{
|
21
|
-
groupArraysAfterLength: 20,
|
22
|
-
style: { backgroundColor: void 0, overflow: "hidden" },
|
23
|
-
src: payload,
|
24
|
-
enableClipboard: true,
|
25
|
-
theme: jsonTheme,
|
26
|
-
collapseStringsAfterLength: belowSm ? 24 : 32,
|
27
|
-
...jsonViewProps
|
28
|
-
}
|
29
|
-
) }) }) });
|
30
|
-
};
|
31
|
-
export {
|
32
|
-
PayloadJsonDetails
|
33
|
-
};
|
34
|
-
//# sourceMappingURL=JsonDetails.mjs.map
|
@@ -1,35 +0,0 @@
|
|
1
|
-
import { jsx, 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
|
-
const PayloadValidationDetails = ({ skipBody = false, value, ...props }) => {
|
9
|
-
const [validateErrors] = usePromise(async () => value ? await new PayloadValidator(value).validate() : void 0, [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 /* @__PURE__ */ jsxs(PropertyGroup, { titleProps: { elevation }, title: "Validation", tip: "The results from validating the payload", ...props, children: [
|
17
|
-
/* @__PURE__ */ jsx(
|
18
|
-
Property,
|
19
|
-
{
|
20
|
-
titleProps: { elevation },
|
21
|
-
flexGrow: 1,
|
22
|
-
title: "Valid",
|
23
|
-
value: errors.length === 0 ? "True" : "False",
|
24
|
-
tip: errors.length > 0 ? /* @__PURE__ */ jsx(FlexCol, { children: errors.map((error, index) => {
|
25
|
-
return /* @__PURE__ */ jsx(Typography, { children: error.toString() }, index);
|
26
|
-
}) }) : /* @__PURE__ */ jsx(Typography, { children: "No Errors" })
|
27
|
-
}
|
28
|
-
),
|
29
|
-
value?.schema && /* @__PURE__ */ jsx(SchemaProperty, { flexGrow: 1, titleProps: { elevation }, value: value.schema })
|
30
|
-
] });
|
31
|
-
};
|
32
|
-
export {
|
33
|
-
PayloadValidationDetails
|
34
|
-
};
|
35
|
-
//# sourceMappingURL=ValidationDetails.mjs.map
|
@@ -1,75 +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
|
-
var ValidationDetails_stories_exports = {};
|
20
|
-
__export(ValidationDetails_stories_exports, {
|
21
|
-
Default: () => Default,
|
22
|
-
SkipBody: () => SkipBody,
|
23
|
-
WithErrorsInToolTip: () => WithErrorsInToolTip,
|
24
|
-
default: () => ValidationDetails_stories_default
|
25
|
-
});
|
26
|
-
module.exports = __toCommonJS(ValidationDetails_stories_exports);
|
27
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
28
|
-
var import_react_storybook = require("@xyo-network/react-storybook");
|
29
|
-
var import_react_router_dom = require("react-router-dom");
|
30
|
-
var import_Details = require("../Details");
|
31
|
-
var import_ValidationDetails = require("./ValidationDetails");
|
32
|
-
const StorybookEntry = {
|
33
|
-
argTypes: {},
|
34
|
-
args: {
|
35
|
-
value: {
|
36
|
-
schema: "network.xyo.schema"
|
37
|
-
}
|
38
|
-
},
|
39
|
-
component: import_Details.PayloadDetails,
|
40
|
-
decorators: [import_react_storybook.useAppThemeDecorator],
|
41
|
-
parameters: {
|
42
|
-
docs: {
|
43
|
-
page: null
|
44
|
-
}
|
45
|
-
},
|
46
|
-
title: "payload/ValidationDetails"
|
47
|
-
};
|
48
|
-
const Template = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ValidationDetails.PayloadValidationDetails, { ...args }) });
|
49
|
-
const Default = Template.bind({});
|
50
|
-
Default.args = { skipBody: true };
|
51
|
-
const WithErrorsInToolTip = Template.bind({});
|
52
|
-
WithErrorsInToolTip.args = {
|
53
|
-
value: {
|
54
|
-
...import_react_storybook.sampleIdPayload,
|
55
|
-
...{ _hash: "6fe3f745b1179fefa74cc3c7eab58321bee1c9ca9e34d9585467364cc5d3bbe2" },
|
56
|
-
schema: void 0
|
57
|
-
}
|
58
|
-
};
|
59
|
-
const SkipBody = Template.bind({});
|
60
|
-
SkipBody.args = {
|
61
|
-
skipBody: true,
|
62
|
-
value: {
|
63
|
-
_hash: "44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a",
|
64
|
-
_timestamp: (/* @__PURE__ */ new Date()).getTime(),
|
65
|
-
schema: "network.xyo.test"
|
66
|
-
}
|
67
|
-
};
|
68
|
-
var ValidationDetails_stories_default = StorybookEntry;
|
69
|
-
// Annotate the CommonJS export names for ESM import in node:
|
70
|
-
0 && (module.exports = {
|
71
|
-
Default,
|
72
|
-
SkipBody,
|
73
|
-
WithErrorsInToolTip
|
74
|
-
});
|
75
|
-
//# sourceMappingURL=ValidationDetails.stories.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { Payload } from '@xyo-network/payload-model'\nimport { sampleIdPayload, useAppThemeDecorator } from '@xyo-network/react-storybook'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { PayloadDetails } from '../Details'\nimport { PayloadValidationDetails } from './ValidationDetails'\nimport { PayloadValidationDetailsProps } from './ValidationDetailsProps'\n\nconst StorybookEntry: Meta = {\n argTypes: {},\n args: {\n value: {\n schema: 'network.xyo.schema',\n },\n },\n component: PayloadDetails,\n decorators: [useAppThemeDecorator],\n parameters: {\n docs: {\n page: null,\n },\n },\n title: 'payload/ValidationDetails',\n}\n\nconst Template: StoryFn<typeof PayloadValidationDetails> = (args: PayloadValidationDetailsProps) => (\n <BrowserRouter>\n <PayloadValidationDetails {...args} />\n </BrowserRouter>\n)\n\nconst Default = Template.bind({})\nDefault.args = { skipBody: true }\n\nconst WithErrorsInToolTip = Template.bind({})\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nWithErrorsInToolTip.args = {\n value: {\n ...sampleIdPayload,\n ...{ _hash: '6fe3f745b1179fefa74cc3c7eab58321bee1c9ca9e34d9585467364cc5d3bbe2' },\n schema: undefined,\n } as unknown as Payload,\n}\n\nconst SkipBody = Template.bind({})\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nSkipBody.args = {\n skipBody: true,\n value: {\n _hash: '44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a',\n _timestamp: new Date().getTime(),\n schema: 'network.xyo.test',\n } as Payload,\n}\n\nexport { Default, SkipBody, WithErrorsInToolTip }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BI;AA1BJ,6BAAsD;AACtD,8BAA8B;AAE9B,qBAA+B;AAC/B,+BAAyC;AAGzC,MAAM,iBAAuB;AAAA,EAC3B,UAAU,CAAC;AAAA,EACX,MAAM;AAAA,IACJ,OAAO;AAAA,MACL,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,WAAW;AAAA,EACX,YAAY,CAAC,2CAAoB;AAAA,EACjC,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAqD,CAAC,SAC1D,4CAAC,yCACC,sDAAC,qDAA0B,GAAG,MAAM,GACtC;AAGF,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,EAAE,UAAU,KAAK;AAEhC,MAAM,sBAAsB,SAAS,KAAK,CAAC,CAAC;AAG5C,oBAAoB,OAAO;AAAA,EACzB,OAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG,EAAE,OAAO,mEAAmE;AAAA,IAC/E,QAAQ;AAAA,EACV;AACF;AAEA,MAAM,WAAW,SAAS,KAAK,CAAC,CAAC;AAGjC,SAAS,OAAO;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AAAA,IACL,OAAO;AAAA,IACP,aAAY,oBAAI,KAAK,GAAE,QAAQ;AAAA,IAC/B,QAAQ;AAAA,EACV;AACF;AAKA,IAAO,oCAAQ;","names":[]}
|
@@ -1,49 +0,0 @@
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
2
|
-
import { sampleIdPayload, useAppThemeDecorator } from "@xyo-network/react-storybook";
|
3
|
-
import { BrowserRouter } from "react-router-dom";
|
4
|
-
import { PayloadDetails } from "../Details";
|
5
|
-
import { PayloadValidationDetails } from "./ValidationDetails";
|
6
|
-
const StorybookEntry = {
|
7
|
-
argTypes: {},
|
8
|
-
args: {
|
9
|
-
value: {
|
10
|
-
schema: "network.xyo.schema"
|
11
|
-
}
|
12
|
-
},
|
13
|
-
component: PayloadDetails,
|
14
|
-
decorators: [useAppThemeDecorator],
|
15
|
-
parameters: {
|
16
|
-
docs: {
|
17
|
-
page: null
|
18
|
-
}
|
19
|
-
},
|
20
|
-
title: "payload/ValidationDetails"
|
21
|
-
};
|
22
|
-
const Template = (args) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(PayloadValidationDetails, { ...args }) });
|
23
|
-
const Default = Template.bind({});
|
24
|
-
Default.args = { skipBody: true };
|
25
|
-
const WithErrorsInToolTip = Template.bind({});
|
26
|
-
WithErrorsInToolTip.args = {
|
27
|
-
value: {
|
28
|
-
...sampleIdPayload,
|
29
|
-
...{ _hash: "6fe3f745b1179fefa74cc3c7eab58321bee1c9ca9e34d9585467364cc5d3bbe2" },
|
30
|
-
schema: void 0
|
31
|
-
}
|
32
|
-
};
|
33
|
-
const SkipBody = Template.bind({});
|
34
|
-
SkipBody.args = {
|
35
|
-
skipBody: true,
|
36
|
-
value: {
|
37
|
-
_hash: "44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a",
|
38
|
-
_timestamp: (/* @__PURE__ */ new Date()).getTime(),
|
39
|
-
schema: "network.xyo.test"
|
40
|
-
}
|
41
|
-
};
|
42
|
-
var ValidationDetails_stories_default = StorybookEntry;
|
43
|
-
export {
|
44
|
-
Default,
|
45
|
-
SkipBody,
|
46
|
-
WithErrorsInToolTip,
|
47
|
-
ValidationDetails_stories_default as default
|
48
|
-
};
|
49
|
-
//# sourceMappingURL=ValidationDetails.stories.mjs.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { Payload } from '@xyo-network/payload-model'\nimport { sampleIdPayload, useAppThemeDecorator } from '@xyo-network/react-storybook'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { PayloadDetails } from '../Details'\nimport { PayloadValidationDetails } from './ValidationDetails'\nimport { PayloadValidationDetailsProps } from './ValidationDetailsProps'\n\nconst StorybookEntry: Meta = {\n argTypes: {},\n args: {\n value: {\n schema: 'network.xyo.schema',\n },\n },\n component: PayloadDetails,\n decorators: [useAppThemeDecorator],\n parameters: {\n docs: {\n page: null,\n },\n },\n title: 'payload/ValidationDetails',\n}\n\nconst Template: StoryFn<typeof PayloadValidationDetails> = (args: PayloadValidationDetailsProps) => (\n <BrowserRouter>\n <PayloadValidationDetails {...args} />\n </BrowserRouter>\n)\n\nconst Default = Template.bind({})\nDefault.args = { skipBody: true }\n\nconst WithErrorsInToolTip = Template.bind({})\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nWithErrorsInToolTip.args = {\n value: {\n ...sampleIdPayload,\n ...{ _hash: '6fe3f745b1179fefa74cc3c7eab58321bee1c9ca9e34d9585467364cc5d3bbe2' },\n schema: undefined,\n } as unknown as Payload,\n}\n\nconst SkipBody = Template.bind({})\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nSkipBody.args = {\n skipBody: true,\n value: {\n _hash: '44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a',\n _timestamp: new Date().getTime(),\n schema: 'network.xyo.test',\n } as Payload,\n}\n\nexport { Default, SkipBody, WithErrorsInToolTip }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AA4BI;AA1BJ,SAAS,iBAAiB,4BAA4B;AACtD,SAAS,qBAAqB;AAE9B,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC;AAGzC,MAAM,iBAAuB;AAAA,EAC3B,UAAU,CAAC;AAAA,EACX,MAAM;AAAA,IACJ,OAAO;AAAA,MACL,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,WAAW;AAAA,EACX,YAAY,CAAC,oBAAoB;AAAA,EACjC,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAqD,CAAC,SAC1D,oBAAC,iBACC,8BAAC,4BAA0B,GAAG,MAAM,GACtC;AAGF,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,EAAE,UAAU,KAAK;AAEhC,MAAM,sBAAsB,SAAS,KAAK,CAAC,CAAC;AAG5C,oBAAoB,OAAO;AAAA,EACzB,OAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG,EAAE,OAAO,mEAAmE;AAAA,IAC/E,QAAQ;AAAA,EACV;AACF;AAEA,MAAM,WAAW,SAAS,KAAK,CAAC,CAAC;AAGjC,SAAS,OAAO;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AAAA,IACL,OAAO;AAAA,IACP,aAAY,oBAAI,KAAK,GAAE,QAAQ;AAAA,IAC/B,QAAQ;AAAA,EACV;AACF;AAKA,IAAO,oCAAQ;","names":[]}
|
@@ -1 +0,0 @@
|
|
1
|
-
//# sourceMappingURL=ValidationDetailsProps.mjs.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Details/ValidationDetails/index.ts"],"sourcesContent":["export * from './ValidationDetails'\nexport * from './ValidationDetailsProps'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Details/index.ts"],"sourcesContent":["export * from './DataDetails'\nexport * from './Details'\nexport * from './JsonDetails'\nexport * from './ValidationDetails'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './Details'\n"],"mappings":"AAAA,cAAc;","names":[]}
|
package/dist/node/index.mjs
DELETED
package/dist/node/index.mjs.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\n"],"mappings":"AAAA,cAAc;","names":[]}
|