@sydsoft/base 1.43.0 → 1.47.0

package/dist/esm/_lib/baseFunctions.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 export declare const isDev: boolean;
 export declare const isServerReq: (context: any) => boolean;
+export declare const sleep: (ms?: number) => Promise<unknown>;
 export declare const padNumber: (num: number, padLength?: number, padString?: string) => string;
 export declare function inputTumuBuyukCevir(e: React.ChangeEvent<HTMLInputElement>): void;
 export declare function inputTumuKucukCevir(e: React.ChangeEvent<HTMLInputElement>): void;

package/dist/esm/_lib/baseFunctions.js

@@ -1,5 +1,9 @@
 export var isDev = !process.env.NODE_ENV || process.env.NODE_ENV === 'development';
 export var isServerReq = function (context) { var _a, _b; return !((_b = (_a = context === null || context === void 0 ? void 0 : context.req) === null || _a === void 0 ? void 0 : _a.url) === null || _b === void 0 ? void 0 : _b.startsWith('/_next')); };
+export var sleep = function (ms) {
+    if (ms === void 0) { ms = 1000; }
+    return new Promise(function (resolve) { return setTimeout(resolve, ms); });
+};
 export var padNumber = function (num, padLength, padString) {
     if (padLength === void 0) { padLength = 2; }
     if (padString === void 0) { padString = '0'; }

package/dist/esm/_lib/inputMask.js

@@ -40,7 +40,8 @@ var createMaskCore = function () {
         if (reverse === void 0) { reverse = false; }
         if (!maskTokens.length)
             return inputValue;
-        var cleanValue = inputValue.replace(/[^\w\s]/g, "");
+        var normalizedValue = inputValue == null ? "" : String(inputValue);
+        var cleanValue = normalizedValue.replace(/[^\w\s]/g, "");
         if (reverse) {
             return applyReverseMask(cleanValue, maskTokens);
         }

package/dist/esm/_lib/storage/encData.d.ts

@@ -1,2 +1,2 @@
-export declare const encData: (data: any) => string;
-export declare const decData: (data: string) => any;
+export declare const encData: (data: object | string | number, keys?: number[]) => string;
+export declare const decData: (data: string, keys?: number[]) => any;

package/dist/esm/_lib/storage/encData.js

@@ -1,8 +1,10 @@
-import { isDev } from '../baseFunctions';
-var keys = [3, 5, 8, 11, 15, 22];
-export var encData = function (data) {
+import { isDev } from "../baseFunctions";
+var encDecDataKeys = [3, 5, 8, 11, 15, 22];
+export var encData = function (data, keys) {
+    if (keys === void 0) { keys = encDecDataKeys; }
     try {
-        var utf8Data = unescape(encodeURIComponent(JSON.stringify(data))); // Dizeyi UTF-8'e dönüştür
+        var newJSON = { data: data };
+        var utf8Data = unescape(encodeURIComponent(JSON.stringify(newJSON))); // Dizeyi UTF-8'e dönüştür
         var newData_1 = btoa(utf8Data);
         keys.map(function (value) {
             var randomChar = String.fromCharCode(Math.floor(Math.random() * (122 - 97 + 1)) + 97);
@@ -11,11 +13,13 @@ export var encData = function (data) {
         return newData_1;
     }
     catch (e) {
-        isDev && console.log('ERROR => encData =>', e);
-        return '';
+        isDev && console.log("ERROR => encData =>", e);
+        return "";
     }
 };
-export var decData = function (data) {
+export var decData = function (data, keys) {
+    var _a;
+    if (keys === void 0) { keys = encDecDataKeys; }
     try {
         var decode_1 = data;
         keys.map(function (value, index) {
@@ -29,10 +33,11 @@ export var decData = function (data) {
         });
         var decodedString = atob(decode_1);
         var utf8DecodedString = decodeURIComponent(escape(decodedString));
-        return JSON.parse(utf8DecodedString);
+        var 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 '';
+        isDev && console.log("ERROR => decData =>", e);
+        return "";
     }
 };

package/dist/esm/form/Dialog.d.ts

@@ -1,19 +1,20 @@
-import React, { ReactNode } from "react";
+import React, { ReactNode } from 'react';
 export type propsDialog = {
     message: any;
     acceptButtonShow?: boolean;
     cancelButtonShow?: boolean;
     acceptButtonText?: string | ReactNode;
     cancelButtonText?: string | ReactNode;
-    acceptButtonClass?: "default" | "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark" | "link";
-    cancelButtonClass?: "default" | "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark" | "link";
-    vertialAlign?: "flex-start" | "center" | "flex-end";
-    horizontalAlign?: "flex-start" | "center" | "flex-end";
+    acceptButtonClass?: 'default' | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    cancelButtonClass?: 'default' | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    vertialAlign?: 'flex-start' | 'center' | 'flex-end';
+    horizontalAlign?: 'flex-start' | 'center' | 'flex-end';
     hideBackdrop?: boolean;
     hideEsc?: boolean;
     styleMessage?: React.CSSProperties;
     styleBox?: React.CSSProperties;
     styleBoxFooter?: React.CSSProperties;
-    autoFocus?: "accept" | "cancel";
+    autoFocus?: 'accept' | 'cancel';
+    backdropStyle?: React.CSSProperties;
 };
 export declare const Dialog: (config: propsDialog) => Promise<unknown>;

package/dist/esm/form/Dialog.js

@@ -1,25 +1,25 @@
 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";
+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")
+        if (typeof window === 'undefined')
             return false;
-        var mainDiv = document.getElementById("sdialog");
+        var mainDiv = document.getElementById('sdialog');
         if (!mainDiv) {
-            var createDiv = document.createElement("div");
-            createDiv.setAttribute("id", "sdialog");
+            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 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();
@@ -34,7 +34,7 @@ export var Dialog = function (config) {
             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, 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 }))] }))] }) }));
