@xyo-network/react-schema 2.64.0-rc.3 → 2.64.0-rc.6

package/dist/browser/hooks/useGetSchema.js

@@ -0,0 +1,47 @@
+import { useAsyncEffect } from "@xylabs/react-async-effect";
+import { PayloadBuilder } from "@xyo-network/payload-builder";
+import { ModuleErrorSchema } from "@xyo-network/payload-model";
+import { SchemaCache } from "@xyo-network/schema-cache";
+import { useState } from "react";
+const useGetSchemaPayload = (schema) => {
+  const [notFound, setNotFound] = useState(false);
+  const [xyoError, setError] = useState();
+  const [schemaCacheEntry, setSchemaCacheEntry] = useState();
+  const [schemaLocal, setSchemaLocal] = useState();
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      const firstRequest = !notFound && !schemaCacheEntry && !xyoError;
+      const schemaChanged = schema !== schemaLocal;
+      if (schema && firstRequest || schema && schemaChanged) {
+        try {
+          const schemaCacheEntry2 = await SchemaCache.instance.get(schema);
+          if (mounted()) {
+            setSchemaCacheEntry(schemaCacheEntry2);
+            setNotFound(schemaCacheEntry2 === null || schemaCacheEntry2 === void 0);
+          }
+        } catch (e) {
+          const error = e;
+          console.error(e);
+          if (mounted()) {
+            setError({ message: error.message, schema: ModuleErrorSchema, sources: [] });
+          }
+        }
+      }
+      if (schemaChanged) {
+        setSchemaLocal(schema);
+      }
+    },
+    [xyoError, notFound, schema, schemaLocal, schemaCacheEntry]
+  );
+  return {
+    notFound,
+    schemaHuri: schemaCacheEntry?.huri,
+    schemaPayload: schemaCacheEntry ? new PayloadBuilder(schemaCacheEntry?.payload).fields(schemaCacheEntry.payload).build() : schemaCacheEntry,
+    xyoError
+  };
+};
+export {
+  useGetSchemaPayload
+};
+//# sourceMappingURL=useGetSchema.js.map

package/dist/browser/hooks/useGetSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useGetSchema.tsx"],"sourcesContent":["import { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { PayloadBuilder } from '@xyo-network/payload-builder'\nimport { ModuleError, ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { SchemaCache, SchemaCacheEntry } from '@xyo-network/schema-cache'\nimport { SchemaPayload } from '@xyo-network/schema-payload-plugin'\nimport { useState } from 'react'\n\n/**\n * Gets a Huri and schema payload from a schema string\n */\nconst useGetSchemaPayload = (schema?: string) => {\n  const [notFound, setNotFound] = useState(false)\n  const [xyoError, setError] = useState<ModuleError>()\n  const [schemaCacheEntry, setSchemaCacheEntry] = useState<SchemaCacheEntry | null | undefined>()\n  const [schemaLocal, setSchemaLocal] = useState<string>()\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const firstRequest = !notFound && !schemaCacheEntry && !xyoError\n      const schemaChanged = schema !== schemaLocal\n\n      if ((schema && firstRequest) || (schema && schemaChanged)) {\n        try {\n          const schemaCacheEntry = await SchemaCache.instance.get(schema)\n          if (mounted()) {\n            setSchemaCacheEntry(schemaCacheEntry)\n            setNotFound(schemaCacheEntry === null || schemaCacheEntry === undefined)\n          }\n        } catch (e) {\n          const error = e as Error\n          console.error(e)\n          if (mounted()) {\n            setError({ message: error.message, schema: ModuleErrorSchema, sources: [] })\n          }\n        }\n      }\n      if (schemaChanged) {\n        setSchemaLocal(schema)\n      }\n    },\n    [xyoError, notFound, schema, schemaLocal, schemaCacheEntry],\n  )\n\n  return {\n    notFound,\n    schemaHuri: schemaCacheEntry?.huri,\n    schemaPayload: schemaCacheEntry\n      ? new PayloadBuilder<SchemaPayload>(schemaCacheEntry?.payload).fields(schemaCacheEntry.payload).build()\n      : schemaCacheEntry,\n    xyoError,\n  }\n}\n\nexport { useGetSchemaPayload }\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAsB,yBAAyB;AAC/C,SAAS,mBAAqC;AAE9C,SAAS,gBAAgB;AAKzB,MAAM,sBAAsB,CAAC,WAAoB;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,UAAU,QAAQ,IAAI,SAAsB;AACnD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAA8C;AAC9F,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB;AAEvD;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,YAAM,eAAe,CAAC,YAAY,CAAC,oBAAoB,CAAC;AACxD,YAAM,gBAAgB,WAAW;AAEjC,UAAK,UAAU,gBAAkB,UAAU,eAAgB;AACzD,YAAI;AACF,gBAAMA,oBAAmB,MAAM,YAAY,SAAS,IAAI,MAAM;AAC9D,cAAI,QAAQ,GAAG;AACb,gCAAoBA,iBAAgB;AACpC,wBAAYA,sBAAqB,QAAQA,sBAAqB,MAAS;AAAA,UACzE;AAAA,QACF,SAAS,GAAG;AACV,gBAAM,QAAQ;AACd,kBAAQ,MAAM,CAAC;AACf,cAAI,QAAQ,GAAG;AACb,qBAAS,EAAE,SAAS,MAAM,SAAS,QAAQ,mBAAmB,SAAS,CAAC,EAAE,CAAC;AAAA,UAC7E;AAAA,QACF;AAAA,MACF;AACA,UAAI,eAAe;AACjB,uBAAe,MAAM;AAAA,MACvB;AAAA,IACF;AAAA,IACA,CAAC,UAAU,UAAU,QAAQ,aAAa,gBAAgB;AAAA,EAC5D;AAEA,SAAO;AAAA,IACL;AAAA,IACA,YAAY,kBAAkB;AAAA,IAC9B,eAAe,mBACX,IAAI,eAA8B,kBAAkB,OAAO,EAAE,OAAO,iBAAiB,OAAO,EAAE,MAAM,IACpG;AAAA,IACJ;AAAA,EACF;AACF;","names":["schemaCacheEntry"]}

package/dist/browser/hooks/useGetSchema.stories.js

