ar-design 0.2.26 → 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);
@@ -224,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" },
@@ -354,7 +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) &&
-        JSON.stringify(prevProps.actions) === JSON.stringify(nextProps.actions));
+    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.26",
+  "version": "0.2.27",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",