react-hook-core 0.4.5 → 0.4.7

package/src/index.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { ChangeEvent, ChangeEventHandler, FocusEvent, useEffect, useState } from 'react';
-export * from './formutil';
-export * from './util';
-export * from './core';
-export * from './state';
-export * from './edit';
-export * from './route';
-export * from './diff';
-export * from './merge';
-export * from './update';
-export * from './useSearch';
-export * from './useMessage';
-export * from './useEdit';
-export * from './search';
-export * from './reflect';
-export * from './com';
+import * as React from "react"
+import { ChangeEvent, ChangeEventHandler, FocusEvent, useEffect, useState } from "react"
+export * from "./com"
+export * from "./core"
+export * from "./diff"
+export * from "./edit"
+export * from "./formutil"
+export * from "./merge"
+export * from "./reflect"
+export * from "./route"
+export * from "./search"
+export * from "./state"
+export * from "./update"
+export * from "./useEdit"
+export * from "./useMessage"
+export * from "./useSearch"
+export * from "./util"
 /*
 type CallBackType<T> = (updatedValue: T) => void;
 type SetStateType<T> = T | ((prev: T) => T);
@@ -38,34 +38,38 @@ export const useCallbackState: RetType = <T>(initialValue: T | (() => T)) => {
   return [state, setState];
 };
 */
-export function checked(s: string[]|string|undefined, v: string): boolean|undefined {
+export function checked(s: string[] | string | undefined, v: string): boolean | undefined {
   if (s) {
     if (Array.isArray(s)) {
-      return s.includes(v);
+      return s.includes(v)
     } else {
-      return s === v;
+      return s === v
     }
   }
-  return false;
+  return false
 }
 export function value<T>(obj?: T): T {
-  return (obj ? obj : {} as any);
+  return obj ? obj : ({} as any)
 }
 export interface LoadingProps {
-  error?: any;
+  error?: any
 }
 export const Loading = (props: LoadingProps) => {
   const loadingStyle = {
-    top: '30%',
-    backgroundColor: 'white',
-    border: 'none',
-    'WebkitBoxShadow': 'none',
-    'boxShadow': 'none'
-  };
+    top: "30%",
+    backgroundColor: "white",
+    border: "none",
+    WebkitBoxShadow: "none",
+    boxShadow: "none",
+  }
   if (props.error) {
-    return React.createElement('div', null, 'Error Load Module!'); // return (<div>Error Load Module!</div>);
+    return React.createElement("div", null, "Error Load Module!") // return (<div>Error Load Module!</div>);
   } else {
-    return (React.createElement('div', { className: 'loader-wrapper' }, React.createElement('div', { className: 'loader-sign', style: loadingStyle }, React.createElement('div', { className: 'loader' }))));
+    return React.createElement(
+      "div",
+      { className: "loader-wrapper" },
+      React.createElement("div", { className: "loader-sign", style: loadingStyle }, React.createElement("div", { className: "loader" })),
+    )
     /*
     return (
       <div className='loader-wrapper'>
@@ -75,116 +79,127 @@ export const Loading = (props: LoadingProps) => {
       </div>
     );*/
   }
-};
+}
 interface Locale {
-  decimalSeparator: string;
-  groupSeparator: string;
-  currencyCode: string;
-  currencySymbol: string;
-  currencyPattern: number;
+  decimalSeparator: string
+  groupSeparator: string
+  currencyCode: string
+  currencySymbol: string
+  currencyPattern: number
 }
 interface InputProps {
-  name?: string;
-  className?: string;
-  value?: string;
-  ['data-field']?: string;
-  defaultValue?: string;
-  onChangeNumber?: (value: number) => void;
-  onChange?: ChangeEventHandler<HTMLInputElement>;
-  currencyOnBlur?: (event: Event|any, locale: Locale, currencyCode?: string, includingCurrencySymbol?: boolean) => void;
-  currencyCode?: string;
-  symbol?: boolean;
-  readOnly?: boolean;
-  locale?: Locale;
-  type?: string;
-  disabled?: boolean;
-  required?: boolean;
-  typeOutput?: string;
-  min?: string|number;
-  max?: string|number;
-  allowZero?: boolean;
+  name?: string
+  className?: string
+  value?: string
+  ["data-field"]?: string
+  defaultValue?: string
+  onChangeNumber?: (value: number) => void
+  onChange?: ChangeEventHandler<HTMLInputElement>
+  currencyOnBlur?: (event: Event | any, locale: Locale, currencyCode?: string, includingCurrencySymbol?: boolean) => void
+  currencyCode?: string
+  symbol?: boolean
+  readOnly?: boolean
+  locale?: Locale
+  type?: string
+  disabled?: boolean
+  required?: boolean
+  typeOutput?: string
+  min?: string | number
+  max?: string | number
+  allowZero?: boolean
 }
 export const CurrencyInput = (props: InputProps) => {
-  const [state, setState] = useState<string|undefined>(undefined);
+  const [state, setState] = useState<string | undefined>(undefined)
   useEffect(() => {
-    setState(props.value);
-  }, [props.value]);
+    setState(props.value)
+  }, [props.value])
   const onChange = (e: ChangeEvent<HTMLInputElement>) => {
-    const v1 = e.target.value;
-    setState(v1);
+    const v1 = e.target.value
+    setState(v1)
     if (props.onChange) {
-      props.onChange(e);
+      props.onChange(e)
     }
     if (props.onChangeNumber) {
-      props.onChangeNumber(parseFloat(v1));
+      props.onChangeNumber(parseFloat(v1))
     }
-  };
+  }
   const onBlur = (e: FocusEvent<HTMLInputElement>) => {
-    if (props.allowZero && e.target.value === '0') {
-      setState('0');
-      return;
+    if (props.allowZero && e.target.value === "0") {
+      setState("0")
+      return
     }
     if (props.locale && props.currencyOnBlur) {
-      props.currencyOnBlur(e, props.locale, props.currencyCode, props.symbol);
+      props.currencyOnBlur(e, props.locale, props.currencyCode, props.symbol)
     }
     setTimeout(() => {
-      const v2 = e.target.value;
-      setState(v2);
-    }, 50);
+      const v2 = e.target.value
+      setState(v2)
+    }, 50)
   }
   // return <input className={props.className} onBlur={onBlur} type={props.type} name={props.name} onChange={props.onChange ? props.onChange : onChange} disabled={props.disabled} data-field={props['data-field']} min={props.min} max={props.max} value={state} />;
