@xyo-network/os-react-runtime 7.1.1 → 7.2.0

package/src/modules/Dapp/Page/DappPathSwitcher.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react-x/jsx-no-iife */
 import { animated, useTransition } from '@react-spring/web'
 import { ErrorRender } from '@xylabs/react-error'
 import type { ReactNode } from 'react'

package/src/modules/Dapp/RenderHtml.tsx

@@ -6,7 +6,6 @@ export const RenderHtml = ({ htmlString }: {
   return (
     <div
       style={{ height: 64, width: 64 }}
-      // eslint-disable-next-line @eslint-react/dom/no-dangerously-set-innerhtml
       dangerouslySetInnerHTML={{ __html: htmlString }}
     />
   )

package/src/modules/Dapp/modules/Window/LoadingFlexbox.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @eslint-react/hooks-extra/no-direct-set-state-in-use-effect */
 import {
   Fade, styled, Typography,
 } from '@mui/material'

package/src/modules/Dapp/modules/Window/Trail.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @eslint-react/no-array-index-key */
 import { a, useTrail } from '@react-spring/web'
 import type { FlexBoxProps } from '@xylabs/react-flexbox'
 import React from 'react'
@@ -8,7 +7,6 @@ interface TextTrailProps extends FlexBoxProps {
 }
 
 export const TextTrail: React.FC<TextTrailProps> = ({ open, children }) => {
-  // eslint-disable-next-line @eslint-react/no-children-to-array
   const items = React.Children.toArray(children)
   const trail = useTrail(items.length, {
     config: {

package/src/modules/Dapp/modules/Window/components/DefaultComingSoon/DefaultComingSoon.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @eslint-react/no-array-index-key */
 import {
   Card, CardContent, Chip, Container, Divider, Typography, useTheme,
 } from '@mui/material'

package/src/modules/Dapp/modules/Window/components/menu/BottomNavigation.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable @eslint-react/no-array-index-key */
-/* eslint-disable @eslint-react/hooks-extra/no-direct-set-state-in-use-effect */
 import type { BottomNavigationProps } from '@mui/material'
 import {
   BottomNavigation, BottomNavigationAction, Paper, styled,

package/src/modules/Dapp/modules/Window/components/menu/Drawer.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @eslint-react/hooks-extra/no-direct-set-state-in-use-effect */
 import type { DrawerProps } from '@mui/material'
 import {
   alpha,

package/src/modules/Dapp/modules/Window/hooks/menu/useDappMenu.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @eslint-react/hooks-extra/no-direct-set-state-in-use-effect */
 import type { DappName, XyOsContext } from '@xyo-network/os-model'
 import {
   useEffect, useRef, useState,

package/src/modules/Dapp/modules/Window/hooks/useDebugClick.ts

@@ -26,7 +26,6 @@ export const useDebugClick = () => {
     closeFromClick.current = true
     initialized.current = false
     void navigate(-1)
-    // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect
     setDebugOpen(false)
   }, [navigate])
 

package/src/modules/dapps/accounts/components/AccountCard.tsx

@@ -23,8 +23,6 @@ export const AccountCard: React.FC<AccountCardProps> = ({ items, ...props }) =>
         <FlexGrowCol width="100%" gap={2}>
           {items.map((item, index) => {
             return (
-
-              // eslint-disable-next-line @eslint-react/no-array-index-key
               <FlexGrowCol gap={2} key={index} width="100%" alignItems="stretch">
                 <FlexGrowRow
                   sx={{

package/src/modules/dapps/accounts/components/AnimatedComponents/IconAnimations/TwoToneBulletPointList.tsx

@@ -13,7 +13,6 @@ export const TwoToneBulletPointList: React.FC<TwoToneBulletPointListProps> = ({
     <FlexCol alignItems="flex-start" gap={1}>
       {list.map((item, index) => {
         return (
-          // eslint-disable-next-line @eslint-react/no-array-index-key
           <FlexGrowRow key={index + 'bulletPointList'} alignItems="flex-start" justifyContent="flex-start" gap={1}>
             <TwoToneBulletPoint marginTop="4px" />
             {item}

package/src/modules/intent/useDappIntentListener2.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @eslint-react/hooks-extra/no-direct-set-state-in-use-effect */
 import { DappIntentTypes, DappMode } from '@xyo-network/os-model'
 import { useEffect, useState } from 'react'
 

package/src/modules/os/hooks/useDappRegistrationResults.ts

@@ -21,7 +21,6 @@ export const useDappRegistrationResults = () => {
     const dappsReadyConnection = new EventBusPubSubConnection(dappsReadyConnectionRequest)
     if (context) {
       context.eventBus.addConnection(dappsReadyConnection)
-      // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect
       setRegisteredDappSetResults(context.dappRegistrationResults)
     }
     return () => (context && dappsReadyConnection.id ? context.eventBus.removeConnection(dappsReadyConnection.id) : undefined)

package/src/modules/stack/useStackReady.ts

@@ -33,7 +33,6 @@ export const useStackReady = (stackReadyEvent: string, stackName: string, contex
 
       // attempt to see if the stack is already initialized
       const stack = derivedContext.getStack(stackName)
-      // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect
       if (stack.initialized) setStackReady({ ready: true, stack: stack.stack })
     }
 

package/src/modules/widgets/StackOfWidgets.tsx

@@ -89,8 +89,6 @@ function Deck() {
         x, y, rot, scale,
       }, i) => (
         <animated.div
-
-          // eslint-disable-next-line @eslint-react/no-array-index-key
           key={i}
           style={{
             alignItems: 'center',

package/src/modules/widgets/Types/BarGraph/HorizontalBarGraph.tsx

@@ -41,7 +41,6 @@ export const HorizontalBarGraph: React.FC<HorizontalBarGraphProps> = ({ items =
   return (
     <FlexCol alignItems="stretch" gap={0.5} {...props}>
       {items.slice(0, 5).map((item, index) => (
-        // eslint-disable-next-line @eslint-react/no-array-index-key
         <FlexCol alignItems="stretch" key={index}>
           <FlexGrowRow justifyContent="space-between">
             <Typography variant="caption" maxWidth="50%" noWrap>

package/src/modules/widgets/Types/DataColumns/TwoColTwoStat.tsx

@@ -27,7 +27,6 @@ export const TwoColTwoStat: React.FC<TwoColTwoStatProps> = ({ items, ...props })
   return (
     <FlexGrowRow gap={2} {...props}>
       {items.map((item, index) => (
-        // eslint-disable-next-line @eslint-react/no-array-index-key
         <FlexCol key={`stat-${index}-${item.unit}`} flexGrow={1} alignItems="start">
           <Typography variant="h2" fontWeight={theme.typography.fontWeightMedium}>
             {item.rawInsightValue}

package/src/modules/widgets/Types/Tables/BooleanTable.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @eslint-react/no-array-index-key */
 import { CircleRounded } from '@mui/icons-material'
 import type { SvgIcon } from '@mui/material'
 import {