@xyo-network/react-payload-details 2.40.27 → 2.40.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/cjs/components/Details/Details.d.ts +6 -1
  2. package/dist/cjs/components/Details/Details.d.ts.map +1 -1
  3. package/dist/cjs/components/Details/Details.js +5 -4
  4. package/dist/cjs/components/Details/Details.js.map +1 -1
  5. package/dist/docs.json +219 -86
  6. package/dist/esm/components/Details/Details.d.ts +6 -1
  7. package/dist/esm/components/Details/Details.d.ts.map +1 -1
  8. package/dist/esm/components/Details/Details.js +5 -3
  9. package/dist/esm/components/Details/Details.js.map +1 -1
  10. package/package.json +4 -4
  11. package/src/components/Details/Details.tsx +6 -3
package/dist/cjs/components/Details/Details.d.ts CHANGED
@@ -11,5 +11,10 @@ export type PayloadDetailsProps = FlexBoxProps & {
11
11
  payload?: XyoPayload;
12
12
  paper?: boolean;
13
13
  };
14
- export declare const PayloadDetails: React.FC<PayloadDetailsProps>;
14
+ export declare const PayloadDetails: import("react").ForwardRefExoticComponent<import("@xylabs/react-flexbox").BusyBoxProps & {
15
+ payload?: (import("@xyo-network/payload").SchemaFields & import("@xyo-network/payload").PayloadFields & {
16
+ schema: string;
17
+ }) | undefined;
18
+ paper?: boolean | undefined;
19
+ } & import("react").RefAttributes<HTMLDivElement>>;
15
20
  //# sourceMappingURL=Details.d.ts.map
package/dist/cjs/components/Details/Details.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAMjD,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,EAAE,IAAI,CAAA;CAAE,CAAA;AAC9C,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAEnD,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG;IAC/C,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQxD,CAAA"}
1
+ {"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAOjD,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,EAAE,IAAI,CAAA;CAAE,CAAA;AAC9C,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAEnD,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG;IAC/C,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,cAAc;;;;;kDAQzB,CAAA"}
package/dist/cjs/components/Details/Details.js CHANGED
@@ -4,12 +4,13 @@ exports.PayloadDetails = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const react_flexbox_1 = require("@xylabs/react-flexbox");
7
+ const react_1 = require("react");
7
8
  const DataDetails_1 = require("./DataDetails");
8
9
  const JsonDetails_1 = require("./JsonDetails");
9
10
  const ValidationDetails_1 = require("./ValidationDetails");
10
- const PayloadDetails = (_a) => {
11
+ exports.PayloadDetails = (0, react_1.forwardRef)((_a, ref) => {
11
12
  var { paper, payload } = _a, props = tslib_1.__rest(_a, ["paper", "payload"]);
12
- return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ gap: 1, justifyContent: "flex-start", alignItems: "stretch", marginTop: 2, marginBottom: 8 }, props, { children: [(0, jsx_runtime_1.jsx)(DataDetails_1.PayloadDataDetails, { paper: paper, size: "large", badge: true, payload: payload }), (0, jsx_runtime_1.jsx)(ValidationDetails_1.PayloadValidationDetails, { paper: paper, value: payload }), (0, jsx_runtime_1.jsx)(JsonDetails_1.PayloadJsonDetails, { paper: paper, payload: payload })] })));
13
- };
14
- exports.PayloadDetails = PayloadDetails;
13
+ return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ gap: 1, justifyContent: "flex-start", alignItems: "stretch", marginTop: 2, marginBottom: 8, ref: ref }, props, { children: [(0, jsx_runtime_1.jsx)(DataDetails_1.PayloadDataDetails, { paper: paper, size: "large", badge: true, payload: payload }), (0, jsx_runtime_1.jsx)(ValidationDetails_1.PayloadValidationDetails, { paper: paper, value: payload }), (0, jsx_runtime_1.jsx)(JsonDetails_1.PayloadJsonDetails, { paper: paper, payload: payload })] })));
14
+ });
15
+ exports.PayloadDetails.displayName = 'PayloadDetails';
15
16
  //# sourceMappingURL=Details.js.map
