@xyo-network/react-payload-plugin 2.81.10 → 2.83.0

package/dist/browser/index.d.ts

@@ -1,5 +1,104 @@
-export * from './components/index.js';
-export * from './createPayloadRenderPlugin.js';
-export * from './DefaultPayloadRenderPlugin.js';
-export * from './PayloadRenderPlugin.js';
-//# sourceMappingURL=index.d.ts.map
+import * as _mui_material from '@mui/material';
+import { CardActionAreaProps, CardContentProps, CardHeaderProps, AvatarProps, TableCellProps, MenuItemProps, MenuListProps, CardProps } from '@mui/material';
+import React, { ForwardRefExoticComponent, PropsWithoutRef, ComponentType } from 'react';
+import * as _xylabs_react_flexbox from '@xylabs/react-flexbox';
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import * as _xyo_network_payload_model from '@xyo-network/payload-model';
+import { Payload } from '@xyo-network/payload-model';
+import { ListMode } from '@xyo-network/react-shared';
+import * as _mui_material_OverridableComponent_js from '@mui/material/OverridableComponent.js';
+
+interface PayloadRenderProps<T extends Payload = Payload> {
+    payload?: T;
+}
+interface PayloadDetailsRenderProps extends PayloadRenderProps {
+    active?: boolean;
+    listMode?: ListMode;
+    visibleRows?: number;
+}
+interface PayloadEditorRenderProps extends PayloadDetailsRenderProps {
+    onChange?: (payload: Payload) => boolean;
+}
+interface PayloadRenderPluginBase {
+    canRender: (payload?: Payload) => boolean;
+    name: string;
+}
+interface PayloadRenderPluginCardComponents {
+    actionArea: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardActionAreaProps>>;
+    content: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardContentProps>>;
+    header: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardHeaderProps>>;
+}
+interface PayloadRenderPluginAvatarComponents {
+    image: ComponentType<PayloadRenderProps & AvatarProps>;
+}
+interface PayloadRenderPluginTableComponents {
+    cell: ComponentType<PayloadRenderProps & TableCellProps>;
+}
+interface PayloadRenderPluginMenuComponents {
+    item: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & MenuItemProps>>;
+    list: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & MenuListProps>>;
+}
+interface PayloadRenderPluginBoxComponents {
+    details?: ComponentType<PayloadDetailsRenderProps & FlexBoxProps>;
+    detailsBox: ComponentType<PayloadDetailsRenderProps & FlexBoxProps>;
+    detailsCard?: ComponentType<PayloadDetailsRenderProps & CardProps>;
+    editor: ComponentType<PayloadEditorRenderProps & FlexBoxProps>;
+    listModes?: ListMode[];
+}
+interface PayloadRenderPluginComponents {
+    avatar: PayloadRenderPluginAvatarComponents;
+    box: PayloadRenderPluginBoxComponents;
+    card: PayloadRenderPluginCardComponents;
+    table: PayloadRenderPluginTableComponents;
+}
+interface PayloadRenderPluginComponentsConfig {
+    avatar?: Partial<PayloadRenderPluginAvatarComponents>;
+    box?: Partial<PayloadRenderPluginBoxComponents>;
+    card?: Partial<PayloadRenderPluginCardComponents>;
+    menu?: Partial<PayloadRenderPluginMenuComponents>;
+    table?: Partial<PayloadRenderPluginTableComponents>;
+}
+interface PayloadRenderPlugin extends PayloadRenderPluginBase {
+    components: PayloadRenderPluginComponents;
+}
+interface PayloadRenderPluginConfig extends PayloadRenderPluginBase {
+    components?: PayloadRenderPluginComponentsConfig;
+}
+
+declare const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps>;
+
+declare const PayloadCardActionArea: React.ForwardRefExoticComponent<Omit<PayloadRenderProps<{
+    schema: string;
+} & _xyo_network_payload_model.PayloadFields> & _mui_material.CardActionAreaOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent_js.CommonProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef"> & {
+    component?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare const PayloadCardContent: React.ForwardRefExoticComponent<Omit<PayloadRenderProps<{
+    schema: string;
+} & _xyo_network_payload_model.PayloadFields> & _mui_material.CardContentOwnProps & _mui_material_OverridableComponent_js.CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx"> & {
+    component?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLElement>>;
+
+declare const PayloadCardHeader: React.ForwardRefExoticComponent<Omit<PayloadRenderProps<{
+    schema: string;
+} & _xyo_network_payload_model.PayloadFields> & _mui_material.CardHeaderOwnProps<"span", "span"> & _mui_material_OverridableComponent_js.CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "action" | "sx" | "title" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps">, "ref"> & React.RefAttributes<HTMLElement>>;
+
+declare const PayloadDetailsBox: React.ForwardRefExoticComponent<PayloadRenderProps<{
+    schema: string;
+} & _xyo_network_payload_model.PayloadFields> & _xylabs_react_flexbox.BusyBoxProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps>;
+
+declare const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps>;
+
+declare const createPayloadRenderPlugin: (plugin: PayloadRenderPluginConfig) => PayloadRenderPlugin;
+
+declare const DefaultPayloadRenderPlugin: PayloadRenderPlugin;
+
+export { DefaultPayloadRenderPlugin, PayloadAvatar, PayloadCardActionArea, PayloadCardContent, PayloadCardHeader, PayloadDetailsBox, type PayloadDetailsRenderProps, PayloadEditorBox, type PayloadEditorRenderProps, type PayloadRenderPlugin, type PayloadRenderPluginAvatarComponents, type PayloadRenderPluginBase, type PayloadRenderPluginBoxComponents, type PayloadRenderPluginCardComponents, type PayloadRenderPluginComponents, type PayloadRenderPluginComponentsConfig, type PayloadRenderPluginConfig, type PayloadRenderPluginMenuComponents, type PayloadRenderPluginTableComponents, type PayloadRenderProps, PayloadTableCell, createPayloadRenderPlugin };

