@xyo-network/react-payload 2.25.16 → 2.25.17

package/dist/cjs/components/Details/DataDetails.js

@@ -33,7 +33,7 @@ const PayloadDataDetails = (_a) => {
         var _c;
         yield navigator.clipboard.writeText((_c = wrapper === null || wrapper === void 0 ? void 0 : wrapper.stringified) !== null && _c !== void 0 ? _c : '');
     });
-    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: [(0, jsx_runtime_1.jsx)(react_property_1.Property, Object.assign({ badge: badge, size: size, actions: actions, title: "Payload Hash", value: hash !== null && hash !== void 0 ? hash : '<Unknown>', tip: "This is the payload hash" }, propertyHeroProps)), (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: value }) }), (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" }))] })] }))] })));
+    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: [(0, jsx_runtime_1.jsx)(react_property_1.Property, Object.assign({ variant: "outlined", badge: badge, size: size, actions: actions, title: "Payload Hash", value: hash !== null && hash !== void 0 ? hash : '<Unknown>', tip: "This is the payload hash" }, propertyHeroProps)), (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: value }) }), (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" }))] })] }))] })));
 };
 exports.PayloadDataDetails = PayloadDataDetails;
 //# sourceMappingURL=DataDetails.js.map

package/dist/cjs/components/Details/DataDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":";;;;;AAAA,0FAA6D;AAC7D,wFAA2D;AAC3D,4CAAiF;AACjF,iDAAmE;AACnE,4CAAiE;AACjE,gEAA4F;AAE5F,iCAAgC;AAEhC,2DAA8D;AAQvD,MAAM,kBAAkB,GAAsC,CAAC,EAAgC,EAAE,EAAE;QAApC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,sBAA9B,0BAAgC,CAAF;IAClG,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,wBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEhE,MAAM,iBAAiB,GAAG,IAAA,qCAAoB,EAAC,KAAK,CAAC,CAAA;IACrD,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,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,wBAAC,mBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACrC,uBAAC,yBAAQ,kBAAC,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,iBAAiB,EAAI,EAC/J,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,KAAK,GAAI,GACtC,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,KACD,CACX,CAAA;AACH,CAAC,CAAA;AA3CY,QAAA,kBAAkB,sBA2C9B"}
+{"version":3,"file":"DataDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":";;;;;AAAA,0FAA6D;AAC7D,wFAA2D;AAC3D,4CAAiF;AACjF,iDAAmE;AACnE,4CAAiE;AACjE,gEAA4F;AAE5F,iCAAgC;AAEhC,2DAA8D;AAQvD,MAAM,kBAAkB,GAAsC,CAAC,EAAgC,EAAE,EAAE;QAApC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,sBAA9B,0BAAgC,CAAF;IAClG,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,wBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEhE,MAAM,iBAAiB,GAAG,IAAA,qCAAoB,EAAC,KAAK,CAAC,CAAA;IACrD,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,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,wBAAC,mBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACrC,uBAAC,yBAAQ,kBACP,OAAO,EAAC,UAAU,EAClB,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,iBAAiB,EACrB,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,KAAK,GAAI,GACtC,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,KACD,CACX,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,kBAAkB,sBAoD9B"}

package/dist/cjs/components/Details/Details.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { FlexBoxProps } from '@xylabs/sdk-react';
+import { StackProps } from '@mui/material';
 import { XyoPayload } from '@xyo-network/core';
 import { PayloadDataDetailsProps } from './DataDetails';
 import { PayloadJsonDetailsProps } from './JsonDetails';
 import { PayloadMetaDetailsProps } from './MetaDetails';
 import { PayloadValidationDetailsProps } from './ValidationDetails';
