@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,59 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useRef, useMemo } from 'react';
|
|
3
|
-
import styles from './MkSelect.module.css';
|
|
4
|
-
import { IconArrowDown, IconCheck } from './MkIcons';
|
|
5
|
-
import { useMkClickOutside } from '../hooks/useMkClickOutside';
|
|
6
|
-
/**
|
|
7
|
-
* MkSelect
|
|
8
|
-
* 🧪 Feature-rich selector with search and multiple selection support.
|
|
9
|
-
*/
|
|
10
|
-
export const MkSelect = ({ label, error, options = [], placeholder = "Seleccionar...", value, onChange, searchable = false, multiple = false, className = "" }) => {
|
|
11
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
12
|
-
const [searchTerm, setSearchTerm] = useState("");
|
|
13
|
-
const containerRef = useRef(null);
|
|
14
|
-
useMkClickOutside([containerRef], () => setIsOpen(false));
|
|
15
|
-
// Normalize value to array for easier processing if multiple
|
|
16
|
-
const selectedValues = useMemo(() => {
|
|
17
|
-
if (value === undefined || value === null || value === '')
|
|
18
|
-
return [];
|
|
19
|
-
return Array.isArray(value) ? value : [value];
|
|
20
|
-
}, [value]);
|
|
21
|
-
const filteredOptions = useMemo(() => {
|
|
22
|
-
if (!searchable || !searchTerm)
|
|
23
|
-
return options;
|
|
24
|
-
return options.filter(opt => opt.label.toLowerCase().includes(searchTerm.toLowerCase()));
|
|
25
|
-
}, [options, searchable, searchTerm]);
|
|
26
|
-
const handleSelect = (val) => {
|
|
27
|
-
if (multiple) {
|
|
28
|
-
const next = selectedValues.includes(val)
|
|
29
|
-
? selectedValues.filter(v => v !== val)
|
|
30
|
-
: [...selectedValues, val];
|
|
31
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(next);
|
|
32
|
-
}
|
|
33
|
-
else {
|
|
34
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(val);
|
|
35
|
-
setIsOpen(false);
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
const displayText = useMemo(() => {
|
|
39
|
-
var _a;
|
|
40
|
-
if (multiple) {
|
|
41
|
-
if (selectedValues.length === 0)
|
|
42
|
-
return placeholder;
|
|
43
|
-
if (selectedValues.length === 1) {
|
|
44
|
-
return ((_a = options.find(o => o.value === selectedValues[0])) === null || _a === void 0 ? void 0 : _a.label) || placeholder;
|
|
45
|
-
}
|
|
46
|
-
return `${selectedValues.length} seleccionados`;
|
|
47
|
-
}
|
|
48
|
-
const found = options.find(o => o.value === value);
|
|
49
|
-
return found ? found.label : placeholder;
|
|
50
|
-
}, [multiple, selectedValues, value, options, placeholder]);
|
|
51
|
-
return (_jsxs("div", { className: `${styles.container} ${className}`, ref: containerRef, children: [label && _jsx("label", { className: styles.label, children: label }), _jsxs("div", { className: styles.selectWrapper, children: [_jsxs("div", { className: `${styles.select} ${error ? styles.selectError : ''} ${isOpen ? styles.selectActive : ''}`, onClick: () => setIsOpen(!isOpen), children: [_jsx("span", { className: (selectedValues.length > 0 || (value !== undefined && value !== null && value !== '')) ? styles.valueText : styles.placeholderText, children: displayText }), _jsx("span", { className: `${styles.chevron} ${isOpen ? styles.chevronOpen : ''}`, children: _jsx(IconArrowDown, { size: 16 }) })] }), isOpen && (_jsxs("div", { className: styles.dropdown, children: [searchable && (_jsx("div", { className: styles.searchContainer, children: _jsx("input", { autoFocus: true, className: styles.searchInput, placeholder: "Buscar...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), onClick: (e) => e.stopPropagation() }) })), _jsx("div", { className: styles.optionsList, children: filteredOptions.length > 0 ? (filteredOptions.map((opt) => {
|
|
52
|
-
const isSelected = selectedValues.includes(opt.value);
|
|
53
|
-
return (_jsxs("div", { className: `${styles.option} ${isSelected ? styles.optionSelected : ''}`, onClick: (e) => {
|
|
54
|
-
e.stopPropagation();
|
|
55
|
-
handleSelect(opt.value);
|
|
56
|
-
}, children: [_jsx("span", { className: styles.optionLabel, children: opt.label }), isSelected && (_jsx("span", { className: styles.checkIcon, children: _jsx(IconCheck, { size: 14 }) }))] }, opt.value));
|
|
57
|
-
})) : (_jsx("div", { className: styles.noResults, children: "Sin resultados" })) })] }))] }), error && _jsx("span", { className: styles.errorText, children: error })] }));
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=MkSelect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSelect.js","sourceRoot":"","sources":["../../src/components/MkSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,177 +0,0 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
--mk-select-bg: var(--mk-background);
|
|
3
|
-
--mk-select-border: var(--mk-border);
|
|
4
|
-
--mk-select-color: var(--mk-foreground);
|
|
5
|
-
--mk-select-radius: var(--mk-radius, 8px);
|
|
6
|
-
--mk-select-focus-border: var(--mk-primary);
|
|
7
|
-
--mk-select-placeholder: var(--mk-muted-foreground);
|
|
8
|
-
--mk-dropdown-bg: var(--mk-popover);
|
|
9
|
-
--mk-dropdown-fg: var(--mk-popover-foreground);
|
|
10
|
-
--mk-dropdown-border: var(--mk-border);
|
|
11
|
-
--mk-option-hover-bg: var(--mk-muted);
|
|
12
|
-
--mk-option-selected-bg: color-mix(in srgb, var(--mk-primary) 15%, var(--mk-background));
|
|
13
|
-
|
|
14
|
-
display: flex;
|
|
15
|
-
flex-direction: column;
|
|
16
|
-
gap: 0.375rem;
|
|
17
|
-
width: 100%;
|
|
18
|
-
position: relative;
|
|
19
|
-
color: var(--mk-select-color);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.label {
|
|
23
|
-
font-size: 0.875rem;
|
|
24
|
-
font-weight: 500;
|
|
25
|
-
color: inherit;
|
|
26
|
-
opacity: 0.9;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.selectWrapper {
|
|
30
|
-
position: relative;
|
|
31
|
-
width: 100%;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.select {
|
|
35
|
-
display: flex;
|
|
36
|
-
align-items: center;
|
|
37
|
-
justify-content: space-between;
|
|
38
|
-
width: 100%;
|
|
39
|
-
padding: 0.625rem 0.875rem;
|
|
40
|
-
min-height: 40px;
|
|
41
|
-
font-size: 0.875rem;
|
|
42
|
-
background-color: var(--mk-select-bg);
|
|
43
|
-
border: 1px solid var(--mk-select-border);
|
|
44
|
-
border-radius: var(--mk-select-radius);
|
|
45
|
-
color: inherit;
|
|
46
|
-
transition: all 0.2s ease;
|
|
47
|
-
cursor: pointer;
|
|
48
|
-
user-select: none;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.select:hover {
|
|
52
|
-
border-color: var(--mk-muted-foreground);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.selectActive {
|
|
56
|
-
border-color: var(--mk-select-focus-border);
|
|
57
|
-
box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-select-focus-border), transparent 85%);
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.selectError {
|
|
61
|
-
--mk-select-border: var(--mk-error);
|
|
62
|
-
--mk-select-focus-border: var(--mk-error);
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.valueText {
|
|
66
|
-
color: inherit;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.placeholderText {
|
|
70
|
-
color: var(--mk-select-placeholder);
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.chevron {
|
|
74
|
-
display: flex;
|
|
75
|
-
align-items: center;
|
|
76
|
-
justify-content: center;
|
|
77
|
-
color: var(--mk-muted-foreground);
|
|
78
|
-
transition: transform 0.2s ease;
|
|
79
|
-
margin-left: 0.5rem;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.chevronOpen {
|
|
83
|
-
transform: rotate(180deg);
|
|
84
|
-
color: var(--mk-primary);
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.dropdown {
|
|
88
|
-
position: absolute;
|
|
89
|
-
top: calc(100% + 4px);
|
|
90
|
-
left: 0;
|
|
91
|
-
width: 100%;
|
|
92
|
-
background-color: var(--mk-dropdown-bg);
|
|
93
|
-
border: 1px solid var(--mk-dropdown-border);
|
|
94
|
-
border-radius: var(--mk-select-radius);
|
|
95
|
-
box-shadow:
|
|
96
|
-
0 10px 15px -3px rgba(0, 0, 0, 0.1),
|
|
97
|
-
0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
98
|
-
z-index: 50;
|
|
99
|
-
overflow: hidden;
|
|
100
|
-
animation: slideDown 0.2s ease-out;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
@keyframes slideDown {
|
|
104
|
-
from {
|
|
105
|
-
opacity: 0;
|
|
106
|
-
transform: translateY(-10px);
|
|
107
|
-
}
|
|
108
|
-
to {
|
|
109
|
-
opacity: 1;
|
|
110
|
-
transform: translateY(0);
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
.searchContainer {
|
|
115
|
-
padding: 0.5rem;
|
|
116
|
-
border-bottom: 1px solid var(--mk-dropdown-border);
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.searchInput {
|
|
120
|
-
width: 100%;
|
|
121
|
-
padding: 0.5rem 0.75rem;
|
|
122
|
-
font-size: 0.875rem;
|
|
123
|
-
background-color: var(--mk-muted);
|
|
124
|
-
border: 1px solid var(--mk-dropdown-border);
|
|
125
|
-
border-radius: calc(var(--mk-select-radius) - 2px);
|
|
126
|
-
color: inherit;
|
|
127
|
-
outline: none;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
.searchInput:focus {
|
|
131
|
-
border-color: var(--mk-primary);
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
.optionsList {
|
|
135
|
-
max-height: 240px;
|
|
136
|
-
overflow-y: auto;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.option {
|
|
140
|
-
display: flex;
|
|
141
|
-
align-items: center;
|
|
142
|
-
justify-content: space-between;
|
|
143
|
-
padding: 0.625rem 0.875rem;
|
|
144
|
-
font-size: 0.875rem;
|
|
145
|
-
cursor: pointer;
|
|
146
|
-
transition: background 0.1s;
|
|
147
|
-
color: inherit;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
.option:hover {
|
|
151
|
-
background-color: var(--mk-option-hover-bg);
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
.optionSelected {
|
|
155
|
-
background-color: var(--mk-option-selected-bg);
|
|
156
|
-
color: var(--mk-primary);
|
|
157
|
-
font-weight: 500;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
.checkIcon {
|
|
161
|
-
display: flex;
|
|
162
|
-
color: var(--mk-primary);
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
.noResults {
|
|
166
|
-
padding: 1rem;
|
|
167
|
-
text-align: center;
|
|
168
|
-
color: var(--mk-muted-foreground);
|
|
169
|
-
font-size: 0.875rem;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
.errorText {
|
|
173
|
-
font-size: 0.75rem;
|
|
174
|
-
color: var(--mk-error);
|
|
175
|
-
font-weight: 500;
|
|
176
|
-
margin-top: 0.25rem;
|
|
177
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { MkSelect } from './MkSelect';
|
|
3
|
-
declare const meta: Meta<typeof MkSelect>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof MkSelect>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithValue: Story;
|
|
8
|
-
export declare const Searchable: Story;
|
|
9
|
-
export declare const Multiple: Story;
|
|
10
|
-
export declare const WithDefaultValue: Story;
|
|
11
|
-
export declare const WithError: Story;
|
|
12
|
-
//# sourceMappingURL=MkSelect.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSelect.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkSelect.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAc/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAUvC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC"}
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { MkSelect } from './MkSelect';
|
|
2
|
-
const meta = {
|
|
3
|
-
title: 'Components/MkSelect',
|
|
4
|
-
component: MkSelect,
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: 'centered',
|
|
7
|
-
},
|
|
8
|
-
tags: ['autodocs'],
|
|
9
|
-
argTypes: {
|
|
10
|
-
label: { control: 'text' },
|
|
11
|
-
placeholder: { control: 'text' },
|
|
12
|
-
searchable: { control: 'boolean' },
|
|
13
|
-
multiple: { control: 'boolean' },
|
|
14
|
-
error: { control: 'text' },
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
export default meta;
|
|
18
|
-
const FRUITS = [
|
|
19
|
-
{ label: 'Apple', value: 'apple' },
|
|
20
|
-
{ label: 'Banana', value: 'banana' },
|
|
21
|
-
{ label: 'Cherry', value: 'cherry' },
|
|
22
|
-
{ label: 'Date', value: 'date' },
|
|
23
|
-
{ label: 'Elderberry', value: 'elderberry' },
|
|
24
|
-
];
|
|
25
|
-
export const Default = {
|
|
26
|
-
args: {
|
|
27
|
-
label: 'Favorite fruit',
|
|
28
|
-
placeholder: 'Pick one...',
|
|
29
|
-
options: FRUITS,
|
|
30
|
-
},
|
|
31
|
-
};
|
|
32
|
-
export const WithValue = {
|
|
33
|
-
args: {
|
|
34
|
-
label: 'Pre-selected',
|
|
35
|
-
options: FRUITS,
|
|
36
|
-
value: 'cherry',
|
|
37
|
-
},
|
|
38
|
-
};
|
|
39
|
-
export const Searchable = {
|
|
40
|
-
args: {
|
|
41
|
-
label: 'Country (searchable)',
|
|
42
|
-
placeholder: 'Type to search...',
|
|
43
|
-
searchable: true,
|
|
44
|
-
options: [
|
|
45
|
-
{ label: 'Argentina', value: 'ar' },
|
|
46
|
-
{ label: 'Bolivia', value: 'bo' },
|
|
47
|
-
{ label: 'Chile', value: 'cl' },
|
|
48
|
-
{ label: 'Colombia', value: 'co' },
|
|
49
|
-
{ label: 'Ecuador', value: 'ec' },
|
|
50
|
-
{ label: 'México', value: 'mx' },
|
|
51
|
-
{ label: 'Perú', value: 'pe' },
|
|
52
|
-
{ label: 'Uruguay', value: 'uy' },
|
|
53
|
-
],
|
|
54
|
-
},
|
|
55
|
-
};
|
|
56
|
-
export const Multiple = {
|
|
57
|
-
args: {
|
|
58
|
-
label: 'Tags (multiple)',
|
|
59
|
-
placeholder: 'Select tags...',
|
|
60
|
-
multiple: true,
|
|
61
|
-
options: [
|
|
62
|
-
{ label: 'React', value: 'react' },
|
|
63
|
-
{ label: 'TypeScript', value: 'ts' },
|
|
64
|
-
{ label: 'Laravel', value: 'laravel' },
|
|
65
|
-
{ label: 'Node.js', value: 'node' },
|
|
66
|
-
],
|
|
67
|
-
},
|
|
68
|
-
};
|
|
69
|
-
export const WithDefaultValue = {
|
|
70
|
-
args: {
|
|
71
|
-
label: 'Select with default value',
|
|
72
|
-
options: FRUITS,
|
|
73
|
-
value: 'banana',
|
|
74
|
-
},
|
|
75
|
-
};
|
|
76
|
-
export const WithError = {
|
|
77
|
-
args: {
|
|
78
|
-
label: 'Required field',
|
|
79
|
-
placeholder: 'Pick one...',
|
|
80
|
-
options: FRUITS,
|
|
81
|
-
error: 'This field is required',
|
|
82
|
-
},
|
|
83
|
-
};
|
|
84
|
-
//# sourceMappingURL=MkSelect.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSelect.stories.js","sourceRoot":"","sources":["../../src/components/MkSelect.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSelect.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkSelect.stories.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* Smoke snapshot for MkSelect — generates `__snapshots__/MkSelect.stories.snap`.
|
|
4
|
-
* Required by R-MK-002 stories coverage rule (mk:lint:stories).
|
|
5
|
-
*/
|
|
6
|
-
import { describe, it, expect, afterEach } from 'vitest';
|
|
7
|
-
import { render, cleanup } from '@testing-library/react';
|
|
8
|
-
import { MkSelect } from './MkSelect';
|
|
9
|
-
const FRUITS = [
|
|
10
|
-
{ label: 'Apple', value: 'apple' },
|
|
11
|
-
{ label: 'Banana', value: 'banana' },
|
|
12
|
-
{ label: 'Cherry', value: 'cherry' },
|
|
13
|
-
];
|
|
14
|
-
describe('MkSelect story smoke', () => {
|
|
15
|
-
afterEach(cleanup);
|
|
16
|
-
it('renders with options', () => {
|
|
17
|
-
const { container } = render(_jsx(MkSelect, { label: "Pick a fruit", options: FRUITS }));
|
|
18
|
-
expect(container.firstChild).toMatchSnapshot();
|
|
19
|
-
});
|
|
20
|
-
});
|
|
21
|
-
//# sourceMappingURL=MkSelect.stories.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSelect.stories.test.js","sourceRoot":"","sources":["../../src/components/MkSelect.stories.test.tsx"],"names":[],"mappings":";AAAA;;;GAGG;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,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,GAAG;IACX,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;CACvC,CAAC;AAEF,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IAClC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,QAAQ,IAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,MAAM,GAAI,CACrD,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @module MkSkeleton
|
|
4
|
-
* @description Placeholder loading skeleton. Supports text lines, circles, and custom dimensions.
|
|
5
|
-
*/
|
|
6
|
-
export interface MkSkeletonProps {
|
|
7
|
-
/** Shape: 'text', 'circle', 'rect'. Default 'text'. */
|
|
8
|
-
variant?: 'text' | 'circle' | 'rect';
|
|
9
|
-
/** Width in px or string. Default '100%'. */
|
|
10
|
-
width?: number | string;
|
|
11
|
-
/** Height in px. Default auto-calculated by variant. */
|
|
12
|
-
height?: number | string;
|
|
13
|
-
/** Number of text lines to render. Default 1. */
|
|
14
|
-
lines?: number;
|
|
15
|
-
/** Gap between lines. Default '0.5rem'. */
|
|
16
|
-
gap?: string;
|
|
17
|
-
/** Border radius override. */
|
|
18
|
-
radius?: number | string;
|
|
19
|
-
className?: string;
|
|
20
|
-
}
|
|
21
|
-
export declare const MkSkeleton: React.FC<MkSkeletonProps>;
|
|
22
|
-
//# sourceMappingURL=MkSkeleton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSkeleton.d.ts","sourceRoot":"","sources":["../../src/components/MkSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AAEH,MAAM,WAAW,eAAe;IAC5B,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACrC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqDhD,CAAC"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import styles from './MkSkeleton.module.css';
|
|
3
|
-
export const MkSkeleton = ({ variant = 'text', width = '100%', height, lines = 1, gap = '0.5rem', radius, className, }) => {
|
|
4
|
-
if (variant === 'circle') {
|
|
5
|
-
const size = width || 40;
|
|
6
|
-
return (_jsx("div", { className: `${styles.skeleton} ${className || ''}`, style: { width: size, height: size, borderRadius: '50%' } }));
|
|
7
|
-
}
|
|
8
|
-
if (variant === 'rect') {
|
|
9
|
-
return (_jsx("div", { className: `${styles.skeleton} ${className || ''}`, style: { width, height: height || 80, borderRadius: radius !== null && radius !== void 0 ? radius : 'var(--mk-radius, 8px)' } }));
|
|
10
|
-
}
|
|
11
|
-
// Text variant
|
|
12
|
-
if (lines <= 1) {
|
|
13
|
-
return (_jsx("div", { className: `${styles.skeleton} ${className || ''}`, style: { width, height: height || '0.875rem', borderRadius: radius !== null && radius !== void 0 ? radius : 4 } }));
|
|
14
|
-
}
|
|
15
|
-
return (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap }, children: Array.from({ length: lines }).map((_, i) => (_jsx("div", { className: styles.skeleton, style: {
|
|
16
|
-
width: i === lines - 1 ? '70%' : '100%',
|
|
17
|
-
height: height || '0.875rem',
|
|
18
|
-
borderRadius: radius !== null && radius !== void 0 ? radius : 4,
|
|
19
|
-
} }, i))) }));
|
|
20
|
-
};
|
|
21
|
-
//# sourceMappingURL=MkSkeleton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSkeleton.js","sourceRoot":"","sources":["../../src/components/MkSkeleton.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAuB7C,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAClD,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,MAAM,EACd,MAAM,EACN,KAAK,GAAG,CAAC,EACT,GAAG,GAAG,QAAQ,EACd,MAAM,EACN,SAAS,GACZ,EAAE,EAAE;IACD,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACvB,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,CACH,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,SAAS,IAAI,EAAE,EAAE,EAClD,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,GAC3D,CACL,CAAC;IACN,CAAC;IAED,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;QACrB,OAAO,CACH,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,SAAS,IAAI,EAAE,EAAE,EAClD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAuB,EAAE,GACzF,CACL,CAAC;IACN,CAAC;IAED,eAAe;IACf,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;QACb,OAAO,CACH,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,SAAS,IAAI,EAAE,EAAE,EAClD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,CAAC,EAAE,GAC3E,CACL,CAAC;IACN,CAAC;IAED,OAAO,CACH,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,YACxD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,cAEI,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,KAAK,EAAE;gBACH,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;gBACvC,MAAM,EAAE,MAAM,IAAI,UAAU;gBAC5B,YAAY,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,CAAC;aAC5B,IANI,CAAC,CAOR,CACL,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
.skeleton {
|
|
2
|
-
--mk-skeleton-bg: var(--mk-muted);
|
|
3
|
-
--mk-skeleton-shimmer: color-mix(in srgb, var(--mk-skeleton-bg), white 40%);
|
|
4
|
-
|
|
5
|
-
background: linear-gradient(
|
|
6
|
-
90deg,
|
|
7
|
-
var(--mk-skeleton-bg) 25%,
|
|
8
|
-
var(--mk-skeleton-shimmer) 50%,
|
|
9
|
-
var(--mk-skeleton-bg) 75%
|
|
10
|
-
);
|
|
11
|
-
background-size: 200% 100%;
|
|
12
|
-
animation: mk-shimmer 2s ease-in-out infinite;
|
|
13
|
-
border-radius: var(--mk-radius, 4px);
|
|
14
|
-
transition: all 0.2s ease;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
:global([data-theme='dark']) .skeleton {
|
|
18
|
-
--mk-skeleton-shimmer: color-mix(in srgb, var(--mk-skeleton-bg), white 8%);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
@keyframes mk-shimmer {
|
|
22
|
-
0% {
|
|
23
|
-
background-position: 200% 0;
|
|
24
|
-
}
|
|
25
|
-
100% {
|
|
26
|
-
background-position: -200% 0;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { MkSkeleton } from './MkSkeleton';
|
|
3
|
-
declare const meta: Meta<typeof MkSkeleton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof MkSkeleton>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const TextLines: Story;
|
|
8
|
-
export declare const Circle: Story;
|
|
9
|
-
export declare const Rectangle: Story;
|
|
10
|
-
export declare const CardPlaceholder: Story;
|
|
11
|
-
export declare const ArticlePlaceholder: Story;
|
|
12
|
-
//# sourceMappingURL=MkSkeleton.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSkeleton.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkSkeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CASjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAU7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAQhC,CAAC"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { MkSkeleton } from './MkSkeleton';
|
|
3
|
-
const meta = {
|
|
4
|
-
title: 'Components/MkSkeleton',
|
|
5
|
-
component: MkSkeleton,
|
|
6
|
-
parameters: { layout: 'padded' },
|
|
7
|
-
tags: ['autodocs'],
|
|
8
|
-
argTypes: {
|
|
9
|
-
variant: { control: { type: 'select' }, options: ['text', 'circle', 'rect'] },
|
|
10
|
-
lines: { control: { type: 'number', min: 1, max: 10 } },
|
|
11
|
-
},
|
|
12
|
-
};
|
|
13
|
-
export default meta;
|
|
14
|
-
export const Default = {
|
|
15
|
-
args: {},
|
|
16
|
-
};
|
|
17
|
-
export const TextLines = {
|
|
18
|
-
args: { variant: 'text', lines: 4 },
|
|
19
|
-
};
|
|
20
|
-
export const Circle = {
|
|
21
|
-
args: { variant: 'circle', width: 64 },
|
|
22
|
-
};
|
|
23
|
-
export const Rectangle = {
|
|
24
|
-
args: { variant: 'rect', width: 200, height: 100 },
|
|
25
|
-
};
|
|
26
|
-
export const CardPlaceholder = {
|
|
27
|
-
render: () => (_jsxs("div", { style: { display: 'flex', gap: 16, alignItems: 'center' }, children: [_jsx(MkSkeleton, { variant: "circle", width: 48 }), _jsxs("div", { style: { flex: 1 }, children: [_jsx(MkSkeleton, { variant: "text" }), _jsx(MkSkeleton, { variant: "text", width: "60%" })] })] })),
|
|
28
|
-
};
|
|
29
|
-
export const ArticlePlaceholder = {
|
|
30
|
-
render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 12, maxWidth: 400 }, children: [_jsx(MkSkeleton, { variant: "rect", height: 180 }), _jsx(MkSkeleton, { variant: "text", lines: 3 }), _jsx(MkSkeleton, { variant: "text", width: "40%" })] })),
|
|
31
|
-
};
|
|
32
|
-
//# sourceMappingURL=MkSkeleton.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSkeleton.stories.js","sourceRoot":"","sources":["../../src/components/MkSkeleton.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,IAAI,GAA4B;IAClC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE;QAC7E,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE;KAC1D;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;CACzC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;CACrD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IAClC,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC1D,KAAC,UAAU,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,GAAI,EAC1C,eAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,aACnB,KAAC,UAAU,IAAC,OAAO,EAAC,MAAM,GAAG,EAC7B,KAAC,UAAU,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,GAAG,IACvC,IACJ,CACT;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACrC,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,aAC5E,KAAC,UAAU,IAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAE,GAAG,GAAI,EAC1C,KAAC,UAAU,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,CAAC,GAAI,EACvC,KAAC,UAAU,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,GAAG,IACvC,CACT;CACJ,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSkeleton.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkSkeleton.stories.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* Smoke snapshot for MkSkeleton — required by R-MK-002.
|
|
4
|
-
*/
|
|
5
|
-
import { describe, it, expect, afterEach } from 'vitest';
|
|
6
|
-
import { render, cleanup } from '@testing-library/react';
|
|
7
|
-
import { MkSkeleton } from './MkSkeleton';
|
|
8
|
-
describe('MkSkeleton story smoke', () => {
|
|
9
|
-
afterEach(cleanup);
|
|
10
|
-
it('renders text lines', () => {
|
|
11
|
-
const { container } = render(_jsx(MkSkeleton, { variant: "text", lines: 3 }));
|
|
12
|
-
expect(container.firstChild).toMatchSnapshot();
|
|
13
|
-
});
|
|
14
|
-
});
|
|
15
|
-
//# sourceMappingURL=MkSkeleton.stories.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSkeleton.stories.test.js","sourceRoot":"","sources":["../../src/components/MkSkeleton.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,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACpC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,CAAC,GAAI,CAAC,CAAC;QACtE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @module MkSwitch
|
|
4
|
-
* @description Toggle switch component. Same prop API across web and mobile.
|
|
5
|
-
*
|
|
6
|
-
* @example
|
|
7
|
-
* ```tsx
|
|
8
|
-
* <MkSwitch label="Dark mode" checked={isDark} onChange={setIsDark} />
|
|
9
|
-
* <MkSwitch label="Notifications" checked={notif} onChange={setNotif} size="lg" />
|
|
10
|
-
* ```
|
|
11
|
-
*/
|
|
12
|
-
export interface MkSwitchProps {
|
|
13
|
-
label?: string;
|
|
14
|
-
checked?: boolean;
|
|
15
|
-
onChange?: (checked: boolean) => void;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
size?: 'sm' | 'md' | 'lg';
|
|
18
|
-
error?: string;
|
|
19
|
-
className?: string;
|
|
20
|
-
}
|
|
21
|
-
export declare const MkSwitch: React.FC<MkSwitchProps>;
|
|
22
|
-
//# sourceMappingURL=MkSwitch.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSwitch.d.ts","sourceRoot":"","sources":["../../src/components/MkSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C;;;;;;;;;GASG;AAEH,MAAM,WAAW,aAAa;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgC5C,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback } from 'react';
|
|
3
|
-
import styles from './MkSwitch.module.css';
|
|
4
|
-
export const MkSwitch = ({ label, checked = false, onChange, disabled = false, size = 'md', error, className, }) => {
|
|
5
|
-
const handleToggle = useCallback(() => {
|
|
6
|
-
if (!disabled)
|
|
7
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(!checked);
|
|
8
|
-
}, [checked, disabled, onChange]);
|
|
9
|
-
return (_jsxs("div", { className: `${styles.container} ${className || ''}`, children: [_jsxs("label", { className: `${styles.label} ${disabled ? styles.disabled : ''}`, children: [_jsx("div", { className: `${styles.track} ${styles[size]} ${checked ? styles.checked : ''} ${error ? styles.error : ''}`, onClick: handleToggle, role: "switch", "aria-checked": checked, "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, onKeyDown: (e) => { if (e.key === ' ' || e.key === 'Enter') {
|
|
10
|
-
e.preventDefault();
|
|
11
|
-
handleToggle();
|
|
12
|
-
} }, children: _jsx("div", { className: `${styles.thumb} ${checked ? styles.thumbChecked : ''}` }) }), label && _jsx("span", { className: styles.text, children: label })] }), error && _jsx("span", { className: styles.errorText, children: error })] }));
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=MkSwitch.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkSwitch.js","sourceRoot":"","sources":["../../src/components/MkSwitch.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAuB3C,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAC9C,KAAK,EACL,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,QAAQ;YAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,aACpD,iBAAO,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,aAClE,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAC1G,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,QAAQ,kBACC,OAAO,mBACN,QAAQ,EACvB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;4BAAC,CAAC,CAAC,cAAc,EAAE,CAAC;4BAAC,YAAY,EAAE,CAAC;wBAAC,CAAC,CAAC,CAAC,YAErG,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,GAAI,GACzE,EACL,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,KAAK,GAAQ,IAClD,EACP,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,IACzD,CACT,CAAC;AACN,CAAC,CAAC"}
|