@xyo-network/react-payload-details 2.82.0 → 2.83.0

package/dist/node/index.cjs

@@ -1,265 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  PayloadDataDetails: () => PayloadDataDetails,
-  PayloadDetails: () => PayloadDetails,
-  PayloadJsonDetails: () => PayloadJsonDetails,
-  PayloadValidationDetails: () => PayloadValidationDetails
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/Details/DataDetails.tsx
-var import_icons_material2 = require("@mui/icons-material");
-var import_material2 = require("@mui/material");
-var import_forget = require("@xylabs/forget");
-var import_react_button = require("@xylabs/react-button");
-var import_hash2 = require("@xyo-network/hash");
-var import_react_property = require("@xyo-network/react-property");
-var import_react_shared = require("@xyo-network/react-shared");
-var import_react2 = __toESM(require("react"), 1);
-
-// src/components/Details/HashSourceDetails.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react_quick_tip_button = require("@xylabs/react-quick-tip-button");
-var import_hash = require("@xyo-network/hash");
-var import_react = __toESM(require("react"), 1);
-var PayloadHashSourceDetails = /* @__PURE__ */ __name(({ noTitle = false, payload, ...props }) => {
-  const theme = (0, import_material.useTheme)();
-  const payloadString = payload ? JSON.stringify(import_hash.PayloadHasher.hashFields(payload), null, 2) : "";
-  return /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexCol, {
-    alignItems: "stretch",
-    ...props
-  }, noTitle ? null : /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, {
-    margin: 1,
-    justifyContent: "flex-start"
-  }, /* @__PURE__ */ import_react.default.createElement(import_material.Typography, null, "Hash Source"), /* @__PURE__ */ import_react.default.createElement(import_react_quick_tip_button.QuickTipButton, {
-    title: "Hash Source"
-  }, "The actual string used to generate the hash (SHA256)")), /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, null, /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexGrowRow, {
-    background: true,
-    border: 1,
-    borderColor: theme.palette.divider,
-    justifyContent: "start"
-  }, /* @__PURE__ */ import_react.default.createElement(import_material.Typography, {
-    padding: 2,
-    fontFamily: "monospace",
-    variant: "body1",
-    sx: {
-      overflowWrap: "break-word",
-      wordBreak: "break-all"
-    }
-  }, payloadString)), /* @__PURE__ */ import_react.default.createElement(import_material.IconButton, null, /* @__PURE__ */ import_react.default.createElement(import_icons_material.ContentCopy, null))), noTitle ? /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, {
-    margin: 1,
-    justifyContent: "flex-start"
-  }, /* @__PURE__ */ import_react.default.createElement(import_material.Typography, {
-    variant: "body2"
-  }, "The actual string used to generate the hash (SHA256). This can be used to validate the hash manually.")) : null);
-}, "PayloadHashSourceDetails");
-
-// src/components/Details/DataDetails.tsx
-var PayloadDataDetails = /* @__PURE__ */ __name(({ size, badge, payload, ...props }) => {
-  const payloadString = payload ? JSON.stringify(import_hash2.PayloadHasher.hashFields(payload), null, 2) : "";
-  const [viewSourceOpen, setViewSourceOpen] = (0, import_react2.useState)(false);
-  const hash = (0, import_react_shared.usePayloadHash)(payload);
-  let elevation = 2;
-  if (props.paper) {
-    elevation += props.elevation ?? 0;
-  }
-  const actions = [
-    {
-      icon: /* @__PURE__ */ import_react2.default.createElement(import_icons_material2.Visibility, null),
-      name: "View",
-      onClick: /* @__PURE__ */ __name(() => setViewSourceOpen(true), "onClick")
-    },
-    {
-      icon: /* @__PURE__ */ import_react2.default.createElement(import_icons_material2.ContentCopy, null),
-      name: "Copy",
-      onClick: /* @__PURE__ */ __name(() => (0, import_forget.forget)(navigator.clipboard.writeText(hash ?? "")), "onClick")
-    }
-  ];
-  const onCopy = /* @__PURE__ */ __name(() => {
-    (0, import_forget.forget)(navigator.clipboard.writeText(payloadString));
-  }, "onCopy");
-  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react_property.Property, {
-    titleProps: {
-      elevation
-    },
-    badge,
-    size,
-    actions,
-    title: "Payload Hash",
-    value: hash ?? "<Unknown>",
-    tip: "This is the payload hash",
-    ...props
-  }), /* @__PURE__ */ import_react2.default.createElement(import_material2.Dialog, {
-    open: viewSourceOpen,
-    onClose: /* @__PURE__ */ __name(() => setViewSourceOpen(false), "onClose")
-  }, /* @__PURE__ */ import_react2.default.createElement(import_material2.DialogTitle, null, "Hash Source"), /* @__PURE__ */ import_react2.default.createElement(import_material2.DialogContent, null, /* @__PURE__ */ import_react2.default.createElement(PayloadHashSourceDetails, {
-    noTitle: true,
-    payload
-  })), /* @__PURE__ */ import_react2.default.createElement(import_material2.DialogActions, null, /* @__PURE__ */ import_react2.default.createElement(import_react_button.ButtonEx, {
-    color: "secondary",
-    onClick: onCopy
-  }, "Copy"), /* @__PURE__ */ import_react2.default.createElement(import_react_button.ButtonEx, {
-    color: "secondary",
-    onClick: /* @__PURE__ */ __name(() => setViewSourceOpen(false), "onClick")
-  }, "Close"))));
-}, "PayloadDataDetails");
-
-// src/components/Details/Details.tsx
-var import_react_flexbox3 = require("@xylabs/react-flexbox");
-var import_react5 = __toESM(require("react"), 1);
-
-// src/components/Details/JsonDetails.tsx
-var import_material3 = require("@mui/material");
-var import_react_payload_raw_info = require("@xyo-network/react-payload-raw-info");
-var import_react_property2 = require("@xyo-network/react-property");
-var import_react3 = __toESM(require("react"), 1);
-var PayloadJsonDetails = /* @__PURE__ */ __name(({ jsonViewProps, payload, ...props }) => {
-  const { breakpoints, palette } = (0, import_material3.useTheme)();
-  const belowSm = (0, import_material3.useMediaQuery)(breakpoints.down("sm"));
-  let elevation = 2;
-  if (props.paper) {
-    elevation += props.elevation ?? 0;
-  }
-  const jsonTheme = palette.mode === "dark" ? "dark" : "light";
-  return /* @__PURE__ */ import_react3.default.createElement(import_react_property2.PropertyGroup, {
-    titleProps: {
-      elevation
-    },
-    title: "JSON",
-    tip: "The raw JSON of the payload",
-    ...props
-  }, /* @__PURE__ */ import_react3.default.createElement(import_material3.Paper, {
-    square: true,
-    variant: "elevation",
-    style: {
-      overflow: "hidden",
-      padding: "16px",
-      width: "100%"
-    }
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_payload_raw_info.JsonViewerEx, {
-    groupArraysAfterLength: 20,
-    style: {
-      backgroundColor: void 0,
-      overflow: "hidden"
-    },
-    value: payload,
-    enableClipboard: true,
-    theme: jsonTheme,
-    collapseStringsAfterLength: belowSm ? 24 : 32,
-    ...jsonViewProps
-  })));
-}, "PayloadJsonDetails");
-
-// src/components/Details/ValidationDetails/ValidationDetails.tsx
-var import_material4 = require("@mui/material");
-var import_react_flexbox2 = require("@xylabs/react-flexbox");
-var import_react_promise = require("@xylabs/react-promise");
-var import_payload_validator = require("@xyo-network/payload-validator");
-var import_react_property3 = require("@xyo-network/react-property");
-var import_react_schema = require("@xyo-network/react-schema");
-var import_react4 = __toESM(require("react"), 1);
-var PayloadValidationDetails = /* @__PURE__ */ __name(({ skipBody = false, value, ...props }) => {
-  const [validateErrors] = (0, import_react_promise.usePromise)(async () => value ? await new import_payload_validator.PayloadValidator(value).validate() : void 0, [
-    value
-  ]);
-  const bodyErrors = skipBody ? [] : validateErrors ?? [];
-  const errors = [
-    ...bodyErrors
-  ];
-  let elevation = 2;
-  if (props.paper) {
-    elevation += props.elevation ?? 0;
-  }
-  return /* @__PURE__ */ import_react4.default.createElement(import_react_property3.PropertyGroup, {
-    titleProps: {
-      elevation
-    },
-    title: "Validation",
-    tip: "The results from validating the payload",
-    ...props
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_property3.Property, {
-    titleProps: {
-      elevation
-    },
-    flexGrow: 1,
-    title: "Valid",
-    value: errors.length === 0 ? "True" : "False",
-    tip: errors.length > 0 ? /* @__PURE__ */ import_react4.default.createElement(import_react_flexbox2.FlexCol, null, errors.map((error, index) => {
-      return /* @__PURE__ */ import_react4.default.createElement(import_material4.Typography, {
-        key: index
-      }, error.toString());
-    })) : /* @__PURE__ */ import_react4.default.createElement(import_material4.Typography, null, "No Errors")
-  }), (value == null ? void 0 : value.schema) && /* @__PURE__ */ import_react4.default.createElement(import_react_schema.SchemaProperty, {
-    flexGrow: 1,
-    titleProps: {
-      elevation
-    },
-    value: value.schema
-  }));
-}, "PayloadValidationDetails");
-
-// src/components/Details/Details.tsx
-var PayloadDetails = /* @__PURE__ */ (0, import_react5.forwardRef)(({ paper, payload, ...props }, ref) => {
-  return /* @__PURE__ */ import_react5.default.createElement(import_react_flexbox3.FlexCol, {
-    gap: 1,
-    justifyContent: "flex-start",
-    alignItems: "stretch",
-    marginTop: 2,
-    marginBottom: 8,
-    ref,
-    ...props
-  }, /* @__PURE__ */ import_react5.default.createElement(PayloadDataDetails, {
-    paper,
-    size: "large",
-    badge: true,
-    payload
-  }), /* @__PURE__ */ import_react5.default.createElement(PayloadValidationDetails, {
-    paper,
-    value: payload
-  }), /* @__PURE__ */ import_react5.default.createElement(PayloadJsonDetails, {
-    paper,
-    payload
-  }));
-});
-PayloadDetails.displayName = "PayloadDetails";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PayloadDataDetails,
-  PayloadDetails,
-  PayloadJsonDetails,
-  PayloadValidationDetails
-});
-//# sourceMappingURL=index.cjs.map