package/dist/cjs/components/Details/Details.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";;;;;AAAA,yDAA6D;AAG7D,+CAAkD;AAClD,+CAAkD;AAClD,2DAA8D;AAUvD,MAAM,cAAc,GAAkC,CAAC,EAA4B,EAAE,EAAE;QAAhC,EAAE,KAAK,EAAE,OAAO,OAAY,EAAP,KAAK,sBAA1B,oBAA4B,CAAF;IACtF,OAAO,CACL,wBAAC,uBAAO,kBAAC,GAAG,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,IAAM,KAAK,eACxG,uBAAC,gCAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,QAAC,OAAO,EAAE,OAAO,GAAI,EACzE,uBAAC,4CAAwB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAI,EAC1D,uBAAC,gCAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,KAC9C,CACX,CAAA;AACH,CAAC,CAAA;AARY,QAAA,cAAc,kBAQ1B"}
1
+ {"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";;;;;AAAA,yDAA6D;AAE7D,iCAAkC;AAElC,+CAAkD;AAClD,+CAAkD;AAClD,2DAA8D;AAUjD,QAAA,cAAc,GAAG,IAAA,kBAAU,EAAsC,CAAC,EAA4B,EAAE,GAAG,EAAE,EAAE;QAArC,EAAE,KAAK,EAAE,OAAO,OAAY,EAAP,KAAK,sBAA1B,oBAA4B,CAAF;IACvG,OAAO,CACL,wBAAC,uBAAO,kBAAC,GAAG,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,eAClH,uBAAC,gCAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,QAAC,OAAO,EAAE,OAAO,GAAI,EACzE,uBAAC,4CAAwB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAI,EAC1D,uBAAC,gCAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,KAC9C,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA"}
package/dist/docs.json CHANGED
@@ -17,7 +17,7 @@
17
17
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
18
18
  "line": 12,
19
19
  "character": 12,
20
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L12"
20
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L12"
21
21
  }
22
22
  ],
23
23
  "type": {
@@ -49,7 +49,7 @@
49
49
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
50
50
  "line": 15,
51
51
  "character": 2,
52
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L15"
52
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L15"
53
53
  }
54
54
  ],
55
55
  "type": {
@@ -70,7 +70,7 @@
70
70
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
71
71
  "line": 13,
72
72
  "character": 2,
73
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L13"
73
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L13"
74
74
  }
75
75
  ],
76
76
  "type": {
@@ -93,7 +93,7 @@
93
93
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
94
94
  "line": 14,
95
95
  "character": 2,
96
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L14"
96
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L14"
97
97
  }
98
98
  ],
99
99
  "type": {
@@ -117,7 +117,7 @@
117
117
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
118
118
  "line": 12,
119
119
  "character": 54,
120
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L12"
120
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L12"
121
121
  }
122
122
  ]
123
123
  }
@@ -134,9 +134,9 @@
134
134
  "sources": [
135
135
  {
136
136
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
137
- "line": 11,
137
+ "line": 12,
138
138
  "character": 12,
139
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L11"
139
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
140
140
  }
141
141
  ],
142
142
  "type": {
@@ -168,9 +168,9 @@
168
168
  "sources": [
169
169
  {
170
170
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
171
- "line": 13,
171
+ "line": 14,
172
172
  "character": 2,
173
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L13"
173
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L14"
174
174
  }
175
175
  ],
176
176
  "type": {
@@ -189,9 +189,9 @@
189
189
  "sources": [
190
190
  {
191
191
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
192
- "line": 12,
192
+ "line": 13,
193
193
  "character": 2,
194
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
194
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L13"
195
195
  }
196
196
  ],
197
197
  "type": {
@@ -214,9 +214,9 @@
214
214
  "sources": [
215
215
  {
216
216
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
217
- "line": 11,
217
+ "line": 12,
218
218
  "character": 49,
219
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L11"
219
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
220
220
  }
221
221
  ]
222
222
  }
@@ -225,7 +225,7 @@
225
225
  }
226
226
  },
227
227
  {
228
- "id": 26,
228
+ "id": 29,
229
229
  "name": "PayloadJsonDetailsProps",
230
230
  "kind": 4194304,
231
231
  "kindString": "Type alias",
@@ -235,7 +235,7 @@
235
235
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
236
236
  "line": 10,
237
237
  "character": 12,
238
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L10"
238
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L10"
239
239
  }
240
240
  ],
