@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.
Files changed (302) hide show
  1. package/LICENSE +33 -0
  2. package/README.md +22 -0
  3. package/dist/auth/MkAuthContext.d.ts +43 -0
  4. package/dist/auth/MkAuthContext.d.ts.map +1 -0
  5. package/dist/auth/MkAuthContext.js +3 -0
  6. package/dist/auth/MkAuthContext.js.map +1 -0
  7. package/dist/auth/MkAuthForm.d.ts +42 -0
  8. package/dist/auth/MkAuthForm.d.ts.map +1 -0
  9. package/dist/auth/MkAuthForm.js +53 -0
  10. package/dist/auth/MkAuthForm.js.map +1 -0
  11. package/dist/auth/MkAuthProvider.d.ts +30 -0
  12. package/dist/auth/MkAuthProvider.d.ts.map +1 -0
  13. package/dist/auth/MkAuthProvider.js +319 -0
  14. package/dist/auth/MkAuthProvider.js.map +1 -0
  15. package/dist/auth/auth/MkAuthContext.d.ts +42 -0
  16. package/dist/auth/auth/MkAuthForm.d.ts +41 -0
  17. package/dist/auth/auth/MkAuthProvider.d.ts +29 -0
  18. package/dist/auth/auth/types.d.ts +62 -0
  19. package/dist/auth/auth/useMkAuth.d.ts +18 -0
  20. package/dist/auth/components/MkButton.d.ts +10 -0
  21. package/dist/auth/components/MkInput.d.ts +12 -0
  22. package/dist/auth/types.d.ts +63 -0
  23. package/dist/auth/types.d.ts.map +1 -0
  24. package/dist/auth/types.js +20 -0
  25. package/dist/auth/types.js.map +1 -0
  26. package/dist/auth/useMkAuth.d.ts +19 -0
  27. package/dist/auth/useMkAuth.d.ts.map +1 -0
  28. package/dist/auth/useMkAuth.js +26 -0
  29. package/dist/auth/useMkAuth.js.map +1 -0
  30. package/dist/components/MkAccordion.d.ts +36 -0
  31. package/dist/components/MkAccordion.d.ts.map +1 -0
  32. package/dist/components/MkAccordion.js +25 -0
  33. package/dist/components/MkAccordion.js.map +1 -0
  34. package/dist/components/MkAccordion.module.css +79 -0
  35. package/dist/components/MkAlert.d.ts +25 -0
  36. package/dist/components/MkAlert.d.ts.map +1 -0
  37. package/dist/components/MkAlert.js +23 -0
  38. package/dist/components/MkAlert.js.map +1 -0
  39. package/dist/components/MkAlert.module.css +103 -0
  40. package/dist/components/MkAvatar.d.ts +16 -0
  41. package/dist/components/MkAvatar.d.ts.map +1 -0
  42. package/dist/components/MkAvatar.js +25 -0
  43. package/dist/components/MkAvatar.js.map +1 -0
  44. package/dist/components/MkAvatar.module.css +62 -0
  45. package/dist/components/MkBadge.d.ts +15 -0
  46. package/dist/components/MkBadge.d.ts.map +1 -0
  47. package/dist/components/MkBadge.js +9 -0
  48. package/dist/components/MkBadge.js.map +1 -0
  49. package/dist/components/MkBadge.module.css +74 -0
  50. package/dist/components/MkButton.d.ts +11 -0
  51. package/dist/components/MkButton.d.ts.map +1 -0
  52. package/dist/components/MkButton.js +20 -0
  53. package/dist/components/MkButton.js.map +1 -0
  54. package/dist/components/MkButton.module.css +85 -0
  55. package/dist/components/MkButton.test.d.ts +2 -0
  56. package/dist/components/MkButton.test.d.ts.map +1 -0
  57. package/dist/components/MkButton.test.js +58 -0
  58. package/dist/components/MkButton.test.js.map +1 -0
  59. package/dist/components/MkCard.d.ts +18 -0
  60. package/dist/components/MkCard.d.ts.map +1 -0
  61. package/dist/components/MkCard.js +8 -0
  62. package/dist/components/MkCard.js.map +1 -0
  63. package/dist/components/MkCard.module.css +63 -0
  64. package/dist/components/MkCheck.d.ts +32 -0
  65. package/dist/components/MkCheck.d.ts.map +1 -0
  66. package/dist/components/MkCheck.js +14 -0
  67. package/dist/components/MkCheck.js.map +1 -0
  68. package/dist/components/MkCheck.module.css +87 -0
  69. package/dist/components/MkDatePicker.d.ts +29 -0
  70. package/dist/components/MkDatePicker.d.ts.map +1 -0
  71. package/dist/components/MkDatePicker.js +12 -0
  72. package/dist/components/MkDatePicker.js.map +1 -0
  73. package/dist/components/MkDatePicker.module.css +77 -0
  74. package/dist/components/MkDivider.d.ts +14 -0
  75. package/dist/components/MkDivider.d.ts.map +1 -0
  76. package/dist/components/MkDivider.js +14 -0
  77. package/dist/components/MkDivider.js.map +1 -0
  78. package/dist/components/MkDivider.module.css +39 -0
  79. package/dist/components/MkDropDown.d.ts +22 -0
  80. package/dist/components/MkDropDown.d.ts.map +1 -0
  81. package/dist/components/MkDropDown.js +26 -0
  82. package/dist/components/MkDropDown.js.map +1 -0
  83. package/dist/components/MkDropDown.module.css +108 -0
  84. package/dist/components/MkEmptyState.d.ts +14 -0
  85. package/dist/components/MkEmptyState.d.ts.map +1 -0
  86. package/dist/components/MkEmptyState.js +8 -0
  87. package/dist/components/MkEmptyState.js.map +1 -0
  88. package/dist/components/MkEmptyState.module.css +35 -0
  89. package/dist/components/MkFileUpload.d.ts +36 -0
  90. package/dist/components/MkFileUpload.d.ts.map +1 -0
  91. package/dist/components/MkFileUpload.js +52 -0
  92. package/dist/components/MkFileUpload.js.map +1 -0
  93. package/dist/components/MkFileUpload.module.css +74 -0
  94. package/dist/components/MkIcons.d.ts +14 -0
  95. package/dist/components/MkIcons.d.ts.map +1 -0
  96. package/dist/components/MkIcons.js +38 -0
  97. package/dist/components/MkIcons.js.map +1 -0
  98. package/dist/components/MkInfiniteList.d.ts +15 -0
  99. package/dist/components/MkInfiniteList.d.ts.map +1 -0
  100. package/dist/components/MkInfiniteList.js +31 -0
  101. package/dist/components/MkInfiniteList.js.map +1 -0
  102. package/dist/components/MkInfiniteList.module.css +69 -0
  103. package/dist/components/MkInput.d.ts +13 -0
  104. package/dist/components/MkInput.d.ts.map +1 -0
  105. package/dist/components/MkInput.js +23 -0
  106. package/dist/components/MkInput.js.map +1 -0
  107. package/dist/components/MkInput.module.css +94 -0
  108. package/dist/components/MkLoading.d.ts +20 -0
  109. package/dist/components/MkLoading.d.ts.map +1 -0
  110. package/dist/components/MkLoading.js +16 -0
  111. package/dist/components/MkLoading.js.map +1 -0
  112. package/dist/components/MkLoading.module.css +39 -0
  113. package/dist/components/MkModal.d.ts +20 -0
  114. package/dist/components/MkModal.d.ts.map +1 -0
  115. package/dist/components/MkModal.js +33 -0
  116. package/dist/components/MkModal.js.map +1 -0
  117. package/dist/components/MkModal.module.css +107 -0
  118. package/dist/components/MkProgressBar.d.ts +17 -0
  119. package/dist/components/MkProgressBar.d.ts.map +1 -0
  120. package/dist/components/MkProgressBar.js +9 -0
  121. package/dist/components/MkProgressBar.js.map +1 -0
  122. package/dist/components/MkProgressBar.module.css +48 -0
  123. package/dist/components/MkRadio.d.ts +34 -0
  124. package/dist/components/MkRadio.d.ts.map +1 -0
  125. package/dist/components/MkRadio.js +21 -0
  126. package/dist/components/MkRadio.js.map +1 -0
  127. package/dist/components/MkRadio.module.css +74 -0
  128. package/dist/components/MkSearchInput.d.ts +30 -0
  129. package/dist/components/MkSearchInput.d.ts.map +1 -0
  130. package/dist/components/MkSearchInput.js +29 -0
  131. package/dist/components/MkSearchInput.js.map +1 -0
  132. package/dist/components/MkSearchInput.module.css +80 -0
  133. package/dist/components/MkSelect.d.ts +23 -0
  134. package/dist/components/MkSelect.d.ts.map +1 -0
  135. package/dist/components/MkSelect.js +61 -0
  136. package/dist/components/MkSelect.js.map +1 -0
  137. package/dist/components/MkSelect.module.css +177 -0
  138. package/dist/components/MkSkeleton.d.ts +22 -0
  139. package/dist/components/MkSkeleton.d.ts.map +1 -0
  140. package/dist/components/MkSkeleton.js +23 -0
  141. package/dist/components/MkSkeleton.js.map +1 -0
  142. package/dist/components/MkSkeleton.module.css +28 -0
  143. package/dist/components/MkSwitch.d.ts +22 -0
  144. package/dist/components/MkSwitch.d.ts.map +1 -0
  145. package/dist/components/MkSwitch.js +16 -0
  146. package/dist/components/MkSwitch.js.map +1 -0
  147. package/dist/components/MkSwitch.module.css +108 -0
  148. package/dist/components/MkTable.d.ts +27 -0
  149. package/dist/components/MkTable.d.ts.map +1 -0
  150. package/dist/components/MkTable.js +13 -0
  151. package/dist/components/MkTable.js.map +1 -0
  152. package/dist/components/MkTable.module.css +163 -0
  153. package/dist/components/MkTabs.d.ts +22 -0
  154. package/dist/components/MkTabs.d.ts.map +1 -0
  155. package/dist/components/MkTabs.js +19 -0
  156. package/dist/components/MkTabs.js.map +1 -0
  157. package/dist/components/MkTabs.module.css +117 -0
  158. package/dist/components/MkTextArea.d.ts +21 -0
  159. package/dist/components/MkTextArea.d.ts.map +1 -0
  160. package/dist/components/MkTextArea.js +10 -0
  161. package/dist/components/MkTextArea.js.map +1 -0
  162. package/dist/components/MkThemeEditor.d.ts +8 -0
  163. package/dist/components/MkThemeEditor.d.ts.map +1 -0
  164. package/dist/components/MkThemeEditor.js +45 -0
  165. package/dist/components/MkThemeEditor.js.map +1 -0
  166. package/dist/components/MkThemeEditor.module.css +177 -0
  167. package/dist/components/MkToastContainer.d.ts +3 -0
  168. package/dist/components/MkToastContainer.d.ts.map +1 -0
  169. package/dist/components/MkToastContainer.js +81 -0
  170. package/dist/components/MkToastContainer.js.map +1 -0
  171. package/dist/components/MkToastContainer.module.css +95 -0
  172. package/dist/components/MkTooltip.d.ts +14 -0
  173. package/dist/components/MkTooltip.d.ts.map +1 -0
  174. package/dist/components/MkTooltip.js +19 -0
  175. package/dist/components/MkTooltip.js.map +1 -0
  176. package/dist/components/MkTooltip.module.css +43 -0
  177. package/dist/components/MkWindowList.d.ts +20 -0
  178. package/dist/components/MkWindowList.d.ts.map +1 -0
  179. package/dist/components/MkWindowList.js +61 -0
  180. package/dist/components/MkWindowList.js.map +1 -0
  181. package/dist/components/MkWindowList.module.css +59 -0
  182. package/dist/components/index.d.ts +31 -0
  183. package/dist/components/index.d.ts.map +1 -0
  184. package/dist/components/index.js +34 -0
  185. package/dist/components/index.js.map +1 -0
  186. package/dist/context/MkApiContext.d.ts +15 -0
  187. package/dist/context/MkApiContext.d.ts.map +1 -0
  188. package/dist/context/MkApiContext.js +30 -0
  189. package/dist/context/MkApiContext.js.map +1 -0
  190. package/dist/context/MkAuthContext.d.ts +20 -0
  191. package/dist/context/MkAuthContext.d.ts.map +1 -0
  192. package/dist/context/MkAuthContext.js +90 -0
  193. package/dist/context/MkAuthContext.js.map +1 -0
  194. package/dist/context/MkConfirmContext.d.ts +8 -0
  195. package/dist/context/MkConfirmContext.d.ts.map +1 -0
  196. package/dist/context/MkConfirmContext.js +39 -0
  197. package/dist/context/MkConfirmContext.js.map +1 -0
  198. package/dist/context/MkToastContext.d.ts +8 -0
  199. package/dist/context/MkToastContext.d.ts.map +1 -0
  200. package/dist/context/MkToastContext.js +64 -0
  201. package/dist/context/MkToastContext.js.map +1 -0
  202. package/dist/hooks/useApi.d.ts +19 -0
  203. package/dist/hooks/useApi.d.ts.map +1 -0
  204. package/dist/hooks/useApi.js +82 -0
  205. package/dist/hooks/useApi.js.map +1 -0
  206. package/dist/hooks/useApi.test.d.ts +2 -0
  207. package/dist/hooks/useApi.test.d.ts.map +1 -0
  208. package/dist/hooks/useApi.test.js +186 -0
  209. package/dist/hooks/useApi.test.js.map +1 -0
  210. package/dist/hooks/useMkClickOutside.d.ts +8 -0
  211. package/dist/hooks/useMkClickOutside.d.ts.map +1 -0
  212. package/dist/hooks/useMkClickOutside.js +26 -0
  213. package/dist/hooks/useMkClickOutside.js.map +1 -0
  214. package/dist/hooks/useMkCrud.d.ts +39 -0
  215. package/dist/hooks/useMkCrud.d.ts.map +1 -0
  216. package/dist/hooks/useMkCrud.js +121 -0
  217. package/dist/hooks/useMkCrud.js.map +1 -0
  218. package/dist/hooks/useMkCrud.test.d.ts +2 -0
  219. package/dist/hooks/useMkCrud.test.d.ts.map +1 -0
  220. package/dist/hooks/useMkCrud.test.js +89 -0
  221. package/dist/hooks/useMkCrud.test.js.map +1 -0
  222. package/dist/hooks/useMkDebounce.d.ts +24 -0
  223. package/dist/hooks/useMkDebounce.d.ts.map +1 -0
  224. package/dist/hooks/useMkDebounce.js +38 -0
  225. package/dist/hooks/useMkDebounce.js.map +1 -0
  226. package/dist/hooks/useMkEffectDebug.d.ts +7 -0
  227. package/dist/hooks/useMkEffectDebug.d.ts.map +1 -0
  228. package/dist/hooks/useMkEffectDebug.js +26 -0
  229. package/dist/hooks/useMkEffectDebug.js.map +1 -0
  230. package/dist/hooks/useMkEvent.d.ts +31 -0
  231. package/dist/hooks/useMkEvent.d.ts.map +1 -0
  232. package/dist/hooks/useMkEvent.js +56 -0
  233. package/dist/hooks/useMkEvent.js.map +1 -0
  234. package/dist/hooks/useMkForm.d.ts +43 -0
  235. package/dist/hooks/useMkForm.d.ts.map +1 -0
  236. package/dist/hooks/useMkForm.js +115 -0
  237. package/dist/hooks/useMkForm.js.map +1 -0
  238. package/dist/hooks/useMkForm.test.d.ts +2 -0
  239. package/dist/hooks/useMkForm.test.d.ts.map +1 -0
  240. package/dist/hooks/useMkForm.test.js +81 -0
  241. package/dist/hooks/useMkForm.test.js.map +1 -0
  242. package/dist/hooks/useMkInViewPort.d.ts +14 -0
  243. package/dist/hooks/useMkInViewPort.d.ts.map +1 -0
  244. package/dist/hooks/useMkInViewPort.js +31 -0
  245. package/dist/hooks/useMkInViewPort.js.map +1 -0
  246. package/dist/hooks/useMkInfiniteList.d.ts +15 -0
  247. package/dist/hooks/useMkInfiniteList.d.ts.map +1 -0
  248. package/dist/hooks/useMkInfiniteList.js +47 -0
  249. package/dist/hooks/useMkInfiniteList.js.map +1 -0
  250. package/dist/hooks/useMkList.d.ts +61 -0
  251. package/dist/hooks/useMkList.d.ts.map +1 -0
  252. package/dist/hooks/useMkList.js +54 -0
  253. package/dist/hooks/useMkList.js.map +1 -0
  254. package/dist/hooks/useMkLocalStorage.d.ts +6 -0
  255. package/dist/hooks/useMkLocalStorage.d.ts.map +1 -0
  256. package/dist/hooks/useMkLocalStorage.js +33 -0
  257. package/dist/hooks/useMkLocalStorage.js.map +1 -0
  258. package/dist/hooks/useMkLongPress.d.ts +37 -0
  259. package/dist/hooks/useMkLongPress.d.ts.map +1 -0
  260. package/dist/hooks/useMkLongPress.js +59 -0
  261. package/dist/hooks/useMkLongPress.js.map +1 -0
  262. package/dist/hooks/useMkMediaQuery.d.ts +14 -0
  263. package/dist/hooks/useMkMediaQuery.d.ts.map +1 -0
  264. package/dist/hooks/useMkMediaQuery.js +31 -0
  265. package/dist/hooks/useMkMediaQuery.js.map +1 -0
  266. package/dist/hooks/useMkPrevious.d.ts +7 -0
  267. package/dist/hooks/useMkPrevious.d.ts.map +1 -0
  268. package/dist/hooks/useMkPrevious.js +14 -0
  269. package/dist/hooks/useMkPrevious.js.map +1 -0
  270. package/dist/hooks/useMkScreenSize.d.ts +25 -0
  271. package/dist/hooks/useMkScreenSize.d.ts.map +1 -0
  272. package/dist/hooks/useMkScreenSize.js +43 -0
  273. package/dist/hooks/useMkScreenSize.js.map +1 -0
  274. package/dist/hooks/useMkStore.d.ts +22 -0
  275. package/dist/hooks/useMkStore.d.ts.map +1 -0
  276. package/dist/hooks/useMkStore.js +58 -0
  277. package/dist/hooks/useMkStore.js.map +1 -0
  278. package/dist/hooks/useMkToggle.d.ts +6 -0
  279. package/dist/hooks/useMkToggle.d.ts.map +1 -0
  280. package/dist/hooks/useMkToggle.js +13 -0
  281. package/dist/hooks/useMkToggle.js.map +1 -0
  282. package/dist/index.d.ts +33 -0
  283. package/dist/index.d.ts.map +1 -0
  284. package/dist/index.js +37 -0
  285. package/dist/index.js.map +1 -0
  286. package/dist/styles/index.css +124 -0
  287. package/dist/test-setup.d.ts +2 -0
  288. package/dist/test-setup.d.ts.map +1 -0
  289. package/dist/test-setup.js +2 -0
  290. package/dist/test-setup.js.map +1 -0
  291. package/dist/theme/MkThemeProvider.d.ts +20 -0
  292. package/dist/theme/MkThemeProvider.d.ts.map +1 -0
  293. package/dist/theme/MkThemeProvider.js +91 -0
  294. package/dist/theme/MkThemeProvider.js.map +1 -0
  295. package/dist/utils/images.d.ts +9 -0
  296. package/dist/utils/images.d.ts.map +1 -0
  297. package/dist/utils/images.js +50 -0
  298. package/dist/utils/images.js.map +1 -0
  299. package/eslint-plugin-mk/__tests__/no-cross-module-import.test.js +66 -0
  300. package/eslint-plugin-mk/index.js +29 -0
  301. package/eslint-plugin-mk/rules/no-cross-module-import.js +71 -0
  302. 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":"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"}
