@sydsoft/base 1.52.0 → 1.53.0

package/_dist/form/Button.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Dialog_1 = require("./Dialog");
+var react_1 = require("react");
+var tooltip_1 = require("../tooltip");
+var link_1 = tslib_1.__importDefault(require("next/link"));
+var Button_module_css_1 = tslib_1.__importDefault(require("./styles/Button.module.css"));
+exports.Button = (0, react_1.memo)(function MemoFunction(_a) {
+    var children = _a.children, _b = _a.component, component = _b === void 0 ? "button" : _b, className = _a.className, _c = _a.buttonClass, buttonClass = _c === void 0 ? "default" : _c, _d = _a.buttonSize, buttonSize = _d === void 0 ? "medium" : _d, style = _a.style, _e = _a.type, type = _e === void 0 ? "button" : _e, _f = _a.fullWidth, fullWidth = _f === void 0 ? false : _f, onlyIcon = _a.onlyIcon, onClick = _a.onClick, href = _a.href, target = _a.target, tabIndex = _a.tabIndex, title = _a.title, titlePosition = _a.titlePosition, titleArrow = _a.titleArrow, dialog = _a.dialog, autoFocus = _a.autoFocus, other = tslib_1.__rest(_a, ["children", "component", "className", "buttonClass", "buttonSize", "style", "type", "fullWidth", "onlyIcon", "onClick", "href", "target", "tabIndex", "title", "titlePosition", "titleArrow", "dialog", "autoFocus"]);
+    var Comp = component;
+    var ripple = function (e) {
+        var el = e.currentTarget;
+        var circle = document.createElement("span");
+        var diameter = Math.max(el.clientWidth, el.clientHeight);
+        circle.style.width = circle.style.height = "".concat(diameter, "px");
+        circle.classList.add(Button_module_css_1.default.ripple);
+        var ripple = el.getElementsByClassName(Button_module_css_1.default.ripple)[0];
+        if (ripple)
+            ripple.remove();
+        el.appendChild(circle);
+    };
+    var handleClick = function (e) {
+        ripple(e);
+        if (dialog) {
+            (0, Dialog_1.Dialog)(dialog).then(function (result) {
+                if (result && onClick) {
+                    onClick(e);
+                }
+            });
+        }
+        else {
+            if (onClick)
+                onClick(e);
+        }
+    };
+    var createClassList = (0, react_1.useCallback)(function () {
+        var list = ["sbutton", Button_module_css_1.default.button];
+        if (buttonClass)
+            list.push(Button_module_css_1.default[buttonClass]);
+        if (className)
+            list.push(className);
+        if (onlyIcon)
+            list.push(Button_module_css_1.default.iconbutton);
+        if (fullWidth)
+            list.push(Button_module_css_1.default.fullwidth);
+        return list.join(" ");
+    }, [buttonClass, className, onlyIcon, fullWidth]);
+    var _g = (0, react_1.useState)(function () { return createClassList(); }), classList = _g[0], setClassList = _g[1];
+    (0, react_1.useEffect)(function () {
+        var newClassList = createClassList().split(" ").filter(Boolean);
+        if (href && typeof window !== "undefined" && window.location.pathname === href) {
+            newClassList.push("active");
+        }
+        setClassList(newClassList.join(" "));
+    }, [href, createClassList]);
+    var ortakProps = tslib_1.__assign({ className: classList, style: style, onClick: handleClick, tabIndex: tabIndex, autoFocus: autoFocus, "data-button-size": (!onlyIcon) ? buttonSize : null }, other);
+    var renderComponent;
+    if (href !== undefined) {
+        if (other === null || other === void 0 ? void 0 : other.hidden) {
+            renderComponent = null;
+        }
+        else {
+            var checkHref = (other === null || other === void 0 ? void 0 : other.disabled) ? "#" : href;
+            renderComponent = ((0, jsx_runtime_1.jsx)(link_1.default, { href: checkHref, target: (other === null || other === void 0 ? void 0 : other.disabled) ? "_self" : target, children: (0, jsx_runtime_1.jsx)(Comp, tslib_1.__assign({}, ortakProps, { children: onlyIcon ? onlyIcon : children })) }));
+        }
+    }
+    else {
+        renderComponent = ((0, jsx_runtime_1.jsx)(Comp, tslib_1.__assign({ type: type }, ortakProps, { children: onlyIcon ? onlyIcon : children })));
+    }
+    if (title && renderComponent) {
+        return ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { title: title, position: titlePosition, arrow: titleArrow, children: renderComponent }));
+    }
+    else {
+        return renderComponent;
+    }
+});

