@xyo-network/react-schema 2.46.7 → 2.46.9

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

@@ -1,13 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, 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 } from '@xylabs/react-link';
 import { useAsyncEffect } from '@xylabs/react-shared';
+import { useXyoEvent } from '@xyo-network/react-event';
 import { Property, PropertyValue } from '@xyo-network/react-property';
 import { XyoSchemaCache } from '@xyo-network/utils';
-import { useState } from 'react';
+import { forwardRef, useState } from 'react';
 const useResolveSchema = (schema) => {
     const [entry, setEntry] = useState();
     useAsyncEffect(
@@ -22,8 +23,17 @@ const useResolveSchema = (schema) => {
     }, [schema]);
     return entry;
 };
-export const SchemaProperty = ({ titleProps, value, viewSchemaUrl = 'https://explore.xyo.network/', ...props }) => {
+export const SchemaProperty = forwardRef(({ showLinkNames = true, showOpenNewWindowLink = true, showStatusIcon = true, titleProps, value, ...props }, forwardedRef) => {
     const resolvedSchema = useResolveSchema(value);
-    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] }));
-};
+    const [buttonRef, buttonDispatch] = useXyoEvent(undefined);
+    const [divRef, divDispatch] = useXyoEvent(undefined);
+    const onClick = (dispatch, openNewWindow = false) => {
+        dispatch?.('schema', 'click', JSON.stringify({
+            openNewWindow,
+            schema: value,
+        }));
+    };
+    return (_jsxs(Property, { ref: forwardedRef, title: "Schema", value: value, tip: "Schema sent with the payload", titleProps: titleProps, ...props, children: [value && showStatusIcon ? (resolvedSchema === null ? (_jsx(IconButton, { ref: buttonRef, size: "small", onClick: () => onClick(buttonDispatch), children: _jsx(NewReleasesIcon, { color: "warning", fontSize: "inherit" }) })) : resolvedSchema === undefined ? (_jsx(IconButton, { ref: buttonRef, size: "small", onClick: () => onClick(buttonDispatch), 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 ? (_jsxs(_Fragment, { children: [showLinkNames ? (_jsx(LinkEx, { display: "block", width: "100%", sx: { cursor: 'pointer' }, children: _jsx(PropertyValue, { ref: divRef, value: value, title: "view schema", onClick: () => onClick(divDispatch) }) })) : (_jsx(PropertyValue, { ref: divRef, value: value, title: "view schema", onClick: () => onClick(divDispatch) })), showOpenNewWindowLink ? (_jsx(IconButton, { ref: buttonRef, size: "small", onClick: () => onClick(buttonDispatch, true), children: _jsx(OpenInNewIcon, { fontSize: "inherit" }) })) : null] })) : null] }));
+});
+SchemaProperty.displayName = 'SchemaProperty';
 //# sourceMappingURL=SchemaProperty.js.map

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

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

package/dist/esm/hooks/index.js

@@ -1,4 +1,5 @@
 export * from './useGetSchema';
 export * from './useSchemaDefinitions';
+export * from './useSchemaList';
 export * from './useSchemaStats';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA"}

package/dist/esm/hooks/useSchemaList.js

@@ -0,0 +1,36 @@
+import { useAsyncEffect } from '@xylabs/react-shared';
+import { SchemaListQuerySchema } from '@xyo-network/node-core-model';
+import { useDiviner } from '@xyo-network/react-diviner';
+import { useMemo, useState } from 'react';
+export const useSchemaList = (address, nameOrAddress = 'SchemaListDiviner', account) => {
+    const [schemaList, setSchemaList] = useState();
+    const [error, setError] = useState();
+    const [diviner, divinerError] = useDiviner(nameOrAddress, account);
+    const query = useMemo(() => address
+        ? [
+            {
+                address,
+                schema: SchemaListQuerySchema,
+            },
+        ]
+        : undefined, [address]);
+    useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps, require-await
+    async (mounted) => {
+        if (diviner) {
+            try {
+                const response = (await diviner.divine(query));
+                if (mounted()) {
+                    setSchemaList(response?.[0]);
+                    setError(undefined);
+                }
+            }
+            catch (e) {
+                setError(e);
+                setSchemaList(undefined);
+            }
+        }
+    }, [diviner, divinerError, query]);
+    return [schemaList, error];
+};
+//# sourceMappingURL=useSchemaList.js.map

package/dist/esm/hooks/useSchemaList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSchemaList.js","sourceRoot":"","sources":["../../../src/hooks/useSchemaList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAA6C,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAC/G,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,OAAgB,EAChB,aAAa,GAAG,mBAAmB,EACnC,OAAyB,EAC2B,EAAE;IACtD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,EAAqB,CAAA;IACjE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAS,CAAA;IAC3C,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,UAAU,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;IAElE,MAAM,KAAK,GAAyC,OAAO,CACzD,GAAG,EAAE,CACH,OAAO;QACL,CAAC,CAAC;YACE;gBACE,OAAO;gBACP,MAAM,EAAE,qBAAqB;aAC9B;SACF;QACH,CAAC,CAAC,SAAS,EACf,CAAC,OAAO,CAAC,CACV,CAAA;IAED,cAAc;IACZ,sEAAsE;IACtE,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI,OAAO,EAAE;YACX,IAAI;gBACF,MAAM,QAAQ,GAAG,CAAC,MAAM,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAwB,CAAA;gBACrE,IAAI,OAAO,EAAE,EAAE;oBACb,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;oBAC5B,QAAQ,CAAC,SAAS,CAAC,CAAA;iBACpB;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,QAAQ,CAAC,CAAU,CAAC,CAAA;gBACpB,aAAa,CAAC,SAAS,CAAC,CAAA;aACzB;SACF;IACH,CAAC,EACD,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,CAC/B,CAAA;IACD,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;AAC5B,CAAC,CAAA"}

package/dist/esm/hooks/useSchemaStats.js

@@ -12,8 +12,8 @@ export const useSchemaStats = (statsAddress, nameOrAddress = TYPES.SchemaStatsDi
     const refreshHistory = () => setRefresh((previous) => previous + 1);
     const [schemaList, setSchemaList] = useState();
     const query = useMemo(() => ({
+        address: statsAddress,
         schema: SchemaStatsQuerySchema,
-        statsAddress,
     }), [statsAddress]);
     useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/esm/hooks/useSchemaStats.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSchemaStats.js","sourceRoot":"","sources":["../../../src/hooks/useSchemaStats.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAA+C,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAClH,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAA4B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnE,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,YAAqB,EACrB,aAAa,GAAG,KAAK,CAAC,kBAAkB,CAAC,WAAW,EACpD,OAAyB,EACgE,EAAE;IAC3F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACzC,MAAM,CAAC,kBAAkB,CAAC,GAAG,UAAU,EAAE,CAAA;IACzC,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,UAAU,CAAC,aAAa,EAAE,OAAO,IAAI,kBAAkB,CAAC,CAAA;IACxF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAS,CAAA;IAC3C,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAA;IAEnE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,EAAwB,CAAA;IAEpE,MAAM,KAAK,GAA4B,OAAO,CAC5C,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,sBAAsB;QAC9B,YAAY;KACb,CAAC,EACF,CAAC,YAAY,CAAC,CACf,CAAA;IAED,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI,OAAO,EAAE;YACX,IAAI,YAAY,EAAE;gBAChB,IAAI,OAAO,EAAE,EAAE;oBACb,QAAQ,CAAC,YAAY,CAAC,CAAA;oBACtB,aAAa,CAAC,SAAS,CAAC,CAAA;iBACzB;aACF;iBAAM;gBACL,IAAI;oBACF,MAAM,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,CAAyB,CAAA;oBACvE,IAAI,OAAO,EAAE,EAAE;wBACb,aAAa,CAAC,OAAO,CAAC,CAAA;wBACtB,QAAQ,CAAC,SAAS,CAAC,CAAA;qBACpB;iBACF;gBAAC,OAAO,EAAE,EAAE;oBACX,QAAQ,CAAC,EAAW,CAAC,CAAA;oBACrB,aAAa,CAAC,SAAS,CAAC,CAAA;iBACzB;aACF;SACF;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,CACxC,CAAA;IAED,OAAO,CAAC,UAAU,EAAE,KAAK,EAAE,cAAc,CAAC,CAAA;AAC5C,CAAC,CAAA"}
+{"version":3,"file":"useSchemaStats.js","sourceRoot":"","sources":["../../../src/hooks/useSchemaStats.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAA+C,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAClH,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAA4B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnE,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,YAAqB,EACrB,aAAa,GAAG,KAAK,CAAC,kBAAkB,CAAC,WAAW,EACpD,OAAyB,EACgE,EAAE;IAC3F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACzC,MAAM,CAAC,kBAAkB,CAAC,GAAG,UAAU,EAAE,CAAA;IACzC,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,UAAU,CAAC,aAAa,EAAE,OAAO,IAAI,kBAAkB,CAAC,CAAA;IACxF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAS,CAAA;IAC3C,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAA;IAEnE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,EAAwB,CAAA;IAEpE,MAAM,KAAK,GAA4B,OAAO,CAC5C,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,YAAY;QACrB,MAAM,EAAE,sBAAsB;KAC/B,CAAC,EACF,CAAC,YAAY,CAAC,CACf,CAAA;IAED,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI,OAAO,EAAE;YACX,IAAI,YAAY,EAAE;gBAChB,IAAI,OAAO,EAAE,EAAE;oBACb,QAAQ,CAAC,YAAY,CAAC,CAAA;oBACtB,aAAa,CAAC,SAAS,CAAC,CAAA;iBACzB;aACF;iBAAM;gBACL,IAAI;oBACF,MAAM,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,CAAyB,CAAA;oBACvE,IAAI,OAAO,EAAE,EAAE;wBACb,aAAa,CAAC,OAAO,CAAC,CAAA;wBACtB,QAAQ,CAAC,SAAS,CAAC,CAAA;qBACpB;iBACF;gBAAC,OAAO,EAAE,EAAE;oBACX,QAAQ,CAAC,EAAW,CAAC,CAAA;oBACrB,aAAa,CAAC,SAAS,CAAC,CAAA;iBACzB;aACF;SACF;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,CACxC,CAAA;IAED,OAAO,CAAC,UAAU,EAAE,KAAK,EAAE,cAAc,CAAC,CAAA;AAC5C,CAAC,CAAA"}

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

@@ -1,8 +1,51 @@
 /// <reference types="react" />
 import { PropertyProps } from '@xyo-network/react-property';
 export type SchemaPropertyProps = PropertyProps & {
+    showLinkNames?: boolean;
+    showOpenNewWindowLink?: boolean;
+    showStatusIcon?: boolean;
     value?: string;
+    /** @deprecated - use events instead */
     viewSchemaUrl?: string;
 };
-export declare const SchemaProperty: React.FC<SchemaPropertyProps>;
+export declare const SchemaProperty: import("react").ForwardRefExoticComponent<((import("@xyo-network/react-property").PropertyBaseProps & {
+    actions?: import("@xyo-network/react-property").PropertyAction[] | undefined;
+    badge?: boolean | undefined;
+    required?: boolean | undefined;
+    size?: import("@xyo-network/react-shared").SizeProp | undefined;
+    value?: string | number | boolean | null | undefined;
+} & import("@xylabs/react-flexbox").BusyBoxProps & {
+    paper?: false | undefined;
+} & {
+    showLinkNames?: boolean | undefined;
+    showOpenNewWindowLink?: boolean | undefined;
+    showStatusIcon?: boolean | undefined;
+    value?: string | undefined;
+    /** @deprecated - use events instead */
+    viewSchemaUrl?: string | undefined;
+}) | Omit<import("@xyo-network/react-property").PropertyBaseProps & {
+    actions?: import("@xyo-network/react-property").PropertyAction[] | undefined;
+    badge?: boolean | undefined;
+    required?: boolean | undefined;
+    size?: import("@xyo-network/react-shared").SizeProp | undefined;
+    value?: string | number | boolean | null | undefined;
+} & {
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").PaperClasses> | undefined;
+    elevation?: number | undefined;
+    square?: boolean | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "elevation" | "outlined" | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "elevation" | "square" | "sx" | "variant"> & {
+    paper: true;
+} & {
+    showLinkNames?: boolean | undefined;
+    showOpenNewWindowLink?: boolean | undefined;
+    showStatusIcon?: boolean | undefined;
+    value?: string | undefined;
+    /** @deprecated - use events instead */
+    viewSchemaUrl?: string | undefined;
+}, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=SchemaProperty.d.ts.map

package/dist/types/components/Property/SchemaProperty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaProperty.d.ts","sourceRoot":"","sources":["../../../../src/components/Property/SchemaProperty.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAY,aAAa,EAAiB,MAAM,6BAA6B,CAAA;AAIpF,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAmBD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+BxD,CAAA"}
+{"version":3,"file":"SchemaProperty.d.ts","sourceRoot":"","sources":["../../../../src/components/Property/SchemaProperty.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAY,aAAa,EAAiB,MAAM,6BAA6B,CAAA;AAIpF,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG;IAChD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAmBD,eAAO,MAAM,cAAc;;;;;;;;;;;;;IArBzB,uCAAuC;;;;;;;;;;;;;;;;;;;;;;;;IAAvC,uCAAuC;;2DA0ExC,CAAA"}

package/dist/types/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './useGetSchema';
 export * from './useSchemaDefinitions';
+export * from './useSchemaList';
 export * from './useSchemaStats';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA"}

package/dist/types/hooks/useSchemaList.d.ts

@@ -0,0 +1,4 @@
+import { AccountInstance } from '@xyo-network/account-model';
+import { SchemaListPayload } from '@xyo-network/node-core-model';
+export declare const useSchemaList: (address?: string, nameOrAddress?: string, account?: AccountInstance) => [SchemaListPayload | undefined, Error | undefined];
+//# sourceMappingURL=useSchemaList.d.ts.map

package/dist/types/hooks/useSchemaList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSchemaList.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSchemaList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,iBAAiB,EAAiD,MAAM,8BAA8B,CAAA;AAI/G,eAAO,MAAM,aAAa,aACd,MAAM,oCAEN,eAAe,KACxB,CAAC,iBAAiB,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,CAqCnD,CAAA"}

package/package.json

@@ -13,15 +13,17 @@
     "@xylabs/react-link": "^2.16.11",
     "@xylabs/react-select": "^2.16.11",
     "@xylabs/react-shared": "^2.16.11",
-    "@xyo-network/module": "^2.53.2",
-    "@xyo-network/node-core-model": "^2.53.2",
-    "@xyo-network/node-core-types": "^2.53.2",
-    "@xyo-network/payload-builder": "^2.53.2",
-    "@xyo-network/react-diviner": "^2.46.7",
-    "@xyo-network/react-property": "^2.46.7",
-    "@xyo-network/react-shared": "^2.46.7",
-    "@xyo-network/schema-payload-plugin": "^2.53.2",
-    "@xyo-network/utils": "^2.53.2",
+    "@xyo-network/account-model": "^2.53.3",
+    "@xyo-network/module": "^2.53.3",
+    "@xyo-network/node-core-model": "^2.53.3",
+    "@xyo-network/node-core-types": "^2.53.3",
+    "@xyo-network/payload-builder": "^2.53.3",
+    "@xyo-network/react-diviner": "^2.46.9",
+    "@xyo-network/react-event": "^2.46.9",
+    "@xyo-network/react-property": "^2.46.9",
+    "@xyo-network/react-shared": "^2.46.9",
+    "@xyo-network/schema-payload-plugin": "^2.53.3",
+    "@xyo-network/utils": "^2.53.3",
     "lodash": "^4.17.21"
   },
   "devDependencies": {
@@ -30,12 +32,12 @@
     "@xylabs/react-flexbox": "^2.16.11",
     "@xylabs/ts-scripts-yarn3": "^2.16.1",
     "@xylabs/tsconfig-react": "^2.16.1",
-    "@xyo-network/account": "^2.53.2",
-    "@xyo-network/bridge": "^2.53.2",
-    "@xyo-network/node": "^2.53.2",
-    "@xyo-network/react-node": "^2.46.7",
-    "@xyo-network/react-storybook": "^2.46.7",
-    "@xyo-network/react-wallet": "^2.46.7",
+    "@xyo-network/account": "^2.53.3",
+    "@xyo-network/bridge": "^2.53.3",
+    "@xyo-network/node": "^2.53.3",
+    "@xyo-network/react-node": "^2.46.9",
+    "@xyo-network/react-storybook": "^2.46.9",
+    "@xyo-network/react-wallet": "^2.46.9",
     "react-json-view": "^1.21.3",
     "require-from-string": "^2.0.2",
     "typescript": "^4.9.5"
@@ -92,5 +94,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.46.7"
+  "version": "2.46.9"
 }

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

@@ -1,11 +1,10 @@
 import { ComponentStory, Meta } from '@storybook/react'
+import { useXyoEvent } from '@xyo-network/react-event'
 import { useAppThemeDecorator } from '@xyo-network/react-storybook'
 
 import { SchemaProperty } from './SchemaProperty'
 
 const StorybookEntry: Meta = {
-  argTypes: {},
-  args: {},
   component: SchemaProperty,
   decorators: [useAppThemeDecorator],
   parameters: {
@@ -16,21 +15,30 @@ const StorybookEntry: Meta = {
   title: 'Schema/SchemaProperty',
 }
 
-const Template: ComponentStory<typeof SchemaProperty> = (args) => <SchemaProperty {...args} />
+const Template: ComponentStory<typeof SchemaProperty> = (args) => {
+  const [ref] = useXyoEvent<HTMLDivElement>((noun, verb, data) => {
+    console.log(`${noun}|${verb}|${data}`)
+  })
+  return (
+    <div ref={ref}>
+      <SchemaProperty {...args} />
+    </div>
+  )
+}
 
 const Default = Template.bind({})
 Default.args = {}
 
-const WithVerfiedValue = Template.bind({})
-WithVerfiedValue.args = { value: 'network.xyo.schema' }
+const WithVerifiedValue = Template.bind({})
+WithVerifiedValue.args = { value: 'network.xyo.schema' }
 
-const WithVerfiedValuePaper = Template.bind({})
-WithVerfiedValuePaper.args = { paper: true, value: 'network.xyo.schema' }
+const WithVerifiedValuePaper = Template.bind({})
+WithVerifiedValuePaper.args = { paper: true, value: 'network.xyo.schema' }
 
-const WithUnverfiedValue = Template.bind({})
-WithUnverfiedValue.args = { value: 'network.xyo.blahblah' }
+const WithUnverifiedValue = Template.bind({})
+WithUnverifiedValue.args = { value: 'network.xyo.blahblah' }
 
-export { Default, WithUnverfiedValue, WithVerfiedValue, WithVerfiedValuePaper }
+export { Default, WithUnverifiedValue, WithVerifiedValue, WithVerifiedValuePaper }
 
 // eslint-disable-next-line import/no-default-export
 export default StorybookEntry

package/src/components/Property/SchemaProperty.tsx

@@ -4,12 +4,17 @@ import VerifiedIcon from '@mui/icons-material/Verified'
 import { IconButton } from '@mui/material'
 import { LinkEx } from '@xylabs/react-link'
 import { useAsyncEffect } from '@xylabs/react-shared'
+import { useXyoEvent, XyoEventDispatch, XyoEventNoun } from '@xyo-network/react-event'
 import { Property, PropertyProps, PropertyValue } from '@xyo-network/react-property'
 import { XyoSchemaCache, XyoSchemaCacheEntry } from '@xyo-network/utils'
-import { useState } from 'react'
+import { forwardRef, useState } from 'react'
 
 export type SchemaPropertyProps = PropertyProps & {
+  showLinkNames?: boolean
+  showOpenNewWindowLink?: boolean
+  showStatusIcon?: boolean
   value?: string
+  /** @deprecated - use events instead */
   viewSchemaUrl?: string
 }
 
@@ -30,35 +35,59 @@ const useResolveSchema = (schema?: string) => {
   return entry
 }
 
-export const SchemaProperty: React.FC<SchemaPropertyProps> = ({ titleProps, value, viewSchemaUrl = 'https://explore.xyo.network/', ...props }) => {
-  const resolvedSchema = useResolveSchema(value)
-  return (
-    <Property title="Schema" value={value} tip="Schema sent with the payload" titleProps={titleProps} {...props}>
-      {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>
-  )
-}
+export const SchemaProperty = forwardRef<HTMLDivElement, SchemaPropertyProps>(
+  ({ showLinkNames = true, showOpenNewWindowLink = true, showStatusIcon = true, titleProps, value, ...props }, forwardedRef) => {
+    const resolvedSchema = useResolveSchema(value)
+    const [buttonRef, buttonDispatch] = useXyoEvent<HTMLButtonElement>(undefined)
+    const [divRef, divDispatch] = useXyoEvent<HTMLDivElement>(undefined)
+
+    const onClick = (dispatch?: XyoEventDispatch<XyoEventNoun, 'click', string>, openNewWindow = false) => {
+      dispatch?.(
+        'schema',
+        'click',
+        JSON.stringify({
+          openNewWindow,
+          schema: value,
+        }),
+      )
+    }
+
+    return (
+      <Property ref={forwardedRef} title="Schema" value={value} tip="Schema sent with the payload" titleProps={titleProps} {...props}>
+        {value && showStatusIcon ? (
+          resolvedSchema === null ? (
+            <IconButton ref={buttonRef} size="small" onClick={() => onClick(buttonDispatch)}>
+              <NewReleasesIcon color="warning" fontSize="inherit" />
+            </IconButton>
+          ) : resolvedSchema === undefined ? (
+            <IconButton ref={buttonRef} size="small" onClick={() => onClick(buttonDispatch)}>
+              <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 ? (
+          <>
+            {showLinkNames ? (
+              <LinkEx display="block" width="100%" sx={{ cursor: 'pointer' }}>
+                <PropertyValue ref={divRef} value={value} title="view schema" onClick={() => onClick(divDispatch)} />
+              </LinkEx>
+            ) : (
+              <PropertyValue ref={divRef} value={value} title="view schema" onClick={() => onClick(divDispatch)} />
+            )}
+            {showOpenNewWindowLink ? (
+              <IconButton ref={buttonRef} size="small" onClick={() => onClick(buttonDispatch, true)}>
+                <OpenInNewIcon fontSize="inherit" />
+              </IconButton>
+            ) : null}
+          </>
+        ) : null}
+      </Property>
+    )
+  },
+)
+
+SchemaProperty.displayName = 'SchemaProperty'

package/src/hooks/index.ts

@@ -1,3 +1,4 @@
 export * from './useGetSchema'
 export * from './useSchemaDefinitions'
+export * from './useSchemaList'
 export * from './useSchemaStats'

package/src/hooks/stories/TestSchemaHooks.stories.tsx

@@ -1,20 +1,21 @@
-import { Typography } from '@mui/material'
+import { Alert, Button, TextField, Typography } from '@mui/material'
 import { ComponentStory, DecoratorFn, Meta } from '@storybook/react'
+import { FlexGrowRow } from '@xylabs/react-flexbox'
 import { useAsyncEffect } from '@xylabs/react-shared'
 import { HDWallet } from '@xyo-network/account'
 import { HttpBridge, HttpBridgeConfigSchema } from '@xyo-network/bridge'
 import { MemoryNode, NodeConfigSchema } from '@xyo-network/node'
-import { Payload } from '@xyo-network/payload'
-import { NodeProvider, useNode } from '@xyo-network/react-node'
+import { NodeProvider } from '@xyo-network/react-node'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
-import { useAccount, WalletProvider } from '@xyo-network/react-wallet'
+import { WalletProvider } from '@xyo-network/react-wallet'
 import { XyoSchemaCache } from '@xyo-network/utils'
 import { useState } from 'react'
 
 import { useSchemaDefinitions } from '../useSchemaDefinitions'
+import { useSchemaList } from '../useSchemaList'
 import { useSchemaStats } from '../useSchemaStats'
 
-const apiConfig = { apiDomain: 'https://beta.api.archivist.xyo.network' }
+const apiConfig = { apiDomain: 'https://api.archivist.xyo.network' }
 const nodeUri = 'http://localhost:8080/node'
 const randomWallet = HDWallet.fromMnemonic(DefaultSeedPhrase)
 
@@ -49,35 +50,34 @@ export default {
 
 const Template: ComponentStory<React.FC> = () => {
   XyoSchemaCache.instance.proxy = `${apiConfig.apiDomain}/domain`
-  const [account] = useAccount()
-  const [node] = useNode(undefined, account)
-  const [discovered, setDiscovered] = useState<Payload[]>([])
-  const [schemaStats] = useSchemaStats(undefined, undefined, account)
-  const schemaList = schemaStats?.filter(({ name }) => !!name) as { name: string }[]
-  const schemaDefinitions = useSchemaDefinitions(schemaList)
-
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-      const discovered = await node?.discover()
-      if (mounted()) {
-        setDiscovered(discovered ?? [])
-      }
-    },
-    [node],
-  )
+  const [addressText, setAddressText] = useState<string>('')
+  const [address, setAddress] = useState<string>()
+  const [schemaStats, schemaStatsError] = useSchemaStats(address)
+  const [schemaList, schemaListError] = useSchemaList(address)
+  const mappedSchemaList = schemaList?.schemas?.map((name) => ({ name })) as { name: string }[]
+  const schemaDefinitions = useSchemaDefinitions(mappedSchemaList)
 
   return (
     <div style={{ display: 'flex', flexDirection: 'column', rowGap: '16px' }}>
+      {schemaStatsError ? <Alert severity={'error'}>{schemaStatsError.message ?? schemaListError?.message}</Alert> : null}
+      <FlexGrowRow columnGap={4}>
+        <TextField fullWidth size="small" value={address} label="Address" onChange={(event) => setAddressText(event.target.value)} />
+        <Button variant="contained" onClick={() => setAddress(addressText)} sx={{ whiteSpace: 'nowrap' }}>
+          Get Stats
+        </Button>
+      </FlexGrowRow>
       <Typography variant={'h2'}>Schema Stats</Typography>
       <code>
-        {`${JSON.stringify(discovered, null, 2)}`}
-        {JSON.stringify(schemaStats, null, 2)}
+        <pre>{JSON.stringify(schemaStats, null, 2)}</pre>
       </code>
       <Typography variant={'h2'}>Schema List</Typography>
-      <code>{JSON.stringify(schemaList, null, 2)}</code>
+      <code>
+        <pre>{JSON.stringify(schemaList, null, 2)}</pre>
+      </code>
       <Typography variant={'h2'}>Schema Definitions</Typography>
-      <code>{JSON.stringify(schemaDefinitions, null, 2)}</code>
+      <pre>
+        <code>{JSON.stringify(schemaDefinitions, null, 2)}</code>
+      </pre>
     </div>
   )
 }

package/src/hooks/useSchemaList.tsx

@@ -0,0 +1,48 @@
+import { useAsyncEffect } from '@xylabs/react-shared'
+import { AccountInstance } from '@xyo-network/account-model'
+import { SchemaListPayload, SchemaListQueryPayload, SchemaListQuerySchema } from '@xyo-network/node-core-model'
+import { useDiviner } from '@xyo-network/react-diviner'
+import { useMemo, useState } from 'react'
+
+export const useSchemaList = (
+  address?: string,
+  nameOrAddress = 'SchemaListDiviner',
+  account?: AccountInstance,
+): [SchemaListPayload | undefined, Error | undefined] => {
+  const [schemaList, setSchemaList] = useState<SchemaListPayload>()
+  const [error, setError] = useState<Error>()
+  const [diviner, divinerError] = useDiviner(nameOrAddress, account)
+
+  const query: SchemaListQueryPayload[] | undefined = useMemo(
+    () =>
+      address
+        ? [
+            {
+              address,
+              schema: SchemaListQuerySchema,
+            },
+          ]
+        : undefined,
+    [address],
+  )
+
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps, require-await
+    async (mounted) => {
+      if (diviner) {
+        try {
+          const response = (await diviner.divine(query)) as SchemaListPayload[]
+          if (mounted()) {
+            setSchemaList(response?.[0])
+            setError(undefined)
+          }
+        } catch (e) {
+          setError(e as Error)
+          setSchemaList(undefined)
+        }
+      }
+    },
+    [diviner, divinerError, query],
+  )
+  return [schemaList, error]
+}

package/src/hooks/useSchemaStats.tsx

@@ -21,8 +21,8 @@ export const useSchemaStats = (
 
   const query: SchemaStatsQueryPayload = useMemo(
     () => ({
+      address: statsAddress,
       schema: SchemaStatsQuerySchema,
-      statsAddress,
     }),
     [statsAddress],
   )