@sydsoft/base 1.47.0 → 1.48.0

package/dist/esm/form/Dialog.js

@@ -1,40 +1,53 @@
-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;
+export const Dialog = (config) => new Promise((resolve) => {
+    if (typeof window === 'undefined')
+        return false;
+    let mainDiv = document.getElementById('sdialog');
+    if (!mainDiv) {
+        const createDiv = document.createElement('div');
+        createDiv.setAttribute('id', 'sdialog');
+        document.body.appendChild(createDiv);
+        mainDiv = createDiv;
+    }
+    const root = createRoot(mainDiv);
+    const settings = {
+        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
+    };
+    const close = () => {
+        if (mainDiv) {
+            root.unmount();
+            mainDiv.remove();
         }
-        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);
-    });
-};
+    };
+    const onCancel = () => {
+        resolve(false);
+        close();
+    };
+    const onAccept = () => {
+        resolve(true);
+        close();
+    };
+    const 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

@@ -1,12 +1,10 @@
-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) {
+export const Form = memo(function FunctionMemo({ encType = "multipart/form-data", onSubmit, style, disableOnEnterSubmit = false, ...other }) {
+    const onKeyDown = (e) => {
         if (e.key === "Enter" && disableOnEnterSubmit) {
             e.preventDefault();
         }
     };
-    return _jsx("form", __assign({ style: style, encType: encType, onSubmit: onSubmit, onKeyDown: onKeyDown }, other));
+    return _jsx("form", { style: style, encType: encType, onSubmit: onSubmit, onKeyDown: onKeyDown, ...other });
 });

package/dist/esm/form/FormOlustur.js

@@ -1,16 +1,15 @@
-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;
-    useEffect(function () {
+export const FormOlustur = memo(function FunctionMemo(props) {
+    const { form, formOgeler, onChange, formType, sabitGrid, justifyContent, rowSpacing, colSpacing } = props;
+    useEffect(() => {
         if (formOgeler && onChange && form) {
-            formOgeler.forEach(function (formOgeler) {
+            formOgeler.forEach((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;
+                const 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');
                     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)) {
@@ -25,27 +24,26 @@ export var FormOlustur = memo(function FunctionMemo(props) {
             });
         }
     }, [JSON.stringify(form), formOgeler]);
-    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;
+    const result = useMemo(() => {
+        return formOgeler.map(({ noRender, fullComponent, component, propsComponent, propsRow, label, propsLabel, gridLabel, gridInput }, i) => {
             if (noRender) {
                 return null;
             }
             if (fullComponent)
                 return React.cloneElement(fullComponent, { key: i });
-            var newProps = __assign({}, propsComponent);
+            let newProps = { ...propsComponent };
             if (onChange && component && !component.props.onChange) {
-                newProps = __assign(__assign({}, newProps), { onChange: onChange });
+                newProps = { ...newProps, 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 = { ...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: '' });
-            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));
+                newProps = { ...newProps, label: '' };
+            const detectLabel = label || component.props.label;
+            gridLabel = { ...sabitGrid.label, ...gridLabel };
+            gridInput = { ...sabitGrid.input, ...gridInput };
+            return (_jsxs(Row, { justifyContent: justifyContent, rowSpacing: rowSpacing, colSpacing: colSpacing, ...propsRow, children: [formType === 'label' && detectLabel && (_jsx(Col, { ...gridLabel, children: _jsx(Label, { required: component.props.required, ...propsLabel, children: detectLabel }) })), _jsx(Col, { ...gridInput, children: React.cloneElement(component, newProps) })] }, i));
         });
     }, [form, formOgeler, onChange, formType, sabitGrid, justifyContent, rowSpacing, colSpacing]);
     return _jsx(React.Fragment, { children: result });

package/dist/esm/form/Input.js

@@ -1,4 +1,3 @@
-import { __assign } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * @author    : izzetseydaoglu
@@ -11,60 +10,62 @@ 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 = 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 () {
+export const Input = ({ componentRef, inputRef, className, propsComponent, propsInput, id, name, value = '', type, label, startAdornment, endAdornment, placeholder, onChange, onFocus, onBlur, onClick, onKeyPress, onKeyUp, onKeyDown, disabled = false, required = false, loading = false, autoFocus = false, select, valueKey = 'value', labelKey = 'label', ilkSec = false, multiline = false, rows = 2, sadeceYazi, sadeceSayi, tumuBuyuk, tumuKucuk, seoCevir, dosyaNoGiris, fileNameGiris, dateGecmisKontrol, autoSelectText, mask = '', maskSettings = {
+    clearIfNotMatch: true,
+    reverse: false, //Tersten doldurmaya başla, fiyatlar için geçerli
+    selectOnFocus: false
+} }) => {
+    const refMain = useRef(null);
+    const refInput = useRef(null);
+    const refLabel = useRef(null);
+    const [inputFilled, setInputFilled] = useState(value && value.toString().length > 0);
+    const [focus, setFocus] = useState(false);
+    useEffect(() => {
         if (inputRef)
             inputRef.current = refInput.current;
         if (componentRef)
             componentRef.current = refMain.current;
     }, [componentRef, inputRef]);
-    useEffect(function () {
+    useEffect(() => {
         autoSelectText && !select && (refInput === null || refInput === void 0 ? void 0 : refInput.current) && refInput.current.select();
     }, [autoSelectText, select]);
-    useEffect(function () {
+    useEffect(() => {
         var _a, _b;
-        var filled = String(value) && value.toString().length > 0 ? true : false;
+        const 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));
     }, [value]);
-    useEffect(function () {
+    useEffect(() => {
         // if (type === "number") sadeceSayi = true; //TODO: sadeceSayi burada değiştirelemez ki!!!
         if (select && ilkSec && (value === '' || value === null || value === undefined)) {
             if (select.length) {
-                var ilkItem = select[0][valueKey] ? select[0][valueKey] : '';
-                onChange && onChange({ target: { name: name, value: ilkItem } });
+                const ilkItem = select[0][valueKey] ? select[0][valueKey] : '';
+                onChange && onChange({ target: { name, value: ilkItem } });
             }
         }
     }, [select]);
-    useEffect(function () {
+    useEffect(() => {
         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) {
+            const maskInstance = applyInputMask(refInput.current, mask, {
+                ...maskSettings,
+                onChange: (masked, clean, e) => {
                     if (onChange) {
-                        onChange({ target: { name: name, value: masked } });
+                        onChange({ target: { name, value: masked } });
                     }
                     if (maskSettings && maskSettings.onChange) {
                         maskSettings.onChange(masked, clean, e);
                     }
-                } }));
-            maskInstance_1 === null || maskInstance_1 === void 0 ? void 0 : maskInstance_1.setValue(value ? value : null);
-            return function () { return maskInstance_1 === null || maskInstance_1 === void 0 ? void 0 : maskInstance_1.destroy(); };
+                }
+            });
+            maskInstance === null || maskInstance === void 0 ? void 0 : maskInstance.setValue(value ? value : null);
+            return () => maskInstance === null || maskInstance === void 0 ? void 0 : maskInstance.destroy();
         }
     }, [mask]);
-    var Change = useCallback(function (e) {
+    const Change = useCallback((e) => {
         if (tumuBuyuk)
             inputTumuBuyukCevir(e);
         if (tumuKucuk)
@@ -74,13 +75,13 @@ export var Input = function (_a) {
         setInputFilled(e.target.value.length > 0);
         onChange ? onChange(e) : null;
     }, [onChange, seoCevir, tumuBuyuk, tumuKucuk]);
-    var Focus = useCallback(function (e) {
+    const Focus = useCallback((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);
     }, [onFocus]);
-    var Blur = useCallback(function (e) {
+    const Blur = useCallback((e) => {
         var _a, _b, _c, _d;
         if (fileNameGiris && e.target.value !== '' && /[/\\?%*:|"'<>]/g.test(e.target.value)) {
             e.target.value = e.target.value.replace(/[/\\?%*:|"'<>]/g, '-');
@@ -95,11 +96,11 @@ export var Input = function (_a) {
             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);
+            const today = new Date().toISOString().slice(0, 10);
             if (e.target.value < today) {
                 Dialog({
                     message: 'Geçmiş bir tarihi seçtiniz. Devam etmek istiyor musunuz?'
-                }).then(function (r) {
+                }).then((r) => {
                     if (!r) {
                         e.target.value = '';
                         if (onChange)
@@ -118,15 +119,15 @@ export var Input = function (_a) {
             }
         }
         if (value !== e.target.value) {
-            onChange && onChange({ target: { name: name, value: e.target.value } });
+            onChange && onChange({ target: { name, value: e.target.value } });
         }
         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) {
+    const Click = useCallback((e) => (onClick ? onClick(e) : null), [onClick]);
+    const KeyPress = useCallback((e) => {
         if (sadeceYazi) {
-            var turkishLetters = /[ğüşıöçĞÜŞİÖÇ]/;
+            const turkishLetters = /[ğüşıöçĞÜŞİÖÇ]/;
             if (!(/[A-Za-z\s.]/.test(e.key) || turkishLetters.test(e.key))) {
                 e.preventDefault();
                 return;
@@ -139,19 +140,19 @@ 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) {
+    const KeyUp = useCallback((e) => (onKeyUp ? onKeyUp(e) : null), [onKeyUp]);
+    const KeyDown = useCallback((e) => {
         onKeyDown ? onKeyDown(e) : null;
     }, [onKeyDown]);
-    var ortakProps = {
+    const ortakProps = {
         ref: refInput,
-        id: id,
-        name: name,
-        value: value,
-        autoFocus: autoFocus,
-        disabled: disabled,
-        required: required,
-        placeholder: placeholder,
+        id,
+        name,
+        value,
+        autoFocus,
+        disabled,
+        required,
+        placeholder,
         onChange: Change,
         onFocus: Focus,
         onBlur: Blur,
@@ -160,22 +161,22 @@ export var Input = function (_a) {
         onKeyUp: KeyUp,
         onKeyDown: KeyDown
     };
-    var component;
+    let 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) {
-                    var value = item[valueKey];
-                    var label = item[labelKey];
+        component = (_jsxs("select", { className: `${styles.input} ${styles.select}`, ...ortakProps, ...propsInput, children: [ilkSec === false && _jsx("option", { value: '' }), select.map((item) => {
+                    const value = item[valueKey];
+                    const label = item[labelKey];
                     return (_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 = _jsx("textarea", { className: `${styles.input} ${styles.textarea}`, rows: rows, ...ortakProps, ...propsInput });
     }
     else {
-        component = _jsx("input", __assign({ className: "".concat(styles.input), type: type }, ortakProps, propsInput));
+        component = _jsx("input", { className: `${styles.input}`, type: type, ...ortakProps, ...propsInput });
     }
-    var classList = function () {
-        var list = ['sInputComponent', styles.component];
+    const classList = () => {
+        const list = ['sInputComponent', styles.component];
         if (className)
             list.push(className);
         if (label) {
@@ -184,13 +185,13 @@ export var Input = function (_a) {
         // if (props.required && (value.length === 0 || !value)) list.push("error");
         return list.join(' ');
     };
-    useEffect(function () {
+    useEffect(() => {
         if (propsComponent && propsComponent.hasOwnProperty('style')) {
-            var background = propsComponent.style.background ? propsComponent.style.background : propsComponent.style.backgroundColor ? propsComponent.style.backgroundColor : null;
+            const background = propsComponent.style.background ? propsComponent.style.background : propsComponent.style.backgroundColor ? propsComponent.style.backgroundColor : null;
             if (background && refLabel.current) {
                 refLabel.current.style.setProperty('--label-bg', background);
             }
         }
     }, [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 (_jsxs("div", { ref: refMain, className: classList(), "data-disabled": disabled, ...propsComponent, children: [startAdornment && _jsx("div", { className: `adornment_start ${styles.adornment} ${styles.start}`, children: startAdornment }), _jsxs("div", { className: `${styles.inputBase} ${inputFilled || focus || type == 'date' ? styles.open : ''}`, children: [component, label && (_jsxs("div", { ref: refLabel, className: `label ${styles.label}`, children: [label, required && _jsx("span", { className: styles.required, children: "*" })] }))] }), (endAdornment || loading) && (_jsxs("div", { className: `adornment_end ${styles.adornment} ${styles.end}`, children: [endAdornment, loading && _jsx("div", { className: styles.loading })] }))] }));
 };

package/dist/esm/form/Label.js

@@ -1,9 +1,7 @@
-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 && '*' }) })] })));
+export const Label = memo(function FMemo({ required = false, children, ...other }) {
+    return (_jsxs("label", { className: styles.label, ...other, children: [children, _jsx(Tooltip, { title: 'Zorunlu Alan', children: _jsx("span", { className: styles.required, children: required && '*' }) })] }));
 });