@makroz/web 1.1.0 โ 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/context/MkAuthContext.d.ts +1 -2
- package/dist/context/MkAuthContext.d.ts.map +1 -1
- package/dist/context/MkConfirmContext.d.ts +1 -2
- package/dist/context/MkConfirmContext.d.ts.map +1 -1
- package/dist/context/MkToastContext.d.ts +1 -2
- package/dist/context/MkToastContext.d.ts.map +1 -1
- package/dist/hooks/useApi.d.ts +5 -6
- package/dist/hooks/useApi.d.ts.map +1 -1
- package/dist/hooks/useMkList.d.ts +7 -7
- package/package.json +2 -2
- package/dist/auth/MkAuthContext.d.ts +0 -43
- package/dist/auth/MkAuthContext.d.ts.map +0 -1
- package/dist/auth/MkAuthContext.js +0 -3
- package/dist/auth/MkAuthContext.js.map +0 -1
- package/dist/auth/MkAuthForm.d.ts +0 -42
- package/dist/auth/MkAuthForm.d.ts.map +0 -1
- package/dist/auth/MkAuthForm.js +0 -53
- package/dist/auth/MkAuthForm.js.map +0 -1
- package/dist/auth/MkAuthProvider.d.ts +0 -30
- package/dist/auth/MkAuthProvider.d.ts.map +0 -1
- package/dist/auth/MkAuthProvider.js +0 -317
- package/dist/auth/MkAuthProvider.js.map +0 -1
- package/dist/auth/types.d.ts +0 -63
- package/dist/auth/types.d.ts.map +0 -1
- package/dist/auth/types.js +0 -20
- package/dist/auth/types.js.map +0 -1
- package/dist/auth/useMkAuth.d.ts +0 -19
- package/dist/auth/useMkAuth.d.ts.map +0 -1
- package/dist/auth/useMkAuth.js +0 -26
- package/dist/auth/useMkAuth.js.map +0 -1
- package/dist/components/FormField.d.ts +0 -27
- package/dist/components/FormField.d.ts.map +0 -1
- package/dist/components/FormField.js +0 -18
- package/dist/components/FormField.js.map +0 -1
- package/dist/components/FormField.stories.d.ts +0 -11
- package/dist/components/FormField.stories.d.ts.map +0 -1
- package/dist/components/FormField.stories.js +0 -61
- package/dist/components/FormField.stories.js.map +0 -1
- package/dist/components/MkAccordion.d.ts +0 -36
- package/dist/components/MkAccordion.d.ts.map +0 -1
- package/dist/components/MkAccordion.js +0 -23
- package/dist/components/MkAccordion.js.map +0 -1
- package/dist/components/MkAccordion.module.css +0 -79
- package/dist/components/MkAccordion.stories.d.ts +0 -13
- package/dist/components/MkAccordion.stories.d.ts.map +0 -1
- package/dist/components/MkAccordion.stories.js +0 -76
- package/dist/components/MkAccordion.stories.js.map +0 -1
- package/dist/components/MkAccordion.stories.test.d.ts +0 -2
- package/dist/components/MkAccordion.stories.test.d.ts.map +0 -1
- package/dist/components/MkAccordion.stories.test.js +0 -18
- package/dist/components/MkAccordion.stories.test.js.map +0 -1
- package/dist/components/MkAlert.d.ts +0 -25
- package/dist/components/MkAlert.d.ts.map +0 -1
- package/dist/components/MkAlert.js +0 -21
- package/dist/components/MkAlert.js.map +0 -1
- package/dist/components/MkAlert.module.css +0 -103
- package/dist/components/MkAlert.stories.d.ts +0 -13
- package/dist/components/MkAlert.stories.d.ts.map +0 -1
- package/dist/components/MkAlert.stories.js +0 -75
- package/dist/components/MkAlert.stories.js.map +0 -1
- package/dist/components/MkAlert.stories.test.d.ts +0 -2
- package/dist/components/MkAlert.stories.test.d.ts.map +0 -1
- package/dist/components/MkAlert.stories.test.js +0 -16
- package/dist/components/MkAlert.stories.test.js.map +0 -1
- package/dist/components/MkAvatar.d.ts +0 -16
- package/dist/components/MkAvatar.d.ts.map +0 -1
- package/dist/components/MkAvatar.js +0 -23
- package/dist/components/MkAvatar.js.map +0 -1
- package/dist/components/MkAvatar.module.css +0 -62
- package/dist/components/MkAvatar.stories.d.ts +0 -14
- package/dist/components/MkAvatar.stories.d.ts.map +0 -1
- package/dist/components/MkAvatar.stories.js +0 -67
- package/dist/components/MkAvatar.stories.js.map +0 -1
- package/dist/components/MkAvatar.stories.test.d.ts +0 -2
- package/dist/components/MkAvatar.stories.test.d.ts.map +0 -1
- package/dist/components/MkAvatar.stories.test.js +0 -16
- package/dist/components/MkAvatar.stories.test.js.map +0 -1
- package/dist/components/MkBadge.d.ts +0 -15
- package/dist/components/MkBadge.d.ts.map +0 -1
- package/dist/components/MkBadge.js +0 -7
- package/dist/components/MkBadge.js.map +0 -1
- package/dist/components/MkBadge.module.css +0 -74
- package/dist/components/MkBadge.stories.d.ts +0 -15
- package/dist/components/MkBadge.stories.d.ts.map +0 -1
- package/dist/components/MkBadge.stories.js +0 -78
- package/dist/components/MkBadge.stories.js.map +0 -1
- package/dist/components/MkBadge.stories.test.d.ts +0 -2
- package/dist/components/MkBadge.stories.test.d.ts.map +0 -1
- package/dist/components/MkBadge.stories.test.js +0 -16
- package/dist/components/MkBadge.stories.test.js.map +0 -1
- package/dist/components/MkButton.d.ts +0 -11
- package/dist/components/MkButton.module.css +0 -85
- package/dist/components/MkButton.stories.d.ts +0 -12
- package/dist/components/MkButton.stories.d.ts.map +0 -1
- package/dist/components/MkButton.stories.js +0 -57
- package/dist/components/MkButton.stories.js.map +0 -1
- package/dist/components/MkButton.test.d.ts +0 -2
- package/dist/components/MkButton.test.d.ts.map +0 -1
- package/dist/components/MkButton.test.js +0 -56
- package/dist/components/MkButton.test.js.map +0 -1
- package/dist/components/MkCard.d.ts +0 -18
- package/dist/components/MkCard.d.ts.map +0 -1
- package/dist/components/MkCard.js +0 -6
- package/dist/components/MkCard.js.map +0 -1
- package/dist/components/MkCard.module.css +0 -63
- package/dist/components/MkCard.stories.d.ts +0 -11
- package/dist/components/MkCard.stories.d.ts.map +0 -1
- package/dist/components/MkCard.stories.js +0 -57
- package/dist/components/MkCard.stories.js.map +0 -1
- package/dist/components/MkCheck.d.ts +0 -32
- package/dist/components/MkCheck.d.ts.map +0 -1
- package/dist/components/MkCheck.js +0 -12
- package/dist/components/MkCheck.js.map +0 -1
- package/dist/components/MkCheck.module.css +0 -87
- package/dist/components/MkCheck.stories.d.ts +0 -13
- package/dist/components/MkCheck.stories.d.ts.map +0 -1
- package/dist/components/MkCheck.stories.js +0 -63
- package/dist/components/MkCheck.stories.js.map +0 -1
- package/dist/components/MkCheck.stories.test.d.ts +0 -2
- package/dist/components/MkCheck.stories.test.d.ts.map +0 -1
- package/dist/components/MkCheck.stories.test.js +0 -16
- package/dist/components/MkCheck.stories.test.js.map +0 -1
- package/dist/components/MkDatePicker.d.ts +0 -29
- package/dist/components/MkDatePicker.d.ts.map +0 -1
- package/dist/components/MkDatePicker.js +0 -10
- package/dist/components/MkDatePicker.js.map +0 -1
- package/dist/components/MkDatePicker.module.css +0 -77
- package/dist/components/MkDatePicker.stories.d.ts +0 -11
- package/dist/components/MkDatePicker.stories.d.ts.map +0 -1
- package/dist/components/MkDatePicker.stories.js +0 -47
- package/dist/components/MkDatePicker.stories.js.map +0 -1
- package/dist/components/MkDatePicker.stories.test.d.ts +0 -2
- package/dist/components/MkDatePicker.stories.test.d.ts.map +0 -1
- package/dist/components/MkDatePicker.stories.test.js +0 -16
- package/dist/components/MkDatePicker.stories.test.js.map +0 -1
- package/dist/components/MkDivider.d.ts +0 -14
- package/dist/components/MkDivider.d.ts.map +0 -1
- package/dist/components/MkDivider.js +0 -12
- package/dist/components/MkDivider.js.map +0 -1
- package/dist/components/MkDivider.module.css +0 -39
- package/dist/components/MkDivider.stories.d.ts +0 -12
- package/dist/components/MkDivider.stories.d.ts.map +0 -1
- package/dist/components/MkDivider.stories.js +0 -33
- package/dist/components/MkDivider.stories.js.map +0 -1
- package/dist/components/MkDivider.stories.test.d.ts +0 -2
- package/dist/components/MkDivider.stories.test.d.ts.map +0 -1
- package/dist/components/MkDivider.stories.test.js +0 -15
- package/dist/components/MkDivider.stories.test.js.map +0 -1
- package/dist/components/MkDropDown.d.ts +0 -22
- package/dist/components/MkDropDown.d.ts.map +0 -1
- package/dist/components/MkDropDown.js +0 -24
- package/dist/components/MkDropDown.js.map +0 -1
- package/dist/components/MkDropDown.module.css +0 -108
- package/dist/components/MkDropDown.stories.d.ts +0 -12
- package/dist/components/MkDropDown.stories.d.ts.map +0 -1
- package/dist/components/MkDropDown.stories.js +0 -76
- package/dist/components/MkDropDown.stories.js.map +0 -1
- package/dist/components/MkDropDown.stories.test.d.ts +0 -2
- package/dist/components/MkDropDown.stories.test.d.ts.map +0 -1
- package/dist/components/MkDropDown.stories.test.js +0 -18
- package/dist/components/MkDropDown.stories.test.js.map +0 -1
- package/dist/components/MkEmptyState.d.ts +0 -14
- package/dist/components/MkEmptyState.d.ts.map +0 -1
- package/dist/components/MkEmptyState.js +0 -6
- package/dist/components/MkEmptyState.js.map +0 -1
- package/dist/components/MkEmptyState.module.css +0 -35
- package/dist/components/MkEmptyState.stories.d.ts +0 -12
- package/dist/components/MkEmptyState.stories.d.ts.map +0 -1
- package/dist/components/MkEmptyState.stories.js +0 -44
- package/dist/components/MkEmptyState.stories.js.map +0 -1
- package/dist/components/MkEmptyState.stories.test.d.ts +0 -2
- package/dist/components/MkEmptyState.stories.test.d.ts.map +0 -1
- package/dist/components/MkEmptyState.stories.test.js +0 -15
- package/dist/components/MkEmptyState.stories.test.js.map +0 -1
- package/dist/components/MkFileUpload.d.ts +0 -36
- package/dist/components/MkFileUpload.d.ts.map +0 -1
- package/dist/components/MkFileUpload.js +0 -50
- package/dist/components/MkFileUpload.js.map +0 -1
- package/dist/components/MkFileUpload.module.css +0 -74
- package/dist/components/MkFileUpload.stories.d.ts +0 -12
- package/dist/components/MkFileUpload.stories.d.ts.map +0 -1
- package/dist/components/MkFileUpload.stories.js +0 -53
- package/dist/components/MkFileUpload.stories.js.map +0 -1
- package/dist/components/MkFileUpload.stories.test.d.ts +0 -2
- package/dist/components/MkFileUpload.stories.test.d.ts.map +0 -1
- package/dist/components/MkFileUpload.stories.test.js +0 -15
- package/dist/components/MkFileUpload.stories.test.js.map +0 -1
- package/dist/components/MkIcons.d.ts +0 -14
- package/dist/components/MkIcons.d.ts.map +0 -1
- package/dist/components/MkIcons.js +0 -36
- package/dist/components/MkIcons.js.map +0 -1
- package/dist/components/MkInfiniteList.d.ts +0 -15
- package/dist/components/MkInfiniteList.d.ts.map +0 -1
- package/dist/components/MkInfiniteList.js +0 -29
- package/dist/components/MkInfiniteList.js.map +0 -1
- package/dist/components/MkInfiniteList.module.css +0 -69
- package/dist/components/MkInfiniteList.stories.d.ts +0 -17
- package/dist/components/MkInfiniteList.stories.d.ts.map +0 -1
- package/dist/components/MkInfiniteList.stories.js +0 -90
- package/dist/components/MkInfiniteList.stories.js.map +0 -1
- package/dist/components/MkInfiniteList.stories.test.d.ts +0 -2
- package/dist/components/MkInfiniteList.stories.test.d.ts.map +0 -1
- package/dist/components/MkInfiniteList.stories.test.js +0 -24
- package/dist/components/MkInfiniteList.stories.test.js.map +0 -1
- package/dist/components/MkInput.d.ts +0 -13
- package/dist/components/MkInput.d.ts.map +0 -1
- package/dist/components/MkInput.js +0 -21
- package/dist/components/MkInput.js.map +0 -1
- package/dist/components/MkInput.module.css +0 -94
- package/dist/components/MkInput.stories.d.ts +0 -13
- package/dist/components/MkInput.stories.d.ts.map +0 -1
- package/dist/components/MkInput.stories.js +0 -75
- package/dist/components/MkInput.stories.js.map +0 -1
- package/dist/components/MkInput.stories.test.d.ts +0 -2
- package/dist/components/MkInput.stories.test.d.ts.map +0 -1
- package/dist/components/MkInput.stories.test.js +0 -16
- package/dist/components/MkInput.stories.test.js.map +0 -1
- package/dist/components/MkLoading.d.ts +0 -20
- package/dist/components/MkLoading.d.ts.map +0 -1
- package/dist/components/MkLoading.js +0 -14
- package/dist/components/MkLoading.js.map +0 -1
- package/dist/components/MkLoading.module.css +0 -39
- package/dist/components/MkLoading.stories.d.ts +0 -13
- package/dist/components/MkLoading.stories.d.ts.map +0 -1
- package/dist/components/MkLoading.stories.js +0 -35
- package/dist/components/MkLoading.stories.js.map +0 -1
- package/dist/components/MkLoading.stories.test.d.ts +0 -2
- package/dist/components/MkLoading.stories.test.d.ts.map +0 -1
- package/dist/components/MkLoading.stories.test.js +0 -15
- package/dist/components/MkLoading.stories.test.js.map +0 -1
- package/dist/components/MkModal.d.ts +0 -20
- package/dist/components/MkModal.d.ts.map +0 -1
- package/dist/components/MkModal.js +0 -31
- package/dist/components/MkModal.js.map +0 -1
- package/dist/components/MkModal.module.css +0 -107
- package/dist/components/MkModal.stories.d.ts +0 -13
- package/dist/components/MkModal.stories.d.ts.map +0 -1
- package/dist/components/MkModal.stories.js +0 -73
- package/dist/components/MkModal.stories.js.map +0 -1
- package/dist/components/MkProgressBar.d.ts +0 -17
- package/dist/components/MkProgressBar.d.ts.map +0 -1
- package/dist/components/MkProgressBar.js +0 -7
- package/dist/components/MkProgressBar.js.map +0 -1
- package/dist/components/MkProgressBar.module.css +0 -48
- package/dist/components/MkProgressBar.stories.d.ts +0 -13
- package/dist/components/MkProgressBar.stories.d.ts.map +0 -1
- package/dist/components/MkProgressBar.stories.js +0 -39
- package/dist/components/MkProgressBar.stories.js.map +0 -1
- package/dist/components/MkProgressBar.stories.test.d.ts +0 -2
- package/dist/components/MkProgressBar.stories.test.d.ts.map +0 -1
- package/dist/components/MkProgressBar.stories.test.js +0 -15
- package/dist/components/MkProgressBar.stories.test.js.map +0 -1
- package/dist/components/MkRadio.d.ts +0 -34
- package/dist/components/MkRadio.d.ts.map +0 -1
- package/dist/components/MkRadio.js +0 -19
- package/dist/components/MkRadio.js.map +0 -1
- package/dist/components/MkRadio.module.css +0 -74
- package/dist/components/MkRadio.stories.d.ts +0 -13
- package/dist/components/MkRadio.stories.d.ts.map +0 -1
- package/dist/components/MkRadio.stories.js +0 -55
- package/dist/components/MkRadio.stories.js.map +0 -1
- package/dist/components/MkRadio.stories.test.d.ts +0 -2
- package/dist/components/MkRadio.stories.test.d.ts.map +0 -1
- package/dist/components/MkRadio.stories.test.js +0 -18
- package/dist/components/MkRadio.stories.test.js.map +0 -1
- package/dist/components/MkSearchInput.d.ts +0 -30
- package/dist/components/MkSearchInput.d.ts.map +0 -1
- package/dist/components/MkSearchInput.js +0 -27
- package/dist/components/MkSearchInput.js.map +0 -1
- package/dist/components/MkSearchInput.module.css +0 -80
- package/dist/components/MkSearchInput.stories.d.ts +0 -13
- package/dist/components/MkSearchInput.stories.d.ts.map +0 -1
- package/dist/components/MkSearchInput.stories.js +0 -47
- package/dist/components/MkSearchInput.stories.js.map +0 -1
- package/dist/components/MkSearchInput.stories.test.d.ts +0 -2
- package/dist/components/MkSearchInput.stories.test.d.ts.map +0 -1
- package/dist/components/MkSearchInput.stories.test.js +0 -15
- package/dist/components/MkSearchInput.stories.test.js.map +0 -1
- package/dist/components/MkSelect.d.ts +0 -23
- package/dist/components/MkSelect.d.ts.map +0 -1
- package/dist/components/MkSelect.js +0 -59
- package/dist/components/MkSelect.js.map +0 -1
- package/dist/components/MkSelect.module.css +0 -177
- package/dist/components/MkSelect.stories.d.ts +0 -12
- package/dist/components/MkSelect.stories.d.ts.map +0 -1
- package/dist/components/MkSelect.stories.js +0 -84
- package/dist/components/MkSelect.stories.js.map +0 -1
- package/dist/components/MkSelect.stories.test.d.ts +0 -2
- package/dist/components/MkSelect.stories.test.d.ts.map +0 -1
- package/dist/components/MkSelect.stories.test.js +0 -21
- package/dist/components/MkSelect.stories.test.js.map +0 -1
- package/dist/components/MkSkeleton.d.ts +0 -22
- package/dist/components/MkSkeleton.d.ts.map +0 -1
- package/dist/components/MkSkeleton.js +0 -21
- package/dist/components/MkSkeleton.js.map +0 -1
- package/dist/components/MkSkeleton.module.css +0 -28
- package/dist/components/MkSkeleton.stories.d.ts +0 -12
- package/dist/components/MkSkeleton.stories.d.ts.map +0 -1
- package/dist/components/MkSkeleton.stories.js +0 -32
- package/dist/components/MkSkeleton.stories.js.map +0 -1
- package/dist/components/MkSkeleton.stories.test.d.ts +0 -2
- package/dist/components/MkSkeleton.stories.test.d.ts.map +0 -1
- package/dist/components/MkSkeleton.stories.test.js +0 -15
- package/dist/components/MkSkeleton.stories.test.js.map +0 -1
- package/dist/components/MkSwitch.d.ts +0 -22
- package/dist/components/MkSwitch.d.ts.map +0 -1
- package/dist/components/MkSwitch.js +0 -14
- package/dist/components/MkSwitch.js.map +0 -1
- package/dist/components/MkSwitch.module.css +0 -108
- package/dist/components/MkSwitch.stories.d.ts +0 -13
- package/dist/components/MkSwitch.stories.d.ts.map +0 -1
- package/dist/components/MkSwitch.stories.js +0 -37
- package/dist/components/MkSwitch.stories.js.map +0 -1
- package/dist/components/MkSwitch.stories.test.d.ts +0 -2
- package/dist/components/MkSwitch.stories.test.d.ts.map +0 -1
- package/dist/components/MkSwitch.stories.test.js +0 -15
- package/dist/components/MkSwitch.stories.test.js.map +0 -1
- package/dist/components/MkTable.d.ts +0 -27
- package/dist/components/MkTable.d.ts.map +0 -1
- package/dist/components/MkTable.js +0 -11
- package/dist/components/MkTable.js.map +0 -1
- package/dist/components/MkTable.module.css +0 -163
- package/dist/components/MkTable.stories.d.ts +0 -16
- package/dist/components/MkTable.stories.d.ts.map +0 -1
- package/dist/components/MkTable.stories.js +0 -65
- package/dist/components/MkTable.stories.js.map +0 -1
- package/dist/components/MkTable.stories.test.d.ts +0 -2
- package/dist/components/MkTable.stories.test.d.ts.map +0 -1
- package/dist/components/MkTable.stories.test.js +0 -25
- package/dist/components/MkTable.stories.test.js.map +0 -1
- package/dist/components/MkTabs.d.ts +0 -22
- package/dist/components/MkTabs.d.ts.map +0 -1
- package/dist/components/MkTabs.js +0 -17
- package/dist/components/MkTabs.js.map +0 -1
- package/dist/components/MkTabs.module.css +0 -117
- package/dist/components/MkTabs.stories.d.ts +0 -11
- package/dist/components/MkTabs.stories.d.ts.map +0 -1
- package/dist/components/MkTabs.stories.js +0 -73
- package/dist/components/MkTabs.stories.js.map +0 -1
- package/dist/components/MkTextArea.d.ts +0 -21
- package/dist/components/MkTextArea.d.ts.map +0 -1
- package/dist/components/MkTextArea.js +0 -8
- package/dist/components/MkTextArea.js.map +0 -1
- package/dist/components/MkTextArea.stories.d.ts +0 -13
- package/dist/components/MkTextArea.stories.d.ts.map +0 -1
- package/dist/components/MkTextArea.stories.js +0 -56
- package/dist/components/MkTextArea.stories.js.map +0 -1
- package/dist/components/MkTextArea.stories.test.d.ts +0 -2
- package/dist/components/MkTextArea.stories.test.d.ts.map +0 -1
- package/dist/components/MkTextArea.stories.test.js +0 -15
- package/dist/components/MkTextArea.stories.test.js.map +0 -1
- package/dist/components/MkThemeEditor.d.ts +0 -8
- package/dist/components/MkThemeEditor.module.css +0 -177
- package/dist/components/MkToastContainer.d.ts +0 -3
- package/dist/components/MkToastContainer.module.css +0 -95
- package/dist/components/MkToastContainer.stories.d.ts +0 -9
- package/dist/components/MkToastContainer.stories.js +0 -43
- package/dist/components/MkToastContainer.stories.js.map +0 -1
- package/dist/components/MkToastContainer.stories.test.d.ts +0 -2
- package/dist/components/MkToastContainer.stories.test.js +0 -29
- package/dist/components/MkToastContainer.stories.test.js.map +0 -1
- package/dist/components/MkTooltip.d.ts +0 -14
- package/dist/components/MkTooltip.d.ts.map +0 -1
- package/dist/components/MkTooltip.js +0 -17
- package/dist/components/MkTooltip.js.map +0 -1
- package/dist/components/MkTooltip.module.css +0 -43
- package/dist/components/MkTooltip.stories.d.ts +0 -13
- package/dist/components/MkTooltip.stories.d.ts.map +0 -1
- package/dist/components/MkTooltip.stories.js +0 -59
- package/dist/components/MkTooltip.stories.js.map +0 -1
- package/dist/components/MkTooltip.stories.test.d.ts +0 -2
- package/dist/components/MkTooltip.stories.test.d.ts.map +0 -1
- package/dist/components/MkTooltip.stories.test.js +0 -15
- package/dist/components/MkTooltip.stories.test.js.map +0 -1
- package/dist/components/MkWindowList.d.ts +0 -20
- package/dist/components/MkWindowList.d.ts.map +0 -1
- package/dist/components/MkWindowList.js +0 -59
- package/dist/components/MkWindowList.js.map +0 -1
- package/dist/components/MkWindowList.module.css +0 -59
- package/dist/components/MkWindowList.stories.d.ts +0 -16
- package/dist/components/MkWindowList.stories.d.ts.map +0 -1
- package/dist/components/MkWindowList.stories.js +0 -76
- package/dist/components/MkWindowList.stories.js.map +0 -1
- package/dist/components/MkWindowList.stories.test.d.ts +0 -2
- package/dist/components/MkWindowList.stories.test.d.ts.map +0 -1
- package/dist/components/MkWindowList.stories.test.js +0 -19
- package/dist/components/MkWindowList.stories.test.js.map +0 -1
- package/dist/components/index.d.ts +0 -31
- package/dist/components/index.js +0 -34
- package/dist/components/index.js.map +0 -1
- package/dist/context/MkApiContext.d.ts +0 -15
- package/dist/context/MkApiContext.d.ts.map +0 -1
- package/dist/context/MkApiContext.js +0 -28
- package/dist/context/MkApiContext.js.map +0 -1
- package/dist/hooks/useApi.test.d.ts +0 -2
- package/dist/hooks/useApi.test.js +0 -184
- package/dist/hooks/useApi.test.js.map +0 -1
- package/dist/hooks/useMkClickOutside.d.ts +0 -8
- package/dist/hooks/useMkClickOutside.d.ts.map +0 -1
- package/dist/hooks/useMkClickOutside.js +0 -24
- package/dist/hooks/useMkClickOutside.js.map +0 -1
- package/dist/hooks/useMkCrud.d.ts +0 -39
- package/dist/hooks/useMkCrud.test.d.ts +0 -2
- package/dist/hooks/useMkDebounce.d.ts +0 -24
- package/dist/hooks/useMkDebounce.d.ts.map +0 -1
- package/dist/hooks/useMkDebounce.js +0 -36
- package/dist/hooks/useMkDebounce.js.map +0 -1
- package/dist/hooks/useMkEffectDebug.d.ts +0 -7
- package/dist/hooks/useMkEffectDebug.d.ts.map +0 -1
- package/dist/hooks/useMkEffectDebug.js +0 -26
- package/dist/hooks/useMkEffectDebug.js.map +0 -1
- package/dist/hooks/useMkEvent.d.ts +0 -31
- package/dist/hooks/useMkEvent.d.ts.map +0 -1
- package/dist/hooks/useMkEvent.js +0 -56
- package/dist/hooks/useMkEvent.js.map +0 -1
- package/dist/hooks/useMkForm.d.ts +0 -43
- package/dist/hooks/useMkForm.test.d.ts +0 -2
- package/dist/hooks/useMkInViewPort.d.ts +0 -14
- package/dist/hooks/useMkInViewPort.d.ts.map +0 -1
- package/dist/hooks/useMkInViewPort.js +0 -31
- package/dist/hooks/useMkInViewPort.js.map +0 -1
- package/dist/hooks/useMkInfiniteList.d.ts +0 -15
- package/dist/hooks/useMkInfiniteList.js +0 -47
- package/dist/hooks/useMkInfiniteList.js.map +0 -1
- package/dist/hooks/useMkList.js +0 -53
- package/dist/hooks/useMkList.js.map +0 -1
- package/dist/hooks/useMkLocalStorage.d.ts +0 -6
- package/dist/hooks/useMkLocalStorage.d.ts.map +0 -1
- package/dist/hooks/useMkLocalStorage.js +0 -33
- package/dist/hooks/useMkLocalStorage.js.map +0 -1
- package/dist/hooks/useMkLongPress.d.ts +0 -37
- package/dist/hooks/useMkLongPress.d.ts.map +0 -1
- package/dist/hooks/useMkLongPress.js +0 -59
- package/dist/hooks/useMkLongPress.js.map +0 -1
- package/dist/hooks/useMkMediaQuery.d.ts +0 -14
- package/dist/hooks/useMkMediaQuery.d.ts.map +0 -1
- package/dist/hooks/useMkMediaQuery.js +0 -31
- package/dist/hooks/useMkMediaQuery.js.map +0 -1
- package/dist/hooks/useMkPrevious.d.ts +0 -7
- package/dist/hooks/useMkPrevious.d.ts.map +0 -1
- package/dist/hooks/useMkPrevious.js +0 -14
- package/dist/hooks/useMkPrevious.js.map +0 -1
- package/dist/hooks/useMkScreenSize.d.ts +0 -25
- package/dist/hooks/useMkScreenSize.d.ts.map +0 -1
- package/dist/hooks/useMkScreenSize.js +0 -42
- package/dist/hooks/useMkScreenSize.js.map +0 -1
- package/dist/hooks/useMkStore.d.ts +0 -22
- package/dist/hooks/useMkStore.d.ts.map +0 -1
- package/dist/hooks/useMkStore.js +0 -58
- package/dist/hooks/useMkStore.js.map +0 -1
- package/dist/hooks/useMkToggle.d.ts +0 -6
- package/dist/hooks/useMkToggle.d.ts.map +0 -1
- package/dist/hooks/useMkToggle.js +0 -13
- package/dist/hooks/useMkToggle.js.map +0 -1
- package/dist/index.d.ts +0 -33
- package/dist/index.js +0 -37
- package/dist/index.js.map +0 -1
- package/dist/styles/index.css +0 -124
- package/dist/test-setup.d.ts +0 -2
- package/dist/test-setup.d.ts.map +0 -1
- package/dist/test-setup.js +0 -31
- package/dist/test-setup.js.map +0 -1
- package/dist/theme/MkThemeProvider.d.ts +0 -20
- package/dist/utils/images.d.ts +0 -9
- package/dist/utils/images.d.ts.map +0 -1
- package/dist/utils/images.js +0 -50
- package/dist/utils/images.js.map +0 -1
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { MkProgressBar } from './MkProgressBar';
|
|
3
|
-
declare const meta: Meta<typeof MkProgressBar>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof MkProgressBar>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithLabel: Story;
|
|
8
|
-
export declare const WithPercent: Story;
|
|
9
|
-
export declare const Complete: Story;
|
|
10
|
-
export declare const Variants: Story;
|
|
11
|
-
export declare const Sizes: Story;
|
|
12
|
-
export declare const NotAnimated: Story;
|
|
13
|
-
//# sourceMappingURL=MkProgressBar.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkProgressBar.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkProgressBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAapC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { MkProgressBar } from './MkProgressBar';
|
|
3
|
-
const meta = {
|
|
4
|
-
title: 'Components/MkProgressBar',
|
|
5
|
-
component: MkProgressBar,
|
|
6
|
-
parameters: { layout: 'padded' },
|
|
7
|
-
tags: ['autodocs'],
|
|
8
|
-
argTypes: {
|
|
9
|
-
value: { control: { type: 'number', min: 0, max: 100 } },
|
|
10
|
-
max: { control: { type: 'number' } },
|
|
11
|
-
showPercent: { control: 'boolean' },
|
|
12
|
-
variant: { control: { type: 'select' }, options: ['primary', 'success', 'warning', 'error', 'info'] },
|
|
13
|
-
size: { control: { type: 'select' }, options: ['sm', 'md', 'lg'] },
|
|
14
|
-
animated: { control: 'boolean' },
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
export default meta;
|
|
18
|
-
export const Default = {
|
|
19
|
-
args: { value: 45 },
|
|
20
|
-
};
|
|
21
|
-
export const WithLabel = {
|
|
22
|
-
args: { value: 60, label: 'Subiendo archivos' },
|
|
23
|
-
};
|
|
24
|
-
export const WithPercent = {
|
|
25
|
-
args: { value: 75, showPercent: true, label: 'Progreso' },
|
|
26
|
-
};
|
|
27
|
-
export const Complete = {
|
|
28
|
-
args: { value: 100, showPercent: true, label: 'Completado', variant: 'success' },
|
|
29
|
-
};
|
|
30
|
-
export const Variants = {
|
|
31
|
-
render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 16 }, children: [_jsx(MkProgressBar, { value: 30, variant: "primary", showPercent: true, label: "Primary" }), _jsx(MkProgressBar, { value: 50, variant: "success", showPercent: true, label: "Success" }), _jsx(MkProgressBar, { value: 70, variant: "warning", showPercent: true, label: "Warning" }), _jsx(MkProgressBar, { value: 90, variant: "error", showPercent: true, label: "Error" }), _jsx(MkProgressBar, { value: 40, variant: "info", showPercent: true, label: "Info" })] })),
|
|
32
|
-
};
|
|
33
|
-
export const Sizes = {
|
|
34
|
-
render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 16 }, children: [_jsx(MkProgressBar, { value: 50, size: "sm", showPercent: true, label: "Small" }), _jsx(MkProgressBar, { value: 50, size: "md", showPercent: true, label: "Medium" }), _jsx(MkProgressBar, { value: 50, size: "lg", showPercent: true, label: "Large" })] })),
|
|
35
|
-
};
|
|
36
|
-
export const NotAnimated = {
|
|
37
|
-
args: { value: 65, animated: false, label: 'Static' },
|
|
38
|
-
};
|
|
39
|
-
//# sourceMappingURL=MkProgressBar.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkProgressBar.stories.js","sourceRoot":"","sources":["../../src/components/MkProgressBar.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkProgressBar.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkProgressBar.stories.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* Smoke snapshot for MkProgressBar โ required by R-MK-002.
|
|
4
|
-
*/
|
|
5
|
-
import { describe, it, expect, afterEach } from 'vitest';
|
|
6
|
-
import { render, cleanup } from '@testing-library/react';
|
|
7
|
-
import { MkProgressBar } from './MkProgressBar';
|
|
8
|
-
describe('MkProgressBar story smoke', () => {
|
|
9
|
-
afterEach(cleanup);
|
|
10
|
-
it('renders with label and percent', () => {
|
|
11
|
-
const { container } = render(_jsx(MkProgressBar, { value: 65, label: "Progreso", showPercent: true }));
|
|
12
|
-
expect(container.firstChild).toMatchSnapshot();
|
|
13
|
-
});
|
|
14
|
-
});
|
|
15
|
-
//# sourceMappingURL=MkProgressBar.stories.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkProgressBar.stories.test.js","sourceRoot":"","sources":["../../src/components/MkProgressBar.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,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACvC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACtC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAC,UAAU,EAAC,WAAW,SAAG,CAC5D,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @module MkRadio
|
|
4
|
-
* @description Radio group component. Same prop API as mk-mobile MkRadio.
|
|
5
|
-
*
|
|
6
|
-
* @example
|
|
7
|
-
* ```tsx
|
|
8
|
-
* <MkRadio
|
|
9
|
-
* label="Gรฉnero"
|
|
10
|
-
* options={[{ value: 'M', label: 'Masculino' }, { value: 'F', label: 'Femenino' }]}
|
|
11
|
-
* value={gender}
|
|
12
|
-
* onChange={setGender}
|
|
13
|
-
* />
|
|
14
|
-
* ```
|
|
15
|
-
*/
|
|
16
|
-
export interface MkRadioOption {
|
|
17
|
-
value: string | number;
|
|
18
|
-
label: string;
|
|
19
|
-
disabled?: boolean;
|
|
20
|
-
}
|
|
21
|
-
export interface MkRadioProps {
|
|
22
|
-
label?: string;
|
|
23
|
-
options: MkRadioOption[];
|
|
24
|
-
value?: string | number | null;
|
|
25
|
-
onChange?: (value: string | number) => void;
|
|
26
|
-
direction?: 'horizontal' | 'vertical';
|
|
27
|
-
disabled?: boolean;
|
|
28
|
-
error?: string;
|
|
29
|
-
size?: 'sm' | 'md' | 'lg';
|
|
30
|
-
name?: string;
|
|
31
|
-
className?: string;
|
|
32
|
-
}
|
|
33
|
-
export declare const MkRadio: React.FC<MkRadioProps>;
|
|
34
|
-
//# sourceMappingURL=MkRadio.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkRadio.d.ts","sourceRoot":"","sources":["../../src/components/MkRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmD1C,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback } from 'react';
|
|
3
|
-
import styles from './MkRadio.module.css';
|
|
4
|
-
const _SIZES = { sm: 16, md: 20, lg: 24 };
|
|
5
|
-
export const MkRadio = ({ label, options, value, onChange, direction = 'vertical', disabled = false, error, size = 'md', name: _name, className, }) => {
|
|
6
|
-
const handleSelect = useCallback((optValue) => {
|
|
7
|
-
if (!disabled)
|
|
8
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(optValue);
|
|
9
|
-
}, [disabled, onChange]);
|
|
10
|
-
return (_jsxs("div", { className: `${styles.container} ${className || ''}`, role: "radiogroup", "aria-label": label, children: [label && _jsx("span", { className: styles.groupLabel, children: label }), _jsx("div", { className: `${styles.options} ${styles[direction]}`, children: options.map((opt) => {
|
|
11
|
-
const isSelected = value === opt.value;
|
|
12
|
-
const isDisabled = disabled || opt.disabled;
|
|
13
|
-
return (_jsxs("label", { className: `${styles.option} ${isDisabled ? styles.disabled : ''}`, children: [_jsx("div", { className: `${styles.radio} ${styles[size]} ${isSelected ? styles.selected : ''} ${error ? styles.error : ''}`, onClick: () => !isDisabled && handleSelect(opt.value), role: "radio", "aria-checked": isSelected, tabIndex: isDisabled ? -1 : 0, onKeyDown: (e) => {
|
|
14
|
-
if (e.key === ' ' || e.key === 'Enter')
|
|
15
|
-
handleSelect(opt.value);
|
|
16
|
-
}, children: isSelected && _jsx("div", { className: styles.dot }) }), _jsx("span", { className: styles.text, children: opt.label })] }, String(opt.value)));
|
|
17
|
-
}) }), error && _jsx("span", { className: styles.errorText, children: error })] }));
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=MkRadio.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkRadio.js","sourceRoot":"","sources":["../../src/components/MkRadio.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAoC1C,MAAM,MAAM,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAE1C,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC5C,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,UAAU,EACtB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,IAAI,GAAG,IAAI,EACX,IAAI,EAAE,KAAK,EACX,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,QAAyB,EAAE,EAAE;QAC1B,IAAI,CAAC,QAAQ;YAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACvB,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,YAAY,gBAAa,KAAK,aACxF,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,KAAK,GAAQ,EAC5D,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,YACnD,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACjB,MAAM,UAAU,GAAG,KAAK,KAAK,GAAG,CAAC,KAAK,CAAC;oBACvC,MAAM,UAAU,GAAG,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC;oBAC5C,OAAO,CACH,iBAEI,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,aAElE,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9G,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,EACrD,IAAI,EAAC,OAAO,kBACE,UAAU,EACxB,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oCACb,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;wCAAE,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gCACpE,CAAC,YAEA,UAAU,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,GAC3C,EACN,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,GAAG,CAAC,KAAK,GAAQ,KAf3C,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAgBlB,CACX,CAAC;gBACN,CAAC,CAAC,GACA,EACL,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,IACzD,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
--mk-radio-bg: var(--mk-background);
|
|
3
|
-
--mk-radio-border: var(--mk-border);
|
|
4
|
-
--mk-radio-accent: var(--mk-primary);
|
|
5
|
-
--mk-radio-color: var(--mk-foreground);
|
|
6
|
-
--mk-radio-muted-color: var(--mk-muted-foreground);
|
|
7
|
-
|
|
8
|
-
display: flex;
|
|
9
|
-
flex-direction: column;
|
|
10
|
-
gap: 0.375rem;
|
|
11
|
-
color: var(--mk-radio-color);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.groupLabel {
|
|
15
|
-
font-size: 0.875rem;
|
|
16
|
-
font-weight: 500;
|
|
17
|
-
color: inherit;
|
|
18
|
-
opacity: 0.9;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.options { display: flex; gap: 0.75rem; }
|
|
22
|
-
.vertical { flex-direction: column; }
|
|
23
|
-
.horizontal { flex-direction: row; flex-wrap: wrap; }
|
|
24
|
-
|
|
25
|
-
.option {
|
|
26
|
-
display: inline-flex;
|
|
27
|
-
align-items: center;
|
|
28
|
-
gap: 0.5rem;
|
|
29
|
-
cursor: pointer;
|
|
30
|
-
user-select: none;
|
|
31
|
-
color: inherit;
|
|
32
|
-
}
|
|
33
|
-
.option.disabled { opacity: 0.5; cursor: not-allowed; }
|
|
34
|
-
|
|
35
|
-
.radio {
|
|
36
|
-
display: flex;
|
|
37
|
-
align-items: center;
|
|
38
|
-
justify-content: center;
|
|
39
|
-
border: 2px solid var(--mk-radio-border);
|
|
40
|
-
border-radius: 50%;
|
|
41
|
-
background-color: var(--mk-radio-bg);
|
|
42
|
-
transition: all 0.15s ease;
|
|
43
|
-
flex-shrink: 0;
|
|
44
|
-
cursor: pointer;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.sm { width: 16px; height: 16px; }
|
|
48
|
-
.md { width: 20px; height: 20px; }
|
|
49
|
-
.lg { width: 24px; height: 24px; }
|
|
50
|
-
|
|
51
|
-
.radio:hover { border-color: var(--mk-radio-accent); }
|
|
52
|
-
.radio:focus-visible { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-radio-accent), transparent 80%); }
|
|
53
|
-
|
|
54
|
-
.selected { border-color: var(--mk-radio-accent); }
|
|
55
|
-
.error {
|
|
56
|
-
--mk-radio-border: var(--mk-error);
|
|
57
|
-
--mk-radio-accent: var(--mk-error);
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.dot {
|
|
61
|
-
width: 60%;
|
|
62
|
-
height: 60%;
|
|
63
|
-
border-radius: 50%;
|
|
64
|
-
background-color: var(--mk-radio-accent);
|
|
65
|
-
animation: mk-scale-in 0.15s ease;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
@keyframes mk-scale-in {
|
|
69
|
-
from { transform: scale(0); }
|
|
70
|
-
to { transform: scale(1); }
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.text { font-size: 0.875rem; color: inherit; }
|
|
74
|
-
.errorText { font-size: 0.75rem; color: var(--mk-error); font-weight: 500; }
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { MkRadio } from './MkRadio';
|
|
3
|
-
declare const meta: Meta<typeof MkRadio>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof MkRadio>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithValue: Story;
|
|
8
|
-
export declare const Horizontal: Story;
|
|
9
|
-
export declare const Disabled: Story;
|
|
10
|
-
export declare const WithDisabledOption: Story;
|
|
11
|
-
export declare const WithError: Story;
|
|
12
|
-
export declare const Sizes: Story;
|
|
13
|
-
//# sourceMappingURL=MkRadio.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkRadio.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkRadio.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAW9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAetC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAShC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { MkRadio } from './MkRadio';
|
|
3
|
-
const meta = {
|
|
4
|
-
title: 'Components/MkRadio',
|
|
5
|
-
component: MkRadio,
|
|
6
|
-
parameters: { layout: 'padded' },
|
|
7
|
-
tags: ['autodocs'],
|
|
8
|
-
argTypes: {
|
|
9
|
-
label: { control: 'text' },
|
|
10
|
-
direction: { control: { type: 'select' }, options: ['horizontal', 'vertical'] },
|
|
11
|
-
disabled: { control: 'boolean' },
|
|
12
|
-
size: { control: { type: 'select' }, options: ['sm', 'md', 'lg'] },
|
|
13
|
-
},
|
|
14
|
-
};
|
|
15
|
-
export default meta;
|
|
16
|
-
const GENDERS = [
|
|
17
|
-
{ value: 'M', label: 'Masculino' },
|
|
18
|
-
{ value: 'F', label: 'Femenino' },
|
|
19
|
-
{ value: 'O', label: 'Otro' },
|
|
20
|
-
];
|
|
21
|
-
const SIZES = [
|
|
22
|
-
{ value: 'xs', label: 'XS' },
|
|
23
|
-
{ value: 's', label: 'S' },
|
|
24
|
-
{ value: 'm', label: 'M' },
|
|
25
|
-
{ value: 'l', label: 'L' },
|
|
26
|
-
];
|
|
27
|
-
export const Default = {
|
|
28
|
-
args: { label: 'Gรฉnero', options: GENDERS },
|
|
29
|
-
};
|
|
30
|
-
export const WithValue = {
|
|
31
|
-
args: { label: 'Pre-selected', options: GENDERS, value: 'F' },
|
|
32
|
-
};
|
|
33
|
-
export const Horizontal = {
|
|
34
|
-
args: { label: 'Size', options: SIZES, direction: 'horizontal', value: 'm' },
|
|
35
|
-
};
|
|
36
|
-
export const Disabled = {
|
|
37
|
-
args: { label: 'Locked choice', options: GENDERS, value: 'M', disabled: true },
|
|
38
|
-
};
|
|
39
|
-
export const WithDisabledOption = {
|
|
40
|
-
args: {
|
|
41
|
-
label: 'Con opciรณn deshabilitada',
|
|
42
|
-
options: [
|
|
43
|
-
{ value: 'a', label: 'Option A' },
|
|
44
|
-
{ value: 'b', label: 'Option B (locked)', disabled: true },
|
|
45
|
-
{ value: 'c', label: 'Option C' },
|
|
46
|
-
],
|
|
47
|
-
},
|
|
48
|
-
};
|
|
49
|
-
export const WithError = {
|
|
50
|
-
args: { label: 'Required choice', options: GENDERS, error: 'Por favor selecciona una opciรณn' },
|
|
51
|
-
};
|
|
52
|
-
export const Sizes = {
|
|
53
|
-
render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 12 }, children: [_jsx(MkRadio, { label: "Small", size: "sm", options: GENDERS }), _jsx(MkRadio, { label: "Medium", size: "md", options: GENDERS }), _jsx(MkRadio, { label: "Large", size: "lg", options: GENDERS })] })),
|
|
54
|
-
};
|
|
55
|
-
//# sourceMappingURL=MkRadio.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkRadio.stories.js","sourceRoot":"","sources":["../../src/components/MkRadio.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkRadio.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkRadio.stories.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* Smoke snapshot for MkRadio โ required by R-MK-002 (mk:lint:stories).
|
|
4
|
-
*/
|
|
5
|
-
import { describe, it, expect, afterEach } from 'vitest';
|
|
6
|
-
import { render, cleanup } from '@testing-library/react';
|
|
7
|
-
import { MkRadio } from './MkRadio';
|
|
8
|
-
describe('MkRadio story smoke', () => {
|
|
9
|
-
afterEach(cleanup);
|
|
10
|
-
it('renders with options', () => {
|
|
11
|
-
const { container } = render(_jsx(MkRadio, { label: "G\u00E9nero", options: [
|
|
12
|
-
{ value: 'M', label: 'Masculino' },
|
|
13
|
-
{ value: 'F', label: 'Femenino' },
|
|
14
|
-
] }));
|
|
15
|
-
expect(container.firstChild).toMatchSnapshot();
|
|
16
|
-
});
|
|
17
|
-
});
|
|
18
|
-
//# sourceMappingURL=MkRadio.stories.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkRadio.stories.test.js","sourceRoot":"","sources":["../../src/components/MkRadio.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,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACjC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,OAAO,IACJ,KAAK,EAAC,aAAQ,EACd,OAAO,EAAE;gBACL,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE;gBAClC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE;aACpC,GACH,CACL,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @module MkSearchInput
|
|
4
|
-
* @description Search input with integrated debounce.
|
|
5
|
-
* Fires onSearch only after the user stops typing.
|
|
6
|
-
*
|
|
7
|
-
* @example
|
|
8
|
-
* ```tsx
|
|
9
|
-
* <MkSearchInput
|
|
10
|
-
* onSearch={(term) => list.setParams({ searchBy: term })}
|
|
11
|
-
* delay={350}
|
|
12
|
-
* placeholder="Buscar usuarios..."
|
|
13
|
-
* />
|
|
14
|
-
* ```
|
|
15
|
-
*/
|
|
16
|
-
export interface MkSearchInputProps {
|
|
17
|
-
onSearch: (term: string) => void;
|
|
18
|
-
delay?: number;
|
|
19
|
-
placeholder?: string;
|
|
20
|
-
value?: string;
|
|
21
|
-
defaultValue?: string;
|
|
22
|
-
size?: 'sm' | 'md' | 'lg';
|
|
23
|
-
disabled?: boolean;
|
|
24
|
-
loading?: boolean;
|
|
25
|
-
clearable?: boolean;
|
|
26
|
-
className?: string;
|
|
27
|
-
autoFocus?: boolean;
|
|
28
|
-
}
|
|
29
|
-
export declare const MkSearchInput: React.FC<MkSearchInputProps>;
|
|
30
|
-
//# sourceMappingURL=MkSearchInput.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSearchInput.d.ts","sourceRoot":"","sources":["../../src/components/MkSearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,kBAAkB;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2EtD,CAAC"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React, { useCallback, useRef } from 'react';
|
|
3
|
-
import styles from './MkSearchInput.module.css';
|
|
4
|
-
import { useMkDebounce } from '../hooks/useMkDebounce';
|
|
5
|
-
export const MkSearchInput = ({ onSearch, delay = 350, placeholder = 'Buscar...', value, defaultValue = '', size = 'md', disabled = false, loading = false, clearable = true, className, autoFocus = false, }) => {
|
|
6
|
-
const [internalValue, setInternalValue] = React.useState(defaultValue);
|
|
7
|
-
const inputValue = value !== undefined ? value : internalValue;
|
|
8
|
-
const debouncedTerm = useMkDebounce(inputValue, delay);
|
|
9
|
-
const prevTermRef = useRef('');
|
|
10
|
-
// Fire onSearch when debounced value changes
|
|
11
|
-
React.useEffect(() => {
|
|
12
|
-
if (debouncedTerm !== prevTermRef.current) {
|
|
13
|
-
prevTermRef.current = debouncedTerm;
|
|
14
|
-
onSearch(debouncedTerm);
|
|
15
|
-
}
|
|
16
|
-
}, [debouncedTerm, onSearch]);
|
|
17
|
-
const handleChange = useCallback((e) => {
|
|
18
|
-
setInternalValue(e.target.value);
|
|
19
|
-
}, []);
|
|
20
|
-
const handleClear = useCallback(() => {
|
|
21
|
-
setInternalValue('');
|
|
22
|
-
onSearch('');
|
|
23
|
-
}, [onSearch]);
|
|
24
|
-
const hasValue = inputValue.length > 0;
|
|
25
|
-
return (_jsxs("div", { className: `${styles.wrapper} ${styles[size]} ${disabled ? styles.disabled : ''} ${className || ''}`, children: [_jsx("span", { className: styles.searchIcon, children: loading ? (_jsx("span", { className: styles.spinner })) : (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("circle", { cx: "7", cy: "7", r: "5" }), _jsx("line", { x1: "12", y1: "12", x2: "10.5", y2: "10.5" })] })) }), _jsx("input", { type: "text", value: inputValue, onChange: handleChange, placeholder: placeholder, disabled: disabled, autoFocus: autoFocus, className: styles.input, "aria-label": placeholder }), clearable && hasValue && !disabled && (_jsx("button", { className: styles.clearBtn, onClick: handleClear, "aria-label": "Limpiar b\u00FAsqueda", type: "button", children: "\u2715" }))] }));
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=MkSearchInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSearchInput.js","sourceRoot":"","sources":["../../src/components/MkSearchInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
.wrapper {
|
|
2
|
-
--mk-search-bg: var(--mk-muted);
|
|
3
|
-
--mk-search-border: var(--mk-border);
|
|
4
|
-
--mk-search-focus-bg: var(--mk-background);
|
|
5
|
-
--mk-search-color: var(--mk-foreground);
|
|
6
|
-
--mk-search-placeholder: var(--mk-muted-foreground);
|
|
7
|
-
--mk-search-radius: 999px;
|
|
8
|
-
|
|
9
|
-
position: relative;
|
|
10
|
-
display: flex;
|
|
11
|
-
align-items: center;
|
|
12
|
-
background-color: var(--mk-search-bg);
|
|
13
|
-
border: 1px solid var(--mk-search-border);
|
|
14
|
-
border-radius: var(--mk-search-radius);
|
|
15
|
-
transition: all 0.2s ease;
|
|
16
|
-
padding: 0 0.75rem;
|
|
17
|
-
gap: 0.5rem;
|
|
18
|
-
color: var(--mk-search-color);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.wrapper:focus-within {
|
|
22
|
-
border-color: var(--mk-primary);
|
|
23
|
-
box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-primary), transparent 85%);
|
|
24
|
-
background-color: var(--mk-search-focus-bg);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.disabled { opacity: 0.5; pointer-events: none; }
|
|
28
|
-
|
|
29
|
-
/* Sizes */
|
|
30
|
-
.sm { height: 36px; }
|
|
31
|
-
.md { height: 44px; }
|
|
32
|
-
.lg { height: 52px; }
|
|
33
|
-
|
|
34
|
-
.searchIcon {
|
|
35
|
-
display: flex;
|
|
36
|
-
color: var(--mk-search-placeholder);
|
|
37
|
-
flex-shrink: 0;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.input {
|
|
41
|
-
flex: 1;
|
|
42
|
-
background: none;
|
|
43
|
-
border: none;
|
|
44
|
-
outline: none;
|
|
45
|
-
font-size: 0.875rem;
|
|
46
|
-
color: inherit;
|
|
47
|
-
min-width: 0;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.sm .input { font-size: 0.8125rem; }
|
|
51
|
-
.lg .input { font-size: 1rem; }
|
|
52
|
-
|
|
53
|
-
.input::placeholder { color: var(--mk-search-placeholder); }
|
|
54
|
-
|
|
55
|
-
.clearBtn {
|
|
56
|
-
background: none;
|
|
57
|
-
border: none;
|
|
58
|
-
cursor: pointer;
|
|
59
|
-
color: var(--mk-search-placeholder);
|
|
60
|
-
font-size: 0.75rem;
|
|
61
|
-
padding: 2px 6px;
|
|
62
|
-
border-radius: 999px;
|
|
63
|
-
line-height: 1;
|
|
64
|
-
transition: all 0.15s ease;
|
|
65
|
-
}
|
|
66
|
-
.clearBtn:hover {
|
|
67
|
-
background-color: var(--mk-border);
|
|
68
|
-
color: var(--mk-search-color);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
@keyframes spin { to { transform: rotate(360deg); } }
|
|
72
|
-
.spinner {
|
|
73
|
-
display: inline-block;
|
|
74
|
-
width: 14px;
|
|
75
|
-
height: 14px;
|
|
76
|
-
border: 2px solid var(--mk-border);
|
|
77
|
-
border-top-color: var(--mk-primary);
|
|
78
|
-
border-radius: 50%;
|
|
79
|
-
animation: spin 0.7s linear infinite;
|
|
80
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { MkSearchInput } from './MkSearchInput';
|
|
3
|
-
declare const meta: Meta<typeof MkSearchInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof MkSearchInput>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithPlaceholder: Story;
|
|
8
|
-
export declare const WithValue: Story;
|
|
9
|
-
export declare const Loading: Story;
|
|
10
|
-
export declare const Disabled: Story;
|
|
11
|
-
export declare const Sizes: Story;
|
|
12
|
-
export declare const WithDebounce: Story;
|
|
13
|
-
//# sourceMappingURL=MkSearchInput.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSearchInput.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkSearchInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAYpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC"}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { MkSearchInput } from './MkSearchInput';
|
|
3
|
-
const meta = {
|
|
4
|
-
title: 'Components/MkSearchInput',
|
|
5
|
-
component: MkSearchInput,
|
|
6
|
-
parameters: { layout: 'centered' },
|
|
7
|
-
tags: ['autodocs'],
|
|
8
|
-
argTypes: {
|
|
9
|
-
placeholder: { control: 'text' },
|
|
10
|
-
size: { control: { type: 'select' }, options: ['sm', 'md', 'lg'] },
|
|
11
|
-
disabled: { control: 'boolean' },
|
|
12
|
-
loading: { control: 'boolean' },
|
|
13
|
-
clearable: { control: 'boolean' },
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
export default meta;
|
|
17
|
-
export const Default = {
|
|
18
|
-
args: { onSearch: () => { } },
|
|
19
|
-
};
|
|
20
|
-
export const WithPlaceholder = {
|
|
21
|
-
args: { onSearch: () => { }, placeholder: 'Buscar usuarios...' },
|
|
22
|
-
};
|
|
23
|
-
export const WithValue = {
|
|
24
|
-
args: {
|
|
25
|
-
onSearch: () => { },
|
|
26
|
-
defaultValue: 'Mario',
|
|
27
|
-
clearable: true,
|
|
28
|
-
},
|
|
29
|
-
};
|
|
30
|
-
export const Loading = {
|
|
31
|
-
args: { onSearch: () => { }, loading: true, defaultValue: 'buscando' },
|
|
32
|
-
};
|
|
33
|
-
export const Disabled = {
|
|
34
|
-
args: { onSearch: () => { }, disabled: true, placeholder: 'Search disabled' },
|
|
35
|
-
};
|
|
36
|
-
export const Sizes = {
|
|
37
|
-
render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 12, width: 320 }, children: [_jsx(MkSearchInput, { onSearch: () => { }, size: "sm", placeholder: "Small" }), _jsx(MkSearchInput, { onSearch: () => { }, size: "md", placeholder: "Medium" }), _jsx(MkSearchInput, { onSearch: () => { }, size: "lg", placeholder: "Large" })] })),
|
|
38
|
-
};
|
|
39
|
-
export const WithDebounce = {
|
|
40
|
-
args: {
|
|
41
|
-
onSearch: (term) => console.log('debounced search:', term),
|
|
42
|
-
delay: 500,
|
|
43
|
-
placeholder: 'Search with 500ms debounce',
|
|
44
|
-
clearable: true,
|
|
45
|
-
},
|
|
46
|
-
};
|
|
47
|
-
//# sourceMappingURL=MkSearchInput.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSearchInput.stories.js","sourceRoot":"","sources":["../../src/components/MkSearchInput.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,IAAI,GAA+B;IACrC,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;IAClC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;QAClE,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACpC;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IAClC,IAAI,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,WAAW,EAAE,oBAAoB,EAAE;CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,YAAY,EAAE,OAAO;QACrB,SAAS,EAAE,IAAI;KAClB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE;CACxE,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,iBAAiB,EAAE;CAC/E,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,aACzE,KAAC,aAAa,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,IAAI,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,GAAG,EACnE,KAAC,aAAa,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,IAAI,EAAC,IAAI,EAAC,WAAW,EAAC,QAAQ,GAAG,EACpE,KAAC,aAAa,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,IAAI,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,GAAG,IACjE,CACT;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IAC/B,IAAI,EAAE;QACF,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC;QAC1D,KAAK,EAAE,GAAG;QACV,WAAW,EAAE,4BAA4B;QACzC,SAAS,EAAE,IAAI;KAClB;CACJ,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSearchInput.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkSearchInput.stories.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* Smoke snapshot for MkSearchInput โ required by R-MK-002.
|
|
4
|
-
*/
|
|
5
|
-
import { describe, it, expect, afterEach, vi } from 'vitest';
|
|
6
|
-
import { render, cleanup } from '@testing-library/react';
|
|
7
|
-
import { MkSearchInput } from './MkSearchInput';
|
|
8
|
-
describe('MkSearchInput story smoke', () => {
|
|
9
|
-
afterEach(cleanup);
|
|
10
|
-
it('renders with placeholder', () => {
|
|
11
|
-
const { container } = render(_jsx(MkSearchInput, { onSearch: vi.fn(), placeholder: "Buscar..." }));
|
|
12
|
-
expect(container.firstChild).toMatchSnapshot();
|
|
13
|
-
});
|
|
14
|
-
});
|
|
15
|
-
//# sourceMappingURL=MkSearchInput.stories.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSearchInput.stories.test.js","sourceRoot":"","sources":["../../src/components/MkSearchInput.stories.test.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACvC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAChC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,aAAa,IAAC,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,WAAW,EAAC,WAAW,GAAG,CAC/D,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface Option {
|
|
3
|
-
label: string;
|
|
4
|
-
value: string | number;
|
|
5
|
-
}
|
|
6
|
-
interface MkSelectProps {
|
|
7
|
-
label?: string;
|
|
8
|
-
error?: string;
|
|
9
|
-
options: Option[];
|
|
10
|
-
placeholder?: string;
|
|
11
|
-
value?: string | number | (string | number)[];
|
|
12
|
-
onChange?: (value: any) => void;
|
|
13
|
-
searchable?: boolean;
|
|
14
|
-
multiple?: boolean;
|
|
15
|
-
className?: string;
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* MkSelect
|
|
19
|
-
* ๐งช Feature-rich selector with search and multiple selection support.
|
|
20
|
-
*/
|
|
21
|
-
export declare const MkSelect: React.FC<MkSelectProps>;
|
|
22
|
-
export {};
|
|
23
|
-
//# sourceMappingURL=MkSelect.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSelect.d.ts","sourceRoot":"","sources":["../../src/components/MkSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAKzD,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,UAAU,aAAa;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyH5C,CAAC"}
|