-export interface PayloadDetailsProps extends FlexBoxProps {
+export interface PayloadDetailsProps extends StackProps {
     payload?: XyoPayload;
     payloadDataDetailsProps?: PayloadDataDetailsProps;
     payloadMetaDetailsProps?: PayloadMetaDetailsProps;

package/dist/cjs/components/Details/Details.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PayloadDetails = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const sdk_react_1 = require("@xylabs/sdk-react");
+const material_1 = require("@mui/material");
 const DataDetails_1 = require("./DataDetails");
 const JsonDetails_1 = require("./JsonDetails");
 const MetaDetails_1 = require("./MetaDetails");
 const ValidationDetails_1 = require("./ValidationDetails");
 const PayloadDetails = (_a) => {
     var { payload, payloadDataDetailsProps, payloadMetaDetailsProps, payloadValidationDetailsProps, payloadJsonDetailsProps } = _a, props = tslib_1.__rest(_a, ["payload", "payloadDataDetailsProps", "payloadMetaDetailsProps", "payloadValidationDetailsProps", "payloadJsonDetailsProps"]);
-    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexCol, Object.assign({ justifyContent: "flex-start", alignItems: "stretch", marginTop: 2, marginBottom: 8 }, props, { children: [(0, jsx_runtime_1.jsx)(DataDetails_1.PayloadDataDetails, Object.assign({ size: "large", badge: true, value: payload }, payloadDataDetailsProps)), (0, jsx_runtime_1.jsx)(MetaDetails_1.PayloadMetaDetails, Object.assign({ value: payload }, payloadMetaDetailsProps)), (0, jsx_runtime_1.jsx)(ValidationDetails_1.PayloadValidationDetails, Object.assign({ value: payload }, payloadValidationDetailsProps)), (0, jsx_runtime_1.jsx)(JsonDetails_1.PayloadJsonDetails, Object.assign({ payload: payload }, payloadJsonDetailsProps))] })));
+    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, Object.assign({ size: "large", badge: true, value: payload }, payloadDataDetailsProps)), (0, jsx_runtime_1.jsx)(MetaDetails_1.PayloadMetaDetails, Object.assign({ value: payload }, payloadMetaDetailsProps)), (0, jsx_runtime_1.jsx)(ValidationDetails_1.PayloadValidationDetails, Object.assign({ marginY: 1, value: payload }, payloadValidationDetailsProps)), (0, jsx_runtime_1.jsx)(JsonDetails_1.PayloadJsonDetails, Object.assign({ payload: payload }, payloadJsonDetailsProps))] })));
 };
 exports.PayloadDetails = PayloadDetails;
 //# sourceMappingURL=Details.js.map

package/dist/cjs/components/Details/Details.js.map

@@ -1 +1 @@
-{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";;;;;AAAA,iDAAyD;AAGzD,+CAA2E;AAC3E,+CAA2E;AAC3E,+CAA2E;AAC3E,2DAA6F;AAUtF,MAAM,cAAc,GAAkC,CAAC,EAO7D,EAAE,EAAE;QAPyD,EAC5D,OAAO,EACP,uBAAuB,EACvB,uBAAuB,EACvB,6BAA6B,EAC7B,uBAAuB,OAExB,EADI,KAAK,sBANoD,6HAO7D,CADS;IAER,OAAO,CACL,wBAAC,mBAAO,kBAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,IAAM,KAAK,eAChG,uBAAC,gCAAkB,kBAAC,IAAI,EAAC,OAAO,EAAC,KAAK,QAAC,KAAK,EAAE,OAAO,IAAM,uBAAuB,EAAI,EACtF,uBAAC,gCAAkB,kBAAC,KAAK,EAAE,OAAO,IAAM,uBAAuB,EAAI,EACnE,uBAAC,4CAAwB,kBAAC,KAAK,EAAE,OAAO,IAAM,6BAA6B,EAAI,EAC/E,uBAAC,gCAAkB,kBAAC,OAAO,EAAE,OAAO,IAAM,uBAAuB,EAAI,KAC7D,CACX,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,cAAc,kBAgB1B"}
+{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAiD;AAIjD,+CAA2E;AAC3E,+CAA2E;AAC3E,+CAA2E;AAC3E,2DAA6F;AAUtF,MAAM,cAAc,GAAkC,CAAC,EAO7D,EAAE,EAAE;QAPyD,EAC5D,OAAO,EACP,uBAAuB,EACvB,uBAAuB,EACvB,6BAA6B,EAC7B,uBAAuB,OAExB,EADI,KAAK,sBANoD,6HAO7D,CADS;IAER,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,kBAAC,IAAI,EAAC,OAAO,EAAC,KAAK,QAAC,KAAK,EAAE,OAAO,IAAM,uBAAuB,EAAI,EACtF,uBAAC,gCAAkB,kBAAC,KAAK,EAAE,OAAO,IAAM,uBAAuB,EAAI,EACnE,uBAAC,4CAAwB,kBAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,IAAM,6BAA6B,EAAI,EAC3F,uBAAC,gCAAkB,kBAAC,OAAO,EAAE,OAAO,IAAM,uBAAuB,EAAI,KAC/D,CACT,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,cAAc,kBAgB1B"}

package/dist/cjs/components/Details/JsonDetails.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { FlexBoxProps } from '@xylabs/sdk-react';
 import { XyoPayload } from '@xyo-network/core';
+import { PropertyGroupProps } from '@xyo-network/react-property';
 import { ReactJsonViewProps } from 'react-json-view';
-export interface PayloadJsonDetailsProps extends FlexBoxProps {
+export interface PayloadJsonDetailsProps extends PropertyGroupProps {
     payload?: XyoPayload;
     jsonViewProps?: ReactJsonViewProps;
 }

package/dist/cjs/components/Details/JsonDetails.js

@@ -5,13 +5,14 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const sdk_react_1 = require("@xylabs/sdk-react");
+const react_property_1 = require("@xyo-network/react-property");
 const react_1 = require("react");
 const JsonView = (0, react_1.lazy)(() => Promise.resolve().then(() => tslib_1.__importStar(require(/* webpackChunkName: "jsonView" */ 'react-json-view'))));
 const PayloadJsonDetails = (_a) => {
     var { jsonViewProps, payload = {} } = _a, props = tslib_1.__rest(_a, ["jsonViewProps", "payload"]);
     const { breakpoints } = (0, material_1.useTheme)();
     const belowSm = (0, material_1.useMediaQuery)(breakpoints.down('sm'));
-    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: [(0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ margin: 1, justifyContent: "flex-start" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "JSON" }), (0, jsx_runtime_1.jsx)(sdk_react_1.QuickTipButton, Object.assign({ title: "Payload JSON" }, { children: "The raw JSON of the payload" }))] })), (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "outlined" }, { 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)) })) }))] })));
+    return ((0, jsx_runtime_1.jsx)(react_property_1.PropertyGroup, Object.assign({ title: "JSON", tip: "The raw JSON of the payload", alignItems: "stretch" }, 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)) })) })));
 };
 exports.PayloadJsonDetails = PayloadJsonDetails;
 //# sourceMappingURL=JsonDetails.js.map

