@xyo-network/react-payload-raw-info 2.69.7 → 2.70.3

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

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

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

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

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

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

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

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

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

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

package/package.json

@@ -10,14 +10,14 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
+    "@textea/json-viewer": "^3.4.0",
     "@xylabs/react-button": "^3.1.4",
     "@xylabs/react-flexbox": "^3.1.4",
     "@xylabs/react-invertible-theme": "^3.1.4",
     "@xylabs/react-promise": "^3.1.4",
     "@xyo-network/payload-builder": "^2.92.0",
     "@xyo-network/payload-model": "^2.92.0",
-    "@xyo-network/react-shared": "~2.70.3",
-    "react-json-view": "^1.21.3"
+    "@xyo-network/react-shared": "~2.70.4"
   },
   "devDependencies": {
     "@storybook/react": "^7.6.17",
@@ -83,6 +83,6 @@
     "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
   },
   "sideEffects": false,
-  "version": "2.69.7",
+  "version": "2.70.3",
   "type": "module"
 }

package/src/components/Button/RawInfoButton.stories.tsx

@@ -25,3 +25,4 @@ WithPayload.args = {
 }
 
 export { Default, WithPayload };
+

package/src/components/Button/RawInfoButton.tsx

@@ -2,26 +2,12 @@ import { ButtonEx, ButtonExProps } from '@xylabs/react-button'
 import { Payload, WithSchema } from '@xyo-network/payload-model'
 import { MouseEventHandler, ReactNode, useState } from 'react'
 
-import { RawInfoDialog } from '../Dialog'
+import { ExpansionProps } from '../../lib'
 import { xyoColorLogo } from '../img'
+import { RawInfoDialog } from '../shared'
+import { IconSize, presetIconSizeValue } from './lib'
 
