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

package/src/modules/Dapp/modules/Window/hooks/useSyncOsRegisteredAccessInterfaces.tsx

@@ -7,7 +7,7 @@ import { useDappCaller } from '../../../useDappCaller.ts'
 
 /**
  * Syncs the registered access interfaces from the Os with the DappArchivist
- * @param {NodeInstance | null} dappNode The dapp node
+ * @param dappNode The dapp node
  */
 export const useSyncOsRegisteredAccessInterfaces = (context?: XyOsContext | null) => {
   const [registeredInterfacesArchivist] = useWeakArchivistFromNode('RegisteredDappInterfacesArchivist')

package/src/modules/XyOsUi/lib/XyOsUi.ts

@@ -1,4 +1,4 @@
-import { forget } from '@xylabs/forget'
+import { forget } from '@xylabs/sdk-js'
 import { ModuleFactoryLocator } from '@xyo-network/module-factory-locator'
 import type { ModuleFactoryLocatorInstance } from '@xyo-network/module-model'
 import type { SplashScreenLoadingMessages, XyOsUiGlobal } from '@xyo-network/os-model'

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/dapps/accounts/models/CreditCardInput.ts

@@ -1,7 +1,7 @@
 import type { Payload } from '@xyo-network/payload-model'
-import { isPayloadOfSchemaType } from '@xyo-network/payload-model'
+import { asSchema, isPayloadOfSchemaType } from '@xyo-network/payload-model'
 
-export const CreditCardInputSchema = 'network.xyo.credit.card.input' as const
+export const CreditCardInputSchema = asSchema('network.xyo.credit.card.input', true)
 export type CreditCardInputSchema = typeof CreditCardInputSchema
 
 export type CreditCardInputFields = {

package/src/modules/dapps/table/head/Schema.ts

@@ -1,2 +1,4 @@
-export const TableHeadCellSchema = 'network.xyo.table.cell.head' as const
+import { asSchema } from '@xyo-network/payload-model'
+
+export const TableHeadCellSchema = asSchema('network.xyo.table.cell.head', true)
 export type TableHeadCellSchema = typeof TableHeadCellSchema

package/src/modules/intent/useDappIntentCaller.ts

@@ -1,4 +1,4 @@
-import { assertEx } from '@xylabs/assert'
+import { assertEx } from '@xylabs/sdk-js'
 import type { XyOsContext } from '@xyo-network/os-model'
 import { DappIntentCaller } from '@xyo-network/os-runtime'
 import { useMemo } from 'react'

package/src/modules/intent/useDappIntentListener.ts

@@ -1,4 +1,4 @@
-import { filterAs } from '@xylabs/array'
+import { filterAs } from '@xylabs/sdk-js'
 import type { ArchivistModuleEventData } from '@xyo-network/archivist-model'
 import type { DappIntent } from '@xyo-network/os-model'
 import {

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/network/hooks/lib/createNetworkState.ts

@@ -1,4 +1,4 @@
-import { assertEx } from '@xylabs/assert'
+import { assertEx } from '@xylabs/sdk-js'
 
 import type { StackReady } from '../../../../interfaces/index.ts'
 import type { NetworkState } from './NetworkState.ts'

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

@@ -12,7 +12,6 @@ import { useXyOsUiContext } from '../../XyOsUi/index.ts'
 
 /**
  * Creates a dapp node for the provided dapp and name
- *
  * @param dapp - The dapp to create the node for
  */
 export const useDappContextCreator = (

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

@@ -1,4 +1,4 @@
-import type { EventListener } from '@xylabs/events'
+import type { EventListener } from '@xylabs/sdk-js'
 import type { DappRegistrationResults, EventBusPubSubConnectionRequest } from '@xyo-network/os-model'
 import { EventBusPubSubConnection } from '@xyo-network/os-runtime'
 import { useEffect, useState } from 'react'
@@ -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/os/hooks/useOsSettingsCaller.ts

@@ -1,4 +1,4 @@
-import { assertEx } from '@xylabs/assert'
+import { assertEx } from '@xylabs/sdk-js'
 import type { XyOsContext } from '@xyo-network/os-model'
 import { OsSettingsCaller, OsSettingsReadyEvent } from '@xyo-network/os-runtime'
 import { useMemo } from 'react'

package/src/modules/stack/useStackReady.ts

@@ -1,5 +1,5 @@
-import { assertEx } from '@xylabs/assert'
-import type { EventListener } from '@xylabs/events'
+import type { EventListener } from '@xylabs/sdk-js'
+import { assertEx } from '@xylabs/sdk-js'
 import type { EventBusPubSubConnectionRequest, XyOsContext } from '@xyo-network/os-model'
 import { EventBusPubSubConnection } from '@xyo-network/os-runtime'
 import { useEffect, useState } from 'react'
@@ -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 {

package/src/settings/Theme/ThemeCssVars.ts

@@ -82,7 +82,7 @@ const darkPalette = {
   },
 }
 
-/** @deprecated - use theme from @xylabs/react-theme */
+/** @deprecated - use theme from \@xylabs/react-theme */
 export const ThemeCssVars = createTheme({
   colorSchemes: {
     dark: { palette: darkPalette },