albinasoft-ui-package 1.0.4 → 1.0.5

package/dist/CustomInput/CustomInput.js

@@ -0,0 +1,74 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputType = exports.CustomInput = void 0;
+var react_1 = __importStar(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var fa_1 = require("react-icons/fa");
+var InputType;
+(function (InputType) {
+    InputType["TEXT"] = "text";
+    InputType["NUMBER"] = "number";
+    InputType["TEL"] = "tel";
+    InputType["PASSWORD"] = "password";
+    InputType["EMAIL"] = "email";
+    InputType["FILE"] = "file";
+})(InputType || (InputType = {}));
+exports.InputType = InputType;
+var CustomInput = function (_a) {
+    var id = _a.id, name = _a.name, label = _a.label, _b = _a.inputType, inputType = _b === void 0 ? InputType.TEXT : _b, value = _a.value, placeholder = _a.placeholder, _c = _a.required, required = _c === void 0 ? false : _c, errorMessage = _a.errorMessage, _d = _a.conditionalErrorVisible, conditionalErrorVisible = _d === void 0 ? false : _d, conditionalErrorMessage = _a.conditionalErrorMessage, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, buttonIcon = _a.buttonIcon, buttonTooltip = _a.buttonTooltip, description = _a.description, tooltip = _a.tooltip, style = _a.style, className = _a.className, buttonOnClick = _a.buttonOnClick, onChange = _a.onChange;
+    var _g = (0, react_1.useState)(false), showPassword = _g[0], setShowPassword = _g[1];
+    var handleType = inputType === InputType.PASSWORD && showPassword ? InputType.TEXT : inputType;
+    var togglePasswordVisibility = function () {
+        setShowPassword(function (prev) { return !prev; });
+    };
+    return (react_1.default.createElement("div", { className: className },
+        react_1.default.createElement("div", { className: "form-group" },
+            react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
+            react_1.default.createElement("div", { className: "input-group position-relative" },
+                tooltip ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(tooltip) }, tooltip) },
+                    react_1.default.createElement("input", { id: id, name: name, type: handleType, value: value, placeholder: placeholder, onChange: onChange, className: "form-control", style: style, required: required, disabled: disabled, autoComplete: "new-password" // Modern tarayıcılarda autocomplete autofill engellemek için
+                     }))) : (react_1.default.createElement("input", { id: id, name: name, type: handleType, value: value, placeholder: placeholder, onChange: onChange, className: "form-control", style: style, required: required, disabled: disabled, autoComplete: "new-password" // Modern tarayıcılarda autocomplete autofill engellemek için
+                 })),
+                inputType === InputType.PASSWORD && (react_1.default.createElement("button", { type: "button", onClick: togglePasswordVisibility, className: "btn btn-outline-secondary", title: showPassword ? "Parolayı Gizle" : "Parolayı Göster" }, showPassword ? react_1.default.createElement(fa_1.FaEyeSlash, null) : react_1.default.createElement(fa_1.FaEye, null))),
+                buttonIcon && buttonOnClick && (react_1.default.createElement("button", { type: "button", onClick: buttonOnClick, className: "btn btn-outline-secondary", title: buttonTooltip || "" }, buttonIcon)),
+                required && (react_1.default.createElement("div", { className: "invalid-feedback text-danger" },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, errorMessage || 'Bu alan boş bırakılamaz.')))),
+                conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning" },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, conditionalErrorMessage)))),
+                description && (react_1.default.createElement("div", { className: "form-description text-secondary" },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaInfoCircle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, description))))))));
+};
+exports.CustomInput = CustomInput;
+exports.default = CustomInput;

package/dist/CustomModal/CustomModal.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface CustomModalProps {
+    show: boolean;
+    title?: string;
+    size?: 'sm' | 'lg' | 'xl' | 'fullscreen';
+    onHide: () => void;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    style?: React.CSSProperties;
+    bodyStyle?: React.CSSProperties;
+}
+declare const CustomModal: React.FC<CustomModalProps>;
+export default CustomModal;