@@ -0,0 +1,63 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FormControl, TextField, Typography } from "@mui/material";
+import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
+import { SchemaCache } from "@xyo-network/schema-cache";
+import { lazy, Suspense, useEffect, useState } from "react";
+import { useGetSchemaPayload } from "./useGetSchema";
+const JsonView = lazy(() => import(
+  /* webpackChunkName: "jsonView" */
+  "react-json-view"
+));
+SchemaCache.instance.proxy = "https://beta.api.archivist.xyo.network/domain";
+const UseGetSchemaComponent = ({ schema }) => {
+  const exampleSchemas = ["network.xyo.domain", "network.xyo.payload", "network.xyo.schema"];
+  const [schemaFieldValue, setSchemaFieldValue] = useState("");
+  const { schemaPayload } = useGetSchemaPayload(schemaFieldValue);
+  useEffect(() => {
+    if (schema) {
+      setSchemaFieldValue(schema);
+    }
+  }, [schema]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Typography, { variant: "body1", fontWeight: "bold", mb: 2, children: [
+      "Example schemas to test:",
+      exampleSchemas.map((schema2, index) => /* @__PURE__ */ jsx(
+        Typography,
+        {
+          component: "span",
+          mx: 1,
+          onClick: () => setSchemaFieldValue(schema2),
+          sx: { cursor: "pointer", textDecoration: "underline" },
+          children: schema2
+        },
+        index
+      ))
+    ] }),
+    /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(TextField, { value: schemaFieldValue, label: "Schema Name", onChange: (e) => setSchemaFieldValue(e.target.value) }) }),
+    /* @__PURE__ */ jsx(FlexRow, { my: 3, justifyContent: "start", children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(FlexCol, { busy: true }), children: /* @__PURE__ */ jsx(JsonView, { src: schemaPayload || {} }) }) })
+  ] });
+};
+const StorybookEntry = {
+  argTypes: {},
+  component: UseGetSchemaComponent,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "payload/useGetSchema"
+};
+const Template = ({ schema }) => {
+  return /* @__PURE__ */ jsx(UseGetSchemaComponent, { schema });
+};
+const Default = Template.bind({});
+Default.args = { schema: "network.xyo.schema" };
+const Domain = Template.bind({});
+Domain.args = { schema: "network.xyo.domain" };
+var useGetSchema_stories_default = StorybookEntry;
+export {
+  Default,
+  Domain,
+  useGetSchema_stories_default as default
+};
+//# sourceMappingURL=useGetSchema.stories.js.map

package/dist/browser/hooks/useGetSchema.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useGetSchema.stories.tsx"],"sourcesContent":["import { FormControl, TextField, Typography } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { SchemaCache } from '@xyo-network/schema-cache'\nimport { lazy, Suspense, useEffect, useState } from 'react'\n\nimport { useGetSchemaPayload } from './useGetSchema'\n\nconst JsonView = lazy(() => import(/* webpackChunkName: \"jsonView\" */ 'react-json-view'))\n\nSchemaCache.instance.proxy = 'https://beta.api.archivist.xyo.network/domain'\n\nconst UseGetSchemaComponent: React.FC<{ schema: string }> = ({ schema }) => {\n  const exampleSchemas = ['network.xyo.domain', 'network.xyo.payload', 'network.xyo.schema']\n  const [schemaFieldValue, setSchemaFieldValue] = useState('')\n  const { schemaPayload } = useGetSchemaPayload(schemaFieldValue)\n\n  useEffect(() => {\n    if (schema) {\n      setSchemaFieldValue(schema)\n    }\n  }, [schema])\n\n  return (\n    <>\n      <Typography variant=\"body1\" fontWeight=\"bold\" mb={2}>\n        Example schemas to test:\n        {exampleSchemas.map((schema, index) => (\n          <Typography\n            component=\"span\"\n            mx={1}\n            key={index}\n            onClick={() => setSchemaFieldValue(schema)}\n            sx={{ cursor: 'pointer', textDecoration: 'underline' }}\n          >\n            {schema}\n          </Typography>\n        ))}\n      </Typography>\n      <FormControl>\n        <TextField value={schemaFieldValue} label=\"Schema Name\" onChange={(e) => setSchemaFieldValue(e.target.value)} />\n      </FormControl>\n      <FlexRow my={3} justifyContent=\"start\">\n        <Suspense fallback={<FlexCol busy />}>\n          <JsonView src={schemaPayload || {}} />\n        </Suspense>\n      </FlexRow>\n    </>\n  )\n}\n\nconst StorybookEntry: Meta = {\n  argTypes: {},\n  component: UseGetSchemaComponent,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'payload/useGetSchema',\n}\n\nconst Template: StoryFn<typeof UseGetSchemaComponent> = ({ schema }) => {\n  return <UseGetSchemaComponent schema={schema} />\n}\n\nconst Default = Template.bind({})\nDefault.args = { schema: 'network.xyo.schema' }\n\nconst Domain = Template.bind({})\nDomain.args = { schema: 'network.xyo.domain' }\n\nexport { Default, Domain }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAwBI,mBAIM,KAHJ,YADF;AAxBJ,SAAS,aAAa,WAAW,kBAAkB;AAEnD,SAAS,SAAS,eAAe;AACjC,SAAS,mBAAmB;AAC5B,SAAS,MAAM,UAAU,WAAW,gBAAgB;AAEpD,SAAS,2BAA2B;AAEpC,MAAM,WAAW,KAAK,MAAM;AAAA;AAAA,EAA0C;AAAiB,CAAC;AAExF,YAAY,SAAS,QAAQ;AAE7B,MAAM,wBAAsD,CAAC,EAAE,OAAO,MAAM;AAC1E,QAAM,iBAAiB,CAAC,sBAAsB,uBAAuB,oBAAoB;AACzF,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,EAAE;AAC3D,QAAM,EAAE,cAAc,IAAI,oBAAoB,gBAAgB;AAE9D,YAAU,MAAM;AACd,QAAI,QAAQ;AACV,0BAAoB,MAAM;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,iCACE;AAAA,yBAAC,cAAW,SAAQ,SAAQ,YAAW,QAAO,IAAI,GAAG;AAAA;AAAA,MAElD,eAAe,IAAI,CAACA,SAAQ,UAC3B;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAI;AAAA,UAEJ,SAAS,MAAM,oBAAoBA,OAAM;AAAA,UACzC,IAAI,EAAE,QAAQ,WAAW,gBAAgB,YAAY;AAAA,UAEpD,UAAAA;AAAA;AAAA,QAJI;AAAA,MAKP,CACD;AAAA,OACH;AAAA,IACA,oBAAC,eACC,8BAAC,aAAU,OAAO,kBAAkB,OAAM,eAAc,UAAU,CAAC,MAAM,oBAAoB,EAAE,OAAO,KAAK,GAAG,GAChH;AAAA,IACA,oBAAC,WAAQ,IAAI,GAAG,gBAAe,SAC7B,8BAAC,YAAS,UAAU,oBAAC,WAAQ,MAAI,MAAC,GAChC,8BAAC,YAAS,KAAK,iBAAiB,CAAC,GAAG,GACtC,GACF;AAAA,KACF;AAEJ;AAEA,MAAM,iBAAuB;AAAA,EAC3B,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAkD,CAAC,EAAE,OAAO,MAAM;AACtE,SAAO,oBAAC,yBAAsB,QAAgB;AAChD;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,EAAE,QAAQ,qBAAqB;AAE9C,MAAM,SAAS,SAAS,KAAK,CAAC,CAAC;AAC/B,OAAO,OAAO,EAAE,QAAQ,qBAAqB;AAK7C,IAAO,+BAAQ;","names":["schema"]}

package/dist/browser/hooks/useSchemaDefinitions.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSchemaDefinitions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSchemaDefinitions.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAGlE,MAAM,MAAM,UAAU,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAEzC,eAAO,MAAM,oBAAoB,gBAAiB,UAAU,EAAE,KAAG,aAAa,EAAE,GAAG,SAmBlF,CAAA"}

package/dist/browser/hooks/useSchemaDefinitions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSchemaDefinitions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSchemaDefinitions.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAGlE,MAAM,MAAM,UAAU,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAEzC,eAAO,MAAM,oBAAoB,gBAAiB,UAAU,EAAE,KAAG,aAAa,EAAE,GAAG,SAmBlF,CAAA"}

package/dist/browser/hooks/useSchemaDefinitions.js

@@ -0,0 +1,25 @@
+import { useAsyncEffect } from "@xylabs/react-async-effect";
+import { SchemaCache } from "@xyo-network/schema-cache";
+import { useState } from "react";
+const useSchemaDefinitions = (schemaList) => {
+  const [schemaPayloads, setSchemaPayloads] = useState();
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      if (schemaList) {
+        const promiseResults = await Promise.allSettled(schemaList?.map(({ name }) => SchemaCache.instance.get(name)));
+        if (mounted()) {
+          setSchemaPayloads(
+            promiseResults.map((result) => result.status === "fulfilled" ? result.value?.payload : void 0).filter((item) => item !== void 0 && item !== null)
+          );
+        }
+      }
+    },
+    [schemaList]
+  );
+  return schemaPayloads;
+};
+export {
+  useSchemaDefinitions
+};
+//# sourceMappingURL=useSchemaDefinitions.js.map

