@sydsoft/base 1.52.0 → 1.53.0

package/_dist/esm/form/Dialog.js

@@ -1,40 +0,0 @@
-import { __assign } from "tslib";
-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 var Dialog = function (config) {
-    return new Promise(function (resolve) {
-        if (typeof window === 'undefined')
-            return false;
-        var mainDiv = document.getElementById('sdialog');
-        if (!mainDiv) {
-            var createDiv = document.createElement('div');
-            createDiv.setAttribute('id', 'sdialog');
-            document.body.appendChild(createDiv);
-            mainDiv = createDiv;
-        }
-        var root = createRoot(mainDiv);
-        var settings = __assign({ 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);
-        var close = function () {
-            if (mainDiv) {
-                root.unmount();
-                mainDiv.remove();
-            }
-        };
-        var onCancel = function () {
-            resolve(false);
-            close();
-        };
-        var onAccept = function () {
-            resolve(true);
-            close();
-        };
-        var 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/esm/form/Form.js

@@ -1,12 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from "react";
-export var Form = memo(function FunctionMemo(_a) {
-    var _b = _a.encType, encType = _b === void 0 ? "multipart/form-data" : _b, onSubmit = _a.onSubmit, style = _a.style, _c = _a.disableOnEnterSubmit, disableOnEnterSubmit = _c === void 0 ? false : _c, other = __rest(_a, ["encType", "onSubmit", "style", "disableOnEnterSubmit"]);
-    var onKeyDown = function (e) {
-        if (e.key === "Enter" && disableOnEnterSubmit) {
-            e.preventDefault();
-        }
-    };
-    return _jsx("form", __assign({ style: style, encType: encType, onSubmit: onSubmit, onKeyDown: onKeyDown }, other));
-});

package/_dist/esm/form/Label.js

@@ -1,9 +0,0 @@
-import { __assign, __rest } from "tslib";
-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 var Label = memo(function FMemo(_a) {
-    var _b = _a.required, required = _b === void 0 ? false : _b, children = _a.children, other = __rest(_a, ["required", "children"]);
-    return (_jsxs("label", __assign({ className: styles.label }, other, { children: [children, _jsx(Tooltip, { title: 'Zorunlu Alan', children: _jsx("span", { className: styles.required, children: required && '*' }) })] })));
-});

package/_dist/esm/form/index.js

@@ -1,9 +0,0 @@
-export * from "./Button";
-export * from "./Checkbox";
-export * from "./Dialog";
-export * from "./Form";
-export * from "./FormOlustur";
-export * from "./Input";
-export * from "./Label";
-export * from "./SearchableInput";
-export * from "./UploadBase";

package/_dist/esm/grid/index.js

@@ -1,97 +0,0 @@
-import { __assign, __rest, __spreadArray } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import styles from './index.module.css';
-export var Row = function (_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, style = _a.style, _c = _a.flexDirection, flexDirection = _c === void 0 ? 'row' : _c, _d = _a.flexWrap, flexWrap = _d === void 0 ? 'wrap' : _d, _e = _a.justifyContent, justifyContent = _e === void 0 ? 'flex-start' : _e, _f = _a.alignContent, alignContent = _f === void 0 ? 'center' : _f, _g = _a.alignItems, alignItems = _g === void 0 ? 'center' : _g, _h = _a.rowSpacing, rowSpacing = _h === void 0 ? 2 : _h, _j = _a.colSpacing, colSpacing = _j === void 0 ? 2 : _j, other = __rest(_a, ["children", "className", "style", "flexDirection", "flexWrap", "justifyContent", "alignContent", "alignItems", "rowSpacing", "colSpacing"]);
-    var classes = [
-        styles.row,
-        rowSpacing !== undefined && styles["row-spacing-".concat(rowSpacing)],
-        colSpacing !== undefined && styles["col-spacing-".concat(colSpacing)],
-        flexDirection !== 'row' && styles["flex-".concat(flexDirection.replace('-', '-'))],
-        flexWrap !== 'wrap' && styles["flex-".concat(flexWrap)],
-        justifyContent !== 'flex-start' && styles["justify-".concat(justifyContent.replace('flex-', '').replace('space-', ''))],
-        alignItems !== 'center' && styles["align-items-".concat(alignItems.replace('flex-', ''))],
-        alignContent !== 'center' && styles["align-content-".concat(alignContent.replace('flex-', ''))],
-        className
-    ]
-        .filter(Boolean)
-        .join(' ');
-    return (_jsx("div", __assign({ className: classes, style: style }, other, { children: children })));
-};
-export var Col = function (_a) {
-    // Cascading logic - aynı sizin component'inizdeki gibi
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, style = _a.style, xs = _a.xs, sm = _a.sm, md = _a.md, lg = _a.lg, xl = _a.xl, xxl = _a.xxl, other = __rest(_a, ["children", "className", "style", "xs", "sm", "md", "lg", "xl", "xxl"]);
-    var classes = [
-        styles.col,
-        // Sadece belirtilen breakpoint'ler için class ekle
-        xs && styles["col-xs-".concat(xs)],
-        sm && styles["col-sm-".concat(sm)],
-        md && styles["col-md-".concat(md)],
-        lg && styles["col-lg-".concat(lg)],
-        xl && styles["col-xl-".concat(xl)],
-        xxl && styles["col-xxl-".concat(xxl)],
-        className
-    ]
-        .filter(Boolean)
-        .join(' ');
-    return (_jsx("div", __assign({ className: classes, style: style }, other, { children: children })));
-};
-export var Hidden = function (_a) {
-    var children = _a.children, hidden = _a.hidden, onlyHidden = _a.onlyHidden, other = __rest(_a, ["children", "hidden", "onlyHidden"]);
-    var existingClassName = children.props.className || '';
-    var hiddenClasses = [];
-    if (onlyHidden) {
-        onlyHidden.forEach(function (breakpoint) {
-            hiddenClasses.push(styles["hidden-".concat(breakpoint)]);
-        });
-    }
-    else if (hidden) {
-        // Orijinal mantık: seçilen breakpoint ve altındaki tüm breakpoint'ler gizlenir
-        var breakpoints = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
-        var targetIndex = breakpoints.indexOf(hidden);
-        if (targetIndex !== -1) {
-            for (var i = 0; i <= targetIndex; i++) {
-                hiddenClasses.push(styles["hidden-".concat(breakpoints[i])]);
-            }
-        }
-    }
-    var newClassName = __spreadArray([existingClassName], hiddenClasses, true).filter(Boolean).join(' ');
-    return React.cloneElement(children, __assign({ className: newClassName }, other));
-};
-export var DevelopGridComponent = function () {
-    var _a = useState(''), currentBreakpoint = _a[0], setCurrentBreakpoint = _a[1];
-    // Breakpoint detector
-    React.useEffect(function () {
-        var updateBreakpoint = function () {
-            var width = window.innerWidth;
-            var 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 function () { 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/esm/icon/icons.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export var iconMap = {
-    close: {
-        viewBox: '0 -960 960 960',
-        content: (_jsx(_Fragment, { children: _jsx("path", { d: "m336-280-56-56 144-144-144-143 56-56 144 144 143-144 56 56-144 143 144 144-56 56-143-144-144 144Z" }) }))
-    },
-    search: {
-        viewBox: '0 0 24 24',
-        content: (_jsxs(_Fragment, { children: [_jsx("path", { d: "M0 0h24v24H0V0z", fill: "none" }), _jsx("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })] }))
-    },
-    edit: {
-        viewBox: '0 -960 960 960',
-        content: (_jsx("path", { d: "M200-200h57l391-391-57-57-391 391v57Zm-80 80v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm640-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z" }))
-    },
-    keyboard_arrow_up: {
-        viewBox: '0 -960 960 960',
-        content: _jsx("path", { d: "M480-528 296-344l-56-56 240-240 240 240-56 56-184-184Z" })
-    },
-    keyboard_arrow_down: {
-        viewBox: '0 -960 960 960',
-        content: _jsx("path", { d: "M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z" })
-    }
-};

package/_dist/esm/icon/index.js

@@ -1,26 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { iconMap } from './icons';
-export var iconList = Object.keys(iconMap);
-var defaultIconStyle = {
-    userSelect: 'none',
-    width: '1em',
-    height: '1em',
-    // display: 'inline-block',
-    verticalAlign: 'middle',
-    flexShrink: 0,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center'
-};
-export var Icon = function (_a) {
-    var name = _a.name, iconMui = _a.iconMui, customIcon = _a.customIcon, fontSize = _a.fontSize, color = _a.color, className = _a.className, style = _a.style, other = __rest(_a, ["name", "iconMui", "customIcon", "fontSize", "color", "className", "style"]);
-    if (iconMui) {
-        return (_jsx("span", __assign({ className: "material-icons ".concat(className || ''), style: __assign(__assign(__assign({}, defaultIconStyle), style), { fontSize: fontSize || '1.3rem', color: color || 'inherit' }), "aria-hidden": "true" }, other, { children: iconMui })));
-    }
-    var iconComponent = name ? iconMap[name] : customIcon;
-    if (!iconComponent) {
-        return _jsx("span", { children: "\u26A0\uFE0F" });
-    }
-    return (_jsx("span", __assign({ className: className, style: __assign(__assign(__assign({}, 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/esm/icon/mui.js

@@ -1 +0,0 @@
-export {};

package/_dist/esm/index.js

@@ -1,19 +0,0 @@
-export * from './_lib/baseFunctions';
-export * from './_lib/inputMask';
-export * from './_lib/listFunctions';
-export * from './_lib/storage/cookies';
-export * from './_lib/storage/encData';
-export * from './_lib/storage/localStorage';
-export * from './_lib/storage/sessionStorage';
-export * from './_lib/useInterval';
-export * from './alert';
-export * from './box';
-export * from './countDown';
-export * from './dateTime';
-export * from './form';
-export * from './grid';
-export * from './icon';
-export * from './menu';
-export * from './modal';
-export * from './popover';
-export * from './tooltip';

package/_dist/esm/menu/index.js

@@ -1,52 +0,0 @@
-import { __assign, __rest } from "tslib";
-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 var Menu = memo(function MemoFunction(_a) {
-    var menu = _a.menu, className = _a.className, style = _a.style, _b = _a.withIcon, withIcon = _b === void 0 ? 'auto' : _b;
-    var withIconComponent = useMemo(function () {
-        if (withIcon === true)
-            return true;
-        if (withIcon === false)
-            return false;
-        return Object.values(menu).some(function (item) { return 'icon' in item && !!item.icon; });
-    }, [menu, withIcon]);
-    var withRightComponent = useMemo(function () {
-        return Object.values(menu).some(function (item) { return 'rightComponent' in item && !!item.rightComponent; });
-    }, [menu]);
-    var handleClick = function (item, e) {
-        if (!item.onClick)
-            return;
-        if (item.dialog) {
-            Dialog(__assign({}, item.dialog)).then(function (result) {
-                if (result && item.onClick) {
-                    item.onClick(e);
-                }
-            });
-        }
-        else {
-            item.onClick(e);
-        }
-    };
-    return (_jsx("ul", { className: "smenu ".concat(styles.ul, " ").concat(className || ''), style: style, children: Object.values(menu).map(function (item, key) {
-            var _a = item, fullComponent = _a.fullComponent, icon = _a.icon, title = _a.title, rightComponent = _a.rightComponent, seperator = _a.seperator, href = _a.href, style = _a.style, itemProps = _a.itemProps, type = _a.type, items = _a.items, menuProps = _a.menuProps, subMenuPopoverProps = _a.subMenuPopoverProps, other = __rest(_a, ["fullComponent", "icon", "title", "rightComponent", "seperator", "href", "style", "itemProps", "type", "items", "menuProps", "subMenuPopoverProps"]);
-            var hasSubmenu = type === 'submenu' && Array.isArray(items) && items.length > 0;
-            if (fullComponent)
-                return React.cloneElement(fullComponent, { key: key });
-            if (seperator)
-                return _jsx("li", __assign({ className: styles.seperator, style: style }, itemProps, other), key);
-            var 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, __assign({ component: _jsx("li", __assign({ style: style }, itemProps, other, { children: Component })), position: "right-top" }, (subMenuPopoverProps || {}), { children: _jsx(Menu, __assign({ menu: items }, (menuProps || {}))) }), key));
-            }
-            return (_jsx("li", __assign({ style: style, onClick: function (e) { return handleClick(item, e); } }, itemProps, other, { children: href ? _jsx(Link, { href: href, children: Component }) : Component }), key));
-        }) }));
-});