@xyo-network/react-schema 2.64.0-rc.7 → 2.64.1

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

@@ -0,0 +1,76 @@
+"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);
+
+// src/components/Property/SchemaProperty.tsx
+var SchemaProperty_exports = {};
+__export(SchemaProperty_exports, {
+  SchemaProperty: () => SchemaProperty
+});
+module.exports = __toCommonJS(SchemaProperty_exports);
+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");
+var import_jsx_runtime = require("react/jsx-runtime");
+var 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;
+};
+var 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";
+//# sourceMappingURL=SchemaProperty.cjs.map

package/dist/{node/components/Property/SchemaProperty.mjs.map → browser/components/Property/SchemaProperty.cjs.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;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAqG;AACrG,sBAA2B;AAC3B,gCAA+B;AAC/B,wBAAuB;AACvB,yBAAmD;AACnD,4BAAuD;AACvD,0BAA8C;AAC9C,mBAAqC;AAgDvB;AAvCd,IAAM,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,IAAM,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/browser/components/Property/SchemaProperty.d.cts

@@ -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/browser/components/Property/SchemaProperty.d.cts.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/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.cjs

@@ -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);
+
+// src/components/Property/index.ts
+var Property_exports = {};
+__export(Property_exports, {
+  SchemaProperty: () => SchemaProperty
+});
+module.exports = __toCommonJS(Property_exports);
+
+// src/components/Property/SchemaProperty.tsx
+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");
+var import_jsx_runtime = require("react/jsx-runtime");
+var 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;
+};
+var 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";
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Property/index.ts","../../../../src/components/Property/SchemaProperty.tsx"],"sourcesContent":["export * from './SchemaProperty'\n","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;;;ACAA,4BAAqG;AACrG,sBAA2B;AAC3B,gCAA+B;AAC/B,wBAAuB;AACvB,yBAAmD;AACnD,4BAAuD;AACvD,0BAA8C;AAC9C,mBAAqC;AAgDvB;AAvCd,IAAM,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,IAAM,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/browser/components/Property/index.d.cts

@@ -0,0 +1,2 @@
+export * from './SchemaProperty';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/Property/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Property/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

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.cjs

@@ -0,0 +1,68 @@
+"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);
+
+// src/components/SelectEx/SchemaSelectEx.tsx
+var SchemaSelectEx_exports = {};
+__export(SchemaSelectEx_exports, {
+  SchemaSelectEx: () => SchemaSelectEx
+});
+module.exports = __toCommonJS(SchemaSelectEx_exports);
+var import_material = require("@mui/material");
+var import_react_select = require("@xylabs/react-select");
+
+// src/contexts/Schema/Context.ts
+var import_react_shared = require("@xyo-network/react-shared");
+var SchemaContext = (0, import_react_shared.createContextEx)();
+
+// src/contexts/Schema/use.ts
+var import_react_shared2 = require("@xyo-network/react-shared");
+var useSchema = (required = false) => {
+  return (0, import_react_shared2.useContextEx)(SchemaContext, "Schema", required);
+};
+
+// src/components/SelectEx/SchemaSelectEx.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var SchemaSelectEx = ({ onChange, ...props }) => {
+  const { schema, setSchema, schemaList } = useSchema(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_react_select.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__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { children: value === "none" ? "- None -" : value });
+      },
+      ...props,
+      children: [
+        schemaList?.map((schema2, index) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.MenuItem, { value: schema2, children: schema2 }, index);
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.MenuItem, { value: "none", children: "- None -" }, "none")
+      ]
+    }
+  );
+};
+//# sourceMappingURL=SchemaSelectEx.cjs.map

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

