@xyo-network/react-typedoc 2.81.9 → 2.82.0

package/src/ReflectionViewer/SomeTypeViewer/buildIntersectionString.tsx

@@ -1,7 +1,7 @@
 import type { IntersectionType } from 'typedoc'
 
-import { ReflectionViewerProps } from '../ReflectionViewerProps.js'
-import { TypeBuilder } from './TypeBuilder.js'
+import { ReflectionViewerProps } from '../ReflectionViewerProps.tsx'
+import { TypeBuilder } from './TypeBuilder.ts'
 
 export const buildIntersectionString = (typeObj: IntersectionType, reflectionViewer: React.FC<ReflectionViewerProps>, typeBuilder: TypeBuilder) => {
   const parts: string[] = []

package/src/ReflectionViewer/SomeTypeViewer/buildReferenceString.ts

@@ -1,7 +1,7 @@
 import type { ReferenceType } from 'typedoc'
 
-import { ReflectionViewerProps } from '../ReflectionViewerProps.js'
-import { TypeBuilder } from './TypeBuilder.js'
+import { ReflectionViewerProps } from '../ReflectionViewerProps.tsx'
+import { TypeBuilder } from './TypeBuilder.ts'
 
 export const buildReferenceString = (typeObj: ReferenceType, reflectionViewer: React.FC<ReflectionViewerProps>, typeBuilder: TypeBuilder) => {
   const parts: string[] = []

package/src/ReflectionViewer/SomeTypeViewer/buildReflectionString.tsx

@@ -1,6 +1,7 @@
+import React from 'react'
 import type { ReflectionType } from 'typedoc'
 
-import { ReflectionViewerProps } from '../ReflectionViewerProps.js'
+import { ReflectionViewerProps } from '../ReflectionViewerProps.tsx'
 
 export const buildReflectionString = (typeObj: ReflectionType, reflectionViewer: React.FC<ReflectionViewerProps>) => {
   if (typeObj.declaration) {

package/src/ReflectionViewer/SomeTypeViewer/buildTypeString.tsx

@@ -1,13 +1,13 @@
 import { ReactNode } from 'react'
 import type { SomeType, Type } from 'typedoc'
 
-import { ReflectionViewerProps } from '../ReflectionViewerProps.js'
-import { buildArrayString } from './buildArrayString.js'
-import { buildIntersectionString } from './buildIntersectionString.js'
-import { buildReferenceString } from './buildReferenceString.js'
-import { buildReflectionString } from './buildReflectionString.js'
-import { buildUnionString } from './buildUnionString.js'
-import { TypeBuilder } from './TypeBuilder.js'
+import { ReflectionViewerProps } from '../ReflectionViewerProps.tsx'
+import { buildArrayString } from './buildArrayString.tsx'
+import { buildIntersectionString } from './buildIntersectionString.tsx'
+import { buildReferenceString } from './buildReferenceString.ts'
+import { buildReflectionString } from './buildReflectionString.tsx'
+import { buildUnionString } from './buildUnionString.tsx'
+import { TypeBuilder } from './TypeBuilder.ts'
 
 export const buildTypeString: TypeBuilder = (type: SomeType | Type, reflectionViewer: React.FC<ReflectionViewerProps>): ReactNode => {
   const someType = type as SomeType

package/src/ReflectionViewer/SomeTypeViewer/buildUnionString.tsx

@@ -1,7 +1,7 @@
 import type { UnionType } from 'typedoc'
 
-import { ReflectionViewerProps } from '../ReflectionViewerProps.js'
-import { TypeBuilder } from './TypeBuilder.js'
+import { ReflectionViewerProps } from '../ReflectionViewerProps.tsx'
+import { TypeBuilder } from './TypeBuilder.ts'
 
 export const buildUnionString = (typeObj: UnionType, reflectionViewer: React.FC<ReflectionViewerProps>, typeBuilder: TypeBuilder) => {
   const parts: string[] = []

package/src/ReflectionViewer/SomeTypeViewer/index.ts

@@ -1 +1 @@
-export * from './SomeTypeViewer.js'
+export * from './SomeTypeViewer.tsx'

package/src/ReflectionViewer/index.ts

@@ -1,8 +1,8 @@
-export * from './Container.js'
-export * from './Declaration.js'
-export * from './DeclarationContainer.js'
-export * from './Project.js'
-export * from './ReflectionGroupViewer.js'
-export * from './ReflectionViewer.js'
-export * from './ReflectionViewerProps.js'
-export * from './SomeTypeViewer/index.js'
+export * from './Container.tsx'
+export * from './Declaration.tsx'
+export * from './DeclarationContainer.tsx'
+export * from './Project.tsx'
+export * from './ReflectionGroupViewer.tsx'
+export * from './ReflectionViewer.tsx'
+export * from './ReflectionViewerProps.tsx'
+export * from './SomeTypeViewer/index.ts'

package/src/SourceViewer.tsx

@@ -1,5 +1,6 @@
 import { Typography } from '@mui/material'
 import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
+import React from 'react'
 import type { SourceReference } from 'typedoc'
 
 export interface SourceViewerProps extends FlexBoxProps {

package/src/TreeViewer/Reflection.tsx

@@ -2,11 +2,12 @@ import { Add, Remove } from '@mui/icons-material'
 import { Typography } from '@mui/material'
 import { TreeItem, TreeView } from '@mui/x-tree-view'
 import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
+import React from 'react'
 import { useNavigate } from 'react-router-dom'
 import type { ContainerReflection, Reflection } from 'typedoc'
 
-import { ReflectionLookup } from '../ReflectionLookup.js'
-import { FlagFilter } from '../ReflectionViewer/index.js'
+import { ReflectionLookup } from '../ReflectionLookup.ts'
+import { FlagFilter } from '../ReflectionViewer/index.ts'
 
 export interface ReflectionTreeViewerProps<T extends Reflection = ContainerReflection> extends FlexBoxProps {
   hiddenFlags?: FlagFilter[]
@@ -20,15 +21,15 @@ export const ReflectionTreeViewer: React.FC<ReflectionTreeViewerProps> = ({ look
   return (
     <FlexCol alignItems="stretch" {...props}>
       {/* TODO - move this into a title component */}
-      {/*{nameViewer === undefined ? <NameViewer variant={variant} reflection={reflection} /> : nameViewer}*/}
-      {/*{reflection.comment ? <CommentViewer comment={reflection.comment} /> : null}*/}
-      {/*{reflection.sources ? (*/}
-      {/*  <>*/}
-      {/*    {reflection.sources.map((source, index) => {*/}
-      {/*      return <SourceViewer key={index} source={source} />*/}
-      {/*    })}*/}
-      {/*  </>*/}
-      {/*) : null}*/}
+      {/* {nameViewer === undefined ? <NameViewer variant={variant} reflection={reflection} /> : nameViewer} */}
+      {/* {reflection.comment ? <CommentViewer comment={reflection.comment} /> : null} */}
+      {/* {reflection.sources ? ( */}
+      {/*  <> */}
+      {/*    {reflection.sources.map((source, index) => { */}
+      {/*      return <SourceViewer key={index} source={source} /> */}
+      {/*    })} */}
+      {/*  </> */}
+      {/* ) : null} */}
       {/* TODO - when searching do not include categories that dont have children, pull maps out of view */}
       <TreeView
         aria-label="XYO SDK Documentation"
@@ -41,17 +42,19 @@ export const ReflectionTreeViewer: React.FC<ReflectionTreeViewerProps> = ({ look
             {group.children.map((child, jndex) => {
               const searchTermTrimmed = searchTerm?.trim().toLowerCase()
               const childReflection = typeof child === 'number' ? lookup?.[child as number] : child
-              return childReflection && (!searchTermTrimmed || childReflection.name.toLowerCase().includes(searchTermTrimmed)) ?
-                  <TreeItem
-                    key={`secondary-${index}- ${jndex}`}
-                    nodeId={`declaration-${childReflection?.id}`}
-                    label={childReflection.name}
-                    onClick={() => {
-                      const hash = `#${childReflection.name}`
-                      navigate({ hash })
-                      document.querySelector(hash)?.scrollIntoView({ behavior: 'smooth' })
-                    }}
-                  />
+              return childReflection && (!searchTermTrimmed || childReflection.name.toLowerCase().includes(searchTermTrimmed))
+                ? (
+                    <TreeItem
+                      key={`secondary-${index}- ${jndex}`}
+                      nodeId={`declaration-${childReflection?.id}`}
+                      label={childReflection.name}
+                      onClick={() => {
+                        const hash = `#${childReflection.name}`
+                        navigate({ hash })
+                        document.querySelector(hash)?.scrollIntoView({ behavior: 'smooth' })
+                      }}
+                    />
+                  )
                 : null
             })}
           </TreeItem>

package/src/TreeViewer/ReflectionGroup.tsx

@@ -1,9 +1,10 @@
 import { Typography } from '@mui/material'
 import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
+import React from 'react'
 
-import { JsonViewerButton } from '../JsonViewerButton.js'
-import { ReflectionGroupViewerProps, ReflectionViewer } from '../ReflectionViewer/index.js'
-import { resolveChildren } from '../resolveChildren.js'
+import { JsonViewerButton } from '../JsonViewerButton.tsx'
+import { ReflectionGroupViewerProps, ReflectionViewer } from '../ReflectionViewer/index.ts'
+import { resolveChildren } from '../resolveChildren.ts'
 
 export const ReflectionGroupTreeViewer: React.FC<ReflectionGroupViewerProps> = ({
   variant,
@@ -20,9 +21,9 @@ export const ReflectionGroupTreeViewer: React.FC<ReflectionGroupViewerProps> = (
         <JsonViewerButton size="small" variant="contained" padding={0} marginX={1} src={resolveChildren(group, lookup)} />
       </FlexRow>
       {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
-            <div key={reflection.id}>{renderer({ lookup, margin: 1, reflection })}</div>
+        return reflection
+        // I wrap this in a div since React does not understand that they have keys using the Renderer
+          ? <div key={reflection.id}>{renderer({ lookup, margin: 1, reflection })}</div>
           : null
       })}
       {children}

package/src/TreeViewer/index.ts

@@ -1,2 +1,2 @@
-export * from './Reflection.js'
-export * from './ReflectionGroup.js'
+export * from './Reflection.tsx'
+export * from './ReflectionGroup.tsx'

package/src/TwoPanelReflectionViewer.tsx

@@ -1,12 +1,12 @@
 import { Search } from '@mui/icons-material'
 import { TextField, useTheme } from '@mui/material'
 import { FlexBoxProps, FlexCol, FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'
-import { useMemo, useState } from 'react'
+import React, { useMemo, useState } from 'react'
 import type { ReflectionGroup } from 'typedoc'
 
-import { createLookup } from './createLookup.js'
-import { ContainerReflectionViewerProps, ReflectionGroupViewer, ReflectionViewer } from './ReflectionViewer/index.js'
-import { ReflectionTreeViewer } from './TreeViewer/index.js'
+import { createLookup } from './createLookup.ts'
+import { ContainerReflectionViewerProps, ReflectionGroupViewer, ReflectionViewer } from './ReflectionViewer/index.ts'
+import { ReflectionTreeViewer } from './TreeViewer/index.ts'
 
 export const TwoPanelReflectionViewer: React.FC<ContainerReflectionViewerProps> = ({
   reflection,
@@ -39,6 +39,7 @@ export const TwoPanelReflectionViewer: React.FC<ContainerReflectionViewerProps>
     })
   }, [itemRenderer, lookup, reflection, hiddenFlags])
 
+  // eslint-disable-next-line @eslint-react/no-nested-components
   const NavigationCol: React.FC<FlexBoxProps> = (props) => {
     return (
       <FlexCol {...props}>
@@ -71,6 +72,7 @@ export const TwoPanelReflectionViewer: React.FC<ContainerReflectionViewerProps>
     )
   }
 
+  // eslint-disable-next-line @eslint-react/no-nested-components
   const DetailsCol: React.FC<FlexBoxProps> = (props) => {
     return (
       <FlexGrowCol {...props}>

package/src/index.ts

@@ -1,9 +1,9 @@
-export * from './CommentViewer.js'
-export * from './JsonViewerButton.js'
-export * from './ProjectTwoPanelReflectionViewer.js'
-export * from './ReflectionLookup.js'
-export * from './ReflectionViewer/index.js'
-export * from './SomeReflection.js'
-export * from './SourceViewer.js'
-export * from './TreeViewer/index.js'
-export * from './TwoPanelReflectionViewer.js'
+export * from './CommentViewer.tsx'
+export * from './JsonViewerButton.tsx'
+export * from './ProjectTwoPanelReflectionViewer.tsx'
+export * from './ReflectionLookup.ts'
+export * from './ReflectionViewer/index.ts'
+export * from './SomeReflection.ts'
+export * from './SourceViewer.tsx'
+export * from './TreeViewer/index.ts'
+export * from './TwoPanelReflectionViewer.tsx'

package/src/resolveChildren.ts

@@ -1,7 +1,7 @@
 import type { Reflection } from 'typedoc'
 
-import { ReflectionLookup } from './ReflectionLookup.js'
-import { SomeReflection } from './SomeReflection.js'
+import { ReflectionLookup } from './ReflectionLookup.ts'
+import { SomeReflection } from './SomeReflection.ts'
 
 type ReflectionWithChildren = { children: Reflection[] }