@xyo-network/react-payload-raw-info 7.6.3 → 8.0.0

package/dist/browser/components/shared/Dialog/JsonViewerCollapse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JsonViewerCollapse.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/Dialog/JsonViewerCollapse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAMlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAI/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAI3D,MAAM,WAAW,sBAAuB,SAAQ,aAAa,EAAE,cAAc;IAC3E,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA2C/D,CAAA"}
+{"version":3,"file":"JsonViewerCollapse.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/Dialog/JsonViewerCollapse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAMlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAI/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAI3D,MAAM,WAAW,sBAAuB,SAAQ,aAAa,EAAE,cAAc;IAC3E,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgD/D,CAAA"}

package/dist/browser/components/shared/Dialog/RawInfoDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RawInfoDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/Dialog/RawInfoDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAIhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,KAAK,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAG3D,MAAM,WAAW,kBAAmB,SAAQ,WAAW,EAAE,cAAc;IACrE,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;CAC7B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiCtD,CAAA"}
+{"version":3,"file":"RawInfoDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/Dialog/RawInfoDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAIhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,KAAK,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAG3D,MAAM,WAAW,kBAAmB,SAAQ,WAAW,EAAE,cAAc;IACrE,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;CAC7B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuCtD,CAAA"}

package/dist/browser/index.mjs

@@ -110,11 +110,20 @@ var JsonViewerCollapse = ({
   };
   return /* @__PURE__ */ jsxs2(Fragment, { children: [
     jsonValue ? /* @__PURE__ */ jsx3(FlexRow, { children: /* @__PURE__ */ jsx3(Button, { onClick: handleExpansion, size: "small", variant: "outlined", children: actionText }) }) : null,
-    /* @__PURE__ */ jsx3(Collapse, { in: expandedJson, ...props, children: jsonValue ? /* @__PURE__ */ jsxs2(FlexCol, { alignItems: "stretch", gap: 1.5, children: [
-      /* @__PURE__ */ jsx3(Typography2, { sx: { lineHeight: 1 }, children: "Payload Hash:" }),
-      hash ? /* @__PURE__ */ jsx3(Chip, { label: /* @__PURE__ */ jsx3(StyledChipLabel, { children: hash }), sx: { alignSelf: "start" } }) : null,
-      /* @__PURE__ */ jsx3(JsonViewerEx, { value: jsonValue })
-    ] }) : null })
+    /* @__PURE__ */ jsx3(Collapse, { in: expandedJson, ...props, children: jsonValue ? /* @__PURE__ */ jsxs2(
+      FlexCol,
+      {
+        sx: {
+          alignItems: "stretch",
+          gap: 1.5
+        },
+        children: [
+          /* @__PURE__ */ jsx3(Typography2, { sx: { lineHeight: 1 }, children: "Payload Hash:" }),
+          hash ? /* @__PURE__ */ jsx3(Chip, { label: /* @__PURE__ */ jsx3(StyledChipLabel, { children: hash }), sx: { alignSelf: "start" } }) : null,
+          /* @__PURE__ */ jsx3(JsonViewerEx, { value: jsonValue })
+        ]
+      }
+    ) : null })
   ] });
 };
 