package/_dist/form/Checkbox.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Input_module_css_1 = tslib_1.__importDefault(require("./styles/Input.module.css"));
+var Checkbox = function (_a) {
+    var ref = _a.ref, children = _a.children, name = _a.name, label = _a.label, checked = _a.checked, className = _a.className, style = _a.style, styleCheckbox = _a.styleCheckbox, styleLabel = _a.styleLabel, onToogle = _a.onToogle, disabled = _a.disabled, tabIndex = _a.tabIndex, _b = _a.required, required = _b === void 0 ? false : _b;
+    var refMain = (0, react_1.useRef)(null);
+    // checked değerini boolean hâline getiriyoruz
+    var isChecked = checked === "1" || checked === true;
+    var handleChange = function (newChecked) {
+        if (disabled)
+            return;
+        onToogle === null || onToogle === void 0 ? void 0 : onToogle({
+            target: {
+                name: name,
+                value: newChecked ? "1" : "0"
+            }
+        });
+    };
+    var toggleCheck = function () {
+        handleChange(!isChecked);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: refMain, className: "".concat(Input_module_css_1.default.checkbox, " ").concat(className || ""), style: style, tabIndex: tabIndex, onClick: toggleCheck, children: [(0, jsx_runtime_1.jsx)("input", { ref: ref, type: "checkbox", name: name, onChange: function (e) { return handleChange(e.target.checked); }, checked: isChecked, required: required, style: styleCheckbox, disabled: disabled }), label && (0, jsx_runtime_1.jsx)("label", { style: styleLabel, children: label }), children && (0, jsx_runtime_1.jsx)("div", { children: children })] }));
+};
+exports.Checkbox = Checkbox;

package/_dist/form/Dialog.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var box_1 = require("../box");
+var client_1 = require("react-dom/client");
+var modal_1 = require("../modal");
+var Button_1 = require("./Button");
+var Dialog = function (config) {
+    return new Promise(function (resolve) {
+        if (typeof window === 'undefined')
+            return false;
+        var mainDiv = document.getElementById('sdialog');
+        if (!mainDiv) {
+            var createDiv = document.createElement('div');
+            createDiv.setAttribute('id', 'sdialog');
+            document.body.appendChild(createDiv);
+            mainDiv = createDiv;
+        }
+        var root = (0, client_1.createRoot)(mainDiv);
+        var settings = tslib_1.__assign({ acceptButtonShow: true, cancelButtonShow: true, acceptButtonText: 'EVET', cancelButtonText: 'HAYIR', acceptButtonClass: 'danger', cancelButtonClass: 'secondary', vertialAlign: 'center', horizontalAlign: 'center', hideBackdrop: true, hideEsc: true, styleMessage: {
+                fontSize: '1.1rem',
+                padding: '10px 20px'
+            }, styleBox: { padding: 0, margin: 0, minWidth: 250 }, styleBoxFooter: { padding: '8px 5px' }, autoFocus: 'accept' }, config);
+        var close = function () {
+            if (mainDiv) {
+                root.unmount();
+                mainDiv.remove();
+            }
+        };
+        var onCancel = function () {
+            resolve(false);
+            close();
+        };
+        var onAccept = function () {
+            resolve(true);
+            close();
+        };
+        var Component = ((0, jsx_runtime_1.jsx)(modal_1.Modal, { open: true, keepMounted: false, close: onCancel, hideBackdrop: settings.hideBackdrop, hideEsc: settings.hideEsc, hideCloseButton: true, vertialAlign: settings.vertialAlign, horizontalAlign: settings.horizontalAlign, backdropStyle: settings.backdropStyle, children: (0, jsx_runtime_1.jsxs)(box_1.Box, { style: settings.styleBox, children: [(0, jsx_runtime_1.jsx)("div", { className: "sbox_content", style: settings.styleMessage, dangerouslySetInnerHTML: { __html: settings.message } }), (settings.acceptButtonShow || settings.cancelButtonShow) && ((0, jsx_runtime_1.jsxs)(box_1.BoxFooter, { style: settings.styleBoxFooter, children: [settings.cancelButtonShow && ((0, jsx_runtime_1.jsx)(Button_1.Button, { autoFocus: settings.autoFocus === 'cancel', buttonClass: settings.cancelButtonClass, onClick: onCancel, children: settings.cancelButtonText })), settings.acceptButtonShow && ((0, jsx_runtime_1.jsx)(Button_1.Button, { autoFocus: settings.autoFocus === 'accept', buttonClass: settings.acceptButtonClass, onClick: onAccept, children: settings.acceptButtonText }))] }))] }) }));
+        root.render(Component);
+    });
+};
+exports.Dialog = Dialog;

