albinasoft-ui-package 1.1.42 → 1.1.44

package/dist/components/CustomTab.d.ts

@@ -1,44 +1,44 @@
-import React from "react";
-export declare enum AlignTabs {
-    START = "start",
-    CENTER = "center",
-    END = "end"
-}
-export declare enum TabSize {
-    XS = "XS",
-    S = "S",
-    M = "M",
-    L = "L",
-    XL = "XL"
-}
-export interface TabItem {
-    key: string;
-    title: 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;
-    /** basic veya card başlığına ek CSS sınıfı */
-    titleClassName?: string;
-    /** icon span’ına ek CSS sınıfı */
-    iconClassName?: string;
-}
-export interface CustomTabProps {
-    tabs: TabItem[];
-    /** Dışarıdan kontrol için aktif sekme anahtarı (opsiyonel) */
-    activeKey?: string;
-    /** Sekme değiştiğinde tetiklenen callback (opsiyonel) */
-    onTabChange?: (newKey: string) => void;
-    /** Başlangıçta hangi sekme açık olsun (opsiyonel) */
-    defaultActiveKey?: string;
-    align?: AlignTabs;
-    transparent?: boolean;
-    isFullWidth?: boolean;
-    isBasic?: boolean;
-    size?: TabSize;
-}
-declare const CustomTab: React.FC<CustomTabProps>;
-export default CustomTab;
+import React from "react";
+export declare enum AlignTabs {
+    START = "start",
+    CENTER = "center",
+    END = "end"
+}
+export declare enum TabSize {
+    XS = "XS",
+    S = "S",
+    M = "M",
+    L = "L",
+    XL = "XL"
+}
+export interface TabItem {
+    key: string;
+    title: 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;
+    /** basic veya card başlığına ek CSS sınıfı */
+    titleClassName?: string;
+    /** icon span’ına ek CSS sınıfı */
+    iconClassName?: string;
+}
+export interface CustomTabProps {
+    tabs: TabItem[];
+    /** Dışarıdan kontrol için aktif sekme anahtarı (opsiyonel) */
+    activeKey?: string;
+    /** Sekme değiştiğinde tetiklenen callback (opsiyonel) */
+    onTabChange?: (newKey: string) => void;
+    /** Başlangıçta hangi sekme açık olsun (opsiyonel) */
+    defaultActiveKey?: string;
+    align?: AlignTabs;
+    transparent?: boolean;
+    isFullWidth?: boolean;
+    isBasic?: boolean;
+    size?: TabSize;
+}
+declare const CustomTab: React.FC<CustomTabProps>;
+export default CustomTab;

package/dist/components/CustomTab.js