package/dist/browser/{index.js → index.mjs}

@@ -1,31 +1,37 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
 // src/components/PayloadAvatar.tsx
 import { Avatar } from "@mui/material";
+import React from "react";
 
 // src/img/index.ts
 import { default as default2 } from "./default-256-FF63Q77N.jpg";
 
 // src/components/PayloadAvatar.tsx
-import { jsx } from "react/jsx-runtime";
-var PayloadAvatar = ({ ...props }) => {
-  return /* @__PURE__ */ jsx(Avatar, { src: default2, ...props });
-};
+var PayloadAvatar = /* @__PURE__ */ __name(({ ...props }) => {
+  return /* @__PURE__ */ React.createElement(Avatar, {
+    src: default2,
+    ...props
+  });
+}, "PayloadAvatar");
 
 // src/components/PayloadCardActionArea.tsx
 import { CardActionArea } from "@mui/material";
-import { forwardRef } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var PayloadCardActionArea = forwardRef(({ payload, ...props }) => {
-  return /* @__PURE__ */ jsx2(CardActionArea, { ...props });
+import React2, { forwardRef } from "react";
+var PayloadCardActionArea = /* @__PURE__ */ forwardRef(({ ref, payload, ...props }) => {
+  return /* @__PURE__ */ React2.createElement(CardActionArea, props);
 });
 PayloadCardActionArea.displayName = "ButtonExXYLabs";
 
 // src/components/PayloadCardContent.tsx
 import { CardContent } from "@mui/material";
 import { PayloadDetails } from "@xyo-network/react-payload-details";
-import { forwardRef as forwardRef2 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var PayloadCardContent = forwardRef2(({ payload, ...props }) => {
-  return /* @__PURE__ */ jsx3(CardContent, { ...props, children: /* @__PURE__ */ jsx3(PayloadDetails, { payload }) });
+import React3, { forwardRef as forwardRef2 } from "react";
+var PayloadCardContent = /* @__PURE__ */ forwardRef2(({ payload, ...props }) => {
+  return /* @__PURE__ */ React3.createElement(CardContent, props, /* @__PURE__ */ React3.createElement(PayloadDetails, {
+    payload
+  }));
 });
 PayloadCardContent.displayName = "PayloadCardContent";
 
@@ -33,45 +39,54 @@ PayloadCardContent.displayName = "PayloadCardContent";
 import { CardHeader } from "@mui/material";
 import { Identicon } from "@xylabs/react-identicon";
 import { usePayloadHash } from "@xyo-network/react-shared";
-import { forwardRef as forwardRef3 } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var PayloadCardHeader = forwardRef3(({ payload, ...props }) => {
+import React4, { forwardRef as forwardRef3 } from "react";
+var PayloadCardHeader = /* @__PURE__ */ forwardRef3(({ payload, ...props }) => {
   const hash = usePayloadHash(payload);
-  return /* @__PURE__ */ jsx4(CardHeader, { title: "Payload", subheader: hash, avatar: /* @__PURE__ */ jsx4(Identicon, { size: 24, value: hash }), ...props });
+  return /* @__PURE__ */ React4.createElement(CardHeader, {
+    title: "Payload",
+    subheader: hash,
+    avatar: /* @__PURE__ */ React4.createElement(Identicon, {
+      size: 24,
+      value: hash
+    }),
+    ...props
+  });
 });
 PayloadCardHeader.displayName = "PayloadCardHeader";
 
 // src/components/PayloadDetailsBox.tsx
 import { PayloadDetails as PayloadDetails2 } from "@xyo-network/react-payload-details";
-import { forwardRef as forwardRef4 } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var PayloadDetailsBox = forwardRef4((props, ref) => {
-  return /* @__PURE__ */ jsx5(PayloadDetails2, { ref, ...props });
+import React5, { forwardRef as forwardRef4 } from "react";
+var PayloadDetailsBox = /* @__PURE__ */ forwardRef4((props, ref) => {
+  return /* @__PURE__ */ React5.createElement(PayloadDetails2, {
+    ref,
+    ...props
+  });
 });
 PayloadDetailsBox.displayName = "PayloadDetailsBox";
 
 // src/components/PayloadEditorBox.tsx
 import { PayloadDetails as PayloadDetails3 } from "@xyo-network/react-payload-details";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var PayloadEditorBox = (props) => {
-  return /* @__PURE__ */ jsx6(PayloadDetails3, { ...props });
-};
+import React6 from "react";
+var PayloadEditorBox = /* @__PURE__ */ __name((props) => {
+  return /* @__PURE__ */ React6.createElement(PayloadDetails3, props);
+}, "PayloadEditorBox");
 
 // src/components/PayloadTableCell.tsx
 import { TableCell, Typography } from "@mui/material";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var PayloadTableCell = ({ payload, ...props }) => {
-  return /* @__PURE__ */ jsx7(TableCell, { ...props, children: /* @__PURE__ */ jsx7(Typography, { children: payload?.schema }) });
-};
+import React7 from "react";
+var PayloadTableCell = /* @__PURE__ */ __name(({ payload, ...props }) => {
+  return /* @__PURE__ */ React7.createElement(TableCell, props, /* @__PURE__ */ React7.createElement(Typography, null, payload?.schema));
+}, "PayloadTableCell");
 
 // src/createPayloadRenderPlugin.ts
 import { merge } from "@xylabs/lodash";
 
 // src/DefaultPayloadRenderPlugin.ts
 var DefaultPayloadRenderPlugin = {
-  canRender: function(payload) {
+  canRender: /* @__PURE__ */ __name(function(payload) {
     return !!payload?.schema;
-  },
+  }, "canRender"),
   components: {
     avatar: {
       image: PayloadAvatar
@@ -93,9 +108,9 @@ var DefaultPayloadRenderPlugin = {
 };
 
 // src/createPayloadRenderPlugin.ts
-var createPayloadRenderPlugin = (plugin) => {
+var createPayloadRenderPlugin = /* @__PURE__ */ __name((plugin) => {
   return merge({}, DefaultPayloadRenderPlugin, plugin);
-};
+}, "createPayloadRenderPlugin");
 export {
   DefaultPayloadRenderPlugin,
   PayloadAvatar,
@@ -107,4 +122,4 @@ export {
   PayloadTableCell,
   createPayloadRenderPlugin
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/browser/index.mjs.map

@@ -0,0 +1 @@
+{"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'\nimport React from 'react'\n\nimport { DefaultAvatarIcon } from '../img/index.ts'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\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 React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars, @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ ref, 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 React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref\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 React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref\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 React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\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'\nimport React from 'react'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\nimport React from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\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.ts'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts'\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.ts'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'\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,SAASA,cAA2B;AACpC,OAAOC,WAAW;;;ACDlB,SAAoBC,WAAXC,gBAAoC;;;ADMtC,IAAMC,gBAA4D,wBAAC,EAAE,GAAGC,MAAAA,MAAO;AACpF,SAAO,sBAAA,cAACC,QAAAA;IAAOC,KAAKC;IAAoB,GAAGH;;AAC7C,GAFyE;;;AENzE,SAASI,sBAA2C;AACpD,OAAOC,UAASC,kBAAkB;AAK3B,IAAMC,wBAAwBD,2BAAqE,CAAC,EAAEE,KAAKC,SAAS,GAAGC,MAAAA,MAAO;AACnI,SAAO,gBAAAL,OAAA,cAACD,gBAAmBM,KAAAA;AAC7B,CAAA;AAEAH,sBAAsBI,cAAc;;;ACVpC,SAASC,mBAAqC;AAC9C,SAASC,sBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAK3B,IAAMC,qBAAqBD,gBAAAA,YAA+D,CAAC,EAAEE,SAAS,GAAGC,MAAAA,MAAO;AACrH,SACE,gBAAAJ,OAAA,cAACF,aAAgBM,OACf,gBAAAJ,OAAA,cAACD,gBAAAA;IAAeI;;AAGtB,CAAA;AAEAD,mBAAmBG,cAAc;;;ACfjC,SAASC,kBAAmC;AAC5C,SAASC,iBAAiB;AAC1B,SAASC,sBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAK3B,IAAMC,oBAAoBD,gBAAAA,YAA8D,CAAC,EAAEE,SAAS,GAAGC,MAAAA,MAAO;AACnH,QAAMC,OAAON,eAAeI,OAAAA;AAC5B,SAAO,gBAAAH,OAAA,cAACH,YAAAA;IAAWS,OAAM;IAAUC,WAAWF;IAAMG,QAAQ,gBAAAR,OAAA,cAACF,WAAAA;MAAUW,MAAM;MAAIC,OAAOL;;IAAW,GAAGD;;AACxG,CAAA;AAEAF,kBAAkBS,cAAc;;;ACZhC,SAASC,kBAAAA,uBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAIlC,IAAMC,oBAAoBD,gBAAAA,YAA8D,CAACE,OAAOC,QAAAA;AAC9F,SAAO,gBAAAJ,OAAA,cAACD,iBAAAA;IAAeK;IAAW,GAAGD;;AACvC,CAAA;AAEAD,kBAAkBG,cAAc;;;ACThC,SAASC,kBAAAA,uBAAsB;AAC/B,OAAOC,YAAW;AAIX,IAAMC,mBAAsE,wBAACC,UAAAA;AAClF,SAAO,gBAAAC,OAAA,cAACC,iBAAmBF,KAAAA;AAC7B,GAFmF;;;ACNnF,SAASG,WAA2BC,kBAAkB;AACtD,OAAOC,YAAW;AAKX,IAAMC,mBAAkE,wBAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AACnG,SACE,gBAAAC,OAAA,cAACC,WAAcF,OACb,gBAAAC,OAAA,cAACE,YAAAA,MAAYJ,SAASK,MAAAA,CAAAA;AAG5B,GAN+E;;;ACN/E,SAASC,aAAa;;;ACaf,IAAMC,6BAAkD;EAC7DC,WAAW,gCAAUC,SAAiB;AACpC,WAAO,CAAC,CAACA,SAASC;EACpB,GAFW;EAGXC,YAAY;IACVC,QAAQ;MACNC,OAAOC;IACT;IACAC,KAAK;MACHC,YAAYC;MACZC,QAAQC;IACV;IACAC,MAAM;MACJC,YAAYC;MACZC,SAASC;MACTC,QAAQC;IACV;IACAC,OAAO;MACLC,MAAMC;IACR;EACF;EACAC,MAAM;AACR;;;AD9BO,IAAMC,4BAA4B,wBAACC,WAAAA;AACxC,SAAOC,MAAM,CAAC,GAAGC,4BAA4BF,MAAAA;AAC/C,GAFyC;","names":["Avatar","React","DefaultAvatarIcon","default","PayloadAvatar","props","Avatar","src","DefaultAvatarIcon","CardActionArea","React","forwardRef","PayloadCardActionArea","ref","payload","props","displayName","CardContent","PayloadDetails","React","forwardRef","PayloadCardContent","payload","props","displayName","CardHeader","Identicon","usePayloadHash","React","forwardRef","PayloadCardHeader","payload","props","hash","title","subheader","avatar","size","value","displayName","PayloadDetails","React","forwardRef","PayloadDetailsBox","props","ref","displayName","PayloadDetails","React","PayloadEditorBox","props","React","PayloadDetails","TableCell","Typography","React","PayloadTableCell","payload","props","React","TableCell","Typography","schema","merge","DefaultPayloadRenderPlugin","canRender","payload","schema","components","avatar","image","PayloadAvatar","box","detailsBox","PayloadDetailsBox","editor","PayloadEditorBox","card","actionArea","PayloadCardActionArea","content","PayloadCardContent","header","PayloadCardHeader","table","cell","PayloadTableCell","name","createPayloadRenderPlugin","plugin","merge","DefaultPayloadRenderPlugin"]}

package/package.json

@@ -10,15 +10,15 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/lodash": "^3.6.4",
-    "@xylabs/react-flexbox": "^3.4.1",
-    "@xylabs/react-identicon": "^3.4.1",
-    "@xyo-network/payload-model": "^2.110.9",
-    "@xyo-network/react-payload-details": "^2.81.10",
-    "@xyo-network/react-shared": "^2.81.10"
+    "@xylabs/lodash": "^3.6.12",
+    "@xylabs/react-flexbox": "^3.4.2",
+    "@xylabs/react-identicon": "^3.4.2",
+    "@xyo-network/payload-model": "^2.111.3",
+    "@xyo-network/react-payload-details": "^2.83.0",
+    "@xyo-network/react-shared": "^2.83.0"
   },
   "devDependencies": {
-    "@xylabs/ts-scripts-yarn3": "^3.12.4",
+    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.7",
     "typescript": "^5.5.4"
   },
   "peerDependencies": {
@@ -34,32 +34,16 @@
   "docs": "dist/docs.json",
   "exports": {
     ".": {
-      "node": {
-        "import": {
-          "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.js"
-        },
-        "require": {
-          "types": "./dist/node/index.d.cts",
-          "default": "./dist/node/index.cjs"
-        }
+      "import": {
+        "types": "./dist/browser/index.d.ts",
+        "default": "./dist/browser/index.mjs"
       },
-      "browser": {
-        "import": {
-          "types": "./dist/browser/index.d.mts",
-          "default": "./dist/browser/index.js"
-        },
-        "require": {
-          "types": "./dist/browser/index.d.cts",
-          "default": "./dist/browser/index.cjs"
-        }
-      },
-      "default": "./dist/browser/index.js"
+      "types": "./dist/browser/index.d.ts",
+      "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/browser/index.cjs",
-  "module": "dist/browser/index.js",
+  "module": "dist/browser/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -81,6 +65,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.81.10",
+  "version": "2.83.0",
   "type": "module"
 }

package/src/DefaultPayloadRenderPlugin.ts

@@ -8,8 +8,8 @@ import {
   PayloadDetailsBox,
   PayloadEditorBox,
   PayloadTableCell,
-} from './components/index.js'
-import { PayloadRenderPlugin } from './PayloadRenderPlugin.js'
+} from './components/index.ts'
+import { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'
 
 export const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {
   canRender: function (payload?: Payload): boolean {

package/src/components/PayloadAvatar.tsx

@@ -1,7 +1,8 @@
 import { Avatar, AvatarProps } from '@mui/material'
+import React from 'react'
 
-import { DefaultAvatarIcon } from '../img/index.js'
-import { PayloadRenderProps } from '../PayloadRenderPlugin.js'
+import { DefaultAvatarIcon } from '../img/index.ts'
+import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
 export const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps> = ({ ...props }) => {
   return <Avatar src={DefaultAvatarIcon} {...props} />

package/src/components/PayloadCardActionArea.tsx

@@ -1,10 +1,10 @@
 import { CardActionArea, CardActionAreaProps } from '@mui/material'
-import { forwardRef } from 'react'
+import React, { forwardRef } from 'react'
 
-import { PayloadRenderProps } from '../PayloadRenderPlugin.js'
+import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {
+// eslint-disable-next-line @typescript-eslint/no-unused-vars, @eslint-react/ensure-forward-ref-using-ref
+export const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ ref, payload, ...props }) => {
   return <CardActionArea {...props} />
 })
 

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/xy.config.ts

@@ -0,0 +1,12 @@
+import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+const config: XyTsupConfig = {
+  compile: {
+    browser: {
+      src: true,
+    },
+    node: {},
+    neutral: {},
+  },
+}
+
+export default config

package/dist/browser/DefaultPayloadRenderPlugin.d.cts

@@ -1,3 +0,0 @@
-import { PayloadRenderPlugin } from './PayloadRenderPlugin.js';
-export declare const DefaultPayloadRenderPlugin: PayloadRenderPlugin;
-//# sourceMappingURL=DefaultPayloadRenderPlugin.d.ts.map

package/dist/browser/DefaultPayloadRenderPlugin.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultPayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/DefaultPayloadRenderPlugin.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAO,MAAM,0BAA0B,EAAE,mBAsBxC,CAAA"}

package/dist/browser/DefaultPayloadRenderPlugin.d.mts

@@ -1,3 +0,0 @@
-import { PayloadRenderPlugin } from './PayloadRenderPlugin.js';
-export declare const DefaultPayloadRenderPlugin: PayloadRenderPlugin;
-//# sourceMappingURL=DefaultPayloadRenderPlugin.d.ts.map

package/dist/browser/DefaultPayloadRenderPlugin.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultPayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/DefaultPayloadRenderPlugin.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAO,MAAM,0BAA0B,EAAE,mBAsBxC,CAAA"}

package/dist/browser/DefaultPayloadRenderPlugin.d.ts

@@ -1,3 +0,0 @@
-import { PayloadRenderPlugin } from './PayloadRenderPlugin.js';
-export declare const DefaultPayloadRenderPlugin: PayloadRenderPlugin;
-//# sourceMappingURL=DefaultPayloadRenderPlugin.d.ts.map

package/dist/browser/DefaultPayloadRenderPlugin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultPayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/DefaultPayloadRenderPlugin.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAO,MAAM,0BAA0B,EAAE,mBAsBxC,CAAA"}

package/dist/browser/PayloadRenderPlugin.d.cts

@@ -1,62 +0,0 @@
-import { AvatarProps, CardActionAreaProps, CardContentProps, CardHeaderProps, CardProps, MenuItemProps, MenuListProps, TableCellProps } from '@mui/material';
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import { Payload } from '@xyo-network/payload-model';
-import { ListMode } from '@xyo-network/react-shared';
-import { ComponentType, ForwardRefExoticComponent, PropsWithoutRef } from 'react';
-export interface PayloadRenderProps<T extends Payload = Payload> {
-    payload?: T;
-}
-export interface PayloadDetailsRenderProps extends PayloadRenderProps {
-    active?: boolean;
-    listMode?: ListMode;
-    visibleRows?: number;
-}
-export interface PayloadEditorRenderProps extends PayloadDetailsRenderProps {
-    onChange?: (payload: Payload) => boolean;
-}
-export interface PayloadRenderPluginBase {
-    canRender: (payload?: Payload) => boolean;
-    name: string;
-}
-export interface PayloadRenderPluginCardComponents {
-    actionArea: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardActionAreaProps>>;
-    content: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardContentProps>>;
-    header: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardHeaderProps>>;
-}
-export interface PayloadRenderPluginAvatarComponents {
-    image: ComponentType<PayloadRenderProps & AvatarProps>;
-}
-export interface PayloadRenderPluginTableComponents {
-    cell: ComponentType<PayloadRenderProps & TableCellProps>;
-}
-export interface PayloadRenderPluginMenuComponents {
-    item: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & MenuItemProps>>;
-    list: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & MenuListProps>>;
-}
-export interface PayloadRenderPluginBoxComponents {
-    details?: ComponentType<PayloadDetailsRenderProps & FlexBoxProps>;
-    detailsBox: ComponentType<PayloadDetailsRenderProps & FlexBoxProps>;
-    detailsCard?: ComponentType<PayloadDetailsRenderProps & CardProps>;
-    editor: ComponentType<PayloadEditorRenderProps & FlexBoxProps>;
-    listModes?: ListMode[];
-}
-export interface PayloadRenderPluginComponents {
-    avatar: PayloadRenderPluginAvatarComponents;
-    box: PayloadRenderPluginBoxComponents;
-    card: PayloadRenderPluginCardComponents;
-    table: PayloadRenderPluginTableComponents;
-}
-export interface PayloadRenderPluginComponentsConfig {
-    avatar?: Partial<PayloadRenderPluginAvatarComponents>;
-    box?: Partial<PayloadRenderPluginBoxComponents>;
-    card?: Partial<PayloadRenderPluginCardComponents>;
-    menu?: Partial<PayloadRenderPluginMenuComponents>;
-    table?: Partial<PayloadRenderPluginTableComponents>;
-}
-export interface PayloadRenderPlugin extends PayloadRenderPluginBase {
-    components: PayloadRenderPluginComponents;
-}
-export interface PayloadRenderPluginConfig extends PayloadRenderPluginBase {
-    components?: PayloadRenderPluginComponentsConfig;
-}
-//# sourceMappingURL=PayloadRenderPlugin.d.ts.map

package/dist/browser/PayloadRenderPlugin.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/PayloadRenderPlugin.ts"],"names":[],"mappings":"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"}