@makroz/web 1.0.1
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/LICENSE +33 -0
- package/README.md +22 -0
- package/dist/auth/MkAuthContext.d.ts +43 -0
- package/dist/auth/MkAuthContext.d.ts.map +1 -0
- package/dist/auth/MkAuthContext.js +3 -0
- package/dist/auth/MkAuthContext.js.map +1 -0
- package/dist/auth/MkAuthForm.d.ts +42 -0
- package/dist/auth/MkAuthForm.d.ts.map +1 -0
- package/dist/auth/MkAuthForm.js +53 -0
- package/dist/auth/MkAuthForm.js.map +1 -0
- package/dist/auth/MkAuthProvider.d.ts +30 -0
- package/dist/auth/MkAuthProvider.d.ts.map +1 -0
- package/dist/auth/MkAuthProvider.js +319 -0
- package/dist/auth/MkAuthProvider.js.map +1 -0
- package/dist/auth/auth/MkAuthContext.d.ts +42 -0
- package/dist/auth/auth/MkAuthForm.d.ts +41 -0
- package/dist/auth/auth/MkAuthProvider.d.ts +29 -0
- package/dist/auth/auth/types.d.ts +62 -0
- package/dist/auth/auth/useMkAuth.d.ts +18 -0
- package/dist/auth/components/MkButton.d.ts +10 -0
- package/dist/auth/components/MkInput.d.ts +12 -0
- package/dist/auth/types.d.ts +63 -0
- package/dist/auth/types.d.ts.map +1 -0
- package/dist/auth/types.js +20 -0
- package/dist/auth/types.js.map +1 -0
- package/dist/auth/useMkAuth.d.ts +19 -0
- package/dist/auth/useMkAuth.d.ts.map +1 -0
- package/dist/auth/useMkAuth.js +26 -0
- package/dist/auth/useMkAuth.js.map +1 -0
- package/dist/components/MkAccordion.d.ts +36 -0
- package/dist/components/MkAccordion.d.ts.map +1 -0
- package/dist/components/MkAccordion.js +25 -0
- package/dist/components/MkAccordion.js.map +1 -0
- package/dist/components/MkAccordion.module.css +79 -0
- package/dist/components/MkAlert.d.ts +25 -0
- package/dist/components/MkAlert.d.ts.map +1 -0
- package/dist/components/MkAlert.js +23 -0
- package/dist/components/MkAlert.js.map +1 -0
- package/dist/components/MkAlert.module.css +103 -0
- package/dist/components/MkAvatar.d.ts +16 -0
- package/dist/components/MkAvatar.d.ts.map +1 -0
- package/dist/components/MkAvatar.js +25 -0
- package/dist/components/MkAvatar.js.map +1 -0
- package/dist/components/MkAvatar.module.css +62 -0
- package/dist/components/MkBadge.d.ts +15 -0
- package/dist/components/MkBadge.d.ts.map +1 -0
- package/dist/components/MkBadge.js +9 -0
- package/dist/components/MkBadge.js.map +1 -0
- package/dist/components/MkBadge.module.css +74 -0
- package/dist/components/MkButton.d.ts +11 -0
- package/dist/components/MkButton.d.ts.map +1 -0
- package/dist/components/MkButton.js +20 -0
- package/dist/components/MkButton.js.map +1 -0
- package/dist/components/MkButton.module.css +85 -0
- package/dist/components/MkButton.test.d.ts +2 -0
- package/dist/components/MkButton.test.d.ts.map +1 -0
- package/dist/components/MkButton.test.js +58 -0
- package/dist/components/MkButton.test.js.map +1 -0
- package/dist/components/MkCard.d.ts +18 -0
- package/dist/components/MkCard.d.ts.map +1 -0
- package/dist/components/MkCard.js +8 -0
- package/dist/components/MkCard.js.map +1 -0
- package/dist/components/MkCard.module.css +63 -0
- package/dist/components/MkCheck.d.ts +32 -0
- package/dist/components/MkCheck.d.ts.map +1 -0
- package/dist/components/MkCheck.js +14 -0
- package/dist/components/MkCheck.js.map +1 -0
- package/dist/components/MkCheck.module.css +87 -0
- package/dist/components/MkDatePicker.d.ts +29 -0
- package/dist/components/MkDatePicker.d.ts.map +1 -0
- package/dist/components/MkDatePicker.js +12 -0
- package/dist/components/MkDatePicker.js.map +1 -0
- package/dist/components/MkDatePicker.module.css +77 -0
- package/dist/components/MkDivider.d.ts +14 -0
- package/dist/components/MkDivider.d.ts.map +1 -0
- package/dist/components/MkDivider.js +14 -0
- package/dist/components/MkDivider.js.map +1 -0
- package/dist/components/MkDivider.module.css +39 -0
- package/dist/components/MkDropDown.d.ts +22 -0
- package/dist/components/MkDropDown.d.ts.map +1 -0
- package/dist/components/MkDropDown.js +26 -0
- package/dist/components/MkDropDown.js.map +1 -0
- package/dist/components/MkDropDown.module.css +108 -0
- package/dist/components/MkEmptyState.d.ts +14 -0
- package/dist/components/MkEmptyState.d.ts.map +1 -0
- package/dist/components/MkEmptyState.js +8 -0
- package/dist/components/MkEmptyState.js.map +1 -0
- package/dist/components/MkEmptyState.module.css +35 -0
- package/dist/components/MkFileUpload.d.ts +36 -0
- package/dist/components/MkFileUpload.d.ts.map +1 -0
- package/dist/components/MkFileUpload.js +52 -0
- package/dist/components/MkFileUpload.js.map +1 -0
- package/dist/components/MkFileUpload.module.css +74 -0
- package/dist/components/MkIcons.d.ts +14 -0
- package/dist/components/MkIcons.d.ts.map +1 -0
- package/dist/components/MkIcons.js +38 -0
- package/dist/components/MkIcons.js.map +1 -0
- package/dist/components/MkInfiniteList.d.ts +15 -0
- package/dist/components/MkInfiniteList.d.ts.map +1 -0
- package/dist/components/MkInfiniteList.js +31 -0
- package/dist/components/MkInfiniteList.js.map +1 -0
- package/dist/components/MkInfiniteList.module.css +69 -0
- package/dist/components/MkInput.d.ts +13 -0
- package/dist/components/MkInput.d.ts.map +1 -0
- package/dist/components/MkInput.js +23 -0
- package/dist/components/MkInput.js.map +1 -0
- package/dist/components/MkInput.module.css +94 -0
- package/dist/components/MkLoading.d.ts +20 -0
- package/dist/components/MkLoading.d.ts.map +1 -0
- package/dist/components/MkLoading.js +16 -0
- package/dist/components/MkLoading.js.map +1 -0
- package/dist/components/MkLoading.module.css +39 -0
- package/dist/components/MkModal.d.ts +20 -0
- package/dist/components/MkModal.d.ts.map +1 -0
- package/dist/components/MkModal.js +33 -0
- package/dist/components/MkModal.js.map +1 -0
- package/dist/components/MkModal.module.css +107 -0
- package/dist/components/MkProgressBar.d.ts +17 -0
- package/dist/components/MkProgressBar.d.ts.map +1 -0
- package/dist/components/MkProgressBar.js +9 -0
- package/dist/components/MkProgressBar.js.map +1 -0
- package/dist/components/MkProgressBar.module.css +48 -0
- package/dist/components/MkRadio.d.ts +34 -0
- package/dist/components/MkRadio.d.ts.map +1 -0
- package/dist/components/MkRadio.js +21 -0
- package/dist/components/MkRadio.js.map +1 -0
- package/dist/components/MkRadio.module.css +74 -0
- package/dist/components/MkSearchInput.d.ts +30 -0
- package/dist/components/MkSearchInput.d.ts.map +1 -0
- package/dist/components/MkSearchInput.js +29 -0
- package/dist/components/MkSearchInput.js.map +1 -0
- package/dist/components/MkSearchInput.module.css +80 -0
- package/dist/components/MkSelect.d.ts +23 -0
- package/dist/components/MkSelect.d.ts.map +1 -0
- package/dist/components/MkSelect.js +61 -0
- package/dist/components/MkSelect.js.map +1 -0
- package/dist/components/MkSelect.module.css +177 -0
- package/dist/components/MkSkeleton.d.ts +22 -0
- package/dist/components/MkSkeleton.d.ts.map +1 -0
- package/dist/components/MkSkeleton.js +23 -0
- package/dist/components/MkSkeleton.js.map +1 -0
- package/dist/components/MkSkeleton.module.css +28 -0
- package/dist/components/MkSwitch.d.ts +22 -0
- package/dist/components/MkSwitch.d.ts.map +1 -0
- package/dist/components/MkSwitch.js +16 -0
- package/dist/components/MkSwitch.js.map +1 -0
- package/dist/components/MkSwitch.module.css +108 -0
- package/dist/components/MkTable.d.ts +27 -0
- package/dist/components/MkTable.d.ts.map +1 -0
- package/dist/components/MkTable.js +13 -0
- package/dist/components/MkTable.js.map +1 -0
- package/dist/components/MkTable.module.css +163 -0
- package/dist/components/MkTabs.d.ts +22 -0
- package/dist/components/MkTabs.d.ts.map +1 -0
- package/dist/components/MkTabs.js +19 -0
- package/dist/components/MkTabs.js.map +1 -0
- package/dist/components/MkTabs.module.css +117 -0
- package/dist/components/MkTextArea.d.ts +21 -0
- package/dist/components/MkTextArea.d.ts.map +1 -0
- package/dist/components/MkTextArea.js +10 -0
- package/dist/components/MkTextArea.js.map +1 -0
- package/dist/components/MkThemeEditor.d.ts +8 -0
- package/dist/components/MkThemeEditor.d.ts.map +1 -0
- package/dist/components/MkThemeEditor.js +45 -0
- package/dist/components/MkThemeEditor.js.map +1 -0
- package/dist/components/MkThemeEditor.module.css +177 -0
- package/dist/components/MkToastContainer.d.ts +3 -0
- package/dist/components/MkToastContainer.d.ts.map +1 -0
- package/dist/components/MkToastContainer.js +81 -0
- package/dist/components/MkToastContainer.js.map +1 -0
- package/dist/components/MkToastContainer.module.css +95 -0
- package/dist/components/MkTooltip.d.ts +14 -0
- package/dist/components/MkTooltip.d.ts.map +1 -0
- package/dist/components/MkTooltip.js +19 -0
- package/dist/components/MkTooltip.js.map +1 -0
- package/dist/components/MkTooltip.module.css +43 -0
- package/dist/components/MkWindowList.d.ts +20 -0
- package/dist/components/MkWindowList.d.ts.map +1 -0
- package/dist/components/MkWindowList.js +61 -0
- package/dist/components/MkWindowList.js.map +1 -0
- package/dist/components/MkWindowList.module.css +59 -0
- package/dist/components/index.d.ts +31 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +34 -0
- package/dist/components/index.js.map +1 -0
- package/dist/context/MkApiContext.d.ts +15 -0
- package/dist/context/MkApiContext.d.ts.map +1 -0
- package/dist/context/MkApiContext.js +30 -0
- package/dist/context/MkApiContext.js.map +1 -0
- package/dist/context/MkAuthContext.d.ts +20 -0
- package/dist/context/MkAuthContext.d.ts.map +1 -0
- package/dist/context/MkAuthContext.js +90 -0
- package/dist/context/MkAuthContext.js.map +1 -0
- package/dist/context/MkConfirmContext.d.ts +8 -0
- package/dist/context/MkConfirmContext.d.ts.map +1 -0
- package/dist/context/MkConfirmContext.js +39 -0
- package/dist/context/MkConfirmContext.js.map +1 -0
- package/dist/context/MkToastContext.d.ts +8 -0
- package/dist/context/MkToastContext.d.ts.map +1 -0
- package/dist/context/MkToastContext.js +64 -0
- package/dist/context/MkToastContext.js.map +1 -0
- package/dist/hooks/useApi.d.ts +19 -0
- package/dist/hooks/useApi.d.ts.map +1 -0
- package/dist/hooks/useApi.js +82 -0
- package/dist/hooks/useApi.js.map +1 -0
- package/dist/hooks/useApi.test.d.ts +2 -0
- package/dist/hooks/useApi.test.d.ts.map +1 -0
- package/dist/hooks/useApi.test.js +186 -0
- package/dist/hooks/useApi.test.js.map +1 -0
- package/dist/hooks/useMkClickOutside.d.ts +8 -0
- package/dist/hooks/useMkClickOutside.d.ts.map +1 -0
- package/dist/hooks/useMkClickOutside.js +26 -0
- package/dist/hooks/useMkClickOutside.js.map +1 -0
- package/dist/hooks/useMkCrud.d.ts +39 -0
- package/dist/hooks/useMkCrud.d.ts.map +1 -0
- package/dist/hooks/useMkCrud.js +121 -0
- package/dist/hooks/useMkCrud.js.map +1 -0
- package/dist/hooks/useMkCrud.test.d.ts +2 -0
- package/dist/hooks/useMkCrud.test.d.ts.map +1 -0
- package/dist/hooks/useMkCrud.test.js +89 -0
- package/dist/hooks/useMkCrud.test.js.map +1 -0
- package/dist/hooks/useMkDebounce.d.ts +24 -0
- package/dist/hooks/useMkDebounce.d.ts.map +1 -0
- package/dist/hooks/useMkDebounce.js +38 -0
- package/dist/hooks/useMkDebounce.js.map +1 -0
- package/dist/hooks/useMkEffectDebug.d.ts +7 -0
- package/dist/hooks/useMkEffectDebug.d.ts.map +1 -0
- package/dist/hooks/useMkEffectDebug.js +26 -0
- package/dist/hooks/useMkEffectDebug.js.map +1 -0
- package/dist/hooks/useMkEvent.d.ts +31 -0
- package/dist/hooks/useMkEvent.d.ts.map +1 -0
- package/dist/hooks/useMkEvent.js +56 -0
- package/dist/hooks/useMkEvent.js.map +1 -0
- package/dist/hooks/useMkForm.d.ts +43 -0
- package/dist/hooks/useMkForm.d.ts.map +1 -0
- package/dist/hooks/useMkForm.js +115 -0
- package/dist/hooks/useMkForm.js.map +1 -0
- package/dist/hooks/useMkForm.test.d.ts +2 -0
- package/dist/hooks/useMkForm.test.d.ts.map +1 -0
- package/dist/hooks/useMkForm.test.js +81 -0
- package/dist/hooks/useMkForm.test.js.map +1 -0
- package/dist/hooks/useMkInViewPort.d.ts +14 -0
- package/dist/hooks/useMkInViewPort.d.ts.map +1 -0
- package/dist/hooks/useMkInViewPort.js +31 -0
- package/dist/hooks/useMkInViewPort.js.map +1 -0
- package/dist/hooks/useMkInfiniteList.d.ts +15 -0
- package/dist/hooks/useMkInfiniteList.d.ts.map +1 -0
- package/dist/hooks/useMkInfiniteList.js +47 -0
- package/dist/hooks/useMkInfiniteList.js.map +1 -0
- package/dist/hooks/useMkList.d.ts +61 -0
- package/dist/hooks/useMkList.d.ts.map +1 -0
- package/dist/hooks/useMkList.js +54 -0
- package/dist/hooks/useMkList.js.map +1 -0
- package/dist/hooks/useMkLocalStorage.d.ts +6 -0
- package/dist/hooks/useMkLocalStorage.d.ts.map +1 -0
- package/dist/hooks/useMkLocalStorage.js +33 -0
- package/dist/hooks/useMkLocalStorage.js.map +1 -0
- package/dist/hooks/useMkLongPress.d.ts +37 -0
- package/dist/hooks/useMkLongPress.d.ts.map +1 -0
- package/dist/hooks/useMkLongPress.js +59 -0
- package/dist/hooks/useMkLongPress.js.map +1 -0
- package/dist/hooks/useMkMediaQuery.d.ts +14 -0
- package/dist/hooks/useMkMediaQuery.d.ts.map +1 -0
- package/dist/hooks/useMkMediaQuery.js +31 -0
- package/dist/hooks/useMkMediaQuery.js.map +1 -0
- package/dist/hooks/useMkPrevious.d.ts +7 -0
- package/dist/hooks/useMkPrevious.d.ts.map +1 -0
- package/dist/hooks/useMkPrevious.js +14 -0
- package/dist/hooks/useMkPrevious.js.map +1 -0
- package/dist/hooks/useMkScreenSize.d.ts +25 -0
- package/dist/hooks/useMkScreenSize.d.ts.map +1 -0
- package/dist/hooks/useMkScreenSize.js +43 -0
- package/dist/hooks/useMkScreenSize.js.map +1 -0
- package/dist/hooks/useMkStore.d.ts +22 -0
- package/dist/hooks/useMkStore.d.ts.map +1 -0
- package/dist/hooks/useMkStore.js +58 -0
- package/dist/hooks/useMkStore.js.map +1 -0
- package/dist/hooks/useMkToggle.d.ts +6 -0
- package/dist/hooks/useMkToggle.d.ts.map +1 -0
- package/dist/hooks/useMkToggle.js +13 -0
- package/dist/hooks/useMkToggle.js.map +1 -0
- package/dist/index.d.ts +33 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +37 -0
- package/dist/index.js.map +1 -0
- package/dist/styles/index.css +124 -0
- package/dist/test-setup.d.ts +2 -0
- package/dist/test-setup.d.ts.map +1 -0
- package/dist/test-setup.js +2 -0
- package/dist/test-setup.js.map +1 -0
- package/dist/theme/MkThemeProvider.d.ts +20 -0
- package/dist/theme/MkThemeProvider.d.ts.map +1 -0
- package/dist/theme/MkThemeProvider.js +91 -0
- package/dist/theme/MkThemeProvider.js.map +1 -0
- package/dist/utils/images.d.ts +9 -0
- package/dist/utils/images.d.ts.map +1 -0
- package/dist/utils/images.js +50 -0
- package/dist/utils/images.js.map +1 -0
- package/eslint-plugin-mk/__tests__/no-cross-module-import.test.js +66 -0
- package/eslint-plugin-mk/index.js +29 -0
- package/eslint-plugin-mk/rules/no-cross-module-import.js +71 -0
- package/package.json +62 -0
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
use;
|
|
2
|
+
client;
|
|
3
|
+
import { describe, it, expect, vi, beforeEach } from 'vitest';
|
|
4
|
+
import { renderHook, act } from '@testing-library/react';
|
|
5
|
+
import { useApi } from './useApi';
|
|
6
|
+
// Mock the MkApiContext
|
|
7
|
+
const mockSetWaiting = vi.fn();
|
|
8
|
+
const mockContext = {
|
|
9
|
+
baseUrl: 'http://localhost:8000/api',
|
|
10
|
+
headers: { 'X-Custom-Header': 'test' },
|
|
11
|
+
waiting: 0,
|
|
12
|
+
setWaiting: mockSetWaiting,
|
|
13
|
+
};
|
|
14
|
+
vi.mock('../context/MkApiContext', () => ({
|
|
15
|
+
useMkApiContext: () => mockContext,
|
|
16
|
+
}));
|
|
17
|
+
// Mock fetch globally
|
|
18
|
+
const mockFetch = vi.fn();
|
|
19
|
+
global.fetch = mockFetch;
|
|
20
|
+
describe('useApi', () => {
|
|
21
|
+
beforeEach(() => {
|
|
22
|
+
vi.clearAllMocks();
|
|
23
|
+
mockFetch.mockReset();
|
|
24
|
+
});
|
|
25
|
+
it('should have initial state as idle', () => {
|
|
26
|
+
const { result } = renderHook(() => useApi());
|
|
27
|
+
expect(result.current.status).toBe('idle');
|
|
28
|
+
expect(result.current.data).toBeNull();
|
|
29
|
+
expect(result.current.error).toBeNull();
|
|
30
|
+
expect(result.current.loading).toBe(false);
|
|
31
|
+
});
|
|
32
|
+
it('should make a GET request and return data on success', async () => {
|
|
33
|
+
const mockResponse = {
|
|
34
|
+
success: true,
|
|
35
|
+
data: { id: 1, name: 'Test Item' },
|
|
36
|
+
message: 'OK',
|
|
37
|
+
};
|
|
38
|
+
mockFetch.mockResolvedValueOnce({
|
|
39
|
+
ok: true,
|
|
40
|
+
json: () => Promise.resolve(mockResponse),
|
|
41
|
+
});
|
|
42
|
+
const { result } = renderHook(() => useApi());
|
|
43
|
+
let response;
|
|
44
|
+
await act(async () => {
|
|
45
|
+
response = await result.current.get('/items');
|
|
46
|
+
});
|
|
47
|
+
expect(mockFetch).toHaveBeenCalledWith('http://localhost:8000/api/items', expect.objectContaining({
|
|
48
|
+
method: 'GET',
|
|
49
|
+
headers: expect.objectContaining({
|
|
50
|
+
'Content-Type': 'application/json',
|
|
51
|
+
'X-Custom-Header': 'test',
|
|
52
|
+
}),
|
|
53
|
+
}));
|
|
54
|
+
expect(response).toEqual(mockResponse);
|
|
55
|
+
expect(result.current.data).toEqual({ id: 1, name: 'Test Item' });
|
|
56
|
+
expect(result.current.status).toBe('success');
|
|
57
|
+
expect(result.current.loading).toBe(false);
|
|
58
|
+
});
|
|
59
|
+
it('should handle API errors correctly', async () => {
|
|
60
|
+
const mockErrorResponse = {
|
|
61
|
+
success: false,
|
|
62
|
+
message: 'Item not found',
|
|
63
|
+
data: null,
|
|
64
|
+
};
|
|
65
|
+
mockFetch.mockResolvedValueOnce({
|
|
66
|
+
ok: false,
|
|
67
|
+
json: () => Promise.resolve(mockErrorResponse),
|
|
68
|
+
});
|
|
69
|
+
const { result } = renderHook(() => useApi());
|
|
70
|
+
await act(async () => {
|
|
71
|
+
await expect(result.current.get('/items/999')).rejects.toThrow('Item not found');
|
|
72
|
+
});
|
|
73
|
+
expect(result.current.status).toBe('error');
|
|
74
|
+
expect(result.current.error).toBe('Item not found');
|
|
75
|
+
});
|
|
76
|
+
it('should handle network errors', async () => {
|
|
77
|
+
mockFetch.mockRejectedValueOnce(new Error('Network request failed'));
|
|
78
|
+
const { result } = renderHook(() => useApi());
|
|
79
|
+
await act(async () => {
|
|
80
|
+
await expect(result.current.get('/items')).rejects.toThrow('Network request failed');
|
|
81
|
+
});
|
|
82
|
+
expect(result.current.status).toBe('error');
|
|
83
|
+
expect(result.current.error).toBe('Network request failed');
|
|
84
|
+
});
|
|
85
|
+
it('should make a POST request with body', async () => {
|
|
86
|
+
const mockResponse = {
|
|
87
|
+
success: true,
|
|
88
|
+
data: { id: 1, name: 'New Item' },
|
|
89
|
+
message: 'Created',
|
|
90
|
+
};
|
|
91
|
+
mockFetch.mockResolvedValueOnce({
|
|
92
|
+
ok: true,
|
|
93
|
+
json: () => Promise.resolve(mockResponse),
|
|
94
|
+
});
|
|
95
|
+
const { result } = renderHook(() => useApi());
|
|
96
|
+
const newBody = { name: 'New Item' };
|
|
97
|
+
await act(async () => {
|
|
98
|
+
await result.current.post('/items', newBody);
|
|
99
|
+
});
|
|
100
|
+
expect(mockFetch).toHaveBeenCalledWith('http://localhost:8000/api/items', expect.objectContaining({
|
|
101
|
+
method: 'POST',
|
|
102
|
+
body: JSON.stringify({ name: 'New Item' }),
|
|
103
|
+
}));
|
|
104
|
+
});
|
|
105
|
+
it('should build query params for GET requests', async () => {
|
|
106
|
+
const mockResponse = { success: true, data: [], message: 'OK' };
|
|
107
|
+
mockFetch.mockResolvedValueOnce({
|
|
108
|
+
ok: true,
|
|
109
|
+
json: () => Promise.resolve(mockResponse),
|
|
110
|
+
});
|
|
111
|
+
const { result } = renderHook(() => useApi());
|
|
112
|
+
await act(async () => {
|
|
113
|
+
await result.current.get('/items', {
|
|
114
|
+
q: 'search term',
|
|
115
|
+
sort: '-created_at',
|
|
116
|
+
page: 2,
|
|
117
|
+
per_page: 20,
|
|
118
|
+
});
|
|
119
|
+
});
|
|
120
|
+
const calledUrl = mockFetch.mock.calls[0][0];
|
|
121
|
+
expect(calledUrl).toContain('q=search+term');
|
|
122
|
+
expect(calledUrl).toContain('sort=-created_at');
|
|
123
|
+
expect(calledUrl).toContain('page=2');
|
|
124
|
+
expect(calledUrl).toContain('per_page=20');
|
|
125
|
+
});
|
|
126
|
+
it('should handle advanced filter params', async () => {
|
|
127
|
+
const mockResponse = { success: true, data: [], message: 'OK' };
|
|
128
|
+
mockFetch.mockResolvedValueOnce({
|
|
129
|
+
ok: true,
|
|
130
|
+
json: () => Promise.resolve(mockResponse),
|
|
131
|
+
});
|
|
132
|
+
const { result } = renderHook(() => useApi());
|
|
133
|
+
await act(async () => {
|
|
134
|
+
await result.current.get('/items', {
|
|
135
|
+
filter: {
|
|
136
|
+
status: 'A',
|
|
137
|
+
price: { gt: 100 },
|
|
138
|
+
},
|
|
139
|
+
});
|
|
140
|
+
});
|
|
141
|
+
const calledUrl = mockFetch.mock.calls[0][0];
|
|
142
|
+
// URLSearchParams encodes brackets: [ -> %5B, ] -> %5D
|
|
143
|
+
expect(calledUrl).toContain('filter%5Bstatus%5D=A');
|
|
144
|
+
expect(calledUrl).toContain('filter%5Bprice%5D%5Bgt%5D=100');
|
|
145
|
+
});
|
|
146
|
+
it('should manage waiting state during requests', async () => {
|
|
147
|
+
const mockResponse = { success: true, data: {}, message: 'OK' };
|
|
148
|
+
let resolvePromise;
|
|
149
|
+
const delayedResponse = new Promise((resolve) => {
|
|
150
|
+
resolvePromise = resolve;
|
|
151
|
+
});
|
|
152
|
+
mockFetch.mockReturnValueOnce(delayedResponse.then(() => ({
|
|
153
|
+
ok: true,
|
|
154
|
+
json: () => Promise.resolve(mockResponse),
|
|
155
|
+
})));
|
|
156
|
+
const { result } = renderHook(() => useApi());
|
|
157
|
+
act(() => {
|
|
158
|
+
result.current.get('/items');
|
|
159
|
+
});
|
|
160
|
+
expect(mockSetWaiting).toHaveBeenCalledWith(1, 'call:/items');
|
|
161
|
+
expect(result.current.loading).toBe(true);
|
|
162
|
+
await act(async () => {
|
|
163
|
+
// eslint-disable-next-line @typescript-eslint/require-await
|
|
164
|
+
await (async () => {
|
|
165
|
+
resolvePromise({
|
|
166
|
+
ok: true,
|
|
167
|
+
json: () => Promise.resolve(mockResponse),
|
|
168
|
+
});
|
|
169
|
+
})();
|
|
170
|
+
});
|
|
171
|
+
expect(mockSetWaiting).toHaveBeenCalledWith(-1, '-call:/items');
|
|
172
|
+
});
|
|
173
|
+
it('should support DELETE requests', async () => {
|
|
174
|
+
const mockResponse = { success: true, data: null, message: 'Deleted' };
|
|
175
|
+
mockFetch.mockResolvedValueOnce({
|
|
176
|
+
ok: true,
|
|
177
|
+
json: () => Promise.resolve(mockResponse),
|
|
178
|
+
});
|
|
179
|
+
const { result } = renderHook(() => useApi());
|
|
180
|
+
await act(async () => {
|
|
181
|
+
await result.current.delete('/items/123');
|
|
182
|
+
});
|
|
183
|
+
expect(mockFetch).toHaveBeenCalledWith('http://localhost:8000/api/items/123', expect.objectContaining({ method: 'DELETE' }));
|
|
184
|
+
});
|
|
185
|
+
});
|
|
186
|
+
//# sourceMappingURL=useApi.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useApi.test.js","sourceRoot":"","sources":["../../src/hooks/useApi.test.ts"],"names":[],"mappings":"AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,wBAAwB;AACxB,MAAM,cAAc,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;AAC/B,MAAM,WAAW,GAAG;IAChB,OAAO,EAAE,2BAA2B;IACpC,OAAO,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE;IACtC,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,cAAc;CAC7B,CAAC;AAEF,EAAE,CAAC,IAAI,CAAC,yBAAyB,EAAE,GAAG,EAAE,CAAC,CAAC;IACtC,eAAe,EAAE,GAAG,EAAE,CAAC,WAAW;CACrC,CAAC,CAAC,CAAC;AAEJ,sBAAsB;AACtB,MAAM,SAAS,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;AAC1B,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC;AAEzB,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACpB,UAAU,CAAC,GAAG,EAAE;QACZ,EAAE,CAAC,aAAa,EAAE,CAAC;QACnB,SAAS,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QACzC,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;QAE9C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;QACvC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,YAAY,GAAG;YACjB,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE;YAClC,OAAO,EAAE,IAAI;SAChB,CAAC;QAEF,SAAS,CAAC,qBAAqB,CAAC;YAC5B,EAAE,EAAE,IAAI;YACR,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC;SAC5C,CAAC,CAAC;QAEH,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;QAE9C,IAAI,QAAa,CAAC;QAClB,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;YACjB,QAAQ,GAAG,MAAM,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,SAAS,CAAC,CAAC,oBAAoB,CAClC,iCAAiC,EACjC,MAAM,CAAC,gBAAgB,CAAC;YACpB,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC;gBAC7B,cAAc,EAAE,kBAAkB;gBAClC,iBAAiB,EAAE,MAAM;aAC5B,CAAC;SACL,CAAC,CACL,CAAC;QAEF,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;QAClE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC9C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,iBAAiB,GAAG;YACtB,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,gBAAgB;YACzB,IAAI,EAAE,IAAI;SACb,CAAC;QAEF,SAAS,CAAC,qBAAqB,CAAC;YAC5B,EAAE,EAAE,KAAK;YACT,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC;SACjD,CAAC,CAAC;QAEH,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;QAE9C,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;YACjB,MAAM,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;QACrF,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC1C,SAAS,CAAC,qBAAqB,CAAC,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC;QAErE,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;QAE9C,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;YACjB,MAAM,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;QACzF,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,YAAY,GAAG;YACjB,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE;YACjC,OAAO,EAAE,SAAS;SACrB,CAAC;QAEF,SAAS,CAAC,qBAAqB,CAAC;YAC5B,EAAE,EAAE,IAAI;YACR,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC;SAC5C,CAAC,CAAC;QAEH,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;QAC9C,MAAM,OAAO,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;QAErC,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;YACjB,MAAM,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,SAAS,CAAC,CAAC,oBAAoB,CAClC,iCAAiC,EACjC,MAAM,CAAC,gBAAgB,CAAC;YACpB,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;SAC7C,CAAC,CACL,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,YAAY,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QAChE,SAAS,CAAC,qBAAqB,CAAC;YAC5B,EAAE,EAAE,IAAI;YACR,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC;SAC5C,CAAC,CAAC;QAEH,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;QAE9C,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;YACjB,MAAM,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE;gBAC/B,CAAC,EAAE,aAAa;gBAChB,IAAI,EAAE,aAAa;gBACnB,IAAI,EAAE,CAAC;gBACP,QAAQ,EAAE,EAAE;aACf,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7C,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;QAC7C,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC;QAChD,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACtC,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,YAAY,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QAChE,SAAS,CAAC,qBAAqB,CAAC;YAC5B,EAAE,EAAE,IAAI;YACR,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC;SAC5C,CAAC,CAAC;QAEH,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;QAE9C,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;YACjB,MAAM,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE;gBAC/B,MAAM,EAAE;oBACJ,MAAM,EAAE,GAAG;oBACX,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE;iBACrB;aACJ,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7C,uDAAuD;QACvD,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;QACpD,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,+BAA+B,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,YAAY,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QAChE,IAAI,cAAoC,CAAC;QACzC,MAAM,eAAe,GAAG,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC5C,cAAc,GAAG,OAAO,CAAC;QAC7B,CAAC,CAAC,CAAC;QACH,SAAS,CAAC,mBAAmB,CACzB,eAAe,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;YACxB,EAAE,EAAE,IAAI;YACR,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC;SAC5C,CAAC,CAAC,CACN,CAAC;QAEF,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;QAE9C,GAAG,CAAC,GAAG,EAAE;YACL,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,cAAc,CAAC,CAAC,oBAAoB,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC;QAC9D,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE1C,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;YACjB,4DAA4D;YAC5D,MAAM,CAAC,KAAK,IAAI,EAAE;gBACd,cAAe,CAAC;oBACZ,EAAE,EAAE,IAAI;oBACR,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC;iBAC5C,CAAC,CAAC;YACP,CAAC,CAAC,EAAE,CAAC;QACT,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,cAAc,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,YAAY,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;QACvE,SAAS,CAAC,qBAAqB,CAAC;YAC5B,EAAE,EAAE,IAAI;YACR,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC;SAC5C,CAAC,CAAC;QAEH,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;QAE9C,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;YACjB,MAAM,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,SAAS,CAAC,CAAC,oBAAoB,CAClC,qCAAqC,EACrC,MAAM,CAAC,gBAAgB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAChD,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { RefObject } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* useMkClickOutside
|
|
4
|
+
* 🚀 Hook para cerrar elementos UI al hacer clic fuera de ellos.
|
|
5
|
+
* Soporta múltiples referencias.
|
|
6
|
+
*/
|
|
7
|
+
export declare const useMkClickOutside: <T extends HTMLElement | null>(refs: Array<RefObject<T>>, handler: (event: MouseEvent | TouchEvent) => void) => void;
|
|
8
|
+
//# sourceMappingURL=useMkClickOutside.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkClickOutside.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkClickOutside.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,GAAG,IAAI,EAC5D,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EACzB,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,KAChD,IAqBF,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
use;
|
|
2
|
+
client;
|
|
3
|
+
import { useEffect } from "react";
|
|
4
|
+
/**
|
|
5
|
+
* useMkClickOutside
|
|
6
|
+
* 🚀 Hook para cerrar elementos UI al hacer clic fuera de ellos.
|
|
7
|
+
* Soporta múltiples referencias.
|
|
8
|
+
*/
|
|
9
|
+
export const useMkClickOutside = (refs, handler) => {
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
const listener = (event) => {
|
|
12
|
+
const target = event.target;
|
|
13
|
+
const clickedInside = refs.some((ref) => ref.current && ref.current.contains(target));
|
|
14
|
+
if (clickedInside)
|
|
15
|
+
return;
|
|
16
|
+
handler(event);
|
|
17
|
+
};
|
|
18
|
+
document.addEventListener("mousedown", listener);
|
|
19
|
+
document.addEventListener("touchstart", listener);
|
|
20
|
+
return () => {
|
|
21
|
+
document.removeEventListener("mousedown", listener);
|
|
22
|
+
document.removeEventListener("touchstart", listener);
|
|
23
|
+
};
|
|
24
|
+
}, [refs, handler]);
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=useMkClickOutside.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkClickOutside.js","sourceRoot":"","sources":["../../src/hooks/useMkClickOutside.ts"],"names":[],"mappings":"AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AAEV,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,IAAyB,EACzB,OAAiD,EAC3C,EAAE;IACR,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,KAA8B,EAAE,EAAE;YAClD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAc,CAAC;YAEpC,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAC7B,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CACrD,CAAC;YAEF,IAAI,aAAa;gBAAE,OAAO;YAC1B,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;QACjD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAElD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;YACpD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;AACtB,CAAC,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import type { MkCrudConfig, MkCrudAction, MkCrudReturn } from '@mk/core';
|
|
2
|
+
/**
|
|
3
|
+
* @module useMkCrud
|
|
4
|
+
* @description Full CRUD operations hook with form management, validation, and API integration.
|
|
5
|
+
* Same API surface for both mk-web and mk-mobile.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* const crud = useMkCrud({
|
|
10
|
+
* module: 'users',
|
|
11
|
+
* singular: 'Usuario',
|
|
12
|
+
* plural: 'Usuarios',
|
|
13
|
+
* fields: {
|
|
14
|
+
* name: { rules: ['required', 'min:3'], api: 'ae', label: 'Nombre' },
|
|
15
|
+
* email: { rules: ['required', 'email'], api: 'ae', label: 'Email' },
|
|
16
|
+
* },
|
|
17
|
+
* });
|
|
18
|
+
*
|
|
19
|
+
* // In your component:
|
|
20
|
+
* <MkButton label="Nuevo" onPress={crud.onAdd} />
|
|
21
|
+
*
|
|
22
|
+
* // In the modal:
|
|
23
|
+
* <MkInput label="Nombre" value={crud.form.formState.name}
|
|
24
|
+
* error={crud.form.errors.name}
|
|
25
|
+
* onChange={v => crud.form.setField('name', v)} />
|
|
26
|
+
* <MkButton label="Guardar" loading={crud.saving} onClick={crud.onSave} />
|
|
27
|
+
* ```
|
|
28
|
+
*/
|
|
29
|
+
interface UseMkCrudOptions extends MkCrudConfig {
|
|
30
|
+
/** Callback after successful save. */
|
|
31
|
+
onSuccess?: (action: MkCrudAction, data: any) => void;
|
|
32
|
+
/** Callback after failed save. */
|
|
33
|
+
onError?: (action: MkCrudAction, error: any) => void;
|
|
34
|
+
/** External reload function (from useMkList). */
|
|
35
|
+
onReload?: () => void;
|
|
36
|
+
}
|
|
37
|
+
export declare function useMkCrud<T extends Record<string, any> = Record<string, any>>(config: UseMkCrudOptions): MkCrudReturn<T>;
|
|
38
|
+
export {};
|
|
39
|
+
//# sourceMappingURL=useMkCrud.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkCrud.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkCrud.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAC,MAAM,UAAU,CAAC;AAMxE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,UAAU,gBAAiB,SAAQ,YAAY;IAC3C,sCAAsC;IACtC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACtD,kCAAkC;IAClC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACzE,MAAM,EAAE,gBAAgB,GACzB,YAAY,CAAC,CAAC,CAAC,CAwIjB"}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
use;
|
|
2
|
+
client;
|
|
3
|
+
import { useState, useCallback, useRef } from 'react';
|
|
4
|
+
import { useMkForm } from './useMkForm';
|
|
5
|
+
import { useApi } from './useApi';
|
|
6
|
+
import { useMkToast } from '../context/MkToastContext';
|
|
7
|
+
export function useMkCrud(config) {
|
|
8
|
+
const { module: moduleName, singular, fields, messages, showSuccessToast = true, autoReload = true, onSuccess, onError, onReload, } = config;
|
|
9
|
+
const api = useApi();
|
|
10
|
+
const toast = useMkToast();
|
|
11
|
+
const [action, setAction] = useState('add');
|
|
12
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
13
|
+
const [isDelOpen, setIsDelOpen] = useState(false);
|
|
14
|
+
const [saving, setSaving] = useState(false);
|
|
15
|
+
const currentItemRef = useRef(null);
|
|
16
|
+
const form = useMkForm({
|
|
17
|
+
fields,
|
|
18
|
+
action,
|
|
19
|
+
});
|
|
20
|
+
// ──── Actions ────
|
|
21
|
+
const onAdd = useCallback(() => {
|
|
22
|
+
setAction('add');
|
|
23
|
+
form.reset();
|
|
24
|
+
currentItemRef.current = null;
|
|
25
|
+
setIsOpen(true);
|
|
26
|
+
}, [form]);
|
|
27
|
+
const onEdit = useCallback((item) => {
|
|
28
|
+
setAction('edit');
|
|
29
|
+
form.reset(item);
|
|
30
|
+
currentItemRef.current = item;
|
|
31
|
+
setIsOpen(true);
|
|
32
|
+
}, [form]);
|
|
33
|
+
const onDel = useCallback((item) => {
|
|
34
|
+
setAction('del');
|
|
35
|
+
currentItemRef.current = item;
|
|
36
|
+
form.reset(item);
|
|
37
|
+
setIsDelOpen(true);
|
|
38
|
+
}, [form]);
|
|
39
|
+
const onClose = useCallback(() => {
|
|
40
|
+
setIsOpen(false);
|
|
41
|
+
setIsDelOpen(false);
|
|
42
|
+
form.clearErrors();
|
|
43
|
+
}, [form]);
|
|
44
|
+
// ──── Save ────
|
|
45
|
+
const onSave = useCallback(async () => {
|
|
46
|
+
var _a;
|
|
47
|
+
// Validate (skip for delete)
|
|
48
|
+
if (action !== 'del') {
|
|
49
|
+
if (!form.validate())
|
|
50
|
+
return false;
|
|
51
|
+
}
|
|
52
|
+
setSaving(true);
|
|
53
|
+
try {
|
|
54
|
+
const itemId = (_a = currentItemRef.current) === null || _a === void 0 ? void 0 : _a.id;
|
|
55
|
+
let response;
|
|
56
|
+
if (action === 'del') {
|
|
57
|
+
response = await api.delete(`/${moduleName}/${itemId}`);
|
|
58
|
+
}
|
|
59
|
+
else if (action === 'edit' && itemId) {
|
|
60
|
+
const data = form.getApiData();
|
|
61
|
+
response = await api.put(`/${moduleName}/${itemId}`, data);
|
|
62
|
+
}
|
|
63
|
+
else {
|
|
64
|
+
const data = form.getApiData();
|
|
65
|
+
response = await api.post(`/${moduleName}`, data);
|
|
66
|
+
}
|
|
67
|
+
if (response === null || response === void 0 ? void 0 : response.success) {
|
|
68
|
+
onClose();
|
|
69
|
+
if (showSuccessToast) {
|
|
70
|
+
const msg = (messages === null || messages === void 0 ? void 0 : messages[action])
|
|
71
|
+
|| response.message
|
|
72
|
+
|| `${singular} ${action === 'del' ? 'eliminado' : action === 'edit' ? 'actualizado' : 'creado'} correctamente`;
|
|
73
|
+
toast.showToast(msg, { type: 'success' });
|
|
74
|
+
}
|
|
75
|
+
if (autoReload && onReload) {
|
|
76
|
+
onReload();
|
|
77
|
+
}
|
|
78
|
+
onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(action, response.data);
|
|
79
|
+
return true;
|
|
80
|
+
}
|
|
81
|
+
else {
|
|
82
|
+
// Handle API validation errors
|
|
83
|
+
if (response === null || response === void 0 ? void 0 : response.errors) {
|
|
84
|
+
const apiErrors = {};
|
|
85
|
+
for (const key in response.errors) {
|
|
86
|
+
apiErrors[key] = Array.isArray(response.errors[key])
|
|
87
|
+
? response.errors[key][0]
|
|
88
|
+
: response.errors[key];
|
|
89
|
+
}
|
|
90
|
+
form.setErrors(apiErrors);
|
|
91
|
+
}
|
|
92
|
+
if (response === null || response === void 0 ? void 0 : response.message) {
|
|
93
|
+
toast.showToast(response.message, { type: 'error' });
|
|
94
|
+
}
|
|
95
|
+
onError === null || onError === void 0 ? void 0 : onError(action, response);
|
|
96
|
+
return false;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
catch (error) {
|
|
100
|
+
toast.showToast('Error al procesar la solicitud', { type: 'error' });
|
|
101
|
+
onError === null || onError === void 0 ? void 0 : onError(action, error);
|
|
102
|
+
return false;
|
|
103
|
+
}
|
|
104
|
+
finally {
|
|
105
|
+
setSaving(false);
|
|
106
|
+
}
|
|
107
|
+
}, [action, form, api, moduleName, singular, messages, showSuccessToast, autoReload, onReload, onSuccess, onError, onClose, toast]);
|
|
108
|
+
return {
|
|
109
|
+
action,
|
|
110
|
+
form,
|
|
111
|
+
onAdd,
|
|
112
|
+
onEdit,
|
|
113
|
+
onDel,
|
|
114
|
+
onSave,
|
|
115
|
+
onClose,
|
|
116
|
+
isOpen,
|
|
117
|
+
isDelOpen,
|
|
118
|
+
saving,
|
|
119
|
+
};
|
|
120
|
+
}
|
|
121
|
+
//# sourceMappingURL=useMkCrud.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkCrud.js","sourceRoot":"","sources":["../../src/hooks/useMkCrud.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkCrud.test.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkCrud.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
use;
|
|
2
|
+
client;
|
|
3
|
+
import { renderHook, act } from '@testing-library/react';
|
|
4
|
+
import { describe, it, expect, vi } from 'vitest';
|
|
5
|
+
import { useMkCrud } from './useMkCrud';
|
|
6
|
+
// Mock the context hooks used inside useMkCrud
|
|
7
|
+
vi.mock('../context/MkApiContext', () => ({
|
|
8
|
+
useMkApi: () => ({
|
|
9
|
+
api: {
|
|
10
|
+
post: vi.fn(),
|
|
11
|
+
put: vi.fn(),
|
|
12
|
+
delete: vi.fn(),
|
|
13
|
+
}
|
|
14
|
+
}),
|
|
15
|
+
useMkApiContext: () => ({
|
|
16
|
+
api: {
|
|
17
|
+
post: vi.fn(),
|
|
18
|
+
put: vi.fn(),
|
|
19
|
+
delete: vi.fn(),
|
|
20
|
+
}
|
|
21
|
+
})
|
|
22
|
+
}));
|
|
23
|
+
vi.mock('../context/MkToastContext', () => ({
|
|
24
|
+
useMkToast: () => ({
|
|
25
|
+
showToast: vi.fn(),
|
|
26
|
+
})
|
|
27
|
+
}));
|
|
28
|
+
describe('useMkCrud', () => {
|
|
29
|
+
const config = {
|
|
30
|
+
module: 'users',
|
|
31
|
+
singular: 'Usuario',
|
|
32
|
+
plural: 'Usuarios',
|
|
33
|
+
fields: {
|
|
34
|
+
name: { rules: ['required'], api: 'ae' }
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
it('initializes fully closed on action add', () => {
|
|
38
|
+
const { result } = renderHook(() => useMkCrud(config));
|
|
39
|
+
expect(result.current.isOpen).toBe(false);
|
|
40
|
+
expect(result.current.isDelOpen).toBe(false);
|
|
41
|
+
expect(result.current.action).toBe('add');
|
|
42
|
+
expect(result.current.saving).toBe(false);
|
|
43
|
+
});
|
|
44
|
+
it('handles onAdd opening the correct modal states', () => {
|
|
45
|
+
const { result } = renderHook(() => useMkCrud(config));
|
|
46
|
+
act(() => {
|
|
47
|
+
result.current.onAdd();
|
|
48
|
+
});
|
|
49
|
+
expect(result.current.isOpen).toBe(true);
|
|
50
|
+
expect(result.current.isDelOpen).toBe(false);
|
|
51
|
+
expect(result.current.action).toBe('add');
|
|
52
|
+
expect(result.current.form.isDirty).toBe(false);
|
|
53
|
+
});
|
|
54
|
+
it('handles onEdit injecting values', () => {
|
|
55
|
+
const { result } = renderHook(() => useMkCrud(config));
|
|
56
|
+
const user = { id: 1, name: 'Mario', email: 'mario@example.com' };
|
|
57
|
+
act(() => {
|
|
58
|
+
result.current.onEdit(user);
|
|
59
|
+
});
|
|
60
|
+
expect(result.current.isOpen).toBe(true);
|
|
61
|
+
expect(result.current.action).toBe('edit');
|
|
62
|
+
expect(result.current.form.formState.name).toBe('Mario');
|
|
63
|
+
expect(result.current.form.formState.email).toBe('mario@example.com');
|
|
64
|
+
});
|
|
65
|
+
it('handles onDel opening specific deletion modal', () => {
|
|
66
|
+
const { result } = renderHook(() => useMkCrud(config));
|
|
67
|
+
const user = { id: 1, name: 'Mario' };
|
|
68
|
+
act(() => {
|
|
69
|
+
result.current.onDel(user);
|
|
70
|
+
});
|
|
71
|
+
expect(result.current.isDelOpen).toBe(true);
|
|
72
|
+
expect(result.current.action).toBe('del');
|
|
73
|
+
expect(result.current.form.formState.id).toBe(1);
|
|
74
|
+
});
|
|
75
|
+
it('closes all modals when onClose is called', () => {
|
|
76
|
+
const { result } = renderHook(() => useMkCrud(config));
|
|
77
|
+
act(() => {
|
|
78
|
+
result.current.onAdd();
|
|
79
|
+
});
|
|
80
|
+
expect(result.current.isOpen).toBe(true);
|
|
81
|
+
act(() => {
|
|
82
|
+
result.current.onClose();
|
|
83
|
+
});
|
|
84
|
+
expect(result.current.isOpen).toBe(false);
|
|
85
|
+
expect(result.current.isDelOpen).toBe(false);
|
|
86
|
+
expect(result.current.form.isDirty).toBe(false); // form is reset
|
|
87
|
+
});
|
|
88
|
+
});
|
|
89
|
+
//# sourceMappingURL=useMkCrud.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkCrud.test.js","sourceRoot":"","sources":["../../src/hooks/useMkCrud.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @module useMkDebounce
|
|
3
|
+
* @description Returns a debounced value — the value only updates after the specified
|
|
4
|
+
* delay of inactivity. Useful for search inputs, filters, and API-driven queries.
|
|
5
|
+
*
|
|
6
|
+
* API is identical between mk-web and mk-mobile.
|
|
7
|
+
*
|
|
8
|
+
* @template T - Type of the input value.
|
|
9
|
+
* @param value - The value to debounce.
|
|
10
|
+
* @param delay - Milliseconds to wait before updating. Default 300.
|
|
11
|
+
* @returns The debounced value.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* const [search, setSearch] = useState('');
|
|
16
|
+
* const debouncedSearch = useMkDebounce(search, 400);
|
|
17
|
+
*
|
|
18
|
+
* useEffect(() => {
|
|
19
|
+
* if (debouncedSearch) api.get('/search', { q: debouncedSearch });
|
|
20
|
+
* }, [debouncedSearch]);
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
23
|
+
export declare const useMkDebounce: <T = any>(value: T, delay?: number) => T;
|
|
24
|
+
//# sourceMappingURL=useMkDebounce.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkDebounce.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkDebounce.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,GAAG,GAAG,EAAE,OAAO,CAAC,EAAE,QAAO,MAAY,KAAG,CActE,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
use;
|
|
2
|
+
client;
|
|
3
|
+
import { useEffect, useState } from 'react';
|
|
4
|
+
/**
|
|
5
|
+
* @module useMkDebounce
|
|
6
|
+
* @description Returns a debounced value — the value only updates after the specified
|
|
7
|
+
* delay of inactivity. Useful for search inputs, filters, and API-driven queries.
|
|
8
|
+
*
|
|
9
|
+
* API is identical between mk-web and mk-mobile.
|
|
10
|
+
*
|
|
11
|
+
* @template T - Type of the input value.
|
|
12
|
+
* @param value - The value to debounce.
|
|
13
|
+
* @param delay - Milliseconds to wait before updating. Default 300.
|
|
14
|
+
* @returns The debounced value.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* const [search, setSearch] = useState('');
|
|
19
|
+
* const debouncedSearch = useMkDebounce(search, 400);
|
|
20
|
+
*
|
|
21
|
+
* useEffect(() => {
|
|
22
|
+
* if (debouncedSearch) api.get('/search', { q: debouncedSearch });
|
|
23
|
+
* }, [debouncedSearch]);
|
|
24
|
+
* ```
|
|
25
|
+
*/
|
|
26
|
+
export const useMkDebounce = (value, delay = 300) => {
|
|
27
|
+
const [debouncedValue, setDebouncedValue] = useState(value);
|
|
28
|
+
useEffect(() => {
|
|
29
|
+
const handler = setTimeout(() => {
|
|
30
|
+
setDebouncedValue(value);
|
|
31
|
+
}, delay);
|
|
32
|
+
return () => {
|
|
33
|
+
clearTimeout(handler);
|
|
34
|
+
};
|
|
35
|
+
}, [value, delay]);
|
|
36
|
+
return debouncedValue;
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=useMkDebounce.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkDebounce.js","sourceRoot":"","sources":["../../src/hooks/useMkDebounce.ts"],"names":[],"mappings":"AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAU,KAAQ,EAAE,QAAgB,GAAG,EAAK,EAAE;IACvE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAI,KAAK,CAAC,CAAC;IAE/D,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,OAAO,GAAG,EAAE;YACR,YAAY,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC;AAC1B,CAAC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useMkEffectDebug
|
|
3
|
+
* 🚀 Herramienta de diagnóstico para desarrolladores.
|
|
4
|
+
* Muestra en consola qué dependencia disparó el efecto y sus valores (antes/después).
|
|
5
|
+
*/
|
|
6
|
+
export declare const useMkEffectDebug: (effectFunction: () => void | (() => void), dependencies: any[]) => void;
|
|
7
|
+
//# sourceMappingURL=useMkEffectDebug.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkEffectDebug.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkEffectDebug.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAC3B,gBAAgB,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,EACzC,cAAc,GAAG,EAAE,KAClB,IAsBF,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { useEffect } from "react";
|
|
2
|
+
import { useMkPrevious } from "./useMkPrevious";
|
|
3
|
+
/**
|
|
4
|
+
* useMkEffectDebug
|
|
5
|
+
* 🚀 Herramienta de diagnóstico para desarrolladores.
|
|
6
|
+
* Muestra en consola qué dependencia disparó el efecto y sus valores (antes/después).
|
|
7
|
+
*/
|
|
8
|
+
export const useMkEffectDebug = (effectFunction, dependencies) => {
|
|
9
|
+
const previousDependencies = useMkPrevious(dependencies, []);
|
|
10
|
+
const changedDependencies = dependencies.reduce((accum, dependency, index) => {
|
|
11
|
+
if (dependency !== (previousDependencies === null || previousDependencies === void 0 ? void 0 : previousDependencies[index])) {
|
|
12
|
+
accum[index] = {
|
|
13
|
+
before: previousDependencies === null || previousDependencies === void 0 ? void 0 : previousDependencies[index],
|
|
14
|
+
after: dependency,
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
return accum;
|
|
18
|
+
}, {});
|
|
19
|
+
if (Object.keys(changedDependencies).length) {
|
|
20
|
+
console.group("📌 [useMkEffectDebug] Cambio Detectado");
|
|
21
|
+
console.table(changedDependencies);
|
|
22
|
+
console.groupEnd();
|
|
23
|
+
}
|
|
24
|
+
useEffect(effectFunction, dependencies);
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=useMkEffectDebug.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkEffectDebug.js","sourceRoot":"","sources":["../../src/hooks/useMkEffectDebug.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,cAAyC,EACzC,YAAmB,EACb,EAAE;IACR,MAAM,oBAAoB,GAAG,aAAa,CAAQ,YAAY,EAAE,EAAE,CAAC,CAAC;IAEpE,MAAM,mBAAmB,GAAG,YAAY,CAAC,MAAM,CAE7C,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE;QAC7B,IAAI,UAAU,MAAK,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAG,KAAK,CAAC,CAAA,EAAE,CAAC;YACjD,KAAK,CAAC,KAAK,CAAC,GAAG;gBACb,MAAM,EAAE,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAG,KAAK,CAAC;gBACrC,KAAK,EAAE,UAAU;aAClB,CAAC;QACJ,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,EAAE,CAAC;QAC5C,OAAO,CAAC,KAAK,CAAC,wCAAwC,CAAC,CAAC;QACxD,OAAO,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QACnC,OAAO,CAAC,QAAQ,EAAE,CAAC;IACrB,CAAC;IAED,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;AAC1C,CAAC,CAAC"}
|