@sydsoft/base 1.53.0 → 1.56.0

package/dist/esm/form/Checkbox.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import styles from "./styles/Input.module.css";
+export 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 = 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 (_jsxs("div", { ref: refMain, className: "".concat(styles.checkbox, " ").concat(className || ""), style: style, tabIndex: tabIndex, onClick: toggleCheck, children: [_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 && _jsx("label", { style: styleLabel, children: label }), children && _jsx("div", { children: children })] }));
+};

package/dist/esm/form/Dialog.js

@@ -0,0 +1,40 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, BoxFooter } from '../box';
+import { createRoot } from 'react-dom/client';
+import { Modal } from '../modal';
+import { Button } from './Button';
+export 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 = createRoot(mainDiv);
+        var settings = __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 = (_jsx(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: _jsxs(Box, { style: settings.styleBox, children: [_jsx("div", { className: "sbox_content", style: settings.styleMessage, dangerouslySetInnerHTML: { __html: settings.message } }), (settings.acceptButtonShow || settings.cancelButtonShow) && (_jsxs(BoxFooter, { style: settings.styleBoxFooter, children: [settings.cancelButtonShow && (_jsx(Button, { autoFocus: settings.autoFocus === 'cancel', buttonClass: settings.cancelButtonClass, onClick: onCancel, children: settings.cancelButtonText })), settings.acceptButtonShow && (_jsx(Button, { autoFocus: settings.autoFocus === 'accept', buttonClass: settings.acceptButtonClass, onClick: onAccept, children: settings.acceptButtonText }))] }))] }) }));
+        root.render(Component);
+    });
+};

package/dist/esm/form/Form.js

@@ -0,0 +1,12 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from "react";
+export var Form = 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 = __rest(_a, ["encType", "onSubmit", "style", "disableOnEnterSubmit"]);
+    var onKeyDown = function (e) {
+        if (e.key === "Enter" && disableOnEnterSubmit) {
+            e.preventDefault();
+        }
+    };
+    return _jsx("form", __assign({ style: style, encType: encType, onSubmit: onSubmit, onKeyDown: onKeyDown }, other));
+});

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

@@ -1,21 +1,18 @@
-"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) {
+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) {
     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;
-    (0, react_1.useEffect)(function () {
+    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] != '') {
-                    baseFunctions_1.isDev && console.log('noRenderGuncelle');
+                    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: {
@@ -28,28 +25,28 @@ exports.FormOlustur = (0, react_1.memo)(function FunctionMemo(props) {
             });
         }
     }, [JSON.stringify(form), formOgeler]);
-    var result = (0, react_1.useMemo)(function () {
+    var result = 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_1.default.cloneElement(fullComponent, { key: i });
-            var newProps = tslib_1.__assign({}, propsComponent);
+                return React.cloneElement(fullComponent, { key: i });
+            var newProps = __assign({}, propsComponent);
             if (onChange && component && !component.props.onChange) {
-                newProps = tslib_1.__assign(tslib_1.__assign({}, newProps), { onChange: onChange });
+                newProps = __assign(__assign({}, newProps), { onChange: onChange });
             }
             if (onChange && form && component.props.name && !component.props.value) {
-                newProps = tslib_1.__assign(tslib_1.__assign({}, newProps), { value: form[component.props.name] && form[component.props.name].length > 0 ? String(form[component.props.name]) : '' });
+                newProps = __assign(__assign({}, newProps), { value: form[component.props.name] && form[component.props.name].length > 0 ? String(form[component.props.name]) : '' });
             }
             if (formType === 'label')
-                newProps = tslib_1.__assign(tslib_1.__assign({}, newProps), { label: '' });
+                newProps = __assign(__assign({}, newProps), { label: '' });
             var detectLabel = label || component.props.label;
-            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));
+            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));
         });
     }, [form, formOgeler, onChange, formType, sabitGrid, justifyContent, rowSpacing, colSpacing]);
