@sydsoft/base 1.47.0 → 1.48.0

package/dist/esm/form/SearchableInput.js

@@ -1,4 +1,3 @@
-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';
@@ -6,22 +5,20 @@ import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffec
 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; }
+export const SearchableInput = forwardRef(({ autoCompleteList = [], isDataFromApi, name, value, parentInputValue, disabled, itemComponent, valueKey = 'value', labelKey = 'label', onSelect, onChange, onText, onLoad, style, listPositionRelative = false, loadingMessage = 'Lütfen bekleyiniz...', notFoundMessage = 'Kayıt bulunamadı...', placeholder, endAdornment, ilkSec = false, newCreate = false, inputRef, ...other }, ref) => {
+    const refMain = useRef(null);
+    const refInput = useRef(null);
+    const refList = useRef(null);
+    const [data, setData] = useState(autoCompleteList !== null && autoCompleteList !== void 0 ? autoCompleteList : []);
+    const [selectedValue, setSelectedValue] = useState(value !== null && value !== void 0 ? value : undefined);
+    const [parentValue, setParentValue] = useState(parentInputValue !== null && parentInputValue !== void 0 ? parentInputValue : undefined);
+    const [text, setText] = useState(''); //Inputta görünen
+    const [filter, setFilter] = useState(''); // Filtrelemeye tabi tutulan
+    const [newItemCreate, setNewItemCreate] = useState({ created: false });
+    const [open, setOpen] = useState(false);
+    const [loading, setLoading] = useState(isDataFromApi && (!autoCompleteList || (autoCompleteList === null || autoCompleteList === void 0 ? void 0 : autoCompleteList.length) == 0));
+    useImperativeHandle(ref, () => ({
+        setAutoCompleteList: (list, value = undefined, callback) => {
             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;
@@ -35,28 +32,21 @@ export var SearchableInput = forwardRef(function (_a, ref) {
             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 () {
+        clear: (openList = false, focusInput = false) => clear(openList, focusInput),
+        open: () => {
             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 () {
+        close: () => setOpen(false),
+        checkByValue: (value, openList = false) => checkByValue(value, openList),
+        setLoading: (value) => setLoading(value)
+    }), [autoCompleteList, data, value]);
+    useEffect(() => {
         if (inputRef)
             inputRef.current = refInput.current;
     }, [refInput.current]);
-    useEffect(function () { return onLoad && onLoad(value); }, []);
-    useEffect(function () {
+    useEffect(() => onLoad && onLoad(value), []);
+    useEffect(() => {
         if (autoCompleteList && Array.isArray(autoCompleteList)) {
             if (autoCompleteList.length > 0) {
                 // Sadece gerçekten farklıysa set et
@@ -74,7 +64,7 @@ export var SearchableInput = forwardRef(function (_a, ref) {
             }
         }
     }, [autoCompleteList]);
-    useEffect(function () {
+    useEffect(() => {
         // isDev && console.log('data =>', name, data, 'selectedValue =>', selectedValue, 'value =>', value);
         if (!Array.isArray(data)) {
             setData([]);
@@ -91,27 +81,27 @@ export var SearchableInput = forwardRef(function (_a, ref) {
         }
     }, [data]);
     // Seçim değişikliğinde parent'ı bilgilendir
-    useEffect(function () {
+    useEffect(() => {
         // 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 () {
+    useEffect(() => {
         if (parentInputValue !== parentValue) {
             setParentValue(parentInputValue);
             clear(false);
             // isDev && console.log(name, "parentInputValueDeğişti =>", parentInputValue);
         }
     }, [parentInputValue]);
-    useEffect(function () {
-        var checkHideBackDrop = function (e) {
+    useEffect(() => {
+        const checkHideBackDrop = (e) => {
             if (open && refMain.current && !refMain.current.contains(e.target)) {
                 checkByInput();
             }
         };
-        var checkESC = function (e) {
+        const checkESC = (e) => {
             if (e.keyCode === 27 || e.key === 'Escape' || e.code === 'Escape')
                 checkByInput();
         };
@@ -125,7 +115,7 @@ export var SearchableInput = forwardRef(function (_a, ref) {
                 window.addEventListener('resize', handleUpdatePosition);
             }
         }
-        return function () {
+        return () => {
             window.removeEventListener('mousedown', checkHideBackDrop);
             if (refMain.current)
                 refMain.current.removeEventListener('keydown', checkESC);
@@ -133,11 +123,11 @@ export var SearchableInput = forwardRef(function (_a, ref) {
             window.removeEventListener('resize', handleUpdatePosition);
         };
     }, [open]);
-    useLayoutEffect(function () { return handleUpdatePosition(); }, [open]);
-    var setValue = useCallback(function (item, openList) {
+    useLayoutEffect(() => handleUpdatePosition(), [open]);
+    const setValue = useCallback((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 : '';
+        const newValue = (_a = item === null || item === void 0 ? void 0 : item[valueKey]) !== null && _a !== void 0 ? _a : '';
+        const 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);
@@ -148,26 +138,24 @@ export var SearchableInput = forwardRef(function (_a, ref) {
         onChange && sendChange(newValue);
         onSelect && onSelect(item);
     }, [onChange, onSelect, name, selectedValue, valueKey, labelKey]);
-    var textInputOnChange = useCallback(function (e) {
+    const textInputOnChange = useCallback((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); });
+    const checkByValue = useCallback((value, openList = false, list = []) => {
+        const targetList = list.length > 0 ? list : data;
+        let find = Object.values(targetList).find((item) => 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); });
+    const checkByInput = useCallback(() => {
+        const findByLabel = data.find((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;
@@ -180,36 +168,33 @@ export var SearchableInput = forwardRef(function (_a, ref) {
                 onText('');
         }
     }, [data, labelKey, value, valueKey, isDataFromApi, onText, setValue, refInput.current]);
-    var clear = useCallback(function (openList, focusInput) {
+    const clear = useCallback((openList = true, focusInput = false) => {
         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) {
+    const sendChange = useCallback((value) => {
         // isDev && console.log(name, "sendChange", value, "selectedValue", selectedValue);
         if (onChange && value !== selectedValue) {
-            onChange({ target: { name: name, value: value } });
+            onChange({ target: { name, value } });
         }
     }, [onChange, name]);
-    var filteredData = useMemo(function () {
-        var _a;
-        var list;
+    const filteredData = useMemo(() => {
+        let list;
         if (filter.length > 0) {
-            list = data.filter(function (item) { return convertForSearch(item[labelKey]).includes(convertForSearch(filter)) || item[labelKey] == filter; });
+            list = data.filter((item) => 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(); });
+            const filterText = data.find((item) => 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);
+                const newItem = { [labelKey]: text, [valueKey]: text, create: true };
+                list = [newItem, ...list];
                 setNewItemCreate(newItem);
             }
             else {
@@ -219,53 +204,56 @@ export var SearchableInput = forwardRef(function (_a, ref) {
         }
         return list;
     }, [data, filter, newCreate, text, valueKey, labelKey]);
-    var handleUpdatePosition = function () {
+    const handleUpdatePosition = () => {
         if (open && !listPositionRelative && refMain) {
             setFixedPosition(refMain);
         }
     };
-    var onKeyDown = function (e) {
+    const onKeyDown = (e) => {
         if (!open || !refList.current)
             return null;
         onKeyboardSelection({
-            e: e,
+            e,
             targetElement: refList,
-            checkByInput: checkByInput,
-            checkByValue: checkByValue,
-            clear: clear,
+            checkByInput,
+            checkByValue,
+            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));
+    return (_jsxs("div", { ref: refMain, className: styles.searchableInputComponent, onKeyDown: onKeyDown, style: style, children: [_jsx(Input, { ...other, inputRef: refInput, name: name, value: text, onFocus: () => !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: () => clear(true, true), onlyIcon: _jsx(Icon, { name: 'close', style: { color: '#444' } }) }), endAdornment, _jsx(Button, { tabIndex: -1, hidden: !data || !(data.length > 0), onClick: () => !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: {
+                    ...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 ${open ? 'open' : ''}`, children: [(filteredData.length === 0 || loading) && _jsx("div", { className: `message ${loading ? 'loading' : ''}`, children: loading ? loadingMessage : notFoundMessage }), filteredData.map((item, key) => {
+                            const itemValue = item[valueKey];
+                            const itemLabel = item[labelKey];
+                            return (_jsxs("li", { className: `item ${itemValue === selectedValue ? 'active' : ''}`, "data-value": itemValue, "data-label": itemLabel, onClick: () => setValue(item, false), children: [item.create && _jsx("span", { className: 'newCreate', children: "Yeni Olu\u015Ftur: " }), itemComponent ? itemComponent(item) : itemLabel] }, key));
                         })] }) }))] }));
 });
-var setFixedPosition = function (refMain) {
+const setFixedPosition = (refMain) => {
     if (!refMain.current)
         return;
-    var target = refMain.current;
-    var targetPosition = target.getBoundingClientRect();
-    var listDiv = target.querySelector('.listDiv');
+    const target = refMain.current;
+    const targetPosition = target.getBoundingClientRect();
+    const listDiv = target.querySelector('.listDiv');
     if (listDiv) {
-        var listDivUL = target.querySelector('ul');
+        const 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;
+        const listHeight = listDivUL.getBoundingClientRect().height;
+        const style = [];
+        style.push(`position:fixed`);
+        style.push(`z-index:111111111111 !important`);
+        style.push(`width:${targetPosition.width}px`);
+        const spaceBelow = window.innerHeight - (targetPosition.top + targetPosition.height);
+        const spaceAbove = targetPosition.top;
         if (spaceBelow < listHeight && spaceAbove > listHeight) {
-            style.push("top:".concat(targetPosition.top - listHeight, "px"));
-            style.push("margin-top:-1px");
+            style.push(`top:${targetPosition.top - listHeight}px`);
+            style.push(`margin-top:-1px`);
         }
         else {
-            style.push("top:".concat(targetPosition.top + targetPosition.height, "px"));
+            style.push(`top:${targetPosition.top + targetPosition.height}px`);
         }
         listDiv.setAttribute('style', style.join(';'));
     }

package/dist/esm/form/UploadBase.js

@@ -1,4 +1,3 @@
-import { __assign } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Copyright (c) 2024
@@ -7,17 +6,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 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 () {
+const upload_ext_ok = ["pdf", "doc", "docx", "xls", "xlsx", "jpg", "jpeg", "png", "bmp", "tiff", "tif", "udf", "txt", "rtf", "csv", "xml", "zip", "rar"];
+const upload_maxsize = 30;
+const upload_maxfile = 50;
+export const UploadBase = ({ component = "div", children, targetForm, onChange, name = "file__", required = true, multiple = false, maxSize = upload_maxsize, maxFile = upload_maxfile, ext_ok = upload_ext_ok, style, className, refUploadInput = null, label }) => {
+    const ref = useRef(null);
+    useEffect(() => {
         if (refUploadInput)
             refUploadInput.current = ref.current;
     }, [ref.current]);
-    var fileSelected = function (e) {
+    const fileSelected = (e) => {
         if (!(e.target.files.length > 0)) {
             e.target.value = null;
             return null;
@@ -27,10 +25,10 @@ export var UploadBase = function (_a) {
             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();
+        const fileList = [];
+        Object.values(e.target.files).map((file) => {
+            const size = file.size;
+            const 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(", ") });
             }
@@ -44,24 +42,27 @@ export var UploadBase = function (_a) {
         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);
+            const nameList = [];
+            let newform = {};
+            let uniqueID = new Date().getTime();
+            fileList.map((file) => {
+                uniqueID = uniqueID + 1;
+                newform = { ...newform, [name + uniqueID]: file };
+                nameList.push(file.name);
             });
-            targetForm(function (prev) { return (__assign(__assign({}, prev), { uploadBaseList: __assign({}, newform_1), uploadBaseListName: nameList_1.join(", ") })); });
+            targetForm((prev) => ({
+                ...prev,
+                uploadBaseList: { ...newform },
+                uploadBaseListName: nameList.join(", ")
+            }));
         }
     };
-    var defaultStyle = {
+    const 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: {
+    const Component = component.toLowerCase();
+    return (_jsxs(Component, { className: className, style: { ...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((i) => "." + i).join(","), style: {
                     position: "absolute",
                     top: 0,
                     left: 0,
@@ -72,14 +73,11 @@ export var UploadBase = function (_a) {
                     zIndex: 1
                 } })] }));
 };
-export var uploadBase_CreateForm = function (formData) {
+export const uploadBase_CreateForm = (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)));
-    });
+    let newform = { ...formData };
+    const list = (_a = formData["uploadBaseList"]) !== null && _a !== void 0 ? _a : {};
+    Object.keys(list).map((fileKey) => (newform = { ...newform, [fileKey]: list[fileKey] }));
     delete newform["uploadBaseList"];
     delete newform["uploadBaseListName"];
     return newform;

package/dist/esm/grid/index.js

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

package/dist/esm/icon/icons.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export var iconMap = {
+export const iconMap = {
     close: {
         viewBox: '0 -960 960 960',
         content: (_jsx(_Fragment, { children: _jsx("path", { d: "m336-280-56-56 144-144-144-143 56-56 144 144 143-144 56 56-144 143 144 144-56 56-143-144-144 144Z" }) }))

package/dist/esm/icon/index.js

@@ -1,8 +1,7 @@
-import { __assign, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { iconMap } from './icons';
-export var iconList = Object.keys(iconMap);
-var defaultIconStyle = {
+export const iconList = Object.keys(iconMap);
+const defaultIconStyle = {
     userSelect: 'none',
     width: '1em',
     height: '1em',
@@ -13,14 +12,23 @@ var defaultIconStyle = {
     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"]);
+export const Icon = ({ name, iconMui, customIcon, fontSize, color, className, style, ...other }) => {
     if (iconMui) {
-        return (_jsx("span", __assign({ className: "material-icons ".concat(className || ''), style: __assign(__assign(__assign({}, defaultIconStyle), style), { fontSize: fontSize || '1.3rem', color: color || 'inherit' }), "aria-hidden": "true" }, other, { children: iconMui })));
+        return (_jsx("span", { className: `material-icons ${className || ''}`, style: {
+                ...defaultIconStyle,
+                ...style,
+                fontSize: fontSize || '1.3rem',
+                color: color || 'inherit'
+            }, "aria-hidden": "true", ...other, children: iconMui }));
     }
-    var iconComponent = name ? iconMap[name] : customIcon;
+    const iconComponent = name ? iconMap[name] : customIcon;
     if (!iconComponent) {
         return _jsx("span", { children: "\u26A0\uFE0F" });
     }
-    return (_jsx("span", __assign({ className: className, style: __assign(__assign(__assign({}, defaultIconStyle), style), { fontSize: fontSize || '1.5rem', color: color || 'inherit' }) }, other, { children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: iconComponent.viewBox, fill: 'currentColor', width: "1em", height: "1em", style: { display: 'block', flexShrink: 0 }, children: iconComponent.content }) })));
+    return (_jsx("span", { className: className, style: {
+            ...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 }) }));
 };