feat(query): added createQuery

BowlingX · Dec 5, 2019 · 0dbd256 · 0dbd256
1 parent b95cd4d
commit 0dbd256
Showing 1 changed file with 27 additions and 11 deletions.
diff --git a/src/lib/store.ts b/src/lib/store.ts
@@ -4,7 +4,14 @@ import LocationState = History.LocationState
 
 import memoizeOne from 'memoize-one'
 import { stringify } from 'query-string'
-import { createContext, useContext, useEffect, useMemo, useState } from 'react'
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState
+} from 'react'
 import { create, StoreApi, UseStore } from 'zustand'
 // tslint:disable-next-line:no-submodule-imports
 import shallow from 'zustand/shallow'
@@ -165,25 +172,34 @@ export const factoryParameters = <T = object>(
     const values = currentState.values
     const initialValues = currentState.initialValues
 
+    const createQuery = useCallback(
+      (values: T) => {
+        return createQueryObject(flatConfig, ns, values, initialValues)
+      },
+      [initialValues]
+    )
+
     return useMemo(
       () => ({
-        createQueryString: (customValues?: object) =>
-          stringify(
-            createQueryObject(
-              flatConfig,
-              ns,
-              customValues || values,
-              initialValues
-            )
-          ),
+        createQuery,
+        createQueryString: (customValues?: T) =>
+          stringify(createQuery(customValues || values)),
         initialValues,
         pushState: (state: (state: T) => void) => pushState(ns, state),
         replaceState: (state: (state: T) => void) => replaceState(ns, state),
         resetPush: () => resetPush(ns),
         resetReplace: () => resetReplace(ns),
         values
       }),
-      [values, initialValues, pushState, replaceState, resetPush, resetReplace]
+      [
+        values,
+        initialValues,
+        pushState,
+        replaceState,
+        resetPush,
+        resetReplace,
+        createQuery
+      ]
     )
   }