react-filter-by-url - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

dist/cjs/hooks/useUrlFilter.d.ts

@@ -8,6 +8,7 @@ /**
  */
-export declare function useFilter(params: string[], apiUrl: string): {
-    queryStr: string;
+export declare function useUrlFilter(params: string[], apiUrl: string): {
+    apiQuery: string;
+    queryString: string;
     getDefaultParamValue: (params: string, defaultValue: string) => string;
     handleSelectFilter: (name: string, value: string) => void;
 };

dist/cjs/hooks/useUrlFilter.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFilter = void 0;
+exports.useUrlFilter = void 0;
 const react_1 = require("react");
@@ -13,6 +13,7 @@ const react_router_dom_1 = require("react-router-dom");
  */
-function useFilter(params, apiUrl) {
+function useUrlFilter(params, apiUrl) {
     const query = useQuery();
     const navigate = (0, react_router_dom_1.useNavigate)();
-    const [queryStr, setQueryStr] = (0, react_1.useState)(apiUrl);
+    const [apiQuery, setApiQuery] = (0, react_1.useState)(apiUrl);
+    const [queryString, setQueryString] = (0, react_1.useState)('');
     const handleSelectFilter = (name, value) => {
@@ -22,3 +23,4 @@ const filter = convertParamsToFilterObject(params);
         const query = buildQuery(params, filter);
-        setQueryStr(apiUrl + query);
+        setApiQuery(apiUrl + query);
+        setQueryString(query);
         navigate(query);
@@ -44,3 +46,4 @@ };
     return {
-        queryStr,
+        apiQuery,
+        queryString,
         getDefaultParamValue,
@@ -50,3 +53,3 @@ handleSelectFilter
 }
-exports.useFilter = useFilter;
+exports.useUrlFilter = useUrlFilter;
 function useQuery() {
@@ -53,0 +56,0 @@ const { search } = (0, react_router_dom_1.useLocation)();

dist/esm/hooks/useUrlFilter.d.ts

@@ -8,6 +8,7 @@ /**
  */
-export declare function useFilter(params: string[], apiUrl: string): {
-    queryStr: string;
+export declare function useUrlFilter(params: string[], apiUrl: string): {
+    apiQuery: string;
+    queryString: string;
     getDefaultParamValue: (params: string, defaultValue: string) => string;
     handleSelectFilter: (name: string, value: string) => void;
 };

dist/esm/hooks/useUrlFilter.js

@@ -10,6 +10,7 @@ import { useMemo, useState } from 'react';
  */
-export function useFilter(params, apiUrl) {
+export function useUrlFilter(params, apiUrl) {
     const query = useQuery();
     const navigate = useNavigate();
-    const [queryStr, setQueryStr] = useState(apiUrl);
+    const [apiQuery, setApiQuery] = useState(apiUrl);
+    const [queryString, setQueryString] = useState('');
     const handleSelectFilter = (name, value) => {
@@ -19,3 +20,4 @@ const filter = convertParamsToFilterObject(params);
         const query = buildQuery(params, filter);
-        setQueryStr(apiUrl + query);
+        setApiQuery(apiUrl + query);
+        setQueryString(query);
         navigate(query);
@@ -41,3 +43,4 @@ };
     return {
-        queryStr,
+        apiQuery,
+        queryString,
         getDefaultParamValue,
@@ -44,0 +47,0 @@ handleSelectFilter

package.json

 {
     "name": "react-filter-by-url",
-    "version": "0.0.3",
+    "version": "0.0.4",
     "description": "",
@@ -5,0 +5,0 @@ "main": "dist/cjs/index.js",

No alert changes

Improved metrics

Total package byte prevSize

14223

increased by3.86%

Lines of code

170

increased by4.94%

No dependency changes