@xyo-network/react-debug 5.0.7 → 5.1.0

package/dist/browser/index.mjs

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
 // src/components/BoundWitnessDebugger.tsx
-import { FormControl, Grid2, TextField } from "@mui/material";
+import { FormControl, Grid, TextField } from "@mui/material";
 import { ErrorRender } from "@xylabs/react-error";
 import { FlexCol } from "@xylabs/react-flexbox";
 import React3, { useState } from "react";
@@ -79,10 +79,10 @@ var JsonPayloadLikeViewerEx = /* @__PURE__ */ __name(({ ...props }) => {
 var BoundWitnessDebugger = /* @__PURE__ */ __name(({ defaultBoundWitnessInput = "" }) => {
   const [input, setInput] = useState(defaultBoundWitnessInput);
   const { boundWitness, errors, rootHash, dataHash, valid } = useDebugBoundWitness(input);
-  return /* @__PURE__ */ React3.createElement(Grid2, {
+  return /* @__PURE__ */ React3.createElement(Grid, {
     container: true,
     justifyContent: "center"
-  }, /* @__PURE__ */ React3.createElement(Grid2, {
+  }, /* @__PURE__ */ React3.createElement(Grid, {
     size: {
       xs: 12,
       sm: 6
@@ -113,7 +113,7 @@ var BoundWitnessDebugger = /* @__PURE__ */ __name(({ defaultBoundWitnessInput =
 }, "BoundWitnessDebugger");
 
 // src/components/PayloadDebugger.tsx
-import { FormControl as FormControl2, Grid2 as Grid22, TextField as TextField2 } from "@mui/material";
+import { FormControl as FormControl2, Grid as Grid2, TextField as TextField2 } from "@mui/material";
 import { ErrorRender as ErrorRender2 } from "@xylabs/react-error";
 import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
 import React4, { useState as useState2 } from "react";
@@ -121,10 +121,10 @@ var defaultPayload = '{ "schema": "network.xyo.test", "foo": true }';
 var PayloadDebugger = /* @__PURE__ */ __name(() => {
   const [input, setInput] = useState2(defaultPayload);
   const { payload, errors, rootHash, dataHash, valid } = useDebugPayload(input);
-  return /* @__PURE__ */ React4.createElement(Grid22, {
+  return /* @__PURE__ */ React4.createElement(Grid2, {
     container: true,
     justifyContent: "center"
-  }, /* @__PURE__ */ React4.createElement(Grid22, {
+  }, /* @__PURE__ */ React4.createElement(Grid2, {
     size: {
       xs: 12,
       sm: 6

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/BoundWitnessDebugger.tsx","../../src/hooks/useDebugBoundWitness.tsx","../../src/hooks/useDebugPayload.tsx","../../src/components/shared/Chips.tsx","../../src/components/shared/JsonPayloadLikeViewerEx.tsx","../../src/components/PayloadDebugger.tsx"],"sourcesContent":["import {\n  FormControl, Grid2,\n  TextField,\n} from '@mui/material'\nimport { ErrorRender } from '@xylabs/react-error'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { useDebugBoundWitness } from '../hooks/index.ts'\nimport { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'\n\nexport interface BoundWitnessDebuggerProps {\n  defaultBoundWitnessInput?: string\n}\n\nexport const BoundWitnessDebugger: React.FC<BoundWitnessDebuggerProps> = ({ defaultBoundWitnessInput = '' }) => {\n  const [input, setInput] = useState<string>(defaultBoundWitnessInput)\n\n  const {\n    boundWitness, errors, rootHash, dataHash, valid,\n  } = useDebugBoundWitness(input)\n\n  return (\n    <Grid2 container justifyContent=\"center\">\n      <Grid2\n        size={{ xs: 12, sm: 6 }}\n      >\n        <FlexCol gap={2} width=\"100%\" alignItems=\"start\">\n          <h2>BoundWitness Debugger</h2>\n          <FormControl fullWidth>\n            <TextField value={input} multiline minRows={10} maxRows={Infinity} name=\"payload\" onChange={e => setInput(e.target.value)} />\n          </FormControl>\n          <JsonPayloadLikeViewerEx value={boundWitness} />\n          {errors.map(error => <ErrorRender key={error?.message} error={error} />)}\n          <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />\n        </FlexCol>\n      </Grid2>\n    </Grid2>\n  )\n}\n","import { usePayloadRootHash, useValidateBoundWitness } from '@xyo-network/react-shared'\n\nexport const useDebugBoundWitness = (input?: string) => {\n  const { payload: boundWitness, errors } = useValidateBoundWitness(input)\n\n  const rootHash = usePayloadRootHash(boundWitness)\n  const dataHash = usePayloadRootHash(boundWitness)\n\n  return {\n    boundWitness,\n    errors: errors ?? [],\n    valid: errors ? errors.length === 0 : true,\n    rootHash,\n    dataHash,\n  }\n}\n","import { usePayloadRootHash, usePayloadValidate } from '@xyo-network/react-shared'\n\nexport const useDebugPayload = (input?: string) => {\n  const { payload, errors } = usePayloadValidate(input)\n  const rootHash = usePayloadRootHash(payload)\n  const dataHash = usePayloadRootHash(payload)\n\n  return {\n    payload, errors: errors ?? [], valid: errors ? errors.length === 0 : true, rootHash, dataHash,\n  }\n}\n","import { CheckCircle } from '@mui/icons-material'\nimport { Chip, type ChipProps } from '@mui/material'\nimport React from 'react'\n\nexport interface ValidationChipsProps extends ChipProps {\n  dataHash?: string\n  rootHash?: string\n  valid?: boolean\n}\nexport const ValidationChips: React.FC<ValidationChipsProps> = ({\n  dataHash, rootHash, valid,\n}) => {\n  return (\n    <>\n      {valid ? <Chip avatar={<CheckCircle color=\"success\" />} label=\"Protocol Valid\" /> : null}\n      {rootHash ? <Chip label={`Root Hash: ${rootHash}`} title={rootHash} /> : null}\n      {dataHash ? <Chip label={`Data Hash: ${dataHash}`} title={dataHash} /> : null}\n    </>\n  )\n}\n","import { Paper, useTheme } from '@mui/material'\nimport { JsonViewerEx, type JsonViewerExProps } from '@xyo-network/react-payload-raw-info'\nimport React from 'react'\n\nexport interface JsonPayloadLikeViewerExProps extends JsonViewerExProps {}\n\nexport const JsonPayloadLikeViewerEx: React.FC<JsonPayloadLikeViewerExProps> = ({ ...props }) => {\n  const theme = useTheme()\n\n  return props.value\n    ? (\n        <Paper sx={{ width: '100%', padding: theme.spacing(2) }}>\n          <JsonViewerEx style={{ width: '100%' }} {...props} />\n        </Paper>\n      )\n    : null\n}\n","import {\n  FormControl, Grid2, TextField,\n} from '@mui/material'\nimport { ErrorRender } from '@xylabs/react-error'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { useDebugPayload } from '../hooks/index.ts'\nimport { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'\n\nconst defaultPayload = '{ \"schema\": \"network.xyo.test\", \"foo\": true }'\n\nexport const PayloadDebugger: React.FC = () => {\n  const [input, setInput] = useState<string>(defaultPayload)\n\n  const {\n    payload, errors, rootHash, dataHash, valid,\n  } = useDebugPayload(input)\n\n  return (\n    <Grid2 container justifyContent=\"center\">\n      <Grid2\n        size={{ xs: 12, sm: 6 }}\n      >\n        <FlexCol gap={2} width=\"100%\" alignItems=\"start\">\n          <h2>Payload Debugger</h2>\n          <FormControl fullWidth>\n            <TextField value={input} multiline minRows={10} maxRows={Infinity} name=\"payload\" onChange={e => setInput(e.target.value)} />\n          </FormControl>\n          <JsonPayloadLikeViewerEx value={payload} />\n          {errors.map(error => <ErrorRender key={error?.message} error={error} />)}\n          <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />\n        </FlexCol>\n      </Grid2>\n    </Grid2>\n  )\n}\n"],"mappings":"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","names":["FormControl","Grid2","TextField","ErrorRender","FlexCol","React","useState","usePayloadRootHash","useValidateBoundWitness","useDebugBoundWitness","input","payload","boundWitness","errors","useValidateBoundWitness","rootHash","usePayloadRootHash","dataHash","valid","length","usePayloadRootHash","usePayloadValidate","useDebugPayload","input","payload","errors","usePayloadValidate","rootHash","usePayloadRootHash","dataHash","valid","length","CheckCircle","Chip","React","ValidationChips","dataHash","rootHash","valid","Chip","avatar","CheckCircle","color","label","title","Paper","useTheme","JsonViewerEx","React","JsonPayloadLikeViewerEx","props","theme","useTheme","value","React","Paper","sx","width","padding","spacing","JsonViewerEx","style","BoundWitnessDebugger","defaultBoundWitnessInput","input","setInput","useState","boundWitness","errors","rootHash","dataHash","valid","useDebugBoundWitness","React","Grid2","container","justifyContent","size","xs","sm","FlexCol","gap","width","alignItems","h2","FormControl","fullWidth","TextField","value","multiline","minRows","maxRows","Infinity","name","onChange","e","target","JsonPayloadLikeViewerEx","map","error","ErrorRender","key","message","ValidationChips","FormControl","Grid2","TextField","ErrorRender","FlexCol","React","useState","defaultPayload","PayloadDebugger","input","setInput","useState","payload","errors","rootHash","dataHash","valid","useDebugPayload","React","Grid2","container","justifyContent","size","xs","sm","FlexCol","gap","width","alignItems","h2","FormControl","fullWidth","TextField","value","multiline","minRows","maxRows","Infinity","name","onChange","e","target","JsonPayloadLikeViewerEx","map","error","ErrorRender","key","message","ValidationChips"]}
+{"version":3,"sources":["../../src/components/BoundWitnessDebugger.tsx","../../src/hooks/useDebugBoundWitness.tsx","../../src/hooks/useDebugPayload.tsx","../../src/components/shared/Chips.tsx","../../src/components/shared/JsonPayloadLikeViewerEx.tsx","../../src/components/PayloadDebugger.tsx"],"sourcesContent":["import {\n  FormControl, Grid,\n  TextField,\n} from '@mui/material'\nimport { ErrorRender } from '@xylabs/react-error'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { useDebugBoundWitness } from '../hooks/index.ts'\nimport { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'\n\nexport interface BoundWitnessDebuggerProps {\n  defaultBoundWitnessInput?: string\n}\n\nexport const BoundWitnessDebugger: React.FC<BoundWitnessDebuggerProps> = ({ defaultBoundWitnessInput = '' }) => {\n  const [input, setInput] = useState<string>(defaultBoundWitnessInput)\n\n  const {\n    boundWitness, errors, rootHash, dataHash, valid,\n  } = useDebugBoundWitness(input)\n\n  return (\n    <Grid container justifyContent=\"center\">\n      <Grid\n        size={{ xs: 12, sm: 6 }}\n      >\n        <FlexCol gap={2} width=\"100%\" alignItems=\"start\">\n          <h2>BoundWitness Debugger</h2>\n          <FormControl fullWidth>\n            <TextField value={input} multiline minRows={10} maxRows={Infinity} name=\"payload\" onChange={e => setInput(e.target.value)} />\n          </FormControl>\n          <JsonPayloadLikeViewerEx value={boundWitness} />\n          {errors.map(error => <ErrorRender key={error?.message} error={error} />)}\n          <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />\n        </FlexCol>\n      </Grid>\n    </Grid>\n  )\n}\n","import { usePayloadRootHash, useValidateBoundWitness } from '@xyo-network/react-shared'\n\nexport const useDebugBoundWitness = (input?: string) => {\n  const { payload: boundWitness, errors } = useValidateBoundWitness(input)\n\n  const rootHash = usePayloadRootHash(boundWitness)\n  const dataHash = usePayloadRootHash(boundWitness)\n\n  return {\n    boundWitness,\n    errors: errors ?? [],\n    valid: errors ? errors.length === 0 : true,\n    rootHash,\n    dataHash,\n  }\n}\n","import { usePayloadRootHash, usePayloadValidate } from '@xyo-network/react-shared'\n\nexport const useDebugPayload = (input?: string) => {\n  const { payload, errors } = usePayloadValidate(input)\n  const rootHash = usePayloadRootHash(payload)\n  const dataHash = usePayloadRootHash(payload)\n\n  return {\n    payload, errors: errors ?? [], valid: errors ? errors.length === 0 : true, rootHash, dataHash,\n  }\n}\n","import { CheckCircle } from '@mui/icons-material'\nimport { Chip, type ChipProps } from '@mui/material'\nimport React from 'react'\n\nexport interface ValidationChipsProps extends ChipProps {\n  dataHash?: string\n  rootHash?: string\n  valid?: boolean\n}\nexport const ValidationChips: React.FC<ValidationChipsProps> = ({\n  dataHash, rootHash, valid,\n}) => {\n  return (\n    <>\n      {valid ? <Chip avatar={<CheckCircle color=\"success\" />} label=\"Protocol Valid\" /> : null}\n      {rootHash ? <Chip label={`Root Hash: ${rootHash}`} title={rootHash} /> : null}\n      {dataHash ? <Chip label={`Data Hash: ${dataHash}`} title={dataHash} /> : null}\n    </>\n  )\n}\n","import { Paper, useTheme } from '@mui/material'\nimport { JsonViewerEx, type JsonViewerExProps } from '@xyo-network/react-payload-raw-info'\nimport React from 'react'\n\nexport interface JsonPayloadLikeViewerExProps extends JsonViewerExProps {}\n\nexport const JsonPayloadLikeViewerEx: React.FC<JsonPayloadLikeViewerExProps> = ({ ...props }) => {\n  const theme = useTheme()\n\n  return props.value\n    ? (\n        <Paper sx={{ width: '100%', padding: theme.spacing(2) }}>\n          <JsonViewerEx style={{ width: '100%' }} {...props} />\n        </Paper>\n      )\n    : null\n}\n","import {\n  FormControl, Grid, TextField,\n} from '@mui/material'\nimport { ErrorRender } from '@xylabs/react-error'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { useDebugPayload } from '../hooks/index.ts'\nimport { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'\n\nconst defaultPayload = '{ \"schema\": \"network.xyo.test\", \"foo\": true }'\n\nexport const PayloadDebugger: React.FC = () => {\n  const [input, setInput] = useState<string>(defaultPayload)\n\n  const {\n    payload, errors, rootHash, dataHash, valid,\n  } = useDebugPayload(input)\n\n  return (\n    <Grid container justifyContent=\"center\">\n      <Grid\n        size={{ xs: 12, sm: 6 }}\n      >\n        <FlexCol gap={2} width=\"100%\" alignItems=\"start\">\n          <h2>Payload Debugger</h2>\n          <FormControl fullWidth>\n            <TextField value={input} multiline minRows={10} maxRows={Infinity} name=\"payload\" onChange={e => setInput(e.target.value)} />\n          </FormControl>\n          <JsonPayloadLikeViewerEx value={payload} />\n          {errors.map(error => <ErrorRender key={error?.message} error={error} />)}\n          <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />\n        </FlexCol>\n      </Grid>\n    </Grid>\n  )\n}\n"],"mappings":"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","names":["FormControl","Grid","TextField","ErrorRender","FlexCol","React","useState","usePayloadRootHash","useValidateBoundWitness","useDebugBoundWitness","input","payload","boundWitness","errors","useValidateBoundWitness","rootHash","usePayloadRootHash","dataHash","valid","length","usePayloadRootHash","usePayloadValidate","useDebugPayload","input","payload","errors","usePayloadValidate","rootHash","usePayloadRootHash","dataHash","valid","length","CheckCircle","Chip","React","ValidationChips","dataHash","rootHash","valid","Chip","avatar","CheckCircle","color","label","title","Paper","useTheme","JsonViewerEx","React","JsonPayloadLikeViewerEx","props","theme","useTheme","value","React","Paper","sx","width","padding","spacing","JsonViewerEx","style","BoundWitnessDebugger","defaultBoundWitnessInput","input","setInput","useState","boundWitness","errors","rootHash","dataHash","valid","useDebugBoundWitness","React","Grid","container","justifyContent","size","xs","sm","FlexCol","gap","width","alignItems","h2","FormControl","fullWidth","TextField","value","multiline","minRows","maxRows","Infinity","name","onChange","e","target","JsonPayloadLikeViewerEx","map","error","ErrorRender","key","message","ValidationChips","FormControl","Grid","TextField","ErrorRender","FlexCol","React","useState","defaultPayload","PayloadDebugger","input","setInput","useState","payload","errors","rootHash","dataHash","valid","useDebugPayload","React","Grid","container","justifyContent","size","xs","sm","FlexCol","gap","width","alignItems","h2","FormControl","fullWidth","TextField","value","multiline","minRows","maxRows","Infinity","name","onChange","e","target","JsonPayloadLikeViewerEx","map","error","ErrorRender","key","message","ValidationChips"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-debug",
-  "version": "5.0.7",
+  "version": "5.1.0",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -39,29 +39,27 @@
   "module": "dist/browser/index.mjs",
   "types": "dist/types/index.d.ts",
   "dependencies": {
-    "@xylabs/react-error": "^6.0.8",
-    "@xylabs/react-flexbox": "^6.0.8",
-    "@xyo-network/react-payload-raw-info": "^5.0.7",
-    "@xyo-network/react-shared": "^5.0.7",
-    "react-router-dom": "^7.4.0"
+    "@xylabs/react-error": "^6.1.0",
+    "@xylabs/react-flexbox": "^6.1.0",
+    "@xyo-network/react-payload-raw-info": "^5.1.0",
+    "@xyo-network/react-shared": "^5.1.0",
+    "react-router-dom": "^7.4.1"
   },
   "devDependencies": {
-    "@mui/icons-material": "^6.4.8",
-    "@mui/material": "^6.4.8",
-    "@mui/styles": "^6.4.8",
-    "@storybook/react": "^8.6.7",
+    "@mui/icons-material": "^7.0.1",
+    "@mui/material": "^7.0.1",
+    "@storybook/react": "^8.6.11",
     "@types/react": "^19.0.12",
-    "@xylabs/ts-scripts-yarn3": "^6.1.4",
-    "@xylabs/tsconfig-react": "^6.1.4",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "storybook": "^8.6.7",
+    "@xylabs/ts-scripts-yarn3": "^6.2.0",
+    "@xylabs/tsconfig-react": "^6.2.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "storybook": "^8.6.11",
     "typescript": "^5.8.2"
   },
   "peerDependencies": {
-    "@mui/icons-material": "^6",
-    "@mui/material": "^6",
-    "@mui/styles": "^6",
+    "@mui/icons-material": ">=6 <=7",
+    "@mui/material": ">=6 <=7",
     "react": "^19",
     "react-dom": "^19"
   },

package/src/components/BoundWitnessDebugger.tsx

@@ -1,5 +1,5 @@
 import {
-  FormControl, Grid2,
+  FormControl, Grid,
   TextField,
 } from '@mui/material'
 import { ErrorRender } from '@xylabs/react-error'
@@ -21,8 +21,8 @@ export const BoundWitnessDebugger: React.FC<BoundWitnessDebuggerProps> = ({ defa
   } = useDebugBoundWitness(input)
 
   return (
-    <Grid2 container justifyContent="center">
-      <Grid2
+    <Grid container justifyContent="center">
+      <Grid
         size={{ xs: 12, sm: 6 }}
       >
         <FlexCol gap={2} width="100%" alignItems="start">
@@ -34,7 +34,7 @@ export const BoundWitnessDebugger: React.FC<BoundWitnessDebuggerProps> = ({ defa
           {errors.map(error => <ErrorRender key={error?.message} error={error} />)}
           <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />
         </FlexCol>
-      </Grid2>
-    </Grid2>
+      </Grid>
+    </Grid>
   )
 }

package/src/components/PayloadDebugger.tsx

@@ -1,5 +1,5 @@
 import {
-  FormControl, Grid2, TextField,
+  FormControl, Grid, TextField,
 } from '@mui/material'
 import { ErrorRender } from '@xylabs/react-error'
 import { FlexCol } from '@xylabs/react-flexbox'
@@ -18,8 +18,8 @@ export const PayloadDebugger: React.FC = () => {
   } = useDebugPayload(input)
 
   return (
-    <Grid2 container justifyContent="center">
-      <Grid2
+    <Grid container justifyContent="center">
+      <Grid
         size={{ xs: 12, sm: 6 }}
       >
         <FlexCol gap={2} width="100%" alignItems="start">
@@ -31,7 +31,7 @@ export const PayloadDebugger: React.FC = () => {
           {errors.map(error => <ErrorRender key={error?.message} error={error} />)}
           <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />
         </FlexCol>
-      </Grid2>
-    </Grid2>
+      </Grid>
+    </Grid>
   )
 }