@sydsoft/base 1.54.0 → 1.57.0

package/_dist/menu/index.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Menu = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @author    : izzetseydaoglu
- * @copyright : sydSOFT Bilişim Hizmetleri (c) 2026
- * @version   : 2026-02-07 19:31:01
- */
-var react_1 = tslib_1.__importStar(require("react"));
-var form_1 = require("../form");
-var popover_1 = require("../popover");
-var link_1 = tslib_1.__importDefault(require("next/link"));
-var index_module_css_1 = tslib_1.__importDefault(require("./index.module.css"));
-exports.Menu = (0, react_1.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 = (0, react_1.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 = (0, react_1.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) {
-            (0, form_1.Dialog)(tslib_1.__assign({}, item.dialog)).then(function (result) {
-                if (result && item.onClick) {
-                    item.onClick(e);
-                }
-            });
-        }
-        else {
-            item.onClick(e);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)("ul", { className: "smenu ".concat(index_module_css_1.default.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 = tslib_1.__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_1.default.cloneElement(fullComponent, { key: key });
-            if (seperator)
-                return (0, jsx_runtime_1.jsx)("li", tslib_1.__assign({ className: index_module_css_1.default.seperator, style: style }, itemProps, other), key);
-            var 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 ((0, jsx_runtime_1.jsx)(popover_1.Popover, tslib_1.__assign({ component: (0, jsx_runtime_1.jsx)("li", tslib_1.__assign({ style: style }, itemProps, other, { children: Component })), position: "right-top" }, (subMenuPopoverProps || {}), { children: (0, jsx_runtime_1.jsx)(exports.Menu, tslib_1.__assign({ menu: items }, (menuProps || {}))) }), key));
-            }
-            return ((0, jsx_runtime_1.jsx)("li", tslib_1.__assign({ style: style, onClick: function (e) { return handleClick(item, e); } }, itemProps, other, { children: href ? (0, jsx_runtime_1.jsx)(link_1.default, { href: href, children: Component }) : Component }), key));
-        }) }));
-});

package/_dist/menu/index.module.css

@@ -1,92 +0,0 @@
-.ul {
-    position: relative;
-    width: 100%;
-    max-height: calc(100vh - 94px);
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    background: #fff;
-    letter-spacing: 0.2px;
-    outline: none;
-    border: 1px solid transparent;
-    border-radius: 4px;
-    box-shadow: 0 2px 6px 2px rgba(60, 64, 67, 0.15);
-    overflow-y: auto;
-    user-select: none;
-}
-
-.ul > li {
-    cursor: pointer;
-    padding: 2px 6px;
-    min-height: 25px;
-}
-.ul > li,
-.ul > li a {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    width: 100%;
-}
-.ul > li a,
-.ul > li a:visited {
-    color: inherit;
-    text-decoration: none;
-}
-
-.ul > li:first-child {
-    margin-top: 5px;
-}
-
-.ul > li:last-child {
-    margin-bottom: 5px;
-}
-
-.ul > li:hover {
-    background: #f0f2f5;
-}
-
-.ul > li:global(.spopover_active) {
-    background: #e8f0fe;
-}
-
-.menuicon {
-    display: inline-flex;
-    overflow: hidden;
-    width: 30px;
-    flex: 0 0 auto;
-    align-items: center;
-    justify-content: center;
-    color: #606060;
-}
-
-.menutitle {
-    display: inline-flex;
-    flex: 1;
-    align-items: center;
-    justify-content: flex-start;
-    margin: 0 10px;
-}
-
-.rightmenu {
-    display: inline-flex;
-    flex: 0 0 auto;
-    align-items: center;
-    justify-content: center;
-    color: #909090;
-    font-size: 12px;
-    width: 50px;
-}
-.rightmenu span {
-    user-select: none;
-}
-
-.seperator {
-    cursor: default !important;
-    background: #00000014 !important;
-    border: 0;
-    height: 1px;
-    min-height: 1px !important;
-    margin: 4px 0;
-    padding: 0 !important;
-    display: block !important;
-}

