@sydsoft/base 1.50.0 → 1.52.0

package/_dist/esm/tooltip/index.js

@@ -0,0 +1,119 @@
+import { __assign, __rest } from "tslib";
+import React, { memo, useEffect } from "react";
+export var Tooltip = memo(function MemoFunction(_a) {
+    var children = _a.children, title = _a.title, _b = _a.position, position = _b === void 0 ? "top" : _b, _c = _a.arrow, arrow = _c === void 0 ? false : _c, _d = _a.distance, distance = _d === void 0 ? 5 : _d, other = __rest(_a, ["children", "title", "position", "arrow", "distance"]);
+    useEffect(function () {
+        if (typeof window === "undefined")
+            return null;
+        var cssCheck = document.getElementsByClassName("stooltip_css")[0];
+        if (!cssCheck) {
+            var head = document.getElementsByTagName('head')[0];
+            var s = document.createElement('style');
+            s.setAttribute('type', 'text/css');
+            s.classList.add("stooltip_css");
+            s.appendChild(document.createTextNode(tooltipCss));
+            head.appendChild(s);
+        }
+        return function () { return tooltipSil(); };
+    }, []);
+    var tooltipEkle = function (e) {
+        tooltipSil();
+        var tooltip = document.createElement("div");
+        tooltip.innerHTML = title;
+        tooltip.classList.add("stooltip");
+        document.body.appendChild(tooltip);
+        tooltipPosition({ target: e.currentTarget, position: position });
+    };
+    var tooltipSil = function () {
+        var check = document.body.getElementsByClassName("stooltip")[0];
+        if (check)
+            check.remove();
+    };
+    var tooltipPosition = function (_a) {
+        var target = _a.target, position = _a.position;
+        var tooltip = document.body.getElementsByClassName("stooltip")[0];
+        if (tooltip) {
+            var arrowMargin = (arrow) ? 5 : 0;
+            var margin = distance + arrowMargin;
+            if (arrow)
+                tooltip.classList.add("arrow");
+            var targetPosition = target.getBoundingClientRect();
+            var tooltipPosition_1 = tooltip.getBoundingClientRect();
+            var style = [];
+            if (position === "top" || position === "bottom") {
+                if (position === "top") {
+                    if ((targetPosition.top - tooltipPosition_1.height - margin) < 0) {
+                        style.push("top:" + (targetPosition.bottom + margin) + "px");
+                        tooltip.classList.add("bottom");
+                    }
+                    else {
+                        style.push("top:" + (targetPosition.top - tooltipPosition_1.height - margin) + "px");
+                        tooltip.classList.add("top");
+                    }
+                }
+                if (position === "bottom") {
+                    if ((targetPosition.bottom + tooltipPosition_1.height + margin) > window.innerHeight) {
+                        style.push("top:" + (targetPosition.top - tooltipPosition_1.height - margin) + "px");
+                        tooltip.classList.add("top");
+                    }
+                    else {
+                        style.push("top:" + (targetPosition.bottom + margin) + "px");
+                        tooltip.classList.add("bottom");
+                    }
+                }
+                // if ((targetPosition.left - tooltipPosition.width) < 0) {
+                if ((targetPosition.left + (targetPosition.width / 2) - (tooltipPosition_1.width / 2)) < 0) {
+                    style.push("left:2px");
+                    tooltip.classList.add("start");
+                }
+                else if ((targetPosition.left + (targetPosition.width / 2) + tooltipPosition_1.width) > window.innerWidth) {
+                    style.push("right:2px");
+                    tooltip.classList.add("end");
+                }
+                else {
+                    style.push("left:" + (targetPosition.left + (targetPosition.width / 2)) + "px");
+                    style.push("transform:translate(-50%,0)");
+                    tooltip.classList.add("center");
+                }
+            }
+            if (position === "left" || position === "right") {
+                if (position === "left") {
+                    if ((targetPosition.left - tooltipPosition_1.width - margin) < 0) {
+                        style.push("left:" + (targetPosition.right + margin) + "px");
+                        tooltip.classList.add("right");
+                    }
+                    else {
+                        style.push("left:" + (targetPosition.left - tooltipPosition_1.width - margin) + "px");
+                        tooltip.classList.add("left");
+                    }
+                }
+                if (position === "right") {
+                    if ((targetPosition.left + (targetPosition.width / 2) + tooltipPosition_1.width + margin) > window.innerWidth) {
+                        style.push("left:" + (targetPosition.left - tooltipPosition_1.width - margin) + "px");
+                        tooltip.classList.add("left");
+                    }
+                    else {
+                        style.push("left:" + (targetPosition.right + margin) + "px");
+                        tooltip.classList.add("right");
+                    }
+                }
+                if ((targetPosition.top + (targetPosition.height / 2) - (tooltipPosition_1.height / 2)) < 0) {
+                    style.push("top:2px");
+                    tooltip.classList.add("start");
+                }
+                else if ((targetPosition.top + (targetPosition.height / 2) + (tooltipPosition_1.height / 2)) > window.innerHeight) {
+                    style.push("bottom:2px");
+                    tooltip.classList.add("end");
+                }
+                else {
+                    style.push("top:" + (targetPosition.top + (targetPosition.height / 2)) + "px");
+                    style.push("transform:translate(0,-50%)");
+                    tooltip.classList.add("center");
+                }
+            }
+            tooltip.setAttribute("style", style.join(";"));
+        }
+    };
+    return React.cloneElement(children, __assign({ onMouseEnter: tooltipEkle, onMouseLeave: tooltipSil, onMouseDown: tooltipSil }, other));
+});
+var tooltipCss = "\n.stooltip {\n    position: fixed;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #1a1a1a;\n    color: rgba(255,255,255,0.9);\n    text-align: center;\n    font-size: 0.9rem;\n    font-weight:400;\n    padding: 5px 10px;\n    border-radius: 8px;\n    z-index: 1000000;\n    opacity: 0.9;\n    pointer-events: none;\n    /*transition: all 0.1s;*/\n    white-space:pre-line;\n    max-width: 300px;\n    animation: stooltip_fadein 0.7s;\n}\n\n.stooltip.arrow:after {\n    content: \"\";\n    position: absolute;\n    margin-left: -5px;\n    border-width: 5px;\n    border-style: solid;\n}\n\n.stooltip.arrow.top:after {\n    top: 100%;\n    border-color: #1a1a1a transparent transparent transparent;\n}\n\n.stooltip.arrow.top.start:after { left: 15px;}\n\n.stooltip.arrow.top.center:after { left: 50%;}\n\n.stooltip.arrow.top.end:after { right: 15px;}\n\n\n.stooltip.arrow.bottom:after {\n    bottom: 100%;\n    border-color: transparent transparent #1a1a1a transparent;\n}\n\n.stooltip.arrow.bottom.start:after { left: 15px;}\n\n.stooltip.arrow.bottom.center:after { left: 50%;}\n\n.stooltip.bottom.end:after { right: 15px;}\n\n.stooltip.arrow.left:after {\n    margin-left: -1px;\n    left: 100%;\n    border-color: transparent transparent transparent #1a1a1a;\n}\n\n.stooltip.arrow.left.start:after { top: 5px;}\n\n.stooltip.arrow.left.center:after { top: 50%; margin-top: -5px;}\n\n.stooltip.arrow.left.end:after { bottom: 15px;}\n\n.stooltip.arrow.right:after {\n    margin-right: -1px;\n    right: 100%;\n    border-color: transparent #1a1a1a transparent transparent;\n}\n\n.stooltip.arrow.right.start:after { top: 5px;}\n\n.stooltip.arrow.right.center:after { top: 50%; margin-top: -5px;}\n\n.stooltip.arrow.right.end:after { bottom: 15px;}\n\n@keyframes stooltip_fadein {\n    from { opacity: 0; }\n    to   { opacity: 0.85; }\n}\n";

