@xyo-network/react-shared 7.5.5 → 7.5.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-shared",
-  "version": "7.5.5",
+  "version": "7.5.6",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -43,36 +43,36 @@
     "src"
   ],
   "dependencies": {
-    "@xylabs/react-button": "~7.1.15",
-    "@xylabs/react-flexbox": "~7.1.15",
-    "@xylabs/react-hooks": "~7.1.15",
-    "@xylabs/react-link": "~7.1.15",
-    "@xylabs/react-promise": "~7.1.15",
-    "@xylabs/react-shared": "~7.1.15",
-    "@xylabs/react-theme": "~7.1.15",
-    "@xylabs/sdk-js": "~5.0.79",
-    "@xyo-network/boundwitness-model": "~5.3.5",
-    "@xyo-network/boundwitness-validator": "~5.3.5",
-    "@xyo-network/payload-builder": "~5.3.5",
-    "@xyo-network/payload-model": "~5.3.5"
+    "@xylabs/react-button": "~7.1.17",
+    "@xylabs/react-flexbox": "~7.1.17",
+    "@xylabs/react-hooks": "~7.1.17",
+    "@xylabs/react-link": "~7.1.17",
+    "@xylabs/react-promise": "~7.1.17",
+    "@xylabs/react-shared": "~7.1.17",
+    "@xylabs/react-theme": "~7.1.17",
+    "@xylabs/sdk-js": "~5.0.90",
+    "@xyo-network/boundwitness-model": "~5.3.17",
+    "@xyo-network/boundwitness-validator": "~5.3.17",
+    "@xyo-network/payload-builder": "~5.3.17",
+    "@xyo-network/payload-model": "~5.3.17"
   },
   "devDependencies": {
-    "@mui/icons-material": "~7.3.8",
-    "@mui/material": "~7.3.8",
-    "@storybook/react-vite": "~10.2.9",
+    "@mui/icons-material": "~7.3.9",
+    "@mui/material": "~7.3.9",
+    "@storybook/react-vite": "~10.3.3",
     "@types/react": "^19.2.14",
-    "@xylabs/react-appbar": "~7.1.15",
-    "@xylabs/react-quick-tip-button": "~7.1.15",
-    "@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/react-appbar": "~7.1.17",
+    "@xylabs/react-quick-tip-button": "~7.1.17",
+    "@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",
-    "react-router-dom": "^7.13.0",
-    "storybook": "~10.2.9",
+    "react-router-dom": "^7.13.2",
+    "storybook": "~10.3.3",
     "typescript": "^5.9.3",
-    "vite": "~7.3.1",
+    "vite": "~8.0.3",
     "zod": "^4.3.6"
   },
   "peerDependencies": {

package/src/components/bigint/TextField.tsx

@@ -1,5 +1,6 @@
 import type {
-  FormControlProps, StandardTextFieldProps, TextFieldProps,
+  FormControlProps,
+  TextFieldProps,
 } from '@mui/material'
 import {
   FormControl, FormHelperText, TextField,
@@ -29,16 +30,20 @@ export const BigIntTextField: React.FC<BigIntTextFieldProps> = ({
   const [fixedPoint, setFixedPoint] = useState(defaultFixedPoint)
   const [error, setError] = useState<Error>()
 
-  useMemo(() => {
+  const [previousResetValue, setPreviousResetValue] = useState(resetValue)
+  if (resetValue !== previousResetValue) {
+    setPreviousResetValue(resetValue)
     setRawValue('')
-  }, [resetValue])
+  }
 
-  useMemo(() => {
+  const [previousDefaultRawValue, setPreviousDefaultRawValue] = useState(defaultRawValue)
+  if (defaultRawValue !== previousDefaultRawValue) {
+    setPreviousDefaultRawValue(defaultRawValue)
     if (isDefined(defaultRawValue)) {
       const formattedValue = formatBigIntInput(defaultRawValue)
       if (formattedValue) setRawValue(formattedValue)
     }
-  }, [defaultRawValue])
+  }
 
   const handleChange: FocusEventHandler<HTMLTextAreaElement> = (event) => {
     // run standard callback with raw event
@@ -54,27 +59,25 @@ export const BigIntTextField: React.FC<BigIntTextFieldProps> = ({
 
   const onFixedPointChange = (fixedPoint: number) => setFixedPoint(fixedPoint)
 
-  // on value or point changes, run the bigInt callback
-  const bigIntValue = useMemo(() => {
-    if (rawValue) {
-      const fixedValue = toFixedPoint(rawValue, fixedPoint)
-      setError(undefined)
-      try {
-        return fixedValue
-      } catch (e) {
-        console.error(e)
-        setError(e as Error)
+  useEffect(() => {
+    // on value or point changes, run the bigInt callback
+    const bigIntValue = () => {
+      if (rawValue) {
+        const fixedValue = toFixedPoint(rawValue, fixedPoint)
+        setError(undefined)
+        try {
+          return fixedValue
+        } catch (e) {
+          console.error(e)
+          setError(e as Error)
+          return
+        }
+      } else {
         return
       }
-    } else {
-      return
     }
-    // run bigInt callback
-  }, [rawValue, fixedPoint])
-
-  useEffect(() => {
-    onChangeFixedPoint?.(bigIntValue)
-  }, [bigIntValue])
+    onChangeFixedPoint?.(bigIntValue())
+  }, [fixedPoint, onChangeFixedPoint, rawValue])
 
   // prevent the fixed point from being less than the number of decimal places
   const minFixedPoint = rawValue.split('.')[1]?.length

package/src/contexts/diviner/Provider.tsx

@@ -29,8 +29,7 @@ export const ResolvedDivinerProvider = <D,>({
       provided: true,
       setDiviner,
     }
-  }, [
-    setDiviner, divinerProp])
+  }, [setDiviner, divinerProp, diviner])
 
   return (
     <Context

package/src/hooks/useShareForwardRef.ts

@@ -1,6 +1,7 @@
 import type { ForwardedRef } from 'react'
 import { useEffect, useRef } from 'react'
 
+/** @deprecated */
 export const useShareForwardedRef = <T>(forwardedRef: ForwardedRef<T> | null | undefined, refresh = 0) => {
   // final ref that will share value with forward ref. this is the one to be attached to components
   const innerRef = useRef<T>(null)
@@ -12,6 +13,8 @@ export const useShareForwardedRef = <T>(forwardedRef: ForwardedRef<T> | null | u
     if (typeof forwardedRef === 'function') {
       forwardedRef(innerRef.current)
     } else {
+      // suppressing since this is older and deprecated
+      // eslint-disable-next-line react-hooks/immutability
       forwardedRef.current = innerRef.current
     }
   }, [forwardedRef, refresh])