package/dist/cjs/components/Details/JsonDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"JsonDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/JsonDetails.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0E;AAC1E,iDAA+F;AAE/F,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,OAAO,CACL,wBAAC,mBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACrC,wBAAC,mBAAO,kBAAC,MAAM,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,iBAC7C,uBAAC,qBAAU,uBAAkB,EAC7B,uBAAC,0BAAc,kBAAC,KAAK,EAAC,cAAc,iDAA6C,KACzE,EACV,uBAAC,gBAAK,kBAAC,OAAO,EAAC,UAAU,gBACvB,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,IACL,KACA,CACX,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,kBAAkB,sBAiB9B"}
+{"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,OAAO,CACL,uBAAC,8BAAa,kBAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,6BAA6B,EAAC,UAAU,EAAC,SAAS,IAAK,KAAK,cAC1F,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;AAXY,QAAA,kBAAkB,sBAW9B"}

package/dist/cjs/components/Details/MetaDetails.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { FlexBoxProps } from '@xylabs/sdk-react';
 import { XyoPayload } from '@xyo-network/core';
-export interface PayloadMetaDetailsProps extends FlexBoxProps {
+import { PropertyGroupProps } from '@xyo-network/react-property';
+export interface PayloadMetaDetailsProps extends PropertyGroupProps {
     value?: XyoPayload;
     archivePath?: string;
 }

package/dist/cjs/components/Details/MetaDetails.js

@@ -3,14 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PayloadMetaDetails = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const sdk_react_1 = require("@xylabs/sdk-react");
 const react_archive_1 = require("@xyo-network/react-archive");
 const react_property_1 = require("@xyo-network/react-property");
 const PayloadMetaDetails = (_a) => {
     var _b, _c, _d, _e;
     var { archivePath, value } = _a, props = tslib_1.__rest(_a, ["archivePath", "value"]);
-    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexCol, Object.assign({ alignItems: "start" }, props, { children: [(0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ margin: 1, justifyContent: "start" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Meta" }), (0, jsx_runtime_1.jsx)(sdk_react_1.QuickTipButton, Object.assign({ title: "Payload Meta" }, { children: "The meta fields added to the record by the archivist" }))] })), (0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ flexWrap: "wrap" }, { children: [(value === null || value === void 0 ? void 0 : value._client) ? (0, jsx_runtime_1.jsx)(react_property_1.Property, { flexGrow: 1, title: "Client", value: (_b = value === null || value === void 0 ? void 0 : value._client) !== null && _b !== void 0 ? _b : '<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, { payload: value, path: archivePath }) : null, (value === null || value === void 0 ? void 0 : value._reportedHash) ? (0, jsx_runtime_1.jsx)(react_property_1.Property, { flexGrow: 1, title: "Reported Hash", value: (_c = value === null || value === void 0 ? void 0 : value._reportedHash) !== null && _c !== void 0 ? _c : '<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, { flexGrow: 1, title: "Timestamp", value: (_d = value === null || value === void 0 ? void 0 : value._timestamp) !== null && _d !== void 0 ? _d : '<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, { flexGrow: 1, title: "Observation Duration", value: (_e = value === null || value === void 0 ? void 0 : value._observeDuration) !== null && _e !== void 0 ? _e : '<Unknown>', tip: "This duration of time observed by the witness" })) : null] }))] })));
+    return ((0, jsx_runtime_1.jsxs)(react_property_1.PropertyGroup, Object.assign({ 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, { flexGrow: 1, title: "Client", value: (_b = value === null || value === void 0 ? void 0 : value._client) !== null && _b !== void 0 ? _b : '<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, { 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, { flexGrow: 1, title: "Reported Hash", value: (_c = value === null || value === void 0 ? void 0 : value._reportedHash) !== null && _c !== void 0 ? _c : '<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, { flexGrow: 1, title: "Timestamp", value: (_d = value === null || value === void 0 ? void 0 : value._timestamp) !== null && _d !== void 0 ? _d : '<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, { flexGrow: 1, title: "Observation Duration", value: (_e = value === null || value === void 0 ? void 0 : value._observeDuration) !== null && _e !== void 0 ? _e : '<Unknown>', tip: "This duration of time observed by the witness" })) : null] })));
 };
 exports.PayloadMetaDetails = PayloadMetaDetails;
 //# sourceMappingURL=MetaDetails.js.map

package/dist/cjs/components/Details/MetaDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetaDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/MetaDetails.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,iDAAkF;AAElF,8DAA4D;AAC5D,gEAAsD;AAO/C,MAAM,kBAAkB,GAAsC,CAAC,EAAgC,EAAE,EAAE;;QAApC,EAAE,WAAW,EAAE,KAAK,OAAY,EAAP,KAAK,sBAA9B,wBAAgC,CAAF;IAClG,OAAO,CACL,wBAAC,mBAAO,kBAAC,UAAU,EAAC,OAAO,IAAK,KAAK,eACnC,wBAAC,mBAAO,kBAAC,MAAM,EAAE,CAAC,EAAE,cAAc,EAAC,OAAO,iBACxC,uBAAC,qBAAU,uBAAkB,EAC7B,uBAAC,0BAAc,kBAAC,KAAK,EAAC,cAAc,0EAAsE,KAClG,EACV,wBAAC,mBAAO,kBAAC,QAAQ,EAAC,MAAM,iBACrB,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAC,CAAC,CAAC,uBAAC,yBAAQ,IAAC,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,CAAC,CAAC,CAAC,IAAI,EACpJ,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAC,CAAC,CAAC,uBAAC,+BAAe,IAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/E,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,EAAC,CAAC,CAAC,uBAAC,yBAAQ,IAAC,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,CAAC,CAAC,CAAC,IAAI,EAC/J,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,EAAC,CAAC,CAAC,uBAAC,yBAAQ,IAAC,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,CAAC,CAAC,CAAC,IAAI,EACnJ,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,EAAC,CAAC,CAAC,CACzB,uBAAC,yBAAQ,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,sBAAsB,EAAC,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,mCAAI,WAAW,EAAE,GAAG,EAAC,+CAA+C,GAAG,CAC1J,CAAC,CAAC,CAAC,IAAI,KACA,KACF,CACX,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,kBAAkB,sBAkB9B"}
+{"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,eAC7F,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAC,CAAC,CAAC,uBAAC,yBAAQ,IAAC,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,CAAC,CAAC,CAAC,IAAI,EACpJ,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAC,CAAC,CAAC,uBAAC,+BAAe,IAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,EAC5F,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,EAAC,CAAC,CAAC,uBAAC,yBAAQ,IAAC,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,CAAC,CAAC,CAAC,IAAI,EAC/J,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,EAAC,CAAC,CAAC,uBAAC,yBAAQ,IAAC,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,CAAC,CAAC,CAAC,IAAI,EACnJ,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,EAAC,CAAC,CAAC,CACzB,uBAAC,yBAAQ,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,sBAAsB,EAAC,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,mCAAI,WAAW,EAAE,GAAG,EAAC,+CAA+C,GAAG,CAC1J,CAAC,CAAC,CAAC,IAAI,KACM,CACjB,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,kBAAkB,sBAY9B"}

package/dist/cjs/components/Details/ValidationDetails/ValidationDetails.js

@@ -15,9 +15,9 @@ const PayloadValidationDetails = (_a) => {
     const bodyErrors = skipBody ? [] : (_b = validator === null || validator === void 0 ? void 0 : validator.body.all()) !== null && _b !== void 0 ? _b : [];
     const metaErrors = skipMeta ? [] : (_c = validator === null || validator === void 0 ? void 0 : validator.meta.all()) !== null && _c !== void 0 ? _c : [];
     const errors = [...bodyErrors, ...metaErrors];
-    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexCol, Object.assign({ alignItems: "start" }, props, { children: [(0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ margin: 1, justifyContent: "flex-start" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Validation" }), (0, jsx_runtime_1.jsx)(sdk_react_1.QuickTipButton, Object.assign({ title: "Block Validation" }, { children: "The results from validating the payload" }))] })), (0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ flexWrap: "wrap" }, { children: [(0, jsx_runtime_1.jsx)(react_property_1.Property, { 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) => {
-                                return (0, jsx_runtime_1.jsx)(material_1.Typography, { children: error.toString() }, index);
-                            }) })) : ((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)(SchemaProperty_1.SchemaProperty, { value: value, viewSchemaUrl: viewSchemaUrl })] }))] })));
+    return ((0, jsx_runtime_1.jsxs)(react_property_1.PropertyGroup, Object.assign({ title: "Validation", tip: "The results from validating the payload" }, props, { children: [(0, jsx_runtime_1.jsx)(react_property_1.Property, { 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) => {
+                        return (0, jsx_runtime_1.jsx)(material_1.Typography, { children: error.toString() }, index);
+                    }) })) : ((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)(SchemaProperty_1.SchemaProperty, { value: value, viewSchemaUrl: viewSchemaUrl })] })));
 };
 exports.PayloadValidationDetails = PayloadValidationDetails;
 //# sourceMappingURL=ValidationDetails.js.map

