@xyo-network/react-typedoc 2.80.0 → 2.81.0

package/package.json

@@ -12,17 +12,17 @@
   "dependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
-    "@mui/icons-material": "^5.15.21",
-    "@mui/material": "^5.15.21",
-    "@mui/styles": "^5.15.21",
-    "@mui/system": "^5.15.20",
-    "@mui/x-tree-view": "^7.8.0",
-    "@xylabs/assert": "^3.5.2",
-    "@xylabs/react-button": "^3.1.7",
-    "@xylabs/react-flexbox": "^3.1.7",
-    "@xyo-network/react-payload-raw-info": "^2.80.0",
+    "@mui/icons-material": "^5.16.1",
+    "@mui/material": "^5.16.1",
+    "@mui/styles": "^5.16.1",
+    "@mui/system": "^5.16.1",
+    "@mui/x-tree-view": "^7.10.0",
+    "@xylabs/assert": "^3.5.9",
+    "@xylabs/react-button": "^3.4.0",
+    "@xylabs/react-flexbox": "^3.4.0",
+    "@xyo-network/react-payload-raw-info": "^2.81.0",
     "react-router-dom": "^6.24.1",
-    "typedoc": "^0.26.3",
+    "typedoc": "^0.26.4",
     "typescript": "^5.5.3"
   },
   "devDependencies": {
@@ -86,6 +86,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.80.0",
+  "version": "2.81.0",
   "type": "module"
 }

package/src/ProjectTwoPanelReflectionViewer.tsx

@@ -1,8 +1,8 @@
 import { assertEx } from '@xylabs/assert'
 import type { ProjectReflection } from 'typedoc'
 