package/package.json

@@ -1,26 +1,25 @@
 {
     "name": "@sydsoft/base",
     "private": false,
-    "version": "1.50.0",
+    "version": "1.52.0",
     "description": "",
-    "type": "module",
-    "main": "./_dist/index.js",
-    "module": "./_dist/index.js",
-    "types": "./_dist/index.d.ts",
+    "main": "./_dist/cjs/index.js",
+    "module": "./_dist/esm/index.js",
+    "types": "./_dist/esm/index.d.ts",
     "files": [
         "./_dist/",
         "README.md"
     ],
     "exports": {
         ".": {
-            "types": "./_dist/index.d.ts",
-            "import": "./_dist/index.js"
+            "types": "./_dist/esm/index.d.ts",
+            "default": "./_dist/esm/index.js"
         }
     },
     "scripts": {
         "clean": "rm -rf ./_dist",
-        "copyFiles": "copyfiles \"**/*.css\" _dist",
-        "build": "rm -rf ./_dist && tsc && npm run copyFiles",
+        "copyFiles": "find . -name \"*.css\" -not -path \"./_dist/*\" -exec sh -c 'for f do mkdir -p \"_dist/esm/$(dirname \"$f\")\"; cp \"$f\" \"_dist/esm/$f\"; done' sh {} +",
+        "build": "npm run clean && tsc && npm run copyFiles",
         "publishNPM": "npm run build && npm version patch && npm version minor && npm publish --dry-run && npm publish --access public && npm run clean"
     },
     "publishConfig": {

package/_dist/_lib/storage/cookies.js

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

package/_dist/_lib/storage/encData.js

@@ -1,41 +0,0 @@
-import { isDev } from "../baseFunctions";
-const encDecDataKeys = [3, 5, 8, 11, 15, 22];
-export const encData = (data, keys = encDecDataKeys) => {
-    try {
-        const newJSON = { data: data };
-        const utf8Data = unescape(encodeURIComponent(JSON.stringify(newJSON))); // Dizeyi UTF-8'e dönüştür
-        let newData = btoa(utf8Data);
-        keys.map((value) => {
-            const randomChar = String.fromCharCode(Math.floor(Math.random() * (122 - 97 + 1)) + 97);
-            newData = newData.slice(0, value) + randomChar + newData.slice(value);
-        });
-        return newData;
-    }
-    catch (e) {
-        isDev && console.log("ERROR => encData =>", e);
-        return "";
-    }
-};
-export const decData = (data, keys = encDecDataKeys) => {
-    var _a;
-    try {
-        let decode = data;
-        keys.map((value, index) => {
-            const prevValue = keys[index - 1];
-            if (!prevValue) {
-                decode = decode.slice(0, value) + decode.slice(value + 1);
-            }
-            else {
-                decode = decode.slice(0, value - index) + decode.slice(value - index + 1);
-            }
-        });
-        const decodedString = atob(decode);
-        const utf8DecodedString = decodeURIComponent(escape(decodedString));
-        const parse = JSON.parse(utf8DecodedString);
-        return (_a = parse === null || parse === void 0 ? void 0 : parse.data) !== null && _a !== void 0 ? _a : "";
-    }
-    catch (e) {
-        isDev && console.log("ERROR => decData =>", e);
-        return "";
-    }
-};

package/_dist/box/Box.js

@@ -1,14 +0,0 @@
-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 const Box = memo(function MemoFunction({ children, className, style, loading = false }) {
-    const boxRef = useRef(null);
-    const [hasContent, setHasContent] = useState(false);
-    useEffect(() => {
-        if (!boxRef.current)
-            return;
-        const found = boxRef.current.querySelector(".sbox_content");
-        setHasContent(!!found);
-    }, [children]);
-    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/box/BoxContent.js

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

package/_dist/box/BoxFooter.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import styles from "./Box.module.css";
-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/box/BoxHeader.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import styles from './Box.module.css';
-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/countDown/index.js

@@ -1,92 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-import React from 'react';
-import { useInterval } from '../_lib/useInterval';
-export const useCountDown = ({ autoStart = false, onComplete, getStatus, targetTime, timerType = 'countdown', countType = 'seconds', speed = 1000, hide }) => {
-    const refCountDownRender = useRef(null);
-    const [enabled, setEnabled] = useState(timerType === 'datetime' || autoStart);
-    const [timer, setTimer] = useState(0);
-    const [timerSpeed, setTimerSpeed] = useState(typeof speed === 'number' && speed > 0 ? speed : 1000);
-    useEffect(() => prepareTimer(targetTime), [targetTime]);
-    useEffect(() => {
-        if (!hide)
-            render();
-    }, [timer]);
-    useInterval(() => {
-        if (enabled) {
-            if (timer <= 1) {
-                stopCountDown();
-            }
-            else {
-                setTimer(timer - 1);
-            }
-        }
-    }, enabled ? timerSpeed : null);
-    const prepareTimer = (timeORstring) => {
-        if (timerType === 'datetime') {
-            setTimer(Math.floor((new Date(timeORstring).getTime() - new Date().getTime()) / 1000));
-            setEnabled(true);
-        }
-        else {
-            setTimer(timeORstring);
-        }
-    };
-    const stopCountDown = () => {
-        setTimer(0);
-        setEnabled(false);
-        if ((enabled && onComplete) || (timerType === 'datetime' && onComplete)) {
-            onComplete();
-        }
-    };
-    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;
-        }
-        else if (countType === 'hours:minutes:seconds') {
-            hours = Math.floor(seconds / (60 * 60));
-            seconds -= hours * 60 * 60;
-            minutes = Math.floor(seconds / 60);
-            seconds -= minutes * 60;
-        }
-        else if (countType === 'days:hours:minutes:seconds') {
-            days = Math.floor(seconds / (60 * 60 * 24));
-            seconds -= days * 60 * 60 * 24;
-            hours = Math.floor(seconds / (60 * 60));
-            seconds -= hours * 60 * 60;
-            minutes = Math.floor(seconds / 60);
-            seconds -= minutes * 60;
-        }
-        seconds = Math.floor(seconds);
-        if (getStatus && timer > 0)
-            getStatus({ days, hours, minutes, seconds, timer });
-        if (refCountDownRender.current) {
-            const getPadValues = (div) => {
-                const length = div.dataset.padlength || 2;
-                const string = div.dataset.padstring || '0';
-                return { length, string };
-            };
-            const divGun = refCountDownRender.current.querySelector("[data-name='days']");
-            if (divGun)
-                divGun.innerHTML = padNumber(days, getPadValues(divGun).length, getPadValues(divGun).string).toString();
-            const divSaat = refCountDownRender.current.querySelector("[data-name='hours']");
-            if (divSaat)
-                divSaat.innerHTML = padNumber(hours, getPadValues(divSaat).length, getPadValues(divSaat).string).toString();
-            const divDakika = refCountDownRender.current.querySelector("[data-name='minutes']");
-            if (divDakika)
-                divDakika.innerHTML = padNumber(minutes, getPadValues(divDakika).length, getPadValues(divDakika).string).toString();
-            const divSaniye = refCountDownRender.current.querySelector("[data-name='seconds']");
-            if (divSaniye)
-                divSaniye.innerHTML = padNumber(seconds, getPadValues(divSaniye).length, getPadValues(divSaniye).string).toString();
-        }
-    };
-    return {
-        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/form/Button.js

@@ -1,82 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Dialog } from "./Dialog";
-import { memo, useCallback, useEffect, useState } from "react";
-import { Tooltip } from "../tooltip";
-import Link from "next/link";
-import styles from "./styles/Button.module.css";
-export const Button = memo(function MemoFunction({ children, component = "button", className, buttonClass = "default", buttonSize = "medium", style, type = "button", fullWidth = false, onlyIcon, onClick, href, target, tabIndex, title, titlePosition, titleArrow, dialog, autoFocus, ...other }) {
-    const Comp = component;
-    const ripple = (e) => {
-        const el = e.currentTarget;
-        const circle = document.createElement("span");
-        const diameter = Math.max(el.clientWidth, el.clientHeight);
-        circle.style.width = circle.style.height = `${diameter}px`;
-        circle.classList.add(styles.ripple);
-        const ripple = el.getElementsByClassName(styles.ripple)[0];
-        if (ripple)
-            ripple.remove();
-        el.appendChild(circle);
-    };
-    const handleClick = (e) => {
-        ripple(e);
-        if (dialog) {
-            Dialog(dialog).then((result) => {
-                if (result && onClick) {
-                    onClick(e);
-                }
-            });
-        }
-        else {
-            if (onClick)
-                onClick(e);
-        }
-    };
-    const createClassList = useCallback(() => {
-        const 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]);
-    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]);
-    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 {
-            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, { type: type, ...ortakProps, children: onlyIcon ? onlyIcon : children }));
-    }
-    if (title && renderComponent) {
-        return (_jsx(Tooltip, { title: title, position: titlePosition, arrow: titleArrow, children: renderComponent }));
-    }
-    else {
-        return renderComponent;
-    }
-});

