@sydsoft/base 1.56.0 → 1.58.0

package/dist/esm/form/Input.js

@@ -1,196 +0,0 @@
-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 { 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, _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
-    } : _o;
-    var refMain = useRef(null);
-    var refInput = useRef(null);
-    var refLabel = useRef(null);
-    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;
-        if (componentRef)
-            componentRef.current = refMain.current;
-    }, [componentRef, inputRef]);
-    useEffect(function () {
-        autoSelectText && !select && (refInput === null || refInput === void 0 ? void 0 : refInput.current) && refInput.current.select();
-    }, [autoSelectText, select]);
-    useEffect(function () {
-        var _a, _b;
-        var filled = String(value) && value.toString().length > 0 ? true : false;
-        setInputFilled(filled);
-        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 === null || value === undefined)) {
-            if (select.length) {
-                var ilkItem = select[0][valueKey] ? select[0][valueKey] : '';
-                onChange && onChange({ target: { name: name, value: ilkItem } });
-            }
-        }
-    }, [select]);
-    useEffect(function () {
-        var _a;
-        if (typeof window !== 'undefined' && (mask === null || mask === void 0 ? void 0 : mask.length) > 0 && (refInput === null || refInput === void 0 ? void 0 : refInput.current)) {
-            (_a = refInput.current) === null || _a === void 0 ? void 0 : _a.setAttribute('autocomplete', 'off');
-        }
-        if ((mask === null || mask === void 0 ? void 0 : mask.length) > 0 && (refInput === null || refInput === void 0 ? void 0 : refInput.current)) {
-            var maskInstance_1 = applyInputMask(refInput.current, mask, __assign(__assign({}, maskSettings), { onChange: function (masked, clean, e) {
-                    if (onChange) {
-                        onChange({ target: { name: name, value: masked } });
-                    }
-                    if (maskSettings && maskSettings.onChange) {
-                        maskSettings.onChange(masked, clean, e);
-                    }
-                } }));
-            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(); };
-        }
-    }, [mask]);
-    var Change = useCallback(function (e) {
-        if (tumuBuyuk)
-            inputTumuBuyukCevir(e);
-        if (tumuKucuk)
-            inputTumuKucukCevir(e);
-        if (seoCevir)
-            convertForSEO(e);
-        setInputFilled(e.target.value.length > 0);
-        onChange ? onChange(e) : null;
-    }, [onChange, seoCevir, tumuBuyuk, tumuKucuk]);
-    var Focus = useCallback(function (e) {
-        var _a, _b;
-        onFocus ? onFocus(e) : null;
-        setFocus(true);
-        (_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);
-    }, [onFocus]);
-    var Blur = useCallback(function (e) {
-        var _a, _b, _c, _d;
-        if (fileNameGiris && e.target.value !== '' && /[/\\?%*:|"'<>]/g.test(e.target.value)) {
-            e.target.value = e.target.value.replace(/[/\\?%*:|"'<>]/g, '-');
-            if (onChange)
-                onChange(e);
-            alert_add({ type: 'warning', message: 'Lütfen dosya adındaki özel karakter değiştirildi.' });
-        }
-        if (dosyaNoGiris && e.target.value !== '' && !/^[1-2]\d{3}\/\d/.test(e.target.value)) {
-            e.target.value = '';
-            if (onChange)
-                onChange(e);
-            alert_add({ type: 'error', message: 'Lütfen doğru bir dosya numarası giriniz. Örn: 2022/123' });
-        }
-        if (dateGecmisKontrol && e.target.value !== '') {
-            var today = new Date().toISOString().slice(0, 10);
-            if (e.target.value < today) {
-                Dialog({
-                    message: 'Geçmiş bir tarihi seçtiniz. Devam etmek istiyor musunuz?'
-                }).then(function (r) {
-                    if (!r) {
-                        e.target.value = '';
-                        if (onChange)
-                            onChange(e);
-                        e.target.focus();
-                    }
-                });
-            }
-        }
-        if (required) {
-            if (e.target.value === '') {
-                (_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.add(styles.error);
-            }
-            else {
-                (_d = (_c = refMain === null || refMain === void 0 ? void 0 : refMain.current) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.remove(styles.error);
-            }
-        }
-        if (value !== e.target.value) {
-            onChange && onChange({ target: { name: name, value: e.target.value } });
-        }
-        onBlur ? onBlur(e) : null;
-        setFocus(false);
-    }, [fileNameGiris, dosyaNoGiris, dateGecmisKontrol, required, value, onBlur, onChange, name]);
-    var Click = useCallback(function (e) { return (onClick ? onClick(e) : null); }, [onClick]);
-    var KeyPress = useCallback(function (e) {
-        if (sadeceYazi) {
-            var turkishLetters = /[ğüşıöçĞÜŞİÖÇ]/;
-            if (!(/[A-Za-z\s.]/.test(e.key) || turkishLetters.test(e.key))) {
-                e.preventDefault();
-                return;
-            }
-        }
-        if ((sadeceSayi || dosyaNoGiris) && (e.which < 48 || e.which > 57))
-            e.preventDefault();
-        if (dosyaNoGiris && e.which !== 8 && e.target.value.length === 4 && e.target.value.search('/') === -1) {
-            e.target.value = e.target.value + '/';
-        }
-        onKeyPress ? onKeyPress(e) : null;
-    }, [sadeceYazi, sadeceSayi, dosyaNoGiris, onKeyPress]);
-    var KeyUp = useCallback(function (e) { return (onKeyUp ? onKeyUp(e) : null); }, [onKeyUp]);
-    var KeyDown = useCallback(function (e) {
-        onKeyDown ? onKeyDown(e) : null;
-    }, [onKeyDown]);
-    var ortakProps = {
-        ref: refInput,
-        id: id,
-        name: name,
-        value: value,
-        autoFocus: autoFocus,
-        disabled: disabled,
-        required: required,
-        placeholder: placeholder,
-        onChange: Change,
-        onFocus: Focus,
-        onBlur: Blur,
-        onClick: Click,
-        onKeyPress: KeyPress,
-        onKeyUp: KeyUp,
-        onKeyDown: KeyDown
-    };
-    var component;
-    if (select) {
-        component = (_jsxs("select", __assign({ className: "".concat(styles.input, " ").concat(styles.select) }, ortakProps, propsInput, { children: [ilkSec === false && _jsx("option", { value: '' }), select.map(function (item) {
-                    var value = item[valueKey];
-                    var label = item[labelKey];
-                    return (_jsx("option", { value: value, children: label ? label : value }, value));
-                })] })));
-    }
-    else if (multiline) {
-        component = _jsx("textarea", __assign({ className: "".concat(styles.input, " ").concat(styles.textarea), rows: rows }, ortakProps, propsInput));
-    }
-    else {
-        component = _jsx("input", __assign({ className: "".concat(styles.input), type: type }, ortakProps, propsInput));
-    }
-    var classList = function () {
-        var list = ['sInputComponent', styles.component];
-        if (className)
-            list.push(className);
-        if (label) {
-            list.push(styles.hidePlaceHolder);
-        }
-        // if (props.required && (value.length === 0 || !value)) list.push("error");
-        return list.join(' ');
-    };
-    useEffect(function () {
-        if (propsComponent && propsComponent.hasOwnProperty('style')) {
-            var background = propsComponent.style.background ? propsComponent.style.background : propsComponent.style.backgroundColor ? propsComponent.style.backgroundColor : null;
-            if (background && refLabel.current) {
-                refLabel.current.style.setProperty('--label-bg', background);
-            }
-        }
-    }, [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 })] }))] })));
-};

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

