@xyo-network/react-payload-plugin 2.81.9 → 2.82.0

package/src/components/PayloadCardContent.tsx

@@ -1,9 +1,10 @@
 import { CardContent, CardContentProps } from '@mui/material'
 import { PayloadDetails } from '@xyo-network/react-payload-details'
-import { forwardRef } from 'react'
+import React, { forwardRef } from 'react'
 
-import { PayloadRenderProps } from '../PayloadRenderPlugin.js'
+import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
+// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref
 export const PayloadCardContent = forwardRef<HTMLElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }) => {
   return (
     <CardContent {...props}>

package/src/components/PayloadCardHeader.tsx

@@ -1,10 +1,11 @@
 import { CardHeader, CardHeaderProps } from '@mui/material'
 import { Identicon } from '@xylabs/react-identicon'
 import { usePayloadHash } from '@xyo-network/react-shared'
-import { forwardRef } from 'react'
+import React, { forwardRef } from 'react'
 
-import { PayloadRenderProps } from '../PayloadRenderPlugin.js'
+import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
+// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref
 export const PayloadCardHeader = forwardRef<HTMLElement, PayloadRenderProps & CardHeaderProps>(({ payload, ...props }) => {
   const hash = usePayloadHash(payload)
   return <CardHeader title="Payload" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />

package/src/components/PayloadDetailsBox.tsx

@@ -1,8 +1,8 @@
 import { FlexBoxProps } from '@xylabs/react-flexbox'
 import { PayloadDetails } from '@xyo-network/react-payload-details'
-import { forwardRef } from 'react'
+import React, { forwardRef } from 'react'
 
-import { PayloadRenderProps } from '../PayloadRenderPlugin.js'
+import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
 const PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {
   return <PayloadDetails ref={ref} {...props} />

package/src/components/PayloadEditorBox.tsx

@@ -1,7 +1,8 @@
 import { FlexBoxProps } from '@xylabs/react-flexbox'
 import { PayloadDetails } from '@xyo-network/react-payload-details'
+import React from 'react'
 
-import { PayloadEditorRenderProps } from '../PayloadRenderPlugin.js'
+import { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts'
 
 export const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {
   return <PayloadDetails {...props} />

package/src/components/PayloadTableCell.tsx

@@ -1,6 +1,7 @@
 import { TableCell, TableCellProps, Typography } from '@mui/material'
+import React from 'react'
 
-import { PayloadRenderProps } from '../PayloadRenderPlugin.js'
+import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
 // DEFAULT IF DONT KNOW WHAT TO RENDER
 export const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps> = ({ payload, ...props }) => {

package/src/components/index.ts

@@ -1,7 +1,7 @@
-export * from './PayloadAvatar.js'
-export * from './PayloadCardActionArea.js'
-export * from './PayloadCardContent.js'
-export * from './PayloadCardHeader.js'
-export * from './PayloadDetailsBox.js'
-export * from './PayloadEditorBox.js'
-export * from './PayloadTableCell.js'
+export * from './PayloadAvatar.tsx'
+export * from './PayloadCardActionArea.tsx'
+export * from './PayloadCardContent.tsx'
+export * from './PayloadCardHeader.tsx'
+export * from './PayloadDetailsBox.tsx'
+export * from './PayloadEditorBox.tsx'
+export * from './PayloadTableCell.tsx'

package/src/createPayloadRenderPlugin.ts

@@ -1,7 +1,7 @@
 import { merge } from '@xylabs/lodash'
 
-import { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.js'
-import { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.js'
+import { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.ts'
+import { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts'
 
 export const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {
   return merge({}, DefaultPayloadRenderPlugin, plugin)

package/src/index.ts

@@ -1,4 +1,4 @@
-export * from './components/index.js'
-export * from './createPayloadRenderPlugin.js'
-export * from './DefaultPayloadRenderPlugin.js'
-export * from './PayloadRenderPlugin.js'
+export * from './components/index.ts'
+export * from './createPayloadRenderPlugin.ts'
+export * from './DefaultPayloadRenderPlugin.ts'
+export * from './PayloadRenderPlugin.ts'

package/dist/browser/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/PayloadAvatar.tsx","../../src/img/index.ts","../../src/components/PayloadCardActionArea.tsx","../../src/components/PayloadCardContent.tsx","../../src/components/PayloadCardHeader.tsx","../../src/components/PayloadDetailsBox.tsx","../../src/components/PayloadEditorBox.tsx","../../src/components/PayloadTableCell.tsx","../../src/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img/index.js'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps> = ({ ...props }) => {\n  return <Avatar src={DefaultAvatarIcon} {...props} />\n}\n","export { default as DefaultAvatarIcon } from './default-256.jpg'\n","import { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadCardContent = forwardRef<HTMLElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }) => {\n  return (\n    <CardContent {...props}>\n      <PayloadDetails payload={payload} />\n    </CardContent>\n  )\n})\n\nPayloadCardContent.displayName = 'PayloadCardContent'\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadCardHeader = forwardRef<HTMLElement, PayloadRenderProps & CardHeaderProps>(({ payload, ...props }) => {\n  const hash = usePayloadHash(payload)\n  return <CardHeader title=\"Payload\" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />\n})\n\nPayloadCardHeader.displayName = 'PayloadCardHeader'\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\n// DEFAULT IF DONT KNOW WHAT TO RENDER\nexport const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps> = ({ payload, ...props }) => {\n  return (\n    <TableCell {...props}>\n      <Typography>{payload?.schema}</Typography>\n    </TableCell>\n  )\n}\n","import { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.js'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.js'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { Payload } from '@xyo-network/payload-model'\n\nimport {\n  PayloadAvatar,\n  PayloadCardActionArea,\n  PayloadCardContent,\n  PayloadCardHeader,\n  PayloadDetailsBox,\n  PayloadEditorBox,\n  PayloadTableCell,\n} from './components/index.js'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin.js'\n\nexport const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {\n  canRender: function (payload?: Payload): boolean {\n    return !!payload?.schema\n  },\n  components: {\n    avatar: {\n      image: PayloadAvatar,\n    },\n    box: {\n      detailsBox: PayloadDetailsBox,\n      editor: PayloadEditorBox,\n    },\n    card: {\n      actionArea: PayloadCardActionArea,\n      content: PayloadCardContent,\n      header: PayloadCardHeader,\n    },\n    table: {\n      cell: PayloadTableCell,\n    },\n  },\n  name: 'Payload',\n}\n"],"mappings":";AAAA,SAAS,cAA2B;;;ACApC,SAAoB,WAAXA,gBAAoC;;;ADMpC;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,oBAAC,UAAO,KAAKC,UAAoB,GAAG,OAAO;AACpD;;;AEPA,SAAS,sBAA2C;AACpD,SAAS,kBAAkB;AAMlB,gBAAAC,YAAA;AADF,IAAM,wBAAwB,WAAqE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACnI,SAAO,gBAAAA,KAAC,kBAAgB,GAAG,OAAO;AACpC,CAAC;AAED,sBAAsB,cAAc;;;ACVpC,SAAS,mBAAqC;AAC9C,SAAS,sBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAOrB,gBAAAC,YAAA;AAHC,IAAM,qBAAqBD,YAA+D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1H,SACE,gBAAAC,KAAC,eAAa,GAAG,OACf,0BAAAA,KAAC,kBAAe,SAAkB,GACpC;AAEJ,CAAC;AAED,mBAAmB,cAAc;;;ACdjC,SAAS,kBAAmC;AAC5C,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAMmC,gBAAAC,YAAA;AAFvD,IAAM,oBAAoBD,YAA8D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxH,QAAM,OAAO,eAAe,OAAO;AACnC,SAAO,gBAAAC,KAAC,cAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,gBAAAA,KAAC,aAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G,CAAC;AAED,kBAAkB,cAAc;;;ACXhC,SAAS,kBAAAC,uBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAKlB,gBAAAC,YAAA;AADT,IAAM,oBAAoBD,YAA8D,CAAC,OAAO,QAAQ;AACtG,SAAO,gBAAAC,KAACF,iBAAA,EAAe,KAAW,GAAG,OAAO;AAC9C,CAAC;AAED,kBAAkB,cAAc;;;ACThC,SAAS,kBAAAG,uBAAsB;AAKtB,gBAAAC,YAAA;AADF,IAAM,mBAAsE,CAAC,UAAU;AAC5F,SAAO,gBAAAA,KAACD,iBAAA,EAAgB,GAAG,OAAO;AACpC;;;ACPA,SAAS,WAA2B,kBAAkB;AAQhD,gBAAAE,YAAA;AAHC,IAAM,mBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxG,SACE,gBAAAA,KAAC,aAAW,GAAG,OACb,0BAAAA,KAAC,cAAY,mBAAS,QAAO,GAC/B;AAEJ;;;ACXA,SAAS,aAAa;;;ACaf,IAAM,6BAAkD;AAAA,EAC7D,WAAW,SAAU,SAA4B;AAC/C,WAAO,CAAC,CAAC,SAAS;AAAA,EACpB;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,KAAK;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,MAAM;AACR;;;AD9BO,IAAM,4BAA4B,CAAC,WAA2D;AACnG,SAAO,MAAM,CAAC,GAAG,4BAA4B,MAAM;AACrD;","names":["default","default","jsx","forwardRef","jsx","forwardRef","jsx","PayloadDetails","forwardRef","jsx","PayloadDetails","jsx","jsx"]}

package/dist/neutral/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/PayloadAvatar.tsx","../../src/img/index.ts","../../src/components/PayloadCardActionArea.tsx","../../src/components/PayloadCardContent.tsx","../../src/components/PayloadCardHeader.tsx","../../src/components/PayloadDetailsBox.tsx","../../src/components/PayloadEditorBox.tsx","../../src/components/PayloadTableCell.tsx","../../src/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img/index.js'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps> = ({ ...props }) => {\n  return <Avatar src={DefaultAvatarIcon} {...props} />\n}\n","export { default as DefaultAvatarIcon } from './default-256.jpg'\n","import { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadCardContent = forwardRef<HTMLElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }) => {\n  return (\n    <CardContent {...props}>\n      <PayloadDetails payload={payload} />\n    </CardContent>\n  )\n})\n\nPayloadCardContent.displayName = 'PayloadCardContent'\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadCardHeader = forwardRef<HTMLElement, PayloadRenderProps & CardHeaderProps>(({ payload, ...props }) => {\n  const hash = usePayloadHash(payload)\n  return <CardHeader title=\"Payload\" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />\n})\n\nPayloadCardHeader.displayName = 'PayloadCardHeader'\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\n// DEFAULT IF DONT KNOW WHAT TO RENDER\nexport const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps> = ({ payload, ...props }) => {\n  return (\n    <TableCell {...props}>\n      <Typography>{payload?.schema}</Typography>\n    </TableCell>\n  )\n}\n","import { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.js'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.js'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { Payload } from '@xyo-network/payload-model'\n\nimport {\n  PayloadAvatar,\n  PayloadCardActionArea,\n  PayloadCardContent,\n  PayloadCardHeader,\n  PayloadDetailsBox,\n  PayloadEditorBox,\n  PayloadTableCell,\n} from './components/index.js'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin.js'\n\nexport const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {\n  canRender: function (payload?: Payload): boolean {\n    return !!payload?.schema\n  },\n  components: {\n    avatar: {\n      image: PayloadAvatar,\n    },\n    box: {\n      detailsBox: PayloadDetailsBox,\n      editor: PayloadEditorBox,\n    },\n    card: {\n      actionArea: PayloadCardActionArea,\n      content: PayloadCardContent,\n      header: PayloadCardHeader,\n    },\n    table: {\n      cell: PayloadTableCell,\n    },\n  },\n  name: 'Payload',\n}\n"],"mappings":";AAAA,SAAS,cAA2B;;;ACApC,SAAoB,WAAXA,gBAAoC;;;ADMpC;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,oBAAC,UAAO,KAAKC,UAAoB,GAAG,OAAO;AACpD;;;AEPA,SAAS,sBAA2C;AACpD,SAAS,kBAAkB;AAMlB,gBAAAC,YAAA;AADF,IAAM,wBAAwB,WAAqE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACnI,SAAO,gBAAAA,KAAC,kBAAgB,GAAG,OAAO;AACpC,CAAC;AAED,sBAAsB,cAAc;;;ACVpC,SAAS,mBAAqC;AAC9C,SAAS,sBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAOrB,gBAAAC,YAAA;AAHC,IAAM,qBAAqBD,YAA+D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1H,SACE,gBAAAC,KAAC,eAAa,GAAG,OACf,0BAAAA,KAAC,kBAAe,SAAkB,GACpC;AAEJ,CAAC;AAED,mBAAmB,cAAc;;;ACdjC,SAAS,kBAAmC;AAC5C,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAMmC,gBAAAC,YAAA;AAFvD,IAAM,oBAAoBD,YAA8D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxH,QAAM,OAAO,eAAe,OAAO;AACnC,SAAO,gBAAAC,KAAC,cAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,gBAAAA,KAAC,aAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G,CAAC;AAED,kBAAkB,cAAc;;;ACXhC,SAAS,kBAAAC,uBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAKlB,gBAAAC,YAAA;AADT,IAAM,oBAAoBD,YAA8D,CAAC,OAAO,QAAQ;AACtG,SAAO,gBAAAC,KAACF,iBAAA,EAAe,KAAW,GAAG,OAAO;AAC9C,CAAC;AAED,kBAAkB,cAAc;;;ACThC,SAAS,kBAAAG,uBAAsB;AAKtB,gBAAAC,YAAA;AADF,IAAM,mBAAsE,CAAC,UAAU;AAC5F,SAAO,gBAAAA,KAACD,iBAAA,EAAgB,GAAG,OAAO;AACpC;;;ACPA,SAAS,WAA2B,kBAAkB;AAQhD,gBAAAE,YAAA;AAHC,IAAM,mBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxG,SACE,gBAAAA,KAAC,aAAW,GAAG,OACb,0BAAAA,KAAC,cAAY,mBAAS,QAAO,GAC/B;AAEJ;;;ACXA,SAAS,aAAa;;;ACaf,IAAM,6BAAkD;AAAA,EAC7D,WAAW,SAAU,SAA4B;AAC/C,WAAO,CAAC,CAAC,SAAS;AAAA,EACpB;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,KAAK;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,MAAM;AACR;;;AD9BO,IAAM,4BAA4B,CAAC,WAA2D;AACnG,SAAO,MAAM,CAAC,GAAG,4BAA4B,MAAM;AACrD;","names":["default","default","jsx","forwardRef","jsx","forwardRef","jsx","PayloadDetails","forwardRef","jsx","PayloadDetails","jsx","jsx"]}

package/dist/node/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/PayloadAvatar.tsx","../../src/img/index.ts","../../src/components/PayloadCardActionArea.tsx","../../src/components/PayloadCardContent.tsx","../../src/components/PayloadCardHeader.tsx","../../src/components/PayloadDetailsBox.tsx","../../src/components/PayloadEditorBox.tsx","../../src/components/PayloadTableCell.tsx","../../src/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img/index.js'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps> = ({ ...props }) => {\n  return <Avatar src={DefaultAvatarIcon} {...props} />\n}\n","export { default as DefaultAvatarIcon } from './default-256.jpg'\n","import { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadCardContent = forwardRef<HTMLElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }) => {\n  return (\n    <CardContent {...props}>\n      <PayloadDetails payload={payload} />\n    </CardContent>\n  )\n})\n\nPayloadCardContent.displayName = 'PayloadCardContent'\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadCardHeader = forwardRef<HTMLElement, PayloadRenderProps & CardHeaderProps>(({ payload, ...props }) => {\n  const hash = usePayloadHash(payload)\n  return <CardHeader title=\"Payload\" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />\n})\n\nPayloadCardHeader.displayName = 'PayloadCardHeader'\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\n// DEFAULT IF DONT KNOW WHAT TO RENDER\nexport const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps> = ({ payload, ...props }) => {\n  return (\n    <TableCell {...props}>\n      <Typography>{payload?.schema}</Typography>\n    </TableCell>\n  )\n}\n","import { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.js'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.js'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { Payload } from '@xyo-network/payload-model'\n\nimport {\n  PayloadAvatar,\n  PayloadCardActionArea,\n  PayloadCardContent,\n  PayloadCardHeader,\n  PayloadDetailsBox,\n  PayloadEditorBox,\n  PayloadTableCell,\n} from './components/index.js'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin.js'\n\nexport const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {\n  canRender: function (payload?: Payload): boolean {\n    return !!payload?.schema\n  },\n  components: {\n    avatar: {\n      image: PayloadAvatar,\n    },\n    box: {\n      detailsBox: PayloadDetailsBox,\n      editor: PayloadEditorBox,\n    },\n    card: {\n      actionArea: PayloadCardActionArea,\n      content: PayloadCardContent,\n      header: PayloadCardHeader,\n    },\n    table: {\n      cell: PayloadTableCell,\n    },\n  },\n  name: 'Payload',\n}\n"],"mappings":";AAAA,SAAS,cAA2B;;;ACApC,SAAoB,WAAXA,gBAAoC;;;ADMpC;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,oBAAC,UAAO,KAAKC,UAAoB,GAAG,OAAO;AACpD;;;AEPA,SAAS,sBAA2C;AACpD,SAAS,kBAAkB;AAMlB,gBAAAC,YAAA;AADF,IAAM,wBAAwB,WAAqE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACnI,SAAO,gBAAAA,KAAC,kBAAgB,GAAG,OAAO;AACpC,CAAC;AAED,sBAAsB,cAAc;;;ACVpC,SAAS,mBAAqC;AAC9C,SAAS,sBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAOrB,gBAAAC,YAAA;AAHC,IAAM,qBAAqBD,YAA+D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1H,SACE,gBAAAC,KAAC,eAAa,GAAG,OACf,0BAAAA,KAAC,kBAAe,SAAkB,GACpC;AAEJ,CAAC;AAED,mBAAmB,cAAc;;;ACdjC,SAAS,kBAAmC;AAC5C,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAMmC,gBAAAC,YAAA;AAFvD,IAAM,oBAAoBD,YAA8D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxH,QAAM,OAAO,eAAe,OAAO;AACnC,SAAO,gBAAAC,KAAC,cAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,gBAAAA,KAAC,aAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G,CAAC;AAED,kBAAkB,cAAc;;;ACXhC,SAAS,kBAAAC,uBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAKlB,gBAAAC,YAAA;AADT,IAAM,oBAAoBD,YAA8D,CAAC,OAAO,QAAQ;AACtG,SAAO,gBAAAC,KAACF,iBAAA,EAAe,KAAW,GAAG,OAAO;AAC9C,CAAC;AAED,kBAAkB,cAAc;;;ACThC,SAAS,kBAAAG,uBAAsB;AAKtB,gBAAAC,YAAA;AADF,IAAM,mBAAsE,CAAC,UAAU;AAC5F,SAAO,gBAAAA,KAACD,iBAAA,EAAgB,GAAG,OAAO;AACpC;;;ACPA,SAAS,WAA2B,kBAAkB;AAQhD,gBAAAE,YAAA;AAHC,IAAM,mBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxG,SACE,gBAAAA,KAAC,aAAW,GAAG,OACb,0BAAAA,KAAC,cAAY,6CAAS,QAAO,GAC/B;AAEJ;;;ACXA,SAAS,aAAa;;;ACaf,IAAM,6BAAkD;AAAA,EAC7D,WAAW,SAAU,SAA4B;AAC/C,WAAO,CAAC,EAAC,mCAAS;AAAA,EACpB;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,KAAK;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,MAAM;AACR;;;AD9BO,IAAM,4BAA4B,CAAC,WAA2D;AACnG,SAAO,MAAM,CAAC,GAAG,4BAA4B,MAAM;AACrD;","names":["default","default","jsx","forwardRef","jsx","forwardRef","jsx","PayloadDetails","forwardRef","jsx","PayloadDetails","jsx","jsx"]}