package/dist/browser/hooks/useSchemaDefinitions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useSchemaDefinitions.tsx"],"sourcesContent":["import { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { SchemaCache } from '@xyo-network/schema-cache'\nimport { SchemaPayload } from '@xyo-network/schema-payload-plugin'\nimport { useState } from 'react'\n\nexport type SchemaList = { name: string }\n\nexport const useSchemaDefinitions = (schemaList?: SchemaList[]): SchemaPayload[] | undefined => {\n  const [schemaPayloads, setSchemaPayloads] = useState<SchemaPayload[]>()\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      if (schemaList) {\n        const promiseResults = await Promise.allSettled(schemaList?.map(({ name }) => SchemaCache.instance.get(name)))\n        if (mounted()) {\n          setSchemaPayloads(\n            promiseResults\n              .map((result) => (result.status === 'fulfilled' ? result.value?.payload : undefined))\n              .filter((item) => item !== undefined && item !== null) as SchemaPayload[],\n          )\n        }\n      }\n    },\n    [schemaList],\n  )\n  return schemaPayloads\n}\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAE5B,SAAS,gBAAgB;AAIlB,MAAM,uBAAuB,CAAC,eAA2D;AAC9F,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAA0B;AACtE;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,UAAI,YAAY;AACd,cAAM,iBAAiB,MAAM,QAAQ,WAAW,YAAY,IAAI,CAAC,EAAE,KAAK,MAAM,YAAY,SAAS,IAAI,IAAI,CAAC,CAAC;AAC7G,YAAI,QAAQ,GAAG;AACb;AAAA,YACE,eACG,IAAI,CAAC,WAAY,OAAO,WAAW,cAAc,OAAO,OAAO,UAAU,MAAU,EACnF,OAAO,CAAC,SAAS,SAAS,UAAa,SAAS,IAAI;AAAA,UACzD;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AACA,SAAO;AACT;","names":[]}

package/dist/browser/hooks/useSchemaList.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSchemaList.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSchemaList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAiD,MAAM,wCAAwC,CAAA;AAIzH,eAAO,MAAM,aAAa,aAAc,MAAM,6BAAwC,CAAC,iBAAiB,GAAG,IAAI,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,CA4C7I,CAAA"}

package/dist/browser/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,iBAAiB,EAAiD,MAAM,wCAAwC,CAAA;AAIzH,eAAO,MAAM,aAAa,aAAc,MAAM,6BAAwC,CAAC,iBAAiB,GAAG,IAAI,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,CA4C7I,CAAA"}

package/dist/browser/hooks/useSchemaList.js

