ar-design 0.2.71 → 0.2.72

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

@@ -387,7 +387,6 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
             _className.push(`align-content-${c.config.alignContent}`);
         if (c.config?.textWrap)
             _className.push(`text-${c.config.textWrap}`);
-        console.log(depth);
         return (React.createElement("td", { key: `cell-${index}-${cIndex}`, className: _className.join(" "), style: c.config?.width ? { minWidth: c.config.width, maxWidth: c.config.width } : {}, "data-sticky-position": c.config?.sticky },
             React.createElement("div", { style: { paddingLeft: `${depth == 0 ? 1 : depth}rem` }, className: "table-cell" },
                 config.isTreeView && cIndex === 0 && (React.createElement(React.Fragment, null,

package/dist/components/data-display/tabs/IProps.d.ts

@@ -1,5 +1,6 @@
 import { TabProps } from "../../../libs/types";
 interface IProps {
+    name?: string;
     /**
      * Tab'ları temsil eden dizi.
      * Her bir eleman `TabProps` tipinde olmalıdır.

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

@@ -1,13 +1,16 @@
 "use client";
 import React, { useEffect, useState } from "react";
 import "../../../assets/css/components/data-display/tabs/tabs.css";
-const Tabs = ({ tabs = [], activeTab, onChange, onClose }) => {
+const Tabs = ({ name, tabs = [], activeTab, onChange, onClose }) => {
     // states
     const [currentTab, setCurrentTab] = useState(0);
     // useEffects
+    useEffect(() => setCurrentTab(activeTab ?? 0), [activeTab]);
     useEffect(() => {
-        setCurrentTab(activeTab ?? 0);
-    }, [activeTab]);
+        const key = `${window.location.pathname}::${name}`;
+        const stored = sessionStorage.getItem(key);
+        setCurrentTab(stored !== null ? Number(stored) : 0);
+    }, []);
     return (React.createElement("div", { className: "ar-tabs" },
         React.createElement("div", { className: "tabs" }, tabs.length > 0 &&
             tabs.map((tab, index) => {
@@ -17,6 +20,8 @@ const Tabs = ({ tabs = [], activeTab, onChange, onClose }) => {
                 return (React.createElement("div", { key: tab.title ?? index, className: className.map((c) => c).join(" "), onClick: () => {
                         setCurrentTab(index);
                         onChange && onChange(index);
+                        const key = `${window.location.pathname}::${name}`;
+                        sessionStorage.setItem(key, String(index));
                     } },
                     React.createElement("span", null, tab.title),
                     tab.config?.canBeClosed && (React.createElement("span", { className: "close-button", onClick: (event) => {

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

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

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

@@ -78,5 +78,13 @@ class Utils {
             return false; // Farklı uzunlukta anahtar varsa false
         return keys1.every((key) => this.DeepEqual(obj1[key], obj2[key])); // Rekürsif karşılaştırma
     };
+    RandomCharacterGenerator = (length) => {
+        const characters = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
+        let sonuc = "";
+        for (let i = 0; i < length; i++) {
+            sonuc += characters[Math.floor(Math.random() * characters.length)];
+        }
+        return sonuc;
+    };
 }
 export default new Utils();

package/package.json

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