@sydsoft/base 1.50.0 → 1.52.0

package/_dist/form/SearchableInput.js

@@ -1,260 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Input } from './index';
-import { convertForSearch, convertLowerCase } from '../_lib/baseFunctions';
-import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import { onKeyboardSelection, setScrollListPosition } from '../_lib/listFunctions';
-import { Icon } from '../icon';
-import styles from './styles/SearchableInput.module.css';
-export const SearchableInput = forwardRef(({ autoCompleteList = [], isDataFromApi, name, value, parentInputValue, disabled, itemComponent, valueKey = 'value', labelKey = 'label', onSelect, onChange, onText, onLoad, style, listPositionRelative = false, loadingMessage = 'Lütfen bekleyiniz...', notFoundMessage = 'Kayıt bulunamadı...', placeholder, endAdornment, ilkSec = false, newCreate = false, inputRef, ...other }, ref) => {
-    const refMain = useRef(null);
-    const refInput = useRef(null);
-    const refList = useRef(null);
-    const [data, setData] = useState(autoCompleteList !== null && autoCompleteList !== void 0 ? autoCompleteList : []);
-    const [selectedValue, setSelectedValue] = useState(value !== null && value !== void 0 ? value : undefined);
-    const [parentValue, setParentValue] = useState(parentInputValue !== null && parentInputValue !== void 0 ? parentInputValue : undefined);
-    const [text, setText] = useState(''); //Inputta görünen
-    const [filter, setFilter] = useState(''); // Filtrelemeye tabi tutulan
-    const [newItemCreate, setNewItemCreate] = useState({ created: false });
-    const [open, setOpen] = useState(false);
-    const [loading, setLoading] = useState(isDataFromApi && (!autoCompleteList || (autoCompleteList === null || autoCompleteList === void 0 ? void 0 : autoCompleteList.length) == 0));
-    useImperativeHandle(ref, () => ({
-        setAutoCompleteList: (list, value = undefined, callback) => {
-            if (autoCompleteList && (autoCompleteList === null || autoCompleteList === void 0 ? void 0 : autoCompleteList.length) > 0) {
-                alert('AutoCompleteList zaten tanımlı olduğundan dışardan data seti değiştirilemez.');
-                return;
-            }
-            setData(list);
-            value && sendChange(value);
-            setLoading(false);
-            if (!Array.isArray(list) || list.length == 0) {
-                clear(false);
-            }
-            callback && callback();
-            //   isDev && console.log("setAutoCompleteList =>", name, value, list);
-        },
-        clear: (openList = false, focusInput = false) => clear(openList, focusInput),
-        open: () => {
-            setOpen(true);
-            refInput.current && refInput.current.focus();
-        },
-        close: () => setOpen(false),
-        checkByValue: (value, openList = false) => checkByValue(value, openList),
-        setLoading: (value) => setLoading(value)
-    }), [autoCompleteList, data, value]);
-    useEffect(() => {
-        if (inputRef)
-            inputRef.current = refInput.current;
-    }, [refInput.current]);
-    useEffect(() => onLoad && onLoad(value), []);
-    useEffect(() => {
-        if (autoCompleteList && Array.isArray(autoCompleteList)) {
-            if (autoCompleteList.length > 0) {
-                // Sadece gerçekten farklıysa set et
-                if (JSON.stringify(autoCompleteList) !== JSON.stringify(data)) {
-                    setData(autoCompleteList);
-                    // isDev && console.log("autoCompleteList dolu =>", name, autoCompleteList);
-                }
-            }
-            else {
-                // Boş array geldi VE data zaten boş değilse
-                if (data.length > 0) {
-                    setData([]);
-                    // isDev && console.log("autoCompleteList boşaltıldı =>", name);
-                }
-            }
-        }
-    }, [autoCompleteList]);
-    useEffect(() => {
-        // isDev && console.log('data =>', name, data, 'selectedValue =>', selectedValue, 'value =>', value);
-        if (!Array.isArray(data)) {
-            setData([]);
-        }
-        if (data.length > 0) {
-            setLoading(false);
-            checkByValue(selectedValue, open);
-            if (!value && ilkSec) {
-                checkByValue(data[0][valueKey], false);
-            }
-        }
-        else {
-            !isDataFromApi && clear(false);
-        }
-    }, [data]);
-    // Seçim değişikliğinde parent'ı bilgilendir
-    useEffect(() => {
-        // isDev && console.log('selectedValue =>', name, selectedValue, 'value =>', value);
-        if ((value === null || value === void 0 ? void 0 : value.toString()) != (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.toString())) {
-            checkByValue(value, open);
-            // isDev && console.log('value Kontrol ediliyor', value, selectedValue);
-        }
-    }, [value]);
-    useEffect(() => {
-        if (parentInputValue !== parentValue) {
-            setParentValue(parentInputValue);
-            clear(false);
-            // isDev && console.log(name, "parentInputValueDeğişti =>", parentInputValue);
-        }
-    }, [parentInputValue]);
-    useEffect(() => {
-        const checkHideBackDrop = (e) => {
-            if (open && refMain.current && !refMain.current.contains(e.target)) {
-                checkByInput();
-            }
-        };
-        const checkESC = (e) => {
-            if (e.keyCode === 27 || e.key === 'Escape' || e.code === 'Escape')
-                checkByInput();
-        };
-        window.addEventListener('mousedown', checkHideBackDrop);
-        if (refMain.current)
-            refMain.current.addEventListener('keydown', checkESC);
-        if (open) {
-            setScrollListPosition(refList);
-            if (!listPositionRelative) {
-                window.addEventListener('scroll', handleUpdatePosition, true);
-                window.addEventListener('resize', handleUpdatePosition);
-            }
-        }
-        return () => {
-            window.removeEventListener('mousedown', checkHideBackDrop);
-            if (refMain.current)
-                refMain.current.removeEventListener('keydown', checkESC);
-            window.removeEventListener('scroll', handleUpdatePosition, true);
-            window.removeEventListener('resize', handleUpdatePosition);
-        };
-    }, [open]);
-    useLayoutEffect(() => handleUpdatePosition(), [open]);
-    const setValue = useCallback((item, openList) => {
-        var _a, _b;
-        const newValue = (_a = item === null || item === void 0 ? void 0 : item[valueKey]) !== null && _a !== void 0 ? _a : '';
-        const newLabel = (_b = item === null || item === void 0 ? void 0 : item[labelKey]) !== null && _b !== void 0 ? _b : '';
-        setOpen(openList);
-        setText(newLabel);
-        // isDev && console.log(name, "setValue", newValue, "item", item, "value", value);
-        if (newValue === selectedValue)
-            return;
-        setFilter('');
-        setSelectedValue(newValue);
-        onChange && sendChange(newValue);
-        onSelect && onSelect(item);
-    }, [onChange, onSelect, name, selectedValue, valueKey, labelKey]);
-    const textInputOnChange = useCallback((e) => {
-        setSelectedValue(undefined);
-        setText(e.target.value);
-        setFilter(e.target.value.trim());
-        setOpen(true);
-        onText && onText(e.target.value);
-    }, [setValue, onText]);
-    const checkByValue = useCallback((value, openList = false, list = []) => {
-        const targetList = list.length > 0 ? list : data;
-        let find = Object.values(targetList).find((item) => convertLowerCase(item[valueKey]) === convertLowerCase(value));
-        if (!find && newCreate && newItemCreate.create) {
-            find = newItemCreate;
-        }
-        // isDev && console.log('find', find, 'value', value, data);
-        setValue(find, openList);
-    }, [data, valueKey, newCreate, newItemCreate, setValue]);
-    const checkByInput = useCallback(() => {
-        const findByLabel = data.find((item) => { var _a; return convertLowerCase(item[labelKey]) === convertLowerCase((_a = refInput.current) === null || _a === void 0 ? void 0 : _a.value); });
-        if (findByLabel && value == findByLabel[valueKey]) {
-            setOpen(false);
-            return;
-        }
-        setValue(findByLabel, false);
-        if (!findByLabel)
-            setText('');
-        if (isDataFromApi && !findByLabel && data.length === 0) {
-            if (onText)
-                onText('');
-        }
-    }, [data, labelKey, value, valueKey, isDataFromApi, onText, setValue, refInput.current]);
-    const clear = useCallback((openList = true, focusInput = false) => {
-        var _a;
-        setFilter('');
-        setText('');
-        setValue(undefined, openList);
-        onText && onText('');
-        focusInput && ((_a = refInput === null || refInput === void 0 ? void 0 : refInput.current) === null || _a === void 0 ? void 0 : _a.focus());
-    }, [setValue, onText]);
-    const sendChange = useCallback((value) => {
-        // isDev && console.log(name, "sendChange", value, "selectedValue", selectedValue);
-        if (onChange && value !== selectedValue) {
-            onChange({ target: { name, value } });
-        }
-    }, [onChange, name]);
-    const filteredData = useMemo(() => {
-        let list;
-        if (filter.length > 0) {
-            list = data.filter((item) => convertForSearch(item[labelKey]).includes(convertForSearch(filter)) || item[labelKey] == filter);
-        }
-        else {
-            list = data;
-        }
-        if (newCreate && text.length > 0) {
-            const filterText = data.find((item) => item[labelKey].toString().toLowerCase() === text.toString().toLowerCase());
-            if (!filterText) {
-                const newItem = { [labelKey]: text, [valueKey]: text, create: true };
-                list = [newItem, ...list];
-                setNewItemCreate(newItem);
-            }
-            else {
-                if (newItemCreate.create)
-                    setNewItemCreate({ create: false });
-            }
-        }
-        return list;
-    }, [data, filter, newCreate, text, valueKey, labelKey]);
-    const handleUpdatePosition = () => {
-        if (open && !listPositionRelative && refMain) {
-            setFixedPosition(refMain);
-        }
-    };
-    const onKeyDown = (e) => {
-        if (!open || !refList.current)
-            return null;
-        onKeyboardSelection({
-            e,
-            targetElement: refList,
-            checkByInput,
-            checkByValue,
-            clear,
-            itemClass: 'li.item',
-            selectedClass: 'selected'
-        });
-    };
-    return (_jsxs("div", { ref: refMain, className: styles.searchableInputComponent, onKeyDown: onKeyDown, style: style, children: [_jsx(Input, { ...other, inputRef: refInput, name: name, value: text, onFocus: () => !disabled && setOpen(true), onChange: textInputOnChange, endAdornment: !disabled && (_jsxs("div", { style: { marginRight: 5 }, tabIndex: -1, children: [_jsx(Button, { title: 'Temizle', tabIndex: -1, hidden: !(text && text.length > 0), onClick: () => clear(true, true), onlyIcon: _jsx(Icon, { name: 'close', style: { color: '#444' } }) }), endAdornment, _jsx(Button, { tabIndex: -1, hidden: !data || !(data.length > 0), onClick: () => !disabled && setOpen(!open), onlyIcon: _jsx(Icon, { name: open ? 'keyboard_arrow_up' : 'keyboard_arrow_down', style: { color: '#444' } }) })] })), placeholder: loading ? 'Lütfen bekleyiniz...' : placeholder, loading: loading, disabled: disabled, propsInput: {
-                    ...other === null || other === void 0 ? void 0 : other.propsInput,
-                    autoComplete: 'off'
-                } }), open && (_jsx("div", { className: 'listDiv', "data-relative": listPositionRelative, children: _jsxs("ul", { ref: refList, className: `list ${open ? 'open' : ''}`, children: [(filteredData.length === 0 || loading) && _jsx("div", { className: `message ${loading ? 'loading' : ''}`, children: loading ? loadingMessage : notFoundMessage }), filteredData.map((item, key) => {
-                            const itemValue = item[valueKey];
-                            const itemLabel = item[labelKey];
-                            return (_jsxs("li", { className: `item ${itemValue === selectedValue ? 'active' : ''}`, "data-value": itemValue, "data-label": itemLabel, onClick: () => setValue(item, false), children: [item.create && _jsx("span", { className: 'newCreate', children: "Yeni Olu\u015Ftur: " }), itemComponent ? itemComponent(item) : itemLabel] }, key));
-                        })] }) }))] }));
-});
-const setFixedPosition = (refMain) => {
-    if (!refMain.current)
-        return;
-    const target = refMain.current;
-    const targetPosition = target.getBoundingClientRect();
-    const listDiv = target.querySelector('.listDiv');
-    if (listDiv) {
-        const listDivUL = target.querySelector('ul');
-        if (!listDiv)
-            return;
-        const listHeight = listDivUL.getBoundingClientRect().height;
-        const style = [];
-        style.push(`position:fixed`);
-        style.push(`z-index:111111111111 !important`);
-        style.push(`width:${targetPosition.width}px`);
-        const spaceBelow = window.innerHeight - (targetPosition.top + targetPosition.height);
-        const spaceAbove = targetPosition.top;
-        if (spaceBelow < listHeight && spaceAbove > listHeight) {
-            style.push(`top:${targetPosition.top - listHeight}px`);
-            style.push(`margin-top:-1px`);
-        }
-        else {
-            style.push(`top:${targetPosition.top + targetPosition.height}px`);
-        }
-        listDiv.setAttribute('style', style.join(';'));
-    }
-};