package/_dist/form/Form.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+exports.Form = (0, react_1.memo)(function FunctionMemo(_a) {
+    var _b = _a.encType, encType = _b === void 0 ? "multipart/form-data" : _b, onSubmit = _a.onSubmit, style = _a.style, _c = _a.disableOnEnterSubmit, disableOnEnterSubmit = _c === void 0 ? false : _c, other = tslib_1.__rest(_a, ["encType", "onSubmit", "style", "disableOnEnterSubmit"]);
+    var onKeyDown = function (e) {
+        if (e.key === "Enter" && disableOnEnterSubmit) {
+            e.preventDefault();
+        }
+    };
+    return (0, jsx_runtime_1.jsx)("form", tslib_1.__assign({ style: style, encType: encType, onSubmit: onSubmit, onKeyDown: onKeyDown }, other));
+});

package/_dist/{esm/form → form}/FormOlustur.js

@@ -1,18 +1,21 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { memo, useEffect, useMemo } from 'react';
-import { Col, Row } from '../grid';
-import { isDev } from '../_lib/baseFunctions';
-import { Label } from './Label';
-export var FormOlustur = memo(function FunctionMemo(props) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormOlustur = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = tslib_1.__importStar(require("react"));
+var grid_1 = require("../grid");
+var baseFunctions_1 = require("../_lib/baseFunctions");
+var Label_1 = require("./Label");
+exports.FormOlustur = (0, react_1.memo)(function FunctionMemo(props) {
     var form = props.form, formOgeler = props.formOgeler, onChange = props.onChange, formType = props.formType, sabitGrid = props.sabitGrid, justifyContent = props.justifyContent, rowSpacing = props.rowSpacing, colSpacing = props.colSpacing;
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (formOgeler && onChange && form) {
             formOgeler.forEach(function (formOgeler) {
                 var _a, _b, _c, _d;
                 var fieldName = (_b = (_a = formOgeler === null || formOgeler === void 0 ? void 0 : formOgeler.component) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.name;
                 if (formOgeler.noRender && fieldName && form[fieldName] && form[fieldName] != '') {
-                    isDev && console.log('noRenderGuncelle');
+                    baseFunctions_1.isDev && console.log('noRenderGuncelle');
                     if ((formOgeler === null || formOgeler === void 0 ? void 0 : formOgeler.component) && ((_d = (_c = formOgeler === null || formOgeler === void 0 ? void 0 : formOgeler.component) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.name)) {
                         onChange({
                             target: {
@@ -25,28 +28,28 @@ export var FormOlustur = memo(function FunctionMemo(props) {
             });
         }
     }, [JSON.stringify(form), formOgeler]);
-    var result = useMemo(function () {
+    var result = (0, react_1.useMemo)(function () {
         return formOgeler.map(function (_a, i) {
             var noRender = _a.noRender, fullComponent = _a.fullComponent, component = _a.component, propsComponent = _a.propsComponent, propsRow = _a.propsRow, label = _a.label, propsLabel = _a.propsLabel, gridLabel = _a.gridLabel, gridInput = _a.gridInput;
             if (noRender) {
                 return null;
             }
             if (fullComponent)
-                return React.cloneElement(fullComponent, { key: i });
-            var newProps = __assign({}, propsComponent);
+                return react_1.default.cloneElement(fullComponent, { key: i });
+            var newProps = tslib_1.__assign({}, propsComponent);
             if (onChange && component && !component.props.onChange) {
-                newProps = __assign(__assign({}, newProps), { onChange: onChange });
+                newProps = tslib_1.__assign(tslib_1.__assign({}, newProps), { onChange: onChange });
             }
             if (onChange && form && component.props.name && !component.props.value) {
-                newProps = __assign(__assign({}, newProps), { value: form[component.props.name] && form[component.props.name].length > 0 ? String(form[component.props.name]) : '' });
+                newProps = tslib_1.__assign(tslib_1.__assign({}, newProps), { value: form[component.props.name] && form[component.props.name].length > 0 ? String(form[component.props.name]) : '' });
             }
             if (formType === 'label')
-                newProps = __assign(__assign({}, newProps), { label: '' });
+                newProps = tslib_1.__assign(tslib_1.__assign({}, newProps), { label: '' });
             var detectLabel = label || component.props.label;
-            gridLabel = __assign(__assign({}, sabitGrid.label), gridLabel);
-            gridInput = __assign(__assign({}, sabitGrid.input), gridInput);
-            return (_jsxs(Row, __assign({ justifyContent: justifyContent, rowSpacing: rowSpacing, colSpacing: colSpacing }, propsRow, { children: [formType === 'label' && detectLabel && (_jsx(Col, __assign({}, gridLabel, { children: _jsx(Label, __assign({ required: component.props.required }, propsLabel, { children: detectLabel })) }))), _jsx(Col, __assign({}, gridInput, { children: React.cloneElement(component, newProps) }))] }), i));
+            gridLabel = tslib_1.__assign(tslib_1.__assign({}, sabitGrid.label), gridLabel);
+            gridInput = tslib_1.__assign(tslib_1.__assign({}, sabitGrid.input), gridInput);
+            return ((0, jsx_runtime_1.jsxs)(grid_1.Row, tslib_1.__assign({ justifyContent: justifyContent, rowSpacing: rowSpacing, colSpacing: colSpacing }, propsRow, { children: [formType === 'label' && detectLabel && ((0, jsx_runtime_1.jsx)(grid_1.Col, tslib_1.__assign({}, gridLabel, { children: (0, jsx_runtime_1.jsx)(Label_1.Label, tslib_1.__assign({ required: component.props.required }, propsLabel, { children: detectLabel })) }))), (0, jsx_runtime_1.jsx)(grid_1.Col, tslib_1.__assign({}, gridInput, { children: react_1.default.cloneElement(component, newProps) }))] }), i));
         });
     }, [form, formOgeler, onChange, formType, sabitGrid, justifyContent, rowSpacing, colSpacing]);
-    return _jsx(React.Fragment, { children: result });
+    return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: result });
 });

package/_dist/{esm/form → form}/Input.js

@@ -1,43 +1,46 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * @author    : izzetseydaoglu
  * @copyright : sydSOFT Bilişim Hizmetleri (c) 2026
  * @version   : 2026-01-21 21:35:48
  */
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { convertForSEO, inputTumuBuyukCevir, inputTumuKucukCevir } from '../_lib/baseFunctions';
-import { applyInputMask } from '../_lib/inputMask';
-import { alert_add } from '../alert';
-import { Dialog } from './Dialog';
-import styles from './styles/Input.module.css';
-export var Input = function (_a) {
+var react_1 = require("react");
+var baseFunctions_1 = require("../_lib/baseFunctions");
+var inputMask_1 = require("../_lib/inputMask");
+var alert_1 = require("../alert");
+var Dialog_1 = require("./Dialog");
+var Input_module_css_1 = tslib_1.__importDefault(require("./styles/Input.module.css"));
+var Input = function (_a) {
     var componentRef = _a.componentRef, inputRef = _a.inputRef, className = _a.className, propsComponent = _a.propsComponent, propsInput = _a.propsInput, id = _a.id, name = _a.name, _b = _a.value, value = _b === void 0 ? '' : _b, type = _a.type, label = _a.label, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, placeholder = _a.placeholder, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onClick = _a.onClick, onKeyPress = _a.onKeyPress, onKeyUp = _a.onKeyUp, onKeyDown = _a.onKeyDown, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.required, required = _d === void 0 ? false : _d, _e = _a.loading, loading = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, select = _a.select, _g = _a.valueKey, valueKey = _g === void 0 ? 'value' : _g, _h = _a.labelKey, labelKey = _h === void 0 ? 'label' : _h, _j = _a.ilkSec, ilkSec = _j === void 0 ? false : _j, _k = _a.multiline, multiline = _k === void 0 ? false : _k, _l = _a.rows, rows = _l === void 0 ? 2 : _l, sadeceYazi = _a.sadeceYazi, sadeceSayi = _a.sadeceSayi, tumuBuyuk = _a.tumuBuyuk, tumuKucuk = _a.tumuKucuk, seoCevir = _a.seoCevir, dosyaNoGiris = _a.dosyaNoGiris, fileNameGiris = _a.fileNameGiris, dateGecmisKontrol = _a.dateGecmisKontrol, autoSelectText = _a.autoSelectText, _m = _a.mask, mask = _m === void 0 ? '' : _m, _o = _a.maskSettings, maskSettings = _o === void 0 ? {
         clearIfNotMatch: true,
         reverse: false, //Tersten doldurmaya başla, fiyatlar için geçerli
         selectOnFocus: false
     } : _o;
-    var refMain = useRef(null);
-    var refInput = useRef(null);
-    var refLabel = useRef(null);
-    var _p = useState(value && value.toString().length > 0), inputFilled = _p[0], setInputFilled = _p[1];
-    var _q = useState(false), focus = _q[0], setFocus = _q[1];
-    useEffect(function () {
+    var refMain = (0, react_1.useRef)(null);
+    var refInput = (0, react_1.useRef)(null);
+    var refLabel = (0, react_1.useRef)(null);
+    var _p = (0, react_1.useState)(value && value.toString().length > 0), inputFilled = _p[0], setInputFilled = _p[1];
+    var _q = (0, react_1.useState)(false), focus = _q[0], setFocus = _q[1];
+    (0, react_1.useEffect)(function () {
         if (inputRef)
             inputRef.current = refInput.current;
         if (componentRef)
             componentRef.current = refMain.current;
     }, [componentRef, inputRef]);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         autoSelectText && !select && (refInput === null || refInput === void 0 ? void 0 : refInput.current) && refInput.current.select();
     }, [autoSelectText, select]);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var _a, _b;
         var filled = String(value) && value.toString().length > 0 ? true : false;
         setInputFilled(filled);
-        filled && ((_b = (_a = refMain === null || refMain === void 0 ? void 0 : refMain.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove(styles.error));
+        filled && ((_b = (_a = refMain === null || refMain === void 0 ? void 0 : refMain.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove(Input_module_css_1.default.error));
     }, [value]);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         // if (type === "number") sadeceSayi = true; //TODO: sadeceSayi burada değiştirelemez ki!!!
         if (select && ilkSec && (value === '' || value === null || value === undefined)) {
             if (select.length) {
@@ -46,13 +49,13 @@ export var Input = function (_a) {
             }
         }
     }, [select]);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var _a;
         if (typeof window !== 'undefined' && (mask === null || mask === void 0 ? void 0 : mask.length) > 0 && (refInput === null || refInput === void 0 ? void 0 : refInput.current)) {
             (_a = refInput.current) === null || _a === void 0 ? void 0 : _a.setAttribute('autocomplete', 'off');
         }
         if ((mask === null || mask === void 0 ? void 0 : mask.length) > 0 && (refInput === null || refInput === void 0 ? void 0 : refInput.current)) {
-            var maskInstance_1 = applyInputMask(refInput.current, mask, __assign(__assign({}, maskSettings), { onChange: function (masked, clean, e) {
+            var maskInstance_1 = (0, inputMask_1.applyInputMask)(refInput.current, mask, tslib_1.__assign(tslib_1.__assign({}, maskSettings), { onChange: function (masked, clean, e) {
                     if (onChange) {
                         onChange({ target: { name: name, value: masked } });
                     }
@@ -64,40 +67,40 @@ export var Input = function (_a) {
             return function () { return maskInstance_1 === null || maskInstance_1 === void 0 ? void 0 : maskInstance_1.destroy(); };
         }
     }, [mask]);
-    var Change = useCallback(function (e) {
+    var Change = (0, react_1.useCallback)(function (e) {
         if (tumuBuyuk)
-            inputTumuBuyukCevir(e);
+            (0, baseFunctions_1.inputTumuBuyukCevir)(e);
         if (tumuKucuk)
-            inputTumuKucukCevir(e);
+            (0, baseFunctions_1.inputTumuKucukCevir)(e);
         if (seoCevir)
-            convertForSEO(e);
+            (0, baseFunctions_1.convertForSEO)(e);
         setInputFilled(e.target.value.length > 0);
         onChange ? onChange(e) : null;
     }, [onChange, seoCevir, tumuBuyuk, tumuKucuk]);
-    var Focus = useCallback(function (e) {
+    var Focus = (0, react_1.useCallback)(function (e) {
         var _a, _b;
         onFocus ? onFocus(e) : null;
         setFocus(true);
-        (_b = (_a = refMain === null || refMain === void 0 ? void 0 : refMain.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove(styles.error);
+        (_b = (_a = refMain === null || refMain === void 0 ? void 0 : refMain.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove(Input_module_css_1.default.error);
     }, [onFocus]);
-    var Blur = useCallback(function (e) {
+    var Blur = (0, react_1.useCallback)(function (e) {
         var _a, _b, _c, _d;
         if (fileNameGiris && e.target.value !== '' && /[/\\?%*:|"'<>]/g.test(e.target.value)) {
             e.target.value = e.target.value.replace(/[/\\?%*:|"'<>]/g, '-');
             if (onChange)
                 onChange(e);
-            alert_add({ type: 'warning', message: 'Lütfen dosya adındaki özel karakter değiştirildi.' });
+            (0, alert_1.alert_add)({ type: 'warning', message: 'Lütfen dosya adındaki özel karakter değiştirildi.' });
         }
         if (dosyaNoGiris && e.target.value !== '' && !/^[1-2]\d{3}\/\d/.test(e.target.value)) {
             e.target.value = '';
             if (onChange)
                 onChange(e);
-            alert_add({ type: 'error', message: 'Lütfen doğru bir dosya numarası giriniz. Örn: 2022/123' });
+            (0, alert_1.alert_add)({ type: 'error', message: 'Lütfen doğru bir dosya numarası giriniz. Örn: 2022/123' });
         }
         if (dateGecmisKontrol && e.target.value !== '') {
             var today = new Date().toISOString().slice(0, 10);
             if (e.target.value < today) {
-                Dialog({
+                (0, Dialog_1.Dialog)({
                     message: 'Geçmiş bir tarihi seçtiniz. Devam etmek istiyor musunuz?'
                 }).then(function (r) {
                     if (!r) {
@@ -111,10 +114,10 @@ export var Input = function (_a) {
         }
         if (required) {
             if (e.target.value === '') {
-                (_b = (_a = refMain === null || refMain === void 0 ? void 0 : refMain.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add(styles.error);
+                (_b = (_a = refMain === null || refMain === void 0 ? void 0 : refMain.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add(Input_module_css_1.default.error);
             }
             else {
-                (_d = (_c = refMain === null || refMain === void 0 ? void 0 : refMain.current) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.remove(styles.error);
+                (_d = (_c = refMain === null || refMain === void 0 ? void 0 : refMain.current) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.remove(Input_module_css_1.default.error);
             }
         }
         if (value !== e.target.value) {
@@ -123,8 +126,8 @@ export var Input = function (_a) {
         onBlur ? onBlur(e) : null;
         setFocus(false);
     }, [fileNameGiris, dosyaNoGiris, dateGecmisKontrol, required, value, onBlur, onChange, name]);
-    var Click = useCallback(function (e) { return (onClick ? onClick(e) : null); }, [onClick]);
-    var KeyPress = useCallback(function (e) {
+    var Click = (0, react_1.useCallback)(function (e) { return (onClick ? onClick(e) : null); }, [onClick]);
+    var KeyPress = (0, react_1.useCallback)(function (e) {
         if (sadeceYazi) {
             var turkishLetters = /[ğüşıöçĞÜŞİÖÇ]/;
             if (!(/[A-Za-z\s.]/.test(e.key) || turkishLetters.test(e.key))) {
@@ -139,8 +142,8 @@ export var Input = function (_a) {
         }
         onKeyPress ? onKeyPress(e) : null;
     }, [sadeceYazi, sadeceSayi, dosyaNoGiris, onKeyPress]);
-    var KeyUp = useCallback(function (e) { return (onKeyUp ? onKeyUp(e) : null); }, [onKeyUp]);
-    var KeyDown = useCallback(function (e) {
+    var KeyUp = (0, react_1.useCallback)(function (e) { return (onKeyUp ? onKeyUp(e) : null); }, [onKeyUp]);
+    var KeyDown = (0, react_1.useCallback)(function (e) {
         onKeyDown ? onKeyDown(e) : null;
     }, [onKeyDown]);
     var ortakProps = {
@@ -162,29 +165,29 @@ export var Input = function (_a) {
     };
     var component;
     if (select) {
-        component = (_jsxs("select", __assign({ className: "".concat(styles.input, " ").concat(styles.select) }, ortakProps, propsInput, { children: [ilkSec === false && _jsx("option", { value: '' }), select.map(function (item) {
+        component = ((0, jsx_runtime_1.jsxs)("select", tslib_1.__assign({ className: "".concat(Input_module_css_1.default.input, " ").concat(Input_module_css_1.default.select) }, ortakProps, propsInput, { children: [ilkSec === false && (0, jsx_runtime_1.jsx)("option", { value: '' }), select.map(function (item) {
                     var value = item[valueKey];
                     var label = item[labelKey];
-                    return (_jsx("option", { value: value, children: label ? label : value }, value));
+                    return ((0, jsx_runtime_1.jsx)("option", { value: value, children: label ? label : value }, value));
                 })] })));
     }
     else if (multiline) {
-        component = _jsx("textarea", __assign({ className: "".concat(styles.input, " ").concat(styles.textarea), rows: rows }, ortakProps, propsInput));
+        component = (0, jsx_runtime_1.jsx)("textarea", tslib_1.__assign({ className: "".concat(Input_module_css_1.default.input, " ").concat(Input_module_css_1.default.textarea), rows: rows }, ortakProps, propsInput));
     }
     else {
-        component = _jsx("input", __assign({ className: "".concat(styles.input), type: type }, ortakProps, propsInput));
+        component = (0, jsx_runtime_1.jsx)("input", tslib_1.__assign({ className: "".concat(Input_module_css_1.default.input), type: type }, ortakProps, propsInput));
     }
     var classList = function () {
-        var list = ['sInputComponent', styles.component];
+        var list = ['sInputComponent', Input_module_css_1.default.component];
         if (className)
             list.push(className);
         if (label) {
-            list.push(styles.hidePlaceHolder);
+            list.push(Input_module_css_1.default.hidePlaceHolder);
         }
         // if (props.required && (value.length === 0 || !value)) list.push("error");
         return list.join(' ');
     };
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (propsComponent && propsComponent.hasOwnProperty('style')) {
             var background = propsComponent.style.background ? propsComponent.style.background : propsComponent.style.backgroundColor ? propsComponent.style.backgroundColor : null;
             if (background && refLabel.current) {
@@ -192,5 +195,6 @@ export var Input = function (_a) {
             }
         }
     }, [propsComponent]);
-    return (_jsxs("div", __assign({ ref: refMain, className: classList(), "data-disabled": disabled }, propsComponent, { children: [startAdornment && _jsx("div", { className: "adornment_start ".concat(styles.adornment, " ").concat(styles.start), children: startAdornment }), _jsxs("div", { className: "".concat(styles.inputBase, " ").concat(inputFilled || focus || type == 'date' ? styles.open : ''), children: [component, label && (_jsxs("div", { ref: refLabel, className: "label ".concat(styles.label), children: [label, required && _jsx("span", { className: styles.required, children: "*" })] }))] }), (endAdornment || loading) && (_jsxs("div", { className: "adornment_end ".concat(styles.adornment, " ").concat(styles.end), children: [endAdornment, loading && _jsx("div", { className: styles.loading })] }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ ref: refMain, className: classList(), "data-disabled": disabled }, propsComponent, { children: [startAdornment && (0, jsx_runtime_1.jsx)("div", { className: "adornment_start ".concat(Input_module_css_1.default.adornment, " ").concat(Input_module_css_1.default.start), children: startAdornment }), (0, jsx_runtime_1.jsxs)("div", { className: "".concat(Input_module_css_1.default.inputBase, " ").concat(inputFilled || focus || type == 'date' ? Input_module_css_1.default.open : ''), children: [component, label && ((0, jsx_runtime_1.jsxs)("div", { ref: refLabel, className: "label ".concat(Input_module_css_1.default.label), children: [label, required && (0, jsx_runtime_1.jsx)("span", { className: Input_module_css_1.default.required, children: "*" })] }))] }), (endAdornment || loading) && ((0, jsx_runtime_1.jsxs)("div", { className: "adornment_end ".concat(Input_module_css_1.default.adornment, " ").concat(Input_module_css_1.default.end), children: [endAdornment, loading && (0, jsx_runtime_1.jsx)("div", { className: Input_module_css_1.default.loading })] }))] })));
 };
+exports.Input = Input;

package/_dist/form/Label.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Label = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var tooltip_1 = require("../tooltip");
+var Label_module_css_1 = tslib_1.__importDefault(require("./styles/Label.module.css"));
+exports.Label = (0, react_1.memo)(function FMemo(_a) {
+    var _b = _a.required, required = _b === void 0 ? false : _b, children = _a.children, other = tslib_1.__rest(_a, ["required", "children"]);
+    return ((0, jsx_runtime_1.jsxs)("label", tslib_1.__assign({ className: Label_module_css_1.default.label }, other, { children: [children, (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { title: 'Zorunlu Alan', children: (0, jsx_runtime_1.jsx)("span", { className: Label_module_css_1.default.required, children: required && '*' }) })] })));
+});