@xyo-network/react-schema 2.25.19 → 2.25.22

package/dist/cjs/components/Property/SchemaProperty.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { PropertyProps } from '@xyo-network/react-property';
+export declare type SchemaPropertyProps = PropertyProps & {
+    value?: string;
+    viewSchemaUrl?: string;
+};
+export declare const SchemaProperty: React.FC<SchemaPropertyProps>;

package/dist/cjs/components/Property/SchemaProperty.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SchemaProperty = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const NewReleases_1 = tslib_1.__importDefault(require("@mui/icons-material/NewReleases"));
+const OpenInNew_1 = tslib_1.__importDefault(require("@mui/icons-material/OpenInNew"));
+const Verified_1 = tslib_1.__importDefault(require("@mui/icons-material/Verified"));
+const material_1 = require("@mui/material");
+const sdk_react_1 = require("@xylabs/sdk-react");
+const react_property_1 = require("@xyo-network/react-property");
+const utils_1 = require("@xyo-network/utils");
+const react_1 = require("react");
+const useResolveSchema = (schema) => {
+    const [entry, setEntry] = (0, react_1.useState)();
+    (0, sdk_react_1.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    (mounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        if (schema) {
+            const entry = yield utils_1.XyoSchemaCache.instance.get(schema);
+            if (mounted()) {
+                setEntry(entry);
+            }
+        }
+    }), [schema]);
+    return entry;
+};
+const SchemaProperty = ({ titleProps, value, viewSchemaUrl = 'https://explore.xyo.network/' }) => {
+    var _a, _b;
+    const resolvedSchema = useResolveSchema(value);
+    return ((0, jsx_runtime_1.jsxs)(react_property_1.Property, Object.assign({ flexGrow: 1, title: "Schema", value: value, tip: "Schema sent with the payload", titleProps: titleProps }, { children: [value ? (resolvedSchema === null ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ rel: "noopener noreferrer", size: "small", target: "_blank", href: `${viewSchemaUrl}${value}` }, { children: (0, jsx_runtime_1.jsx)(NewReleases_1.default, { color: "warning", fontSize: "inherit" }) }))) : resolvedSchema === undefined ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ rel: "noopener noreferrer", size: "small", target: "_blank", href: `${viewSchemaUrl}${value}` }, { children: (0, jsx_runtime_1.jsx)(NewReleases_1.default, { color: "disabled", fontSize: "inherit" }) }))) : ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ rel: "noopener noreferrer", size: "small", target: "_blank", href: (_b = (_a = resolvedSchema === null || resolvedSchema === void 0 ? void 0 : resolvedSchema.huri) === null || _a === void 0 ? void 0 : _a.href) !== null && _b !== void 0 ? _b : '' }, { children: (0, jsx_runtime_1.jsx)(Verified_1.default, { color: "success", fontSize: "inherit" }) })))) : null, value ? ((0, jsx_runtime_1.jsx)(sdk_react_1.LinkEx, Object.assign({ flexGrow: 1, alignItems: "center", href: `${viewSchemaUrl}${value}`, rel: "noopener noreferrer", display: "flex" }, { children: (0, jsx_runtime_1.jsx)(react_property_1.PropertyValue, { value: value, title: "view schema in new window" }) }))) : null, value ? ((0, jsx_runtime_1.jsx)(sdk_react_1.LinkEx, Object.assign({ marginX: 1, alignItems: "center", href: `${viewSchemaUrl}${value}`, target: "_blank", rel: "noopener noreferrer", display: "flex" }, { children: (0, jsx_runtime_1.jsx)(OpenInNew_1.default, { fontSize: "inherit" }) }))) : null] })));
+};
+exports.SchemaProperty = SchemaProperty;
+//# sourceMappingURL=SchemaProperty.js.map