package/_dist/form/UploadBase.js

@@ -1,84 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Copyright (c) 2024
- *  @author: izzetseydaoglu
- *  @last-modified: 11.06.2024 02:39
- */
-import { useEffect, useRef } from "react";
-import { alert_add } from "../alert";
-const upload_ext_ok = ["pdf", "doc", "docx", "xls", "xlsx", "jpg", "jpeg", "png", "bmp", "tiff", "tif", "udf", "txt", "rtf", "csv", "xml", "zip", "rar"];
-const upload_maxsize = 30;
-const upload_maxfile = 50;
-export const UploadBase = ({ component = "div", children, targetForm, onChange, name = "file__", required = true, multiple = false, maxSize = upload_maxsize, maxFile = upload_maxfile, ext_ok = upload_ext_ok, style, className, refUploadInput = null, label }) => {
-    const ref = useRef(null);
-    useEffect(() => {
-        if (refUploadInput)
-            refUploadInput.current = ref.current;
-    }, [ref.current]);
-    const fileSelected = (e) => {
-        if (!(e.target.files.length > 0)) {
-            e.target.value = null;
-            return null;
-        }
-        if (e.target.files.length > maxFile) {
-            alert_add({ type: "error", message: "En fazla " + maxFile + " dosya seçebilirsiniz." });
-            e.target.value = null;
-            return null;
-        }
-        const fileList = [];
-        Object.values(e.target.files).map((file) => {
-            const size = file.size;
-            const ext = file.name.replace(/^.*\./, "").toLowerCase();
-            if (ext_ok.indexOf(ext) === -1) {
-                alert_add({ type: "error", message: "Yüklemeye çalıştığınız dosya türü desteklenmiyor. Desteklenen dosya türleri: " + ext_ok.join(", ") });
-            }
-            else if (size > maxSize * 1000000) {
-                alert_add({ type: "error", message: "En fazla " + maxSize + "MB büyüklüğündeki dosyaları seçebilirsiniz." });
-            }
-            else {
-                fileList.push(file);
-            }
-        });
-        if (onChange)
-            onChange(fileList);
-        if (targetForm) {
-            const nameList = [];
-            let newform = {};
-            let uniqueID = new Date().getTime();
-            fileList.map((file) => {
-                uniqueID = uniqueID + 1;
-                newform = { ...newform, [name + uniqueID]: file };
-                nameList.push(file.name);
-            });
-            targetForm((prev) => ({
-                ...prev,
-                uploadBaseList: { ...newform },
-                uploadBaseListName: nameList.join(", ")
-            }));
-        }
-    };
-    const defaultStyle = {
-        position: "relative",
-        cursor: "pointer"
-    };
-    const Component = component.toLowerCase();
-    return (_jsxs(Component, { className: className, style: { ...defaultStyle, ...style }, "data-label": label !== null && label !== void 0 ? label : "", children: [children, _jsx("input", { ref: ref, type: "file", required: required, onChange: fileSelected, multiple: multiple, accept: ext_ok.map((i) => "." + i).join(","), style: {
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    opacity: 0,
-                    width: "100%",
-                    height: "100%",
-                    cursor: "pointer",
-                    zIndex: 1
-                } })] }));
-};
-export const uploadBase_CreateForm = (formData) => {
-    var _a;
-    let newform = { ...formData };
-    const list = (_a = formData["uploadBaseList"]) !== null && _a !== void 0 ? _a : {};
-    Object.keys(list).map((fileKey) => (newform = { ...newform, [fileKey]: list[fileKey] }));
-    delete newform["uploadBaseList"];
-    delete newform["uploadBaseListName"];
-    return newform;
-};