@@ -0,0 +1,47 @@
+import { useAsyncEffect } from "@xylabs/react-async-effect";
+import { SchemaListQuerySchema } from "@xyo-network/diviner-schema-list-model";
+import { useDivinerFromNode } from "@xyo-network/react-diviner";
+import { useEffect, useMemo, useState } from "react";
+const useSchemaList = (address, nameOrAddress = "SchemaListDiviner") => {
+  const [schemaList, setSchemaList] = useState();
+  const [error, setError] = useState();
+  const [diviner, divinerError] = useDivinerFromNode(nameOrAddress);
+  const query = useMemo(
+    () => address ? [
+      {
+        address,
+        schema: SchemaListQuerySchema
+      }
+    ] : void 0,
+    [address]
+  );
+  useEffect(() => {
+    if (diviner === null) {
+      setSchemaList(null);
+      setError(void 0);
+    }
+  }, [diviner]);
+  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(void 0);
+          }
+        } catch (e) {
+          setError(e);
+          setSchemaList(void 0);
+        }
+      }
+    },
+    [diviner, divinerError, query]
+  );
+  return [schemaList, error];
+};
+export {
+  useSchemaList
+};
+//# sourceMappingURL=useSchemaList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useSchemaList.tsx"],"sourcesContent":["import { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { SchemaListPayload, SchemaListQueryPayload, SchemaListQuerySchema } from '@xyo-network/diviner-schema-list-model'\nimport { useDivinerFromNode } from '@xyo-network/react-diviner'\nimport { useEffect, useMemo, useState } from 'react'\n\nexport const useSchemaList = (address?: string, nameOrAddress = 'SchemaListDiviner'): [SchemaListPayload | null | undefined, Error | undefined] => {\n  const [schemaList, setSchemaList] = useState<SchemaListPayload | null>()\n  const [error, setError] = useState<Error>()\n  const [diviner, divinerError] = useDivinerFromNode(nameOrAddress)\n\n  const query: SchemaListQueryPayload[] | undefined = useMemo(\n    () =>\n      address\n        ? [\n            {\n              address,\n              schema: SchemaListQuerySchema,\n            },\n          ]\n        : undefined,\n    [address],\n  )\n\n  useEffect(() => {\n    if (diviner === null) {\n      setSchemaList(null)\n      setError(undefined)\n    }\n  }, [diviner])\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps, require-await\n    async (mounted) => {\n      if (diviner) {\n        try {\n          const response = (await diviner.divine(query)) as SchemaListPayload[]\n          if (mounted()) {\n            setSchemaList(response?.[0])\n            setError(undefined)\n          }\n        } catch (e) {\n          setError(e as Error)\n          setSchemaList(undefined)\n        }\n      }\n    },\n    [diviner, divinerError, query],\n  )\n  return [schemaList, error]\n}\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAoD,6BAA6B;AACjF,SAAS,0BAA0B;AACnC,SAAS,WAAW,SAAS,gBAAgB;AAEtC,MAAM,gBAAgB,CAAC,SAAkB,gBAAgB,wBAAmF;AACjJ,QAAM,CAAC,YAAY,aAAa,IAAI,SAAmC;AACvE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAgB;AAC1C,QAAM,CAAC,SAAS,YAAY,IAAI,mBAAmB,aAAa;AAEhE,QAAM,QAA8C;AAAA,IAClD,MACE,UACI;AAAA,MACE;AAAA,QACE;AAAA,QACA,QAAQ;AAAA,MACV;AAAA,IACF,IACA;AAAA,IACN,CAAC,OAAO;AAAA,EACV;AAEA,YAAU,MAAM;AACd,QAAI,YAAY,MAAM;AACpB,oBAAc,IAAI;AAClB,eAAS,MAAS;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,UAAI,SAAS;AACX,YAAI;AACF,gBAAM,WAAY,MAAM,QAAQ,OAAO,KAAK;AAC5C,cAAI,QAAQ,GAAG;AACb,0BAAc,WAAW,CAAC,CAAC;AAC3B,qBAAS,MAAS;AAAA,UACpB;AAAA,QACF,SAAS,GAAG;AACV,mBAAS,CAAU;AACnB,wBAAc,MAAS;AAAA,QACzB;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,SAAS,cAAc,KAAK;AAAA,EAC/B;AACA,SAAO,CAAC,YAAY,KAAK;AAC3B;","names":[]}

package/dist/browser/hooks/useSchemaStats.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSchemaStats.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSchemaStats.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,kBAAkB,EAAmD,MAAM,yCAAyC,CAAA;AAGnJ,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAA;AAEnE,eAAO,MAAM,cAAc,kBACV,MAAM,yCAEpB,CAAC,kBAAkB,EAAE,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,eAAe,MAAM,CAAC,CAAC,CA2CxF,CAAA"}

package/dist/browser/hooks/useSchemaStats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSchemaStats.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSchemaStats.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,kBAAkB,EAAmD,MAAM,yCAAyC,CAAA;AAGnJ,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAA;AAEnE,eAAO,MAAM,cAAc,kBACV,MAAM,yCAEpB,CAAC,kBAAkB,EAAE,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,eAAe,MAAM,CAAC,CAAC,CA2CxF,CAAA"}

package/dist/browser/hooks/useSchemaStats.js

@@ -0,0 +1,49 @@
+import { useAsyncEffect } from "@xylabs/react-async-effect";
+import { isSchemaStatsPayload, SchemaStatsQuerySchema } from "@xyo-network/diviner-schema-stats-model";
+import { TYPES } from "@xyo-network/node-core-types";
+import { useDivinerFromNode } from "@xyo-network/react-diviner";
+import { useMemo, useState } from "react";
+const useSchemaStats = (statsAddress, nameOrAddress = TYPES.SchemaStatsDiviner.description) => {
+  const [refresh, setRefresh] = useState(1);
+  const [diviner, divinerError] = useDivinerFromNode(nameOrAddress);
+  const [error, setError] = useState();
+  const refreshHistory = () => setRefresh((previous) => previous + 1);
+  const [schemaList, setSchemaList] = useState();
+  const query = useMemo(
+    () => ({
+      address: statsAddress,
+      schema: SchemaStatsQuerySchema
+    }),
+    [statsAddress]
+  );
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      if (diviner) {
+        if (divinerError) {
+          if (mounted()) {
+            setError(divinerError);
+            setSchemaList(void 0);
+          }
+        } else {
+          try {
+            const schemas = (await diviner.divine([query])).filter(isSchemaStatsPayload);
+            if (mounted()) {
+              setSchemaList(schemas);
+              setError(void 0);
+            }
+          } catch (ex) {
+            setError(ex);
+            setSchemaList(void 0);
+          }
+        }
+      }
+    },
+    [diviner, refresh, divinerError, query]
+  );
+  return [schemaList, error, refreshHistory];
+};
+export {
+  useSchemaStats
+};
+//# sourceMappingURL=useSchemaStats.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useSchemaStats.tsx"],"sourcesContent":["import { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { isSchemaStatsPayload, SchemaStatsPayload, SchemaStatsQueryPayload, SchemaStatsQuerySchema } from '@xyo-network/diviner-schema-stats-model'\nimport { TYPES } from '@xyo-network/node-core-types'\nimport { useDivinerFromNode } from '@xyo-network/react-diviner'\nimport { Dispatch, SetStateAction, useMemo, useState } from 'react'\n\nexport const useSchemaStats = (\n  statsAddress?: string,\n  nameOrAddress = TYPES.SchemaStatsDiviner.description,\n): [SchemaStatsPayload[] | undefined, Error | undefined, Dispatch<SetStateAction<number>>] => {\n  const [refresh, setRefresh] = useState(1)\n  const [diviner, divinerError] = useDivinerFromNode(nameOrAddress)\n  const [error, setError] = useState<Error>()\n  const refreshHistory = () => setRefresh((previous) => previous + 1)\n\n  const [schemaList, setSchemaList] = useState<SchemaStatsPayload[]>()\n\n  const query: SchemaStatsQueryPayload = useMemo(\n    () => ({\n      address: statsAddress,\n      schema: SchemaStatsQuerySchema,\n    }),\n    [statsAddress],\n  )\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      if (diviner) {\n        if (divinerError) {\n          if (mounted()) {\n            setError(divinerError)\n            setSchemaList(undefined)\n          }\n        } else {\n          try {\n            const schemas = (await diviner.divine([query])).filter(isSchemaStatsPayload)\n            if (mounted()) {\n              setSchemaList(schemas)\n              setError(undefined)\n            }\n          } catch (ex) {\n            setError(ex as Error)\n            setSchemaList(undefined)\n          }\n        }\n      }\n    },\n    [diviner, refresh, divinerError, query],\n  )\n\n  return [schemaList, error, refreshHistory]\n}\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,sBAAmE,8BAA8B;AAC1G,SAAS,aAAa;AACtB,SAAS,0BAA0B;AACnC,SAAmC,SAAS,gBAAgB;AAErD,MAAM,iBAAiB,CAC5B,cACA,gBAAgB,MAAM,mBAAmB,gBACmD;AAC5F,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,CAAC;AACxC,QAAM,CAAC,SAAS,YAAY,IAAI,mBAAmB,aAAa;AAChE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAgB;AAC1C,QAAM,iBAAiB,MAAM,WAAW,CAAC,aAAa,WAAW,CAAC;AAElE,QAAM,CAAC,YAAY,aAAa,IAAI,SAA+B;AAEnE,QAAM,QAAiC;AAAA,IACrC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,UAAI,SAAS;AACX,YAAI,cAAc;AAChB,cAAI,QAAQ,GAAG;AACb,qBAAS,YAAY;AACrB,0BAAc,MAAS;AAAA,UACzB;AAAA,QACF,OAAO;AACL,cAAI;AACF,kBAAM,WAAW,MAAM,QAAQ,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,oBAAoB;AAC3E,gBAAI,QAAQ,GAAG;AACb,4BAAc,OAAO;AACrB,uBAAS,MAAS;AAAA,YACpB;AAAA,UACF,SAAS,IAAI;AACX,qBAAS,EAAW;AACpB,0BAAc,MAAS;AAAA,UACzB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,SAAS,SAAS,cAAc,KAAK;AAAA,EACxC;AAEA,SAAO,CAAC,YAAY,OAAO,cAAc;AAC3C;","names":[]}