-    return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: result });
+    return _jsx(React.Fragment, { children: result });
 });

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

@@ -1,46 +1,43 @@
-"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");
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * @author    : izzetseydaoglu
  * @copyright : sydSOFT Bilişim Hizmetleri (c) 2026
  * @version   : 2026-01-21 21:35:48
  */
-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) {
+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 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 = (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 () {
+    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 () {
         if (inputRef)
             inputRef.current = refInput.current;
         if (componentRef)
             componentRef.current = refMain.current;
     }, [componentRef, inputRef]);
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         autoSelectText && !select && (refInput === null || refInput === void 0 ? void 0 : refInput.current) && refInput.current.select();
     }, [autoSelectText, select]);
-    (0, react_1.useEffect)(function () {
+    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(Input_module_css_1.default.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(styles.error));
     }, [value]);
-    (0, react_1.useEffect)(function () {
+    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) {
@@ -49,13 +46,13 @@ var Input = function (_a) {
             }
         }
     }, [select]);
-    (0, react_1.useEffect)(function () {
+    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 = (0, inputMask_1.applyInputMask)(refInput.current, mask, tslib_1.__assign(tslib_1.__assign({}, maskSettings), { onChange: function (masked, clean, e) {
+            var maskInstance_1 = applyInputMask(refInput.current, mask, __assign(__assign({}, maskSettings), { onChange: function (masked, clean, e) {
                     if (onChange) {
                         onChange({ target: { name: name, value: masked } });
                     }
@@ -67,40 +64,40 @@ var Input = function (_a) {
             return function () { return maskInstance_1 === null || maskInstance_1 === void 0 ? void 0 : maskInstance_1.destroy(); };
         }
     }, [mask]);
-    var Change = (0, react_1.useCallback)(function (e) {
+    var Change = useCallback(function (e) {
         if (tumuBuyuk)
-            (0, baseFunctions_1.inputTumuBuyukCevir)(e);
+            inputTumuBuyukCevir(e);
         if (tumuKucuk)
-            (0, baseFunctions_1.inputTumuKucukCevir)(e);
+            inputTumuKucukCevir(e);
         if (seoCevir)
-            (0, baseFunctions_1.convertForSEO)(e);
+            convertForSEO(e);
         setInputFilled(e.target.value.length > 0);
         onChange ? onChange(e) : null;
     }, [onChange, seoCevir, tumuBuyuk, tumuKucuk]);
-    var Focus = (0, react_1.useCallback)(function (e) {
+    var Focus = 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(Input_module_css_1.default.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(styles.error);
     }, [onFocus]);
-    var Blur = (0, react_1.useCallback)(function (e) {
+    var Blur = 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);
-            (0, alert_1.alert_add)({ type: 'warning', message: 'Lütfen dosya adındaki özel karakter değiştirildi.' });
+            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);
-            (0, alert_1.alert_add)({ type: 'error', message: 'Lütfen doğru bir dosya numarası giriniz. Örn: 2022/123' });
+            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) {
-                (0, Dialog_1.Dialog)({
+                Dialog({
                     message: 'Geçmiş bir tarihi seçtiniz. Devam etmek istiyor musunuz?'
                 }).then(function (r) {
                     if (!r) {
@@ -114,10 +111,10 @@ 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(Input_module_css_1.default.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(styles.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(Input_module_css_1.default.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(styles.error);
             }
         }
         if (value !== e.target.value) {
@@ -126,8 +123,8 @@ var Input = function (_a) {
         onBlur ? onBlur(e) : null;
         setFocus(false);
     }, [fileNameGiris, dosyaNoGiris, dateGecmisKontrol, required, value, onBlur, onChange, name]);
-    var Click = (0, react_1.useCallback)(function (e) { return (onClick ? onClick(e) : null); }, [onClick]);
-    var KeyPress = (0, react_1.useCallback)(function (e) {
+    var Click = useCallback(function (e) { return (onClick ? onClick(e) : null); }, [onClick]);
+    var KeyPress = useCallback(function (e) {
         if (sadeceYazi) {
             var turkishLetters = /[ğüşıöçĞÜŞİÖÇ]/;
             if (!(/[A-Za-z\s.]/.test(e.key) || turkishLetters.test(e.key))) {
@@ -142,8 +139,8 @@ var Input = function (_a) {
         }
         onKeyPress ? onKeyPress(e) : null;
     }, [sadeceYazi, sadeceSayi, dosyaNoGiris, onKeyPress]);
-    var KeyUp = (0, react_1.useCallback)(function (e) { return (onKeyUp ? onKeyUp(e) : null); }, [onKeyUp]);
-    var KeyDown = (0, react_1.useCallback)(function (e) {
+    var KeyUp = useCallback(function (e) { return (onKeyUp ? onKeyUp(e) : null); }, [onKeyUp]);
+    var KeyDown = useCallback(function (e) {
         onKeyDown ? onKeyDown(e) : null;
     }, [onKeyDown]);
     var ortakProps = {
@@ -165,29 +162,29 @@ var Input = function (_a) {
     };
     var component;
     if (select) {
-        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) {
+        component = (_jsxs("select", __assign({ className: "".concat(styles.input, " ").concat(styles.select) }, ortakProps, propsInput, { children: [ilkSec === false && _jsx("option", { value: '' }), select.map(function (item) {
                     var value = item[valueKey];
                     var label = item[labelKey];
-                    return ((0, jsx_runtime_1.jsx)("option", { value: value, children: label ? label : value }, value));
+                    return (_jsx("option", { value: value, children: label ? label : value }, value));
                 })] })));
     }
     else if (multiline) {
-        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));
+        component = _jsx("textarea", __assign({ className: "".concat(styles.input, " ").concat(styles.textarea), rows: rows }, ortakProps, propsInput));
     }
     else {
-        component = (0, jsx_runtime_1.jsx)("input", tslib_1.__assign({ className: "".concat(Input_module_css_1.default.input), type: type }, ortakProps, propsInput));
+        component = _jsx("input", __assign({ className: "".concat(styles.input), type: type }, ortakProps, propsInput));
     }
     var classList = function () {
-        var list = ['sInputComponent', Input_module_css_1.default.component];
+        var list = ['sInputComponent', styles.component];
         if (className)
             list.push(className);
         if (label) {
-            list.push(Input_module_css_1.default.hidePlaceHolder);
+            list.push(styles.hidePlaceHolder);
         }
         // if (props.required && (value.length === 0 || !value)) list.push("error");
         return list.join(' ');
     };
-    (0, react_1.useEffect)(function () {
+    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) {
@@ -195,6 +192,5 @@ var Input = function (_a) {
             }
         }
     }, [propsComponent]);
-    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 })] }))] })));
+    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 })] }))] })));
 };
