ar-design 0.2.26 → 0.2.28

package/dist/assets/css/components/data-display/chip/chip.css

@@ -1,5 +1,5 @@
 .ar-chip {
-  display: flex;
+  display: inline-flex;
   justify-content: center;
   align-items: center;
   gap: 0 0.5rem;

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);
@@ -169,7 +170,7 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
     };
     const getData = useMemo(() => {
         let _data = [...data];
-        if (searchedText) {
+        if (searchedText && Object.keys(searchedText).length > 0) {
             _data = _data.filter((item) => deepSearch(item, searchedText));
             setTotalRecords(_data.length);
         }
@@ -354,7 +355,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/components/navigation/pagination/index.js

@@ -40,7 +40,9 @@ const Pagination = ({ defaultCurrent = 1, currentPage, totalRecords, perPage, on
         setPages(liItems);
         onChange(_currentPage);
     }, [totalRecords, _currentPage]);
-    useEffect(() => setCurrentPage(currentPage), [currentPage]);
+    useEffect(() => {
+        setCurrentPage(currentPage);
+    }, [currentPage]);
     return (React.createElement("div", { className: "ar-pagination" },
         React.createElement("ul", null,
             React.createElement("li", { className: _currentPage === 1 ? "passive" : "", onClick: () => {

package/dist/libs/core/application/hooks/index.d.ts

@@ -1,5 +1,6 @@
 import { Status } from "../contexts/Notification";
 import { ValidationProperties } from "../../../types";
+import { INotificationLocale } from "../locales";
 export declare const useLayout: () => {
     config: {
         layout: {
@@ -37,10 +38,10 @@ export declare const useLoading: () => {
     setIsLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };
 export declare const useLanguage: () => string | undefined;
-export declare const useTranslation: <TBaseLocale>(currentLanguage: string | undefined, translations: {
+export declare const useTranslation: <TBaseLocale>(currentLanguage: string | undefined, translations?: {
     [key: string]: any;
 }) => {
-    t: (key: keyof TBaseLocale, ...args: any[]) => string;
+    t: (key: keyof TBaseLocale & keyof INotificationLocale, ...args: any[]) => string;
     currentLanguage: string | undefined;
 };
 export declare const useNotification: () => {

package/dist/libs/core/application/hooks/index.js

@@ -4,6 +4,7 @@ import { NotificationContext } from "../contexts/Notification";
 import Utils from "../../../infrastructure/shared/Utils";
 import { LanguageContext } from "../contexts/Language";
 import { LoadingContext } from "../contexts/Loading";
+import { NotificationTR, NotificationEN } from "../locales";
 export const useLayout = () => {
     const context = useContext(ConfigContext);
     if (!context)
@@ -13,8 +14,12 @@ export const useLayout = () => {
 export const useLoading = () => useContext(LoadingContext);
 export const useLanguage = () => useContext(LanguageContext);
 export const useTranslation = function (currentLanguage, translations) {
+    const merged = {
+        tr: { ...translations?.tr, ...NotificationTR },
+        en: { ...translations?.en, ...NotificationEN },
+    };
     const t = (key, ...args) => {
-        return Utils.StringFormat(translations[currentLanguage ?? "tr"][key], args) ?? "";
+        return Utils.StringFormat(merged[currentLanguage ?? "tr"][key], args) ?? "";
     };
     return { t, currentLanguage };
 };

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.28",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",