package/dist/node/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/Details/DataDetails.tsx","../../src/components/Details/HashSourceDetails.tsx","../../src/components/Details/Details.tsx","../../src/components/Details/JsonDetails.tsx","../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"sourcesContent":["export * from './components/index.ts'\n","import { ContentCopy as ContentCopyIcon, Visibility as VisibilityIcon } from '@mui/icons-material'\nimport { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material'\nimport { forget } from '@xylabs/forget'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { PayloadHasher } from '@xyo-network/hash'\nimport { Payload } from '@xyo-network/payload-model'\nimport { Property, PropertyAction, PropertyProps } from '@xyo-network/react-property'\nimport { SizeProp, usePayloadHash } from '@xyo-network/react-shared'\nimport React, { useState } from 'react'\n\nimport { PayloadHashSourceDetails } from './HashSourceDetails.tsx'\n\nexport type PayloadDataDetailsProps = PropertyProps & {\n  badge?: boolean\n  payload?: Payload\n  size?: SizeProp\n}\n\nexport const PayloadDataDetails: React.FC<PayloadDataDetailsProps> = ({ size, badge, payload, ...props }) => {\n  const payloadString = payload ? JSON.stringify(PayloadHasher.hashFields(payload), null, 2) : ''\n\n  const [viewSourceOpen, setViewSourceOpen] = useState(false)\n  const hash = usePayloadHash(payload)\n\n  let elevation = 2\n  if (props.paper) {\n    elevation += props.elevation ?? 0\n  }\n\n  const actions: PropertyAction[] = [\n    {\n      icon: <VisibilityIcon />,\n      name: 'View',\n      onClick: () => setViewSourceOpen(true),\n    },\n    {\n      icon: <ContentCopyIcon />,\n      name: 'Copy',\n      onClick: () => forget(navigator.clipboard.writeText(hash ?? '')),\n    },\n  ]\n\n  const onCopy = () => {\n    forget(navigator.clipboard.writeText(payloadString))\n  }\n\n  return (\n    <>\n      <Property\n        titleProps={{ elevation }}\n        badge={badge}\n        size={size}\n        actions={actions}\n        title=\"Payload Hash\"\n        value={hash ?? '<Unknown>'}\n        tip=\"This is the payload hash\"\n        {...props}\n      />\n      <Dialog open={viewSourceOpen} onClose={() => setViewSourceOpen(false)}>\n        <DialogTitle>Hash Source</DialogTitle>\n        <DialogContent>\n          <PayloadHashSourceDetails noTitle payload={payload} />\n        </DialogContent>\n        <DialogActions>\n          <ButtonEx color=\"secondary\" onClick={onCopy}>\n            Copy\n          </ButtonEx>\n          <ButtonEx color=\"secondary\" onClick={() => setViewSourceOpen(false)}>\n            Close\n          </ButtonEx>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n","import { ContentCopy as ContentCopyIcon } from '@mui/icons-material'\nimport { IconButton, Typography, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'\nimport { QuickTipButton } from '@xylabs/react-quick-tip-button'\nimport { PayloadHasher } from '@xyo-network/hash'\nimport { Payload } from '@xyo-network/payload-model'\nimport React from 'react'\n\nexport interface PayloadHashSourceDetailsProps extends FlexBoxProps {\n  noTitle?: boolean\n  payload?: Payload\n}\n\nexport const PayloadHashSourceDetails: React.FC<PayloadHashSourceDetailsProps> = ({ noTitle = false, payload, ...props }) => {\n  const theme = useTheme()\n  const payloadString = payload ? JSON.stringify(PayloadHasher.hashFields(payload), null, 2) : ''\n\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      {noTitle\n        ? null\n        : (\n            <FlexRow margin={1} justifyContent=\"flex-start\">\n              <Typography>Hash Source</Typography>\n              <QuickTipButton title=\"Hash Source\">The actual string used to generate the hash (SHA256)</QuickTipButton>\n            </FlexRow>\n          )}\n      <FlexRow>\n        <FlexGrowRow background border={1} borderColor={theme.palette.divider} justifyContent=\"start\">\n          <Typography padding={2} fontFamily=\"monospace\" variant=\"body1\" sx={{ overflowWrap: 'break-word', wordBreak: 'break-all' }}>\n            {payloadString}\n          </Typography>\n        </FlexGrowRow>\n        <IconButton>\n          <ContentCopyIcon />\n        </IconButton>\n      </FlexRow>\n      {noTitle\n        ? (\n            <FlexRow margin={1} justifyContent=\"flex-start\">\n              <Typography variant=\"body2\">\n                The actual string used to generate the hash (SHA256). This can be used to validate the hash manually.\n              </Typography>\n            </FlexRow>\n          )\n        : null}\n    </FlexCol>\n  )\n}\n","import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { Payload } from '@xyo-network/payload-model'\nimport React, { forwardRef } from 'react'\n\nimport { PayloadDataDetails } from './DataDetails.tsx'\nimport { PayloadJsonDetails } from './JsonDetails.tsx'\nimport { PayloadValidationDetails } from './ValidationDetails/index.ts'\n\nexport type WithPaper<T> = T & { paper: true }\nexport type WithoutPaper<T> = T & { paper?: false }\n\nexport type PayloadDetailsProps = FlexBoxProps & {\n  paper?: boolean\n  payload?: Payload\n}\n\nexport const PayloadDetails = forwardRef<HTMLDivElement, PayloadDetailsProps>(({ paper, payload, ...props }, ref) => {\n  return (\n    <FlexCol gap={1} justifyContent=\"flex-start\" alignItems=\"stretch\" marginTop={2} marginBottom={8} ref={ref} {...props}>\n      <PayloadDataDetails paper={paper} size=\"large\" badge payload={payload} />\n      <PayloadValidationDetails paper={paper} value={payload} />\n      <PayloadJsonDetails paper={paper} payload={payload} />\n    </FlexCol>\n  )\n})\n\nPayloadDetails.displayName = 'PayloadDetails'\n","import { Paper, useMediaQuery, useTheme } from '@mui/material'\nimport { Payload } from '@xyo-network/payload-model'\nimport { JsonViewerEx, JsonViewerExProps } from '@xyo-network/react-payload-raw-info'\nimport { PropertyGroup, PropertyGroupProps } from '@xyo-network/react-property'\nimport React from 'react'\n\nexport type PayloadJsonDetailsProps = PropertyGroupProps & {\n  jsonViewProps?: JsonViewerExProps\n  payload?: Payload\n}\n\nexport const PayloadJsonDetails: React.FC<PayloadJsonDetailsProps> = ({ jsonViewProps, payload, ...props }) => {\n  const { breakpoints, palette } = useTheme()\n  const belowSm = useMediaQuery(breakpoints.down('sm'))\n\n  let elevation = 2\n  if (props.paper) {\n    elevation += props.elevation ?? 0\n  }\n\n  const jsonTheme = palette.mode === 'dark' ? 'dark' : 'light'\n\n  return (\n    <PropertyGroup titleProps={{ elevation }} title=\"JSON\" tip=\"The raw JSON of the payload\" {...props}>\n      <Paper square variant=\"elevation\" style={{ overflow: 'hidden', padding: '16px', width: '100%' }}>\n        <JsonViewerEx\n          groupArraysAfterLength={20}\n          style={{ backgroundColor: undefined, overflow: 'hidden' }}\n          value={payload}\n          enableClipboard\n          theme={jsonTheme}\n          collapseStringsAfterLength={belowSm ? 24 : 32}\n          {...jsonViewProps}\n        />\n      </Paper>\n    </PropertyGroup>\n  )\n}\n","import { Typography } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { usePromise } from '@xylabs/react-promise'\nimport { PayloadValidator } from '@xyo-network/payload-validator'\nimport { Property, PropertyGroup } from '@xyo-network/react-property'\nimport { SchemaProperty } from '@xyo-network/react-schema'\nimport React from 'react'\n\nimport { PayloadValidationDetailsProps } from './ValidationDetailsProps.ts'\n\nexport const PayloadValidationDetails: React.FC<PayloadValidationDetailsProps> = ({ skipBody = false, value, ...props }) => {\n  const [validateErrors] = usePromise(async () => (value ? await new PayloadValidator(value).validate() : undefined), [value])\n\n  const bodyErrors = skipBody ? [] : (validateErrors ?? [])\n  const errors: Error[] = [...bodyErrors]\n\n  let elevation = 2\n  if (props.paper) {\n    elevation += props.elevation ?? 0\n  }\n\n  return (\n    <PropertyGroup titleProps={{ elevation }} title=\"Validation\" tip=\"The results from validating the payload\" {...props}>\n      <Property\n        titleProps={{ elevation }}\n        flexGrow={1}\n        title=\"Valid\"\n        value={errors.length === 0 ? 'True' : 'False'}\n        tip={\n          errors.length > 0\n            ? (\n                <FlexCol>\n                  {errors.map((error, index) => {\n                    return <Typography key={index}>{error.toString()}</Typography>\n                  })}\n                </FlexCol>\n              )\n            : <Typography>No Errors</Typography>\n        }\n      />\n      {value?.schema && <SchemaProperty flexGrow={1} titleProps={{ elevation }} value={value.schema} />}\n    </PropertyGroup>\n  )\n}\n"],"mappings":"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","names":["import_icons_material","import_material","import_hash","import_react","PayloadHashSourceDetails","noTitle","payload","props","theme","useTheme","payloadString","JSON","stringify","PayloadHasher","hashFields","React","FlexCol","alignItems","FlexRow","margin","justifyContent","Typography","QuickTipButton","title","FlexGrowRow","background","border","borderColor","palette","divider","padding","fontFamily","variant","sx","overflowWrap","wordBreak","IconButton","ContentCopyIcon","PayloadDataDetails","size","badge","payload","props","payloadString","JSON","stringify","PayloadHasher","hashFields","viewSourceOpen","setViewSourceOpen","useState","hash","usePayloadHash","elevation","paper","actions","icon","React","VisibilityIcon","name","onClick","ContentCopyIcon","forget","navigator","clipboard","writeText","onCopy","Property","titleProps","title","value","tip","Dialog","open","onClose","DialogTitle","DialogContent","PayloadHashSourceDetails","noTitle","DialogActions","ButtonEx","color","import_react_flexbox","import_react","import_material","import_react_property","import_react","PayloadJsonDetails","jsonViewProps","payload","props","breakpoints","palette","useTheme","belowSm","useMediaQuery","down","elevation","paper","jsonTheme","mode","React","PropertyGroup","titleProps","title","tip","Paper","square","variant","style","overflow","padding","width","JsonViewerEx","groupArraysAfterLength","backgroundColor","undefined","value","enableClipboard","theme","collapseStringsAfterLength","import_material","import_react_flexbox","import_react_property","import_react","PayloadValidationDetails","skipBody","value","props","validateErrors","usePromise","PayloadValidator","validate","undefined","bodyErrors","errors","elevation","paper","React","PropertyGroup","titleProps","title","tip","Property","flexGrow","length","FlexCol","map","error","index","Typography","key","toString","schema","SchemaProperty","PayloadDetails","forwardRef","paper","payload","props","ref","React","FlexCol","gap","justifyContent","alignItems","marginTop","marginBottom","PayloadDataDetails","size","badge","PayloadValidationDetails","value","PayloadJsonDetails","displayName"]}