241
241
  "type": {
@@ -248,14 +248,14 @@
248
248
  {
249
249
  "type": "reflection",
250
250
  "declaration": {
251
- "id": 27,
251
+ "id": 30,
252
252
  "name": "__type",
253
253
  "kind": 65536,
254
254
  "kindString": "Type literal",
255
255
  "flags": {},
256
256
  "children": [
257
257
  {
258
- "id": 29,
258
+ "id": 32,
259
259
  "name": "jsonViewProps",
260
260
  "kind": 1024,
261
261
  "kindString": "Property",
@@ -267,7 +267,7 @@
267
267
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
268
268
  "line": 12,
269
269
  "character": 2,
270
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L12"
270
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L12"
271
271
  }
272
272
  ],
273
273
  "type": {
@@ -278,7 +278,7 @@
278
278
  }
279
279
  },
280
280
  {
281
- "id": 28,
281
+ "id": 31,
282
282
  "name": "payload",
283
283
  "kind": 1024,
284
284
  "kindString": "Property",
@@ -290,7 +290,7 @@
290
290
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
291
291
  "line": 11,
292
292
  "character": 2,
293
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L11"
293
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L11"
294
294
  }
295
295
  ],
296
296
  "type": {
@@ -305,8 +305,8 @@
305
305
  {
306
306
  "title": "Properties",
307
307
  "children": [
308
- 29,
309
- 28
308
+ 32,
309
+ 31
310
310
  ]
311
311
  }
312
312
  ],
@@ -315,7 +315,7 @@
315
315
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
316
316
  "line": 10,
317
317
  "character": 59,
318
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L10"
318
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L10"
319
319
  }
320
320
  ]
321
321
  }
@@ -324,7 +324,7 @@
324
324
  }
325
325
  },
326
326
  {
327
- "id": 38,
327
+ "id": 41,
328
328
  "name": "PayloadValidationDetailsProps",
329
329
  "kind": 4194304,
330
330
  "kindString": "Type alias",
@@ -334,7 +334,7 @@
334
334
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
335
335
  "line": 4,
336
336
  "character": 12,
337
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L4"
337
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L4"
338
338
  }
339
339
  ],
340
340
  "type": {
@@ -347,14 +347,14 @@
347
347
  {
348
348
  "type": "reflection",
349
349
  "declaration": {
350
- "id": 39,
350
+ "id": 42,
351
351
  "name": "__type",
352
352
  "kind": 65536,
353
353
  "kindString": "Type literal",
354
354
  "flags": {},
355
355
  "children": [
356
356
  {
357
- "id": 40,
357
+ "id": 43,
358
358
  "name": "skipBody",
359
359
  "kind": 1024,
360
360
  "kindString": "Property",
@@ -366,7 +366,7 @@
366
366
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
367
367
  "line": 5,
368
368
  "character": 2,
369
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L5"
369
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L5"
370
370
  }
371
371
  ],
372
372
  "type": {
@@ -375,7 +375,7 @@
375
375
  }
376
376
  },
377
377
  {
378
- "id": 41,
378
+ "id": 44,
379
379
  "name": "value",
380
380
  "kind": 1024,
381
381
  "kindString": "Property",
@@ -387,7 +387,7 @@
387
387
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
388
388
  "line": 6,
389
389
  "character": 2,
390
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L6"
390
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L6"
391
391
  }
392
392
  ],
393
393
  "type": {
@@ -398,7 +398,7 @@
398
398
  }
399
399
  },
400
400
  {
401
- "id": 42,
401
+ "id": 45,
402
402
  "name": "viewSchemaUrl",
403
403
  "kind": 1024,
404
404
  "kindString": "Property",
@@ -410,7 +410,7 @@
410
410
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
411
411
  "line": 7,
412
412
  "character": 2,
413
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L7"
413
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L7"
414
414
  }
415
415
  ],
416
416
  "type": {
@@ -423,9 +423,9 @@
423
423
  {
424
424
  "title": "Properties",
425
425
  "children": [
426
- 40,
427
- 41,
428
- 42
426
+ 43,
427
+ 44,
428
+ 45
429
429
  ]
430
430
  }
431
431
  ],
@@ -434,7 +434,7 @@
434
434
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
435
435
  "line": 4,
436
436
  "character": 65,