-  return React.createElement("input", { className: props.className, onBlur: onBlur, type: props.type, name: props.name, onChange: props.onChange ? props.onChange : onChange , disabled: props.disabled, "data-field": props['data-field'], min: props.min, max: props.max, value: state });
-};
-export type OnClick = React.MouseEvent<HTMLElement, MouseEvent>;
+  return React.createElement("input", {
+    className: props.className,
+    onBlur: onBlur,
+    type: props.type,
+    name: props.name,
+    onChange: props.onChange ? props.onChange : onChange,
+    disabled: props.disabled,
+    "data-field": props["data-field"],
+    min: props.min,
+    max: props.max,
+    value: state,
+  })
+}
+export type OnClick = React.MouseEvent<HTMLElement, MouseEvent>
 export function getParam(url: string, i?: number): string {
-  const ps = url.split('/');
+  const ps = url.split("/")
   if (!i || i < 0) {
-    i = 0;
+    i = 0
   }
-  return ps[ps.length - 1 - i];
+  return ps[ps.length - 1 - i]
 }
 export function formatDate(date: Date | null | undefined, format: string): string {
   if (!date) {
-    return '';
+    return ""
   }
   const opts: any = {
-      year: "numeric",
-      month: "2-digit",
-      day: "2-digit",
-      hour: "numeric",
-      minute: "numeric",
-      second: "numeric",
-      hour12: false,
-  };
-  const d2 = new Date(date).toLocaleString("en-US", opts);
-  let od = format.replace("YYYY", d2.slice(6, 10));
-  od = od.replace("MM", d2.slice(0, 2));
-  od = od.replace("DD", d2.slice(3, 5));
-  od = od.replace("HH", d2.slice(12, 14));
-  od = od.replace("mm", d2.slice(15, 17));
-  od = od.replace("ss", d2.slice(18, 20));
-  return od;
-};
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "numeric",
+    minute: "numeric",
+    second: "numeric",
+    hour12: false,
+  }
+  const d2 = new Date(date).toLocaleString("en-US", opts)
+  let od = format.replace("YYYY", d2.slice(6, 10))
+  od = od.replace("MM", d2.slice(0, 2))
+  od = od.replace("DD", d2.slice(3, 5))
+  od = od.replace("HH", d2.slice(12, 14))
+  od = od.replace("mm", d2.slice(15, 17))
+  od = od.replace("ss", d2.slice(18, 20))
+  return od
+}
 export function dateToString(date: Date | string): string {
-  const d2 = typeof date !== "string" ? date : new Date(date);
-  const year = d2.getFullYear();
-  const month = String(d2.getMonth() + 1).padStart(2, "0");
-  const day = String(d2.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
-};
-export function datetimeToString(date?: Date | string): string|undefined {
-  if (!date || date === '') {
-    return undefined;
+  const d2 = typeof date !== "string" ? date : new Date(date)
+  const year = d2.getFullYear()
+  const month = String(d2.getMonth() + 1).padStart(2, "0")
+  const day = String(d2.getDate()).padStart(2, "0")
+  return `${year}-${month}-${day}`
+}
+export function datetimeToString(date?: Date | string): string | undefined {
+  if (!date || date === "") {
+    return undefined
   }
-  const d2 = typeof date !== "string" ? date : new Date(date);
-  const year = d2.getFullYear();
-  const month = String(d2.getMonth() + 1).padStart(2, "0");
-  const day = String(d2.getDate()).padStart(2, "0");
-  const hours = String(d2.getHours()).padStart(2, "0");
-  const minutes = String(d2.getMinutes()).padStart(2, "0");
-  const seconds = String(d2.getSeconds()).padStart(2, "0");
-  return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}`;
-};
-export function getNumber(event: ChangeEvent<HTMLSelectElement|HTMLInputElement>): number {
+  const d2 = typeof date !== "string" ? date : new Date(date)
+  const year = d2.getFullYear()
+  const month = String(d2.getMonth() + 1).padStart(2, "0")
+  const day = String(d2.getDate()).padStart(2, "0")
+  const hours = String(d2.getHours()).padStart(2, "0")
+  const minutes = String(d2.getMinutes()).padStart(2, "0")
+  const seconds = String(d2.getSeconds()).padStart(2, "0")
+  return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}`
+}
+export function getNumber(event: ChangeEvent<HTMLSelectElement | HTMLInputElement>): number {
   return parseInt(event.currentTarget.value, 10)
 }

package/src/input.ts

@@ -1,79 +1,85 @@
-import {LoadingService, Locale, ResourceService, UIService} from './core';
+import { LoadingService, Locale, ResourceService, UIService } from "./core"
 
 interface ResourceInput {
-  resource: ResourceService;
+  resource: ResourceService
 }
-export function getResource(p: ResourceService|ResourceInput): ResourceService {
-  const x: any = p;
-  if (x.value && x.format && typeof x.value === 'function') {
-    return x;
+export function getResource(p: ResourceService | ResourceInput): ResourceService {
+  const x: any = p
+  if (x.value && x.format && typeof x.value === "function") {
+    return x
   } else {
-    return x.resource;
+    return x.resource
   }
 }
 interface ShortSearchParameter {
-  auto?: boolean;
+  auto?: boolean
 }
-export function getAutoSearch(p: ResourceService|ShortSearchParameter): boolean {
-  const x: any = p;
-  if (x.value && x.format && typeof x.value === 'function') {
-    return true;
+export function getAutoSearch(p: ResourceService | ShortSearchParameter): boolean {
+  const x: any = p
+  if (x.value && x.format && typeof x.value === "function") {
+    return true
   }
-  return x.auto;
+  return x.auto
 }
 interface UIInput {
-  ui?: UIService;
+  ui?: UIService
 }
-export function getUIService(p: ResourceService|UIInput, ui0?: UIService): UIService {
+export function getUIService(p: ResourceService | UIInput, ui0?: UIService): UIService {
   if (ui0) {
-    return ui0;
+    return ui0
   }
-  return (p as any).ui;
+  return (p as any).ui
 }
 interface LoadingInput {
-  loading?: LoadingService;
+  loading?: LoadingService
 }
-export function getLoadingFunc(p: ResourceService|LoadingInput, ui0?: LoadingService): LoadingService {
+export function getLoadingFunc(p: ResourceService | LoadingInput, ui0?: LoadingService): LoadingService {
   if (ui0) {
-    return ui0;
+    return ui0
   }
-  return (p as any).loading;
+  return (p as any).loading
 }
 interface ShowMessageInput {
-  showMessage: (msg: string, option?: string) => void;
+  showMessage: (msg: string, option?: string) => void
 }
-export function getMsgFunc(p: ResourceService|ShowMessageInput, showMsg?: (msg: string, option?: string) => void): (msg: string) => void {
+export function getMsgFunc(p: ResourceService | ShowMessageInput, showMsg?: (msg: string, option?: string) => void): (msg: string) => void {
   if (showMsg) {
-    return showMsg;
+    return showMsg
   }
-  return (p as any).showMessage;
+  return (p as any).showMessage
 }
 interface ConfirmInput {
-  confirm: (m2: string, yesCallback?: () => void, header?: string, btnLeftText?: string, btnRightText?: string, noCallback?: () => void) => void;
+  confirm: (m2: string, yesCallback?: () => void, header?: string, btnLeftText?: string, btnRightText?: string, noCallback?: () => void) => void
 }
-export function getConfirmFunc(p: ResourceService|ConfirmInput, cf?: (m2: string, yesCallback?: () => void, header?: string, btnLeftText?: string, btnRightText?: string, noCallback?: () => void) => void): (m2: string, yesCallback?: () => void, header?: string, btnLeftText?: string, btnRightText?: string, noCallback?: () => void) => void {
+export function getConfirmFunc(
+  p: ResourceService | ConfirmInput,
+  cf?: (m2: string, yesCallback?: () => void, header?: string, btnLeftText?: string, btnRightText?: string, noCallback?: () => void) => void,
+): (m2: string, yesCallback?: () => void, header?: string, btnLeftText?: string, btnRightText?: string, noCallback?: () => void) => void {
   if (cf) {
-    return cf;
+    return cf
   }
-  return (p as any).confirm;
+  return (p as any).confirm
 }
 interface GetLocaleInput {
-  getLocale?: (profile?: string) => Locale;
+  getLocale?: (profile?: string) => Locale
 }
-export function getLocaleFunc(p: ResourceService|GetLocaleInput, getLoc?: () => Locale): () => Locale {
+export function getLocaleFunc(p: ResourceService | GetLocaleInput, getLoc?: () => Locale): () => Locale {
   if (getLoc) {
-    return getLoc;
+    return getLoc
   }
-  return (p as any).getLocale;
+  return (p as any).getLocale
 }
 interface ShowErrorInput {
-  showError: (m: string, callback?: () => void, header?: string) => void;
+  showError: (m: string, callback?: () => void, header?: string) => void
 }
-export function getErrorFunc(p: ResourceService|ShowErrorInput, showErr?: (m: string, callback?: () => void, header?: string) => void): (m: string, callback?: () => void, header?: string) => void {
+export function getErrorFunc(
+  p: ResourceService | ShowErrorInput,
+  showErr?: (m: string, callback?: () => void, header?: string) => void,
+): (m: string, callback?: () => void, header?: string) => void {
   if (showErr) {
-    return showErr;
+    return showErr
   }
-  return (p as any).showError;
+  return (p as any).showError
 }
 /*
 export interface EditStatusParameter {
@@ -94,4 +100,4 @@ export function getDiffStatusFunc(p: ResourceService|DiffStatusParameter, status
   }
   return (p as any).status;
 }
-*/
+*/

package/src/merge.ts

@@ -1,23 +1,26 @@
-import {useCallback, useEffect, useRef, useState} from 'react';
+import { useCallback, useEffect, useRef, useState } from "react"
 
-export type Callback<T> = (value?: T) => void;
-export type DispatchWithCallback<T> = (value: T, callback?: Callback<T>) => void;
+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 [state, _setState] = useState(initialState ? initialState : ({} as any))
 
-  const callbackRef = useRef<Callback<T>>();
+  const callbackRef = useRef<Callback<T>>()
 
-  const setState = useCallback((newState: Partial<T>, callback?: Callback<T>): void => {
-    callbackRef.current = callback;
-    _setState((prevState: any) => Object.assign({}, prevState, newState));
-  }, [state]);
+  const setState = useCallback(
+    (newState: Partial<T>, callback?: Callback<T>): void => {
+      callbackRef.current = callback
+      _setState((prevState: any) => Object.assign({}, prevState, newState))
+    },
+    [state],
+  )
 
-  useEffect( () => {
+  useEffect(() => {
     if (callbackRef.current) {
-      callbackRef.current(state);
+      callbackRef.current(state)
     }
-  }, [state]);
+  }, [state])
 
-  return [state, setState];
+  return [state, setState]
 }