package/dist/cjs/components/Details/ValidationDetails/ValidationDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationDetails.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,iDAAoE;AACpE,4CAAuD;AACvD,gEAAsD;AAEtD,qDAAiD;AAG1C,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,OAAO,CACL,wBAAC,mBAAO,kBAAC,UAAU,EAAC,OAAO,IAAK,KAAK,eACnC,wBAAC,mBAAO,kBAAC,MAAM,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,iBAC7C,uBAAC,qBAAU,6BAAwB,EACnC,uBAAC,0BAAc,kBAAC,KAAK,EAAC,kBAAkB,6DAAyD,KACzF,EACV,wBAAC,mBAAO,kBAAC,QAAQ,EAAC,MAAM,iBACtB,uBAAC,yBAAQ,IACP,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;gCAC3B,OAAO,uBAAC,qBAAU,cAAc,KAAK,CAAC,QAAQ,EAAE,IAAxB,KAAK,CAAiC,CAAA;4BAChE,CAAC,CAAC,GACM,CACX,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAU,4BAAuB,CACnC,GAEH,EACD,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,KAAI,uBAAC,+BAAc,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,KACxE,KACF,CACX,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,wBAAwB,4BAkCpC"}
+{"version":3,"file":"ValidationDetails.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,iDAAoE;AACpE,4CAAuD;AACvD,gEAAqE;AAErE,qDAAiD;AAG1C,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,OAAO,CACL,wBAAC,8BAAa,kBAAC,KAAK,EAAC,YAAY,EAAC,GAAG,EAAC,yCAAyC,IAAK,KAAK,eACvF,uBAAC,yBAAQ,IACP,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,+BAAc,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,KAClE,CACjB,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,wBAAwB,4BA4BpC"}

package/dist/cjs/components/Details/ValidationDetails/ValidationDetailsProps.d.ts

@@ -1,6 +1,6 @@
-import { FlexBoxProps } from '@xylabs/sdk-react';
 import { XyoPayload } from '@xyo-network/core';
-export interface PayloadValidationDetailsProps extends FlexBoxProps {
+import { PropertyGroupProps } from '@xyo-network/react-property';
+export interface PayloadValidationDetailsProps extends PropertyGroupProps {
     skipBody?: boolean;
     skipMeta?: boolean;
     value?: XyoPayload;