@xyo-network/react-xns 7.5.4 → 7.5.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-xns",
-  "version": "7.5.4",
+  "version": "7.5.6",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -43,28 +43,28 @@
     "src"
   ],
   "dependencies": {
-    "@xylabs/react-button": "~7.1.15",
-    "@xylabs/react-flexbox": "~7.1.15",
-    "@xylabs/react-link": "~7.1.15",
-    "@xylabs/react-pixel": "~7.1.15",
-    "@xylabs/react-theme": "~7.1.15",
+    "@xylabs/react-button": "~7.1.17",
+    "@xylabs/react-flexbox": "~7.1.17",
+    "@xylabs/react-link": "~7.1.17",
+    "@xylabs/react-pixel": "~7.1.17",
+    "@xylabs/react-theme": "~7.1.17",
     "@xyo-network/xns-record-payloadset-plugins": "~5.3.1"
   },
   "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/ts-scripts-yarn3": "~7.3.2",
-    "@xylabs/tsconfig": "~7.3.2",
-    "@xylabs/tsconfig-dom": "~7.3.2",
-    "@xylabs/tsconfig-react": "~7.3.2",
+    "@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/EstimateName/EstimateNameTextField.tsx

@@ -3,7 +3,8 @@ import { TextField, useTheme } from '@mui/material'
 import { alphaCss } from '@xylabs/react-theme'
 import { MIN_DOMAIN_LENGTH, XnsNameHelper } from '@xyo-network/xns-record-payloadset-plugins'
 import React, {
-  useLayoutEffect, useMemo, useRef, useState,
+  useLayoutEffect,
+  useRef, useState,
 } from 'react'
 
 export interface XnsEstimateNameTextFieldProps {
@@ -19,13 +20,15 @@ export const XnsEstimateNameTextField: React.FC<XnsEstimateNameTextFieldProps &
   const inputRef = useRef<HTMLInputElement>(null)
 
   // watch for external changes to the value and update the validLength state
-  useMemo(() => {
+  const [previousValue, setPreviousValue] = useState<unknown>(value)
+  if (value !== previousValue) {
+    setPreviousValue(value)
     const validValueLength = !!(value && typeof value === 'string' && value.length >= MIN_DOMAIN_LENGTH)
     setValidLength(validValueLength)
-  }, [value])
+  }
 
   // Update the input value when the value prop changes
-  // NOTE: the intent of this component is to remain uncontrolled to avoid the need to manage the value state
+  // The intent of this component is to remain uncontrolled to avoid the need to manage the value state
   // Therefore, we use useLayoutEffect to update the input value directly.
   useLayoutEffect(() => {
     if (inputRef.current && typeof value === 'string') {

package/src/components/XnsNameCapture/Errors.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react-x/jsx-no-iife */
 import {
   Alert, Snackbar, useMediaQuery, useTheme,
 } from '@mui/material'
@@ -38,6 +37,7 @@ export const XnsNameCaptureErrors: React.FC<XnsNameCaptureErrorsProps> = ({
               </Alert>
             </Snackbar>
           )
+        // eslint-disable-next-line react-x/unsupported-syntax
         : (() => {
             // setTimeout(() => setError(undefined), 1500)
             return (

package/src/components/XnsNameCapture/XnsNameCapture.tsx

@@ -60,7 +60,7 @@ export const XnsNameCapture: React.FC<XnsNameCaptureProps> = ({
     } else {
       setError(new Error(errors.join(', ')))
     }
-  }, [paramsString, to, xnsName, onCaptureNameProp, navigate])
+  }, [captureDisabled, xnsName, onCaptureNameProp, paramsString, navigate, to])
 
   const onKeyDown: KeyboardEventHandler<HTMLDivElement> = useCallback(async (event) => {
     if (event.key === 'Enter' && !captureDisabled) {

package/src/components/XnsNameCapture/hooks/routing/useXnsNameCaptureRouting.ts

@@ -17,5 +17,5 @@ export const useXnsNameCaptureRouting = (props: XnsNameCaptureProps) => {
     routingError: error,
     navigate: props.navigate ?? ((to: string) => navigate(to)),
     paramsString: props.paramsString ? `${props.paramsString}${params.toString()}` : params.toString(),
-  }), [props, params, name, error])
+  }), [props, name, error, params, navigate])
 }