package/_dist/grid/index.js

@@ -1,96 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import styles from './index.module.css';
-export const Row = ({ children, className = '', style, flexDirection = 'row', flexWrap = 'wrap', justifyContent = 'flex-start', alignContent = 'center', alignItems = 'center', rowSpacing = 2, colSpacing = 2, ...other }) => {
-    const classes = [
-        styles.row,
-        rowSpacing !== undefined && styles[`row-spacing-${rowSpacing}`],
-        colSpacing !== undefined && styles[`col-spacing-${colSpacing}`],
-        flexDirection !== 'row' && styles[`flex-${flexDirection.replace('-', '-')}`],
-        flexWrap !== 'wrap' && styles[`flex-${flexWrap}`],
-        justifyContent !== 'flex-start' && styles[`justify-${justifyContent.replace('flex-', '').replace('space-', '')}`],
-        alignItems !== 'center' && styles[`align-items-${alignItems.replace('flex-', '')}`],
-        alignContent !== 'center' && styles[`align-content-${alignContent.replace('flex-', '')}`],
-        className
-    ]
-        .filter(Boolean)
-        .join(' ');
-    return (_jsx("div", { className: classes, style: style, ...other, children: children }));
-};
-export const Col = ({ children, className = '', style, xs, sm, md, lg, xl, xxl, ...other }) => {
-    // Cascading logic - aynı sizin component'inizdeki gibi
-    const classes = [
-        styles.col,
-        // Sadece belirtilen breakpoint'ler için class ekle
-        xs && styles[`col-xs-${xs}`],
-        sm && styles[`col-sm-${sm}`],
-        md && styles[`col-md-${md}`],
-        lg && styles[`col-lg-${lg}`],
-        xl && styles[`col-xl-${xl}`],
-        xxl && styles[`col-xxl-${xxl}`],
-        className
-    ]
-        .filter(Boolean)
-        .join(' ');
-    return (_jsx("div", { className: classes, style: style, ...other, children: children }));
-};
-export const Hidden = ({ children, hidden, onlyHidden, ...other }) => {
-    const existingClassName = children.props.className || '';
-    const hiddenClasses = [];
-    if (onlyHidden) {
-        onlyHidden.forEach((breakpoint) => {
-            hiddenClasses.push(styles[`hidden-${breakpoint}`]);
-        });
-    }
-    else if (hidden) {
-        // Orijinal mantık: seçilen breakpoint ve altındaki tüm breakpoint'ler gizlenir
-        const breakpoints = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
-        const targetIndex = breakpoints.indexOf(hidden);
-        if (targetIndex !== -1) {
-            for (let i = 0; i <= targetIndex; i++) {
-                hiddenClasses.push(styles[`hidden-${breakpoints[i]}`]);
-            }
-        }
-    }
-    const newClassName = [existingClassName, ...hiddenClasses].filter(Boolean).join(' ');
-    return React.cloneElement(children, {
-        className: newClassName,
-        ...other
-    });
-};
-export const DevelopGridComponent = () => {
-    const [currentBreakpoint, setCurrentBreakpoint] = useState('');
-    // Breakpoint detector
-    React.useEffect(() => {
-        const updateBreakpoint = () => {
-            const width = window.innerWidth;
-            let breakpoint = '';
-            if (width <= 576)
-                breakpoint = 'XS (≤576px)';
-            else if (width <= 768)
-                breakpoint = 'SM (577-768px)';
-            else if (width <= 992)
-                breakpoint = 'MD (769-992px)';
-            else if (width <= 1200)
-                breakpoint = 'LG (993-1200px)';
-            else if (width <= 1400)
-                breakpoint = 'XL (1201-1400px)';
-            else
-                breakpoint = 'XXL (≥1401px)';
-            setCurrentBreakpoint(breakpoint);
-        };
-        updateBreakpoint();
-        window.addEventListener('resize', updateBreakpoint);
-        return () => window.removeEventListener('resize', updateBreakpoint);
-    }, []);
-    return (_jsxs("div", { style: {
-            position: 'fixed',
-            bottom: '10px',
-            right: '10px',
-            background: '#333',
-            color: 'white',
-            padding: '10px',
-            borderRadius: '4px',
-            zIndex: 9999999
-        }, children: ["Current: ", currentBreakpoint] }));
-};

