react-hook-core 0.1.4 → 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);
@@ -47,7 +76,7 @@ exports.useEditProps = function (props, refForm, initialState, service, p2, p) {
         p.version = version;
       }
     }
-    var id = core_1.buildId(props, keys);
+    var id = core_1.buildId(params, keys);
     if (p && p.initialize) {
       p.initialize(id, baseProps.load, baseProps.setState, p.callback);
     }
@@ -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,
@@ -189,7 +205,7 @@ exports.useCoreEdit = function (props, refForm, initialState, service, p1, p) {
         });
       }
       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'));
@@ -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);
@@ -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,7 +411,6 @@ 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,

package/lib/useSearch.js

@@ -12,18 +12,15 @@ 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;
@@ -50,7 +47,7 @@ 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) {
@@ -102,7 +99,7 @@ function mergeParam(p) {
   }
 }
 exports.useSearch = function (refForm, initialState, service, p2, p) {
-  var baseProps = exports.useCoreSearch(undefined, 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) {
@@ -114,7 +111,7 @@ exports.useSearch = function (refForm, initialState, service, 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);
     }
   }, []);
@@ -124,49 +121,30 @@ exports.useSearchOneProps = function (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.service, p, p);
+  return exports.useCoreSearch(p.refForm, p.initialState, p.service, p, p);
 };
-exports.useCoreSearch = function (props, refForm, initialState, service, 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) {
     var x = !component.hideFilter;
     core_1.handleToggle(event.target, !x);
     setComponent({ hideFilter: x });
   };
-  var add = function (event) {
-    event.preventDefault();
-    history.push(match.url + '/add');
-  };
   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;
   };
@@ -186,7 +164,7 @@ exports.useCoreSearch = function (props, refForm, initialState, service, 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) {
@@ -198,7 +176,7 @@ exports.useCoreSearch = function (props, refForm, initialState, service, 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;
@@ -220,7 +198,7 @@ exports.useCoreSearch = function (props, refForm, initialState, service, 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 service === 'function') {
@@ -232,7 +210,7 @@ exports.useCoreSearch = function (props, refForm, initialState, service, p1, p2)
     });
   };
   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) {
@@ -270,7 +248,7 @@ exports.useCoreSearch = function (props, refForm, initialState, service, 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,
@@ -305,7 +283,7 @@ exports.useCoreSearch = function (props, refForm, initialState, service, p1, p2)
       return;
     }
     setComponent({ pageIndex: 1, tmpPageIndex: 1 });
-    search_core_1.removeSortStatus(component.sortTarget);
+    search_1.removeSortStatus(component.sortTarget);
     setComponent({
       sortTarget: undefined,
       sortField: undefined,
@@ -327,7 +305,7 @@ exports.useCoreSearch = function (props, refForm, initialState, service, 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.pageSize, 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);
@@ -337,7 +315,7 @@ exports.useCoreSearch = function (props, refForm, initialState, service, p1, p2)
       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);
       }
@@ -346,11 +324,11 @@ exports.useCoreSearch = function (props, refForm, initialState, service, 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);
       }
     }
@@ -383,10 +361,8 @@ exports.useCoreSearch = function (props, refForm, initialState, service, p1, p2)
   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,
     search: search,
     sort: sort,
     changeView: changeView,

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.4",
+  "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.1",
+    "react": "^17.0.2",
+    "react-router-dom": "^6.2.2",
     "tslint": "^5.10.0",
     "typescript": "^3.3.3333"
   },

package/src/components.ts

@@ -1,17 +1,18 @@
 import * as React from 'react';
-import {RouteComponentProps} from 'react-router';
-import {clone, diff, makeDiff} from 'reflectx';
-import {addParametersIntoUrl, append, buildMessage, changePage, changePageSize, formatResults, getFieldsFromForm, getModel, handleAppend, handleSortEvent, initFilter, mergeFilter as mergeFilter2, more, reset, Searchable, showPaging, validate} from 'search-core';
 import {BaseDiffState, createDiffStatus, createEditStatus, DiffApprService, DiffParameter, DiffState, DiffStatusConfig, handleToggle, hideLoading, showLoading} from './core';
