albinasoft-ui-package 1.0.14 → 1.0.16

package/dist/CustomText/CustomText.d.ts

@@ -1,71 +0,0 @@
-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

@@ -1,156 +0,0 @@
-"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

@@ -1,22 +0,0 @@
-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;

package/dist/CustomTextarea/CustomTextarea.js

@@ -1,33 +0,0 @@
-"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 CustomTextarea = 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, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.readOnly, readOnly = _e === void 0 ? false : _e, _f = _a.rows, rows = _f === void 0 ? 3 : _f, description = _a.description, tooltip = _a.tooltip, style = _a.style, className = _a.className, onChange = _a.onChange;
-    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(tooltip) }, tooltip) },
-                    react_1.default.createElement("textarea", { id: id, name: name, value: value, placeholder: placeholder, onChange: onChange, className: "form-control", style: style, required: required, disabled: disabled, readOnly: readOnly, rows: rows }))) : (react_1.default.createElement("textarea", { id: id, name: name, value: value, placeholder: placeholder, onChange: onChange, className: "form-control", style: style, required: required, disabled: disabled, readOnly: readOnly, rows: rows })),
-                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.default = CustomTextarea;

package/dist/CustomTreeView/CustomTreeView.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import 'react-checkbox-tree/lib/react-checkbox-tree.css';
-interface CustomTreeViewProps {
-    label?: string;
-    value: string[];
-    treeData: TreeNode[];
-    onChange: (selected: string[]) => void;
-}
-export interface TreeNode {
-    label: string;
-    value: string;
-    children?: TreeNode[];
-}
-declare const CustomTreeView: React.FC<CustomTreeViewProps>;
-export default CustomTreeView;

package/dist/CustomTreeView/CustomTreeView.js

@@ -1,60 +0,0 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_checkbox_tree_1 = __importDefault(require("react-checkbox-tree"));
-require("react-checkbox-tree/lib/react-checkbox-tree.css");
-var fa_1 = require("react-icons/fa");
-var CustomTreeView = function (_a) {
-    var label = _a.label, value = _a.value, treeData = _a.treeData, onChange = _a.onChange;
-    var _b = (0, react_1.useState)(value), checked = _b[0], setChecked = _b[1]; // Seçilen düğümler
-    var _c = (0, react_1.useState)([]), expanded = _c[0], setExpanded = _c[1]; // Genişletilen düğümler
-    var handleCheck = function (checkedNodes) {
-        setChecked(checkedNodes);
-        onChange(checkedNodes);
-    };
-    return (react_1.default.createElement("div", null,
-        label && react_1.default.createElement("label", null, label),
-        react_1.default.createElement(react_checkbox_tree_1.default, { nodes: treeData, checked: checked, expanded: expanded, onCheck: handleCheck, onExpand: setExpanded, icons: {
-                check: react_1.default.createElement(fa_1.FaCheckSquare, { color: "#4caf50" }),
-                //uncheck: <FaSquare color="#f44336" />,
-                uncheck: react_1.default.createElement(fa_1.FaSquare, { color: "currentColor" }),
-                halfCheck: react_1.default.createElement(fa_1.FaMinusSquare, { color: "#ff9800" }),
-                expandClose: react_1.default.createElement(fa_1.FaChevronRight, { color: "#3f51b5" }),
-                expandOpen: react_1.default.createElement(fa_1.FaChevronDown, { color: "#3f51b5" }),
-                expandAll: react_1.default.createElement(fa_1.FaChevronRight, { color: "#2196f3" }),
-                collapseAll: react_1.default.createElement(fa_1.FaChevronDown, { color: "#2196f3" }),
-                parentClose: react_1.default.createElement(fa_1.FaFolder, { color: "#ff9800" }),
-                parentOpen: react_1.default.createElement(fa_1.FaFolderOpen, { color: "#ff9800" }),
-                leaf: react_1.default.createElement(fa_1.FaFile, { color: "#607d8b" }),
-                // parentClose: null, 
-                // parentOpen: null, 
-                // leaf: null,
-            } })));
-};
-exports.default = CustomTreeView;