@@ -1,7 +0,0 @@
-import React from 'react';
-interface Props {
-    children: React.ReactNode;
-    required?: boolean;
-}
-export declare const Label: React.FC<Props>;
-export {};

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/SearchableInput.d.ts

@@ -1,37 +0,0 @@
-import { PropsInput } from './index';
-type typeList = {
-    value?: string;
-    label?: string;
-    [key: string]: any;
-};
-type typeValue = string | number | undefined;
-interface Props extends PropsInput {
-    autoCompleteList?: typeList[];
-    isDataFromApi: boolean;
-    value: typeValue;
-    valueKey?: string;
-    labelKey?: string;
-    itemComponent?: (option: typeList) => React.ReactNode;
-    parentInputValue?: typeValue;
-    onChange?: (e: any) => void;
-    onText?: (text: string) => void;
-    onSelect?: (item: any) => void;
-    onLoad?: (value: typeValue) => void;
-    ilkSec?: boolean;
-    newCreate?: boolean;
-    style?: React.CSSProperties;
-    disabled?: boolean;
-    listPositionRelative?: boolean;
-    loadingMessage?: string;
-    notFoundMessage?: string;
-}
-export interface SearchableInputRef {
-    setAutoCompleteList: (list: typeList[], value?: typeValue, callback?: () => void) => void;
-    clear: (openList?: boolean, focusInput?: boolean) => void;
-    open: () => void;
-    close: () => void;
-    checkByValue: (value: typeValue, openList?: boolean) => void;
-    setLoading: (loading: boolean) => void;
-}
-export declare const SearchableInput: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SearchableInputRef>>;
-export {};

package/dist/esm/form/SearchableInput.js

