ar-design 0.2.25 → 0.2.27

package/dist/components/data-display/table/index.js

@@ -7,6 +7,7 @@ import Pagination from "../../navigation/pagination";
 import React, { forwardRef, memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import Input from "../../form/input";
 import Popover from "../../feedback/popover";
+import Utils from "../../../libs/infrastructure/shared/Utils";
 const Table = forwardRef(({ children, title, description, data, columns, actions, selections, previousSelections, searchedParams, pagination, config = { isSearchable: false }, }, ref) => {
     // refs
     const _tableWrapper = useRef(null);
@@ -109,8 +110,18 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
             }, 750);
         }
         else {
-            setSearchedText((prev) => ({ ...prev, [event.target.name]: event.target.value }));
+            setSearchedText((prev) => {
+                const _state = { ...prev };
+                if (event.target.value === "") {
+                    delete _state[event.target.name]; // Key'i siliyoruz
+                }
+                else {
+                    _state[event.target.name] = event.target.value; // Yeni değeri ekliyoruz
+                }
+                return _state;
+            });
         }
+        setCurrentPage(1);
     };
     const handleCheckboxChange = useCallback(async (event) => {
         event.stopPropagation();
@@ -127,8 +138,8 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
     }, []);
     // Derinlemesine arama yapmak için özyinelemeli bir fonksiyon tanımlayalım.
     const deepSearch = (item, searchedText) => {
-        if (!searchedText)
-            return false;
+        if (!searchedText || Object.keys(searchedText).length === 0)
+            return true;
         // Eğer değer bir sayı veya string ise, aranan metinle eşleşip eşleşmediğini kontrol ediyoruz.
         return Object.entries(searchedText).every(([key, value]) => {
             const _itemValue = item[key];
@@ -162,7 +173,6 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
         if (searchedText) {
             _data = _data.filter((item) => deepSearch(item, searchedText));
             setTotalRecords(_data.length);
-            setCurrentPage(1);
         }
         else {
             setTotalRecords(data.length);
@@ -198,7 +208,7 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
             setSearchedParams(checkboxSelectedParams);
         }
         else {
-            setSearchedText(checkboxSelectedParams);
+            setSearchedText((prev) => ({ ...prev, ...checkboxSelectedParams }));
         }
         setCurrentPage(1);
         pagination && pagination.onChange(1);
@@ -215,6 +225,9 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
             setSelectAll(_checkboxItems.current.every((item) => item?.checked === true));
         }
     }, [selectionItems, currentPage]);
+    useEffect(() => {
+        console.log("Table component re-rendered!", actions);
+    });
     return (React.createElement("div", { ref: _tableWrapper, className: _tableClassName.map((c) => c).join(" ") },
         (title || description || actions || React.Children.count(children) > 0) && (React.createElement("div", { className: "header" },
             React.createElement("div", { className: "title" },
@@ -345,6 +358,9 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
                 } })))));
 });
 export default memo(Table, (prevProps, nextProps) => {
-    return (JSON.stringify(prevProps.data) === JSON.stringify(nextProps.data) &&
-        JSON.stringify(prevProps.columns) === JSON.stringify(nextProps.columns));
+    const data = Utils.DeepEqual(prevProps.data, nextProps.data);
+    const columns = Utils.DeepEqual(prevProps.columns, nextProps.columns);
+    const actions = Utils.DeepEqual(prevProps.actions, nextProps.actions);
+    const previousSelections = Utils.DeepEqual(prevProps.previousSelections, nextProps.previousSelections);
+    return data && columns && actions && previousSelections;
 });

package/dist/libs/infrastructure/shared/Utils.d.ts

@@ -6,6 +6,7 @@ declare class Utils {
     GetOSShortCutIcons: () => "⌘" | "ctrl" | "";
     StringFormat: (value: string, ...args: any[]) => string;
     IsNullOrEmpty: (value: unknown) => boolean;
+    DeepEqual: (obj1: any, obj2: any) => boolean;
 }
 declare const _default: Utils;
 export default _default;

package/dist/libs/infrastructure/shared/Utils.js

@@ -66,5 +66,17 @@ class Utils {
             return true;
         return false;
     };
+    DeepEqual = (obj1, obj2) => {
+        if (Object.is(obj1, obj2))
+            return true; // Aynı referanssa true döndür
+        if (typeof obj1 !== "object" || typeof obj2 !== "object" || obj1 === null || obj2 === null) {
+            return false; // Eğer biri obje değilse ve eşit değilse false
+        }
+        const keys1 = Object.keys(obj1);
+        const keys2 = Object.keys(obj2);
+        if (keys1.length !== keys2.length)
+            return false; // Farklı uzunlukta anahtar varsa false
+        return keys1.every((key) => this.DeepEqual(obj1[key], obj2[key])); // Rekürsif karşılaştırma
+    };
 }
 export default new Utils();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ar-design",
-  "version": "0.2.25",
+  "version": "0.2.27",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",