package/dist/node/index.d.cts

@@ -1,2 +0,0 @@
-export * from './components/index.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/node/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/node/index.d.mts

@@ -1,2 +0,0 @@
-export * from './components/index.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/node/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/node/index.d.ts

@@ -1,2 +0,0 @@
-export * from './components/index.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/node/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/node/index.mjs

@@ -1,227 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// src/components/Details/DataDetails.tsx
-import { ContentCopy as ContentCopyIcon2, Visibility as VisibilityIcon } from "@mui/icons-material";
-import { Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
-import { forget } from "@xylabs/forget";
-import { ButtonEx } from "@xylabs/react-button";
-import { PayloadHasher as PayloadHasher2 } from "@xyo-network/hash";
-import { Property } from "@xyo-network/react-property";
-import { usePayloadHash } from "@xyo-network/react-shared";
-import React2, { useState } from "react";
-
-// src/components/Details/HashSourceDetails.tsx
-import { ContentCopy as ContentCopyIcon } from "@mui/icons-material";
-import { IconButton, Typography, useTheme } from "@mui/material";
-import { FlexCol, FlexGrowRow, FlexRow } from "@xylabs/react-flexbox";
-import { QuickTipButton } from "@xylabs/react-quick-tip-button";
-import { PayloadHasher } from "@xyo-network/hash";
-import React from "react";
-var PayloadHashSourceDetails = /* @__PURE__ */ __name(({ noTitle = false, payload, ...props }) => {
-  const theme = useTheme();
-  const payloadString = payload ? JSON.stringify(PayloadHasher.hashFields(payload), null, 2) : "";
-  return /* @__PURE__ */ React.createElement(FlexCol, {
-    alignItems: "stretch",
-    ...props
-  }, noTitle ? null : /* @__PURE__ */ React.createElement(FlexRow, {
-    margin: 1,
-    justifyContent: "flex-start"
-  }, /* @__PURE__ */ React.createElement(Typography, null, "Hash Source"), /* @__PURE__ */ React.createElement(QuickTipButton, {
-    title: "Hash Source"
-  }, "The actual string used to generate the hash (SHA256)")), /* @__PURE__ */ React.createElement(FlexRow, null, /* @__PURE__ */ React.createElement(FlexGrowRow, {
-    background: true,
-    border: 1,
-    borderColor: theme.palette.divider,
-    justifyContent: "start"
-  }, /* @__PURE__ */ React.createElement(Typography, {
-    padding: 2,
-    fontFamily: "monospace",
-    variant: "body1",
-    sx: {
-      overflowWrap: "break-word",
-      wordBreak: "break-all"
-    }
-  }, payloadString)), /* @__PURE__ */ React.createElement(IconButton, null, /* @__PURE__ */ React.createElement(ContentCopyIcon, null))), noTitle ? /* @__PURE__ */ React.createElement(FlexRow, {
-    margin: 1,
-    justifyContent: "flex-start"
-  }, /* @__PURE__ */ React.createElement(Typography, {
-    variant: "body2"
-  }, "The actual string used to generate the hash (SHA256). This can be used to validate the hash manually.")) : null);
-}, "PayloadHashSourceDetails");
-
-// src/components/Details/DataDetails.tsx
-var PayloadDataDetails = /* @__PURE__ */ __name(({ size, badge, payload, ...props }) => {
-  const payloadString = payload ? JSON.stringify(PayloadHasher2.hashFields(payload), null, 2) : "";
-  const [viewSourceOpen, setViewSourceOpen] = useState(false);
-  const hash = usePayloadHash(payload);
-  let elevation = 2;
-  if (props.paper) {
-    elevation += props.elevation ?? 0;
-  }
-  const actions = [
-    {
-      icon: /* @__PURE__ */ React2.createElement(VisibilityIcon, null),
-      name: "View",
-      onClick: /* @__PURE__ */ __name(() => setViewSourceOpen(true), "onClick")
-    },
-    {
-      icon: /* @__PURE__ */ React2.createElement(ContentCopyIcon2, null),
-      name: "Copy",
-      onClick: /* @__PURE__ */ __name(() => forget(navigator.clipboard.writeText(hash ?? "")), "onClick")
-    }
-  ];
-  const onCopy = /* @__PURE__ */ __name(() => {
-    forget(navigator.clipboard.writeText(payloadString));
-  }, "onCopy");
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Property, {
-    titleProps: {
-      elevation
-    },
-    badge,
-    size,
-    actions,
-    title: "Payload Hash",
-    value: hash ?? "<Unknown>",
-    tip: "This is the payload hash",
-    ...props
-  }), /* @__PURE__ */ React2.createElement(Dialog, {
-    open: viewSourceOpen,
-    onClose: /* @__PURE__ */ __name(() => setViewSourceOpen(false), "onClose")
-  }, /* @__PURE__ */ React2.createElement(DialogTitle, null, "Hash Source"), /* @__PURE__ */ React2.createElement(DialogContent, null, /* @__PURE__ */ React2.createElement(PayloadHashSourceDetails, {
-    noTitle: true,
-    payload
-  })), /* @__PURE__ */ React2.createElement(DialogActions, null, /* @__PURE__ */ React2.createElement(ButtonEx, {
-    color: "secondary",
-    onClick: onCopy
-  }, "Copy"), /* @__PURE__ */ React2.createElement(ButtonEx, {
-    color: "secondary",
-    onClick: /* @__PURE__ */ __name(() => setViewSourceOpen(false), "onClick")
-  }, "Close"))));
-}, "PayloadDataDetails");
-
-// src/components/Details/Details.tsx
-import { FlexCol as FlexCol3 } from "@xylabs/react-flexbox";
-import React5, { forwardRef } from "react";
-
-// src/components/Details/JsonDetails.tsx
-import { Paper, useMediaQuery, useTheme as useTheme2 } from "@mui/material";
-import { JsonViewerEx } from "@xyo-network/react-payload-raw-info";
-import { PropertyGroup } from "@xyo-network/react-property";
-import React3 from "react";
-var PayloadJsonDetails = /* @__PURE__ */ __name(({ jsonViewProps, payload, ...props }) => {
-  const { breakpoints, palette } = useTheme2();
-  const belowSm = useMediaQuery(breakpoints.down("sm"));
-  let elevation = 2;
-  if (props.paper) {
-    elevation += props.elevation ?? 0;
-  }
-  const jsonTheme = palette.mode === "dark" ? "dark" : "light";
-  return /* @__PURE__ */ React3.createElement(PropertyGroup, {
-    titleProps: {
-      elevation
-    },
-    title: "JSON",
-    tip: "The raw JSON of the payload",
-    ...props
-  }, /* @__PURE__ */ React3.createElement(Paper, {
-    square: true,
-    variant: "elevation",
-    style: {
-      overflow: "hidden",
-      padding: "16px",
-      width: "100%"
-    }
-  }, /* @__PURE__ */ React3.createElement(JsonViewerEx, {
-    groupArraysAfterLength: 20,
-    style: {
-      backgroundColor: void 0,
-      overflow: "hidden"
-    },
-    value: payload,
-    enableClipboard: true,
-    theme: jsonTheme,
-    collapseStringsAfterLength: belowSm ? 24 : 32,
-    ...jsonViewProps
-  })));
-}, "PayloadJsonDetails");
-
-// src/components/Details/ValidationDetails/ValidationDetails.tsx
-import { Typography as Typography2 } from "@mui/material";
-import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
-import { usePromise } from "@xylabs/react-promise";
-import { PayloadValidator } from "@xyo-network/payload-validator";
-import { Property as Property2, PropertyGroup as PropertyGroup2 } from "@xyo-network/react-property";
-import { SchemaProperty } from "@xyo-network/react-schema";
-import React4 from "react";
-var PayloadValidationDetails = /* @__PURE__ */ __name(({ skipBody = false, value, ...props }) => {
-  const [validateErrors] = usePromise(async () => value ? await new PayloadValidator(value).validate() : void 0, [
-    value
-  ]);
-  const bodyErrors = skipBody ? [] : validateErrors ?? [];
-  const errors = [
-    ...bodyErrors
-  ];
-  let elevation = 2;
-  if (props.paper) {
-    elevation += props.elevation ?? 0;
-  }
-  return /* @__PURE__ */ React4.createElement(PropertyGroup2, {
-    titleProps: {
-      elevation
-    },
-    title: "Validation",
-    tip: "The results from validating the payload",
-    ...props
-  }, /* @__PURE__ */ React4.createElement(Property2, {
-    titleProps: {
-      elevation
-    },
-    flexGrow: 1,
-    title: "Valid",
-    value: errors.length === 0 ? "True" : "False",
-    tip: errors.length > 0 ? /* @__PURE__ */ React4.createElement(FlexCol2, null, errors.map((error, index) => {
-      return /* @__PURE__ */ React4.createElement(Typography2, {
-        key: index
-      }, error.toString());
-    })) : /* @__PURE__ */ React4.createElement(Typography2, null, "No Errors")
-  }), (value == null ? void 0 : value.schema) && /* @__PURE__ */ React4.createElement(SchemaProperty, {
-    flexGrow: 1,
-    titleProps: {
-      elevation
-    },
-    value: value.schema
-  }));
-}, "PayloadValidationDetails");
-
-// src/components/Details/Details.tsx
-var PayloadDetails = /* @__PURE__ */ forwardRef(({ paper, payload, ...props }, ref) => {
-  return /* @__PURE__ */ React5.createElement(FlexCol3, {
-    gap: 1,
-    justifyContent: "flex-start",
-    alignItems: "stretch",
-    marginTop: 2,
-    marginBottom: 8,
-    ref,
-    ...props
-  }, /* @__PURE__ */ React5.createElement(PayloadDataDetails, {
-    paper,
-    size: "large",
-    badge: true,
-    payload
-  }), /* @__PURE__ */ React5.createElement(PayloadValidationDetails, {
-    paper,
-    value: payload
-  }), /* @__PURE__ */ React5.createElement(PayloadJsonDetails, {
-    paper,
-    payload
-  }));
-});
-PayloadDetails.displayName = "PayloadDetails";
-export {
-  PayloadDataDetails,
-  PayloadDetails,
-  PayloadJsonDetails,
-  PayloadValidationDetails
-};
-//# sourceMappingURL=index.mjs.map