package/dist/CustomModal/CustomModal.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var CustomModal = function (_a) {
+    var show = _a.show, _b = _a.title, title = _b === void 0 ? 'Default Title' : _b, _c = _a.size, size = _c === void 0 ? 'lg' : _c, onHide = _a.onHide, children = _a.children, footer = _a.footer, style = _a.style, bodyStyle = _a.bodyStyle;
+    return (react_1.default.createElement(react_bootstrap_1.Modal, { show: show, onHide: onHide, size: size !== 'fullscreen' ? size : undefined, fullscreen: size === 'fullscreen' ? true : undefined, centered: size !== 'fullscreen', style: style },
+        react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true },
+            react_1.default.createElement(react_bootstrap_1.Modal.Title, null, title)),
+        react_1.default.createElement(react_bootstrap_1.Modal.Body, { style: bodyStyle }, children),
+        footer && react_1.default.createElement(react_bootstrap_1.Modal.Footer, null, footer)));
+};
+exports.default = CustomModal;

package/dist/CustomRadioButton/CustomRadioButton.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+interface CustomRadioButtonOption {
+    id: string;
+    label: string;
+    value: string;
+}
+interface CustomRadioButtonProps {
+    id?: string;
+    name?: string;
+    label: string;
+    options: CustomRadioButtonOption[];
+    value: string;
+    required?: boolean;
+    errorMessage?: string;
+    conditionalErrorVisible?: boolean;
+    conditionalErrorMessage?: string;
+    tooltip?: string;
+    description?: string | null;
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+declare const CustomRadioButton: React.FC<CustomRadioButtonProps>;
+export default CustomRadioButton;

package/dist/CustomRadioButton/CustomRadioButton.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var fa_1 = require("react-icons/fa");
+var CustomRadioButton = function (_a) {
+    var id = _a.id, name = _a.name, label = _a.label, options = _a.options, value = _a.value, _b = _a.required, required = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, conditionalErrorVisible = _a.conditionalErrorVisible, conditionalErrorMessage = _a.conditionalErrorMessage, tooltip = _a.tooltip, description = _a.description, _c = _a.disabled, disabled = _c === void 0 ? false : _c, className = _a.className, style = _a.style, onChange = _a.onChange;
+    return (react_1.default.createElement("div", { className: className, style: style },
+        react_1.default.createElement("div", { className: "form-group" },
+            react_1.default.createElement("label", { className: "form-label" }, label),
+            react_1.default.createElement("div", { className: "radio-options" }, options.map(function (option, index) { return (react_1.default.createElement("div", { key: option.id, className: "form-check" },
+                react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: tooltip ? (react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(option.id) }, tooltip)) : react_1.default.createElement(react_1.default.Fragment, null) },
+                    react_1.default.createElement("input", { id: option.id, name: name || id, type: "radio", className: "form-check-input", value: option.value, checked: value === option.value, disabled: disabled, onChange: onChange, required: required })),
+                react_1.default.createElement("label", { htmlFor: option.id, className: "form-check-label" }, option.label),
+                required && !value && index === options.length - 1 && (react_1.default.createElement("div", { className: "invalid-feedback text-danger mt-2" },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, errorMessage || 'Seçim yapılması gerekmektedir.')))),
+                conditionalErrorVisible && index === options.length - 1 && (react_1.default.createElement("div", { className: "conditional-error-message text-warning mt-2" },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, conditionalErrorMessage)))),
+                description && index === options.length - 1 && (react_1.default.createElement("div", { className: "form-description text-secondary mt-2" },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaInfoCircle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, description)))))); })))));
+};
+exports.default = CustomRadioButton;