+        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/Input.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @author    : izzetseydaoglu
+ * @copyright : sydSOFT Bilişim Hizmetleri (c) 2026
+ * @version   : 2026-01-21 21:35:48
+ */
 import React from 'react';
 type maskSettingsTranslation = {
     [key: string]: {
@@ -34,13 +39,13 @@ export interface PropsInput {
     labelKey?: string;
     multiline?: boolean;
     rows?: number | undefined;
-    onChange?: Function;
-    onFocus?: Function;
-    onBlur?: Function;
-    onClick?: Function;
-    onKeyPress?: Function;
-    onKeyUp?: Function;
-    onKeyDown?: Function;
+    onChange?: (e: any) => void;
+    onFocus?: (e: any) => void;
+    onBlur?: (e: any) => void;
+    onClick?: (e: any) => void;
+    onKeyPress?: (e: any) => void;
+    onKeyUp?: (e: any) => void;
+    onKeyDown?: (e: any) => void;
     propsComponent?: object | any;
     propsInput?: object;
     startAdornment?: any;

package/dist/esm/form/Input.js

@@ -1,22 +1,27 @@
 import { __assign } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @author    : izzetseydaoglu
+ * @copyright : sydSOFT Bilişim Hizmetleri (c) 2026
+ * @version   : 2026-01-21 21:35:48
+ */
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { convertForSEO, inputTumuBuyukCevir, inputTumuKucukCevir } from '../_lib/baseFunctions';
-import { Dialog } from './Dialog';
-import { alert_add } from '../alert';
 import { applyInputMask } from '../_lib/inputMask';
+import { alert_add } from '../alert';
+import { Dialog } from './Dialog';
 import styles from './styles/Input.module.css';
 export var Input = function (_a) {
-    var componentRef = _a.componentRef, inputRef = _a.inputRef, className = _a.className, propsComponent = _a.propsComponent, propsInput = _a.propsInput, id = _a.id, name = _a.name, value = _a.value, type = _a.type, label = _a.label, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, placeholder = _a.placeholder, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onClick = _a.onClick, onKeyPress = _a.onKeyPress, onKeyUp = _a.onKeyUp, onKeyDown = _a.onKeyDown, disabled = _a.disabled, required = _a.required, loading = _a.loading, autoFocus = _a.autoFocus, select = _a.select, _b = _a.valueKey, valueKey = _b === void 0 ? 'value' : _b, _c = _a.labelKey, labelKey = _c === void 0 ? 'label' : _c, ilkSec = _a.ilkSec, multiline = _a.multiline, rows = _a.rows, sadeceYazi = _a.sadeceYazi, sadeceSayi = _a.sadeceSayi, tumuBuyuk = _a.tumuBuyuk, tumuKucuk = _a.tumuKucuk, seoCevir = _a.seoCevir, dosyaNoGiris = _a.dosyaNoGiris, fileNameGiris = _a.fileNameGiris, dateGecmisKontrol = _a.dateGecmisKontrol, autoSelectText = _a.autoSelectText, _d = _a.mask, mask = _d === void 0 ? '' : _d, _e = _a.maskSettings, maskSettings = _e === void 0 ? {
+    var componentRef = _a.componentRef, inputRef = _a.inputRef, className = _a.className, propsComponent = _a.propsComponent, propsInput = _a.propsInput, id = _a.id, name = _a.name, _b = _a.value, value = _b === void 0 ? '' : _b, type = _a.type, label = _a.label, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, placeholder = _a.placeholder, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onClick = _a.onClick, onKeyPress = _a.onKeyPress, onKeyUp = _a.onKeyUp, onKeyDown = _a.onKeyDown, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.required, required = _d === void 0 ? false : _d, _e = _a.loading, loading = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, select = _a.select, _g = _a.valueKey, valueKey = _g === void 0 ? 'value' : _g, _h = _a.labelKey, labelKey = _h === void 0 ? 'label' : _h, _j = _a.ilkSec, ilkSec = _j === void 0 ? false : _j, _k = _a.multiline, multiline = _k === void 0 ? false : _k, _l = _a.rows, rows = _l === void 0 ? 2 : _l, sadeceYazi = _a.sadeceYazi, sadeceSayi = _a.sadeceSayi, tumuBuyuk = _a.tumuBuyuk, tumuKucuk = _a.tumuKucuk, seoCevir = _a.seoCevir, dosyaNoGiris = _a.dosyaNoGiris, fileNameGiris = _a.fileNameGiris, dateGecmisKontrol = _a.dateGecmisKontrol, autoSelectText = _a.autoSelectText, _m = _a.mask, mask = _m === void 0 ? '' : _m, _o = _a.maskSettings, maskSettings = _o === void 0 ? {
         clearIfNotMatch: true,
         reverse: false, //Tersten doldurmaya başla, fiyatlar için geçerli
         selectOnFocus: false
-    } : _e;
+    } : _o;
     var refMain = useRef(null);
     var refInput = useRef(null);
     var refLabel = useRef(null);
-    var _f = useState(value && value.toString().length > 0), inputFilled = _f[0], setInputFilled = _f[1];
-    var _g = useState(false), focus = _g[0], setFocus = _g[1];
+    var _p = useState(value && value.toString().length > 0), inputFilled = _p[0], setInputFilled = _p[1];
+    var _q = useState(false), focus = _q[0], setFocus = _q[1];
     useEffect(function () {
         if (inputRef)
             inputRef.current = refInput.current;
@@ -24,21 +29,17 @@ export var Input = function (_a) {
             componentRef.current = refMain.current;
     }, [componentRef, inputRef]);
     useEffect(function () {
-        if (autoSelectText && !select && (refInput === null || refInput === void 0 ? void 0 : refInput.current)) {
-            refInput.current.select();
-        }
+        autoSelectText && !select && (refInput === null || refInput === void 0 ? void 0 : refInput.current) && refInput.current.select();
     }, [autoSelectText, select]);
     useEffect(function () {
         var _a, _b;
-        var filled = value && String(value) && value.toString().length > 0;
+        var filled = String(value) && value.toString().length > 0 ? true : false;
         setInputFilled(filled);
-        if (filled) {
-            (_b = (_a = refMain === null || refMain === void 0 ? void 0 : refMain.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove(styles.error);
-        }
+        filled && ((_b = (_a = refMain === null || refMain === void 0 ? void 0 : refMain.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove(styles.error));
     }, [value]);
     useEffect(function () {
         // if (type === "number") sadeceSayi = true; //TODO: sadeceSayi burada değiştirelemez ki!!!
-        if (select && ilkSec && (value === '' || !value)) {
+        if (select && ilkSec && (value === '' || value === null || value === undefined)) {
             if (select.length) {
                 var ilkItem = select[0][valueKey] ? select[0][valueKey] : '';
                 onChange && onChange({ target: { name: name, value: ilkItem } });
@@ -62,7 +63,6 @@ export var Input = function (_a) {
             maskInstance_1 === null || maskInstance_1 === void 0 ? void 0 : maskInstance_1.setValue(value ? value : null);
             return function () { return maskInstance_1 === null || maskInstance_1 === void 0 ? void 0 : maskInstance_1.destroy(); };
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [mask]);
     var Change = useCallback(function (e) {
         if (tumuBuyuk)
@@ -174,7 +174,7 @@ export var Input = function (_a) {
     else {
         component = _jsx("input", __assign({ className: "".concat(styles.input), type: type }, ortakProps, propsInput));
     }
-    var classList = useCallback(function () {
+    var classList = function () {
         var list = ['sInputComponent', styles.component];
         if (className)
             list.push(className);
@@ -183,7 +183,7 @@ export var Input = function (_a) {
         }
         // if (props.required && (value.length === 0 || !value)) list.push("error");
         return list.join(' ');
-    }, [value, className]);
+    };
     useEffect(function () {
         if (propsComponent && propsComponent.hasOwnProperty('style')) {
             var background = propsComponent.style.background ? propsComponent.style.background : propsComponent.style.backgroundColor ? propsComponent.style.backgroundColor : null;
@@ -194,13 +194,3 @@ export var Input = function (_a) {
     }, [propsComponent]);
     return (_jsxs("div", __assign({ ref: refMain, className: classList(), "data-disabled": disabled }, propsComponent, { children: [startAdornment && _jsx("div", { className: "adornment_start ".concat(styles.adornment, " ").concat(styles.start), children: startAdornment }), _jsxs("div", { className: "".concat(styles.inputBase, " ").concat(inputFilled || focus || type == 'date' ? styles.open : ''), children: [component, label && (_jsxs("div", { ref: refLabel, className: "label ".concat(styles.label), children: [label, required && _jsx("span", { className: styles.required, children: "*" })] }))] }), (endAdornment || loading) && (_jsxs("div", { className: "adornment_end ".concat(styles.adornment, " ").concat(styles.end), children: [endAdornment, loading && _jsx("div", { className: styles.loading })] }))] })));
 };
-Input.defaultProps = {
-    value: '',
-    disabled: false,
-    required: false,
-    ilkSec: false,
-    multiline: false,
-    rows: 2,
-    loading: false,
-    autoFocus: false
-};

package/dist/esm/form/Label.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface Props {
     children: React.ReactNode;
     required?: boolean;

package/dist/esm/form/Label.js

@@ -1,12 +1,9 @@
 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(props) {
-    var required = props.required, children = props.children, other = __rest(props, ["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 && "*" }) })] })));
+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 && '*' }) })] })));
 });
-Label.defaultProps = {
-    required: false
-};

package/dist/esm/form/SearchableInput.d.ts

@@ -6,7 +6,6 @@ type typeList = {
     [key: string]: any;
 };
 type typeValue = string | number | undefined;
-type typeVoidFunction = () => void;
 interface Props extends PropsInput {
     autoCompleteList?: typeList[];
     isDataFromApi: boolean;
@@ -18,6 +17,7 @@ interface Props extends PropsInput {
     onChange?: (e: any) => void;
     onText?: (text: string) => void;
     onSelect?: (item: any) => void;
+    onLoad?: (value: typeValue) => void;
     ilkSec?: boolean;
     newCreate?: boolean;
     style?: React.CSSProperties;
@@ -27,7 +27,7 @@ interface Props extends PropsInput {
     notFoundMessage?: string;
 }
 export interface SearchableInputRef {
-    setAutoCompleteList: (list: typeList[], value?: typeValue, callback?: typeVoidFunction) => void;
+    setAutoCompleteList: (list: typeList[], value?: typeValue, callback?: () => void) => void;
     clear: (openList?: boolean, focusInput?: boolean) => void;
     open: () => void;
     close: () => void;

package/dist/esm/form/SearchableInput.js

@@ -7,20 +7,20 @@ import { onKeyboardSelection, setScrollListPosition } from '../_lib/listFunction
 import { Icon } from '../icon';
 import styles from './styles/SearchableInput.module.css';
 export var SearchableInput = forwardRef(function (_a, ref) {
-    var autoCompleteList = _a.autoCompleteList, isDataFromApi = _a.isDataFromApi, name = _a.name, value = _a.value, parentInputValue = _a.parentInputValue, disabled = _a.disabled, itemComponent = _a.itemComponent, _b = _a.valueKey, valueKey = _b === void 0 ? 'value' : _b, _c = _a.labelKey, labelKey = _c === void 0 ? 'label' : _c, onSelect = _a.onSelect, onChange = _a.onChange, onText = _a.onText, style = _a.style, _d = _a.listPositionRelative, listPositionRelative = _d === void 0 ? false : _d, _e = _a.loadingMessage, loadingMessage = _e === void 0 ? 'Lütfen bekleyiniz...' : _e, _f = _a.notFoundMessage, notFoundMessage = _f === void 0 ? 'Kayıt bulunamadı...' : _f, placeholder = _a.placeholder, endAdornment = _a.endAdornment, _g = _a.ilkSec, ilkSec = _g === void 0 ? false : _g, _h = _a.newCreate, newCreate = _h === void 0 ? false : _h, inputRef = _a.inputRef, other = __rest(_a, ["autoCompleteList", "isDataFromApi", "name", "value", "parentInputValue", "disabled", "itemComponent", "valueKey", "labelKey", "onSelect", "onChange", "onText", "style", "listPositionRelative", "loadingMessage", "notFoundMessage", "placeholder", "endAdornment", "ilkSec", "newCreate", "inputRef"]);
+    var _b = _a.autoCompleteList, autoCompleteList = _b === void 0 ? [] : _b, isDataFromApi = _a.isDataFromApi, name = _a.name, value = _a.value, parentInputValue = _a.parentInputValue, disabled = _a.disabled, itemComponent = _a.itemComponent, _c = _a.valueKey, valueKey = _c === void 0 ? 'value' : _c, _d = _a.labelKey, labelKey = _d === void 0 ? 'label' : _d, onSelect = _a.onSelect, onChange = _a.onChange, onText = _a.onText, onLoad = _a.onLoad, style = _a.style, _e = _a.listPositionRelative, listPositionRelative = _e === void 0 ? false : _e, _f = _a.loadingMessage, loadingMessage = _f === void 0 ? 'Lütfen bekleyiniz...' : _f, _g = _a.notFoundMessage, notFoundMessage = _g === void 0 ? 'Kayıt bulunamadı...' : _g, placeholder = _a.placeholder, endAdornment = _a.endAdornment, _h = _a.ilkSec, ilkSec = _h === void 0 ? false : _h, _j = _a.newCreate, newCreate = _j === void 0 ? false : _j, inputRef = _a.inputRef, other = __rest(_a, ["autoCompleteList", "isDataFromApi", "name", "value", "parentInputValue", "disabled", "itemComponent", "valueKey", "labelKey", "onSelect", "onChange", "onText", "onLoad", "style", "listPositionRelative", "loadingMessage", "notFoundMessage", "placeholder", "endAdornment", "ilkSec", "newCreate", "inputRef"]);
     var refMain = useRef(null);
     var refInput = useRef(null);
     var refList = useRef(null);
-    var _j = useState(autoCompleteList !== null && autoCompleteList !== void 0 ? autoCompleteList : []), data = _j[0], setData = _j[1];
-    var _k = useState(value !== null && value !== void 0 ? value : undefined), selectedValue = _k[0], setSelectedValue = _k[1];
-    var _l = useState(parentInputValue !== null && parentInputValue !== void 0 ? parentInputValue : undefined), parentValue = _l[0], setParentValue = _l[1];
-    var _m = useState(''), text = _m[0], setText = _m[1]; //Inputta görünen
-    var _o = useState(''), filter = _o[0], setFilter = _o[1]; // Filtrelemeye tabi tutulan
-    var _p = useState({ created: false }), newItemCreate = _p[0], setNewItemCreate = _p[1];
-    var _q = useState(false), open = _q[0], setOpen = _q[1];
-    var _r = useState(isDataFromApi && (!autoCompleteList || (autoCompleteList === null || autoCompleteList === void 0 ? void 0 : autoCompleteList.length) == 0)), loading = _r[0], setLoading = _r[1];
+    var _k = useState(autoCompleteList !== null && autoCompleteList !== void 0 ? autoCompleteList : []), data = _k[0], setData = _k[1];
+    var _l = useState(value !== null && value !== void 0 ? value : undefined), selectedValue = _l[0], setSelectedValue = _l[1];
+    var _m = useState(parentInputValue !== null && parentInputValue !== void 0 ? parentInputValue : undefined), parentValue = _m[0], setParentValue = _m[1];
+    var _o = useState(''), text = _o[0], setText = _o[1]; //Inputta görünen
+    var _p = useState(''), filter = _p[0], setFilter = _p[1]; // Filtrelemeye tabi tutulan
+    var _q = useState({ created: false }), newItemCreate = _q[0], setNewItemCreate = _q[1];
+    var _r = useState(false), open = _r[0], setOpen = _r[1];
+    var _s = useState(isDataFromApi && (!autoCompleteList || (autoCompleteList === null || autoCompleteList === void 0 ? void 0 : autoCompleteList.length) == 0)), loading = _s[0], setLoading = _s[1];
     useImperativeHandle(ref, function () { return ({
-        setAutoCompleteList: function (list, value) {
+        setAutoCompleteList: function (list, value, callback) {
             if (value === void 0) { value = undefined; }
             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.');
@@ -29,7 +29,11 @@ export var SearchableInput = forwardRef(function (_a, ref) {
             setData(list);
             value && sendChange(value);
             setLoading(false);
-            // isDev && console.log('setAutoCompleteList =>', name, value, list);
+            if (!Array.isArray(list) || list.length == 0) {
+                clear(false);
+            }
+            callback && callback();
+            //   isDev && console.log("setAutoCompleteList =>", name, value, list);
         },
         clear: function (openList, focusInput) {
             if (openList === void 0) { openList = false; }
@@ -51,23 +55,39 @@ export var SearchableInput = forwardRef(function (_a, ref) {
         if (inputRef)
             inputRef.current = refInput.current;
     }, [refInput.current]);
+    useEffect(function () { return onLoad && onLoad(value); }, []);
     useEffect(function () {
-        if (autoCompleteList && Array.isArray(autoCompleteList) && JSON.stringify(autoCompleteList) !== JSON.stringify(data) && autoCompleteList.length > 0) {
-            setData(autoCompleteList);
-            // isDev && console.log('autoCompleteList =>', name, autoCompleteList, data);
+        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(function () {
         // 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);
+            if (!value && ilkSec) {
+                checkByValue(data[0][valueKey], false);
             }
         }
         else {
-            !isDataFromApi && clear();
+            !isDataFromApi && clear(false);
         }
     }, [data]);
     // Seçim değişikliğinde parent'ı bilgilendir
@@ -82,7 +102,7 @@ export var SearchableInput = forwardRef(function (_a, ref) {
         if (parentInputValue !== parentValue) {
             setParentValue(parentInputValue);
             clear(false);
-            // isDev && console.log(name, 'parentInputValueDeğişti =>', parentInputValue);
+            // isDev && console.log(name, "parentInputValueDeğişti =>", parentInputValue);
         }
     }, [parentInputValue]);
     useEffect(function () {
@@ -115,11 +135,12 @@ export var SearchableInput = forwardRef(function (_a, ref) {
     }, [open]);
     useLayoutEffect(function () { return handleUpdatePosition(); }, [open]);
     var setValue = useCallback(function (item, openList) {
-        var newValue = item && item[valueKey] ? item[valueKey] : '';
-        var newLabel = item && item[labelKey] ? item[labelKey] : '';
+        var _a, _b;
+        var newValue = (_a = item === null || item === void 0 ? void 0 : item[valueKey]) !== null && _a !== void 0 ? _a : '';
+        var newLabel = (_b = item === null || item === void 0 ? void 0 : item[labelKey]) !== null && _b !== void 0 ? _b : '';
         setOpen(openList);
         setText(newLabel);
-        // isDev && console.log('setValue', newValue, 'item', item, 'value', value);
+        // isDev && console.log(name, "setValue", newValue, "item", item, "value", value);
         if (newValue === selectedValue)
             return;
         setFilter('');
@@ -158,7 +179,7 @@ export var SearchableInput = forwardRef(function (_a, ref) {
             if (onText)
                 onText('');
         }
-    }, [data, labelKey, value, valueKey, isDataFromApi, onText, setValue]);
+    }, [data, labelKey, value, valueKey, isDataFromApi, onText, setValue, refInput.current]);
     var clear = useCallback(function (openList, focusInput) {
         var _a;
         if (openList === void 0) { openList = true; }
@@ -170,6 +191,7 @@ export var SearchableInput = forwardRef(function (_a, ref) {
         focusInput && ((_a = refInput === null || refInput === void 0 ? void 0 : refInput.current) === null || _a === void 0 ? void 0 : _a.focus());
     }, [setValue, onText]);
     var sendChange = useCallback(function (value) {
+        // isDev && console.log(name, "sendChange", value, "selectedValue", selectedValue);
         if (onChange && value !== selectedValue) {
             onChange({ target: { name: name, value: value } });
         }
@@ -215,7 +237,7 @@ export var SearchableInput = forwardRef(function (_a, ref) {
             selectedClass: 'selected'
         });
     };
-    return (_jsxs("div", { ref: refMain, className: styles.searchableInputComponent, onKeyDown: onKeyDown, style: style, children: [_jsx(Input, __assign({}, other, { inputRef: refInput, name: name, value: text, onFocus: function () { return !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: function () { return clear(true, true); }, onlyIcon: _jsx(Icon, { name: 'close', style: { color: '#444' } }) }), endAdornment, _jsx(Button, { tabIndex: -1, hidden: !(data.length > 0), onClick: function () { return !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: __assign(__assign({}, 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 ".concat(open ? 'open' : ''), children: [(filteredData.length === 0 || loading) && _jsx("div", { className: "message ".concat(loading ? 'loading' : ''), children: loading ? loadingMessage : notFoundMessage }), filteredData.map(function (item, key) {
+    return (_jsxs("div", { ref: refMain, className: styles.searchableInputComponent, onKeyDown: onKeyDown, style: style, children: [_jsx(Input, __assign({}, other, { inputRef: refInput, name: name, value: text, onFocus: function () { return !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: function () { return clear(true, true); }, onlyIcon: _jsx(Icon, { name: 'close', style: { color: '#444' } }) }), endAdornment, _jsx(Button, { tabIndex: -1, hidden: !data || !(data.length > 0), onClick: function () { return !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: __assign(__assign({}, 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 ".concat(open ? 'open' : ''), children: [(filteredData.length === 0 || loading) && _jsx("div", { className: "message ".concat(loading ? 'loading' : ''), children: loading ? loadingMessage : notFoundMessage }), filteredData.map(function (item, key) {
                             var itemValue = item[valueKey];
                             var itemLabel = item[labelKey];
                             return (_jsxs("li", { className: "item ".concat(itemValue === selectedValue ? 'active' : ''), "data-value": itemValue, "data-label": itemLabel, onClick: function () { return setValue(item, false); }, children: [item.create && _jsx("span", { className: 'newCreate', children: "Yeni Olu\u015Ftur: " }), itemComponent ? itemComponent(item) : itemLabel] }, key));

package/dist/esm/icon/index.js

@@ -6,18 +6,21 @@ var defaultIconStyle = {
     userSelect: 'none',
     width: '1em',
     height: '1em',
-    display: 'inline-block',
+    // display: 'inline-block',
     verticalAlign: 'middle',
-    flexShrink: 0
+    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.5rem', color: color || 'inherit' }), "aria-hidden": "true" }, other, { children: 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", { viewBox: iconComponent.viewBox, fill: 'currentColor', xmlns: "http://www.w3.org/2000/svg", children: iconComponent.content }) })));
+    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/menu/index.d.ts

@@ -1,5 +1,11 @@
-import { propsDialog } from "../form";
-import React from "react";
+/**
+ * @author    : izzetseydaoglu
+ * @copyright : sydSOFT Bilişim Hizmetleri (c) 2026
+ * @version   : 2026-02-07 19:31:01
+ */
+import React from 'react';
+import { propsDialog } from '../form';
+import { PopoverConfigBaseProps } from '../popover';
 interface BaseProps {
     style?: React.CSSProperties;
     itemProps?: any;
@@ -26,18 +32,38 @@ interface FullComponentProps extends BaseProps {
 interface ItemComponentProps extends BaseProps {
     seperator?: false;
     fullComponent?: never;
+    type?: never;
     title: string;
     icon?: React.ReactNode;
+    rightComponent?: React.ReactNode;
     href?: string;
     onClick?: (e: React.MouseEvent<HTMLLIElement>) => void;
     dialog?: propsDialog;
 }
-export type typeMenu = SeperatorProps | FullComponentProps | ItemComponentProps;
+interface SubMenuProps extends BaseProps {
+    type: 'submenu';
+    title: string;
+    items: typeMenu[];
+    icon?: React.ReactNode;
+    subMenuPopoverProps?: PopoverConfigBaseProps;
+    rightComponent?: React.ReactNode;
+    menuProps?: {
+        className?: string;
+        style?: React.CSSProperties;
+        withIcon?: boolean | 'auto';
+    };
+    seperator?: never;
+    fullComponent?: never;
+    href?: never;
+    onClick?: never;
+    dialog?: never;
+}
+export type typeMenu = SeperatorProps | FullComponentProps | ItemComponentProps | SubMenuProps;
 interface Props {
     menu: typeMenu[];
     className?: string;
     style?: React.CSSProperties;
-    withIcon?: boolean;
+    withIcon?: boolean | 'auto';
 }
 export declare const Menu: React.NamedExoticComponent<Props>;
 export {};