react-hook-core 0.1.6 → 0.1.9

package/lib/com.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var core_1 = require("./core");
+function PageSizeSelect(p) {
+  var g = p.sizes;
+  var s = (!g || g.length === 0 ? core_1.pageSizes : g);
+  var opts = s.map(function (pgSize) { return React.createElement('option', { key: pgSize, value: pgSize }, pgSize); });
+  return React.createElement('select', { id: p.id, name: p.name, defaultValue: p.size, onChange: p.onChange }, opts);
+}
+exports.PageSizeSelect = PageSizeSelect;
+function Search(p) {
+  return (React.createElement(React.Fragment, null, React.createElement("label", { className: p.className }, p.pageSizeChanged && React.createElement(PageSizeSelect, { size: p.size, sizes: p.sizes, onChange: p.pageSizeChanged, name: p.name, id: p.id }), React.createElement("input", { type: 'text', id: 'q', name: 'q', value: p.value || '', onChange: p.onChange, maxLength: p.maxLength, placeholder: p.placeholder }), p.clear && React.createElement("button", { type: 'button', hidden: !p.value, className: 'btn-remove-text', onClick: p.clear }), p.toggle && React.createElement("button", { type: 'button', className: 'btn-filter', onClick: p.toggle }), p.search && React.createElement("button", { type: 'submit', className: 'btn-search', onClick: p.search }))));
+}
+exports.Search = Search;

package/lib/components.js