package/dist/CustomRichTextbox/CustomRichTextbox.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import 'react-quill/dist/quill.snow.css';
+interface CustomRichTextboxProps {
+    id?: string;
+    name?: string;
+    label: string;
+    value: string;
+    placeholder?: string;
+    required?: boolean;
+    errorMessage?: string;
+    conditionalErrorVisible?: boolean;
+    conditionalErrorMessage?: string;
+    description?: string | null;
+    tooltip?: string;
+    disabled?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    onChange: (value: string) => void;
+}
+declare const CustomRichTextbox: React.FC<CustomRichTextboxProps>;
+export default CustomRichTextbox;

package/dist/CustomRichTextbox/CustomRichTextbox.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_quill_1 = __importDefault(require("react-quill"));
+require("react-quill/dist/quill.snow.css"); // Quill'in varsayılan stil dosyası
+var react_bootstrap_1 = require("react-bootstrap");
+var fa_1 = require("react-icons/fa");
+var CustomRichTextbox = function (_a) {
+    var id = _a.id, name = _a.name, label = _a.label, value = _a.value, placeholder = _a.placeholder, _b = _a.required, required = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, _c = _a.conditionalErrorVisible, conditionalErrorVisible = _c === void 0 ? false : _c, conditionalErrorMessage = _a.conditionalErrorMessage, description = _a.description, tooltip = _a.tooltip, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.style, style = _e === void 0 ? { border: 'none' } : _e, className = _a.className, onChange = _a.onChange;
+    var handleChange = function (content) {
+        onChange(content);
+    };
+    return (react_1.default.createElement("div", { className: className },
+        react_1.default.createElement("div", { className: "form-group" },
+            react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
+            react_1.default.createElement("div", { className: "position-relative" },
+                tooltip && (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(id) }, tooltip) },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement(react_quill_1.default, { id: id, value: value, placeholder: placeholder, readOnly: disabled, onChange: handleChange, className: "form-control", style: style, theme: "snow" // Kullanılan tema
+                         })))),
+                !tooltip && (react_1.default.createElement(react_quill_1.default, { id: id, value: value, placeholder: placeholder, readOnly: disabled, onChange: handleChange, className: "form-control", style: style, theme: "snow" })),
+                required && !value && (react_1.default.createElement("div", { className: "invalid-feedback text-danger mt-2" },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, errorMessage || 'Bu alan boş bırakılamaz.')))),
+                conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning mt-2" },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, conditionalErrorMessage)))),
+                description && (react_1.default.createElement("div", { className: "form-description text-secondary mt-2" },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaInfoCircle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, description))))))));
+};
+exports.default = CustomRichTextbox;

package/dist/CustomSelect/CustomSelect.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+interface CustomSelectOption {
+    id: string;
+    label: string;
+    value: string;
+}
+interface CustomSelectProps {
+    id?: string;
+    name?: string;
+    label: string;
+    options: CustomSelectOption[];
+    value: string | string[];
+    required?: boolean;
+    multiple?: boolean;
+    errorMessage?: string;
+    conditionalErrorVisible?: boolean;
+    conditionalErrorMessage?: string;
+    tooltip?: string;
+    description?: string | null;
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    onChange: (value: string | string[]) => void;
+}
+declare const CustomSelect: React.FC<CustomSelectProps>;
+export default CustomSelect;

