albinasoft-ui-package 1.1.13 → 1.1.14

package/dist/components/CustomTab.d.ts

@@ -14,7 +14,12 @@ declare enum TabSize {
 interface TabItem {
     key: string;
     title: React.ReactNode;
-    content: React.ReactNode;
+    /**
+     * Ya doğrudan içerik,
+     * ya da sekme değiştirecek bir fonksiyon alır:
+     * (goTo: (newKey:string)=>void) => ReactNode
+     */
+    content: React.ReactNode | ((goTo: (key: string) => void) => React.ReactNode);
     icon?: React.ReactNode;
 }
 interface CustomTabProps {

package/dist/components/CustomTab.js

@@ -72,13 +72,15 @@ var CustomTab = function (_a) {
             : "justify-content-start";
     var navStyle = transparent ? { background: "transparent" } : undefined;
     var _j = sizeConfig[size], iconSize = _j.iconSize, fsClass = _j.fsClass;
+    // Bu fonksiyonu içeriğe geçiriyoruz:
+    var goToTab = function (key) {
+        if (tabs.some(function (t) { return t.key === key; })) {
+            setActiveTabKey(key);
+        }
+    };
     return (react_1.default.createElement("div", { className: "m-3" },
-        react_1.default.createElement(react_bootstrap_1.Tab.Container, { activeKey: activeTabKey, onSelect: function (tabKey) { var _a; return setActiveTabKey(tabKey || ((_a = tabs[0]) === null || _a === void 0 ? void 0 : _a.key) || ""); } },
-            react_1.default.createElement(react_bootstrap_1.Nav, { variant: "tabs", className: "d-flex ".concat(alignmentClass, " m-0"), style: __assign({ width: "100%" }, navStyle) }, tabs.map(function (tab) { return (react_1.default.createElement(react_bootstrap_1.Nav.Item, { key: tab.key, className: isFullWidth ? "flex-grow-1" : "", style: {
-                    margin: isBasic ? "0 5px" : undefined,
-                } }, isBasic ? (react_1.default.createElement("div", { onClick: function () { return setActiveTabKey(tab.key); }, className: "btn w-100 ".concat(activeTabKey === tab.key
-                    ? "btn-primary"
-                    : "btn-outline-primary"), style: {
+        react_1.default.createElement(react_bootstrap_1.Tab.Container, { activeKey: activeTabKey, onSelect: function (k) { var _a; return setActiveTabKey(k || ((_a = tabs[0]) === null || _a === void 0 ? void 0 : _a.key) || ""); } },
+            react_1.default.createElement(react_bootstrap_1.Nav, { variant: "tabs", className: "d-flex ".concat(alignmentClass, " m-0"), style: __assign({ width: "100%" }, navStyle) }, tabs.map(function (tab) { return (react_1.default.createElement(react_bootstrap_1.Nav.Item, { key: tab.key, className: isFullWidth ? "flex-grow-1" : "", style: { margin: isBasic ? "0 5px" : undefined } }, isBasic ? (react_1.default.createElement("div", { onClick: function () { return setActiveTabKey(tab.key); }, className: "btn w-100 ".concat(activeTabKey === tab.key ? "btn-primary" : "btn-outline-primary"), style: {
                     padding: "10px 15px",
                     textAlign: "center",
                     border: "none",
@@ -91,14 +93,20 @@ var CustomTab = function (_a) {
                     cursor: "pointer",
                 } },
                 react_1.default.createElement("div", { className: "card-body d-flex flex-column text-center justify-content-center" },
-                    react_1.default.createElement("span", { style: { fontSize: iconSize } }, tab.icon || react_1.default.createElement(react_1.default.Fragment, null)),
+                    react_1.default.createElement("span", { style: { fontSize: iconSize } }, tab.icon),
                     react_1.default.createElement("span", { className: fsClass }, tab.title)))))); })),
             react_1.default.createElement(react_bootstrap_1.Tab.Content, { style: {
                     padding: "10px",
                     border: "10px solid transparent",
                     borderRadius: "".concat(isFullWidth ? "6px" : "20px"),
-                    background: "linear-gradient(var(--bs-body-bg),var(--bs-body-bg)) padding-box, linear-gradient(180deg, rgba(var(--bs-primary-rgb), 1) 0%, rgba(var(--bs-primary-rgb), 0.1) 15%, rgba(var(--bs-primary-rgb), 0) 35%) border-box",
-                } }, tabs.map(function (tab) { return (react_1.default.createElement(react_bootstrap_1.Tab.Pane, { eventKey: tab.key, key: tab.key }, tab.content)); })))));
+                    background: "linear-gradient(var(--bs-body-bg),var(--bs-body-bg)) padding-box, " +
+                        "linear-gradient(180deg, rgba(var(--bs-primary-rgb), 1) 0%, " +
+                        "rgba(var(--bs-primary-rgb), 0.1) 15%, rgba(var(--bs-primary-rgb), 0) 35%) border-box",
+                } }, tabs.map(function (tab) { return (react_1.default.createElement(react_bootstrap_1.Tab.Pane, { eventKey: tab.key, key: tab.key }, typeof tab.content === "function"
+                ? // eğer fonksiyon ise, goToTab callback’ini ver
+                    tab.content(goToTab)
+                : // değilse doğrudan render et
+                    tab.content)); })))));
 };
 exports.CustomTab = CustomTab;
 exports.default = CustomTab;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "albinasoft-ui-package",
-  "version": "1.1.13",
+  "version": "1.1.14",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {