albinasoft-ui-package 1.1.41 → 1.1.43

package/dist/components/CustomProgressBar.js

@@ -1,40 +1,40 @@
-"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"));
-require("../assets/css/custom-progress-bar.css");
-var CustomProgressBar = function (_a) {
-    var activeStep = _a.activeStep, stepLabels = _a.stepLabels, onStepClick = _a.onStepClick;
-    return (react_1.default.createElement("div", { className: "progress-bar-container" },
-        react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", position: "relative" } }, stepLabels.map(function (label, index) {
-            var currentStep = index + 1;
-            var isActive = activeStep >= currentStep;
-            var isCompleted = activeStep > currentStep;
-            return (react_1.default.createElement(react_1.default.Fragment, { key: label },
-                react_1.default.createElement("div", { onClick: function () { return onStepClick(currentStep); }, className: "step-item", style: {
-                        cursor: activeStep === currentStep ? "default" : "pointer",
-                        zIndex: isActive ? 2 : 1,
-                    } },
-                    react_1.default.createElement("div", { className: "step-circle", style: {
-                            backgroundColor: isCompleted
-                                ? "#4caf50"
-                                : isActive
-                                    ? "#ffa500"
-                                    : "#ccc",
-                            border: isActive ? "2px solid #4caf50" : "none",
-                        } }, currentStep),
-                    react_1.default.createElement("span", { className: "step-label", style: {
-                            color: isCompleted
-                                ? "#4caf50"
-                                : isActive
-                                    ? "#ffa500"
-                                    : "#ccc",
-                        } }, label)),
-                index < stepLabels.length - 1 && (react_1.default.createElement("div", { className: "step-line", style: {
-                        backgroundColor: activeStep > currentStep ? "#4caf50" : "#ddd",
-                    } }))));
-        }))));
-};
-exports.default = CustomProgressBar;
+"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"));
+require("../assets/css/custom-progress-bar.css");
+var CustomProgressBar = function (_a) {
+    var activeStep = _a.activeStep, stepLabels = _a.stepLabels, onStepClick = _a.onStepClick;
+    return (react_1.default.createElement("div", { className: "progress-bar-container" },
+        react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", position: "relative" } }, stepLabels.map(function (label, index) {
+            var currentStep = index + 1;
+            var isActive = activeStep >= currentStep;
+            var isCompleted = activeStep > currentStep;
+            return (react_1.default.createElement(react_1.default.Fragment, { key: label },
+                react_1.default.createElement("div", { onClick: function () { return onStepClick(currentStep); }, className: "step-item", style: {
+                        cursor: activeStep === currentStep ? "default" : "pointer",
+                        zIndex: isActive ? 2 : 1,
+                    } },
+                    react_1.default.createElement("div", { className: "step-circle", style: {
+                            backgroundColor: isCompleted
+                                ? "#4caf50"
+                                : isActive
+                                    ? "#ffa500"
+                                    : "#ccc",
+                            border: isActive ? "2px solid #4caf50" : "none",
+                        } }, currentStep),
+                    react_1.default.createElement("span", { className: "step-label", style: {
+                            color: isCompleted
+                                ? "#4caf50"
+                                : isActive
+                                    ? "#ffa500"
+                                    : "#ccc",
+                        } }, label)),
+                index < stepLabels.length - 1 && (react_1.default.createElement("div", { className: "step-line", style: {
+                        backgroundColor: activeStep > currentStep ? "#4caf50" : "#ddd",
+                    } }))));
+        }))));
+};
+exports.default = CustomProgressBar;

package/dist/components/CustomRadioButton.d.ts

@@ -1,25 +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;
+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/components/CustomRadioButton.js

@@ -1,34 +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;
+"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/components/CustomRichTextbox.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import 'quill/dist/quill.snow.css';
-interface CustomRichTextboxProps {
-    id?: string;
-    name?: string;
-    label: string;
-    value: string;
-    placeholder?: string;
-    onChange: (value: string) => void;
-    readOnly?: boolean;
-    className?: string;
-}
-declare const CustomRichTextbox: React.FC<CustomRichTextboxProps>;
-export default CustomRichTextbox;
+import React from 'react';
+import 'quill/dist/quill.snow.css';
+interface CustomRichTextboxProps {
+    id?: string;
+    name?: string;
+    label: string;
+    value: string;
+    placeholder?: string;
+    onChange: (value: string) => void;
+    readOnly?: boolean;
+    className?: string;
+}
+declare const CustomRichTextbox: React.FC<CustomRichTextboxProps>;
+export default CustomRichTextbox;

package/dist/components/CustomRichTextbox.js