package/_dist/icon/index.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { iconMap } from './icons';
-export const iconList = Object.keys(iconMap);
-const defaultIconStyle = {
-    userSelect: 'none',
-    width: '1em',
-    height: '1em',
-    // display: 'inline-block',
-    verticalAlign: 'middle',
-    flexShrink: 0,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center'
-};
-export const Icon = ({ name, iconMui, customIcon, fontSize, color, className, style, ...other }) => {
-    if (iconMui) {
-        return (_jsx("span", { className: `material-icons ${className || ''}`, style: {
-                ...defaultIconStyle,
-                ...style,
-                fontSize: fontSize || '1.3rem',
-                color: color || 'inherit'
-            }, "aria-hidden": "true", ...other, children: iconMui }));
-    }
-    const iconComponent = name ? iconMap[name] : customIcon;
-    if (!iconComponent) {
-        return _jsx("span", { children: "\u26A0\uFE0F" });
-    }
-    return (_jsx("span", { className: className, style: {
-            ...defaultIconStyle,
-            ...style,
-            fontSize: fontSize || '1.5rem',
-            color: color || 'inherit'
-        }, ...other, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: iconComponent.viewBox, fill: 'currentColor', width: "1em", height: "1em", style: { display: 'block', flexShrink: 0 }, children: iconComponent.content }) }));
-};