package/dist/browser/index.d.mts.map

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

package/dist/browser/index.d.ts.map

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

package/dist/browser/index.js

@@ -0,0 +1,4 @@
+export * from "./components";
+export * from "./contexts";
+export * from "./hooks";
+//# sourceMappingURL=index.js.map

package/dist/browser/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\nexport * from './contexts'\nexport * from './hooks'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/node/components/Property/SchemaProperty.d.mts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { PropertyProps } from '@xyo-network/react-property';
+export type SchemaPropertyProps = PropertyProps & {
+    showLinkNames?: boolean;
+    showOpenNewWindowLink?: boolean;
+    showStatusIcon?: boolean;
+    value?: string;
+};
+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;
+}) | 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;
+} & import("@mui/material").PaperOwnProps & 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;
+}, "className" | "style" | "classes" | "children" | "elevation" | "square" | "sx" | "variant"> & {
+    component?: import("react").ElementType<any> | undefined;
+} & {
+    paper: true;
+} & {
+    showLinkNames?: boolean | undefined;
+    showOpenNewWindowLink?: boolean | undefined;
+    showStatusIcon?: boolean | undefined;
+    value?: string | undefined;
+}, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SchemaProperty.d.ts.map

package/dist/node/components/Property/SchemaProperty.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaProperty.d.ts","sourceRoot":"","sources":["../../../../src/components/Property/SchemaProperty.tsx"],"names":[],"mappings":";AAKA,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;CACf,CAAA;AAmBD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2DAqD1B,CAAA"}

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

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { PropertyProps } from '@xyo-network/react-property';
+export type SchemaPropertyProps = PropertyProps & {
+    showLinkNames?: boolean;
+    showOpenNewWindowLink?: boolean;
+    showStatusIcon?: boolean;
+    value?: string;
+};
+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;
+}) | 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;
+} & import("@mui/material").PaperOwnProps & 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;
+}, "className" | "style" | "classes" | "children" | "elevation" | "square" | "sx" | "variant"> & {
+    component?: import("react").ElementType<any> | undefined;
+} & {
+    paper: true;
+} & {
+    showLinkNames?: boolean | undefined;
+    showOpenNewWindowLink?: boolean | undefined;
+    showStatusIcon?: boolean | undefined;
+    value?: string | undefined;
+}, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SchemaProperty.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaProperty.d.ts","sourceRoot":"","sources":["../../../../src/components/Property/SchemaProperty.tsx"],"names":[],"mappings":";AAKA,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;CACf,CAAA;AAmBD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2DAqD1B,CAAA"}

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

