@makroz/web 1.0.1 → 1.1.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/auth/MkAuthProvider.js +2 -4
- package/dist/auth/MkAuthProvider.js.map +1 -1
- package/dist/auth/types.d.ts +1 -1
- package/dist/auth/types.js +1 -1
- package/dist/components/FormField.d.ts +27 -0
- package/dist/components/FormField.d.ts.map +1 -0
- package/dist/components/FormField.js +18 -0
- package/dist/components/FormField.js.map +1 -0
- package/dist/components/FormField.stories.d.ts +11 -0
- package/dist/components/FormField.stories.d.ts.map +1 -0
- package/dist/components/FormField.stories.js +61 -0
- package/dist/components/FormField.stories.js.map +1 -0
- package/dist/components/MkAccordion.d.ts.map +1 -1
- package/dist/components/MkAccordion.js +0 -2
- package/dist/components/MkAccordion.js.map +1 -1
- package/dist/components/MkAccordion.stories.d.ts +13 -0
- package/dist/components/MkAccordion.stories.d.ts.map +1 -0
- package/dist/components/MkAccordion.stories.js +76 -0
- package/dist/components/MkAccordion.stories.js.map +1 -0
- package/dist/components/MkAccordion.stories.test.d.ts +2 -0
- package/dist/components/MkAccordion.stories.test.d.ts.map +1 -0
- package/dist/components/MkAccordion.stories.test.js +18 -0
- package/dist/components/MkAccordion.stories.test.js.map +1 -0
- package/dist/components/MkAlert.d.ts.map +1 -1
- package/dist/components/MkAlert.js +0 -2
- package/dist/components/MkAlert.js.map +1 -1
- package/dist/components/MkAlert.stories.d.ts +13 -0
- package/dist/components/MkAlert.stories.d.ts.map +1 -0
- package/dist/components/MkAlert.stories.js +75 -0
- package/dist/components/MkAlert.stories.js.map +1 -0
- package/dist/components/MkAlert.stories.test.d.ts +2 -0
- package/dist/components/MkAlert.stories.test.d.ts.map +1 -0
- package/dist/components/MkAlert.stories.test.js +16 -0
- package/dist/components/MkAlert.stories.test.js.map +1 -0
- package/dist/components/MkAvatar.d.ts.map +1 -1
- package/dist/components/MkAvatar.js +0 -2
- package/dist/components/MkAvatar.js.map +1 -1
- package/dist/components/MkAvatar.stories.d.ts +14 -0
- package/dist/components/MkAvatar.stories.d.ts.map +1 -0
- package/dist/components/MkAvatar.stories.js +67 -0
- package/dist/components/MkAvatar.stories.js.map +1 -0
- package/dist/components/MkAvatar.stories.test.d.ts +2 -0
- package/dist/components/MkAvatar.stories.test.d.ts.map +1 -0
- package/dist/components/MkAvatar.stories.test.js +16 -0
- package/dist/components/MkAvatar.stories.test.js.map +1 -0
- package/dist/components/MkBadge.d.ts.map +1 -1
- package/dist/components/MkBadge.js +0 -2
- package/dist/components/MkBadge.js.map +1 -1
- package/dist/components/MkBadge.stories.d.ts +15 -0
- package/dist/components/MkBadge.stories.d.ts.map +1 -0
- package/dist/components/MkBadge.stories.js +78 -0
- package/dist/components/MkBadge.stories.js.map +1 -0
- package/dist/components/MkBadge.stories.test.d.ts +2 -0
- package/dist/components/MkBadge.stories.test.d.ts.map +1 -0
- package/dist/components/MkBadge.stories.test.js +16 -0
- package/dist/components/MkBadge.stories.test.js.map +1 -0
- package/dist/components/MkButton.d.ts +1 -1
- package/dist/components/MkButton.d.ts.map +1 -1
- package/dist/components/MkButton.js +0 -2
- package/dist/components/MkButton.js.map +1 -1
- package/dist/components/MkButton.stories.d.ts +12 -0
- package/dist/components/MkButton.stories.d.ts.map +1 -0
- package/dist/components/MkButton.stories.js +57 -0
- package/dist/components/MkButton.stories.js.map +1 -0
- package/dist/components/MkButton.test.js +2 -4
- package/dist/components/MkButton.test.js.map +1 -1
- package/dist/components/MkCard.d.ts.map +1 -1
- package/dist/components/MkCard.js +0 -2
- package/dist/components/MkCard.js.map +1 -1
- package/dist/components/MkCard.stories.d.ts +11 -0
- package/dist/components/MkCard.stories.d.ts.map +1 -0
- package/dist/components/MkCard.stories.js +57 -0
- package/dist/components/MkCard.stories.js.map +1 -0
- package/dist/components/MkCheck.d.ts.map +1 -1
- package/dist/components/MkCheck.js +0 -2
- package/dist/components/MkCheck.js.map +1 -1
- package/dist/components/MkCheck.stories.d.ts +13 -0
- package/dist/components/MkCheck.stories.d.ts.map +1 -0
- package/dist/components/MkCheck.stories.js +63 -0
- package/dist/components/MkCheck.stories.js.map +1 -0
- package/dist/components/MkCheck.stories.test.d.ts +2 -0
- package/dist/components/MkCheck.stories.test.d.ts.map +1 -0
- package/dist/components/MkCheck.stories.test.js +16 -0
- package/dist/components/MkCheck.stories.test.js.map +1 -0
- package/dist/components/MkDatePicker.d.ts.map +1 -1
- package/dist/components/MkDatePicker.js +0 -2
- package/dist/components/MkDatePicker.js.map +1 -1
- package/dist/components/MkDatePicker.stories.d.ts +11 -0
- package/dist/components/MkDatePicker.stories.d.ts.map +1 -0
- package/dist/components/MkDatePicker.stories.js +47 -0
- package/dist/components/MkDatePicker.stories.js.map +1 -0
- package/dist/components/MkDatePicker.stories.test.d.ts +2 -0
- package/dist/components/MkDatePicker.stories.test.d.ts.map +1 -0
- package/dist/components/MkDatePicker.stories.test.js +16 -0
- package/dist/components/MkDatePicker.stories.test.js.map +1 -0
- package/dist/components/MkDivider.d.ts.map +1 -1
- package/dist/components/MkDivider.js +0 -2
- package/dist/components/MkDivider.js.map +1 -1
- package/dist/components/MkDivider.stories.d.ts +12 -0
- package/dist/components/MkDivider.stories.d.ts.map +1 -0
- package/dist/components/MkDivider.stories.js +33 -0
- package/dist/components/MkDivider.stories.js.map +1 -0
- package/dist/components/MkDivider.stories.test.d.ts +2 -0
- package/dist/components/MkDivider.stories.test.d.ts.map +1 -0
- package/dist/components/MkDivider.stories.test.js +15 -0
- package/dist/components/MkDivider.stories.test.js.map +1 -0
- package/dist/components/MkDropDown.d.ts.map +1 -1
- package/dist/components/MkDropDown.js +0 -2
- package/dist/components/MkDropDown.js.map +1 -1
- package/dist/components/MkDropDown.stories.d.ts +12 -0
- package/dist/components/MkDropDown.stories.d.ts.map +1 -0
- package/dist/components/MkDropDown.stories.js +76 -0
- package/dist/components/MkDropDown.stories.js.map +1 -0
- package/dist/components/MkDropDown.stories.test.d.ts +2 -0
- package/dist/components/MkDropDown.stories.test.d.ts.map +1 -0
- package/dist/components/MkDropDown.stories.test.js +18 -0
- package/dist/components/MkDropDown.stories.test.js.map +1 -0
- package/dist/components/MkEmptyState.d.ts.map +1 -1
- package/dist/components/MkEmptyState.js +0 -2
- package/dist/components/MkEmptyState.js.map +1 -1
- package/dist/components/MkEmptyState.stories.d.ts +12 -0
- package/dist/components/MkEmptyState.stories.d.ts.map +1 -0
- package/dist/components/MkEmptyState.stories.js +44 -0
- package/dist/components/MkEmptyState.stories.js.map +1 -0
- package/dist/components/MkEmptyState.stories.test.d.ts +2 -0
- package/dist/components/MkEmptyState.stories.test.d.ts.map +1 -0
- package/dist/components/MkEmptyState.stories.test.js +15 -0
- package/dist/components/MkEmptyState.stories.test.js.map +1 -0
- package/dist/components/MkFileUpload.d.ts.map +1 -1
- package/dist/components/MkFileUpload.js +0 -2
- package/dist/components/MkFileUpload.js.map +1 -1
- package/dist/components/MkFileUpload.stories.d.ts +12 -0
- package/dist/components/MkFileUpload.stories.d.ts.map +1 -0
- package/dist/components/MkFileUpload.stories.js +53 -0
- package/dist/components/MkFileUpload.stories.js.map +1 -0
- package/dist/components/MkFileUpload.stories.test.d.ts +2 -0
- package/dist/components/MkFileUpload.stories.test.d.ts.map +1 -0
- package/dist/components/MkFileUpload.stories.test.js +15 -0
- package/dist/components/MkFileUpload.stories.test.js.map +1 -0
- package/dist/components/MkIcons.d.ts +6 -6
- package/dist/components/MkIcons.d.ts.map +1 -1
- package/dist/components/MkIcons.js +0 -2
- package/dist/components/MkIcons.js.map +1 -1
- package/dist/components/MkInfiniteList.d.ts +1 -1
- package/dist/components/MkInfiniteList.d.ts.map +1 -1
- package/dist/components/MkInfiniteList.js +0 -2
- package/dist/components/MkInfiniteList.js.map +1 -1
- package/dist/components/MkInfiniteList.stories.d.ts +17 -0
- package/dist/components/MkInfiniteList.stories.d.ts.map +1 -0
- package/dist/components/MkInfiniteList.stories.js +90 -0
- package/dist/components/MkInfiniteList.stories.js.map +1 -0
- package/dist/components/MkInfiniteList.stories.test.d.ts +2 -0
- package/dist/components/MkInfiniteList.stories.test.d.ts.map +1 -0
- package/dist/components/MkInfiniteList.stories.test.js +24 -0
- package/dist/components/MkInfiniteList.stories.test.js.map +1 -0
- package/dist/components/MkInput.d.ts.map +1 -1
- package/dist/components/MkInput.js +0 -2
- package/dist/components/MkInput.js.map +1 -1
- package/dist/components/MkInput.stories.d.ts +13 -0
- package/dist/components/MkInput.stories.d.ts.map +1 -0
- package/dist/components/MkInput.stories.js +75 -0
- package/dist/components/MkInput.stories.js.map +1 -0
- package/dist/components/MkInput.stories.test.d.ts +2 -0
- package/dist/components/MkInput.stories.test.d.ts.map +1 -0
- package/dist/components/MkInput.stories.test.js +16 -0
- package/dist/components/MkInput.stories.test.js.map +1 -0
- package/dist/components/MkLoading.d.ts.map +1 -1
- package/dist/components/MkLoading.js +0 -2
- package/dist/components/MkLoading.js.map +1 -1
- package/dist/components/MkLoading.stories.d.ts +13 -0
- package/dist/components/MkLoading.stories.d.ts.map +1 -0
- package/dist/components/MkLoading.stories.js +35 -0
- package/dist/components/MkLoading.stories.js.map +1 -0
- package/dist/components/MkLoading.stories.test.d.ts +2 -0
- package/dist/components/MkLoading.stories.test.d.ts.map +1 -0
- package/dist/components/MkLoading.stories.test.js +15 -0
- package/dist/components/MkLoading.stories.test.js.map +1 -0
- package/dist/components/MkModal.d.ts.map +1 -1
- package/dist/components/MkModal.js +0 -2
- package/dist/components/MkModal.js.map +1 -1
- package/dist/components/MkModal.stories.d.ts +13 -0
- package/dist/components/MkModal.stories.d.ts.map +1 -0
- package/dist/components/MkModal.stories.js +73 -0
- package/dist/components/MkModal.stories.js.map +1 -0
- package/dist/components/MkProgressBar.d.ts.map +1 -1
- package/dist/components/MkProgressBar.js +0 -2
- package/dist/components/MkProgressBar.js.map +1 -1
- package/dist/components/MkProgressBar.stories.d.ts +13 -0
- package/dist/components/MkProgressBar.stories.d.ts.map +1 -0
- package/dist/components/MkProgressBar.stories.js +39 -0
- package/dist/components/MkProgressBar.stories.js.map +1 -0
- package/dist/components/MkProgressBar.stories.test.d.ts +2 -0
- package/dist/components/MkProgressBar.stories.test.d.ts.map +1 -0
- package/dist/components/MkProgressBar.stories.test.js +15 -0
- package/dist/components/MkProgressBar.stories.test.js.map +1 -0
- package/dist/components/MkRadio.d.ts.map +1 -1
- package/dist/components/MkRadio.js +0 -2
- package/dist/components/MkRadio.js.map +1 -1
- package/dist/components/MkRadio.stories.d.ts +13 -0
- package/dist/components/MkRadio.stories.d.ts.map +1 -0
- package/dist/components/MkRadio.stories.js +55 -0
- package/dist/components/MkRadio.stories.js.map +1 -0
- package/dist/components/MkRadio.stories.test.d.ts +2 -0
- package/dist/components/MkRadio.stories.test.d.ts.map +1 -0
- package/dist/components/MkRadio.stories.test.js +18 -0
- package/dist/components/MkRadio.stories.test.js.map +1 -0
- package/dist/components/MkSearchInput.d.ts.map +1 -1
- package/dist/components/MkSearchInput.js +0 -2
- package/dist/components/MkSearchInput.js.map +1 -1
- package/dist/components/MkSearchInput.stories.d.ts +13 -0
- package/dist/components/MkSearchInput.stories.d.ts.map +1 -0
- package/dist/components/MkSearchInput.stories.js +47 -0
- package/dist/components/MkSearchInput.stories.js.map +1 -0
- package/dist/components/MkSearchInput.stories.test.d.ts +2 -0
- package/dist/components/MkSearchInput.stories.test.d.ts.map +1 -0
- package/dist/components/MkSearchInput.stories.test.js +15 -0
- package/dist/components/MkSearchInput.stories.test.js.map +1 -0
- package/dist/components/MkSelect.d.ts.map +1 -1
- package/dist/components/MkSelect.js +0 -2
- package/dist/components/MkSelect.js.map +1 -1
- package/dist/components/MkSelect.stories.d.ts +12 -0
- package/dist/components/MkSelect.stories.d.ts.map +1 -0
- package/dist/components/MkSelect.stories.js +84 -0
- package/dist/components/MkSelect.stories.js.map +1 -0
- package/dist/components/MkSelect.stories.test.d.ts +2 -0
- package/dist/components/MkSelect.stories.test.d.ts.map +1 -0
- package/dist/components/MkSelect.stories.test.js +21 -0
- package/dist/components/MkSelect.stories.test.js.map +1 -0
- package/dist/components/MkSkeleton.d.ts.map +1 -1
- package/dist/components/MkSkeleton.js +0 -2
- package/dist/components/MkSkeleton.js.map +1 -1
- package/dist/components/MkSkeleton.stories.d.ts +12 -0
- package/dist/components/MkSkeleton.stories.d.ts.map +1 -0
- package/dist/components/MkSkeleton.stories.js +32 -0
- package/dist/components/MkSkeleton.stories.js.map +1 -0
- package/dist/components/MkSkeleton.stories.test.d.ts +2 -0
- package/dist/components/MkSkeleton.stories.test.d.ts.map +1 -0
- package/dist/components/MkSkeleton.stories.test.js +15 -0
- package/dist/components/MkSkeleton.stories.test.js.map +1 -0
- package/dist/components/MkSwitch.d.ts.map +1 -1
- package/dist/components/MkSwitch.js +0 -2
- package/dist/components/MkSwitch.js.map +1 -1
- package/dist/components/MkSwitch.stories.d.ts +13 -0
- package/dist/components/MkSwitch.stories.d.ts.map +1 -0
- package/dist/components/MkSwitch.stories.js +37 -0
- package/dist/components/MkSwitch.stories.js.map +1 -0
- package/dist/components/MkSwitch.stories.test.d.ts +2 -0
- package/dist/components/MkSwitch.stories.test.d.ts.map +1 -0
- package/dist/components/MkSwitch.stories.test.js +15 -0
- package/dist/components/MkSwitch.stories.test.js.map +1 -0
- package/dist/components/MkTable.d.ts +1 -1
- package/dist/components/MkTable.d.ts.map +1 -1
- package/dist/components/MkTable.js +0 -2
- package/dist/components/MkTable.js.map +1 -1
- package/dist/components/MkTable.stories.d.ts +16 -0
- package/dist/components/MkTable.stories.d.ts.map +1 -0
- package/dist/components/MkTable.stories.js +65 -0
- package/dist/components/MkTable.stories.js.map +1 -0
- package/dist/components/MkTable.stories.test.d.ts +2 -0
- package/dist/components/MkTable.stories.test.d.ts.map +1 -0
- package/dist/components/MkTable.stories.test.js +25 -0
- package/dist/components/MkTable.stories.test.js.map +1 -0
- package/dist/components/MkTabs.d.ts.map +1 -1
- package/dist/components/MkTabs.js +0 -2
- package/dist/components/MkTabs.js.map +1 -1
- package/dist/components/MkTabs.stories.d.ts +11 -0
- package/dist/components/MkTabs.stories.d.ts.map +1 -0
- package/dist/components/MkTabs.stories.js +73 -0
- package/dist/components/MkTabs.stories.js.map +1 -0
- package/dist/components/MkTextArea.d.ts.map +1 -1
- package/dist/components/MkTextArea.js +0 -2
- package/dist/components/MkTextArea.js.map +1 -1
- package/dist/components/MkTextArea.stories.d.ts +13 -0
- package/dist/components/MkTextArea.stories.d.ts.map +1 -0
- package/dist/components/MkTextArea.stories.js +56 -0
- package/dist/components/MkTextArea.stories.js.map +1 -0
- package/dist/components/MkTextArea.stories.test.d.ts +2 -0
- package/dist/components/MkTextArea.stories.test.d.ts.map +1 -0
- package/dist/components/MkTextArea.stories.test.js +15 -0
- package/dist/components/MkTextArea.stories.test.js.map +1 -0
- package/dist/components/MkThemeEditor.js +1 -1
- package/dist/components/MkThemeEditor.js.map +1 -1
- package/dist/components/MkToastContainer.d.ts.map +1 -1
- package/dist/components/MkToastContainer.js +0 -2
- package/dist/components/MkToastContainer.js.map +1 -1
- package/dist/components/MkToastContainer.stories.d.ts +9 -0
- package/dist/components/MkToastContainer.stories.d.ts.map +1 -0
- package/dist/components/MkToastContainer.stories.js +43 -0
- package/dist/components/MkToastContainer.stories.js.map +1 -0
- package/dist/components/MkToastContainer.stories.test.d.ts +2 -0
- package/dist/components/MkToastContainer.stories.test.d.ts.map +1 -0
- package/dist/components/MkToastContainer.stories.test.js +29 -0
- package/dist/components/MkToastContainer.stories.test.js.map +1 -0
- package/dist/components/MkTooltip.d.ts.map +1 -1
- package/dist/components/MkTooltip.js +0 -2
- package/dist/components/MkTooltip.js.map +1 -1
- package/dist/components/MkTooltip.stories.d.ts +13 -0
- package/dist/components/MkTooltip.stories.d.ts.map +1 -0
- package/dist/components/MkTooltip.stories.js +59 -0
- package/dist/components/MkTooltip.stories.js.map +1 -0
- package/dist/components/MkTooltip.stories.test.d.ts +2 -0
- package/dist/components/MkTooltip.stories.test.d.ts.map +1 -0
- package/dist/components/MkTooltip.stories.test.js +15 -0
- package/dist/components/MkTooltip.stories.test.js.map +1 -0
- package/dist/components/MkWindowList.d.ts +1 -1
- package/dist/components/MkWindowList.d.ts.map +1 -1
- package/dist/components/MkWindowList.js +0 -2
- package/dist/components/MkWindowList.js.map +1 -1
- package/dist/components/MkWindowList.stories.d.ts +16 -0
- package/dist/components/MkWindowList.stories.d.ts.map +1 -0
- package/dist/components/MkWindowList.stories.js +76 -0
- package/dist/components/MkWindowList.stories.js.map +1 -0
- package/dist/components/MkWindowList.stories.test.d.ts +2 -0
- package/dist/components/MkWindowList.stories.test.d.ts.map +1 -0
- package/dist/components/MkWindowList.stories.test.js +19 -0
- package/dist/components/MkWindowList.stories.test.js.map +1 -0
- package/dist/context/MkApiContext.d.ts.map +1 -1
- package/dist/context/MkApiContext.js +0 -2
- package/dist/context/MkApiContext.js.map +1 -1
- package/dist/context/MkAuthContext.d.ts +1 -1
- package/dist/context/MkAuthContext.d.ts.map +1 -1
- package/dist/context/MkAuthContext.js +1 -3
- package/dist/context/MkAuthContext.js.map +1 -1
- package/dist/context/MkConfirmContext.d.ts +1 -1
- package/dist/context/MkConfirmContext.d.ts.map +1 -1
- package/dist/context/MkConfirmContext.js +0 -2
- package/dist/context/MkConfirmContext.js.map +1 -1
- package/dist/context/MkToastContext.d.ts +1 -1
- package/dist/context/MkToastContext.d.ts.map +1 -1
- package/dist/context/MkToastContext.js +0 -2
- package/dist/context/MkToastContext.js.map +1 -1
- package/dist/hooks/useApi.d.ts +1 -1
- package/dist/hooks/useApi.d.ts.map +1 -1
- package/dist/hooks/useApi.js +0 -2
- package/dist/hooks/useApi.js.map +1 -1
- package/dist/hooks/useApi.test.js +0 -2
- package/dist/hooks/useApi.test.js.map +1 -1
- package/dist/hooks/useMkClickOutside.d.ts.map +1 -1
- package/dist/hooks/useMkClickOutside.js +0 -2
- package/dist/hooks/useMkClickOutside.js.map +1 -1
- package/dist/hooks/useMkCrud.d.ts +1 -1
- package/dist/hooks/useMkCrud.d.ts.map +1 -1
- package/dist/hooks/useMkCrud.js +0 -2
- package/dist/hooks/useMkCrud.js.map +1 -1
- package/dist/hooks/useMkCrud.test.js +0 -2
- package/dist/hooks/useMkCrud.test.js.map +1 -1
- package/dist/hooks/useMkDebounce.d.ts.map +1 -1
- package/dist/hooks/useMkDebounce.js +0 -2
- package/dist/hooks/useMkDebounce.js.map +1 -1
- package/dist/hooks/useMkEvent.d.ts +1 -1
- package/dist/hooks/useMkEvent.js +1 -1
- package/dist/hooks/useMkForm.d.ts +1 -1
- package/dist/hooks/useMkForm.d.ts.map +1 -1
- package/dist/hooks/useMkForm.js +1 -1
- package/dist/hooks/useMkForm.js.map +1 -1
- package/dist/hooks/useMkList.d.ts +7 -7
- package/dist/hooks/useMkList.js +0 -1
- package/dist/hooks/useMkList.js.map +1 -1
- package/dist/hooks/useMkScreenSize.js +0 -1
- package/dist/hooks/useMkScreenSize.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/test-setup.js +29 -0
- package/dist/test-setup.js.map +1 -1
- package/dist/theme/MkThemeProvider.d.ts +3 -3
- package/dist/theme/MkThemeProvider.d.ts.map +1 -1
- package/dist/theme/MkThemeProvider.js +2 -2
- package/dist/theme/MkThemeProvider.js.map +1 -1
- package/eslint-plugin-mk/README.md +167 -0
- package/package.json +16 -4
- package/dist/auth/auth/MkAuthContext.d.ts +0 -42
- package/dist/auth/auth/MkAuthForm.d.ts +0 -41
- package/dist/auth/auth/MkAuthProvider.d.ts +0 -29
- package/dist/auth/auth/types.d.ts +0 -62
- package/dist/auth/auth/useMkAuth.d.ts +0 -18
- package/dist/auth/components/MkButton.d.ts +0 -10
- package/dist/auth/components/MkInput.d.ts +0 -12
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { MkTabs } from './MkTabs';
|
|
2
|
+
const meta = {
|
|
3
|
+
title: 'Components/MkTabs',
|
|
4
|
+
component: MkTabs,
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: 'padded',
|
|
7
|
+
},
|
|
8
|
+
tags: ['autodocs'],
|
|
9
|
+
argTypes: {
|
|
10
|
+
variant: {
|
|
11
|
+
control: { type: 'select' },
|
|
12
|
+
options: ['underline', 'pills', 'segmented'],
|
|
13
|
+
},
|
|
14
|
+
size: {
|
|
15
|
+
control: { type: 'select' },
|
|
16
|
+
options: ['sm', 'md'],
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
};
|
|
20
|
+
export default meta;
|
|
21
|
+
export const TwoTabs = {
|
|
22
|
+
args: {
|
|
23
|
+
tabs: [
|
|
24
|
+
{ key: 'overview', label: 'Overview' },
|
|
25
|
+
{ key: 'details', label: 'Details' },
|
|
26
|
+
],
|
|
27
|
+
variant: 'underline',
|
|
28
|
+
},
|
|
29
|
+
};
|
|
30
|
+
export const FourTabs = {
|
|
31
|
+
args: {
|
|
32
|
+
tabs: [
|
|
33
|
+
{ key: 'all', label: 'All', badge: 42 },
|
|
34
|
+
{ key: 'unread', label: 'Unread', badge: 3 },
|
|
35
|
+
{ key: 'starred', label: 'Starred' },
|
|
36
|
+
{ key: 'archived', label: 'Archived' },
|
|
37
|
+
],
|
|
38
|
+
variant: 'underline',
|
|
39
|
+
},
|
|
40
|
+
};
|
|
41
|
+
export const Pills = {
|
|
42
|
+
args: {
|
|
43
|
+
tabs: [
|
|
44
|
+
{ key: 'day', label: 'Day' },
|
|
45
|
+
{ key: 'week', label: 'Week' },
|
|
46
|
+
{ key: 'month', label: 'Month' },
|
|
47
|
+
{ key: 'year', label: 'Year' },
|
|
48
|
+
],
|
|
49
|
+
variant: 'pills',
|
|
50
|
+
},
|
|
51
|
+
};
|
|
52
|
+
export const Segmented = {
|
|
53
|
+
args: {
|
|
54
|
+
tabs: [
|
|
55
|
+
{ key: 'list', label: 'List view' },
|
|
56
|
+
{ key: 'grid', label: 'Grid view' },
|
|
57
|
+
{ key: 'board', label: 'Board view' },
|
|
58
|
+
],
|
|
59
|
+
variant: 'segmented',
|
|
60
|
+
},
|
|
61
|
+
};
|
|
62
|
+
export const WithDisabled = {
|
|
63
|
+
args: {
|
|
64
|
+
tabs: [
|
|
65
|
+
{ key: 'profile', label: 'Profile' },
|
|
66
|
+
{ key: 'security', label: 'Security' },
|
|
67
|
+
{ key: 'billing', label: 'Billing', disabled: true },
|
|
68
|
+
{ key: 'team', label: 'Team' },
|
|
69
|
+
],
|
|
70
|
+
variant: 'underline',
|
|
71
|
+
},
|
|
72
|
+
};
|
|
73
|
+
//# sourceMappingURL=MkTabs.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkTabs.stories.js","sourceRoot":"","sources":["../../src/components/MkTabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,IAAI,GAAwB;IAC9B,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACR,MAAM,EAAE,QAAQ;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,CAAC;SAC/C;QACD,IAAI,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;SACxB;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,IAAI,EAAE;YACF,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YACtC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;SACvC;QACD,OAAO,EAAE,WAAW;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,IAAI,EAAE;YACF,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;YACvC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE;YAC5C,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACpC,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;SACzC;QACD,OAAO,EAAE,WAAW;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,IAAI,EAAE;YACF,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;YAC5B,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAC9B,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAChC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;SACjC;QACD,OAAO,EAAE,OAAO;KACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,IAAI,EAAE;YACF,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE;YACnC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE;YACnC,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE;SACxC;QACD,OAAO,EAAE,WAAW;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IAC/B,IAAI,EAAE;QACF,IAAI,EAAE;YACF,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACpC,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YACtC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE;YACpD,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;SACjC;QACD,OAAO,EAAE,WAAW;KACvB;CACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkTextArea.d.ts","sourceRoot":"","sources":["../../src/components/MkTextArea.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MkTextArea.d.ts","sourceRoot":"","sources":["../../src/components/MkTextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C;;;;GAIG;AAEH,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6ChD,CAAC"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
use;
|
|
3
|
-
client;
|
|
4
2
|
import { useCallback } from 'react';
|
|
5
3
|
import styles from './MkInput.module.css';
|
|
6
4
|
export const MkTextArea = ({ label, error, helperText, placeholder, value = '', onChange, rows = 4, maxLength, disabled = false, showCount = false, className, }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkTextArea.js","sourceRoot":"","sources":["../../src/components/MkTextArea.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"MkTextArea.js","sourceRoot":"","sources":["../../src/components/MkTextArea.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAsB1C,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAClD,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,IAAI,GAAG,CAAC,EACR,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,CAAyC,EAAE,EAAE,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAC9E,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC3B,KAAK,IAAI,gBAAO,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAS,EACzD,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,YACnE,mBACI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,SAAS,IAAI,EAAE,EAAE,EAC/C,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,GAAG,GAAG,KAAK,EAAE,EAC5D,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GACpB,GACA,EACN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,aAC3D,KAAK,CAAC,CAAC,CAAC,CACL,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,CACpD,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CACb,eAAM,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,UAAU,GAAQ,CAC1D,CAAC,CAAC,CAAC,gBAAQ,EACX,SAAS,IAAI,SAAS,IAAI,CACvB,gBAAM,SAAS,EAAE,MAAM,CAAC,UAAU,aAAG,KAAK,CAAC,MAAM,OAAG,SAAS,IAAQ,CACxE,IACC,IACJ,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { MkTextArea } from './MkTextArea';
|
|
3
|
+
declare const meta: Meta<typeof MkTextArea>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof MkTextArea>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithLabel: Story;
|
|
8
|
+
export declare const WithValue: Story;
|
|
9
|
+
export declare const WithHelperText: Story;
|
|
10
|
+
export declare const WithError: Story;
|
|
11
|
+
export declare const Disabled: Story;
|
|
12
|
+
export declare const WithMaxLength: Story;
|
|
13
|
+
//# sourceMappingURL=MkTextArea.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkTextArea.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkTextArea.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,CAajC,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,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { MkTextArea } from './MkTextArea';
|
|
2
|
+
const meta = {
|
|
3
|
+
title: 'Components/MkTextArea',
|
|
4
|
+
component: MkTextArea,
|
|
5
|
+
parameters: { layout: 'centered' },
|
|
6
|
+
tags: ['autodocs'],
|
|
7
|
+
argTypes: {
|
|
8
|
+
label: { control: 'text' },
|
|
9
|
+
rows: { control: { type: 'number', min: 2, max: 20 } },
|
|
10
|
+
maxLength: { control: { type: 'number' } },
|
|
11
|
+
showCount: { control: 'boolean' },
|
|
12
|
+
disabled: { control: 'boolean' },
|
|
13
|
+
error: { control: 'text' },
|
|
14
|
+
},
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
export const Default = {
|
|
18
|
+
args: { placeholder: 'Escribe aquí...' },
|
|
19
|
+
};
|
|
20
|
+
export const WithLabel = {
|
|
21
|
+
args: { label: 'Descripción', placeholder: 'Cuéntanos más...' },
|
|
22
|
+
};
|
|
23
|
+
export const WithValue = {
|
|
24
|
+
args: {
|
|
25
|
+
label: 'Bio',
|
|
26
|
+
value: 'Software engineer with a passion for clean code.',
|
|
27
|
+
},
|
|
28
|
+
};
|
|
29
|
+
export const WithHelperText = {
|
|
30
|
+
args: {
|
|
31
|
+
label: 'Comentario',
|
|
32
|
+
placeholder: 'Tu comentario...',
|
|
33
|
+
helperText: 'Máximo 500 caracteres',
|
|
34
|
+
maxLength: 500,
|
|
35
|
+
showCount: true,
|
|
36
|
+
},
|
|
37
|
+
};
|
|
38
|
+
export const WithError = {
|
|
39
|
+
args: {
|
|
40
|
+
label: 'Required',
|
|
41
|
+
value: 'Texto muy corto',
|
|
42
|
+
error: 'La descripción debe tener al menos 20 caracteres',
|
|
43
|
+
},
|
|
44
|
+
};
|
|
45
|
+
export const Disabled = {
|
|
46
|
+
args: { label: 'Locked notes', value: 'Cannot edit', disabled: true },
|
|
47
|
+
};
|
|
48
|
+
export const WithMaxLength = {
|
|
49
|
+
args: {
|
|
50
|
+
label: 'Tweet',
|
|
51
|
+
placeholder: 'What is happening?',
|
|
52
|
+
maxLength: 280,
|
|
53
|
+
showCount: true,
|
|
54
|
+
},
|
|
55
|
+
};
|
|
56
|
+
//# sourceMappingURL=MkTextArea.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkTextArea.stories.js","sourceRoot":"","sources":["../../src/components/MkTextArea.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,UAAU,EAAE;IAClC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE;QACtD,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;QAC1C,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACjC,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KAC7B;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,kBAAkB,EAAE;CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,kDAAkD;KAC5D;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACjC,IAAI,EAAE;QACF,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,kBAAkB;QAC/B,UAAU,EAAE,uBAAuB;QACnC,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,IAAI;KAClB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,iBAAiB;QACxB,KAAK,EAAE,kDAAkD;KAC5D;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,EAAE;CACxE,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAChC,IAAI,EAAE;QACF,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,oBAAoB;QACjC,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,IAAI;KAClB;CACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkTextArea.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkTextArea.stories.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Smoke snapshot for MkTextArea — required by R-MK-002.
|
|
4
|
+
*/
|
|
5
|
+
import { describe, it, expect, afterEach } from 'vitest';
|
|
6
|
+
import { render, cleanup } from '@testing-library/react';
|
|
7
|
+
import { MkTextArea } from './MkTextArea';
|
|
8
|
+
describe('MkTextArea story smoke', () => {
|
|
9
|
+
afterEach(cleanup);
|
|
10
|
+
it('renders with label', () => {
|
|
11
|
+
const { container } = render(_jsx(MkTextArea, { label: "Description", value: "Some text content" }));
|
|
12
|
+
expect(container.firstChild).toMatchSnapshot();
|
|
13
|
+
});
|
|
14
|
+
});
|
|
15
|
+
//# sourceMappingURL=MkTextArea.stories.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkTextArea.stories.test.js","sourceRoot":"","sources":["../../src/components/MkTextArea.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,CACxB,KAAC,UAAU,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,mBAAmB,GAAG,CAC/D,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { useState, useMemo } from 'react';
|
|
4
4
|
import styles from './MkThemeEditor.module.css';
|
|
5
5
|
import { useMkTheme } from '../theme/MkThemeProvider';
|
|
6
|
-
import { tokens } from '@
|
|
6
|
+
import { tokens } from '@makroz/core';
|
|
7
7
|
/**
|
|
8
8
|
* @module MkThemeEditor
|
|
9
9
|
* @description Real-time Theme Editor for MK-Director.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkThemeEditor.js","sourceRoot":"","sources":["../../src/components/MkThemeEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"MkThemeEditor.js","sourceRoot":"","sources":["../../src/components/MkThemeEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkToastContainer.d.ts","sourceRoot":"","sources":["../../src/components/MkToastContainer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MkToastContainer.d.ts","sourceRoot":"","sources":["../../src/components/MkToastContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAexE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EA8BpC,CAAC"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
use;
|
|
3
|
-
client;
|
|
4
2
|
import React, { useEffect, useRef, useState, useCallback } from 'react';
|
|
5
3
|
import { createPortal } from 'react-dom';
|
|
6
4
|
import { useMkToast } from '../context/MkToastContext';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkToastContainer.js","sourceRoot":"","sources":["../../src/components/MkToastContainer.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"MkToastContainer.js","sourceRoot":"","sources":["../../src/components/MkToastContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { MkToastContainer } from './MkToastContainer';
|
|
3
|
+
declare const meta: Meta<typeof MkToastContainer>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof MkToastContainer>;
|
|
6
|
+
export declare const Empty: Story;
|
|
7
|
+
export declare const WithToasts: Story;
|
|
8
|
+
export declare const SingleToast: Story;
|
|
9
|
+
//# sourceMappingURL=MkToastContainer.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkToastContainer.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkToastContainer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAItD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAevC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAkB/C,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { MkToastContainer } from './MkToastContainer';
|
|
3
|
+
import { MkToastProvider, useMkToast } from '../context/MkToastContext';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
const meta = {
|
|
6
|
+
title: 'Components/MkToastContainer',
|
|
7
|
+
component: MkToastContainer,
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: 'fullscreen',
|
|
10
|
+
},
|
|
11
|
+
tags: ['autodocs'],
|
|
12
|
+
decorators: [
|
|
13
|
+
(Story) => (_jsxs(MkToastProvider, { children: [_jsx(Story, {}), _jsx(MkToastContainer, {})] })),
|
|
14
|
+
],
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
/** Helper component that fires toasts on mount to populate the container. */
|
|
18
|
+
const ToastFireOnMount = ({ messages }) => {
|
|
19
|
+
const { showToast } = useMkToast();
|
|
20
|
+
React.useEffect(() => {
|
|
21
|
+
messages.forEach((m, i) => {
|
|
22
|
+
setTimeout(() => showToast(m.message, { type: m.type, title: m.title }), i * 300);
|
|
23
|
+
});
|
|
24
|
+
}, [showToast, messages]);
|
|
25
|
+
return null;
|
|
26
|
+
};
|
|
27
|
+
export const Empty = {
|
|
28
|
+
render: () => (_jsx(MkToastProvider, { children: _jsx(MkToastContainer, {}) })),
|
|
29
|
+
};
|
|
30
|
+
export const WithToasts = {
|
|
31
|
+
render: () => (_jsxs(MkToastProvider, { children: [_jsx(ToastFireOnMount, { messages: [
|
|
32
|
+
{ type: 'success', title: 'Saved', message: 'Profile updated.' },
|
|
33
|
+
{ type: 'error', title: 'Error', message: 'Could not save changes.' },
|
|
34
|
+
{ type: 'info', title: 'Info', message: 'A new version is available.' },
|
|
35
|
+
{ type: 'warning', title: 'Warning', message: 'You are about to expire.' },
|
|
36
|
+
] }), _jsx(MkToastContainer, {})] })),
|
|
37
|
+
};
|
|
38
|
+
export const SingleToast = {
|
|
39
|
+
render: () => (_jsxs(MkToastProvider, { children: [_jsx(ToastFireOnMount, { messages: [
|
|
40
|
+
{ type: 'success', title: 'Done', message: 'Your changes were saved.' },
|
|
41
|
+
] }), _jsx(MkToastContainer, {})] })),
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=MkToastContainer.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkToastContainer.stories.js","sourceRoot":"","sources":["../../src/components/MkToastContainer.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,IAAI,GAAkC;IACxC,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,gBAAgB;IAC3B,UAAU,EAAE;QACR,MAAM,EAAE,YAAY;KACvB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACR,CAAC,KAAK,EAAE,EAAE,CAAC,CACP,MAAC,eAAe,eACZ,KAAC,KAAK,KAAG,EACT,KAAC,gBAAgB,KAAG,IACN,CACrB;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,6EAA6E;AAC7E,MAAM,gBAAgB,GAEjB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClB,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,CAAC;IACnC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACtB,UAAU,CACN,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,EAC5D,CAAC,GAAG,GAAG,CACV,CAAC;QACN,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC1B,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,KAAC,eAAe,cACZ,KAAC,gBAAgB,KAAG,GACN,CACrB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,MAAC,eAAe,eACZ,KAAC,gBAAgB,IACb,QAAQ,EAAE;oBACN,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE;oBAChE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,yBAAyB,EAAE;oBACrE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,6BAA6B,EAAE;oBACvE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,0BAA0B,EAAE;iBAC7E,GACH,EACF,KAAC,gBAAgB,KAAG,IACN,CACrB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,MAAC,eAAe,eACZ,KAAC,gBAAgB,IACb,QAAQ,EAAE;oBACN,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,0BAA0B,EAAE;iBAC1E,GACH,EACF,KAAC,gBAAgB,KAAG,IACN,CACrB;CACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkToastContainer.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkToastContainer.stories.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Smoke snapshot for MkToastContainer — generates
|
|
4
|
+
* `__snapshots__/MkToastContainer.stories.snap`. Required by R-MK-002.
|
|
5
|
+
*
|
|
6
|
+
* Note: this one is special — MkToastContainer depends on MkToastProvider
|
|
7
|
+
* being mounted in the tree. We use a helper component to fire a single
|
|
8
|
+
* toast on mount, then render the container.
|
|
9
|
+
*/
|
|
10
|
+
import { describe, it, expect, afterEach } from 'vitest';
|
|
11
|
+
import { render, cleanup } from '@testing-library/react';
|
|
12
|
+
import { MkToastProvider, useMkToast } from '../context/MkToastContext';
|
|
13
|
+
import { MkToastContainer } from './MkToastContainer';
|
|
14
|
+
import React from 'react';
|
|
15
|
+
const ToastFirer = () => {
|
|
16
|
+
const { showToast } = useMkToast();
|
|
17
|
+
React.useEffect(() => {
|
|
18
|
+
showToast('Your changes were saved.', { type: 'success', title: 'Saved' });
|
|
19
|
+
}, [showToast]);
|
|
20
|
+
return null;
|
|
21
|
+
};
|
|
22
|
+
describe('MkToastContainer story smoke', () => {
|
|
23
|
+
afterEach(cleanup);
|
|
24
|
+
it('renders with one toast', () => {
|
|
25
|
+
const { container } = render(_jsxs(MkToastProvider, { children: [_jsx(ToastFirer, {}), _jsx(MkToastContainer, {})] }));
|
|
26
|
+
expect(container).toMatchSnapshot();
|
|
27
|
+
});
|
|
28
|
+
});
|
|
29
|
+
//# sourceMappingURL=MkToastContainer.stories.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkToastContainer.stories.test.js","sourceRoot":"","sources":["../../src/components/MkToastContainer.stories.test.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;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,eAAe,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,GAAa,GAAG,EAAE;IAC9B,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,CAAC;IACnC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,SAAS,CAAC,0BAA0B,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/E,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;IAC1C,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAC9B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,MAAC,eAAe,eACZ,KAAC,UAAU,KAAG,EACd,KAAC,gBAAgB,KAAG,IACN,CACrB,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkTooltip.d.ts","sourceRoot":"","sources":["../../src/components/MkTooltip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MkTooltip.d.ts","sourceRoot":"","sources":["../../src/components/MkTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD;;;GAGG;AAEH,MAAM,WAAW,cAAc;IAC3B,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoC9C,CAAC"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
use;
|
|
3
|
-
client;
|
|
4
2
|
import { useState, useRef } from 'react';
|
|
5
3
|
import styles from './MkTooltip.module.css';
|
|
6
4
|
export const MkTooltip = ({ content, position = 'top', delay = 200, children, className, }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkTooltip.js","sourceRoot":"","sources":["../../src/components/MkTooltip.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"MkTooltip.js","sourceRoot":"","sources":["../../src/components/MkTooltip.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAe5C,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAChD,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,GAAG,EACX,QAAQ,EACR,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAEpE,MAAM,IAAI,GAAG,GAAG,EAAE;QACd,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IACjE,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,GAAG,EAAE;QACd,IAAI,QAAQ,CAAC,OAAO;YAAE,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrD,UAAU,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACH,eACI,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,IAAI,EAAE,EAAE,EACjD,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,IAAI,EAClB,OAAO,EAAE,IAAI,EACb,MAAM,EAAE,IAAI,aAEX,QAAQ,EACR,OAAO,IAAI,CACR,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAC,SAAS,aAClE,OAAO,EACR,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,SAAS,QAAQ,EAAE,CAAC,EAAE,GAAI,IAClE,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { MkTooltip } from './MkTooltip';
|
|
3
|
+
declare const meta: Meta<typeof MkTooltip>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof MkTooltip>;
|
|
6
|
+
export declare const Top: Story;
|
|
7
|
+
export declare const Bottom: Story;
|
|
8
|
+
export declare const Left: Story;
|
|
9
|
+
export declare const Right: Story;
|
|
10
|
+
export declare const WithRichContent: Story;
|
|
11
|
+
export declare const WithDelay: Story;
|
|
12
|
+
export declare const AllPositions: Story;
|
|
13
|
+
//# sourceMappingURL=MkTooltip.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkTooltip.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkTooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAShC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,GAAG,EAAE,KAMjB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { MkTooltip } from './MkTooltip';
|
|
3
|
+
const meta = {
|
|
4
|
+
title: 'Components/MkTooltip',
|
|
5
|
+
component: MkTooltip,
|
|
6
|
+
parameters: { layout: 'centered' },
|
|
7
|
+
tags: ['autodocs'],
|
|
8
|
+
argTypes: {
|
|
9
|
+
position: { control: { type: 'select' }, options: ['top', 'bottom', 'left', 'right'] },
|
|
10
|
+
delay: { control: { type: 'number' } },
|
|
11
|
+
},
|
|
12
|
+
};
|
|
13
|
+
export default meta;
|
|
14
|
+
export const Top = {
|
|
15
|
+
args: {
|
|
16
|
+
content: 'This is a tooltip on top',
|
|
17
|
+
position: 'top',
|
|
18
|
+
children: _jsx("button", { children: "Hover me (top)" }),
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
export const Bottom = {
|
|
22
|
+
args: {
|
|
23
|
+
content: 'This is a tooltip on bottom',
|
|
24
|
+
position: 'bottom',
|
|
25
|
+
children: _jsx("button", { children: "Hover me (bottom)" }),
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
export const Left = {
|
|
29
|
+
args: {
|
|
30
|
+
content: 'On the left',
|
|
31
|
+
position: 'left',
|
|
32
|
+
children: _jsx("button", { children: "Hover me (left)" }),
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
export const Right = {
|
|
36
|
+
args: {
|
|
37
|
+
content: 'On the right',
|
|
38
|
+
position: 'right',
|
|
39
|
+
children: _jsx("button", { children: "Hover me (right)" }),
|
|
40
|
+
},
|
|
41
|
+
};
|
|
42
|
+
export const WithRichContent = {
|
|
43
|
+
args: {
|
|
44
|
+
content: (_jsxs("div", { children: [_jsx("strong", { children: "Pro tip" }), _jsxs("p", { children: ["Use ", _jsx("code", { children: "Cmd+K" }), " to open the command palette."] })] })),
|
|
45
|
+
position: 'top',
|
|
46
|
+
children: _jsx("button", { children: "Hover for rich tooltip" }),
|
|
47
|
+
},
|
|
48
|
+
};
|
|
49
|
+
export const WithDelay = {
|
|
50
|
+
args: {
|
|
51
|
+
content: 'Appears after 1 second',
|
|
52
|
+
delay: 1000,
|
|
53
|
+
children: _jsx("button", { children: "Hover and wait" }),
|
|
54
|
+
},
|
|
55
|
+
};
|
|
56
|
+
export const AllPositions = {
|
|
57
|
+
render: () => (_jsxs("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 80, padding: 60 }, children: [_jsx(MkTooltip, { content: "Top", position: "top", children: _jsx("button", { children: "Top" }) }), _jsx(MkTooltip, { content: "Bottom", position: "bottom", children: _jsx("button", { children: "Bottom" }) }), _jsx(MkTooltip, { content: "Left", position: "left", children: _jsx("button", { children: "Left" }) }), _jsx(MkTooltip, { content: "Right", position: "right", children: _jsx("button", { children: "Right" }) })] })),
|
|
58
|
+
};
|
|
59
|
+
//# sourceMappingURL=MkTooltip.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkTooltip.stories.js","sourceRoot":"","sources":["../../src/components/MkTooltip.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,IAAI,GAA2B;IACjC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;IAClC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QACtF,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KACzC;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,GAAG,GAAU;IACtB,IAAI,EAAE;QACF,OAAO,EAAE,0BAA0B;QACnC,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,8CAA+B;KAC5C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE;QACF,OAAO,EAAE,6BAA6B;QACtC,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,iDAAkC;KAC/C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACvB,IAAI,EAAE;QACF,OAAO,EAAE,aAAa;QACtB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,+CAAgC;KAC7C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,OAAO,EAAE,cAAc;QACvB,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,gDAAiC;KAC9C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IAClC,IAAI,EAAE;QACF,OAAO,EAAE,CACL,0BACI,uCAAwB,EACxB,gCAAO,mCAAkB,qCAAiC,IACxD,CACT;QACD,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,sDAAuC;KACpD;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,OAAO,EAAE,wBAAwB;QACjC,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,8CAA+B;KAC5C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,aACjF,KAAC,SAAS,IAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,YACnC,mCAAoB,GACZ,EACZ,KAAC,SAAS,IAAC,OAAO,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,YACzC,sCAAuB,GACf,EACZ,KAAC,SAAS,IAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,YACrC,oCAAqB,GACb,EACZ,KAAC,SAAS,IAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,YACvC,qCAAsB,GACd,IACV,CACT;CACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkTooltip.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkTooltip.stories.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Smoke snapshot for MkTooltip — required by R-MK-002.
|
|
4
|
+
*/
|
|
5
|
+
import { describe, it, expect, afterEach } from 'vitest';
|
|
6
|
+
import { render, cleanup } from '@testing-library/react';
|
|
7
|
+
import { MkTooltip } from './MkTooltip';
|
|
8
|
+
describe('MkTooltip story smoke', () => {
|
|
9
|
+
afterEach(cleanup);
|
|
10
|
+
it('renders with content', () => {
|
|
11
|
+
const { container } = render(_jsx(MkTooltip, { content: "A helpful hint", position: "top", children: _jsx("button", { children: "Trigger" }) }));
|
|
12
|
+
expect(container.firstChild).toMatchSnapshot();
|
|
13
|
+
});
|
|
14
|
+
});
|
|
15
|
+
//# sourceMappingURL=MkTooltip.stories.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkTooltip.stories.test.js","sourceRoot":"","sources":["../../src/components/MkTooltip.stories.test.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACnC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,SAAS,IAAC,OAAO,EAAC,gBAAgB,EAAC,QAAQ,EAAC,KAAK,YAC9C,uCAAwB,GAChB,CACf,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -16,5 +16,5 @@ export interface MkWindowListProps<T> {
|
|
|
16
16
|
* 🚀 High-performance Virtualized List.
|
|
17
17
|
* Renders only the visible portion of a massive list to keep the DOM light.
|
|
18
18
|
*/
|
|
19
|
-
export declare function MkWindowList<T>({ items, renderItem, itemHeight, containerHeight, overscan, loading, hasMore, onLoadMore, emptyMessage, className }: MkWindowListProps<T>):
|
|
19
|
+
export declare function MkWindowList<T>({ items, renderItem, itemHeight, containerHeight, overscan, loading, hasMore, onLoadMore, emptyMessage, className }: MkWindowListProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
20
20
|
//# sourceMappingURL=MkWindowList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkWindowList.d.ts","sourceRoot":"","sources":["../../src/components/MkWindowList.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MkWindowList.d.ts","sourceRoot":"","sources":["../../src/components/MkWindowList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAChC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC5B,KAAK,EACL,UAAU,EACV,UAAU,EACV,eAAyB,EACzB,QAAY,EACZ,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAAyC,EACzC,SAAc,EACjB,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAoGtB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkWindowList.js","sourceRoot":"","sources":["../../src/components/MkWindowList.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"MkWindowList.js","sourceRoot":"","sources":["../../src/components/MkWindowList.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAe,OAAO,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAe/C;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAI,EAC5B,KAAK,EACL,UAAU,EACV,UAAU,EACV,eAAe,GAAG,OAAO,EACzB,QAAQ,GAAG,CAAC,EACZ,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAAY,GAAG,0BAA0B,EACzC,SAAS,GAAG,EAAE,EACK;IACnB,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAExD,qCAAqC;IACrC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACvB,iBAAiB,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;YAErD,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;gBAChD,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;oBAC1B,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBAChD,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAC7C,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;QAC7C,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,CAAC,CAAgC,EAAE,EAAE;QAClD,MAAM,MAAM,GAAG,CAAC,CAAC,aAAa,CAAC;QAC/B,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAE/B,sDAAsD;QACtD,IAAI,UAAU,IAAI,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;YACpC,MAAM,QAAQ,GAAG,MAAM,CAAC,YAAY,GAAG,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,YAAY,GAAG,GAAG,CAAC;YACrF,IAAI,QAAQ,EAAE,CAAC;gBACX,UAAU,EAAE,CAAC;YACjB,CAAC;QACL,CAAC;IACL,CAAC,CAAC;IAEF,yBAAyB;IACzB,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACvD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC;QACzE,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAChB,KAAK,CAAC,MAAM,EACZ,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,cAAc,CAAC,GAAG,UAAU,CAAC,GAAG,QAAQ,CAClE,CAAC;QAEF,OAAO;YACH,UAAU,EAAE,KAAK;YACjB,QAAQ,EAAE,GAAG;YACb,WAAW,EAAE,KAAK,CAAC,MAAM,GAAG,UAAU;SACzC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpE,uBAAuB;IACvB,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzD,MAAM,aAAa,GAAG,UAAU,GAAG,KAAK,CAAC;YACzC,OAAO,CACH,cAEI,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,KAAK,EAAE;oBACH,MAAM,EAAE,UAAU;oBAClB,SAAS,EAAE,cAAc,aAAa,GAAG,UAAU,KAAK;iBAC3D,YAEA,UAAU,CAAC,IAAI,EAAE,aAAa,CAAC,IAP3B,aAAa,CAQhB,CACT,CAAC;QACN,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1D,OAAO,CACH,eACI,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,EAAE,EAC7C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,aAEjC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChB,eAAK,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,aAC5D,YAAY,EACZ,OAAO,IAAI,CACR,cACI,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,KAAK,CAAC,MAAM,GAAG,UAAU,KAAK,EAAE,qCAGhE,CACT,IACC,CACT,CAAC,CAAC,CAAC,CACA,CAAC,OAAO,IAAI,CACR,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YACvB,YAAY,GACX,CACT,CACJ,EAEA,OAAO,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAC9B,cAAK,SAAS,EAAE,MAAM,CAAC,aAAa,4BAAmB,CAC1D,IACC,CACT,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { MkWindowList } from './MkWindowList';
|
|
3
|
+
interface User {
|
|
4
|
+
id: number;
|
|
5
|
+
name: string;
|
|
6
|
+
role: string;
|
|
7
|
+
}
|
|
8
|
+
declare const meta: Meta<typeof MkWindowList<User>>;
|
|
9
|
+
export default meta;
|
|
10
|
+
type Story = StoryObj<typeof MkWindowList<User>>;
|
|
11
|
+
export declare const Empty: Story;
|
|
12
|
+
export declare const WithItems: Story;
|
|
13
|
+
export declare const LargeDataset: Story;
|
|
14
|
+
export declare const WithCustomEmptyMessage: Story;
|
|
15
|
+
export declare const WithOverscan: Story;
|
|
16
|
+
//# sourceMappingURL=MkWindowList.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkWindowList.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkWindowList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,UAAU,IAAI;IACV,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,CAKzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;AA2CjD,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAOpC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC"}
|