-import {Attributes, buildId, EditStatusConfig, error, ErrorMessage, Filter, getCurrencyCode, getModelName as getModelName2, initForm, LoadingService, Locale, message, messageByHttpStatus, PageChange, pageSizes, removePhoneFormat, ResourceService, SearchParameter, SearchResult, SearchService, SearchState, StringMap, UIService, ViewParameter, ViewService} from './core';
+import {Attributes, EditStatusConfig, error, ErrorMessage, Filter, getCurrencyCode, getModelName as getModelName2, initForm, LoadingService, Locale, message, messageByHttpStatus, PageChange, pageSizes, removePhoneFormat, ResourceService, SearchParameter, SearchResult, SearchService, SearchState, StringMap, UIService, ViewParameter, ViewService} from './core';
 import {formatDiffModel, getDataFields} from './diff';
 import {build, createModel as createModel2, EditParameter, GenericService, handleStatus, handleVersion, initPropertyNullInModel, ResultInfo} from './edit';
 import {focusFirstError, readOnly} from './formutil';
 import {getAutoSearch, getConfirmFunc, getDiffStatusFunc, getEditStatusFunc, getErrorFunc, getLoadingFunc, getLocaleFunc, getMsgFunc, getResource, getUIService} from './input';
+import {clone, diff, makeDiff} from './reflect';
 import {buildFromUrl} from './route';
+import {addParametersIntoUrl, append, buildMessage, changePage, changePageSize, formatResults, getFieldsFromForm, getModel, handleAppend, handleSortEvent, initFilter, mergeFilter as mergeFilter2, more, Pagination, reset, showPaging, Sortable, validate} from './search';
 import {buildFlatState, buildState, enLocale, handleEvent, handleProps, localeOf} from './state';
 
-export class ViewComponent<T, ID, P extends RouteComponentProps, S> extends React.Component<P, S> {
+interface Searchable extends Pagination, Sortable {
+}
+export class ViewComponent<T, ID, P, S> extends React.Component<P, S> {
   constructor(props: P, sv: ((id: ID, ctx?: any) => Promise<T>)|ViewService<T, ID>,
       param: ResourceService|ViewParameter,
       showError?: (msg: string, title?: string, detail?: string, callback?: () => void) => void,
@@ -40,7 +41,6 @@ export class ViewComponent<T, ID, P extends RouteComponentProps, S> extends Reac
         }
       }
     }
-    this.back = this.back.bind(this);
     this.getModelName = this.getModelName.bind(this);
     this.load = this.load.bind(this);
     this.getModel = this.getModel.bind(this);
@@ -61,12 +61,6 @@ export class ViewComponent<T, ID, P extends RouteComponentProps, S> extends Reac
   keys?: string[];
   metadata?: Attributes;
 
-  back(event: any) {
-    if (event) {
-      event.preventDefault();
-    }
-    this.props.history.goBack();
-  }
   getModelName(): string {
     if (this.name && this.name.length > 0) {
       return this.name;
@@ -78,13 +72,6 @@ export class ViewComponent<T, ID, P extends RouteComponentProps, S> extends Reac
       return n;
     }
   }
-  componentDidMount() {
-    this.form = this.ref.current;
-    const id = buildId<ID>(this.props, this.keys);
-    if (id) {
-      this.load(id);
-    }
-  }
   load(_id: ID, callback?: (m: T, showF: (model: T) => void) => void) {
     const id: any = _id;
     if (id != null && id !== '' && this.loadData) {
@@ -619,7 +606,7 @@ export class BaseSearchComponent<T, F extends Filter, P, I extends SearchState<T
     this.doSearch();
   }
 }
-export class SearchComponent<T, S extends Filter, P extends RouteComponentProps, I extends SearchState<T, S>> extends BaseSearchComponent<T, S, P, I> {
+export class SearchComponent<T, S extends Filter, P, I extends SearchState<T, S>> extends BaseSearchComponent<T, S, P, I> {
   constructor(props: P, sv: ((s: S, ctx?: any) => Promise<SearchResult<T>>) | SearchService<T, S>,
       param: ResourceService|SearchParameter,
       showMessage?: (msg: string, option?: string) => void,
@@ -641,7 +628,6 @@ export class SearchComponent<T, S extends Filter, P extends RouteComponentProps,
         }
       }
     }
-    this.add = this.add.bind(this);
     this.call = this.call.bind(this);
     this.showError = getErrorFunc(param, showError);
     this.componentDidMount = this.componentDidMount.bind(this);
@@ -667,11 +653,6 @@ export class SearchComponent<T, S extends Filter, P extends RouteComponentProps,
     const s: any = {};
     return s;
   }
-  add = (event: any) => {
-    event.preventDefault();
-    const url = this.url + '/add';
-    this.props.history.push(url);
-  }
   call(se: S) {
     this.running = true;
     const s = clone(se);
@@ -711,7 +692,7 @@ export class SearchComponent<T, S extends Filter, P extends RouteComponentProps,
   }
 }
 