package/dist/cjs/components/Property/SchemaProperty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaProperty.js","sourceRoot":"","sources":["../../../../src/components/Property/SchemaProperty.tsx"],"names":[],"mappings":";;;;;AAAA,0FAA6D;AAC7D,sFAAyD;AACzD,oFAAuD;AACvD,4CAA0C;AAC1C,iDAA0D;AAC1D,gEAAoF;AAEpF,8CAAwE;AACxE,iCAAgC;AAOhC,MAAM,gBAAgB,GAAG,CAAC,MAAe,EAAE,EAAE;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAA8B,CAAA;IAChE,IAAA,0BAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,IAAI,MAAM,EAAE;YACV,MAAM,KAAK,GAAG,MAAM,sBAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;YACvD,IAAI,OAAO,EAAE,EAAE;gBACb,QAAQ,CAAC,KAAK,CAAC,CAAA;aAChB;SACF;IACH,CAAC,CAAA,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAEM,MAAM,cAAc,GAAkC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,GAAG,8BAA8B,EAAE,EAAE,EAAE;;IACrI,MAAM,cAAc,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAC9C,OAAO,CACL,wBAAC,yBAAQ,kBAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAC,8BAA8B,EAAC,UAAU,EAAE,UAAU,iBAC1G,KAAK,CAAC,CAAC,CAAC,CACP,cAAc,KAAK,IAAI,CAAC,CAAC,CAAC,CACxB,uBAAC,qBAAU,kBAAC,GAAG,EAAC,qBAAqB,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAE,GAAG,aAAa,GAAG,KAAK,EAAE,gBACjG,uBAAC,qBAAe,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GAAG,IAC3C,CACd,CAAC,CAAC,CAAC,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,CACjC,uBAAC,qBAAU,kBAAC,GAAG,EAAC,qBAAqB,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAE,GAAG,aAAa,GAAG,KAAK,EAAE,gBACjG,uBAAC,qBAAe,IAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,GAAG,IAC5C,CACd,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAU,kBAAC,GAAG,EAAC,qBAAqB,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAE,MAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,0CAAE,IAAI,mCAAI,EAAE,gBACvG,uBAAC,kBAAY,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GAAG,IACxC,CACd,CACF,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,kBAAM,kBAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAE,GAAG,aAAa,GAAG,KAAK,EAAE,EAAE,GAAG,EAAC,qBAAqB,EAAC,OAAO,EAAC,MAAM,gBACjH,uBAAC,8BAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,2BAA2B,GAAG,IAC1D,CACV,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,kBAAM,kBAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAE,GAAG,aAAa,GAAG,KAAK,EAAE,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,OAAO,EAAC,MAAM,gBAChI,uBAAC,mBAAa,IAAC,QAAQ,EAAC,SAAS,GAAG,IAC7B,CACV,CAAC,CAAC,CAAC,IAAI,KACC,CACZ,CAAA;AACH,CAAC,CAAA;AA/BY,QAAA,cAAc,kBA+B1B"}

package/dist/cjs/components/Property/index.d.ts

@@ -0,0 +1 @@
+export * from './SchemaProperty';

package/dist/cjs/components/Property/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./SchemaProperty"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Property/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Property/index.ts"],"names":[],"mappings":";;;AAAA,2DAAgC"}

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

@@ -1 +1,2 @@
+export * from './Property';
 export * from './SelectEx';

package/dist/cjs/components/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Property"), exports);
 tslib_1.__exportStar(require("./SelectEx"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B;AAC1B,qDAA0B"}

package/dist/docs.json

@@ -7,14 +7,14 @@
 	"originalName": "",
 	"children": [
 		{
-			"id": 16,
+			"id": 21,
 			"name": "SchemaContextState",
 			"kind": 256,
 			"kindString": "Interface",
 			"flags": {},
 			"children": [
 				{
-					"id": 21,
+					"id": 26,
 					"name": "provided",
 					"kind": 1024,
 					"kindString": "Property",
@@ -36,7 +36,7 @@
 					}
 				},
 				{
-					"id": 17,
+					"id": 22,
 					"name": "schema",
 					"kind": 1024,
 					"kindString": "Property",
@@ -64,7 +64,7 @@
 					}
 				},
 				{
-					"id": 18,
+					"id": 23,
 					"name": "schemaList",
 					"kind": 1024,
 					"kindString": "Property",
@@ -95,7 +95,7 @@
 					}
 				},
 				{
-					"id": 19,
+					"id": 24,
 					"name": "setSchema",
 					"kind": 1024,
 					"kindString": "Property",
@@ -131,7 +131,7 @@
 					}
 				},
 				{
-					"id": 20,
+					"id": 25,
 					"name": "setSchemaList",
 					"kind": 1024,
 					"kindString": "Property",
@@ -175,11 +175,11 @@
 					"title": "Properties",
 					"kind": 1024,
 					"children": [
-						21,
-						17,
-						18,
-						19,
-						20
+						26,
+						22,
+						23,
+						24,
+						25
 					]
 				}
 			],