@@ -1,122 +1,122 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabSize = exports.AlignTabs = void 0;
-var react_1 = __importStar(require("react"));
-var react_bootstrap_1 = require("react-bootstrap");
-var AlignTabs;
-(function (AlignTabs) {
-    AlignTabs["START"] = "start";
-    AlignTabs["CENTER"] = "center";
-    AlignTabs["END"] = "end";
-})(AlignTabs = exports.AlignTabs || (exports.AlignTabs = {}));
-var TabSize;
-(function (TabSize) {
-    TabSize["XS"] = "XS";
-    TabSize["S"] = "S";
-    TabSize["M"] = "M";
-    TabSize["L"] = "L";
-    TabSize["XL"] = "XL";
-})(TabSize = exports.TabSize || (exports.TabSize = {}));
-var sizeConfig = (_a = {},
-    _a[TabSize.XS] = { iconSize: 15, fsClass: "fs-5" },
-    _a[TabSize.S] = { iconSize: 20, fsClass: "fs-4" },
-    _a[TabSize.M] = { iconSize: 25, fsClass: "fs-3" },
-    _a[TabSize.L] = { iconSize: 30, fsClass: "fw-bolder fs-2" },
-    _a[TabSize.XL] = { iconSize: 35, fsClass: "fw-bolder fs-1" },
-    _a);
-var CustomTab = function (_a) {
-    var _b, _c, _d;
-    var tabs = _a.tabs, controlledKey = _a.activeKey, onTabChange = _a.onTabChange, defaultActiveKey = _a.defaultActiveKey, _e = _a.align, align = _e === void 0 ? AlignTabs.CENTER : _e, _f = _a.transparent, transparent = _f === void 0 ? false : _f, _g = _a.isFullWidth, isFullWidth = _g === void 0 ? false : _g, _h = _a.isBasic, isBasic = _h === void 0 ? true : _h, _j = _a.size, size = _j === void 0 ? TabSize.M : _j;
-    // uncontrolled kullanım için iç state
-    var _k = (0, react_1.useState)((_d = (_b = controlledKey !== null && controlledKey !== void 0 ? controlledKey : defaultActiveKey) !== null && _b !== void 0 ? _b : (_c = tabs[0]) === null || _c === void 0 ? void 0 : _c.key) !== null && _d !== void 0 ? _d : ""), internalKey = _k[0], setInternalKey = _k[1];
-    // controlledKey değişince sync et
-    (0, react_1.useEffect)(function () {
-        if (controlledKey !== undefined && controlledKey !== internalKey) {
-            setInternalKey(controlledKey);
-        }
-    }, [controlledKey]);
-    // hem user click hem goToTab için ortak handler
-    var changeTab = function (newKey) {
-        if (!newKey || !tabs.some(function (t) { return t.key === newKey; }))
-            return;
-        // uncontrolled mod
-        if (controlledKey === undefined) {
-            setInternalKey(newKey);
-        }
-        // her durumda parent bilgilensin
-        onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(newKey);
-    };
-    var activeTabKey = internalKey;
-    var _l = sizeConfig[size], iconSize = _l.iconSize, fsClass = _l.fsClass;
-    var alignmentClass = align === AlignTabs.CENTER
-        ? "justify-content-center"
-        : align === AlignTabs.END
-            ? "justify-content-end"
-            : "justify-content-start";
-    var navStyle = transparent ? { background: "transparent" } : undefined;
-    // içerikten tetiklemek isteyenler için
-    var goToTab = changeTab;
-    return (react_1.default.createElement("div", { className: "m-3" },
-        react_1.default.createElement(react_bootstrap_1.Tab.Container, { activeKey: activeTabKey, onSelect: changeTab },
-            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 changeTab(tab.key); }, className: "btn w-100 ".concat(activeTabKey === tab.key ? "btn-primary" : "btn-outline-primary", " ").concat(tab.titleClassName || ""), style: {
-                    padding: "10px 15px",
-                    textAlign: "center",
-                    border: "none",
-                    borderRadius: "20px 20px 0 0",
-                } }, tab.title)) : (react_1.default.createElement("div", { onClick: function () { return changeTab(tab.key); }, className: "card flex-fill ".concat(activeTabKey === tab.key ? "bg-primary" : "bg-soft-primary", " text-light"), style: {
-                    padding: "0 5px",
-                    textAlign: "center",
-                    margin: "0 5px",
-                    borderRadius: "20px 20px 0 0",
-                    cursor: "pointer",
-                } },
-                react_1.default.createElement("div", { className: "card-body d-flex flex-column text-center justify-content-center" },
-                    react_1.default.createElement("span", { className: tab.iconClassName, style: { fontSize: iconSize } }, tab.icon),
-                    react_1.default.createElement("span", { className: "".concat(fsClass, " ").concat(tab.titleClassName || "") }, tab.title)))))); })),
-            react_1.default.createElement(react_bootstrap_1.Tab.Content, { style: {
-                    padding: "10px",
-                    border: "10px solid transparent",
-                    borderRadius: 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 }, typeof tab.content === "function"
-                ? tab.content(goToTab)
-                : tab.content)); })))));
-};
-exports.default = CustomTab;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabSize = exports.AlignTabs = void 0;
+var react_1 = __importStar(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var AlignTabs;
+(function (AlignTabs) {
+    AlignTabs["START"] = "start";
+    AlignTabs["CENTER"] = "center";
+    AlignTabs["END"] = "end";
+})(AlignTabs = exports.AlignTabs || (exports.AlignTabs = {}));
+var TabSize;
+(function (TabSize) {
+    TabSize["XS"] = "XS";
+    TabSize["S"] = "S";
+    TabSize["M"] = "M";
+    TabSize["L"] = "L";
+    TabSize["XL"] = "XL";
+})(TabSize = exports.TabSize || (exports.TabSize = {}));
+var sizeConfig = (_a = {},
+    _a[TabSize.XS] = { iconSize: 15, fsClass: "fs-5" },
+    _a[TabSize.S] = { iconSize: 20, fsClass: "fs-4" },
+    _a[TabSize.M] = { iconSize: 25, fsClass: "fs-3" },
+    _a[TabSize.L] = { iconSize: 30, fsClass: "fw-bolder fs-2" },
+    _a[TabSize.XL] = { iconSize: 35, fsClass: "fw-bolder fs-1" },
+    _a);
+var CustomTab = function (_a) {
+    var _b, _c, _d;
+    var tabs = _a.tabs, controlledKey = _a.activeKey, onTabChange = _a.onTabChange, defaultActiveKey = _a.defaultActiveKey, _e = _a.align, align = _e === void 0 ? AlignTabs.CENTER : _e, _f = _a.transparent, transparent = _f === void 0 ? false : _f, _g = _a.isFullWidth, isFullWidth = _g === void 0 ? false : _g, _h = _a.isBasic, isBasic = _h === void 0 ? true : _h, _j = _a.size, size = _j === void 0 ? TabSize.M : _j;
+    // uncontrolled kullanım için iç state
+    var _k = (0, react_1.useState)((_d = (_b = controlledKey !== null && controlledKey !== void 0 ? controlledKey : defaultActiveKey) !== null && _b !== void 0 ? _b : (_c = tabs[0]) === null || _c === void 0 ? void 0 : _c.key) !== null && _d !== void 0 ? _d : ""), internalKey = _k[0], setInternalKey = _k[1];
+    // controlledKey değişince sync et
+    (0, react_1.useEffect)(function () {
+        if (controlledKey !== undefined && controlledKey !== internalKey) {
+            setInternalKey(controlledKey);
+        }
+    }, [controlledKey]);
+    // hem user click hem goToTab için ortak handler
+    var changeTab = function (newKey) {
+        if (!newKey || !tabs.some(function (t) { return t.key === newKey; }))
+            return;
+        // uncontrolled mod
+        if (controlledKey === undefined) {
+            setInternalKey(newKey);
+        }
+        // her durumda parent bilgilensin
+        onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(newKey);
+    };
+    var activeTabKey = internalKey;
+    var _l = sizeConfig[size], iconSize = _l.iconSize, fsClass = _l.fsClass;
+    var alignmentClass = align === AlignTabs.CENTER
+        ? "justify-content-center"
+        : align === AlignTabs.END
+            ? "justify-content-end"
+            : "justify-content-start";
+    var navStyle = transparent ? { background: "transparent" } : undefined;
+    // içerikten tetiklemek isteyenler için
+    var goToTab = changeTab;
+    return (react_1.default.createElement("div", { className: "m-3" },
+        react_1.default.createElement(react_bootstrap_1.Tab.Container, { activeKey: activeTabKey, onSelect: changeTab },
+            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 changeTab(tab.key); }, className: "btn w-100 ".concat(activeTabKey === tab.key ? "btn-primary" : "btn-outline-primary", " ").concat(tab.titleClassName || ""), style: {
+                    padding: "10px 15px",
+                    textAlign: "center",
+                    border: "none",
+                    borderRadius: "20px 20px 0 0",
+                } }, tab.title)) : (react_1.default.createElement("div", { onClick: function () { return changeTab(tab.key); }, className: "card flex-fill ".concat(activeTabKey === tab.key ? "bg-primary" : "bg-soft-primary", " text-light"), style: {
+                    padding: "0 5px",
+                    textAlign: "center",
+                    margin: "0 5px",
+                    borderRadius: "20px 20px 0 0",
+                    cursor: "pointer",
+                } },
+                react_1.default.createElement("div", { className: "card-body d-flex flex-column text-center justify-content-center" },
+                    react_1.default.createElement("span", { className: tab.iconClassName, style: { fontSize: iconSize } }, tab.icon),
+                    react_1.default.createElement("span", { className: "".concat(fsClass, " ").concat(tab.titleClassName || "") }, tab.title)))))); })),
+            react_1.default.createElement(react_bootstrap_1.Tab.Content, { style: {
+                    padding: "10px",
+                    border: "10px solid transparent",
+                    borderRadius: 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 }, typeof tab.content === "function"
+                ? tab.content(goToTab)
+                : tab.content)); })))));
+};
+exports.default = CustomTab;