package/_dist/modal/index.d.ts

@@ -1,23 +0,0 @@
-/**
- * Copyright (c) 2023
- *  @author: izzetseydaoglu
- *  @last-modified: 9.02.2024 06:07
- */
-import React from "react";
-interface Props {
-    children: React.ReactNode;
-    open: boolean;
-    close?: Function;
-    keepMounted?: boolean;
-    hideBackdrop?: boolean;
-    hideEsc?: boolean;
-    hideCloseButton?: boolean;
-    fullScreen?: boolean;
-    modalStyle?: React.CSSProperties;
-    backdropStyle?: React.CSSProperties;
-    vertialAlign?: "flex-start" | "center" | "flex-end";
-    horizontalAlign?: "flex-start" | "center" | "flex-end";
-    refModal?: any;
-}
-export declare const Modal: React.NamedExoticComponent<Props>;
-export {};

package/_dist/modal/index.js

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * Copyright (c) 2023
- *  @author: izzetseydaoglu
- *  @last-modified: 9.02.2024 06:07
- */
-var react_1 = require("react");
-var react_dom_1 = tslib_1.__importDefault(require("react-dom"));
-var index_module_css_1 = tslib_1.__importDefault(require("./index.module.css"));
-exports.Modal = (0, react_1.memo)(function MemoFunction(_a) {
-    var _b = _a.refModal, refModal = _b === void 0 ? null : _b, children = _a.children, _c = _a.open, open = _c === void 0 ? false : _c, close = _a.close, _d = _a.keepMounted, keepMounted = _d === void 0 ? false : _d, _e = _a.fullScreen, fullScreen = _e === void 0 ? false : _e, _f = _a.hideBackdrop, hideBackdrop = _f === void 0 ? true : _f, _g = _a.hideEsc, hideEsc = _g === void 0 ? false : _g, _h = _a.hideCloseButton, hideCloseButton = _h === void 0 ? false : _h, modalStyle = _a.modalStyle, backdropStyle = _a.backdropStyle, _j = _a.vertialAlign, vertialAlign = _j === void 0 ? "center" : _j, _k = _a.horizontalAlign, horizontalAlign = _k === void 0 ? "center" : _k;
-    var _l = (0, react_1.useState)(null), modalDiv = _l[0], setModalDiv = _l[1];
-    var ref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(function () {
-        if (refModal)
-            refModal.current = ref.current;
-    }, [ref.current]);
-    var onClose = function () {
-        if (close)
-            close();
-    };
-    var checkHideBackDrop = function (e) {
-        if (open && ref.current && !ref.current.contains(e.target))
-            onClose();
-    };
-    var checkESC = function (e) {
-        if (e.keyCode === 27 || e.key === "Escape" || e.code === "Escape")
-            onClose();
-    };
-    (0, react_1.useEffect)(function () {
-        if (open) {
-            if (hideBackdrop)
-                window.addEventListener("mousedown", checkHideBackDrop);
-            if (hideEsc)
-                window.addEventListener("keydown", checkESC);
-        }
-        return function () {
-            if (hideBackdrop)
-                window.removeEventListener("mousedown", checkHideBackDrop);
-            if (hideEsc)
-                window.removeEventListener("keydown", checkESC);
-        };
-    });
-    (0, react_1.useEffect)(function () {
-        if (!modalDiv) {
-            var modalDivCheck = document.getElementById("smodal");
-            if (modalDivCheck) {
-                setModalDiv(modalDivCheck);
-            }
-            else {
-                var div = document.createElement("div");
-                div.setAttribute("id", "smodal");
-                document.body.appendChild(div);
-                setModalDiv(div);
-            }
-        }
-        return function () {
-            onClose();
-        };
-    }, []);
-    if ((!keepMounted && !open) || typeof window === "undefined")
-        return null;
-    var Component = ((0, jsx_runtime_1.jsx)("div", { className: "".concat(index_module_css_1.default.backdrop, " ").concat(open ? index_module_css_1.default.backdrop_open : ""), style: tslib_1.__assign({ alignItems: vertialAlign, justifyContent: horizontalAlign }, backdropStyle), children: (0, jsx_runtime_1.jsxs)("div", { ref: ref, className: "smodal ".concat(index_module_css_1.default.modal, " ").concat(fullScreen ? index_module_css_1.default.fullscreen : ""), style: modalStyle, children: [!hideCloseButton && ((0, jsx_runtime_1.jsx)("div", { className: "close ".concat(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/modal/index.module.css

@@ -1,77 +0,0 @@
-.backdrop {
-    position: fixed;
-    z-index: 1300;
-    inset: 0;
-    display: none;
-    align-items: center;
-    justify-content: center;
-    background: rgba(0, 0, 0, 0.23);
-    width: 100%;
-    height: 100%;
-    outline: none;
-}
-.backdrop_open {
-    display: flex !important;
-}
-
-.modal {
-    position: relative;
-    min-width: 200px;
-    max-width: 90%;
-    max-height: calc(100% - 64px);
-    overflow-x: hidden;
-    border-radius: 8px;
-    background: transparent;
-    box-shadow:
-        rgb(0 0 0 / 32%) 0 4px 8px,
-        rgb(0 0 0 / 40%) 0 8px 40px;
-    margin: 15px;
-    padding: 0;
-    z-index: 1;
-    outline: none;
-}
-.fullscreen {
-    width: 100vw;
-    max-width: 100vw;
-    height: 100vh;
-    max-height: 100vh;
-    border-radius: 0;
-    margin: 0;
-}
-.close_fixed {
-    position: absolute;
-    top: 2px;
-    right: 2px;
-    z-index: 1000;
-    text-align: right;
-    border-radius: inherit;
-}
-
-.close {
-    position: fixed;
-    background: linear-gradient(0deg, transparent, #00000026, transparent);
-    padding: 8px 10px;
-    font-size: 11px;
-    transform: scale(1) translateX(-100%);
-    border-radius: none;
-    cursor: pointer;
-    font-weight: bold;
-    text-shadow: 1px 0px 0px #000000;
-    transition: all 0.3s ease-in-out;
-}
-.close:hover {
-    transform: scale(1.3) translateX(-85%);
-    background: linear-gradient(180deg, transparent, #0000003a, transparent);
-}
-
-.sbox_header {
-    position: sticky;
-    top: 0;
-    z-index: 10;
-}
-
-.sbox_footer {
-    position: sticky;
-    bottom: 0;
-    z-index: 10;
-}

package/_dist/popover/index.d.ts

@@ -1,26 +0,0 @@
-/**
- * @author    : izzetseydaoglu
- * @copyright : sydSOFT Bilişim Hizmetleri (c) 2026
- * @version   : 2026-02-10 16:12:35
- */
-import React from 'react';
-type PopoverPosition = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-top' | 'left-center' | 'left-bottom' | 'right' | 'right-top' | 'right-center' | 'right-bottom';
-type ArrowColor = 'auto' | string;
-export interface PopoverConfigBaseProps {
-    position?: PopoverPosition;
-    removeWhenClickInside?: boolean;
-    hideBackdrop?: boolean;
-    arrow?: boolean;
-    distance?: number;
-    fade?: boolean;
-    arrowColor?: ArrowColor;
-    hover?: boolean;
-    hoverCloseDelay?: number;
-    keepMounted?: boolean;
-}
-interface PopoverProps extends PopoverConfigBaseProps {
-    component: any;
-    children: React.ReactNode;
-}
-export declare const Popover: React.NamedExoticComponent<PopoverProps>;
-export {};