437
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L4"
437
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L4"
438
438
  }
439
439
  ]
440
440
  }
@@ -451,9 +451,9 @@
451
451
  "sources": [
452
452
  {
453
453
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
454
- "line": 8,
454
+ "line": 9,
455
455
  "character": 12,
456
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L8"
456
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
457
457
  }
458
458
  ],
459
459
  "typeParameters": [
@@ -491,9 +491,9 @@
491
491
  "sources": [
492
492
  {
493
493
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
494
- "line": 8,
494
+ "line": 9,
495
495
  "character": 33,
496
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L8"
496
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
497
497
  }
498
498
  ],
499
499
  "type": {
@@ -513,9 +513,9 @@
513
513
  "sources": [
514
514
  {
515
515
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
516
- "line": 8,
516
+ "line": 9,
517
517
  "character": 31,
518
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L8"
518
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
519
519
  }
520
520
  ]
521
521
  }
@@ -532,9 +532,9 @@
532
532
  "sources": [
533
533
  {
534
534
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
535
- "line": 9,
535
+ "line": 10,
536
536
  "character": 12,
537
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
537
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
538
538
  }
539
539
  ],
540
540
  "typeParameters": [
@@ -574,9 +574,9 @@
574
574
  "sources": [
575
575
  {
576
576
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
577
- "line": 9,
577
+ "line": 10,
578
578
  "character": 36,
579
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
579
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
580
580
  }
581
581
  ],
582
582
  "type": {
@@ -596,9 +596,9 @@
596
596
  "sources": [
597
597
  {
598
598
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
599
- "line": 9,
599
+ "line": 10,
600
600
  "character": 34,
601
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
601
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
602
602
  }
603
603
  ]
604
604
  }
@@ -617,7 +617,7 @@
617
617
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
618
618
  "line": 18,
619
619
  "character": 13,
620
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L18"
620
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L18"
621
621
  }
622
622
  ],