package/dist/components/CustomText.d.ts

@@ -1,72 +1,72 @@
-import React from "react";
-declare enum TextType {
-    BOLDHEAD = "boldhead",
-    HEADING = "heading",
-    SUBHEADING = "subheading",
-    PARAGRAPH = "paragraph"
-}
-declare enum TextAlign {
-    START = "start",
-    CENTER = "center",
-    END = "end"
-}
-declare enum FontSize {
-    XXXXL = "96px",
-    XXXL = "72px",
-    XXL = "48px",
-    XL = "32px",
-    L = "24px",
-    M = "20px",
-    S = "18px",
-    XS = "16px",
-    XXS = "14px",
-    XXXS = "12px",
-    XXXXS = "10px"
-}
-declare enum LineHeight {
-    XXL = "5",
-    XL = "4",
-    L = "3",
-    M = "2.5",
-    S = "2",
-    XS = "1.5",
-    XXS = "1"
-}
-declare enum FontWeight {
-    BOLD = "800",
-    NORMAL = "600",
-    THIN = "400"
-}
-declare enum Color {
-    DEFAULT = "currentColor",
-    PRIMARY = "text-primary",
-    SECONDARY = "text-secondary",
-    SUCCESS = "text-success",
-    WARNING = "text-warning",
-    DANGER = "text-danger",
-    INFO = "text-info",
-    DARK = "text-dark",
-    LIGHT = "text-light"
-}
-interface CustomTextProps {
-    id?: string;
-    value: string;
-    className?: string;
-    style?: React.CSSProperties;
-    textType?: TextType;
-    color?: Color;
-    textAlign?: TextAlign;
-    fontSize?: FontSize;
-    lineHeight?: LineHeight;
-    fontWeight?: FontWeight;
-    underline?: boolean;
-    overline?: boolean;
-    linethrough?: boolean;
-    italic?: boolean;
-    textAlignClass?: string;
-    containerClass?: string;
-    linkText?: string;
-}
-declare const CustomText: React.FC<CustomTextProps>;
-export { CustomText, TextType, TextAlign, FontSize, LineHeight, FontWeight, Color };
-export default CustomText;
+import React from "react";
+declare enum TextType {
+    BOLDHEAD = "boldhead",
+    HEADING = "heading",
+    SUBHEADING = "subheading",
+    PARAGRAPH = "paragraph"
+}
+declare enum TextAlign {
+    START = "start",
+    CENTER = "center",
+    END = "end"
+}
+declare enum FontSize {
+    XXXXL = "96px",
+    XXXL = "72px",
+    XXL = "48px",
+    XL = "32px",
+    L = "24px",
+    M = "20px",
+    S = "18px",
+    XS = "16px",
+    XXS = "14px",
+    XXXS = "12px",
+    XXXXS = "10px"
+}
+declare enum LineHeight {
+    XXL = "5",
+    XL = "4",
+    L = "3",
+    M = "2.5",
+    S = "2",
+    XS = "1.5",
+    XXS = "1"
+}
+declare enum FontWeight {
+    BOLD = "800",
+    NORMAL = "600",
+    THIN = "400"
+}
+declare enum Color {
+    DEFAULT = "currentColor",
+    PRIMARY = "text-primary",
+    SECONDARY = "text-secondary",
+    SUCCESS = "text-success",
+    WARNING = "text-warning",
+    DANGER = "text-danger",
+    INFO = "text-info",
+    DARK = "text-dark",
+    LIGHT = "text-light"
+}
+interface CustomTextProps {
+    id?: string;
+    value: string;
+    className?: string;
+    style?: React.CSSProperties;
+    textType?: TextType;
+    color?: Color;
+    textAlign?: TextAlign;
+    fontSize?: FontSize;
+    lineHeight?: LineHeight;
+    fontWeight?: FontWeight;
+    underline?: boolean;
+    overline?: boolean;
+    linethrough?: boolean;
+    italic?: boolean;
+    textAlignClass?: string;
+    containerClass?: string;
+    linkText?: string;
+}
+declare const CustomText: React.FC<CustomTextProps>;
+export { CustomText, TextType, TextAlign, FontSize, LineHeight, FontWeight, Color };
+export default CustomText;