@@ -0,0 +1 @@
+{"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;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqC;AACrC,0BAAwC;;;ACDxC,0BAAgC;AAIzB,IAAM,oBAAgB,qCAAoC;;;ACJjE,IAAAA,uBAA6B;AAKtB,IAAM,YAAY,CAAC,WAAW,UAAU;AAC7C,aAAO,mCAAiC,eAAe,UAAU,QAAQ;AAC3E;;;AFII;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,4CAAC,8BAAY,oBAAU,SAAS,aAAa,OAAM;AAAA,MAC5D;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,oBAAY,IAAI,CAACC,SAAQ,UAAU;AAClC,iBACE,4CAAC,4BAAqB,OAAOA,SAC1B,UAAAA,WADY,KAEf;AAAA,QAEJ,CAAC;AAAA,QACD,4CAAC,4BAAoB,OAAM,QAAO,wBAApB,MAEd;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["import_react_shared","schema"]}

package/dist/browser/components/SelectEx/SchemaSelectEx.d.cts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SelectExProps } from '@xylabs/react-select';
+export type SchemaSelectExProps = SelectExProps<string>;
+export declare const SchemaSelectEx: React.FC<SchemaSelectExProps>;
+//# sourceMappingURL=SchemaSelectEx.d.ts.map

package/dist/browser/components/SelectEx/SchemaSelectEx.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaSelectEx.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectEx/SchemaSelectEx.tsx"],"names":[],"mappings":";AACA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAI9D,MAAM,MAAM,mBAAmB,GAAG,aAAa,CAAC,MAAM,CAAC,CAAA;AAEvD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+BxD,CAAA"}

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.cjs

@@ -0,0 +1,70 @@
+"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);
+
+// src/components/SelectEx/index.ts
+var SelectEx_exports = {};
+__export(SelectEx_exports, {
+  SchemaSelectEx: () => SchemaSelectEx
+});
+module.exports = __toCommonJS(SelectEx_exports);
+
+// src/components/SelectEx/SchemaSelectEx.tsx
+var import_material = require("@mui/material");
+var import_react_select = require("@xylabs/react-select");
+
+// src/contexts/Schema/Context.ts
+var import_react_shared = require("@xyo-network/react-shared");
+var SchemaContext = (0, import_react_shared.createContextEx)();
+
+// src/contexts/Schema/use.ts
+var import_react_shared2 = require("@xyo-network/react-shared");
+var useSchema = (required = false) => {
+  return (0, import_react_shared2.useContextEx)(SchemaContext, "Schema", required);
+};
+
+// src/components/SelectEx/SchemaSelectEx.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var SchemaSelectEx = ({ onChange, ...props }) => {
+  const { schema, setSchema, schemaList } = useSchema(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_react_select.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__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { children: value === "none" ? "- None -" : value });
+      },
+      ...props,
+      children: [
+        schemaList?.map((schema2, index) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.MenuItem, { value: schema2, children: schema2 }, index);
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.MenuItem, { value: "none", children: "- None -" }, "none")
+      ]
+    }
+  );
+};
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SelectEx/index.ts","../../../../src/components/SelectEx/SchemaSelectEx.tsx","../../../../src/contexts/Schema/Context.ts","../../../../src/contexts/Schema/use.ts"],"sourcesContent":["export * from './SchemaSelectEx'\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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAqC;AACrC,0BAAwC;;;ACDxC,0BAAgC;AAIzB,IAAM,oBAAgB,qCAAoC;;;ACJjE,IAAAA,uBAA6B;AAKtB,IAAM,YAAY,CAAC,WAAW,UAAU;AAC7C,aAAO,mCAAiC,eAAe,UAAU,QAAQ;AAC3E;;;AFII;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,4CAAC,8BAAY,oBAAU,SAAS,aAAa,OAAM;AAAA,MAC5D;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,oBAAY,IAAI,CAACC,SAAQ,UAAU;AAClC,iBACE,4CAAC,4BAAqB,OAAOA,SAC1B,UAAAA,WADY,KAEf;AAAA,QAEJ,CAAC;AAAA,QACD,4CAAC,4BAAoB,OAAM,QAAO,wBAApB,MAEd;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["import_react_shared","schema"]}

package/dist/browser/components/SelectEx/index.d.cts

@@ -0,0 +1,2 @@
+export * from './SchemaSelectEx';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/SelectEx/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectEx/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}