@sydsoft/base 1.49.0 → 1.51.0

package/_dist/form/SearchableInput.js

@@ -1,23 +1,27 @@
-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 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, () => ({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchableInput = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_1 = require("./index");
+const baseFunctions_1 = require("../_lib/baseFunctions");
+const react_1 = require("react");
+const listFunctions_1 = require("../_lib/listFunctions");
+const icon_1 = require("../icon");
+const SearchableInput_module_css_1 = tslib_1.__importDefault(require("./styles/SearchableInput.module.css"));
+exports.SearchableInput = (0, react_1.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 = (0, react_1.useRef)(null);
+    const refInput = (0, react_1.useRef)(null);
+    const refList = (0, react_1.useRef)(null);
+    const [data, setData] = (0, react_1.useState)(autoCompleteList !== null && autoCompleteList !== void 0 ? autoCompleteList : []);
+    const [selectedValue, setSelectedValue] = (0, react_1.useState)(value !== null && value !== void 0 ? value : undefined);
+    const [parentValue, setParentValue] = (0, react_1.useState)(parentInputValue !== null && parentInputValue !== void 0 ? parentInputValue : undefined);
+    const [text, setText] = (0, react_1.useState)(''); //Inputta görünen
+    const [filter, setFilter] = (0, react_1.useState)(''); // Filtrelemeye tabi tutulan
+    const [newItemCreate, setNewItemCreate] = (0, react_1.useState)({ created: false });
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const [loading, setLoading] = (0, react_1.useState)(isDataFromApi && (!autoCompleteList || (autoCompleteList === null || autoCompleteList === void 0 ? void 0 : autoCompleteList.length) == 0));
+    (0, react_1.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.');
@@ -41,12 +45,12 @@ export const SearchableInput = forwardRef(({ autoCompleteList = [], isDataFromAp
         checkByValue: (value, openList = false) => checkByValue(value, openList),
         setLoading: (value) => setLoading(value)
     }), [autoCompleteList, data, value]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (inputRef)
             inputRef.current = refInput.current;
     }, [refInput.current]);
-    useEffect(() => onLoad && onLoad(value), []);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => onLoad && onLoad(value), []);
+    (0, react_1.useEffect)(() => {
         if (autoCompleteList && Array.isArray(autoCompleteList)) {
             if (autoCompleteList.length > 0) {
                 // Sadece gerçekten farklıysa set et
@@ -64,7 +68,7 @@ export const SearchableInput = forwardRef(({ autoCompleteList = [], isDataFromAp
             }
         }
     }, [autoCompleteList]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         // isDev && console.log('data =>', name, data, 'selectedValue =>', selectedValue, 'value =>', value);
         if (!Array.isArray(data)) {
             setData([]);
@@ -81,21 +85,21 @@ export const SearchableInput = forwardRef(({ autoCompleteList = [], isDataFromAp
         }
     }, [data]);
     // Seçim değişikliğinde parent'ı bilgilendir
-    useEffect(() => {
+    (0, react_1.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(() => {
+    (0, react_1.useEffect)(() => {
         if (parentInputValue !== parentValue) {
             setParentValue(parentInputValue);
             clear(false);
             // isDev && console.log(name, "parentInputValueDeğişti =>", parentInputValue);
         }
     }, [parentInputValue]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const checkHideBackDrop = (e) => {
             if (open && refMain.current && !refMain.current.contains(e.target)) {
                 checkByInput();
@@ -109,7 +113,7 @@ export const SearchableInput = forwardRef(({ autoCompleteList = [], isDataFromAp
         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);
@@ -123,8 +127,8 @@ export const SearchableInput = forwardRef(({ autoCompleteList = [], isDataFromAp
             window.removeEventListener('resize', handleUpdatePosition);
         };
     }, [open]);
-    useLayoutEffect(() => handleUpdatePosition(), [open]);
-    const setValue = useCallback((item, openList) => {
+    (0, react_1.useLayoutEffect)(() => handleUpdatePosition(), [open]);
+    const setValue = (0, react_1.useCallback)((item, openList) => {
         var _a, _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 : '';
@@ -138,24 +142,24 @@ export const SearchableInput = forwardRef(({ autoCompleteList = [], isDataFromAp
         onChange && sendChange(newValue);
         onSelect && onSelect(item);
     }, [onChange, onSelect, name, selectedValue, valueKey, labelKey]);
-    const textInputOnChange = useCallback((e) => {
+    const textInputOnChange = (0, react_1.useCallback)((e) => {
         setSelectedValue(undefined);
         setText(e.target.value);
         setFilter(e.target.value.trim());
         setOpen(true);
         onText && onText(e.target.value);
     }, [setValue, onText]);
-    const checkByValue = useCallback((value, openList = false, list = []) => {
+    const checkByValue = (0, react_1.useCallback)((value, openList = false, list = []) => {
         const targetList = list.length > 0 ? list : data;
-        let find = Object.values(targetList).find((item) => convertLowerCase(item[valueKey]) === convertLowerCase(value));
+        let find = Object.values(targetList).find((item) => (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]);
-    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); });
+    const checkByInput = (0, react_1.useCallback)(() => {
+        const findByLabel = data.find((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;
@@ -168,7 +172,7 @@ export const SearchableInput = forwardRef(({ autoCompleteList = [], isDataFromAp
                 onText('');
         }
     }, [data, labelKey, value, valueKey, isDataFromApi, onText, setValue, refInput.current]);
-    const clear = useCallback((openList = true, focusInput = false) => {
+    const clear = (0, react_1.useCallback)((openList = true, focusInput = false) => {
         var _a;
         setFilter('');
         setText('');
@@ -176,16 +180,16 @@ export const SearchableInput = forwardRef(({ autoCompleteList = [], isDataFromAp
         onText && onText('');
         focusInput && ((_a = refInput === null || refInput === void 0 ? void 0 : refInput.current) === null || _a === void 0 ? void 0 : _a.focus());
     }, [setValue, onText]);
-    const sendChange = useCallback((value) => {
+    const sendChange = (0, react_1.useCallback)((value) => {
         // isDev && console.log(name, "sendChange", value, "selectedValue", selectedValue);
         if (onChange && value !== selectedValue) {
             onChange({ target: { name, value } });
         }
     }, [onChange, name]);
-    const filteredData = useMemo(() => {
+    const filteredData = (0, react_1.useMemo)(() => {
         let list;
         if (filter.length > 0) {
-            list = data.filter((item) => convertForSearch(item[labelKey]).includes(convertForSearch(filter)) || item[labelKey] == filter);
+            list = data.filter((item) => (0, baseFunctions_1.convertForSearch)(item[labelKey]).includes((0, baseFunctions_1.convertForSearch)(filter)) || item[labelKey] == filter);
         }
         else {
             list = data;
@@ -212,7 +216,7 @@ export const SearchableInput = forwardRef(({ autoCompleteList = [], isDataFromAp
     const onKeyDown = (e) => {
         if (!open || !refList.current)
             return null;
-        onKeyboardSelection({
+        (0, listFunctions_1.onKeyboardSelection)({
             e,
             targetElement: refList,
             checkByInput,
@@ -222,13 +226,13 @@ export const SearchableInput = forwardRef(({ autoCompleteList = [], isDataFromAp
             selectedClass: 'selected'
         });
     };
-    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: {
+    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, { ...other, inputRef: refInput, name: name, value: text, onFocus: () => !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: () => 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: () => !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: {
                     ...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) => {
+                } }), open && ((0, jsx_runtime_1.jsx)("div", { className: 'listDiv', "data-relative": listPositionRelative, children: (0, jsx_runtime_1.jsxs)("ul", { ref: refList, className: `list ${open ? 'open' : ''}`, children: [(filteredData.length === 0 || loading) && (0, jsx_runtime_1.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));
+                            return ((0, jsx_runtime_1.jsxs)("li", { className: `item ${itemValue === selectedValue ? 'active' : ''}`, "data-value": itemValue, "data-label": itemLabel, onClick: () => setValue(item, false), children: [item.create && (0, jsx_runtime_1.jsx)("span", { className: 'newCreate', children: "Yeni Olu\u015Ftur: " }), itemComponent ? itemComponent(item) : itemLabel] }, key));
                         })] }) }))] }));
 });
 const setFixedPosition = (refMain) => {

package/_dist/form/UploadBase.js

@@ -1,17 +1,20 @@
-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;
+const 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";
+const react_1 = require("react");
+const alert_1 = require("../alert");
 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(() => {
+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 = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         if (refUploadInput)
             refUploadInput.current = ref.current;
     }, [ref.current]);
@@ -21,7 +24,7 @@ export const UploadBase = ({ component = "div", children, targetForm, onChange,
             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;
         }
@@ -30,10 +33,10 @@ export const UploadBase = ({ component = "div", children, targetForm, onChange,
             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(", ") });
+                (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);
@@ -62,7 +65,7 @@ export const UploadBase = ({ component = "div", children, targetForm, onChange,
         cursor: "pointer"
     };
     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: {
+    return ((0, jsx_runtime_1.jsxs)(Component, { className: className, style: { ...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((i) => "." + i).join(","), style: {
                     position: "absolute",
                     top: 0,
                     left: 0,
@@ -73,7 +76,8 @@ export const UploadBase = ({ component = "div", children, targetForm, onChange,
                     zIndex: 1
                 } })] }));
 };
-export const uploadBase_CreateForm = (formData) => {
+exports.UploadBase = UploadBase;
+const uploadBase_CreateForm = (formData) => {
     var _a;
     let newform = { ...formData };
     const list = (_a = formData["uploadBaseList"]) !== null && _a !== void 0 ? _a : {};
@@ -82,3 +86,4 @@ export const uploadBase_CreateForm = (formData) => {
     delete newform["uploadBaseListName"];
     return newform;
 };
+exports.uploadBase_CreateForm = uploadBase_CreateForm;

package/_dist/form/index.js

@@ -1,9 +1,12 @@
-export * from "./Button";
-export * from "./Checkbox";
-export * from "./Dialog";
-export * from "./Form";
-export * from "./FormOlustur";
-export * from "./Input";
-export * from "./Label";
-export * from "./SearchableInput";
-export * from "./UploadBase";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const 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

@@ -1,45 +1,51 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import styles from './index.module.css';
-export const Row = ({ children, className = '', style, flexDirection = 'row', flexWrap = 'wrap', justifyContent = 'flex-start', alignContent = 'center', alignItems = 'center', rowSpacing = 2, colSpacing = 2, ...other }) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DevelopGridComponent = exports.Hidden = exports.Col = exports.Row = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const index_module_css_1 = tslib_1.__importDefault(require("./index.module.css"));
+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-${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-', '')}`],
+        index_module_css_1.default.row,
+        rowSpacing !== undefined && index_module_css_1.default[`row-spacing-${rowSpacing}`],
+        colSpacing !== undefined && index_module_css_1.default[`col-spacing-${colSpacing}`],
+        flexDirection !== 'row' && index_module_css_1.default[`flex-${flexDirection.replace('-', '-')}`],
+        flexWrap !== 'wrap' && index_module_css_1.default[`flex-${flexWrap}`],
+        justifyContent !== 'flex-start' && index_module_css_1.default[`justify-${justifyContent.replace('flex-', '').replace('space-', '')}`],
+        alignItems !== 'center' && index_module_css_1.default[`align-items-${alignItems.replace('flex-', '')}`],
+        alignContent !== 'center' && index_module_css_1.default[`align-content-${alignContent.replace('flex-', '')}`],
         className
     ]
         .filter(Boolean)
         .join(' ');
-    return (_jsx("div", { className: classes, style: style, ...other, children: children }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: classes, style: style, ...other, children: children }));
 };
-export const Col = ({ children, className = '', style, xs, sm, md, lg, xl, xxl, ...other }) => {
+exports.Row = Row;
+const Col = ({ children, className = '', style, xs, sm, md, lg, xl, xxl, ...other }) => {
     // Cascading logic - aynı sizin component'inizdeki gibi
     const classes = [
-        styles.col,
+        index_module_css_1.default.col,
         // Sadece belirtilen breakpoint'ler için class ekle
-        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}`],
+        xs && index_module_css_1.default[`col-xs-${xs}`],
+        sm && index_module_css_1.default[`col-sm-${sm}`],
+        md && index_module_css_1.default[`col-md-${md}`],
+        lg && index_module_css_1.default[`col-lg-${lg}`],
+        xl && index_module_css_1.default[`col-xl-${xl}`],
+        xxl && index_module_css_1.default[`col-xxl-${xxl}`],
         className
     ]
         .filter(Boolean)
         .join(' ');
-    return (_jsx("div", { className: classes, style: style, ...other, children: children }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: classes, style: style, ...other, children: children }));
 };
-export const Hidden = ({ children, hidden, onlyHidden, ...other }) => {
+exports.Col = Col;
+const Hidden = ({ children, hidden, onlyHidden, ...other }) => {
     const existingClassName = children.props.className || '';
     const hiddenClasses = [];
     if (onlyHidden) {
         onlyHidden.forEach((breakpoint) => {
-            hiddenClasses.push(styles[`hidden-${breakpoint}`]);
+            hiddenClasses.push(index_module_css_1.default[`hidden-${breakpoint}`]);
         });
     }
     else if (hidden) {
@@ -48,20 +54,21 @@ export const Hidden = ({ children, hidden, onlyHidden, ...other }) => {
         const targetIndex = breakpoints.indexOf(hidden);
         if (targetIndex !== -1) {
             for (let i = 0; i <= targetIndex; i++) {
-                hiddenClasses.push(styles[`hidden-${breakpoints[i]}`]);
+                hiddenClasses.push(index_module_css_1.default[`hidden-${breakpoints[i]}`]);
             }
         }
     }
     const newClassName = [existingClassName, ...hiddenClasses].filter(Boolean).join(' ');
-    return React.cloneElement(children, {
+    return react_1.default.cloneElement(children, {
         className: newClassName,
         ...other
     });
 };
-export const DevelopGridComponent = () => {
-    const [currentBreakpoint, setCurrentBreakpoint] = useState('');
+exports.Hidden = Hidden;
+const DevelopGridComponent = () => {
+    const [currentBreakpoint, setCurrentBreakpoint] = (0, react_1.useState)('');
     // Breakpoint detector
-    React.useEffect(() => {
+    react_1.default.useEffect(() => {
         const updateBreakpoint = () => {
             const width = window.innerWidth;
             let breakpoint = '';
@@ -83,7 +90,7 @@ export const DevelopGridComponent = () => {
         window.addEventListener('resize', updateBreakpoint);
         return () => window.removeEventListener('resize', updateBreakpoint);
     }, []);
-    return (_jsxs("div", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
             position: 'fixed',
             bottom: '10px',
             right: '10px',
@@ -94,3 +101,4 @@ export const DevelopGridComponent = () => {
             zIndex: 9999999
         }, children: ["Current: ", currentBreakpoint] }));
 };
+exports.DevelopGridComponent = DevelopGridComponent;

package/_dist/icon/icons.js

@@ -1,23 +1,26 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export const iconMap = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconMap = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+exports.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" }) }))
+        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: (_jsxs(_Fragment, { children: [_jsx("path", { d: "M0 0h24v24H0V0z", fill: "none" }), _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" })] }))
+        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: (_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" }))
+        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: _jsx("path", { d: "M480-528 296-344l-56-56 240-240 240 240-56 56-184-184Z" })
+        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: _jsx("path", { d: "M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z" })
+        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

@@ -1,6 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { iconMap } from './icons';
-export const iconList = Object.keys(iconMap);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = exports.iconList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("./icons");
+exports.iconList = Object.keys(icons_1.iconMap);
 const defaultIconStyle = {
     userSelect: 'none',
     width: '1em',
@@ -12,23 +15,24 @@ const defaultIconStyle = {
     alignItems: 'center',
     justifyContent: 'center'
 };
-export const Icon = ({ name, iconMui, customIcon, fontSize, color, className, style, ...other }) => {
+const Icon = ({ name, iconMui, customIcon, fontSize, color, className, style, ...other }) => {
     if (iconMui) {
-        return (_jsx("span", { className: `material-icons ${className || ''}`, style: {
+        return ((0, jsx_runtime_1.jsx)("span", { className: `material-icons ${className || ''}`, style: {
                 ...defaultIconStyle,
                 ...style,
                 fontSize: fontSize || '1.3rem',
                 color: color || 'inherit'
             }, "aria-hidden": "true", ...other, children: iconMui }));
     }
-    const iconComponent = name ? iconMap[name] : customIcon;
+    const iconComponent = name ? icons_1.iconMap[name] : customIcon;
     if (!iconComponent) {
-        return _jsx("span", { children: "\u26A0\uFE0F" });
+        return (0, jsx_runtime_1.jsx)("span", { children: "\u26A0\uFE0F" });
     }
-    return (_jsx("span", { className: className, style: {
+    return ((0, jsx_runtime_1.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 }) }));
+        }, ...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

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

package/_dist/index.js

@@ -1,19 +1,22 @@
-export * from './_lib/baseFunctions';
-export * from './_lib/inputMask';
-export * from './_lib/listFunctions';
-export * from './_lib/storage/cookies';
-export * from './_lib/storage/encData';
-export * from './_lib/storage/localStorage';
-export * from './_lib/storage/sessionStorage';
-export * from './_lib/useInterval';
-export * from './alert';
-export * from './box';
-export * from './countDown';
-export * from './dateTime';
-export * from './form';
-export * from './grid';
-export * from './icon';
-export * from './menu';
-export * from './modal';
-export * from './popover';
-export * from './tooltip';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const 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);