@xyo-network/react-typedoc 2.77.2 → 2.78.1

package/dist/browser/index.js

@@ -1,2 +1,592 @@
-import{Typography as ie}from"@mui/material";import{FlexCol as ne}from"@xylabs/react-flexbox";import{jsx as B}from"react/jsx-runtime";var I=({comment:e,...r})=>B(ne,{alignItems:"stretch",...r,children:B(ie,{variant:"body2",children:e.summary[0]?.text})});import{Dialog as pe,DialogActions as le,DialogContent as ae,DialogTitle as ce}from"@mui/material";import{ButtonEx as D}from"@xylabs/react-button";import{JsonViewerEx as me}from"@xyo-network/react-payload-raw-info";import{useState as se}from"react";import{Fragment as fe,jsx as y,jsxs as G}from"react/jsx-runtime";var w=({jsonViewProps:e,src:r,title:o,...t})=>{let[i,n]=se(!1);return G(fe,{children:[y(D,{onClick:()=>n(!i),...t,children:"JSON"}),G(pe,{open:i,onClose:()=>n(!1),children:[o?y(ce,{children:o}):null,y(ae,{children:y(me,{value:r,...e})}),y(le,{children:y(D,{onClick:()=>n(!1),children:"Close"})})]})]})};import{assertEx as Ke}from"@xylabs/assert";var g=e=>{let r={};if(e.children)for(let o of e.children)r[o.id]=o;return r};import{Typography as Te}from"@mui/material";import{FlexCol as Fe,FlexRow as Pe}from"@xylabs/react-flexbox";import{useEffect as Se}from"react";import{useLocation as be}from"react-router-dom";var u=(e,r={})=>e.children?.map(o=>{switch(typeof o){case"object":return o;case"number":{let t=r[o];if(t===void 0)throw new Error(`Child Reference Not Found [${o}]`);return t}default:throw new Error(`Invalid Child Type [${typeof o}, ${o}]`)}})??[];import{FlexCol as xe}from"@xylabs/react-flexbox";import{Chip as j,Stack as we,Typography as ge}from"@mui/material";import{FlexRow as W}from"@xylabs/react-flexbox";var E=e=>e.startsWith("is")?e.slice(2):e;import{Typography as de}from"@mui/material";var L=(e,r,o)=>{let t=[],i=o(e.elementType,r);return typeof i=="string"&&t.push(i),t.push("[]"),t};var N=(e,r,o)=>{let t=[];return e.types&&t.push(e.types.map(i=>o(i,r)).join(" & ")),t};var A=(e,r,o)=>{let t=[];return t.push(e.name),e.typeArguments&&t.push("<",e.typeArguments.map(i=>o(i,r)).join(", "),">"),t};import{Fragment as ue,jsx as Re}from"react/jsx-runtime";var J=(e,r)=>{if(e.declaration)return Re(ue,{children:r({reflection:e.declaration})})};var $=(e,r,o)=>{let t=[];return e.types&&t.push(e.types.map(i=>o(i,r)).join(" | ")),t};var C=(e,r)=>{let o=e,t=[];switch(o.type){case"intrinsic":{t.push(o.name);break}case"intersection":{t.push(...N(o,r,C));break}case"literal":{t.push(JSON.stringify(o.value));break}case"array":{t.push(...L(o,r,C));break}case"reference":{t.push(...A(o,r,C));break}case"union":{t.push(...$(o,r,C));break}case"reflection":return J(o,r);default:{t.push("#",o.type,"#");break}}return t.join("")};import{Fragment as ye,jsx as X}from"react/jsx-runtime";var Y=({opacity:e=.5,reflection:r,reflectionViewer:o,...t})=>{let i=r.type?C(r.type,o):"";return typeof i=="string"?X(de,{title:"SomeTypeViewer",style:{opacity:e},...t,children:i}):X(ye,{children:i})};import{Fragment as Ce,jsx as h,jsxs as T}from"react/jsx-runtime";var z=({reflectionViewer:e,variant:r,reflection:o,...t})=>T(W,{justifyContent:"flex-start",...t,children:[T(W,{marginRight:1,children:[T(ge,{variant:r,noWrap:!0,children:[o.name,o.type?h(Ce,{children:":\xA0"}):null]}),h(Y,{reflection:o,reflectionViewer:e})]}),T(we,{direction:"row",spacing:1,children:[h(j,{size:"small",label:o.kind}),o.flags?Object.entries(o.flags).map(([i,n])=>n?h(j,{size:"small",label:E(i),variant:"outlined"},i):null):null]}),document&&document?.location.hostname==="localhost"&&h(w,{size:"small",variant:"contained",padding:0,marginX:1,src:o})]});import{jsx as F,jsxs as he}from"react/jsx-runtime";var Ve=(e,r=[])=>{let o=!1;return r.map(t=>{e?.[t]&&(o=!0)}),o},p=({variant:e,nameViewer:r,children:o,reflection:t,hiddenFlags:i,...n})=>{let l=t;return Ve(t?.flags,i)?null:he(xe,{title:"ReflectionViewer",alignItems:"stretch",...n,children:[r===void 0?F(z,{marginY:.25,variant:e,reflection:l,reflectionViewer:p}):r,t.comment?F(I,{comment:t.comment}):null,l.parameters?.map(a=>F(p,{hiddenFlags:i,marginY:.25,marginX:1,reflection:a},a.id))??null,o]})};import{jsx as P,jsxs as U}from"react/jsx-runtime";var ke=(e,r=[])=>{let o=!1;return r.map(t=>{e?.[t]&&(o=!0)}),o},x=({autoScroll:e=!1,children:r,hiddenFlags:o,group:t,lookup:i,renderer:n=p,variant:l,...a})=>{let V=u(t,i)??[],d=o?V.reduce((m,s)=>m+(ke(s.flags,o)?0:1),0):1,{hash:c}=be();return Se(()=>{c&&e&&document.querySelector(c)?.scrollIntoView({behavior:"smooth"})},[c,e]),d>0?U(Fe,{title:"ReflectionGroupViewer",...a,children:[U(Pe,{marginY:1,justifyContent:"flex-start",children:[P(Te,{variant:l,children:t.title}),P(w,{size:"small",variant:"contained",padding:0,marginX:1,src:u(t,i)})]}),u(t,i).map(m=>m?P("div",{id:m.name,children:n({hiddenFlags:o,lookup:i,margin:1,padding:1,reflection:m})},m.id):null),r]}):null};import{jsx as ve,jsxs as Be}from"react/jsx-runtime";var M=({children:e,reflection:r,hiddenFlags:o,itemRenderer:t=p,...i})=>{let n=g(r);return Be(p,{title:"ContainerReflectionViewer",sources:!0,reflection:r,lookup:n,...i,children:[r.groups?.map(l=>ve(x,{margin:1,lookup:n,renderer:t,group:l,reflection:r,hiddenFlags:o,alignItems:"stretch"},l.title)),e]})};import{jsx as S,jsxs as Ie}from"react/jsx-runtime";var q=({reflection:e,hiddenFlags:r,...o})=>{let t=i=>Array.isArray(i)?i:i?[i]:void 0;return Ie(p,{nameViewer:e.signatures||e.getSignature||e.setSignature?null:void 0,title:"DeclarationReflectionViewer",hiddenFlags:r,reflection:e,...o,children:[e.signatures?.map(i=>S(p,{hiddenFlags:r,reflection:i},i.id)),t(e.getSignature)?.map(i=>S(p,{marginX:1,hiddenFlags:r,reflection:i},i.id)),t(e.setSignature)?.map(i=>S(p,{marginX:1,hiddenFlags:r,reflection:i},i.id))]})};import{useTheme as De}from"@mui/material";import{useLocation as Ge}from"react-router-dom";import{jsx as Ee}from"react/jsx-runtime";var H=({reflection:e,lookup:r,itemRenderer:o=q,...t})=>{let{hash:i}=Ge(),n=De();return Ee(M,{title:"DeclarationContainerReflectionViewer",paper:i.slice(1)===e.name,bgcolor:i.slice(1)===e.name?n.palette.background.default:void 0,lookup:r,itemRenderer:o,reflection:e,...t})};import{useMemo as K}from"react";import{jsx as O}from"react/jsx-runtime";var Vr=({reflection:e,hiddenFlags:r,itemRenderer:o=p,...t})=>{let i=K(()=>g(e),[e]);return O(p,{title:"ProjectReflectionViewer",hiddenFlags:r,reflection:e,...t,children:K(()=>e.groups?.map(n=>O(x,{autoScroll:!0,variant:"h6",lookup:i,renderer:o,group:n,reflection:e,alignItems:"stretch",hiddenFlags:r},n.title)),[i,e,r,o])})};import{Search as ze}from"@mui/icons-material";import{TextField as Ue,useTheme as Me}from"@mui/material";import{FlexCol as ee,FlexGrowCol as k,FlexRow as qe}from"@xylabs/react-flexbox";import{useMemo as oe,useState as He}from"react";import{Add as Le,Remove as Ne}from"@mui/icons-material";import{Typography as Ae}from"@mui/material";import{TreeItem as Q,TreeView as Je}from"@mui/x-tree-view";import{FlexCol as $e}from"@xylabs/react-flexbox";import{useNavigate as Xe}from"react-router-dom";import{jsx as R}from"react/jsx-runtime";var Z=({lookup:e,reflection:r,searchTerm:o,...t})=>{let i=Xe();return R($e,{alignItems:"stretch",...t,children:R(Je,{"aria-label":"XYO SDK Documentation",defaultExpandIcon:R(Le,{}),defaultCollapseIcon:R(Ne,{}),defaultExpanded:r.groups?[r.groups[0].title]:[],children:r.groups?.map((n,l)=>R(Q,{nodeId:n.title,label:R(Ae,{variant:"h6",children:n.title}),children:n.children.map((a,V)=>{let d=o?.trim().toLowerCase(),c=typeof a=="number"?e?.[a]:a;return c&&(!d||c.name.toLowerCase().includes(d))?R(Q,{nodeId:`declaration-${c?.id}`,label:c.name,onClick:()=>{let m=`#${c.name}`;i({hash:m}),document.querySelector(m)?.scrollIntoView({behavior:"smooth"})}},`secondary-${l}- ${V}`):null})},`primary-${l}`))})})};import{Typography as Ye}from"@mui/material";import{FlexCol as je,FlexRow as We}from"@xylabs/react-flexbox";import{jsx as b,jsxs as _}from"react/jsx-runtime";var Jr=({variant:e,group:r,children:o,lookup:t,renderer:i=p,...n})=>_(je,{...n,children:[_(We,{marginY:1,justifyContent:"flex-start",children:[b(Ye,{variant:e,children:r.title}),b(w,{size:"small",variant:"contained",padding:0,marginX:1,src:u(r,t)})]}),u(r,t).map(l=>l?b("div",{children:i({lookup:t,margin:1,reflection:l})},l.id):null),o]});import{jsx as f,jsxs as re}from"react/jsx-runtime";var te=({reflection:e,itemRenderer:r=p,hiddenFlags:o,...t})=>{let i=oe(()=>g(e),[e]),n=Me(),[l,a]=He(),V=s=>{a(s.target.value)},d=oe(()=>e.groups?.map(s=>f(x,{autoScroll:!0,variant:"h6",lookup:i,renderer:r,group:s,reflection:e,alignItems:"stretch",hiddenFlags:o},s.title)),[r,i,e,o]);return re(qe,{alignItems:"stretch",justifyContent:"start",sx:{overflowY:"scroll"},...t,children:[f(s=>re(ee,{...s,children:[f(Ue,{fullWidth:!0,InputProps:{startAdornment:f(ze,{})},onChange:V}),f(k,{marginTop:1,alignItems:"stretch",children:f(Z,{justifyContent:"flex-start",position:"absolute",top:0,left:0,right:0,bottom:0,overflow:"scroll",searchTerm:l,hiddenFlags:o,reflection:e,lookup:i,border:`1px solid ${n.palette.grey[300]}`,borderRadius:1,paddingY:1})})]}),{minWidth:320,alignItems:"stretch",justifyContent:"flex-start",overflow:"hidden"}),f(s=>f(k,{...s,children:f(k,{alignItems:"stretch",children:f(ee,{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:d})})}),{marginLeft:1,alignItems:"stretch",justifyContent:"flex-start",overflow:"hidden"})]})};import{jsx as Oe}from"react/jsx-runtime";var rt=({reflection:e,itemRenderer:r=H,...o})=>(Ke(e.isProject,()=>"Project expected to be Project"),Oe(te,{itemRenderer:r,reflection:e,...o}));import{Typography as Qe}from"@mui/material";import{FlexCol as Ze}from"@xylabs/react-flexbox";import{jsx as v}from"react/jsx-runtime";var at=({source:e,...r})=>v(Ze,{alignItems:"stretch",...r,children:v(Qe,{style:{opacity:.5},variant:"body2",children:v("i",{children:e.fileName})})});export{I as CommentViewer,M as ContainerReflectionViewer,H as DeclarationContainerReflectionViewer,q as DeclarationReflectionViewer,w as JsonViewerButton,Vr as ProjectReflectionViewer,rt as ProjectTwoPanelReflectionViewer,Jr as ReflectionGroupTreeViewer,x as ReflectionGroupViewer,Z as ReflectionTreeViewer,p as ReflectionViewer,Y as SomeTypeViewer,at as SourceViewer,te as TwoPanelReflectionViewer};
+// src/CommentViewer.tsx
+import { Typography } from "@mui/material";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { jsx } from "react/jsx-runtime";
+var CommentViewer = ({ comment, ...props }) => {
+  return /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: comment.summary[0]?.text }) });
+};
+
+// src/JsonViewerButton.tsx
+import { Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { JsonViewerEx } from "@xyo-network/react-payload-raw-info";
+import { useState } from "react";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var JsonViewerButton = ({ jsonViewProps, src, title, ...props }) => {
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => setOpen(!open), ...props, children: "JSON" }),
+    /* @__PURE__ */ jsxs(Dialog, { open, onClose: () => setOpen(false), children: [
+      title ? /* @__PURE__ */ jsx2(DialogTitle, { children: title }) : null,
+      /* @__PURE__ */ jsx2(DialogContent, { children: /* @__PURE__ */ jsx2(JsonViewerEx, { value: src, ...jsonViewProps }) }),
+      /* @__PURE__ */ jsx2(DialogActions, { children: /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => setOpen(false), children: "Close" }) })
+    ] })
+  ] });
+};
+
+// src/ProjectTwoPanelReflectionViewer.tsx
+import { assertEx } from "@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
+import { Typography as Typography4 } from "@mui/material";
+import { FlexCol as FlexCol3, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
+import { useEffect } from "react";
+import { useLocation } from "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
+import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
+
+// src/ReflectionViewer/NameViewer.tsx
+import { Chip, Stack, Typography as Typography3 } from "@mui/material";
+import { FlexRow } from "@xylabs/react-flexbox";
+
+// src/trimFlagLabel.ts
+var trimFlagLabel = (label) => {
+  if (label.startsWith("is")) {
+    return label.slice(2);
+  }
+  return label;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx
+import { Typography as Typography2 } from "@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
+import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
+var buildRelfectionString = (typeObj, reflectionViewer) => {
+  if (typeObj.declaration) {
+    return /* @__PURE__ */ jsx3(Fragment2, { 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
+import { Fragment as Fragment3, jsx as jsx4 } from "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__ */ jsx4(Typography2, { title: "SomeTypeViewer", style: { opacity }, ...props, children: typeReactNode });
+  }
+  return /* @__PURE__ */ jsx4(Fragment3, { children: typeReactNode });
+};
+
+// src/ReflectionViewer/NameViewer.tsx
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var NameViewer = ({ reflectionViewer, variant, reflection, ...props }) => {
+  return /* @__PURE__ */ jsxs2(FlexRow, { justifyContent: "flex-start", ...props, children: [
+    /* @__PURE__ */ jsxs2(FlexRow, { marginRight: 1, children: [
+      /* @__PURE__ */ jsxs2(Typography3, { variant, noWrap: true, children: [
+        reflection.name,
+        reflection.type ? /* @__PURE__ */ jsx5(Fragment4, { children: ":\xA0" }) : null
+      ] }),
+      /* @__PURE__ */ jsx5(SomeTypeViewer, { reflection, reflectionViewer })
+    ] }),
+    /* @__PURE__ */ jsxs2(Stack, { direction: "row", spacing: 1, children: [
+      /* @__PURE__ */ jsx5(Chip, { size: "small", label: reflection.kind }),
+      reflection.flags ? Object.entries(reflection.flags).map(([flag, value]) => {
+        return value ? /* @__PURE__ */ jsx5(Chip, { size: "small", label: trimFlagLabel(flag), variant: "outlined" }, flag) : null;
+      }) : null
+    ] }),
+    document && document?.location.hostname === "localhost" && /* @__PURE__ */ jsx5(JsonViewerButton, { size: "small", variant: "contained", padding: 0, marginX: 1, src: reflection })
+  ] });
+};
+
+// src/ReflectionViewer/ReflectionViewer.tsx
+import { jsx as jsx6, jsxs as jsxs3 } from "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__ */ jsxs3(FlexCol2, { title: "ReflectionViewer", alignItems: "stretch", ...props, children: [
+    nameViewer === void 0 ? /* @__PURE__ */ jsx6(NameViewer, { marginY: 0.25, variant, reflection: someReflection, reflectionViewer: ReflectionViewer }) : nameViewer,
+    reflection.comment ? /* @__PURE__ */ jsx6(CommentViewer, { comment: reflection.comment }) : null,
+    someReflection.parameters?.map((parameter) => {
+      return /* @__PURE__ */ jsx6(ReflectionViewer, { hiddenFlags, marginY: 0.25, marginX: 1, reflection: parameter }, parameter.id);
+    }) ?? null,
+    children
+  ] });
+};
+
+// src/ReflectionViewer/ReflectionGroupViewer.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "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 } = useLocation();
+  useEffect(() => {
+    if (hash && autoScroll) {
+      document.querySelector(hash)?.scrollIntoView({ behavior: "smooth" });
+    }
+  }, [hash, autoScroll]);
+  return visibleChildren > 0 ? /* @__PURE__ */ jsxs4(FlexCol3, { title: "ReflectionGroupViewer", ...props, children: [
+    /* @__PURE__ */ jsxs4(FlexRow2, { marginY: 1, justifyContent: "flex-start", children: [
+      /* @__PURE__ */ jsx7(Typography4, { variant, children: group.title }),
+      /* @__PURE__ */ jsx7(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__ */ jsx7("div", { id: reflection.name, children: renderer({ hiddenFlags, lookup, margin: 1, padding: 1, reflection }) }, reflection.id)
+      ) : null;
+    }),
+    children
+  ] }) : null;
+};
+
+// src/ReflectionViewer/Container.tsx
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var ContainerReflectionViewer = ({
+  children,
+  reflection,
+  hiddenFlags,
+  itemRenderer = ReflectionViewer,
+  ...props
+}) => {
+  const lookup = createLookup(reflection);
+  return /* @__PURE__ */ jsxs5(ReflectionViewer, { title: "ContainerReflectionViewer", sources: true, reflection, lookup, ...props, children: [
+    reflection.groups?.map((group) => {
+      return /* @__PURE__ */ jsx8(
+        ReflectionGroupViewer,
+        {
+          margin: 1,
+          lookup,
+          renderer: itemRenderer,
+          group,
+          reflection,
+          hiddenFlags,
+          alignItems: "stretch"
+        },
+        group.title
+      );
+    }),
+    children
+  ] });
+};
+
+// src/ReflectionViewer/Declaration.tsx
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var DeclarationReflectionViewer = ({ reflection, hiddenFlags, ...props }) => {
+  const safeSignatures = (signatures) => {
+    return Array.isArray(signatures) ? signatures : signatures ? [signatures] : void 0;
+  };
+  return /* @__PURE__ */ jsxs6(
+    ReflectionViewer,
+    {
+      nameViewer: reflection.signatures || reflection.getSignature || reflection.setSignature ? null : void 0,
+      title: "DeclarationReflectionViewer",
+      hiddenFlags,
+      reflection,
+      ...props,
+      children: [
+        reflection.signatures?.map((signature) => {
+          return /* @__PURE__ */ jsx9(ReflectionViewer, { hiddenFlags, reflection: signature }, signature.id);
+        }),
+        safeSignatures(reflection.getSignature)?.map((signature) => {
+          return /* @__PURE__ */ jsx9(ReflectionViewer, { marginX: 1, hiddenFlags, reflection: signature }, signature.id);
+        }),
+        safeSignatures(reflection.setSignature)?.map((signature) => {
+          return /* @__PURE__ */ jsx9(ReflectionViewer, { marginX: 1, hiddenFlags, reflection: signature }, signature.id);
+        })
+      ]
+    }
+  );
+};
+
+// src/ReflectionViewer/DeclarationContainer.tsx
+import { useTheme } from "@mui/material";
+import { useLocation as useLocation2 } from "react-router-dom";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var DeclarationContainerReflectionViewer = ({
+  reflection,
+  lookup,
+  itemRenderer = DeclarationReflectionViewer,
+  ...props
+}) => {
+  const { hash } = useLocation2();
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx10(
+    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
+import { useMemo } from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var ProjectReflectionViewer = ({
+  reflection,
+  hiddenFlags,
+  itemRenderer = ReflectionViewer,
+  ...props
+}) => {
+  const lookup = useMemo(() => createLookup(reflection), [reflection]);
+  return /* @__PURE__ */ jsx11(ReflectionViewer, { title: "ProjectReflectionViewer", hiddenFlags, reflection, ...props, children: useMemo(() => {
+    return reflection.groups?.map((group) => {
+      return /* @__PURE__ */ jsx11(
+        ReflectionGroupViewer,
+        {
+          autoScroll: true,
+          variant: "h6",
+          lookup,
+          renderer: itemRenderer,
+          group,
+          reflection,
+          alignItems: "stretch",
+          hiddenFlags
+        },
+        group.title
+      );
+    });
+  }, [lookup, reflection, hiddenFlags, itemRenderer]) });
+};
+
+// src/TwoPanelReflectionViewer.tsx
+import { Search } from "@mui/icons-material";
+import { TextField, useTheme as useTheme2 } from "@mui/material";
+import { FlexCol as FlexCol6, FlexGrowCol, FlexRow as FlexRow4 } from "@xylabs/react-flexbox";
+import { useMemo as useMemo2, useState as useState2 } from "react";
+
+// src/TreeViewer/Reflection.tsx
+import { Add, Remove } from "@mui/icons-material";
+import { Typography as Typography5 } from "@mui/material";
+import { TreeItem, TreeView } from "@mui/x-tree-view";
+import { FlexCol as FlexCol4 } from "@xylabs/react-flexbox";
+import { useNavigate } from "react-router-dom";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var ReflectionTreeViewer = ({ lookup, reflection, searchTerm, ...props }) => {
+  const navigate = useNavigate();
+  return /* @__PURE__ */ jsx12(FlexCol4, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsx12(
+    TreeView,
+    {
+      "aria-label": "XYO SDK Documentation",
+      defaultExpandIcon: /* @__PURE__ */ jsx12(Add, {}),
+      defaultCollapseIcon: /* @__PURE__ */ jsx12(Remove, {}),
+      defaultExpanded: reflection.groups ? [reflection.groups[0].title] : [],
+      children: reflection.groups?.map((group, index) => /* @__PURE__ */ jsx12(TreeItem, { nodeId: group.title, label: /* @__PURE__ */ jsx12(Typography5, { 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__ */ jsx12(
+          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
+import { Typography as Typography6 } from "@mui/material";
+import { FlexCol as FlexCol5, FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+var ReflectionGroupTreeViewer = ({
+  variant,
+  group,
+  children,
+  lookup,
+  renderer = ReflectionViewer,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs7(FlexCol5, { ...props, children: [
+    /* @__PURE__ */ jsxs7(FlexRow3, { marginY: 1, justifyContent: "flex-start", children: [
+      /* @__PURE__ */ jsx13(Typography6, { variant, children: group.title }),
+      /* @__PURE__ */ jsx13(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__ */ jsx13("div", { children: renderer({ lookup, margin: 1, reflection }) }, reflection.id)
+      ) : null;
+    }),
+    children
+  ] });
+};
+
+// src/TwoPanelReflectionViewer.tsx
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+var TwoPanelReflectionViewer = ({
+  reflection,
+  itemRenderer = ReflectionViewer,
+  hiddenFlags,
+  ...props
+}) => {
+  const lookup = useMemo2(() => createLookup(reflection), [reflection]);
+  const theme = useTheme2();
+  const [searchTerm, setSearchTerm] = useState2();
+  const onSearchTermChange = (e) => {
+    setSearchTerm(e.target.value);
+  };
+  const reflectionGroups = useMemo2(() => {
+    return reflection.groups?.map((group) => {
+      return /* @__PURE__ */ jsx14(
+        ReflectionGroupViewer,
+        {
+          autoScroll: true,
+          variant: "h6",
+          lookup,
+          renderer: itemRenderer,
+          group,
+          reflection,
+          alignItems: "stretch",
+          hiddenFlags
+        },
+        group.title
+      );
+    });
+  }, [itemRenderer, lookup, reflection, hiddenFlags]);
+  const NavigationCol = (props2) => {
+    return /* @__PURE__ */ jsxs8(FlexCol6, { ...props2, children: [
+      /* @__PURE__ */ jsx14(
+        TextField,
+        {
+          fullWidth: true,
+          InputProps: {
+            startAdornment: /* @__PURE__ */ jsx14(Search, {})
+          },
+          onChange: onSearchTermChange
+        }
+      ),
+      /* @__PURE__ */ jsx14(FlexGrowCol, { marginTop: 1, alignItems: "stretch", children: /* @__PURE__ */ jsx14(
+        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__ */ jsx14(FlexGrowCol, { ...props2, children: /* @__PURE__ */ jsx14(FlexGrowCol, { alignItems: "stretch", children: /* @__PURE__ */ jsx14(
+      FlexCol6,
+      {
+        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__ */ jsxs8(FlexRow4, { alignItems: "stretch", justifyContent: "start", sx: { overflowY: "scroll" }, ...props, children: [
+    /* @__PURE__ */ jsx14(NavigationCol, { minWidth: 320, alignItems: "stretch", justifyContent: "flex-start", overflow: "hidden" }),
+    /* @__PURE__ */ jsx14(DetailsCol, { marginLeft: 1, alignItems: "stretch", justifyContent: "flex-start", overflow: "hidden" })
+  ] });
+};
+
+// src/ProjectTwoPanelReflectionViewer.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+var ProjectTwoPanelReflectionViewer = ({
+  reflection,
+  itemRenderer = DeclarationContainerReflectionViewer,
+  ...props
+}) => {
+  assertEx(reflection.isProject, () => "Project expected to be Project");
+  return /* @__PURE__ */ jsx15(TwoPanelReflectionViewer, { itemRenderer, reflection, ...props });
+};
+
+// src/SourceViewer.tsx
+import { Typography as Typography7 } from "@mui/material";
+import { FlexCol as FlexCol7 } from "@xylabs/react-flexbox";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var SourceViewer = ({ source, ...props }) => {
+  return /* @__PURE__ */ jsx16(FlexCol7, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsx16(Typography7, { style: { opacity: 0.5 }, variant: "body2", children: /* @__PURE__ */ jsx16("i", { children: source.fileName }) }) });
+};
+export {
+  CommentViewer,
+  ContainerReflectionViewer,
+  DeclarationContainerReflectionViewer,
+  DeclarationReflectionViewer,
+  JsonViewerButton,
+  ProjectReflectionViewer,
+  ProjectTwoPanelReflectionViewer,
+  ReflectionGroupTreeViewer,
+  ReflectionGroupViewer,
+  ReflectionTreeViewer,
+  ReflectionViewer,
+  SomeTypeViewer,
+  SourceViewer,
+  TwoPanelReflectionViewer
+};
 //# sourceMappingURL=index.js.map