-export abstract class BaseEditComponent<T, P extends RouteComponentProps, S> extends BaseComponent<P, S> {
+export abstract class BaseEditComponent<T, P, S> extends BaseComponent<P, S> {
   constructor(props: P,
       protected resourceService: ResourceService,
       protected showMessage: (msg: string) => void,
@@ -779,7 +760,6 @@ export abstract class BaseEditComponent<T, P extends RouteComponentProps, S> ext
     if (event) {
       event.preventDefault();
     }
-    this.props.history.goBack();
   }
   resetState(newMod: boolean, model: T, originalModel?: T) {
     this.newMode = newMod;
@@ -986,7 +966,7 @@ export abstract class BaseEditComponent<T, P extends RouteComponentProps, S> ext
     this.showError(msg.message, msg.title);
   }
 }
-export class EditComponent<T, ID, P extends RouteComponentProps, S> extends BaseEditComponent<T, P, S>  {
+export class EditComponent<T, ID, P, S> extends BaseEditComponent<T, P, S>  {
   constructor(props: P, protected service: GenericService<T, ID, number|ResultInfo<T>>,
       param: ResourceService|EditParameter,
       showMessage?: (msg: string, option?: string) => void,
@@ -1018,16 +998,9 @@ export class EditComponent<T, ID, P extends RouteComponentProps, S> extends Base
     }
     this.load = this.load.bind(this);
     this.doSave = this.doSave.bind(this);
-    this.componentDidMount = this.componentDidMount.bind(this);
     this.ref = React.createRef();
   }
   ref: any;
-  componentDidMount() {
-    const k = (this.ui ? this.ui.registerEvents : undefined);
-    this.form = initForm(this.ref.current, k);
-    const id = buildId<ID>(this.props, this.keys);
-    this.load(id);
-  }
   load(_id: ID|null, callback?: (m: T, showM: (m2: T) => void) => void) {
     const id: any = _id;
     if (id != null && id !== '') {
@@ -1105,7 +1078,7 @@ export class EditComponent<T, ID, P extends RouteComponentProps, S> extends Base
   }
 }
 
-export class BaseDiffApprComponent<T, ID, P extends RouteComponentProps, S extends BaseDiffState> extends React.Component<P, S & any> {
+export class BaseDiffApprComponent<T, ID, P, S extends BaseDiffState> extends React.Component<P, S & any> {
   constructor(props: P, protected keys: string[], protected resourceService: ResourceService,
       protected showMessage: (msg: string, option?: string) => void,
       protected showError: (m: string, title?: string, detail?: string, callback?: () => void) => void,
@@ -1118,7 +1091,6 @@ export class BaseDiffApprComponent<T, ID, P extends RouteComponentProps, S exten
     this.resource = resourceService.resource();
     this.showMessage = this.showMessage.bind(this);
     this.showError = this.showError.bind(this);
-    this.back = this.back.bind(this);
     this.initModel = this.initModel.bind(this);
     this.postApprove = this.postApprove.bind(this);
     this.postReject = this.postReject.bind(this);
@@ -1135,13 +1107,6 @@ export class BaseDiffApprComponent<T, ID, P extends RouteComponentProps, S exten
   running?: boolean;
   resource: StringMap;
 
-  back(event: any) {
-    if (event) {
-      event.preventDefault();
-    }
-    this.props.history.goBack();
-  }
-
   initModel(): T {
     const x: any = {};
     return x;
@@ -1224,7 +1189,7 @@ export class BaseDiffApprComponent<T, ID, P extends RouteComponentProps, S exten
     this.showError(msg.message, msg.title);
   }
 }
-export class DiffApprComponent<T, ID, P extends RouteComponentProps, S extends DiffState<T>> extends BaseDiffApprComponent<T, ID, P, S> {
+export class DiffApprComponent<T, ID, P, S extends DiffState<T>> extends BaseDiffApprComponent<T, ID, P, S> {
   constructor(props: P, protected service: DiffApprService<T, ID>,
       param: ResourceService|DiffParameter,
       showMessage?: (msg: string, option?: string) => void,
@@ -1244,14 +1209,6 @@ export class DiffApprComponent<T, ID, P extends RouteComponentProps, S extends D
   }
   ref: any;
 
-  componentDidMount() {
-    this.form = this.ref.current;
-    const id = buildId<ID>(this.props, this.keys);
-    if (id) {
-      this.load(id);
-    }
-  }
-
   formatFields(value: T): T {
     return value;
   }