@makroz/web 1.0.1 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/MkButton.d.ts.map +1 -1
- package/dist/components/MkButton.js +0 -2
- package/dist/components/MkButton.js.map +1 -1
- package/dist/components/MkThemeEditor.js +1 -1
- package/dist/components/MkThemeEditor.js.map +1 -1
- package/dist/components/MkToastContainer.d.ts.map +1 -1
- package/dist/components/MkToastContainer.js +0 -2
- package/dist/components/MkToastContainer.js.map +1 -1
- package/dist/components/MkToastContainer.stories.d.ts.map +1 -0
- package/dist/components/MkToastContainer.stories.test.d.ts.map +1 -0
- package/dist/context/MkAuthContext.d.ts +1 -2
- package/dist/context/MkAuthContext.d.ts.map +1 -1
- package/dist/context/MkAuthContext.js +1 -3
- package/dist/context/MkAuthContext.js.map +1 -1
- package/dist/context/MkConfirmContext.d.ts +1 -2
- package/dist/context/MkConfirmContext.d.ts.map +1 -1
- package/dist/context/MkConfirmContext.js +0 -2
- package/dist/context/MkConfirmContext.js.map +1 -1
- package/dist/context/MkToastContext.d.ts +1 -2
- package/dist/context/MkToastContext.d.ts.map +1 -1
- package/dist/context/MkToastContext.js +0 -2
- package/dist/context/MkToastContext.js.map +1 -1
- package/dist/hooks/useApi.d.ts +5 -6
- package/dist/hooks/useApi.d.ts.map +1 -1
- package/dist/hooks/useApi.js +0 -2
- package/dist/hooks/useApi.js.map +1 -1
- package/dist/hooks/useMkCrud.d.ts.map +1 -1
- package/dist/hooks/useMkCrud.js +0 -2
- package/dist/hooks/useMkCrud.js.map +1 -1
- package/dist/hooks/useMkCrud.test.js +0 -2
- package/dist/hooks/useMkCrud.test.js.map +1 -1
- package/dist/hooks/useMkForm.d.ts.map +1 -1
- package/dist/hooks/useMkForm.js +1 -1
- package/dist/hooks/useMkForm.js.map +1 -1
- package/dist/hooks/useMkList.d.ts +7 -7
- package/dist/theme/MkThemeProvider.d.ts.map +1 -1
- package/dist/theme/MkThemeProvider.js +2 -2
- package/dist/theme/MkThemeProvider.js.map +1 -1
- package/eslint-plugin-mk/README.md +167 -0
- package/package.json +17 -5
- package/dist/auth/MkAuthContext.d.ts +0 -43
- package/dist/auth/MkAuthContext.d.ts.map +0 -1
- package/dist/auth/MkAuthContext.js +0 -3
- package/dist/auth/MkAuthContext.js.map +0 -1
- package/dist/auth/MkAuthForm.d.ts +0 -42
- package/dist/auth/MkAuthForm.d.ts.map +0 -1
- package/dist/auth/MkAuthForm.js +0 -53
- package/dist/auth/MkAuthForm.js.map +0 -1
- package/dist/auth/MkAuthProvider.d.ts +0 -30
- package/dist/auth/MkAuthProvider.d.ts.map +0 -1
- package/dist/auth/MkAuthProvider.js +0 -319
- package/dist/auth/MkAuthProvider.js.map +0 -1
- package/dist/auth/auth/MkAuthContext.d.ts +0 -42
- package/dist/auth/auth/MkAuthForm.d.ts +0 -41
- package/dist/auth/auth/MkAuthProvider.d.ts +0 -29
- package/dist/auth/auth/types.d.ts +0 -62
- package/dist/auth/auth/useMkAuth.d.ts +0 -18
- package/dist/auth/components/MkButton.d.ts +0 -10
- package/dist/auth/components/MkInput.d.ts +0 -12
- package/dist/auth/types.d.ts +0 -63
- package/dist/auth/types.d.ts.map +0 -1
- package/dist/auth/types.js +0 -20
- package/dist/auth/types.js.map +0 -1
- package/dist/auth/useMkAuth.d.ts +0 -19
- package/dist/auth/useMkAuth.d.ts.map +0 -1
- package/dist/auth/useMkAuth.js +0 -26
- package/dist/auth/useMkAuth.js.map +0 -1
- package/dist/components/MkAccordion.d.ts +0 -36
- package/dist/components/MkAccordion.d.ts.map +0 -1
- package/dist/components/MkAccordion.js +0 -25
- package/dist/components/MkAccordion.js.map +0 -1
- package/dist/components/MkAccordion.module.css +0 -79
- package/dist/components/MkAlert.d.ts +0 -25
- package/dist/components/MkAlert.d.ts.map +0 -1
- package/dist/components/MkAlert.js +0 -23
- package/dist/components/MkAlert.js.map +0 -1
- package/dist/components/MkAlert.module.css +0 -103
- package/dist/components/MkAvatar.d.ts +0 -16
- package/dist/components/MkAvatar.d.ts.map +0 -1
- package/dist/components/MkAvatar.js +0 -25
- package/dist/components/MkAvatar.js.map +0 -1
- package/dist/components/MkAvatar.module.css +0 -62
- package/dist/components/MkBadge.d.ts +0 -15
- package/dist/components/MkBadge.d.ts.map +0 -1
- package/dist/components/MkBadge.js +0 -9
- package/dist/components/MkBadge.js.map +0 -1
- package/dist/components/MkBadge.module.css +0 -74
- package/dist/components/MkButton.d.ts +0 -11
- package/dist/components/MkButton.module.css +0 -85
- package/dist/components/MkButton.test.d.ts +0 -2
- package/dist/components/MkButton.test.d.ts.map +0 -1
- package/dist/components/MkButton.test.js +0 -58
- package/dist/components/MkButton.test.js.map +0 -1
- package/dist/components/MkCard.d.ts +0 -18
- package/dist/components/MkCard.d.ts.map +0 -1
- package/dist/components/MkCard.js +0 -8
- package/dist/components/MkCard.js.map +0 -1
- package/dist/components/MkCard.module.css +0 -63
- package/dist/components/MkCheck.d.ts +0 -32
- package/dist/components/MkCheck.d.ts.map +0 -1
- package/dist/components/MkCheck.js +0 -14
- package/dist/components/MkCheck.js.map +0 -1
- package/dist/components/MkCheck.module.css +0 -87
- package/dist/components/MkDatePicker.d.ts +0 -29
- package/dist/components/MkDatePicker.d.ts.map +0 -1
- package/dist/components/MkDatePicker.js +0 -12
- package/dist/components/MkDatePicker.js.map +0 -1
- package/dist/components/MkDatePicker.module.css +0 -77
- package/dist/components/MkDivider.d.ts +0 -14
- package/dist/components/MkDivider.d.ts.map +0 -1
- package/dist/components/MkDivider.js +0 -14
- package/dist/components/MkDivider.js.map +0 -1
- package/dist/components/MkDivider.module.css +0 -39
- package/dist/components/MkDropDown.d.ts +0 -22
- package/dist/components/MkDropDown.d.ts.map +0 -1
- package/dist/components/MkDropDown.js +0 -26
- package/dist/components/MkDropDown.js.map +0 -1
- package/dist/components/MkDropDown.module.css +0 -108
- package/dist/components/MkEmptyState.d.ts +0 -14
- package/dist/components/MkEmptyState.d.ts.map +0 -1
- package/dist/components/MkEmptyState.js +0 -8
- package/dist/components/MkEmptyState.js.map +0 -1
- package/dist/components/MkEmptyState.module.css +0 -35
- package/dist/components/MkFileUpload.d.ts +0 -36
- package/dist/components/MkFileUpload.d.ts.map +0 -1
- package/dist/components/MkFileUpload.js +0 -52
- package/dist/components/MkFileUpload.js.map +0 -1
- package/dist/components/MkFileUpload.module.css +0 -74
- package/dist/components/MkIcons.d.ts +0 -14
- package/dist/components/MkIcons.d.ts.map +0 -1
- package/dist/components/MkIcons.js +0 -38
- package/dist/components/MkIcons.js.map +0 -1
- package/dist/components/MkInfiniteList.d.ts +0 -15
- package/dist/components/MkInfiniteList.d.ts.map +0 -1
- package/dist/components/MkInfiniteList.js +0 -31
- package/dist/components/MkInfiniteList.js.map +0 -1
- package/dist/components/MkInfiniteList.module.css +0 -69
- package/dist/components/MkInput.d.ts +0 -13
- package/dist/components/MkInput.d.ts.map +0 -1
- package/dist/components/MkInput.js +0 -23
- package/dist/components/MkInput.js.map +0 -1
- package/dist/components/MkInput.module.css +0 -94
- package/dist/components/MkLoading.d.ts +0 -20
- package/dist/components/MkLoading.d.ts.map +0 -1
- package/dist/components/MkLoading.js +0 -16
- package/dist/components/MkLoading.js.map +0 -1
- package/dist/components/MkLoading.module.css +0 -39
- package/dist/components/MkModal.d.ts +0 -20
- package/dist/components/MkModal.d.ts.map +0 -1
- package/dist/components/MkModal.js +0 -33
- package/dist/components/MkModal.js.map +0 -1
- package/dist/components/MkModal.module.css +0 -107
- package/dist/components/MkProgressBar.d.ts +0 -17
- package/dist/components/MkProgressBar.d.ts.map +0 -1
- package/dist/components/MkProgressBar.js +0 -9
- package/dist/components/MkProgressBar.js.map +0 -1
- package/dist/components/MkProgressBar.module.css +0 -48
- package/dist/components/MkRadio.d.ts +0 -34
- package/dist/components/MkRadio.d.ts.map +0 -1
- package/dist/components/MkRadio.js +0 -21
- package/dist/components/MkRadio.js.map +0 -1
- package/dist/components/MkRadio.module.css +0 -74
- package/dist/components/MkSearchInput.d.ts +0 -30
- package/dist/components/MkSearchInput.d.ts.map +0 -1
- package/dist/components/MkSearchInput.js +0 -29
- package/dist/components/MkSearchInput.js.map +0 -1
- package/dist/components/MkSearchInput.module.css +0 -80
- package/dist/components/MkSelect.d.ts +0 -23
- package/dist/components/MkSelect.d.ts.map +0 -1
- package/dist/components/MkSelect.js +0 -61
- package/dist/components/MkSelect.js.map +0 -1
- package/dist/components/MkSelect.module.css +0 -177
- package/dist/components/MkSkeleton.d.ts +0 -22
- package/dist/components/MkSkeleton.d.ts.map +0 -1
- package/dist/components/MkSkeleton.js +0 -23
- package/dist/components/MkSkeleton.js.map +0 -1
- package/dist/components/MkSkeleton.module.css +0 -28
- package/dist/components/MkSwitch.d.ts +0 -22
- package/dist/components/MkSwitch.d.ts.map +0 -1
- package/dist/components/MkSwitch.js +0 -16
- package/dist/components/MkSwitch.js.map +0 -1
- package/dist/components/MkSwitch.module.css +0 -108
- package/dist/components/MkTable.d.ts +0 -27
- package/dist/components/MkTable.d.ts.map +0 -1
- package/dist/components/MkTable.js +0 -13
- package/dist/components/MkTable.js.map +0 -1
- package/dist/components/MkTable.module.css +0 -163
- package/dist/components/MkTabs.d.ts +0 -22
- package/dist/components/MkTabs.d.ts.map +0 -1
- package/dist/components/MkTabs.js +0 -19
- package/dist/components/MkTabs.js.map +0 -1
- package/dist/components/MkTabs.module.css +0 -117
- package/dist/components/MkTextArea.d.ts +0 -21
- package/dist/components/MkTextArea.d.ts.map +0 -1
- package/dist/components/MkTextArea.js +0 -10
- package/dist/components/MkTextArea.js.map +0 -1
- package/dist/components/MkThemeEditor.d.ts +0 -8
- package/dist/components/MkThemeEditor.module.css +0 -177
- package/dist/components/MkToastContainer.d.ts +0 -3
- package/dist/components/MkToastContainer.module.css +0 -95
- package/dist/components/MkTooltip.d.ts +0 -14
- package/dist/components/MkTooltip.d.ts.map +0 -1
- package/dist/components/MkTooltip.js +0 -19
- package/dist/components/MkTooltip.js.map +0 -1
- package/dist/components/MkTooltip.module.css +0 -43
- package/dist/components/MkWindowList.d.ts +0 -20
- package/dist/components/MkWindowList.d.ts.map +0 -1
- package/dist/components/MkWindowList.js +0 -61
- package/dist/components/MkWindowList.js.map +0 -1
- package/dist/components/MkWindowList.module.css +0 -59
- package/dist/components/index.d.ts +0 -31
- package/dist/components/index.js +0 -34
- package/dist/components/index.js.map +0 -1
- package/dist/context/MkApiContext.d.ts +0 -15
- package/dist/context/MkApiContext.d.ts.map +0 -1
- package/dist/context/MkApiContext.js +0 -30
- package/dist/context/MkApiContext.js.map +0 -1
- package/dist/hooks/useApi.test.d.ts +0 -2
- package/dist/hooks/useApi.test.js +0 -186
- package/dist/hooks/useApi.test.js.map +0 -1
- package/dist/hooks/useMkClickOutside.d.ts +0 -8
- package/dist/hooks/useMkClickOutside.d.ts.map +0 -1
- package/dist/hooks/useMkClickOutside.js +0 -26
- package/dist/hooks/useMkClickOutside.js.map +0 -1
- package/dist/hooks/useMkCrud.d.ts +0 -39
- package/dist/hooks/useMkCrud.test.d.ts +0 -2
- package/dist/hooks/useMkDebounce.d.ts +0 -24
- package/dist/hooks/useMkDebounce.d.ts.map +0 -1
- package/dist/hooks/useMkDebounce.js +0 -38
- package/dist/hooks/useMkDebounce.js.map +0 -1
- package/dist/hooks/useMkEffectDebug.d.ts +0 -7
- package/dist/hooks/useMkEffectDebug.d.ts.map +0 -1
- package/dist/hooks/useMkEffectDebug.js +0 -26
- package/dist/hooks/useMkEffectDebug.js.map +0 -1
- package/dist/hooks/useMkEvent.d.ts +0 -31
- package/dist/hooks/useMkEvent.d.ts.map +0 -1
- package/dist/hooks/useMkEvent.js +0 -56
- package/dist/hooks/useMkEvent.js.map +0 -1
- package/dist/hooks/useMkForm.d.ts +0 -43
- package/dist/hooks/useMkForm.test.d.ts +0 -2
- package/dist/hooks/useMkInViewPort.d.ts +0 -14
- package/dist/hooks/useMkInViewPort.d.ts.map +0 -1
- package/dist/hooks/useMkInViewPort.js +0 -31
- package/dist/hooks/useMkInViewPort.js.map +0 -1
- package/dist/hooks/useMkInfiniteList.d.ts +0 -15
- package/dist/hooks/useMkInfiniteList.js +0 -47
- package/dist/hooks/useMkInfiniteList.js.map +0 -1
- package/dist/hooks/useMkList.js +0 -54
- package/dist/hooks/useMkList.js.map +0 -1
- package/dist/hooks/useMkLocalStorage.d.ts +0 -6
- package/dist/hooks/useMkLocalStorage.d.ts.map +0 -1
- package/dist/hooks/useMkLocalStorage.js +0 -33
- package/dist/hooks/useMkLocalStorage.js.map +0 -1
- package/dist/hooks/useMkLongPress.d.ts +0 -37
- package/dist/hooks/useMkLongPress.d.ts.map +0 -1
- package/dist/hooks/useMkLongPress.js +0 -59
- package/dist/hooks/useMkLongPress.js.map +0 -1
- package/dist/hooks/useMkMediaQuery.d.ts +0 -14
- package/dist/hooks/useMkMediaQuery.d.ts.map +0 -1
- package/dist/hooks/useMkMediaQuery.js +0 -31
- package/dist/hooks/useMkMediaQuery.js.map +0 -1
- package/dist/hooks/useMkPrevious.d.ts +0 -7
- package/dist/hooks/useMkPrevious.d.ts.map +0 -1
- package/dist/hooks/useMkPrevious.js +0 -14
- package/dist/hooks/useMkPrevious.js.map +0 -1
- package/dist/hooks/useMkScreenSize.d.ts +0 -25
- package/dist/hooks/useMkScreenSize.d.ts.map +0 -1
- package/dist/hooks/useMkScreenSize.js +0 -43
- package/dist/hooks/useMkScreenSize.js.map +0 -1
- package/dist/hooks/useMkStore.d.ts +0 -22
- package/dist/hooks/useMkStore.d.ts.map +0 -1
- package/dist/hooks/useMkStore.js +0 -58
- package/dist/hooks/useMkStore.js.map +0 -1
- package/dist/hooks/useMkToggle.d.ts +0 -6
- package/dist/hooks/useMkToggle.d.ts.map +0 -1
- package/dist/hooks/useMkToggle.js +0 -13
- package/dist/hooks/useMkToggle.js.map +0 -1
- package/dist/index.d.ts +0 -33
- package/dist/index.js +0 -37
- package/dist/index.js.map +0 -1
- package/dist/styles/index.css +0 -124
- package/dist/test-setup.d.ts +0 -2
- package/dist/test-setup.d.ts.map +0 -1
- package/dist/test-setup.js +0 -2
- package/dist/test-setup.js.map +0 -1
- package/dist/theme/MkThemeProvider.d.ts +0 -20
- package/dist/utils/images.d.ts +0 -9
- package/dist/utils/images.d.ts.map +0 -1
- package/dist/utils/images.js +0 -50
- package/dist/utils/images.js.map +0 -1
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
use;
|
|
3
|
-
client;
|
|
4
|
-
import { useState, useRef } from 'react';
|
|
5
|
-
import styles from './MkTooltip.module.css';
|
|
6
|
-
export const MkTooltip = ({ content, position = 'top', delay = 200, children, className, }) => {
|
|
7
|
-
const [visible, setVisible] = useState(false);
|
|
8
|
-
const timerRef = useRef(null);
|
|
9
|
-
const show = () => {
|
|
10
|
-
timerRef.current = setTimeout(() => setVisible(true), delay);
|
|
11
|
-
};
|
|
12
|
-
const hide = () => {
|
|
13
|
-
if (timerRef.current)
|
|
14
|
-
clearTimeout(timerRef.current);
|
|
15
|
-
setVisible(false);
|
|
16
|
-
};
|
|
17
|
-
return (_jsxs("div", { className: `${styles.wrapper} ${className || ''}`, onMouseEnter: show, onMouseLeave: hide, onFocus: show, onBlur: hide, children: [children, visible && (_jsxs("div", { className: `${styles.tooltip} ${styles[position]}`, role: "tooltip", children: [content, _jsx("div", { className: `${styles.arrow} ${styles[`arrow-${position}`]}` })] }))] }));
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=MkTooltip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkTooltip.js","sourceRoot":"","sources":["../../src/components/MkTooltip.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAe5C,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAChD,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,GAAG,EACX,QAAQ,EACR,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAEpE,MAAM,IAAI,GAAG,GAAG,EAAE;QACd,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IACjE,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,GAAG,EAAE;QACd,IAAI,QAAQ,CAAC,OAAO;YAAE,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrD,UAAU,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACH,eACI,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,IAAI,EAAE,EAAE,EACjD,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,IAAI,EAClB,OAAO,EAAE,IAAI,EACb,MAAM,EAAE,IAAI,aAEX,QAAQ,EACR,OAAO,IAAI,CACR,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAC,SAAS,aAClE,OAAO,EACR,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,SAAS,QAAQ,EAAE,CAAC,EAAE,GAAI,IAClE,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
.wrapper { position: relative; display: inline-flex; }
|
|
2
|
-
|
|
3
|
-
.tooltip {
|
|
4
|
-
--mk-tooltip-bg: var(--mk-foreground);
|
|
5
|
-
--mk-tooltip-color: var(--mk-background);
|
|
6
|
-
--mk-tooltip-radius: 6px;
|
|
7
|
-
--mk-tooltip-shadow: 0 4px 12px rgba(0,0,0,0.12);
|
|
8
|
-
|
|
9
|
-
position: absolute;
|
|
10
|
-
z-index: 100;
|
|
11
|
-
padding: 0.5rem 0.75rem;
|
|
12
|
-
background-color: var(--mk-tooltip-bg);
|
|
13
|
-
color: var(--mk-tooltip-color);
|
|
14
|
-
font-size: 0.8125rem;
|
|
15
|
-
border-radius: var(--mk-tooltip-radius);
|
|
16
|
-
white-space: nowrap;
|
|
17
|
-
pointer-events: none;
|
|
18
|
-
animation: mk-fade-in 0.1s ease;
|
|
19
|
-
box-shadow: var(--mk-tooltip-shadow);
|
|
20
|
-
line-height: 1.4;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
:global([data-theme='dark']) .tooltip {
|
|
24
|
-
--mk-tooltip-shadow: 0 4px 12px rgba(0,0,0,0.4);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.top { bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); }
|
|
28
|
-
.bottom { top: calc(100% + 8px); left: 50%; transform: translateX(-50%); }
|
|
29
|
-
.left { right: calc(100% + 8px); top: 50%; transform: translateY(-50%); }
|
|
30
|
-
.right { left: calc(100% + 8px); top: 50%; transform: translateY(-50%); }
|
|
31
|
-
|
|
32
|
-
.arrow {
|
|
33
|
-
position: absolute;
|
|
34
|
-
width: 8px;
|
|
35
|
-
height: 8px;
|
|
36
|
-
background: inherit;
|
|
37
|
-
transform: rotate(45deg);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.arrowTop { bottom: -4px; left: 50%; margin-left: -4px; }
|
|
41
|
-
.arrowBottom { top: -4px; left: 50%; margin-left: -4px; }
|
|
42
|
-
.arrowLeft { right: -4px; top: 50%; margin-top: -4px; }
|
|
43
|
-
.arrowRight { left: -4px; top: 50%; margin-top: -4px; }
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface MkWindowListProps<T> {
|
|
3
|
-
items: T[];
|
|
4
|
-
renderItem: (item: T, index: number) => React.ReactNode;
|
|
5
|
-
itemHeight: number;
|
|
6
|
-
containerHeight?: number | string;
|
|
7
|
-
overscan?: number;
|
|
8
|
-
loading?: boolean;
|
|
9
|
-
hasMore?: boolean;
|
|
10
|
-
onLoadMore?: () => void;
|
|
11
|
-
emptyMessage?: string;
|
|
12
|
-
className?: string;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* MkWindowList (Web)
|
|
16
|
-
* 🚀 High-performance Virtualized List.
|
|
17
|
-
* Renders only the visible portion of a massive list to keep the DOM light.
|
|
18
|
-
*/
|
|
19
|
-
export declare function MkWindowList<T>({ items, renderItem, itemHeight, containerHeight, overscan, loading, hasMore, onLoadMore, emptyMessage, className }: MkWindowListProps<T>): React.JSX.Element;
|
|
20
|
-
//# sourceMappingURL=MkWindowList.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkWindowList.d.ts","sourceRoot":"","sources":["../../src/components/MkWindowList.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAChC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC5B,KAAK,EACL,UAAU,EACV,UAAU,EACV,eAAyB,EACzB,QAAY,EACZ,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAAyC,EACzC,SAAc,EACjB,EAAE,iBAAiB,CAAC,CAAC,CAAC,qBAoGtB"}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
use;
|
|
3
|
-
client;
|
|
4
|
-
import { useState, useEffect, useRef, useMemo } from 'react';
|
|
5
|
-
import styles from './MkWindowList.module.css';
|
|
6
|
-
/**
|
|
7
|
-
* MkWindowList (Web)
|
|
8
|
-
* 🚀 High-performance Virtualized List.
|
|
9
|
-
* Renders only the visible portion of a massive list to keep the DOM light.
|
|
10
|
-
*/
|
|
11
|
-
export function MkWindowList({ items, renderItem, itemHeight, containerHeight = '500px', overscan = 5, loading, hasMore, onLoadMore, emptyMessage = "No se encontraron datos.", className = "" }) {
|
|
12
|
-
const containerRef = useRef(null);
|
|
13
|
-
const [scrollTop, setScrollTop] = useState(0);
|
|
14
|
-
const [viewportHeight, setViewportHeight] = useState(0);
|
|
15
|
-
// Initial and resize height tracking
|
|
16
|
-
useEffect(() => {
|
|
17
|
-
if (containerRef.current) {
|
|
18
|
-
setViewportHeight(containerRef.current.clientHeight);
|
|
19
|
-
const resizeObserver = new ResizeObserver(entries => {
|
|
20
|
-
for (const entry of entries) {
|
|
21
|
-
setViewportHeight(entry.contentRect.height);
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
resizeObserver.observe(containerRef.current);
|
|
25
|
-
return () => resizeObserver.disconnect();
|
|
26
|
-
}
|
|
27
|
-
}, []);
|
|
28
|
-
const onScroll = (e) => {
|
|
29
|
-
const target = e.currentTarget;
|
|
30
|
-
setScrollTop(target.scrollTop);
|
|
31
|
-
// Check if we reached the bottom for infinite loading
|
|
32
|
-
if (onLoadMore && hasMore && !loading) {
|
|
33
|
-
const isBottom = target.scrollHeight - target.scrollTop <= target.clientHeight * 1.5;
|
|
34
|
-
if (isBottom) {
|
|
35
|
-
onLoadMore();
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
// Calculate window range
|
|
40
|
-
const { startIndex, endIndex, totalHeight } = useMemo(() => {
|
|
41
|
-
const start = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);
|
|
42
|
-
const end = Math.min(items.length, Math.ceil((scrollTop + viewportHeight) / itemHeight) + overscan);
|
|
43
|
-
return {
|
|
44
|
-
startIndex: start,
|
|
45
|
-
endIndex: end,
|
|
46
|
-
totalHeight: items.length * itemHeight
|
|
47
|
-
};
|
|
48
|
-
}, [scrollTop, viewportHeight, items.length, itemHeight, overscan]);
|
|
49
|
-
// Slice data to render
|
|
50
|
-
const visibleItems = useMemo(() => {
|
|
51
|
-
return items.slice(startIndex, endIndex).map((item, index) => {
|
|
52
|
-
const absoluteIndex = startIndex + index;
|
|
53
|
-
return (_jsx("div", { className: styles.itemWrapper, style: {
|
|
54
|
-
height: itemHeight,
|
|
55
|
-
transform: `translateY(${absoluteIndex * itemHeight}px)`
|
|
56
|
-
}, children: renderItem(item, absoluteIndex) }, absoluteIndex));
|
|
57
|
-
});
|
|
58
|
-
}, [items, startIndex, endIndex, itemHeight, renderItem]);
|
|
59
|
-
return (_jsxs("div", { ref: containerRef, className: `${styles.container} ${className}`, onScroll: onScroll, style: { height: containerHeight }, children: [items.length > 0 ? (_jsxs("div", { className: styles.scrollArea, style: { height: totalHeight }, children: [visibleItems, loading && (_jsx("div", { className: styles.loader, style: { transform: `translateY(${items.length * itemHeight}px)` }, children: "Cargando m\u00E1s..." }))] })) : (!loading && (_jsx("div", { className: styles.empty, children: emptyMessage }))), loading && items.length === 0 && (_jsx("div", { className: styles.initialLoader, children: "Cargando..." }))] }));
|
|
60
|
-
}
|
|
61
|
-
//# sourceMappingURL=MkWindowList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkWindowList.js","sourceRoot":"","sources":["../../src/components/MkWindowList.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAe,OAAO,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAe/C;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAI,EAC5B,KAAK,EACL,UAAU,EACV,UAAU,EACV,eAAe,GAAG,OAAO,EACzB,QAAQ,GAAG,CAAC,EACZ,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAAY,GAAG,0BAA0B,EACzC,SAAS,GAAG,EAAE,EACK;IACnB,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAExD,qCAAqC;IACrC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACvB,iBAAiB,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;YAErD,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;gBAChD,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;oBAC1B,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBAChD,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAC7C,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;QAC7C,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,CAAC,CAAgC,EAAE,EAAE;QAClD,MAAM,MAAM,GAAG,CAAC,CAAC,aAAa,CAAC;QAC/B,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAE/B,sDAAsD;QACtD,IAAI,UAAU,IAAI,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;YACpC,MAAM,QAAQ,GAAG,MAAM,CAAC,YAAY,GAAG,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,YAAY,GAAG,GAAG,CAAC;YACrF,IAAI,QAAQ,EAAE,CAAC;gBACX,UAAU,EAAE,CAAC;YACjB,CAAC;QACL,CAAC;IACL,CAAC,CAAC;IAEF,yBAAyB;IACzB,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACvD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC;QACzE,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAChB,KAAK,CAAC,MAAM,EACZ,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,cAAc,CAAC,GAAG,UAAU,CAAC,GAAG,QAAQ,CAClE,CAAC;QAEF,OAAO;YACH,UAAU,EAAE,KAAK;YACjB,QAAQ,EAAE,GAAG;YACb,WAAW,EAAE,KAAK,CAAC,MAAM,GAAG,UAAU;SACzC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpE,uBAAuB;IACvB,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzD,MAAM,aAAa,GAAG,UAAU,GAAG,KAAK,CAAC;YACzC,OAAO,CACH,cAEI,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,KAAK,EAAE;oBACH,MAAM,EAAE,UAAU;oBAClB,SAAS,EAAE,cAAc,aAAa,GAAG,UAAU,KAAK;iBAC3D,YAEA,UAAU,CAAC,IAAI,EAAE,aAAa,CAAC,IAP3B,aAAa,CAQhB,CACT,CAAC;QACN,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1D,OAAO,CACH,eACI,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,EAAE,EAC7C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,aAEjC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChB,eAAK,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,aAC5D,YAAY,EACZ,OAAO,IAAI,CACR,cACI,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,KAAK,CAAC,MAAM,GAAG,UAAU,KAAK,EAAE,qCAGhE,CACT,IACC,CACT,CAAC,CAAC,CAAC,CACA,CAAC,OAAO,IAAI,CACR,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YACvB,YAAY,GACX,CACT,CACJ,EAEA,OAAO,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAC9B,cAAK,SAAS,EAAE,MAAM,CAAC,aAAa,4BAAmB,CAC1D,IACC,CACT,CAAC;AACN,CAAC"}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
--mk-winlist-bg: var(--mk-background);
|
|
3
|
-
--mk-winlist-border: var(--mk-border);
|
|
4
|
-
--mk-winlist-radius: var(--mk-radius, 8px);
|
|
5
|
-
--mk-winlist-muted: var(--mk-muted-foreground);
|
|
6
|
-
--mk-winlist-accent: var(--mk-primary);
|
|
7
|
-
|
|
8
|
-
overflow-y: auto;
|
|
9
|
-
position: relative;
|
|
10
|
-
width: 100%;
|
|
11
|
-
background-color: var(--mk-winlist-bg);
|
|
12
|
-
border: 1px solid var(--mk-winlist-border);
|
|
13
|
-
border-radius: var(--mk-winlist-radius);
|
|
14
|
-
padding: 0;
|
|
15
|
-
margin: 1rem 0;
|
|
16
|
-
scrollbar-width: thin;
|
|
17
|
-
scrollbar-color: var(--mk-muted) transparent;
|
|
18
|
-
color: var(--mk-foreground);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.scrollArea {
|
|
22
|
-
position: relative;
|
|
23
|
-
width: 100%;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.itemWrapper {
|
|
27
|
-
position: absolute;
|
|
28
|
-
top: 0;
|
|
29
|
-
left: 0;
|
|
30
|
-
width: 100%;
|
|
31
|
-
display: flex;
|
|
32
|
-
align-items: center;
|
|
33
|
-
border-bottom: 1px solid var(--mk-winlist-border);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.loader {
|
|
37
|
-
position: absolute;
|
|
38
|
-
top: 0;
|
|
39
|
-
left: 0;
|
|
40
|
-
width: 100%;
|
|
41
|
-
padding: 1rem;
|
|
42
|
-
text-align: center;
|
|
43
|
-
color: var(--mk-winlist-accent);
|
|
44
|
-
font-weight: 600;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.initialLoader, .empty {
|
|
48
|
-
padding: 4rem;
|
|
49
|
-
text-align: center;
|
|
50
|
-
color: var(--mk-winlist-muted);
|
|
51
|
-
display: flex;
|
|
52
|
-
align-items: center;
|
|
53
|
-
justify-content: center;
|
|
54
|
-
height: 100%;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.empty {
|
|
58
|
-
font-style: italic;
|
|
59
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
export * from './MkButton';
|
|
2
|
-
export * from './MkInput';
|
|
3
|
-
export * from './MkTextArea';
|
|
4
|
-
export * from './MkCheck';
|
|
5
|
-
export * from './MkSwitch';
|
|
6
|
-
export * from './MkRadio';
|
|
7
|
-
export * from './MkSelect';
|
|
8
|
-
export * from './MkFileUpload';
|
|
9
|
-
export * from './MkSearchInput';
|
|
10
|
-
export * from './MkDatePicker';
|
|
11
|
-
export * from './MkAccordion';
|
|
12
|
-
export * from './MkAlert';
|
|
13
|
-
export * from './MkAvatar';
|
|
14
|
-
export * from './MkBadge';
|
|
15
|
-
export * from './MkCard';
|
|
16
|
-
export * from './MkDivider';
|
|
17
|
-
export * from './MkEmptyState';
|
|
18
|
-
export * from './MkLoading';
|
|
19
|
-
export * from './MkProgressBar';
|
|
20
|
-
export * from './MkSkeleton';
|
|
21
|
-
export * from './MkTabs';
|
|
22
|
-
export * from './MkTooltip';
|
|
23
|
-
export * from './MkModal';
|
|
24
|
-
export * from './MkDropDown';
|
|
25
|
-
export * from './MkToastContainer';
|
|
26
|
-
export * from './MkThemeEditor';
|
|
27
|
-
export * from './MkTable';
|
|
28
|
-
export * from './MkInfiniteList';
|
|
29
|
-
export * from './MkWindowList';
|
|
30
|
-
export * from './MkIcons';
|
|
31
|
-
//# sourceMappingURL=index.d.ts.map
|
package/dist/components/index.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
// Form Components
|
|
2
|
-
export * from './MkButton';
|
|
3
|
-
export * from './MkInput';
|
|
4
|
-
export * from './MkTextArea';
|
|
5
|
-
export * from './MkCheck';
|
|
6
|
-
export * from './MkSwitch';
|
|
7
|
-
export * from './MkRadio';
|
|
8
|
-
export * from './MkSelect';
|
|
9
|
-
export * from './MkFileUpload';
|
|
10
|
-
export * from './MkSearchInput';
|
|
11
|
-
export * from './MkDatePicker';
|
|
12
|
-
// UI Components
|
|
13
|
-
export * from './MkAccordion';
|
|
14
|
-
export * from './MkAlert';
|
|
15
|
-
export * from './MkAvatar';
|
|
16
|
-
export * from './MkBadge';
|
|
17
|
-
export * from './MkCard';
|
|
18
|
-
export * from './MkDivider';
|
|
19
|
-
export * from './MkEmptyState';
|
|
20
|
-
export * from './MkLoading';
|
|
21
|
-
export * from './MkProgressBar';
|
|
22
|
-
export * from './MkSkeleton';
|
|
23
|
-
export * from './MkTabs';
|
|
24
|
-
export * from './MkTooltip';
|
|
25
|
-
export * from './MkModal';
|
|
26
|
-
export * from './MkDropDown';
|
|
27
|
-
export * from './MkToastContainer';
|
|
28
|
-
export * from './MkThemeEditor';
|
|
29
|
-
// Data Components
|
|
30
|
-
export * from './MkTable';
|
|
31
|
-
export * from './MkInfiniteList';
|
|
32
|
-
export * from './MkWindowList';
|
|
33
|
-
export * from './MkIcons';
|
|
34
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAE/B,gBAAgB;AAChB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAEhC,kBAAkB;AAClB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export interface MkApiContextType {
|
|
4
|
-
waiting: number;
|
|
5
|
-
setWaiting: (change: number, origin?: string) => void;
|
|
6
|
-
baseUrl: string;
|
|
7
|
-
headers: Record<string, string>;
|
|
8
|
-
}
|
|
9
|
-
export declare function MkApiProvider({ children, baseUrl, initialHeaders }: {
|
|
10
|
-
children: ReactNode;
|
|
11
|
-
baseUrl?: string;
|
|
12
|
-
initialHeaders?: Record<string, string>;
|
|
13
|
-
}): React.JSX.Element;
|
|
14
|
-
export declare function useMkApiContext(): MkApiContextType;
|
|
15
|
-
//# sourceMappingURL=MkApiContext.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkApiContext.d.ts","sourceRoot":"","sources":["../../src/context/MkApiContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAuD,MAAM,OAAO,CAAC;AAE5E,MAAM,WAAW,gBAAgB;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC;AAID,wBAAgB,aAAa,CAAC,EAC1B,QAAQ,EACR,OAAgB,EAChB,cAAmB,EACtB,EAAE;IACC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC3C,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAuBpB;AAED,wBAAgB,eAAe,qBAM9B"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
use;
|
|
3
|
-
client;
|
|
4
|
-
import { createContext, useContext, useState, useMemo } from 'react';
|
|
5
|
-
const MkApiContext = createContext(undefined);
|
|
6
|
-
export function MkApiProvider({ children, baseUrl = '/api', initialHeaders = {} }) {
|
|
7
|
-
const [waiting, setWaitingState] = useState(0);
|
|
8
|
-
const setWaiting = (change, origin = "") => {
|
|
9
|
-
setWaitingState((prev) => {
|
|
10
|
-
const newValue = prev + change;
|
|
11
|
-
// Prevention of negative waiting values
|
|
12
|
-
return newValue < 0 ? 0 : newValue;
|
|
13
|
-
});
|
|
14
|
-
};
|
|
15
|
-
const contextValue = useMemo(() => ({
|
|
16
|
-
waiting,
|
|
17
|
-
setWaiting,
|
|
18
|
-
baseUrl,
|
|
19
|
-
headers: initialHeaders
|
|
20
|
-
}), [waiting, baseUrl, initialHeaders]);
|
|
21
|
-
return (_jsx(MkApiContext.Provider, { value: contextValue, children: children }));
|
|
22
|
-
}
|
|
23
|
-
export function useMkApiContext() {
|
|
24
|
-
const context = useContext(MkApiContext);
|
|
25
|
-
if (!context) {
|
|
26
|
-
throw new Error('useMkApiContext debe usarse dentro de MkApiProvider');
|
|
27
|
-
}
|
|
28
|
-
return context;
|
|
29
|
-
}
|
|
30
|
-
//# sourceMappingURL=MkApiContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkApiContext.js","sourceRoot":"","sources":["../../src/context/MkApiContext.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AAEV,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAS5E,MAAM,YAAY,GAAG,aAAa,CAA+B,SAAS,CAAC,CAAC;AAE5E,MAAM,UAAU,aAAa,CAAC,EAC1B,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,cAAc,GAAG,EAAE,EAKtB;IACG,MAAM,CAAC,OAAO,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE/C,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,SAAiB,EAAE,EAAE,EAAE;QACvD,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,QAAQ,GAAG,IAAI,GAAG,MAAM,CAAC;YAC/B,wCAAwC;YACxC,OAAO,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QACvC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAChC,OAAO;QACP,UAAU;QACV,OAAO;QACP,OAAO,EAAE,cAAc;KAC1B,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;IAExC,OAAO,CACH,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACrC,QAAQ,GACW,CAC3B,CAAC;AACN,CAAC;AAED,MAAM,UAAU,eAAe;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;IAC3E,CAAC;IACD,OAAO,OAAO,CAAC;AACnB,CAAC"}
|
|
@@ -1,186 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useApi.test.js","sourceRoot":"","sources":["../../src/hooks/useApi.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,26 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,39 +0,0 @@
|
|
|
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
|