@sydsoft/base 1.58.0 → 2.0.0

package/dist/esm/form/FormOlustur.js

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

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

@@ -0,0 +1,66 @@
+/**
+ * @author    : izzetseydaoglu
+ * @copyright : sydSOFT Bilişim Hizmetleri (c) 2026
+ * @version   : 2026-01-21 21:35:48
+ */
+import React from 'react';
+type maskSettingsTranslation = {
+    [key: string]: {
+        pattern: any;
+        transform?: (value: string) => string;
+        optional?: boolean;
+        recursive?: boolean;
+    };
+};
+type maskSettings = {
+    clearIfNotMatch?: boolean;
+    reverse?: boolean;
+    translation?: maskSettingsTranslation;
+    selectOnFocus?: boolean;
+    onChange?: (maskedValue: string, cleanValue: string, targetInput: React.ChangeEvent<HTMLInputElement>) => void;
+};
+export interface PropsInput {
+    componentRef?: any;
+    inputRef?: any;
+    className?: string;
+    id?: string;
+    name?: string;
+    value?: any;
+    label?: string;
+    loading?: boolean;
+    autoFocus?: boolean | undefined;
+    disabled?: boolean;
+    required?: boolean;
+    placeholder?: string;
+    type?: 'text' | 'number' | 'email' | 'color' | 'date' | 'time' | 'datetime-local' | 'hidden' | 'file' | 'password' | 'tel' | 'search';
+    select?: any[];
+    ilkSec?: boolean;
+    valueKey?: string;
+    labelKey?: string;
+    multiline?: boolean;
+    rows?: number | undefined;
+    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;
+    endAdornment?: any;
+    sadeceYazi?: boolean;
+    sadeceSayi?: boolean;
+    tumuBuyuk?: boolean;
+    tumuKucuk?: boolean;
+    seoCevir?: boolean;
+    dosyaNoGiris?: boolean;
+    fileNameGiris?: boolean;
+    dateGecmisKontrol?: boolean;
+    autoSelectText?: boolean;
+    mask?: string;
+    maskSettings?: maskSettings;
+}
+export declare const Input: React.FC<PropsInput>;
+export {};

package/dist/esm/form/Input.js

@@ -0,0 +1,196 @@
+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

@@ -0,0 +1,12 @@
+/**
+ * @author    : izzetseydaoglu
+ * @copyright : sydSOFT Bilişim Hizmetleri (c) 2026
+ * @version   : 2026-02-10 20:23:07
+ */
+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

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @author    : izzetseydaoglu
+ * @copyright : sydSOFT Bilişim Hizmetleri (c) 2026
+ * @version   : 2026-02-10 20:23:07
+ */
+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

@@ -0,0 +1,42 @@
+/**
+ * @author    : izzetseydaoglu
+ * @copyright : sydSOFT Bilişim Hizmetleri (c) 2026
+ * @version   : 2026-02-10 20:23:07
+ */
+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 {};