@@ -0,0 +1,78 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SchemaProperty_exports = {};
+__export(SchemaProperty_exports, {
+  SchemaProperty: () => SchemaProperty
+});
+module.exports = __toCommonJS(SchemaProperty_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_react_async_effect = require("@xylabs/react-async-effect");
+var import_react_link = require("@xylabs/react-link");
+var import_react_event = require("@xyo-network/react-event");
+var import_react_property = require("@xyo-network/react-property");
+var import_schema_cache = require("@xyo-network/schema-cache");
+var import_react = require("react");
+const useResolveSchema = (schema) => {
+  const [entry, setEntry] = (0, import_react.useState)();
+  (0, import_react_async_effect.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      if (schema) {
+        const entry2 = await import_schema_cache.SchemaCache.instance.get(schema);
+        if (mounted()) {
+          setEntry(entry2);
+        }
+      }
+    },
+    [schema]
+  );
+  return entry;
+};
+const SchemaProperty = (0, import_react.forwardRef)(
+  ({ showLinkNames = true, showOpenNewWindowLink = true, showStatusIcon = true, titleProps, value, ...props }, forwardedRef) => {
+    const resolvedSchema = useResolveSchema(value);
+    const [buttonRef, buttonDispatch] = (0, import_react_event.useEvent)(void 0);
+    const [divRef, divDispatch] = (0, import_react_event.useEvent)(void 0);
+    const onClick = (dispatch, openNewWindow = false) => {
+      dispatch?.(
+        "schema",
+        "click",
+        JSON.stringify({
+          openNewWindow,
+          schema: value
+        })
+      );
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_property.Property, { ref: forwardedRef, title: "Schema", value, tip: "Schema sent with the payload", titleProps, ...props, children: [
+      value && showStatusIcon ? resolvedSchema === null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.IconButton, { ref: buttonRef, size: "small", onClick: () => onClick(buttonDispatch), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.NewReleases, { color: "warning", fontSize: "inherit" }) }) : resolvedSchema === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.IconButton, { ref: buttonRef, size: "small", onClick: () => onClick(buttonDispatch), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.NewReleases, { color: "disabled", fontSize: "inherit" }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.IconButton, { rel: "noopener noreferrer", size: "small", target: "_blank", href: resolvedSchema?.huri?.href ?? "", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Verified, { color: "success", fontSize: "inherit" }) }) : null,
+      value ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        showLinkNames ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_link.LinkEx, { display: "block", width: "100%", sx: { cursor: "pointer" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_property.PropertyValue, { ref: divRef, value, title: "view schema", onClick: () => onClick(divDispatch) }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_property.PropertyValue, { ref: divRef, value, title: "view schema", onClick: () => onClick(divDispatch) }),
+        showOpenNewWindowLink ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.IconButton, { ref: buttonRef, size: "small", onClick: () => onClick(buttonDispatch, true), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.OpenInNew, { fontSize: "inherit" }) }) : null
+      ] }) : null
+    ] });
+  }
+);
+SchemaProperty.displayName = "SchemaProperty";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SchemaProperty
+});
+//# sourceMappingURL=SchemaProperty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Property/SchemaProperty.tsx"],"sourcesContent":["import { NewReleases as NewReleasesIcon, OpenInNew as OpenInNewIcon, Verified as VerifiedIcon } from '@mui/icons-material'\nimport { IconButton } from '@mui/material'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { LinkEx } from '@xylabs/react-link'\nimport { EventDispatch, EventNoun, useEvent } from '@xyo-network/react-event'\nimport { Property, PropertyProps, PropertyValue } from '@xyo-network/react-property'\nimport { SchemaCache, SchemaCacheEntry } from '@xyo-network/schema-cache'\nimport { forwardRef, useState } from 'react'\n\nexport type SchemaPropertyProps = PropertyProps & {\n  showLinkNames?: boolean\n  showOpenNewWindowLink?: boolean\n  showStatusIcon?: boolean\n  value?: string\n}\n\nconst useResolveSchema = (schema?: string) => {\n  const [entry, setEntry] = useState<SchemaCacheEntry | null>()\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      if (schema) {\n        const entry = await SchemaCache.instance.get(schema)\n        if (mounted()) {\n          setEntry(entry)\n        }\n      }\n    },\n    [schema],\n  )\n  return entry\n}\n\nexport const SchemaProperty = forwardRef<HTMLDivElement, SchemaPropertyProps>(\n  ({ showLinkNames = true, showOpenNewWindowLink = true, showStatusIcon = true, titleProps, value, ...props }, forwardedRef) => {\n    const resolvedSchema = useResolveSchema(value)\n    const [buttonRef, buttonDispatch] = useEvent<HTMLButtonElement>(undefined)\n    const [divRef, divDispatch] = useEvent<HTMLDivElement>(undefined)\n\n    const onClick = (dispatch?: EventDispatch<EventNoun, 'click', string>, openNewWindow = false) => {\n      dispatch?.(\n        'schema',\n        'click',\n        JSON.stringify({\n          openNewWindow,\n          schema: value,\n        }),\n      )\n    }\n\n    return (\n      <Property ref={forwardedRef} title=\"Schema\" value={value} tip=\"Schema sent with the payload\" titleProps={titleProps} {...props}>\n        {value && showStatusIcon ? (\n          resolvedSchema === null ? (\n            <IconButton ref={buttonRef} size=\"small\" onClick={() => onClick(buttonDispatch)}>\n              <NewReleasesIcon color=\"warning\" fontSize=\"inherit\" />\n            </IconButton>\n          ) : resolvedSchema === undefined ? (\n            <IconButton ref={buttonRef} size=\"small\" onClick={() => onClick(buttonDispatch)}>\n              <NewReleasesIcon color=\"disabled\" fontSize=\"inherit\" />\n            </IconButton>\n          ) : (\n            <IconButton rel=\"noopener noreferrer\" size=\"small\" target=\"_blank\" href={resolvedSchema?.huri?.href ?? ''}>\n              <VerifiedIcon color=\"success\" fontSize=\"inherit\" />\n            </IconButton>\n          )\n        ) : null}\n        {value ? (\n          <>\n            {showLinkNames ? (\n              <LinkEx display=\"block\" width=\"100%\" sx={{ cursor: 'pointer' }}>\n                <PropertyValue ref={divRef} value={value} title=\"view schema\" onClick={() => onClick(divDispatch)} />\n              </LinkEx>\n            ) : (\n              <PropertyValue ref={divRef} value={value} title=\"view schema\" onClick={() => onClick(divDispatch)} />\n            )}\n            {showOpenNewWindowLink ? (\n              <IconButton ref={buttonRef} size=\"small\" onClick={() => onClick(buttonDispatch, true)}>\n                <OpenInNewIcon fontSize=\"inherit\" />\n              </IconButton>\n            ) : null}\n          </>\n        ) : null}\n      </Property>\n    )\n  },\n)\n\nSchemaProperty.displayName = 'SchemaProperty'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuDc;AAvDd,4BAAqG;AACrG,sBAA2B;AAC3B,gCAA+B;AAC/B,wBAAuB;AACvB,yBAAmD;AACnD,4BAAuD;AACvD,0BAA8C;AAC9C,mBAAqC;AASrC,MAAM,mBAAmB,CAAC,WAAoB;AAC5C,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAkC;AAC5D;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,UAAI,QAAQ;AACV,cAAMA,SAAQ,MAAM,gCAAY,SAAS,IAAI,MAAM;AACnD,YAAI,QAAQ,GAAG;AACb,mBAASA,MAAK;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AACA,SAAO;AACT;AAEO,MAAM,qBAAiB;AAAA,EAC5B,CAAC,EAAE,gBAAgB,MAAM,wBAAwB,MAAM,iBAAiB,MAAM,YAAY,OAAO,GAAG,MAAM,GAAG,iBAAiB;AAC5H,UAAM,iBAAiB,iBAAiB,KAAK;AAC7C,UAAM,CAAC,WAAW,cAAc,QAAI,6BAA4B,MAAS;AACzE,UAAM,CAAC,QAAQ,WAAW,QAAI,6BAAyB,MAAS;AAEhE,UAAM,UAAU,CAAC,UAAsD,gBAAgB,UAAU;AAC/F;AAAA,QACE;AAAA,QACA;AAAA,QACA,KAAK,UAAU;AAAA,UACb;AAAA,UACA,QAAQ;AAAA,QACV,CAAC;AAAA,MACH;AAAA,IACF;AAEA,WACE,6CAAC,kCAAS,KAAK,cAAc,OAAM,UAAS,OAAc,KAAI,gCAA+B,YAAyB,GAAG,OACtH;AAAA,eAAS,iBACR,mBAAmB,OACjB,4CAAC,8BAAW,KAAK,WAAW,MAAK,SAAQ,SAAS,MAAM,QAAQ,cAAc,GAC5E,sDAAC,sBAAAC,aAAA,EAAgB,OAAM,WAAU,UAAS,WAAU,GACtD,IACE,mBAAmB,SACrB,4CAAC,8BAAW,KAAK,WAAW,MAAK,SAAQ,SAAS,MAAM,QAAQ,cAAc,GAC5E,sDAAC,sBAAAA,aAAA,EAAgB,OAAM,YAAW,UAAS,WAAU,GACvD,IAEA,4CAAC,8BAAW,KAAI,uBAAsB,MAAK,SAAQ,QAAO,UAAS,MAAM,gBAAgB,MAAM,QAAQ,IACrG,sDAAC,sBAAAC,UAAA,EAAa,OAAM,WAAU,UAAS,WAAU,GACnD,IAEA;AAAA,MACH,QACC,4EACG;AAAA,wBACC,4CAAC,4BAAO,SAAQ,SAAQ,OAAM,QAAO,IAAI,EAAE,QAAQ,UAAU,GAC3D,sDAAC,uCAAc,KAAK,QAAQ,OAAc,OAAM,eAAc,SAAS,MAAM,QAAQ,WAAW,GAAG,GACrG,IAEA,4CAAC,uCAAc,KAAK,QAAQ,OAAc,OAAM,eAAc,SAAS,MAAM,QAAQ,WAAW,GAAG;AAAA,QAEpG,wBACC,4CAAC,8BAAW,KAAK,WAAW,MAAK,SAAQ,SAAS,MAAM,QAAQ,gBAAgB,IAAI,GAClF,sDAAC,sBAAAC,WAAA,EAAc,UAAS,WAAU,GACpC,IACE;AAAA,SACN,IACE;AAAA,OACN;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;","names":["entry","NewReleasesIcon","VerifiedIcon","OpenInNewIcon"]}

