react-hook-core 0.1.2 → 0.1.5

package/lib/useEdit.js

@@ -12,21 +12,50 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var reflectx_1 = require("reflectx");
+var react_router_1 = require("react-router");
 var core_1 = require("./core");
 var edit_1 = require("./edit");
 var formutil_1 = require("./formutil");
 var merge_1 = require("./merge");
-var router_1 = require("./router");
+var reflect_1 = require("./reflect");
 var state_1 = require("./state");
 var update_1 = require("./update");
-function prepareData(data) {
-}
-exports.useEdit = function (refForm, initialState, service, p1, p2) {
-  return exports.useCoreEdit(undefined, refForm, initialState, service, p1, p2);
+exports.useEdit = function (refForm, initialState, service, p2, p) {
+  var params = react_router_1.useParams();
+  var baseProps = exports.useCoreEdit(refForm, initialState, service, p2, p);
+  react_1.useEffect(function () {
+    if (refForm) {
+      var registerEvents = (p2.ui ? p2.ui.registerEvents : undefined);
+      core_1.initForm(baseProps.refForm.current, registerEvents);
+    }
+    var n = baseProps.getModelName(refForm.current);
+    var obj = {};
+    obj[n] = baseProps.createNewModel();
+    baseProps.setState(obj);
+    var keys;
+    if (p && !p.keys && service && service.metadata) {
+      var metadata = (p.metadata ? p.metadata : service.metadata());
+      if (metadata) {
+        var meta = edit_1.build(metadata);
+        keys = (p.keys ? p.keys : (meta ? meta.keys : undefined));
+        var version = (p.version ? p.version : (meta ? meta.version : undefined));
+        p.keys = keys;
+        p.version = version;
+      }
+    }
+    var id = core_1.buildId(params, keys);
+    if (p && p.initialize) {
+      p.initialize(id, baseProps.load, baseProps.setState, p.callback);
+    }
+    else {
+      baseProps.load(id, p ? p.callback : undefined);
+    }
+  }, []);
+  return __assign({}, baseProps);
 };
 exports.useEditProps = function (props, refForm, initialState, service, p2, p) {
-  var baseProps = exports.useCoreEdit(props, refForm, initialState, service, p2, p);
+  var params = react_router_1.useParams();
+  var baseProps = exports.useCoreEdit(refForm, initialState, service, p2, p, props);
   react_1.useEffect(function () {
     if (refForm) {
       var registerEvents = (p2.ui ? p2.ui.registerEvents : undefined);
@@ -39,21 +68,21 @@ exports.useEditProps = function (props, refForm, initialState, service, p2, p) {
     var keys;
     if (p && !p.keys && service && service.metadata) {
       var metadata = (p.metadata ? p.metadata : service.metadata());
-      var meta = edit_1.build(metadata);
-      keys = (p.keys ? p.keys : (meta ? meta.keys : undefined));
-      var version = (p.version ? p.version : (meta ? meta.version : undefined));
-      p.keys = keys;
-      p.version = version;
-    }
-    var id = core_1.buildId(props, keys);
-    if (id) {
-      if (p && p.initialize) {
-        p.initialize(id, baseProps.load, baseProps.setState, p.callback);
-      }
-      else {
-        baseProps.load(id, p ? p.callback : undefined);
+      if (metadata) {
+        var meta = edit_1.build(metadata);
+        keys = (p.keys ? p.keys : (meta ? meta.keys : undefined));
+        var version = (p.version ? p.version : (meta ? meta.version : undefined));
+        p.keys = keys;
+        p.version = version;
       }
     }
+    var id = core_1.buildId(params, keys);
+    if (p && p.initialize) {
+      p.initialize(id, baseProps.load, baseProps.setState, p.callback);
+    }
+    else {
+      baseProps.load(id, p ? p.callback : undefined);
+    }
   }, []);
   return __assign({}, baseProps);
 };
@@ -63,14 +92,14 @@ exports.useEditOneProps = function (p) {
 exports.useEditOne = function (p) {
   return exports.useEdit(p.refForm, p.initialState, p.service, p, p);
 };
-exports.useCoreEdit = function (props, refForm, initialState, service, p1, p) {
+exports.useCoreEdit = function (refForm, initialState, service, p1, p, props) {
+  var navigate = react_router_1.useNavigate();
   var addable = (p && p.patchable !== false ? true : undefined);
-  var goBack = router_1.useRouter().goBack;
   var back = function (event) {
     if (event) {
       event.preventDefault();
     }
-    goBack();
+    navigate(-1);
   };
   var _a = react_1.useState(), running = _a[0], setRunning = _a[1];
   var getModelName = function (f) {
@@ -80,19 +109,6 @@ exports.useCoreEdit = function (props, refForm, initialState, service, p1, p) {
     return core_1.getModelName(f);
   };
   var baseProps = update_1.useUpdate(initialState, getModelName, p1.getLocale);
-  var prepareCustomData = (p && p.prepareCustomData ? p.prepareCustomData : prepareData);
-  var updateDateState = function (name, value) {
-    var _a, _b, _c, _d, _e;
-    var modelName = getModelName(refForm.current);
-    var currentState = state[modelName];
-    if (props && props.setGlobalState) {
-      var data = props.shouldBeCustomized ? prepareCustomData((_a = {}, _a[name] = value, _a)) : (_b = {}, _b[name] = value, _b);
-      props.setGlobalState((_c = {}, _c[modelName] = __assign(__assign({}, currentState), data), _c));
-    }
-    else {
-      setState((_d = {}, _d[modelName] = __assign(__assign({}, currentState), (_e = {}, _e[name] = value, _e)), _d));
-    }
-  };
   var state = baseProps.state, setState = baseProps.setState;
   var _b = merge_1.useMergeState({
     newMode: false,
@@ -145,7 +161,7 @@ exports.useCoreEdit = function (props, refForm, initialState, service, p1, p) {
     }
   };
   var createModel = (p && p.createModel ? p.createModel : _createModel);
-  var newOnClick = function (event) {
+  var create = function (event) {
     event.preventDefault();
     var obj = createModel();
     resetState(true, obj, undefined);
@@ -184,12 +200,12 @@ exports.useCoreEdit = function (props, refForm, initialState, service, p1, p) {
         validate(obj_1, function () {
           var msg = core_1.message(p1.resource.value, 'msg_confirm_save', 'confirm', 'yes', 'no');
           p1.confirm(msg.message, msg.title, function () {
-            save(obj_1, undefined, version_1, isBack);
+            doSave(obj_1, undefined, version_1, isBack);
           }, msg.no, msg.yes);
         });
       }
       else {
-        var diffObj_1 = reflectx_1.makeDiff(edit_1.initPropertyNullInModel(flag.originalModel, metadata), obj_1, keys, version_1);
+        var diffObj_1 = reflect_1.makeDiff(edit_1.initPropertyNullInModel(flag.originalModel, metadata), obj_1, keys, version_1);
         var objKeys = Object.keys(diffObj_1);
         if (objKeys.length === 0) {
           p1.showMessage(p1.resource.value('msg_no_change'));
@@ -198,7 +214,7 @@ exports.useCoreEdit = function (props, refForm, initialState, service, p1, p) {
           validate(obj_1, function () {
             var msg = core_1.message(p1.resource.value, 'msg_confirm_save', 'confirm', 'yes', 'no');
             p1.confirm(msg.message, msg.title, function () {
-              save(obj_1, diffObj_1, version_1, isBack);
+              doSave(obj_1, diffObj_1, version_1, isBack);
             }, msg.no, msg.yes);
           });
         }
@@ -206,7 +222,7 @@ exports.useCoreEdit = function (props, refForm, initialState, service, p1, p) {
     }
   };
   var onSave = (p && p.onSave ? p.onSave : _onSave);
-  var saveOnClick = function (event) {
+  var save = function (event) {
     event.preventDefault();
     event.persist();
     onSave();
@@ -228,7 +244,7 @@ exports.useCoreEdit = function (props, refForm, initialState, service, p1, p) {
       var model = result.value;
       setFlag({ newMode: false });
       if (model && flag.setBack === true) {
-        resetState(false, model, reflectx_1.clone(model));
+        resetState(false, model, reflect_1.clone(model));
       }
       else {
         edit_1.handleVersion(obj, version);
@@ -319,7 +335,7 @@ exports.useCoreEdit = function (props, refForm, initialState, service, p1, p) {
     p1.showError(msg.message, msg.title);
   };
   var handleDuplicateKey = (p && p.handleDuplicateKey ? p.handleDuplicateKey : _handleDuplicateKey);
-  var _save = function (obj, body, version, isBack) {
+  var _doSave = function (obj, body, version, isBack) {
     setRunning(true);
     core_1.showLoading(p1.loading);
     var isBackO = (isBack == null || isBack === undefined ? true : isBack);
@@ -336,7 +352,7 @@ exports.useCoreEdit = function (props, refForm, initialState, service, p1, p) {
       service.insert(obj).then(function (result) { return postSave(obj, result, version, isBackO); });
     }
   };
-  var save = (p && p.save ? p.save : _save);
+  var doSave = (p && p.doSave ? p.doSave : _doSave);
   var _load = function (_id, callback) {
     var id = _id;
     if (id != null && id !== '') {
@@ -347,7 +363,7 @@ exports.useCoreEdit = function (props, refForm, initialState, service, p1, p) {
           handleNotFound(refForm.current);
         }
         else {
-          setFlag({ newMode: false, originalModel: reflectx_1.clone(obj) });
+          setFlag({ newMode: false, originalModel: reflect_1.clone(obj) });
           if (callback) {
             callback(obj, showModel);
           }
@@ -395,13 +411,11 @@ exports.useCoreEdit = function (props, refForm, initialState, service, p1, p) {
     refForm: refForm, ui: p1.ui, resource: p1.resource.resource(), flag: flag,
     running: running,
     setRunning: setRunning,
-    updateDateState: updateDateState,
     showModel: showModel,
     getModelName: getModelName,
     resetState: resetState,
     handleNotFound: handleNotFound,
-    getModel: getModel, createNewModel: createModel, newOnClick: newOnClick,
-    saveOnClick: saveOnClick,
+    getModel: getModel, createNewModel: createModel, newOnClick: create, save: save,
     onSave: onSave,
     confirm: confirm,
     validate: validate, showMessage: p1.showMessage, succeed: succeed,
@@ -409,6 +423,6 @@ exports.useCoreEdit = function (props, refForm, initialState, service, p1, p) {
     postSave: postSave,
     handleDuplicateKey: handleDuplicateKey,
     load: load,
-    save: save
+    doSave: doSave
   });
 };

package/lib/useSearch.js

@@ -12,25 +12,22 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var react_router_dom_1 = require("react-router-dom");
-var reflectx_1 = require("reflectx");
-var search_core_1 = require("search-core");
 var core_1 = require("./core");
 var merge_1 = require("./merge");
+var reflect_1 = require("./reflect");
 var route_1 = require("./route");
+var search_1 = require("./search");
 var state_1 = require("./state");
 var update_1 = require("./update");
-function prepareData(data) {
-}
 exports.callSearch = function (se, search3, showResults3, searchError3, lc, nextPageToken) {
-  var s = reflectx_1.clone(se);
+  var s = reflect_1.clone(se);
   var page = se.page;
   if (!page || page < 1) {
     page = 1;
   }
   var offset;
   if (!se.limit || se.limit <= 0) {
-    se.limit = 20;
+    se.limit = 24;
   }
   if (se.firstLimit && se.firstLimit > 0) {
     offset = se.limit * (page - 2) + se.firstLimit;
@@ -50,41 +47,59 @@ exports.callSearch = function (se, search3, showResults3, searchError3, lc, next
   }).catch(function (err) { return searchError3(err); });
 };
 var appendListOfState = function (results, list, setState2) {
-  var arr = search_core_1.append(list, results);
+  var arr = search_1.append(list, results);
   setState2({ list: arr });
 };
 var setListOfState = function (list, setState2) {
   setState2({ list: list });
 };
-exports.pageSizes = [10, 20, 40, 60, 100, 200, 400, 800];
 function mergeParam(p) {
   if (p) {
     if (!p.sequenceNo) {
       p.sequenceNo = 'sequenceNo';
     }
     if (!p.pageSize) {
-      p.pageSize = 20;
+      p.pageSize = 24;
     }
     if (!p.pageSizes) {
-      p.pageSizes = exports.pageSizes;
+      p.pageSizes = core_1.pageSizes;
     }
     if (!p.pageMaxSize || p.pageMaxSize <= 0) {
       p.pageMaxSize = 7;
     }
+    if (p.hideFilter === undefined) {
+      p.hideFilter = true;
+    }
+    if (p.addable === undefined) {
+      p.addable = true;
+    }
+    if (p.editable === undefined) {
+      p.editable = true;
+    }
+    if (p.approvable === undefined) {
+      p.approvable = true;
+    }
+    if (p.deletable === undefined) {
+      p.deletable = true;
+    }
     return p;
   }
   else {
     return {
       sequenceNo: 'sequenceNo',
-      pageSize: 20,
-      pageSizes: exports.pageSizes,
-      pageMaxSize: 7
+      pageSize: 24,
+      pageSizes: core_1.pageSizes,
+      pageMaxSize: 7,
+      hideFilter: true,
+      addable: true,
+      editable: true,
+      approvable: true,
+      deletable: true
     };
   }
 }
-exports.useSearch = function (refForm, initialState, search, p2, p) {
-  debugger;
-  var baseProps = exports.useCoreSearch(undefined, refForm, initialState, search, p2, p);
+exports.useSearch = function (refForm, initialState, service, p2, p) {
+  var baseProps = exports.useCoreSearch(refForm, initialState, service, p2, p);
   react_1.useEffect(function () {
     var load = baseProps.load, setState = baseProps.setState, component = baseProps.component;
     if (refForm) {
@@ -96,57 +111,40 @@ exports.useSearch = function (refForm, initialState, search, p2, p) {
     }
     else {
       var se = (p && p.createFilter ? p.createFilter() : undefined);
-      var s = search_core_1.mergeFilter(route_1.buildFromUrl(), se, component.pageSizes);
+      var s = search_1.mergeFilter(route_1.buildFromUrl(), se, component.pageSizes);
       load(s, p2.auto);
     }
   }, []);
   return __assign({}, baseProps);
 };
 exports.useSearchOneProps = function (p) {
-  return exports.useSearch(p.refForm, p.initialState, p.search, p, p);
+  return exports.useSearch(p.refForm, p.initialState, p.service, p, p);
 };
 exports.useSearchOne = function (p) {
-  return exports.useCoreSearch(undefined, p.refForm, p.initialState, p.search, p, p);
+  return exports.useCoreSearch(p.refForm, p.initialState, p.service, p, p);
 };
-exports.useCoreSearch = function (props, refForm, initialState, search, p1, p2) {
+exports.useCoreSearch = function (refForm, initialState, service, p1, p2, props) {
   var p = mergeParam(p2);
   var _a = react_1.useState(), running = _a[0], setRunning = _a[1];
   var _getModelName = function () {
     return core_1.getName('filter', p && p.name ? p.name : undefined);
   };
   var getModelName = (p && p.getModelName ? p.getModelName : _getModelName);
-  var baseProps = (props ? update_1.useUpdateWithProps(props, initialState, getModelName, p1.getLocale, core_1.getRemoveError(p1), p ? p.prepareCustomData : undefined) : update_1.useUpdate(initialState, getModelName, p1.getLocale, core_1.getRemoveError(p1)));
+  var baseProps = update_1.useUpdate(initialState, getModelName, p1.getLocale, core_1.getRemoveError(p1));
   var state = baseProps.state, setState = baseProps.setState;
-  var _b = [react_router_dom_1.useHistory(), react_router_dom_1.useRouteMatch()], history = _b[0], match = _b[1];
   var _getCurrencyCode = function () {
     return refForm && refForm.current ? refForm.current.getAttribute('currency-code') : null;
   };
   var getCurrencyCode = p && p.getCurrencyCode ? p.getCurrencyCode : _getCurrencyCode;
-  var prepareCustomData = (p && p.prepareCustomData ? p.prepareCustomData : prepareData);
-  var updateDateState = function (name, value) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    var modelName = getModelName();
-    var currentState = state[modelName];
-    if (props && props.setGlobalState) {
-      var data = props.shouldBeCustomized ? prepareCustomData((_a = {}, _a[name] = value, _a)) : (_b = {}, _b[name] = value, _b);
-      props.setGlobalState((_c = {}, _c[modelName] = __assign(__assign({}, currentState), data), _c));
-    }
-    else {
-      setState((_d = {}, _d[modelName] = __assign(__assign({}, currentState), (_e = {}, _e[name] = value, _e)), _d));
-    }
-    setState((_f = {}, _f[modelName] = __assign(__assign({}, currentState), (_g = {}, _g[name] = value, _g)), _f));
-  };
-  var _c = merge_1.useMergeState(p), component = _c[0], setComponent = _c[1];
+  var _b = merge_1.useMergeState(p), component = _b[0], setComponent = _b[1];
   var toggleFilter = function (event) {
-    setComponent({ hideFilter: !component.hideFilter });
-  };
-  var add = function (event) {
-    event.preventDefault();
-    history.push(match.url + '/add');
+    var x = !component.hideFilter;
+    core_1.handleToggle(event.target, !x);
+    setComponent({ hideFilter: x });
   };
   var _getFields = function () {
     var fields = component.fields, initFields = component.initFields;
-    var fs = search_core_1.getFieldsFromForm(fields, initFields, refForm.current);
+    var fs = search_1.getFieldsFromForm(fields, initFields, refForm.current);
     setComponent({ fields: fs, initFields: true });
     return fs;
   };
@@ -156,8 +154,8 @@ exports.useCoreSearch = function (props, refForm, initialState, search, p1, p2)
       se = component;
     }
     var keys = p && p.keys ? p.keys : undefined;
-    if (!keys && typeof search !== 'function' && search.keys) {
-      keys = search.keys();
+    if (!keys && typeof service !== 'function' && service.keys) {
+      keys = service.keys();
     }
     var n = getModelName();
     var fs = p && p.fields;
@@ -166,7 +164,7 @@ exports.useCoreSearch = function (props, refForm, initialState, search, p1, p2)
     }
     var lc = (p1.getLocale ? p1.getLocale() : state_1.enLocale);
     var cc = getCurrencyCode();
-    var obj3 = search_core_1.getModel(state, n, se, fs, se.excluding, keys, se.list, refForm.current, core_1.getDecodeFromForm(p1), lc, cc);
+    var obj3 = search_1.getModel(state, n, se, fs, se.excluding, keys, se.list, refForm.current, core_1.getDecodeFromForm(p1), lc, cc);
     return obj3;
   };
   var _setFilter = function (s) {
@@ -178,7 +176,7 @@ exports.useCoreSearch = function (props, refForm, initialState, search, p1, p2)
   var setFilter = p && p.setFilter ? p.setFilter : _setFilter;
   var _load = function (s, auto) {
     var com = Object.assign({}, component);
-    var obj2 = search_core_1.initFilter(s, com);
+    var obj2 = search_1.initFilter(s, com);
     setComponent(com);
     setFilter(obj2);
     var runSearch = doSearch;
@@ -200,19 +198,19 @@ exports.useCoreSearch = function (props, refForm, initialState, search, p1, p2)
       setRunning(true);
       core_1.showLoading(p1.loading);
       if (p && !p.ignoreUrlParam) {
-        search_core_1.addParametersIntoUrl(s, isFirstLoad);
+        search_1.addParametersIntoUrl(s, isFirstLoad);
       }
       var lc = p1.getLocale ? p1.getLocale() : state_1.enLocale;
-      if (typeof search === 'function') {
-        exports.callSearch(s, search, showResults, searchError, lc, se.nextPageToken);
+      if (typeof service === 'function') {
+        exports.callSearch(s, service, showResults, searchError, lc, se.nextPageToken);
       }
       else {
-        exports.callSearch(s, search.search, showResults, searchError, lc, se.nextPageToken);
+        exports.callSearch(s, service.search, showResults, searchError, lc, se.nextPageToken);
       }
     });
   };
   var _validateSearch = function (se, callback) {
-    search_core_1.validate(se, callback, refForm.current, (p1.getLocale ? p1.getLocale() : undefined), core_1.getValidateForm(p1));
+    search_1.validate(se, callback, refForm.current, (p1.getLocale ? p1.getLocale() : undefined), core_1.getValidateForm(p1));
   };
   var validateSearch = p && p.validateSearch ? p.validateSearch : _validateSearch;
   var pageSizeChanged = function (event) {
@@ -240,7 +238,7 @@ exports.useCoreSearch = function (props, refForm, initialState, search, p1, p2)
       }
     }
   };
-  var searchOnClick = function (event) {
+  var search = function (event) {
     if (event) {
       event.preventDefault();
     }
@@ -250,7 +248,7 @@ exports.useCoreSearch = function (props, refForm, initialState, search, p1, p2)
     event.preventDefault();
     if (event && event.target) {
       var target = event.target;
-      var s = search_core_1.handleSort(target, component.sortTarget, component.sortField, component.sortType);
+      var s = search_1.handleSort(target, component.sortTarget, component.sortField, component.sortType);
       setComponent({
         sortField: s.field,
         sortType: s.type,
@@ -285,7 +283,7 @@ exports.useCoreSearch = function (props, refForm, initialState, search, p1, p2)
       return;
     }
     setComponent({ pageIndex: 1, tmpPageIndex: 1 });
-    search_core_1.removeSortStatus(component.sortTarget);
+    search_1.removeSortStatus(component.sortTarget);
     setComponent({
       sortTarget: undefined,
       sortField: undefined,
@@ -307,17 +305,17 @@ exports.useCoreSearch = function (props, refForm, initialState, search, p1, p2)
   var _showResults = function (s, sr, lc) {
     var results = sr.list;
     if (results && results.length > 0) {
-      search_core_1.formatResults(results, component.pageIndex, component.pageSize, component.initPageSize, p ? p.sequenceNo : undefined, p ? p.format : undefined, lc);
+      search_1.formatResults(results, component.pageIndex, component.pageSize, component.pageSize, p ? p.sequenceNo : undefined, p ? p.format : undefined, lc);
     }
     var am = component.appendMode;
     var pi = (s.page && s.page >= 1 ? s.page : 1);
-    setComponent({ itemTotal: sr.total, pageIndex: pi, nextPageToken: sr.nextPageToken });
+    setComponent({ total: sr.total, pageIndex: pi, nextPageToken: sr.nextPageToken });
     if (am) {
       var limit = s.limit;
       if ((!s.page || s.page <= 1) && s.firstLimit && s.firstLimit > 0) {
         limit = s.firstLimit;
       }
-      search_core_1.handleAppend(component, sr.list, limit, sr.nextPageToken);
+      search_1.handleAppend(component, sr.list, limit, sr.nextPageToken);
       if (component.append && (s.page && s.page > 1)) {
         appendList(results, component.list, setState);
       }
@@ -326,11 +324,11 @@ exports.useCoreSearch = function (props, refForm, initialState, search, p1, p2)
       }
     }
     else {
-      search_core_1.showPaging(component, sr.list, s.limit, sr.total);
+      search_1.showPaging(component, sr.list, s.limit, sr.total);
       setList(results, setState);
       setComponent({ tmpPageIndex: s.page });
       if (s.limit) {
-        var m1 = search_core_1.buildMessage(p1.resource, s.page, s.limit, sr.list, sr.total);
+        var m1 = search_1.buildMessage(p1.resource, s.page, s.limit, sr.list, sr.total);
         p1.showMessage(m1);
       }
     }
@@ -353,21 +351,19 @@ exports.useCoreSearch = function (props, refForm, initialState, search, p1, p2)
     doSearch(component);
   };
   var pageChanged = function (data) {
-    var currentPage = data.currentPage, itemsPerPage = data.itemsPerPage;
-    setComponent({ pageIndex: currentPage, pageSize: itemsPerPage, append: false });
-    component.pageIndex = currentPage;
-    component.pageSize = itemsPerPage;
+    var page = data.page, size = data.size;
+    setComponent({ pageIndex: page, pageSize: size, append: false });
+    component.pageIndex = page;
+    component.pageSize = size;
     component.append = false;
     doSearch(component);
   };
   return __assign(__assign({}, baseProps), {
     running: running,
     setRunning: setRunning,
-    getCurrencyCode: getCurrencyCode,
-    updateDateState: updateDateState, resource: p1.resource.resource(), setComponent: setComponent,
+    getCurrencyCode: getCurrencyCode, resource: p1.resource.resource(), setComponent: setComponent,
     component: component, showMessage: p1.showMessage, load: load,
-    add: add,
-    searchOnClick: searchOnClick,
+    search: search,
     sort: sort,
     changeView: changeView,
     showMore: showMore,

package/lib/useView.js

@@ -12,25 +12,42 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
+var react_router_1 = require("react-router");
 var core_1 = require("./core");
 var formutil_1 = require("./formutil");
 var merge_1 = require("./merge");
-var router_1 = require("./router");
-exports.useViewOneProps = function (p) {
-  return exports.useViewProps(p.props, p.refForm, p.initialState, p.service, p, p);
-};
 exports.useViewOne = function (p) {
-  return exports.useView(p.refForm, p.initialState, p.service, p, p);
+  return exports.useCoreView(p.refForm, p.initialState, p.service, p, p);
 };
 exports.useView = function (refForm, initialState, service, p1, p) {
+  var baseProps = exports.useCoreView(refForm, initialState, service, p1, p);
+  var _a = merge_1.useMergeState(initialState), setState = _a[1];
+  var params = react_router_1.useParams();
+  react_1.useEffect(function () {
+    if (baseProps.refForm) {
+      core_1.initForm(baseProps.refForm.current);
+    }
+    var id = core_1.buildId(params, p ? p.keys : undefined);
+    if (id) {
+      if (p && p.initialize) {
+        p.initialize(id, baseProps.load, setState, p.callback);
+      }
+      else {
+        baseProps.load(id, p ? p.callback : undefined);
+      }
+    }
+  }, []);
+  return __assign({}, baseProps);
+};
+exports.useCoreView = function (refForm, initialState, service, p1, p) {
   var _a = merge_1.useMergeState(initialState), state = _a[0], setState = _a[1];
   var _b = react_1.useState(), running = _b[0], setRunning = _b[1];
-  var goBack = router_1.useRouter().goBack;
+  var navigate = react_router_1.useNavigate();
   var back = function (event) {
     if (event) {
       event.preventDefault();
     }
-    goBack();
+    navigate(-1);
   };
   var getModelName = function (f) {
     if (p && p.name) {
@@ -107,22 +124,3 @@ exports.useView = function (refForm, initialState, service, p1, p) {
     back: back
   };
 };
-exports.useViewProps = function (props, refForm, initialState, service, p1, p) {
-  var baseProps = exports.useView(refForm, initialState, service, p1, p);
-  var _a = merge_1.useMergeState(initialState), state = _a[0], setState = _a[1];
-  react_1.useEffect(function () {
-    if (baseProps.refForm) {
-      core_1.initForm(baseProps.refForm.current);
-    }
-    var id = core_1.buildId(props, p ? p.keys : undefined);
-    if (id) {
-      if (p && p.initialize) {
-        p.initialize(id, baseProps.load, setState, p.callback);
-      }
-      else {
-        baseProps.load(id, p ? p.callback : undefined);
-      }
-    }
-  }, []);
-  return __assign({}, baseProps);
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-hook-core",
-  "version": "0.1.2",
+  "version": "0.1.5",
   "description": "react",
   "main": "./lib/index.js",
   "types": "./src/index.ts",
@@ -9,13 +9,11 @@
     "clean:lib": "rimraf lib"
   },
   "devDependencies": {
-    "@types/react": "^16.9.1",
-    "@types/react-router-dom": "^5.1.6",
+    "@types/react": "^17.0.41",
+    "@types/react-router-dom": "^5.3.3",
     "query-string": "^6.13.1",
-    "react": "^16.8.0",
-    "react-router-dom": "^5.2.0",
-    "reflectx": "^0.0.10",
-    "search-core": "^0.1.0",
+    "react": "^17.0.2",
+    "react-router-dom": "^6.2.2",
     "tslint": "^5.10.0",
     "typescript": "^3.3.3333"
   },