@xyo-network/react-payload-plugin 2.40.22 → 2.40.24

package/dist/esm/components/XyoPayloadDetailsBox.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-import { FlexBoxProps } from '@xylabs/react-flexbox';
 import { XyoPayloadRenderProps } from '../XyoPayloadRenderPlugin';
-export declare const XyoPayloadDetailsBox: React.FC<XyoPayloadRenderProps & FlexBoxProps>;
+declare const XyoPayloadDetailsBox: import("react").ForwardRefExoticComponent<XyoPayloadRenderProps<import("@xyo-network/payload").SchemaFields & import("@xyo-network/payload").PayloadFields & {
+    schema: string;
+}> & import("@xylabs/react-flexbox").BusyBoxProps & import("react").RefAttributes<HTMLDivElement>>;
+export { XyoPayloadDetailsBox };
 //# sourceMappingURL=XyoPayloadDetailsBox.d.ts.map

package/dist/esm/components/XyoPayloadDetailsBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"XyoPayloadDetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/XyoPayloadDetailsBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAEjE,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,GAAG,YAAY,CAE/E,CAAA"}
+{"version":3,"file":"XyoPayloadDetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/XyoPayloadDetailsBox.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAEjE,QAAA,MAAM,oBAAoB;;kGAExB,CAAA;AAGF,OAAO,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/esm/components/XyoPayloadDetailsBox.js

@@ -1,6 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PayloadDetails } from '@xyo-network/react-payload-details';
-export const XyoPayloadDetailsBox = (props) => {
+import { forwardRef } from 'react';
+const XyoPayloadDetailsBox = forwardRef((props) => {
     return _jsx(PayloadDetails, { ...props });
-};
+});
+XyoPayloadDetailsBox.displayName = 'XyoPayloadDetailsBox';
+export { XyoPayloadDetailsBox };
 //# sourceMappingURL=XyoPayloadDetailsBox.js.map

package/dist/esm/components/XyoPayloadDetailsBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"XyoPayloadDetailsBox.js","sourceRoot":"","sources":["../../../src/components/XyoPayloadDetailsBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAInE,MAAM,CAAC,MAAM,oBAAoB,GAAmD,CAAC,KAAK,EAAE,EAAE;IAC5F,OAAO,KAAC,cAAc,OAAK,KAAK,GAAI,CAAA;AACtC,CAAC,CAAA"}
+{"version":3,"file":"XyoPayloadDetailsBox.js","sourceRoot":"","sources":["../../../src/components/XyoPayloadDetailsBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIlC,MAAM,oBAAoB,GAAG,UAAU,CAAuD,CAAC,KAAK,EAAE,EAAE;IACtG,OAAO,KAAC,cAAc,OAAK,KAAK,GAAI,CAAA;AACtC,CAAC,CAAC,CAAA;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AACzD,OAAO,EAAE,oBAAoB,EAAE,CAAA"}

package/package.json

@@ -13,8 +13,8 @@
     "@xylabs/react-flexbox": "^2.15.1",
     "@xylabs/react-identicon": "^2.15.1",
     "@xylabs/sdk-js": "^2.6.9",
-    "@xyo-network/react-payload-details": "^2.40.22",
-    "@xyo-network/react-shared": "^2.40.22",
+    "@xyo-network/react-payload-details": "^2.40.24",
+    "@xyo-network/react-shared": "^2.40.24",
     "lodash": "^4.17.21",
     "tslib": "^2.4.1"
   },
@@ -75,5 +75,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.40.22"
+  "version": "2.40.24"
 }

package/src/components/XyoPayloadDetailsBox.tsx

@@ -1,8 +1,12 @@
 import { FlexBoxProps } from '@xylabs/react-flexbox'
 import { PayloadDetails } from '@xyo-network/react-payload-details'
+import { forwardRef } from 'react'
 
 import { XyoPayloadRenderProps } from '../XyoPayloadRenderPlugin'
 
-export const XyoPayloadDetailsBox: React.FC<XyoPayloadRenderProps & FlexBoxProps> = (props) => {
+const XyoPayloadDetailsBox = forwardRef<HTMLDivElement, XyoPayloadRenderProps & FlexBoxProps>((props) => {
   return <PayloadDetails {...props} />
-}
+})
+
+XyoPayloadDetailsBox.displayName = 'XyoPayloadDetailsBox'
+export { XyoPayloadDetailsBox }