react-hook-core 0.1.18 → 0.1.19

package/lib/index.js

@@ -4,6 +4,7 @@ function __export(m) {
 }
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = require("react");
+var react_1 = require("react");
 __export(require("./formutil"));
 __export(require("./util"));
 __export(require("./core"));
@@ -20,6 +21,21 @@ __export(require("./components"));
 __export(require("./search"));
 __export(require("./reflect"));
 __export(require("./com"));
+exports.useCallbackState = function (initialValue) {
+  var _a = react_1.useState(initialValue), state = _a[0], _setState = _a[1];
+  var callbackQueue = react_1.useRef([]);
+  react_1.useEffect(function () {
+    callbackQueue.current.forEach(function (cb) { return cb(state); });
+    callbackQueue.current = [];
+  }, [state]);
+  var setState = function (newValue, callback) {
+    _setState(newValue);
+    if (callback && typeof callback === "function") {
+      callbackQueue.current.push(callback);
+    }
+  };
+  return [state, setState];
+};
 function checked(s, v) {
   if (s) {
     if (Array.isArray(s)) {

package/lib/useEdit.js

@@ -299,11 +299,13 @@ exports.useCoreEdit = function (refForm, initialState, service, p1, p, props) {
         var unmappedErrors = u.showFormError(f, errors);
         formutil_1.focusFirstError(f);
         if (!result.message) {
-          if (p1.ui && p1.ui.buildErrorMessage) {
-            result.message = p1.ui.buildErrorMessage(unmappedErrors);
-          }
-          else {
-            result.message = errors[0].message;
+          if (errors && errors.length > 0) {
+            if (p1.ui && p1.ui.buildErrorMessage) {
+              result.message = p1.ui.buildErrorMessage(unmappedErrors);
+            }
+            else {
+              result.message = errors[0].message;
+            }
           }
         }
         if (result.message) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-hook-core",
-  "version": "0.1.18",
+  "version": "0.1.19",
   "description": "react",
   "main": "./lib/index.js",
   "types": "./src/index.ts",

package/src/index.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { useEffect, useRef, useState } from 'react';
 export * from './formutil';
 export * from './util';
 export * from './core';
@@ -16,6 +17,28 @@ export * from './search';
 export * from './reflect';
 export * from './com';
 
+type CallBackType<T> = (updatedValue: T) => void;
+type SetStateType<T> = T | ((prev: T) => T);
+type RetType = <T>(initialValue: T | (() => T)) => [T, (newValue: SetStateType<T>, callback?: CallBackType<T>) => void];
+
+export const useCallbackState: RetType = <T>(initialValue: T | (() => T)) => {
+  const [state, _setState] = useState<T>(initialValue);
+  const callbackQueue = useRef<CallBackType<T>[]>([]);
+
+  useEffect(() => {
+    callbackQueue.current.forEach((cb) => cb(state));
+    callbackQueue.current = [];
+  }, [state]);
+
+  const setState = (newValue: SetStateType<T>, callback?: CallBackType<T>) => {
+    _setState(newValue);
+    if (callback && typeof callback === "function") {
+      callbackQueue.current.push(callback);
+    }
+  };
+  return [state, setState];
+};
+
 export function checked(s: string[]|string|undefined, v: string): boolean|undefined {
   if (s) {
     if (Array.isArray(s)) {

package/src/useEdit.ts

@@ -371,10 +371,12 @@ export const useCoreEdit = <T, ID, S, P>(
         const unmappedErrors = u.showFormError(f, errors);
         focusFirstError(f);
         if (!result.message) {
-          if (p1.ui && p1.ui.buildErrorMessage) {
-            result.message = p1.ui.buildErrorMessage(unmappedErrors);
-          } else {
-            result.message = errors[0].message;
+          if (errors && errors.length > 0) {
+            if (p1.ui && p1.ui.buildErrorMessage) {
+              result.message = p1.ui.buildErrorMessage(unmappedErrors);
+            } else {
+              result.message = errors[0].message;
+            }
           }
         }
         if (result.message) {