623
623
  "signatures": [
@@ -691,9 +691,9 @@
691
691
  "sources": [
692
692
  {
693
693
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
694
- "line": 16,
694
+ "line": 17,
695
695
  "character": 13,
696
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L16"
696
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L17"
697
697
  }
698
698
  ],
699
699
  "signatures": [
@@ -703,6 +703,14 @@
703
703
  "kind": 4096,
704
704
  "kindString": "Call signature",
705
705
  "flags": {},
706
+ "comment": {
707
+ "summary": [
708
+ {
709
+ "kind": "text",
710
+ "text": "**NOTE**: Exotic components are not callable."
711
+ }
712
+ ]
713
+ },
706
714
  "parameters": [
707
715
  {
708
716
  "id": 24,
@@ -711,22 +719,130 @@
711
719
  "kindString": "Parameter",
712
720
  "flags": {},
713
721
  "type": {
714
- "type": "reference",
715
- "id": 18,
716
- "name": "PayloadDetailsProps"
717
- }
718
- },
719
- {
720
- "id": 25,
721
- "name": "context",
722
- "kind": 32768,
723
- "kindString": "Parameter",
724
- "flags": {
725
- "isOptional": true
726
- },
727
- "type": {
728
- "type": "intrinsic",
729
- "name": "any"
722
+ "type": "intersection",
723
+ "types": [
724
+ {
725
+ "type": "reference",
726
+ "name": "BusyBoxProps",
727
+ "qualifiedName": "BusyBoxProps",
728
+ "package": "@xylabs/react-flexbox"
729
+ },
730
+ {
731
+ "type": "reflection",
732
+ "declaration": {
733
+ "id": 25,
734
+ "name": "__type",
735
+ "kind": 65536,
736
+ "kindString": "Type literal",
737
+ "flags": {},
738
+ "children": [
739
+ {
740
+ "id": 28,
741
+ "name": "paper",
742
+ "kind": 1024,
743
+ "kindString": "Property",
744
+ "flags": {
745
+ "isOptional": true
746
+ },
747
+ "sources": [
748
+ {
749
+ "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
750
+ "line": 14,
751
+ "character": 2,
752
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L14"
753
+ }
754
+ ],
755
+ "type": {
756
+ "type": "intrinsic",
757
+ "name": "boolean"
758
+ }
759
+ },
760
+ {
761
+ "id": 26,
762
+ "name": "payload",
763
+ "kind": 1024,
764
+ "kindString": "Property",
765
+ "flags": {
766
+ "isOptional": true
767
+ },
768
+ "sources": [
769
+ {
770
+ "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
771
+ "line": 13,
772
+ "character": 2,
773
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L13"
774
+ }
775
+ ],
776
+ "type": {
777
+ "type": "intersection",
778
+ "types": [
779
+ {
780
+ "type": "reference",
781
+ "name": "SchemaFields",
782
+ "qualifiedName": "SchemaFields",
783
+ "package": "@xyo-network/payload"
784
+ },
785
+ {
786
+ "type": "reference",
787
+ "name": "PayloadFields",
788
+ "qualifiedName": "PayloadFields",
789
+ "package": "@xyo-network/payload"
790
+ },
791
+ {
792
+ "type": "reflection",
793
+ "declaration": {
794
+ "id": 27,
795
+ "name": "__type",
796
+ "kind": 65536,
797
+ "kindString": "Type literal",
798
+ "flags": {},
799
+ "sources": [
800
+ {
801
+ "fileName": "node_modules/@xyo-network/payload/dist/esm/models/XyoPayload.d.ts",
802
+ "line": 18,
803
+ "character": 17
804
+ }
805
+ ]
806
+ }
807
+ }
808
+ ]
809
+ }
810
+ }
811
+ ],
812
+ "groups": [
813
+ {
814
+ "title": "Properties",
815
+ "children": [
816
+ 28,
817
+ 26
818
+ ]
819
+ }
820
+ ],
821
+ "sources": [
822
+ {
823
+ "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
824
+ "line": 12,
825
+ "character": 49,
826
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
827
+ }
828
+ ]
829
+ }
830
+ },
831
+ {
832
+ "type": "reference",
833
+ "typeArguments": [
834
+ {
835
+ "type": "reference",
836
+ "name": "HTMLDivElement",
837
+ "qualifiedName": "HTMLDivElement",
838
+ "package": "typescript"
839
+ }
840
+ ],
841
+ "name": "RefAttributes",
842
+ "qualifiedName": "React.RefAttributes",
843
+ "package": "@types/react"
844
+ }
845
+ ]
730
846
  }
731
847
  }
732
848
  ],
@@ -745,8 +861,25 @@
745
861
  "name": "any"
746
862
  },
747
863
  {
748
- "type": "intrinsic",
749
- "name": "any"
864
+ "type": "union",
865
+ "types": [
866
+ {
867
+ "type": "intrinsic",
868
+ "name": "string"
869
+ },
870
+ {
871
+ "type": "reference",
872
+ "typeArguments": [
873
+ {
874
+ "type": "intrinsic",
875
+ "name": "any"
876
+ }
877
+ ],
878
+ "name": "JSXElementConstructor",
879
+ "qualifiedName": "React.JSXElementConstructor",
880
+ "package": "@types/react"
881
+ }
882
+ ]
750
883
  }
751
884
  ],
752
885
  "name": "ReactElement",
@@ -759,7 +892,7 @@
759
892
  ]
760
893
  },
761
894
  {
762
- "id": 30,
895
+ "id": 33,
763
896
  "name": "PayloadJsonDetails",
764
897
  "kind": 64,
765
898
  "kindString": "Function",
@@ -769,31 +902,31 @@
769
902
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
770
903
  "line": 15,
771
904
  "character": 13,
772
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L15"
905
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L15"
773
906
  }
774
907
  ],
