@xyo-network/react-typedoc 2.77.0-rc.1 → 2.77.1

package/dist/browser/index.cjs

@@ -1,617 +1,2 @@
-"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/index.ts
-var src_exports = {};
-__export(src_exports, {
-  CommentViewer: () => CommentViewer,
-  ContainerReflectionViewer: () => ContainerReflectionViewer,
-  DeclarationContainerReflectionViewer: () => DeclarationContainerReflectionViewer,
-  DeclarationReflectionViewer: () => DeclarationReflectionViewer,
-  JsonViewerButton: () => JsonViewerButton,
-  ProjectReflectionViewer: () => ProjectReflectionViewer,
-  ProjectTwoPanelReflectionViewer: () => ProjectTwoPanelReflectionViewer,
-  ReflectionGroupTreeViewer: () => ReflectionGroupTreeViewer,
-  ReflectionGroupViewer: () => ReflectionGroupViewer,
-  ReflectionTreeViewer: () => ReflectionTreeViewer,
-  ReflectionViewer: () => ReflectionViewer,
-  SomeTypeViewer: () => SomeTypeViewer,
-  SourceViewer: () => SourceViewer,
-  TwoPanelReflectionViewer: () => TwoPanelReflectionViewer
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/CommentViewer.tsx
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_jsx_runtime = require("react/jsx-runtime");
-var CommentViewer = ({ comment, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { alignItems: "stretch", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "body2", children: comment.summary[0]?.text }) });
-};
-
-// src/JsonViewerButton.tsx
-var import_material2 = require("@mui/material");
-var import_react_button = require("@xylabs/react-button");
-var import_react_payload_raw_info = require("@xyo-network/react-payload-raw-info");
-var import_react = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var JsonViewerButton = ({ jsonViewProps, src, title, ...props }) => {
-  const [open, setOpen] = (0, import_react.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => setOpen(!open), ...props, children: "JSON" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.Dialog, { open, onClose: () => setOpen(false), children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.DialogTitle, { children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_payload_raw_info.JsonViewerEx, { value: src, ...jsonViewProps }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => setOpen(false), children: "Close" }) })
-    ] })
-  ] });
-};
-
-// src/ProjectTwoPanelReflectionViewer.tsx
-var import_assert = require("@xylabs/assert");
-
-// src/createLookup.ts
-var createLookup = (reflection) => {
-  const lookup = {};
-  if (reflection.children)
-    for (const item of reflection.children)
-      lookup[item.id] = item;
-  return lookup;
-};
-
-// src/ReflectionViewer/ReflectionGroupViewer.tsx
-var import_material5 = require("@mui/material");
-var import_react_flexbox4 = require("@xylabs/react-flexbox");
-var import_react2 = require("react");
-var import_react_router_dom = require("react-router-dom");
-
-// src/resolveChildren.ts
-var resolveChildren = (reflection, lookup = {}) => {
-  return reflection.children?.map((child) => {
-    switch (typeof child) {
-      case "object": {
-        return child;
-      }
-      case "number": {
-        const childObj = lookup[child];
-        if (childObj === void 0) {
-          throw new Error(`Child Reference Not Found [${child}]`);
-        }
-        return childObj;
-      }
-      default: {
-        throw new Error(`Invalid Child Type [${typeof child}, ${child}]`);
-      }
-    }
-  }) ?? [];
-};
-
-// src/ReflectionViewer/ReflectionViewer.tsx
-var import_react_flexbox3 = require("@xylabs/react-flexbox");
-
-// src/ReflectionViewer/NameViewer.tsx
-var import_material4 = require("@mui/material");
-var import_react_flexbox2 = require("@xylabs/react-flexbox");
-
-// src/trimFlagLabel.ts
-var trimFlagLabel = (label) => {
-  if (label.startsWith("is")) {
-    return label.slice(2);
-  }
-  return label;
-};
-
-// src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx
-var import_material3 = require("@mui/material");
-
-// src/ReflectionViewer/SomeTypeViewer/buildArrayString.tsx
-var buildArrayString = (typeObj, reflectionViewer, typeBuilder) => {
-  const parts = [];
-  const typeString = typeBuilder(typeObj.elementType, reflectionViewer);
-  if (typeof typeString === "string") {
-    parts.push(typeString);
-  }
-  parts.push("[]");
-  return parts;
-};
-
-// src/ReflectionViewer/SomeTypeViewer/buildIntersectionString.tsx
-var buildIntersectionString = (typeObj, reflectionViewer, typeBuilder) => {
-  const parts = [];
-  if (typeObj.types) {
-    parts.push(
-      typeObj.types.map((arg) => {
-        return typeBuilder(arg, reflectionViewer);
-      }).join(" & ")
-    );
-  }
-  return parts;
-};
-
-// src/ReflectionViewer/SomeTypeViewer/buildReferenceString.ts
-var buildReferenceString = (typeObj, reflectionViewer, typeBuilder) => {
-  const parts = [];
-  parts.push(typeObj.name);
-  if (typeObj.typeArguments) {
-    parts.push(
-      "<",
-      typeObj.typeArguments.map((arg) => {
-        return typeBuilder(arg, reflectionViewer);
-      }).join(", "),
-      ">"
-    );
-  }
-  return parts;
-};
-
-// src/ReflectionViewer/SomeTypeViewer/buildReflectionString.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var buildRelfectionString = (typeObj, reflectionViewer) => {
-  if (typeObj.declaration) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: reflectionViewer({ reflection: typeObj.declaration }) });
-  }
-};
-
-// src/ReflectionViewer/SomeTypeViewer/buildUnionString.tsx
-var buildUnionString = (typeObj, reflectionViewer, typeBuilder) => {
-  const parts = [];
-  if (typeObj.types) {
-    parts.push(
-      typeObj.types.map((arg) => {
-        return typeBuilder(arg, reflectionViewer);
-      }).join(" | ")
-    );
-  }
-  return parts;
-};
-
-// src/ReflectionViewer/SomeTypeViewer/buildTypeString.tsx
-var buildTypeString = (type, reflectionViewer) => {
-  const someType = type;
-  const parts = [];
-  switch (someType.type) {
-    case "intrinsic": {
-      parts.push(someType.name);
-      break;
-    }
-    case "intersection": {
-      parts.push(...buildIntersectionString(someType, reflectionViewer, buildTypeString));
-      break;
-    }
-    case "literal": {
-      parts.push(JSON.stringify(someType.value));
-      break;
-    }
-    case "array": {
-      parts.push(...buildArrayString(someType, reflectionViewer, buildTypeString));
-      break;
-    }
-    case "reference": {
-      parts.push(...buildReferenceString(someType, reflectionViewer, buildTypeString));
-      break;
-    }
-    case "union": {
-      parts.push(...buildUnionString(someType, reflectionViewer, buildTypeString));
-      break;
-    }
-    case "reflection": {
-      return buildRelfectionString(someType, reflectionViewer);
-    }
-    default: {
-      parts.push("#", someType.type, "#");
-      break;
-    }
-  }
-  return parts.join("");
-};
-
-// src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var SomeTypeViewer = ({ opacity = 0.5, reflection, reflectionViewer, ...props }) => {
-  const typeReactNode = reflection.type ? buildTypeString(reflection.type, reflectionViewer) : "";
-  if (typeof typeReactNode === "string") {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material3.Typography, { title: "SomeTypeViewer", style: { opacity }, ...props, children: typeReactNode });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: typeReactNode });
-};
-
-// src/ReflectionViewer/NameViewer.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var NameViewer = ({ reflectionViewer, variant, reflection, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_flexbox2.FlexRow, { justifyContent: "flex-start", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_flexbox2.FlexRow, { marginRight: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material4.Typography, { variant, noWrap: true, children: [
-        reflection.name,
-        reflection.type ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: ":\xA0" }) : null
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SomeTypeViewer, { reflection, reflectionViewer })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material4.Stack, { direction: "row", spacing: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material4.Chip, { size: "small", label: reflection.kind }),
-      reflection.flags ? Object.entries(reflection.flags).map(([flag, value]) => {
-        return value ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material4.Chip, { size: "small", label: trimFlagLabel(flag), variant: "outlined" }, flag) : null;
-      }) : null
-    ] }),
-    document && document?.location.hostname === "localhost" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JsonViewerButton, { size: "small", variant: "contained", padding: 0, marginX: 1, src: reflection })
-  ] });
-};
-
-// src/ReflectionViewer/ReflectionViewer.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var hide = (flags, hiddenFlags = []) => {
-  let hide3 = false;
-  hiddenFlags.map((hiddenFlag) => {
-    if (flags?.[hiddenFlag]) {
-      hide3 = true;
-    }
-  });
-  return hide3;
-};
-var ReflectionViewer = ({ variant, nameViewer, children, reflection, hiddenFlags, ...props }) => {
-  const someReflection = reflection;
-  return hide(reflection?.flags, hiddenFlags) ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_flexbox3.FlexCol, { title: "ReflectionViewer", alignItems: "stretch", ...props, children: [
-    nameViewer === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NameViewer, { marginY: 0.25, variant, reflection: someReflection, reflectionViewer: ReflectionViewer }) : nameViewer,
-    reflection.comment ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CommentViewer, { comment: reflection.comment }) : null,
-    someReflection.parameters?.map((parameter) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ReflectionViewer, { hiddenFlags, marginY: 0.25, marginX: 1, reflection: parameter }, parameter.id);
-    }) ?? null,
-    children
-  ] });
-};
-
-// src/ReflectionViewer/ReflectionGroupViewer.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var hide2 = (flags, hiddenFlags = []) => {
-  let hide3 = false;
-  hiddenFlags.map((hiddenFlag) => {
-    if (flags?.[hiddenFlag]) {
-      hide3 = true;
-    }
-  });
-  return hide3;
-};
-var ReflectionGroupViewer = ({
-  autoScroll = false,
-  children,
-  hiddenFlags,
-  group,
-  lookup,
-  renderer = ReflectionViewer,
-  variant,
-  ...props
-}) => {
-  const resolvedChildren = resolveChildren(group, lookup) ?? [];
-  const visibleChildren = hiddenFlags ? resolvedChildren.reduce((acc, item) => {
-    return acc + (hide2(item.flags, hiddenFlags) ? 0 : 1);
-  }, 0) : 1;
-  const { hash } = (0, import_react_router_dom.useLocation)();
-  (0, import_react2.useEffect)(() => {
-    if (hash && autoScroll) {
-      document.querySelector(hash)?.scrollIntoView({ behavior: "smooth" });
-    }
-  }, [hash, autoScroll]);
-  return visibleChildren > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_flexbox4.FlexCol, { title: "ReflectionGroupViewer", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_flexbox4.FlexRow, { marginY: 1, justifyContent: "flex-start", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Typography, { variant, children: group.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(JsonViewerButton, { size: "small", variant: "contained", padding: 0, marginX: 1, src: resolveChildren(group, lookup) })
-    ] }),
-    resolveChildren(group, lookup).map((reflection) => {
-      return reflection ? (
-        // I wrap this in a div since React does not understand that they have keys using the Renderer
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { id: reflection.name, children: renderer({ hiddenFlags, lookup, margin: 1, padding: 1, reflection }) }, reflection.id)
-      ) : null;
-    }),
-    children
-  ] }) : null;
-};
-
-// src/ReflectionViewer/Container.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var ContainerReflectionViewer = ({
-  children,
-  reflection,
-  hiddenFlags,
-  itemRenderer = ReflectionViewer,
-  ...props
-}) => {
-  const lookup = createLookup(reflection);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(ReflectionViewer, { title: "ContainerReflectionViewer", sources: true, reflection, lookup, ...props, children: [
-    reflection.groups?.map((group) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        ReflectionGroupViewer,
-        {
-          margin: 1,
-          lookup,
-          renderer: itemRenderer,
-          group,
-          reflection,
-          hiddenFlags,
-          alignItems: "stretch"
-        },
-        group.title
-      );
-    }),
-    children
-  ] });
-};
-
-// src/ReflectionViewer/Declaration.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var DeclarationReflectionViewer = ({ reflection, hiddenFlags, ...props }) => {
-  const safeSignatures = (signatures) => {
-    return Array.isArray(signatures) ? signatures : signatures ? [signatures] : void 0;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    ReflectionViewer,
-    {
-      nameViewer: reflection.signatures || reflection.getSignature || reflection.setSignature ? null : void 0,
-      title: "DeclarationReflectionViewer",
-      hiddenFlags,
-      reflection,
-      ...props,
-      children: [
-        reflection.signatures?.map((signature) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ReflectionViewer, { hiddenFlags, reflection: signature }, signature.id);
-        }),
-        safeSignatures(reflection.getSignature)?.map((signature) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ReflectionViewer, { marginX: 1, hiddenFlags, reflection: signature }, signature.id);
-        }),
-        safeSignatures(reflection.setSignature)?.map((signature) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ReflectionViewer, { marginX: 1, hiddenFlags, reflection: signature }, signature.id);
-        })
-      ]
-    }
-  );
-};
-
-// src/ReflectionViewer/DeclarationContainer.tsx
-var import_material6 = require("@mui/material");
-var import_react_router_dom2 = require("react-router-dom");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var DeclarationContainerReflectionViewer = ({
-  reflection,
-  lookup,
-  itemRenderer = DeclarationReflectionViewer,
-  ...props
-}) => {
-  const { hash } = (0, import_react_router_dom2.useLocation)();
-  const theme = (0, import_material6.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    ContainerReflectionViewer,
-    {
-      title: "DeclarationContainerReflectionViewer",
-      paper: hash.slice(1) === reflection.name,
-      bgcolor: hash.slice(1) === reflection.name ? theme.palette.background.default : void 0,
-      lookup,
-      itemRenderer,
-      reflection,
-      ...props
-    }
-  );
-};
-
-// src/ReflectionViewer/Project.tsx
-var import_react3 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var ProjectReflectionViewer = ({
-  reflection,
-  hiddenFlags,
-  itemRenderer = ReflectionViewer,
-  ...props
-}) => {
-  const lookup = (0, import_react3.useMemo)(() => createLookup(reflection), [reflection]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ReflectionViewer, { title: "ProjectReflectionViewer", hiddenFlags, reflection, ...props, children: (0, import_react3.useMemo)(() => {
-    return reflection.groups?.map((group) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        ReflectionGroupViewer,
-        {
-          autoScroll: true,
-          variant: "h6",
-          lookup,
-          renderer: itemRenderer,
-          group,
-          reflection,
-          alignItems: "stretch",
-          hiddenFlags
-        },
-        group.title
-      );
-    });
-  }, [lookup, reflection, hiddenFlags, itemRenderer]) });
-};
-
-// src/TwoPanelReflectionViewer.tsx
-var import_icons_material2 = require("@mui/icons-material");
-var import_material9 = require("@mui/material");
-var import_react_flexbox7 = require("@xylabs/react-flexbox");
-var import_react4 = require("react");
-
-// src/TreeViewer/Reflection.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_material7 = require("@mui/material");
-var import_x_tree_view = require("@mui/x-tree-view");
-var import_react_flexbox5 = require("@xylabs/react-flexbox");
-var import_react_router_dom3 = require("react-router-dom");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var ReflectionTreeViewer = ({ lookup, reflection, searchTerm, ...props }) => {
-  const navigate = (0, import_react_router_dom3.useNavigate)();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_flexbox5.FlexCol, { alignItems: "stretch", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_x_tree_view.TreeView,
-    {
-      "aria-label": "XYO SDK Documentation",
-      defaultExpandIcon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material.Add, {}),
-      defaultCollapseIcon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material.Remove, {}),
-      defaultExpanded: reflection.groups ? [reflection.groups[0].title] : [],
-      children: reflection.groups?.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_x_tree_view.TreeItem, { nodeId: group.title, label: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material7.Typography, { variant: "h6", children: group.title }), children: group.children.map((child, jndex) => {
-        const searchTermTrimmed = searchTerm?.trim().toLowerCase();
-        const childReflection = typeof child === "number" ? lookup?.[child] : child;
-        return childReflection && (!searchTermTrimmed || childReflection.name.toLowerCase().includes(searchTermTrimmed)) ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          import_x_tree_view.TreeItem,
-          {
-            nodeId: `declaration-${childReflection?.id}`,
-            label: childReflection.name,
-            onClick: () => {
-              const hash = `#${childReflection.name}`;
-              navigate({ hash });
-              document.querySelector(hash)?.scrollIntoView({ behavior: "smooth" });
-            }
-          },
-          `secondary-${index}- ${jndex}`
-        ) : null;
-      }) }, `primary-${index}`))
-    }
-  ) });
-};
-
-// src/TreeViewer/ReflectionGroup.tsx
-var import_material8 = require("@mui/material");
-var import_react_flexbox6 = require("@xylabs/react-flexbox");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var ReflectionGroupTreeViewer = ({
-  variant,
-  group,
-  children,
-  lookup,
-  renderer = ReflectionViewer,
-  ...props
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_flexbox6.FlexCol, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_flexbox6.FlexRow, { marginY: 1, justifyContent: "flex-start", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material8.Typography, { variant, children: group.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(JsonViewerButton, { size: "small", variant: "contained", padding: 0, marginX: 1, src: resolveChildren(group, lookup) })
-    ] }),
-    resolveChildren(group, lookup).map((reflection) => {
-      return reflection ? (
-        // I wrap this in a div since React does not understand that they have keys using the Renderer
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: renderer({ lookup, margin: 1, reflection }) }, reflection.id)
-      ) : null;
-    }),
-    children
-  ] });
-};
-
-// src/TwoPanelReflectionViewer.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var TwoPanelReflectionViewer = ({
-  reflection,
-  itemRenderer = ReflectionViewer,
-  hiddenFlags,
-  ...props
-}) => {
-  const lookup = (0, import_react4.useMemo)(() => createLookup(reflection), [reflection]);
-  const theme = (0, import_material9.useTheme)();
-  const [searchTerm, setSearchTerm] = (0, import_react4.useState)();
-  const onSearchTermChange = (e) => {
-    setSearchTerm(e.target.value);
-  };
-  const reflectionGroups = (0, import_react4.useMemo)(() => {
-    return reflection.groups?.map((group) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        ReflectionGroupViewer,
-        {
-          autoScroll: true,
-          variant: "h6",
-          lookup,
-          renderer: itemRenderer,
-          group,
-          reflection,
-          alignItems: "stretch",
-          hiddenFlags
-        },
-        group.title
-      );
-    });
-  }, [itemRenderer, lookup, reflection, hiddenFlags]);
-  const NavigationCol = (props2) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_flexbox7.FlexCol, { ...props2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        import_material9.TextField,
-        {
-          fullWidth: true,
-          InputProps: {
-            startAdornment: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons_material2.Search, {})
-          },
-          onChange: onSearchTermChange
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_flexbox7.FlexGrowCol, { marginTop: 1, alignItems: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        ReflectionTreeViewer,
-        {
-          justifyContent: "flex-start",
-          position: "absolute",
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-          overflow: "scroll",
-          searchTerm,
-          hiddenFlags,
-          reflection,
-          lookup,
-          border: `1px solid ${theme.palette.grey["300"]}`,
-          borderRadius: 1,
-          paddingY: 1
-        }
-      ) })
-    ] });
-  };
-  const DetailsCol = (props2) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_flexbox7.FlexGrowCol, { ...props2, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_flexbox7.FlexGrowCol, { alignItems: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      import_react_flexbox7.FlexCol,
-      {
-        alignItems: "stretch",
-        justifyContent: "flex-start",
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        overflow: "scroll",
-        borderRadius: 1,
-        padding: 1,
-        border: `1px solid ${theme.palette.grey["300"]}`,
-        children: reflectionGroups
-      }
-    ) }) });
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_flexbox7.FlexRow, { alignItems: "stretch", justifyContent: "start", sx: { overflowY: "scroll" }, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(NavigationCol, { minWidth: 320, alignItems: "stretch", justifyContent: "flex-start", overflow: "hidden" }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DetailsCol, { marginLeft: 1, alignItems: "stretch", justifyContent: "flex-start", overflow: "hidden" })
-  ] });
-};
-
-// src/ProjectTwoPanelReflectionViewer.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var ProjectTwoPanelReflectionViewer = ({
-  reflection,
-  itemRenderer = DeclarationContainerReflectionViewer,
-  ...props
-}) => {
-  (0, import_assert.assertEx)(reflection.isProject, () => "Project expected to be Project");
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TwoPanelReflectionViewer, { itemRenderer, reflection, ...props });
-};
-
-// src/SourceViewer.tsx
-var import_material10 = require("@mui/material");
-var import_react_flexbox8 = require("@xylabs/react-flexbox");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var SourceViewer = ({ source, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_flexbox8.FlexCol, { alignItems: "stretch", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material10.Typography, { style: { opacity: 0.5 }, variant: "body2", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", { children: source.fileName }) }) });
-};
+"use strict";var X=Object.defineProperty;var be=Object.getOwnPropertyDescriptor;var ke=Object.getOwnPropertyNames;var ve=Object.prototype.hasOwnProperty;var Be=(e,o)=>{for(var r in o)X(e,r,{get:o[r],enumerable:!0})},Ie=(e,o,r,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of ke(o))!ve.call(e,i)&&i!==r&&X(e,i,{get:()=>o[i],enumerable:!(t=be(o,i))||t.enumerable});return e};var De=e=>Ie(X({},"__esModule",{value:!0}),e);var $e={};Be($e,{CommentViewer:()=>j,ContainerReflectionViewer:()=>M,DeclarationContainerReflectionViewer:()=>H,DeclarationReflectionViewer:()=>q,JsonViewerButton:()=>g,ProjectReflectionViewer:()=>Le,ProjectTwoPanelReflectionViewer:()=>Ae,ReflectionGroupTreeViewer:()=>Ne,ReflectionGroupViewer:()=>h,ReflectionTreeViewer:()=>Q,ReflectionViewer:()=>p,SomeTypeViewer:()=>z,SourceViewer:()=>Je,TwoPanelReflectionViewer:()=>Z});module.exports=De($e);var _=require("@mui/material"),ee=require("@xylabs/react-flexbox"),Y=require("react/jsx-runtime"),j=({comment:e,...o})=>(0,Y.jsx)(ee.FlexCol,{alignItems:"stretch",...o,children:(0,Y.jsx)(_.Typography,{variant:"body2",children:e.summary[0]?.text})});var y=require("@mui/material"),W=require("@xylabs/react-button"),oe=require("@xyo-network/react-payload-raw-info"),re=require("react"),m=require("react/jsx-runtime"),g=({jsonViewProps:e,src:o,title:r,...t})=>{let[i,n]=(0,re.useState)(!1);return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(W.ButtonEx,{onClick:()=>n(!i),...t,children:"JSON"}),(0,m.jsxs)(y.Dialog,{open:i,onClose:()=>n(!1),children:[r?(0,m.jsx)(y.DialogTitle,{children:r}):null,(0,m.jsx)(y.DialogContent,{children:(0,m.jsx)(oe.JsonViewerEx,{value:o,...e})}),(0,m.jsx)(y.DialogActions,{children:(0,m.jsx)(W.ButtonEx,{onClick:()=>n(!1),children:"Close"})})]})]})};var Te=require("@xylabs/assert");var P=e=>{let o={};if(e.children)for(let r of e.children)o[r.id]=r;return o};var fe=require("@mui/material"),E=require("@xylabs/react-flexbox"),ue=require("react"),Re=require("react-router-dom");var C=(e,o={})=>e.children?.map(r=>{switch(typeof r){case"object":return r;case"number":{let t=o[r];if(t===void 0)throw new Error(`Child Reference Not Found [${r}]`);return t}default:throw new Error(`Invalid Child Type [${typeof r}, ${r}]`)}})??[];var se=require("@xylabs/react-flexbox");var x=require("@mui/material"),U=require("@xylabs/react-flexbox");var te=e=>e.startsWith("is")?e.slice(2):e;var ce=require("@mui/material");var ie=(e,o,r)=>{let t=[],i=r(e.elementType,o);return typeof i=="string"&&t.push(i),t.push("[]"),t};var ne=(e,o,r)=>{let t=[];return e.types&&t.push(e.types.map(i=>r(i,o)).join(" & ")),t};var pe=(e,o,r)=>{let t=[];return t.push(e.name),e.typeArguments&&t.push("<",e.typeArguments.map(i=>r(i,o)).join(", "),">"),t};var G=require("react/jsx-runtime"),le=(e,o)=>{if(e.declaration)return(0,G.jsx)(G.Fragment,{children:o({reflection:e.declaration})})};var ae=(e,o,r)=>{let t=[];return e.types&&t.push(e.types.map(i=>r(i,o)).join(" | ")),t};var S=(e,o)=>{let r=e,t=[];switch(r.type){case"intrinsic":{t.push(r.name);break}case"intersection":{t.push(...ne(r,o,S));break}case"literal":{t.push(JSON.stringify(r.value));break}case"array":{t.push(...ie(r,o,S));break}case"reference":{t.push(...pe(r,o,S));break}case"union":{t.push(...ae(r,o,S));break}case"reflection":return le(r,o);default:{t.push("#",r.type,"#");break}}return t.join("")};var B=require("react/jsx-runtime"),z=({opacity:e=.5,reflection:o,reflectionViewer:r,...t})=>{let i=o.type?S(o.type,r):"";return typeof i=="string"?(0,B.jsx)(ce.Typography,{title:"SomeTypeViewer",style:{opacity:e},...t,children:i}):(0,B.jsx)(B.Fragment,{children:i})};var c=require("react/jsx-runtime"),me=({reflectionViewer:e,variant:o,reflection:r,...t})=>(0,c.jsxs)(U.FlexRow,{justifyContent:"flex-start",...t,children:[(0,c.jsxs)(U.FlexRow,{marginRight:1,children:[(0,c.jsxs)(x.Typography,{variant:o,noWrap:!0,children:[r.name,r.type?(0,c.jsx)(c.Fragment,{children:":\xA0"}):null]}),(0,c.jsx)(z,{reflection:r,reflectionViewer:e})]}),(0,c.jsxs)(x.Stack,{direction:"row",spacing:1,children:[(0,c.jsx)(x.Chip,{size:"small",label:r.kind}),r.flags?Object.entries(r.flags).map(([i,n])=>n?(0,c.jsx)(x.Chip,{size:"small",label:te(i),variant:"outlined"},i):null):null]}),document&&document?.location.hostname==="localhost"&&(0,c.jsx)(g,{size:"small",variant:"contained",padding:0,marginX:1,src:r})]});var b=require("react/jsx-runtime"),Ge=(e,o=[])=>{let r=!1;return o.map(t=>{e?.[t]&&(r=!0)}),r},p=({variant:e,nameViewer:o,children:r,reflection:t,hiddenFlags:i,...n})=>{let l=t;return Ge(t?.flags,i)?null:(0,b.jsxs)(se.FlexCol,{title:"ReflectionViewer",alignItems:"stretch",...n,children:[o===void 0?(0,b.jsx)(me,{marginY:.25,variant:e,reflection:l,reflectionViewer:p}):o,t.comment?(0,b.jsx)(j,{comment:t.comment}):null,l.parameters?.map(s=>(0,b.jsx)(p,{hiddenFlags:i,marginY:.25,marginX:1,reflection:s},s.id))??null,r]})};var V=require("react/jsx-runtime"),Ee=(e,o=[])=>{let r=!1;return o.map(t=>{e?.[t]&&(r=!0)}),r},h=({autoScroll:e=!1,children:o,hiddenFlags:r,group:t,lookup:i,renderer:n=p,variant:l,...s})=>{let v=C(t,i)??[],F=r?v.reduce((u,R)=>u+(Ee(R.flags,r)?0:1),0):1,{hash:f}=(0,Re.useLocation)();return(0,ue.useEffect)(()=>{f&&e&&document.querySelector(f)?.scrollIntoView({behavior:"smooth"})},[f,e]),F>0?(0,V.jsxs)(E.FlexCol,{title:"ReflectionGroupViewer",...s,children:[(0,V.jsxs)(E.FlexRow,{marginY:1,justifyContent:"flex-start",children:[(0,V.jsx)(fe.Typography,{variant:l,children:t.title}),(0,V.jsx)(g,{size:"small",variant:"contained",padding:0,marginX:1,src:C(t,i)})]}),C(t,i).map(u=>u?(0,V.jsx)("div",{id:u.name,children:n({hiddenFlags:r,lookup:i,margin:1,padding:1,reflection:u})},u.id):null),o]}):null};var L=require("react/jsx-runtime"),M=({children:e,reflection:o,hiddenFlags:r,itemRenderer:t=p,...i})=>{let n=P(o);return(0,L.jsxs)(p,{title:"ContainerReflectionViewer",sources:!0,reflection:o,lookup:n,...i,children:[o.groups?.map(l=>(0,L.jsx)(h,{margin:1,lookup:n,renderer:t,group:l,reflection:o,hiddenFlags:r,alignItems:"stretch"},l.title)),e]})};var k=require("react/jsx-runtime"),q=({reflection:e,hiddenFlags:o,...r})=>{let t=i=>Array.isArray(i)?i:i?[i]:void 0;return(0,k.jsxs)(p,{nameViewer:e.signatures||e.getSignature||e.setSignature?null:void 0,title:"DeclarationReflectionViewer",hiddenFlags:o,reflection:e,...r,children:[e.signatures?.map(i=>(0,k.jsx)(p,{hiddenFlags:o,reflection:i},i.id)),t(e.getSignature)?.map(i=>(0,k.jsx)(p,{marginX:1,hiddenFlags:o,reflection:i},i.id)),t(e.setSignature)?.map(i=>(0,k.jsx)(p,{marginX:1,hiddenFlags:o,reflection:i},i.id))]})};var de=require("@mui/material"),ye=require("react-router-dom");var we=require("react/jsx-runtime"),H=({reflection:e,lookup:o,itemRenderer:r=q,...t})=>{let{hash:i}=(0,ye.useLocation)(),n=(0,de.useTheme)();return(0,we.jsx)(M,{title:"DeclarationContainerReflectionViewer",paper:i.slice(1)===e.name,bgcolor:i.slice(1)===e.name?n.palette.background.default:void 0,lookup:o,itemRenderer:r,reflection:e,...t})};var K=require("react");var O=require("react/jsx-runtime"),Le=({reflection:e,hiddenFlags:o,itemRenderer:r=p,...t})=>{let i=(0,K.useMemo)(()=>P(e),[e]);return(0,O.jsx)(p,{title:"ProjectReflectionViewer",hiddenFlags:o,reflection:e,...t,children:(0,K.useMemo)(()=>e.groups?.map(n=>(0,O.jsx)(h,{autoScroll:!0,variant:"h6",lookup:i,renderer:r,group:n,reflection:e,alignItems:"stretch",hiddenFlags:o},n.title)),[i,e,o,r])})};var he=require("@mui/icons-material"),J=require("@mui/material"),d=require("@xylabs/react-flexbox"),D=require("react");var N=require("@mui/icons-material"),ge=require("@mui/material"),I=require("@mui/x-tree-view"),Ce=require("@xylabs/react-flexbox"),xe=require("react-router-dom"),w=require("react/jsx-runtime"),Q=({lookup:e,reflection:o,searchTerm:r,...t})=>{let i=(0,xe.useNavigate)();return(0,w.jsx)(Ce.FlexCol,{alignItems:"stretch",...t,children:(0,w.jsx)(I.TreeView,{"aria-label":"XYO SDK Documentation",defaultExpandIcon:(0,w.jsx)(N.Add,{}),defaultCollapseIcon:(0,w.jsx)(N.Remove,{}),defaultExpanded:o.groups?[o.groups[0].title]:[],children:o.groups?.map((n,l)=>(0,w.jsx)(I.TreeItem,{nodeId:n.title,label:(0,w.jsx)(ge.Typography,{variant:"h6",children:n.title}),children:n.children.map((s,v)=>{let F=r?.trim().toLowerCase(),f=typeof s=="number"?e?.[s]:s;return f&&(!F||f.name.toLowerCase().includes(F))?(0,w.jsx)(I.TreeItem,{nodeId:`declaration-${f?.id}`,label:f.name,onClick:()=>{let u=`#${f.name}`;i({hash:u}),document.querySelector(u)?.scrollIntoView({behavior:"smooth"})}},`secondary-${l}- ${v}`):null})},`primary-${l}`))})})};var Ve=require("@mui/material"),A=require("@xylabs/react-flexbox");var T=require("react/jsx-runtime"),Ne=({variant:e,group:o,children:r,lookup:t,renderer:i=p,...n})=>(0,T.jsxs)(A.FlexCol,{...n,children:[(0,T.jsxs)(A.FlexRow,{marginY:1,justifyContent:"flex-start",children:[(0,T.jsx)(Ve.Typography,{variant:e,children:o.title}),(0,T.jsx)(g,{size:"small",variant:"contained",padding:0,marginX:1,src:C(o,t)})]}),C(o,t).map(l=>l?(0,T.jsx)("div",{children:i({lookup:t,margin:1,reflection:l})},l.id):null),r]});var a=require("react/jsx-runtime"),Z=({reflection:e,itemRenderer:o=p,hiddenFlags:r,...t})=>{let i=(0,D.useMemo)(()=>P(e),[e]),n=(0,J.useTheme)(),[l,s]=(0,D.useState)(),v=R=>{s(R.target.value)},F=(0,D.useMemo)(()=>e.groups?.map(R=>(0,a.jsx)(h,{autoScroll:!0,variant:"h6",lookup:i,renderer:o,group:R,reflection:e,alignItems:"stretch",hiddenFlags:r},R.title)),[o,i,e,r]);return(0,a.jsxs)(d.FlexRow,{alignItems:"stretch",justifyContent:"start",sx:{overflowY:"scroll"},...t,children:[(0,a.jsx)(R=>(0,a.jsxs)(d.FlexCol,{...R,children:[(0,a.jsx)(J.TextField,{fullWidth:!0,InputProps:{startAdornment:(0,a.jsx)(he.Search,{})},onChange:v}),(0,a.jsx)(d.FlexGrowCol,{marginTop:1,alignItems:"stretch",children:(0,a.jsx)(Q,{justifyContent:"flex-start",position:"absolute",top:0,left:0,right:0,bottom:0,overflow:"scroll",searchTerm:l,hiddenFlags:r,reflection:e,lookup:i,border:`1px solid ${n.palette.grey[300]}`,borderRadius:1,paddingY:1})})]}),{minWidth:320,alignItems:"stretch",justifyContent:"flex-start",overflow:"hidden"}),(0,a.jsx)(R=>(0,a.jsx)(d.FlexGrowCol,{...R,children:(0,a.jsx)(d.FlexGrowCol,{alignItems:"stretch",children:(0,a.jsx)(d.FlexCol,{alignItems:"stretch",justifyContent:"flex-start",position:"absolute",top:0,left:0,right:0,bottom:0,overflow:"scroll",borderRadius:1,padding:1,border:`1px solid ${n.palette.grey[300]}`,children:F})})}),{marginLeft:1,alignItems:"stretch",justifyContent:"flex-start",overflow:"hidden"})]})};var Fe=require("react/jsx-runtime"),Ae=({reflection:e,itemRenderer:o=H,...r})=>((0,Te.assertEx)(e.isProject,()=>"Project expected to be Project"),(0,Fe.jsx)(Z,{itemRenderer:o,reflection:e,...r}));var Pe=require("@mui/material"),Se=require("@xylabs/react-flexbox"),$=require("react/jsx-runtime"),Je=({source:e,...o})=>(0,$.jsx)(Se.FlexCol,{alignItems:"stretch",...o,children:(0,$.jsx)(Pe.Typography,{style:{opacity:.5},variant:"body2",children:(0,$.jsx)("i",{children:e.fileName})})});
 //# sourceMappingURL=index.cjs.map