refactor: #1327 Refactor Admin Dev Management using react-redux hooks (…

…#1386)

packages/elements/src/utils/query-params/query-params.ts

@@ -1,4 +1,7 @@
+import { isEmptyObject } from '../validators/validate-object'
+
 export const setQueryParams = (params: Object) => {
+  if (isEmptyObject(params)) return ''
   return Object.keys(params)
     .filter(key => params[key] !== undefined && params[key] !== null && params[key] !== '')
     .map(key => {

packages/elements/src/utils/validators/__tests__/validate-object.ts

@@ -0,0 +1,13 @@
+import { isEmptyObject } from '../validate-object'
+
+describe('isEmptyObject', () => {
+  it('should return true', () => {
+    expect(isEmptyObject({})).toBe(true)
+    expect(isEmptyObject([])).toBe(true)
+  })
+
+  it('should return false', () => {
+    expect(isEmptyObject({ a: 'a' })).toBe(false)
+    expect(isEmptyObject(['1'])).toBe(false)
+  })
+})

packages/elements/src/utils/validators/index.ts

@@ -12,3 +12,4 @@ export { isNumberOnly } from './validate-number'
 export { validateRequire, fieldValidateRequire, dropdownSelectFieldValidateRequire } from './validate-require'
 export { validateURI } from './validate-uri'
 export { validatePassword, isValidPassword } from './validate-password'
+export { isEmptyObject } from './validate-object'

packages/elements/src/utils/validators/validate-object.ts

@@ -0,0 +1,8 @@
+export function isEmptyObject(value: Object): boolean {
+  return (
+    value === undefined ||
+    value === null ||
+    (typeof value === 'object' && Object.keys(value).length === 0) ||
+    (typeof value === 'string' && value.trim().length === 0)
+  )
+}