-import { ContainerReflectionViewerProps, DeclarationContainerReflectionViewer } from './ReflectionViewer'
-import { TwoPanelReflectionViewer } from './TwoPanelReflectionViewer'
+import { ContainerReflectionViewerProps, DeclarationContainerReflectionViewer } from './ReflectionViewer/index.js'
+import { TwoPanelReflectionViewer } from './TwoPanelReflectionViewer.js'
 
 export const ProjectTwoPanelReflectionViewer: React.FC<ContainerReflectionViewerProps<ProjectReflection>> = ({
   reflection,

package/src/ReflectionViewer/Container.tsx

@@ -1,9 +1,9 @@
 import type { ContainerReflection, ReflectionGroup } from 'typedoc'
 
-import { createLookup } from '../createLookup'
-import { ReflectionGroupViewer } from './ReflectionGroupViewer'
-import { ReflectionViewer } from './ReflectionViewer'
-import { ReflectionViewerProps } from './ReflectionViewerProps'
+import { createLookup } from '../createLookup.js'
+import { ReflectionGroupViewer } from './ReflectionGroupViewer.js'
+import { ReflectionViewer } from './ReflectionViewer.js'
+import { ReflectionViewerProps } from './ReflectionViewerProps.js'
 
 export interface ContainerReflectionViewerProps<T extends ContainerReflection = ContainerReflection> extends ReflectionViewerProps<T> {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/src/ReflectionViewer/Declaration.tsx

@@ -1,7 +1,7 @@
 import type { DeclarationReflection, SignatureReflection } from 'typedoc'
 
-import { ReflectionViewer } from './ReflectionViewer'
-import { ReflectionViewerProps } from './ReflectionViewerProps'
+import { ReflectionViewer } from './ReflectionViewer.js'
+import { ReflectionViewerProps } from './ReflectionViewerProps.js'
 
 export const DeclarationReflectionViewer: React.FC<ReflectionViewerProps<DeclarationReflection>> = ({ reflection, hiddenFlags, ...props }) => {
   const safeSignatures = (signatures?: SignatureReflection[] | SignatureReflection) => {

package/src/ReflectionViewer/DeclarationContainer.tsx

@@ -2,8 +2,8 @@ import { useTheme } from '@mui/material'
 import { useLocation } from 'react-router-dom'
 import type { DeclarationReflection } from 'typedoc'
 
-import { ContainerReflectionViewer, ContainerReflectionViewerProps } from './Container'
-import { DeclarationReflectionViewer } from './Declaration'
+import { ContainerReflectionViewer, ContainerReflectionViewerProps } from './Container.js'
+import { DeclarationReflectionViewer } from './Declaration.js'
 
 export interface DeclarationContainerReflectionViewerProps extends ContainerReflectionViewerProps {
   reflection: DeclarationReflection

package/src/ReflectionViewer/NameViewer.tsx

@@ -1,11 +1,11 @@
 import { Chip, Stack, Typography, TypographyVariant } from '@mui/material'
 import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'
 
-import { JsonViewerButton } from '../JsonViewerButton'
-import { SomeReflection } from '../SomeReflection'
-import { trimFlagLabel } from '../trimFlagLabel'
-import { ReflectionViewerProps } from './ReflectionViewerProps'
-import { SomeTypeViewer } from './SomeTypeViewer'
+import { JsonViewerButton } from '../JsonViewerButton.js'
+import { SomeReflection } from '../SomeReflection.js'
+import { trimFlagLabel } from '../trimFlagLabel.js'
+import { ReflectionViewerProps } from './ReflectionViewerProps.js'
+import { SomeTypeViewer } from './SomeTypeViewer/index.js'
 
 export interface NameViewerProps extends FlexBoxProps {
   reflection: SomeReflection

package/src/ReflectionViewer/Project.tsx

@@ -1,10 +1,10 @@
 import { useMemo } from 'react'
 import type { ProjectReflection, ReflectionGroup } from 'typedoc'
 
-import { createLookup } from '../createLookup'
-import { ContainerReflectionViewerProps } from './Container'
-import { ReflectionGroupViewer } from './ReflectionGroupViewer'
-import { ReflectionViewer } from './ReflectionViewer'
+import { createLookup } from '../createLookup.js'
+import { ContainerReflectionViewerProps } from './Container.js'
+import { ReflectionGroupViewer } from './ReflectionGroupViewer.js'
+import { ReflectionViewer } from './ReflectionViewer.js'
 
 export const ProjectReflectionViewer: React.FC<ContainerReflectionViewerProps<ProjectReflection>> = ({
   reflection,

package/src/ReflectionViewer/ReflectionGroupViewer.tsx

@@ -4,10 +4,10 @@ import { useEffect } from 'react'
 import { useLocation } from 'react-router-dom'
 import type { ContainerReflection, ReflectionFlags, ReflectionGroup } from 'typedoc'
 
-import { JsonViewerButton } from '../JsonViewerButton'
-import { resolveChildren } from '../resolveChildren'
-import { ReflectionViewer } from './ReflectionViewer'
-import { FlagFilter, ReflectionViewerProps } from './ReflectionViewerProps'
+import { JsonViewerButton } from '../JsonViewerButton.js'
+import { resolveChildren } from '../resolveChildren.js'
+import { ReflectionViewer } from './ReflectionViewer.js'
+import { FlagFilter, ReflectionViewerProps } from './ReflectionViewerProps.js'
 
 export interface ReflectionGroupViewerProps extends ReflectionViewerProps<ContainerReflection> {
   autoScroll?: boolean

package/src/ReflectionViewer/ReflectionViewer.tsx

@@ -1,10 +1,10 @@
 import { FlexCol } from '@xylabs/react-flexbox'
 import type { ReflectionFlags } from 'typedoc'
 
-import { CommentViewer } from '../CommentViewer'
-import { SomeReflection } from '../SomeReflection'
-import { NameViewer } from './NameViewer'
-import { FlagFilter, ReflectionViewerProps } from './ReflectionViewerProps'
+import { CommentViewer } from '../CommentViewer.js'
+import { SomeReflection } from '../SomeReflection.js'
+import { NameViewer } from './NameViewer.js'
+import { FlagFilter, ReflectionViewerProps } from './ReflectionViewerProps.js'
 
 const hide = (flags?: ReflectionFlags, hiddenFlags: FlagFilter[] = []) => {
   let hide = false

package/src/ReflectionViewer/ReflectionViewerProps.tsx

@@ -3,7 +3,7 @@ import { FlexBoxProps } from '@xylabs/react-flexbox'
 import { ReactElement } from 'react'
 import type { Reflection } from 'typedoc'
 
-import { ReflectionLookup } from '../ReflectionLookup'
+import { ReflectionLookup } from '../ReflectionLookup.js'
 
 export type FlagFilter = 'isPublic' | 'isPrivate' | 'isProtected'
 

package/src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx

@@ -1,8 +1,8 @@
 import { Typography, TypographyProps } from '@mui/material'
 
-import { SomeReflection } from '../../SomeReflection'
-import { ReflectionViewerProps } from '../ReflectionViewerProps'
-import { buildTypeString } from './buildTypeString'
+import { SomeReflection } from '../../SomeReflection.js'
+import { ReflectionViewerProps } from '../ReflectionViewerProps.js'
+import { buildTypeString } from './buildTypeString.js'
 
 export interface SomeTypeViewerProps extends TypographyProps {
   opacity?: number

package/src/ReflectionViewer/SomeTypeViewer/TypeBuilder.ts

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

package/src/ReflectionViewer/SomeTypeViewer/buildReflectionString.tsx

@@ -1,8 +1,8 @@
 import type { ReflectionType } from 'typedoc'
 
-import { ReflectionViewerProps } from '../ReflectionViewerProps'
+import { ReflectionViewerProps } from '../ReflectionViewerProps.js'
 
-export const buildRelfectionString = (typeObj: ReflectionType, reflectionViewer: React.FC<ReflectionViewerProps>) => {
+export const buildReflectionString = (typeObj: ReflectionType, reflectionViewer: React.FC<ReflectionViewerProps>) => {
   if (typeObj.declaration) {
     return <>{reflectionViewer({ reflection: 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'
-import { buildArrayString } from './buildArrayString'
-import { buildIntersectionString } from './buildIntersectionString'
-import { buildReferenceString } from './buildReferenceString'
-import { buildRelfectionString } from './buildReflectionString'
-import { buildUnionString } from './buildUnionString'
-import { TypeBuilder } from './TypeBuilder'
+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'
 
 export const buildTypeString: TypeBuilder = (type: SomeType | Type, reflectionViewer: React.FC<ReflectionViewerProps>): ReactNode => {
   const someType = type as SomeType
@@ -39,7 +39,7 @@ export const buildTypeString: TypeBuilder = (type: SomeType | Type, reflectionVi
       break
     }
     case 'reflection': {
-      return buildRelfectionString(someType, reflectionViewer)
+      return buildReflectionString(someType, reflectionViewer)
     }
     default: {
       parts.push('#', someType.type, '#')

package/src/ReflectionViewer/SomeTypeViewer/buildUnionString.tsx

@@ -1,7 +1,7 @@
 import type { UnionType } from 'typedoc'
 
-import { ReflectionViewerProps } from '../ReflectionViewerProps'
-import { TypeBuilder } from './TypeBuilder'
+import { ReflectionViewerProps } from '../ReflectionViewerProps.js'
+import { TypeBuilder } from './TypeBuilder.js'
 
 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'
+export * from './SomeTypeViewer.js'

package/src/ReflectionViewer/index.ts

@@ -1,8 +1,8 @@
-export * from './Container'
-export * from './Declaration'
-export * from './DeclarationContainer'
-export * from './Project'
-export * from './ReflectionGroupViewer'
-export * from './ReflectionViewer'
-export * from './ReflectionViewerProps'
-export * from './SomeTypeViewer'
+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'

package/src/TreeViewer/Reflection.tsx

@@ -5,8 +5,8 @@ import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
 import { useNavigate } from 'react-router-dom'
 import type { ContainerReflection, Reflection } from 'typedoc'
 
-import { ReflectionLookup } from '../ReflectionLookup'
-import { FlagFilter } from '../ReflectionViewer'
+import { ReflectionLookup } from '../ReflectionLookup.js'
+import { FlagFilter } from '../ReflectionViewer/index.js'
 
 export interface ReflectionTreeViewerProps<T extends Reflection = ContainerReflection> extends FlexBoxProps {
   hiddenFlags?: FlagFilter[]

package/src/TreeViewer/ReflectionGroup.tsx

@@ -1,9 +1,9 @@
 import { Typography } from '@mui/material'
 import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
 
-import { JsonViewerButton } from '../JsonViewerButton'
-import { ReflectionGroupViewerProps, ReflectionViewer } from '../ReflectionViewer'
-import { resolveChildren } from '../resolveChildren'
+import { JsonViewerButton } from '../JsonViewerButton.js'
+import { ReflectionGroupViewerProps, ReflectionViewer } from '../ReflectionViewer/index.js'
+import { resolveChildren } from '../resolveChildren.js'
 
 export const ReflectionGroupTreeViewer: React.FC<ReflectionGroupViewerProps> = ({
   variant,

package/src/TreeViewer/index.ts

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

package/src/TwoPanelReflectionViewer.tsx

@@ -4,9 +4,9 @@ import { FlexBoxProps, FlexCol, FlexGrowCol, FlexRow } from '@xylabs/react-flexb
 import { useMemo, useState } from 'react'
 import type { ReflectionGroup } from 'typedoc'
 
-import { createLookup } from './createLookup'
-import { ContainerReflectionViewerProps, ReflectionGroupViewer, ReflectionViewer } from './ReflectionViewer'
-import { ReflectionTreeViewer } from './TreeViewer'
+import { createLookup } from './createLookup.js'
+import { ContainerReflectionViewerProps, ReflectionGroupViewer, ReflectionViewer } from './ReflectionViewer/index.js'
+import { ReflectionTreeViewer } from './TreeViewer/index.js'
 
 export const TwoPanelReflectionViewer: React.FC<ContainerReflectionViewerProps> = ({
   reflection,

package/src/index.ts

@@ -1,9 +1,9 @@
-export * from './CommentViewer'
-export * from './JsonViewerButton'
-export * from './ProjectTwoPanelReflectionViewer'
-export * from './ReflectionLookup'
-export * from './ReflectionViewer'
-export * from './SomeReflection'
-export * from './SourceViewer'
-export * from './TreeViewer'
-export * from './TwoPanelReflectionViewer'
+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'

package/src/resolveChildren.ts

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