@xyo-network/react-schema 2.53.0 → 2.54.1
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 +2 -2
- package/dist/cjs/components/Property/SchemaProperty.js.map +1 -1
- package/dist/cjs/hooks/useGetSchema.js +2 -2
- package/dist/cjs/hooks/useGetSchema.js.map +1 -1
- package/dist/docs.json +625 -164
- package/dist/esm/components/Property/SchemaProperty.js +3 -3
- package/dist/esm/components/Property/SchemaProperty.js.map +1 -1
- package/dist/esm/hooks/useGetSchema.js +2 -2
- package/dist/esm/hooks/useGetSchema.js.map +1 -1
- package/package.json +10 -10
- package/src/components/Property/SchemaProperty.stories.tsx +2 -2
- package/src/components/Property/SchemaProperty.tsx +4 -4
- package/src/hooks/useGetSchema.tsx +2 -2
|
@@ -5,7 +5,7 @@ import VerifiedIcon from '@mui/icons-material/Verified';
|
|
|
5
5
|
import { IconButton } from '@mui/material';
|
|
6
6
|
import { useAsyncEffect } from '@xylabs/react-async-effect';
|
|
7
7
|
import { LinkEx } from '@xylabs/react-link';
|
|
8
|
-
import {
|
|
8
|
+
import { useEvent } from '@xyo-network/react-event';
|
|
9
9
|
import { Property, PropertyValue } from '@xyo-network/react-property';
|
|
10
10
|
import { SchemaCache } from '@xyo-network/schema-cache';
|
|
11
11
|
import { forwardRef, useState } from 'react';
|
|
@@ -25,8 +25,8 @@ const useResolveSchema = (schema) => {
|
|
|
25
25
|
};
|
|
26
26
|
export const SchemaProperty = forwardRef(({ showLinkNames = true, showOpenNewWindowLink = true, showStatusIcon = true, titleProps, value, ...props }, forwardedRef) => {
|
|
27
27
|
const resolvedSchema = useResolveSchema(value);
|
|
28
|
-
const [buttonRef, buttonDispatch] =
|
|
29
|
-
const [divRef, divDispatch] =
|
|
28
|
+
const [buttonRef, buttonDispatch] = useEvent(undefined);
|
|
29
|
+
const [divRef, divDispatch] = useEvent(undefined);
|
|
30
30
|
const onClick = (dispatch, openNewWindow = false) => {
|
|
31
31
|
dispatch?.('schema', 'click', JSON.stringify({
|
|
32
32
|
openNewWindow,
|
|
@@ -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,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,
|
|
1
|
+
{"version":3,"file":"SchemaProperty.js","sourceRoot":"","sources":["../../../../src/components/Property/SchemaProperty.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ import { useState } from 'react';
|
|
|
8
8
|
*/
|
|
9
9
|
const useGetSchemaPayload = (schema) => {
|
|
10
10
|
const [notFound, setNotFound] = useState(false);
|
|
11
|
-
const [xyoError,
|
|
11
|
+
const [xyoError, setError] = useState();
|
|
12
12
|
const [schemaCacheEntry, setSchemaCacheEntry] = useState();
|
|
13
13
|
const [schemaLocal, setSchemaLocal] = useState();
|
|
14
14
|
useAsyncEffect(
|
|
@@ -28,7 +28,7 @@ const useGetSchemaPayload = (schema) => {
|
|
|
28
28
|
const error = e;
|
|
29
29
|
console.error(e);
|
|
30
30
|
if (mounted()) {
|
|
31
|
-
|
|
31
|
+
setError({ message: error.message, schema: ModuleErrorSchema, sources: [] });
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGetSchema.js","sourceRoot":"","sources":["../../../src/hooks/useGetSchema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAe,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAoB,MAAM,2BAA2B,CAAA;AAEzE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC;;GAEG;AACH,MAAM,mBAAmB,GAAG,CAAC,MAAe,EAAE,EAAE;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"useGetSchema.js","sourceRoot":"","sources":["../../../src/hooks/useGetSchema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAe,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAoB,MAAM,2BAA2B,CAAA;AAEzE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC;;GAEG;AACH,MAAM,mBAAmB,GAAG,CAAC,MAAe,EAAE,EAAE;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAe,CAAA;IACpD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,EAAuC,CAAA;IAC/F,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAU,CAAA;IAExD,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,YAAY,GAAG,CAAC,QAAQ,IAAI,CAAC,gBAAgB,IAAI,CAAC,QAAQ,CAAA;QAChE,MAAM,aAAa,GAAG,MAAM,KAAK,WAAW,CAAA;QAE5C,IAAI,CAAC,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,IAAI,aAAa,CAAC,EAAE;YACzD,IAAI;gBACF,MAAM,gBAAgB,GAAG,MAAM,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;gBAC/D,IAAI,OAAO,EAAE,EAAE;oBACb,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;oBACrC,WAAW,CAAC,gBAAgB,KAAK,IAAI,IAAI,gBAAgB,KAAK,SAAS,CAAC,CAAA;iBACzE;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,MAAM,KAAK,GAAG,CAAU,CAAA;gBACxB,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;gBAChB,IAAI,OAAO,EAAE,EAAE;oBACb,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;iBAC7E;aACF;SACF;QACD,IAAI,aAAa,EAAE;YACjB,cAAc,CAAC,MAAM,CAAC,CAAA;SACvB;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAC5D,CAAA;IAED,OAAO;QACL,QAAQ;QACR,UAAU,EAAE,gBAAgB,EAAE,IAAI;QAClC,aAAa,EAAE,gBAAgB;YAC7B,CAAC,CAAC,IAAI,cAAc,CAAgB,gBAAgB,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE;YACvG,CAAC,CAAC,gBAAgB;QACpB,QAAQ;KACT,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
|
package/package.json
CHANGED
|
@@ -20,10 +20,10 @@
|
|
|
20
20
|
"@xyo-network/module": "^2.62.1",
|
|
21
21
|
"@xyo-network/node-core-types": "^2.62.1",
|
|
22
22
|
"@xyo-network/payload-builder": "^2.62.1",
|
|
23
|
-
"@xyo-network/react-diviner": "^2.
|
|
24
|
-
"@xyo-network/react-event": "^2.
|
|
25
|
-
"@xyo-network/react-property": "^2.
|
|
26
|
-
"@xyo-network/react-shared": "^2.
|
|
23
|
+
"@xyo-network/react-diviner": "^2.54.1",
|
|
24
|
+
"@xyo-network/react-event": "^2.54.1",
|
|
25
|
+
"@xyo-network/react-property": "^2.54.1",
|
|
26
|
+
"@xyo-network/react-shared": "^2.54.1",
|
|
27
27
|
"@xyo-network/schema-cache": "^2.62.1",
|
|
28
28
|
"@xyo-network/schema-payload-plugin": "^2.62.1",
|
|
29
29
|
"lodash": "^4.17.21"
|
|
@@ -32,14 +32,14 @@
|
|
|
32
32
|
"@storybook/react": "^7.0.21",
|
|
33
33
|
"@types/lodash": "^4.14.195",
|
|
34
34
|
"@xylabs/react-flexbox": "^2.17.3",
|
|
35
|
-
"@xylabs/ts-scripts-yarn3": "^2.17.
|
|
36
|
-
"@xylabs/tsconfig-react": "^2.17.
|
|
35
|
+
"@xylabs/ts-scripts-yarn3": "^2.17.14",
|
|
36
|
+
"@xylabs/tsconfig-react": "^2.17.14",
|
|
37
37
|
"@xyo-network/account": "^2.62.1",
|
|
38
38
|
"@xyo-network/bridge": "^2.62.1",
|
|
39
39
|
"@xyo-network/node": "^2.62.1",
|
|
40
|
-
"@xyo-network/react-node": "^2.
|
|
41
|
-
"@xyo-network/react-storybook": "^2.
|
|
42
|
-
"@xyo-network/react-wallet": "^2.
|
|
40
|
+
"@xyo-network/react-node": "^2.54.1",
|
|
41
|
+
"@xyo-network/react-storybook": "^2.54.1",
|
|
42
|
+
"@xyo-network/react-wallet": "^2.54.1",
|
|
43
43
|
"react-json-view": "^1.21.3",
|
|
44
44
|
"typescript": "^5.1.3"
|
|
45
45
|
},
|
|
@@ -95,5 +95,5 @@
|
|
|
95
95
|
},
|
|
96
96
|
"sideEffects": false,
|
|
97
97
|
"types": "dist/types/index.d.ts",
|
|
98
|
-
"version": "2.
|
|
98
|
+
"version": "2.54.1"
|
|
99
99
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Meta, StoryFn } from '@storybook/react'
|
|
2
|
-
import {
|
|
2
|
+
import { useEvent } from '@xyo-network/react-event'
|
|
3
3
|
import { useAppThemeDecorator } from '@xyo-network/react-storybook'
|
|
4
4
|
|
|
5
5
|
import { SchemaProperty, SchemaPropertyProps } from './SchemaProperty'
|
|
@@ -16,7 +16,7 @@ const StorybookEntry: Meta = {
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
const Template: StoryFn<typeof SchemaProperty> = (args: SchemaPropertyProps) => {
|
|
19
|
-
const [ref] =
|
|
19
|
+
const [ref] = useEvent<HTMLDivElement>((noun, verb, data) => {
|
|
20
20
|
console.log(`${noun}|${verb}|${data}`)
|
|
21
21
|
})
|
|
22
22
|
return (
|
|
@@ -4,7 +4,7 @@ import VerifiedIcon from '@mui/icons-material/Verified'
|
|
|
4
4
|
import { IconButton } from '@mui/material'
|
|
5
5
|
import { useAsyncEffect } from '@xylabs/react-async-effect'
|
|
6
6
|
import { LinkEx } from '@xylabs/react-link'
|
|
7
|
-
import {
|
|
7
|
+
import { EventDispatch, EventNoun, useEvent } from '@xyo-network/react-event'
|
|
8
8
|
import { Property, PropertyProps, PropertyValue } from '@xyo-network/react-property'
|
|
9
9
|
import { SchemaCache, SchemaCacheEntry } from '@xyo-network/schema-cache'
|
|
10
10
|
import { forwardRef, useState } from 'react'
|
|
@@ -38,10 +38,10 @@ const useResolveSchema = (schema?: string) => {
|
|
|
38
38
|
export const SchemaProperty = forwardRef<HTMLDivElement, SchemaPropertyProps>(
|
|
39
39
|
({ showLinkNames = true, showOpenNewWindowLink = true, showStatusIcon = true, titleProps, value, ...props }, forwardedRef) => {
|
|
40
40
|
const resolvedSchema = useResolveSchema(value)
|
|
41
|
-
const [buttonRef, buttonDispatch] =
|
|
42
|
-
const [divRef, divDispatch] =
|
|
41
|
+
const [buttonRef, buttonDispatch] = useEvent<HTMLButtonElement>(undefined)
|
|
42
|
+
const [divRef, divDispatch] = useEvent<HTMLDivElement>(undefined)
|
|
43
43
|
|
|
44
|
-
const onClick = (dispatch?:
|
|
44
|
+
const onClick = (dispatch?: EventDispatch<EventNoun, 'click', string>, openNewWindow = false) => {
|
|
45
45
|
dispatch?.(
|
|
46
46
|
'schema',
|
|
47
47
|
'click',
|
|
@@ -10,7 +10,7 @@ import { useState } from 'react'
|
|
|
10
10
|
*/
|
|
11
11
|
const useGetSchemaPayload = (schema?: string) => {
|
|
12
12
|
const [notFound, setNotFound] = useState(false)
|
|
13
|
-
const [xyoError,
|
|
13
|
+
const [xyoError, setError] = useState<ModuleError>()
|
|
14
14
|
const [schemaCacheEntry, setSchemaCacheEntry] = useState<SchemaCacheEntry | null | undefined>()
|
|
15
15
|
const [schemaLocal, setSchemaLocal] = useState<string>()
|
|
16
16
|
|
|
@@ -31,7 +31,7 @@ const useGetSchemaPayload = (schema?: string) => {
|
|
|
31
31
|
const error = e as Error
|
|
32
32
|
console.error(e)
|
|
33
33
|
if (mounted()) {
|
|
34
|
-
|
|
34
|
+
setError({ message: error.message, schema: ModuleErrorSchema, sources: [] })
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
}
|