775
908
  "signatures": [
776
909
  {
777
- "id": 31,
910
+ "id": 34,
778
911
  "name": "PayloadJsonDetails",
779
912
  "kind": 4096,
780
913
  "kindString": "Call signature",
781
914
  "flags": {},
782
915
  "parameters": [
783
916
  {
784
- "id": 32,
917
+ "id": 35,
785
918
  "name": "props",
786
919
  "kind": 32768,
787
920
  "kindString": "Parameter",
788
921
  "flags": {},
789
922
  "type": {
790
923
  "type": "reference",
791
- "id": 26,
924
+ "id": 29,
792
925
  "name": "PayloadJsonDetailsProps"
793
926
  }
794
927
  },
795
928
  {
796
- "id": 33,
929
+ "id": 36,
797
930
  "name": "context",
798
931
  "kind": 32768,
799
932
  "kindString": "Parameter",
@@ -835,7 +968,7 @@
835
968
  ]
836
969
  },
837
970
  {
838
- "id": 34,
971
+ "id": 37,
839
972
  "name": "PayloadValidationDetails",
840
973
  "kind": 64,
841
974
  "kindString": "Function",
@@ -845,31 +978,31 @@
845
978
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetails.tsx",
846
979
  "line": 9,
847
980
  "character": 13,
848
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetails.tsx#L9"
981
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetails.tsx#L9"
849
982
  }
850
983
  ],
851
984
  "signatures": [
852
985
  {
853
- "id": 35,
986
+ "id": 38,
854
987
  "name": "PayloadValidationDetails",
855
988
  "kind": 4096,
856
989
  "kindString": "Call signature",
857
990
  "flags": {},
858
991
  "parameters": [
859
992
  {
860
- "id": 36,
993
+ "id": 39,
861
994
  "name": "props",
862
995
  "kind": 32768,
863
996
  "kindString": "Parameter",
864
997
  "flags": {},
865
998
  "type": {
866
999
  "type": "reference",
867
- "id": 38,
1000
+ "id": 41,
868
1001
  "name": "PayloadValidationDetailsProps"
869
1002
  }
870
1003
  },
871
1004
  {
872
- "id": 37,
1005
+ "id": 40,
873
1006
  "name": "context",
874
1007
  "kind": 32768,
875
1008
  "kindString": "Parameter",
@@ -917,8 +1050,8 @@
917
1050
  "children": [
918
1051
  1,
919
1052
  18,
920
- 26,
921
- 38,
1053
+ 29,
1054
+ 41,
922
1055
  10,
923
1056
  14
924
1057
  ]
@@ -928,8 +1061,8 @@
928
1061
  "children": [
929
1062
  6,
930
1063
  22,
931
- 30,
932
- 34
1064
+ 33,
1065
+ 37
933
1066
  ]
934
1067
  }
935
1068
  ],
@@ -938,7 +1071,7 @@
938
1071
  "fileName": "packages/sdk/packages/payload/packages/details/src/index.ts",
939
1072
  "line": 1,
940
1073
  "character": 0,
941
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/de19645d/packages/sdk/packages/payload/packages/details/src/index.ts#L1"
1074
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/06b4a635/packages/sdk/packages/payload/packages/details/src/index.ts#L1"
942
1075
  }
943
1076
  ]
944
1077
  }
package/dist/esm/components/Details/Details.d.ts CHANGED
@@ -11,5 +11,10 @@ export type PayloadDetailsProps = FlexBoxProps & {
11
11
  payload?: XyoPayload;
12
12
  paper?: boolean;
13
13
  };
14
- export declare const PayloadDetails: React.FC<PayloadDetailsProps>;
14
+ export declare const PayloadDetails: import("react").ForwardRefExoticComponent<import("@xylabs/react-flexbox").BusyBoxProps & {
15
+ payload?: (import("@xyo-network/payload").SchemaFields & import("@xyo-network/payload").PayloadFields & {
16
+ schema: string;
17
+ }) | undefined;
18
+ paper?: boolean | undefined;
19
+ } & import("react").RefAttributes<HTMLDivElement>>;
15
20
  //# sourceMappingURL=Details.d.ts.map
package/dist/esm/components/Details/Details.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAMjD,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,EAAE,IAAI,CAAA;CAAE,CAAA;AAC9C,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAEnD,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG;IAC/C,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQxD,CAAA"}
1
+ {"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAOjD,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,EAAE,IAAI,CAAA;CAAE,CAAA;AAC9C,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAEnD,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG;IAC/C,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,cAAc;;;;;kDAQzB,CAAA"}
package/dist/esm/components/Details/Details.js CHANGED
@@ -1,9 +1,11 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { FlexCol } from '@xylabs/react-flexbox';
3
+ import { forwardRef } from 'react';
3
4
  import { PayloadDataDetails } from './DataDetails';
4
5
  import { PayloadJsonDetails } from './JsonDetails';
5
6
  import { PayloadValidationDetails } from './ValidationDetails';