package/_dist/form/Checkbox.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import styles from "./styles/Input.module.css";
-export const Checkbox = ({ ref, children, name, label, checked, className, style, styleCheckbox, styleLabel, onToogle, disabled, tabIndex, required = false }) => {
-    const refMain = useRef(null);
-    // checked değerini boolean hâline getiriyoruz
-    const isChecked = checked === "1" || checked === true;
-    const handleChange = (newChecked) => {
-        if (disabled)
-            return;
-        onToogle === null || onToogle === void 0 ? void 0 : onToogle({
-            target: {
-                name,
-                value: newChecked ? "1" : "0"
-            }
-        });
-    };
-    const toggleCheck = () => {
-        handleChange(!isChecked);
-    };
-    return (_jsxs("div", { ref: refMain, className: `${styles.checkbox} ${className || ""}`, style: style, tabIndex: tabIndex, onClick: toggleCheck, children: [_jsx("input", { ref: ref, type: "checkbox", name: name, onChange: (e) => handleChange(e.target.checked), checked: isChecked, required: required, style: styleCheckbox, disabled: disabled }), label && _jsx("label", { style: styleLabel, children: label }), children && _jsx("div", { children: children })] }));
-};

package/_dist/form/Dialog.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, BoxFooter } from '../box';
-import { createRoot } from 'react-dom/client';
-import { Modal } from '../modal';
-import { Button } from './Button';
-export const Dialog = (config) => new Promise((resolve) => {
-    if (typeof window === 'undefined')
-        return false;
-    let mainDiv = document.getElementById('sdialog');
-    if (!mainDiv) {
-        const createDiv = document.createElement('div');
-        createDiv.setAttribute('id', 'sdialog');
-        document.body.appendChild(createDiv);
-        mainDiv = createDiv;
-    }
-    const root = createRoot(mainDiv);
-    const settings = {
-        acceptButtonShow: true,
-        cancelButtonShow: true,
-        acceptButtonText: 'EVET',
-        cancelButtonText: 'HAYIR',
-        acceptButtonClass: 'danger',
-        cancelButtonClass: 'secondary',
-        vertialAlign: 'center',
-        horizontalAlign: 'center',
-        hideBackdrop: true,
-        hideEsc: true,
-        styleMessage: {
-            fontSize: '1.1rem',
-            padding: '10px 20px'
-        },
-        styleBox: { padding: 0, margin: 0, minWidth: 250 },
-        styleBoxFooter: { padding: '8px 5px' },
-        autoFocus: 'accept',
-        ...config
-    };
-    const close = () => {
-        if (mainDiv) {
-            root.unmount();
-            mainDiv.remove();
-        }
-    };
-    const onCancel = () => {
-        resolve(false);
-        close();
-    };
-    const onAccept = () => {
-        resolve(true);
-        close();
-    };
-    const Component = (_jsx(Modal, { open: true, keepMounted: false, close: onCancel, hideBackdrop: settings.hideBackdrop, hideEsc: settings.hideEsc, hideCloseButton: true, vertialAlign: settings.vertialAlign, horizontalAlign: settings.horizontalAlign, backdropStyle: settings.backdropStyle, children: _jsxs(Box, { style: settings.styleBox, children: [_jsx("div", { className: "sbox_content", style: settings.styleMessage, dangerouslySetInnerHTML: { __html: settings.message } }), (settings.acceptButtonShow || settings.cancelButtonShow) && (_jsxs(BoxFooter, { style: settings.styleBoxFooter, children: [settings.cancelButtonShow && (_jsx(Button, { autoFocus: settings.autoFocus === 'cancel', buttonClass: settings.cancelButtonClass, onClick: onCancel, children: settings.cancelButtonText })), settings.acceptButtonShow && (_jsx(Button, { autoFocus: settings.autoFocus === 'accept', buttonClass: settings.acceptButtonClass, onClick: onAccept, children: settings.acceptButtonText }))] }))] }) }));
-    root.render(Component);
-});

