@sydsoft/base 1.44.0 → 1.48.0

package/dist/esm/_lib/storage/sessionStorage.js

@@ -1,7 +1,7 @@
 import { decData, encData } from "./encData";
 import { isDev } from "../baseFunctions";
-var storageAvailable = typeof Storage === "undefined" || !window.sessionStorage ? false : true;
-export var setSessionStorage = function (key, value) {
+const storageAvailable = typeof Storage === "undefined" || !window.sessionStorage ? false : true;
+export const setSessionStorage = (key, value) => {
     if (!storageAvailable)
         return false;
     try {
@@ -13,11 +13,11 @@ export var setSessionStorage = function (key, value) {
         return false;
     }
 };
-export var getSessionStorage = function (key) {
+export const getSessionStorage = (key) => {
     if (!storageAvailable)
         return false;
     try {
-        var saved = sessionStorage.getItem(key);
+        const saved = sessionStorage.getItem(key);
         return saved ? decData(saved) : null;
     }
     catch (e) {
@@ -25,7 +25,7 @@ export var getSessionStorage = function (key) {
         return null;
     }
 };
-export var removeSessionStorage = function (key) {
+export const removeSessionStorage = (key) => {
     if (!storageAvailable)
         return false;
     try {
@@ -37,7 +37,7 @@ export var removeSessionStorage = function (key) {
         return false;
     }
 };
-export var clearSessionStorage = function () {
+export const clearSessionStorage = () => {
     if (!storageAvailable)
         return false;
     try {
@@ -50,17 +50,17 @@ export var clearSessionStorage = function () {
     }
 };
 // Tüm SessionStorage anahtarlarını getir
-export var getSessionStorageAllKeys = function () {
+export const getSessionStorageAllKeys = () => {
     if (!storageAvailable)
         return [];
     return Object.keys(sessionStorage);
 };
 // Tüm SessionStorage boyutunu getir
-export var getSessionStorageSize = function () {
+export const getSessionStorageSize = () => {
     if (!storageAvailable)
         return 0;
-    var total = 0;
-    for (var key in sessionStorage) {
+    let total = 0;
+    for (const key in sessionStorage) {
         if (sessionStorage.hasOwnProperty(key)) {
             total += sessionStorage[key].length + key.length;
         }

package/dist/esm/_lib/useInterval.js

@@ -6,19 +6,19 @@
 // source: https://overreacted.io/making-setinterval-declarative-with-react-hooks/
 import { useEffect, useRef } from "react";
 export function useInterval(callback, delay) {
-    var savedCallback = useRef(null);
+    const savedCallback = useRef(null);
     // Remember the latest callback.
-    useEffect(function () {
+    useEffect(() => {
         savedCallback.current = callback;
     }, [callback]);
     // Set up the interval.
-    useEffect(function () {
+    useEffect(() => {
         function tick() {
             savedCallback && savedCallback.current && savedCallback.current();
         }
         if (delay !== null) {
-            var id_1 = setInterval(tick, delay);
-            return function () { return clearInterval(id_1); };
+            const id = setInterval(tick, delay);
+            return () => clearInterval(id);
         }
     }, [delay]);
 }

package/dist/esm/alert/index.js

@@ -2,21 +2,20 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { createRoot } from "react-dom/client";
 import styles from "./index.module.css";
-var sAlertTimeout = [];
-export var Alert = function (_a) {
-    var _b = _a.defaultTimer, defaultTimer = _b === void 0 ? "5000" : _b, _c = _a.defaultErrorTimer, defaultErrorTimer = _c === void 0 ? "10000" : _c, _d = _a.defaultSuccessTimer, defaultSuccessTimer = _d === void 0 ? "5000" : _d;
-    useEffect(function () {
+const sAlertTimeout = [];
+export const Alert = ({ defaultTimer = "5000", defaultErrorTimer = "10000", defaultSuccessTimer = "5000" }) => {
+    useEffect(() => {
         if (typeof window === "undefined")
             return;
-        var divCheck = document.getElementById("salert");
+        const divCheck = document.getElementById("salert");
         if (!divCheck) {
             // let div = document.createElement('div') as HTMLDivElement
-            var div = document.createElement("div");
+            const div = document.createElement("div");
             div.setAttribute("id", "salert");
             div.setAttribute("defaultTimer", defaultTimer);
             div.setAttribute("defaultErrorTimer", defaultErrorTimer);
             div.setAttribute("defaultSuccessTimer", defaultSuccessTimer);
-            var alertStyle = [
+            const alertStyle = [
                 "position: fixed",
                 "bottom: 0",
                 "right: 0",
@@ -34,27 +33,26 @@ export var Alert = function (_a) {
     }, []);
     return null;
 };
-export var alert_add = function (_a) {
-    var _b, _c, _d;
-    var type = _a.type, message = _a.message, style = _a.style, timer = _a.timer;
+export const alert_add = ({ type, message, style, timer }) => {
+    var _a, _b, _c;
     if (typeof window === "undefined")
         return false;
-    var mainDiv = document.getElementById("salert");
+    const mainDiv = document.getElementById("salert");
     if (mainDiv) {
-        var alert_1 = document.createElement("div");
-        mainDiv.prepend(alert_1);
-        var onClose_1 = function () {
-            if (mainDiv && alert_1 && mainDiv.contains(alert_1))
-                mainDiv.removeChild(alert_1);
+        const alert = document.createElement("div");
+        mainDiv.prepend(alert);
+        const onClose = () => {
+            if (mainDiv && alert && mainDiv.contains(alert))
+                mainDiv.removeChild(alert);
         };
-        var root = createRoot(alert_1);
-        var Component = (_jsxs("div", { className: "".concat(styles.salert, " ").concat(styles[type]), style: style, children: [_jsx("div", { className: styles.message, dangerouslySetInnerHTML: { __html: message } }), _jsx("div", { className: styles.close, onClick: onClose_1, children: "\u2715" })] }));
+        const root = createRoot(alert);
+        const Component = (_jsxs("div", { className: `${styles.salert} ${styles[type]}`, style: style, children: [_jsx("div", { className: styles.message, dangerouslySetInnerHTML: { __html: message } }), _jsx("div", { className: styles.close, onClick: onClose, children: "\u2715" })] }));
         root.render(Component);
-        var defaultTimer = (_b = mainDiv.getAttribute("defaulttimer")) !== null && _b !== void 0 ? _b : "5000";
-        var defaultErrorTimer = (_c = mainDiv.getAttribute("defaulterrortimer")) !== null && _c !== void 0 ? _c : "10000";
-        var defaultSuccessTimer = (_d = mainDiv.getAttribute("defaultsuccesstimer")) !== null && _d !== void 0 ? _d : "5000";
-        var timerFilled = typeof timer === "number" && timer > 0;
-        var newTimer = timerFilled ? timer : defaultTimer;
+        const defaultTimer = (_a = mainDiv.getAttribute("defaulttimer")) !== null && _a !== void 0 ? _a : "5000";
+        const defaultErrorTimer = (_b = mainDiv.getAttribute("defaulterrortimer")) !== null && _b !== void 0 ? _b : "10000";
+        const defaultSuccessTimer = (_c = mainDiv.getAttribute("defaultsuccesstimer")) !== null && _c !== void 0 ? _c : "5000";
+        const timerFilled = typeof timer === "number" && timer > 0;
+        let newTimer = timerFilled ? timer : defaultTimer;
         switch (type) {
             case "error":
                 newTimer = timerFilled ? timer : defaultErrorTimer;
@@ -69,27 +67,27 @@ export var alert_add = function (_a) {
         if (typeof timer !== "boolean") {
             // False gelmişse sabit kalsın
             if (newTimer > 0) {
-                var timeout = setTimeout(function () { return onClose_1(); }, newTimer);
+                const timeout = setTimeout(() => onClose(), newTimer);
                 sAlertTimeout.push(timeout);
             }
         }
-        return alert_1;
+        return alert;
     }
     return null;
 };
-export var alert_remove = function (alert) {
+export const alert_remove = (alert) => {
     if (typeof window === "undefined" || !alert)
         return;
-    var mainDiv = document.getElementById("salert");
+    const mainDiv = document.getElementById("salert");
     if (mainDiv && alert && mainDiv.contains(alert))
         mainDiv.removeChild(alert);
     return;
 };
-export var alert_clear = function () {
+export const alert_clear = () => {
     if (typeof window === "undefined")
         return false;
-    sAlertTimeout.map(function (id) { return clearTimeout(id); });
-    var mainDiv = document.getElementById("salert");
+    sAlertTimeout.map((id) => clearTimeout(id));
+    const mainDiv = document.getElementById("salert");
     if (mainDiv)
         mainDiv.innerHTML = "";
     return true;

package/dist/esm/box/Box.js

@@ -1,15 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useEffect, useRef, useState } from "react";
 import styles from "./Box.module.css";
-export var Box = memo(function MemoFunction(_a) {
-    var children = _a.children, className = _a.className, style = _a.style, _b = _a.loading, loading = _b === void 0 ? false : _b;
-    var boxRef = useRef(null);
-    var _c = useState(false), hasContent = _c[0], setHasContent = _c[1];
-    useEffect(function () {
+export const Box = memo(function MemoFunction({ children, className, style, loading = false }) {
+    const boxRef = useRef(null);
+    const [hasContent, setHasContent] = useState(false);
+    useEffect(() => {
         if (!boxRef.current)
             return;
-        var found = boxRef.current.querySelector(".sbox_content");
+        const found = boxRef.current.querySelector(".sbox_content");
         setHasContent(!!found);
     }, [children]);
-    return (_jsxs("div", { ref: boxRef, className: "sbox ".concat(styles.sbox, " ").concat(className || ""), style: style, children: [(hasContent && children) || _jsx("div", { className: styles.content, children: children }), loading && (_jsx("div", { className: styles.loading, children: _jsx("div", { className: styles.loading_spinner }) }))] }));
+    return (_jsxs("div", { ref: boxRef, className: `sbox ${styles.sbox} ${className || ""}`, style: style, children: [(hasContent && children) || _jsx("div", { className: styles.content, children: children }), loading && (_jsx("div", { className: styles.loading, children: _jsx("div", { className: styles.loading_spinner }) }))] }));
 });

package/dist/esm/box/BoxContent.js

@@ -1,7 +1,5 @@
-import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import styles from "./Box.module.css";
-export var BoxContent = function (_a) {
-    var className = _a.className, style = _a.style, padding = _a.padding, children = _a.children;
-    return (_jsx("div", { className: "".concat(styles.content, " sbox_content ").concat(className || ""), style: __assign(__assign({}, style), { padding: padding }), children: children }));
+export const BoxContent = ({ className, style, padding, children }) => {
+    return (_jsx("div", { className: `${styles.content} sbox_content ${className || ""}`, style: { ...style, padding }, children: children }));
 };

package/dist/esm/box/BoxFooter.js

@@ -1,8 +1,10 @@
-import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from "react";
 import styles from "./Box.module.css";
-export var BoxFooter = memo(function FunctionMemo(_a) {
-    var children = _a.children, className = _a.className, style = _a.style, align = _a.align, marginTop = _a.marginTop;
-    return (_jsx("div", { className: "sbox_footer ".concat(styles.footer, " ").concat(className || ""), style: __assign({ marginTop: marginTop, justifyContent: align }, style), children: children }));
+export const BoxFooter = memo(function FunctionMemo({ children, className, style, align, marginTop }) {
+    return (_jsx("div", { className: `sbox_footer ${styles.footer} ${className || ""}`, style: {
+            marginTop,
+            justifyContent: align,
+            ...style
+        }, children: children }));
 });

package/dist/esm/box/BoxHeader.js

@@ -1,9 +1,10 @@
-import { __assign } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
 import styles from './Box.module.css';
-export var BoxHeader = memo(function FunctionMemo(_a) {
-    var children = _a.children, className = _a.className, title = _a.title, icon = _a.icon, menu = _a.menu, mainStyle = _a.mainStyle, iconStyle = _a.iconStyle, titleStyle = _a.titleStyle, menuStyle = _a.menuStyle, marginBottom = _a.marginBottom, _b = _a.component, component = _b === void 0 ? 'div' : _b;
-    var Comp = component;
-    return (_jsxs("div", { className: "sbox_header ".concat(styles.header, " ").concat(className || ''), style: __assign({ marginBottom: marginBottom }, mainStyle), children: [icon && (_jsx("div", { className: styles.icon, style: iconStyle, children: icon })), _jsx(Comp, { className: "sbox_title ".concat(styles.title), style: titleStyle, children: children || title }), menu && (_jsx("div", { className: styles.menu, style: menuStyle, children: menu }))] }));
+export const BoxHeader = memo(function FunctionMemo({ children, className, title, icon, menu, mainStyle, iconStyle, titleStyle, menuStyle, marginBottom, component = 'div' }) {
+    const Comp = component;
+    return (_jsxs("div", { className: `sbox_header ${styles.header} ${className || ''}`, style: {
+            marginBottom,
+            ...mainStyle
+        }, children: [icon && (_jsx("div", { className: styles.icon, style: iconStyle, children: icon })), _jsx(Comp, { className: `sbox_title ${styles.title}`, style: titleStyle, children: children || title }), menu && (_jsx("div", { className: styles.menu, style: menuStyle, children: menu }))] }));
 });

package/dist/esm/countDown/index.js

@@ -1,18 +1,17 @@
 import { useEffect, useRef, useState } from 'react';
 import React from 'react';
 import { useInterval } from '../_lib/useInterval';
-export var useCountDown = function (_a) {
-    var _b = _a.autoStart, autoStart = _b === void 0 ? false : _b, onComplete = _a.onComplete, getStatus = _a.getStatus, targetTime = _a.targetTime, _c = _a.timerType, timerType = _c === void 0 ? 'countdown' : _c, _d = _a.countType, countType = _d === void 0 ? 'seconds' : _d, _e = _a.speed, speed = _e === void 0 ? 1000 : _e, hide = _a.hide;
-    var refCountDownRender = useRef(null);
-    var _f = useState(timerType === 'datetime' || autoStart), enabled = _f[0], setEnabled = _f[1];
-    var _g = useState(0), timer = _g[0], setTimer = _g[1];
-    var _h = useState(typeof speed === 'number' && speed > 0 ? speed : 1000), timerSpeed = _h[0], setTimerSpeed = _h[1];
-    useEffect(function () { return prepareTimer(targetTime); }, [targetTime]);
-    useEffect(function () {
+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(() => {
         if (!hide)
             render();
     }, [timer]);
-    useInterval(function () {
+    useInterval(() => {
         if (enabled) {
             if (timer <= 1) {
                 stopCountDown();
@@ -22,7 +21,7 @@ export var useCountDown = function (_a) {
             }
         }
     }, enabled ? timerSpeed : null);
-    var prepareTimer = function (timeORstring) {
+    const prepareTimer = (timeORstring) => {
         if (timerType === 'datetime') {
             setTimer(Math.floor((new Date(timeORstring).getTime() - new Date().getTime()) / 1000));
             setEnabled(true);
@@ -31,20 +30,16 @@ export var useCountDown = function (_a) {
             setTimer(timeORstring);
         }
     };
-    var stopCountDown = function () {
+    const stopCountDown = () => {
         setTimer(0);
         setEnabled(false);
         if ((enabled && onComplete) || (timerType === 'datetime' && onComplete)) {
             onComplete();
         }
     };
-    var padNumber = function (num, padLength, padString) {
-        if (padLength === void 0) { padLength = 2; }
-        if (padString === void 0) { padString = '0'; }
-        return (typeof targetTime === 'number' && targetTime < 10 ? num : String(num).padStart(padLength, padString));
-    };
-    var render = function () {
-        var days = 0, hours = 0, minutes = 0, seconds = timer;
+    const padNumber = (num, padLength = 2, padString = '0') => (typeof targetTime === 'number' && targetTime < 10 ? num : String(num).padStart(padLength, padString));
+    const render = () => {
+        let days = 0, hours = 0, minutes = 0, seconds = timer;
         if (countType === 'minutes:seconds') {
             minutes = Math.floor(seconds / 60);
             seconds -= minutes * 60;
@@ -65,33 +60,33 @@ export var useCountDown = function (_a) {
         }
         seconds = Math.floor(seconds);
         if (getStatus && timer > 0)
-            getStatus({ days: days, hours: hours, minutes: minutes, seconds: seconds, timer: timer });
+            getStatus({ days, hours, minutes, seconds, timer });
         if (refCountDownRender.current) {
-            var getPadValues = function (div) {
-                var length = div.dataset.padlength || 2;
-                var string = div.dataset.padstring || '0';
-                return { length: length, string: string };
+            const getPadValues = (div) => {
+                const length = div.dataset.padlength || 2;
+                const string = div.dataset.padstring || '0';
+                return { length, string };
             };
-            var divGun = refCountDownRender.current.querySelector("[data-name='days']");
+            const divGun = refCountDownRender.current.querySelector("[data-name='days']");
             if (divGun)
                 divGun.innerHTML = padNumber(days, getPadValues(divGun).length, getPadValues(divGun).string).toString();
-            var divSaat = refCountDownRender.current.querySelector("[data-name='hours']");
+            const divSaat = refCountDownRender.current.querySelector("[data-name='hours']");
             if (divSaat)
                 divSaat.innerHTML = padNumber(hours, getPadValues(divSaat).length, getPadValues(divSaat).string).toString();
-            var divDakika = refCountDownRender.current.querySelector("[data-name='minutes']");
+            const divDakika = refCountDownRender.current.querySelector("[data-name='minutes']");
             if (divDakika)
                 divDakika.innerHTML = padNumber(minutes, getPadValues(divDakika).length, getPadValues(divDakika).string).toString();
-            var divSaniye = refCountDownRender.current.querySelector("[data-name='seconds']");
+            const divSaniye = refCountDownRender.current.querySelector("[data-name='seconds']");
             if (divSaniye)
                 divSaniye.innerHTML = padNumber(seconds, getPadValues(divSaniye).length, getPadValues(divSaniye).string).toString();
         }
     };
     return {
-        ComponentCountDown: function (children) { return (hide ? null : React.cloneElement(children, { ref: refCountDownRender })); },
-        startCountDown: function () { return setEnabled(true); },
-        stopCountDown: function () { return setEnabled(false); },
-        setTargetTime: function (targetTime) { return prepareTimer(targetTime); },
-        setTimerSpeed: function (timerSpeed) { return setTimerSpeed(timerSpeed); },
-        getChildrenRef: function () { return refCountDownRender.current || null; }
+        ComponentCountDown: (children) => (hide ? null : React.cloneElement(children, { ref: refCountDownRender })),
+        startCountDown: () => setEnabled(true),
+        stopCountDown: () => setEnabled(false),
+        setTargetTime: (targetTime) => prepareTimer(targetTime),
+        setTimerSpeed: (timerSpeed) => setTimerSpeed(timerSpeed),
+        getChildrenRef: () => refCountDownRender.current || null
     };
 };

package/dist/esm/dateTime/index.js

@@ -1,22 +1,20 @@
-var dateTime = /** @class */ (function () {
-    function dateTime(datetime, format) {
-        if (datetime === void 0) { datetime = null; }
-        if (format === void 0) { format = "y-m-d h:i:s"; }
+export default class dateTime {
+    constructor(datetime = null, format = "y-m-d h:i:s") {
         this.resut_format = "y-m-d h:i:s";
         this.format(format);
         this.datetime = datetime !== "0000-00-00 00:00:00" && datetime !== "0000-00-00" && datetime ? datetime : new Date().toISOString(); // GMT ekli halde
         return this;
     }
-    dateTime.prototype.addDays = function (days) {
-        var datetime = new Date(this.datetime);
+    addDays(days) {
+        const datetime = new Date(this.datetime);
         datetime.setDate(datetime.getDate() + days);
         this.datetime = datetime.toISOString();
         return this;
-    };
-    dateTime.prototype.parse = function () {
-        var datetime = new Date(this.datetime);
-        var monthNames = ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"];
-        var dayNames = ["Pazar", "Pazartesi", "Salı", "Çarşamba", "Perşembe", "Cuma", "Cumartesi"];
+    }
+    parse() {
+        const datetime = new Date(this.datetime);
+        const monthNames = ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"];
+        const dayNames = ["Pazar", "Pazartesi", "Salı", "Çarşamba", "Perşembe", "Cuma", "Cumartesi"];
         return {
             y: datetime.getFullYear().toString(),
             m: (datetime.getMonth() + 1).toString().padStart(2, "0"),
@@ -30,10 +28,10 @@ var dateTime = /** @class */ (function () {
             TAMAY: monthNames[datetime.getMonth()],
             TAMGUN: dayNames[datetime.getDay()]
         };
-    };
-    dateTime.prototype.getResult = function () {
-        var parse = this.parse();
-        var result = this.resut_format;
+    }
+    getResult() {
+        const parse = this.parse();
+        let result = this.resut_format;
         result = result.replace(new RegExp("y", "g"), parse.y.toString());
         result = result.replace(new RegExp("m", "g"), parse.m.toString());
         result = result.replace(new RegExp("d", "g"), parse.d.toString());
@@ -45,24 +43,22 @@ var dateTime = /** @class */ (function () {
         result = result.replace(new RegExp("TAMAY", "g"), parse.TAMAY.toString());
         result = result.replace(new RegExp("TAMGUN", "g"), parse.TAMGUN.toString());
         return result;
-    };
-    dateTime.prototype.format = function (format) {
-        if (format === void 0) { format = "y-m-d h:i:s"; }
+    }
+    format(format = "y-m-d h:i:s") {
         this.resut_format = format;
         return this;
-    };
-    dateTime.prototype.today = function () {
+    }
+    today() {
         this.datetime = new Date().toISOString();
         this.format("y-m-d");
         return this.getResult();
-    };
-    dateTime.prototype.getTime = function () {
-        var convertDateTime = new dateTime(this.datetime).format("y-m-d h:i:s").getResult();
-        var datetime = new Date(convertDateTime);
+    }
+    getTime() {
+        const convertDateTime = new dateTime(this.datetime).format("y-m-d h:i:s").getResult();
+        const datetime = new Date(convertDateTime);
         return datetime.getTime();
-    };
-    dateTime.prototype.nextMonthFirstDay = function (format) {
-        if (format === void 0) { format = "y-m-d"; }
+    }
+    nextMonthFirstDay(format = "y-m-d") {
         // Verilen tarihin bir sonraki ayının ilk gününü bul
         this.datetime = new Date(this.datetime);
         this.datetime.setMonth(this.datetime.getMonth() + 1);
@@ -70,7 +66,5 @@ var dateTime = /** @class */ (function () {
         this.datetime = this.datetime.toISOString();
         this.format(format);
         return this.getResult();
-    };
-    return dateTime;
-}());
-export default dateTime;
+    }
+}

package/dist/esm/form/Button.js

@@ -1,28 +1,26 @@
-import { __assign, __rest } from "tslib";
 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 var Button = memo(function MemoFunction(_a) {
-    var children = _a.children, _b = _a.component, component = _b === void 0 ? "button" : _b, className = _a.className, _c = _a.buttonClass, buttonClass = _c === void 0 ? "default" : _c, _d = _a.buttonSize, buttonSize = _d === void 0 ? "medium" : _d, style = _a.style, _e = _a.type, type = _e === void 0 ? "button" : _e, _f = _a.fullWidth, fullWidth = _f === void 0 ? false : _f, onlyIcon = _a.onlyIcon, onClick = _a.onClick, href = _a.href, target = _a.target, tabIndex = _a.tabIndex, title = _a.title, titlePosition = _a.titlePosition, titleArrow = _a.titleArrow, dialog = _a.dialog, autoFocus = _a.autoFocus, other = __rest(_a, ["children", "component", "className", "buttonClass", "buttonSize", "style", "type", "fullWidth", "onlyIcon", "onClick", "href", "target", "tabIndex", "title", "titlePosition", "titleArrow", "dialog", "autoFocus"]);
-    var Comp = component;
-    var ripple = function (e) {
-        var el = e.currentTarget;
-        var circle = document.createElement("span");
-        var diameter = Math.max(el.clientWidth, el.clientHeight);
-        circle.style.width = circle.style.height = "".concat(diameter, "px");
+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 }) {
+    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);
-        var ripple = el.getElementsByClassName(styles.ripple)[0];
+        const ripple = el.getElementsByClassName(styles.ripple)[0];
         if (ripple)
             ripple.remove();
         el.appendChild(circle);
     };
-    var handleClick = function (e) {
+    const handleClick = (e) => {
         ripple(e);
         if (dialog) {
-            Dialog(dialog).then(function (result) {
+            Dialog(dialog).then((result) => {
                 if (result && onClick) {
                     onClick(e);
                 }
@@ -33,8 +31,8 @@ export var Button = memo(function MemoFunction(_a) {
                 onClick(e);
         }
     };
-    var createClassList = useCallback(function () {
-        var list = ["sbutton", styles.button];
+    const createClassList = useCallback(() => {
+        const list = ["sbutton", styles.button];
         if (buttonClass)
             list.push(styles[buttonClass]);
         if (className)
@@ -45,27 +43,35 @@ export var Button = memo(function MemoFunction(_a) {
             list.push(styles.fullwidth);
         return list.join(" ");
     }, [buttonClass, className, onlyIcon, fullWidth]);
-    var _g = useState(function () { return createClassList(); }), classList = _g[0], setClassList = _g[1];
-    useEffect(function () {
-        var newClassList = createClassList().split(" ").filter(Boolean);
+    const [classList, setClassList] = useState(() => createClassList());
+    useEffect(() => {
+        const newClassList = createClassList().split(" ").filter(Boolean);
         if (href && typeof window !== "undefined" && window.location.pathname === href) {
             newClassList.push("active");
         }
         setClassList(newClassList.join(" "));
     }, [href, createClassList]);
-    var ortakProps = __assign({ className: classList, style: style, onClick: handleClick, tabIndex: tabIndex, autoFocus: autoFocus, "data-button-size": (!onlyIcon) ? buttonSize : null }, other);
-    var renderComponent;
+    let ortakProps = {
+        className: classList,
+        style,
+        onClick: handleClick,
+        tabIndex,
+        autoFocus,
+        "data-button-size": (!onlyIcon) ? buttonSize : null,
+        ...other
+    };
+    let renderComponent;
     if (href !== undefined) {
         if (other === null || other === void 0 ? void 0 : other.hidden) {
             renderComponent = null;
         }
         else {
-            var checkHref = (other === null || other === void 0 ? void 0 : other.disabled) ? "#" : href;
-            renderComponent = (_jsx(Link, { href: checkHref, target: (other === null || other === void 0 ? void 0 : other.disabled) ? "_self" : target, children: _jsx(Comp, __assign({}, ortakProps, { children: onlyIcon ? onlyIcon : children })) }));
+            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 }) }));
         }
     }
     else {
-        renderComponent = (_jsx(Comp, __assign({ type: type }, ortakProps, { children: onlyIcon ? onlyIcon : children })));
+        renderComponent = (_jsx(Comp, { type: type, ...ortakProps, children: onlyIcon ? onlyIcon : children }));
     }
     if (title && renderComponent) {
         return (_jsx(Tooltip, { title: title, position: titlePosition, arrow: titleArrow, children: renderComponent }));

package/dist/esm/form/Checkbox.js

@@ -1,23 +1,22 @@
 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);
+export const Checkbox = ({ ref, children, name, label, checked, className, style, styleCheckbox, styleLabel, onToogle, disabled, tabIndex, required = false }) => {
+    const refMain = useRef(null);
     // checked değerini boolean hâline getiriyoruz
-    var isChecked = checked === "1" || checked === true;
-    var handleChange = function (newChecked) {
+    const isChecked = checked === "1" || checked === true;
+    const handleChange = (newChecked) => {
         if (disabled)
             return;
         onToogle === null || onToogle === void 0 ? void 0 : onToogle({
             target: {
-                name: name,
+                name,
                 value: newChecked ? "1" : "0"
             }
         });
     };
-    var toggleCheck = function () {
+    const toggleCheck = () => {
         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 })] }));
+    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 })] }));
 };

package/dist/esm/form/Dialog.d.ts

@@ -1,19 +1,20 @@
-import React, { ReactNode } from "react";
+import React, { ReactNode } from 'react';
 export type propsDialog = {
     message: any;
     acceptButtonShow?: boolean;
     cancelButtonShow?: boolean;
     acceptButtonText?: string | ReactNode;
     cancelButtonText?: string | ReactNode;
-    acceptButtonClass?: "default" | "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark" | "link";
-    cancelButtonClass?: "default" | "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark" | "link";
-    vertialAlign?: "flex-start" | "center" | "flex-end";
-    horizontalAlign?: "flex-start" | "center" | "flex-end";
+    acceptButtonClass?: 'default' | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    cancelButtonClass?: 'default' | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    vertialAlign?: 'flex-start' | 'center' | 'flex-end';
+    horizontalAlign?: 'flex-start' | 'center' | 'flex-end';
     hideBackdrop?: boolean;
     hideEsc?: boolean;
     styleMessage?: React.CSSProperties;
     styleBox?: React.CSSProperties;
     styleBoxFooter?: React.CSSProperties;
-    autoFocus?: "accept" | "cancel";
+    autoFocus?: 'accept' | 'cancel';
+    backdropStyle?: React.CSSProperties;
 };
 export declare const Dialog: (config: propsDialog) => Promise<unknown>;