@@ -398,16 +398,20 @@ var BaseSearchComponent = (function (_super) {
     this.initFields = true;
     return fs;
   };
-  BaseSearchComponent.prototype.clearQ = function () {
-    var m = this.state.model;
-    if (m) {
-      m.q = '';
-      this.setState({ model: m });
+  BaseSearchComponent.prototype.clearQ = function (e) {
+    if (e) {
+      e.preventDefault();
     }
-    else {
-      this.setState({
-        q: ''
-      });
+    var n = this.getModelName();
+    if (n && n.length > 0) {
+      var m = this.state[n];
+      if (m) {
+        m.q = '';
+        var setObj = {};
+        setObj[n] = m;
+        this.setState(setObj);
+        return;
+      }
     }
   };
   BaseSearchComponent.prototype.search = function (event) {

package/lib/core.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var formutil_1 = require("./formutil");
 exports.pageSizes = [12, 24, 60, 100, 120, 180, 300, 600];
+exports.size = exports.pageSizes;
 function createEditStatus(status) {
   if (status) {
     return status;

package/lib/index.js

@@ -19,7 +19,7 @@ __export(require("./useEdit"));
 __export(require("./components"));
 __export(require("./search"));
 __export(require("./reflect"));
-var core_1 = require("./core");
+__export(require("./com"));
 function checked(s, v) {
   if (s) {
     if (Array.isArray(s)) {
@@ -51,10 +51,3 @@ exports.Loading = function (props) {
     return (React.createElement('div', { className: 'loader-wrapper' }, React.createElement('div', { className: 'loader-sign', style: loadingStyle }, React.createElement('div', { className: 'loader' }))));
   }
 };
-function PageSizeSelect(p) {
-  var g = p.sizes;
-  var s = (!g || g.length === 0 ? core_1.pageSizes : g);
-  var opts = s.map(function (pgSize) { return React.createElement('option', { key: pgSize, value: pgSize }, pgSize); });
-  return React.createElement('select', { id: p.id, name: p.name, defaultValue: p.size, onChange: p.onChange }, opts);
-}
-exports.PageSizeSelect = PageSizeSelect;

package/lib/reflect.js

@@ -116,7 +116,9 @@ function diff(obj1, obj2) {
   return fields;
 }
 exports.diff = diff;
-function makeDiff(obj1, obj2, keys, version) {
+function makeDiff(o1, o2, keys, version) {
+  var obj1 = o1;
+  var obj2 = o2;
   var obj3 = {};
   var s = diff(obj1, obj2);
   if (s.length === 0) {

package/lib/useEdit.js

@@ -30,7 +30,7 @@ exports.useEdit = function (refForm, initialState, service, p2, p) {
     }
     var n = baseProps.getModelName(refForm.current);
     var obj = {};
-    obj[n] = baseProps.createNewModel();
+    obj[n] = baseProps.createModel();
     baseProps.setState(obj);
     var keys;
     if (p && !p.keys && service && service.metadata) {
@@ -63,7 +63,7 @@ exports.useEditProps = function (props, refForm, initialState, service, p2, p) {
     }
     var n = baseProps.getModelName(refForm.current);
     var obj = {};
-    obj[n] = baseProps.createNewModel();
+    obj[n] = baseProps.createModel();
     baseProps.setState(obj);
     var keys;
     if (p && !p.keys && service && service.metadata) {
@@ -415,7 +415,10 @@ exports.useCoreEdit = function (refForm, initialState, service, p1, p, props) {
     getModelName: getModelName,
     resetState: resetState,
     handleNotFound: handleNotFound,
-    getModel: getModel, createNewModel: createModel, newOnClick: create, save: save,
+    getModel: getModel,
+    createModel: createModel,
+    create: create,
+    save: save,
     onSave: onSave,
     confirm: confirm,
     validate: validate, showMessage: p1.showMessage, succeed: succeed,

package/lib/useSearch.js

@@ -98,6 +98,7 @@ function mergeParam(p) {
     };
   }
 }
+exports.mergeParam = mergeParam;
 exports.useSearch = function (refForm, initialState, service, p2, p) {
   var baseProps = exports.useCoreSearch(refForm, initialState, service, p2, p);
   react_1.useEffect(function () {
@@ -123,7 +124,7 @@ exports.useSearchOneProps = function (p) {
 exports.useSearchOne = function (p) {
   return exports.useCoreSearch(p.refForm, p.initialState, p.service, p, p);
 };
-exports.useCoreSearch = function (refForm, initialState, service, p1, p2, props) {
+exports.useCoreSearch = function (refForm, initialState, service, p1, p2) {
   var p = mergeParam(p2);
   var _a = react_1.useState(), running = _a[0], setRunning = _a[1];
   var _getModelName = function () {
@@ -149,7 +150,7 @@ exports.useCoreSearch = function (refForm, initialState, service, p1, p2, props)
     return fs;
   };
   var getFields = p && p.getFields ? p.getFields : _getFields;
-  var getFilter = function (se) {
+  var _getFilter = function (se) {
     if (!se) {
       se = component;
     }
@@ -167,6 +168,7 @@ exports.useCoreSearch = function (refForm, initialState, service, p1, p2, props)
     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 getFilter = p && p.getFilter ? p.getFilter : _getFilter;
   var _setFilter = function (s) {
     var objSet = {};
     var n = getModelName();
@@ -225,12 +227,15 @@ exports.useCoreSearch = function (refForm, initialState, service, p1, p2, props)
     });
     doSearch(component);
   };
-  var clearQ = function (event) {
+  var clearQ = function (e) {
+    if (e) {
+      e.preventDefault();
+    }
     var n = getModelName();
     if (n && n.length > 0) {
       var m = state[n];
       if (m) {
-        m.keyword = '';
+        m.q = '';
         var setObj = {};
         setObj[n] = m;
         setState(setObj);
@@ -370,7 +375,9 @@ exports.useCoreSearch = function (refForm, initialState, service, p1, p2, props)
     toggleFilter: toggleFilter,
     doSearch: doSearch,
     pageChanged: pageChanged,
-    pageSizeChanged: pageSizeChanged, clearKeyworkOnClick: clearQ, showResults: showResults,
+    pageSizeChanged: pageSizeChanged,
+    clearQ: clearQ,
+    showResults: showResults,
     getFields: getFields,
     getModelName: getModelName, format: p ? p.format : undefined
   });

package/package.json

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

package/src/com.ts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { Locale, pageSizes } from './core';
+
+export interface PageSizeProps {
+  id?: string;
+  name?: string;
+  size?: number;
+  sizes?: number[];
+  onChange?: React.ChangeEventHandler<HTMLSelectElement>;
+}
+export function PageSizeSelect(p: PageSizeProps) {
+  const g = p.sizes;
+  const s = (!g || g.length === 0 ? pageSizes : g);
+  const opts = s.map(pgSize => React.createElement('option', { key: pgSize, value: pgSize }, pgSize));
+  return React.createElement('select', { id: p.id, name: p.name, defaultValue: p.size, onChange: p.onChange }, opts);
+}
+export interface Props {
+  id?: string;
+  name?: string;
+  size?: number;
+  sizes?: number[];
+  className?: string;
+  maxLength?: number;
+  value?: string;
+  placeholder?: string;
+  pageSizeChanged?: (event: any) => void;
+  search?: React.MouseEventHandler<HTMLElement>;
+  toggle?: React.MouseEventHandler<HTMLElement>;
+  clear?: React.MouseEventHandler<HTMLButtonElement>;
+  onChange?: (e: any, callback?: (() => void) | undefined, lc?: Locale | undefined) => void;
+}
+export function Search(p: Props) {
+  return (React.createElement(React.Fragment, null,
+    React.createElement("label", { className: p.className },
+      p.pageSizeChanged && React.createElement(PageSizeSelect, { size: p.size, sizes: p.sizes, onChange: p.pageSizeChanged, name: p.name, id: p.id }),
+      React.createElement("input", { type: 'text', id: 'q', name: 'q', value: p.value || '', onChange: p.onChange, maxLength: p.maxLength, placeholder: p.placeholder }),
+      p.clear && React.createElement("button", { type: 'button', hidden: !p.value, className: 'btn-remove-text', onClick: p.clear }),
+      p.toggle && React.createElement("button", { type: 'button', className: 'btn-filter', onClick: p.toggle }),
+      p.search && React.createElement("button", { type: 'submit', className: 'btn-search', onClick: p.search }))));
+  /*
+  return (
+    <>
+      <label className={p.className}>
+        {p.pageSizeChanged && <PageSizeSelect size={p.size} sizes={p.sizes} onChange={p.pageSizeChanged} name={p.name} id={p.id} />}
+        <input type='text' id='q' name='q' value={p.value || ''} onChange={p.onChange} maxLength={p.maxLength} placeholder={p.placeholder} />
+        {p.clear && <button type='button' hidden={!p.value} className='btn-remove-text' onClick={p.clear}/>}
+        {p.toggle && <button type='button' className='btn-filter' onClick={p.toggle} />}
+        {p.search && <button type='submit' className='btn-search' onClick={p.search} />}
+      </label>
+    </>
+  );
+  */
+}

package/src/components.ts

@@ -443,18 +443,23 @@ export class BaseSearchComponent<T, F extends Filter, P, I extends SearchState<T
     this.setState(prevState => ({ isPageSizeOpenDropDown: !(prevState as any).isPageSizeOpenDropDown } as any));
   }
 
-  clearQ(): void {
-    const m = this.state.model;
-    if (m) {
-      m.q = '';
-      this.setState({model: m});
-    } else {
-      this.setState({
-        q: ''
-      });
+  clearQ(e?: React.MouseEvent<HTMLButtonElement, MouseEvent>): void {
+    if (e) {
+      e.preventDefault();
+    }
+    const n = this.getModelName();
+    if (n && n.length > 0) {
+      const m = (this.state as any)[n];
+      if (m) {
+        m.q = '';
+        const setObj: any = {};
+        setObj[n] = m;
+        this.setState(setObj);
+        return;
+      }
     }
   }
-  search(event: any): void {
+  search(event: React.MouseEvent<HTMLButtonElement, MouseEvent>): void {
     if (event) {
       event.preventDefault();
       if (!this.getSearchForm()) {
@@ -806,7 +811,7 @@ export abstract class BaseEditComponent<T, P, S> extends BaseComponent<P, S> {
     }
   }
 
-  create = (event: any) => {
+  create = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
     if (event) {
       event.preventDefault();
     }
@@ -823,9 +828,9 @@ export abstract class BaseEditComponent<T, P, S> extends BaseComponent<P, S> {
       }, 100);
     }
   }
-  save = (event: any) => {
+  save = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
     event.preventDefault();
-    (event as any).persist();
+    event.persist();
     if (!this.form && event && event.target) {
       this.form = (event.target as HTMLInputElement).form;
     }
@@ -856,7 +861,7 @@ export abstract class BaseEditComponent<T, P, S> extends BaseComponent<P, S> {
         });
       } else {
         const diffObj = makeDiff(initPropertyNullInModel(this.orginalModel, this.metadata), obj, this.keys, this.version);
-        const keys = Object.keys(diffObj);
+        const keys = Object.keys(diffObj as any);
         if (keys.length === 0) {
           this.showMessage(r.value('msg_no_change'));
         } else {
@@ -881,7 +886,7 @@ export abstract class BaseEditComponent<T, P, S> extends BaseComponent<P, S> {
     }
   }
 
-  doSave(obj: T, dif?: T, isBack?: boolean) {
+  doSave(obj: T, dif?: Partial<T>, isBack?: boolean) {
   }
 
   succeed(msg: string, isBack?: boolean, result?: ResultInfo<T>) {
@@ -1053,12 +1058,12 @@ export class EditComponent<T, ID, P, S> extends BaseEditComponent<T, P, S>  {
       }
     }
   }
-  doSave(obj: T, body?: T, isBack?: boolean) {
+  doSave(obj: T, body?: Partial<T>, isBack?: boolean) {
     this.running = true;
     showLoading(this.loading);
     const isBackO = (isBack == null || isBack === undefined ? this.backOnSuccess : isBack);
     const com = this;
-    let m = obj;
+    let m: T|Partial<T> = obj;
     let fn = this.newMode ? this.service.insert : this.service.update;
     if (!this.newMode) {
       if (this.patchable === true && this.service.patch && body && Object.keys(body).length > 0) {
@@ -1066,7 +1071,7 @@ export class EditComponent<T, ID, P, S> extends BaseEditComponent<T, P, S>  {
         fn = this.service.patch;
       }
     }
-    fn(m).then(result => {
+    fn(m as any).then(result => {
       com.postSave(result, isBackO);
       com.running = false;
       hideLoading(com.loading);

package/src/core.ts

@@ -2,6 +2,7 @@ import { Params } from 'react-router';
 import { focusFirstElement } from './formutil';
 
 export const pageSizes = [12, 24, 60, 100, 120, 180, 300, 600];
+export const size = pageSizes;
 export interface ModelMap {
   [key: string]: any;
 }

package/src/edit.ts

@@ -17,7 +17,7 @@ export interface EditParameter {
   status?: EditStatusConfig;
 }
 export interface GenericService<T, ID, R> extends ViewService<T, ID> {
-  patch?(obj: T, ctx?: any): Promise<R>;
+  patch?(obj: Partial<T>, ctx?: any): Promise<R>;
   insert(obj: T, ctx?: any): Promise<R>;
   update(obj: T, ctx?: any): Promise<R>;
   delete?(id: ID, ctx?: any): Promise<number>;

package/src/index.ts

@@ -14,8 +14,7 @@ export * from './useEdit';
 export * from './components';
 export * from './search';
 export * from './reflect';
-
-import {pageSizes} from './core';
+export * from './com';
 
 export function checked(s: string[]|string|undefined, v: string): boolean|undefined {
   if (s) {
@@ -55,17 +54,4 @@ export const Loading = (props: LoadingProps) => {
     );*/
   }
 };
-export interface Props {
-  id?: string;
-  name?: string;
-  size?: number;
-  sizes?: number[];
-  onChange?: React.ChangeEventHandler<HTMLSelectElement>;
-}
-export function PageSizeSelect(p: Props) {
-  const g = p.sizes;
-  const s = (!g || g.length === 0 ? pageSizes : g);
-  const opts = s.map(pgSize => React.createElement('option', { key: pgSize, value: pgSize }, pgSize));
-  return React.createElement('select', { id: p.id, name: p.name, defaultValue: p.size, onChange: p.onChange }, opts);
-}
 export type OnClick = React.MouseEvent<HTMLElement, MouseEvent>;

package/src/reflect.ts

@@ -105,7 +105,9 @@ export function diff(obj1: any, obj2: any): string[] {
   return fields;
 }
 
-export function makeDiff(obj1: any, obj2: any, keys?: string[], version?: string): any {
+export function makeDiff<T>(o1: T, o2: T, keys?: string[], version?: string): Partial<T> {
+  const obj1: any = o1;
+  const obj2: any = o2;
   const obj3: any = {};
   const s = diff(obj1, obj2);
   if (s.length === 0) {

package/src/useEdit.ts

@@ -80,7 +80,7 @@ export const useEdit = <T, ID, S>(
     }
     const n = baseProps.getModelName(refForm.current);
     const obj: any = {};
-    obj[n] = baseProps.createNewModel();
+    obj[n] = baseProps.createModel();
     baseProps.setState(obj);
     let keys: string[]|undefined;
     if (p && !p.keys && service && service.metadata) {
@@ -120,7 +120,7 @@ export const useEditProps = <T, ID, S, P>(
     }
     const n = baseProps.getModelName(refForm.current);
     const obj: any = {};
-    obj[n] = baseProps.createNewModel();
+    obj[n] = baseProps.createModel();
     baseProps.setState(obj);
     let keys: string[]|undefined;
     if (p && !p.keys && service && service.metadata) {
@@ -288,7 +288,7 @@ export const useCoreEdit = <T, ID, S, P>(
           validate(obj, () => {
             const msg = message(p1.resource.value, 'msg_confirm_save', 'confirm', 'yes', 'no');
             p1.confirm(msg.message, msg.title, () => {
-              doSave(obj, diffObj, version, isBack);
+              doSave(obj, diffObj as any, version, isBack);
             }, msg.no, msg.yes);
           });
         }
@@ -403,7 +403,7 @@ export const useCoreEdit = <T, ID, S, P>(
   };
   const handleDuplicateKey = (p && p.handleDuplicateKey ? p.handleDuplicateKey : _handleDuplicateKey);
 
-  const _doSave = (obj: T, body?: T, version?: string, isBack?: boolean) => {
+  const _doSave = (obj: T, body?: Partial<T>, version?: string, isBack?: boolean) => {
     setRunning(true);
     showLoading(p1.loading);
     const isBackO = (isBack == null || isBack === undefined ? true : isBack);
@@ -483,8 +483,8 @@ export const useCoreEdit = <T, ID, S, P>(
     resetState,
     handleNotFound,
     getModel,
-    createNewModel: createModel,
-    newOnClick: create,
+    createModel,
+    create,
     save,
     onSave,
     // eslint-disable-next-line no-restricted-globals

package/src/useSearch.ts

@@ -84,7 +84,7 @@ export interface SearchComponentParam<T, M extends Filter> {
   getModelName?: () => string;
   getCurrencyCode?: () => string;
   setFilter?: (s: M) => void;
-  getFilter?: () => M;
+  getFilter?: (se?: Searchable<T>) => M;
   getFields?: () => string[]|undefined;
   validateSearch?: (se: M, callback: () => void) => void;
   // prepareCustomData?: (data: any) => void;
@@ -142,7 +142,7 @@ export interface SearchComponentState<T, S> extends Pagination, Sortable {
   deletable?: boolean;
 }
 
-function mergeParam<T, S extends Filter>(p?: SearchComponentParam<T, S>): SearchComponentParam<T, S> {
+export function mergeParam<T, S extends Filter>(p?: SearchComponentParam<T, S>): SearchComponentParam<T, S> {
   if (p) {
     if (!p.sequenceNo) {
       p.sequenceNo = 'sequenceNo';
@@ -218,13 +218,12 @@ export const useSearchOneProps = <T, S extends Filter, ST extends SearchComponen
 export const useSearchOne = <T, S extends Filter, ST extends SearchComponentState<T, S>>(p: HookBaseSearchParameter<T, S, ST>) => {
   return useCoreSearch(p.refForm, p.initialState, p.service, p, p);
 };
-export const useCoreSearch = <T, S extends Filter, ST, P>(
+export const useCoreSearch = <T, S extends Filter, ST>(
   refForm: any,
   initialState: ST,
   service: ((s: S, limit?: number, offset?: number|string, fields?: string[]) => Promise<SearchResult<T>>) | SearchService<T, S>,
   p1: SearchParameter,
-  p2?: SearchComponentParam<T, S>,
-  props?: P
+  p2?: SearchComponentParam<T, S>
 ) => {
   const p = mergeParam(p2);
   const [running, setRunning] = useState<boolean>();
@@ -260,7 +259,7 @@ export const useCoreSearch = <T, S extends Filter, ST, P>(
   };
   const getFields = p && p.getFields ? p.getFields : _getFields;
 
-  const getFilter = (se?: Searchable<T>): S => {
+  const _getFilter = (se?: Searchable<T>): S => {
     if (!se) {
       se = component;
     }
@@ -278,6 +277,7 @@ export const useCoreSearch = <T, S extends Filter, ST, P>(
     const obj3 = getModel<T, S>(state, n, se, fs, se.excluding, keys, se.list, refForm.current, getDecodeFromForm(p1), lc, cc);
     return obj3;
   };
+  const getFilter = p && p.getFilter ? p.getFilter : _getFilter;
   const _setFilter = (s: S): void => {
     const objSet: any = {};
     const n = getModelName();
@@ -341,12 +341,15 @@ export const useCoreSearch = <T, S extends Filter, ST, P>(
     doSearch(component);
   };
 
-  const clearQ = (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
+  const clearQ = (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
+    if (e) {
+      e.preventDefault();
+    }
     const n = getModelName();
     if (n && n.length > 0) {
       const m = (state as any)[n];
       if (m) {
-        m.keyword = '';
+        m.q = '';
         const setObj: any = {};
         setObj[n] = m;
         setState(setObj);
@@ -495,7 +498,7 @@ export const useCoreSearch = <T, S extends Filter, ST, P>(
     doSearch,
     pageChanged,
     pageSizeChanged,
-    clearKeyworkOnClick: clearQ,
+    clearQ,
     showResults,
     getFields,
     getModelName,

package/lib/router.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var react_router_dom_1 = require("react-router-dom");
-exports.useRouter = function () {
-  var _a = [react_router_dom_1.useLocation(), react_router_dom_1.useHistory(), react_router_dom_1.useParams(), react_router_dom_1.useRouteMatch()], location = _a[0], history = _a[1], params = _a[2], match = _a[3];
-  var navigate = function (targetUrl) {
-    return function (e) {
-      if (e) {
-        e.preventDefault();
-      }
-      history.push(targetUrl);
-    };
-  };
-  var back = function (e) {
-    if (e) {
-      e.preventDefault();
-    }
-    history.goBack();
-  };
-  return react_1.useMemo(function () {
-    return ({
-      push: history.push,
-      replace: history.replace,
-      pathname: location.pathname,
-      goBack: history.goBack,
-      match: match,
-      location: location,
-      history: history,
-      params: params,
-      navigate: navigate,
-      back: back
-    });
-  }, [match, location, history, params]);
-};

package/src/router.ts

@@ -1,39 +0,0 @@
-import {useMemo} from 'react';
-import {useHistory, useLocation, useParams, useRouteMatch} from 'react-router-dom';
-
-export const useRouter = () => {
-  const [location, history, params, match] = [useLocation(), useHistory(), useParams(), useRouteMatch()];
-/*
-  const searchQueries = useMemo(() => {
-    return queryString.parse(location.search, { arrayFormat: 'comma', parseNumbers: true });
-  }, [location.search]);
-*/
-  const navigate = (targetUrl: string) => (e: React.MouseEvent) => {
-    if (e) {
-      e.preventDefault();
-    }
-    history.push(targetUrl);
-  };
-
-
-  const back = (e: React.MouseEvent) => {
-    if (e) {
-      e.preventDefault();
-    }
-    history.goBack();
-  };
-
-  return useMemo(() => ({
-    push: history.push,
-    replace: history.replace,
-    pathname: location.pathname,
-    goBack: history.goBack,
-    match,
-    location,
-    history,
-    params,
-    // searchQueries,
-    navigate,
-    back
-  }), [match, location, history, params]);
-};