package/dist/CustomSelect/CustomSelect.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var fa_1 = require("react-icons/fa");
+var CustomSelect = function (_a) {
+    var id = _a.id, name = _a.name, label = _a.label, options = _a.options, value = _a.value, _b = _a.required, required = _b === void 0 ? false : _b, _c = _a.multiple, multiple = _c === void 0 ? false : _c, errorMessage = _a.errorMessage, conditionalErrorVisible = _a.conditionalErrorVisible, conditionalErrorMessage = _a.conditionalErrorMessage, tooltip = _a.tooltip, description = _a.description, _d = _a.disabled, disabled = _d === void 0 ? false : _d, className = _a.className, style = _a.style, onChange = _a.onChange;
+    var handleChange = function (e) {
+        var selectedOptions = multiple
+            ? Array.from(e.target.selectedOptions).map(function (option) { return option.value; })
+            : e.target.value;
+        onChange(selectedOptions); // Pass string or string[] as needed
+    };
+    return (react_1.default.createElement("div", { className: className, style: style },
+        react_1.default.createElement("div", { className: "form-group" },
+            react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
+            react_1.default.createElement("div", { className: "select-container" },
+                react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: tooltip ? (react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(id || name) }, tooltip)) : react_1.default.createElement(react_1.default.Fragment, null) },
+                    react_1.default.createElement("select", { id: id, name: name, className: "form-select", value: value, multiple: multiple, required: required, disabled: disabled, onChange: handleChange },
+                        !multiple && (react_1.default.createElement("option", { value: "", disabled: true }, "Se\u00E7iniz")),
+                        options.map(function (option) { return (react_1.default.createElement("option", { key: option.id, value: option.value }, option.label)); }))),
+                react_1.default.createElement("div", { className: "invalid-feedback text-danger mt-2" },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, errorMessage || 'Lütfen bir seçim yapınız.'))),
+                conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning mt-2" },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, conditionalErrorMessage)))),
+                description && (react_1.default.createElement("div", { className: "form-description text-secondary mt-2" },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaInfoCircle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, description))))))));
+};
+exports.default = CustomSelect;

package/dist/CustomTab/CustomTab.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+declare enum AlignTabs {
+    START = "start",
+    CENTER = "center",
+    END = "end"
+}
+interface TabItem {
+    key: string;
+    title: string;
+    content: React.ReactNode;
+}
+interface CustomTabProps {
+    tabs: TabItem[];
+    defaultActiveKey?: string;
+    align?: AlignTabs;
+    transparent?: boolean;
+}
+declare const CustomTab: React.FC<CustomTabProps>;
+export { CustomTab, AlignTabs };
+export default CustomTab;

package/dist/CustomTab/CustomTab.js

@@ -0,0 +1,65 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlignTabs = exports.CustomTab = 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 || (AlignTabs = {}));
+exports.AlignTabs = AlignTabs;
+var CustomTab = function (_a) {
+    var _b;
+    var tabs = _a.tabs, defaultActiveKey = _a.defaultActiveKey, _c = _a.align, align = _c === void 0 ? AlignTabs.START : _c, _d = _a.transparent, transparent = _d === void 0 ? false : _d;
+    var _e = (0, react_1.useState)(defaultActiveKey || ((_b = tabs[0]) === null || _b === void 0 ? void 0 : _b.key) || ''), activeTabKey = _e[0], setActiveTabKey = _e[1];
+    var alignmentClass = align === AlignTabs.CENTER
+        ? 'justify-content-center'
+        : align === AlignTabs.END
+            ? 'justify-content-end'
+            : 'justify-content-start';
+    var navStyle = transparent ? { background: 'transparent' } : undefined;
+    return (react_1.default.createElement("div", { className: "card", style: { background: "transparent" } },
+        react_1.default.createElement("div", { className: "card-body" },
+            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), style: __assign({ width: "100%" }, navStyle) }, tabs.map(function (tab) { return (react_1.default.createElement(react_bootstrap_1.Nav.Item, { key: tab.key },
+                    react_1.default.createElement(react_bootstrap_1.Nav.Link, { eventKey: tab.key }, tab.title))); })),
+                react_1.default.createElement(react_bootstrap_1.Tab.Content, null, tabs.map(function (tab) { return (react_1.default.createElement(react_bootstrap_1.Tab.Pane, { eventKey: tab.key, key: tab.key }, tab.content)); }))))));
+};
+exports.CustomTab = CustomTab;
+exports.default = CustomTab;

package/dist/CustomText/CustomText.d.ts

