@xyo-network/react-shared 2.67.6 → 2.67.8

package/package.json

@@ -16,10 +16,10 @@
     "@xylabs/react-link": "^3.0.35",
     "@xylabs/react-promise": "^3.0.35",
     "@xylabs/react-shared": "^3.0.35",
-    "@xyo-network/hash": "^2.84.19",
-    "@xyo-network/payload-model": "^2.84.19",
-    "@xyo-network/react-event": "~2.67.6",
-    "react-router-dom": "^6.21.0"
+    "@xyo-network/hash": "^2.85.6",
+    "@xyo-network/payload-model": "^2.85.6",
+    "@xyo-network/react-event": "~2.67.8",
+    "react-router-dom": "^6.21.1"
   },
   "devDependencies": {
     "@storybook/react": "^7.6.6",
@@ -86,6 +86,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.67.6",
+  "version": "2.67.8",
   "type": "module"
 }

package/src/components/BasicHero/BasicHero.tsx

@@ -112,7 +112,7 @@ export const BasicHero: React.FC<BasicHeroProps> = ({
           sm: '400px',
           xs: '200px',
         },
-        ...(sx ?? {}),
+        ...sx,
       }}
       style={{
         backgroundColor: backgroundColor ?? '',

package/src/components/ListItemButtonEx.tsx

@@ -21,9 +21,5 @@ export const ListItemButtonExTo: React.FC<ListItemButtonExProps> = ({ to, toOpti
 }
 
 export const ListItemButtonEx: React.FC<ListItemButtonExProps> = ({ to, ...props }) => {
-  if (to) {
-    return <ListItemButtonExTo to={to} {...props} />
-  } else {
-    return <ListItemButton {...props} />
-  }
+  return to ? <ListItemButtonExTo to={to} {...props} /> : <ListItemButton {...props} />
 }

package/src/components/LoadResult.tsx

@@ -20,9 +20,5 @@ export function LoadResult<T>(props: PropsWithChildren<LoadResultProps<T>>) {
   if (error) {
     return <>{children}</>
   }
-  if (searchResult === undefined) {
-    return <FlexGrowRow busy minHeight="50px" />
-  } else {
-    return <>{children}</>
-  }
+  return searchResult === undefined ? <FlexGrowRow busy minHeight="50px" /> : <>{children}</>
 }

package/src/components/StyleGuide/Papers.example.tsx

@@ -6,7 +6,7 @@ export const PapersExample: React.FC = ({ ...props }) => {
     <FlexCol {...props}>
       <Typography variant="subtitle1">Paper</Typography>
       <FlexRow alignItems="stretch">
-        {Array.from({ length: 5 }, () => undefined).map((_, index) => (
+        {Array.from({ length: 5 }, () => {}).map((_, index) => (
           <FlexCol key={`paper-${index}`} marginRight={2}>
             <Paper key={`paper-${index}`} elevation={index * 2} color="secondary">
               <Typography margin={1}>Elevation-{index * 3}</Typography>

package/src/components/TableCell/getRemainingRowWidth.ts

@@ -3,10 +3,8 @@ export const getRemainingRowWidth = (row: HTMLElement, forCell = 0) => {
   let width = 0
   for (let i = 0; i < (row?.childElementCount ?? 0); i++) {
     const item = row?.children.item(i)
-    if (item) {
-      if (i !== forCell) {
-        width += item?.clientWidth ?? 0
-      }
+    if (item && i !== forCell) {
+      width += item?.clientWidth ?? 0
     }
   }
 

package/src/components/TokenData/img/index.ts

@@ -1,17 +1,15 @@
-import ada from './ada.png'
-import btc from './btc.png'
-import busd from './busd.png'
-import dai from './dai.png'
-import dogecoin from './dogecoin.png'
-import dot from './dot.png'
-import ethereum from './ethereum.png'
-import frax from './frax.png'
-import link from './link.png'
-import sol from './sol.png'
-import tether from './tether.png'
-import usdCoin from './usd-coin.png'
-import weth from './weth.png'
-import wrappedBtc from './wrapped-bitcoin.png'
-import xyo from './xyo.png'
-
-export { ada, btc, busd, dai, dogecoin, dot, ethereum, frax, link, sol, tether, usdCoin, weth, wrappedBtc, xyo }
+export { default as ada } from './ada.png'
+export { default as btc } from './btc.png'
+export { default as busd } from './busd.png'
+export { default as dai } from './dai.png'
+export { default as dogecoin } from './dogecoin.png'
+export { default as dot } from './dot.png'
+export { default as ethereum } from './ethereum.png'
+export { default as frax } from './frax.png'
+export { default as link } from './link.png'
+export { default as sol } from './sol.png'
+export { default as tether } from './tether.png'
+export { default as usdCoin } from './usd-coin.png'
+export { default as weth } from './weth.png'
+export { default as wrappedBtc } from './wrapped-bitcoin.png'
+export { default as xyo } from './xyo.png'

package/src/components/TokenData/useGetTokenData.tsx

@@ -3,7 +3,7 @@ import { TokenData } from './TokenData'
 export const useGetTokenData = (symbols: (string | undefined)[]) => {
   return symbols?.map((symbol) => {
     const additionalTokenData = TokenData.find((x) => x.tokenSymbol === symbol)
-    const checkedTokenData = additionalTokenData ? additionalTokenData : TokenData[0]
+    const checkedTokenData = additionalTokenData ?? TokenData[0]
     return checkedTokenData
   })
 }

package/src/contexts/contextEx/use.ts

@@ -5,7 +5,7 @@ import { ContextExState } from './State'
 export const useContextEx = <T extends ContextExState>(context: Context<T>, contextName: string, required = true) => {
   const { provided, ...props } = useContext(context)
   if (!provided && required) {
-    throw Error(`use${contextName} can not be used outside of a ${contextName}Context when required=true`)
+    throw new Error(`use${contextName} can not be used outside of a ${contextName}Context when required=true`)
   }
   return props
 }

package/src/hooks/useDataState.ts

@@ -8,7 +8,7 @@ export const useDataState = <T>(defaultValue: T | undefined): [T | undefined, Di
       if (JSON.stringify(value) !== JSON.stringify(state)) {
         setState(value)
       }
-    } catch (ex) {
+    } catch {
       console.error('setDataState failed!  Make sure data type is stringifiable!')
     }
   }

package/src/hooks/useMediaQuery.ts

@@ -1,7 +1,7 @@
 // eslint-disable-next-line import/no-deprecated
-import { useMediaQuery } from '@mui/material'
 
 // eslint-disable-next-line import/no-deprecated
-export { useMediaQuery }
 
 /* This file only exists to deal with the false positve lint error */
+
+export { useMediaQuery } from '@mui/material'

package/src/hooks/usePromise.ts

@@ -1,4 +1,3 @@
-import { usePromise as importedUsePromise } from '@xylabs/react-promise'
-
 /** @deprecated use @xylabs/react-promise version instead */
-export const usePromise = importedUsePromise
+
+export { usePromise } from '@xylabs/react-promise'

package/src/lib/assertDefinedEx.ts

@@ -1,4 +1,4 @@
 export const assertDefinedEx = <T>(expr?: T | null, message?: string): T => {
   if (expr !== null && expr !== undefined) return expr
-  throw Error(message)
+  throw new Error(message)
 }

package/src/lib/getActualPaddingX.ts

@@ -1,18 +1,18 @@
 export const parseMeausureString = (measure?: string, absolute?: number) => {
   if (measure !== undefined && measure !== null && measure.length > 0) {
     if (measure.endsWith('px')) {
-      return parseFloat(measure.substring(0, measure.length - 2))
+      return Number.parseFloat(measure.slice(0, Math.max(0, measure.length - 2)))
     } else if (measure.endsWith('%')) {
       if (absolute !== undefined) {
-        return (parseFloat(measure.substring(0, measure.length - 1)) / 100) * absolute
+        return (Number.parseFloat(measure.slice(0, Math.max(0, measure.length - 1))) / 100) * absolute
       }
-      throw Error('Error Parsing Measure [missing absolute]')
+      throw new Error('Error Parsing Measure [missing absolute]')
     } else if (measure.endsWith('vw')) {
-      return (parseFloat(measure.substring(0, measure.length - 2)) / 100) * window.innerWidth
+      return (Number.parseFloat(measure.slice(0, Math.max(0, measure.length - 2))) / 100) * window.innerWidth
     } else if (measure.endsWith('vh')) {
-      return (parseFloat(measure.substring(0, measure.length - 2)) / 100) * window.innerHeight
+      return (Number.parseFloat(measure.slice(0, Math.max(0, measure.length - 2))) / 100) * window.innerHeight
     }
-    throw Error(`Error Parsing Measure [${measure}]`)
+    throw new Error(`Error Parsing Measure [${measure}]`)
   }
 }