react-hook-core 0.5.0 → 0.5.2

package/src/formutil.ts

@@ -1,69 +0,0 @@
-export function setReadOnly(form?: HTMLFormElement | null, ...args: string[]): void {
-  if (!form) {
-    return
-  }
-  const len = form.length
-  for (let i = 0; i < len; i++) {
-    const ctrl = form[i] as HTMLInputElement
-    const name = ctrl.getAttribute("name")
-    let skip = false
-    if (name != null && name.length > 0 && name !== "btnBack") {
-      if (arguments.length > 1) {
-        for (let j = 1; j < arguments.length; j++) {
-          if (arguments[j] === name) {
-            skip = true
-            // continue; has bugs => why?
-          }
-        }
-      }
-      if (skip === false) {
-        let nodeName = ctrl.nodeName
-        const type = ctrl.getAttribute("type")
-        if (nodeName === "INPUT" && type !== null) {
-          nodeName = type.toUpperCase()
-        }
-        if (nodeName !== "BUTTON" && nodeName !== "RESET" && nodeName !== "SUBMIT" && nodeName !== "SELECT") {
-          switch (type) {
-            case "checkbox":
-              ctrl.disabled = true
-              break
-            case "radio":
-              ctrl.disabled = true
-              break
-            default:
-              ctrl.readOnly = true
-          }
-        } else {
-          ctrl.disabled = true
-        }
-      }
-    }
-  }
-}
-export function focusFirstError(form?: HTMLFormElement | null, className?: string): void {
-  if (!form) {
-    return
-  }
-  const len = form.length
-  if (className && className.length > 0) {
-    for (let i = 0; i < len; i++) {
-      const ctrl = form[i] as HTMLInputElement
-      const parent = ctrl.parentElement
-      if (ctrl.classList.contains(className) || (parent && parent.classList.contains(className))) {
-        ctrl.focus()
-        ctrl.scrollIntoView()
-        return
-      }
-    }
-  } else {
-    for (let i = 0; i < len; i++) {
-      const ctrl = form[i] as HTMLInputElement
-      const parent = ctrl.parentElement
-      if (ctrl.classList.contains("invalid") || ctrl.classList.contains(".ng-invalid") || (parent && parent.classList.contains("invalid"))) {
-        ctrl.focus()
-        ctrl.scrollIntoView()
-        return
-      }
-    }
-  }
-}

package/src/update.ts

@@ -1,130 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from "react"
-import { Locale, removePhoneFormat } from "./core"
-import { buildFlatState, buildState, handleEvent, localeOf } from "./state"
-
-export function getModelName(form?: HTMLFormElement | null, name?: string): string {
-  if (form) {
-    const a = form.getAttribute("model-name")
-    if (a && a.length > 0) {
-      return a
-    }
-    const b = form.name
-    if (b) {
-      if (b.endsWith("Form")) {
-        return b.substring(0, b.length - 4)
-      }
-      return b
-    }
-  }
-  if (name && name.length > 0) {
-    return name
-  }
-  return ""
-}
-const m = "model"
-const _getModelName = (f2?: HTMLFormElement | null): string => {
-  return getModelName(f2, m)
-}
-
-export type Callback<T> = (value?: T) => void
-export type DispatchWithCallback<T> = (value: T, callback?: Callback<T>) => void
-
-export function useMergeState<T>(initialState?: T | (() => T)): [T, DispatchWithCallback<Partial<T>>] {
-  const [state, _setState] = useState(initialState ? initialState : ({} as any))
-
-  const callbackRef = useRef<Callback<T>>(null)
-
-  const setState = useCallback(
-    (newState: Partial<T>, callback?: Callback<T>): void => {
-      ;(callbackRef as any).current = callback
-      _setState((prevState: any) => Object.assign({}, prevState, newState))
-    },
-    [state],
-  )
-
-  useEffect(() => {
-    if (callbackRef.current) {
-      callbackRef.current(state)
-    }
-  }, [state])
-
-  return [state, setState]
-}
-
-export const useUpdate = <T>(
-  initialState: T,
-  getName?: ((f?: HTMLFormElement | null) => string) | string,
-  getLocale?: (() => Locale) | Locale,
-  removeErr?: (ctrl: HTMLInputElement) => void,
-) => {
-  const [state, setState] = useMergeState<T>(initialState)
-  const [rerender, setRerender] = useState(false)
-
-  // trigger re-render page when change state in useSearch
-  useEffect(() => {
-    setRerender(!rerender)
-  }, [state])
-
-  const updatePhoneState = (event: any) => {
-    const re = /^[0-9\b]+$/
-    const target = event.currentTarget as HTMLInputElement
-    const value = removePhoneFormat(target.value)
-    if (re.test(value) || !value) {
-      updateState(event)
-    } else {
-      const splitArr = value.split("")
-      let responseStr = ""
-      splitArr.forEach((element) => {
-        if (re.test(element)) {
-          responseStr += element
-        }
-      })
-      target.value = responseStr
-      updateState(event)
-    }
-  }
-  const getModelName: (f2?: HTMLFormElement | null) => string = typeof getName === "function" ? getName : _getModelName
-
-  const updateState = (e: any, callback?: (prev: any) => void, lc?: Locale) => {
-    const ctrl = e.currentTarget as HTMLInputElement
-    let mn: string = m
-    if (getName) {
-      if (typeof getName === "string") {
-        mn = getName
-      } else {
-        mn = getName(ctrl.form)
-      }
-    } else {
-      mn = _getModelName(ctrl.form)
-    }
-    const l = localeOf(lc, getLocale)
-    handleEvent(e, removeErr)
-    const objSet = buildState<T, any>(e, state, ctrl, mn, l)
-    if (objSet) {
-      if (callback) {
-        setState({ ...objSet }, callback)
-      } else {
-        setState(objSet)
-      }
-    }
-  }
-  const updateFlatState = (e: any, callback?: () => void, lc?: Locale) => {
-    const objSet = buildFlatState<T, any>(e, state, lc)
-    if (objSet) {
-      if (callback) {
-        setState(objSet, callback)
-      } else {
-        setState(objSet)
-      }
-    }
-  }
-  return {
-    getModelName,
-    updateState,
-    updatePhoneState,
-    updateFlatState,
-    getLocale,
-    setState,
-    state,
-  }
-}