package/_dist/menu/index.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "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(() => {
-        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(() => {
-        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) => {
-                if (result && item.onClick) {
-                    item.onClick(e);
-                }
-            });
-        }
-        else {
-            item.onClick(e);
-        }
-    };
-    return (_jsx("ul", { className: `smenu ${styles.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 });
-            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 })] }));
-            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 (_jsx("li", { style: style, onClick: (e) => handleClick(item, e), ...itemProps, ...other, children: href ? _jsx(Link, { href: href, children: Component }) : Component }, key));
-        }) }));
-});

package/_dist/modal/index.js

@@ -1,64 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "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(() => {
-        if (refModal)
-            refModal.current = ref.current;
-    }, [ref.current]);
-    const onClose = () => {
-        if (close)
-            close();
-    };
-    const checkHideBackDrop = (e) => {
-        if (open && ref.current && !ref.current.contains(e.target))
-            onClose();
-    };
-    const checkESC = (e) => {
-        if (e.keyCode === 27 || e.key === "Escape" || e.code === "Escape")
-            onClose();
-    };
-    useEffect(() => {
-        if (open) {
-            if (hideBackdrop)
-                window.addEventListener("mousedown", checkHideBackDrop);
-            if (hideEsc)
-                window.addEventListener("keydown", checkESC);
-        }
-        return () => {
-            if (hideBackdrop)
-                window.removeEventListener("mousedown", checkHideBackDrop);
-            if (hideEsc)
-                window.removeEventListener("keydown", checkESC);
-        };
-    });
-    useEffect(() => {
-        if (!modalDiv) {
-            const modalDivCheck = document.getElementById("smodal");
-            if (modalDivCheck) {
-                setModalDiv(modalDivCheck);
-            }
-            else {
-                const div = document.createElement("div");
-                div.setAttribute("id", "smodal");
-                document.body.appendChild(div);
-                setModalDiv(div);
-            }
-        }
-        return () => {
-            onClose();
-        };
-    }, []);
-    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;
-});