-exports.Input = Input;

package/dist/esm/form/Label.js

@@ -0,0 +1,9 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { Tooltip } from '../tooltip';
+import styles from './styles/Label.module.css';
+export var Label = memo(function FMemo(_a) {
+    var _b = _a.required, required = _b === void 0 ? false : _b, children = _a.children, other = __rest(_a, ["required", "children"]);
+    return (_jsxs("label", __assign({ className: styles.label }, other, { children: [children, _jsx(Tooltip, { title: 'Zorunlu Alan', children: _jsx("span", { className: styles.required, children: required && '*' }) })] })));
+});

package/{_dist → dist/esm}/form/SearchableInput.js

@@ -1,28 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchableInput = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var index_1 = require("./index");
-var baseFunctions_1 = require("../_lib/baseFunctions");
-var react_1 = require("react");
-var listFunctions_1 = require("../_lib/listFunctions");
-var icon_1 = require("../icon");
-var SearchableInput_module_css_1 = tslib_1.__importDefault(require("./styles/SearchableInput.module.css"));
-exports.SearchableInput = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b = _a.autoCompleteList, autoCompleteList = _b === void 0 ? [] : _b, isDataFromApi = _a.isDataFromApi, name = _a.name, value = _a.value, parentInputValue = _a.parentInputValue, disabled = _a.disabled, itemComponent = _a.itemComponent, _c = _a.valueKey, valueKey = _c === void 0 ? 'value' : _c, _d = _a.labelKey, labelKey = _d === void 0 ? 'label' : _d, onSelect = _a.onSelect, onChange = _a.onChange, onText = _a.onText, onLoad = _a.onLoad, style = _a.style, _e = _a.listPositionRelative, listPositionRelative = _e === void 0 ? false : _e, _f = _a.loadingMessage, loadingMessage = _f === void 0 ? 'Lütfen bekleyiniz...' : _f, _g = _a.notFoundMessage, notFoundMessage = _g === void 0 ? 'Kayıt bulunamadı...' : _g, placeholder = _a.placeholder, endAdornment = _a.endAdornment, _h = _a.ilkSec, ilkSec = _h === void 0 ? false : _h, _j = _a.newCreate, newCreate = _j === void 0 ? false : _j, inputRef = _a.inputRef, other = tslib_1.__rest(_a, ["autoCompleteList", "isDataFromApi", "name", "value", "parentInputValue", "disabled", "itemComponent", "valueKey", "labelKey", "onSelect", "onChange", "onText", "onLoad", "style", "listPositionRelative", "loadingMessage", "notFoundMessage", "placeholder", "endAdornment", "ilkSec", "newCreate", "inputRef"]);
-    var refMain = (0, react_1.useRef)(null);
-    var refInput = (0, react_1.useRef)(null);
-    var refList = (0, react_1.useRef)(null);
-    var _k = (0, react_1.useState)(autoCompleteList !== null && autoCompleteList !== void 0 ? autoCompleteList : []), data = _k[0], setData = _k[1];
-    var _l = (0, react_1.useState)(value !== null && value !== void 0 ? value : undefined), selectedValue = _l[0], setSelectedValue = _l[1];
-    var _m = (0, react_1.useState)(parentInputValue !== null && parentInputValue !== void 0 ? parentInputValue : undefined), parentValue = _m[0], setParentValue = _m[1];
-    var _o = (0, react_1.useState)(''), text = _o[0], setText = _o[1]; //Inputta görünen
-    var _p = (0, react_1.useState)(''), filter = _p[0], setFilter = _p[1]; // Filtrelemeye tabi tutulan
-    var _q = (0, react_1.useState)({ created: false }), newItemCreate = _q[0], setNewItemCreate = _q[1];
-    var _r = (0, react_1.useState)(false), open = _r[0], setOpen = _r[1];
-    var _s = (0, react_1.useState)(isDataFromApi && (!autoCompleteList || (autoCompleteList === null || autoCompleteList === void 0 ? void 0 : autoCompleteList.length) == 0)), loading = _s[0], setLoading = _s[1];
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
+import { __assign, __rest, __spreadArray } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Input } from './index';
+import { convertForSearch, convertLowerCase } from '../_lib/baseFunctions';
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { onKeyboardSelection, setScrollListPosition } from '../_lib/listFunctions';
+import { Icon } from '../icon';
+import styles from './styles/SearchableInput.module.css';
+export var SearchableInput = forwardRef(function (_a, ref) {
+    var _b = _a.autoCompleteList, autoCompleteList = _b === void 0 ? [] : _b, isDataFromApi = _a.isDataFromApi, name = _a.name, value = _a.value, parentInputValue = _a.parentInputValue, disabled = _a.disabled, itemComponent = _a.itemComponent, _c = _a.valueKey, valueKey = _c === void 0 ? 'value' : _c, _d = _a.labelKey, labelKey = _d === void 0 ? 'label' : _d, onSelect = _a.onSelect, onChange = _a.onChange, onText = _a.onText, onLoad = _a.onLoad, style = _a.style, _e = _a.listPositionRelative, listPositionRelative = _e === void 0 ? false : _e, _f = _a.loadingMessage, loadingMessage = _f === void 0 ? 'Lütfen bekleyiniz...' : _f, _g = _a.notFoundMessage, notFoundMessage = _g === void 0 ? 'Kayıt bulunamadı...' : _g, placeholder = _a.placeholder, endAdornment = _a.endAdornment, _h = _a.ilkSec, ilkSec = _h === void 0 ? false : _h, _j = _a.newCreate, newCreate = _j === void 0 ? false : _j, inputRef = _a.inputRef, other = __rest(_a, ["autoCompleteList", "isDataFromApi", "name", "value", "parentInputValue", "disabled", "itemComponent", "valueKey", "labelKey", "onSelect", "onChange", "onText", "onLoad", "style", "listPositionRelative", "loadingMessage", "notFoundMessage", "placeholder", "endAdornment", "ilkSec", "newCreate", "inputRef"]);
+    var refMain = useRef(null);
+    var refInput = useRef(null);
+    var refList = useRef(null);
+    var _k = useState(autoCompleteList !== null && autoCompleteList !== void 0 ? autoCompleteList : []), data = _k[0], setData = _k[1];
+    var _l = useState(value !== null && value !== void 0 ? value : undefined), selectedValue = _l[0], setSelectedValue = _l[1];
+    var _m = useState(parentInputValue !== null && parentInputValue !== void 0 ? parentInputValue : undefined), parentValue = _m[0], setParentValue = _m[1];
+    var _o = useState(''), text = _o[0], setText = _o[1]; //Inputta görünen
+    var _p = useState(''), filter = _p[0], setFilter = _p[1]; // Filtrelemeye tabi tutulan
+    var _q = useState({ created: false }), newItemCreate = _q[0], setNewItemCreate = _q[1];
+    var _r = useState(false), open = _r[0], setOpen = _r[1];
+    var _s = useState(isDataFromApi && (!autoCompleteList || (autoCompleteList === null || autoCompleteList === void 0 ? void 0 : autoCompleteList.length) == 0)), loading = _s[0], setLoading = _s[1];
+    useImperativeHandle(ref, function () { return ({
         setAutoCompleteList: function (list, value, callback) {
             if (value === void 0) { value = undefined; }
             if (autoCompleteList && (autoCompleteList === null || autoCompleteList === void 0 ? void 0 : autoCompleteList.length) > 0) {
@@ -54,12 +51,12 @@ exports.SearchableInput = (0, react_1.forwardRef)(function (_a, ref) {
         },
         setLoading: function (value) { return setLoading(value); }
     }); }, [autoCompleteList, data, value]);
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         if (inputRef)
             inputRef.current = refInput.current;
     }, [refInput.current]);
-    (0, react_1.useEffect)(function () { return onLoad && onLoad(value); }, []);
-    (0, react_1.useEffect)(function () {
+    useEffect(function () { return onLoad && onLoad(value); }, []);
+    useEffect(function () {
         if (autoCompleteList && Array.isArray(autoCompleteList)) {
             if (autoCompleteList.length > 0) {
                 // Sadece gerçekten farklıysa set et
@@ -77,7 +74,7 @@ exports.SearchableInput = (0, react_1.forwardRef)(function (_a, ref) {
             }
         }
     }, [autoCompleteList]);
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         // isDev && console.log('data =>', name, data, 'selectedValue =>', selectedValue, 'value =>', value);
         if (!Array.isArray(data)) {
             setData([]);
@@ -94,21 +91,21 @@ exports.SearchableInput = (0, react_1.forwardRef)(function (_a, ref) {
         }
     }, [data]);
     // Seçim değişikliğinde parent'ı bilgilendir
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         // isDev && console.log('selectedValue =>', name, selectedValue, 'value =>', value);
         if ((value === null || value === void 0 ? void 0 : value.toString()) != (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.toString())) {
             checkByValue(value, open);
             // isDev && console.log('value Kontrol ediliyor', value, selectedValue);
         }
     }, [value]);
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         if (parentInputValue !== parentValue) {
             setParentValue(parentInputValue);
             clear(false);
             // isDev && console.log(name, "parentInputValueDeğişti =>", parentInputValue);
         }
     }, [parentInputValue]);
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         var checkHideBackDrop = function (e) {
             if (open && refMain.current && !refMain.current.contains(e.target)) {
                 checkByInput();
@@ -122,7 +119,7 @@ exports.SearchableInput = (0, react_1.forwardRef)(function (_a, ref) {
         if (refMain.current)
             refMain.current.addEventListener('keydown', checkESC);
         if (open) {
-            (0, listFunctions_1.setScrollListPosition)(refList);
+            setScrollListPosition(refList);
             if (!listPositionRelative) {
                 window.addEventListener('scroll', handleUpdatePosition, true);
                 window.addEventListener('resize', handleUpdatePosition);
@@ -136,8 +133,8 @@ exports.SearchableInput = (0, react_1.forwardRef)(function (_a, ref) {
             window.removeEventListener('resize', handleUpdatePosition);
         };
     }, [open]);
-    (0, react_1.useLayoutEffect)(function () { return handleUpdatePosition(); }, [open]);
-    var setValue = (0, react_1.useCallback)(function (item, openList) {
+    useLayoutEffect(function () { return handleUpdatePosition(); }, [open]);
+    var setValue = useCallback(function (item, openList) {
         var _a, _b;
         var newValue = (_a = item === null || item === void 0 ? void 0 : item[valueKey]) !== null && _a !== void 0 ? _a : '';
         var newLabel = (_b = item === null || item === void 0 ? void 0 : item[labelKey]) !== null && _b !== void 0 ? _b : '';
@@ -151,26 +148,26 @@ exports.SearchableInput = (0, react_1.forwardRef)(function (_a, ref) {
         onChange && sendChange(newValue);
         onSelect && onSelect(item);
     }, [onChange, onSelect, name, selectedValue, valueKey, labelKey]);
-    var textInputOnChange = (0, react_1.useCallback)(function (e) {
+    var textInputOnChange = useCallback(function (e) {
         setSelectedValue(undefined);
         setText(e.target.value);
         setFilter(e.target.value.trim());
         setOpen(true);
         onText && onText(e.target.value);
     }, [setValue, onText]);
-    var checkByValue = (0, react_1.useCallback)(function (value, openList, list) {
+    var checkByValue = useCallback(function (value, openList, list) {
         if (openList === void 0) { openList = false; }
         if (list === void 0) { list = []; }
         var targetList = list.length > 0 ? list : data;
-        var find = Object.values(targetList).find(function (item) { return (0, baseFunctions_1.convertLowerCase)(item[valueKey]) === (0, baseFunctions_1.convertLowerCase)(value); });
+        var find = Object.values(targetList).find(function (item) { return convertLowerCase(item[valueKey]) === convertLowerCase(value); });
         if (!find && newCreate && newItemCreate.create) {
             find = newItemCreate;
         }
         // isDev && console.log('find', find, 'value', value, data);
         setValue(find, openList);
     }, [data, valueKey, newCreate, newItemCreate, setValue]);
-    var checkByInput = (0, react_1.useCallback)(function () {
-        var findByLabel = data.find(function (item) { var _a; return (0, baseFunctions_1.convertLowerCase)(item[labelKey]) === (0, baseFunctions_1.convertLowerCase)((_a = refInput.current) === null || _a === void 0 ? void 0 : _a.value); });
+    var checkByInput = useCallback(function () {
+        var findByLabel = data.find(function (item) { var _a; return convertLowerCase(item[labelKey]) === convertLowerCase((_a = refInput.current) === null || _a === void 0 ? void 0 : _a.value); });
         if (findByLabel && value == findByLabel[valueKey]) {
             setOpen(false);
             return;
@@ -183,7 +180,7 @@ exports.SearchableInput = (0, react_1.forwardRef)(function (_a, ref) {
                 onText('');
         }
     }, [data, labelKey, value, valueKey, isDataFromApi, onText, setValue, refInput.current]);
-    var clear = (0, react_1.useCallback)(function (openList, focusInput) {
+    var clear = useCallback(function (openList, focusInput) {
         var _a;
         if (openList === void 0) { openList = true; }
         if (focusInput === void 0) { focusInput = false; }
@@ -193,17 +190,17 @@ exports.SearchableInput = (0, react_1.forwardRef)(function (_a, ref) {
         onText && onText('');
         focusInput && ((_a = refInput === null || refInput === void 0 ? void 0 : refInput.current) === null || _a === void 0 ? void 0 : _a.focus());
     }, [setValue, onText]);
-    var sendChange = (0, react_1.useCallback)(function (value) {
+    var sendChange = useCallback(function (value) {
         // isDev && console.log(name, "sendChange", value, "selectedValue", selectedValue);
         if (onChange && value !== selectedValue) {
             onChange({ target: { name: name, value: value } });
         }
     }, [onChange, name]);
-    var filteredData = (0, react_1.useMemo)(function () {
+    var filteredData = useMemo(function () {
         var _a;
         var list;
         if (filter.length > 0) {
-            list = data.filter(function (item) { return (0, baseFunctions_1.convertForSearch)(item[labelKey]).includes((0, baseFunctions_1.convertForSearch)(filter)) || item[labelKey] == filter; });
+            list = data.filter(function (item) { return convertForSearch(item[labelKey]).includes(convertForSearch(filter)) || item[labelKey] == filter; });
         }
         else {
             list = data;
@@ -212,7 +209,7 @@ exports.SearchableInput = (0, react_1.forwardRef)(function (_a, ref) {
             var filterText = data.find(function (item) { return item[labelKey].toString().toLowerCase() === text.toString().toLowerCase(); });
             if (!filterText) {
                 var newItem = (_a = {}, _a[labelKey] = text, _a[valueKey] = text, _a.create = true, _a);
-                list = tslib_1.__spreadArray([newItem], list, true);
+                list = __spreadArray([newItem], list, true);
                 setNewItemCreate(newItem);
             }
             else {
@@ -230,7 +227,7 @@ exports.SearchableInput = (0, react_1.forwardRef)(function (_a, ref) {
     var onKeyDown = function (e) {
         if (!open || !refList.current)
             return null;
-        (0, listFunctions_1.onKeyboardSelection)({
+        onKeyboardSelection({
             e: e,
             targetElement: refList,
             checkByInput: checkByInput,
@@ -240,10 +237,10 @@ exports.SearchableInput = (0, react_1.forwardRef)(function (_a, ref) {
             selectedClass: 'selected'
         });
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: refMain, className: SearchableInput_module_css_1.default.searchableInputComponent, onKeyDown: onKeyDown, style: style, children: [(0, jsx_runtime_1.jsx)(index_1.Input, tslib_1.__assign({}, other, { inputRef: refInput, name: name, value: text, onFocus: function () { return !disabled && setOpen(true); }, onChange: textInputOnChange, endAdornment: !disabled && ((0, jsx_runtime_1.jsxs)("div", { style: { marginRight: 5 }, tabIndex: -1, children: [(0, jsx_runtime_1.jsx)(index_1.Button, { title: 'Temizle', tabIndex: -1, hidden: !(text && text.length > 0), onClick: function () { return clear(true, true); }, onlyIcon: (0, jsx_runtime_1.jsx)(icon_1.Icon, { name: 'close', style: { color: '#444' } }) }), endAdornment, (0, jsx_runtime_1.jsx)(index_1.Button, { tabIndex: -1, hidden: !data || !(data.length > 0), onClick: function () { return !disabled && setOpen(!open); }, onlyIcon: (0, jsx_runtime_1.jsx)(icon_1.Icon, { name: open ? 'keyboard_arrow_up' : 'keyboard_arrow_down', style: { color: '#444' } }) })] })), placeholder: loading ? 'Lütfen bekleyiniz...' : placeholder, loading: loading, disabled: disabled, propsInput: tslib_1.__assign(tslib_1.__assign({}, other === null || other === void 0 ? void 0 : other.propsInput), { autoComplete: 'off' }) })), open && ((0, jsx_runtime_1.jsx)("div", { className: 'listDiv', "data-relative": listPositionRelative, children: (0, jsx_runtime_1.jsxs)("ul", { ref: refList, className: "list ".concat(open ? 'open' : ''), children: [(filteredData.length === 0 || loading) && (0, jsx_runtime_1.jsx)("div", { className: "message ".concat(loading ? 'loading' : ''), children: loading ? loadingMessage : notFoundMessage }), filteredData.map(function (item, key) {
+    return (_jsxs("div", { ref: refMain, className: styles.searchableInputComponent, onKeyDown: onKeyDown, style: style, children: [_jsx(Input, __assign({}, other, { inputRef: refInput, name: name, value: text, onFocus: function () { return !disabled && setOpen(true); }, onChange: textInputOnChange, endAdornment: !disabled && (_jsxs("div", { style: { marginRight: 5 }, tabIndex: -1, children: [_jsx(Button, { title: 'Temizle', tabIndex: -1, hidden: !(text && text.length > 0), onClick: function () { return clear(true, true); }, onlyIcon: _jsx(Icon, { name: 'close', style: { color: '#444' } }) }), endAdornment, _jsx(Button, { tabIndex: -1, hidden: !data || !(data.length > 0), onClick: function () { return !disabled && setOpen(!open); }, onlyIcon: _jsx(Icon, { name: open ? 'keyboard_arrow_up' : 'keyboard_arrow_down', style: { color: '#444' } }) })] })), placeholder: loading ? 'Lütfen bekleyiniz...' : placeholder, loading: loading, disabled: disabled, propsInput: __assign(__assign({}, other === null || other === void 0 ? void 0 : other.propsInput), { autoComplete: 'off' }) })), open && (_jsx("div", { className: 'listDiv', "data-relative": listPositionRelative, children: _jsxs("ul", { ref: refList, className: "list ".concat(open ? 'open' : ''), children: [(filteredData.length === 0 || loading) && _jsx("div", { className: "message ".concat(loading ? 'loading' : ''), children: loading ? loadingMessage : notFoundMessage }), filteredData.map(function (item, key) {
                             var itemValue = item[valueKey];
                             var itemLabel = item[labelKey];
-                            return ((0, jsx_runtime_1.jsxs)("li", { className: "item ".concat(itemValue === selectedValue ? 'active' : ''), "data-value": itemValue, "data-label": itemLabel, onClick: function () { return setValue(item, false); }, children: [item.create && (0, jsx_runtime_1.jsx)("span", { className: 'newCreate', children: "Yeni Olu\u015Ftur: " }), itemComponent ? itemComponent(item) : itemLabel] }, key));
+                            return (_jsxs("li", { className: "item ".concat(itemValue === selectedValue ? 'active' : ''), "data-value": itemValue, "data-label": itemLabel, onClick: function () { return setValue(item, false); }, children: [item.create && _jsx("span", { className: 'newCreate', children: "Yeni Olu\u015Ftur: " }), itemComponent ? itemComponent(item) : itemLabel] }, key));
                         })] }) }))] }));
 });
 var setFixedPosition = function (refMain) {