ar-design 0.2.27 → 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

@@ -170,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);
         }
@@ -225,9 +225,6 @@ 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" },

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/package.json

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