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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/os-react-runtime",
-  "version": "7.1.0",
+  "version": "7.2.0",
   "description": "Primary SDK for using XYO Protocol 2.0",
   "homepage": "https://xyo.network",
   "bugs": {
@@ -33,78 +33,78 @@
     "src"
   ],
   "dependencies": {
-    "@react-spring/web": "~10.0.1",
-    "@xylabs/array": "~5.0.11",
-    "@xylabs/assert": "~5.0.11",
-    "@xylabs/base": "~5.0.11",
-    "@xylabs/events": "~5.0.11",
-    "@xylabs/forget": "~5.0.11",
-    "@xylabs/hex": "~5.0.11",
-    "@xylabs/object": "~5.0.11",
-    "@xylabs/promise": "~5.0.11",
-    "@xylabs/react-animation": "~7.0.4",
-    "@xylabs/react-async-effect": "~7.0.4",
-    "@xylabs/react-button": "~7.0.4",
-    "@xylabs/react-error": "~7.0.4",
-    "@xylabs/react-flexbox": "~7.0.4",
-    "@xylabs/react-link": "~7.0.4",
-    "@xylabs/react-promise": "~7.0.4",
-    "@xylabs/react-theme": "~7.0.4",
-    "@xyo-network/archivist-indexeddb": "~5.1.0",
-    "@xyo-network/archivist-model": "~5.1.0",
-    "@xyo-network/bios-browser": "~7.1.0",
-    "@xyo-network/bios-model": "~7.1.0",
-    "@xyo-network/diviner-boundwitness-indexeddb": "~5.1.0",
-    "@xyo-network/diviner-model": "~5.1.0",
-    "@xyo-network/diviner-payload-generic": "~5.1.0",
-    "@xyo-network/diviner-payload-indexeddb": "~5.1.0",
-    "@xyo-network/diviner-payload-model": "~5.1.0",
-    "@xyo-network/kernel": "~7.1.0",
-    "@xyo-network/kernel-model": "~7.1.0",
-    "@xyo-network/module-factory-locator": "~5.1.0",
-    "@xyo-network/module-model": "~5.1.0",
-    "@xyo-network/node-model": "~5.1.0",
-    "@xyo-network/os-model": "~7.1.0",
-    "@xyo-network/os-react-debug": "~7.1.0",
-    "@xyo-network/os-react-model": "~7.1.0",
-    "@xyo-network/os-runtime": "~7.1.0",
-    "@xyo-network/payload-model": "~5.1.0",
-    "@xyo-network/react-archivist": "~7.1.0",
-    "@xyo-network/react-card": "~7.1.0",
-    "@xyo-network/react-form-credit-card": "~7.1.0",
-    "@xyo-network/react-node": "~7.1.0",
-    "@xyo-network/react-shared": "~7.1.0",
-    "@xyo-network/react-table": "~7.1.0",
-    "@xyo-network/react-wallet": "~7.1.0",
-    "@xyo-network/wallet-model": "~5.1.0",
-    "luxon": "~3.7.1",
+    "@react-spring/web": "~10.0.3",
+    "@xylabs/array": "~5.0.42",
+    "@xylabs/assert": "~5.0.42",
+    "@xylabs/base": "~5.0.42",
+    "@xylabs/events": "~5.0.42",
+    "@xylabs/forget": "~5.0.42",
+    "@xylabs/hex": "~5.0.42",
+    "@xylabs/object": "~5.0.42",
+    "@xylabs/promise": "~5.0.42",
+    "@xylabs/react-animation": "~7.1.8",
+    "@xylabs/react-async-effect": "~7.1.8",
+    "@xylabs/react-button": "~7.1.8",
+    "@xylabs/react-error": "~7.1.8",
+    "@xylabs/react-flexbox": "~7.1.8",
+    "@xylabs/react-link": "~7.1.8",
+    "@xylabs/react-promise": "~7.1.8",
+    "@xylabs/react-theme": "~7.1.8",
+    "@xyo-network/archivist-indexeddb": "~5.2.9",
+    "@xyo-network/archivist-model": "~5.2.9",
+    "@xyo-network/bios-browser": "~7.2.0",
+    "@xyo-network/bios-model": "~7.2.0",
+    "@xyo-network/diviner-boundwitness-indexeddb": "~5.2.9",
+    "@xyo-network/diviner-model": "~5.2.9",
+    "@xyo-network/diviner-payload-generic": "~5.2.9",
+    "@xyo-network/diviner-payload-indexeddb": "~5.2.9",
+    "@xyo-network/diviner-payload-model": "~5.2.9",
+    "@xyo-network/kernel": "~7.2.0",
+    "@xyo-network/kernel-model": "~7.2.0",
+    "@xyo-network/module-factory-locator": "~5.2.9",
+    "@xyo-network/module-model": "~5.2.9",
+    "@xyo-network/node-model": "~5.2.9",
+    "@xyo-network/os-model": "~7.2.0",
+    "@xyo-network/os-react-debug": "~7.2.0",
+    "@xyo-network/os-react-model": "~7.2.0",
+    "@xyo-network/os-runtime": "~7.2.0",
+    "@xyo-network/payload-model": "~5.2.9",
+    "@xyo-network/react-archivist": "~7.4.0",
+    "@xyo-network/react-card": "~7.4.0",
+    "@xyo-network/react-form-credit-card": "~7.4.0",
+    "@xyo-network/react-node": "~7.4.0",
+    "@xyo-network/react-shared": "~7.4.0",
+    "@xyo-network/react-table": "~7.4.0",
+    "@xyo-network/react-wallet": "~7.4.0",
+    "@xyo-network/wallet-model": "~5.2.9",
+    "luxon": "~3.7.2",
     "react-helmet": "~6.1.0",
     "react-icons": "~5.5.0",
-    "react-router-dom": "~7.8.2",
+    "react-router-dom": "~7.9.6",
     "react-use-gesture": "~9.1.3",
-    "rollbar": "~2.26.4"
+    "rollbar": "~2.26.5"
   },
   "devDependencies": {
     "@emotion/react": "~11.14.0",
     "@emotion/styled": "~11.14.1",
-    "@mui/icons-material": "~7.3.1",
-    "@mui/material": "~7.3.1",
-    "@mui/system": "~7.3.1",
-    "@mui/x-tree-view": "~8.10.2",
-    "@storybook/react-vite": "~9.1.3",
+    "@mui/icons-material": "~7.3.5",
+    "@mui/material": "~7.3.5",
+    "@mui/system": "~7.3.5",
+    "@mui/x-tree-view": "~8.14.1",
+    "@storybook/react-vite": "~10.0.8",
     "@types/luxon": "~3.7.1",
-    "@types/react": "~19.1.12",
+    "@types/react": "~19.2.6",
     "@types/react-helmet": "~6.1.11",
-    "@xylabs/ts-scripts-react-yarn3": "~7.1.7",
-    "@xylabs/ts-scripts-yarn3": "~7.1.7",
-    "@xylabs/tsconfig": "~7.1.7",
-    "@xylabs/tsconfig-dom": "~7.1.7",
-    "@xylabs/tsconfig-react": "~7.1.7",
-    "react": "~19.1.1",
-    "react-dom": "~19.1.1",
-    "storybook": "~9.1.3",
-    "typescript": "~5.9.2",
-    "vite": "~7.1.3"
+    "@xylabs/ts-scripts-react-yarn3": "~7.2.8",
+    "@xylabs/ts-scripts-yarn3": "~7.2.8",
+    "@xylabs/tsconfig": "~7.2.8",
+    "@xylabs/tsconfig-dom": "~7.2.8",
+    "@xylabs/tsconfig-react": "~7.2.8",
+    "react": "~19.2.0",
+    "react-dom": "~19.2.0",
+    "storybook": "~10.0.8",
+    "typescript": "~5.9.3",
+    "vite": "~7.2.4"
   },
   "peerDependencies": {
     "@mui/icons-material": ">=6 <8",

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

@@ -25,7 +25,7 @@ const sampleData: HorizontalBarGraphItemProps[] = [
 ]
 
 export const HorizontalBarGraph: React.FC<HorizontalBarGraphProps> = ({ items = sampleData, ...props }) => {
-  const itemsSortedByValue = items.sort(function (a, b) {
+  const itemsSortedByValue = items.toSorted(function (a, b) {
     const keyA = a.value,
       keyB = b.value
     // Compare the 2 dates
@@ -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 {

package/src/utils/DappInstallTypeFilters.ts

@@ -9,19 +9,19 @@ export const DappInstallTypeFilters: Record<
 > = {
   installed(registeredDappSets?: RegisteredDappSet[]) {
     return registeredDappSets && registeredDappSets?.length > 0
-      ? registeredDappSets?.filter(isInstalledDappSet).sort((a, b) => (a.dapp.config.name.toUpperCase() < b.dapp.config.name.toUpperCase() ? -1 : 1))
+      ? registeredDappSets?.filter(isInstalledDappSet).toSorted((a, b) => (a.dapp.config.name.toUpperCase() < b.dapp.config.name.toUpperCase() ? -1 : 1))
       : undefined
   },
   preInstalled(registeredDappSets?: RegisteredDappSet[]) {
     return registeredDappSets && registeredDappSets?.length > 0
       ? registeredDappSets
           ?.filter(isPreInstalledDappSet)
-          .sort((a, b) => (a.dapp.config.name.toUpperCase() < b.dapp.config.name.toUpperCase() ? -1 : 1))
+          .toSorted((a, b) => (a.dapp.config.name.toUpperCase() < b.dapp.config.name.toUpperCase() ? -1 : 1))
       : undefined
   },
   uninstalled(registeredDappSets?: RegisteredDappSet[]) {
     return registeredDappSets && registeredDappSets?.length > 0
-      ? registeredDappSets.filter(isUnInstalledDappSet).sort((a, b) => (a.dapp.config.name.toUpperCase() < b.dapp.config.name.toUpperCase() ? -1 : 1))
+      ? registeredDappSets.filter(isUnInstalledDappSet).toSorted((a, b) => (a.dapp.config.name.toUpperCase() < b.dapp.config.name.toUpperCase() ? -1 : 1))
       : undefined
   },
 }