@xyo-network/react-schema 2.25.22 → 2.25.25
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.
- package/dist/cjs/components/Property/SchemaProperty.js +4 -3
- package/dist/cjs/components/Property/SchemaProperty.js.map +1 -1
- package/dist/docs.json +5 -5
- package/dist/esm/components/Property/SchemaProperty.js +2 -2
- package/dist/esm/components/Property/SchemaProperty.js.map +1 -1
- package/package.json +5 -5
- package/src/components/Property/SchemaProperty.stories.tsx +4 -1
- package/src/components/Property/SchemaProperty.tsx +2 -3
|
@@ -25,10 +25,11 @@ const useResolveSchema = (schema) => {
|
|
|
25
25
|
}), [schema]);
|
|
26
26
|
return entry;
|
|
27
27
|
};
|
|
28
|
-
const SchemaProperty = (
|
|
29
|
-
var
|
|
28
|
+
const SchemaProperty = (_a) => {
|
|
29
|
+
var _b, _c;
|
|
30
|
+
var { titleProps, value, viewSchemaUrl = 'https://explore.xyo.network/' } = _a, props = tslib_1.__rest(_a, ["titleProps", "value", "viewSchemaUrl"]);
|
|
30
31
|
const resolvedSchema = useResolveSchema(value);
|
|
31
|
-
return ((0, jsx_runtime_1.jsxs)(react_property_1.Property, Object.assign({
|
|
32
|
+
return ((0, jsx_runtime_1.jsxs)(react_property_1.Property, Object.assign({ title: "Schema", value: value, tip: "Schema sent with the payload", titleProps: titleProps }, props, { 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: (_c = (_b = resolvedSchema === null || resolvedSchema === void 0 ? void 0 : resolvedSchema.huri) === null || _b === void 0 ? void 0 : _b.href) !== null && _c !== void 0 ? _c : '' }, { 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] })));
|
|
32
33
|
};
|
|
33
34
|
exports.SchemaProperty = SchemaProperty;
|
|
34
35
|
//# sourceMappingURL=SchemaProperty.js.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
1
|
+
{"version":3,"file":"SchemaProperty.js","sourceRoot":"","sources":["../../../../src/components/Property/SchemaProperty.tsx"],"names":[],"mappings":"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"}
|
package/dist/docs.json
CHANGED
|
@@ -275,7 +275,7 @@
|
|
|
275
275
|
"sources": [
|
|
276
276
|
{
|
|
277
277
|
"fileName": "schema/src/components/Property/SchemaProperty.tsx",
|
|
278
|
-
"line":
|
|
278
|
+
"line": 10,
|
|
279
279
|
"character": 12
|
|
280
280
|
}
|
|
281
281
|
],
|
|
@@ -306,7 +306,7 @@
|
|
|
306
306
|
"sources": [
|
|
307
307
|
{
|
|
308
308
|
"fileName": "schema/src/components/Property/SchemaProperty.tsx",
|
|
309
|
-
"line":
|
|
309
|
+
"line": 11,
|
|
310
310
|
"character": 2
|
|
311
311
|
}
|
|
312
312
|
],
|
|
@@ -326,7 +326,7 @@
|
|
|
326
326
|
"sources": [
|
|
327
327
|
{
|
|
328
328
|
"fileName": "schema/src/components/Property/SchemaProperty.tsx",
|
|
329
|
-
"line":
|
|
329
|
+
"line": 12,
|
|
330
330
|
"character": 2
|
|
331
331
|
}
|
|
332
332
|
],
|
|
@@ -349,7 +349,7 @@
|
|
|
349
349
|
"sources": [
|
|
350
350
|
{
|
|
351
351
|
"fileName": "schema/src/components/Property/SchemaProperty.tsx",
|
|
352
|
-
"line":
|
|
352
|
+
"line": 10,
|
|
353
353
|
"character": 50
|
|
354
354
|
}
|
|
355
355
|
]
|
|
@@ -472,7 +472,7 @@
|
|
|
472
472
|
"sources": [
|
|
473
473
|
{
|
|
474
474
|
"fileName": "schema/src/components/Property/SchemaProperty.tsx",
|
|
475
|
-
"line":
|
|
475
|
+
"line": 32,
|
|
476
476
|
"character": 13
|
|
477
477
|
}
|
|
478
478
|
],
|
|
@@ -21,8 +21,8 @@ const useResolveSchema = (schema) => {
|
|
|
21
21
|
}, [schema]);
|
|
22
22
|
return entry;
|
|
23
23
|
};
|
|
24
|
-
export const SchemaProperty = ({ titleProps, value, viewSchemaUrl = 'https://explore.xyo.network/' }) => {
|
|
24
|
+
export const SchemaProperty = ({ titleProps, value, viewSchemaUrl = 'https://explore.xyo.network/', ...props }) => {
|
|
25
25
|
const resolvedSchema = useResolveSchema(value);
|
|
26
|
-
return (_jsxs(Property, {
|
|
26
|
+
return (_jsxs(Property, { title: "Schema", value: value, tip: "Schema sent with the payload", titleProps: titleProps, ...props, 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] }));
|
|
27
27
|
};
|
|
28
28
|
//# sourceMappingURL=SchemaProperty.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SchemaProperty.js","sourceRoot":"","sources":["../../../../src/components/Property/SchemaProperty.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,MAAM,iCAAiC,CAAA;AAC7D,OAAO,aAAa,MAAM,+BAA+B,CAAA;AACzD,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAiB,aAAa,EAAE,MAAM,6BAA6B,CAAA;
|
|
1
|
+
{"version":3,"file":"SchemaProperty.js","sourceRoot":"","sources":["../../../../src/components/Property/SchemaProperty.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
"@xylabs/sdk-react": "^2.12.10",
|
|
17
17
|
"@xyo-network/api": "^2.20.33",
|
|
18
18
|
"@xyo-network/core": "^2.20.33",
|
|
19
|
-
"@xyo-network/react-archive": "^2.25.
|
|
20
|
-
"@xyo-network/react-archivist-api": "^2.25.
|
|
21
|
-
"@xyo-network/react-shared": "^2.25.
|
|
22
|
-
"@xyo-network/react-theme": "^2.25.
|
|
19
|
+
"@xyo-network/react-archive": "^2.25.25",
|
|
20
|
+
"@xyo-network/react-archivist-api": "^2.25.25",
|
|
21
|
+
"@xyo-network/react-shared": "^2.25.25",
|
|
22
|
+
"@xyo-network/react-theme": "^2.25.25",
|
|
23
23
|
"@xyo-network/utils": "^2.20.33",
|
|
24
24
|
"lodash": "^4.17.21",
|
|
25
25
|
"react": "^18.1.0",
|
|
@@ -104,6 +104,6 @@
|
|
|
104
104
|
},
|
|
105
105
|
"sideEffects": false,
|
|
106
106
|
"types": "dist/esm/index.d.ts",
|
|
107
|
-
"version": "2.25.
|
|
107
|
+
"version": "2.25.25",
|
|
108
108
|
"packageManager": "yarn@3.1.1"
|
|
109
109
|
}
|
|
@@ -24,10 +24,13 @@ Default.args = {}
|
|
|
24
24
|
const WithVerfiedValue = Template.bind({})
|
|
25
25
|
WithVerfiedValue.args = { value: 'network.xyo.schema' }
|
|
26
26
|
|
|
27
|
+
const WithVerfiedValuePaper = Template.bind({})
|
|
28
|
+
WithVerfiedValuePaper.args = { paper: true, value: 'network.xyo.schema' }
|
|
29
|
+
|
|
27
30
|
const WithUnverfiedValue = Template.bind({})
|
|
28
31
|
WithUnverfiedValue.args = { value: 'network.xyo.blahblah' }
|
|
29
32
|
|
|
30
|
-
export { Default, WithUnverfiedValue, WithVerfiedValue }
|
|
33
|
+
export { Default, WithUnverfiedValue, WithVerfiedValue, WithVerfiedValuePaper }
|
|
31
34
|
|
|
32
35
|
// eslint-disable-next-line import/no-default-export
|
|
33
36
|
export default StorybookEntry
|
|
@@ -4,7 +4,6 @@ import VerifiedIcon from '@mui/icons-material/Verified'
|
|
|
4
4
|
import { IconButton } from '@mui/material'
|
|
5
5
|
import { LinkEx, useAsyncEffect } from '@xylabs/sdk-react'
|
|
6
6
|
import { Property, PropertyProps, PropertyValue } from '@xyo-network/react-property'
|
|
7
|
-
import { PropertyTitleProps } from '@xyo-network/react-property/dist/esm/components/Title'
|
|
8
7
|
import { XyoSchemaCache, XyoSchemaCacheEntry } from '@xyo-network/utils'
|
|
9
8
|
import { useState } from 'react'
|
|
10
9
|
|
|
@@ -30,10 +29,10 @@ const useResolveSchema = (schema?: string) => {
|
|
|
30
29
|
return entry
|
|
31
30
|
}
|
|
32
31
|
|
|
33
|
-
export const SchemaProperty: React.FC<SchemaPropertyProps> = ({ titleProps, value, viewSchemaUrl = 'https://explore.xyo.network/' }) => {
|
|
32
|
+
export const SchemaProperty: React.FC<SchemaPropertyProps> = ({ titleProps, value, viewSchemaUrl = 'https://explore.xyo.network/', ...props }) => {
|
|
34
33
|
const resolvedSchema = useResolveSchema(value)
|
|
35
34
|
return (
|
|
36
|
-
<Property
|
|
35
|
+
<Property title="Schema" value={value} tip="Schema sent with the payload" titleProps={titleProps} {...props}>
|
|
37
36
|
{value ? (
|
|
38
37
|
resolvedSchema === null ? (
|
|
39
38
|
<IconButton rel="noopener noreferrer" size="small" target="_blank" href={`${viewSchemaUrl}${value}`}>
|