package/_dist/form/Form.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from "react";
-export const Form = memo(function FunctionMemo({ encType = "multipart/form-data", onSubmit, style, disableOnEnterSubmit = false, ...other }) {
-    const onKeyDown = (e) => {
-        if (e.key === "Enter" && disableOnEnterSubmit) {
-            e.preventDefault();
-        }
-    };
-    return _jsx("form", { style: style, encType: encType, onSubmit: onSubmit, onKeyDown: onKeyDown, ...other });
-});

package/_dist/form/FormOlustur.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { memo, useEffect, useMemo } from 'react';
-import { Col, Row } from '../grid';
-import { isDev } from '../_lib/baseFunctions';
-import { Label } from './Label';
-export const FormOlustur = memo(function FunctionMemo(props) {
-    const { form, formOgeler, onChange, formType, sabitGrid, justifyContent, rowSpacing, colSpacing } = props;
-    useEffect(() => {
-        if (formOgeler && onChange && form) {
-            formOgeler.forEach((formOgeler) => {
-                var _a, _b, _c, _d;
-                const fieldName = (_b = (_a = formOgeler === null || formOgeler === void 0 ? void 0 : formOgeler.component) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.name;
-                if (formOgeler.noRender && fieldName && form[fieldName] && form[fieldName] != '') {
-                    isDev && console.log('noRenderGuncelle');
-                    if ((formOgeler === null || formOgeler === void 0 ? void 0 : formOgeler.component) && ((_d = (_c = formOgeler === null || formOgeler === void 0 ? void 0 : formOgeler.component) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.name)) {
-                        onChange({
-                            target: {
-                                name: fieldName,
-                                value: ''
-                            }
-                        });
-                    }
-                }
-            });
-        }
-    }, [JSON.stringify(form), formOgeler]);
-    const result = useMemo(() => {
-        return formOgeler.map(({ noRender, fullComponent, component, propsComponent, propsRow, label, propsLabel, gridLabel, gridInput }, i) => {
-            if (noRender) {
-                return null;
-            }
-            if (fullComponent)
-                return React.cloneElement(fullComponent, { key: i });
-            let newProps = { ...propsComponent };
-            if (onChange && component && !component.props.onChange) {
-                newProps = { ...newProps, onChange };
-            }
-            if (onChange && form && component.props.name && !component.props.value) {
-                newProps = { ...newProps, value: form[component.props.name] && form[component.props.name].length > 0 ? String(form[component.props.name]) : '' };
-            }
-            if (formType === 'label')
-                newProps = { ...newProps, label: '' };
-            const detectLabel = label || component.props.label;
-            gridLabel = { ...sabitGrid.label, ...gridLabel };
-            gridInput = { ...sabitGrid.input, ...gridInput };
-            return (_jsxs(Row, { justifyContent: justifyContent, rowSpacing: rowSpacing, colSpacing: colSpacing, ...propsRow, children: [formType === 'label' && detectLabel && (_jsx(Col, { ...gridLabel, children: _jsx(Label, { required: component.props.required, ...propsLabel, children: detectLabel }) })), _jsx(Col, { ...gridInput, children: React.cloneElement(component, newProps) })] }, i));
-        });
-    }, [form, formOgeler, onChange, formType, sabitGrid, justifyContent, rowSpacing, colSpacing]);
-    return _jsx(React.Fragment, { children: result });
-});

package/_dist/form/Label.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { Tooltip } from '../tooltip';
-import styles from './styles/Label.module.css';
-export const Label = memo(function FMemo({ required = false, children, ...other }) {
-    return (_jsxs("label", { className: styles.label, ...other, children: [children, _jsx(Tooltip, { title: 'Zorunlu Alan', children: _jsx("span", { className: styles.required, children: required && '*' }) })] }));
-});