@xyo-network/react-schema 2.64.0 → 2.64.1

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

@@ -1,4 +1,4 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/components/Property/SchemaProperty.tsx
 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";
@@ -7,7 +7,8 @@ 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) => {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var useResolveSchema = (schema) => {
   const [entry, setEntry] = useState();
   useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -23,7 +24,7 @@ const useResolveSchema = (schema) => {
   );
   return entry;
 };
-const SchemaProperty = forwardRef(
+var SchemaProperty = forwardRef(
   ({ showLinkNames = true, showOpenNewWindowLink = true, showStatusIcon = true, titleProps, value, ...props }, forwardedRef) => {
     const resolvedSchema = useResolveSchema(value);
     const [buttonRef, buttonDispatch] = useEvent(void 0);

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

@@ -1 +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"]}
+{"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,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;AAgDvB,SAaJ,UAbI,KAaJ,YAbI;AAvCd,IAAM,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,IAAM,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"]}

package/dist/browser/components/Property/index.js

@@ -1,2 +1,55 @@
-export * from "./SchemaProperty";
+// src/components/Property/SchemaProperty.tsx
+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";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var 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;
+};
+var 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=index.js.map

package/dist/browser/components/Property/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Property/index.ts"],"sourcesContent":["export * from './SchemaProperty'\n"],"mappings":"AAAA,cAAc;","names":[]}
+{"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,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;AAgDvB,SAaJ,UAbI,KAaJ,YAbI;AAvCd,IAAM,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,IAAM,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"]}

package/dist/browser/components/SelectEx/SchemaSelectEx.js

@@ -1,8 +1,20 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/SelectEx/SchemaSelectEx.tsx
 import { MenuItem, Typography } from "@mui/material";
 import { SelectEx } from "@xylabs/react-select";
-import { useSchema } from "../../contexts";
-const SchemaSelectEx = ({ onChange, ...props }) => {
+
+// src/contexts/Schema/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var SchemaContext = createContextEx();
+
+// src/contexts/Schema/use.ts
+import { useContextEx } from "@xyo-network/react-shared";
+var useSchema = (required = false) => {
+  return useContextEx(SchemaContext, "Schema", required);
+};
+
+// src/components/SelectEx/SchemaSelectEx.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var SchemaSelectEx = ({ onChange, ...props }) => {
   const { schema, setSchema, schemaList } = useSchema(false);
   return /* @__PURE__ */ jsxs(
     SelectEx,

package/dist/browser/components/SelectEx/SchemaSelectEx.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SelectEx/SchemaSelectEx.tsx"],"sourcesContent":["import { MenuItem, Typography } from '@mui/material'\nimport { SelectEx, SelectExProps } from '@xylabs/react-select'\n\nimport { useSchema } from '../../contexts'\n\nexport type SchemaSelectExProps = SelectExProps<string>\n\nexport const SchemaSelectEx: React.FC<SchemaSelectExProps> = ({ onChange, ...props }) => {\n  const { schema, setSchema, schemaList } = useSchema(false)\n\n  return (\n    <SelectEx\n      variant=\"outlined\"\n      size=\"small\"\n      value={schema ?? 'none'}\n      onChange={(event, child) => {\n        if (event.target.value !== schema) {\n          onChange?.(event, child)\n          setSchema?.(event.target.value)\n        }\n      }}\n      renderValue={(value) => {\n        return <Typography>{value === 'none' ? '- None -' : value}</Typography>\n      }}\n      {...props}\n    >\n      {schemaList?.map((schema, index) => {\n        return (\n          <MenuItem key={index} value={schema}>\n            {schema}\n          </MenuItem>\n        )\n      })}\n      <MenuItem key=\"none\" value=\"none\">\n        - None -\n      </MenuItem>\n    </SelectEx>\n  )\n}\n"],"mappings":"AAWI,SAWW,KAXX;AAXJ,SAAS,UAAU,kBAAkB;AACrC,SAAS,gBAA+B;AAExC,SAAS,iBAAiB;AAInB,MAAM,iBAAgD,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACvF,QAAM,EAAE,QAAQ,WAAW,WAAW,IAAI,UAAU,KAAK;AAEzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAO,UAAU;AAAA,MACjB,UAAU,CAAC,OAAO,UAAU;AAC1B,YAAI,MAAM,OAAO,UAAU,QAAQ;AACjC,qBAAW,OAAO,KAAK;AACvB,sBAAY,MAAM,OAAO,KAAK;AAAA,QAChC;AAAA,MACF;AAAA,MACA,aAAa,CAAC,UAAU;AACtB,eAAO,oBAAC,cAAY,oBAAU,SAAS,aAAa,OAAM;AAAA,MAC5D;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,oBAAY,IAAI,CAACA,SAAQ,UAAU;AAClC,iBACE,oBAAC,YAAqB,OAAOA,SAC1B,UAAAA,WADY,KAEf;AAAA,QAEJ,CAAC;AAAA,QACD,oBAAC,YAAoB,OAAM,QAAO,wBAApB,MAEd;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["schema"]}
+{"version":3,"sources":["../../../../src/components/SelectEx/SchemaSelectEx.tsx","../../../../src/contexts/Schema/Context.ts","../../../../src/contexts/Schema/use.ts"],"sourcesContent":["import { MenuItem, Typography } from '@mui/material'\nimport { SelectEx, SelectExProps } from '@xylabs/react-select'\n\nimport { useSchema } from '../../contexts'\n\nexport type SchemaSelectExProps = SelectExProps<string>\n\nexport const SchemaSelectEx: React.FC<SchemaSelectExProps> = ({ onChange, ...props }) => {\n  const { schema, setSchema, schemaList } = useSchema(false)\n\n  return (\n    <SelectEx\n      variant=\"outlined\"\n      size=\"small\"\n      value={schema ?? 'none'}\n      onChange={(event, child) => {\n        if (event.target.value !== schema) {\n          onChange?.(event, child)\n          setSchema?.(event.target.value)\n        }\n      }}\n      renderValue={(value) => {\n        return <Typography>{value === 'none' ? '- None -' : value}</Typography>\n      }}\n      {...props}\n    >\n      {schemaList?.map((schema, index) => {\n        return (\n          <MenuItem key={index} value={schema}>\n            {schema}\n          </MenuItem>\n        )\n      })}\n      <MenuItem key=\"none\" value=\"none\">\n        - None -\n      </MenuItem>\n    </SelectEx>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { SchemaContextState } from './State'\n\nexport const SchemaContext = createContextEx<SchemaContextState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { SchemaContext } from './Context'\nimport { SchemaContextState } from './State'\n\nexport const useSchema = (required = false) => {\n  return useContextEx<SchemaContextState>(SchemaContext, 'Schema', required)\n}\n"],"mappings":";AAAA,SAAS,UAAU,kBAAkB;AACrC,SAAS,gBAA+B;;;ACDxC,SAAS,uBAAuB;AAIzB,IAAM,gBAAgB,gBAAoC;;;ACJjE,SAAS,oBAAoB;AAKtB,IAAM,YAAY,CAAC,WAAW,UAAU;AAC7C,SAAO,aAAiC,eAAe,UAAU,QAAQ;AAC3E;;;AFII,SAWW,KAXX;AAJG,IAAM,iBAAgD,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACvF,QAAM,EAAE,QAAQ,WAAW,WAAW,IAAI,UAAU,KAAK;AAEzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAO,UAAU;AAAA,MACjB,UAAU,CAAC,OAAO,UAAU;AAC1B,YAAI,MAAM,OAAO,UAAU,QAAQ;AACjC,qBAAW,OAAO,KAAK;AACvB,sBAAY,MAAM,OAAO,KAAK;AAAA,QAChC;AAAA,MACF;AAAA,MACA,aAAa,CAAC,UAAU;AACtB,eAAO,oBAAC,cAAY,oBAAU,SAAS,aAAa,OAAM;AAAA,MAC5D;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,oBAAY,IAAI,CAACA,SAAQ,UAAU;AAClC,iBACE,oBAAC,YAAqB,OAAOA,SAC1B,UAAAA,WADY,KAEf;AAAA,QAEJ,CAAC;AAAA,QACD,oBAAC,YAAoB,OAAM,QAAO,wBAApB,MAEd;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["schema"]}

package/dist/browser/components/SelectEx/index.js

@@ -1,2 +1,47 @@
-export * from "./SchemaSelectEx";
+// src/components/SelectEx/SchemaSelectEx.tsx
+import { MenuItem, Typography } from "@mui/material";
+import { SelectEx } from "@xylabs/react-select";
+
+// src/contexts/Schema/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var SchemaContext = createContextEx();
+
+// src/contexts/Schema/use.ts
+import { useContextEx } from "@xyo-network/react-shared";
+var useSchema = (required = false) => {
+  return useContextEx(SchemaContext, "Schema", required);
+};
+
+// src/components/SelectEx/SchemaSelectEx.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var SchemaSelectEx = ({ onChange, ...props }) => {
+  const { schema, setSchema, schemaList } = useSchema(false);
+  return /* @__PURE__ */ jsxs(
+    SelectEx,
+    {
+      variant: "outlined",
+      size: "small",
+      value: schema ?? "none",
+      onChange: (event, child) => {
+        if (event.target.value !== schema) {
+          onChange?.(event, child);
+          setSchema?.(event.target.value);
+        }
+      },
+      renderValue: (value) => {
+        return /* @__PURE__ */ jsx(Typography, { children: value === "none" ? "- None -" : value });
+      },
+      ...props,
+      children: [
+        schemaList?.map((schema2, index) => {
+          return /* @__PURE__ */ jsx(MenuItem, { value: schema2, children: schema2 }, index);
+        }),
+        /* @__PURE__ */ jsx(MenuItem, { value: "none", children: "- None -" }, "none")
+      ]
+    }
+  );
+};
+export {
+  SchemaSelectEx
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/components/SelectEx/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SelectEx/index.ts"],"sourcesContent":["export * from './SchemaSelectEx'\n"],"mappings":"AAAA,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/SelectEx/SchemaSelectEx.tsx","../../../../src/contexts/Schema/Context.ts","../../../../src/contexts/Schema/use.ts"],"sourcesContent":["import { MenuItem, Typography } from '@mui/material'\nimport { SelectEx, SelectExProps } from '@xylabs/react-select'\n\nimport { useSchema } from '../../contexts'\n\nexport type SchemaSelectExProps = SelectExProps<string>\n\nexport const SchemaSelectEx: React.FC<SchemaSelectExProps> = ({ onChange, ...props }) => {\n  const { schema, setSchema, schemaList } = useSchema(false)\n\n  return (\n    <SelectEx\n      variant=\"outlined\"\n      size=\"small\"\n      value={schema ?? 'none'}\n      onChange={(event, child) => {\n        if (event.target.value !== schema) {\n          onChange?.(event, child)\n          setSchema?.(event.target.value)\n        }\n      }}\n      renderValue={(value) => {\n        return <Typography>{value === 'none' ? '- None -' : value}</Typography>\n      }}\n      {...props}\n    >\n      {schemaList?.map((schema, index) => {\n        return (\n          <MenuItem key={index} value={schema}>\n            {schema}\n          </MenuItem>\n        )\n      })}\n      <MenuItem key=\"none\" value=\"none\">\n        - None -\n      </MenuItem>\n    </SelectEx>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { SchemaContextState } from './State'\n\nexport const SchemaContext = createContextEx<SchemaContextState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { SchemaContext } from './Context'\nimport { SchemaContextState } from './State'\n\nexport const useSchema = (required = false) => {\n  return useContextEx<SchemaContextState>(SchemaContext, 'Schema', required)\n}\n"],"mappings":";AAAA,SAAS,UAAU,kBAAkB;AACrC,SAAS,gBAA+B;;;ACDxC,SAAS,uBAAuB;AAIzB,IAAM,gBAAgB,gBAAoC;;;ACJjE,SAAS,oBAAoB;AAKtB,IAAM,YAAY,CAAC,WAAW,UAAU;AAC7C,SAAO,aAAiC,eAAe,UAAU,QAAQ;AAC3E;;;AFII,SAWW,KAXX;AAJG,IAAM,iBAAgD,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACvF,QAAM,EAAE,QAAQ,WAAW,WAAW,IAAI,UAAU,KAAK;AAEzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAO,UAAU;AAAA,MACjB,UAAU,CAAC,OAAO,UAAU;AAC1B,YAAI,MAAM,OAAO,UAAU,QAAQ;AACjC,qBAAW,OAAO,KAAK;AACvB,sBAAY,MAAM,OAAO,KAAK;AAAA,QAChC;AAAA,MACF;AAAA,MACA,aAAa,CAAC,UAAU;AACtB,eAAO,oBAAC,cAAY,oBAAU,SAAS,aAAa,OAAM;AAAA,MAC5D;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,oBAAY,IAAI,CAACA,SAAQ,UAAU;AAClC,iBACE,oBAAC,YAAqB,OAAOA,SAC1B,UAAAA,WADY,KAEf;AAAA,QAEJ,CAAC;AAAA,QACD,oBAAC,YAAoB,OAAM,QAAO,wBAApB,MAEd;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["schema"]}

package/dist/browser/components/index.js

@@ -1,3 +1,100 @@
-export * from "./Property";
-export * from "./SelectEx";
+// src/components/Property/SchemaProperty.tsx
+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";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var 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;
+};
+var 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";
+
+// src/components/SelectEx/SchemaSelectEx.tsx
+import { MenuItem, Typography } from "@mui/material";
+import { SelectEx } from "@xylabs/react-select";
+
+// src/contexts/Schema/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var SchemaContext = createContextEx();
+
+// src/contexts/Schema/use.ts
+import { useContextEx } from "@xyo-network/react-shared";
+var useSchema = (required = false) => {
+  return useContextEx(SchemaContext, "Schema", required);
+};
+
+// src/components/SelectEx/SchemaSelectEx.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var SchemaSelectEx = ({ onChange, ...props }) => {
+  const { schema, setSchema, schemaList } = useSchema(false);
+  return /* @__PURE__ */ jsxs2(
+    SelectEx,
+    {
+      variant: "outlined",
+      size: "small",
+      value: schema ?? "none",
+      onChange: (event, child) => {
+        if (event.target.value !== schema) {
+          onChange?.(event, child);
+          setSchema?.(event.target.value);
+        }
+      },
+      renderValue: (value) => {
+        return /* @__PURE__ */ jsx2(Typography, { children: value === "none" ? "- None -" : value });
+      },
+      ...props,
+      children: [
+        schemaList?.map((schema2, index) => {
+          return /* @__PURE__ */ jsx2(MenuItem, { value: schema2, children: schema2 }, index);
+        }),
+        /* @__PURE__ */ jsx2(MenuItem, { value: "none", children: "- None -" }, "none")
+      ]
+    }
+  );
+};
+export {
+  SchemaProperty,
+  SchemaSelectEx
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './Property'\nexport * from './SelectEx'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/Property/SchemaProperty.tsx","../../../src/components/SelectEx/SchemaSelectEx.tsx","../../../src/contexts/Schema/Context.ts","../../../src/contexts/Schema/use.ts"],"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","import { MenuItem, Typography } from '@mui/material'\nimport { SelectEx, SelectExProps } from '@xylabs/react-select'\n\nimport { useSchema } from '../../contexts'\n\nexport type SchemaSelectExProps = SelectExProps<string>\n\nexport const SchemaSelectEx: React.FC<SchemaSelectExProps> = ({ onChange, ...props }) => {\n  const { schema, setSchema, schemaList } = useSchema(false)\n\n  return (\n    <SelectEx\n      variant=\"outlined\"\n      size=\"small\"\n      value={schema ?? 'none'}\n      onChange={(event, child) => {\n        if (event.target.value !== schema) {\n          onChange?.(event, child)\n          setSchema?.(event.target.value)\n        }\n      }}\n      renderValue={(value) => {\n        return <Typography>{value === 'none' ? '- None -' : value}</Typography>\n      }}\n      {...props}\n    >\n      {schemaList?.map((schema, index) => {\n        return (\n          <MenuItem key={index} value={schema}>\n            {schema}\n          </MenuItem>\n        )\n      })}\n      <MenuItem key=\"none\" value=\"none\">\n        - None -\n      </MenuItem>\n    </SelectEx>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { SchemaContextState } from './State'\n\nexport const SchemaContext = createContextEx<SchemaContextState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { SchemaContext } from './Context'\nimport { SchemaContextState } from './State'\n\nexport const useSchema = (required = false) => {\n  return useContextEx<SchemaContextState>(SchemaContext, 'Schema', required)\n}\n"],"mappings":"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","names":["entry","jsx","jsxs","schema"]}

package/dist/browser/contexts/Schema/Context.js

@@ -1,5 +1,6 @@
+// src/contexts/Schema/Context.ts
 import { createContextEx } from "@xyo-network/react-shared";
-const SchemaContext = createContextEx();
+var SchemaContext = createContextEx();
 export {
   SchemaContext
 };

package/dist/browser/contexts/Schema/Context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/contexts/Schema/Context.ts"],"sourcesContent":["import { createContextEx } from '@xyo-network/react-shared'\n\nimport { SchemaContextState } from './State'\n\nexport const SchemaContext = createContextEx<SchemaContextState>()\n"],"mappings":"AAAA,SAAS,uBAAuB;AAIzB,MAAM,gBAAgB,gBAAoC;","names":[]}
+{"version":3,"sources":["../../../../src/contexts/Schema/Context.ts"],"sourcesContent":["import { createContextEx } from '@xyo-network/react-shared'\n\nimport { SchemaContextState } from './State'\n\nexport const SchemaContext = createContextEx<SchemaContextState>()\n"],"mappings":";AAAA,SAAS,uBAAuB;AAIzB,IAAM,gBAAgB,gBAAoC;","names":[]}

package/dist/browser/contexts/Schema/Provider/Memory.js

@@ -1,11 +1,63 @@
-import { jsx } from "react/jsx-runtime";
+// src/contexts/Schema/Provider/Memory.tsx
 import { compact } from "@xylabs/lodash";
-import { useEffect, useState } from "react";
-import { useSchemaStats } from "../../../hooks";
-import { SchemaContext } from "../Context";
-const SchemaMemoryProvider = ({ defaultSchema, knownSchemaList = [], ...props }) => {
-  const [schema, setSchema] = useState(defaultSchema);
-  const [schemaList, setSchemaList] = useState(knownSchemaList);
+import { useEffect, useState as useState2 } from "react";
+
+// src/hooks/useSchemaStats.tsx
+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";
+var 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];
+};
+
+// src/contexts/Schema/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var SchemaContext = createContextEx();
+
+// src/contexts/Schema/Provider/Memory.tsx
+import { jsx } from "react/jsx-runtime";
+var SchemaMemoryProvider = ({ defaultSchema, knownSchemaList = [], ...props }) => {
+  const [schema, setSchema] = useState2(defaultSchema);
+  const [schemaList, setSchemaList] = useState2(knownSchemaList);
   const [fetchedSchemaStats] = useSchemaStats();
   useEffect(() => {
     if (fetchedSchemaStats) {

package/dist/browser/contexts/Schema/Provider/Memory.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/contexts/Schema/Provider/Memory.tsx"],"sourcesContent":["import { compact } from '@xylabs/lodash'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { useEffect, useState } from 'react'\n\nimport { useSchemaStats } from '../../../hooks'\nimport { SchemaContext } from '../Context'\nimport { SchemaProviderProps } from './Props'\n\nexport const SchemaMemoryProvider: React.FC<WithChildren<SchemaProviderProps>> = ({ defaultSchema, knownSchemaList = [], ...props }) => {\n  const [schema, setSchema] = useState(defaultSchema)\n  const [schemaList, setSchemaList] = useState<string[] | undefined>(knownSchemaList)\n  const [fetchedSchemaStats] = useSchemaStats()\n\n  useEffect(() => {\n    if (fetchedSchemaStats) {\n      const schemaList = compact(fetchedSchemaStats.map(({ name }) => name))\n      setSchemaList(schemaList)\n    }\n  }, [fetchedSchemaStats])\n\n  return <SchemaContext.Provider value={{ provided: true, schema, schemaList: knownSchemaList ?? schemaList, setSchema, setSchemaList }} {...props} />\n}\n"],"mappings":"AAoBS;AApBT,SAAS,eAAe;AAExB,SAAS,WAAW,gBAAgB;AAEpC,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAGvB,MAAM,uBAAoE,CAAC,EAAE,eAAe,kBAAkB,CAAC,GAAG,GAAG,MAAM,MAAM;AACtI,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,aAAa;AAClD,QAAM,CAAC,YAAY,aAAa,IAAI,SAA+B,eAAe;AAClF,QAAM,CAAC,kBAAkB,IAAI,eAAe;AAE5C,YAAU,MAAM;AACd,QAAI,oBAAoB;AACtB,YAAMA,cAAa,QAAQ,mBAAmB,IAAI,CAAC,EAAE,KAAK,MAAM,IAAI,CAAC;AACrE,oBAAcA,WAAU;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,kBAAkB,CAAC;AAEvB,SAAO,oBAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,UAAU,MAAM,QAAQ,YAAY,mBAAmB,YAAY,WAAW,cAAc,GAAI,GAAG,OAAO;AACpJ;","names":["schemaList"]}
+{"version":3,"sources":["../../../../../src/contexts/Schema/Provider/Memory.tsx","../../../../../src/hooks/useSchemaStats.tsx","../../../../../src/contexts/Schema/Context.ts"],"sourcesContent":["import { compact } from '@xylabs/lodash'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { useEffect, useState } from 'react'\n\nimport { useSchemaStats } from '../../../hooks'\nimport { SchemaContext } from '../Context'\nimport { SchemaProviderProps } from './Props'\n\nexport const SchemaMemoryProvider: React.FC<WithChildren<SchemaProviderProps>> = ({ defaultSchema, knownSchemaList = [], ...props }) => {\n  const [schema, setSchema] = useState(defaultSchema)\n  const [schemaList, setSchemaList] = useState<string[] | undefined>(knownSchemaList)\n  const [fetchedSchemaStats] = useSchemaStats()\n\n  useEffect(() => {\n    if (fetchedSchemaStats) {\n      const schemaList = compact(fetchedSchemaStats.map(({ name }) => name))\n      setSchemaList(schemaList)\n    }\n  }, [fetchedSchemaStats])\n\n  return <SchemaContext.Provider value={{ provided: true, schema, schemaList: knownSchemaList ?? schemaList, setSchema, setSchemaList }} {...props} />\n}\n","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","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { SchemaContextState } from './State'\n\nexport const SchemaContext = createContextEx<SchemaContextState>()\n"],"mappings":";AAAA,SAAS,eAAe;AAExB,SAAS,WAAW,YAAAA,iBAAgB;;;ACFpC,SAAS,sBAAsB;AAC/B,SAAS,sBAAmE,8BAA8B;AAC1G,SAAS,aAAa;AACtB,SAAS,0BAA0B;AACnC,SAAmC,SAAS,gBAAgB;AAErD,IAAM,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;;;ACpDA,SAAS,uBAAuB;AAIzB,IAAM,gBAAgB,gBAAoC;;;AFgBxD;AAZF,IAAM,uBAAoE,CAAC,EAAE,eAAe,kBAAkB,CAAC,GAAG,GAAG,MAAM,MAAM;AACtI,QAAM,CAAC,QAAQ,SAAS,IAAIC,UAAS,aAAa;AAClD,QAAM,CAAC,YAAY,aAAa,IAAIA,UAA+B,eAAe;AAClF,QAAM,CAAC,kBAAkB,IAAI,eAAe;AAE5C,YAAU,MAAM;AACd,QAAI,oBAAoB;AACtB,YAAMC,cAAa,QAAQ,mBAAmB,IAAI,CAAC,EAAE,KAAK,MAAM,IAAI,CAAC;AACrE,oBAAcA,WAAU;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,kBAAkB,CAAC;AAEvB,SAAO,oBAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,UAAU,MAAM,QAAQ,YAAY,mBAAmB,YAAY,WAAW,cAAc,GAAI,GAAG,OAAO;AACpJ;","names":["useState","useState","schemaList"]}

package/dist/browser/contexts/Schema/Provider/Route.js

@@ -1,10 +1,86 @@
-import { jsx } from "react/jsx-runtime";
-import { useCallback, useEffect } from "react";
+// src/contexts/Schema/Provider/Route.tsx
+import { useCallback, useEffect as useEffect2 } from "react";
 import { useSearchParams } from "react-router-dom";
-import { SchemaContext } from "../Context";
-import { useSchema } from "../use";
-import { SchemaMemoryProvider } from "./Memory";
-const SchemaRouteProviderInner = ({ children }) => {
+
+// src/contexts/Schema/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var SchemaContext = createContextEx();
+
+// src/contexts/Schema/use.ts
+import { useContextEx } from "@xyo-network/react-shared";
+var useSchema = (required = false) => {
+  return useContextEx(SchemaContext, "Schema", required);
+};
+
+// src/contexts/Schema/Provider/Memory.tsx
+import { compact } from "@xylabs/lodash";
+import { useEffect, useState as useState2 } from "react";
+
+// src/hooks/useSchemaStats.tsx
+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";
+var 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];
+};
+
+// src/contexts/Schema/Provider/Memory.tsx
+import { jsx } from "react/jsx-runtime";
+var SchemaMemoryProvider = ({ defaultSchema, knownSchemaList = [], ...props }) => {
+  const [schema, setSchema] = useState2(defaultSchema);
+  const [schemaList, setSchemaList] = useState2(knownSchemaList);
+  const [fetchedSchemaStats] = useSchemaStats();
+  useEffect(() => {
+    if (fetchedSchemaStats) {
+      const schemaList2 = compact(fetchedSchemaStats.map(({ name }) => name));
+      setSchemaList(schemaList2);
+    }
+  }, [fetchedSchemaStats]);
+  return /* @__PURE__ */ jsx(SchemaContext.Provider, { value: { provided: true, schema, schemaList: knownSchemaList ?? schemaList, setSchema, setSchemaList }, ...props });
+};
+
+// src/contexts/Schema/Provider/Route.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var SchemaRouteProviderInner = ({ children }) => {
   const { schema, setSchema, schemaList } = useSchema();
   const [params, setParams] = useSearchParams();
   const routeSchema = params.get("schema");
@@ -27,7 +103,7 @@ const SchemaRouteProviderInner = ({ children }) => {
     },
     [setSchemaParam, setSchema]
   );
-  useEffect(() => {
+  useEffect2(() => {
     if (routeSchema !== schema) {
       if (routeSchema === void 0 && schema !== void 0) {
         setSchemaLocal(schema);
@@ -36,10 +112,10 @@ const SchemaRouteProviderInner = ({ children }) => {
       }
     }
   }, [routeSchema, schema, setSchemaParam, setSchema, setSchemaLocal]);
-  return /* @__PURE__ */ jsx(SchemaContext.Provider, { value: { provided: true, schema, schemaList, setSchema: setSchemaLocal }, children });
+  return /* @__PURE__ */ jsx2(SchemaContext.Provider, { value: { provided: true, schema, schemaList, setSchema: setSchemaLocal }, children });
 };
-const SchemaRouteProvider = ({ knownSchemaList, defaultSchema, ...props }) => {
-  return /* @__PURE__ */ jsx(SchemaMemoryProvider, { knownSchemaList, defaultSchema, children: /* @__PURE__ */ jsx(SchemaRouteProviderInner, { ...props }) });
+var SchemaRouteProvider = ({ knownSchemaList, defaultSchema, ...props }) => {
+  return /* @__PURE__ */ jsx2(SchemaMemoryProvider, { knownSchemaList, defaultSchema, children: /* @__PURE__ */ jsx2(SchemaRouteProviderInner, { ...props }) });
 };
 export {
   SchemaRouteProvider

package/dist/browser/contexts/Schema/Provider/Route.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/contexts/Schema/Provider/Route.tsx"],"sourcesContent":["import type { WithChildren } from '@xylabs/react-shared'\nimport { useCallback, useEffect } from 'react'\nimport { useSearchParams } from 'react-router-dom'\n\nimport { SchemaContext } from '../Context'\nimport { useSchema } from '../use'\nimport { SchemaMemoryProvider } from './Memory'\nimport { SchemaProviderProps } from './Props'\n\nconst SchemaRouteProviderInner: React.FC<WithChildren> = ({ children }) => {\n  const { schema, setSchema, schemaList } = useSchema()\n\n  const [params, setParams] = useSearchParams()\n\n  const routeSchema = params.get('schema')\n\n  //update the network stored in the route\n  const setSchemaParam = useCallback(\n    (schema?: string) => {\n      if (schema) {\n        params.set('schema', schema)\n        setParams(params, { replace: true })\n        setSchema?.(schema)\n      } else {\n        params.delete('network')\n      }\n    },\n    [params, setParams, setSchema],\n  )\n\n  //if the network is actively changed, update both memory and route\n  const setSchemaLocal = useCallback(\n    (schema: string) => {\n      setSchemaParam(schema)\n      setSchema?.(schema)\n    },\n    [setSchemaParam, setSchema],\n  )\n\n  //sync memory and route storage of network\n  useEffect(() => {\n    if (routeSchema !== schema) {\n      if (routeSchema === undefined && schema !== undefined) {\n        //if the route does not have a network selected, use what is in the memory context\n        setSchemaLocal(schema)\n      } else if (routeSchema) {\n        //if the route has a selection and it is different from memory, update memory\n        setSchema?.(routeSchema)\n      }\n    }\n  }, [routeSchema, schema, setSchemaParam, setSchema, setSchemaLocal])\n\n  return <SchemaContext.Provider value={{ provided: true, schema, schemaList, setSchema: setSchemaLocal }}>{children}</SchemaContext.Provider>\n}\n\nexport const SchemaRouteProvider: React.FC<WithChildren<SchemaProviderProps>> = ({ knownSchemaList, defaultSchema, ...props }) => {\n  return (\n    <SchemaMemoryProvider knownSchemaList={knownSchemaList} defaultSchema={defaultSchema}>\n      <SchemaRouteProviderInner {...props} />\n    </SchemaMemoryProvider>\n  )\n}\n"],"mappings":"AAoDS;AAnDT,SAAS,aAAa,iBAAiB;AACvC,SAAS,uBAAuB;AAEhC,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,4BAA4B;AAGrC,MAAM,2BAAmD,CAAC,EAAE,SAAS,MAAM;AACzE,QAAM,EAAE,QAAQ,WAAW,WAAW,IAAI,UAAU;AAEpD,QAAM,CAAC,QAAQ,SAAS,IAAI,gBAAgB;AAE5C,QAAM,cAAc,OAAO,IAAI,QAAQ;AAGvC,QAAM,iBAAiB;AAAA,IACrB,CAACA,YAAoB;AACnB,UAAIA,SAAQ;AACV,eAAO,IAAI,UAAUA,OAAM;AAC3B,kBAAU,QAAQ,EAAE,SAAS,KAAK,CAAC;AACnC,oBAAYA,OAAM;AAAA,MACpB,OAAO;AACL,eAAO,OAAO,SAAS;AAAA,MACzB;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,WAAW,SAAS;AAAA,EAC/B;AAGA,QAAM,iBAAiB;AAAA,IACrB,CAACA,YAAmB;AAClB,qBAAeA,OAAM;AACrB,kBAAYA,OAAM;AAAA,IACpB;AAAA,IACA,CAAC,gBAAgB,SAAS;AAAA,EAC5B;AAGA,YAAU,MAAM;AACd,QAAI,gBAAgB,QAAQ;AAC1B,UAAI,gBAAgB,UAAa,WAAW,QAAW;AAErD,uBAAe,MAAM;AAAA,MACvB,WAAW,aAAa;AAEtB,oBAAY,WAAW;AAAA,MACzB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,QAAQ,gBAAgB,WAAW,cAAc,CAAC;AAEnE,SAAO,oBAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,UAAU,MAAM,QAAQ,YAAY,WAAW,eAAe,GAAI,UAAS;AACrH;AAEO,MAAM,sBAAmE,CAAC,EAAE,iBAAiB,eAAe,GAAG,MAAM,MAAM;AAChI,SACE,oBAAC,wBAAqB,iBAAkC,eACtD,8BAAC,4BAA0B,GAAG,OAAO,GACvC;AAEJ;","names":["schema"]}
+{"version":3,"sources":["../../../../../src/contexts/Schema/Provider/Route.tsx","../../../../../src/contexts/Schema/Context.ts","../../../../../src/contexts/Schema/use.ts","../../../../../src/contexts/Schema/Provider/Memory.tsx","../../../../../src/hooks/useSchemaStats.tsx"],"sourcesContent":["import type { WithChildren } from '@xylabs/react-shared'\nimport { useCallback, useEffect } from 'react'\nimport { useSearchParams } from 'react-router-dom'\n\nimport { SchemaContext } from '../Context'\nimport { useSchema } from '../use'\nimport { SchemaMemoryProvider } from './Memory'\nimport { SchemaProviderProps } from './Props'\n\nconst SchemaRouteProviderInner: React.FC<WithChildren> = ({ children }) => {\n  const { schema, setSchema, schemaList } = useSchema()\n\n  const [params, setParams] = useSearchParams()\n\n  const routeSchema = params.get('schema')\n\n  //update the network stored in the route\n  const setSchemaParam = useCallback(\n    (schema?: string) => {\n      if (schema) {\n        params.set('schema', schema)\n        setParams(params, { replace: true })\n        setSchema?.(schema)\n      } else {\n        params.delete('network')\n      }\n    },\n    [params, setParams, setSchema],\n  )\n\n  //if the network is actively changed, update both memory and route\n  const setSchemaLocal = useCallback(\n    (schema: string) => {\n      setSchemaParam(schema)\n      setSchema?.(schema)\n    },\n    [setSchemaParam, setSchema],\n  )\n\n  //sync memory and route storage of network\n  useEffect(() => {\n    if (routeSchema !== schema) {\n      if (routeSchema === undefined && schema !== undefined) {\n        //if the route does not have a network selected, use what is in the memory context\n        setSchemaLocal(schema)\n      } else if (routeSchema) {\n        //if the route has a selection and it is different from memory, update memory\n        setSchema?.(routeSchema)\n      }\n    }\n  }, [routeSchema, schema, setSchemaParam, setSchema, setSchemaLocal])\n\n  return <SchemaContext.Provider value={{ provided: true, schema, schemaList, setSchema: setSchemaLocal }}>{children}</SchemaContext.Provider>\n}\n\nexport const SchemaRouteProvider: React.FC<WithChildren<SchemaProviderProps>> = ({ knownSchemaList, defaultSchema, ...props }) => {\n  return (\n    <SchemaMemoryProvider knownSchemaList={knownSchemaList} defaultSchema={defaultSchema}>\n      <SchemaRouteProviderInner {...props} />\n    </SchemaMemoryProvider>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { SchemaContextState } from './State'\n\nexport const SchemaContext = createContextEx<SchemaContextState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { SchemaContext } from './Context'\nimport { SchemaContextState } from './State'\n\nexport const useSchema = (required = false) => {\n  return useContextEx<SchemaContextState>(SchemaContext, 'Schema', required)\n}\n","import { compact } from '@xylabs/lodash'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { useEffect, useState } from 'react'\n\nimport { useSchemaStats } from '../../../hooks'\nimport { SchemaContext } from '../Context'\nimport { SchemaProviderProps } from './Props'\n\nexport const SchemaMemoryProvider: React.FC<WithChildren<SchemaProviderProps>> = ({ defaultSchema, knownSchemaList = [], ...props }) => {\n  const [schema, setSchema] = useState(defaultSchema)\n  const [schemaList, setSchemaList] = useState<string[] | undefined>(knownSchemaList)\n  const [fetchedSchemaStats] = useSchemaStats()\n\n  useEffect(() => {\n    if (fetchedSchemaStats) {\n      const schemaList = compact(fetchedSchemaStats.map(({ name }) => name))\n      setSchemaList(schemaList)\n    }\n  }, [fetchedSchemaStats])\n\n  return <SchemaContext.Provider value={{ provided: true, schema, schemaList: knownSchemaList ?? schemaList, setSchema, setSchemaList }} {...props} />\n}\n","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":";AACA,SAAS,aAAa,aAAAA,kBAAiB;AACvC,SAAS,uBAAuB;;;ACFhC,SAAS,uBAAuB;AAIzB,IAAM,gBAAgB,gBAAoC;;;ACJjE,SAAS,oBAAoB;AAKtB,IAAM,YAAY,CAAC,WAAW,UAAU;AAC7C,SAAO,aAAiC,eAAe,UAAU,QAAQ;AAC3E;;;ACPA,SAAS,eAAe;AAExB,SAAS,WAAW,YAAAC,iBAAgB;;;ACFpC,SAAS,sBAAsB;AAC/B,SAAS,sBAAmE,8BAA8B;AAC1G,SAAS,aAAa;AACtB,SAAS,0BAA0B;AACnC,SAAmC,SAAS,gBAAgB;AAErD,IAAM,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;;;ADhCS;AAZF,IAAM,uBAAoE,CAAC,EAAE,eAAe,kBAAkB,CAAC,GAAG,GAAG,MAAM,MAAM;AACtI,QAAM,CAAC,QAAQ,SAAS,IAAIC,UAAS,aAAa;AAClD,QAAM,CAAC,YAAY,aAAa,IAAIA,UAA+B,eAAe;AAClF,QAAM,CAAC,kBAAkB,IAAI,eAAe;AAE5C,YAAU,MAAM;AACd,QAAI,oBAAoB;AACtB,YAAMC,cAAa,QAAQ,mBAAmB,IAAI,CAAC,EAAE,KAAK,MAAM,IAAI,CAAC;AACrE,oBAAcA,WAAU;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,kBAAkB,CAAC;AAEvB,SAAO,oBAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,UAAU,MAAM,QAAQ,YAAY,mBAAmB,YAAY,WAAW,cAAc,GAAI,GAAG,OAAO;AACpJ;;;AH+BS,gBAAAC,YAAA;AA3CT,IAAM,2BAAmD,CAAC,EAAE,SAAS,MAAM;AACzE,QAAM,EAAE,QAAQ,WAAW,WAAW,IAAI,UAAU;AAEpD,QAAM,CAAC,QAAQ,SAAS,IAAI,gBAAgB;AAE5C,QAAM,cAAc,OAAO,IAAI,QAAQ;AAGvC,QAAM,iBAAiB;AAAA,IACrB,CAACC,YAAoB;AACnB,UAAIA,SAAQ;AACV,eAAO,IAAI,UAAUA,OAAM;AAC3B,kBAAU,QAAQ,EAAE,SAAS,KAAK,CAAC;AACnC,oBAAYA,OAAM;AAAA,MACpB,OAAO;AACL,eAAO,OAAO,SAAS;AAAA,MACzB;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,WAAW,SAAS;AAAA,EAC/B;AAGA,QAAM,iBAAiB;AAAA,IACrB,CAACA,YAAmB;AAClB,qBAAeA,OAAM;AACrB,kBAAYA,OAAM;AAAA,IACpB;AAAA,IACA,CAAC,gBAAgB,SAAS;AAAA,EAC5B;AAGA,EAAAC,WAAU,MAAM;AACd,QAAI,gBAAgB,QAAQ;AAC1B,UAAI,gBAAgB,UAAa,WAAW,QAAW;AAErD,uBAAe,MAAM;AAAA,MACvB,WAAW,aAAa;AAEtB,oBAAY,WAAW;AAAA,MACzB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,QAAQ,gBAAgB,WAAW,cAAc,CAAC;AAEnE,SAAO,gBAAAF,KAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,UAAU,MAAM,QAAQ,YAAY,WAAW,eAAe,GAAI,UAAS;AACrH;AAEO,IAAM,sBAAmE,CAAC,EAAE,iBAAiB,eAAe,GAAG,MAAM,MAAM;AAChI,SACE,gBAAAA,KAAC,wBAAqB,iBAAkC,eACtD,0BAAAA,KAAC,4BAA0B,GAAG,OAAO,GACvC;AAEJ;","names":["useEffect","useState","useState","schemaList","jsx","schema","useEffect"]}