@xyo-network/react-shared 7.0.0 → 7.0.2

package/src/components/bigint/helpers/formatBigIntInput.ts

@@ -0,0 +1,11 @@
+/**
+ * Format a raw input string (i.e. Change event from input type=text)
+ * Designed to filter out non-digits and extra decimals
+ **/
+export const formatBigIntInput = (rawValue: string) => {
+  // remove all alpha characters but allow decimals
+  const filteredValue = rawValue.replaceAll(/[^\d.]/g, '')
+  // only allow one decimal point
+  if (filteredValue.split('.').length > 2) return
+  return filteredValue
+}

package/src/components/bigint/helpers/index.ts

@@ -0,0 +1 @@
+export * from './formatBigIntInput.ts'

package/src/components/bigint/index.ts

@@ -1,4 +1,5 @@
 export * from './FixedPointPopover.tsx'
+export * from './helpers/index.ts'
 export * from './Input.ts'
 export * from './InputAdornment.tsx'
 export * from './TextField.tsx'

package/src/hooks/payload/usePayloadValidate.tsx

@@ -1,19 +1,20 @@
 import { assertEx } from '@xylabs/assert'
 import { PayloadBuilder } from '@xyo-network/payload-builder'
-import type { Payload } from '@xyo-network/payload-model'
+import type { AnyPayload, Payload } from '@xyo-network/payload-model'
 import { isAnyPayload } from '@xyo-network/payload-model'
 import { useMemo } from 'react'
 
 import type { ValidatedResponse } from './types/index.ts'
 
-export const usePayloadValidate = <TPayload extends Payload>(input?: string): ValidatedResponse => {
+export const usePayloadValidate = <TPayload extends AnyPayload>(input?: string): ValidatedResponse => {
   return useMemo(() => {
     if (!input) return {}
     try {
       const object = JSON.parse(input)
       const validPayload = assertEx(isAnyPayload(object) ? object : null, () => 'Invalid payload')
       const { schema, ...fields } = validPayload
-      return { payload: new PayloadBuilder({ schema }).fields(fields).build() as TPayload }
+      const payload = new PayloadBuilder({ schema }).fields(fields).build() as TPayload
+      return { payload }
     } catch (error) {
       return { errors: [error as Error] }
     }