@sydsoft/base 1.49.0 → 1.51.0

package/_dist/menu/index.js

@@ -1,30 +1,34 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = 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-02-07 19:31:01
  */
-import React, { memo, useMemo } from 'react';
-import { Dialog } from '../form';
-import { Popover } from '../popover';
-import Link from 'next/link';
-import styles from './index.module.css';
-export const Menu = memo(function MemoFunction({ menu, className, style, withIcon = 'auto' }) {
-    const withIconComponent = useMemo(() => {
+const react_1 = tslib_1.__importStar(require("react"));
+const form_1 = require("../form");
+const popover_1 = require("../popover");
+const link_1 = tslib_1.__importDefault(require("next/link"));
+const index_module_css_1 = tslib_1.__importDefault(require("./index.module.css"));
+exports.Menu = (0, react_1.memo)(function MemoFunction({ menu, className, style, withIcon = 'auto' }) {
+    const withIconComponent = (0, react_1.useMemo)(() => {
         if (withIcon === true)
             return true;
         if (withIcon === false)
             return false;
         return Object.values(menu).some((item) => 'icon' in item && !!item.icon);
     }, [menu, withIcon]);
-    const withRightComponent = useMemo(() => {
+    const withRightComponent = (0, react_1.useMemo)(() => {
         return Object.values(menu).some((item) => 'rightComponent' in item && !!item.rightComponent);
     }, [menu]);
     const handleClick = (item, e) => {
         if (!item.onClick)
             return;
         if (item.dialog) {
-            Dialog({ ...item.dialog }).then((result) => {
+            (0, form_1.Dialog)({ ...item.dialog }).then((result) => {
                 if (result && item.onClick) {
                     item.onClick(e);
                 }
@@ -34,17 +38,17 @@ export const Menu = memo(function MemoFunction({ menu, className, style, withIco
             item.onClick(e);
         }
     };
-    return (_jsx("ul", { className: `smenu ${styles.ul} ${className || ''}`, style: style, children: Object.values(menu).map((item, key) => {
+    return ((0, jsx_runtime_1.jsx)("ul", { className: `smenu ${index_module_css_1.default.ul} ${className || ''}`, style: style, children: Object.values(menu).map((item, key) => {
             const { fullComponent, icon, title, rightComponent, seperator, href, style, itemProps, type, items, menuProps, subMenuPopoverProps, ...other } = item;
             const hasSubmenu = type === 'submenu' && Array.isArray(items) && items.length > 0;
             if (fullComponent)
-                return React.cloneElement(fullComponent, { key: key });
+                return react_1.default.cloneElement(fullComponent, { key: key });
             if (seperator)
-                return _jsx("li", { className: styles.seperator, style: style, ...itemProps, ...other }, key);
-            const Component = (_jsxs(_Fragment, { children: [withIconComponent && _jsx("div", { className: styles.menuicon, children: icon }), _jsx("div", { className: styles.menutitle, children: title }), withRightComponent && _jsx("div", { className: styles.rightmenu, children: rightComponent })] }));
+                return (0, jsx_runtime_1.jsx)("li", { className: index_module_css_1.default.seperator, style: style, ...itemProps, ...other }, key);
+            const Component = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [withIconComponent && (0, jsx_runtime_1.jsx)("div", { className: index_module_css_1.default.menuicon, children: icon }), (0, jsx_runtime_1.jsx)("div", { className: index_module_css_1.default.menutitle, children: title }), withRightComponent && (0, jsx_runtime_1.jsx)("div", { className: index_module_css_1.default.rightmenu, children: rightComponent })] }));
             if (hasSubmenu) {
-                return (_jsx(Popover, { component: _jsx("li", { style: style, ...itemProps, ...other, children: Component }), position: "right-top", ...(subMenuPopoverProps || {}), children: _jsx(Menu, { menu: items, ...(menuProps || {}) }) }, key));
+                return ((0, jsx_runtime_1.jsx)(popover_1.Popover, { component: (0, jsx_runtime_1.jsx)("li", { style: style, ...itemProps, ...other, children: Component }), position: "right-top", ...(subMenuPopoverProps || {}), children: (0, jsx_runtime_1.jsx)(exports.Menu, { menu: items, ...(menuProps || {}) }) }, key));
             }
-            return (_jsx("li", { style: style, onClick: (e) => handleClick(item, e), ...itemProps, ...other, children: href ? _jsx(Link, { href: href, children: Component }) : Component }, key));
+            return ((0, jsx_runtime_1.jsx)("li", { style: style, onClick: (e) => handleClick(item, e), ...itemProps, ...other, children: href ? (0, jsx_runtime_1.jsx)(link_1.default, { href: href, children: Component }) : Component }, key));
         }) }));
 });

package/_dist/modal/index.js

@@ -1,16 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Copyright (c) 2023
  *  @author: izzetseydaoglu
  *  @last-modified: 9.02.2024 06:07
  */
-import { memo, useEffect, useRef, useState } from "react";
-import ReactDOM from "react-dom";
-import styles from "./index.module.css";
-export const Modal = memo(function MemoFunction({ refModal = null, children, open = false, close, keepMounted = false, fullScreen = false, hideBackdrop = true, hideEsc = false, hideCloseButton = false, modalStyle, backdropStyle, vertialAlign = "center", horizontalAlign = "center" }) {
-    const [modalDiv, setModalDiv] = useState(null);
-    const ref = useRef(null);
-    useEffect(() => {
+const react_1 = require("react");
+const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
+const index_module_css_1 = tslib_1.__importDefault(require("./index.module.css"));
+exports.Modal = (0, react_1.memo)(function MemoFunction({ refModal = null, children, open = false, close, keepMounted = false, fullScreen = false, hideBackdrop = true, hideEsc = false, hideCloseButton = false, modalStyle, backdropStyle, vertialAlign = "center", horizontalAlign = "center" }) {
+    const [modalDiv, setModalDiv] = (0, react_1.useState)(null);
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         if (refModal)
             refModal.current = ref.current;
     }, [ref.current]);
@@ -26,7 +30,7 @@ export const Modal = memo(function MemoFunction({ refModal = null, children, ope
         if (e.keyCode === 27 || e.key === "Escape" || e.code === "Escape")
             onClose();
     };
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (open) {
             if (hideBackdrop)
                 window.addEventListener("mousedown", checkHideBackDrop);
@@ -40,7 +44,7 @@ export const Modal = memo(function MemoFunction({ refModal = null, children, ope
                 window.removeEventListener("keydown", checkESC);
         };
     });
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!modalDiv) {
             const modalDivCheck = document.getElementById("smodal");
             if (modalDivCheck) {
@@ -59,6 +63,6 @@ export const Modal = memo(function MemoFunction({ refModal = null, children, ope
     }, []);
     if ((!keepMounted && !open) || typeof window === "undefined")
         return null;
-    const Component = (_jsx("div", { className: `${styles.backdrop} ${open ? styles.backdrop_open : ""}`, style: { alignItems: vertialAlign, justifyContent: horizontalAlign, ...backdropStyle }, children: _jsxs("div", { ref: ref, className: `smodal ${styles.modal} ${fullScreen ? styles.fullscreen : ""}`, style: modalStyle, children: [!hideCloseButton && (_jsx("div", { className: `close ${styles.close_fixed}`, children: _jsx("div", { className: styles.close, onClick: onClose, children: "\u2715" }) })), children] }) }));
-    return modalDiv ? ReactDOM.createPortal(Component, modalDiv) : null;
+    const Component = ((0, jsx_runtime_1.jsx)("div", { className: `${index_module_css_1.default.backdrop} ${open ? index_module_css_1.default.backdrop_open : ""}`, style: { alignItems: vertialAlign, justifyContent: horizontalAlign, ...backdropStyle }, children: (0, jsx_runtime_1.jsxs)("div", { ref: ref, className: `smodal ${index_module_css_1.default.modal} ${fullScreen ? index_module_css_1.default.fullscreen : ""}`, style: modalStyle, children: [!hideCloseButton && ((0, jsx_runtime_1.jsx)("div", { className: `close ${index_module_css_1.default.close_fixed}`, children: (0, jsx_runtime_1.jsx)("div", { className: index_module_css_1.default.close, onClick: onClose, children: "\u2715" }) })), children] }) }));
+    return modalDiv ? react_dom_1.default.createPortal(Component, modalDiv) : null;
 });

package/_dist/popover/index.js

@@ -1,19 +1,23 @@
+"use strict";
 /**
  * @author    : izzetseydaoglu
  * @copyright : sydSOFT Bilişim Hizmetleri (c) 2026
  * @version   : 2026-02-10 16:12:35
  */
-import { cloneElement, memo, useEffect, useRef } from 'react';
-import { createRoot } from 'react-dom/client';
-import styles from './index.module.css';
-export const Popover = memo(function MemoFunction({ children, component, position = 'top', arrow = false, distance = 5, removeWhenClickInside = false, hideBackdrop = true, fade = true, arrowColor = 'auto', hover = false, hoverCloseDelay = 120, keepMounted = false, ...other }) {
-    const refComponent = useRef(null);
-    const closeTimer = useRef(null);
-    const hoverCloseTimer = useRef(null);
-    const popoverRef = useRef(null);
-    const rootRef = useRef(null);
-    const zIndexRef = useRef(null);
-    useEffect(() => {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popover = void 0;
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const client_1 = require("react-dom/client");
+const index_module_css_1 = tslib_1.__importDefault(require("./index.module.css"));
+exports.Popover = (0, react_1.memo)(function MemoFunction({ children, component, position = 'top', arrow = false, distance = 5, removeWhenClickInside = false, hideBackdrop = true, fade = true, arrowColor = 'auto', hover = false, hoverCloseDelay = 120, keepMounted = false, ...other }) {
+    const refComponent = (0, react_1.useRef)(null);
+    const closeTimer = (0, react_1.useRef)(null);
+    const hoverCloseTimer = (0, react_1.useRef)(null);
+    const popoverRef = (0, react_1.useRef)(null);
+    const rootRef = (0, react_1.useRef)(null);
+    const zIndexRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         if (typeof window === 'undefined')
             return;
         return () => {
@@ -36,13 +40,13 @@ export const Popover = memo(function MemoFunction({ children, component, positio
         if (popoverRef.current && keepMounted) {
             const popover = popoverRef.current;
             const target = e.currentTarget;
-            const wasVisible = popover.classList.contains(styles.visible);
+            const wasVisible = popover.classList.contains(index_module_css_1.default.visible);
             (_b = (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.render) === null || _b === void 0 ? void 0 : _b.call(_a, children);
             applyArrowColor(popover);
             popoverPosition({ target, position: position });
             popover.style.zIndex = String(nextPopoverZIndex());
-            popover.classList.remove(styles.closing);
-            popover.classList.add(styles.visible);
+            popover.classList.remove(index_module_css_1.default.closing);
+            popover.classList.add(index_module_css_1.default.visible);
             if (!wasVisible) {
                 if (hideBackdrop) {
                     window.addEventListener('mousedown', checkHideBackDrop);
@@ -60,12 +64,12 @@ export const Popover = memo(function MemoFunction({ children, component, positio
         }
         popoverSil(false);
         const popover = document.createElement('div');
-        popover.classList.add('spopover', styles.popover);
+        popover.classList.add('spopover', index_module_css_1.default.popover);
         const zIndex = nextPopoverZIndex();
         zIndexRef.current = zIndex;
         document.body.appendChild(popover);
         // ReactDOM.render(children, popover)
-        const root = createRoot(popover);
+        const root = (0, client_1.createRoot)(popover);
         root.render(children);
         popoverRef.current = popover;
         rootRef.current = root;
@@ -76,7 +80,7 @@ export const Popover = memo(function MemoFunction({ children, component, positio
             applyArrowColor(popover);
             popoverPosition({ target, position: position });
             popover.style.zIndex = String((_a = zIndexRef.current) !== null && _a !== void 0 ? _a : zIndex);
-            popover.classList.add(styles.visible);
+            popover.classList.add(index_module_css_1.default.visible);
         }, 100);
         if (hideBackdrop) {
             window.addEventListener('mousedown', checkHideBackDrop);
@@ -93,7 +97,7 @@ export const Popover = memo(function MemoFunction({ children, component, positio
     const popoverSil = (animate = true) => {
         refComponent.current && refComponent.current.classList.remove('spopover_active');
         const check = popoverRef.current;
-        const wasVisible = !!(check === null || check === void 0 ? void 0 : check.classList.contains(styles.visible));
+        const wasVisible = !!(check === null || check === void 0 ? void 0 : check.classList.contains(index_module_css_1.default.visible));
         if (check) {
             if (removeWhenClickInside)
                 check.removeEventListener('mouseup', popoverGecikmeliSil);
@@ -117,12 +121,12 @@ export const Popover = memo(function MemoFunction({ children, component, positio
                     rootRef.current = null;
                 }
                 else {
-                    check.classList.remove(styles.visible);
-                    check.classList.remove(styles.closing);
+                    check.classList.remove(index_module_css_1.default.visible);
+                    check.classList.remove(index_module_css_1.default.closing);
                 }
             }
-            else if (!check.classList.contains(styles.closing)) {
-                check.classList.add(styles.closing);
+            else if (!check.classList.contains(index_module_css_1.default.closing)) {
+                check.classList.add(index_module_css_1.default.closing);
                 closeTimer.current = window.setTimeout(() => {
                     var _a;
                     if (!keepMounted) {
@@ -133,8 +137,8 @@ export const Popover = memo(function MemoFunction({ children, component, positio
                         rootRef.current = null;
                     }
                     else {
-                        check.classList.remove(styles.visible);
-                        check.classList.remove(styles.closing);
+                        check.classList.remove(index_module_css_1.default.visible);
+                        check.classList.remove(index_module_css_1.default.closing);
                     }
                 }, FADE_DURATION);
             }
@@ -193,7 +197,7 @@ export const Popover = memo(function MemoFunction({ children, component, positio
                 alignClass = resolvedAlign;
                 style.push('top:' + top + 'px');
             }
-            const classNames = ['spopover', styles.popover, arrow ? styles.arrow : '', fade ? '' : styles.noFade, sideClass[side], alignClassMap[alignClass]].filter(Boolean);
+            const classNames = ['spopover', index_module_css_1.default.popover, arrow ? index_module_css_1.default.arrow : '', fade ? '' : index_module_css_1.default.noFade, sideClass[side], alignClassMap[alignClass]].filter(Boolean);
             popover.className = classNames.join(' ');
             popover.setAttribute('style', style.join(';'));
             applyArrowColor(popover);
@@ -266,18 +270,18 @@ export const Popover = memo(function MemoFunction({ children, component, positio
             scheduleHoverClose();
         };
     }
-    return cloneElement(component, componentProps);
+    return (0, react_1.cloneElement)(component, componentProps);
 });
 const sideClass = {
-    top: styles.top,
-    bottom: styles.bottom,
-    left: styles.left,
-    right: styles.right
+    top: index_module_css_1.default.top,
+    bottom: index_module_css_1.default.bottom,
+    left: index_module_css_1.default.left,
+    right: index_module_css_1.default.right
 };
 const alignClassMap = {
-    start: styles.alignStart,
-    center: styles.alignCenter,
-    end: styles.alignEnd
+    start: index_module_css_1.default.alignStart,
+    center: index_module_css_1.default.alignCenter,
+    end: index_module_css_1.default.alignEnd
 };
 const FADE_DURATION = 160;
 const normalizePosition = (position) => {

package/_dist/tooltip/index.js

@@ -1,6 +1,10 @@
-import React, { memo, useEffect } from "react";
-export const Tooltip = memo(function MemoFunction({ children, title, position = "top", arrow = false, distance = 5, ...other }) {
-    useEffect(() => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+exports.Tooltip = (0, react_1.memo)(function MemoFunction({ children, title, position = "top", arrow = false, distance = 5, ...other }) {
+    (0, react_1.useEffect)(() => {
         if (typeof window === "undefined")
             return null;
         const cssCheck = document.getElementsByClassName("stooltip_css")[0];
@@ -111,7 +115,7 @@ export const Tooltip = memo(function MemoFunction({ children, title, position =
             tooltip.setAttribute("style", style.join(";"));
         }
     };
-    return React.cloneElement(children, {
+    return react_1.default.cloneElement(children, {
         onMouseEnter: tooltipEkle,
         onMouseLeave: tooltipSil,
         onMouseDown: tooltipSil,

package/package.json

@@ -1,20 +1,18 @@
 {
     "name": "@sydsoft/base",
     "private": false,
-    "version": "1.49.0",
+    "version": "1.51.0",
     "description": "",
-    "type": "module",
     "main": "./_dist/index.js",
-    "module": "./_dist/index.js",
     "types": "./_dist/index.d.ts",
-    "fiyanles": [
+    "files": [
         "./_dist/",
         "README.md"
     ],
     "exports": {
         ".": {
             "types": "./_dist/index.d.ts",
-            "import": "./_dist/index.js"
+            "default": "./_dist/index.js"
         }
     },
     "scripts": {

package/_lib/baseFunctions.ts

@@ -1,94 +0,0 @@
-export const isDev = !process.env.NODE_ENV || process.env.NODE_ENV === 'development';
-export const isServerReq = (context: any) => !context?.req?.url?.startsWith('/_next');
-export const sleep = (ms = 1000) => new Promise((resolve) => setTimeout(resolve, ms));
-
-export const padNumber = (num: number, padLength = 2, padString = '0') => String(num).padStart(padLength, padString);
-
-export function inputTumuBuyukCevir(e: React.ChangeEvent<HTMLInputElement>) {
-    if (e?.target && e?.target?.setSelectionRange) {
-        const start = e.target.selectionStart;
-        const end = e.target.selectionEnd;
-        e.target.value = e.target.value.toString().toLocaleUpperCase('tr-TR');
-        e.target.setSelectionRange(start, end);
-    }
-}
-
-export function inputTumuKucukCevir(e: React.ChangeEvent<HTMLInputElement>) {
-    if (e?.target && e?.target?.setSelectionRange) {
-        const start = e.target.selectionStart;
-        const end = e.target.selectionEnd;
-        e.target.value = e.target.value.toString().toLocaleLowerCase('tr-TR');
-        e.target.setSelectionRange(start, end);
-    }
-}
-
-export const convertLowerCase = (text: any = '') => text.toString().toLocaleLowerCase('tr-TR');
-
-export const convertForSearch = (value: string) => {
-    let data = value?.toString().toLocaleLowerCase('tr-TR');
-    data = data.replace(/ö/g, 'o');
-    data = data.replace(/ç/g, 'c');
-    data = data.replace(/ş/g, 's');
-    data = data.replace(/ı/g, 'i');
-    data = data.replace(/ğ/g, 'g');
-    data = data.replace(/ü/g, 'u');
-    data = data.replace(/[^a-z\d]/g, ''); // %_- are allowed
-    data = data.replace(/^\s+|\s+$/g, '');
-    return data;
-};
-
-export function convertForSEO(e: React.ChangeEvent<HTMLInputElement>) {
-    if (e?.target && e?.target?.setSelectionRange) {
-        const start = e.target.selectionStart;
-        const end = e.target.selectionEnd;
-        let string = e.target.value.toString().toLocaleLowerCase('tr');
-        const turkce = [' ', '-', 'ş', 'Ş', 'ı', 'ü', 'Ü', 'ö', 'Ö', 'ç', 'Ç', 'ş', 'Ş', 'ı', 'ğ', 'Ğ', 'İ', 'ö', 'Ö', 'Ç', 'ç', 'ü', 'Ü', 'â', 'ê', 'Â', '“', '”'];
-        const duzgun = ['-', '-', 's', 'S', 'i', 'u', 'U', 'o', 'O', 'c', 'C', 's', 'S', 'i', 'g', 'G', 'I', 'o', 'O', 'C', 'c', 'u', 'U', 'a', 'ê', 'a', '', ''];
-        for (let i = 0; i < turkce.length; i++) {
-            string = string.split(turkce[i]).join(duzgun[i]);
-        }
-        string = string.replace(/[^a-z0-9\-_şıüğçİŞĞÜÇ]+/gi, '_');
-        string = string.replace(/_+/g, '_');
-        string = string.replace(/^-/, '_');
-        string = string.replace(/-$/, '_');
-
-        e.target.value = string;
-        e.target.setSelectionRange(start, end);
-    }
-}
-
-export function getDomain(context: any = null) {
-    let url = '';
-    if (context) {
-        url = context.req.headers.host;
-    } else if (typeof window !== 'undefined') {
-        url = window.location.hostname;
-    }
-
-    if (url.length) {
-        const parts = url.split('.').reverse();
-        const cnt = parts.length;
-        if (cnt >= 3) {
-            // see if the second level domain is a common SLD.
-            if (parts[1].match(/^(com|edu|gov|net|mil|org|nom|co|name|info|biz)$/i)) {
-                const domain = parts[2] + '.' + parts[1] + '.' + parts[0];
-                return domain.split(':')[0];
-            }
-        }
-        const domain = parts[1] + '.' + parts[0];
-        return domain.split(':')[0];
-    }
-    return url;
-}
-
-export const uniqueID = (key = '', length = 16) => {
-    return (
-        key +
-        parseInt(
-            Math.ceil(Math.random() * Date.now())
-                .toPrecision(length)
-                .toString()
-                .replace('.', '')
-        )
-    );
-};