@xyo-network/react-typedoc 3.0.1 → 3.0.3

package/src/ReflectionViewer/ReflectionViewerProps.tsx

@@ -1,9 +1,9 @@
-import { TypographyVariant } from '@mui/material'
-import { FlexBoxProps } from '@xylabs/react-flexbox'
-import { ReactElement } from 'react'
+import type { TypographyVariant } from '@mui/material'
+import type { FlexBoxProps } from '@xylabs/react-flexbox'
+import type { ReactElement } from 'react'
 import type { Reflection } from 'typedoc'
 
-import { ReflectionLookup } from '../ReflectionLookup.ts'
+import type { ReflectionLookup } from '../ReflectionLookup.ts'
 
 export type FlagFilter = 'isPublic' | 'isPrivate' | 'isProtected'
 

package/src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx

@@ -1,8 +1,9 @@
-import { Typography, TypographyProps } from '@mui/material'
+import type { TypographyProps } from '@mui/material'
+import { Typography } from '@mui/material'
 import React from 'react'
 
-import { SomeReflection } from '../../SomeReflection.ts'
-import { ReflectionViewerProps } from '../ReflectionViewerProps.tsx'
+import type { SomeReflection } from '../../SomeReflection.ts'
+import type { ReflectionViewerProps } from '../ReflectionViewerProps.tsx'
 import { buildTypeString } from './buildTypeString.tsx'
 
 export interface SomeTypeViewerProps extends TypographyProps {
@@ -11,7 +12,9 @@ export interface SomeTypeViewerProps extends TypographyProps {
   reflectionViewer: React.FC<ReflectionViewerProps>
 }
 
-export const SomeTypeViewer: React.FC<SomeTypeViewerProps> = ({ opacity = 0.5, reflection, reflectionViewer, ...props }) => {
+export const SomeTypeViewer: React.FC<SomeTypeViewerProps> = ({
+  opacity = 0.5, reflection, reflectionViewer, ...props
+}) => {
   const typeReactNode = reflection.type ? buildTypeString(reflection.type, reflectionViewer) : ''
   if (typeof typeReactNode === 'string') {
     return (

package/src/ReflectionViewer/SomeTypeViewer/TypeBuilder.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react'
+import type { ReactNode } from 'react'
 import type { SomeType, Type } from 'typedoc'
 
-import { ReflectionViewerProps } from '../ReflectionViewerProps.tsx'
+import type { ReflectionViewerProps } from '../ReflectionViewerProps.tsx'
 
 export type TypeBuilder = (type: SomeType | Type, reflectionViewer: React.FC<ReflectionViewerProps>, typeBuilder?: TypeBuilder) => ReactNode

package/src/ReflectionViewer/SomeTypeViewer/buildArrayString.tsx

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

package/src/ReflectionViewer/SomeTypeViewer/buildIntersectionString.tsx

@@ -1,7 +1,7 @@
 import type { IntersectionType } from 'typedoc'
 
-import { ReflectionViewerProps } from '../ReflectionViewerProps.tsx'
-import { TypeBuilder } from './TypeBuilder.ts'
+import type { ReflectionViewerProps } from '../ReflectionViewerProps.tsx'
+import type { 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.tsx'
-import { TypeBuilder } from './TypeBuilder.ts'
+import type { ReflectionViewerProps } from '../ReflectionViewerProps.tsx'
+import type { 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,7 +1,7 @@
 import React from 'react'
 import type { ReflectionType } from 'typedoc'
 
-import { ReflectionViewerProps } from '../ReflectionViewerProps.tsx'
+import type { 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 { ReactNode } from 'react'
 import type { SomeType, Type } from 'typedoc'
 
-import { ReflectionViewerProps } from '../ReflectionViewerProps.tsx'
+import type { 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'
+import type { 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.tsx'
-import { TypeBuilder } from './TypeBuilder.ts'
+import type { ReflectionViewerProps } from '../ReflectionViewerProps.tsx'
+import type { TypeBuilder } from './TypeBuilder.ts'
 
 export const buildUnionString = (typeObj: UnionType, reflectionViewer: React.FC<ReflectionViewerProps>, typeBuilder: TypeBuilder) => {
   const parts: string[] = []

package/src/SomeReflection.ts

@@ -1,4 +1,6 @@
-import type { ParameterReflection, Reflection, SomeType } from 'typedoc'
+import type {
+  ParameterReflection, Reflection, SomeType,
+} from 'typedoc'
 
 export type WithSomeType<T> = T & { type?: SomeType }
 

package/src/SourceViewer.tsx

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

package/src/TreeViewer/Reflection.tsx

@@ -1,13 +1,14 @@
 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 type { FlexBoxProps } from '@xylabs/react-flexbox'
+import { 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.ts'
-import { FlagFilter } from '../ReflectionViewer/index.ts'
+import type { ReflectionLookup } from '../ReflectionLookup.ts'
+import type { FlagFilter } from '../ReflectionViewer/index.ts'
 
 export interface ReflectionTreeViewerProps<T extends Reflection = ContainerReflection> extends FlexBoxProps {
   hiddenFlags?: FlagFilter[]
@@ -16,7 +17,9 @@ export interface ReflectionTreeViewerProps<T extends Reflection = ContainerRefle
   searchTerm?: string
 }
 
-export const ReflectionTreeViewer: React.FC<ReflectionTreeViewerProps> = ({ lookup, reflection, searchTerm, ...props }) => {
+export const ReflectionTreeViewer: React.FC<ReflectionTreeViewerProps> = ({
+  lookup, reflection, searchTerm, ...props
+}) => {
   const navigate = useNavigate()
   return (
     <FlexCol alignItems="stretch" {...props}>

package/src/TreeViewer/ReflectionGroup.tsx

@@ -3,7 +3,8 @@ import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
 import React from 'react'
 
 import { JsonViewerButton } from '../JsonViewerButton.tsx'
-import { ReflectionGroupViewerProps, ReflectionViewer } from '../ReflectionViewer/index.ts'
+import type { ReflectionGroupViewerProps } from '../ReflectionViewer/index.ts'
+import { ReflectionViewer } from '../ReflectionViewer/index.ts'
 import { resolveChildren } from '../resolveChildren.ts'
 
 export const ReflectionGroupTreeViewer: React.FC<ReflectionGroupViewerProps> = ({
@@ -23,7 +24,13 @@ export const ReflectionGroupTreeViewer: React.FC<ReflectionGroupViewerProps> = (
       {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>
+          ? (
+              <div key={reflection.id}>
+                {renderer({
+                  lookup, margin: 1, reflection,
+                })}
+              </div>
+            )
           : null
       })}
       {children}

package/src/TwoPanelReflectionViewer.tsx

@@ -1,11 +1,15 @@
 import { Search } from '@mui/icons-material'
 import { TextField, useTheme } from '@mui/material'
-import { FlexBoxProps, FlexCol, FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'
+import type { FlexBoxProps } from '@xylabs/react-flexbox'
+import {
+  FlexCol, FlexGrowCol, FlexRow,
+} from '@xylabs/react-flexbox'
 import React, { useMemo, useState } from 'react'
 import type { ReflectionGroup } from 'typedoc'
 
 import { createLookup } from './createLookup.ts'
-import { ContainerReflectionViewerProps, ReflectionGroupViewer, ReflectionViewer } from './ReflectionViewer/index.ts'
+import type { ContainerReflectionViewerProps } from './ReflectionViewer/index.ts'
+import { ReflectionGroupViewer, ReflectionViewer } from './ReflectionViewer/index.ts'
 import { ReflectionTreeViewer } from './TreeViewer/index.ts'
 
 export const TwoPanelReflectionViewer: React.FC<ContainerReflectionViewerProps> = ({
@@ -45,9 +49,7 @@ export const TwoPanelReflectionViewer: React.FC<ContainerReflectionViewerProps>
       <FlexCol {...props}>
         <TextField
           fullWidth
-          InputProps={{
-            startAdornment: <Search />,
-          }}
+          InputProps={{ startAdornment: <Search /> }}
           onChange={onSearchTermChange}
         />
         <FlexGrowCol marginTop={1} alignItems="stretch">

package/src/resolveChildren.ts

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

package/xy.config.ts

@@ -1,9 +1,7 @@
-import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
 const config: XyTsupConfig = {
   compile: {
-    browser: {
-      src: true,
-    },
+    browser: { src: true },
     node: {},
     neutral: {},
   },