@xyo-network/react-payload-plugin 3.0.2 → 3.0.4

package/dist/browser/DefaultPayloadRenderPlugin.d.ts

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

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

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

package/dist/browser/PayloadRenderPlugin.d.ts

@@ -0,0 +1,62 @@
+import type { AvatarProps, CardActionAreaProps, CardContentProps, CardHeaderProps, CardProps, MenuItemProps, MenuListProps, TableCellProps } from '@mui/material';
+import type { FlexBoxProps } from '@xylabs/react-flexbox';
+import type { Payload } from '@xyo-network/payload-model';
+import type { ListMode } from '@xyo-network/react-shared';
+import type { 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.ts.map

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

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

@@ -0,0 +1,5 @@
+import type { AvatarProps } from '@mui/material';
+import React from 'react';
+import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
+export declare const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps>;
+//# sourceMappingURL=PayloadAvatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,WAAW,CAEpE,CAAA"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
+export declare const PayloadCardActionArea: React.ForwardRefExoticComponent<Omit<PayloadRenderProps<{
+    schema: string;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardActionAreaOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@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>>;
+//# sourceMappingURL=PayloadCardActionArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadCardActionArea.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardActionArea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAGnE,eAAO,MAAM,qBAAqB;;;;;;gDAIhC,CAAA"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
+export declare const PayloadCardContent: React.ForwardRefExoticComponent<Omit<PayloadRenderProps<{
+    schema: string;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardContentOwnProps & import("@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>>;
+//# sourceMappingURL=PayloadCardContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadCardContent.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAGnE,eAAO,MAAM,kBAAkB;;;;;;6CAM7B,CAAA"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
+export declare const PayloadCardHeader: React.ForwardRefExoticComponent<Omit<PayloadRenderProps<{
+    schema: string;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@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>>;
+//# sourceMappingURL=PayloadCardHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadCardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAGnE,eAAO,MAAM,iBAAiB;;;;kNAG5B,CAAA"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
+declare const PayloadDetailsBox: React.ForwardRefExoticComponent<PayloadRenderProps<{
+    schema: string;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@xylabs/react-flexbox").BusyBoxProps & React.RefAttributes<HTMLDivElement>>;
+export { PayloadDetailsBox };
+//# sourceMappingURL=PayloadDetailsBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadDetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDetailsBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,QAAA,MAAM,iBAAiB;;6IAErB,CAAA;AAGF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

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

@@ -0,0 +1,5 @@
+import type { FlexBoxProps } from '@xylabs/react-flexbox';
+import React from 'react';
+import type { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts';
+export declare const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps>;
+//# sourceMappingURL=PayloadEditorBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadEditorBox.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadEditorBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAEzE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,GAAG,YAAY,CAE9E,CAAA"}

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

@@ -0,0 +1,5 @@
+import type { TableCellProps } from '@mui/material';
+import React from 'react';
+import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
+export declare const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps>;
+//# sourceMappingURL=PayloadTableCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadTableCell.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAGnE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,cAAc,CAM1E,CAAA"}

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

@@ -0,0 +1,8 @@
+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';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA"}

package/dist/browser/createPayloadRenderPlugin.d.ts

@@ -0,0 +1,3 @@
+import type { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts';
+export declare const createPayloadRenderPlugin: (plugin: PayloadRenderPluginConfig) => PayloadRenderPlugin;
+//# sourceMappingURL=createPayloadRenderPlugin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createPayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/createPayloadRenderPlugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAA;AAE9F,eAAO,MAAM,yBAAyB,WAAY,yBAAyB,KAAG,mBAE7E,CAAA"}

package/dist/browser/img/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DefaultAvatarIcon } from './default-256.jpg';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/img/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/img/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/browser/index.d.ts

@@ -1,104 +1,5 @@
-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 };
+export * from './components/index.ts';
+export * from './createPayloadRenderPlugin.ts';
+export * from './DefaultPayloadRenderPlugin.ts';
+export * from './PayloadRenderPlugin.ts';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA"}

package/dist/browser/index.mjs.map

@@ -1 +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/DefaultPayloadRenderPlugin.ts","../../src/createPayloadRenderPlugin.ts"],"sourcesContent":["import type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport React from 'react'\n\nimport { DefaultAvatarIcon } from '../img/index.ts'\nimport type { 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 type { CardActionAreaProps } from '@mui/material'\nimport { CardActionArea } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport type { 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 type { CardContentProps } from '@mui/material'\nimport { CardContent } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React, { forwardRef } from 'react'\n\nimport type { 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 type { CardHeaderProps } from '@mui/material'\nimport { CardHeader } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport React, { forwardRef } from 'react'\n\nimport type { 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 type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React, { forwardRef } from 'react'\n\nimport type { 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 type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport type { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import type { TableCellProps } from '@mui/material'\nimport { TableCell, Typography } from '@mui/material'\nimport React from 'react'\n\nimport type { 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 type { 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 type { 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","import { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.ts'\nimport type { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return { ...DefaultPayloadRenderPlugin, ...plugin } as PayloadRenderPlugin\n}\n"],"mappings":";;;;AACA,SAASA,cAAc;AACvB,OAAOC,WAAW;;;ACFlB,SAAoBC,WAAXC,gBAAoC;;;ADOtC,IAAMC,gBAA4D,wBAAC,EAAE,GAAGC,MAAAA,MAAO;AACpF,SAAO,sBAAA,cAACC,QAAAA;IAAOC,KAAKC;IAAoB,GAAGH;;AAC7C,GAFyE;;;AENzE,SAASI,sBAAsB;AAC/B,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,mBAAmB;AAC5B,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,kBAAkB;AAC3B,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;;;ACbhC,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;;;ACLnF,SAASG,WAAWC,kBAAkB;AACtC,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;;;ACMxE,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;;;AChCO,IAAMC,4BAA4B,wBAACC,WAAAA;AACxC,SAAO;IAAE,GAAGC;IAA4B,GAAGD;EAAO;AACpD,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","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","DefaultPayloadRenderPlugin"]}
+{"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/DefaultPayloadRenderPlugin.ts","../../src/createPayloadRenderPlugin.ts"],"sourcesContent":["import type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport React from 'react'\n\nimport { DefaultAvatarIcon } from '../img/index.ts'\nimport type { 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","/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { CardActionAreaProps } from '@mui/material'\nimport { CardActionArea } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({\n  ref, payload, ...props\n}) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import type { CardContentProps } from '@mui/material'\nimport { CardContent } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React, { forwardRef } from 'react'\n\nimport type { 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 type { CardHeaderProps } from '@mui/material'\nimport { CardHeader } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport React, { forwardRef } from 'react'\n\nimport type { 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 type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React, { forwardRef } from 'react'\n\nimport type { 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 type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport type { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import type { TableCellProps } from '@mui/material'\nimport { TableCell, Typography } from '@mui/material'\nimport React from 'react'\n\nimport type { 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 type { 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 type { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'\n\nexport const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {\n  canRender: function (payload?: Payload): boolean {\n    return !!payload?.schema\n  },\n  components: {\n    avatar: { image: PayloadAvatar },\n    box: {\n      detailsBox: PayloadDetailsBox,\n      editor: PayloadEditorBox,\n    },\n    card: {\n      actionArea: PayloadCardActionArea,\n      content: PayloadCardContent,\n      header: PayloadCardHeader,\n    },\n    table: { cell: PayloadTableCell },\n  },\n  name: 'Payload',\n}\n","import { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.ts'\nimport type { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return { ...DefaultPayloadRenderPlugin, ...plugin } as PayloadRenderPlugin\n}\n"],"mappings":";;;;AACA,SAASA,cAAc;AACvB,OAAOC,WAAW;;;ACFlB,SAAoBC,WAAXC,gBAAoC;;;ADOtC,IAAMC,gBAA4D,wBAAC,EAAE,GAAGC,MAAAA,MAAO;AACpF,SAAO,sBAAA,cAACC,QAAAA;IAAOC,KAAKC;IAAoB,GAAGH;;AAC7C,GAFyE;;;AELzE,SAASI,sBAAsB;AAC/B,OAAOC,UAASC,kBAAkB;AAK3B,IAAMC,wBAAwBD,2BAAqE,CAAC,EACzGE,KAAKC,SAAS,GAAGC,MAAAA,MAClB;AACC,SAAO,gBAAAL,OAAA,cAACD,gBAAmBM,KAAAA;AAC7B,CAAA;AAEAH,sBAAsBI,cAAc;;;ACbpC,SAASC,mBAAmB;AAC5B,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,kBAAkB;AAC3B,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;;;ACbhC,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;;;ACLnF,SAASG,WAAWC,kBAAkB;AACtC,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;;;ACMxE,IAAMC,6BAAkD;EAC7DC,WAAW,gCAAUC,SAAiB;AACpC,WAAO,CAAC,CAACA,SAASC;EACpB,GAFW;EAGXC,YAAY;IACVC,QAAQ;MAAEC,OAAOC;IAAc;IAC/BC,KAAK;MACHC,YAAYC;MACZC,QAAQC;IACV;IACAC,MAAM;MACJC,YAAYC;MACZC,SAASC;MACTC,QAAQC;IACV;IACAC,OAAO;MAAEC,MAAMC;IAAiB;EAClC;EACAC,MAAM;AACR;;;AC5BO,IAAMC,4BAA4B,wBAACC,WAAAA;AACxC,SAAO;IAAE,GAAGC;IAA4B,GAAGD;EAAO;AACpD,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","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","DefaultPayloadRenderPlugin"]}

package/package.json

@@ -1,23 +1,63 @@
 {
   "name": "@xyo-network/react-payload-plugin",
+  "version": "3.0.4",
+  "description": "Common React library for all XYO projects that use React",
+  "keywords": [
+    "xyo",
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "homepage": "https://xyo.network",
+  "bugs": {
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues",
+    "email": "support@xyo.network"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
+  },
+  "license": "LGPL-3.0-only",
   "author": {
-    "email": "support@xyo.network",
     "name": "XYO Development Team",
+    "email": "support@xyo.network",
     "url": "https://xyo.network"
   },
-  "bugs": {
-    "email": "support@xyo.network",
-    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/browser/index.d.ts",
+        "default": "./dist/browser/index.mjs"
+      },
+      "types": "./dist/browser/index.d.ts",
+      "default": "./dist/browser/index.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "module": "dist/browser/index.mjs",
+  "types": "dist/browser/index.d.ts",
+  "scripts": {
+    "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\"",
+    "lint-pkg": "npmPkgJsonLint ."
   },
   "dependencies": {
     "@xylabs/react-flexbox": "^4.0.3",
     "@xylabs/react-identicon": "^4.0.3",
-    "@xyo-network/payload-model": "^3.0.3",
-    "@xyo-network/react-payload-details": "^3.0.2",
-    "@xyo-network/react-shared": "^3.0.2"
+    "@xyo-network/payload-model": "^3.0.15",
+    "@xyo-network/react-payload-details": "^3.0.4",
+    "@xyo-network/react-shared": "^3.0.4"
   },
   "devDependencies": {
-    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.20",
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "@mui/icons-material": "^5.16.7",
+    "@mui/material": "^5.16.7",
+    "@mui/styles": "^5.16.7",
+    "@xylabs/ts-scripts-yarn3": "^4.0.7",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "typescript": "^5.5.4"
   },
   "peerDependencies": {
@@ -29,41 +69,8 @@
     "react": "^18",
     "react-dom": "^18"
   },
-  "description": "Common React library for all XYO projects that use React",
-  "docs": "dist/docs.json",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/browser/index.d.ts",
-        "default": "./dist/browser/index.mjs"
-      },
-      "types": "./dist/browser/index.d.ts",
-      "default": "./dist/browser/index.mjs"
-    },
-    "./package.json": "./package.json"
-  },
-  "module": "dist/browser/index.mjs",
-  "homepage": "https://xyo.network",
-  "keywords": [
-    "xyo",
-    "utility",
-    "typescript",
-    "react"
-  ],
-  "license": "LGPL-3.0-only",
   "publishConfig": {
     "access": "public"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
-  },
-  "scripts": {
-    "lint-pkg": "npmPkgJsonLint .",
-    "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,
-  "types": "dist/browser/index.d.ts",
-  "version": "3.0.2",
-  "type": "module"
+  "docs": "dist/docs.json"
 }

package/src/DefaultPayloadRenderPlugin.ts

@@ -16,9 +16,7 @@ export const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {
     return !!payload?.schema
   },
   components: {
-    avatar: {
-      image: PayloadAvatar,
-    },
+    avatar: { image: PayloadAvatar },
     box: {
       detailsBox: PayloadDetailsBox,
       editor: PayloadEditorBox,
@@ -28,9 +26,7 @@ export const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {
       content: PayloadCardContent,
       header: PayloadCardHeader,
     },
-    table: {
-      cell: PayloadTableCell,
-    },
+    table: { cell: PayloadTableCell },
   },
   name: 'Payload',
 }

package/src/PayloadRenderPlugin.ts

@@ -11,7 +11,9 @@ import type {
 import type { FlexBoxProps } from '@xylabs/react-flexbox'
 import type { Payload } from '@xyo-network/payload-model'
 import type { ListMode } from '@xyo-network/react-shared'
-import type { ComponentType, ForwardRefExoticComponent, PropsWithoutRef } from 'react'
+import type {
+  ComponentType, ForwardRefExoticComponent, PropsWithoutRef,
+} from 'react'
 
 export interface PayloadRenderProps<T extends Payload = Payload> {
   payload?: T

package/src/components/PayloadCardActionArea.tsx

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

package/xy.config.ts

@@ -1,9 +1,7 @@
 import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
 const config: XyTsupConfig = {
   compile: {
-    browser: {
-      src: true,
-    },
+    browser: { src: true },
     node: {},
     neutral: {},
   },