@coreui/react-pro 5.13.0 → 5.14.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/README.md +1 -1
- package/dist/cjs/components/accordion/CAccordion.d.ts +0 -6
- package/dist/cjs/components/accordion/CAccordion.js +3 -4
- package/dist/cjs/components/accordion/CAccordion.js.map +1 -1
- package/dist/cjs/components/accordion/CAccordionBody.js +2 -2
- package/dist/cjs/components/accordion/CAccordionBody.js.map +1 -1
- package/dist/cjs/components/accordion/CAccordionButton.js +2 -2
- package/dist/cjs/components/accordion/CAccordionButton.js.map +1 -1
- package/dist/cjs/components/accordion/CAccordionContext.d.ts +6 -0
- package/dist/cjs/components/accordion/CAccordionContext.js +8 -0
- package/dist/cjs/components/accordion/CAccordionContext.js.map +1 -0
- package/dist/cjs/components/accordion/CAccordionItem.d.ts +0 -6
- package/dist/cjs/components/accordion/CAccordionItem.js +6 -6
- package/dist/cjs/components/accordion/CAccordionItem.js.map +1 -1
- package/dist/cjs/components/accordion/CAccordionItemContext.d.ts +6 -0
- package/dist/cjs/components/accordion/CAccordionItemContext.js +8 -0
- package/dist/cjs/components/accordion/CAccordionItemContext.js.map +1 -0
- package/dist/cjs/components/carousel/CCarousel.d.ts +0 -5
- package/dist/cjs/components/carousel/CCarousel.js +2 -3
- package/dist/cjs/components/carousel/CCarousel.js.map +1 -1
- package/dist/cjs/components/carousel/CCarouselContext.d.ts +5 -0
- package/dist/cjs/components/carousel/CCarouselContext.js +8 -0
- package/dist/cjs/components/carousel/CCarouselContext.js.map +1 -0
- package/dist/cjs/components/carousel/CCarouselItem.js +3 -3
- package/dist/cjs/components/carousel/CCarouselItem.js.map +1 -1
- package/dist/cjs/components/dropdown/CDropdown.d.ts +1 -9
- package/dist/cjs/components/dropdown/CDropdown.js +26 -18
- package/dist/cjs/components/dropdown/CDropdown.js.map +1 -1
- package/dist/cjs/components/dropdown/CDropdownContext.d.ts +15 -0
- package/dist/cjs/components/dropdown/CDropdownContext.js +8 -0
- package/dist/cjs/components/dropdown/CDropdownContext.js.map +1 -0
- package/dist/cjs/components/dropdown/CDropdownMenu.js +2 -2
- package/dist/cjs/components/dropdown/CDropdownMenu.js.map +1 -1
- package/dist/cjs/components/dropdown/CDropdownToggle.js +2 -2
- package/dist/cjs/components/dropdown/CDropdownToggle.js.map +1 -1
- package/dist/cjs/components/index.d.ts +1 -0
- package/dist/cjs/components/modal/CModal.d.ts +0 -6
- package/dist/cjs/components/modal/CModal.js +2 -3
- package/dist/cjs/components/modal/CModal.js.map +1 -1
- package/dist/cjs/components/modal/CModalContext.d.ts +5 -0
- package/dist/cjs/components/modal/CModalContext.js +8 -0
- package/dist/cjs/components/modal/CModalContext.js.map +1 -0
- package/dist/cjs/components/modal/CModalHeader.js +2 -2
- package/dist/cjs/components/modal/CModalHeader.js.map +1 -1
- package/dist/cjs/components/nav/CNavGroup.js +2 -2
- package/dist/cjs/components/nav/CNavGroup.js.map +1 -1
- package/dist/cjs/components/nav/CNavLink.js +2 -2
- package/dist/cjs/components/nav/CNavLink.js.map +1 -1
- package/dist/cjs/components/password-input/CPasswordInput.js +14 -12
- package/dist/cjs/components/password-input/CPasswordInput.js.map +1 -1
- package/dist/cjs/components/progress/CProgress.js +2 -2
- package/dist/cjs/components/progress/CProgress.js.map +1 -1
- package/dist/cjs/components/progress/CProgressBar.d.ts +1 -1
- package/dist/cjs/components/progress/CProgressBar.js +3 -3
- package/dist/cjs/components/progress/CProgressBar.js.map +1 -1
- package/dist/cjs/components/progress/CProgressStacked.d.ts +0 -4
- package/dist/cjs/components/progress/CProgressStacked.js +2 -3
- package/dist/cjs/components/progress/CProgressStacked.js.map +1 -1
- package/dist/cjs/components/progress/CProgressStackedContext.d.ts +4 -0
- package/dist/cjs/components/progress/CProgressStackedContext.js +8 -0
- package/dist/cjs/components/progress/CProgressStackedContext.js.map +1 -0
- package/dist/cjs/components/sidebar/CSidebarNav.d.ts +1 -7
- package/dist/cjs/components/sidebar/CSidebarNav.js +15 -14
- package/dist/cjs/components/sidebar/CSidebarNav.js.map +1 -1
- package/dist/cjs/components/sidebar/CSidebarNavContext.d.ts +5 -0
- package/dist/cjs/components/sidebar/CSidebarNavContext.js +8 -0
- package/dist/cjs/components/sidebar/CSidebarNavContext.js.map +1 -0
- package/dist/cjs/components/stepper/CStepper.d.ts +84 -0
- package/dist/cjs/components/stepper/CStepper.js +201 -0
- package/dist/cjs/components/stepper/CStepper.js.map +1 -0
- package/dist/cjs/components/stepper/index.d.ts +2 -0
- package/dist/cjs/components/stepper/types.d.ts +17 -0
- package/dist/cjs/components/tabs/CTab.js +2 -2
- package/dist/cjs/components/tabs/CTab.js.map +1 -1
- package/dist/cjs/components/tabs/CTabPane.js +1 -1
- package/dist/cjs/components/tabs/CTabPane.js.map +1 -1
- package/dist/cjs/components/tabs/CTabPanel.js +3 -3
- package/dist/cjs/components/tabs/CTabPanel.js.map +1 -1
- package/dist/cjs/components/tabs/CTabs.d.ts +29 -9
- package/dist/cjs/components/tabs/CTabs.js +14 -9
- package/dist/cjs/components/tabs/CTabs.js.map +1 -1
- package/dist/cjs/components/tabs/CTabsContext.d.ts +6 -0
- package/dist/cjs/components/tabs/CTabsContext.js +8 -0
- package/dist/cjs/components/tabs/CTabsContext.js.map +1 -0
- package/dist/cjs/components/toast/CToast.d.ts +0 -6
- package/dist/cjs/components/toast/CToast.js +5 -9
- package/dist/cjs/components/toast/CToast.js.map +1 -1
- package/dist/cjs/components/toast/CToastClose.js +2 -2
- package/dist/cjs/components/toast/CToastClose.js.map +1 -1
- package/dist/cjs/components/toast/CToastContext.d.ts +5 -0
- package/dist/cjs/components/toast/CToastContext.js +8 -0
- package/dist/cjs/components/toast/CToastContext.js.map +1 -0
- package/dist/cjs/components/toast/CToaster.d.ts +2 -1
- package/dist/cjs/components/toast/CToaster.js +4 -2
- package/dist/cjs/components/toast/CToaster.js.map +1 -1
- package/dist/cjs/hooks/useDropdownWithPopper.d.ts +2 -2
- package/dist/cjs/hooks/usePopper.js +2 -2
- package/dist/cjs/hooks/usePopper.js.map +1 -1
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/utils/index.d.ts +1 -2
- package/dist/esm/components/accordion/CAccordion.d.ts +0 -6
- package/dist/esm/components/accordion/CAccordion.js +4 -4
- package/dist/esm/components/accordion/CAccordion.js.map +1 -1
- package/dist/esm/components/accordion/CAccordionBody.js +1 -1
- package/dist/esm/components/accordion/CAccordionBody.js.map +1 -1
- package/dist/esm/components/accordion/CAccordionButton.js +1 -1
- package/dist/esm/components/accordion/CAccordionContext.d.ts +6 -0
- package/dist/esm/components/accordion/CAccordionContext.js +6 -0
- package/dist/esm/components/accordion/CAccordionContext.js.map +1 -0
- package/dist/esm/components/accordion/CAccordionItem.d.ts +0 -6
- package/dist/esm/components/accordion/CAccordionItem.js +6 -5
- package/dist/esm/components/accordion/CAccordionItem.js.map +1 -1
- package/dist/esm/components/accordion/CAccordionItemContext.d.ts +6 -0
- package/dist/esm/components/accordion/CAccordionItemContext.js +6 -0
- package/dist/esm/components/accordion/CAccordionItemContext.js.map +1 -0
- package/dist/esm/components/carousel/CCarousel.d.ts +0 -5
- package/dist/esm/components/carousel/CCarousel.js +3 -3
- package/dist/esm/components/carousel/CCarousel.js.map +1 -1
- package/dist/esm/components/carousel/CCarouselContext.d.ts +5 -0
- package/dist/esm/components/carousel/CCarouselContext.js +6 -0
- package/dist/esm/components/carousel/CCarouselContext.js.map +1 -0
- package/dist/esm/components/carousel/CCarouselItem.js +2 -2
- package/dist/esm/components/carousel/CCarouselItem.js.map +1 -1
- package/dist/esm/components/dropdown/CDropdown.d.ts +1 -9
- package/dist/esm/components/dropdown/CDropdown.js +27 -18
- package/dist/esm/components/dropdown/CDropdown.js.map +1 -1
- package/dist/esm/components/dropdown/CDropdownContext.d.ts +15 -0
- package/dist/esm/components/dropdown/CDropdownContext.js +6 -0
- package/dist/esm/components/dropdown/CDropdownContext.js.map +1 -0
- package/dist/esm/components/dropdown/CDropdownMenu.js +1 -1
- package/dist/esm/components/dropdown/CDropdownToggle.js +1 -1
- package/dist/esm/components/dropdown/CDropdownToggle.js.map +1 -1
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/modal/CModal.d.ts +0 -6
- package/dist/esm/components/modal/CModal.js +3 -3
- package/dist/esm/components/modal/CModal.js.map +1 -1
- package/dist/esm/components/modal/CModalContext.d.ts +5 -0
- package/dist/esm/components/modal/CModalContext.js +6 -0
- package/dist/esm/components/modal/CModalContext.js.map +1 -0
- package/dist/esm/components/modal/CModalHeader.js +1 -1
- package/dist/esm/components/nav/CNavGroup.js +2 -2
- package/dist/esm/components/nav/CNavGroup.js.map +1 -1
- package/dist/esm/components/nav/CNavLink.js +2 -2
- package/dist/esm/components/nav/CNavLink.js.map +1 -1
- package/dist/esm/components/password-input/CPasswordInput.js +14 -12
- package/dist/esm/components/password-input/CPasswordInput.js.map +1 -1
- package/dist/esm/components/progress/CProgress.js +1 -1
- package/dist/esm/components/progress/CProgressBar.d.ts +1 -1
- package/dist/esm/components/progress/CProgressBar.js +2 -2
- package/dist/esm/components/progress/CProgressBar.js.map +1 -1
- package/dist/esm/components/progress/CProgressStacked.d.ts +0 -4
- package/dist/esm/components/progress/CProgressStacked.js +3 -3
- package/dist/esm/components/progress/CProgressStacked.js.map +1 -1
- package/dist/esm/components/progress/CProgressStackedContext.d.ts +4 -0
- package/dist/esm/components/progress/CProgressStackedContext.js +6 -0
- package/dist/esm/components/progress/CProgressStackedContext.js.map +1 -0
- package/dist/esm/components/sidebar/CSidebarNav.d.ts +1 -7
- package/dist/esm/components/sidebar/CSidebarNav.js +17 -15
- package/dist/esm/components/sidebar/CSidebarNav.js.map +1 -1
- package/dist/esm/components/sidebar/CSidebarNavContext.d.ts +5 -0
- package/dist/esm/components/sidebar/CSidebarNavContext.js +6 -0
- package/dist/esm/components/sidebar/CSidebarNavContext.js.map +1 -0
- package/dist/esm/components/stepper/CStepper.d.ts +84 -0
- package/dist/esm/components/stepper/CStepper.js +199 -0
- package/dist/esm/components/stepper/CStepper.js.map +1 -0
- package/dist/esm/components/stepper/index.d.ts +2 -0
- package/dist/esm/components/stepper/types.d.ts +17 -0
- package/dist/esm/components/tabs/CTab.js +2 -2
- package/dist/esm/components/tabs/CTab.js.map +1 -1
- package/dist/esm/components/tabs/CTabPane.js +1 -1
- package/dist/esm/components/tabs/CTabPane.js.map +1 -1
- package/dist/esm/components/tabs/CTabPanel.js +3 -3
- package/dist/esm/components/tabs/CTabPanel.js.map +1 -1
- package/dist/esm/components/tabs/CTabs.d.ts +29 -9
- package/dist/esm/components/tabs/CTabs.js +16 -10
- package/dist/esm/components/tabs/CTabs.js.map +1 -1
- package/dist/esm/components/tabs/CTabsContext.d.ts +6 -0
- package/dist/esm/components/tabs/CTabsContext.js +6 -0
- package/dist/esm/components/tabs/CTabsContext.js.map +1 -0
- package/dist/esm/components/toast/CToast.d.ts +0 -6
- package/dist/esm/components/toast/CToast.js +6 -9
- package/dist/esm/components/toast/CToast.js.map +1 -1
- package/dist/esm/components/toast/CToastClose.js +1 -1
- package/dist/esm/components/toast/CToastClose.js.map +1 -1
- package/dist/esm/components/toast/CToastContext.d.ts +5 -0
- package/dist/esm/components/toast/CToastContext.js +6 -0
- package/dist/esm/components/toast/CToastContext.js.map +1 -0
- package/dist/esm/components/toast/CToaster.d.ts +2 -1
- package/dist/esm/components/toast/CToaster.js +4 -2
- package/dist/esm/components/toast/CToaster.js.map +1 -1
- package/dist/esm/hooks/useDropdownWithPopper.d.ts +2 -2
- package/dist/esm/hooks/usePopper.js +2 -2
- package/dist/esm/hooks/usePopper.js.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/utils/index.d.ts +1 -2
- package/package.json +5 -5
- package/src/components/accordion/CAccordion.tsx +4 -10
- package/src/components/accordion/CAccordionBody.tsx +1 -2
- package/src/components/accordion/CAccordionButton.tsx +2 -2
- package/src/components/accordion/CAccordionContext.ts +9 -0
- package/src/components/accordion/CAccordionItem.tsx +4 -11
- package/src/components/accordion/CAccordionItemContext.ts +9 -0
- package/src/components/accordion/__tests__/CAccordion.spec.tsx +1 -1
- package/src/components/accordion/__tests__/CAccordionBody.spec.tsx +1 -1
- package/src/components/accordion/__tests__/CAccordionButton.spec.tsx +1 -1
- package/src/components/accordion/__tests__/CAccordionCollapse.spec.tsx +1 -1
- package/src/components/accordion/__tests__/CAccordionHeader.spec.tsx +1 -1
- package/src/components/accordion/__tests__/CAccordionItem.spec.tsx +1 -1
- package/src/components/alert/__tests__/CAlert.spec.tsx +39 -18
- package/src/components/alert/__tests__/CAlertHeading.spec.tsx +1 -1
- package/src/components/alert/__tests__/CAlertLink.spec.tsx +1 -1
- package/src/components/avatar/__tests__/CAvatar.spec.tsx +1 -1
- package/src/components/backdrop/__tests__/CBackdrop.spec.tsx +1 -1
- package/src/components/badge/__tests__/CBadge.spec.tsx +1 -1
- package/src/components/breadcrumb/__tests__/CBreadcrumb.spec.tsx +1 -1
- package/src/components/breadcrumb/__tests__/CBreadcrumbItem.spec.tsx +1 -1
- package/src/components/button/__tests__/CButton.spec.tsx +1 -1
- package/src/components/button-group/__tests__/CButtonGroup.spec.tsx +2 -1
- package/src/components/button-group/__tests__/CButtonToolbar.spec.tsx +2 -1
- package/src/components/callout/__tests__/CCallout.spec.tsx +1 -1
- package/src/components/card/__tests__/CCard.spec.tsx +1 -1
- package/src/components/card/__tests__/CCardBody.spec.tsx +1 -1
- package/src/components/card/__tests__/CCardFooter.spec.tsx +1 -1
- package/src/components/card/__tests__/CCardGroup.spec.tsx +1 -1
- package/src/components/card/__tests__/CCardHeader.spec.tsx +1 -1
- package/src/components/card/__tests__/CCardImage.spec.tsx +1 -1
- package/src/components/card/__tests__/CCardImageOverlay.spec.tsx +1 -1
- package/src/components/card/__tests__/CCardLink.spec.tsx +1 -1
- package/src/components/card/__tests__/CCardSubtitle.spec.tsx +1 -1
- package/src/components/card/__tests__/CCardText.spec.tsx +1 -1
- package/src/components/card/__tests__/CCardTitle.spec.tsx +1 -1
- package/src/components/carousel/CCarousel.tsx +6 -12
- package/src/components/carousel/CCarouselCaption.tsx +1 -1
- package/src/components/carousel/CCarouselContext.ts +8 -0
- package/src/components/carousel/CCarouselItem.tsx +6 -4
- package/src/components/carousel/__tests__/CCarousel.spec.tsx +1 -1
- package/src/components/close-button/__tests__/CCloseButton.spec.tsx +1 -1
- package/src/components/collapse/__tests__/CCollapse.spec.tsx +26 -7
- package/src/components/dropdown/CDropdown.tsx +35 -36
- package/src/components/dropdown/CDropdownContext.ts +18 -0
- package/src/components/dropdown/CDropdownDivider.tsx +1 -1
- package/src/components/dropdown/CDropdownHeader.tsx +1 -1
- package/src/components/dropdown/CDropdownItemPlain.tsx +1 -1
- package/src/components/dropdown/CDropdownMenu.tsx +3 -3
- package/src/components/dropdown/CDropdownToggle.tsx +2 -3
- package/src/components/dropdown/__tests__/CDropdown.spec.tsx +1 -1
- package/src/components/dropdown/__tests__/CDropdownDivider.spec.tsx +1 -1
- package/src/components/dropdown/__tests__/CDropdownHeader.spec.tsx +1 -1
- package/src/components/dropdown/__tests__/CDropdownItem.spec.tsx +1 -1
- package/src/components/dropdown/__tests__/CDropdownItemPlain.spec.tsx +1 -1
- package/src/components/dropdown/__tests__/CDropdownMenu.spec.tsx +1 -1
- package/src/components/dropdown/__tests__/CDropdownToggle.spec.tsx +1 -1
- package/src/components/dropdown/__tests__/__snapshots__/CDropdown.spec.tsx.snap +0 -1
- package/src/components/dropdown/__tests__/__snapshots__/CDropdownMenu.spec.tsx.snap +0 -2
- package/src/components/footer/__tests__/CFooter.spec.tsx +1 -1
- package/src/components/form/__tests__/CForm.spec.tsx +2 -1
- package/src/components/form/__tests__/CFormCheck.spec.tsx +1 -1
- package/src/components/form/__tests__/CFormControl.spec.tsx +1 -1
- package/src/components/form/__tests__/CFormFeedback.spec.tsx +1 -1
- package/src/components/form/__tests__/CFormFloating.spec.tsx +1 -1
- package/src/components/form/__tests__/CFormInput.spec.tsx +1 -1
- package/src/components/form/__tests__/CFormLabel.spec.tsx +1 -1
- package/src/components/form/__tests__/CFormRange.spec.tsx +1 -1
- package/src/components/form/__tests__/CFormSelect.spec.tsx +1 -1
- package/src/components/form/__tests__/CFormSwitch.spec.tsx +1 -1
- package/src/components/form/__tests__/CFormText.spec.tsx +1 -1
- package/src/components/form/__tests__/CFormTextarea.spec.tsx +1 -1
- package/src/components/form/__tests__/CInputGroup.spec.tsx +1 -1
- package/src/components/form/__tests__/CInputGroupText.spec.tsx +1 -1
- package/src/components/grid/__tests__/CCol.spec.tsx +1 -1
- package/src/components/grid/__tests__/CContainer.spec.tsx +1 -1
- package/src/components/grid/__tests__/CRow.spec.tsx +1 -1
- package/src/components/header/__tests__/CHeader.spec.tsx +1 -1
- package/src/components/header/__tests__/CHeaderBrand.spec.tsx +1 -1
- package/src/components/header/__tests__/CHeaderDivider.spec.tsx +1 -1
- package/src/components/header/__tests__/CHeaderNav.spec.tsx +1 -1
- package/src/components/header/__tests__/CHeaderText.spec.tsx +1 -1
- package/src/components/header/__tests__/CHeaderToggler.spec.tsx +1 -1
- package/src/components/image/__tests__/CImage.spec.tsx +1 -1
- package/src/components/index.ts +1 -0
- package/src/components/link/__tests__/CLink.spec.tsx +1 -1
- package/src/components/list-group/__tests__/CListGroup.spec.tsx +1 -1
- package/src/components/list-group/__tests__/CListGroupItem.spec.tsx +1 -1
- package/src/components/loading-button/__tests__/CLoadingButton.spec.tsx +1 -1
- package/src/components/modal/CModal.tsx +5 -12
- package/src/components/modal/CModalContext.ts +8 -0
- package/src/components/modal/CModalHeader.tsx +1 -1
- package/src/components/modal/__tests__/CModal.spec.tsx +1 -1
- package/src/components/modal/__tests__/CModalBody.spec.tsx +1 -1
- package/src/components/modal/__tests__/CModalContent.spec.tsx +1 -1
- package/src/components/modal/__tests__/CModalDialog.spec.tsx +1 -1
- package/src/components/modal/__tests__/CModalFooter.spec.tsx +1 -1
- package/src/components/modal/__tests__/CModalHeader.spec.tsx +1 -1
- package/src/components/modal/__tests__/CModalTitle.spec.tsx +1 -1
- package/src/components/multi-select/__tests__/CMultiSelect.spec.tsx +1 -1
- package/src/components/nav/CNavGroup.tsx +2 -2
- package/src/components/nav/CNavLink.tsx +2 -2
- package/src/components/nav/__tests__/CNav.spec.tsx +4 -11
- package/src/components/nav/__tests__/CNavGroup.spec.tsx +1 -1
- package/src/components/nav/__tests__/CNavGroupItems.spec.tsx +1 -1
- package/src/components/nav/__tests__/CNavItem.spec.tsx +1 -1
- package/src/components/nav/__tests__/CNavLink.spec.tsx +1 -1
- package/src/components/nav/__tests__/CNavTitle.spec.tsx +1 -1
- package/src/components/nav/__tests__/__snapshots__/CNav.spec.tsx.snap +0 -1
- package/src/components/navbar/__tests__/CNavbar.spec.tsx +1 -1
- package/src/components/navbar/__tests__/CNavbarBrand.spec.tsx +1 -1
- package/src/components/navbar/__tests__/CNavbarNav.spec.tsx +1 -1
- package/src/components/navbar/__tests__/CNavbarText.spec.tsx +1 -1
- package/src/components/navbar/__tests__/CNavbarToggler.spec.tsx +1 -1
- package/src/components/offcanvas/__tests__/COffcanvas.spec.tsx +44 -17
- package/src/components/offcanvas/__tests__/COffcanvasBody.spec.tsx +1 -1
- package/src/components/offcanvas/__tests__/COffcanvasHeader.spec.tsx +1 -1
- package/src/components/offcanvas/__tests__/COffcanvasTitle.spec.tsx +1 -1
- package/src/components/pagination/__tests__/CPagination.spec.tsx +1 -1
- package/src/components/pagination/__tests__/CPaginationItem.spec.tsx +1 -1
- package/src/components/password-input/CPasswordInput.tsx +38 -30
- package/src/components/placeholder/__tests__/CPlaceholder.spec.tsx +1 -1
- package/src/components/popover/__tests__/CPopover.spec.tsx +70 -62
- package/src/components/popover/__tests__/__snapshots__/CPopover.spec.tsx.snap +0 -32
- package/src/components/progress/CProgress.tsx +1 -1
- package/src/components/progress/CProgressBar.tsx +4 -3
- package/src/components/progress/CProgressStacked.tsx +4 -8
- package/src/components/progress/CProgressStackedContext.ts +7 -0
- package/src/components/progress/__tests__/CProgress.spec.tsx +1 -1
- package/src/components/progress/__tests__/CProgressBar.spec.tsx +1 -1
- package/src/components/sidebar/CSidebarNav.tsx +27 -27
- package/src/components/sidebar/CSidebarNavContext.ts +8 -0
- package/src/components/sidebar/__tests__/CSidebar.spec.tsx +1 -1
- package/src/components/sidebar/__tests__/CSidebarBrand.spec.tsx +1 -1
- package/src/components/sidebar/__tests__/CSidebarFooter.spec.tsx +1 -1
- package/src/components/sidebar/__tests__/CSidebarHeader.spec.tsx +1 -1
- package/src/components/sidebar/__tests__/CSidebarNav.spec.tsx +1 -1
- package/src/components/sidebar/__tests__/CSidebarToggler.spec.tsx +1 -1
- package/src/components/smart-table/__tests__/CSmartTable.spec.tsx +1 -1
- package/src/components/spinner/__tests__/CSpinner.spec.tsx +1 -1
- package/src/components/stepper/CStepper.tsx +432 -0
- package/src/components/stepper/__tests__/CStepper.spec.tsx +98 -0
- package/src/components/stepper/index.ts +3 -0
- package/src/components/stepper/types.ts +20 -0
- package/src/components/table/__tests__/CTable.spec.tsx +1 -1
- package/src/components/table/__tests__/CTableBody.spec.tsx +1 -1
- package/src/components/table/__tests__/CTableCaption.spec.tsx +1 -1
- package/src/components/table/__tests__/CTableDataCell.spec.tsx +1 -1
- package/src/components/table/__tests__/CTableFoot.spec.tsx +1 -1
- package/src/components/table/__tests__/CTableHead.spec.tsx +1 -1
- package/src/components/table/__tests__/CTableHeaderCell.spec.tsx +1 -1
- package/src/components/table/__tests__/CTableRow.spec.tsx +1 -1
- package/src/components/tabs/CTab.tsx +2 -2
- package/src/components/tabs/CTabPane.tsx +1 -1
- package/src/components/tabs/CTabPanel.tsx +3 -3
- package/src/components/tabs/CTabs.tsx +54 -21
- package/src/components/tabs/CTabsContext.ts +9 -0
- package/src/components/tabs/__tests__/CTabContent.spec.tsx +16 -8
- package/src/components/tabs/__tests__/CTabPane.spec.tsx +48 -29
- package/src/components/toast/CToast.tsx +9 -24
- package/src/components/toast/CToastClose.tsx +1 -2
- package/src/components/toast/CToastContext.ts +8 -0
- package/src/components/toast/CToaster.tsx +11 -7
- package/src/components/toast/__tests__/CToast.spec.tsx +32 -27
- package/src/components/toast/__tests__/CToastBody.spec.tsx +1 -1
- package/src/components/toast/__tests__/CToastHeader.spec.tsx +1 -1
- package/src/components/toast/__tests__/CToaster.spec.tsx +2 -1
- package/src/components/tooltip/__tests__/CTooltip.spec.tsx +54 -33
- package/src/components/tooltip/__tests__/__snapshots__/CTooltip.spec.tsx.snap +0 -10
- package/src/components/widgets/__tests__/CWidgetStatsA.spec.tsx +1 -1
- package/src/components/widgets/__tests__/CWidgetStatsB.spec.tsx +1 -1
- package/src/components/widgets/__tests__/CWidgetStatsC.spec.tsx +1 -1
- package/src/components/widgets/__tests__/CWidgetStatsD.spec.tsx +1 -1
- package/src/components/widgets/__tests__/CWidgetStatsE.spec.tsx +1 -1
- package/src/components/widgets/__tests__/CWidgetStatsF.spec.tsx +1 -1
- package/src/hooks/usePopper.ts +2 -2
- package/src/utils/index.ts +0 -2
- package/dist/cjs/utils/isEqual.d.ts +0 -2
- package/dist/esm/utils/isEqual.d.ts +0 -2
- package/src/components/button/__tests__/CButtonClose.spec.tsx +0 -23
- package/src/utils/isEqual.ts +0 -58
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var PropTypes = require('prop-types');
|
|
6
|
+
var index = require('../../_virtual/index.js');
|
|
7
|
+
var CCollapse = require('../collapse/CCollapse.js');
|
|
8
|
+
var getNextActiveElement = require('../../utils/getNextActiveElement.js');
|
|
9
|
+
|
|
10
|
+
var CStepper = React.forwardRef(function (_a, ref) {
|
|
11
|
+
var controlledActiveStepIndex = _a.activeStepIndex, className = _a.className, _b = _a.defaultActiveStepIndex, defaultActiveStepIndex = _b === void 0 ? 0 : _b, _c = _a.layout, layout = _c === void 0 ? 'horizontal' : _c, _d = _a.linear, linear = _d === void 0 ? true : _d, onFinish = _a.onFinish, onReset = _a.onReset, onStepChange = _a.onStepChange, onStepValidationComplete = _a.onStepValidationComplete, _e = _a.steps, steps = _e === void 0 ? [] : _e, _f = _a.stepButtonLayout, stepButtonLayout = _f === void 0 ? 'horizontal' : _f, _g = _a.validation, validation = _g === void 0 ? true : _g, rest = tslib_es6.__rest(_a, ["activeStepIndex", "className", "defaultActiveStepIndex", "layout", "linear", "onFinish", "onReset", "onStepChange", "onStepValidationComplete", "steps", "stepButtonLayout", "validation"]);
|
|
12
|
+
var stepperRef = React.useRef(null);
|
|
13
|
+
var stepsRef = React.useRef(null);
|
|
14
|
+
var stepButtonRefs = React.useRef([]);
|
|
15
|
+
var uniqueId = React.useId();
|
|
16
|
+
var isControlled = controlledActiveStepIndex !== undefined;
|
|
17
|
+
var _h = React.useState(isControlled ? controlledActiveStepIndex : defaultActiveStepIndex), internalActiveStepIndex = _h[0], setInternalActiveStepIndex = _h[1];
|
|
18
|
+
var _j = React.useState(false), isFinished = _j[0], setIsFinished = _j[1];
|
|
19
|
+
var activeStepIndex = isControlled ? controlledActiveStepIndex : internalActiveStepIndex;
|
|
20
|
+
// Sync state if controlled prop changes
|
|
21
|
+
React.useEffect(function () {
|
|
22
|
+
if (isControlled) {
|
|
23
|
+
setInternalActiveStepIndex(controlledActiveStepIndex);
|
|
24
|
+
}
|
|
25
|
+
}, [controlledActiveStepIndex, isControlled]);
|
|
26
|
+
// Ensure stepButtonRefs array has the correct size
|
|
27
|
+
React.useEffect(function () {
|
|
28
|
+
stepButtonRefs.current = stepButtonRefs.current.slice(0, steps.length);
|
|
29
|
+
}, [steps.length]);
|
|
30
|
+
var isStepValid = React.useCallback(function (index) {
|
|
31
|
+
var _a;
|
|
32
|
+
if (!validation) {
|
|
33
|
+
return true;
|
|
34
|
+
}
|
|
35
|
+
var currentStepData = steps[index];
|
|
36
|
+
var form = (_a = currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.formRef) === null || _a === void 0 ? void 0 : _a.current;
|
|
37
|
+
if (form) {
|
|
38
|
+
var isValid = form.checkValidity();
|
|
39
|
+
onStepValidationComplete === null || onStepValidationComplete === void 0 ? void 0 : onStepValidationComplete({
|
|
40
|
+
stepNumber: index + 1,
|
|
41
|
+
isValid: isValid,
|
|
42
|
+
});
|
|
43
|
+
if (form && !isValid) {
|
|
44
|
+
form.reportValidity();
|
|
45
|
+
return false;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
return true;
|
|
49
|
+
}, [steps, validation]);
|
|
50
|
+
var setActiveStep = React.useCallback(function (index, bypassValidation) {
|
|
51
|
+
if (bypassValidation === void 0) { bypassValidation = false; }
|
|
52
|
+
if (index < 0 || index >= steps.length || index === activeStepIndex) {
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
// Validate current step before moving forward
|
|
56
|
+
if (!bypassValidation && index > activeStepIndex && !isStepValid(activeStepIndex)) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
if (!isControlled) {
|
|
60
|
+
setInternalActiveStepIndex(index);
|
|
61
|
+
}
|
|
62
|
+
onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(index + 1);
|
|
63
|
+
}, [steps.length, activeStepIndex, isStepValid, isControlled, onStepChange]);
|
|
64
|
+
var handleStepClick = function (index) {
|
|
65
|
+
if (linear) {
|
|
66
|
+
setActiveStep(index, index <= activeStepIndex);
|
|
67
|
+
return;
|
|
68
|
+
}
|
|
69
|
+
setActiveStep(index, true);
|
|
70
|
+
};
|
|
71
|
+
var handleNext = function () {
|
|
72
|
+
if (activeStepIndex < steps.length - 1) {
|
|
73
|
+
setActiveStep(activeStepIndex + 1);
|
|
74
|
+
}
|
|
75
|
+
else {
|
|
76
|
+
handleFinish(); // Attempt finish if already on last step
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
var handlePrev = function () {
|
|
80
|
+
if (activeStepIndex > 0) {
|
|
81
|
+
setActiveStep(activeStepIndex - 1, true); // Bypass validation when going back
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
var handleFinish = function () {
|
|
85
|
+
if (activeStepIndex === steps.length - 1 && isStepValid(activeStepIndex)) {
|
|
86
|
+
setIsFinished(true);
|
|
87
|
+
onFinish === null || onFinish === void 0 ? void 0 : onFinish();
|
|
88
|
+
}
|
|
89
|
+
};
|
|
90
|
+
var handleReset = function () {
|
|
91
|
+
var _a;
|
|
92
|
+
if (validation) {
|
|
93
|
+
steps.forEach(function (step) { var _a, _b; return (_b = (_a = step.formRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.reset(); });
|
|
94
|
+
}
|
|
95
|
+
if (!isControlled) {
|
|
96
|
+
setInternalActiveStepIndex(defaultActiveStepIndex);
|
|
97
|
+
}
|
|
98
|
+
setIsFinished(false);
|
|
99
|
+
onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(defaultActiveStepIndex);
|
|
100
|
+
onReset === null || onReset === void 0 ? void 0 : onReset();
|
|
101
|
+
(_a = stepButtonRefs.current[defaultActiveStepIndex]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
102
|
+
};
|
|
103
|
+
var handleKeyDown = function (event) {
|
|
104
|
+
var target = event.target;
|
|
105
|
+
var currentButton = target.closest('button.stepper-step-button');
|
|
106
|
+
if (!currentButton || !stepsRef.current) {
|
|
107
|
+
return;
|
|
108
|
+
}
|
|
109
|
+
var buttons = tslib_es6.__spreadArray([], stepsRef.current.querySelectorAll('button.stepper-step-button'), true);
|
|
110
|
+
var nextElement = null;
|
|
111
|
+
switch (event.key) {
|
|
112
|
+
case 'ArrowRight':
|
|
113
|
+
case 'ArrowDown': {
|
|
114
|
+
nextElement = getNextActiveElement.default(buttons, currentButton, true, false);
|
|
115
|
+
break;
|
|
116
|
+
}
|
|
117
|
+
case 'ArrowLeft':
|
|
118
|
+
case 'ArrowUp': {
|
|
119
|
+
nextElement = getNextActiveElement.default(buttons, currentButton, false, false);
|
|
120
|
+
break;
|
|
121
|
+
}
|
|
122
|
+
case 'Home': {
|
|
123
|
+
nextElement = buttons[0];
|
|
124
|
+
break;
|
|
125
|
+
}
|
|
126
|
+
case 'End': {
|
|
127
|
+
nextElement = buttons.at(-1);
|
|
128
|
+
break;
|
|
129
|
+
}
|
|
130
|
+
default: {
|
|
131
|
+
return;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
if (nextElement) {
|
|
135
|
+
event.preventDefault();
|
|
136
|
+
nextElement.focus();
|
|
137
|
+
}
|
|
138
|
+
};
|
|
139
|
+
// Expose methods via ref
|
|
140
|
+
React.useImperativeHandle(ref, function () { return ({
|
|
141
|
+
next: handleNext,
|
|
142
|
+
prev: handlePrev,
|
|
143
|
+
finish: handleFinish,
|
|
144
|
+
reset: handleReset,
|
|
145
|
+
}); });
|
|
146
|
+
var isVertical = layout === 'vertical';
|
|
147
|
+
return (React.createElement("div", tslib_es6.__assign({ className: index.default('stepper', {
|
|
148
|
+
'stepper-vertical': isVertical,
|
|
149
|
+
}, className), ref: stepperRef }, rest),
|
|
150
|
+
React.createElement("ol", { className: "stepper-steps", "aria-orientation": isVertical ? 'vertical' : 'horizontal', ref: stepsRef, onKeyDown: handleKeyDown, role: "tablist" }, steps.map(function (step, index$1) {
|
|
151
|
+
var _a;
|
|
152
|
+
var isActive = !isFinished && index$1 === activeStepIndex;
|
|
153
|
+
var isComplete = isFinished || index$1 < activeStepIndex;
|
|
154
|
+
var isDisabled = isFinished || (linear && index$1 > activeStepIndex + 1);
|
|
155
|
+
var stepId = "stepper-".concat(rest.id || uniqueId, "-step-").concat(index$1);
|
|
156
|
+
var panelId = "stepper-".concat(rest.id || uniqueId, "-panel-").concat(index$1);
|
|
157
|
+
return (React.createElement("li", { key: index$1, className: index.default('stepper-step', stepButtonLayout), role: "presentation" },
|
|
158
|
+
React.createElement("button", tslib_es6.__assign({ type: "button", className: index.default('stepper-step-button', {
|
|
159
|
+
active: isActive,
|
|
160
|
+
complete: isComplete,
|
|
161
|
+
}), disabled: isDisabled, id: stepId, role: "tab", onClick: function () { return handleStepClick(index$1); }, ref: function (el) { return (stepButtonRefs.current[index$1] = el); }, "aria-selected": isActive }, (step.content && {
|
|
162
|
+
'aria-controls': panelId,
|
|
163
|
+
}), { tabIndex: isActive ? 0 : -1 }),
|
|
164
|
+
React.createElement("span", { className: "stepper-step-indicator" }, isComplete ? (React.createElement("span", { className: "stepper-step-indicator-icon" })) : (React.createElement("span", { className: "stepper-step-indicator-text" }, (_a = step.indicator) !== null && _a !== void 0 ? _a : index$1 + 1))),
|
|
165
|
+
React.createElement("span", { className: "stepper-step-label" }, step.label)),
|
|
166
|
+
index$1 < steps.length - 1 && React.createElement("div", { className: "stepper-step-connector" }),
|
|
167
|
+
step.content && isVertical && (React.createElement(CCollapse.CCollapse, { className: "stepper-step-content", id: panelId, role: "tabpanel", visible: isActive, "aria-hidden": !isActive, "aria-labelledby": stepId, "aria-live": "polite" }, step.content))));
|
|
168
|
+
})),
|
|
169
|
+
!isVertical &&
|
|
170
|
+
steps.some(function (step) { return step.content !== undefined && step.content !== null; }) && (React.createElement("div", { className: "stepper-content" }, steps.map(function (step, index$1) {
|
|
171
|
+
var isActive = !isFinished && index$1 === activeStepIndex;
|
|
172
|
+
var stepId = "stepper-".concat(rest.id || uniqueId, "-step-").concat(index$1);
|
|
173
|
+
var panelId = "stepper-".concat(rest.id || uniqueId, "-panel-").concat(index$1);
|
|
174
|
+
return (React.createElement("div", { key: index$1, className: index.default('stepper-pane', {
|
|
175
|
+
show: isActive,
|
|
176
|
+
active: isActive,
|
|
177
|
+
}), id: panelId, role: "tabpanel", "aria-hidden": !isActive, "aria-labelledby": stepId, "aria-live": "polite" }, step.content));
|
|
178
|
+
})))));
|
|
179
|
+
});
|
|
180
|
+
CStepper.displayName = 'CStepper';
|
|
181
|
+
CStepper.propTypes = {
|
|
182
|
+
activeStepIndex: PropTypes.number,
|
|
183
|
+
className: PropTypes.string,
|
|
184
|
+
defaultActiveStepIndex: PropTypes.number,
|
|
185
|
+
layout: PropTypes.oneOf(['horizontal', 'vertical']),
|
|
186
|
+
linear: PropTypes.bool,
|
|
187
|
+
onFinish: PropTypes.func,
|
|
188
|
+
onReset: PropTypes.func,
|
|
189
|
+
onStepChange: PropTypes.func,
|
|
190
|
+
onStepValidationComplete: PropTypes.func,
|
|
191
|
+
steps: PropTypes.arrayOf(PropTypes.shape({
|
|
192
|
+
label: PropTypes.node.isRequired,
|
|
193
|
+
content: PropTypes.node,
|
|
194
|
+
formRef: PropTypes.object, // Check for object shape might be better
|
|
195
|
+
}).isRequired).isRequired,
|
|
196
|
+
stepButtonLayout: PropTypes.oneOf(['horizontal', 'vertical']),
|
|
197
|
+
validation: PropTypes.bool,
|
|
198
|
+
};
|
|
199
|
+
|
|
200
|
+
exports.CStepper = CStepper;
|
|
201
|
+
//# sourceMappingURL=CStepper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CStepper.js","sources":["../../../../src/components/stepper/CStepper.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useId","useState","useEffect","useCallback","__spreadArray","getNextActiveElement","useImperativeHandle","__assign","classNames","index","CCollapse"],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface StepperRef {
|
|
3
|
+
next: () => void;
|
|
4
|
+
prev: () => void;
|
|
5
|
+
finish: () => void;
|
|
6
|
+
reset: () => void;
|
|
7
|
+
}
|
|
8
|
+
export interface StepperStepData {
|
|
9
|
+
indicator?: ReactNode;
|
|
10
|
+
label: ReactNode;
|
|
11
|
+
content?: ReactNode;
|
|
12
|
+
formRef?: React.RefObject<HTMLFormElement>;
|
|
13
|
+
}
|
|
14
|
+
export type StepperStepValidationResult = {
|
|
15
|
+
stepNumber: number;
|
|
16
|
+
isValid: boolean;
|
|
17
|
+
};
|
|
@@ -4,11 +4,11 @@ var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var PropTypes = require('prop-types');
|
|
6
6
|
var index = require('../../_virtual/index.js');
|
|
7
|
-
var
|
|
7
|
+
var CTabsContext = require('./CTabsContext.js');
|
|
8
8
|
|
|
9
9
|
var CTab = React.forwardRef(function (_a, ref) {
|
|
10
10
|
var children = _a.children, className = _a.className, itemKey = _a.itemKey, rest = tslib_es6.__rest(_a, ["children", "className", "itemKey"]);
|
|
11
|
-
var _b = React.useContext(
|
|
11
|
+
var _b = React.useContext(CTabsContext.CTabsContext), _activeItemKey = _b._activeItemKey, setActiveItemKey = _b.setActiveItemKey, id = _b.id;
|
|
12
12
|
var isActive = function () { return itemKey === _activeItemKey; };
|
|
13
13
|
return (React.createElement("button", tslib_es6.__assign({ className: index.default('nav-link', {
|
|
14
14
|
active: isActive(),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTab.js","sources":["../../../../src/components/tabs/CTab.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useContext","
|
|
1
|
+
{"version":3,"file":"CTab.js","sources":["../../../../src/components/tabs/CTab.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useContext","CTabsContext","__assign","classNames"],"mappings":";;;;;;;;IAqBa,IAAI,GAAGA,gBAAU,CAC5B,UAAC,EAAyC,EAAE,GAAG,EAAA;AAA5C,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAAvCC,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,SAAA,CAAyC,CAAF;AAChC,IAAA,IAAA,EAA2C,GAAAC,gBAAU,CAACC,yBAAY,CAAC,EAAjE,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAAE,EAAE,QAA6B;IAEzE,IAAM,QAAQ,GAAG,YAAM,EAAA,OAAA,OAAO,KAAK,cAAc,CAA1B,EAA0B;AAEjD,IAAA,QACE,KACE,CAAA,aAAA,CAAA,QAAA,EAAAC,kBAAA,CAAA,EAAA,SAAS,EAAEC,aAAU,CACnB,UAAU,EACV;YACE,MAAM,EAAE,QAAQ,EAAE;AACnB,SAAA,EACD,SAAS,CACV,EACD,EAAE,EAAE,EAAG,CAAA,MAAA,CAAA,EAAE,CAAG,CAAA,MAAA,CAAA,OAAO,SAAM,EACzB,OAAO,EAAE,YAAA,EAAM,OAAA,gBAAgB,CAAC,OAAO,CAAC,CAAzB,EAAyB,EACxC,OAAO,EAAE,YAAM,EAAA,OAAA,gBAAgB,CAAC,OAAO,CAAC,CAAA,EAAA,EACxC,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,EAAE,EAC7B,IAAI,EAAC,QAAQ,EAAA,eAAA,EACE,EAAG,CAAA,MAAA,CAAA,EAAE,SAAG,OAAO,EAAA,WAAA,CAAW,EAC1B,eAAA,EAAA,QAAQ,EAAE,EACzB,GAAG,EAAE,GAAG,IACJ,IAAI,CAAA,EAEP,QAAQ,CACF;AAEb,CAAC;AAGH,IAAI,CAAC,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI;AACxB,IAAA,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU;CAC9E;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -10,7 +10,7 @@ var Transition = require('../../node_modules/react-transition-group/esm/Transiti
|
|
|
10
10
|
|
|
11
11
|
var CTabPane = React.forwardRef(function (_a, ref) {
|
|
12
12
|
var children = _a.children, className = _a.className, onHide = _a.onHide, onShow = _a.onShow, _b = _a.transition, transition = _b === void 0 ? true : _b, visible = _a.visible, rest = tslib_es6.__rest(_a, ["children", "className", "onHide", "onShow", "transition", "visible"]);
|
|
13
|
-
var tabPaneRef = React.useRef();
|
|
13
|
+
var tabPaneRef = React.useRef(null);
|
|
14
14
|
var forkedRef = useForkedRef.useForkedRef(ref, tabPaneRef);
|
|
15
15
|
return (React.createElement(Transition.default, { in: visible, nodeRef: tabPaneRef, onEnter: onShow, onExit: onHide, timeout: 150 }, function (state) { return (React.createElement("div", tslib_es6.__assign({ className: index.default('tab-pane', {
|
|
16
16
|
active: visible,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTabPane.js","sources":["../../../../src/components/tabs/CTabPane.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","Transition","classNames"],"mappings":";;;;;;;;;;IAgCa,QAAQ,GAAGA,gBAAU,CAChC,UAAC,EAA4E,EAAE,GAAG,EAAA;IAA/E,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,kBAAiB,EAAjB,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAA1EC,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,CAA4E,CAAF;AACzE,IAAA,IAAM,UAAU,GAAGC,YAAM,
|
|
1
|
+
{"version":3,"file":"CTabPane.js","sources":["../../../../src/components/tabs/CTabPane.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","Transition","classNames"],"mappings":";;;;;;;;;;IAgCa,QAAQ,GAAGA,gBAAU,CAChC,UAAC,EAA4E,EAAE,GAAG,EAAA;IAA/E,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,kBAAiB,EAAjB,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAA1EC,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,CAA4E,CAAF;AACzE,IAAA,IAAM,UAAU,GAAGC,YAAM,CAAC,IAAI,CAAC;IAC/B,IAAM,SAAS,GAAGC,yBAAY,CAAC,GAAG,EAAE,UAAU,CAAC;AAE/C,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,kBAAU,EAAA,EAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAA,EACxF,UAAC,KAAK,EAAA,EAAK,QACV,gDACE,SAAS,EAAEC,aAAU,CACnB,UAAU,EACV;AACE,YAAA,MAAM,EAAE,OAAO;AACf,YAAA,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,KAAK,KAAK,SAAS;AAC1B,SAAA,EACD,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,SAAS,EAEb,CAAA,EAAA,QAAQ,CACL,EACP,EAAA,CACU;AAEjB,CAAC;AAGH,QAAQ,CAAC,SAAS,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,UAAU,EAAE,SAAS,CAAC,IAAI;IAC1B,OAAO,EAAE,SAAS,CAAC,IAAI;CACxB;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
|
@@ -4,7 +4,7 @@ var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var PropTypes = require('prop-types');
|
|
6
6
|
var index = require('../../_virtual/index.js');
|
|
7
|
-
var
|
|
7
|
+
var CTabsContext = require('./CTabsContext.js');
|
|
8
8
|
require('@popperjs/core');
|
|
9
9
|
var getTransitionDurationFromElement = require('../../utils/getTransitionDurationFromElement.js');
|
|
10
10
|
var useForkedRef = require('../../hooks/useForkedRef.js');
|
|
@@ -12,8 +12,8 @@ var Transition = require('../../node_modules/react-transition-group/esm/Transiti
|
|
|
12
12
|
|
|
13
13
|
var CTabPanel = React.forwardRef(function (_a, ref) {
|
|
14
14
|
var children = _a.children, className = _a.className, itemKey = _a.itemKey, onHide = _a.onHide, onShow = _a.onShow, _b = _a.transition, transition = _b === void 0 ? true : _b, visible = _a.visible, rest = tslib_es6.__rest(_a, ["children", "className", "itemKey", "onHide", "onShow", "transition", "visible"]);
|
|
15
|
-
var _c = React.useContext(
|
|
16
|
-
var tabPaneRef = React.useRef();
|
|
15
|
+
var _c = React.useContext(CTabsContext.CTabsContext), _activeItemKey = _c._activeItemKey, id = _c.id;
|
|
16
|
+
var tabPaneRef = React.useRef(null);
|
|
17
17
|
var forkedRef = useForkedRef.useForkedRef(ref, tabPaneRef);
|
|
18
18
|
var _d = React.useState(visible || _activeItemKey === itemKey), _visible = _d[0], setVisible = _d[1];
|
|
19
19
|
React.useEffect(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTabPanel.js","sources":["../../../../src/components/tabs/CTabPanel.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useContext","
|
|
1
|
+
{"version":3,"file":"CTabPanel.js","sources":["../../../../src/components/tabs/CTabPanel.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useContext","CTabsContext","useRef","useForkedRef","useState","useEffect","Transition","getTransitionDurationFromElement","__assign","classNames"],"mappings":"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"}
|
|
@@ -1,22 +1,42 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
2
|
export interface CTabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* Controls the currently active tab.
|
|
5
|
+
*
|
|
6
|
+
* When provided, the component operates in a controlled mode.
|
|
7
|
+
* You must handle tab switching manually by updating this prop.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* const [activeTab, setActiveTab] = useState(0);
|
|
11
|
+
* <CTabs activeItemKey={activeTab} onChange={setActiveTab} />
|
|
5
12
|
*/
|
|
6
|
-
activeItemKey
|
|
13
|
+
activeItemKey?: number | string;
|
|
7
14
|
/**
|
|
8
15
|
* A string of all className you want applied to the base component.
|
|
9
16
|
*/
|
|
10
17
|
className?: string;
|
|
11
18
|
/**
|
|
12
|
-
*
|
|
19
|
+
* Sets the initially active tab when the component mounts.
|
|
20
|
+
*
|
|
21
|
+
* After initialization, the component manages active tab changes internally.
|
|
22
|
+
*
|
|
23
|
+
* Use `defaultActiveItemKey` for uncontrolled usage.
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* <CTabs defaultActiveItemKey={1} />
|
|
27
|
+
*/
|
|
28
|
+
defaultActiveItemKey?: number | string;
|
|
29
|
+
/**
|
|
30
|
+
* Callback fired when the active tab changes.
|
|
31
|
+
*
|
|
32
|
+
* - In controlled mode (`activeItemKey` provided), you must update `activeItemKey` yourself based on the value received.
|
|
33
|
+
* - In uncontrolled mode, this callback is called after internal state updates.
|
|
34
|
+
*
|
|
35
|
+
* @param value - The newly selected tab key.
|
|
36
|
+
*
|
|
37
|
+
* @example
|
|
38
|
+
* <CTabs onChange={(key) => console.log('Tab changed to', key)} />
|
|
13
39
|
*/
|
|
14
40
|
onChange?: (value: number | string) => void;
|
|
15
41
|
}
|
|
16
|
-
export interface TabsContextProps {
|
|
17
|
-
_activeItemKey?: number | string;
|
|
18
|
-
setActiveItemKey: React.Dispatch<React.SetStateAction<number | string | undefined>>;
|
|
19
|
-
id?: string;
|
|
20
|
-
}
|
|
21
|
-
export declare const TabsContext: React.Context<TabsContextProps>;
|
|
22
42
|
export declare const CTabs: React.ForwardRefExoticComponent<CTabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -3,26 +3,31 @@
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var PropTypes = require('prop-types');
|
|
5
5
|
var index = require('../../_virtual/index.js');
|
|
6
|
+
var CTabsContext = require('./CTabsContext.js');
|
|
6
7
|
|
|
7
|
-
var TabsContext = React.createContext({});
|
|
8
8
|
var CTabs = React.forwardRef(function (_a, ref) {
|
|
9
|
-
var children = _a.children, activeItemKey = _a.activeItemKey, className = _a.className, onChange = _a.onChange;
|
|
9
|
+
var children = _a.children, activeItemKey = _a.activeItemKey, className = _a.className, defaultActiveItemKey = _a.defaultActiveItemKey, onChange = _a.onChange;
|
|
10
10
|
var id = React.useId();
|
|
11
|
-
var
|
|
12
|
-
React.
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
var isControlled = activeItemKey !== undefined;
|
|
12
|
+
var _b = React.useState(function () { return (isControlled ? undefined : defaultActiveItemKey); }), internalActiveItemKey = _b[0], setInternalActiveItemKey = _b[1];
|
|
13
|
+
var currentActiveItemKey = isControlled ? activeItemKey : internalActiveItemKey;
|
|
14
|
+
var setActiveItemKey = function (value) {
|
|
15
|
+
if (!isControlled) {
|
|
16
|
+
setInternalActiveItemKey(value);
|
|
17
|
+
}
|
|
18
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(value);
|
|
19
|
+
};
|
|
20
|
+
return (React.createElement(CTabsContext.CTabsContext.Provider, { value: { _activeItemKey: currentActiveItemKey, setActiveItemKey: setActiveItemKey, id: id } },
|
|
16
21
|
React.createElement("div", { className: index.default('tabs', className), ref: ref }, children)));
|
|
17
22
|
});
|
|
18
23
|
CTabs.propTypes = {
|
|
19
|
-
activeItemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
|
|
24
|
+
activeItemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
20
25
|
children: PropTypes.node,
|
|
21
26
|
className: PropTypes.string,
|
|
27
|
+
defaultActiveItemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
22
28
|
onChange: PropTypes.func,
|
|
23
29
|
};
|
|
24
30
|
CTabs.displayName = 'CTabs';
|
|
25
31
|
|
|
26
32
|
exports.CTabs = CTabs;
|
|
27
|
-
exports.TabsContext = TabsContext;
|
|
28
33
|
//# sourceMappingURL=CTabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTabs.js","sources":["../../../../src/components/tabs/CTabs.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"CTabs.js","sources":["../../../../src/components/tabs/CTabs.tsx"],"sourcesContent":[null],"names":["forwardRef","useId","useState","CTabsContext","classNames"],"mappings":";;;;;;;IAkDa,KAAK,GAAGA,gBAAU,CAC7B,UAAC,EAAsE,EAAE,GAAG,EAAA;AAAzE,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA;AACnE,IAAA,IAAM,EAAE,GAAGC,WAAK,EAAE;AAClB,IAAA,IAAM,YAAY,GAAG,aAAa,KAAK,SAAS;IAC1C,IAAA,EAAA,GAAoDC,cAAQ,CAChE,YAAM,EAAA,QAAC,YAAY,GAAG,SAAS,GAAG,oBAAoB,EAAC,EAAA,CACxD,EAFM,qBAAqB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,wBAAwB,GAAA,EAAA,CAAA,CAAA,CAErD;IAED,IAAM,oBAAoB,GAAG,YAAY,GAAG,aAAa,GAAG,qBAAqB;IAEjF,IAAM,gBAAgB,GAAG,UAAC,KAAsB,EAAA;QAC9C,IAAI,CAAC,YAAY,EAAE;YACjB,wBAAwB,CAAC,KAAK,CAAC;;AAGjC,QAAA,QAAQ,aAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAG,KAAK,CAAC;AACnB,KAAC;AAED,IAAA,QACE,KAAC,CAAA,aAAA,CAAAC,yBAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,oBAAoB,EAAE,gBAAgB,kBAAA,EAAE,EAAE,IAAA,EAAE,EAAA;AAC1F,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,aAAU,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAA,EACpD,QAAQ,CACL,CACgB;AAE5B,CAAC;AAGH,KAAK,CAAC,SAAS,GAAG;AAChB,IAAA,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxE,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,oBAAoB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC/E,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTabsContext.js","sources":["../../../../src/components/tabs/CTabsContext.ts"],"sourcesContent":[null],"names":["createContext"],"mappings":";;;;IAQa,YAAY,GAAGA,mBAAa,CAAC,EAAuB;;;;"}
|
|
@@ -44,10 +44,4 @@ export interface CToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title
|
|
|
44
44
|
*/
|
|
45
45
|
visible?: boolean;
|
|
46
46
|
}
|
|
47
|
-
interface ContextProps extends CToastProps {
|
|
48
|
-
visible?: boolean;
|
|
49
|
-
setVisible: React.Dispatch<React.SetStateAction<boolean | undefined>>;
|
|
50
|
-
}
|
|
51
|
-
export declare const CToastContext: React.Context<ContextProps>;
|
|
52
47
|
export declare const CToast: React.ForwardRefExoticComponent<CToastProps & React.RefAttributes<HTMLDivElement>>;
|
|
53
|
-
export {};
|
|
@@ -4,18 +4,18 @@ var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var PropTypes = require('prop-types');
|
|
6
6
|
var index = require('../../_virtual/index.js');
|
|
7
|
+
var CToastContext = require('./CToastContext.js');
|
|
7
8
|
require('@popperjs/core');
|
|
8
9
|
var useForkedRef = require('../../hooks/useForkedRef.js');
|
|
9
10
|
var props = require('../../props.js');
|
|
10
11
|
var Transition = require('../../node_modules/react-transition-group/esm/Transition.js');
|
|
11
12
|
|
|
12
|
-
var CToastContext = React.createContext({});
|
|
13
13
|
var CToast = React.forwardRef(function (_a, ref) {
|
|
14
14
|
var children = _a.children, _b = _a.animation, animation = _b === void 0 ? true : _b, _c = _a.autohide, autohide = _c === void 0 ? true : _c, className = _a.className, color = _a.color, _d = _a.delay, delay = _d === void 0 ? 5000 : _d, index$1 = _a.index, innerKey = _a.innerKey, _e = _a.visible, visible = _e === void 0 ? false : _e, onClose = _a.onClose, onShow = _a.onShow, rest = tslib_es6.__rest(_a, ["children", "animation", "autohide", "className", "color", "delay", "index", "innerKey", "visible", "onClose", "onShow"]);
|
|
15
|
-
var toastRef = React.useRef();
|
|
15
|
+
var toastRef = React.useRef(null);
|
|
16
16
|
var forkedRef = useForkedRef.useForkedRef(ref, toastRef);
|
|
17
17
|
var _f = React.useState(false), _visible = _f[0], setVisible = _f[1];
|
|
18
|
-
var timeout = React.useRef();
|
|
18
|
+
var timeout = React.useRef(undefined);
|
|
19
19
|
React.useEffect(function () {
|
|
20
20
|
setVisible(visible);
|
|
21
21
|
}, [visible]);
|
|
@@ -38,7 +38,7 @@ var CToast = React.forwardRef(function (_a, ref) {
|
|
|
38
38
|
};
|
|
39
39
|
return (React.createElement(Transition.default, { in: _visible, nodeRef: toastRef, onEnter: function () { return onShow && onShow(index$1 !== null && index$1 !== void 0 ? index$1 : null); }, onExited: function () { return onClose && onClose(index$1 !== null && index$1 !== void 0 ? index$1 : null); }, timeout: 250, unmountOnExit: true }, function (state) {
|
|
40
40
|
var _a;
|
|
41
|
-
return (React.createElement(CToastContext.Provider, { value: contextValues },
|
|
41
|
+
return (React.createElement(CToastContext.CToastContext.Provider, { value: contextValues },
|
|
42
42
|
React.createElement("div", tslib_es6.__assign({ className: index.default('toast', (_a = {
|
|
43
43
|
fade: animation
|
|
44
44
|
},
|
|
@@ -57,10 +57,7 @@ CToast.propTypes = {
|
|
|
57
57
|
color: props.colorPropType,
|
|
58
58
|
delay: PropTypes.number,
|
|
59
59
|
index: PropTypes.number,
|
|
60
|
-
innerKey: PropTypes.oneOfType([
|
|
61
|
-
PropTypes.number,
|
|
62
|
-
PropTypes.string
|
|
63
|
-
]),
|
|
60
|
+
innerKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
64
61
|
onClose: PropTypes.func,
|
|
65
62
|
onShow: PropTypes.func,
|
|
66
63
|
visible: PropTypes.bool,
|
|
@@ -68,5 +65,4 @@ CToast.propTypes = {
|
|
|
68
65
|
CToast.displayName = 'CToast';
|
|
69
66
|
|
|
70
67
|
exports.CToast = CToast;
|
|
71
|
-
exports.CToastContext = CToastContext;
|
|
72
68
|
//# sourceMappingURL=CToast.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CToast.js","sources":["../../../../src/components/toast/CToast.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"CToast.js","sources":["../../../../src/components/toast/CToast.tsx"],"sourcesContent":[null],"names":["forwardRef","index","__rest","useRef","useForkedRef","useState","useEffect","Transition","CToastContext","__assign","classNames","colorPropType"],"mappings":"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"}
|
|
@@ -4,11 +4,11 @@ var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var PropTypes = require('prop-types');
|
|
6
6
|
var CCloseButton = require('../close-button/CCloseButton.js');
|
|
7
|
-
var
|
|
7
|
+
var CToastContext = require('./CToastContext.js');
|
|
8
8
|
|
|
9
9
|
var CToastClose = React.forwardRef(function (_a, ref) {
|
|
10
10
|
var children = _a.children, Component = _a.as, rest = tslib_es6.__rest(_a, ["children", "as"]);
|
|
11
|
-
var setVisible = React.useContext(
|
|
11
|
+
var setVisible = React.useContext(CToastContext.CToastContext).setVisible;
|
|
12
12
|
return Component ? (React.createElement(Component, tslib_es6.__assign({ onClick: function () { return setVisible(false); } }, rest, { ref: ref }), children)) : (React.createElement(CCloseButton.CCloseButton, tslib_es6.__assign({ onClick: function () { return setVisible(false); } }, rest, { ref: ref })));
|
|
13
13
|
});
|
|
14
14
|
CToastClose.propTypes = tslib_es6.__assign(tslib_es6.__assign({}, CCloseButton.CCloseButton.propTypes), { as: PropTypes.elementType });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CToastClose.js","sources":["../../../../src/components/toast/CToastClose.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useContext","CToastContext","__assign","CCloseButton"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"CToastClose.js","sources":["../../../../src/components/toast/CToastClose.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useContext","CToastContext","__assign","CCloseButton"],"mappings":";;;;;;;;IAkBa,WAAW,GACtBA,gBAAU,CAAsC,UAAC,EAAoC,EAAE,GAAG,EAAA;IAAvC,IAAA,QAAQ,cAAA,EAAM,SAAS,QAAA,EAAK,IAAI,GAAlCC,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,CAAoC,CAAF;AACzE,IAAA,IAAA,UAAU,GAAKC,gBAAU,CAACC,2BAAa,CAAC,WAA9B;IAClB,OAAO,SAAS,IACd,oBAAC,SAAS,EAAAC,kBAAA,CAAA,EAAC,OAAO,EAAE,YAAM,EAAA,OAAA,UAAU,CAAC,KAAK,CAAC,CAAA,EAAA,EAAA,EAAM,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAC5D,CAAA,EAAA,QAAQ,CACC,KAEZ,KAAA,CAAA,aAAA,CAACC,yBAAY,EAACD,kBAAA,CAAA,EAAA,OAAO,EAAE,YAAA,EAAM,OAAA,UAAU,CAAC,KAAK,CAAC,CAAjB,EAAiB,EAAM,EAAA,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAAI,CAAA,CAAA,CACvE;AACH,CAAC;AAEH,WAAW,CAAC,SAAS,GAChBA,kBAAA,CAAAA,kBAAA,CAAA,EAAA,EAAAC,yBAAY,CAAC,SAAS,CACzB,EAAA,EAAA,EAAE,EAAE,SAAS,CAAC,WAAW,GAC1B;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CToastContext.js","sources":["../../../../src/components/toast/CToastContext.ts"],"sourcesContent":[null],"names":["createContext"],"mappings":";;;;IAOa,aAAa,GAAGA,mBAAa,CAAC,EAAwB;;;;"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { HTMLAttributes, ReactElement } from 'react';
|
|
2
|
+
import type { CToastProps } from './CToast';
|
|
2
3
|
export interface CToasterProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
4
|
/**
|
|
4
5
|
* A string of all className you want applied to the base component.
|
|
@@ -13,6 +14,6 @@ export interface CToasterProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
13
14
|
/**
|
|
14
15
|
* Adds new `CToast` to `CToaster`.
|
|
15
16
|
*/
|
|
16
|
-
push?: ReactElement
|
|
17
|
+
push?: ReactElement<CToastProps>;
|
|
17
18
|
}
|
|
18
19
|
export declare const CToaster: React.ForwardRefExoticComponent<CToasterProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -12,7 +12,9 @@ var CToaster = React.forwardRef(function (_a, ref) {
|
|
|
12
12
|
var index$1 = React.useRef(0);
|
|
13
13
|
React.useEffect(function () {
|
|
14
14
|
index$1.current++;
|
|
15
|
-
|
|
15
|
+
if (push) {
|
|
16
|
+
addToast(push);
|
|
17
|
+
}
|
|
16
18
|
}, [push]);
|
|
17
19
|
var addToast = function (push) {
|
|
18
20
|
setToasts(function (state) { return tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state, true), [
|
|
@@ -35,7 +37,7 @@ var CToaster = React.forwardRef(function (_a, ref) {
|
|
|
35
37
|
'end-0': placement && placement.includes('end'),
|
|
36
38
|
}, className) }, rest, { ref: ref }),
|
|
37
39
|
children,
|
|
38
|
-
toasts.map(function (toast) { return React.cloneElement(toast, { visible: true }); }))) : null));
|
|
40
|
+
toasts.map(function (toast, index) { return React.cloneElement(toast, { visible: true, key: index }); }))) : null));
|
|
39
41
|
});
|
|
40
42
|
CToaster.propTypes = {
|
|
41
43
|
children: PropTypes.node,
|