@xyo-network/react-schema 2.25.19 → 2.25.20

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { PropertyProps } from '@xyo-network/react-property';
+export interface SchemaPropertyProps extends 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 = ({ 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" }, { 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: "error", 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({ 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":"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"}

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"}