@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,15 @@
|
|
|
1
|
+
export interface InfiniteListOptions {
|
|
2
|
+
per_page?: number;
|
|
3
|
+
q?: string;
|
|
4
|
+
filter?: Record<string, any>;
|
|
5
|
+
sort?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function useMkInfiniteList(endpoint: string, options?: InfiniteListOptions): {
|
|
8
|
+
items: any[];
|
|
9
|
+
loading: boolean;
|
|
10
|
+
error: any;
|
|
11
|
+
hasMore: boolean;
|
|
12
|
+
loadMore: () => Promise<void>;
|
|
13
|
+
reset: () => void;
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=useMkInfiniteList.d.ts.map
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { useState, useCallback, useEffect } from 'react';
|
|
2
|
+
import { useApi } from './useApi';
|
|
3
|
+
export function useMkInfiniteList(endpoint, options = {}) {
|
|
4
|
+
const api = useApi();
|
|
5
|
+
const [items, setItems] = useState([]);
|
|
6
|
+
const [hasMore, setHasMore] = useState(true);
|
|
7
|
+
const [page, setPage] = useState(1);
|
|
8
|
+
// Reset list when filters/search changes
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
setItems([]);
|
|
11
|
+
setPage(1);
|
|
12
|
+
setHasMore(true);
|
|
13
|
+
}, [options.q, JSON.stringify(options.filter), options.sort]);
|
|
14
|
+
const loadMore = useCallback(async () => {
|
|
15
|
+
if (!hasMore || api.loading)
|
|
16
|
+
return;
|
|
17
|
+
const response = await api.get(endpoint, Object.assign(Object.assign({}, options), { page, per_page: options.per_page || 15 }));
|
|
18
|
+
if (response.success) {
|
|
19
|
+
const newData = Array.isArray(response.data) ? response.data : [];
|
|
20
|
+
if (newData.length === 0) {
|
|
21
|
+
setHasMore(false);
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
setItems((prev) => [...prev, ...newData]);
|
|
25
|
+
setPage(prev => prev + 1);
|
|
26
|
+
// Check pagination from extraData
|
|
27
|
+
const extra = response.__extraData;
|
|
28
|
+
if (extra && typeof extra.last_page === 'number' && page >= extra.last_page) {
|
|
29
|
+
setHasMore(false);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}, [endpoint, page, hasMore, api.loading, options]);
|
|
34
|
+
return {
|
|
35
|
+
items,
|
|
36
|
+
loading: api.loading,
|
|
37
|
+
error: api.error,
|
|
38
|
+
hasMore,
|
|
39
|
+
loadMore,
|
|
40
|
+
reset: () => {
|
|
41
|
+
setItems([]);
|
|
42
|
+
setPage(1);
|
|
43
|
+
setHasMore(true);
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
//# sourceMappingURL=useMkInfiniteList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkInfiniteList.js","sourceRoot":"","sources":["../../src/hooks/useMkInfiniteList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AASlC,MAAM,UAAU,iBAAiB,CAAC,QAAgB,EAAE,UAA+B,EAAE;IACjF,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,EAAE,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpC,yCAAyC;IACzC,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,OAAO,CAAC,CAAC,CAAC,CAAC;QACX,UAAU,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAE9D,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACpC,IAAI,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO;YAAE,OAAO;QAEpC,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,QAAQ,kCAChC,OAAO,KACV,IAAI,EACJ,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,EAAE,IAClC,CAAC;QAEH,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACnB,MAAM,OAAO,GAAc,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7E,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACvB,UAAU,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;iBAAM,CAAC;gBACJ,QAAQ,CAAC,CAAC,IAAW,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAI,OAAiB,CAAC,CAAC,CAAC;gBAC5D,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;gBAE1B,kCAAkC;gBAClC,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAiD,CAAC;gBACzE,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ,IAAI,IAAI,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;oBAC1E,UAAU,CAAC,KAAK,CAAC,CAAC;gBACtB,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpD,OAAO;QACH,KAAK;QACL,OAAO,EAAE,GAAG,CAAC,OAAO;QACpB,KAAK,EAAE,GAAG,CAAC,KAAK;QAChB,OAAO;QACP,QAAQ;QACR,KAAK,EAAE,GAAG,EAAE;YACR,QAAQ,CAAC,EAAE,CAAC,CAAC;YACb,OAAO,CAAC,CAAC,CAAC,CAAC;YACX,UAAU,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;KACJ,CAAC;AACN,CAAC"}
|
|
@@ -44,18 +44,18 @@ export declare function useMkList(endpoint: string, options?: MkListOptions): {
|
|
|
44
44
|
setSort: (sort: string) => void;
|
|
45
45
|
setPerPage: (per_page: number) => void;
|
|
46
46
|
resetFilters: () => void;
|
|
47
|
-
refresh: (extraParams?: MkListParams) => Promise<MkResponse
|
|
47
|
+
refresh: (extraParams?: MkListParams) => Promise<import("@makroz/core").MkResponse<unknown>>;
|
|
48
48
|
/** Pagination meta from __extraData */
|
|
49
49
|
pagination: any;
|
|
50
|
-
status: ApiStatus;
|
|
50
|
+
status: import("@makroz/core").ApiStatus;
|
|
51
51
|
data: any;
|
|
52
52
|
error: any;
|
|
53
53
|
waiting: number;
|
|
54
54
|
loading: boolean;
|
|
55
|
-
get: (endpoint: string, params?: any) => Promise<MkResponse
|
|
56
|
-
post: (endpoint: string, body: any) => Promise<MkResponse
|
|
57
|
-
put: (endpoint: string, body: any) => Promise<MkResponse
|
|
58
|
-
delete: (endpoint: string) => Promise<MkResponse
|
|
59
|
-
remove: (endpoint: string) => Promise<MkResponse
|
|
55
|
+
get: (endpoint: string, params?: any) => Promise<import("@makroz/core").MkResponse<unknown>>;
|
|
56
|
+
post: (endpoint: string, body: any) => Promise<import("@makroz/core").MkResponse<unknown>>;
|
|
57
|
+
put: (endpoint: string, body: any) => Promise<import("@makroz/core").MkResponse<unknown>>;
|
|
58
|
+
delete: (endpoint: string) => Promise<import("@makroz/core").MkResponse<unknown>>;
|
|
59
|
+
remove: (endpoint: string) => Promise<import("@makroz/core").MkResponse<unknown>>;
|
|
60
60
|
};
|
|
61
61
|
//# sourceMappingURL=useMkList.d.ts.map
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { useState, useCallback, useEffect, useRef } from 'react';
|
|
2
|
+
import { useApi } from './useApi';
|
|
3
|
+
export function useMkList(endpoint, options = {}) {
|
|
4
|
+
var _a;
|
|
5
|
+
const { initialParams = {}, autoFetch = true } = options;
|
|
6
|
+
const api = useApi();
|
|
7
|
+
const [params, setParams] = useState(Object.assign({ page: 1, per_page: 15 }, initialParams));
|
|
8
|
+
const mountedRef = useRef(false);
|
|
9
|
+
const refresh = useCallback((extraParams = {}) => {
|
|
10
|
+
return api.get(endpoint, Object.assign(Object.assign({}, params), extraParams));
|
|
11
|
+
}, [endpoint, params]);
|
|
12
|
+
const setFilter = useCallback((field, value) => {
|
|
13
|
+
setParams(prev => (Object.assign(Object.assign({}, prev), { page: 1, filter: Object.assign(Object.assign({}, prev.filter), { [field]: value }) })));
|
|
14
|
+
}, []);
|
|
15
|
+
const setPage = useCallback((page) => {
|
|
16
|
+
setParams(prev => (Object.assign(Object.assign({}, prev), { page })));
|
|
17
|
+
}, []);
|
|
18
|
+
const setSearch = useCallback((q) => {
|
|
19
|
+
setParams(prev => (Object.assign(Object.assign({}, prev), { page: 1, q })));
|
|
20
|
+
}, []);
|
|
21
|
+
const setSort = useCallback((sort) => {
|
|
22
|
+
setParams(prev => (Object.assign(Object.assign({}, prev), { sort })));
|
|
23
|
+
}, []);
|
|
24
|
+
const setPerPage = useCallback((per_page) => {
|
|
25
|
+
setParams(prev => (Object.assign(Object.assign({}, prev), { page: 1, per_page })));
|
|
26
|
+
}, []);
|
|
27
|
+
const resetFilters = useCallback(() => {
|
|
28
|
+
setParams(prev => (Object.assign(Object.assign({}, prev), { page: 1, q: undefined, sort: undefined, filter: undefined })));
|
|
29
|
+
}, []);
|
|
30
|
+
// Auto-refresh
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
if (!autoFetch)
|
|
33
|
+
return;
|
|
34
|
+
if (!mountedRef.current) {
|
|
35
|
+
mountedRef.current = true;
|
|
36
|
+
refresh();
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
refresh();
|
|
40
|
+
}, [params]);
|
|
41
|
+
return Object.assign(Object.assign({}, api), { params,
|
|
42
|
+
setParams,
|
|
43
|
+
setFilter,
|
|
44
|
+
setPage,
|
|
45
|
+
setSearch,
|
|
46
|
+
setSort,
|
|
47
|
+
setPerPage,
|
|
48
|
+
resetFilters,
|
|
49
|
+
refresh,
|
|
50
|
+
/** Pagination meta from __extraData */
|
|
51
|
+
pagination: ((_a = api.data) === null || _a === void 0 ? void 0 : _a.__extraData) || {} });
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=useMkList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkList.js","sourceRoot":"","sources":["../../src/hooks/useMkList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AA0ClC,MAAM,UAAU,SAAS,CAAC,QAAgB,EAAE,UAAyB,EAAE;;IACnE,MAAM,EAAE,aAAa,GAAG,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IACzD,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,iBAChC,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,EAAE,IACT,aAAa,EAClB,CAAC;IACH,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEjC,MAAM,OAAO,GAAG,WAAW,CACvB,CAAC,cAA4B,EAAE,EAAE,EAAE;QAC/B,OAAO,GAAG,CAAC,GAAG,CAAC,QAAQ,kCAAO,MAAM,GAAK,WAAW,EAAG,CAAC;IAC5D,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,CAAC,CACrB,CAAC;IAEF,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,KAAU,EAAE,EAAE;QACxD,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,iCACX,IAAI,KACP,IAAI,EAAE,CAAC,EACP,MAAM,kCAAO,IAAI,CAAC,MAAM,KAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAC1C,CAAC,CAAC;IACR,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE;QACzC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,iCAAM,IAAI,KAAE,IAAI,IAAG,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAS,EAAE,EAAE;QACxC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,iCAAM,IAAI,KAAE,IAAI,EAAE,CAAC,EAAE,CAAC,IAAG,CAAC,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE;QACzC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,iCAAM,IAAI,KAAE,IAAI,IAAG,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE;QAChD,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,iCAAM,IAAI,KAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,IAAG,CAAC,CAAC;IACxD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,iCAAM,IAAI,KAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,IAAG,CAAC,CAAC;IAChG,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,eAAe;IACf,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YACtB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;YAC1B,OAAO,EAAE,CAAC;YACV,OAAO;QACX,CAAC;QACD,OAAO,EAAE,CAAC;IAEd,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,uCACO,GAAG,KACN,MAAM;QACN,SAAS;QACT,SAAS;QACT,OAAO;QACP,SAAS;QACT,OAAO;QACP,UAAU;QACV,YAAY;QACZ,OAAO;QACP,uCAAuC;QACvC,UAAU,EAAE,CAAA,MAAA,GAAG,CAAC,IAAI,0CAAE,WAAW,KAAI,EAAE,IACzC;AACN,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useMkLocalStorage
|
|
3
|
+
* 🚀 Sincroniza el estado de React con el almacenamiento local.
|
|
4
|
+
*/
|
|
5
|
+
export declare function useMkLocalStorage<T>(key: string, initialValue: T): readonly [T, (value: T | ((val: T) => T)) => void];
|
|
6
|
+
//# sourceMappingURL=useMkLocalStorage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkLocalStorage.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkLocalStorage.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,wBAYtC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,WAa7C"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { useState } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* useMkLocalStorage
|
|
4
|
+
* 🚀 Sincroniza el estado de React con el almacenamiento local.
|
|
5
|
+
*/
|
|
6
|
+
export function useMkLocalStorage(key, initialValue) {
|
|
7
|
+
const [storedValue, setStoredValue] = useState(() => {
|
|
8
|
+
if (typeof window === 'undefined')
|
|
9
|
+
return initialValue;
|
|
10
|
+
try {
|
|
11
|
+
const item = window.localStorage.getItem(key);
|
|
12
|
+
return item ? JSON.parse(item) : initialValue;
|
|
13
|
+
}
|
|
14
|
+
catch (error) {
|
|
15
|
+
console.error(error);
|
|
16
|
+
return initialValue;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const setValue = (value) => {
|
|
20
|
+
try {
|
|
21
|
+
const valueToStore = value instanceof Function ? value(storedValue) : value;
|
|
22
|
+
setStoredValue(valueToStore);
|
|
23
|
+
if (typeof window !== 'undefined') {
|
|
24
|
+
window.localStorage.setItem(key, JSON.stringify(valueToStore));
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
catch (error) {
|
|
28
|
+
console.error(error);
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
return [storedValue, setValue];
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=useMkLocalStorage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkLocalStorage.js","sourceRoot":"","sources":["../../src/hooks/useMkLocalStorage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAI,GAAW,EAAE,YAAe;IAC/D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAI,GAAG,EAAE;QACrD,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,YAAY,CAAC;QACvD,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YAC9C,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAChD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACrB,OAAO,YAAY,CAAC;QACtB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAAC,KAA0B,EAAE,EAAE;QAC9C,IAAI,CAAC;YACH,MAAM,YAAY,GAAG,KAAK,YAAY,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YAC5E,cAAc,CAAC,YAAY,CAAC,CAAC;YAC7B,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;gBAClC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC;YACjE,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAU,CAAC;AAC1C,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export interface MkLongPressOptions {
|
|
2
|
+
/** Duration in ms before triggering long press (default: 500) */
|
|
3
|
+
threshold?: number;
|
|
4
|
+
/** Called when a short click/tap happens instead of long press */
|
|
5
|
+
onPress?: () => void;
|
|
6
|
+
}
|
|
7
|
+
export interface MkLongPressResult {
|
|
8
|
+
/** Spread these onto the target element */
|
|
9
|
+
handlers: {
|
|
10
|
+
onMouseDown: () => void;
|
|
11
|
+
onMouseUp: () => void;
|
|
12
|
+
onMouseLeave: () => void;
|
|
13
|
+
onTouchStart: () => void;
|
|
14
|
+
onTouchEnd: () => void;
|
|
15
|
+
};
|
|
16
|
+
/** Whether a long press is currently active */
|
|
17
|
+
isLongPressing: boolean;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* useMkLongPress — Detect long press gestures on any element.
|
|
21
|
+
* Supports both mouse and touch events.
|
|
22
|
+
*
|
|
23
|
+
* @param onLongPress - Callback fired when long press threshold is reached.
|
|
24
|
+
* @param options - Configuration options.
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* ```tsx
|
|
28
|
+
* const { handlers, isLongPressing } = useMkLongPress(
|
|
29
|
+
* () => console.log('Long pressed!'),
|
|
30
|
+
* { threshold: 800, onPress: () => console.log('Short tap') }
|
|
31
|
+
* );
|
|
32
|
+
*
|
|
33
|
+
* return <div {...handlers}>Hold me</div>;
|
|
34
|
+
* ```
|
|
35
|
+
*/
|
|
36
|
+
export declare function useMkLongPress(onLongPress: () => void, options?: MkLongPressOptions): MkLongPressResult;
|
|
37
|
+
//# sourceMappingURL=useMkLongPress.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkLongPress.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkLongPress.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IAC/B,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB;IAC9B,2CAA2C;IAC3C,QAAQ,EAAE;QACN,WAAW,EAAE,MAAM,IAAI,CAAC;QACxB,SAAS,EAAE,MAAM,IAAI,CAAC;QACtB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,UAAU,EAAE,MAAM,IAAI,CAAC;KAC1B,CAAC;IACF,+CAA+C;IAC/C,cAAc,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAC1B,WAAW,EAAE,MAAM,IAAI,EACvB,OAAO,GAAE,kBAAuB,GACjC,iBAAiB,CA0CnB"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { useState, useEffect, useCallback, useRef } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* useMkLongPress — Detect long press gestures on any element.
|
|
4
|
+
* Supports both mouse and touch events.
|
|
5
|
+
*
|
|
6
|
+
* @param onLongPress - Callback fired when long press threshold is reached.
|
|
7
|
+
* @param options - Configuration options.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```tsx
|
|
11
|
+
* const { handlers, isLongPressing } = useMkLongPress(
|
|
12
|
+
* () => console.log('Long pressed!'),
|
|
13
|
+
* { threshold: 800, onPress: () => console.log('Short tap') }
|
|
14
|
+
* );
|
|
15
|
+
*
|
|
16
|
+
* return <div {...handlers}>Hold me</div>;
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
export function useMkLongPress(onLongPress, options = {}) {
|
|
20
|
+
const { threshold = 500, onPress } = options;
|
|
21
|
+
const [isLongPressing, setIsLongPressing] = useState(false);
|
|
22
|
+
const timerRef = useRef(null);
|
|
23
|
+
const didLongPressRef = useRef(false);
|
|
24
|
+
const start = useCallback(() => {
|
|
25
|
+
didLongPressRef.current = false;
|
|
26
|
+
timerRef.current = setTimeout(() => {
|
|
27
|
+
didLongPressRef.current = true;
|
|
28
|
+
setIsLongPressing(true);
|
|
29
|
+
onLongPress();
|
|
30
|
+
}, threshold);
|
|
31
|
+
}, [onLongPress, threshold]);
|
|
32
|
+
const stop = useCallback(() => {
|
|
33
|
+
if (timerRef.current) {
|
|
34
|
+
clearTimeout(timerRef.current);
|
|
35
|
+
timerRef.current = null;
|
|
36
|
+
}
|
|
37
|
+
if (!didLongPressRef.current && onPress) {
|
|
38
|
+
onPress();
|
|
39
|
+
}
|
|
40
|
+
setIsLongPressing(false);
|
|
41
|
+
}, [onPress]);
|
|
42
|
+
useEffect(() => {
|
|
43
|
+
return () => {
|
|
44
|
+
if (timerRef.current)
|
|
45
|
+
clearTimeout(timerRef.current);
|
|
46
|
+
};
|
|
47
|
+
}, []);
|
|
48
|
+
return {
|
|
49
|
+
handlers: {
|
|
50
|
+
onMouseDown: start,
|
|
51
|
+
onMouseUp: stop,
|
|
52
|
+
onMouseLeave: stop,
|
|
53
|
+
onTouchStart: start,
|
|
54
|
+
onTouchEnd: stop,
|
|
55
|
+
},
|
|
56
|
+
isLongPressing,
|
|
57
|
+
};
|
|
58
|
+
}
|
|
59
|
+
//# sourceMappingURL=useMkLongPress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkLongPress.js","sourceRoot":"","sources":["../../src/hooks/useMkLongPress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAsBjE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,cAAc,CAC1B,WAAuB,EACvB,UAA8B,EAAE;IAEhC,MAAM,EAAE,SAAS,GAAG,GAAG,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAC7C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACpE,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3B,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC/B,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;YAC/B,iBAAiB,CAAC,IAAI,CAAC,CAAC;YACxB,WAAW,EAAE,CAAC;QAClB,CAAC,EAAE,SAAS,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7B,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1B,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACnB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC/B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,CAAC;QACD,IAAI,CAAC,eAAe,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC;YACtC,OAAO,EAAE,CAAC;QACd,CAAC;QACD,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE;YACR,IAAI,QAAQ,CAAC,OAAO;gBAAE,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACzD,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACH,QAAQ,EAAE;YACN,WAAW,EAAE,KAAK;YAClB,SAAS,EAAE,IAAI;YACf,YAAY,EAAE,IAAI;YAClB,YAAY,EAAE,KAAK;YACnB,UAAU,EAAE,IAAI;SACnB;QACD,cAAc;KACjB,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useMkMediaQuery — Track CSS media query matches reactively.
|
|
3
|
+
*
|
|
4
|
+
* @param query - CSS media query string (e.g., '(max-width: 768px)')
|
|
5
|
+
* @returns `true` if the query matches, `false` otherwise.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* const isMobile = useMkMediaQuery('(max-width: 600px)');
|
|
10
|
+
* const prefersDark = useMkMediaQuery('(prefers-color-scheme: dark)');
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
13
|
+
export declare function useMkMediaQuery(query: string): boolean;
|
|
14
|
+
//# sourceMappingURL=useMkMediaQuery.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkMediaQuery.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAmBtD"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { useState, useEffect } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* useMkMediaQuery — Track CSS media query matches reactively.
|
|
4
|
+
*
|
|
5
|
+
* @param query - CSS media query string (e.g., '(max-width: 768px)')
|
|
6
|
+
* @returns `true` if the query matches, `false` otherwise.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* const isMobile = useMkMediaQuery('(max-width: 600px)');
|
|
11
|
+
* const prefersDark = useMkMediaQuery('(prefers-color-scheme: dark)');
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
14
|
+
export function useMkMediaQuery(query) {
|
|
15
|
+
const [matches, setMatches] = useState(() => {
|
|
16
|
+
if (typeof window === 'undefined')
|
|
17
|
+
return false;
|
|
18
|
+
return window.matchMedia(query).matches;
|
|
19
|
+
});
|
|
20
|
+
useEffect(() => {
|
|
21
|
+
if (typeof window === 'undefined')
|
|
22
|
+
return;
|
|
23
|
+
const mediaQuery = window.matchMedia(query);
|
|
24
|
+
setMatches(mediaQuery.matches);
|
|
25
|
+
const handler = (event) => setMatches(event.matches);
|
|
26
|
+
mediaQuery.addEventListener('change', handler);
|
|
27
|
+
return () => mediaQuery.removeEventListener('change', handler);
|
|
28
|
+
}, [query]);
|
|
29
|
+
return matches;
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=useMkMediaQuery.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkMediaQuery.js","sourceRoot":"","sources":["../../src/hooks/useMkMediaQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,eAAe,CAAC,KAAa;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,GAAG,EAAE;QACjD,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,KAAK,CAAC;QAChD,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO;QAE1C,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAC5C,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAE/B,MAAM,OAAO,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC1E,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAE/C,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACnE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,OAAO,CAAC;AACnB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useMkPrevious
|
|
3
|
+
* 🚀 Retorna el valor del render anterior.
|
|
4
|
+
* Útil para comparar cambios de props o estados y disparar animaciones o efectos.
|
|
5
|
+
*/
|
|
6
|
+
export declare const useMkPrevious: <T>(value: T, initialValue?: T) => T | undefined;
|
|
7
|
+
//# sourceMappingURL=useMkPrevious.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkPrevious.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkPrevious.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,EAAE,OAAO,CAAC,EAAE,eAAe,CAAC,KAAG,CAAC,GAAG,SAQjE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { useRef, useEffect } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* useMkPrevious
|
|
4
|
+
* 🚀 Retorna el valor del render anterior.
|
|
5
|
+
* Útil para comparar cambios de props o estados y disparar animaciones o efectos.
|
|
6
|
+
*/
|
|
7
|
+
export const useMkPrevious = (value, initialValue) => {
|
|
8
|
+
const ref = useRef(initialValue);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
ref.current = value;
|
|
11
|
+
}, [value]);
|
|
12
|
+
return ref.current;
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=useMkPrevious.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkPrevious.js","sourceRoot":"","sources":["../../src/hooks/useMkPrevious.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1C;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAI,KAAQ,EAAE,YAAgB,EAAiB,EAAE;IAC1E,MAAM,GAAG,GAAG,MAAM,CAAgB,YAAY,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACX,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACxB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,GAAG,CAAC,OAAO,CAAC;AACvB,CAAC,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export interface MkScreenSize {
|
|
2
|
+
width: number;
|
|
3
|
+
height: number;
|
|
4
|
+
isMobile: boolean;
|
|
5
|
+
isTablet: boolean;
|
|
6
|
+
isDesktop: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface MkScreenBreakpoints {
|
|
9
|
+
mobile: number;
|
|
10
|
+
tablet: number;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* useMkScreenSize — Track viewport dimensions and responsive breakpoints.
|
|
14
|
+
*
|
|
15
|
+
* @param breakpoints - Custom breakpoint thresholds (optional).
|
|
16
|
+
* @returns Object with `width`, `height`, `isMobile`, `isTablet`, `isDesktop`.
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```tsx
|
|
20
|
+
* const { isMobile, isDesktop, width } = useMkScreenSize();
|
|
21
|
+
* const { isMobile } = useMkScreenSize({ mobile: 480, tablet: 768 });
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
export declare function useMkScreenSize(breakpoints?: Partial<MkScreenBreakpoints>): MkScreenSize;
|
|
25
|
+
//# sourceMappingURL=useMkScreenSize.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkScreenSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkScreenSize.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB;AAOD;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,YAAY,CA6BxF"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { useState, useEffect } from 'react';
|
|
2
|
+
const DEFAULT_BREAKPOINTS = {
|
|
3
|
+
mobile: 600,
|
|
4
|
+
tablet: 1024,
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* useMkScreenSize — Track viewport dimensions and responsive breakpoints.
|
|
8
|
+
*
|
|
9
|
+
* @param breakpoints - Custom breakpoint thresholds (optional).
|
|
10
|
+
* @returns Object with `width`, `height`, `isMobile`, `isTablet`, `isDesktop`.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* const { isMobile, isDesktop, width } = useMkScreenSize();
|
|
15
|
+
* const { isMobile } = useMkScreenSize({ mobile: 480, tablet: 768 });
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
18
|
+
export function useMkScreenSize(breakpoints) {
|
|
19
|
+
const bp = Object.assign(Object.assign({}, DEFAULT_BREAKPOINTS), breakpoints);
|
|
20
|
+
const compute = () => {
|
|
21
|
+
const w = typeof window !== 'undefined' ? window.innerWidth : 1200;
|
|
22
|
+
const h = typeof window !== 'undefined' ? window.innerHeight : 800;
|
|
23
|
+
return {
|
|
24
|
+
width: w,
|
|
25
|
+
height: h,
|
|
26
|
+
isMobile: w <= bp.mobile,
|
|
27
|
+
isTablet: w > bp.mobile && w <= bp.tablet,
|
|
28
|
+
isDesktop: w > bp.tablet,
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
const [size, setSize] = useState(compute);
|
|
32
|
+
useEffect(() => {
|
|
33
|
+
if (typeof window === 'undefined')
|
|
34
|
+
return;
|
|
35
|
+
const handleResize = () => setSize(compute());
|
|
36
|
+
handleResize();
|
|
37
|
+
window.addEventListener('resize', handleResize);
|
|
38
|
+
return () => window.removeEventListener('resize', handleResize);
|
|
39
|
+
}, [bp.mobile, bp.tablet]);
|
|
40
|
+
return size;
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=useMkScreenSize.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkScreenSize.js","sourceRoot":"","sources":["../../src/hooks/useMkScreenSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAe5C,MAAM,mBAAmB,GAAwB;IAC7C,MAAM,EAAE,GAAG;IACX,MAAM,EAAE,IAAI;CACf,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,eAAe,CAAC,WAA0C;IACtE,MAAM,EAAE,mCAAQ,mBAAmB,GAAK,WAAW,CAAE,CAAC;IAEtD,MAAM,OAAO,GAAG,GAAiB,EAAE;QAC/B,MAAM,CAAC,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;QACnE,MAAM,CAAC,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC;QACnE,OAAO;YACH,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,MAAM;YACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM;YACzC,SAAS,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM;SAC3B,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAe,OAAO,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO;QAE1C,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;QAE9C,YAAY,EAAE,CAAC;QACf,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAEpE,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE3B,OAAO,IAAI,CAAC;AAChB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Creates a lightweight external store with React 18's useSyncExternalStore.
|
|
3
|
+
* No Context/Provider needed — just create and use anywhere.
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* ```ts
|
|
7
|
+
* // store.ts
|
|
8
|
+
* export const useCounter = createMkStore(0);
|
|
9
|
+
*
|
|
10
|
+
* // Component.tsx
|
|
11
|
+
* const [count, setCount] = useCounter();
|
|
12
|
+
* setCount(count + 1);
|
|
13
|
+
* ```
|
|
14
|
+
*/
|
|
15
|
+
export declare function createMkStore<T>(initialState: T): {
|
|
16
|
+
(): readonly [T, (newState: T | ((prev: T) => T)) => void];
|
|
17
|
+
getState: () => T;
|
|
18
|
+
setState: (newState: T | ((prev: T) => T)) => void;
|
|
19
|
+
subscribe: (listener: () => void) => () => void;
|
|
20
|
+
reset: () => void;
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=useMkStore.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkStore.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkStore.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC;QAqCvB,SAAS,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC;;yBA3B/C,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;0BAUnB,MAAM,IAAI;;EA6B1C"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { useSyncExternalStore } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Creates a lightweight external store with React 18's useSyncExternalStore.
|
|
4
|
+
* No Context/Provider needed — just create and use anywhere.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* ```ts
|
|
8
|
+
* // store.ts
|
|
9
|
+
* export const useCounter = createMkStore(0);
|
|
10
|
+
*
|
|
11
|
+
* // Component.tsx
|
|
12
|
+
* const [count, setCount] = useCounter();
|
|
13
|
+
* setCount(count + 1);
|
|
14
|
+
* ```
|
|
15
|
+
*/
|
|
16
|
+
export function createMkStore(initialState) {
|
|
17
|
+
let state = initialState;
|
|
18
|
+
let listeners = [];
|
|
19
|
+
const notifyListeners = () => {
|
|
20
|
+
listeners.forEach(listener => listener());
|
|
21
|
+
};
|
|
22
|
+
const getSnapshot = () => state;
|
|
23
|
+
const setState = (newState) => {
|
|
24
|
+
const nextState = typeof newState === 'function'
|
|
25
|
+
? newState(state)
|
|
26
|
+
: newState;
|
|
27
|
+
if (Object.is(state, nextState))
|
|
28
|
+
return;
|
|
29
|
+
state = nextState;
|
|
30
|
+
notifyListeners();
|
|
31
|
+
};
|
|
32
|
+
const subscribe = (listener) => {
|
|
33
|
+
listeners.push(listener);
|
|
34
|
+
return () => {
|
|
35
|
+
listeners = listeners.filter(l => l !== listener);
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
/** Reset store to initial state */
|
|
39
|
+
const reset = () => {
|
|
40
|
+
state = initialState;
|
|
41
|
+
notifyListeners();
|
|
42
|
+
};
|
|
43
|
+
/**
|
|
44
|
+
* React hook to consume this store.
|
|
45
|
+
* Returns [state, setState] tuple (like useState).
|
|
46
|
+
*/
|
|
47
|
+
function useStore() {
|
|
48
|
+
const currentState = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
|
|
49
|
+
return [currentState, setState];
|
|
50
|
+
}
|
|
51
|
+
// Attach utilities to the hook
|
|
52
|
+
useStore.getState = getSnapshot;
|
|
53
|
+
useStore.setState = setState;
|
|
54
|
+
useStore.subscribe = subscribe;
|
|
55
|
+
useStore.reset = reset;
|
|
56
|
+
return useStore;
|
|
57
|
+
}
|
|
58
|
+
//# sourceMappingURL=useMkStore.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkStore.js","sourceRoot":"","sources":["../../src/hooks/useMkStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7C;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,aAAa,CAAI,YAAe;IAC5C,IAAI,KAAK,GAAG,YAAY,CAAC;IACzB,IAAI,SAAS,GAAsB,EAAE,CAAC;IAEtC,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC;IAEhC,MAAM,QAAQ,GAAG,CAAC,QAA8B,EAAE,EAAE;QAChD,MAAM,SAAS,GAAG,OAAO,QAAQ,KAAK,UAAU;YAC5C,CAAC,CAAE,QAA2B,CAAC,KAAK,CAAC;YACrC,CAAC,CAAC,QAAQ,CAAC;QAEf,IAAI,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC;YAAE,OAAO;QACxC,KAAK,GAAG,SAAS,CAAC;QAClB,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,QAAoB,EAAE,EAAE;QACvC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzB,OAAO,GAAG,EAAE;YACR,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC;QACtD,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,mCAAmC;IACnC,MAAM,KAAK,GAAG,GAAG,EAAE;QACf,KAAK,GAAG,YAAY,CAAC;QACrB,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC;IAEF;;;OAGG;IACH,SAAS,QAAQ;QACb,MAAM,YAAY,GAAG,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;QAC/E,OAAO,CAAC,YAAY,EAAE,QAAQ,CAAU,CAAC;IAC7C,CAAC;IAED,+BAA+B;IAC/B,QAAQ,CAAC,QAAQ,GAAG,WAAW,CAAC;IAChC,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;IAEvB,OAAO,QAAQ,CAAC;AACpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkToggle.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkToggle.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,eAAc,OAAe,KAAG,CAAC,OAAO,EAAE,MAAM,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAQrG,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { useState, useCallback } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* useMkToggle
|
|
4
|
+
* 🚀 Gestor de estado booleano simple y atómico.
|
|
5
|
+
*/
|
|
6
|
+
export const useMkToggle = (initialValue = false) => {
|
|
7
|
+
const [value, setValue] = useState(initialValue);
|
|
8
|
+
const toggle = useCallback(() => {
|
|
9
|
+
setValue((v) => !v);
|
|
10
|
+
}, []);
|
|
11
|
+
return [value, toggle, setValue];
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=useMkToggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMkToggle.js","sourceRoot":"","sources":["../../src/hooks/useMkToggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,eAAwB,KAAK,EAA+C,EAAE;IACxG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAU,YAAY,CAAC,CAAC;IAE1D,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;AACnC,CAAC,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export * from './components';
|
|
2
|
+
export { MkThemeEditor } from './components/MkThemeEditor';
|
|
3
|
+
export { MkThemeProvider, useMkTheme } from './theme/MkThemeProvider';
|
|
4
|
+
export * from './context/MkApiContext';
|
|
5
|
+
export * from './context/MkToastContext';
|
|
6
|
+
export * from './context/MkConfirmContext';
|
|
7
|
+
export * from './theme/MkThemeProvider';
|
|
8
|
+
export * from './hooks/useApi';
|
|
9
|
+
export * from './hooks/useMkList';
|
|
10
|
+
export * from './hooks/useMkInfiniteList';
|
|
11
|
+
export * from './hooks/useMkDebounce';
|
|
12
|
+
export * from './hooks/useMkInViewPort';
|
|
13
|
+
export * from './hooks/useMkClickOutside';
|
|
14
|
+
export * from './hooks/useMkEffectDebug';
|
|
15
|
+
export * from './hooks/useMkEvent';
|
|
16
|
+
export * from './hooks/useMkLocalStorage';
|
|
17
|
+
export * from './hooks/useMkPrevious';
|
|
18
|
+
export * from './hooks/useMkToggle';
|
|
19
|
+
export * from './hooks/useMkForm';
|
|
20
|
+
export * from './hooks/useMkCrud';
|
|
21
|
+
export * from './hooks/useMkMediaQuery';
|
|
22
|
+
export * from './hooks/useMkScreenSize';
|
|
23
|
+
export * from './hooks/useMkLongPress';
|
|
24
|
+
export * from './hooks/useMkStore';
|
|
25
|
+
export { MkAuthProvider } from './auth/MkAuthProvider';
|
|
26
|
+
export type { MkAuthProviderProps } from './auth/MkAuthProvider';
|
|
27
|
+
export { useMkAuth } from './auth/useMkAuth';
|
|
28
|
+
export { MkAuthForm } from './auth/MkAuthForm';
|
|
29
|
+
export type { MkAuthFormProps } from './auth/MkAuthForm';
|
|
30
|
+
export type { MkAuthContextValue } from './auth/MkAuthContext';
|
|
31
|
+
export type { AdminDto, AuthTokens, LoginInput, LoginResponse, RefreshResponse, } from './auth/types';
|
|
32
|
+
export * from './utils/images';
|
|
33
|
+
//# sourceMappingURL=index.d.ts.map
|