@sydsoft/base 1.53.0 → 1.56.0

package/{_dist → dist/esm}/_lib/baseFunctions.js

@@ -1,25 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.uniqueID = exports.convertForSearch = exports.convertLowerCase = exports.padNumber = exports.sleep = exports.isServerReq = exports.isDev = void 0;
-exports.inputTumuBuyukCevir = inputTumuBuyukCevir;
-exports.inputTumuKucukCevir = inputTumuKucukCevir;
-exports.convertForSEO = convertForSEO;
-exports.getDomain = getDomain;
-exports.isDev = !process.env.NODE_ENV || process.env.NODE_ENV === 'development';
-var isServerReq = function (context) { var _a, _b; return !((_b = (_a = context === null || context === void 0 ? void 0 : context.req) === null || _a === void 0 ? void 0 : _a.url) === null || _b === void 0 ? void 0 : _b.startsWith('/_next')); };
-exports.isServerReq = isServerReq;
-var sleep = function (ms) {
+export var isDev = !process.env.NODE_ENV || process.env.NODE_ENV === 'development';
+export var isServerReq = function (context) { var _a, _b; return !((_b = (_a = context === null || context === void 0 ? void 0 : context.req) === null || _a === void 0 ? void 0 : _a.url) === null || _b === void 0 ? void 0 : _b.startsWith('/_next')); };
+export var sleep = function (ms) {
     if (ms === void 0) { ms = 1000; }
     return new Promise(function (resolve) { return setTimeout(resolve, ms); });
 };
-exports.sleep = sleep;
-var padNumber = function (num, padLength, padString) {
+export var padNumber = function (num, padLength, padString) {
     if (padLength === void 0) { padLength = 2; }
     if (padString === void 0) { padString = '0'; }
     return String(num).padStart(padLength, padString);
 };
-exports.padNumber = padNumber;
-function inputTumuBuyukCevir(e) {
+export function inputTumuBuyukCevir(e) {
     var _a;
     if ((e === null || e === void 0 ? void 0 : e.target) && ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.setSelectionRange)) {
         var start = e.target.selectionStart;
@@ -28,7 +18,7 @@ function inputTumuBuyukCevir(e) {
         e.target.setSelectionRange(start, end);
     }
 }
-function inputTumuKucukCevir(e) {
+export function inputTumuKucukCevir(e) {
     var _a;
     if ((e === null || e === void 0 ? void 0 : e.target) && ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.setSelectionRange)) {
         var start = e.target.selectionStart;
@@ -37,12 +27,11 @@ function inputTumuKucukCevir(e) {
         e.target.setSelectionRange(start, end);
     }
 }
-var convertLowerCase = function (text) {
+export var convertLowerCase = function (text) {
     if (text === void 0) { text = ''; }
     return text.toString().toLocaleLowerCase('tr-TR');
 };
-exports.convertLowerCase = convertLowerCase;
-var convertForSearch = function (value) {
+export var convertForSearch = function (value) {
     var data = value === null || value === void 0 ? void 0 : value.toString().toLocaleLowerCase('tr-TR');
     data = data.replace(/ö/g, 'o');
     data = data.replace(/ç/g, 'c');
@@ -54,8 +43,7 @@ var convertForSearch = function (value) {
     data = data.replace(/^\s+|\s+$/g, '');
     return data;
 };
-exports.convertForSearch = convertForSearch;
-function convertForSEO(e) {
+export function convertForSEO(e) {
     var _a;
     if ((e === null || e === void 0 ? void 0 : e.target) && ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.setSelectionRange)) {
         var start = e.target.selectionStart;
@@ -74,7 +62,7 @@ function convertForSEO(e) {
         e.target.setSelectionRange(start, end);
     }
 }
-function getDomain(context) {
+export function getDomain(context) {
     if (context === void 0) { context = null; }
     var url = '';
     if (context) {
@@ -98,7 +86,7 @@ function getDomain(context) {
     }
     return url;
 }
-var uniqueID = function (key, length) {
+export var uniqueID = function (key, length) {
     if (key === void 0) { key = ''; }
     if (length === void 0) { length = 16; }
     return (key +
@@ -107,4 +95,3 @@ var uniqueID = function (key, length) {
             .toString()
             .replace('.', '')));
 };
-exports.uniqueID = uniqueID;

package/{_dist → dist/esm}/_lib/inputMask.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.applyInputMask = void 0;
-var baseFunctions_1 = require("./baseFunctions");
+import { isDev } from "./baseFunctions";
 // Mask işleme core fonksiyonları
 var createMaskCore = function () {
     var defaultTranslation = {
@@ -144,11 +141,11 @@ var createMaskCore = function () {
     };
 };
 // Fonksiyonel yaklaşım - herhangi bir input elementine mask uygula
-var applyInputMask = function (inputElement, mask, options) {
+export var applyInputMask = function (inputElement, mask, options) {
     if (options === void 0) { options = {}; }
     if (!inputElement || !mask)
         return null;
-    baseFunctions_1.isDev && console.log("Input mask applied:", { inputElement: inputElement, mask: mask, options: options });
+    isDev && console.log("Input mask applied:", { inputElement: inputElement, mask: mask, options: options });
     var translation = options.translation, _a = options.reverse, reverse = _a === void 0 ? false : _a, _b = options.clearIfNotMatch, clearIfNotMatch = _b === void 0 ? true : _b, _c = options.selectOnFocus, selectOnFocus = _c === void 0 ? false : _c, onChange = options.onChange;
     var maskCore = createMaskCore();
     var maskTokens = maskCore.parseMask(mask, translation);
@@ -230,4 +227,3 @@ var applyInputMask = function (inputElement, mask, options) {
         applyMask: applyMaskToValue
     };
 };
-exports.applyInputMask = applyInputMask;

package/{_dist → dist/esm}/_lib/listFunctions.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.onKeyboardSelection = void 0;
-exports.setScrollListPosition = setScrollListPosition;
-var onKeyboardSelection = function (_a) {
+export var onKeyboardSelection = function (_a) {
     var e = _a.e, targetElement = _a.targetElement, _b = _a.itemClass, itemClass = _b === void 0 ? "item" : _b, _c = _a.selectedClass, selectedClass = _c === void 0 ? "selected" : _c, checkByValue = _a.checkByValue, checkByInput = _a.checkByInput, clear = _a.clear;
     if (!targetElement.current)
         return null;
@@ -103,8 +99,7 @@ var onKeyboardSelection = function (_a) {
     }
     setScrollListPosition(targetElement);
 };
-exports.onKeyboardSelection = onKeyboardSelection;
-function setScrollListPosition(targetElement) {
+export function setScrollListPosition(targetElement) {
     if (targetElement.current) {
         var position = 0;
         var text = targetElement.current.querySelector(".selected");

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

@@ -0,0 +1,34 @@
+import { __assign } from "tslib";
+import nookies, { destroyCookie, parseCookies, setCookie } from 'nookies';
+import { getDomain } from '../baseFunctions';
+export var cerezOku = function (context, key) {
+    if (context === void 0) { context = null; }
+    var cookies = context ? nookies.get(context) : parseCookies();
+    return cookies[key] || false;
+};
+export var cerezKaydet = function (context, key, value, time) {
+    if (context === void 0) { context = null; }
+    if (time === void 0) { time = 0; }
+    var newConfig = checkDomain(context);
+    setCookie(context, key, value, __assign({ maxAge: time > 0 ? time : null }, newConfig));
+};
+export var cerezSil = function (context, key) {
+    if (context === void 0) { context = null; }
+    var newConfig = checkDomain(context);
+    destroyCookie(context, key, newConfig);
+};
+export var cerezTumuSil = function (context) {
+    if (context === void 0) { context = null; }
+    var cookies = parseCookies(context);
+    if (cookies) {
+        Object.keys(cookies).forEach(function (key) {
+            destroyCookie(context, key);
+        });
+    }
+};
+var checkDomain = function (context, config) {
+    if (context === void 0) { context = null; }
+    if (config === void 0) { config = {}; }
+    var cookieDomain = getDomain(context);
+    return __assign(__assign({}, config), { domain: '.' + cookieDomain, path: '/' });
+};

package/{_dist → dist/esm}/_lib/storage/encData.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.decData = exports.encData = void 0;
-var baseFunctions_1 = require("../baseFunctions");
+import { isDev } from "../baseFunctions";
 var encDecDataKeys = [3, 5, 8, 11, 15, 22];
-var encData = function (data, keys) {
+export var encData = function (data, keys) {
     if (keys === void 0) { keys = encDecDataKeys; }
     try {
         var newJSON = { data: data };
@@ -16,12 +13,11 @@ var encData = function (data, keys) {
         return newData_1;
     }
     catch (e) {
-        baseFunctions_1.isDev && console.log("ERROR => encData =>", e);
+        isDev && console.log("ERROR => encData =>", e);
         return "";
     }
 };
-exports.encData = encData;
-var decData = function (data, keys) {
+export var decData = function (data, keys) {
     var _a;
     if (keys === void 0) { keys = encDecDataKeys; }
     try {
@@ -41,8 +37,7 @@ var decData = function (data, keys) {
         return (_a = parse === null || parse === void 0 ? void 0 : parse.data) !== null && _a !== void 0 ? _a : "";
     }
     catch (e) {
-        baseFunctions_1.isDev && console.log("ERROR => decData =>", e);
+        isDev && console.log("ERROR => decData =>", e);
         return "";
     }
 };
-exports.decData = decData;

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

@@ -0,0 +1,69 @@
+import { decData, encData } from './encData';
+import { isDev } from '../baseFunctions';
+var storageAvailable = typeof Storage === 'undefined' || !window.localStorage ? false : true;
+export var setLocalStorage = function (key, value) {
+    if (!storageAvailable)
+        return false;
+    try {
+        localStorage.setItem(key, encData(value));
+        return true;
+    }
+    catch (e) {
+        isDev && console.log('ERROR => localStorage =>', e);
+        return false;
+    }
+};
+export var getLocalStorage = function (key) {
+    if (!storageAvailable)
+        return false;
+    try {
+        var saved = localStorage.getItem(key);
+        return saved ? decData(saved) : null;
+    }
+    catch (e) {
+        isDev && console.log('ERROR => localStorage =>', e);
+        return null;
+    }
+};
+export var removeLocalStorage = function (key) {
+    if (!storageAvailable)
+        return false;
+    try {
+        localStorage.removeItem(key);
+        return true;
+    }
+    catch (e) {
+        isDev && console.log('ERROR => localStorage =>', e);
+        return false;
+    }
+};
+export var clearLocalStorage = function () {
+    if (!storageAvailable)
+        return false;
+    try {
+        localStorage.clear();
+        return true;
+    }
+    catch (e) {
+        isDev && console.log('ERROR => localStorage =>', e);
+        return false;
+    }
+};
+// Tüm localStorage anahtarlarını getir
+export var getLocalStorageAllKeys = function () {
+    if (!storageAvailable)
+        return [];
+    return Object.keys(localStorage);
+};
+// Tüm localStorage boyutunu getir
+export var getLocalStorageSize = function () {
+    if (!storageAvailable)
+        return 0;
+    var total = 0;
+    for (var key in localStorage) {
+        if (localStorage.hasOwnProperty(key)) {
+            total += localStorage[key].length + key.length;
+        }
+    }
+    return total;
+};

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

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

package/{_dist → dist/esm}/_lib/useInterval.js

@@ -1,21 +1,18 @@
-"use strict";
 /**
  * Copyright (c) 2023
  *  @author: izzetseydaoglu
  *  @last-modified: 29.01.2024 04:09
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInterval = useInterval;
 // source: https://overreacted.io/making-setinterval-declarative-with-react-hooks/
-var react_1 = require("react");
-function useInterval(callback, delay) {
-    var savedCallback = (0, react_1.useRef)(null);
+import { useEffect, useRef } from "react";
+export function useInterval(callback, delay) {
+    var savedCallback = useRef(null);
     // Remember the latest callback.
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         savedCallback.current = callback;
     }, [callback]);
     // Set up the interval.
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         function tick() {
             savedCallback && savedCallback.current && savedCallback.current();
         }

package/{_dist → dist/esm}/alert/index.js

@@ -1,16 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.alert_clear = exports.alert_remove = exports.alert_add = exports.Alert = void 0;
-exports.alertCheck = alertCheck;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var client_1 = require("react-dom/client");
-var index_module_css_1 = tslib_1.__importDefault(require("./index.module.css"));
+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 = [];
-var Alert = function (_a) {
+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;
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         if (typeof window === "undefined")
             return;
         var divCheck = document.getElementById("salert");
@@ -39,8 +34,7 @@ var Alert = function (_a) {
     }, []);
     return null;
 };
-exports.Alert = Alert;
-var alert_add = function (_a) {
+export var alert_add = function (_a) {
     var _b, _c, _d;
     var type = _a.type, message = _a.message, style = _a.style, timer = _a.timer;
     if (typeof window === "undefined")
@@ -53,8 +47,8 @@ var alert_add = function (_a) {
             if (mainDiv && alert_1 && mainDiv.contains(alert_1))
                 mainDiv.removeChild(alert_1);
         };
-        var root = (0, client_1.createRoot)(alert_1);
-        var Component = ((0, jsx_runtime_1.jsxs)("div", { className: "".concat(index_module_css_1.default.salert, " ").concat(index_module_css_1.default[type]), style: style, children: [(0, jsx_runtime_1.jsx)("div", { className: index_module_css_1.default.message, dangerouslySetInnerHTML: { __html: message } }), (0, jsx_runtime_1.jsx)("div", { className: index_module_css_1.default.close, onClick: onClose_1, children: "\u2715" })] }));
+        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" })] }));
         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";
@@ -83,8 +77,7 @@ var alert_add = function (_a) {
     }
     return null;
 };
-exports.alert_add = alert_add;
-var alert_remove = function (alert) {
+export var alert_remove = function (alert) {
     if (typeof window === "undefined" || !alert)
         return;
     var mainDiv = document.getElementById("salert");
@@ -92,8 +85,7 @@ var alert_remove = function (alert) {
         mainDiv.removeChild(alert);
     return;
 };
-exports.alert_remove = alert_remove;
-var alert_clear = function () {
+export var alert_clear = function () {
     if (typeof window === "undefined")
         return false;
     sAlertTimeout.map(function (id) { return clearTimeout(id); });
@@ -102,11 +94,10 @@ var alert_clear = function () {
         mainDiv.innerHTML = "";
     return true;
 };
-exports.alert_clear = alert_clear;
-function alertCheck(response) {
+export function alertCheck(response) {
     if (response.data && response.data["alert"]) {
         response.data["alert"].map(function (alert) {
-            (0, exports.alert_add)({
+            alert_add({
                 type: alert.type,
                 message: alert.message,
                 timer: alert.timer

package/dist/esm/box/Box.js

@@ -0,0 +1,15 @@
+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 () {
+        if (!boxRef.current)
+            return;
+        var 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 }) }))] }));
+});

package/dist/esm/box/BoxContent.js

@@ -0,0 +1,7 @@
+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 }));
+};

package/dist/esm/box/BoxFooter.js

@@ -0,0 +1,8 @@
+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 }));
+});

package/dist/esm/box/BoxHeader.js

@@ -0,0 +1,9 @@
+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 }))] }));
+});

package/dist/esm/box/index.js

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2023
+ *  @author: izzetseydaoglu
+ *  @last-modified: 29.01.2024 02:41
+ */
+export * from "./Box";
+export * from './BoxContent';
+export * from './BoxFooter';
+export * from './BoxHeader';

package/{_dist → dist/esm}/countDown/index.js

@@ -1,22 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCountDown = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var react_2 = tslib_1.__importDefault(require("react"));
-var useInterval_1 = require("../_lib/useInterval");
-var useCountDown = function (_a) {
+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 = (0, react_1.useRef)(null);
-    var _f = (0, react_1.useState)(timerType === 'datetime' || autoStart), enabled = _f[0], setEnabled = _f[1];
-    var _g = (0, react_1.useState)(0), timer = _g[0], setTimer = _g[1];
-    var _h = (0, react_1.useState)(typeof speed === 'number' && speed > 0 ? speed : 1000), timerSpeed = _h[0], setTimerSpeed = _h[1];
-    (0, react_1.useEffect)(function () { return prepareTimer(targetTime); }, [targetTime]);
-    (0, react_1.useEffect)(function () {
+    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 () {
         if (!hide)
             render();
     }, [timer]);
-    (0, useInterval_1.useInterval)(function () {
+    useInterval(function () {
         if (enabled) {
             if (timer <= 1) {
                 stopCountDown();
@@ -91,7 +87,7 @@ var useCountDown = function (_a) {
         }
     };
     return {
-        ComponentCountDown: function (children) { return (hide ? null : react_2.default.cloneElement(children, { ref: refCountDownRender })); },
+        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); },
@@ -99,4 +95,3 @@ var useCountDown = function (_a) {
         getChildrenRef: function () { return refCountDownRender.current || null; }
     };
 };
-exports.useCountDown = useCountDown;

package/{_dist → dist/esm}/dateTime/index.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 var dateTime = /** @class */ (function () {
     function dateTime(datetime, format) {
         if (datetime === void 0) { datetime = null; }
@@ -75,4 +73,4 @@ var dateTime = /** @class */ (function () {
     };
     return dateTime;
 }());
-exports.default = dateTime;
+export default dateTime;

package/dist/esm/form/Button.js

@@ -0,0 +1,76 @@
+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");
+        circle.classList.add(styles.ripple);
+        var ripple = el.getElementsByClassName(styles.ripple)[0];
+        if (ripple)
+            ripple.remove();
+        el.appendChild(circle);
+    };
+    var handleClick = function (e) {
+        ripple(e);
+        if (dialog) {
+            Dialog(dialog).then(function (result) {
+                if (result && onClick) {
+                    onClick(e);
+                }
+            });
+        }
+        else {
+            if (onClick)
+                onClick(e);
+        }
+    };
+    var createClassList = useCallback(function () {
+        var list = ["sbutton", styles.button];
+        if (buttonClass)
+            list.push(styles[buttonClass]);
+        if (className)
+            list.push(className);
+        if (onlyIcon)
+            list.push(styles.iconbutton);
+        if (fullWidth)
+            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);
+        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;
+    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 })) }));
+        }
+    }
+    else {
+        renderComponent = (_jsx(Comp, __assign({ type: type }, ortakProps, { children: onlyIcon ? onlyIcon : children })));
+    }
+    if (title && renderComponent) {
+        return (_jsx(Tooltip, { title: title, position: titlePosition, arrow: titleArrow, children: renderComponent }));
+    }
+    else {
+        return renderComponent;
+    }
+});