@makroz/web 1.2.0 → 1.2.2
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/auth/MkAuthContext.d.ts +43 -0
- package/dist/auth/MkAuthContext.d.ts.map +1 -0
- package/dist/auth/MkAuthContext.js +3 -0
- package/dist/auth/MkAuthContext.js.map +1 -0
- package/dist/auth/MkAuthForm.d.ts +42 -0
- package/dist/auth/MkAuthForm.d.ts.map +1 -0
- package/dist/auth/MkAuthForm.js +53 -0
- package/dist/auth/MkAuthForm.js.map +1 -0
- package/dist/auth/MkAuthProvider.d.ts +30 -0
- package/dist/auth/MkAuthProvider.d.ts.map +1 -0
- package/dist/auth/MkAuthProvider.js +317 -0
- package/dist/auth/MkAuthProvider.js.map +1 -0
- package/dist/auth/types.d.ts +63 -0
- package/dist/auth/types.d.ts.map +1 -0
- package/dist/auth/types.js +20 -0
- package/dist/auth/types.js.map +1 -0
- package/dist/auth/useMkAuth.d.ts +19 -0
- package/dist/auth/useMkAuth.d.ts.map +1 -0
- package/dist/auth/useMkAuth.js +26 -0
- package/dist/auth/useMkAuth.js.map +1 -0
- package/dist/components/FormField.d.ts +27 -0
- package/dist/components/FormField.d.ts.map +1 -0
- package/dist/components/FormField.js +18 -0
- package/dist/components/FormField.js.map +1 -0
- package/dist/components/FormField.stories.d.ts +11 -0
- package/dist/components/FormField.stories.d.ts.map +1 -0
- package/dist/components/FormField.stories.js +61 -0
- package/dist/components/FormField.stories.js.map +1 -0
- package/dist/components/MkAccordion.d.ts +36 -0
- package/dist/components/MkAccordion.d.ts.map +1 -0
- package/dist/components/MkAccordion.js +23 -0
- package/dist/components/MkAccordion.js.map +1 -0
- package/dist/components/MkAccordion.module.css +79 -0
- package/dist/components/MkAccordion.stories.d.ts +13 -0
- package/dist/components/MkAccordion.stories.d.ts.map +1 -0
- package/dist/components/MkAccordion.stories.js +76 -0
- package/dist/components/MkAccordion.stories.js.map +1 -0
- package/dist/components/MkAccordion.stories.test.d.ts +2 -0
- package/dist/components/MkAccordion.stories.test.d.ts.map +1 -0
- package/dist/components/MkAccordion.stories.test.js +18 -0
- package/dist/components/MkAccordion.stories.test.js.map +1 -0
- package/dist/components/MkAlert.d.ts +25 -0
- package/dist/components/MkAlert.d.ts.map +1 -0
- package/dist/components/MkAlert.js +21 -0
- package/dist/components/MkAlert.js.map +1 -0
- package/dist/components/MkAlert.module.css +103 -0
- package/dist/components/MkAlert.stories.d.ts +13 -0
- package/dist/components/MkAlert.stories.d.ts.map +1 -0
- package/dist/components/MkAlert.stories.js +75 -0
- package/dist/components/MkAlert.stories.js.map +1 -0
- package/dist/components/MkAlert.stories.test.d.ts +2 -0
- package/dist/components/MkAlert.stories.test.d.ts.map +1 -0
- package/dist/components/MkAlert.stories.test.js +16 -0
- package/dist/components/MkAlert.stories.test.js.map +1 -0
- package/dist/components/MkAvatar.d.ts +16 -0
- package/dist/components/MkAvatar.d.ts.map +1 -0
- package/dist/components/MkAvatar.js +23 -0
- package/dist/components/MkAvatar.js.map +1 -0
- package/dist/components/MkAvatar.module.css +62 -0
- package/dist/components/MkAvatar.stories.d.ts +14 -0
- package/dist/components/MkAvatar.stories.d.ts.map +1 -0
- package/dist/components/MkAvatar.stories.js +67 -0
- package/dist/components/MkAvatar.stories.js.map +1 -0
- package/dist/components/MkAvatar.stories.test.d.ts +2 -0
- package/dist/components/MkAvatar.stories.test.d.ts.map +1 -0
- package/dist/components/MkAvatar.stories.test.js +16 -0
- package/dist/components/MkAvatar.stories.test.js.map +1 -0
- package/dist/components/MkBadge.d.ts +15 -0
- package/dist/components/MkBadge.d.ts.map +1 -0
- package/dist/components/MkBadge.js +7 -0
- package/dist/components/MkBadge.js.map +1 -0
- package/dist/components/MkBadge.module.css +74 -0
- package/dist/components/MkBadge.stories.d.ts +15 -0
- package/dist/components/MkBadge.stories.d.ts.map +1 -0
- package/dist/components/MkBadge.stories.js +78 -0
- package/dist/components/MkBadge.stories.js.map +1 -0
- package/dist/components/MkBadge.stories.test.d.ts +2 -0
- package/dist/components/MkBadge.stories.test.d.ts.map +1 -0
- package/dist/components/MkBadge.stories.test.js +16 -0
- package/dist/components/MkBadge.stories.test.js.map +1 -0
- package/dist/components/MkButton.d.ts +11 -0
- package/dist/components/MkButton.module.css +85 -0
- package/dist/components/MkButton.stories.d.ts +12 -0
- package/dist/components/MkButton.stories.d.ts.map +1 -0
- package/dist/components/MkButton.stories.js +57 -0
- package/dist/components/MkButton.stories.js.map +1 -0
- package/dist/components/MkButton.test.d.ts +2 -0
- package/dist/components/MkButton.test.d.ts.map +1 -0
- package/dist/components/MkButton.test.js +56 -0
- package/dist/components/MkButton.test.js.map +1 -0
- package/dist/components/MkCard.d.ts +18 -0
- package/dist/components/MkCard.d.ts.map +1 -0
- package/dist/components/MkCard.js +6 -0
- package/dist/components/MkCard.js.map +1 -0
- package/dist/components/MkCard.module.css +63 -0
- package/dist/components/MkCard.stories.d.ts +11 -0
- package/dist/components/MkCard.stories.d.ts.map +1 -0
- package/dist/components/MkCard.stories.js +57 -0
- package/dist/components/MkCard.stories.js.map +1 -0
- package/dist/components/MkCheck.d.ts +32 -0
- package/dist/components/MkCheck.d.ts.map +1 -0
- package/dist/components/MkCheck.js +12 -0
- package/dist/components/MkCheck.js.map +1 -0
- package/dist/components/MkCheck.module.css +87 -0
- package/dist/components/MkCheck.stories.d.ts +13 -0
- package/dist/components/MkCheck.stories.d.ts.map +1 -0
- package/dist/components/MkCheck.stories.js +63 -0
- package/dist/components/MkCheck.stories.js.map +1 -0
- package/dist/components/MkCheck.stories.test.d.ts +2 -0
- package/dist/components/MkCheck.stories.test.d.ts.map +1 -0
- package/dist/components/MkCheck.stories.test.js +16 -0
- package/dist/components/MkCheck.stories.test.js.map +1 -0
- package/dist/components/MkDatePicker.d.ts +29 -0
- package/dist/components/MkDatePicker.d.ts.map +1 -0
- package/dist/components/MkDatePicker.js +10 -0
- package/dist/components/MkDatePicker.js.map +1 -0
- package/dist/components/MkDatePicker.module.css +77 -0
- package/dist/components/MkDatePicker.stories.d.ts +11 -0
- package/dist/components/MkDatePicker.stories.d.ts.map +1 -0
- package/dist/components/MkDatePicker.stories.js +47 -0
- package/dist/components/MkDatePicker.stories.js.map +1 -0
- package/dist/components/MkDatePicker.stories.test.d.ts +2 -0
- package/dist/components/MkDatePicker.stories.test.d.ts.map +1 -0
- package/dist/components/MkDatePicker.stories.test.js +16 -0
- package/dist/components/MkDatePicker.stories.test.js.map +1 -0
- package/dist/components/MkDivider.d.ts +14 -0
- package/dist/components/MkDivider.d.ts.map +1 -0
- package/dist/components/MkDivider.js +12 -0
- package/dist/components/MkDivider.js.map +1 -0
- package/dist/components/MkDivider.module.css +39 -0
- package/dist/components/MkDivider.stories.d.ts +12 -0
- package/dist/components/MkDivider.stories.d.ts.map +1 -0
- package/dist/components/MkDivider.stories.js +33 -0
- package/dist/components/MkDivider.stories.js.map +1 -0
- package/dist/components/MkDivider.stories.test.d.ts +2 -0
- package/dist/components/MkDivider.stories.test.d.ts.map +1 -0
- package/dist/components/MkDivider.stories.test.js +15 -0
- package/dist/components/MkDivider.stories.test.js.map +1 -0
- package/dist/components/MkDropDown.d.ts +22 -0
- package/dist/components/MkDropDown.d.ts.map +1 -0
- package/dist/components/MkDropDown.js +24 -0
- package/dist/components/MkDropDown.js.map +1 -0
- package/dist/components/MkDropDown.module.css +108 -0
- package/dist/components/MkDropDown.stories.d.ts +12 -0
- package/dist/components/MkDropDown.stories.d.ts.map +1 -0
- package/dist/components/MkDropDown.stories.js +76 -0
- package/dist/components/MkDropDown.stories.js.map +1 -0
- package/dist/components/MkDropDown.stories.test.d.ts +2 -0
- package/dist/components/MkDropDown.stories.test.d.ts.map +1 -0
- package/dist/components/MkDropDown.stories.test.js +18 -0
- package/dist/components/MkDropDown.stories.test.js.map +1 -0
- package/dist/components/MkEmptyState.d.ts +14 -0
- package/dist/components/MkEmptyState.d.ts.map +1 -0
- package/dist/components/MkEmptyState.js +6 -0
- package/dist/components/MkEmptyState.js.map +1 -0
- package/dist/components/MkEmptyState.module.css +35 -0
- package/dist/components/MkEmptyState.stories.d.ts +12 -0
- package/dist/components/MkEmptyState.stories.d.ts.map +1 -0
- package/dist/components/MkEmptyState.stories.js +44 -0
- package/dist/components/MkEmptyState.stories.js.map +1 -0
- package/dist/components/MkEmptyState.stories.test.d.ts +2 -0
- package/dist/components/MkEmptyState.stories.test.d.ts.map +1 -0
- package/dist/components/MkEmptyState.stories.test.js +15 -0
- package/dist/components/MkEmptyState.stories.test.js.map +1 -0
- package/dist/components/MkFileUpload.d.ts +36 -0
- package/dist/components/MkFileUpload.d.ts.map +1 -0
- package/dist/components/MkFileUpload.js +50 -0
- package/dist/components/MkFileUpload.js.map +1 -0
- package/dist/components/MkFileUpload.module.css +74 -0
- package/dist/components/MkFileUpload.stories.d.ts +12 -0
- package/dist/components/MkFileUpload.stories.d.ts.map +1 -0
- package/dist/components/MkFileUpload.stories.js +53 -0
- package/dist/components/MkFileUpload.stories.js.map +1 -0
- package/dist/components/MkFileUpload.stories.test.d.ts +2 -0
- package/dist/components/MkFileUpload.stories.test.d.ts.map +1 -0
- package/dist/components/MkFileUpload.stories.test.js +15 -0
- package/dist/components/MkFileUpload.stories.test.js.map +1 -0
- package/dist/components/MkIcons.d.ts +14 -0
- package/dist/components/MkIcons.d.ts.map +1 -0
- package/dist/components/MkIcons.js +36 -0
- package/dist/components/MkIcons.js.map +1 -0
- package/dist/components/MkInfiniteList.d.ts +15 -0
- package/dist/components/MkInfiniteList.d.ts.map +1 -0
- package/dist/components/MkInfiniteList.js +29 -0
- package/dist/components/MkInfiniteList.js.map +1 -0
- package/dist/components/MkInfiniteList.module.css +69 -0
- package/dist/components/MkInfiniteList.stories.d.ts +17 -0
- package/dist/components/MkInfiniteList.stories.d.ts.map +1 -0
- package/dist/components/MkInfiniteList.stories.js +90 -0
- package/dist/components/MkInfiniteList.stories.js.map +1 -0
- package/dist/components/MkInfiniteList.stories.test.d.ts +2 -0
- package/dist/components/MkInfiniteList.stories.test.d.ts.map +1 -0
- package/dist/components/MkInfiniteList.stories.test.js +24 -0
- package/dist/components/MkInfiniteList.stories.test.js.map +1 -0
- package/dist/components/MkInput.d.ts +13 -0
- package/dist/components/MkInput.d.ts.map +1 -0
- package/dist/components/MkInput.js +21 -0
- package/dist/components/MkInput.js.map +1 -0
- package/dist/components/MkInput.module.css +94 -0
- package/dist/components/MkInput.stories.d.ts +13 -0
- package/dist/components/MkInput.stories.d.ts.map +1 -0
- package/dist/components/MkInput.stories.js +75 -0
- package/dist/components/MkInput.stories.js.map +1 -0
- package/dist/components/MkInput.stories.test.d.ts +2 -0
- package/dist/components/MkInput.stories.test.d.ts.map +1 -0
- package/dist/components/MkInput.stories.test.js +16 -0
- package/dist/components/MkInput.stories.test.js.map +1 -0
- package/dist/components/MkLoading.d.ts +20 -0
- package/dist/components/MkLoading.d.ts.map +1 -0
- package/dist/components/MkLoading.js +14 -0
- package/dist/components/MkLoading.js.map +1 -0
- package/dist/components/MkLoading.module.css +39 -0
- package/dist/components/MkLoading.stories.d.ts +13 -0
- package/dist/components/MkLoading.stories.d.ts.map +1 -0
- package/dist/components/MkLoading.stories.js +35 -0
- package/dist/components/MkLoading.stories.js.map +1 -0
- package/dist/components/MkLoading.stories.test.d.ts +2 -0
- package/dist/components/MkLoading.stories.test.d.ts.map +1 -0
- package/dist/components/MkLoading.stories.test.js +15 -0
- package/dist/components/MkLoading.stories.test.js.map +1 -0
- package/dist/components/MkModal.d.ts +20 -0
- package/dist/components/MkModal.d.ts.map +1 -0
- package/dist/components/MkModal.js +31 -0
- package/dist/components/MkModal.js.map +1 -0
- package/dist/components/MkModal.module.css +107 -0
- package/dist/components/MkModal.stories.d.ts +13 -0
- package/dist/components/MkModal.stories.d.ts.map +1 -0
- package/dist/components/MkModal.stories.js +73 -0
- package/dist/components/MkModal.stories.js.map +1 -0
- package/dist/components/MkProgressBar.d.ts +17 -0
- package/dist/components/MkProgressBar.d.ts.map +1 -0
- package/dist/components/MkProgressBar.js +7 -0
- package/dist/components/MkProgressBar.js.map +1 -0
- package/dist/components/MkProgressBar.module.css +48 -0
- package/dist/components/MkProgressBar.stories.d.ts +13 -0
- package/dist/components/MkProgressBar.stories.d.ts.map +1 -0
- package/dist/components/MkProgressBar.stories.js +39 -0
- package/dist/components/MkProgressBar.stories.js.map +1 -0
- package/dist/components/MkProgressBar.stories.test.d.ts +2 -0
- package/dist/components/MkProgressBar.stories.test.d.ts.map +1 -0
- package/dist/components/MkProgressBar.stories.test.js +15 -0
- package/dist/components/MkProgressBar.stories.test.js.map +1 -0
- package/dist/components/MkRadio.d.ts +34 -0
- package/dist/components/MkRadio.d.ts.map +1 -0
- package/dist/components/MkRadio.js +19 -0
- package/dist/components/MkRadio.js.map +1 -0
- package/dist/components/MkRadio.module.css +74 -0
- package/dist/components/MkRadio.stories.d.ts +13 -0
- package/dist/components/MkRadio.stories.d.ts.map +1 -0
- package/dist/components/MkRadio.stories.js +55 -0
- package/dist/components/MkRadio.stories.js.map +1 -0
- package/dist/components/MkRadio.stories.test.d.ts +2 -0
- package/dist/components/MkRadio.stories.test.d.ts.map +1 -0
- package/dist/components/MkRadio.stories.test.js +18 -0
- package/dist/components/MkRadio.stories.test.js.map +1 -0
- package/dist/components/MkSearchInput.d.ts +30 -0
- package/dist/components/MkSearchInput.d.ts.map +1 -0
- package/dist/components/MkSearchInput.js +27 -0
- package/dist/components/MkSearchInput.js.map +1 -0
- package/dist/components/MkSearchInput.module.css +80 -0
- package/dist/components/MkSearchInput.stories.d.ts +13 -0
- package/dist/components/MkSearchInput.stories.d.ts.map +1 -0
- package/dist/components/MkSearchInput.stories.js +47 -0
- package/dist/components/MkSearchInput.stories.js.map +1 -0
- package/dist/components/MkSearchInput.stories.test.d.ts +2 -0
- package/dist/components/MkSearchInput.stories.test.d.ts.map +1 -0
- package/dist/components/MkSearchInput.stories.test.js +15 -0
- package/dist/components/MkSearchInput.stories.test.js.map +1 -0
- package/dist/components/MkSelect.d.ts +23 -0
- package/dist/components/MkSelect.d.ts.map +1 -0
- package/dist/components/MkSelect.js +59 -0
- package/dist/components/MkSelect.js.map +1 -0
- package/dist/components/MkSelect.module.css +177 -0
- package/dist/components/MkSelect.stories.d.ts +12 -0
- package/dist/components/MkSelect.stories.d.ts.map +1 -0
- package/dist/components/MkSelect.stories.js +84 -0
- package/dist/components/MkSelect.stories.js.map +1 -0
- package/dist/components/MkSelect.stories.test.d.ts +2 -0
- package/dist/components/MkSelect.stories.test.d.ts.map +1 -0
- package/dist/components/MkSelect.stories.test.js +21 -0
- package/dist/components/MkSelect.stories.test.js.map +1 -0
- package/dist/components/MkSkeleton.d.ts +22 -0
- package/dist/components/MkSkeleton.d.ts.map +1 -0
- package/dist/components/MkSkeleton.js +21 -0
- package/dist/components/MkSkeleton.js.map +1 -0
- package/dist/components/MkSkeleton.module.css +28 -0
- package/dist/components/MkSkeleton.stories.d.ts +12 -0
- package/dist/components/MkSkeleton.stories.d.ts.map +1 -0
- package/dist/components/MkSkeleton.stories.js +32 -0
- package/dist/components/MkSkeleton.stories.js.map +1 -0
- package/dist/components/MkSkeleton.stories.test.d.ts +2 -0
- package/dist/components/MkSkeleton.stories.test.d.ts.map +1 -0
- package/dist/components/MkSkeleton.stories.test.js +15 -0
- package/dist/components/MkSkeleton.stories.test.js.map +1 -0
- package/dist/components/MkSwitch.d.ts +22 -0
- package/dist/components/MkSwitch.d.ts.map +1 -0
- package/dist/components/MkSwitch.js +14 -0
- package/dist/components/MkSwitch.js.map +1 -0
- package/dist/components/MkSwitch.module.css +108 -0
- package/dist/components/MkSwitch.stories.d.ts +13 -0
- package/dist/components/MkSwitch.stories.d.ts.map +1 -0
- package/dist/components/MkSwitch.stories.js +37 -0
- package/dist/components/MkSwitch.stories.js.map +1 -0
- package/dist/components/MkSwitch.stories.test.d.ts +2 -0
- package/dist/components/MkSwitch.stories.test.d.ts.map +1 -0
- package/dist/components/MkSwitch.stories.test.js +15 -0
- package/dist/components/MkSwitch.stories.test.js.map +1 -0
- package/dist/components/MkTable.d.ts +27 -0
- package/dist/components/MkTable.d.ts.map +1 -0
- package/dist/components/MkTable.js +11 -0
- package/dist/components/MkTable.js.map +1 -0
- package/dist/components/MkTable.module.css +163 -0
- package/dist/components/MkTable.stories.d.ts +16 -0
- package/dist/components/MkTable.stories.d.ts.map +1 -0
- package/dist/components/MkTable.stories.js +65 -0
- package/dist/components/MkTable.stories.js.map +1 -0
- package/dist/components/MkTable.stories.test.d.ts +2 -0
- package/dist/components/MkTable.stories.test.d.ts.map +1 -0
- package/dist/components/MkTable.stories.test.js +25 -0
- package/dist/components/MkTable.stories.test.js.map +1 -0
- package/dist/components/MkTabs.d.ts +22 -0
- package/dist/components/MkTabs.d.ts.map +1 -0
- package/dist/components/MkTabs.js +17 -0
- package/dist/components/MkTabs.js.map +1 -0
- package/dist/components/MkTabs.module.css +117 -0
- package/dist/components/MkTabs.stories.d.ts +11 -0
- package/dist/components/MkTabs.stories.d.ts.map +1 -0
- package/dist/components/MkTabs.stories.js +73 -0
- package/dist/components/MkTabs.stories.js.map +1 -0
- package/dist/components/MkTextArea.d.ts +21 -0
- package/dist/components/MkTextArea.d.ts.map +1 -0
- package/dist/components/MkTextArea.js +8 -0
- package/dist/components/MkTextArea.js.map +1 -0
- package/dist/components/MkTextArea.stories.d.ts +13 -0
- package/dist/components/MkTextArea.stories.d.ts.map +1 -0
- package/dist/components/MkTextArea.stories.js +56 -0
- package/dist/components/MkTextArea.stories.js.map +1 -0
- package/dist/components/MkTextArea.stories.test.d.ts +2 -0
- package/dist/components/MkTextArea.stories.test.d.ts.map +1 -0
- package/dist/components/MkTextArea.stories.test.js +15 -0
- package/dist/components/MkTextArea.stories.test.js.map +1 -0
- package/dist/components/MkThemeEditor.d.ts +8 -0
- package/dist/components/MkThemeEditor.module.css +177 -0
- package/dist/components/MkToastContainer.d.ts +3 -0
- package/dist/components/MkToastContainer.module.css +95 -0
- package/dist/components/MkToastContainer.stories.d.ts +9 -0
- package/dist/components/MkToastContainer.stories.js +43 -0
- package/dist/components/MkToastContainer.stories.js.map +1 -0
- package/dist/components/MkToastContainer.stories.test.d.ts +2 -0
- package/dist/components/MkToastContainer.stories.test.js +29 -0
- package/dist/components/MkToastContainer.stories.test.js.map +1 -0
- package/dist/components/MkTooltip.d.ts +14 -0
- package/dist/components/MkTooltip.d.ts.map +1 -0
- package/dist/components/MkTooltip.js +17 -0
- package/dist/components/MkTooltip.js.map +1 -0
- package/dist/components/MkTooltip.module.css +43 -0
- package/dist/components/MkTooltip.stories.d.ts +13 -0
- package/dist/components/MkTooltip.stories.d.ts.map +1 -0
- package/dist/components/MkTooltip.stories.js +59 -0
- package/dist/components/MkTooltip.stories.js.map +1 -0
- package/dist/components/MkTooltip.stories.test.d.ts +2 -0
- package/dist/components/MkTooltip.stories.test.d.ts.map +1 -0
- package/dist/components/MkTooltip.stories.test.js +15 -0
- package/dist/components/MkTooltip.stories.test.js.map +1 -0
- package/dist/components/MkWindowList.d.ts +20 -0
- package/dist/components/MkWindowList.d.ts.map +1 -0
- package/dist/components/MkWindowList.js +59 -0
- package/dist/components/MkWindowList.js.map +1 -0
- package/dist/components/MkWindowList.module.css +59 -0
- package/dist/components/MkWindowList.stories.d.ts +16 -0
- package/dist/components/MkWindowList.stories.d.ts.map +1 -0
- package/dist/components/MkWindowList.stories.js +76 -0
- package/dist/components/MkWindowList.stories.js.map +1 -0
- package/dist/components/MkWindowList.stories.test.d.ts +2 -0
- package/dist/components/MkWindowList.stories.test.d.ts.map +1 -0
- package/dist/components/MkWindowList.stories.test.js +19 -0
- package/dist/components/MkWindowList.stories.test.js.map +1 -0
- package/dist/components/index.d.ts +31 -0
- package/dist/components/index.js +34 -0
- package/dist/components/index.js.map +1 -0
- package/dist/context/MkApiContext.d.ts +15 -0
- package/dist/context/MkApiContext.d.ts.map +1 -0
- package/dist/context/MkApiContext.js +28 -0
- package/dist/context/MkApiContext.js.map +1 -0
- package/dist/context/MkAuthContext.d.ts +2 -1
- package/dist/context/MkAuthContext.d.ts.map +1 -1
- package/dist/context/MkConfirmContext.d.ts +2 -1
- package/dist/context/MkConfirmContext.d.ts.map +1 -1
- package/dist/context/MkToastContext.d.ts +2 -1
- package/dist/context/MkToastContext.d.ts.map +1 -1
- package/dist/hooks/useApi.d.ts +6 -5
- package/dist/hooks/useApi.d.ts.map +1 -1
- package/dist/hooks/useApi.test.d.ts +2 -0
- package/dist/hooks/useApi.test.js +184 -0
- package/dist/hooks/useApi.test.js.map +1 -0
- package/dist/hooks/useMkClickOutside.d.ts +8 -0
- package/dist/hooks/useMkClickOutside.d.ts.map +1 -0
- package/dist/hooks/useMkClickOutside.js +24 -0
- package/dist/hooks/useMkClickOutside.js.map +1 -0
- package/dist/hooks/useMkCrud.d.ts +39 -0
- package/dist/hooks/useMkCrud.test.d.ts +2 -0
- package/dist/hooks/useMkDebounce.d.ts +24 -0
- package/dist/hooks/useMkDebounce.d.ts.map +1 -0
- package/dist/hooks/useMkDebounce.js +36 -0
- package/dist/hooks/useMkDebounce.js.map +1 -0
- package/dist/hooks/useMkEffectDebug.d.ts +7 -0
- package/dist/hooks/useMkEffectDebug.d.ts.map +1 -0
- package/dist/hooks/useMkEffectDebug.js +26 -0
- package/dist/hooks/useMkEffectDebug.js.map +1 -0
- package/dist/hooks/useMkEvent.d.ts +31 -0
- package/dist/hooks/useMkEvent.d.ts.map +1 -0
- package/dist/hooks/useMkEvent.js +56 -0
- package/dist/hooks/useMkEvent.js.map +1 -0
- package/dist/hooks/useMkForm.d.ts +43 -0
- package/dist/hooks/useMkForm.test.d.ts +2 -0
- package/dist/hooks/useMkInViewPort.d.ts +14 -0
- package/dist/hooks/useMkInViewPort.d.ts.map +1 -0
- package/dist/hooks/useMkInViewPort.js +31 -0
- package/dist/hooks/useMkInViewPort.js.map +1 -0
- package/dist/hooks/useMkInfiniteList.d.ts +15 -0
- package/dist/hooks/useMkInfiniteList.js +47 -0
- package/dist/hooks/useMkInfiniteList.js.map +1 -0
- package/dist/hooks/useMkList.d.ts +7 -7
- package/dist/hooks/useMkList.js +53 -0
- package/dist/hooks/useMkList.js.map +1 -0
- package/dist/hooks/useMkLocalStorage.d.ts +6 -0
- package/dist/hooks/useMkLocalStorage.d.ts.map +1 -0
- package/dist/hooks/useMkLocalStorage.js +33 -0
- package/dist/hooks/useMkLocalStorage.js.map +1 -0
- package/dist/hooks/useMkLongPress.d.ts +37 -0
- package/dist/hooks/useMkLongPress.d.ts.map +1 -0
- package/dist/hooks/useMkLongPress.js +59 -0
- package/dist/hooks/useMkLongPress.js.map +1 -0
- package/dist/hooks/useMkMediaQuery.d.ts +14 -0
- package/dist/hooks/useMkMediaQuery.d.ts.map +1 -0
- package/dist/hooks/useMkMediaQuery.js +31 -0
- package/dist/hooks/useMkMediaQuery.js.map +1 -0
- package/dist/hooks/useMkPrevious.d.ts +7 -0
- package/dist/hooks/useMkPrevious.d.ts.map +1 -0
- package/dist/hooks/useMkPrevious.js +14 -0
- package/dist/hooks/useMkPrevious.js.map +1 -0
- package/dist/hooks/useMkScreenSize.d.ts +25 -0
- package/dist/hooks/useMkScreenSize.d.ts.map +1 -0
- package/dist/hooks/useMkScreenSize.js +42 -0
- package/dist/hooks/useMkScreenSize.js.map +1 -0
- package/dist/hooks/useMkStore.d.ts +22 -0
- package/dist/hooks/useMkStore.d.ts.map +1 -0
- package/dist/hooks/useMkStore.js +58 -0
- package/dist/hooks/useMkStore.js.map +1 -0
- package/dist/hooks/useMkToggle.d.ts +6 -0
- package/dist/hooks/useMkToggle.d.ts.map +1 -0
- package/dist/hooks/useMkToggle.js +13 -0
- package/dist/hooks/useMkToggle.js.map +1 -0
- package/dist/index.d.ts +33 -0
- package/dist/index.js +37 -0
- package/dist/index.js.map +1 -0
- package/dist/styles/index.css +124 -0
- package/dist/test-setup.d.ts +2 -0
- package/dist/test-setup.d.ts.map +1 -0
- package/dist/test-setup.js +31 -0
- package/dist/test-setup.js.map +1 -0
- package/dist/theme/MkThemeProvider.d.ts +20 -0
- package/dist/utils/images.d.ts +9 -0
- package/dist/utils/images.d.ts.map +1 -0
- package/dist/utils/images.js +50 -0
- package/dist/utils/images.js.map +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,43 @@
|
|
|
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; }
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { MkTooltip } from './MkTooltip';
|
|
3
|
+
declare const meta: Meta<typeof MkTooltip>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof MkTooltip>;
|
|
6
|
+
export declare const Top: Story;
|
|
7
|
+
export declare const Bottom: Story;
|
|
8
|
+
export declare const Left: Story;
|
|
9
|
+
export declare const Right: Story;
|
|
10
|
+
export declare const WithRichContent: Story;
|
|
11
|
+
export declare const WithDelay: Story;
|
|
12
|
+
export declare const AllPositions: Story;
|
|
13
|
+
//# sourceMappingURL=MkTooltip.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkTooltip.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkTooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAShC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,GAAG,EAAE,KAMjB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { MkTooltip } from './MkTooltip';
|
|
3
|
+
const meta = {
|
|
4
|
+
title: 'Components/MkTooltip',
|
|
5
|
+
component: MkTooltip,
|
|
6
|
+
parameters: { layout: 'centered' },
|
|
7
|
+
tags: ['autodocs'],
|
|
8
|
+
argTypes: {
|
|
9
|
+
position: { control: { type: 'select' }, options: ['top', 'bottom', 'left', 'right'] },
|
|
10
|
+
delay: { control: { type: 'number' } },
|
|
11
|
+
},
|
|
12
|
+
};
|
|
13
|
+
export default meta;
|
|
14
|
+
export const Top = {
|
|
15
|
+
args: {
|
|
16
|
+
content: 'This is a tooltip on top',
|
|
17
|
+
position: 'top',
|
|
18
|
+
children: _jsx("button", { children: "Hover me (top)" }),
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
export const Bottom = {
|
|
22
|
+
args: {
|
|
23
|
+
content: 'This is a tooltip on bottom',
|
|
24
|
+
position: 'bottom',
|
|
25
|
+
children: _jsx("button", { children: "Hover me (bottom)" }),
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
export const Left = {
|
|
29
|
+
args: {
|
|
30
|
+
content: 'On the left',
|
|
31
|
+
position: 'left',
|
|
32
|
+
children: _jsx("button", { children: "Hover me (left)" }),
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
export const Right = {
|
|
36
|
+
args: {
|
|
37
|
+
content: 'On the right',
|
|
38
|
+
position: 'right',
|
|
39
|
+
children: _jsx("button", { children: "Hover me (right)" }),
|
|
40
|
+
},
|
|
41
|
+
};
|
|
42
|
+
export const WithRichContent = {
|
|
43
|
+
args: {
|
|
44
|
+
content: (_jsxs("div", { children: [_jsx("strong", { children: "Pro tip" }), _jsxs("p", { children: ["Use ", _jsx("code", { children: "Cmd+K" }), " to open the command palette."] })] })),
|
|
45
|
+
position: 'top',
|
|
46
|
+
children: _jsx("button", { children: "Hover for rich tooltip" }),
|
|
47
|
+
},
|
|
48
|
+
};
|
|
49
|
+
export const WithDelay = {
|
|
50
|
+
args: {
|
|
51
|
+
content: 'Appears after 1 second',
|
|
52
|
+
delay: 1000,
|
|
53
|
+
children: _jsx("button", { children: "Hover and wait" }),
|
|
54
|
+
},
|
|
55
|
+
};
|
|
56
|
+
export const AllPositions = {
|
|
57
|
+
render: () => (_jsxs("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 80, padding: 60 }, children: [_jsx(MkTooltip, { content: "Top", position: "top", children: _jsx("button", { children: "Top" }) }), _jsx(MkTooltip, { content: "Bottom", position: "bottom", children: _jsx("button", { children: "Bottom" }) }), _jsx(MkTooltip, { content: "Left", position: "left", children: _jsx("button", { children: "Left" }) }), _jsx(MkTooltip, { content: "Right", position: "right", children: _jsx("button", { children: "Right" }) })] })),
|
|
58
|
+
};
|
|
59
|
+
//# sourceMappingURL=MkTooltip.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkTooltip.stories.js","sourceRoot":"","sources":["../../src/components/MkTooltip.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,IAAI,GAA2B;IACjC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;IAClC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QACtF,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KACzC;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,GAAG,GAAU;IACtB,IAAI,EAAE;QACF,OAAO,EAAE,0BAA0B;QACnC,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,8CAA+B;KAC5C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE;QACF,OAAO,EAAE,6BAA6B;QACtC,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,iDAAkC;KAC/C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACvB,IAAI,EAAE;QACF,OAAO,EAAE,aAAa;QACtB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,+CAAgC;KAC7C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,OAAO,EAAE,cAAc;QACvB,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,gDAAiC;KAC9C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IAClC,IAAI,EAAE;QACF,OAAO,EAAE,CACL,0BACI,uCAAwB,EACxB,gCAAO,mCAAkB,qCAAiC,IACxD,CACT;QACD,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,sDAAuC;KACpD;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,OAAO,EAAE,wBAAwB;QACjC,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,8CAA+B;KAC5C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,aACjF,KAAC,SAAS,IAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,YACnC,mCAAoB,GACZ,EACZ,KAAC,SAAS,IAAC,OAAO,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,YACzC,sCAAuB,GACf,EACZ,KAAC,SAAS,IAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,YACrC,oCAAqB,GACb,EACZ,KAAC,SAAS,IAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,YACvC,qCAAsB,GACd,IACV,CACT;CACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkTooltip.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkTooltip.stories.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Smoke snapshot for MkTooltip — required by R-MK-002.
|
|
4
|
+
*/
|
|
5
|
+
import { describe, it, expect, afterEach } from 'vitest';
|
|
6
|
+
import { render, cleanup } from '@testing-library/react';
|
|
7
|
+
import { MkTooltip } from './MkTooltip';
|
|
8
|
+
describe('MkTooltip story smoke', () => {
|
|
9
|
+
afterEach(cleanup);
|
|
10
|
+
it('renders with content', () => {
|
|
11
|
+
const { container } = render(_jsx(MkTooltip, { content: "A helpful hint", position: "top", children: _jsx("button", { children: "Trigger" }) }));
|
|
12
|
+
expect(container.firstChild).toMatchSnapshot();
|
|
13
|
+
});
|
|
14
|
+
});
|
|
15
|
+
//# sourceMappingURL=MkTooltip.stories.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkTooltip.stories.test.js","sourceRoot":"","sources":["../../src/components/MkTooltip.stories.test.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACnC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,SAAS,IAAC,OAAO,EAAC,gBAAgB,EAAC,QAAQ,EAAC,KAAK,YAC9C,uCAAwB,GAChB,CACf,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
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>): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
//# sourceMappingURL=MkWindowList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkWindowList.d.ts","sourceRoot":"","sources":["../../src/components/MkWindowList.tsx"],"names":[],"mappings":"AAAA,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,2CAoGtB"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useEffect, useRef, useMemo } from 'react';
|
|
3
|
+
import styles from './MkWindowList.module.css';
|
|
4
|
+
/**
|
|
5
|
+
* MkWindowList (Web)
|
|
6
|
+
* 🚀 High-performance Virtualized List.
|
|
7
|
+
* Renders only the visible portion of a massive list to keep the DOM light.
|
|
8
|
+
*/
|
|
9
|
+
export function MkWindowList({ items, renderItem, itemHeight, containerHeight = '500px', overscan = 5, loading, hasMore, onLoadMore, emptyMessage = "No se encontraron datos.", className = "" }) {
|
|
10
|
+
const containerRef = useRef(null);
|
|
11
|
+
const [scrollTop, setScrollTop] = useState(0);
|
|
12
|
+
const [viewportHeight, setViewportHeight] = useState(0);
|
|
13
|
+
// Initial and resize height tracking
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
if (containerRef.current) {
|
|
16
|
+
setViewportHeight(containerRef.current.clientHeight);
|
|
17
|
+
const resizeObserver = new ResizeObserver(entries => {
|
|
18
|
+
for (const entry of entries) {
|
|
19
|
+
setViewportHeight(entry.contentRect.height);
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
resizeObserver.observe(containerRef.current);
|
|
23
|
+
return () => resizeObserver.disconnect();
|
|
24
|
+
}
|
|
25
|
+
}, []);
|
|
26
|
+
const onScroll = (e) => {
|
|
27
|
+
const target = e.currentTarget;
|
|
28
|
+
setScrollTop(target.scrollTop);
|
|
29
|
+
// Check if we reached the bottom for infinite loading
|
|
30
|
+
if (onLoadMore && hasMore && !loading) {
|
|
31
|
+
const isBottom = target.scrollHeight - target.scrollTop <= target.clientHeight * 1.5;
|
|
32
|
+
if (isBottom) {
|
|
33
|
+
onLoadMore();
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
// Calculate window range
|
|
38
|
+
const { startIndex, endIndex, totalHeight } = useMemo(() => {
|
|
39
|
+
const start = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);
|
|
40
|
+
const end = Math.min(items.length, Math.ceil((scrollTop + viewportHeight) / itemHeight) + overscan);
|
|
41
|
+
return {
|
|
42
|
+
startIndex: start,
|
|
43
|
+
endIndex: end,
|
|
44
|
+
totalHeight: items.length * itemHeight
|
|
45
|
+
};
|
|
46
|
+
}, [scrollTop, viewportHeight, items.length, itemHeight, overscan]);
|
|
47
|
+
// Slice data to render
|
|
48
|
+
const visibleItems = useMemo(() => {
|
|
49
|
+
return items.slice(startIndex, endIndex).map((item, index) => {
|
|
50
|
+
const absoluteIndex = startIndex + index;
|
|
51
|
+
return (_jsx("div", { className: styles.itemWrapper, style: {
|
|
52
|
+
height: itemHeight,
|
|
53
|
+
transform: `translateY(${absoluteIndex * itemHeight}px)`
|
|
54
|
+
}, children: renderItem(item, absoluteIndex) }, absoluteIndex));
|
|
55
|
+
});
|
|
56
|
+
}, [items, startIndex, endIndex, itemHeight, renderItem]);
|
|
57
|
+
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..." }))] }));
|
|
58
|
+
}
|
|
59
|
+
//# sourceMappingURL=MkWindowList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkWindowList.js","sourceRoot":"","sources":["../../src/components/MkWindowList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,59 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { MkWindowList } from './MkWindowList';
|
|
3
|
+
interface User {
|
|
4
|
+
id: number;
|
|
5
|
+
name: string;
|
|
6
|
+
role: string;
|
|
7
|
+
}
|
|
8
|
+
declare const meta: Meta<typeof MkWindowList<User>>;
|
|
9
|
+
export default meta;
|
|
10
|
+
type Story = StoryObj<typeof MkWindowList<User>>;
|
|
11
|
+
export declare const Empty: Story;
|
|
12
|
+
export declare const WithItems: Story;
|
|
13
|
+
export declare const LargeDataset: Story;
|
|
14
|
+
export declare const WithCustomEmptyMessage: Story;
|
|
15
|
+
export declare const WithOverscan: Story;
|
|
16
|
+
//# sourceMappingURL=MkWindowList.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkWindowList.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkWindowList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,UAAU,IAAI;IACV,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,CAKzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;AA2CjD,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAOpC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { MkWindowList } from './MkWindowList';
|
|
3
|
+
const meta = {
|
|
4
|
+
title: 'Components/MkWindowList',
|
|
5
|
+
component: MkWindowList,
|
|
6
|
+
parameters: { layout: 'padded' },
|
|
7
|
+
tags: ['autodocs'],
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
const SAMPLE_USERS = Array.from({ length: 1000 }, (_, i) => ({
|
|
11
|
+
id: i + 1,
|
|
12
|
+
name: `User ${i + 1}`,
|
|
13
|
+
role: i % 3 === 0 ? 'admin' : 'user',
|
|
14
|
+
}));
|
|
15
|
+
const renderUser = (user, index) => (_jsxs("div", { style: {
|
|
16
|
+
display: 'flex',
|
|
17
|
+
alignItems: 'center',
|
|
18
|
+
gap: 12,
|
|
19
|
+
padding: '0 16px',
|
|
20
|
+
height: 48,
|
|
21
|
+
borderBottom: '1px solid #f3f4f6',
|
|
22
|
+
}, children: [_jsx("div", { style: {
|
|
23
|
+
width: 32,
|
|
24
|
+
height: 32,
|
|
25
|
+
borderRadius: '50%',
|
|
26
|
+
background: '#6366f1',
|
|
27
|
+
color: 'white',
|
|
28
|
+
display: 'flex',
|
|
29
|
+
alignItems: 'center',
|
|
30
|
+
justifyContent: 'center',
|
|
31
|
+
fontSize: 12,
|
|
32
|
+
fontWeight: 600,
|
|
33
|
+
}, children: user.id }), _jsxs("div", { style: { flex: 1 }, children: [_jsx("div", { style: { fontWeight: 500 }, children: user.name }), _jsx("div", { style: { fontSize: 12, color: '#6b7280' }, children: user.role })] })] }, user.id));
|
|
34
|
+
export const Empty = {
|
|
35
|
+
args: {
|
|
36
|
+
items: [],
|
|
37
|
+
renderItem: renderUser,
|
|
38
|
+
itemHeight: 48,
|
|
39
|
+
containerHeight: 400,
|
|
40
|
+
emptyMessage: 'No users found',
|
|
41
|
+
},
|
|
42
|
+
};
|
|
43
|
+
export const WithItems = {
|
|
44
|
+
args: {
|
|
45
|
+
items: SAMPLE_USERS.slice(0, 50),
|
|
46
|
+
renderItem: renderUser,
|
|
47
|
+
itemHeight: 48,
|
|
48
|
+
containerHeight: 400,
|
|
49
|
+
},
|
|
50
|
+
};
|
|
51
|
+
export const LargeDataset = {
|
|
52
|
+
args: {
|
|
53
|
+
items: SAMPLE_USERS,
|
|
54
|
+
renderItem: renderUser,
|
|
55
|
+
itemHeight: 48,
|
|
56
|
+
containerHeight: 500,
|
|
57
|
+
},
|
|
58
|
+
};
|
|
59
|
+
export const WithCustomEmptyMessage = {
|
|
60
|
+
args: {
|
|
61
|
+
items: [],
|
|
62
|
+
renderItem: renderUser,
|
|
63
|
+
itemHeight: 48,
|
|
64
|
+
emptyMessage: 'Aplica filtros para ver resultados',
|
|
65
|
+
},
|
|
66
|
+
};
|
|
67
|
+
export const WithOverscan = {
|
|
68
|
+
args: {
|
|
69
|
+
items: SAMPLE_USERS,
|
|
70
|
+
renderItem: renderUser,
|
|
71
|
+
itemHeight: 48,
|
|
72
|
+
containerHeight: 400,
|
|
73
|
+
overscan: 10,
|
|
74
|
+
},
|
|
75
|
+
};
|
|
76
|
+
//# sourceMappingURL=MkWindowList.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkWindowList.stories.js","sourceRoot":"","sources":["../../src/components/MkWindowList.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkWindowList.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkWindowList.stories.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Smoke snapshot for MkWindowList — required by R-MK-002.
|
|
4
|
+
*
|
|
5
|
+
* Note: jsdom doesn't compute real layout (clientHeight = 0),
|
|
6
|
+
* so the virtualized list falls back to rendering all items.
|
|
7
|
+
* The snapshot still captures the component's API and DOM structure.
|
|
8
|
+
*/
|
|
9
|
+
import { describe, it, expect, afterEach } from 'vitest';
|
|
10
|
+
import { render, cleanup } from '@testing-library/react';
|
|
11
|
+
import { MkWindowList } from './MkWindowList';
|
|
12
|
+
describe('MkWindowList story smoke', () => {
|
|
13
|
+
afterEach(cleanup);
|
|
14
|
+
it('renders with items', () => {
|
|
15
|
+
const { container } = render(_jsx(MkWindowList, { items: Array.from({ length: 20 }, (_, i) => ({ id: i + 1, name: `Item ${i + 1}` })), renderItem: (item) => _jsx("div", { style: { height: 48 }, children: item.name }, item.id), itemHeight: 48, containerHeight: 400 }));
|
|
16
|
+
expect(container.firstChild).toMatchSnapshot();
|
|
17
|
+
});
|
|
18
|
+
});
|
|
19
|
+
//# sourceMappingURL=MkWindowList.stories.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkWindowList.stories.test.js","sourceRoot":"","sources":["../../src/components/MkWindowList.stories.test.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAO9C,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACtC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,YAAY,IACT,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EACnF,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,cAAmB,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAG,IAAI,CAAC,IAAI,IAA1C,IAAI,CAAC,EAAE,CAA0C,EACjF,UAAU,EAAE,EAAE,EACd,eAAe,EAAE,GAAG,GACtB,CACL,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
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
|
|
@@ -0,0 +1,34 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkApiContext.d.ts","sourceRoot":"","sources":["../../src/context/MkApiContext.tsx"],"names":[],"mappings":"AAAA,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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { createContext, useContext, useState, useMemo } from 'react';
|
|
3
|
+
const MkApiContext = createContext(undefined);
|
|
4
|
+
export function MkApiProvider({ children, baseUrl = '/api', initialHeaders = {} }) {
|
|
5
|
+
const [waiting, setWaitingState] = useState(0);
|
|
6
|
+
const setWaiting = (change, origin = "") => {
|
|
7
|
+
setWaitingState((prev) => {
|
|
8
|
+
const newValue = prev + change;
|
|
9
|
+
// Prevention of negative waiting values
|
|
10
|
+
return newValue < 0 ? 0 : newValue;
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
const contextValue = useMemo(() => ({
|
|
14
|
+
waiting,
|
|
15
|
+
setWaiting,
|
|
16
|
+
baseUrl,
|
|
17
|
+
headers: initialHeaders
|
|
18
|
+
}), [waiting, baseUrl, initialHeaders]);
|
|
19
|
+
return (_jsx(MkApiContext.Provider, { value: contextValue, children: children }));
|
|
20
|
+
}
|
|
21
|
+
export function useMkApiContext() {
|
|
22
|
+
const context = useContext(MkApiContext);
|
|
23
|
+
if (!context) {
|
|
24
|
+
throw new Error('useMkApiContext debe usarse dentro de MkApiProvider');
|
|
25
|
+
}
|
|
26
|
+
return context;
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=MkApiContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkApiContext.js","sourceRoot":"","sources":["../../src/context/MkApiContext.tsx"],"names":[],"mappings":";AACA,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,5 +1,6 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import type { MkAuthContextType } from '@makroz/core';
|
|
3
4
|
export interface MkAuthProviderProps {
|
|
4
5
|
children: ReactNode;
|
|
5
6
|
endpoints?: {
|
|
@@ -15,5 +16,5 @@ export interface MkAuthProviderProps {
|
|
|
15
16
|
};
|
|
16
17
|
}
|
|
17
18
|
export declare function MkAuthProvider({ children, endpoints, storage }: MkAuthProviderProps): React.JSX.Element;
|
|
18
|
-
export declare const useMkAuth: () =>
|
|
19
|
+
export declare const useMkAuth: () => MkAuthContextType;
|
|
19
20
|
//# sourceMappingURL=MkAuthContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkAuthContext.d.ts","sourceRoot":"","sources":["../../src/context/MkAuthContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAkE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MkAuthContext.d.ts","sourceRoot":"","sources":["../../src/context/MkAuthContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,KAAK,EAAU,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAQ7D,MAAM,WAAW,mBAAmB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE;QACN,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC;QACjE,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QAC9D,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;KACrD,CAAC;CACL;AAED,wBAAgB,cAAc,CAAC,EAC3B,QAAQ,EACR,SAA8E,EAC9E,OAA0E,EAC7E,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8EzC;AAED,eAAO,MAAM,SAAS,yBAIrB,CAAA"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import type { MkConfirmContextValue } from '@makroz/core';
|
|
3
4
|
export declare function MkConfirmProvider({ children }: {
|
|
4
5
|
children: ReactNode;
|
|
5
6
|
}): React.JSX.Element;
|
|
6
|
-
export declare const useMkConfirm: () =>
|
|
7
|
+
export declare const useMkConfirm: () => MkConfirmContextValue;
|
|
7
8
|
//# sourceMappingURL=MkConfirmContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkConfirmContext.d.ts","sourceRoot":"","sources":["../../src/context/MkConfirmContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAoE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MkConfirmContext.d.ts","sourceRoot":"","sources":["../../src/context/MkConfirmContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAoE,MAAM,OAAO,CAAC;AACzF,OAAO,KAAK,EAAkB,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAK1E,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsD1F;AAED,eAAO,MAAM,YAAY,6BAIxB,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import type { MkToastContextValue } from '@makroz/core';
|
|
3
4
|
export declare function MkToastProvider({ children }: {
|
|
4
5
|
children: ReactNode;
|
|
5
6
|
}): React.JSX.Element;
|
|
6
|
-
export declare const useMkToast: () =>
|
|
7
|
+
export declare const useMkToast: () => MkToastContextValue;
|
|
7
8
|
//# sourceMappingURL=MkToastContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkToastContext.d.ts","sourceRoot":"","sources":["../../src/context/MkToastContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,KAAyE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MkToastContext.d.ts","sourceRoot":"","sources":["../../src/context/MkToastContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,KAAyE,MAAM,OAAO,CAAC;AAC9F,OAAO,KAAK,EAA2B,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAOjF,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqExF;AAED,eAAO,MAAM,UAAU,2BAItB,CAAC"}
|