@@ -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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=useMkCrud.test.d.ts.map
@@ -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":"AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,+CAA+C;AAC/C,EAAE,CAAC,IAAI,CAAC,yBAAyB,EAAE,GAAG,EAAE,CAAC,CAAC;IACtC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;QACb,GAAG,EAAE;YACD,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE;YACb,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE;YACZ,MAAM,EAAE,EAAE,CAAC,EAAE,EAAE;SAClB;KACJ,CAAC;IACF,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC;QACpB,GAAG,EAAE;YACD,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE;YACb,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE;YACZ,MAAM,EAAE,EAAE,CAAC,EAAE,EAAE;SAClB;KACJ,CAAC;CACL,CAAC,CAAC,CAAC;AAEJ,EAAE,CAAC,IAAI,CAAC,2BAA2B,EAAE,GAAG,EAAE,CAAC,CAAC;IACxC,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC;QACf,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE;KACrB,CAAC;CACL,CAAC,CAAC,CAAC;AAEJ,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACvB,MAAM,MAAM,GAAiB;QACzB,MAAM,EAAE,OAAO;QACf,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE;YACJ,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,UAAU,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE;SAC3C;KACJ,CAAC;IAEF,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAC9C,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;QAEvD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACtD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;QAEvD,GAAG,CAAC,GAAG,EAAE;YACL,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC3B,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACvC,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;QACvD,MAAM,IAAI,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC;QAElE,GAAG,CAAC,GAAG,EAAE;YACL,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACrD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;QACvD,MAAM,IAAI,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;QAEtC,GAAG,CAAC,GAAG,EAAE;YACL,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAChD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;QACvD,GAAG,CAAC,GAAG,EAAE;YACL,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC3B,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEzC,GAAG,CAAC,GAAG,EAAE;YACL,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QAC7B,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB;IACrE,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
@@ -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"}