package/dist/node/components/Property/SchemaProperty.mjs

@@ -0,0 +1,54 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { NewReleases as NewReleasesIcon, OpenInNew as OpenInNewIcon, Verified as VerifiedIcon } from "@mui/icons-material";
+import { IconButton } from "@mui/material";
+import { useAsyncEffect } from "@xylabs/react-async-effect";
+import { LinkEx } from "@xylabs/react-link";
+import { useEvent } from "@xyo-network/react-event";
+import { Property, PropertyValue } from "@xyo-network/react-property";
+import { SchemaCache } from "@xyo-network/schema-cache";
+import { forwardRef, useState } from "react";
+const useResolveSchema = (schema) => {
+  const [entry, setEntry] = useState();
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      if (schema) {
+        const entry2 = await SchemaCache.instance.get(schema);
+        if (mounted()) {
+          setEntry(entry2);
+        }
+      }
+    },
+    [schema]
+  );
+  return entry;
+};
+const SchemaProperty = forwardRef(
+  ({ showLinkNames = true, showOpenNewWindowLink = true, showStatusIcon = true, titleProps, value, ...props }, forwardedRef) => {
+    const resolvedSchema = useResolveSchema(value);
+    const [buttonRef, buttonDispatch] = useEvent(void 0);
+    const [divRef, divDispatch] = useEvent(void 0);
+    const onClick = (dispatch, openNewWindow = false) => {
+      dispatch?.(
+        "schema",
+        "click",
+        JSON.stringify({
+          openNewWindow,
+          schema: value
+        })
+      );
+    };
+    return /* @__PURE__ */ jsxs(Property, { ref: forwardedRef, title: "Schema", value, tip: "Schema sent with the payload", titleProps, ...props, children: [
+      value && showStatusIcon ? resolvedSchema === null ? /* @__PURE__ */ jsx(IconButton, { ref: buttonRef, size: "small", onClick: () => onClick(buttonDispatch), children: /* @__PURE__ */ jsx(NewReleasesIcon, { color: "warning", fontSize: "inherit" }) }) : resolvedSchema === void 0 ? /* @__PURE__ */ jsx(IconButton, { ref: buttonRef, size: "small", onClick: () => onClick(buttonDispatch), children: /* @__PURE__ */ jsx(NewReleasesIcon, { color: "disabled", fontSize: "inherit" }) }) : /* @__PURE__ */ jsx(IconButton, { rel: "noopener noreferrer", size: "small", target: "_blank", href: resolvedSchema?.huri?.href ?? "", children: /* @__PURE__ */ jsx(VerifiedIcon, { color: "success", fontSize: "inherit" }) }) : null,
+      value ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        showLinkNames ? /* @__PURE__ */ jsx(LinkEx, { display: "block", width: "100%", sx: { cursor: "pointer" }, children: /* @__PURE__ */ jsx(PropertyValue, { ref: divRef, value, title: "view schema", onClick: () => onClick(divDispatch) }) }) : /* @__PURE__ */ jsx(PropertyValue, { ref: divRef, value, title: "view schema", onClick: () => onClick(divDispatch) }),
+        showOpenNewWindowLink ? /* @__PURE__ */ jsx(IconButton, { ref: buttonRef, size: "small", onClick: () => onClick(buttonDispatch, true), children: /* @__PURE__ */ jsx(OpenInNewIcon, { fontSize: "inherit" }) }) : null
+      ] }) : null
+    ] });
+  }
+);
+SchemaProperty.displayName = "SchemaProperty";
+export {
+  SchemaProperty
+};
+//# sourceMappingURL=SchemaProperty.mjs.map