@@ -1,272 +0,0 @@
-import { __assign, __rest, __spreadArray } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Input } from './index';
-import { convertForSearch, convertLowerCase } from '../_lib/baseFunctions';
-import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import { onKeyboardSelection, setScrollListPosition } from '../_lib/listFunctions';
-import { Icon } from '../icon';
-import styles from './styles/SearchableInput.module.css';
-export var SearchableInput = forwardRef(function (_a, ref) {
-    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 _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, 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.');
-                return;
-            }
-            setData(list);
-            value && sendChange(value);
-            setLoading(false);
-            if (!Array.isArray(list) || list.length == 0) {
-                clear(false);
-            }
-            callback && callback();
-            //   isDev && console.log("setAutoCompleteList =>", name, value, list);
-        },
-        clear: function (openList, focusInput) {
-            if (openList === void 0) { openList = false; }
-            if (focusInput === void 0) { focusInput = false; }
-            return clear(openList, focusInput);
-        },
-        open: function () {
-            setOpen(true);
-            refInput.current && refInput.current.focus();
-        },
-        close: function () { return setOpen(false); },
-        checkByValue: function (value, openList) {
-            if (openList === void 0) { openList = false; }
-            return checkByValue(value, openList);
-        },
-        setLoading: function (value) { return setLoading(value); }
-    }); }, [autoCompleteList, data, value]);
-    useEffect(function () {
-        if (inputRef)
-            inputRef.current = refInput.current;
-    }, [refInput.current]);
-    useEffect(function () { return onLoad && onLoad(value); }, []);
-    useEffect(function () {
-        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);
-            }
-        }
-        else {
-            !isDataFromApi && clear(false);
-        }
-    }, [data]);
-    // Seçim değişikliğinde parent'ı bilgilendir
-    useEffect(function () {
-        // isDev && console.log('selectedValue =>', name, selectedValue, 'value =>', value);
-        if ((value === null || value === void 0 ? void 0 : value.toString()) != (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.toString())) {
-            checkByValue(value, open);
-            // isDev && console.log('value Kontrol ediliyor', value, selectedValue);
-        }
-    }, [value]);
-    useEffect(function () {
-        if (parentInputValue !== parentValue) {
-            setParentValue(parentInputValue);
-            clear(false);
-            // isDev && console.log(name, "parentInputValueDeğişti =>", parentInputValue);
-        }
-    }, [parentInputValue]);
-    useEffect(function () {
-        var checkHideBackDrop = function (e) {
-            if (open && refMain.current && !refMain.current.contains(e.target)) {
-                checkByInput();
-            }
-        };
-        var checkESC = function (e) {
-            if (e.keyCode === 27 || e.key === 'Escape' || e.code === 'Escape')
-                checkByInput();
-        };
-        window.addEventListener('mousedown', checkHideBackDrop);
-        if (refMain.current)
-            refMain.current.addEventListener('keydown', checkESC);
-        if (open) {
-            setScrollListPosition(refList);
-            if (!listPositionRelative) {
-                window.addEventListener('scroll', handleUpdatePosition, true);
-                window.addEventListener('resize', handleUpdatePosition);
-            }
-        }
-        return function () {
-            window.removeEventListener('mousedown', checkHideBackDrop);
-            if (refMain.current)
-                refMain.current.removeEventListener('keydown', checkESC);
-            window.removeEventListener('scroll', handleUpdatePosition, true);
-            window.removeEventListener('resize', handleUpdatePosition);
-        };
-    }, [open]);
-    useLayoutEffect(function () { return handleUpdatePosition(); }, [open]);
-    var setValue = useCallback(function (item, openList) {
-        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(name, "setValue", newValue, "item", item, "value", value);
-        if (newValue === selectedValue)
-            return;
-        setFilter('');
-        setSelectedValue(newValue);
-        onChange && sendChange(newValue);
-        onSelect && onSelect(item);
-    }, [onChange, onSelect, name, selectedValue, valueKey, labelKey]);
-    var textInputOnChange = useCallback(function (e) {
-        setSelectedValue(undefined);
-        setText(e.target.value);
-        setFilter(e.target.value.trim());
-        setOpen(true);
-        onText && onText(e.target.value);
-    }, [setValue, onText]);
-    var checkByValue = useCallback(function (value, openList, list) {
-        if (openList === void 0) { openList = false; }
-        if (list === void 0) { list = []; }
-        var targetList = list.length > 0 ? list : data;
-        var find = Object.values(targetList).find(function (item) { return convertLowerCase(item[valueKey]) === convertLowerCase(value); });
-        if (!find && newCreate && newItemCreate.create) {
-            find = newItemCreate;
-        }
-        // isDev && console.log('find', find, 'value', value, data);
-        setValue(find, openList);
-    }, [data, valueKey, newCreate, newItemCreate, setValue]);
-    var checkByInput = useCallback(function () {
-        var findByLabel = data.find(function (item) { var _a; return convertLowerCase(item[labelKey]) === convertLowerCase((_a = refInput.current) === null || _a === void 0 ? void 0 : _a.value); });
-        if (findByLabel && value == findByLabel[valueKey]) {
-            setOpen(false);
-            return;
-        }
-        setValue(findByLabel, false);
-        if (!findByLabel)
-            setText('');
-        if (isDataFromApi && !findByLabel && data.length === 0) {
-            if (onText)
-                onText('');
-        }
-    }, [data, labelKey, value, valueKey, isDataFromApi, onText, setValue, refInput.current]);
-    var clear = useCallback(function (openList, focusInput) {
-        var _a;
-        if (openList === void 0) { openList = true; }
-        if (focusInput === void 0) { focusInput = false; }
-        setFilter('');
-        setText('');
-        setValue(undefined, openList);
-        onText && onText('');
-        focusInput && ((_a = refInput === null || refInput === void 0 ? void 0 : refInput.current) === null || _a === void 0 ? void 0 : _a.focus());
-    }, [setValue, onText]);
-    var sendChange = useCallback(function (value) {
-        // isDev && console.log(name, "sendChange", value, "selectedValue", selectedValue);
-        if (onChange && value !== selectedValue) {
-            onChange({ target: { name: name, value: value } });
-        }
-    }, [onChange, name]);
-    var filteredData = useMemo(function () {
-        var _a;
-        var list;
-        if (filter.length > 0) {
-            list = data.filter(function (item) { return convertForSearch(item[labelKey]).includes(convertForSearch(filter)) || item[labelKey] == filter; });
-        }
-        else {
-            list = data;
-        }
-        if (newCreate && text.length > 0) {
-            var filterText = data.find(function (item) { return item[labelKey].toString().toLowerCase() === text.toString().toLowerCase(); });
-            if (!filterText) {
-                var newItem = (_a = {}, _a[labelKey] = text, _a[valueKey] = text, _a.create = true, _a);
-                list = __spreadArray([newItem], list, true);
-                setNewItemCreate(newItem);
-            }
-            else {
-                if (newItemCreate.create)
-                    setNewItemCreate({ create: false });
-            }
-        }
-        return list;
-    }, [data, filter, newCreate, text, valueKey, labelKey]);
-    var handleUpdatePosition = function () {
-        if (open && !listPositionRelative && refMain) {
-            setFixedPosition(refMain);
-        }
-    };
-    var onKeyDown = function (e) {
-        if (!open || !refList.current)
-            return null;
-        onKeyboardSelection({
-            e: e,
-            targetElement: refList,
-            checkByInput: checkByInput,
-            checkByValue: checkByValue,
-            clear: clear,
-            itemClass: 'li.item',
-            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 || !(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));
-                        })] }) }))] }));
-});
-var setFixedPosition = function (refMain) {
-    if (!refMain.current)
-        return;
-    var target = refMain.current;
-    var targetPosition = target.getBoundingClientRect();
-    var listDiv = target.querySelector('.listDiv');
-    if (listDiv) {
-        var listDivUL = target.querySelector('ul');
-        if (!listDiv)
-            return;
-        var listHeight = listDivUL.getBoundingClientRect().height;
-        var style = [];
-        style.push("position:fixed");
-        style.push("z-index:111111111111 !important");
-        style.push("width:".concat(targetPosition.width, "px"));
-        var spaceBelow = window.innerHeight - (targetPosition.top + targetPosition.height);
-        var spaceAbove = targetPosition.top;
-        if (spaceBelow < listHeight && spaceAbove > listHeight) {
-            style.push("top:".concat(targetPosition.top - listHeight, "px"));
-            style.push("margin-top:-1px");
-        }
-        else {
-            style.push("top:".concat(targetPosition.top + targetPosition.height, "px"));
-        }
-        listDiv.setAttribute('style', style.join(';'));
-    }
-};

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

@@ -1,25 +0,0 @@
-/**
- * Copyright (c) 2024
- *  @author: izzetseydaoglu
- *  @last-modified: 11.06.2024 02:39
- */
-import React from "react";
-interface Props {
-    children?: React.ReactNode;
-    refUploadInput?: any;
-    className?: string;
-    required?: boolean;
-    multiple?: boolean;
-    ext_ok?: string[];
-    maxSize?: number;
-    maxFile?: number;
-    style?: React.CSSProperties;
-    onChange?: Function;
-    targetForm?: Function;
-    name?: string;
-    label?: string;
-    component?: any;
-}
-export declare const UploadBase: ({ component, children, targetForm, onChange, name, required, multiple, maxSize, maxFile, ext_ok, style, className, refUploadInput, label }: Props) => import("react/jsx-runtime").JSX.Element;
-export declare const uploadBase_CreateForm: (formData: any) => any;
-export {};

package/dist/esm/form/UploadBase.js

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

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

@@ -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/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";