@sydsoft/base 1.49.0 → 1.50.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/_lib/baseFunctions.ts +0 -94
- package/_lib/inputMask.ts +0 -257
- package/_lib/listFunctions.ts +0 -106
- package/_lib/storage/cookies.ts +0 -39
- package/_lib/storage/encData.ts +0 -41
- package/_lib/storage/localStorage.ts +0 -67
- package/_lib/storage/sessionStorage.ts +0 -67
- package/_lib/useInterval.ts +0 -30
- package/alert/index.module.css +0 -119
- package/alert/index.tsx +0 -131
- package/box/Box.module.css +0 -153
- package/box/Box.tsx +0 -33
- package/box/BoxContent.tsx +0 -18
- package/box/BoxFooter.tsx +0 -25
- package/box/BoxHeader.tsx +0 -46
- package/box/index.ts +0 -10
- package/countDown/index.tsx +0 -116
- package/dateTime/index.ts +0 -79
- package/form/Button.tsx +0 -143
- package/form/Checkbox.tsx +0 -48
- package/form/Dialog.tsx +0 -109
- package/form/Form.tsx +0 -19
- package/form/FormOlustur.tsx +0 -105
- package/form/Input.tsx +0 -364
- package/form/Label.tsx +0 -20
- package/form/SearchableInput.tsx +0 -406
- package/form/UploadBase.tsx +0 -133
- package/form/index.ts +0 -10
- package/form/styles/Button.module.css +0 -145
- package/form/styles/Input.module.css +0 -221
- package/form/styles/Label.module.css +0 -31
- package/form/styles/SearchableInput.module.css +0 -80
- package/global.d.ts +0 -9
- package/grid/index.module.css +0 -805
- package/grid/index.tsx +0 -171
- package/icon/icons.tsx +0 -33
- package/icon/index.tsx +0 -95
- package/icon/mui.tsx +0 -5932
- package/index.ts +0 -21
- package/menu/index.module.css +0 -92
- package/menu/index.tsx +0 -143
- package/modal/index.module.css +0 -77
- package/modal/index.tsx +0 -106
- package/npm_recovery_codes.txt +0 -5
- package/popover/index.module.css +0 -89
- package/popover/index.tsx +0 -392
- package/tooltip/index.tsx +0 -216
- package/tsconfig.json +0 -24
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sydsoft/base",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.50.0",
|
|
5
5
|
"description": "",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./_dist/index.js",
|
|
8
8
|
"module": "./_dist/index.js",
|
|
9
9
|
"types": "./_dist/index.d.ts",
|
|
10
|
-
"
|
|
10
|
+
"files": [
|
|
11
11
|
"./_dist/",
|
|
12
12
|
"README.md"
|
|
13
13
|
],
|
package/_lib/baseFunctions.ts
DELETED
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
export const isDev = !process.env.NODE_ENV || process.env.NODE_ENV === 'development';
|
|
2
|
-
export const isServerReq = (context: any) => !context?.req?.url?.startsWith('/_next');
|
|
3
|
-
export const sleep = (ms = 1000) => new Promise((resolve) => setTimeout(resolve, ms));
|
|
4
|
-
|
|
5
|
-
export const padNumber = (num: number, padLength = 2, padString = '0') => String(num).padStart(padLength, padString);
|
|
6
|
-
|
|
7
|
-
export function inputTumuBuyukCevir(e: React.ChangeEvent<HTMLInputElement>) {
|
|
8
|
-
if (e?.target && e?.target?.setSelectionRange) {
|
|
9
|
-
const start = e.target.selectionStart;
|
|
10
|
-
const end = e.target.selectionEnd;
|
|
11
|
-
e.target.value = e.target.value.toString().toLocaleUpperCase('tr-TR');
|
|
12
|
-
e.target.setSelectionRange(start, end);
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export function inputTumuKucukCevir(e: React.ChangeEvent<HTMLInputElement>) {
|
|
17
|
-
if (e?.target && e?.target?.setSelectionRange) {
|
|
18
|
-
const start = e.target.selectionStart;
|
|
19
|
-
const end = e.target.selectionEnd;
|
|
20
|
-
e.target.value = e.target.value.toString().toLocaleLowerCase('tr-TR');
|
|
21
|
-
e.target.setSelectionRange(start, end);
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
export const convertLowerCase = (text: any = '') => text.toString().toLocaleLowerCase('tr-TR');
|
|
26
|
-
|
|
27
|
-
export const convertForSearch = (value: string) => {
|
|
28
|
-
let data = value?.toString().toLocaleLowerCase('tr-TR');
|
|
29
|
-
data = data.replace(/ö/g, 'o');
|
|
30
|
-
data = data.replace(/ç/g, 'c');
|
|
31
|
-
data = data.replace(/ş/g, 's');
|
|
32
|
-
data = data.replace(/ı/g, 'i');
|
|
33
|
-
data = data.replace(/ğ/g, 'g');
|
|
34
|
-
data = data.replace(/ü/g, 'u');
|
|
35
|
-
data = data.replace(/[^a-z\d]/g, ''); // %_- are allowed
|
|
36
|
-
data = data.replace(/^\s+|\s+$/g, '');
|
|
37
|
-
return data;
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
export function convertForSEO(e: React.ChangeEvent<HTMLInputElement>) {
|
|
41
|
-
if (e?.target && e?.target?.setSelectionRange) {
|
|
42
|
-
const start = e.target.selectionStart;
|
|
43
|
-
const end = e.target.selectionEnd;
|
|
44
|
-
let string = e.target.value.toString().toLocaleLowerCase('tr');
|
|
45
|
-
const turkce = [' ', '-', 'ş', 'Ş', 'ı', 'ü', 'Ü', 'ö', 'Ö', 'ç', 'Ç', 'ş', 'Ş', 'ı', 'ğ', 'Ğ', 'İ', 'ö', 'Ö', 'Ç', 'ç', 'ü', 'Ü', 'â', 'ê', 'Â', '“', '”'];
|
|
46
|
-
const duzgun = ['-', '-', 's', 'S', 'i', 'u', 'U', 'o', 'O', 'c', 'C', 's', 'S', 'i', 'g', 'G', 'I', 'o', 'O', 'C', 'c', 'u', 'U', 'a', 'ê', 'a', '', ''];
|
|
47
|
-
for (let i = 0; i < turkce.length; i++) {
|
|
48
|
-
string = string.split(turkce[i]).join(duzgun[i]);
|
|
49
|
-
}
|
|
50
|
-
string = string.replace(/[^a-z0-9\-_şıüğçİŞĞÜÇ]+/gi, '_');
|
|
51
|
-
string = string.replace(/_+/g, '_');
|
|
52
|
-
string = string.replace(/^-/, '_');
|
|
53
|
-
string = string.replace(/-$/, '_');
|
|
54
|
-
|
|
55
|
-
e.target.value = string;
|
|
56
|
-
e.target.setSelectionRange(start, end);
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
export function getDomain(context: any = null) {
|
|
61
|
-
let url = '';
|
|
62
|
-
if (context) {
|
|
63
|
-
url = context.req.headers.host;
|
|
64
|
-
} else if (typeof window !== 'undefined') {
|
|
65
|
-
url = window.location.hostname;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
if (url.length) {
|
|
69
|
-
const parts = url.split('.').reverse();
|
|
70
|
-
const cnt = parts.length;
|
|
71
|
-
if (cnt >= 3) {
|
|
72
|
-
// see if the second level domain is a common SLD.
|
|
73
|
-
if (parts[1].match(/^(com|edu|gov|net|mil|org|nom|co|name|info|biz)$/i)) {
|
|
74
|
-
const domain = parts[2] + '.' + parts[1] + '.' + parts[0];
|
|
75
|
-
return domain.split(':')[0];
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
const domain = parts[1] + '.' + parts[0];
|
|
79
|
-
return domain.split(':')[0];
|
|
80
|
-
}
|
|
81
|
-
return url;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
export const uniqueID = (key = '', length = 16) => {
|
|
85
|
-
return (
|
|
86
|
-
key +
|
|
87
|
-
parseInt(
|
|
88
|
-
Math.ceil(Math.random() * Date.now())
|
|
89
|
-
.toPrecision(length)
|
|
90
|
-
.toString()
|
|
91
|
-
.replace('.', '')
|
|
92
|
-
)
|
|
93
|
-
);
|
|
94
|
-
};
|
package/_lib/inputMask.ts
DELETED
|
@@ -1,257 +0,0 @@
|
|
|
1
|
-
import { isDev } from "./baseFunctions";
|
|
2
|
-
|
|
3
|
-
// Mask işleme core fonksiyonları
|
|
4
|
-
const createMaskCore = () => {
|
|
5
|
-
const defaultTranslation: any = {
|
|
6
|
-
"0": { pattern: /\d/ },
|
|
7
|
-
"9": { pattern: /\d/, optional: true },
|
|
8
|
-
"#": { pattern: /\d/, recursive: true },
|
|
9
|
-
A: { pattern: /[a-zA-Z0-9]/ },
|
|
10
|
-
S: { pattern: /[a-zA-Z]/ },
|
|
11
|
-
U: { pattern: /[a-zA-Z]/, transform: (char: any) => char.toUpperCase() },
|
|
12
|
-
L: { pattern: /[a-zA-Z]/, transform: (char: any) => char.toLowerCase() },
|
|
13
|
-
X: { pattern: /[0-9a-fA-F]/ }
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
const parseMask = (maskString: string, translation = defaultTranslation) => {
|
|
17
|
-
const tokens = [];
|
|
18
|
-
let i = 0;
|
|
19
|
-
|
|
20
|
-
while (i < maskString.length) {
|
|
21
|
-
const char = maskString[i];
|
|
22
|
-
|
|
23
|
-
if (translation[char]) {
|
|
24
|
-
tokens.push({
|
|
25
|
-
type: "input",
|
|
26
|
-
pattern: translation[char].pattern,
|
|
27
|
-
optional: translation[char].optional,
|
|
28
|
-
recursive: translation[char].recursive,
|
|
29
|
-
transform: translation[char].transform
|
|
30
|
-
});
|
|
31
|
-
} else {
|
|
32
|
-
tokens.push({
|
|
33
|
-
type: "literal",
|
|
34
|
-
char: char
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
i++;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
return tokens;
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
const applyMask = (inputValue: string, maskTokens: any, reverse = false) => {
|
|
44
|
-
if (!maskTokens.length) return inputValue;
|
|
45
|
-
|
|
46
|
-
const normalizedValue = inputValue == null ? "" : String(inputValue);
|
|
47
|
-
const cleanValue = normalizedValue.replace(/[^\w\s]/g, "");
|
|
48
|
-
|
|
49
|
-
if (reverse) {
|
|
50
|
-
return applyReverseMask(cleanValue, maskTokens);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
let result = "";
|
|
54
|
-
let valueIndex = 0;
|
|
55
|
-
let maskIndex = 0;
|
|
56
|
-
|
|
57
|
-
while (maskIndex < maskTokens.length && valueIndex < cleanValue.length) {
|
|
58
|
-
const token = maskTokens[maskIndex];
|
|
59
|
-
|
|
60
|
-
if (token.type === "literal") {
|
|
61
|
-
result += token.char;
|
|
62
|
-
maskIndex++;
|
|
63
|
-
} else {
|
|
64
|
-
const char = cleanValue[valueIndex];
|
|
65
|
-
|
|
66
|
-
if (token.pattern.test(char)) {
|
|
67
|
-
const transformedChar = token.transform ? token.transform(char) : char;
|
|
68
|
-
result += transformedChar;
|
|
69
|
-
valueIndex++;
|
|
70
|
-
maskIndex++;
|
|
71
|
-
} else if (token.optional) {
|
|
72
|
-
maskIndex++;
|
|
73
|
-
} else {
|
|
74
|
-
valueIndex++;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
while (maskIndex < maskTokens.length) {
|
|
80
|
-
const token = maskTokens[maskIndex];
|
|
81
|
-
if (token.type === "literal") {
|
|
82
|
-
result += token.char;
|
|
83
|
-
} else if (!token.optional) {
|
|
84
|
-
break;
|
|
85
|
-
}
|
|
86
|
-
maskIndex++;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
return result;
|
|
90
|
-
};
|
|
91
|
-
|
|
92
|
-
const applyReverseMask = (inputValue: string, maskTokens: any) => {
|
|
93
|
-
const reversedMask = maskTokens.slice().reverse();
|
|
94
|
-
const reversedValue = inputValue.split("").reverse().join("");
|
|
95
|
-
let result = "";
|
|
96
|
-
let valueIndex = 0;
|
|
97
|
-
let maskIndex = 0;
|
|
98
|
-
|
|
99
|
-
while (maskIndex < reversedMask.length && valueIndex < reversedValue.length) {
|
|
100
|
-
const token = reversedMask[maskIndex];
|
|
101
|
-
|
|
102
|
-
if (token.type === "literal") {
|
|
103
|
-
result = token.char + result;
|
|
104
|
-
maskIndex++;
|
|
105
|
-
} else {
|
|
106
|
-
const char = reversedValue[valueIndex];
|
|
107
|
-
|
|
108
|
-
if (token.pattern.test(char)) {
|
|
109
|
-
const transformedChar = token.transform ? token.transform(char) : char;
|
|
110
|
-
result = transformedChar + result;
|
|
111
|
-
valueIndex++;
|
|
112
|
-
maskIndex++;
|
|
113
|
-
} else if (token.optional) {
|
|
114
|
-
maskIndex++;
|
|
115
|
-
} else {
|
|
116
|
-
valueIndex++;
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
return result;
|
|
122
|
-
};
|
|
123
|
-
|
|
124
|
-
const getCleanValue = (maskedValue: string, maskTokens: any) => {
|
|
125
|
-
if (!maskTokens.length) return maskedValue;
|
|
126
|
-
|
|
127
|
-
let clean = "";
|
|
128
|
-
let valueIndex = 0;
|
|
129
|
-
let maskIndex = 0;
|
|
130
|
-
|
|
131
|
-
while (maskIndex < maskTokens.length && valueIndex < maskedValue.length) {
|
|
132
|
-
const token = maskTokens[maskIndex];
|
|
133
|
-
|
|
134
|
-
if (token.type === "literal") {
|
|
135
|
-
if (maskedValue[valueIndex] === token.char) {
|
|
136
|
-
valueIndex++;
|
|
137
|
-
}
|
|
138
|
-
maskIndex++;
|
|
139
|
-
} else {
|
|
140
|
-
clean += maskedValue[valueIndex];
|
|
141
|
-
valueIndex++;
|
|
142
|
-
maskIndex++;
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
return clean;
|
|
147
|
-
};
|
|
148
|
-
|
|
149
|
-
return {
|
|
150
|
-
parseMask,
|
|
151
|
-
applyMask,
|
|
152
|
-
getCleanValue
|
|
153
|
-
};
|
|
154
|
-
};
|
|
155
|
-
|
|
156
|
-
// Fonksiyonel yaklaşım - herhangi bir input elementine mask uygula
|
|
157
|
-
export const applyInputMask = (inputElement: any, mask: string, options: any = {}) => {
|
|
158
|
-
if (!inputElement || !mask) return null;
|
|
159
|
-
|
|
160
|
-
isDev && console.log("Input mask applied:", { inputElement, mask, options });
|
|
161
|
-
|
|
162
|
-
const { translation, reverse = false, clearIfNotMatch = true, selectOnFocus = false, onChange } = options;
|
|
163
|
-
|
|
164
|
-
const maskCore = createMaskCore();
|
|
165
|
-
const maskTokens = maskCore.parseMask(mask, translation);
|
|
166
|
-
|
|
167
|
-
const applyMaskToValue = (inputValue: any) => maskCore.applyMask(inputValue, maskTokens, reverse);
|
|
168
|
-
|
|
169
|
-
const getCleanValue = (maskedValue: any) => maskCore.getCleanValue(maskedValue, maskTokens);
|
|
170
|
-
|
|
171
|
-
const handleInputChange = (e: any) => {
|
|
172
|
-
const inputValue = e.target.value;
|
|
173
|
-
const maskedValue = applyMaskToValue(inputValue);
|
|
174
|
-
const cleanValue = getCleanValue(maskedValue);
|
|
175
|
-
|
|
176
|
-
e.target.value = maskedValue;
|
|
177
|
-
onChange?.(maskedValue, cleanValue, e);
|
|
178
|
-
};
|
|
179
|
-
|
|
180
|
-
const handleKeyDown = (e: any) => {
|
|
181
|
-
const { key, target } = e;
|
|
182
|
-
const cursorStart = target.selectionStart;
|
|
183
|
-
const cursorEnd = target.selectionEnd;
|
|
184
|
-
|
|
185
|
-
if (key === "Backspace" || key === "Delete") {
|
|
186
|
-
e.preventDefault();
|
|
187
|
-
|
|
188
|
-
let newValue = target.value;
|
|
189
|
-
|
|
190
|
-
if (cursorStart !== cursorEnd) {
|
|
191
|
-
newValue = newValue.substring(0, cursorStart) + newValue.substring(cursorEnd);
|
|
192
|
-
} else if (key === "Backspace" && cursorStart > 0) {
|
|
193
|
-
newValue = newValue.substring(0, cursorStart - 1) + newValue.substring(cursorStart);
|
|
194
|
-
} else if (key === "Delete" && cursorStart < newValue.length) {
|
|
195
|
-
newValue = newValue.substring(0, cursorStart) + newValue.substring(cursorStart + 1);
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
const maskedValue = applyMaskToValue(newValue);
|
|
199
|
-
target.value = maskedValue;
|
|
200
|
-
|
|
201
|
-
const cleanValue = getCleanValue(maskedValue);
|
|
202
|
-
onChange?.(maskedValue, cleanValue, e);
|
|
203
|
-
|
|
204
|
-
setTimeout(() => {
|
|
205
|
-
const newPos = key === "Backspace" ? Math.max(0, cursorStart - 1) : cursorStart;
|
|
206
|
-
target.setSelectionRange(newPos, newPos);
|
|
207
|
-
}, 0);
|
|
208
|
-
}
|
|
209
|
-
};
|
|
210
|
-
|
|
211
|
-
const handleFocus = (e: any) => {
|
|
212
|
-
if (selectOnFocus) {
|
|
213
|
-
setTimeout(() => {
|
|
214
|
-
e.target.select();
|
|
215
|
-
}, 0);
|
|
216
|
-
}
|
|
217
|
-
};
|
|
218
|
-
|
|
219
|
-
const handleBlur = (e: any) => {
|
|
220
|
-
if (clearIfNotMatch) {
|
|
221
|
-
const cleanValue = getCleanValue(e.target.value);
|
|
222
|
-
const expectedLength = maskTokens.filter((t) => t.type === "input" && !t.optional).length;
|
|
223
|
-
|
|
224
|
-
if (cleanValue.length < expectedLength) {
|
|
225
|
-
e.target.value = "";
|
|
226
|
-
onChange?.("", "", e);
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
};
|
|
230
|
-
|
|
231
|
-
// Event listener'ları ekle
|
|
232
|
-
inputElement.addEventListener("input", handleInputChange);
|
|
233
|
-
inputElement.addEventListener("keydown", handleKeyDown);
|
|
234
|
-
inputElement.addEventListener("focus", handleFocus);
|
|
235
|
-
inputElement.addEventListener("blur", handleBlur);
|
|
236
|
-
|
|
237
|
-
// Cleanup fonksiyonu
|
|
238
|
-
const destroy = () => {
|
|
239
|
-
inputElement.removeEventListener("input", handleInputChange);
|
|
240
|
-
inputElement.removeEventListener("keydown", handleKeyDown);
|
|
241
|
-
inputElement.removeEventListener("focus", handleFocus);
|
|
242
|
-
inputElement.removeEventListener("blur", handleBlur);
|
|
243
|
-
};
|
|
244
|
-
|
|
245
|
-
// Utility fonksiyonları
|
|
246
|
-
return {
|
|
247
|
-
destroy,
|
|
248
|
-
setValue: (value: any) => {
|
|
249
|
-
if (!value) return;
|
|
250
|
-
const maskedValue = applyMaskToValue(value || "");
|
|
251
|
-
inputElement.value = maskedValue;
|
|
252
|
-
},
|
|
253
|
-
getValue: () => inputElement.value,
|
|
254
|
-
getCleanValue: () => getCleanValue(inputElement.value),
|
|
255
|
-
applyMask: applyMaskToValue
|
|
256
|
-
};
|
|
257
|
-
};
|
package/_lib/listFunctions.ts
DELETED
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
export const onKeyboardSelection = ({ e, targetElement, itemClass = `item`, selectedClass = "selected", checkByValue, checkByInput, clear }: any) => {
|
|
2
|
-
if (!targetElement.current) return null;
|
|
3
|
-
|
|
4
|
-
const config = {
|
|
5
|
-
e: e,
|
|
6
|
-
itemClass: itemClass,
|
|
7
|
-
selectedClass: selectedClass,
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
function selectEnter() {
|
|
11
|
-
if (!targetElement.current) return null;
|
|
12
|
-
const text: any = targetElement.current.querySelector(`${config.itemClass}.${config.selectedClass}`);
|
|
13
|
-
if (text) {
|
|
14
|
-
checkByValue(text.dataset.value);
|
|
15
|
-
} else if (targetElement.current.querySelectorAll(`${config.itemClass}`).length > 0) {
|
|
16
|
-
const target: any = targetElement.current.querySelectorAll(`${config.itemClass}.${config.selectedClass}`)[0];
|
|
17
|
-
checkByValue(target.dataset.value);
|
|
18
|
-
} else {
|
|
19
|
-
clear(true, true);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
function selectFirst() {
|
|
24
|
-
if (!targetElement.current) return null;
|
|
25
|
-
const showList = targetElement.current.querySelectorAll(`${config.itemClass}`);
|
|
26
|
-
if (showList.length > 0) {
|
|
27
|
-
showList[0].classList.add(config.selectedClass);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
function selectLast() {
|
|
32
|
-
if (!targetElement.current) return null;
|
|
33
|
-
const showList = targetElement.current.querySelectorAll(`${config.itemClass}`);
|
|
34
|
-
if (showList.length > 0) {
|
|
35
|
-
showList[showList.length - 1].classList.add(config.selectedClass);
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
function selectNext(element: any) {
|
|
40
|
-
element.classList.remove(config.selectedClass);
|
|
41
|
-
const next = element.nextElementSibling;
|
|
42
|
-
if (next && next.nodeType !== -1) {
|
|
43
|
-
if (next.classList.contains("item")) {
|
|
44
|
-
next.classList.add(config.selectedClass);
|
|
45
|
-
} else {
|
|
46
|
-
selectNext(next);
|
|
47
|
-
}
|
|
48
|
-
} else {
|
|
49
|
-
selectFirst();
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
function selectPrev(element: any) {
|
|
54
|
-
element.classList.remove(config.selectedClass);
|
|
55
|
-
const next = element.previousElementSibling;
|
|
56
|
-
if (next && next.nodeType !== -1) {
|
|
57
|
-
if (next.classList.contains("item")) {
|
|
58
|
-
next.classList.add(config.selectedClass);
|
|
59
|
-
} else {
|
|
60
|
-
selectPrev(next);
|
|
61
|
-
}
|
|
62
|
-
} else {
|
|
63
|
-
selectLast();
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
const selected = targetElement.current.querySelector(`${config.itemClass}.${config.selectedClass}`);
|
|
68
|
-
if (e.which == 40) {
|
|
69
|
-
if (selected) {
|
|
70
|
-
selectNext(selected);
|
|
71
|
-
} else {
|
|
72
|
-
selectFirst();
|
|
73
|
-
}
|
|
74
|
-
} else if (e.which == 38) {
|
|
75
|
-
if (selected) {
|
|
76
|
-
selectPrev(selected);
|
|
77
|
-
} else {
|
|
78
|
-
selectLast();
|
|
79
|
-
}
|
|
80
|
-
} else if (e.which == 35) {
|
|
81
|
-
selectLast();
|
|
82
|
-
} else if (e.which == 36) {
|
|
83
|
-
selectFirst();
|
|
84
|
-
} else if (e.which == 13) {
|
|
85
|
-
selectEnter();
|
|
86
|
-
} else if (e.which == 9) {
|
|
87
|
-
checkByInput();
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
setScrollListPosition(targetElement);
|
|
91
|
-
};
|
|
92
|
-
|
|
93
|
-
export function setScrollListPosition(targetElement: any) {
|
|
94
|
-
if (targetElement.current) {
|
|
95
|
-
let position = 0;
|
|
96
|
-
const text = targetElement.current.querySelector(".selected");
|
|
97
|
-
if (text) {
|
|
98
|
-
position = text.offsetTop - 35;
|
|
99
|
-
} else if (targetElement.current.querySelector(".active")) {
|
|
100
|
-
position = targetElement.current.querySelector(".active").offsetTop - 35;
|
|
101
|
-
}
|
|
102
|
-
targetElement.current.scrollTop = position;
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
|
package/_lib/storage/cookies.ts
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import nookies, { destroyCookie, parseCookies, setCookie } from 'nookies';
|
|
2
|
-
|
|
3
|
-
import { getDomain } from '../baseFunctions';
|
|
4
|
-
|
|
5
|
-
export const cerezOku = (context: any | null = null, key: string) => {
|
|
6
|
-
const cookies = context ? nookies.get(context) : parseCookies();
|
|
7
|
-
return cookies[key] || false;
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export const cerezKaydet = (context: any | null = null, key: string, value: string, time: number = 0) => {
|
|
11
|
-
const newConfig = checkDomain(context);
|
|
12
|
-
setCookie(context, key, value, {
|
|
13
|
-
maxAge: time > 0 ? time : null,
|
|
14
|
-
...newConfig
|
|
15
|
-
});
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export const cerezSil = (context: any | null = null, key: string) => {
|
|
19
|
-
const newConfig = checkDomain(context);
|
|
20
|
-
destroyCookie(context, key, newConfig);
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
export const cerezTumuSil = (context: any | null = null) => {
|
|
24
|
-
const cookies = parseCookies(context);
|
|
25
|
-
if (cookies) {
|
|
26
|
-
Object.keys(cookies).forEach((key) => {
|
|
27
|
-
destroyCookie(context, key);
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
const checkDomain = (context: any | null = null, config: any = {}) => {
|
|
33
|
-
let cookieDomain = getDomain(context);
|
|
34
|
-
return {
|
|
35
|
-
...config,
|
|
36
|
-
domain: '.' + cookieDomain,
|
|
37
|
-
path: '/'
|
|
38
|
-
};
|
|
39
|
-
};
|
package/_lib/storage/encData.ts
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { isDev } from "../baseFunctions";
|
|
2
|
-
|
|
3
|
-
const encDecDataKeys: number[] = [3, 5, 8, 11, 15, 22];
|
|
4
|
-
|
|
5
|
-
export const encData = (data: object | string | number, keys: number[] = encDecDataKeys) => {
|
|
6
|
-
try {
|
|
7
|
-
const newJSON = { data: data };
|
|
8
|
-
const utf8Data = unescape(encodeURIComponent(JSON.stringify(newJSON))); // Dizeyi UTF-8'e dönüştür
|
|
9
|
-
let newData = btoa(utf8Data);
|
|
10
|
-
keys.map((value) => {
|
|
11
|
-
const randomChar = String.fromCharCode(Math.floor(Math.random() * (122 - 97 + 1)) + 97);
|
|
12
|
-
newData = newData.slice(0, value) + randomChar + newData.slice(value);
|
|
13
|
-
});
|
|
14
|
-
return newData;
|
|
15
|
-
} catch (e) {
|
|
16
|
-
isDev && console.log("ERROR => encData =>", e);
|
|
17
|
-
return "";
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export const decData = (data: string, keys: number[] = encDecDataKeys) => {
|
|
22
|
-
try {
|
|
23
|
-
let decode = data;
|
|
24
|
-
keys.map((value, index) => {
|
|
25
|
-
const prevValue = keys[index - 1];
|
|
26
|
-
if (!prevValue) {
|
|
27
|
-
decode = decode.slice(0, value) + decode.slice(value + 1);
|
|
28
|
-
} else {
|
|
29
|
-
decode = decode.slice(0, value - index) + decode.slice(value - index + 1);
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
const decodedString = atob(decode);
|
|
33
|
-
const utf8DecodedString = decodeURIComponent(escape(decodedString));
|
|
34
|
-
|
|
35
|
-
const parse = JSON.parse(utf8DecodedString);
|
|
36
|
-
return parse?.data ?? "";
|
|
37
|
-
} catch (e) {
|
|
38
|
-
isDev && console.log("ERROR => decData =>", e);
|
|
39
|
-
return "";
|
|
40
|
-
}
|
|
41
|
-
};
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { decData, encData } from './encData';
|
|
2
|
-
|
|
3
|
-
import { isDev } from '../baseFunctions';
|
|
4
|
-
|
|
5
|
-
const storageAvailable = typeof Storage === 'undefined' || !window.localStorage ? false : true;
|
|
6
|
-
|
|
7
|
-
export const setLocalStorage = (key: string, value: any) => {
|
|
8
|
-
if (!storageAvailable) return false;
|
|
9
|
-
try {
|
|
10
|
-
localStorage.setItem(key, encData(value));
|
|
11
|
-
return true;
|
|
12
|
-
} catch (e) {
|
|
13
|
-
isDev && console.log('ERROR => localStorage =>', e);
|
|
14
|
-
return false;
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export const getLocalStorage = (key: string) => {
|
|
19
|
-
if (!storageAvailable) return false;
|
|
20
|
-
try {
|
|
21
|
-
const saved = localStorage.getItem(key);
|
|
22
|
-
return saved ? decData(saved) : null;
|
|
23
|
-
} catch (e) {
|
|
24
|
-
isDev && console.log('ERROR => localStorage =>', e);
|
|
25
|
-
return null;
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
export const removeLocalStorage = (key: string) => {
|
|
29
|
-
if (!storageAvailable) return false;
|
|
30
|
-
try {
|
|
31
|
-
localStorage.removeItem(key);
|
|
32
|
-
return true;
|
|
33
|
-
} catch (e) {
|
|
34
|
-
isDev && console.log('ERROR => localStorage =>', e);
|
|
35
|
-
return false;
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
export const clearLocalStorage = () => {
|
|
40
|
-
if (!storageAvailable) return false;
|
|
41
|
-
try {
|
|
42
|
-
localStorage.clear();
|
|
43
|
-
return true;
|
|
44
|
-
} catch (e) {
|
|
45
|
-
isDev && console.log('ERROR => localStorage =>', e);
|
|
46
|
-
return false;
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
// Tüm localStorage anahtarlarını getir
|
|
51
|
-
export const getLocalStorageAllKeys = (): string[] => {
|
|
52
|
-
if (!storageAvailable) return [];
|
|
53
|
-
return Object.keys(localStorage);
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
// Tüm localStorage boyutunu getir
|
|
57
|
-
export const getLocalStorageSize = (): number => {
|
|
58
|
-
if (!storageAvailable) return 0;
|
|
59
|
-
|
|
60
|
-
let total = 0;
|
|
61
|
-
for (const key in localStorage) {
|
|
62
|
-
if (localStorage.hasOwnProperty(key)) {
|
|
63
|
-
total += localStorage[key].length + key.length;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
return total;
|
|
67
|
-
};
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { decData, encData } from "./encData";
|
|
2
|
-
|
|
3
|
-
import { isDev } from "../baseFunctions";
|
|
4
|
-
|
|
5
|
-
const storageAvailable = typeof Storage === "undefined" || !window.sessionStorage ? false : true;
|
|
6
|
-
|
|
7
|
-
export const setSessionStorage = (key: string, value: any) => {
|
|
8
|
-
if (!storageAvailable) return false;
|
|
9
|
-
try {
|
|
10
|
-
sessionStorage.setItem(key, encData(value));
|
|
11
|
-
return true;
|
|
12
|
-
} catch (e) {
|
|
13
|
-
isDev && console.log("ERROR => SessionStorage =>", e);
|
|
14
|
-
return false;
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export const getSessionStorage = (key: string) => {
|
|
19
|
-
if (!storageAvailable) return false;
|
|
20
|
-
try {
|
|
21
|
-
const saved = sessionStorage.getItem(key);
|
|
22
|
-
return saved ? decData(saved) : null;
|
|
23
|
-
} catch (e) {
|
|
24
|
-
isDev && console.log("ERROR => SessionStorage =>", e);
|
|
25
|
-
return null;
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
export const removeSessionStorage = (key: string) => {
|
|
29
|
-
if (!storageAvailable) return false;
|
|
30
|
-
try {
|
|
31
|
-
sessionStorage.removeItem(key);
|
|
32
|
-
return true;
|
|
33
|
-
} catch (e) {
|
|
34
|
-
isDev && console.log("ERROR => SessionStorage =>", e);
|
|
35
|
-
return false;
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
export const clearSessionStorage = () => {
|
|
40
|
-
if (!storageAvailable) return false;
|
|
41
|
-
try {
|
|
42
|
-
sessionStorage.clear();
|
|
43
|
-
return true;
|
|
44
|
-
} catch (e) {
|
|
45
|
-
isDev && console.log("ERROR => SessionStorage =>", e);
|
|
46
|
-
return false;
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
// Tüm SessionStorage anahtarlarını getir
|
|
51
|
-
export const getSessionStorageAllKeys = (): string[] => {
|
|
52
|
-
if (!storageAvailable) return [];
|
|
53
|
-
return Object.keys(sessionStorage);
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
// Tüm SessionStorage boyutunu getir
|
|
57
|
-
export const getSessionStorageSize = (): number => {
|
|
58
|
-
if (!storageAvailable) return 0;
|
|
59
|
-
|
|
60
|
-
let total = 0;
|
|
61
|
-
for (const key in sessionStorage) {
|
|
62
|
-
if (sessionStorage.hasOwnProperty(key)) {
|
|
63
|
-
total += sessionStorage[key].length + key.length;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
return total;
|
|
67
|
-
};
|