@@ -1,89 +1,89 @@
-"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 quill_1 = __importDefault(require("quill"));
-require("quill/dist/quill.snow.css");
-var CustomRichTextbox = function (_a) {
-    var id = _a.id, label = _a.label, value = _a.value, placeholder = _a.placeholder, onChange = _a.onChange, _b = _a.readOnly, readOnly = _b === void 0 ? false : _b, className = _a.className;
-    var editorRef = (0, react_1.useRef)(null);
-    var quillRef = (0, react_1.useRef)(null);
-    // 1. Quill'i yalnızca bir kez başlat
-    (0, react_1.useEffect)(function () {
-        if (!editorRef.current)
-            return;
-        if (quillRef.current)
-            return; // eğer zaten başlatıldıysa çık
-        quillRef.current = new quill_1.default(editorRef.current, {
-            theme: 'snow',
-            modules: {
-                toolbar: [
-                    [{ align: [] }],
-                    ['bold', 'italic', 'underline', 'strike'],
-                    [{ header: [1, 2, 3, false] }],
-                    [{ list: 'ordered' }, { list: 'bullet' }],
-                    ['clean']
-                ]
-            },
-        });
-        // Başlangıç içeriğini ayarla
-        quillRef.current.clipboard.dangerouslyPasteHTML(value);
-        // Değişimi dinle
-        var handler = function () {
-            var html = editorRef.current.querySelector('.ql-editor').innerHTML;
-            onChange(html);
-        };
-        quillRef.current.on('text-change', handler);
-        return function () {
-            quillRef.current.off('text-change', handler);
-            // Eğer gerekiyorsa editorRef.current!.innerHTML = '' gibi cleanup
-        };
-    }, []); // sadece mount/unmount
-    // 2. readOnly ve placeholder dinamik ayarları
-    (0, react_1.useEffect)(function () {
-        if (!quillRef.current)
-            return;
-        quillRef.current.enable(!readOnly);
-        if (placeholder !== undefined) {
-            quillRef.current.root.dataset.placeholder = placeholder;
-        }
-    }, [readOnly, placeholder]);
-    // 3. value prop'u değişirse içeriği güncelle
-    (0, react_1.useEffect)(function () {
-        if (!quillRef.current)
-            return;
-        var current = quillRef.current.root.innerHTML;
-        if (value !== current) {
-            quillRef.current.clipboard.dangerouslyPasteHTML(value);
-        }
-    }, [value]);
-    return (react_1.default.createElement("div", { className: className },
-        react_1.default.createElement("label", { htmlFor: id }, label),
-        react_1.default.createElement("div", { id: id, ref: editorRef, style: { minHeight: '150px' } })));
-};
-exports.default = CustomRichTextbox;
+"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 quill_1 = __importDefault(require("quill"));
+require("quill/dist/quill.snow.css");
+var CustomRichTextbox = function (_a) {
+    var id = _a.id, label = _a.label, value = _a.value, placeholder = _a.placeholder, onChange = _a.onChange, _b = _a.readOnly, readOnly = _b === void 0 ? false : _b, className = _a.className;
+    var editorRef = (0, react_1.useRef)(null);
+    var quillRef = (0, react_1.useRef)(null);
+    // 1. Quill'i yalnızca bir kez başlat
+    (0, react_1.useEffect)(function () {
+        if (!editorRef.current)
+            return;
+        if (quillRef.current)
+            return; // eğer zaten başlatıldıysa çık
+        quillRef.current = new quill_1.default(editorRef.current, {
+            theme: 'snow',
+            modules: {
+                toolbar: [
+                    [{ align: [] }],
+                    ['bold', 'italic', 'underline', 'strike'],
+                    [{ header: [1, 2, 3, false] }],
+                    [{ list: 'ordered' }, { list: 'bullet' }],
+                    ['clean']
+                ]
+            },
+        });
+        // Başlangıç içeriğini ayarla
+        quillRef.current.clipboard.dangerouslyPasteHTML(value);
+        // Değişimi dinle
+        var handler = function () {
+            var html = editorRef.current.querySelector('.ql-editor').innerHTML;
+            onChange(html);
+        };
+        quillRef.current.on('text-change', handler);
+        return function () {
+            quillRef.current.off('text-change', handler);
+            // Eğer gerekiyorsa editorRef.current!.innerHTML = '' gibi cleanup
+        };
+    }, []); // sadece mount/unmount
+    // 2. readOnly ve placeholder dinamik ayarları
+    (0, react_1.useEffect)(function () {
+        if (!quillRef.current)
+            return;
+        quillRef.current.enable(!readOnly);
+        if (placeholder !== undefined) {
+            quillRef.current.root.dataset.placeholder = placeholder;
+        }
+    }, [readOnly, placeholder]);
+    // 3. value prop'u değişirse içeriği güncelle
+    (0, react_1.useEffect)(function () {
+        if (!quillRef.current)
+            return;
+        var current = quillRef.current.root.innerHTML;
+        if (value !== current) {
+            quillRef.current.clipboard.dangerouslyPasteHTML(value);
+        }
+    }, [value]);
+    return (react_1.default.createElement("div", { className: className },
+        react_1.default.createElement("label", { htmlFor: id }, label),
+        react_1.default.createElement("div", { id: id, ref: editorRef, style: { minHeight: '150px' } })));
+};
+exports.default = CustomRichTextbox;

package/dist/components/CustomSelect.d.ts

@@ -1,32 +1,32 @@
-import React from "react";
-import "../assets/css/custom-select.css";
-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;
-    searchable?: boolean;
-    placeholder?: string;
-    errorMessage?: string;
-    conditionalErrorVisible?: boolean;
-    conditionalErrorMessage?: string;
-    tooltip?: string;
-    description?: string | null;
-    disabled?: boolean;
-    className?: string;
-    mainClass?: string;
-    style?: React.CSSProperties;
-    mainStyle?: React.CSSProperties;
-    submitted?: boolean;
-    onChange: (value: string | string[]) => void;
-}
-declare const CustomSelect: React.FC<CustomSelectProps>;
-export default CustomSelect;
+import React from "react";
+import "../assets/css/custom-select.css";
+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;
+    searchable?: boolean;
+    placeholder?: string;
+    errorMessage?: string;
+    conditionalErrorVisible?: boolean;
+    conditionalErrorMessage?: string;
+    tooltip?: string;
+    description?: string | null;
+    disabled?: boolean;
+    className?: string;
+    mainClass?: string;
+    style?: React.CSSProperties;
+    mainStyle?: React.CSSProperties;
+    submitted?: boolean;
+    onChange: (value: string | string[]) => void;
+}
+declare const CustomSelect: React.FC<CustomSelectProps>;
+export default CustomSelect;