@xyo-network/react-typedoc 7.5.4 → 7.5.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-typedoc",
-  "version": "7.5.4",
+  "version": "7.5.6",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -43,31 +43,31 @@
     "src"
   ],
   "dependencies": {
-    "@mui/x-tree-view": "~8.27.1",
-    "@xylabs/react-button": "~7.1.15",
-    "@xylabs/react-flexbox": "~7.1.15",
-    "@xylabs/sdk-js": "~5.0.79",
-    "@xyo-network/react-payload-raw-info": "7.5.4",
-    "react-router-dom": "^7.13.0",
-    "typedoc": "~0.28.17"
+    "@mui/x-tree-view": "~8.27.2",
+    "@xylabs/react-button": "~7.1.17",
+    "@xylabs/react-flexbox": "~7.1.17",
+    "@xylabs/sdk-js": "~5.0.90",
+    "@xyo-network/react-payload-raw-info": "7.5.6",
+    "react-router-dom": "^7.13.2",
+    "typedoc": "~0.28.18"
   },
   "devDependencies": {
     "@emotion/react": "~11.14.0",
     "@emotion/styled": "~11.14.1",
-    "@mui/icons-material": "~7.3.8",
-    "@mui/material": "~7.3.8",
-    "@mui/system": "~7.3.8",
-    "@storybook/react-vite": "~10.2.9",
+    "@mui/icons-material": "~7.3.9",
+    "@mui/material": "~7.3.9",
+    "@mui/system": "~7.3.9",
+    "@storybook/react-vite": "~10.3.3",
     "@types/react": "^19.2.14",
-    "@xylabs/ts-scripts-yarn3": "~7.3.2",
-    "@xylabs/tsconfig": "~7.3.2",
-    "@xylabs/tsconfig-dom": "~7.3.2",
-    "@xylabs/tsconfig-react": "~7.3.2",
+    "@xylabs/ts-scripts-yarn3": "~7.5.6",
+    "@xylabs/tsconfig": "~7.5.6",
+    "@xylabs/tsconfig-dom": "~7.5.6",
+    "@xylabs/tsconfig-react": "~7.5.6",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "storybook": "~10.2.9",
+    "storybook": "~10.3.3",
     "typescript": "^5.9.3",
-    "vite": "~7.3.1",
+    "vite": "~8.0.3",
     "zod": "^4.3.6"
   },
   "peerDependencies": {

package/src/TwoPanelReflectionViewer.tsx

@@ -1,6 +1,5 @@
 import { Search } from '@mui/icons-material'
 import { TextField, useTheme } from '@mui/material'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
 import {
   FlexCol, FlexGrowCol, FlexRow,
 } from '@xylabs/react-flexbox'
@@ -43,10 +42,9 @@ export const TwoPanelReflectionViewer: React.FC<ContainerReflectionViewerProps>
     })
   }, [itemRenderer, lookup, reflection, hiddenFlags])
 
-  // eslint-disable-next-line react-x/no-nested-component-definitions
-  const NavigationCol: React.FC<FlexBoxProps> = (props) => {
-    return (
-      <FlexCol {...props}>
+  return (
+    <FlexRow alignItems="stretch" justifyContent="start" sx={{ overflowY: 'scroll' }} {...props}>
+      <FlexCol minWidth={320} alignItems="stretch" justifyContent="flex-start" overflow="hidden">
         <TextField
           fullWidth
           onChange={onSearchTermChange}
@@ -71,13 +69,7 @@ export const TwoPanelReflectionViewer: React.FC<ContainerReflectionViewerProps>
           />
         </FlexGrowCol>
       </FlexCol>
-    )
-  }
-
-  // eslint-disable-next-line react-x/no-nested-component-definitions
-  const DetailsCol: React.FC<FlexBoxProps> = (props) => {
-    return (
-      <FlexGrowCol {...props}>
+      <FlexGrowCol marginLeft={1} alignItems="stretch" justifyContent="flex-start" overflow="hidden">
         <FlexGrowCol alignItems="stretch">
           <FlexCol
             alignItems="stretch"
@@ -96,13 +88,6 @@ export const TwoPanelReflectionViewer: React.FC<ContainerReflectionViewerProps>
           </FlexCol>
         </FlexGrowCol>
       </FlexGrowCol>
-    )
-  }
-
-  return (
-    <FlexRow alignItems="stretch" justifyContent="start" sx={{ overflowY: 'scroll' }} {...props}>
-      <NavigationCol minWidth={320} alignItems="stretch" justifyContent="flex-start" overflow="hidden" />
-      <DetailsCol marginLeft={1} alignItems="stretch" justifyContent="flex-start" overflow="hidden" />
     </FlexRow>
   )
 }