lkd-web-kit 0.0.2 → 0.0.3
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/dist/{components.cjs.js → index.cjs.js} +2965 -34
- package/dist/index.d.ts +358 -0
- package/dist/{components.es.js → index.es.js} +2940 -32
- package/package.json +6 -50
- package/dist/components.d.ts +0 -116
- package/dist/consts.cjs.js +0 -80
- package/dist/consts.d.ts +0 -73
- package/dist/consts.es.js +0 -75
- package/dist/contexts.cjs.js +0 -78
- package/dist/contexts.d.ts +0 -39
- package/dist/contexts.es.js +0 -70
- package/dist/form.cjs.js +0 -58
- package/dist/form.d.ts +0 -29
- package/dist/form.es.js +0 -51
- package/dist/hocs.cjs.js +0 -76
- package/dist/hocs.d.ts +0 -34
- package/dist/hocs.es.js +0 -71
- package/dist/hooks.cjs.js +0 -12
- package/dist/hooks.d.ts +0 -11
- package/dist/hooks.es.js +0 -3
- package/dist/mantine.cjs.js +0 -29
- package/dist/mantine.d.ts +0 -16
- package/dist/mantine.es.js +0 -24
- package/dist/navigation-DnFkn_t2.cjs +0 -2518
- package/dist/navigation-sZaWnl2V.js +0 -2513
- package/dist/types.cjs.js +0 -2
- package/dist/types.d.ts +0 -33
- package/dist/types.es.js +0 -1
- package/dist/useFetchNextPageOnScroll-08q9N5OE.js +0 -49
- package/dist/useFetchNextPageOnScroll-Fqj7Vp-O.cjs +0 -52
- package/dist/utils.cjs.js +0 -83
- package/dist/utils.d.ts +0 -29
- package/dist/utils.es.js +0 -74
- package/dist/zodValidator-Bx6RMGoL.cjs +0 -13
- package/dist/zodValidator-ChEQ3cmF.js +0 -11
package/dist/types.cjs.js
DELETED
package/dist/types.d.ts
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { Dispatch } from 'react';
|
|
2
|
-
import { SetStateAction } from 'react';
|
|
3
|
-
|
|
4
|
-
export declare interface ApiList<T = unknown> {
|
|
5
|
-
data: T[];
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
export declare interface ApiPagination<T> {
|
|
9
|
-
data: T[];
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export declare type DeepPartial<T> = {
|
|
13
|
-
[P in keyof T]?: DeepPartial<T[P]>;
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
export declare interface LayoutProps {
|
|
17
|
-
children: React.ReactNode;
|
|
18
|
-
params: Promise<PageParams>;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
declare interface PageParams extends Record<string, string | string[] | undefined> {
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export declare interface PageProps {
|
|
25
|
-
params: Promise<PageParams>;
|
|
26
|
-
searchParams: Promise<{
|
|
27
|
-
[key: string]: string | string[] | undefined;
|
|
28
|
-
}>;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
export declare type Setter<T> = Dispatch<SetStateAction<T>>;
|
|
32
|
-
|
|
33
|
-
export { }
|
package/dist/types.es.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { useEffect } from 'react';
|
|
2
|
-
|
|
3
|
-
const useOnScrollProgress = (triggerPercentage, callback, elementRef) => {
|
|
4
|
-
if (triggerPercentage < 0 || triggerPercentage > 1) {
|
|
5
|
-
throw new Error("El porcentaje debe estar entre 0 y 1");
|
|
6
|
-
}
|
|
7
|
-
useEffect(() => {
|
|
8
|
-
let hasTriggered = false;
|
|
9
|
-
const handleScroll = () => {
|
|
10
|
-
const el = elementRef?.current;
|
|
11
|
-
const target = el ?? document.documentElement;
|
|
12
|
-
const scrollHeight = target.scrollHeight - target.clientHeight;
|
|
13
|
-
const scrollTop = el ? target.scrollTop : window.scrollY;
|
|
14
|
-
const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;
|
|
15
|
-
if (!hasTriggered && scrollProgress >= triggerPercentage) {
|
|
16
|
-
callback();
|
|
17
|
-
hasTriggered = true;
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
const scrollTarget = elementRef?.current ?? window;
|
|
21
|
-
scrollTarget.addEventListener("scroll", handleScroll);
|
|
22
|
-
handleScroll();
|
|
23
|
-
return () => {
|
|
24
|
-
scrollTarget.removeEventListener("scroll", handleScroll);
|
|
25
|
-
};
|
|
26
|
-
}, [triggerPercentage, callback, elementRef]);
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
const useFetchNextPageOnScroll = (infinity, elementRef) => {
|
|
30
|
-
useOnScrollProgress(
|
|
31
|
-
0.9,
|
|
32
|
-
() => {
|
|
33
|
-
if (infinity.hasNextPage) {
|
|
34
|
-
infinity.fetchNextPage();
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
elementRef
|
|
38
|
-
);
|
|
39
|
-
useEffect(() => {
|
|
40
|
-
const el = elementRef?.current;
|
|
41
|
-
const scrollTarget = el ?? document.documentElement;
|
|
42
|
-
const hasScroll = scrollTarget.scrollHeight > scrollTarget.clientHeight;
|
|
43
|
-
if (!hasScroll && infinity.hasNextPage) {
|
|
44
|
-
infinity.fetchNextPage();
|
|
45
|
-
}
|
|
46
|
-
}, [infinity.data, elementRef]);
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
export { useOnScrollProgress as a, useFetchNextPageOnScroll as u };
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
const require$$0 = require('react');
|
|
4
|
-
|
|
5
|
-
const useOnScrollProgress = (triggerPercentage, callback, elementRef) => {
|
|
6
|
-
if (triggerPercentage < 0 || triggerPercentage > 1) {
|
|
7
|
-
throw new Error("El porcentaje debe estar entre 0 y 1");
|
|
8
|
-
}
|
|
9
|
-
require$$0.useEffect(() => {
|
|
10
|
-
let hasTriggered = false;
|
|
11
|
-
const handleScroll = () => {
|
|
12
|
-
const el = elementRef?.current;
|
|
13
|
-
const target = el ?? document.documentElement;
|
|
14
|
-
const scrollHeight = target.scrollHeight - target.clientHeight;
|
|
15
|
-
const scrollTop = el ? target.scrollTop : window.scrollY;
|
|
16
|
-
const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;
|
|
17
|
-
if (!hasTriggered && scrollProgress >= triggerPercentage) {
|
|
18
|
-
callback();
|
|
19
|
-
hasTriggered = true;
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
const scrollTarget = elementRef?.current ?? window;
|
|
23
|
-
scrollTarget.addEventListener("scroll", handleScroll);
|
|
24
|
-
handleScroll();
|
|
25
|
-
return () => {
|
|
26
|
-
scrollTarget.removeEventListener("scroll", handleScroll);
|
|
27
|
-
};
|
|
28
|
-
}, [triggerPercentage, callback, elementRef]);
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
const useFetchNextPageOnScroll = (infinity, elementRef) => {
|
|
32
|
-
useOnScrollProgress(
|
|
33
|
-
0.9,
|
|
34
|
-
() => {
|
|
35
|
-
if (infinity.hasNextPage) {
|
|
36
|
-
infinity.fetchNextPage();
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
elementRef
|
|
40
|
-
);
|
|
41
|
-
require$$0.useEffect(() => {
|
|
42
|
-
const el = elementRef?.current;
|
|
43
|
-
const scrollTarget = el ?? document.documentElement;
|
|
44
|
-
const hasScroll = scrollTarget.scrollHeight > scrollTarget.clientHeight;
|
|
45
|
-
if (!hasScroll && infinity.hasNextPage) {
|
|
46
|
-
infinity.fetchNextPage();
|
|
47
|
-
}
|
|
48
|
-
}, [infinity.data, elementRef]);
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
exports.useFetchNextPageOnScroll = useFetchNextPageOnScroll;
|
|
52
|
-
exports.useOnScrollProgress = useOnScrollProgress;
|
package/dist/utils.cjs.js
DELETED
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
function formatBytes(bytes, decimals = 2) {
|
|
6
|
-
if (!+bytes) return "0 Bytes";
|
|
7
|
-
const k = 1024;
|
|
8
|
-
const dm = decimals < 0 ? 0 : decimals;
|
|
9
|
-
const sizes = ["Bytes", "KB", "MB"];
|
|
10
|
-
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
|
11
|
-
return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
const parseJSON = async (response) => {
|
|
15
|
-
return response.text().then(function(text) {
|
|
16
|
-
return text ? JSON.parse(text) : {};
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
const addBodyJsonHook = async (error) => {
|
|
21
|
-
error.response.bodyJson = await parseJSON(error.response);
|
|
22
|
-
return error;
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
function indexBy(arr, getKey, getValue) {
|
|
26
|
-
if (getValue)
|
|
27
|
-
return arr.reduce(
|
|
28
|
-
(acc, item) => {
|
|
29
|
-
const key = getKey(item);
|
|
30
|
-
if (key === void 0) return acc;
|
|
31
|
-
acc[key] = getValue(item);
|
|
32
|
-
return acc;
|
|
33
|
-
},
|
|
34
|
-
{}
|
|
35
|
-
);
|
|
36
|
-
return arr.reduce(
|
|
37
|
-
(acc, item) => {
|
|
38
|
-
const key = getKey(item);
|
|
39
|
-
if (key === void 0) return acc;
|
|
40
|
-
acc[key] = item;
|
|
41
|
-
return acc;
|
|
42
|
-
},
|
|
43
|
-
{}
|
|
44
|
-
);
|
|
45
|
-
}
|
|
46
|
-
const groupBy = (arr, getKey) => {
|
|
47
|
-
const groups = {};
|
|
48
|
-
arr?.forEach((item) => {
|
|
49
|
-
const key = getKey(item);
|
|
50
|
-
if (key === null) return;
|
|
51
|
-
if (Array.isArray(key)) {
|
|
52
|
-
key.forEach((k) => {
|
|
53
|
-
if (!groups[k]) groups[k] = [];
|
|
54
|
-
groups[k]?.push(item);
|
|
55
|
-
});
|
|
56
|
-
return;
|
|
57
|
-
}
|
|
58
|
-
if (!groups[key]) groups[key] = [];
|
|
59
|
-
groups[key]?.push(item);
|
|
60
|
-
});
|
|
61
|
-
return groups;
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
const shuffleArray = (array) => {
|
|
65
|
-
const shuffledArray = [...array];
|
|
66
|
-
let currentIndex = shuffledArray.length, randomIndex;
|
|
67
|
-
while (currentIndex > 0) {
|
|
68
|
-
randomIndex = Math.floor(Math.random() * currentIndex);
|
|
69
|
-
currentIndex--;
|
|
70
|
-
[shuffledArray[currentIndex], shuffledArray[randomIndex]] = [
|
|
71
|
-
shuffledArray[randomIndex],
|
|
72
|
-
shuffledArray[currentIndex]
|
|
73
|
-
];
|
|
74
|
-
}
|
|
75
|
-
return shuffledArray;
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
exports.addBodyJsonHook = addBodyJsonHook;
|
|
79
|
-
exports.formatBytes = formatBytes;
|
|
80
|
-
exports.groupBy = groupBy;
|
|
81
|
-
exports.indexBy = indexBy;
|
|
82
|
-
exports.parseJSON = parseJSON;
|
|
83
|
-
exports.shuffleArray = shuffleArray;
|
package/dist/utils.d.ts
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { BeforeErrorHook } from 'ky';
|
|
2
|
-
import { HTTPError } from 'ky';
|
|
3
|
-
import { KyResponse } from 'ky';
|
|
4
|
-
|
|
5
|
-
export declare const addBodyJsonHook: BeforeErrorHook;
|
|
6
|
-
|
|
7
|
-
export declare function formatBytes(bytes: number, decimals?: number): string;
|
|
8
|
-
|
|
9
|
-
export declare const groupBy: <T extends any>(arr: T[], getKey: (item: T) => string | string[] | null) => Record<string, T[] | undefined>;
|
|
10
|
-
|
|
11
|
-
export declare type GroupByResult<T> = Record<string, T[] | undefined>;
|
|
12
|
-
|
|
13
|
-
export declare function indexBy<T, K, C extends string>(arr: T[], getKey: (item: T) => C | undefined): Record<C, T | undefined>;
|
|
14
|
-
|
|
15
|
-
export declare function indexBy<T, K, C extends string>(arr: T[], getKey: (item: T) => C | undefined, getValue: (item: T) => K): Record<C, K | undefined>;
|
|
16
|
-
|
|
17
|
-
export declare type IndexByResult<T> = Record<string, T | undefined>;
|
|
18
|
-
|
|
19
|
-
export declare type KyError<T = unknown> = HTTPError<T> & {
|
|
20
|
-
response: {
|
|
21
|
-
bodyJson?: T;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
export declare const parseJSON: (response: KyResponse) => Promise<any>;
|
|
26
|
-
|
|
27
|
-
export declare const shuffleArray: <T>(array: T[]) => T[];
|
|
28
|
-
|
|
29
|
-
export { }
|
package/dist/utils.es.js
DELETED
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
function formatBytes(bytes, decimals = 2) {
|
|
2
|
-
if (!+bytes) return "0 Bytes";
|
|
3
|
-
const k = 1024;
|
|
4
|
-
const dm = decimals < 0 ? 0 : decimals;
|
|
5
|
-
const sizes = ["Bytes", "KB", "MB"];
|
|
6
|
-
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
|
7
|
-
return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
const parseJSON = async (response) => {
|
|
11
|
-
return response.text().then(function(text) {
|
|
12
|
-
return text ? JSON.parse(text) : {};
|
|
13
|
-
});
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
const addBodyJsonHook = async (error) => {
|
|
17
|
-
error.response.bodyJson = await parseJSON(error.response);
|
|
18
|
-
return error;
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
function indexBy(arr, getKey, getValue) {
|
|
22
|
-
if (getValue)
|
|
23
|
-
return arr.reduce(
|
|
24
|
-
(acc, item) => {
|
|
25
|
-
const key = getKey(item);
|
|
26
|
-
if (key === void 0) return acc;
|
|
27
|
-
acc[key] = getValue(item);
|
|
28
|
-
return acc;
|
|
29
|
-
},
|
|
30
|
-
{}
|
|
31
|
-
);
|
|
32
|
-
return arr.reduce(
|
|
33
|
-
(acc, item) => {
|
|
34
|
-
const key = getKey(item);
|
|
35
|
-
if (key === void 0) return acc;
|
|
36
|
-
acc[key] = item;
|
|
37
|
-
return acc;
|
|
38
|
-
},
|
|
39
|
-
{}
|
|
40
|
-
);
|
|
41
|
-
}
|
|
42
|
-
const groupBy = (arr, getKey) => {
|
|
43
|
-
const groups = {};
|
|
44
|
-
arr?.forEach((item) => {
|
|
45
|
-
const key = getKey(item);
|
|
46
|
-
if (key === null) return;
|
|
47
|
-
if (Array.isArray(key)) {
|
|
48
|
-
key.forEach((k) => {
|
|
49
|
-
if (!groups[k]) groups[k] = [];
|
|
50
|
-
groups[k]?.push(item);
|
|
51
|
-
});
|
|
52
|
-
return;
|
|
53
|
-
}
|
|
54
|
-
if (!groups[key]) groups[key] = [];
|
|
55
|
-
groups[key]?.push(item);
|
|
56
|
-
});
|
|
57
|
-
return groups;
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
const shuffleArray = (array) => {
|
|
61
|
-
const shuffledArray = [...array];
|
|
62
|
-
let currentIndex = shuffledArray.length, randomIndex;
|
|
63
|
-
while (currentIndex > 0) {
|
|
64
|
-
randomIndex = Math.floor(Math.random() * currentIndex);
|
|
65
|
-
currentIndex--;
|
|
66
|
-
[shuffledArray[currentIndex], shuffledArray[randomIndex]] = [
|
|
67
|
-
shuffledArray[randomIndex],
|
|
68
|
-
shuffledArray[currentIndex]
|
|
69
|
-
];
|
|
70
|
-
}
|
|
71
|
-
return shuffledArray;
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
export { addBodyJsonHook, formatBytes, groupBy, indexBy, parseJSON, shuffleArray };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
const zodValidator = (schema) => {
|
|
4
|
-
return (values) => {
|
|
5
|
-
const result = schema.safeParse(values);
|
|
6
|
-
if (result.success) return;
|
|
7
|
-
const { error } = result;
|
|
8
|
-
const firstError = error.issues[0];
|
|
9
|
-
return firstError?.message;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
exports.zodValidator = zodValidator;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
const zodValidator = (schema) => {
|
|
2
|
-
return (values) => {
|
|
3
|
-
const result = schema.safeParse(values);
|
|
4
|
-
if (result.success) return;
|
|
5
|
-
const { error } = result;
|
|
6
|
-
const firstError = error.issues[0];
|
|
7
|
-
return firstError?.message;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
export { zodValidator as z };
|