package/dist/node/components/Property/SchemaProperty.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Property/SchemaProperty.tsx"],"sourcesContent":["import { NewReleases as NewReleasesIcon, OpenInNew as OpenInNewIcon, Verified as VerifiedIcon } from '@mui/icons-material'\nimport { IconButton } from '@mui/material'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { LinkEx } from '@xylabs/react-link'\nimport { EventDispatch, EventNoun, useEvent } from '@xyo-network/react-event'\nimport { Property, PropertyProps, PropertyValue } from '@xyo-network/react-property'\nimport { SchemaCache, SchemaCacheEntry } from '@xyo-network/schema-cache'\nimport { forwardRef, useState } from 'react'\n\nexport type SchemaPropertyProps = PropertyProps & {\n  showLinkNames?: boolean\n  showOpenNewWindowLink?: boolean\n  showStatusIcon?: boolean\n  value?: string\n}\n\nconst useResolveSchema = (schema?: string) => {\n  const [entry, setEntry] = useState<SchemaCacheEntry | null>()\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      if (schema) {\n        const entry = await SchemaCache.instance.get(schema)\n        if (mounted()) {\n          setEntry(entry)\n        }\n      }\n    },\n    [schema],\n  )\n  return entry\n}\n\nexport const SchemaProperty = forwardRef<HTMLDivElement, SchemaPropertyProps>(\n  ({ showLinkNames = true, showOpenNewWindowLink = true, showStatusIcon = true, titleProps, value, ...props }, forwardedRef) => {\n    const resolvedSchema = useResolveSchema(value)\n    const [buttonRef, buttonDispatch] = useEvent<HTMLButtonElement>(undefined)\n    const [divRef, divDispatch] = useEvent<HTMLDivElement>(undefined)\n\n    const onClick = (dispatch?: EventDispatch<EventNoun, 'click', string>, openNewWindow = false) => {\n      dispatch?.(\n        'schema',\n        'click',\n        JSON.stringify({\n          openNewWindow,\n          schema: value,\n        }),\n      )\n    }\n\n    return (\n      <Property ref={forwardedRef} title=\"Schema\" value={value} tip=\"Schema sent with the payload\" titleProps={titleProps} {...props}>\n        {value && showStatusIcon ? (\n          resolvedSchema === null ? (\n            <IconButton ref={buttonRef} size=\"small\" onClick={() => onClick(buttonDispatch)}>\n              <NewReleasesIcon color=\"warning\" fontSize=\"inherit\" />\n            </IconButton>\n          ) : resolvedSchema === undefined ? (\n            <IconButton ref={buttonRef} size=\"small\" onClick={() => onClick(buttonDispatch)}>\n              <NewReleasesIcon color=\"disabled\" fontSize=\"inherit\" />\n            </IconButton>\n          ) : (\n            <IconButton rel=\"noopener noreferrer\" size=\"small\" target=\"_blank\" href={resolvedSchema?.huri?.href ?? ''}>\n              <VerifiedIcon color=\"success\" fontSize=\"inherit\" />\n            </IconButton>\n          )\n        ) : null}\n        {value ? (\n          <>\n            {showLinkNames ? (\n              <LinkEx display=\"block\" width=\"100%\" sx={{ cursor: 'pointer' }}>\n                <PropertyValue ref={divRef} value={value} title=\"view schema\" onClick={() => onClick(divDispatch)} />\n              </LinkEx>\n            ) : (\n              <PropertyValue ref={divRef} value={value} title=\"view schema\" onClick={() => onClick(divDispatch)} />\n            )}\n            {showOpenNewWindowLink ? (\n              <IconButton ref={buttonRef} size=\"small\" onClick={() => onClick(buttonDispatch, true)}>\n                <OpenInNewIcon fontSize=\"inherit\" />\n              </IconButton>\n            ) : null}\n          </>\n        ) : null}\n      </Property>\n    )\n  },\n)\n\nSchemaProperty.displayName = 'SchemaProperty'\n"],"mappings":"AAuDc,SAaJ,UAbI,KAaJ,YAbI;AAvDd,SAAS,eAAe,iBAAiB,aAAa,eAAe,YAAY,oBAAoB;AACrG,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AACvB,SAAmC,gBAAgB;AACnD,SAAS,UAAyB,qBAAqB;AACvD,SAAS,mBAAqC;AAC9C,SAAS,YAAY,gBAAgB;AASrC,MAAM,mBAAmB,CAAC,WAAoB;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAkC;AAC5D;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,UAAI,QAAQ;AACV,cAAMA,SAAQ,MAAM,YAAY,SAAS,IAAI,MAAM;AACnD,YAAI,QAAQ,GAAG;AACb,mBAASA,MAAK;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AACA,SAAO;AACT;AAEO,MAAM,iBAAiB;AAAA,EAC5B,CAAC,EAAE,gBAAgB,MAAM,wBAAwB,MAAM,iBAAiB,MAAM,YAAY,OAAO,GAAG,MAAM,GAAG,iBAAiB;AAC5H,UAAM,iBAAiB,iBAAiB,KAAK;AAC7C,UAAM,CAAC,WAAW,cAAc,IAAI,SAA4B,MAAS;AACzE,UAAM,CAAC,QAAQ,WAAW,IAAI,SAAyB,MAAS;AAEhE,UAAM,UAAU,CAAC,UAAsD,gBAAgB,UAAU;AAC/F;AAAA,QACE;AAAA,QACA;AAAA,QACA,KAAK,UAAU;AAAA,UACb;AAAA,UACA,QAAQ;AAAA,QACV,CAAC;AAAA,MACH;AAAA,IACF;AAEA,WACE,qBAAC,YAAS,KAAK,cAAc,OAAM,UAAS,OAAc,KAAI,gCAA+B,YAAyB,GAAG,OACtH;AAAA,eAAS,iBACR,mBAAmB,OACjB,oBAAC,cAAW,KAAK,WAAW,MAAK,SAAQ,SAAS,MAAM,QAAQ,cAAc,GAC5E,8BAAC,mBAAgB,OAAM,WAAU,UAAS,WAAU,GACtD,IACE,mBAAmB,SACrB,oBAAC,cAAW,KAAK,WAAW,MAAK,SAAQ,SAAS,MAAM,QAAQ,cAAc,GAC5E,8BAAC,mBAAgB,OAAM,YAAW,UAAS,WAAU,GACvD,IAEA,oBAAC,cAAW,KAAI,uBAAsB,MAAK,SAAQ,QAAO,UAAS,MAAM,gBAAgB,MAAM,QAAQ,IACrG,8BAAC,gBAAa,OAAM,WAAU,UAAS,WAAU,GACnD,IAEA;AAAA,MACH,QACC,iCACG;AAAA,wBACC,oBAAC,UAAO,SAAQ,SAAQ,OAAM,QAAO,IAAI,EAAE,QAAQ,UAAU,GAC3D,8BAAC,iBAAc,KAAK,QAAQ,OAAc,OAAM,eAAc,SAAS,MAAM,QAAQ,WAAW,GAAG,GACrG,IAEA,oBAAC,iBAAc,KAAK,QAAQ,OAAc,OAAM,eAAc,SAAS,MAAM,QAAQ,WAAW,GAAG;AAAA,QAEpG,wBACC,oBAAC,cAAW,KAAK,WAAW,MAAK,SAAQ,SAAS,MAAM,QAAQ,gBAAgB,IAAI,GAClF,8BAAC,iBAAc,UAAS,WAAU,GACpC,IACE;AAAA,SACN,IACE;AAAA,OACN;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;","names":["entry"]}