@pushwoosh/dumb-components 1.0.17 → 1.0.19

package/Button/styles.js

@@ -8,7 +8,7 @@ export const ButtonIcon = styled.div.withConfig({
 export const ButtonContent = styled.div.withConfig({
   displayName: "ButtonContent",
   componentId: "sc-qltvdl-1"
-})(["display:grid;justify-content:start;& > div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}&:first-child{justify-content:center;}&:first-child:last-child{padding-left:", ";padding-right:", ";}&:last-child:not(:first-child){padding-right:", ";}"], Spacing.S2, Spacing.S2, Spacing.S2);
+})(["display:grid;justify-content:start;& > div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}&:first-child{justify-content:center;}&:first-child:last-child{padding-left:", ";padding-right:", ";}&:last-child:not(:first-child){padding-right:", ";}&:first-child:not(:last-child){padding-left:", ";}"], Spacing.S2, Spacing.S2, Spacing.S2, Spacing.S2);
 export const ButtonSpinner = styled.div.withConfig({
   displayName: "ButtonSpinner",
   componentId: "sc-qltvdl-2"

package/Table/hooks/helpers.d.ts

@@ -1,3 +1,2 @@
-export declare function pickBy<T extends Record<string, any>>(obj: T): Record<string, any>;
 export declare function mapKeys<T extends Record<string, any>, K extends string>(obj: T, mapper: (key: string) => K): Record<K, T[keyof T]>;
 export declare function shallowEqual<T extends Record<string, any>>(a: T, b: T): boolean;

package/Table/hooks/helpers.js

@@ -1,6 +1,3 @@
-export function pickBy(obj) {
-  return Object.fromEntries(Object.entries(obj).filter(([, value]) => !!value));
-}
 export function mapKeys(obj, mapper) {
   return Object.fromEntries(Object.entries(obj).map(([key, value]) => [mapper(key), value]));
 }

package/Table/hooks/useDataTableGetParams.js

@@ -1,7 +1,7 @@
 import { useMemo, useRef } from 'react';
 import { useHistory, useLocation } from 'react-router-dom';
 import { usePersistentFunction } from '@pushwoosh/kit-helpers';
-import { mapKeys, pickBy, shallowEqual } from './helpers';
+import { mapKeys, shallowEqual } from './helpers';
 export function useDataTableGetParams({
   defaultOrder,
   defaultDirection = 'asc',
@@ -37,10 +37,14 @@ export function useDataTableGetParams({
   }, [locationSearch, defaultDirection, defaultOrder, defaultPerPage, prefix]);
   const changeDataTableParams = usePersistentFunction(params => {
     const searchParams = new URLSearchParams(locationSearch);
-    const paramsWithPrefix = pickBy(mapKeys(params, key => `${prefix}${key}`));
-    Object.entries(paramsWithPrefix).forEach(([key, value]) => {
-      searchParams.set(key, value);
-    });
+    const paramsWithPrefix = mapKeys(params, key => `${prefix}${key}`);
+    for (const [key, value] of Object.entries(paramsWithPrefix)) {
+      if (value === undefined || value === null || value === '') {
+        searchParams.delete(key);
+      } else {
+        searchParams.set(key, String(value));
+      }
+    }
     history.push({
       search: searchParams.toString()
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",