6
- export const PayloadDetails = ({ paper, payload, ...props }) => {
7
- return (_jsxs(FlexCol, { gap: 1, justifyContent: "flex-start", alignItems: "stretch", marginTop: 2, marginBottom: 8, ...props, children: [_jsx(PayloadDataDetails, { paper: paper, size: "large", badge: true, payload: payload }), _jsx(PayloadValidationDetails, { paper: paper, value: payload }), _jsx(PayloadJsonDetails, { paper: paper, payload: payload })] }));
8
- };
7
+ export const PayloadDetails = forwardRef(({ paper, payload, ...props }, ref) => {
8
+ return (_jsxs(FlexCol, { gap: 1, justifyContent: "flex-start", alignItems: "stretch", marginTop: 2, marginBottom: 8, ref: ref, ...props, children: [_jsx(PayloadDataDetails, { paper: paper, size: "large", badge: true, payload: payload }), _jsx(PayloadValidationDetails, { paper: paper, value: payload }), _jsx(PayloadJsonDetails, { paper: paper, payload: payload })] }));
9
+ });
10
+ PayloadDetails.displayName = 'PayloadDetails';
9
11
  //# sourceMappingURL=Details.js.map
package/dist/esm/components/Details/Details.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAU9D,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5F,OAAO,CACL,MAAC,OAAO,IAAC,GAAG,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,KAAM,KAAK,aACxG,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,QAAC,OAAO,EAAE,OAAO,GAAI,EACzE,KAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAI,EAC1D,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,IAC9C,CACX,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAU9D,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAsC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClH,OAAO,CACL,MAAC,OAAO,IAAC,GAAG,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,aAClH,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,QAAC,OAAO,EAAE,OAAO,GAAI,EACzE,KAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAI,EAC1D,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,IAC9C,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA"}
package/package.json CHANGED
@@ -13,9 +13,9 @@
13
13
  "@xylabs/react-button": "^2.15.2",
14
14
  "@xylabs/react-flexbox": "^2.15.2",
15
15
  "@xylabs/react-quick-tip-button": "^2.15.2",
16
- "@xyo-network/react-property": "^2.40.27",
17
- "@xyo-network/react-schema": "^2.40.27",
18
- "@xyo-network/react-shared": "^2.40.27",
16
+ "@xyo-network/react-property": "^2.40.28",
17
+ "@xyo-network/react-schema": "^2.40.28",
18
+ "@xyo-network/react-shared": "^2.40.28",
19
19
  "react-json-view": "^1.21.3",
20
20
  "tslib": "^2.4.1"
21
21
  },
@@ -77,5 +77,5 @@
77
77
  },
78
78
  "sideEffects": false,
79
79
  "types": "dist/esm/index.d.ts",
80
- "version": "2.40.27"
80
+ "version": "2.40.28"
81
81
  }
package/src/components/Details/Details.tsx CHANGED
@@ -1,5 +1,6 @@
1
1
  import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
2
2
  import { XyoPayload } from '@xyo-network/payload'
3
+ import { forwardRef } from 'react'
3
4
 
4
5
  import { PayloadDataDetails } from './DataDetails'
5
6
  import { PayloadJsonDetails } from './JsonDetails'
@@ -13,12 +14,14 @@ export type PayloadDetailsProps = FlexBoxProps & {
13
14
  paper?: boolean
14
15
  }
15
16
 
16
- export const PayloadDetails: React.FC<PayloadDetailsProps> = ({ paper, payload, ...props }) => {
17
+ export const PayloadDetails = forwardRef<HTMLDivElement, PayloadDetailsProps>(({ paper, payload, ...props }, ref) => {
17
18
  return (
18
- <FlexCol gap={1} justifyContent="flex-start" alignItems="stretch" marginTop={2} marginBottom={8} {...props}>
19
+ <FlexCol gap={1} justifyContent="flex-start" alignItems="stretch" marginTop={2} marginBottom={8} ref={ref} {...props}>
19
20
  <PayloadDataDetails paper={paper} size="large" badge payload={payload} />
20
21
  <PayloadValidationDetails paper={paper} value={payload} />
21
22
  <PayloadJsonDetails paper={paper} payload={payload} />
22
23
  </FlexCol>
23
24
  )
24
- }
25
+ })
26
+
27
+ PayloadDetails.displayName = 'PayloadDetails'