package/dist/node/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Details/DataDetails.tsx","../../src/components/Details/HashSourceDetails.tsx","../../src/components/Details/Details.tsx","../../src/components/Details/JsonDetails.tsx","../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"sourcesContent":["import { ContentCopy as ContentCopyIcon, Visibility as VisibilityIcon } from '@mui/icons-material'\nimport { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material'\nimport { forget } from '@xylabs/forget'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { PayloadHasher } from '@xyo-network/hash'\nimport { Payload } from '@xyo-network/payload-model'\nimport { Property, PropertyAction, PropertyProps } from '@xyo-network/react-property'\nimport { SizeProp, usePayloadHash } from '@xyo-network/react-shared'\nimport React, { useState } from 'react'\n\nimport { PayloadHashSourceDetails } from './HashSourceDetails.tsx'\n\nexport type PayloadDataDetailsProps = PropertyProps & {\n  badge?: boolean\n  payload?: Payload\n  size?: SizeProp\n}\n\nexport const PayloadDataDetails: React.FC<PayloadDataDetailsProps> = ({ size, badge, payload, ...props }) => {\n  const payloadString = payload ? JSON.stringify(PayloadHasher.hashFields(payload), null, 2) : ''\n\n  const [viewSourceOpen, setViewSourceOpen] = useState(false)\n  const hash = usePayloadHash(payload)\n\n  let elevation = 2\n  if (props.paper) {\n    elevation += props.elevation ?? 0\n  }\n\n  const actions: PropertyAction[] = [\n    {\n      icon: <VisibilityIcon />,\n      name: 'View',\n      onClick: () => setViewSourceOpen(true),\n    },\n    {\n      icon: <ContentCopyIcon />,\n      name: 'Copy',\n      onClick: () => forget(navigator.clipboard.writeText(hash ?? '')),\n    },\n  ]\n\n  const onCopy = () => {\n    forget(navigator.clipboard.writeText(payloadString))\n  }\n\n  return (\n    <>\n      <Property\n        titleProps={{ elevation }}\n        badge={badge}\n        size={size}\n        actions={actions}\n        title=\"Payload Hash\"\n        value={hash ?? '<Unknown>'}\n        tip=\"This is the payload hash\"\n        {...props}\n      />\n      <Dialog open={viewSourceOpen} onClose={() => setViewSourceOpen(false)}>\n        <DialogTitle>Hash Source</DialogTitle>\n        <DialogContent>\n          <PayloadHashSourceDetails noTitle payload={payload} />\n        </DialogContent>\n        <DialogActions>\n          <ButtonEx color=\"secondary\" onClick={onCopy}>\n            Copy\n          </ButtonEx>\n          <ButtonEx color=\"secondary\" onClick={() => setViewSourceOpen(false)}>\n            Close\n          </ButtonEx>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n","import { ContentCopy as ContentCopyIcon } from '@mui/icons-material'\nimport { IconButton, Typography, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'\nimport { QuickTipButton } from '@xylabs/react-quick-tip-button'\nimport { PayloadHasher } from '@xyo-network/hash'\nimport { Payload } from '@xyo-network/payload-model'\nimport React from 'react'\n\nexport interface PayloadHashSourceDetailsProps extends FlexBoxProps {\n  noTitle?: boolean\n  payload?: Payload\n}\n\nexport const PayloadHashSourceDetails: React.FC<PayloadHashSourceDetailsProps> = ({ noTitle = false, payload, ...props }) => {\n  const theme = useTheme()\n  const payloadString = payload ? JSON.stringify(PayloadHasher.hashFields(payload), null, 2) : ''\n\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      {noTitle\n        ? null\n        : (\n            <FlexRow margin={1} justifyContent=\"flex-start\">\n              <Typography>Hash Source</Typography>\n              <QuickTipButton title=\"Hash Source\">The actual string used to generate the hash (SHA256)</QuickTipButton>\n            </FlexRow>\n          )}\n      <FlexRow>\n        <FlexGrowRow background border={1} borderColor={theme.palette.divider} justifyContent=\"start\">\n          <Typography padding={2} fontFamily=\"monospace\" variant=\"body1\" sx={{ overflowWrap: 'break-word', wordBreak: 'break-all' }}>\n            {payloadString}\n          </Typography>\n        </FlexGrowRow>\n        <IconButton>\n          <ContentCopyIcon />\n        </IconButton>\n      </FlexRow>\n      {noTitle\n        ? (\n            <FlexRow margin={1} justifyContent=\"flex-start\">\n              <Typography variant=\"body2\">\n                The actual string used to generate the hash (SHA256). This can be used to validate the hash manually.\n              </Typography>\n            </FlexRow>\n          )\n        : null}\n    </FlexCol>\n  )\n}\n","import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { Payload } from '@xyo-network/payload-model'\nimport React, { forwardRef } from 'react'\n\nimport { PayloadDataDetails } from './DataDetails.tsx'\nimport { PayloadJsonDetails } from './JsonDetails.tsx'\nimport { PayloadValidationDetails } from './ValidationDetails/index.ts'\n\nexport type WithPaper<T> = T & { paper: true }\nexport type WithoutPaper<T> = T & { paper?: false }\n\nexport type PayloadDetailsProps = FlexBoxProps & {\n  paper?: boolean\n  payload?: Payload\n}\n\nexport const PayloadDetails = forwardRef<HTMLDivElement, PayloadDetailsProps>(({ paper, payload, ...props }, ref) => {\n  return (\n    <FlexCol gap={1} justifyContent=\"flex-start\" alignItems=\"stretch\" marginTop={2} marginBottom={8} ref={ref} {...props}>\n      <PayloadDataDetails paper={paper} size=\"large\" badge payload={payload} />\n      <PayloadValidationDetails paper={paper} value={payload} />\n      <PayloadJsonDetails paper={paper} payload={payload} />\n    </FlexCol>\n  )\n})\n\nPayloadDetails.displayName = 'PayloadDetails'\n","import { Paper, useMediaQuery, useTheme } from '@mui/material'\nimport { Payload } from '@xyo-network/payload-model'\nimport { JsonViewerEx, JsonViewerExProps } from '@xyo-network/react-payload-raw-info'\nimport { PropertyGroup, PropertyGroupProps } from '@xyo-network/react-property'\nimport React from 'react'\n\nexport type PayloadJsonDetailsProps = PropertyGroupProps & {\n  jsonViewProps?: JsonViewerExProps\n  payload?: Payload\n}\n\nexport const PayloadJsonDetails: React.FC<PayloadJsonDetailsProps> = ({ jsonViewProps, payload, ...props }) => {\n  const { breakpoints, palette } = useTheme()\n  const belowSm = useMediaQuery(breakpoints.down('sm'))\n\n  let elevation = 2\n  if (props.paper) {\n    elevation += props.elevation ?? 0\n  }\n\n  const jsonTheme = palette.mode === 'dark' ? 'dark' : 'light'\n\n  return (\n    <PropertyGroup titleProps={{ elevation }} title=\"JSON\" tip=\"The raw JSON of the payload\" {...props}>\n      <Paper square variant=\"elevation\" style={{ overflow: 'hidden', padding: '16px', width: '100%' }}>\n        <JsonViewerEx\n          groupArraysAfterLength={20}\n          style={{ backgroundColor: undefined, overflow: 'hidden' }}\n          value={payload}\n          enableClipboard\n          theme={jsonTheme}\n          collapseStringsAfterLength={belowSm ? 24 : 32}\n          {...jsonViewProps}\n        />\n      </Paper>\n    </PropertyGroup>\n  )\n}\n","import { Typography } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { usePromise } from '@xylabs/react-promise'\nimport { PayloadValidator } from '@xyo-network/payload-validator'\nimport { Property, PropertyGroup } from '@xyo-network/react-property'\nimport { SchemaProperty } from '@xyo-network/react-schema'\nimport React from 'react'\n\nimport { PayloadValidationDetailsProps } from './ValidationDetailsProps.ts'\n\nexport const PayloadValidationDetails: React.FC<PayloadValidationDetailsProps> = ({ skipBody = false, value, ...props }) => {\n  const [validateErrors] = usePromise(async () => (value ? await new PayloadValidator(value).validate() : undefined), [value])\n\n  const bodyErrors = skipBody ? [] : (validateErrors ?? [])\n  const errors: Error[] = [...bodyErrors]\n\n  let elevation = 2\n  if (props.paper) {\n    elevation += props.elevation ?? 0\n  }\n\n  return (\n    <PropertyGroup titleProps={{ elevation }} title=\"Validation\" tip=\"The results from validating the payload\" {...props}>\n      <Property\n        titleProps={{ elevation }}\n        flexGrow={1}\n        title=\"Valid\"\n        value={errors.length === 0 ? 'True' : 'False'}\n        tip={\n          errors.length > 0\n            ? (\n                <FlexCol>\n                  {errors.map((error, index) => {\n                    return <Typography key={index}>{error.toString()}</Typography>\n                  })}\n                </FlexCol>\n              )\n            : <Typography>No Errors</Typography>\n        }\n      />\n      {value?.schema && <SchemaProperty flexGrow={1} titleProps={{ elevation }} value={value.schema} />}\n    </PropertyGroup>\n  )\n}\n"],"mappings":"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","names":["ContentCopy","ContentCopyIcon","Visibility","VisibilityIcon","Dialog","DialogActions","DialogContent","DialogTitle","forget","ButtonEx","PayloadHasher","Property","usePayloadHash","React","useState","ContentCopy","ContentCopyIcon","IconButton","Typography","useTheme","FlexCol","FlexGrowRow","FlexRow","QuickTipButton","PayloadHasher","React","PayloadHashSourceDetails","noTitle","payload","props","theme","useTheme","payloadString","JSON","stringify","PayloadHasher","hashFields","FlexCol","alignItems","FlexRow","margin","justifyContent","Typography","QuickTipButton","title","FlexGrowRow","background","border","borderColor","palette","divider","padding","fontFamily","variant","sx","overflowWrap","wordBreak","IconButton","ContentCopyIcon","PayloadDataDetails","size","badge","payload","props","payloadString","JSON","stringify","PayloadHasher","hashFields","viewSourceOpen","setViewSourceOpen","useState","hash","usePayloadHash","elevation","paper","actions","icon","React","VisibilityIcon","name","onClick","ContentCopyIcon","forget","navigator","clipboard","writeText","onCopy","Property","titleProps","title","value","tip","Dialog","open","onClose","DialogTitle","DialogContent","PayloadHashSourceDetails","noTitle","DialogActions","ButtonEx","color","FlexCol","React","forwardRef","Paper","useMediaQuery","useTheme","JsonViewerEx","PropertyGroup","React","PayloadJsonDetails","jsonViewProps","payload","props","breakpoints","palette","useTheme","belowSm","useMediaQuery","down","elevation","paper","jsonTheme","mode","React","PropertyGroup","titleProps","title","tip","Paper","square","variant","style","overflow","padding","width","JsonViewerEx","groupArraysAfterLength","backgroundColor","undefined","value","enableClipboard","theme","collapseStringsAfterLength","Typography","FlexCol","usePromise","PayloadValidator","Property","PropertyGroup","SchemaProperty","React","PayloadValidationDetails","skipBody","value","props","validateErrors","usePromise","PayloadValidator","validate","undefined","bodyErrors","errors","elevation","paper","React","PropertyGroup","titleProps","title","tip","Property","flexGrow","length","FlexCol","map","error","index","Typography","key","toString","schema","SchemaProperty","PayloadDetails","forwardRef","paper","payload","props","ref","React","FlexCol","gap","justifyContent","alignItems","marginTop","marginBottom","PayloadDataDetails","size","badge","PayloadValidationDetails","value","PayloadJsonDetails","displayName"]}