@sydsoft/base 1.52.0 → 1.53.0

package/_dist/{esm/form → form}/SearchableInput.js

@@ -1,25 +1,28 @@
-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 ({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchableInput = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var index_1 = require("./index");
+var baseFunctions_1 = require("../_lib/baseFunctions");
+var react_1 = require("react");
+var listFunctions_1 = require("../_lib/listFunctions");
+var icon_1 = require("../icon");
+var SearchableInput_module_css_1 = tslib_1.__importDefault(require("./styles/SearchableInput.module.css"));
+exports.SearchableInput = (0, react_1.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 = tslib_1.__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 = (0, react_1.useRef)(null);
+    var refInput = (0, react_1.useRef)(null);
+    var refList = (0, react_1.useRef)(null);
+    var _k = (0, react_1.useState)(autoCompleteList !== null && autoCompleteList !== void 0 ? autoCompleteList : []), data = _k[0], setData = _k[1];
+    var _l = (0, react_1.useState)(value !== null && value !== void 0 ? value : undefined), selectedValue = _l[0], setSelectedValue = _l[1];
+    var _m = (0, react_1.useState)(parentInputValue !== null && parentInputValue !== void 0 ? parentInputValue : undefined), parentValue = _m[0], setParentValue = _m[1];
+    var _o = (0, react_1.useState)(''), text = _o[0], setText = _o[1]; //Inputta görünen
+    var _p = (0, react_1.useState)(''), filter = _p[0], setFilter = _p[1]; // Filtrelemeye tabi tutulan
+    var _q = (0, react_1.useState)({ created: false }), newItemCreate = _q[0], setNewItemCreate = _q[1];
+    var _r = (0, react_1.useState)(false), open = _r[0], setOpen = _r[1];
+    var _s = (0, react_1.useState)(isDataFromApi && (!autoCompleteList || (autoCompleteList === null || autoCompleteList === void 0 ? void 0 : autoCompleteList.length) == 0)), loading = _s[0], setLoading = _s[1];
+    (0, react_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) {
@@ -51,12 +54,12 @@ export var SearchableInput = forwardRef(function (_a, ref) {
         },
         setLoading: function (value) { return setLoading(value); }
     }); }, [autoCompleteList, data, value]);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (inputRef)
             inputRef.current = refInput.current;
     }, [refInput.current]);