@@ -141,24 +150,34 @@ var RawInfoDialog = ({
   };
   return (
     //  Wrapping in a span so we can catch click events and prevent them from propagating outside the component
-    /* @__PURE__ */ jsx4("span", { onClick: onDialogClick, children: /* @__PURE__ */ jsxs3(Dialog, { fullWidth: true, maxWidth: "lg", onClose: () => onCloseCallback?.(), open, ...props, children: [
-      /* @__PURE__ */ jsx4(DialogTitle, { children: "Raw Data" }),
-      /* @__PURE__ */ jsxs3(
-        DialogContent,
-        {
-          sx: {
-            display: "flex",
-            flexDirection: "column",
-            gap: 2
-          },
-          children: [
-            dialogContent,
-            /* @__PURE__ */ jsx4(JsonViewerCollapse, { defaultExpandedJson, jsonValue: jsonObject, updateExpandedJson })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx4(DialogActions, { children: /* @__PURE__ */ jsx4(Button2, { variant: "contained", onClick: () => onCloseCallback?.(), children: "Close" }) })
-    ] }) })
+    /* @__PURE__ */ jsx4("span", { onClick: onDialogClick, children: /* @__PURE__ */ jsxs3(
+      Dialog,
+      {
+        fullWidth: true,
+        onClose: () => onCloseCallback?.(),
+        open,
+        ...props,
+        sx: [{ maxWidth: "lg" }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
+        children: [
+          /* @__PURE__ */ jsx4(DialogTitle, { children: "Raw Data" }),
+          /* @__PURE__ */ jsxs3(
+            DialogContent,
+            {
+              sx: {
+                display: "flex",
+                flexDirection: "column",
+                gap: 2
+              },
+              children: [
+                dialogContent,
+                /* @__PURE__ */ jsx4(JsonViewerCollapse, { defaultExpandedJson, jsonValue: jsonObject, updateExpandedJson })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx4(DialogActions, { children: /* @__PURE__ */ jsx4(Button2, { variant: "contained", onClick: () => onCloseCallback?.(), children: "Close" }) })
+        ]
+      }
+    ) })
   );
 };
 

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/Button/RawInfoButton.tsx","../../src/components/img/index.tsx","../../src/components/shared/Dialog/JsonViewerCollapse.tsx","../../src/components/styled/StyledChipLabel.tsx","../../src/components/shared/JsonViewerEx.tsx","../../src/components/shared/Dialog/RawInfoDialog.tsx","../../src/components/Button/lib/presetIconSize.ts","../../src/components/Button/RawInfoIconButton.tsx"],"sourcesContent":["import type { ButtonExProps } from '@xylabs/react-button'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { toSafeJson } from '@xylabs/sdk-js'\nimport type { MouseEventHandler, ReactNode } from 'react'\nimport React, { useMemo, useState } from 'react'\n\nimport type { ExpansionProps } from '../../lib/index.ts'\nimport { XyoColorLogo } from '../img/index.tsx'\nimport { RawInfoDialog } from '../shared/index.ts'\nimport type { IconSize } from './lib/index.ts'\nimport { presetIconSizeValue } from './lib/index.ts'\n\nexport type RawInfoButtonProps = ButtonExProps & ExpansionProps & {\n  dialogContent?: ReactNode\n  iconOnly?: boolean\n  iconSize?: number\n  onCloseCallback?: () => void\n  presetIconSize?: IconSize\n  rawValue?: unknown\n}\n\nexport const RawInfoButton: React.FC<RawInfoButtonProps> = ({\n  defaultExpandedJson = true,\n  dialogContent,\n  iconOnly,\n  iconSize = 24,\n  onCloseCallback,\n  children,\n  rawValue,\n  presetIconSize,\n  updateExpandedJson,\n  ...props\n}) => {\n  const [open, setOpen] = useState(false)\n  const size = presetIconSizeValue(presetIconSize)\n  const json = useMemo(() => toSafeJson(rawValue), [rawValue])\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    event.stopPropagation()\n    setOpen(true)\n  }\n\n  const onCloseCallBackWrapped = () => {\n    setOpen(false)\n    onCloseCallback?.()\n  }\n\n  return (\n    <span>\n      <ButtonEx\n        variant=\"outlined\"\n        size=\"small\"\n        startIcon={(\n          <XyoColorLogo sx={{ height: size ?? iconSize, width: size ?? iconSize }} />\n        )}\n        onClick={handleClick}\n        disabled={iconOnly ? false : !rawValue}\n        {...props}\n      >\n        {children ?? <span>Data</span>}\n      </ButtonEx>\n      {iconOnly\n        ? null\n        : (\n            <RawInfoDialog\n              defaultExpandedJson={defaultExpandedJson}\n              jsonValue={json}\n              onCloseCallback={onCloseCallBackWrapped}\n              dialogContent={dialogContent}\n              open={open}\n              updateExpandedJson={updateExpandedJson}\n            />\n          )}\n    </span>\n  )\n}\n","/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const XyoColorLogo = createSvgIcon(\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 238\">\n    <path\n      className=\"cls-1\"\n      d=\"M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z\"\n      fill=\"#8d8fc6\"\n    />\n    <path\n      className=\"cls-2\"\n      d=\"M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z\"\n      fill=\"#579fd6\"\n    />\n    <path\n      className=\"cls-3\"\n      d=\"M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z\"\n      fill=\"#f27046\"\n    />\n    <path\n      className=\"cls-4\"\n      d=\"M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z\"\n      fill=\"#eb407a\"\n    />\n  </svg>,\n  'XyoColorLogo',\n)\n","import type { CollapseProps } from '@mui/material'\nimport {\n  Button, Chip, Collapse, Typography,\n} from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { usePromise } from '@xylabs/react-promise'\nimport type { JsonValue } from '@xylabs/sdk-js'\nimport { PayloadBuilder } from '@xyo-network/payload-builder'\nimport { isAnyPayload } from '@xyo-network/payload-model'\nimport { useDataState } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport type { ExpansionProps } from '../../../lib/index.ts'\nimport { StyledChipLabel } from '../../styled/index.ts'\nimport { JsonViewerEx } from '../JsonViewerEx.tsx'\n\nexport interface RawInfoPayloadCollapse extends CollapseProps, ExpansionProps {\n  jsonValue?: JsonValue\n}\n\nexport const JsonViewerCollapse: React.FC<RawInfoPayloadCollapse> = ({\n  defaultExpandedJson, jsonValue, updateExpandedJson, ...props\n}) => {\n  const [expandedJson, setExpandedJson] = useDataState(defaultExpandedJson)\n\n  const [hash] = usePromise(async () => {\n    if (!jsonValue || !isAnyPayload(jsonValue)) return\n    return await PayloadBuilder.dataHash(jsonValue)\n  }, [jsonValue])\n\n  const actionText = expandedJson ? 'Hide JSON' : 'Show JSON'\n\n  const handleExpansion = () => {\n    updateExpandedJson?.(!expandedJson)\n    setExpandedJson(!expandedJson)\n  }\n\n  return (\n    <>\n      {jsonValue\n        ? (\n            <FlexRow>\n              <Button onClick={handleExpansion} size=\"small\" variant=\"outlined\">\n                {actionText}\n              </Button>\n            </FlexRow>\n          )\n        : null}\n      <Collapse in={expandedJson} {...props}>\n        {jsonValue\n          ? (\n              <FlexCol alignItems=\"stretch\" gap={1.5}>\n                <Typography sx={{ lineHeight: 1 }}>Payload Hash:</Typography>\n                {hash\n                  ? <Chip label={<StyledChipLabel>{hash}</StyledChipLabel>} sx={{ alignSelf: 'start' }} />\n                  : null}\n                <JsonViewerEx value={jsonValue} />\n              </FlexCol>\n            )\n          : null}\n      </Collapse>\n    </>\n  )\n}\n","import { styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const StyledChipLabel: React.FC<React.ComponentProps<typeof Typography>> = styled(Typography, { name: 'StyledChipLabel' })(({ theme }) => ({\n  display: 'block',\n  lineHeight: 1,\n  overflow: 'hidden',\n  paddingRight: theme.spacing(0.95),\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}))\n","import { useTheme } from '@mui/material'\nimport type { JsonViewerProps } from '@textea/json-viewer'\nimport { JsonViewer } from '@textea/json-viewer'\nimport { useIsDark } from '@xylabs/react-theme'\nimport React from 'react'\n\nexport type JsonViewerExProps = JsonViewerProps\n\nexport const JsonViewerEx: React.FC<JsonViewerExProps> = (props) => {\n  const theme = useTheme()\n  const isDark = useIsDark()\n\n  return (\n    <JsonViewer\n      theme={isDark ? 'dark' : 'light'}\n      collapseStringsAfterLength={50}\n      style={{\n        borderRadius: theme.shape.borderRadius,\n        padding: theme.spacing(2),\n      }}\n      {...props}\n    />\n  )\n}\n","import type { DialogProps } from '@mui/material'\nimport {\n  Button, Dialog, DialogActions, DialogContent, DialogTitle,\n} from '@mui/material'\nimport type { JsonValue } from '@xylabs/sdk-js'\nimport type { MouseEventHandler, ReactNode } from 'react'\nimport React from 'react'\n\nimport type { ExpansionProps } from '../../../lib/index.ts'\nimport { JsonViewerCollapse } from './JsonViewerCollapse.tsx'\n\nexport interface RawInfoDialogProps extends DialogProps, ExpansionProps {\n  dialogContent?: ReactNode\n  jsonValue?: JsonValue\n  onCloseCallback?: () => void\n}\n\nexport const RawInfoDialog: React.FC<RawInfoDialogProps> = ({\n  defaultExpandedJson,\n  dialogContent,\n  onCloseCallback,\n  jsonValue: jsonObject,\n  updateExpandedJson,\n  open = false,\n  ...props\n}) => {\n  const onDialogClick: MouseEventHandler<HTMLSpanElement> = (event) => {\n    event.stopPropagation()\n  }\n\n  return (\n    //  Wrapping in a span so we can catch click events and prevent them from propagating outside the component\n    <span onClick={onDialogClick}>\n      <Dialog fullWidth maxWidth=\"lg\" onClose={() => onCloseCallback?.()} open={open} {...props}>\n        <DialogTitle>Raw Data</DialogTitle>\n        <DialogContent sx={{\n          display: 'flex', flexDirection: 'column', gap: 2,\n        }}\n        >\n          {dialogContent}\n          <JsonViewerCollapse defaultExpandedJson={defaultExpandedJson} jsonValue={jsonObject} updateExpandedJson={updateExpandedJson} />\n        </DialogContent>\n        <DialogActions>\n          <Button variant=\"contained\" onClick={() => onCloseCallback?.()}>\n            Close\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </span>\n  )\n}\n","import type { IconSize } from './IconSize.ts'\n\nexport const presetIconSizeValue = (size?: IconSize) => {\n  switch (size) {\n    case 'small': {\n      return 16\n    }\n    case 'medium': {\n      return 32\n    }\n    case 'large': {\n      return 48\n    }\n  }\n}\n","import type { IconButtonProps } from '@mui/material'\nimport { IconButton } from '@mui/material'\nimport { toSafeJson } from '@xylabs/sdk-js'\nimport type { MouseEventHandler, ReactNode } from 'react'\nimport React, { useMemo, useState } from 'react'\n\nimport type { ExpansionProps } from '../../lib/index.ts'\nimport { XyoColorLogo } from '../img/index.tsx'\nimport { RawInfoDialog } from '../shared/index.ts'\nimport type { IconSize } from './lib/index.ts'\nimport { presetIconSizeValue } from './lib/index.ts'\n\nexport interface RawInfoIconProps extends IconButtonProps, ExpansionProps {\n  dialogContent?: ReactNode\n  iconOnly?: boolean\n  iconSize?: number\n  onCloseCallback?: () => void\n  presetIconSize?: IconSize\n  rawValue?: unknown\n}\n\nexport const RawInfoIconButton = (\n  {\n    ref, defaultExpandedJson = true, dialogContent, iconOnly, iconSize = 32, onCloseCallback, rawValue, presetIconSize, updateExpandedJson, ...props\n  }: RawInfoIconProps & { ref?: React.RefObject<HTMLButtonElement | null> },\n) => {\n  const [open, setOpen] = useState(false)\n  const size = presetIconSizeValue(presetIconSize)\n  const json = useMemo(() => toSafeJson(rawValue), [rawValue])\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    event.stopPropagation()\n    setOpen(true)\n  }\n\n  const onCloseCallBackWrapped = () => {\n    setOpen(false)\n    onCloseCallback?.()\n  }\n\n  return (\n    <>\n      <IconButton onClick={handleClick} ref={ref} {...props}>\n        <XyoColorLogo sx={{ height: size ?? iconSize, width: size ?? iconSize }} />\n      </IconButton>\n      {iconOnly\n        ? null\n        : (\n            <RawInfoDialog\n              defaultExpandedJson={defaultExpandedJson}\n              jsonValue={json}\n              onCloseCallback={onCloseCallBackWrapped}\n              dialogContent={dialogContent}\n              open={open}\n              updateExpandedJson={updateExpandedJson}\n            />\n          )}\n    </>\n  )\n}\n\nRawInfoIconButton.displayName = 'RawInfoIcon'\n"],"mappings":"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","names":["Typography","jsx","jsx","jsxs","Typography","Button","jsx","jsxs","Button","jsx","jsxs","toSafeJson","useMemo","useState","Fragment","jsx","jsxs","useState","useMemo","toSafeJson"]}
+{"version":3,"sources":["../../src/components/Button/RawInfoButton.tsx","../../src/components/img/index.tsx","../../src/components/shared/Dialog/JsonViewerCollapse.tsx","../../src/components/styled/StyledChipLabel.tsx","../../src/components/shared/JsonViewerEx.tsx","../../src/components/shared/Dialog/RawInfoDialog.tsx","../../src/components/Button/lib/presetIconSize.ts","../../src/components/Button/RawInfoIconButton.tsx"],"sourcesContent":["import type { ButtonExProps } from '@xylabs/react-button'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { toSafeJson } from '@xylabs/sdk-js'\nimport type { MouseEventHandler, ReactNode } from 'react'\nimport React, { useMemo, useState } from 'react'\n\nimport type { ExpansionProps } from '../../lib/index.ts'\nimport { XyoColorLogo } from '../img/index.tsx'\nimport { RawInfoDialog } from '../shared/index.ts'\nimport type { IconSize } from './lib/index.ts'\nimport { presetIconSizeValue } from './lib/index.ts'\n\nexport type RawInfoButtonProps = ButtonExProps & ExpansionProps & {\n  dialogContent?: ReactNode\n  iconOnly?: boolean\n  iconSize?: number\n  onCloseCallback?: () => void\n  presetIconSize?: IconSize\n  rawValue?: unknown\n}\n\nexport const RawInfoButton: React.FC<RawInfoButtonProps> = ({\n  defaultExpandedJson = true,\n  dialogContent,\n  iconOnly,\n  iconSize = 24,\n  onCloseCallback,\n  children,\n  rawValue,\n  presetIconSize,\n  updateExpandedJson,\n  ...props\n}) => {\n  const [open, setOpen] = useState(false)\n  const size = presetIconSizeValue(presetIconSize)\n  const json = useMemo(() => toSafeJson(rawValue), [rawValue])\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    event.stopPropagation()\n    setOpen(true)\n  }\n\n  const onCloseCallBackWrapped = () => {\n    setOpen(false)\n    onCloseCallback?.()\n  }\n\n  return (\n    <span>\n      <ButtonEx\n        variant=\"outlined\"\n        size=\"small\"\n        startIcon={(\n          <XyoColorLogo sx={{ height: size ?? iconSize, width: size ?? iconSize }} />\n        )}\n        onClick={handleClick}\n        disabled={iconOnly ? false : !rawValue}\n        {...props}\n      >\n        {children ?? <span>Data</span>}\n      </ButtonEx>\n      {iconOnly\n        ? null\n        : (\n            <RawInfoDialog\n              defaultExpandedJson={defaultExpandedJson}\n              jsonValue={json}\n              onCloseCallback={onCloseCallBackWrapped}\n              dialogContent={dialogContent}\n              open={open}\n              updateExpandedJson={updateExpandedJson}\n            />\n          )}\n    </span>\n  )\n}\n","/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const XyoColorLogo = createSvgIcon(\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 238\">\n    <path\n      className=\"cls-1\"\n      d=\"M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z\"\n      fill=\"#8d8fc6\"\n    />\n    <path\n      className=\"cls-2\"\n      d=\"M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z\"\n      fill=\"#579fd6\"\n    />\n    <path\n      className=\"cls-3\"\n      d=\"M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z\"\n      fill=\"#f27046\"\n    />\n    <path\n      className=\"cls-4\"\n      d=\"M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z\"\n      fill=\"#eb407a\"\n    />\n  </svg>,\n  'XyoColorLogo',\n)\n","import type { CollapseProps } from '@mui/material'\nimport {\n  Button, Chip, Collapse, Typography,\n} from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { usePromise } from '@xylabs/react-promise'\nimport type { JsonValue } from '@xylabs/sdk-js'\nimport { PayloadBuilder } from '@xyo-network/payload-builder'\nimport { isAnyPayload } from '@xyo-network/payload-model'\nimport { useDataState } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport type { ExpansionProps } from '../../../lib/index.ts'\nimport { StyledChipLabel } from '../../styled/index.ts'\nimport { JsonViewerEx } from '../JsonViewerEx.tsx'\n\nexport interface RawInfoPayloadCollapse extends CollapseProps, ExpansionProps {\n  jsonValue?: JsonValue\n}\n\nexport const JsonViewerCollapse: React.FC<RawInfoPayloadCollapse> = ({\n  defaultExpandedJson, jsonValue, updateExpandedJson, ...props\n}) => {\n  const [expandedJson, setExpandedJson] = useDataState(defaultExpandedJson)\n\n  const [hash] = usePromise(async () => {\n    if (!jsonValue || !isAnyPayload(jsonValue)) return\n    return await PayloadBuilder.dataHash(jsonValue)\n  }, [jsonValue])\n\n  const actionText = expandedJson ? 'Hide JSON' : 'Show JSON'\n\n  const handleExpansion = () => {\n    updateExpandedJson?.(!expandedJson)\n    setExpandedJson(!expandedJson)\n  }\n\n  return (\n    <>\n      {jsonValue\n        ? (\n            <FlexRow>\n              <Button onClick={handleExpansion} size=\"small\" variant=\"outlined\">\n                {actionText}\n              </Button>\n            </FlexRow>\n          )\n        : null}\n      <Collapse in={expandedJson} {...props}>\n        {jsonValue\n          ? (\n              <FlexCol\n                sx={{\n                  alignItems: 'stretch',\n                  gap: 1.5,\n                }}\n              >\n                <Typography sx={{ lineHeight: 1 }}>Payload Hash:</Typography>\n                {hash\n                  ? <Chip label={<StyledChipLabel>{hash}</StyledChipLabel>} sx={{ alignSelf: 'start' }} />\n                  : null}\n                <JsonViewerEx value={jsonValue} />\n              </FlexCol>\n            )\n          : null}\n      </Collapse>\n    </>\n  )\n}\n","import { styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const StyledChipLabel: React.FC<React.ComponentProps<typeof Typography>> = styled(Typography, { name: 'StyledChipLabel' })(({ theme }) => ({\n  display: 'block',\n  lineHeight: 1,\n  overflow: 'hidden',\n  paddingRight: theme.spacing(0.95),\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}))\n","import { useTheme } from '@mui/material'\nimport type { JsonViewerProps } from '@textea/json-viewer'\nimport { JsonViewer } from '@textea/json-viewer'\nimport { useIsDark } from '@xylabs/react-theme'\nimport React from 'react'\n\nexport type JsonViewerExProps = JsonViewerProps\n\nexport const JsonViewerEx: React.FC<JsonViewerExProps> = (props) => {\n  const theme = useTheme()\n  const isDark = useIsDark()\n\n  return (\n    <JsonViewer\n      theme={isDark ? 'dark' : 'light'}\n      collapseStringsAfterLength={50}\n      style={{\n        borderRadius: theme.shape.borderRadius,\n        padding: theme.spacing(2),\n      }}\n      {...props}\n    />\n  )\n}\n","import type { DialogProps } from '@mui/material'\nimport {\n  Button, Dialog, DialogActions, DialogContent, DialogTitle,\n} from '@mui/material'\nimport type { JsonValue } from '@xylabs/sdk-js'\nimport type { MouseEventHandler, ReactNode } from 'react'\nimport React from 'react'\n\nimport type { ExpansionProps } from '../../../lib/index.ts'\nimport { JsonViewerCollapse } from './JsonViewerCollapse.tsx'\n\nexport interface RawInfoDialogProps extends DialogProps, ExpansionProps {\n  dialogContent?: ReactNode\n  jsonValue?: JsonValue\n  onCloseCallback?: () => void\n}\n\nexport const RawInfoDialog: React.FC<RawInfoDialogProps> = ({\n  defaultExpandedJson,\n  dialogContent,\n  onCloseCallback,\n  jsonValue: jsonObject,\n  updateExpandedJson,\n  open = false,\n  ...props\n}) => {\n  const onDialogClick: MouseEventHandler<HTMLSpanElement> = (event) => {\n    event.stopPropagation()\n  }\n\n  return (\n    //  Wrapping in a span so we can catch click events and prevent them from propagating outside the component\n    <span onClick={onDialogClick}>\n      <Dialog\n        fullWidth\n        onClose={() => onCloseCallback?.()}\n        open={open}\n        {...props}\n        sx={[{ maxWidth: 'lg' }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n      >\n        <DialogTitle>Raw Data</DialogTitle>\n        <DialogContent sx={{\n          display: 'flex', flexDirection: 'column', gap: 2,\n        }}\n        >\n          {dialogContent}\n          <JsonViewerCollapse defaultExpandedJson={defaultExpandedJson} jsonValue={jsonObject} updateExpandedJson={updateExpandedJson} />\n        </DialogContent>\n        <DialogActions>\n          <Button variant=\"contained\" onClick={() => onCloseCallback?.()}>\n            Close\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </span>\n  )\n}\n","import type { IconSize } from './IconSize.ts'\n\nexport const presetIconSizeValue = (size?: IconSize) => {\n  switch (size) {\n    case 'small': {\n      return 16\n    }\n    case 'medium': {\n      return 32\n    }\n    case 'large': {\n      return 48\n    }\n  }\n}\n","import type { IconButtonProps } from '@mui/material'\nimport { IconButton } from '@mui/material'\nimport { toSafeJson } from '@xylabs/sdk-js'\nimport type { MouseEventHandler, ReactNode } from 'react'\nimport React, { useMemo, useState } from 'react'\n\nimport type { ExpansionProps } from '../../lib/index.ts'\nimport { XyoColorLogo } from '../img/index.tsx'\nimport { RawInfoDialog } from '../shared/index.ts'\nimport type { IconSize } from './lib/index.ts'\nimport { presetIconSizeValue } from './lib/index.ts'\n\nexport interface RawInfoIconProps extends IconButtonProps, ExpansionProps {\n  dialogContent?: ReactNode\n  iconOnly?: boolean\n  iconSize?: number\n  onCloseCallback?: () => void\n  presetIconSize?: IconSize\n  rawValue?: unknown\n}\n\nexport const RawInfoIconButton = (\n  {\n    ref, defaultExpandedJson = true, dialogContent, iconOnly, iconSize = 32, onCloseCallback, rawValue, presetIconSize, updateExpandedJson, ...props\n  }: RawInfoIconProps & { ref?: React.RefObject<HTMLButtonElement | null> },\n) => {\n  const [open, setOpen] = useState(false)\n  const size = presetIconSizeValue(presetIconSize)\n  const json = useMemo(() => toSafeJson(rawValue), [rawValue])\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    event.stopPropagation()\n    setOpen(true)\n  }\n\n  const onCloseCallBackWrapped = () => {\n    setOpen(false)\n    onCloseCallback?.()\n  }\n\n  return (\n    <>\n      <IconButton onClick={handleClick} ref={ref} {...props}>\n        <XyoColorLogo sx={{ height: size ?? iconSize, width: size ?? iconSize }} />\n      </IconButton>\n      {iconOnly\n        ? null\n        : (\n            <RawInfoDialog\n              defaultExpandedJson={defaultExpandedJson}\n              jsonValue={json}\n              onCloseCallback={onCloseCallBackWrapped}\n              dialogContent={dialogContent}\n              open={open}\n              updateExpandedJson={updateExpandedJson}\n            />\n          )}\n    </>\n  )\n}\n\nRawInfoIconButton.displayName = 'RawInfoIcon'\n"],"mappings":"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","names":["Typography","jsx","jsx","jsxs","Typography","Button","jsx","jsxs","Button","jsx","jsxs","toSafeJson","useMemo","useState","Fragment","jsx","jsxs","useState","useMemo","toSafeJson"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-payload-raw-info",
-  "version": "7.6.3",
+  "version": "8.0.0",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -41,14 +41,14 @@
     "README.md"
   ],
   "dependencies": {
-    "@xyo-network/react-shared": "~7.6.3"
+    "@xyo-network/react-shared": "~8.0.0"
   },
   "devDependencies": {
     "@bitauth/libauth": "~3.0.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/icons-material": "^7.3.11",
-    "@mui/material": "^7.3.11",
+    "@mui/icons-material": "~9.0",
+    "@mui/material": "~9.0",
     "@opentelemetry/api": "^1.9.1",
     "@opentelemetry/sdk-trace-base": "^2.7.1",
     "@react-spring/web": "~10.0.3",
@@ -57,19 +57,19 @@
     "@textea/json-viewer": "~4.0.1",
     "@types/react": "^19.2.14",
     "@xylabs/pixel": "~5.1.2",
-    "@xylabs/react-button": "~7.2.4",
-    "@xylabs/react-flexbox": "~7.2.4",
-    "@xylabs/react-hooks": "~7.2.4",
-    "@xylabs/react-link": "~7.2.4",
-    "@xylabs/react-promise": "~7.2.4",
-    "@xylabs/react-shared": "~7.2.4",
-    "@xylabs/react-theme": "~7.2.4",
+    "@xylabs/react-button": "~8.0",
+    "@xylabs/react-flexbox": "~8.0",
+    "@xylabs/react-hooks": "~8.0",
+    "@xylabs/react-link": "~8.0",
+    "@xylabs/react-promise": "~8.0",
+    "@xylabs/react-shared": "~8.0",
+    "@xylabs/react-theme": "~8.0",
     "@xylabs/sdk-js": "^5.1.2",
     "@xylabs/threads": "~5.1.2",
-    "@xylabs/toolchain": "~7.13.15",
-    "@xylabs/tsconfig": "^7.13.15",
-    "@xylabs/tsconfig-dom": "^7.13.15",
-    "@xylabs/tsconfig-react": "~7.13.15",
+    "@xylabs/toolchain": "~7.13.22",
+    "@xylabs/tsconfig": "^7.13.22",
+    "@xylabs/tsconfig-dom": "^7.13.22",
+    "@xylabs/tsconfig-react": "~7.13.22",
     "@xyo-network/boundwitness-model": "^5.6.3",
     "@xyo-network/boundwitness-validator": "^5.6.2",
     "@xyo-network/payload-builder": "^5.6.2",
@@ -97,7 +97,7 @@
     "spark-md5": "~3.0.2",
     "storybook": "^10.3.6",
     "typescript": "^5.9.3",
-    "vite": "^8.0.10",
+    "vite": "^8.0.11",
     "wasm-feature-detect": "~1.8.0",
     "zod": "^4.4.3"
   },
@@ -105,21 +105,21 @@
     "@bitauth/libauth": "~3.0",
     "@emotion/react": "^11.14",
     "@emotion/styled": "^11.14",
-    "@mui/icons-material": "^7.3",
-    "@mui/material": "^7.3",
+    "@mui/icons-material": "~9.0",
+    "@mui/material": "~9.0",
     "@opentelemetry/api": "^1.9",
     "@opentelemetry/sdk-trace-base": "^2.7",
     "@react-spring/web": "~10.0",
     "@scure/base": "~2.2",
     "@textea/json-viewer": "~4.0",
     "@xylabs/pixel": "~5.1",
-    "@xylabs/react-button": "~7.2",
-    "@xylabs/react-flexbox": "~7.2",
-    "@xylabs/react-hooks": "~7.2",
-    "@xylabs/react-link": "~7.2",
-    "@xylabs/react-promise": "~7.2",
-    "@xylabs/react-shared": "~7.2",
-    "@xylabs/react-theme": "~7.2",
+    "@xylabs/react-button": "~8.0",
+    "@xylabs/react-flexbox": "~8.0",
+    "@xylabs/react-hooks": "~8.0",
+    "@xylabs/react-link": "~8.0",
+    "@xylabs/react-promise": "~8.0",
+    "@xylabs/react-shared": "~8.0",
+    "@xylabs/react-theme": "~8.0",
     "@xylabs/sdk-js": "^5.1",
     "@xylabs/threads": "~5.1",
     "@xyo-network/boundwitness-model": "^5.6",