@@ -0,0 +1,71 @@
+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;
+    linkText?: string;
+}
+declare const CustomText: React.FC<CustomTextProps>;
+export { CustomText, TextType, TextAlign, FontSize, LineHeight, FontWeight, Color };
+export default CustomText;

package/dist/CustomText/CustomText.js

@@ -0,0 +1,156 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Color = exports.FontWeight = exports.LineHeight = exports.FontSize = exports.TextAlign = exports.TextType = exports.CustomText = void 0;
+var react_1 = __importDefault(require("react"));
+var TextType;
+(function (TextType) {
+    TextType["BOLDHEAD"] = "boldhead";
+    TextType["HEADING"] = "heading";
+    TextType["SUBHEADING"] = "subheading";
+    TextType["PARAGRAPH"] = "paragraph";
+})(TextType || (TextType = {}));
+exports.TextType = TextType;
+var TextAlign;
+(function (TextAlign) {
+    TextAlign["START"] = "start";
+    TextAlign["CENTER"] = "center";
+    TextAlign["END"] = "end";
+})(TextAlign || (TextAlign = {}));
+exports.TextAlign = TextAlign;
+var FontSize;
+(function (FontSize) {
+    FontSize["XXXXL"] = "96px";
+    FontSize["XXXL"] = "72px";
+    FontSize["XXL"] = "48px";
+    FontSize["XL"] = "32px";
+    FontSize["L"] = "24px";
+    FontSize["M"] = "20px";
+    FontSize["S"] = "18px";
+    FontSize["XS"] = "16px";
+    FontSize["XXS"] = "14px";
+    FontSize["XXXS"] = "12px";
+    FontSize["XXXXS"] = "10px";
+})(FontSize || (FontSize = {}));
+exports.FontSize = FontSize;
+var LineHeight;
+(function (LineHeight) {
+    LineHeight["XXL"] = "5";
+    LineHeight["XL"] = "4";
+    LineHeight["L"] = "3";
+    LineHeight["M"] = "2.5";
+    LineHeight["S"] = "2";
+    LineHeight["XS"] = "1.5";
+    LineHeight["XXS"] = "1";
+})(LineHeight || (LineHeight = {}));
+exports.LineHeight = LineHeight;
+var FontWeight;
+(function (FontWeight) {
+    FontWeight["BOLD"] = "800";
+    FontWeight["NORMAL"] = "600";
+    FontWeight["THIN"] = "400";
+})(FontWeight || (FontWeight = {}));
+exports.FontWeight = FontWeight;
+var Color;
+(function (Color) {
+    Color["DEFAULT"] = "currentColor";
+    Color["PRIMARY"] = "text-primary";
+    Color["SECONDARY"] = "text-secondary";
+    Color["SUCCESS"] = "text-success";
+    Color["WARNING"] = "text-warning";
+    Color["DANGER"] = "text-danger";
+    Color["INFO"] = "text-info";
+    Color["DARK"] = "text-dark";
+    Color["LIGHT"] = "text-light";
+})(Color || (Color = {}));
+exports.Color = Color;
+var CustomText = function (_a) {
+    var _b;
+    var id = _a.id, value = _a.value, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.style, style = _d === void 0 ? {} : _d, _e = _a.textType, textType = _e === void 0 ? TextType.PARAGRAPH : _e, // Varsayılan olarak 'paragraph'
+    color = _a.color, textAlign = _a.textAlign, fontSize = _a.fontSize, lineHeight = _a.lineHeight, fontWeight = _a.fontWeight, _f = _a.underline, underline = _f === void 0 ? false : _f, _g = _a.overline, overline = _g === void 0 ? false : _g, _h = _a.linethrough, linethrough = _h === void 0 ? false : _h, _j = _a.italic, italic = _j === void 0 ? false : _j, textAlignClass = _a.textAlignClass, linkText = _a.linkText;
+    // Varsayılan stiller
+    var defaultStyles = (_b = {},
+        _b[TextType.BOLDHEAD] = {
+            fontSize: FontSize.XL,
+            lineHeight: LineHeight.S,
+            fontWeight: FontWeight.BOLD,
+        },
+        _b[TextType.HEADING] = {
+            fontSize: FontSize.XL,
+            lineHeight: LineHeight.S,
+            fontWeight: FontWeight.NORMAL,
+        },
+        _b[TextType.SUBHEADING] = {
+            fontSize: FontSize.L,
+            lineHeight: LineHeight.XS,
+            fontWeight: FontWeight.NORMAL,
+        },
+        _b[TextType.PARAGRAPH] = {
+            fontSize: FontSize.XS,
+            lineHeight: LineHeight.XXS,
+            fontWeight: FontWeight.THIN,
+        },
+        _b);
+    // Dinamik sınıf ekleme
+    if (textType == TextType.BOLDHEAD && !color) {
+        color = Color.DARK;
+    }
+    else if (textType == TextType.HEADING && !color) {
+        color = Color.DARK;
+    }
+    else if (textType == TextType.SUBHEADING && !color) {
+        color = Color.DARK;
+    }
+    else if (textType == TextType.PARAGRAPH && !color) {
+        color = Color.DEFAULT;
+    }
+    if (textAlign == TextAlign.START) {
+        textAlignClass = "text-start";
+    }
+    else if (textAlign == TextAlign.CENTER) {
+        textAlignClass = "text-center";
+    }
+    else if (textAlign == TextAlign.END) {
+        textAlignClass = "text-end";
+    }
+    // Text decoration birleştirme
+    var textDecoration = [
+        underline ? 'underline' : '',
+        overline ? 'overline' : '',
+        linethrough ? 'line-through' : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    // Varsayılan stil ile kullanıcı stilini birleştir
+    var combinedStyle = __assign(__assign(__assign({}, defaultStyles[textType]), { textAlign: textAlign !== null && textAlign !== void 0 ? textAlign : defaultStyles[textType].textAlign, fontSize: fontSize !== null && fontSize !== void 0 ? fontSize : defaultStyles[textType].fontSize, lineHeight: lineHeight !== null && lineHeight !== void 0 ? lineHeight : defaultStyles[textType].lineHeight, fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : defaultStyles[textType].fontWeight, textDecoration: textDecoration || undefined, fontStyle: italic ? 'italic' : undefined }), style);
+    var combinedClassName = "".concat(color, " ").concat(className).trim();
+    // URL'leri tıklanabilir hale getirme
+    var renderWithLinks = function (text, linkText) {
+        var urlRegex = /(https?:\/\/[^\s]+|www\.[^\s]+)/g; // URL'leri algılayan RegEx
+        var parts = text.split(urlRegex);
+        return parts.map(function (part, index) {
+            return urlRegex.test(part) ? (react_1.default.createElement("a", { key: index, href: part.startsWith('http') ? part : "https://".concat(part), target: "_blank", rel: "noopener noreferrer" },
+                linkText || part.replace(/https?:\/\/|www\.|\/$/g, ''),
+                " ")) : (part);
+        });
+    };
+    return (react_1.default.createElement("div", { className: "".concat(textAlignClass) },
+        react_1.default.createElement("span", { id: id || "custom-text-".concat(Date.now()), className: "custom-text ".concat(combinedClassName), style: combinedStyle },
+            renderWithLinks(value, linkText),
+            " ")));
+};
+exports.CustomText = CustomText;
+exports.default = CustomText;

package/dist/CustomTextarea/CustomTextarea.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+interface CustomTextareaProps {
+    id?: string;
+    name?: string;
+    label: string;
+    value: string;
+    placeholder?: string;
+    required?: boolean;
+    errorMessage?: string;
+    conditionalErrorVisible?: boolean;
+    conditionalErrorMessage?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    rows?: number;
+    description?: string | null;
+    tooltip?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+}
+declare const CustomTextarea: React.FC<CustomTextareaProps>;
+export default CustomTextarea;