-    useEffect(function () { return onLoad && onLoad(value); }, []);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () { return onLoad && onLoad(value); }, []);
+    (0, react_1.useEffect)(function () {
         if (autoCompleteList && Array.isArray(autoCompleteList)) {
             if (autoCompleteList.length > 0) {
                 // Sadece gerçekten farklıysa set et
@@ -74,7 +77,7 @@ export var SearchableInput = forwardRef(function (_a, ref) {
             }
         }
     }, [autoCompleteList]);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         // isDev && console.log('data =>', name, data, 'selectedValue =>', selectedValue, 'value =>', value);
         if (!Array.isArray(data)) {
             setData([]);
@@ -91,21 +94,21 @@ export var SearchableInput = forwardRef(function (_a, ref) {
         }
     }, [data]);
     // Seçim değişikliğinde parent'ı bilgilendir
-    useEffect(function () {
+    (0, react_1.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 () {
+    (0, react_1.useEffect)(function () {
         if (parentInputValue !== parentValue) {
             setParentValue(parentInputValue);
             clear(false);
             // isDev && console.log(name, "parentInputValueDeğişti =>", parentInputValue);
         }
     }, [parentInputValue]);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var checkHideBackDrop = function (e) {
             if (open && refMain.current && !refMain.current.contains(e.target)) {
                 checkByInput();
@@ -119,7 +122,7 @@ export var SearchableInput = forwardRef(function (_a, ref) {
         if (refMain.current)
             refMain.current.addEventListener('keydown', checkESC);
         if (open) {
-            setScrollListPosition(refList);
+            (0, listFunctions_1.setScrollListPosition)(refList);
             if (!listPositionRelative) {
                 window.addEventListener('scroll', handleUpdatePosition, true);
                 window.addEventListener('resize', handleUpdatePosition);
@@ -133,8 +136,8 @@ export var SearchableInput = forwardRef(function (_a, ref) {
             window.removeEventListener('resize', handleUpdatePosition);
         };
     }, [open]);
-    useLayoutEffect(function () { return handleUpdatePosition(); }, [open]);
-    var setValue = useCallback(function (item, openList) {
+    (0, react_1.useLayoutEffect)(function () { return handleUpdatePosition(); }, [open]);
+    var setValue = (0, react_1.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 : '';
@@ -148,26 +151,26 @@ export var SearchableInput = forwardRef(function (_a, ref) {
         onChange && sendChange(newValue);
         onSelect && onSelect(item);
     }, [onChange, onSelect, name, selectedValue, valueKey, labelKey]);
-    var textInputOnChange = useCallback(function (e) {
+    var textInputOnChange = (0, react_1.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) {
+    var checkByValue = (0, react_1.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); });
+        var find = Object.values(targetList).find(function (item) { return (0, baseFunctions_1.convertLowerCase)(item[valueKey]) === (0, baseFunctions_1.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); });
+    var checkByInput = (0, react_1.useCallback)(function () {
+        var findByLabel = data.find(function (item) { var _a; return (0, baseFunctions_1.convertLowerCase)(item[labelKey]) === (0, baseFunctions_1.convertLowerCase)((_a = refInput.current) === null || _a === void 0 ? void 0 : _a.value); });
         if (findByLabel && value == findByLabel[valueKey]) {
             setOpen(false);
             return;
@@ -180,7 +183,7 @@ export var SearchableInput = forwardRef(function (_a, ref) {
                 onText('');
         }
     }, [data, labelKey, value, valueKey, isDataFromApi, onText, setValue, refInput.current]);
-    var clear = useCallback(function (openList, focusInput) {
+    var clear = (0, react_1.useCallback)(function (openList, focusInput) {
         var _a;
         if (openList === void 0) { openList = true; }
         if (focusInput === void 0) { focusInput = false; }
@@ -190,17 +193,17 @@ export var SearchableInput = forwardRef(function (_a, ref) {
         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) {
+    var sendChange = (0, react_1.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 filteredData = (0, react_1.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; });
+            list = data.filter(function (item) { return (0, baseFunctions_1.convertForSearch)(item[labelKey]).includes((0, baseFunctions_1.convertForSearch)(filter)) || item[labelKey] == filter; });
         }
         else {
             list = data;
@@ -209,7 +212,7 @@ export var SearchableInput = forwardRef(function (_a, ref) {
             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);
+                list = tslib_1.__spreadArray([newItem], list, true);
                 setNewItemCreate(newItem);
             }
             else {
@@ -227,7 +230,7 @@ export var SearchableInput = forwardRef(function (_a, ref) {
     var onKeyDown = function (e) {
         if (!open || !refList.current)
             return null;
-        onKeyboardSelection({
+        (0, listFunctions_1.onKeyboardSelection)({
             e: e,
             targetElement: refList,
             checkByInput: checkByInput,
@@ -237,10 +240,10 @@ export var SearchableInput = forwardRef(function (_a, ref) {
             selectedClass: 'selected'
         });
     };
-    return (_jsxs("div", { ref: refMain, className: styles.searchableInputComponent, onKeyDown: onKeyDown, style: style, children: [_jsx(Input, __assign({}, other, { inputRef: refInput, name: name, value: text, onFocus: function () { return !disabled && setOpen(true); }, onChange: textInputOnChange, endAdornment: !disabled && (_jsxs("div", { style: { marginRight: 5 }, tabIndex: -1, children: [_jsx(Button, { title: 'Temizle', tabIndex: -1, hidden: !(text && text.length > 0), onClick: function () { return clear(true, true); }, onlyIcon: _jsx(Icon, { name: 'close', style: { color: '#444' } }) }), endAdornment, _jsx(Button, { tabIndex: -1, hidden: !data || !(data.length > 0), onClick: function () { return !disabled && setOpen(!open); }, onlyIcon: _jsx(Icon, { name: open ? 'keyboard_arrow_up' : 'keyboard_arrow_down', style: { color: '#444' } }) })] })), placeholder: loading ? 'Lütfen bekleyiniz...' : placeholder, loading: loading, disabled: disabled, propsInput: __assign(__assign({}, other === null || other === void 0 ? void 0 : other.propsInput), { autoComplete: 'off' }) })), open && (_jsx("div", { className: 'listDiv', "data-relative": listPositionRelative, children: _jsxs("ul", { ref: refList, className: "list ".concat(open ? 'open' : ''), children: [(filteredData.length === 0 || loading) && _jsx("div", { className: "message ".concat(loading ? 'loading' : ''), children: loading ? loadingMessage : notFoundMessage }), filteredData.map(function (item, key) {
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: refMain, className: SearchableInput_module_css_1.default.searchableInputComponent, onKeyDown: onKeyDown, style: style, children: [(0, jsx_runtime_1.jsx)(index_1.Input, tslib_1.__assign({}, other, { inputRef: refInput, name: name, value: text, onFocus: function () { return !disabled && setOpen(true); }, onChange: textInputOnChange, endAdornment: !disabled && ((0, jsx_runtime_1.jsxs)("div", { style: { marginRight: 5 }, tabIndex: -1, children: [(0, jsx_runtime_1.jsx)(index_1.Button, { title: 'Temizle', tabIndex: -1, hidden: !(text && text.length > 0), onClick: function () { return clear(true, true); }, onlyIcon: (0, jsx_runtime_1.jsx)(icon_1.Icon, { name: 'close', style: { color: '#444' } }) }), endAdornment, (0, jsx_runtime_1.jsx)(index_1.Button, { tabIndex: -1, hidden: !data || !(data.length > 0), onClick: function () { return !disabled && setOpen(!open); }, onlyIcon: (0, jsx_runtime_1.jsx)(icon_1.Icon, { name: open ? 'keyboard_arrow_up' : 'keyboard_arrow_down', style: { color: '#444' } }) })] })), placeholder: loading ? 'Lütfen bekleyiniz...' : placeholder, loading: loading, disabled: disabled, propsInput: tslib_1.__assign(tslib_1.__assign({}, other === null || other === void 0 ? void 0 : other.propsInput), { autoComplete: 'off' }) })), open && ((0, jsx_runtime_1.jsx)("div", { className: 'listDiv', "data-relative": listPositionRelative, children: (0, jsx_runtime_1.jsxs)("ul", { ref: refList, className: "list ".concat(open ? 'open' : ''), children: [(filteredData.length === 0 || loading) && (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsxs)("li", { className: "item ".concat(itemValue === selectedValue ? 'active' : ''), "data-value": itemValue, "data-label": itemLabel, onClick: function () { return setValue(item, false); }, children: [item.create && (0, jsx_runtime_1.jsx)("span", { className: 'newCreate', children: "Yeni Olu\u015Ftur: " }), itemComponent ? itemComponent(item) : itemLabel] }, key));
                         })] }) }))] }));
 });
 var setFixedPosition = function (refMain) {

package/_dist/{esm/form → form}/UploadBase.js

@@ -1,19 +1,22 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uploadBase_CreateForm = exports.UploadBase = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("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 react_1 = require("react");
+var alert_1 = require("../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 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 () {
+    var ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
         if (refUploadInput)
             refUploadInput.current = ref.current;
     }, [ref.current]);
@@ -23,7 +26,7 @@ export var UploadBase = function (_a) {
             return null;
         }
         if (e.target.files.length > maxFile) {
-            alert_add({ type: "error", message: "En fazla " + maxFile + " dosya seçebilirsiniz." });
+            (0, alert_1.alert_add)({ type: "error", message: "En fazla " + maxFile + " dosya seçebilirsiniz." });
             e.target.value = null;
             return null;
         }
@@ -32,10 +35,10 @@ export var UploadBase = function (_a) {
             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(", ") });
+                (0, alert_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." });
+                (0, alert_1.alert_add)({ type: "error", message: "En fazla " + maxSize + "MB büyüklüğündeki dosyaları seçebilirsiniz." });
             }
             else {
                 fileList.push(file);
@@ -50,10 +53,10 @@ export var UploadBase = function (_a) {
             fileList.map(function (file) {
                 var _a;
                 uniqueID_1 = uniqueID_1 + 1;
-                newform_1 = __assign(__assign({}, newform_1), (_a = {}, _a[name + uniqueID_1] = file, _a));
+                newform_1 = tslib_1.__assign(tslib_1.__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(", ") })); });
+            targetForm(function (prev) { return (tslib_1.__assign(tslib_1.__assign({}, prev), { uploadBaseList: tslib_1.__assign({}, newform_1), uploadBaseListName: nameList_1.join(", ") })); });
         }
     };
     var defaultStyle = {
@@ -61,7 +64,7 @@ export var UploadBase = function (_a) {
         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: {
+    return ((0, jsx_runtime_1.jsxs)(Component, { className: className, style: tslib_1.__assign(tslib_1.__assign({}, defaultStyle), style), "data-label": label !== null && label !== void 0 ? label : "", children: [children, (0, jsx_runtime_1.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,
@@ -72,15 +75,17 @@ export var UploadBase = function (_a) {
                     zIndex: 1
                 } })] }));
 };
-export var uploadBase_CreateForm = function (formData) {
+exports.UploadBase = UploadBase;
+var uploadBase_CreateForm = function (formData) {
     var _a;
-    var newform = __assign({}, formData);
+    var newform = tslib_1.__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)));
+        return (newform = tslib_1.__assign(tslib_1.__assign({}, newform), (_a = {}, _a[fileKey] = list[fileKey], _a)));
     });
     delete newform["uploadBaseList"];
     delete newform["uploadBaseListName"];
     return newform;
 };
+exports.uploadBase_CreateForm = uploadBase_CreateForm;

package/_dist/form/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Button"), exports);
+tslib_1.__exportStar(require("./Checkbox"), exports);
+tslib_1.__exportStar(require("./Dialog"), exports);
+tslib_1.__exportStar(require("./Form"), exports);
+tslib_1.__exportStar(require("./FormOlustur"), exports);
+tslib_1.__exportStar(require("./Input"), exports);
+tslib_1.__exportStar(require("./Label"), exports);
+tslib_1.__exportStar(require("./SearchableInput"), exports);
+tslib_1.__exportStar(require("./UploadBase"), exports);

package/_dist/grid/index.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DevelopGridComponent = exports.Hidden = exports.Col = exports.Row = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = tslib_1.__importStar(require("react"));
+var index_module_css_1 = tslib_1.__importDefault(require("./index.module.css"));
+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 = tslib_1.__rest(_a, ["children", "className", "style", "flexDirection", "flexWrap", "justifyContent", "alignContent", "alignItems", "rowSpacing", "colSpacing"]);
+    var classes = [
+        index_module_css_1.default.row,
+        rowSpacing !== undefined && index_module_css_1.default["row-spacing-".concat(rowSpacing)],
+        colSpacing !== undefined && index_module_css_1.default["col-spacing-".concat(colSpacing)],
+        flexDirection !== 'row' && index_module_css_1.default["flex-".concat(flexDirection.replace('-', '-'))],
+        flexWrap !== 'wrap' && index_module_css_1.default["flex-".concat(flexWrap)],
+        justifyContent !== 'flex-start' && index_module_css_1.default["justify-".concat(justifyContent.replace('flex-', '').replace('space-', ''))],
+        alignItems !== 'center' && index_module_css_1.default["align-items-".concat(alignItems.replace('flex-', ''))],
+        alignContent !== 'center' && index_module_css_1.default["align-content-".concat(alignContent.replace('flex-', ''))],
+        className
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return ((0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: classes, style: style }, other, { children: children })));
+};
+exports.Row = Row;
+var Col = function (_a) {
+    // 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 = tslib_1.__rest(_a, ["children", "className", "style", "xs", "sm", "md", "lg", "xl", "xxl"]);
+    var classes = [
+        index_module_css_1.default.col,
+        // Sadece belirtilen breakpoint'ler için class ekle
+        xs && index_module_css_1.default["col-xs-".concat(xs)],
+        sm && index_module_css_1.default["col-sm-".concat(sm)],
+        md && index_module_css_1.default["col-md-".concat(md)],
+        lg && index_module_css_1.default["col-lg-".concat(lg)],
+        xl && index_module_css_1.default["col-xl-".concat(xl)],
+        xxl && index_module_css_1.default["col-xxl-".concat(xxl)],
+        className
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return ((0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: classes, style: style }, other, { children: children })));
+};
+exports.Col = Col;
+var Hidden = function (_a) {
+    var children = _a.children, hidden = _a.hidden, onlyHidden = _a.onlyHidden, other = tslib_1.__rest(_a, ["children", "hidden", "onlyHidden"]);
+    var existingClassName = children.props.className || '';
+    var hiddenClasses = [];
+    if (onlyHidden) {
+        onlyHidden.forEach(function (breakpoint) {
+            hiddenClasses.push(index_module_css_1.default["hidden-".concat(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);
+        if (targetIndex !== -1) {
+            for (var i = 0; i <= targetIndex; i++) {
+                hiddenClasses.push(index_module_css_1.default["hidden-".concat(breakpoints[i])]);
+            }
+        }
+    }
+    var newClassName = tslib_1.__spreadArray([existingClassName], hiddenClasses, true).filter(Boolean).join(' ');
+    return react_1.default.cloneElement(children, tslib_1.__assign({ className: newClassName }, other));
+};
+exports.Hidden = Hidden;
+var DevelopGridComponent = function () {
+    var _a = (0, react_1.useState)(''), currentBreakpoint = _a[0], setCurrentBreakpoint = _a[1];
+    // Breakpoint detector
+    react_1.default.useEffect(function () {
+        var updateBreakpoint = function () {
+            var width = window.innerWidth;
+            var breakpoint = '';
+            if (width <= 576)
+                breakpoint = 'XS (≤576px)';
+            else if (width <= 768)
+                breakpoint = 'SM (577-768px)';
+            else if (width <= 992)
+                breakpoint = 'MD (769-992px)';
+            else if (width <= 1200)
+                breakpoint = 'LG (993-1200px)';
+            else if (width <= 1400)
+                breakpoint = 'XL (1201-1400px)';
+            else
+                breakpoint = 'XXL (≥1401px)';
+            setCurrentBreakpoint(breakpoint);
+        };
+        updateBreakpoint();
+        window.addEventListener('resize', updateBreakpoint);
+        return function () { return window.removeEventListener('resize', updateBreakpoint); };
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            position: 'fixed',
+            bottom: '10px',
+            right: '10px',
+            background: '#333',
+            color: 'white',
+            padding: '10px',
+            borderRadius: '4px',
+            zIndex: 9999999
+        }, children: ["Current: ", currentBreakpoint] }));
+};
+exports.DevelopGridComponent = DevelopGridComponent;

package/_dist/icon/icons.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconMap = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+exports.iconMap = {
+    close: {
+        viewBox: '0 -960 960 960',
+        content: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.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" }) }))
+    },
+    search: {
+        viewBox: '0 0 24 24',
+        content: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })] }))
+    },
+    edit: {
+        viewBox: '0 -960 960 960',
+        content: ((0, jsx_runtime_1.jsx)("path", { d: "M200-200h57l391-391-57-57-391 391v57Zm-80 80v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm640-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z" }))
+    },
+    keyboard_arrow_up: {
+        viewBox: '0 -960 960 960',
+        content: (0, jsx_runtime_1.jsx)("path", { d: "M480-528 296-344l-56-56 240-240 240 240-56 56-184-184Z" })
+    },
+    keyboard_arrow_down: {
+        viewBox: '0 -960 960 960',
+        content: (0, jsx_runtime_1.jsx)("path", { d: "M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z" })
+    }
+};

package/_dist/icon/index.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = exports.iconList = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icons_1 = require("./icons");
+exports.iconList = Object.keys(icons_1.iconMap);
+var defaultIconStyle = {
+    userSelect: 'none',
+    width: '1em',
+    height: '1em',
+    // display: 'inline-block',
+    verticalAlign: 'middle',
+    flexShrink: 0,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+};
+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 = tslib_1.__rest(_a, ["name", "iconMui", "customIcon", "fontSize", "color", "className", "style"]);
+    if (iconMui) {
+        return ((0, jsx_runtime_1.jsx)("span", tslib_1.__assign({ className: "material-icons ".concat(className || ''), style: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, defaultIconStyle), style), { fontSize: fontSize || '1.3rem', color: color || 'inherit' }), "aria-hidden": "true" }, other, { children: iconMui })));
+    }
+    var iconComponent = name ? icons_1.iconMap[name] : customIcon;
+    if (!iconComponent) {
+        return (0, jsx_runtime_1.jsx)("span", { children: "\u26A0\uFE0F" });
+    }
+    return ((0, jsx_runtime_1.jsx)("span", tslib_1.__assign({ className: className, style: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, defaultIconStyle), style), { fontSize: fontSize || '1.5rem', color: color || 'inherit' }) }, other, { children: (0, jsx_runtime_1.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 }) })));
+};
+exports.Icon = Icon;

package/_dist/icon/mui.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/_dist/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./_lib/baseFunctions"), exports);
+tslib_1.__exportStar(require("./_lib/inputMask"), exports);
+tslib_1.__exportStar(require("./_lib/listFunctions"), exports);
+tslib_1.__exportStar(require("./_lib/storage/cookies"), exports);
+tslib_1.__exportStar(require("./_lib/storage/encData"), exports);
+tslib_1.__exportStar(require("./_lib/storage/localStorage"), exports);
+tslib_1.__exportStar(require("./_lib/storage/sessionStorage"), exports);
+tslib_1.__exportStar(require("./_lib/useInterval"), exports);
+tslib_1.__exportStar(require("./alert"), exports);
+tslib_1.__exportStar(require("./box"), exports);
+tslib_1.__exportStar(require("./countDown"), exports);
+tslib_1.__exportStar(require("./dateTime"), exports);
+tslib_1.__exportStar(require("./form"), exports);
+tslib_1.__exportStar(require("./grid"), exports);
+tslib_1.__exportStar(require("./icon"), exports);
+tslib_1.__exportStar(require("./menu"), exports);
+tslib_1.__exportStar(require("./modal"), exports);
+tslib_1.__exportStar(require("./popover"), exports);
+tslib_1.__exportStar(require("./tooltip"), exports);

package/_dist/menu/index.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @author    : izzetseydaoglu
+ * @copyright : sydSOFT Bilişim Hizmetleri (c) 2026
+ * @version   : 2026-02-07 19:31:01
+ */
+var react_1 = tslib_1.__importStar(require("react"));
+var form_1 = require("../form");
+var popover_1 = require("../popover");
+var link_1 = tslib_1.__importDefault(require("next/link"));
+var index_module_css_1 = tslib_1.__importDefault(require("./index.module.css"));
+exports.Menu = (0, react_1.memo)(function MemoFunction(_a) {
+    var menu = _a.menu, className = _a.className, style = _a.style, _b = _a.withIcon, withIcon = _b === void 0 ? 'auto' : _b;
+    var withIconComponent = (0, react_1.useMemo)(function () {
+        if (withIcon === true)
+            return true;
+        if (withIcon === false)
+            return false;
+        return Object.values(menu).some(function (item) { return 'icon' in item && !!item.icon; });
+    }, [menu, withIcon]);
+    var withRightComponent = (0, react_1.useMemo)(function () {
+        return Object.values(menu).some(function (item) { return 'rightComponent' in item && !!item.rightComponent; });
+    }, [menu]);
+    var handleClick = function (item, e) {
+        if (!item.onClick)
+            return;
+        if (item.dialog) {
+            (0, form_1.Dialog)(tslib_1.__assign({}, item.dialog)).then(function (result) {
+                if (result && item.onClick) {
+                    item.onClick(e);
+                }
+            });
+        }
+        else {
+            item.onClick(e);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)("ul", { className: "smenu ".concat(index_module_css_1.default.ul, " ").concat(className || ''), style: style, children: Object.values(menu).map(function (item, key) {
+            var _a = item, fullComponent = _a.fullComponent, icon = _a.icon, title = _a.title, rightComponent = _a.rightComponent, seperator = _a.seperator, href = _a.href, style = _a.style, itemProps = _a.itemProps, type = _a.type, items = _a.items, menuProps = _a.menuProps, subMenuPopoverProps = _a.subMenuPopoverProps, other = tslib_1.__rest(_a, ["fullComponent", "icon", "title", "rightComponent", "seperator", "href", "style", "itemProps", "type", "items", "menuProps", "subMenuPopoverProps"]);
+            var hasSubmenu = type === 'submenu' && Array.isArray(items) && items.length > 0;
+            if (fullComponent)
+                return react_1.default.cloneElement(fullComponent, { key: key });
+            if (seperator)
+                return (0, jsx_runtime_1.jsx)("li", tslib_1.__assign({ className: index_module_css_1.default.seperator, style: style }, itemProps, other), key);
+            var Component = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [withIconComponent && (0, jsx_runtime_1.jsx)("div", { className: index_module_css_1.default.menuicon, children: icon }), (0, jsx_runtime_1.jsx)("div", { className: index_module_css_1.default.menutitle, children: title }), withRightComponent && (0, jsx_runtime_1.jsx)("div", { className: index_module_css_1.default.rightmenu, children: rightComponent })] }));
+            if (hasSubmenu) {
+                return ((0, jsx_runtime_1.jsx)(popover_1.Popover, tslib_1.__assign({ component: (0, jsx_runtime_1.jsx)("li", tslib_1.__assign({ style: style }, itemProps, other, { children: Component })), position: "right-top" }, (subMenuPopoverProps || {}), { children: (0, jsx_runtime_1.jsx)(exports.Menu, tslib_1.__assign({ menu: items }, (menuProps || {}))) }), key));
+            }
+            return ((0, jsx_runtime_1.jsx)("li", tslib_1.__assign({ style: style, onClick: function (e) { return handleClick(item, e); } }, itemProps, other, { children: href ? (0, jsx_runtime_1.jsx)(link_1.default, { href: href, children: Component }) : Component }), key));
+        }) }));
+});