@deviceinsight/ng-ui-components 6.25.0 → 6.27.0

package/lib/esm/src/components/reactable/helpers/ReactableTableFilterRow.js

@@ -6,14 +6,23 @@ const ReactableTableFilterRow = ({ columnDefs, onFilter, tableName }) => {
     const { t } = useTranslation();
     const [state, setState] = useState({});
     useEffect(() => {
-        const initialFilters = columnDefs.reduce((acc, columnDef) => ({
-            ...acc,
-            [columnDef.name]: columnDef.filterable?.initialValue ?? ''
-        }), {});
-        setState(initialFilters);
-        if (Object.values(initialFilters).some((value) => value)) {
-            onFilter(initialFilters);
-        }
+        setState((prev) => {
+            const merged = {};
+            for (const cd of columnDefs) {
+                merged[cd.name] = prev[cd.name] !== undefined ? prev[cd.name] : cd.filterable?.initialValue ?? '';
+            }
+            const prevKeys = Object.keys(prev);
+            const mergedKeys = Object.keys(merged);
+            const sameKeys = mergedKeys.length === prevKeys.length && mergedKeys.every((k) => prevKeys.includes(k));
+            const sameValues = sameKeys && mergedKeys.every((k) => merged[k] === prev[k]);
+            if (sameKeys && sameValues) {
+                return prev; // no change
+            }
+            if (Object.values(merged).some((v) => v)) {
+                onFilter(merged);
+            }
+            return merged;
+        });
     }, [columnDefs, onFilter]);
     const changeFilter = (columnName, value) => {
         const newState = { ...state, [columnName]: value };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@deviceinsight/ng-ui-components",
-	"version": "6.25.0",
+	"version": "6.27.0",
 	"private": false,
 	"license": "SEE LICENSE IN LICENSE",
 	"repository": {
@@ -43,7 +43,7 @@
 		"@dnd-kit/sortable": "^7.0.1",
 		"@svgdotjs/svg.js": "^3.0.16",
 		"classnames": "^2.3.1",
-		"dayjs": "^1.11.0",
+		"dayjs": "^1.11.18",
 		"highcharts": "^10.2.1",
 		"highcharts-react-official": "^3.1.0",
 		"lodash": "^4.17.21",