@sydsoft/base 1.43.0 → 1.44.0

package/dist/esm/_lib/baseFunctions.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 export declare const isDev: boolean;
 export declare const isServerReq: (context: any) => boolean;
+export declare const sleep: (ms?: number) => Promise<unknown>;
 export declare const padNumber: (num: number, padLength?: number, padString?: string) => string;
 export declare function inputTumuBuyukCevir(e: React.ChangeEvent<HTMLInputElement>): void;
 export declare function inputTumuKucukCevir(e: React.ChangeEvent<HTMLInputElement>): void;

package/dist/esm/_lib/baseFunctions.js

@@ -1,5 +1,9 @@
 export var isDev = !process.env.NODE_ENV || process.env.NODE_ENV === 'development';
 export var isServerReq = function (context) { var _a, _b; return !((_b = (_a = context === null || context === void 0 ? void 0 : context.req) === null || _a === void 0 ? void 0 : _a.url) === null || _b === void 0 ? void 0 : _b.startsWith('/_next')); };
+export var sleep = function (ms) {
+    if (ms === void 0) { ms = 1000; }
+    return new Promise(function (resolve) { return setTimeout(resolve, ms); });
+};
 export var padNumber = function (num, padLength, padString) {
     if (padLength === void 0) { padLength = 2; }
     if (padString === void 0) { padString = '0'; }

package/dist/esm/_lib/storage/encData.d.ts

@@ -1,2 +1,2 @@
-export declare const encData: (data: any) => string;
-export declare const decData: (data: string) => any;
+export declare const encData: (data: object | string | number, keys?: number[]) => string;
+export declare const decData: (data: string, keys?: number[]) => any;

package/dist/esm/_lib/storage/encData.js

@@ -1,8 +1,10 @@
-import { isDev } from '../baseFunctions';
-var keys = [3, 5, 8, 11, 15, 22];
-export var encData = function (data) {
+import { isDev } from "@sydsoft/base";
+var encDecDataKeys = [3, 5, 8, 11, 15, 22];
+export var encData = function (data, keys) {
+    if (keys === void 0) { keys = encDecDataKeys; }
     try {
-        var utf8Data = unescape(encodeURIComponent(JSON.stringify(data))); // Dizeyi UTF-8'e dönüştür
+        var newJSON = { data: data };
+        var utf8Data = unescape(encodeURIComponent(JSON.stringify(newJSON))); // Dizeyi UTF-8'e dönüştür
         var newData_1 = btoa(utf8Data);
         keys.map(function (value) {
             var randomChar = String.fromCharCode(Math.floor(Math.random() * (122 - 97 + 1)) + 97);
@@ -11,11 +13,13 @@ export var encData = function (data) {
         return newData_1;
     }
     catch (e) {
-        isDev && console.log('ERROR => encData =>', e);
-        return '';
+        isDev && console.log("ERROR => encData =>", e);
+        return "";
     }
 };
-export var decData = function (data) {
+export var decData = function (data, keys) {
+    var _a;
+    if (keys === void 0) { keys = encDecDataKeys; }
     try {
         var decode_1 = data;
         keys.map(function (value, index) {
@@ -29,10 +33,11 @@ export var decData = function (data) {
         });
         var decodedString = atob(decode_1);
         var utf8DecodedString = decodeURIComponent(escape(decodedString));
-        return JSON.parse(utf8DecodedString);
+        var parse = JSON.parse(utf8DecodedString);
+        return (_a = parse === null || parse === void 0 ? void 0 : parse.data) !== null && _a !== void 0 ? _a : "";
     }
     catch (e) {
-        isDev && console.log('ERROR => decData =>', e);
-        return '';
+        isDev && console.log("ERROR => decData =>", e);
+        return "";
     }
 };

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

@@ -6,7 +6,6 @@ type typeList = {
     [key: string]: any;
 };
 type typeValue = string | number | undefined;
-type typeVoidFunction = () => void;
 interface Props extends PropsInput {
     autoCompleteList?: typeList[];
     isDataFromApi: boolean;
@@ -18,6 +17,7 @@ interface Props extends PropsInput {
     onChange?: (e: any) => void;
     onText?: (text: string) => void;
     onSelect?: (item: any) => void;
+    onLoad?: (value: typeValue) => void;
     ilkSec?: boolean;
     newCreate?: boolean;
     style?: React.CSSProperties;
@@ -27,7 +27,7 @@ interface Props extends PropsInput {
     notFoundMessage?: string;
 }
 export interface SearchableInputRef {
-    setAutoCompleteList: (list: typeList[], value?: typeValue, callback?: typeVoidFunction) => void;
+    setAutoCompleteList: (list: typeList[], value?: typeValue, callback?: () => void) => void;
     clear: (openList?: boolean, focusInput?: boolean) => void;
     open: () => void;
     close: () => void;

package/dist/esm/form/SearchableInput.js

@@ -7,20 +7,20 @@ import { onKeyboardSelection, setScrollListPosition } from '../_lib/listFunction
 import { Icon } from '../icon';
 import styles from './styles/SearchableInput.module.css';
 export var SearchableInput = forwardRef(function (_a, ref) {
-    var autoCompleteList = _a.autoCompleteList, isDataFromApi = _a.isDataFromApi, name = _a.name, value = _a.value, parentInputValue = _a.parentInputValue, disabled = _a.disabled, itemComponent = _a.itemComponent, _b = _a.valueKey, valueKey = _b === void 0 ? 'value' : _b, _c = _a.labelKey, labelKey = _c === void 0 ? 'label' : _c, onSelect = _a.onSelect, onChange = _a.onChange, onText = _a.onText, style = _a.style, _d = _a.listPositionRelative, listPositionRelative = _d === void 0 ? false : _d, _e = _a.loadingMessage, loadingMessage = _e === void 0 ? 'Lütfen bekleyiniz...' : _e, _f = _a.notFoundMessage, notFoundMessage = _f === void 0 ? 'Kayıt bulunamadı...' : _f, placeholder = _a.placeholder, endAdornment = _a.endAdornment, _g = _a.ilkSec, ilkSec = _g === void 0 ? false : _g, _h = _a.newCreate, newCreate = _h === void 0 ? false : _h, inputRef = _a.inputRef, other = __rest(_a, ["autoCompleteList", "isDataFromApi", "name", "value", "parentInputValue", "disabled", "itemComponent", "valueKey", "labelKey", "onSelect", "onChange", "onText", "style", "listPositionRelative", "loadingMessage", "notFoundMessage", "placeholder", "endAdornment", "ilkSec", "newCreate", "inputRef"]);
+    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 _j = useState(autoCompleteList !== null && autoCompleteList !== void 0 ? autoCompleteList : []), data = _j[0], setData = _j[1];
-    var _k = useState(value !== null && value !== void 0 ? value : undefined), selectedValue = _k[0], setSelectedValue = _k[1];
-    var _l = useState(parentInputValue !== null && parentInputValue !== void 0 ? parentInputValue : undefined), parentValue = _l[0], setParentValue = _l[1];
-    var _m = useState(''), text = _m[0], setText = _m[1]; //Inputta görünen
-    var _o = useState(''), filter = _o[0], setFilter = _o[1]; // Filtrelemeye tabi tutulan
-    var _p = useState({ created: false }), newItemCreate = _p[0], setNewItemCreate = _p[1];
-    var _q = useState(false), open = _q[0], setOpen = _q[1];
-    var _r = useState(isDataFromApi && (!autoCompleteList || (autoCompleteList === null || autoCompleteList === void 0 ? void 0 : autoCompleteList.length) == 0)), loading = _r[0], setLoading = _r[1];
+    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) {
+        setAutoCompleteList: function (list, value, callback) {
             if (value === void 0) { value = undefined; }
             if (autoCompleteList && (autoCompleteList === null || autoCompleteList === void 0 ? void 0 : autoCompleteList.length) > 0) {
                 alert('AutoCompleteList zaten tanımlı olduğundan dışardan data seti değiştirilemez.');
@@ -29,7 +29,11 @@ export var SearchableInput = forwardRef(function (_a, ref) {
             setData(list);
             value && sendChange(value);
             setLoading(false);
-            // isDev && console.log('setAutoCompleteList =>', name, value, list);
+            if (!Array.isArray(list) || list.length == 0) {
+                clear(false);
+            }
+            callback && callback();
+            //   isDev && console.log("setAutoCompleteList =>", name, value, list);
         },
         clear: function (openList, focusInput) {
             if (openList === void 0) { openList = false; }
@@ -51,23 +55,39 @@ export var SearchableInput = forwardRef(function (_a, ref) {
         if (inputRef)
             inputRef.current = refInput.current;
     }, [refInput.current]);
+    useEffect(function () { return onLoad && onLoad(value); }, []);
     useEffect(function () {
-        if (autoCompleteList && Array.isArray(autoCompleteList) && JSON.stringify(autoCompleteList) !== JSON.stringify(data) && autoCompleteList.length > 0) {
-            setData(autoCompleteList);
-            // isDev && console.log('autoCompleteList =>', name, autoCompleteList, data);
+        if (autoCompleteList && Array.isArray(autoCompleteList)) {
+            if (autoCompleteList.length > 0) {
+                // Sadece gerçekten farklıysa set et
+                if (JSON.stringify(autoCompleteList) !== JSON.stringify(data)) {
+                    setData(autoCompleteList);
+                    // isDev && console.log("autoCompleteList dolu =>", name, autoCompleteList);
+                }
+            }
+            else {
+                // Boş array geldi VE data zaten boş değilse
+                if (data.length > 0) {
+                    setData([]);
+                    // isDev && console.log("autoCompleteList boşaltıldı =>", name);
+                }
+            }
         }
     }, [autoCompleteList]);
     useEffect(function () {
         // isDev && console.log('data =>', name, data, 'selectedValue =>', selectedValue, 'value =>', value);
+        if (!Array.isArray(data)) {
+            setData([]);
+        }
         if (data.length > 0) {
             setLoading(false);
             checkByValue(selectedValue, open);
-            if (!value) {
-                ilkSec && checkByValue(data[0][valueKey], false);
+            if (!value && ilkSec) {
+                checkByValue(data[0][valueKey], false);
             }
         }
         else {
-            !isDataFromApi && clear();
+            !isDataFromApi && clear(false);
         }
     }, [data]);
     // Seçim değişikliğinde parent'ı bilgilendir
@@ -82,7 +102,7 @@ export var SearchableInput = forwardRef(function (_a, ref) {
         if (parentInputValue !== parentValue) {
             setParentValue(parentInputValue);
             clear(false);
-            // isDev && console.log(name, 'parentInputValueDeğişti =>', parentInputValue);
+            // isDev && console.log(name, "parentInputValueDeğişti =>", parentInputValue);
         }
     }, [parentInputValue]);
     useEffect(function () {
@@ -115,11 +135,12 @@ export var SearchableInput = forwardRef(function (_a, ref) {
     }, [open]);
     useLayoutEffect(function () { return handleUpdatePosition(); }, [open]);
     var setValue = useCallback(function (item, openList) {
-        var newValue = item && item[valueKey] ? item[valueKey] : '';
-        var newLabel = item && item[labelKey] ? item[labelKey] : '';
+        var _a, _b;
+        var newValue = (_a = item === null || item === void 0 ? void 0 : item[valueKey]) !== null && _a !== void 0 ? _a : '';
+        var newLabel = (_b = item === null || item === void 0 ? void 0 : item[labelKey]) !== null && _b !== void 0 ? _b : '';
         setOpen(openList);
         setText(newLabel);
-        // isDev && console.log('setValue', newValue, 'item', item, 'value', value);
+        // isDev && console.log(name, "setValue", newValue, "item", item, "value", value);
         if (newValue === selectedValue)
             return;
         setFilter('');
@@ -158,7 +179,7 @@ export var SearchableInput = forwardRef(function (_a, ref) {
             if (onText)
                 onText('');
         }
-    }, [data, labelKey, value, valueKey, isDataFromApi, onText, setValue]);
+    }, [data, labelKey, value, valueKey, isDataFromApi, onText, setValue, refInput.current]);
     var clear = useCallback(function (openList, focusInput) {
         var _a;
         if (openList === void 0) { openList = true; }
@@ -170,6 +191,7 @@ export var SearchableInput = forwardRef(function (_a, ref) {
         focusInput && ((_a = refInput === null || refInput === void 0 ? void 0 : refInput.current) === null || _a === void 0 ? void 0 : _a.focus());
     }, [setValue, onText]);
     var sendChange = useCallback(function (value) {
+        // isDev && console.log(name, "sendChange", value, "selectedValue", selectedValue);
         if (onChange && value !== selectedValue) {
             onChange({ target: { name: name, value: value } });
         }
@@ -215,7 +237,7 @@ 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.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 (_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));

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@sydsoft/base",
     "private": false,
-    "version": "1.43.0",
+    "version": "1.44.0",
     "description": "",
     "main": "./dist/cjs/index.js",
     "module": "./dist/esm/index.js",