@@ -198,14 +198,14 @@
 			]
 		},
 		{
-			"id": 12,
+			"id": 17,
 			"name": "SchemaProviderProps",
 			"kind": 256,
 			"kindString": "Interface",
 			"flags": {},
 			"children": [
 				{
-					"id": 13,
+					"id": 18,
 					"name": "defaultSchema",
 					"kind": 1024,
 					"kindString": "Property",
@@ -225,7 +225,7 @@
 					}
 				},
 				{
-					"id": 14,
+					"id": 19,
 					"name": "knownSchemaList",
 					"kind": 1024,
 					"kindString": "Property",
@@ -253,8 +253,8 @@
 					"title": "Properties",
 					"kind": 1024,
 					"children": [
-						13,
-						14
+						18,
+						19
 					]
 				}
 			],
@@ -268,6 +268,98 @@
 		},
 		{
 			"id": 1,
+			"name": "SchemaPropertyProps",
+			"kind": 4194304,
+			"kindString": "Type alias",
+			"flags": {},
+			"sources": [
+				{
+					"fileName": "schema/src/components/Property/SchemaProperty.tsx",
+					"line": 11,
+					"character": 12
+				}
+			],
+			"type": {
+				"type": "intersection",
+				"types": [
+					{
+						"type": "reference",
+						"name": "PropertyProps"
+					},
+					{
+						"type": "reflection",
+						"declaration": {
+							"id": 2,
+							"name": "__type",
+							"kind": 65536,
+							"kindString": "Type literal",
+							"flags": {},
+							"children": [
+								{
+									"id": 3,
+									"name": "value",
+									"kind": 1024,
+									"kindString": "Property",
+									"flags": {
+										"isOptional": true
+									},
+									"sources": [
+										{
+											"fileName": "schema/src/components/Property/SchemaProperty.tsx",
+											"line": 12,
+											"character": 2
+										}
+									],
+									"type": {
+										"type": "intrinsic",
+										"name": "string"
+									}
+								},
+								{
+									"id": 4,
+									"name": "viewSchemaUrl",
+									"kind": 1024,
+									"kindString": "Property",
+									"flags": {
+										"isOptional": true
+									},
+									"sources": [
+										{
+											"fileName": "schema/src/components/Property/SchemaProperty.tsx",
+											"line": 13,
+											"character": 2
+										}
+									],
+									"type": {
+										"type": "intrinsic",
+										"name": "string"
+									}
+								}
+							],
+							"groups": [
+								{
+									"title": "Properties",
+									"kind": 1024,
+									"children": [
+										3,
+										4
+									]
+								}
+							],
+							"sources": [
+								{
+									"fileName": "schema/src/components/Property/SchemaProperty.tsx",
+									"line": 11,
+									"character": 50
+								}
+							]
+						}
+					}
+				]
+			}
+		},
+		{
+			"id": 6,
 			"name": "SchemaSelectExProps",
 			"kind": 4194304,
 			"kindString": "Type alias",
@@ -293,7 +385,7 @@
 			}
 		},
 		{
-			"id": 3,
+			"id": 8,
 			"name": "SchemaContext",
 			"kind": 32,
 			"kindString": "Variable",
@@ -315,7 +407,7 @@
 						"types": [
 							{
 								"type": "reference",
-								"id": 16,
+								"id": 21,
 								"name": "SchemaContextState"
 							},
 							{
@@ -332,7 +424,7 @@
 			"defaultValue": "..."
 		},
 		{
-			"id": 11,
+			"id": 16,
 			"name": "SchemaMemoryProvider",
 			"kind": 32,
 			"kindString": "Variable",
@@ -354,7 +446,7 @@
 						"typeArguments": [
 							{
 								"type": "reference",
-								"id": 12,
+								"id": 17,
 								"name": "SchemaProviderProps"
 							}
 						],
@@ -370,7 +462,37 @@
 			"defaultValue": "..."
 		},
 		{
-			"id": 15,
+			"id": 5,
+			"name": "SchemaProperty",
+			"kind": 32,
+			"kindString": "Variable",
+			"flags": {
+				"isConst": true
+			},
+			"sources": [
+				{
+					"fileName": "schema/src/components/Property/SchemaProperty.tsx",
+					"line": 33,
+					"character": 13
+				}
+			],
+			"type": {
+				"type": "reference",
+				"typeArguments": [
+					{
+						"type": "reference",
+						"id": 1,
+						"name": "SchemaPropertyProps"
+					}
+				],
+				"qualifiedName": "React.FC",
+				"package": "@types/react",
+				"name": "React.FC"
+			},
+			"defaultValue": "..."
+		},
+		{
+			"id": 20,
 			"name": "SchemaRouteProvider",
 			"kind": 32,
 			"kindString": "Variable",
@@ -392,7 +514,7 @@
 						"typeArguments": [
 							{
 								"type": "reference",
-								"id": 12,
+								"id": 17,
 								"name": "SchemaProviderProps"
 							}
 						],
@@ -408,7 +530,7 @@
 			"defaultValue": "..."
 		},
 		{
-			"id": 2,
+			"id": 7,
 			"name": "SchemaSelectEx",
 			"kind": 32,
 			"kindString": "Variable",
@@ -427,7 +549,7 @@
 				"typeArguments": [
 					{
 						"type": "reference",
-						"id": 1,
+						"id": 6,
 						"name": "SchemaSelectExProps"
 					}
 				],
@@ -438,7 +560,7 @@
 			"defaultValue": "..."
 		},
 		{
-			"id": 22,
+			"id": 27,
 			"name": "useSchema",
 			"kind": 64,
 			"kindString": "Function",
@@ -452,14 +574,14 @@
 			],
 			"signatures": [
 				{
-					"id": 23,
+					"id": 28,
 					"name": "useSchema",
 					"kind": 4096,
 					"kindString": "Call signature",
 					"flags": {},
 					"parameters": [
 						{
-							"id": 24,
+							"id": 29,
 							"name": "required",
 							"kind": 32768,
 							"kindString": "Parameter",
@@ -476,7 +598,7 @@
 						"typeArguments": [
 							{
 								"type": "reference",
-								"id": 16,
+								"id": 21,
 								"name": "SchemaContextState"
 							},
 							{
@@ -492,7 +614,7 @@
 			]
 		},
 		{
-			"id": 4,
+			"id": 9,
 			"name": "useSchemaDefinitions",
 			"kind": 64,
 			"kindString": "Function",
@@ -506,7 +628,7 @@
 			],
 			"signatures": [
 				{
-					"id": 5,
+					"id": 10,
 					"name": "useSchemaDefinitions",
 					"kind": 4096,
 					"kindString": "Call signature",
@@ -533,7 +655,7 @@
 			]
 		},
 		{
-			"id": 6,
+			"id": 11,
 			"name": "useSchemaList",
 			"kind": 64,
 			"kindString": "Function",
@@ -547,14 +669,14 @@
 			],
 			"signatures": [
 				{
-					"id": 7,
+					"id": 12,
 					"name": "useSchemaList",
 					"kind": 4096,
 					"kindString": "Call signature",
 					"flags": {},
 					"parameters": [
 						{
-							"id": 8,
+							"id": 13,
 							"name": "knownSchemaList",
 							"kind": 32768,
 							"kindString": "Parameter",
@@ -610,7 +732,7 @@
 			]
 		},
 		{
-			"id": 9,
+			"id": 14,
 			"name": "useSchemaStats",
 			"kind": 64,
 			"kindString": "Function",
@@ -624,7 +746,7 @@
 			],
 			"signatures": [
 				{
-					"id": 10,
+					"id": 15,
 					"name": "useSchemaStats",
 					"kind": 4096,
 					"kindString": "Call signature",
@@ -653,35 +775,37 @@
 			"title": "Interfaces",
 			"kind": 256,
 			"children": [
-				16,
-				12
+				21,
+				17
 			]
 		},
 		{
 			"title": "Type aliases",
 			"kind": 4194304,
 			"children": [
-				1
+				1,
+				6
 			]
 		},
 		{
 			"title": "Variables",
 			"kind": 32,
 			"children": [
-				3,
-				11,
-				15,
-				2
+				8,
+				16,
+				5,
+				20,
+				7
 			]
 		},
 		{
 			"title": "Functions",
 			"kind": 64,
 			"children": [
-				22,
-				4,
-				6,
-				9
+				27,
+				9,
+				11,
+				14
 			]
 		}
 	],

package/dist/esm/components/Property/SchemaProperty.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { PropertyProps } from '@xyo-network/react-property';
+export declare type SchemaPropertyProps = PropertyProps & {
+    value?: string;
+    viewSchemaUrl?: string;
+};
+export declare const SchemaProperty: React.FC<SchemaPropertyProps>;

package/dist/esm/components/Property/SchemaProperty.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import NewReleasesIcon from '@mui/icons-material/NewReleases';
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import VerifiedIcon from '@mui/icons-material/Verified';
+import { IconButton } from '@mui/material';
+import { LinkEx, useAsyncEffect } from '@xylabs/sdk-react';
+import { Property, PropertyValue } from '@xyo-network/react-property';
+import { XyoSchemaCache } from '@xyo-network/utils';
+import { useState } from 'react';
+const useResolveSchema = (schema) => {
+    const [entry, setEntry] = useState();
+    useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+        if (schema) {
+            const entry = await XyoSchemaCache.instance.get(schema);
+            if (mounted()) {
+                setEntry(entry);
+            }
+        }
+    }, [schema]);
+    return entry;
+};
+export const SchemaProperty = ({ titleProps, value, viewSchemaUrl = 'https://explore.xyo.network/' }) => {
+    const resolvedSchema = useResolveSchema(value);
+    return (_jsxs(Property, { flexGrow: 1, title: "Schema", value: value, tip: "Schema sent with the payload", titleProps: titleProps, children: [value ? (resolvedSchema === null ? (_jsx(IconButton, { rel: "noopener noreferrer", size: "small", target: "_blank", href: `${viewSchemaUrl}${value}`, children: _jsx(NewReleasesIcon, { color: "warning", fontSize: "inherit" }) })) : resolvedSchema === undefined ? (_jsx(IconButton, { rel: "noopener noreferrer", size: "small", target: "_blank", href: `${viewSchemaUrl}${value}`, children: _jsx(NewReleasesIcon, { color: "disabled", fontSize: "inherit" }) })) : (_jsx(IconButton, { rel: "noopener noreferrer", size: "small", target: "_blank", href: resolvedSchema?.huri?.href ?? '', children: _jsx(VerifiedIcon, { color: "success", fontSize: "inherit" }) }))) : null, value ? (_jsx(LinkEx, { flexGrow: 1, alignItems: "center", href: `${viewSchemaUrl}${value}`, rel: "noopener noreferrer", display: "flex", children: _jsx(PropertyValue, { value: value, title: "view schema in new window" }) })) : null, value ? (_jsx(LinkEx, { marginX: 1, alignItems: "center", href: `${viewSchemaUrl}${value}`, target: "_blank", rel: "noopener noreferrer", display: "flex", children: _jsx(OpenInNewIcon, { fontSize: "inherit" }) })) : null] }));
+};
+//# sourceMappingURL=SchemaProperty.js.map

package/dist/esm/components/Property/SchemaProperty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaProperty.js","sourceRoot":"","sources":["../../../../src/components/Property/SchemaProperty.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Property/index.d.ts

@@ -0,0 +1 @@
+export * from './SchemaProperty';

package/dist/esm/components/Property/index.js

@@ -0,0 +1,2 @@
+export * from './SchemaProperty';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Property/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Property/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

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

@@ -1 +1,2 @@
+export * from './Property';
 export * from './SelectEx';

package/dist/esm/components/index.js

@@ -1,2 +1,3 @@
+export * from './Property';
 export * from './SelectEx';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA"}

package/package.json

@@ -13,13 +13,13 @@
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@mui/material": "^5.8.1",
-    "@xylabs/sdk-react": "^2.12.8",
+    "@xylabs/sdk-react": "^2.12.10",
     "@xyo-network/api": "^2.20.33",
     "@xyo-network/core": "^2.20.33",
-    "@xyo-network/react-archive": "^2.25.19",
-    "@xyo-network/react-archivist-api": "^2.25.19",
-    "@xyo-network/react-shared": "^2.25.19",
-    "@xyo-network/react-theme": "^2.25.19",
+    "@xyo-network/react-archive": "^2.25.22",
+    "@xyo-network/react-archivist-api": "^2.25.22",
+    "@xyo-network/react-shared": "^2.25.22",
+    "@xyo-network/react-theme": "^2.25.22",
     "@xyo-network/utils": "^2.20.33",
     "lodash": "^4.17.21",
     "react": "^18.1.0",
@@ -30,8 +30,8 @@
   },
   "description": "Common React library for all XYO projects that use React",
   "devDependencies": {
-    "@babel/core": "^7.18.0",
-    "@babel/preset-env": "^7.18.0",
+    "@babel/core": "^7.18.2",
+    "@babel/preset-env": "^7.18.2",
     "@storybook/addons": "^6.5.5",
     "@storybook/api": "^6.5.5",
     "@storybook/components": "^6.5.5",
@@ -39,7 +39,7 @@
     "@storybook/react": "^6.5.5",
     "@storybook/theming": "^6.5.5",
     "@types/lodash": "^4.14.182",
-    "@xylabs/sdk-react": "^2.12.8",
+    "@xylabs/sdk-react": "^2.12.10",
     "@xylabs/ts-scripts": "^1.0.66",
     "@xylabs/tsconfig": "^1.0.13",
     "axios": "^0.27.2",
@@ -104,6 +104,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.25.19",
+  "version": "2.25.22",
   "packageManager": "yarn@3.1.1"
 }

package/src/components/Property/SchemaProperty.stories.tsx

@@ -0,0 +1,33 @@
+import { ComponentStory, Meta } from '@storybook/react'
+
+import { appThemeDecorator } from '../../.storybook'
+import { SchemaProperty } from './SchemaProperty'
+
+const StorybookEntry: Meta = {
+  argTypes: {},
+  args: {},
+  component: SchemaProperty,
+  decorators: [appThemeDecorator],
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'Schema/SchemaProperty',
+}
+
+const Template: ComponentStory<typeof SchemaProperty> = (args) => <SchemaProperty {...args} />
+
+const Default = Template.bind({})
+Default.args = {}
+
+const WithVerfiedValue = Template.bind({})
+WithVerfiedValue.args = { value: 'network.xyo.schema' }
+
+const WithUnverfiedValue = Template.bind({})
+WithUnverfiedValue.args = { value: 'network.xyo.blahblah' }
+
+export { Default, WithUnverfiedValue, WithVerfiedValue }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/Property/SchemaProperty.tsx

@@ -0,0 +1,64 @@
+import NewReleasesIcon from '@mui/icons-material/NewReleases'
+import OpenInNewIcon from '@mui/icons-material/OpenInNew'
+import VerifiedIcon from '@mui/icons-material/Verified'
+import { IconButton } from '@mui/material'
+import { LinkEx, useAsyncEffect } from '@xylabs/sdk-react'
+import { Property, PropertyProps, PropertyValue } from '@xyo-network/react-property'
+import { PropertyTitleProps } from '@xyo-network/react-property/dist/esm/components/Title'
+import { XyoSchemaCache, XyoSchemaCacheEntry } from '@xyo-network/utils'
+import { useState } from 'react'
+
+export type SchemaPropertyProps = PropertyProps & {
+  value?: string
+  viewSchemaUrl?: string
+}
+
+const useResolveSchema = (schema?: string) => {
+  const [entry, setEntry] = useState<XyoSchemaCacheEntry | null>()
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      if (schema) {
+        const entry = await XyoSchemaCache.instance.get(schema)
+        if (mounted()) {
+          setEntry(entry)
+        }
+      }
+    },
+    [schema]
+  )
+  return entry
+}
+
+export const SchemaProperty: React.FC<SchemaPropertyProps> = ({ titleProps, value, viewSchemaUrl = 'https://explore.xyo.network/' }) => {
+  const resolvedSchema = useResolveSchema(value)
+  return (
+    <Property flexGrow={1} title="Schema" value={value} tip="Schema sent with the payload" titleProps={titleProps}>
+      {value ? (
+        resolvedSchema === null ? (
+          <IconButton rel="noopener noreferrer" size="small" target="_blank" href={`${viewSchemaUrl}${value}`}>
+            <NewReleasesIcon color="warning" fontSize="inherit" />
+          </IconButton>
+        ) : resolvedSchema === undefined ? (
+          <IconButton rel="noopener noreferrer" size="small" target="_blank" href={`${viewSchemaUrl}${value}`}>
+            <NewReleasesIcon color="disabled" fontSize="inherit" />
+          </IconButton>
+        ) : (
+          <IconButton rel="noopener noreferrer" size="small" target="_blank" href={resolvedSchema?.huri?.href ?? ''}>
+            <VerifiedIcon color="success" fontSize="inherit" />
+          </IconButton>
+        )
+      ) : null}
+      {value ? (
+        <LinkEx flexGrow={1} alignItems="center" href={`${viewSchemaUrl}${value}`} rel="noopener noreferrer" display="flex">
+          <PropertyValue value={value} title="view schema in new window" />
+        </LinkEx>
+      ) : null}
+      {value ? (
+        <LinkEx marginX={1} alignItems="center" href={`${viewSchemaUrl}${value}`} target="_blank" rel="noopener noreferrer" display="flex">
+          <OpenInNewIcon fontSize="inherit" />
+        </LinkEx>
+      ) : null}
+    </Property>
+  )
+}

package/src/components/Property/index.ts

@@ -0,0 +1 @@
+export * from './SchemaProperty'

package/src/components/index.ts

@@ -1 +1,2 @@
+export * from './Property'
 export * from './SelectEx'