sea-react-components 1.0.2 → 1.0.3

package/dist/hooks/list-items-hook/useFilters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFilters.d.ts","sourceRoot":"","sources":["../../../src/hooks/list-items-hook/useFilters.ts"],"names":[],"mappings":"AACA,OAAO,EAAwB,MAAM,EAAE,MAAM,SAAS,CAAC;AAEvD,wBAAgB,UAAU,CAAC,CAAC,EAC1B,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EACpB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,EACxD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,QA2BvD"}
+{"version":3,"file":"useFilters.d.ts","sourceRoot":"","sources":["../../../src/hooks/list-items-hook/useFilters.ts"],"names":[],"mappings":"AACA,OAAO,EAAwB,MAAM,EAAE,MAAM,SAAS,CAAC;AAEvD,wBAAgB,UAAU,CAAC,CAAC,EAC1B,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EACpB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,EACxD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,QAsCvD"}

package/dist/hooks/list-items-hook/useFilters.js

@@ -1,21 +1,30 @@
-import { useEffect } from "react";
+import { useEffect, useMemo } from "react";
 import { DEFAULT_FILTER_VALUE } from "./types";
 export function useFilters(name, filters, updateParams, getParam) {
-    const paramNames = filters.reduce((acc, f) => {
-        acc[f.name] = `${name}-${f.name}`;
-        return acc;
-    }, {});
-    // Update URL params when filters change
+    const paramNames = useMemo(() => {
+        return filters.reduce((acc, f) => {
+            acc[f.name] = `${name}-${f.name}`;
+            return acc;
+        }, {});
+    }, [filters, name]);
+    // Batch update URL when filters change
     useEffect(() => {
-        if (updateParams) {
-            const updated = {};
+        if (updateParams && getParam) {
+            const updates = {};
             filters.forEach((f) => {
-                updated[paramNames[f.name]] = String(f.value);
+                const key = paramNames[f.name];
+                const current = getParam(key);
+                const next = String(f.value);
+                if (current !== next) {
+                    updates[key] = next;
+                }
             });
-            updateParams(updated);
+            if (Object.keys(updates).length > 0) {
+                updateParams(updates);
+            }
         }
-    }, [filters.map((f) => f.value).join("-")]);
-    // Set default filter values from URL on first render
+    }, [filters.map((f) => `${f.name}:${f.value}`).join("|")]);
+    // Initialize from URL
     useEffect(() => {
         if (getParam) {
             filters.forEach((f) => {

package/dist/hooks/list-items-hook/usePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../src/hooks/list-items-hook/usePagination.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EAC/B,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,EACrC,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,EACxD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,QAqBvD"}
+{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../src/hooks/list-items-hook/usePagination.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EAC/B,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,EACrC,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,EACxD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,QAoCvD"}

package/dist/hooks/list-items-hook/usePagination.js

@@ -1,21 +1,31 @@
-import { useEffect } from "react";
+import { useEffect, useRef } from "react";
 export function usePagination(name, page, setPage, rowsPerPage, setRowsPerPage, updateParams, getParam) {
+    const initializedRef = useRef(false);
     const pageParam = `${name}-page`;
     const rowsParam = `${name}-rows`;
     useEffect(() => {
-        if (updateParams)
-            updateParams({ [pageParam]: String(page) });
-    }, [page]);
-    useEffect(() => {
-        if (updateParams)
-            updateParams({ [rowsParam]: String(rowsPerPage) });
-    }, [rowsPerPage]);
+        if (updateParams && getParam) {
+            const updates = {};
+            const currentPage = getParam(pageParam);
+            const currentRows = getParam(rowsParam);
+            if (String(page) !== currentPage) {
+                updates[pageParam] = String(page);
+            }
+            if (String(rowsPerPage) !== currentRows) {
+                updates[rowsParam] = String(rowsPerPage);
+            }
+            if (Object.keys(updates).length > 0) {
+                updateParams(updates);
+            }
+        }
+    }, [page, rowsPerPage]);
     useEffect(() => {
-        if (getParam) {
+        if (getParam && !initializedRef.current) {
             const defaultPage = Number(getParam(pageParam)) || 1;
             const defaultRows = Number(getParam(rowsParam)) || 5;
             setPage(defaultPage);
             setRowsPerPage(defaultRows);
+            initializedRef.current = true;
         }
     }, []);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sea-react-components",
   "description": "SEA react components library",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "main": "dist/index.js",
   "scripts": {
     "build": "tsc --build && npx postcss src/styles.css -o dist/styles.css && npx postcss src/components/text-editor/style.css -o dist/components/text-editor/style.css",