@sydsoft/base 1.49.0 → 1.51.0

package/_dist/countDown/index.js

@@ -1,17 +1,21 @@
-import { useEffect, useRef, useState } from 'react';
-import React from 'react';
-import { useInterval } from '../_lib/useInterval';
-export const useCountDown = ({ autoStart = false, onComplete, getStatus, targetTime, timerType = 'countdown', countType = 'seconds', speed = 1000, hide }) => {
-    const refCountDownRender = useRef(null);
-    const [enabled, setEnabled] = useState(timerType === 'datetime' || autoStart);
-    const [timer, setTimer] = useState(0);
-    const [timerSpeed, setTimerSpeed] = useState(typeof speed === 'number' && speed > 0 ? speed : 1000);
-    useEffect(() => prepareTimer(targetTime), [targetTime]);
-    useEffect(() => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCountDown = void 0;
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const react_2 = tslib_1.__importDefault(require("react"));
+const useInterval_1 = require("../_lib/useInterval");
+const useCountDown = ({ autoStart = false, onComplete, getStatus, targetTime, timerType = 'countdown', countType = 'seconds', speed = 1000, hide }) => {
+    const refCountDownRender = (0, react_1.useRef)(null);
+    const [enabled, setEnabled] = (0, react_1.useState)(timerType === 'datetime' || autoStart);
+    const [timer, setTimer] = (0, react_1.useState)(0);
+    const [timerSpeed, setTimerSpeed] = (0, react_1.useState)(typeof speed === 'number' && speed > 0 ? speed : 1000);
+    (0, react_1.useEffect)(() => prepareTimer(targetTime), [targetTime]);
+    (0, react_1.useEffect)(() => {
         if (!hide)
             render();
     }, [timer]);
-    useInterval(() => {
+    (0, useInterval_1.useInterval)(() => {
         if (enabled) {
             if (timer <= 1) {
                 stopCountDown();
@@ -82,7 +86,7 @@ export const useCountDown = ({ autoStart = false, onComplete, getStatus, targetT
         }
     };
     return {
-        ComponentCountDown: (children) => (hide ? null : React.cloneElement(children, { ref: refCountDownRender })),
+        ComponentCountDown: (children) => (hide ? null : react_2.default.cloneElement(children, { ref: refCountDownRender })),
         startCountDown: () => setEnabled(true),
         stopCountDown: () => setEnabled(false),
         setTargetTime: (targetTime) => prepareTimer(targetTime),
@@ -90,3 +94,4 @@ export const useCountDown = ({ autoStart = false, onComplete, getStatus, targetT
         getChildrenRef: () => refCountDownRender.current || null
     };
 };
+exports.useCountDown = useCountDown;

package/_dist/dateTime/index.js

@@ -1,4 +1,6 @@
-export default class dateTime {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class dateTime {
     constructor(datetime = null, format = "y-m-d h:i:s") {
         this.resut_format = "y-m-d h:i:s";
         this.format(format);
@@ -68,3 +70,4 @@ export default class dateTime {
         return this.getResult();
     }
 }
+exports.default = dateTime;

package/_dist/form/Button.js

@@ -1,18 +1,22 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Dialog } from "./Dialog";
-import { memo, useCallback, useEffect, useState } from "react";
-import { Tooltip } from "../tooltip";
-import Link from "next/link";
-import styles from "./styles/Button.module.css";
-export const Button = memo(function MemoFunction({ children, component = "button", className, buttonClass = "default", buttonSize = "medium", style, type = "button", fullWidth = false, onlyIcon, onClick, href, target, tabIndex, title, titlePosition, titleArrow, dialog, autoFocus, ...other }) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Dialog_1 = require("./Dialog");
+const react_1 = require("react");
+const tooltip_1 = require("../tooltip");
+const link_1 = tslib_1.__importDefault(require("next/link"));
+const Button_module_css_1 = tslib_1.__importDefault(require("./styles/Button.module.css"));
+exports.Button = (0, react_1.memo)(function MemoFunction({ children, component = "button", className, buttonClass = "default", buttonSize = "medium", style, type = "button", fullWidth = false, onlyIcon, onClick, href, target, tabIndex, title, titlePosition, titleArrow, dialog, autoFocus, ...other }) {
     const Comp = component;
     const ripple = (e) => {
         const el = e.currentTarget;
         const circle = document.createElement("span");
         const diameter = Math.max(el.clientWidth, el.clientHeight);
         circle.style.width = circle.style.height = `${diameter}px`;
-        circle.classList.add(styles.ripple);
-        const ripple = el.getElementsByClassName(styles.ripple)[0];
+        circle.classList.add(Button_module_css_1.default.ripple);
+        const ripple = el.getElementsByClassName(Button_module_css_1.default.ripple)[0];
         if (ripple)
             ripple.remove();
         el.appendChild(circle);
@@ -20,7 +24,7 @@ export const Button = memo(function MemoFunction({ children, component = "button
     const handleClick = (e) => {
         ripple(e);
         if (dialog) {
-            Dialog(dialog).then((result) => {
+            (0, Dialog_1.Dialog)(dialog).then((result) => {
                 if (result && onClick) {
                     onClick(e);
                 }
@@ -31,20 +35,20 @@ export const Button = memo(function MemoFunction({ children, component = "button
                 onClick(e);
         }
     };
-    const createClassList = useCallback(() => {
-        const list = ["sbutton", styles.button];
+    const createClassList = (0, react_1.useCallback)(() => {
+        const list = ["sbutton", Button_module_css_1.default.button];
         if (buttonClass)
-            list.push(styles[buttonClass]);
+            list.push(Button_module_css_1.default[buttonClass]);
         if (className)
             list.push(className);
         if (onlyIcon)
-            list.push(styles.iconbutton);
+            list.push(Button_module_css_1.default.iconbutton);
         if (fullWidth)
-            list.push(styles.fullwidth);
+            list.push(Button_module_css_1.default.fullwidth);
         return list.join(" ");
     }, [buttonClass, className, onlyIcon, fullWidth]);
-    const [classList, setClassList] = useState(() => createClassList());
-    useEffect(() => {
+    const [classList, setClassList] = (0, react_1.useState)(() => createClassList());
+    (0, react_1.useEffect)(() => {
         const newClassList = createClassList().split(" ").filter(Boolean);
         if (href && typeof window !== "undefined" && window.location.pathname === href) {
             newClassList.push("active");
@@ -67,14 +71,14 @@ export const Button = memo(function MemoFunction({ children, component = "button
         }
         else {
             let checkHref = (other === null || other === void 0 ? void 0 : other.disabled) ? "#" : href;
-            renderComponent = (_jsx(Link, { href: checkHref, target: (other === null || other === void 0 ? void 0 : other.disabled) ? "_self" : target, children: _jsx(Comp, { ...ortakProps, children: onlyIcon ? onlyIcon : children }) }));
+            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, { ...ortakProps, children: onlyIcon ? onlyIcon : children }) }));
         }
     }
     else {
-        renderComponent = (_jsx(Comp, { type: type, ...ortakProps, children: onlyIcon ? onlyIcon : children }));
+        renderComponent = ((0, jsx_runtime_1.jsx)(Comp, { type: type, ...ortakProps, children: onlyIcon ? onlyIcon : children }));
     }
     if (title && renderComponent) {
-        return (_jsx(Tooltip, { title: title, position: titlePosition, arrow: titleArrow, children: 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

@@ -1,8 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import styles from "./styles/Input.module.css";
-export const Checkbox = ({ ref, children, name, label, checked, className, style, styleCheckbox, styleLabel, onToogle, disabled, tabIndex, required = false }) => {
-    const refMain = useRef(null);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Input_module_css_1 = tslib_1.__importDefault(require("./styles/Input.module.css"));
+const Checkbox = ({ ref, children, name, label, checked, className, style, styleCheckbox, styleLabel, onToogle, disabled, tabIndex, required = false }) => {
+    const refMain = (0, react_1.useRef)(null);
     // checked değerini boolean hâline getiriyoruz
     const isChecked = checked === "1" || checked === true;
     const handleChange = (newChecked) => {
@@ -18,5 +22,6 @@ export const Checkbox = ({ ref, children, name, label, checked, className, style
     const toggleCheck = () => {
         handleChange(!isChecked);
     };
-    return (_jsxs("div", { ref: refMain, className: `${styles.checkbox} ${className || ""}`, style: style, tabIndex: tabIndex, onClick: toggleCheck, children: [_jsx("input", { ref: ref, type: "checkbox", name: name, onChange: (e) => handleChange(e.target.checked), checked: isChecked, required: required, style: styleCheckbox, disabled: disabled }), label && _jsx("label", { style: styleLabel, children: label }), children && _jsx("div", { children: children })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: refMain, className: `${Input_module_css_1.default.checkbox} ${className || ""}`, style: style, tabIndex: tabIndex, onClick: toggleCheck, children: [(0, jsx_runtime_1.jsx)("input", { ref: ref, type: "checkbox", name: name, onChange: (e) => 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

@@ -1,9 +1,12 @@
-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 const Dialog = (config) => new Promise((resolve) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const box_1 = require("../box");
+const client_1 = require("react-dom/client");
+const modal_1 = require("../modal");
+const Button_1 = require("./Button");
+const Dialog = (config) => new Promise((resolve) => {
     if (typeof window === 'undefined')
         return false;
     let mainDiv = document.getElementById('sdialog');
@@ -13,7 +16,7 @@ export const Dialog = (config) => new Promise((resolve) => {
         document.body.appendChild(createDiv);
         mainDiv = createDiv;
     }
-    const root = createRoot(mainDiv);
+    const root = (0, client_1.createRoot)(mainDiv);
     const settings = {
         acceptButtonShow: true,
         cancelButtonShow: true,
@@ -48,6 +51,7 @@ export const Dialog = (config) => new Promise((resolve) => {
         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 }))] }))] }) }));
+    const 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

@@ -1,10 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from "react";
-export const Form = memo(function FunctionMemo({ encType = "multipart/form-data", onSubmit, style, disableOnEnterSubmit = false, ...other }) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+exports.Form = (0, react_1.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", { style: style, encType: encType, onSubmit: onSubmit, onKeyDown: onKeyDown, ...other });
+    return (0, jsx_runtime_1.jsx)("form", { style: style, encType: encType, onSubmit: onSubmit, onKeyDown: onKeyDown, ...other });
 });

package/_dist/form/FormOlustur.js

@@ -1,17 +1,21 @@
-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 const FormOlustur = memo(function FunctionMemo(props) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormOlustur = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const grid_1 = require("../grid");
+const baseFunctions_1 = require("../_lib/baseFunctions");
+const Label_1 = require("./Label");
+exports.FormOlustur = (0, react_1.memo)(function FunctionMemo(props) {
     const { form, formOgeler, onChange, formType, sabitGrid, justifyContent, rowSpacing, colSpacing } = props;
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (formOgeler && onChange && form) {
             formOgeler.forEach((formOgeler) => {
                 var _a, _b, _c, _d;
                 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');
+                    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: {
@@ -24,13 +28,13 @@ export const FormOlustur = memo(function FunctionMemo(props) {
             });
         }
     }, [JSON.stringify(form), formOgeler]);
-    const result = useMemo(() => {
+    const result = (0, react_1.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 });
+                return react_1.default.cloneElement(fullComponent, { key: i });
             let newProps = { ...propsComponent };
             if (onChange && component && !component.props.onChange) {
                 newProps = { ...newProps, onChange };
@@ -43,8 +47,8 @@ export const FormOlustur = memo(function FunctionMemo(props) {
             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));
+            return ((0, jsx_runtime_1.jsxs)(grid_1.Row, { justifyContent: justifyContent, rowSpacing: rowSpacing, colSpacing: colSpacing, ...propsRow, children: [formType === 'label' && detectLabel && ((0, jsx_runtime_1.jsx)(grid_1.Col, { ...gridLabel, children: (0, jsx_runtime_1.jsx)(Label_1.Label, { required: component.props.required, ...propsLabel, children: detectLabel }) })), (0, jsx_runtime_1.jsx)(grid_1.Col, { ...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/form/Input.js

@@ -1,41 +1,45 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+const tslib_1 = require("tslib");
+const 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 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 = {
+const react_1 = require("react");
+const baseFunctions_1 = require("../_lib/baseFunctions");
+const inputMask_1 = require("../_lib/inputMask");
+const alert_1 = require("../alert");
+const Dialog_1 = require("./Dialog");
+const Input_module_css_1 = tslib_1.__importDefault(require("./styles/Input.module.css"));
+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(() => {
+    const refMain = (0, react_1.useRef)(null);
+    const refInput = (0, react_1.useRef)(null);
+    const refLabel = (0, react_1.useRef)(null);
+    const [inputFilled, setInputFilled] = (0, react_1.useState)(value && value.toString().length > 0);
+    const [focus, setFocus] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
         if (inputRef)
             inputRef.current = refInput.current;
         if (componentRef)
             componentRef.current = refMain.current;
     }, [componentRef, inputRef]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         autoSelectText && !select && (refInput === null || refInput === void 0 ? void 0 : refInput.current) && refInput.current.select();
     }, [autoSelectText, select]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         var _a, _b;
         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));
+        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(() => {
+    (0, react_1.useEffect)(() => {
         // if (type === "number") sadeceSayi = true; //TODO: sadeceSayi burada değiştirelemez ki!!!
         if (select && ilkSec && (value === '' || value === null || value === undefined)) {
             if (select.length) {
@@ -44,13 +48,13 @@ export const Input = ({ componentRef, inputRef, className, propsComponent, props
             }
         }
     }, [select]);
-    useEffect(() => {
+    (0, react_1.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)) {
-            const maskInstance = applyInputMask(refInput.current, mask, {
+            const maskInstance = (0, inputMask_1.applyInputMask)(refInput.current, mask, {
                 ...maskSettings,
                 onChange: (masked, clean, e) => {
                     if (onChange) {
@@ -65,40 +69,40 @@ export const Input = ({ componentRef, inputRef, className, propsComponent, props
             return () => maskInstance === null || maskInstance === void 0 ? void 0 : maskInstance.destroy();
         }
     }, [mask]);
-    const Change = useCallback((e) => {
+    const Change = (0, react_1.useCallback)((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]);
-    const Focus = useCallback((e) => {
+    const Focus = (0, react_1.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);
+        (_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]);
-    const Blur = useCallback((e) => {
+    const Blur = (0, react_1.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, '-');
             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 !== '') {
             const 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((r) => {
                     if (!r) {
@@ -112,10 +116,10 @@ export const Input = ({ componentRef, inputRef, className, propsComponent, props
         }
         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) {
@@ -124,8 +128,8 @@ export const Input = ({ componentRef, inputRef, className, propsComponent, props
         onBlur ? onBlur(e) : null;
         setFocus(false);
     }, [fileNameGiris, dosyaNoGiris, dateGecmisKontrol, required, value, onBlur, onChange, name]);
-    const Click = useCallback((e) => (onClick ? onClick(e) : null), [onClick]);
-    const KeyPress = useCallback((e) => {
+    const Click = (0, react_1.useCallback)((e) => (onClick ? onClick(e) : null), [onClick]);
+    const KeyPress = (0, react_1.useCallback)((e) => {
         if (sadeceYazi) {
             const turkishLetters = /[ğüşıöçĞÜŞİÖÇ]/;
             if (!(/[A-Za-z\s.]/.test(e.key) || turkishLetters.test(e.key))) {
@@ -140,8 +144,8 @@ export const Input = ({ componentRef, inputRef, className, propsComponent, props
         }
         onKeyPress ? onKeyPress(e) : null;
     }, [sadeceYazi, sadeceSayi, dosyaNoGiris, onKeyPress]);
-    const KeyUp = useCallback((e) => (onKeyUp ? onKeyUp(e) : null), [onKeyUp]);
-    const KeyDown = useCallback((e) => {
+    const KeyUp = (0, react_1.useCallback)((e) => (onKeyUp ? onKeyUp(e) : null), [onKeyUp]);
+    const KeyDown = (0, react_1.useCallback)((e) => {
         onKeyDown ? onKeyDown(e) : null;
     }, [onKeyDown]);
     const ortakProps = {
@@ -163,29 +167,29 @@ export const Input = ({ componentRef, inputRef, className, propsComponent, props
     };
     let component;
     if (select) {
-        component = (_jsxs("select", { className: `${styles.input} ${styles.select}`, ...ortakProps, ...propsInput, children: [ilkSec === false && _jsx("option", { value: '' }), select.map((item) => {
+        component = ((0, jsx_runtime_1.jsxs)("select", { className: `${Input_module_css_1.default.input} ${Input_module_css_1.default.select}`, ...ortakProps, ...propsInput, children: [ilkSec === false && (0, jsx_runtime_1.jsx)("option", { value: '' }), select.map((item) => {
                     const value = item[valueKey];
                     const 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", { className: `${styles.input} ${styles.textarea}`, rows: rows, ...ortakProps, ...propsInput });
+        component = (0, jsx_runtime_1.jsx)("textarea", { className: `${Input_module_css_1.default.input} ${Input_module_css_1.default.textarea}`, rows: rows, ...ortakProps, ...propsInput });
     }
     else {
-        component = _jsx("input", { className: `${styles.input}`, type: type, ...ortakProps, ...propsInput });
+        component = (0, jsx_runtime_1.jsx)("input", { className: `${Input_module_css_1.default.input}`, type: type, ...ortakProps, ...propsInput });
     }
     const classList = () => {
-        const list = ['sInputComponent', styles.component];
+        const 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(() => {
+    (0, react_1.useEffect)(() => {
         if (propsComponent && propsComponent.hasOwnProperty('style')) {
             const background = propsComponent.style.background ? propsComponent.style.background : propsComponent.style.backgroundColor ? propsComponent.style.backgroundColor : null;
             if (background && refLabel.current) {
@@ -193,5 +197,6 @@ export const Input = ({ componentRef, inputRef, className, propsComponent, props
             }
         }
     }, [propsComponent]);
-    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 })] }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: refMain, className: classList(), "data-disabled": disabled, ...propsComponent, children: [startAdornment && (0, jsx_runtime_1.jsx)("div", { className: `adornment_start ${Input_module_css_1.default.adornment} ${Input_module_css_1.default.start}`, children: startAdornment }), (0, jsx_runtime_1.jsxs)("div", { className: `${Input_module_css_1.default.inputBase} ${inputFilled || focus || type == 'date' ? Input_module_css_1.default.open : ''}`, children: [component, label && ((0, jsx_runtime_1.jsxs)("div", { ref: refLabel, className: `label ${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 ${Input_module_css_1.default.adornment} ${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

@@ -1,7 +1,11 @@
-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 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 && '*' }) })] }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Label = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const tooltip_1 = require("../tooltip");
+const Label_module_css_1 = tslib_1.__importDefault(require("./styles/Label.module.css"));
+exports.Label = (0, react_1.memo)(function FMemo({ required = false, children, ...other }) {
+    return ((0, jsx_runtime_1.jsxs)("label", { 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 && '*' }) })] }));
 });