-type IconSize = 'small' | 'medium' | 'large'
-
-const presetIconSizeValue = (size?: IconSize) => {
-  switch (size) {
-    case 'small': {
-      return 16
-    }
-    case 'medium': {
-      return 32
-    }
-    case 'large': {
-      return 48
-    }
-  }
-}
-
-export interface RawInfoButtonProps extends ButtonExProps {
+export interface RawInfoButtonProps extends ButtonExProps, ExpansionProps {
   dialogContent?: ReactNode
   iconOnly?: boolean
   iconSize?: number
@@ -31,6 +17,7 @@ export interface RawInfoButtonProps extends ButtonExProps {
 }
 
 export const RawInfoButton: React.FC<RawInfoButtonProps> = ({
+  defaultExpandedJson = true,
   dialogContent,
   iconOnly,
   iconSize = 24,
@@ -38,6 +25,7 @@ export const RawInfoButton: React.FC<RawInfoButtonProps> = ({
   children,
   payload,
   presetIconSize,
+  updateExpandedJson,
   ...props
 }) => {
   const [open, setOpen] = useState(false)
@@ -65,7 +53,16 @@ export const RawInfoButton: React.FC<RawInfoButtonProps> = ({
       >
         {children ?? <span>Data</span>}
       </ButtonEx>
-      {iconOnly ? null : <RawInfoDialog payload={payload} onCloseCallback={onCloseCallBackWrapped} dialogContent={dialogContent} open={open} />}
+      {iconOnly ? null : (
+        <RawInfoDialog
+          defaultExpandedJson={defaultExpandedJson}
+          payload={payload}
+          onCloseCallback={onCloseCallBackWrapped}
+          dialogContent={dialogContent}
+          open={open}
+          updateExpandedJson={updateExpandedJson}
+        />
+      )}
     </span>
   )
 }

package/src/components/{RawInfoIcon.stories.tsx → Button/RawInfoIconButton.stories.tsx}

@@ -1,7 +1,7 @@
 import { Meta, StoryFn } from "@storybook/react";
 import { FlexCol } from "@xylabs/react-flexbox";
 import { Payload } from "@xyo-network/payload-model";
-import { RawInfoIcon } from "./RawInfoIcon";
+import { RawInfoIconButton } from "./RawInfoIconButton";
 
 type TestPayload = Payload<{ id: string, type: string, schema: string }, 'network.xyo.test'>
 const TestPayload: TestPayload = {
@@ -12,10 +12,10 @@ const TestPayload: TestPayload = {
 
 export default {
   title: 'payload/RawInfoIcon',
-  component: RawInfoIcon,
+  component: RawInfoIconButton,
 } as Meta
 
-const Template: StoryFn<typeof RawInfoIcon> = (args) => <FlexCol><RawInfoIcon {...args} /></FlexCol>
+const Template: StoryFn<typeof RawInfoIconButton> = (args) => <FlexCol><RawInfoIconButton {...args} /></FlexCol>
 
 const Default = Template.bind({})
 const WithPayload = Template.bind({})
@@ -25,3 +25,4 @@ WithPayload.args = {
 }
 
 export { Default, WithPayload };
+

package/src/components/{RawInfoIcon.tsx → Button/RawInfoIconButton.tsx}

@@ -2,26 +2,12 @@ import { IconButton, IconButtonProps } from '@mui/material'
 import { Payload } from '@xyo-network/payload-model'
 import { forwardRef, MouseEventHandler, ReactNode, useState } from 'react'
 
-import { RawInfoDialog } from './Dialog'
-import { xyoColorLogo } from './img'
+import { ExpansionProps } from '../../lib'
+import { xyoColorLogo } from '../img'
+import { RawInfoDialog } from '../shared'
+import { IconSize, presetIconSizeValue } from './lib'
 
-type IconSize = 'small' | 'medium' | 'large'
-
-const presetIconSizeValue = (size?: IconSize) => {
-  switch (size) {
-    case 'small': {
-      return 16
-    }
-    case 'medium': {
-      return 32
-    }
-    case 'large': {
-      return 48
-    }
-  }
-}
-
-export interface RawInfoIconProps extends IconButtonProps {
+export interface RawInfoIconProps extends IconButtonProps, ExpansionProps {
   dialogContent?: ReactNode
   iconOnly?: boolean
   iconSize?: number
@@ -30,8 +16,8 @@ export interface RawInfoIconProps extends IconButtonProps {
   presetIconSize?: IconSize
 }
 
-export const RawInfoIcon = forwardRef<HTMLButtonElement, RawInfoIconProps>(
-  ({ dialogContent, iconOnly, iconSize = 32, onCloseCallback, payload, presetIconSize, ...props }, ref) => {
+export const RawInfoIconButton = forwardRef<HTMLButtonElement, RawInfoIconProps>(
+  ({ defaultExpandedJson, dialogContent, iconOnly, iconSize = 32, onCloseCallback, payload, presetIconSize, updateExpandedJson, ...props }, ref) => {
     const [open, setOpen] = useState(false)
     const size = presetIconSizeValue(presetIconSize)
 
@@ -50,10 +36,19 @@ export const RawInfoIcon = forwardRef<HTMLButtonElement, RawInfoIconProps>(
         <IconButton onClick={handleClick} ref={ref} {...props}>
           <img src={xyoColorLogo} height={size ?? iconSize} width={size ?? iconSize} />
         </IconButton>
-        {iconOnly ? null : <RawInfoDialog payload={payload} onCloseCallback={onCloseCallBackWrapped} dialogContent={dialogContent} open={open} />}
+        {iconOnly ? null : (
+          <RawInfoDialog
+            defaultExpandedJson={defaultExpandedJson}
+            payload={payload}
+            onCloseCallback={onCloseCallBackWrapped}
+            dialogContent={dialogContent}
+            open={open}
+            updateExpandedJson={updateExpandedJson}
+          />
+        )}
       </>
     )
   },
 )
 
-RawInfoIcon.displayName = 'RawInfoIcon'
+RawInfoIconButton.displayName = 'RawInfoIcon'

package/src/components/Button/index.ts

@@ -1 +1,2 @@
 export * from './RawInfoButton'
+export * from './RawInfoIconButton'

package/src/components/Button/lib/IconSize.ts

@@ -0,0 +1 @@
+export type IconSize = 'small' | 'medium' | 'large'

package/src/components/Button/lib/index.ts

@@ -0,0 +1,2 @@
+export * from './IconSize'
+export * from './presetIconSize'

package/src/components/Button/lib/presetIconSize.ts

@@ -0,0 +1,15 @@
+import { IconSize } from './IconSize'
+
+export const presetIconSizeValue = (size?: IconSize) => {
+  switch (size) {
+    case 'small': {
+      return 16
+    }
+    case 'medium': {
+      return 32
+    }
+    case 'large': {
+      return 48
+    }
+  }
+}

package/src/components/index.ts

@@ -1,5 +1,3 @@
 export * from './Button'
-export * from './Dialog'
-export * from './PayloadCollapse'
-export * from './RawInfoIcon'
+export * from './shared'
 export * from './styled'

package/src/components/{PayloadCollapse.tsx → shared/Dialog/PayloadCollapse.tsx}

@@ -5,18 +5,18 @@ import { PayloadBuilder } from '@xyo-network/payload-builder'
 import { Payload } from '@xyo-network/payload-model'
 import { useDataState } from '@xyo-network/react-shared'
 
-import { JsonViewEx } from './shared'
-import { StyledChipLabel } from './styled'
+import { ExpansionProps } from '../../../lib'
+import { StyledChipLabel } from '../../styled'
+import { JsonViewerEx } from '../JsonViewerEx'
 
-export interface RawInfoPayloadCollapse extends CollapseProps {
-  defaultExpandedJson?: boolean
+export interface RawInfoPayloadCollapse extends CollapseProps, ExpansionProps {
   payload?: Payload | null
-  updateExpandedJson?: (expanded: boolean) => void
 }
 
 export const RawInfoPayloadCollapse: React.FC<RawInfoPayloadCollapse> = ({ defaultExpandedJson, payload, updateExpandedJson, ...props }) => {
   const [expandedJson, setExpandedJson] = useDataState(defaultExpandedJson)
   const [hash] = usePromise(async () => (payload ? await PayloadBuilder.dataHash(payload) : undefined), [payload])
+  const actionText = expandedJson ? 'Hide JSON' : 'Show JSON'
 
   const handleExpansion = () => {
     updateExpandedJson?.(!expandedJson)
@@ -28,7 +28,7 @@ export const RawInfoPayloadCollapse: React.FC<RawInfoPayloadCollapse> = ({ defau
       {payload ?
         <FlexRow>
           <Button onClick={handleExpansion} size="small" variant="outlined">
-            Show Raw JSON
+            {actionText}
           </Button>
         </FlexRow>
       : null}
@@ -37,7 +37,7 @@ export const RawInfoPayloadCollapse: React.FC<RawInfoPayloadCollapse> = ({ defau
           <FlexCol alignItems="stretch" gap={1.5}>
             <Typography sx={{ lineHeight: 1 }}>Payload Hash:</Typography>
             <Chip label={<StyledChipLabel>{hash}</StyledChipLabel>} sx={{ alignSelf: 'start' }} />
-            <JsonViewEx src={payload} />
+            <JsonViewerEx value={payload} />
           </FlexCol>
         : null}
       </Collapse>

package/src/components/{Dialog → shared/Dialog}/RawInfoDialog.tsx

@@ -2,15 +2,23 @@ import { Button, Dialog, DialogActions, DialogContent, DialogProps, DialogTitle
 import { Payload } from '@xyo-network/payload-model'
 import { MouseEventHandler, ReactNode } from 'react'
 
-import { RawInfoPayloadCollapse } from '../PayloadCollapse'
+import { ExpansionProps } from '../../../lib'
+import { RawInfoPayloadCollapse } from './PayloadCollapse'
 
-export interface RawInfoDialogProps extends DialogProps {
+export interface RawInfoDialogProps extends DialogProps, ExpansionProps {
   dialogContent?: ReactNode
   onCloseCallback?: () => void
   payload?: Payload | null
 }
 
-export const RawInfoDialog: React.FC<RawInfoDialogProps> = ({ dialogContent, onCloseCallback, payload, ...props }) => {
+export const RawInfoDialog: React.FC<RawInfoDialogProps> = ({
+  defaultExpandedJson,
+  dialogContent,
+  onCloseCallback,
+  payload,
+  updateExpandedJson,
+  ...props
+}) => {
   const onDialogClick: MouseEventHandler<HTMLSpanElement> = (event) => {
     event.stopPropagation()
   }
@@ -22,7 +30,7 @@ export const RawInfoDialog: React.FC<RawInfoDialogProps> = ({ dialogContent, onC
         <DialogTitle>Raw Data</DialogTitle>
         <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
           {dialogContent}
-          <RawInfoPayloadCollapse payload={payload} />
+          <RawInfoPayloadCollapse defaultExpandedJson={defaultExpandedJson} payload={payload} updateExpandedJson={updateExpandedJson} />
         </DialogContent>
         <DialogActions>
           <Button variant="contained" onClick={() => onCloseCallback?.()}>

package/src/components/shared/Dialog/index.ts

@@ -0,0 +1,2 @@
+export * from './PayloadCollapse'
+export * from './RawInfoDialog'

package/src/components/shared/JsonViewerEx.tsx

@@ -0,0 +1,21 @@
+import { useTheme } from '@mui/material'
+import { JsonViewer, JsonViewerProps } from '@textea/json-viewer'
+import { useColorSchemeEx } from '@xylabs/react-invertible-theme'
+
+export const JsonViewerEx: React.FC<JsonViewerProps> = (props) => {
+  const theme = useTheme()
+  const { darkMode } = useColorSchemeEx()
+
+  return (
+    <JsonViewer
+      theme={darkMode ? 'dark' : 'light'}
+      collapseStringsAfterLength={50}
+      style={{
+        background: darkMode ? theme.palette.background.paper : theme.palette.grey[200],
+        borderRadius: theme.shape.borderRadius,
+        padding: theme.spacing(2),
+      }}
+      {...props}
+    />
+  )
+}

package/src/components/shared/index.ts

@@ -1 +1,2 @@
-export * from './JsonViewEx'
+export * from './Dialog'
+export * from './JsonViewerEx'

package/src/lib/ExpansionProps.ts

@@ -0,0 +1,4 @@
+export interface ExpansionProps {
+  defaultExpandedJson?: boolean
+  updateExpandedJson?: (expanded: boolean) => void
+}

package/src/lib/index.ts

@@ -0,0 +1 @@
+export * from './ExpansionProps'

package/dist/browser/components/Dialog/RawInfoDialog.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RawInfoDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/RawInfoDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgD,WAAW,EAAe,MAAM,eAAe,CAAA;AACtG,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAIpD,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsBtD,CAAA"}

package/dist/browser/components/Dialog/RawInfoDialog.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RawInfoDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/RawInfoDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgD,WAAW,EAAe,MAAM,eAAe,CAAA;AACtG,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAIpD,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsBtD,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"RawInfoDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/RawInfoDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgD,WAAW,EAAe,MAAM,eAAe,CAAA;AACtG,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAIpD,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsBtD,CAAA"}

package/dist/browser/components/Dialog/index.d.cts

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

package/dist/browser/components/Dialog/index.d.cts.map

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

package/dist/browser/components/Dialog/index.d.mts

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

package/dist/browser/components/Dialog/index.d.mts.map

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

package/dist/browser/components/Dialog/index.d.ts

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

package/dist/browser/components/Dialog/index.d.ts.map

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

package/dist/browser/components/PayloadCollapse.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PayloadCollapse.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCollapse.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,aAAa,EAAc,MAAM,eAAe,CAAA;AAIjF,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAMpD,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACxB,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACjD;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6BnE,CAAA"}

package/dist/browser/components/PayloadCollapse.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PayloadCollapse.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCollapse.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,aAAa,EAAc,MAAM,eAAe,CAAA;AAIjF,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAMpD,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACxB,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACjD;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6BnE,CAAA"}

package/dist/browser/components/PayloadCollapse.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PayloadCollapse.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCollapse.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,aAAa,EAAc,MAAM,eAAe,CAAA;AAIjF,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAMpD,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACxB,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACjD;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6BnE,CAAA"}

package/dist/browser/components/RawInfoIcon.d.cts

@@ -1,15 +0,0 @@
-import { IconButtonProps } from '@mui/material';
-import { Payload } from '@xyo-network/payload-model';
-import { ReactNode } from 'react';
-type IconSize = 'small' | 'medium' | 'large';
-export interface RawInfoIconProps extends IconButtonProps {
-    dialogContent?: ReactNode;
-    iconOnly?: boolean;
-    iconSize?: number;
-    onCloseCallback?: () => void;
-    payload?: Payload;
-    presetIconSize?: IconSize;
-}
-export declare const RawInfoIcon: import("react").ForwardRefExoticComponent<Omit<RawInfoIconProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
-//# sourceMappingURL=RawInfoIcon.d.ts.map

package/dist/browser/components/RawInfoIcon.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RawInfoIcon.d.ts","sourceRoot":"","sources":["../../../src/components/RawInfoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAiC,SAAS,EAAY,MAAM,OAAO,CAAA;AAK1E,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAgB5C,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,QAAQ,CAAA;CAC1B;AAED,eAAO,MAAM,WAAW,6HAwBvB,CAAA"}

package/dist/browser/components/RawInfoIcon.d.mts

@@ -1,15 +0,0 @@
-import { IconButtonProps } from '@mui/material';
-import { Payload } from '@xyo-network/payload-model';
-import { ReactNode } from 'react';
-type IconSize = 'small' | 'medium' | 'large';
-export interface RawInfoIconProps extends IconButtonProps {
-    dialogContent?: ReactNode;
-    iconOnly?: boolean;
-    iconSize?: number;
-    onCloseCallback?: () => void;
-    payload?: Payload;
-    presetIconSize?: IconSize;
-}
-export declare const RawInfoIcon: import("react").ForwardRefExoticComponent<Omit<RawInfoIconProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
-//# sourceMappingURL=RawInfoIcon.d.ts.map

package/dist/browser/components/RawInfoIcon.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RawInfoIcon.d.ts","sourceRoot":"","sources":["../../../src/components/RawInfoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAiC,SAAS,EAAY,MAAM,OAAO,CAAA;AAK1E,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAgB5C,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,QAAQ,CAAA;CAC1B;AAED,eAAO,MAAM,WAAW,6HAwBvB,CAAA"}

package/dist/browser/components/RawInfoIcon.d.ts

@@ -1,15 +0,0 @@
-import { IconButtonProps } from '@mui/material';
-import { Payload } from '@xyo-network/payload-model';
-import { ReactNode } from 'react';
-type IconSize = 'small' | 'medium' | 'large';
-export interface RawInfoIconProps extends IconButtonProps {
-    dialogContent?: ReactNode;
-    iconOnly?: boolean;
-    iconSize?: number;
-    onCloseCallback?: () => void;
-    payload?: Payload;
-    presetIconSize?: IconSize;
-}
-export declare const RawInfoIcon: import("react").ForwardRefExoticComponent<Omit<RawInfoIconProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
-//# sourceMappingURL=RawInfoIcon.d.ts.map

package/dist/browser/components/RawInfoIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RawInfoIcon.d.ts","sourceRoot":"","sources":["../../../src/components/RawInfoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAiC,SAAS,EAAY,MAAM,OAAO,CAAA;AAK1E,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAgB5C,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,QAAQ,CAAA;CAC1B;AAED,eAAO,MAAM,WAAW,6HAwBvB,CAAA"}

package/dist/browser/components/shared/JsonViewEx.d.cts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ReactJsonViewProps } from 'react-json-view';
-export declare const JsonViewEx: React.FC<ReactJsonViewProps>;
-//# sourceMappingURL=JsonViewEx.d.ts.map

package/dist/browser/components/shared/JsonViewEx.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"JsonViewEx.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/JsonViewEx.tsx"],"names":[],"mappings":";AAEA,OAAiB,EAAe,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAE3E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4BnD,CAAA"}

package/dist/browser/components/shared/JsonViewEx.d.mts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ReactJsonViewProps } from 'react-json-view';
-export declare const JsonViewEx: React.FC<ReactJsonViewProps>;
-//# sourceMappingURL=JsonViewEx.d.ts.map

package/dist/browser/components/shared/JsonViewEx.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"JsonViewEx.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/JsonViewEx.tsx"],"names":[],"mappings":";AAEA,OAAiB,EAAe,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAE3E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4BnD,CAAA"}

package/dist/browser/components/shared/JsonViewEx.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ReactJsonViewProps } from 'react-json-view';
-export declare const JsonViewEx: React.FC<ReactJsonViewProps>;
-//# sourceMappingURL=JsonViewEx.d.ts.map

package/dist/browser/components/shared/JsonViewEx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"JsonViewEx.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/JsonViewEx.tsx"],"names":[],"mappings":";AAEA,OAAiB,EAAe,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAE3E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4BnD,CAAA"}

package/dist/node/components/Dialog/RawInfoDialog.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RawInfoDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/RawInfoDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgD,WAAW,EAAe,MAAM,eAAe,CAAA;AACtG,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAIpD,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsBtD,CAAA"}

package/dist/node/components/Dialog/RawInfoDialog.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RawInfoDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/RawInfoDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgD,WAAW,EAAe,MAAM,eAAe,CAAA;AACtG,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAIpD,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsBtD,CAAA"}

package/dist/node/components/Dialog/RawInfoDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RawInfoDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/RawInfoDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgD,WAAW,EAAe,MAAM,eAAe,CAAA;AACtG,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAIpD,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsBtD,CAAA"}

package/dist/node/components/Dialog/index.d.cts

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

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

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

package/dist/node/components/Dialog/index.d.mts

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

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

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

package/dist/node/components/Dialog/index.d.ts

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

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

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

package/dist/node/components/PayloadCollapse.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PayloadCollapse.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCollapse.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,aAAa,EAAc,MAAM,eAAe,CAAA;AAIjF,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAMpD,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACxB,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACjD;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6BnE,CAAA"}

package/dist/node/components/PayloadCollapse.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PayloadCollapse.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCollapse.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,aAAa,EAAc,MAAM,eAAe,CAAA;AAIjF,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAMpD,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACxB,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACjD;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6BnE,CAAA"}

package/dist/node/components/PayloadCollapse.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PayloadCollapse.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCollapse.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,aAAa,EAAc,MAAM,eAAe,CAAA;AAIjF,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAMpD,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACxB,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACjD;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6BnE,CAAA"}

package/dist/node/components/RawInfoIcon.d.cts

@@ -1,15 +0,0 @@
-import { IconButtonProps } from '@mui/material';
-import { Payload } from '@xyo-network/payload-model';
-import { ReactNode } from 'react';
-type IconSize = 'small' | 'medium' | 'large';
-export interface RawInfoIconProps extends IconButtonProps {
-    dialogContent?: ReactNode;
-    iconOnly?: boolean;
-    iconSize?: number;
-    onCloseCallback?: () => void;
-    payload?: Payload;
-    presetIconSize?: IconSize;
-}
-export declare const RawInfoIcon: import("react").ForwardRefExoticComponent<Omit<RawInfoIconProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
-//# sourceMappingURL=RawInfoIcon.d.ts.map

package/dist/node/components/RawInfoIcon.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RawInfoIcon.d.ts","sourceRoot":"","sources":["../../../src/components/RawInfoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAiC,SAAS,EAAY,MAAM,OAAO,CAAA;AAK1E,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAgB5C,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,QAAQ,CAAA;CAC1B;AAED,eAAO,MAAM,WAAW,6HAwBvB,CAAA"}

package/dist/node/components/RawInfoIcon.d.mts

@@ -1,15 +0,0 @@
-import { IconButtonProps } from '@mui/material';
-import { Payload } from '@xyo-network/payload-model';
-import { ReactNode } from 'react';
-type IconSize = 'small' | 'medium' | 'large';
-export interface RawInfoIconProps extends IconButtonProps {
-    dialogContent?: ReactNode;
-    iconOnly?: boolean;
-    iconSize?: number;
-    onCloseCallback?: () => void;
-    payload?: Payload;
-    presetIconSize?: IconSize;
-}
-export declare const RawInfoIcon: import("react").ForwardRefExoticComponent<Omit<RawInfoIconProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
-//# sourceMappingURL=RawInfoIcon.d.ts.map

package/dist/node/components/RawInfoIcon.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RawInfoIcon.d.ts","sourceRoot":"","sources":["../../../src/components/RawInfoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAiC,SAAS,EAAY,MAAM,OAAO,CAAA;AAK1E,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAgB5C,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,QAAQ,CAAA;CAC1B;AAED,eAAO,MAAM,WAAW,6HAwBvB,CAAA"}

package/dist/node/components/RawInfoIcon.d.ts

@@ -1,15 +0,0 @@
-import { IconButtonProps } from '@mui/material';
-import { Payload } from '@xyo-network/payload-model';
-import { ReactNode } from 'react';
-type IconSize = 'small' | 'medium' | 'large';
-export interface RawInfoIconProps extends IconButtonProps {
-    dialogContent?: ReactNode;
-    iconOnly?: boolean;
-    iconSize?: number;
-    onCloseCallback?: () => void;
-    payload?: Payload;
-    presetIconSize?: IconSize;
-}
-export declare const RawInfoIcon: import("react").ForwardRefExoticComponent<Omit<RawInfoIconProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
-//# sourceMappingURL=RawInfoIcon.d.ts.map

package/dist/node/components/RawInfoIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RawInfoIcon.d.ts","sourceRoot":"","sources":["../../../src/components/RawInfoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAiC,SAAS,EAAY,MAAM,OAAO,CAAA;AAK1E,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAgB5C,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,QAAQ,CAAA;CAC1B;AAED,eAAO,MAAM,WAAW,6HAwBvB,CAAA"}