@dynamic-framework/ui-react 2.8.0 → 2.10.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/css/dynamic-ui.css +5 -22
- package/dist/css/dynamic-ui.min.css +2 -2
- package/dist/esm/components/DAlert/DAlert.js +16 -0
- package/dist/esm/components/DAlert/DAlert.js.map +1 -0
- package/dist/esm/components/DAlert/index.js +6 -0
- package/dist/esm/components/DAlert/index.js.map +1 -0
- package/dist/esm/components/DAvatar/DAvatar.js +23 -0
- package/dist/esm/components/DAvatar/DAvatar.js.map +1 -0
- package/dist/esm/components/DAvatar/index.js +6 -0
- package/dist/esm/components/DAvatar/index.js.map +1 -0
- package/dist/esm/components/DBadge/DBadge.js +31 -0
- package/dist/esm/components/DBadge/DBadge.js.map +1 -0
- package/dist/esm/components/DBadge/index.js +6 -0
- package/dist/esm/components/DBadge/index.js.map +1 -0
- package/dist/esm/components/DBox/DBox.js +9 -0
- package/dist/esm/components/DBox/DBox.js.map +1 -0
- package/dist/esm/components/DBox/index.js +6 -0
- package/dist/esm/components/DBox/index.js.map +1 -0
- package/dist/esm/components/DBoxFile/DBoxFile.js +26 -0
- package/dist/esm/components/DBoxFile/DBoxFile.js.map +1 -0
- package/dist/esm/components/DBoxFile/index.js +6 -0
- package/dist/esm/components/DBoxFile/index.js.map +1 -0
- package/dist/esm/components/DBoxFile/useDBoxFile.js +236 -0
- package/dist/esm/components/DBoxFile/useDBoxFile.js.map +1 -0
- package/dist/esm/components/DBoxFile/utils.js +127 -0
- package/dist/esm/components/DBoxFile/utils.js.map +1 -0
- package/dist/esm/components/DButton/DButton.js +84 -0
- package/dist/esm/components/DButton/DButton.js.map +1 -0
- package/dist/esm/components/DButton/index.js +6 -0
- package/dist/esm/components/DButton/index.js.map +1 -0
- package/dist/esm/components/DButtonIcon/DButtonIcon.js +52 -0
- package/dist/esm/components/DButtonIcon/DButtonIcon.js.map +1 -0
- package/dist/esm/components/DButtonIcon/index.js +6 -0
- package/dist/esm/components/DButtonIcon/index.js.map +1 -0
- package/dist/esm/components/DButtonIcon/warnMissingAccessibleName.js +40 -0
- package/dist/esm/components/DButtonIcon/warnMissingAccessibleName.js.map +1 -0
- package/dist/esm/components/DCard/DCard.js +17 -0
- package/dist/esm/components/DCard/DCard.js.map +1 -0
- package/dist/esm/components/DCard/components/DCardBody.js +9 -0
- package/dist/esm/components/DCard/components/DCardBody.js.map +1 -0
- package/dist/esm/components/DCard/components/DCardFooter.js +9 -0
- package/dist/esm/components/DCard/components/DCardFooter.js.map +1 -0
- package/dist/esm/components/DCard/components/DCardHeader.js +9 -0
- package/dist/esm/components/DCard/components/DCardHeader.js.map +1 -0
- package/dist/esm/components/DCard/index.js +9 -0
- package/dist/esm/components/DCard/index.js.map +1 -0
- package/dist/esm/components/DCarousel/DCarousel.js +39 -0
- package/dist/esm/components/DCarousel/DCarousel.js.map +1 -0
- package/dist/esm/components/DCarousel/components/DCarouselSlide.js +12 -0
- package/dist/esm/components/DCarousel/components/DCarouselSlide.js.map +1 -0
- package/dist/esm/components/DCarousel/index.js +7 -0
- package/dist/esm/components/DCarousel/index.js.map +1 -0
- package/dist/esm/components/DChip/DChip.js +18 -0
- package/dist/esm/components/DChip/DChip.js.map +1 -0
- package/dist/esm/components/DChip/index.js +6 -0
- package/dist/esm/components/DChip/index.js.map +1 -0
- package/dist/esm/components/DCollapse/DCollapse.js +30 -0
- package/dist/esm/components/DCollapse/DCollapse.js.map +1 -0
- package/dist/esm/components/DCollapse/index.js +6 -0
- package/dist/esm/components/DCollapse/index.js.map +1 -0
- package/dist/esm/components/DConfirmModal/DConfirmModalContainer.js +59 -0
- package/dist/esm/components/DConfirmModal/DConfirmModalContainer.js.map +1 -0
- package/dist/esm/components/DConfirmModal/DConfirmModalUI.js +39 -0
- package/dist/esm/components/DConfirmModal/DConfirmModalUI.js.map +1 -0
- package/dist/esm/components/DConfirmModal/confirmModalStore.js +38 -0
- package/dist/esm/components/DConfirmModal/confirmModalStore.js.map +1 -0
- package/dist/esm/components/DCreditCard/DCreditCard.js +15 -0
- package/dist/esm/components/DCreditCard/DCreditCard.js.map +1 -0
- package/dist/esm/components/DCreditCard/index.js +6 -0
- package/dist/esm/components/DCreditCard/index.js.map +1 -0
- package/dist/esm/components/DCurrencyText/DCurrencyText.js +10 -0
- package/dist/esm/components/DCurrencyText/DCurrencyText.js.map +1 -0
- package/dist/esm/components/DCurrencyText/index.js +6 -0
- package/dist/esm/components/DCurrencyText/index.js.map +1 -0
- package/dist/esm/components/DDataStateWrapper/DDataStateWrapper.js +35 -0
- package/dist/esm/components/DDataStateWrapper/DDataStateWrapper.js.map +1 -0
- package/dist/esm/components/DDataStateWrapper/components/EmptyState.js +10 -0
- package/dist/esm/components/DDataStateWrapper/components/EmptyState.js.map +1 -0
- package/dist/esm/components/DDataStateWrapper/components/ErrorState.js +10 -0
- package/dist/esm/components/DDataStateWrapper/components/ErrorState.js.map +1 -0
- package/dist/esm/components/DDataStateWrapper/components/LoadingState.js +8 -0
- package/dist/esm/components/DDataStateWrapper/components/LoadingState.js.map +1 -0
- package/dist/esm/components/DDataStateWrapper/index.js +9 -0
- package/dist/esm/components/DDataStateWrapper/index.js.map +1 -0
- package/dist/esm/components/DDatePicker/DDatePicker.js +54 -0
- package/dist/esm/components/DDatePicker/DDatePicker.js.map +1 -0
- package/dist/esm/components/DDatePicker/components/DDatePickerHeaderSelector.js +50 -0
- package/dist/esm/components/DDatePicker/components/DDatePickerHeaderSelector.js.map +1 -0
- package/dist/esm/components/DDatePicker/components/DDatePickerInput.js +16 -0
- package/dist/esm/components/DDatePicker/components/DDatePickerInput.js.map +1 -0
- package/dist/esm/components/DDatePicker/components/DDatePickerTime.js +11 -0
- package/dist/esm/components/DDatePicker/components/DDatePickerTime.js.map +1 -0
- package/dist/esm/components/DDatePicker/index.js +6 -0
- package/dist/esm/components/DDatePicker/index.js.map +1 -0
- package/dist/esm/components/DDropdown/DDropdown.js +315 -0
- package/dist/esm/components/DDropdown/DDropdown.js.map +1 -0
- package/dist/esm/components/DDropdown/index.js +6 -0
- package/dist/esm/components/DDropdown/index.js.map +1 -0
- package/dist/esm/components/DErrorBoundary/DErrorBoundary.js +22 -0
- package/dist/esm/components/DErrorBoundary/DErrorBoundary.js.map +1 -0
- package/dist/esm/components/DErrorBoundary/components/DefaultErrorBoundary.js +10 -0
- package/dist/esm/components/DErrorBoundary/components/DefaultErrorBoundary.js.map +1 -0
- package/dist/esm/components/DErrorBoundary/index.js +7 -0
- package/dist/esm/components/DErrorBoundary/index.js.map +1 -0
- package/dist/esm/components/DIcon/DIcon.js +21 -0
- package/dist/esm/components/DIcon/DIcon.js.map +1 -0
- package/dist/esm/components/DIcon/index.js +6 -0
- package/dist/esm/components/DIcon/index.js.map +1 -0
- package/dist/esm/components/DIconBase/DIconBase.js +146 -0
- package/dist/esm/components/DIconBase/DIconBase.js.map +1 -0
- package/dist/esm/components/DIconBase/index.js +6 -0
- package/dist/esm/components/DIconBase/index.js.map +1 -0
- package/dist/esm/components/DIconBase/resolveIconFromRegistry.js +20 -0
- package/dist/esm/components/DIconBase/resolveIconFromRegistry.js.map +1 -0
- package/dist/esm/components/DIconBase/warnUnknownIcon.js +59 -0
- package/dist/esm/components/DIconBase/warnUnknownIcon.js.map +1 -0
- package/dist/esm/components/DInput/DInput.js +83 -0
- package/dist/esm/components/DInput/DInput.js.map +1 -0
- package/dist/esm/components/DInput/index.js +6 -0
- package/dist/esm/components/DInput/index.js.map +1 -0
- package/dist/esm/components/DInputCheck/DInputCheck.js +57 -0
- package/dist/esm/components/DInputCheck/DInputCheck.js.map +1 -0
- package/dist/esm/components/DInputCheck/index.js +6 -0
- package/dist/esm/components/DInputCheck/index.js.map +1 -0
- package/dist/esm/components/DInputCounter/DInputCounter.js +49 -0
- package/dist/esm/components/DInputCounter/DInputCounter.js.map +1 -0
- package/dist/esm/components/DInputCounter/index.js +6 -0
- package/dist/esm/components/DInputCounter/index.js.map +1 -0
- package/dist/esm/components/DInputCurrency/DInputCurrency.js +20 -0
- package/dist/esm/components/DInputCurrency/DInputCurrency.js.map +1 -0
- package/dist/esm/components/DInputCurrency/index.js +6 -0
- package/dist/esm/components/DInputCurrency/index.js.map +1 -0
- package/dist/esm/components/DInputMask/DInputMask.js +13 -0
- package/dist/esm/components/DInputMask/DInputMask.js.map +1 -0
- package/dist/esm/components/DInputMask/index.js +6 -0
- package/dist/esm/components/DInputMask/index.js.map +1 -0
- package/dist/esm/components/DInputPassword/DInputPassword.js +24 -0
- package/dist/esm/components/DInputPassword/DInputPassword.js.map +1 -0
- package/dist/esm/components/DInputPassword/index.js +6 -0
- package/dist/esm/components/DInputPassword/index.js.map +1 -0
- package/dist/esm/components/DInputPhone/DInputPhone.js +96 -0
- package/dist/esm/components/DInputPhone/DInputPhone.js.map +1 -0
- package/dist/esm/components/DInputPhone/index.js +6 -0
- package/dist/esm/components/DInputPhone/index.js.map +1 -0
- package/dist/esm/components/DInputPin/DInputPin.js +86 -0
- package/dist/esm/components/DInputPin/DInputPin.js.map +1 -0
- package/dist/esm/components/DInputPin/index.js +6 -0
- package/dist/esm/components/DInputPin/index.js.map +1 -0
- package/dist/esm/components/DInputRange/DInputRange.js +46 -0
- package/dist/esm/components/DInputRange/DInputRange.js.map +1 -0
- package/dist/esm/components/DInputRange/index.js +6 -0
- package/dist/esm/components/DInputRange/index.js.map +1 -0
- package/dist/esm/components/DInputSearch/DInputSearch.js +57 -0
- package/dist/esm/components/DInputSearch/DInputSearch.js.map +1 -0
- package/dist/esm/components/DInputSearch/index.js +6 -0
- package/dist/esm/components/DInputSearch/index.js.map +1 -0
- package/dist/esm/components/DInputSelect/DInputSelect.js +90 -0
- package/dist/esm/components/DInputSelect/DInputSelect.js.map +1 -0
- package/dist/esm/components/DInputSelect/index.js +6 -0
- package/dist/esm/components/DInputSelect/index.js.map +1 -0
- package/dist/esm/components/DInputSwitch/DInputSwitch.js +32 -0
- package/dist/esm/components/DInputSwitch/DInputSwitch.js.map +1 -0
- package/dist/esm/components/DInputSwitch/index.js +6 -0
- package/dist/esm/components/DInputSwitch/index.js.map +1 -0
- package/dist/esm/components/DLayout/DLayout.js +22 -0
- package/dist/esm/components/DLayout/DLayout.js.map +1 -0
- package/dist/esm/components/DLayout/components/DLayoutPane.js +16 -0
- package/dist/esm/components/DLayout/components/DLayoutPane.js.map +1 -0
- package/dist/esm/components/DLayout/index.js +7 -0
- package/dist/esm/components/DLayout/index.js.map +1 -0
- package/dist/esm/components/DListGroup/DListGroup.js +31 -0
- package/dist/esm/components/DListGroup/DListGroup.js.map +1 -0
- package/dist/esm/components/DListGroup/components/DListGroupItem.js +41 -0
- package/dist/esm/components/DListGroup/components/DListGroupItem.js.map +1 -0
- package/dist/esm/components/DListGroup/index.js +7 -0
- package/dist/esm/components/DListGroup/index.js.map +1 -0
- package/dist/esm/components/DModal/DModal.js +37 -0
- package/dist/esm/components/DModal/DModal.js.map +1 -0
- package/dist/esm/components/DModal/components/DModalBody.js +9 -0
- package/dist/esm/components/DModal/components/DModalBody.js.map +1 -0
- package/dist/esm/components/DModal/components/DModalFooter.js +14 -0
- package/dist/esm/components/DModal/components/DModalFooter.js.map +1 -0
- package/dist/esm/components/DModal/components/DModalHeader.js +15 -0
- package/dist/esm/components/DModal/components/DModalHeader.js.map +1 -0
- package/dist/esm/components/DModal/index.js +9 -0
- package/dist/esm/components/DModal/index.js.map +1 -0
- package/dist/esm/components/DOffcanvas/DOffcanvas.js +82 -0
- package/dist/esm/components/DOffcanvas/DOffcanvas.js.map +1 -0
- package/dist/esm/components/DOffcanvas/components/DOffcanvasBody.js +9 -0
- package/dist/esm/components/DOffcanvas/components/DOffcanvasBody.js.map +1 -0
- package/dist/esm/components/DOffcanvas/components/DOffcanvasFooter.js +14 -0
- package/dist/esm/components/DOffcanvas/components/DOffcanvasFooter.js.map +1 -0
- package/dist/esm/components/DOffcanvas/components/DOffcanvasHeader.js +15 -0
- package/dist/esm/components/DOffcanvas/components/DOffcanvasHeader.js.map +1 -0
- package/dist/esm/components/DOffcanvas/index.js +9 -0
- package/dist/esm/components/DOffcanvas/index.js.map +1 -0
- package/dist/esm/components/DOtp/DOtp.js +26 -0
- package/dist/esm/components/DOtp/DOtp.js.map +1 -0
- package/dist/esm/components/DOtp/components/OtpCountdown.js +12 -0
- package/dist/esm/components/DOtp/components/OtpCountdown.js.map +1 -0
- package/dist/esm/components/DOtp/index.js +6 -0
- package/dist/esm/components/DOtp/index.js.map +1 -0
- package/dist/esm/components/DPaginator/DPaginator.js +12 -0
- package/dist/esm/components/DPaginator/DPaginator.js.map +1 -0
- package/dist/esm/components/DPaginator/index.js +6 -0
- package/dist/esm/components/DPaginator/index.js.map +1 -0
- package/dist/esm/components/DPasswordStrengthMeter/DPasswordStrengthMeter.js +27 -0
- package/dist/esm/components/DPasswordStrengthMeter/DPasswordStrengthMeter.js.map +1 -0
- package/dist/esm/components/DPasswordStrengthMeter/PasswordCheckItem.js +10 -0
- package/dist/esm/components/DPasswordStrengthMeter/PasswordCheckItem.js.map +1 -0
- package/dist/esm/components/DPasswordStrengthMeter/PasswordCheckList.js +41 -0
- package/dist/esm/components/DPasswordStrengthMeter/PasswordCheckList.js.map +1 -0
- package/dist/esm/components/DPasswordStrengthMeter/PasswordStrength.js +23 -0
- package/dist/esm/components/DPasswordStrengthMeter/PasswordStrength.js.map +1 -0
- package/dist/esm/components/DPasswordStrengthMeter/index.js +6 -0
- package/dist/esm/components/DPasswordStrengthMeter/index.js.map +1 -0
- package/dist/esm/components/DPopover/DPopover.js +49 -0
- package/dist/esm/components/DPopover/DPopover.js.map +1 -0
- package/dist/esm/components/DPopover/index.js +6 -0
- package/dist/esm/components/DPopover/index.js.map +1 -0
- package/dist/esm/components/DProgress/DProgress.js +16 -0
- package/dist/esm/components/DProgress/DProgress.js.map +1 -0
- package/dist/esm/components/DProgress/index.js +6 -0
- package/dist/esm/components/DProgress/index.js.map +1 -0
- package/dist/esm/components/DSelect/DSelect.js +60 -0
- package/dist/esm/components/DSelect/DSelect.js.map +1 -0
- package/dist/esm/components/DSelect/components/DSelectClearIndicator.js +12 -0
- package/dist/esm/components/DSelect/components/DSelectClearIndicator.js.map +1 -0
- package/dist/esm/components/DSelect/components/DSelectDropdownIndicator.js +12 -0
- package/dist/esm/components/DSelect/components/DSelectDropdownIndicator.js.map +1 -0
- package/dist/esm/components/DSelect/components/DSelectLoadingIndicator.js +12 -0
- package/dist/esm/components/DSelect/components/DSelectLoadingIndicator.js.map +1 -0
- package/dist/esm/components/DSelect/components/DSelectMultiValueRemove.js +12 -0
- package/dist/esm/components/DSelect/components/DSelectMultiValueRemove.js.map +1 -0
- package/dist/esm/components/DSelect/components/DSelectOptionCheck.js +14 -0
- package/dist/esm/components/DSelect/components/DSelectOptionCheck.js.map +1 -0
- package/dist/esm/components/DSelect/components/DSelectOptionEmoji.js +14 -0
- package/dist/esm/components/DSelect/components/DSelectOptionEmoji.js.map +1 -0
- package/dist/esm/components/DSelect/components/DSelectOptionIcon.js +15 -0
- package/dist/esm/components/DSelect/components/DSelectOptionIcon.js.map +1 -0
- package/dist/esm/components/DSelect/components/DSelectPlaceholder.js +14 -0
- package/dist/esm/components/DSelect/components/DSelectPlaceholder.js.map +1 -0
- package/dist/esm/components/DSelect/components/DSelectSingleValueEmoji.js +15 -0
- package/dist/esm/components/DSelect/components/DSelectSingleValueEmoji.js.map +1 -0
- package/dist/esm/components/DSelect/components/DSelectSingleValueEmojiText.js +15 -0
- package/dist/esm/components/DSelect/components/DSelectSingleValueEmojiText.js.map +1 -0
- package/dist/esm/components/DSelect/components/DSelectSingleValueIconText.js +16 -0
- package/dist/esm/components/DSelect/components/DSelectSingleValueIconText.js.map +1 -0
- package/dist/esm/components/DSelect/index.js +6 -0
- package/dist/esm/components/DSelect/index.js.map +1 -0
- package/dist/esm/components/DStepper/DStepper.js +13 -0
- package/dist/esm/components/DStepper/DStepper.js.map +1 -0
- package/dist/esm/components/DStepper/index.js +6 -0
- package/dist/esm/components/DStepper/index.js.map +1 -0
- package/dist/esm/components/DStepperDesktop/DStepperDesktop.js +27 -0
- package/dist/esm/components/DStepperDesktop/DStepperDesktop.js.map +1 -0
- package/dist/esm/components/DStepperDesktop/index.js +6 -0
- package/dist/esm/components/DStepperDesktop/index.js.map +1 -0
- package/dist/esm/components/DStepperMobile/DStepperMobile.js +37 -0
- package/dist/esm/components/DStepperMobile/DStepperMobile.js.map +1 -0
- package/dist/esm/components/DStepperMobile/index.js +6 -0
- package/dist/esm/components/DStepperMobile/index.js.map +1 -0
- package/dist/esm/components/DTabs/DTabs.js +117 -0
- package/dist/esm/components/DTabs/DTabs.js.map +1 -0
- package/dist/esm/components/DTabs/TabContext.js +13 -0
- package/dist/esm/components/DTabs/TabContext.js.map +1 -0
- package/dist/esm/components/DTabs/components/DTabContent.js +14 -0
- package/dist/esm/components/DTabs/components/DTabContent.js.map +1 -0
- package/dist/esm/components/DTabs/index.js +8 -0
- package/dist/esm/components/DTabs/index.js.map +1 -0
- package/dist/esm/components/DTimeline/DTimeline.js +12 -0
- package/dist/esm/components/DTimeline/DTimeline.js.map +1 -0
- package/dist/esm/components/DTimeline/index.js +6 -0
- package/dist/esm/components/DTimeline/index.js.map +1 -0
- package/dist/esm/components/DToast/DToast.js +15 -0
- package/dist/esm/components/DToast/DToast.js.map +1 -0
- package/dist/esm/components/DToast/components/DToastBody.js +9 -0
- package/dist/esm/components/DToast/components/DToastBody.js.map +1 -0
- package/dist/esm/components/DToast/components/DToastHeader.js +9 -0
- package/dist/esm/components/DToast/components/DToastHeader.js.map +1 -0
- package/dist/esm/components/DToast/index.js +8 -0
- package/dist/esm/components/DToast/index.js.map +1 -0
- package/dist/esm/components/DToastContainer/DToastContainer.js +9 -0
- package/dist/esm/components/DToastContainer/DToastContainer.js.map +1 -0
- package/dist/esm/components/DToastContainer/index.js +7 -0
- package/dist/esm/components/DToastContainer/index.js.map +1 -0
- package/dist/esm/components/DToastContainer/useDToast.js +58 -0
- package/dist/esm/components/DToastContainer/useDToast.js.map +1 -0
- package/dist/esm/components/DTooltip/DTooltip.js +51 -0
- package/dist/esm/components/DTooltip/DTooltip.js.map +1 -0
- package/dist/esm/components/DTooltip/index.js +6 -0
- package/dist/esm/components/DTooltip/index.js.map +1 -0
- package/dist/esm/components/DVoucher/DVoucher.js +55 -0
- package/dist/esm/components/DVoucher/DVoucher.js.map +1 -0
- package/dist/esm/components/DVoucher/hooks/useScreenshot.js +30 -0
- package/dist/esm/components/DVoucher/hooks/useScreenshot.js.map +1 -0
- package/dist/esm/components/DVoucher/hooks/useScreenshotDownload.js +30 -0
- package/dist/esm/components/DVoucher/hooks/useScreenshotDownload.js.map +1 -0
- package/dist/esm/components/DVoucher/hooks/useScreenshotWebShare.js +27 -0
- package/dist/esm/components/DVoucher/hooks/useScreenshotWebShare.js.map +1 -0
- package/dist/esm/components/DVoucher/index.js +9 -0
- package/dist/esm/components/DVoucher/index.js.map +1 -0
- package/dist/esm/components/config.js +14 -0
- package/dist/esm/components/config.js.map +1 -0
- package/dist/esm/contexts/DContext.js +124 -0
- package/dist/esm/contexts/DContext.js.map +1 -0
- package/dist/esm/contexts/DPortalContext.js +128 -0
- package/dist/esm/contexts/DPortalContext.js.map +1 -0
- package/dist/esm/hooks/useConfirmModal.js +63 -0
- package/dist/esm/hooks/useConfirmModal.js.map +1 -0
- package/dist/esm/hooks/useCountdown.js +45 -0
- package/dist/esm/hooks/useCountdown.js.map +1 -0
- package/dist/esm/hooks/useDisableBodyScrollEffect.js +52 -0
- package/dist/esm/hooks/useDisableBodyScrollEffect.js.map +1 -0
- package/dist/esm/hooks/useDisableInputWheel.js +17 -0
- package/dist/esm/hooks/useDisableInputWheel.js.map +1 -0
- package/dist/esm/hooks/useFormatCurrency.js +16 -0
- package/dist/esm/hooks/useFormatCurrency.js.map +1 -0
- package/dist/esm/hooks/useInputCurrency.js +76 -0
- package/dist/esm/hooks/useInputCurrency.js.map +1 -0
- package/dist/esm/hooks/useItemSelection.js +35 -0
- package/dist/esm/hooks/useItemSelection.js.map +1 -0
- package/dist/esm/hooks/useMediaBreakpointUp.js +30 -0
- package/dist/esm/hooks/useMediaBreakpointUp.js.map +1 -0
- package/dist/esm/hooks/useMediaQuery.js +11 -0
- package/dist/esm/hooks/useMediaQuery.js.map +1 -0
- package/dist/esm/hooks/useOtp.js +107 -0
- package/dist/esm/hooks/useOtp.js.map +1 -0
- package/dist/esm/hooks/usePortal.js +26 -0
- package/dist/esm/hooks/usePortal.js.map +1 -0
- package/dist/esm/hooks/useProvidedRefOrCreate.js +24 -0
- package/dist/esm/hooks/useProvidedRefOrCreate.js.map +1 -0
- package/dist/esm/hooks/useResponsiveProp.js +50 -0
- package/dist/esm/hooks/useResponsiveProp.js.map +1 -0
- package/dist/esm/hooks/useStackState.js +40 -0
- package/dist/esm/hooks/useStackState.js.map +1 -0
- package/dist/esm/icons/coreIcons.js +55 -0
- package/dist/esm/icons/coreIcons.js.map +1 -0
- package/dist/esm/index.js +98 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/utils/attr-accept.js +38 -0
- package/dist/esm/utils/attr-accept.js.map +1 -0
- package/dist/esm/utils/buildUrl.js +57 -0
- package/dist/esm/utils/buildUrl.js.map +1 -0
- package/dist/esm/utils/changeQueryString.js +19 -0
- package/dist/esm/utils/changeQueryString.js.map +1 -0
- package/dist/esm/utils/configureI18n.js +20 -0
- package/dist/esm/utils/configureI18n.js.map +1 -0
- package/dist/esm/utils/formatCurrency.js +8 -0
- package/dist/esm/utils/formatCurrency.js.map +1 -0
- package/dist/esm/utils/getCssVariable.js +7 -0
- package/dist/esm/utils/getCssVariable.js.map +1 -0
- package/dist/esm/utils/getKeyboardFocusableElements.js +11 -0
- package/dist/esm/utils/getKeyboardFocusableElements.js.map +1 -0
- package/dist/esm/utils/getQueryString.js +8 -0
- package/dist/esm/utils/getQueryString.js.map +1 -0
- package/dist/esm/utils/mediaQuery.js +13 -0
- package/dist/esm/utils/mediaQuery.js.map +1 -0
- package/dist/esm/utils/sanitizeHref.js +67 -0
- package/dist/esm/utils/sanitizeHref.js.map +1 -0
- package/dist/esm/utils/validatePhoneNumber.js +14 -0
- package/dist/esm/utils/validatePhoneNumber.js.map +1 -0
- package/dist/icons-core.json +33 -0
- package/dist/index.esm.js +463 -55
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +465 -54
- package/dist/index.js.map +1 -1
- package/dist/types/components/DButtonIcon/warnMissingAccessibleName.d.ts +18 -0
- package/dist/types/components/DIcon/DIcon.d.ts +8 -0
- package/dist/types/components/DIconBase/DIconBase.d.ts +43 -1
- package/dist/types/components/DIconBase/resolveIconFromRegistry.d.ts +14 -0
- package/dist/types/components/DIconBase/warnUnknownIcon.d.ts +13 -0
- package/dist/types/components/DInputCheck/DInputCheck.d.ts +1 -0
- package/dist/types/components/DInputRange/DInputRange.d.ts +1 -1
- package/dist/types/components/DInputSwitch/DInputSwitch.d.ts +2 -1
- package/dist/types/components/DModal/components/DModalHeader.d.ts +5 -1
- package/dist/types/components/DOffcanvas/components/DOffcanvasHeader.d.ts +5 -1
- package/dist/types/components/DTooltip/DTooltip.d.ts +38 -3
- package/dist/types/components/config.d.ts +10 -0
- package/dist/types/icons/coreIcons.d.ts +24 -0
- package/dist/types/icons/index.d.ts +2 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/utils/buildUrl.d.ts +32 -0
- package/dist/types/utils/index.d.ts +2 -0
- package/dist/types/utils/sanitizeHref.d.ts +37 -0
- package/package.json +12 -9
- package/src/style/_shame.scss +1 -5
- package/src/style/abstracts/variables/_+import.scss +1 -0
- package/src/style/abstracts/variables/_box.scss +7 -0
- package/src/style/abstracts/variables/_forms.scss +1 -3
- package/src/style/abstracts/variables/_shadow.scss +12 -1
- package/src/style/base/_+import.scss +0 -1
- package/src/style/base/_form-check.scss +4 -2
- package/src/style/components/_d-box.scss +5 -5
- package/dist/types/components/DVoucher/hooks/useScreenshotDownload.spec.d.ts +0 -1
- package/dist/types/components/DVoucher/hooks/useScreenshotWebShare.spec.d.ts +0 -1
- package/dist/types/hooks/tests/useCountdown.spec.d.ts +0 -1
- package/dist/types/hooks/tests/useDisableBodyScrollEffect.spec.d.ts +0 -1
- package/dist/types/hooks/tests/useDisableInputWheel.spec.d.ts +0 -1
- package/dist/types/hooks/tests/useFormatCurrency.spec.d.ts +0 -1
- package/dist/types/hooks/tests/useInputCurrency.spec.d.ts +0 -1
- package/dist/types/hooks/tests/useItemSelection.spec.d.ts +0 -1
- package/dist/types/hooks/tests/useMediaBreakpointUp.spec.d.ts +0 -1
- package/dist/types/hooks/tests/useMediaQuery.spec.d.ts +0 -1
- package/dist/types/hooks/tests/usePortal.spec.d.ts +0 -1
- package/dist/types/hooks/tests/useProvidedRefOrCreate.spec.d.ts +0 -1
- package/dist/types/hooks/tests/useStackState.spec.d.ts +0 -1
- package/dist/types/utils/tests/attr-accept.spec.d.ts +0 -1
- package/dist/types/utils/tests/changeQueryString.spec.d.ts +0 -1
- package/dist/types/utils/tests/configureI18n.spec.d.ts +0 -1
- package/dist/types/utils/tests/formatCurrency.spec.d.ts +0 -1
- package/dist/types/utils/tests/getCssVariable.spec.d.ts +0 -1
- package/dist/types/utils/tests/getKeyboardFocusableElements.spec.d.ts +0 -1
- package/dist/types/utils/tests/getQueryString.spec.d.ts +0 -1
- package/dist/types/utils/tests/mediaQuery.spec.d.ts +0 -1
- package/dist/types/utils/tests/validatePhoneNumber.spec.d.ts +0 -1
- package/src/style/base/_form-text.scss +0 -12
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DSelectOptionIcon.js","sources":["../../../../../dist-transpiled/components/DSelect/components/DSelectOptionIcon.js"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nimport { components } from 'react-select';\nimport DIcon from '../../DIcon';\nexport default function DSelectOptionIcon(_a) {\n var { children, data } = _a, props = __rest(_a, [\"children\", \"data\"]);\n return (_jsxs(components.Option, Object.assign({ className: classNames({\n 'd-select__option--has-icon': true,\n }), data: data }, props, { children: [_jsx(DIcon, { icon: data.icon }), children] })));\n}\n//# sourceMappingURL=DSelectOptionIcon.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAKe,SAAS,iBAAiB,CAAC,EAAE,EAAE;AAC9C,IAAI,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AACzE,IAAI,QAAQA,IAAK,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC;AAC3E,YAAY,4BAA4B,EAAE,IAAI;AAC9C,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC7F;;;;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { __rest } from 'tslib';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { components } from 'react-select';
|
|
4
|
+
import { useMemo } from 'react';
|
|
5
|
+
|
|
6
|
+
function DSelectPlaceholder(_a) {
|
|
7
|
+
var { selectProps, innerProps: innerPropsProp, children } = _a, props = __rest(_a, ["selectProps", "innerProps", "children"]);
|
|
8
|
+
const id = useMemo(() => `${selectProps.inputId}Placeholder`, [selectProps.inputId]);
|
|
9
|
+
const innerProps = useMemo(() => (Object.assign(Object.assign({}, innerPropsProp), { id })), [innerPropsProp, id]);
|
|
10
|
+
return (jsx(components.Placeholder, Object.assign({ innerProps: innerProps, selectProps: selectProps }, props, { children: children })));
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export { DSelectPlaceholder as default };
|
|
14
|
+
//# sourceMappingURL=DSelectPlaceholder.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DSelectPlaceholder.js","sources":["../../../../../dist-transpiled/components/DSelect/components/DSelectPlaceholder.js"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { components } from 'react-select';\nimport { useMemo } from 'react';\nexport default function DSelectPlaceholder(_a) {\n var { selectProps, innerProps: innerPropsProp, children } = _a, props = __rest(_a, [\"selectProps\", \"innerProps\", \"children\"]);\n const id = useMemo(() => `${selectProps.inputId}Placeholder`, [selectProps.inputId]);\n const innerProps = useMemo(() => (Object.assign(Object.assign({}, innerPropsProp), { id })), [innerPropsProp, id]);\n return (_jsx(components.Placeholder, Object.assign({ innerProps: innerProps, selectProps: selectProps }, props, { children: children })));\n}\n//# sourceMappingURL=DSelectPlaceholder.js.map"],"names":["_jsx"],"mappings":";;;;;AAIe,SAAS,kBAAkB,CAAC,EAAE,EAAE;AAC/C,IAAI,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;AACjI,IAAI,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AACxF,IAAI,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;AACtH,IAAI,QAAQA,GAAI,CAAC,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC5I;;;;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { __rest } from 'tslib';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import { components } from 'react-select';
|
|
5
|
+
|
|
6
|
+
function DSelectSingleValueEmoji(_a) {
|
|
7
|
+
var { children, getValue } = _a, props = __rest(_a, ["children", "getValue"]);
|
|
8
|
+
const [value] = getValue();
|
|
9
|
+
return (jsx(components.SingleValue, Object.assign({ className: classNames({
|
|
10
|
+
'd-select__control--has-icon': true,
|
|
11
|
+
}), getValue: getValue }, props, { children: value.emoji })));
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { DSelectSingleValueEmoji as default };
|
|
15
|
+
//# sourceMappingURL=DSelectSingleValueEmoji.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DSelectSingleValueEmoji.js","sources":["../../../../../dist-transpiled/components/DSelect/components/DSelectSingleValueEmoji.js"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nimport { components } from 'react-select';\nexport default function DSelectSingleValueEmoji(_a) {\n var { children, getValue } = _a, props = __rest(_a, [\"children\", \"getValue\"]);\n const [value] = getValue();\n return (_jsx(components.SingleValue, Object.assign({ className: classNames({\n 'd-select__control--has-icon': true,\n }), getValue: getValue }, props, { children: value.emoji })));\n}\n//# sourceMappingURL=DSelectSingleValueEmoji.js.map"],"names":["_jsx"],"mappings":";;;;;AAIe,SAAS,uBAAuB,CAAC,EAAE,EAAE;AACpD,IAAI,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AACjF,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,EAAE;AAC9B,IAAI,QAAQA,GAAI,CAAC,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC;AAC/E,YAAY,6BAA6B,EAAE,IAAI;AAC/C,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;AACpE;;;;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { __rest } from 'tslib';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import { components } from 'react-select';
|
|
5
|
+
|
|
6
|
+
function DSelectSingleValueEmojiText(_a) {
|
|
7
|
+
var { children, getValue } = _a, props = __rest(_a, ["children", "getValue"]);
|
|
8
|
+
const [value] = getValue();
|
|
9
|
+
return (jsxs(components.SingleValue, Object.assign({ className: classNames({
|
|
10
|
+
'd-select__control--has-icon': true,
|
|
11
|
+
}), getValue: getValue }, props, { children: [jsx("span", { children: value.emoji }), jsx("span", { children: children })] })));
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { DSelectSingleValueEmojiText as default };
|
|
15
|
+
//# sourceMappingURL=DSelectSingleValueEmojiText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DSelectSingleValueEmojiText.js","sources":["../../../../../dist-transpiled/components/DSelect/components/DSelectSingleValueEmojiText.js"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nimport { components } from 'react-select';\nexport default function DSelectSingleValueEmojiText(_a) {\n var { children, getValue } = _a, props = __rest(_a, [\"children\", \"getValue\"]);\n const [value] = getValue();\n return (_jsxs(components.SingleValue, Object.assign({ className: classNames({\n 'd-select__control--has-icon': true,\n }), getValue: getValue }, props, { children: [_jsx(\"span\", { children: value.emoji }), _jsx(\"span\", { children: children })] })));\n}\n//# sourceMappingURL=DSelectSingleValueEmojiText.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAIe,SAAS,2BAA2B,CAAC,EAAE,EAAE;AACxD,IAAI,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AACjF,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,EAAE;AAC9B,IAAI,QAAQA,IAAK,CAAC,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC;AAChF,YAAY,6BAA6B,EAAE,IAAI;AAC/C,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACxI;;;;"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { __rest } from 'tslib';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import { components } from 'react-select';
|
|
5
|
+
import DIcon from '../../DIcon/DIcon.js';
|
|
6
|
+
|
|
7
|
+
function DSelectSingleValueIconText(_a) {
|
|
8
|
+
var { children, getValue } = _a, props = __rest(_a, ["children", "getValue"]);
|
|
9
|
+
const [value] = getValue();
|
|
10
|
+
return (jsxs(components.SingleValue, Object.assign({ className: classNames({
|
|
11
|
+
'd-select__control--has-icon': true,
|
|
12
|
+
}), getValue: getValue }, props, { children: [jsx(DIcon, { icon: value.icon }), children] })));
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export { DSelectSingleValueIconText as default };
|
|
16
|
+
//# sourceMappingURL=DSelectSingleValueIconText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DSelectSingleValueIconText.js","sources":["../../../../../dist-transpiled/components/DSelect/components/DSelectSingleValueIconText.js"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nimport { components } from 'react-select';\nimport DIcon from '../../DIcon';\nexport default function DSelectSingleValueIconText(_a) {\n var { children, getValue } = _a, props = __rest(_a, [\"children\", \"getValue\"]);\n const [value] = getValue();\n return (_jsxs(components.SingleValue, Object.assign({ className: classNames({\n 'd-select__control--has-icon': true,\n }), getValue: getValue }, props, { children: [_jsx(DIcon, { icon: value.icon }), children] })));\n}\n//# sourceMappingURL=DSelectSingleValueIconText.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAKe,SAAS,0BAA0B,CAAC,EAAE,EAAE;AACvD,IAAI,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AACjF,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,EAAE;AAC9B,IAAI,QAAQA,IAAK,CAAC,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC;AAChF,YAAY,6BAA6B,EAAE,IAAI;AAC/C,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;AACtG;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import DStepper$2 from '../DStepperDesktop/DStepperDesktop.js';
|
|
4
|
+
import DStepper$1 from '../DStepperMobile/DStepperMobile.js';
|
|
5
|
+
import { useDContext } from '../../contexts/DContext.js';
|
|
6
|
+
|
|
7
|
+
function DStepper({ options, currentStep, iconSuccess, iconSuccessFamilyClass, iconSuccessFamilyPrefix, iconSuccessMaterialStyle, vertical = false, breakpoint = 'lg', className, completed = false, style, dataAttributes, }) {
|
|
8
|
+
const { icon: { familyClass, familyPrefix, materialStyle, }, } = useDContext();
|
|
9
|
+
return (jsxs("div", Object.assign({ className: className, style: style }, dataAttributes, { children: [jsx("div", { className: classNames('d-stepper-mobile', `d-block d-${breakpoint}-none`), children: jsx(DStepper$1, { options: options, currentStep: currentStep }) }), jsx("div", { className: classNames('d-stepper-desktop', `d-none d-${breakpoint}-block`), children: jsx(DStepper$2, { options: options, currentStep: currentStep, vertical: vertical, iconSuccess: iconSuccess, iconSuccessFamilyClass: iconSuccessFamilyClass !== null && iconSuccessFamilyClass !== void 0 ? iconSuccessFamilyClass : familyClass, iconSuccessFamilyPrefix: iconSuccessFamilyPrefix !== null && iconSuccessFamilyPrefix !== void 0 ? iconSuccessFamilyPrefix : familyPrefix, iconSuccessMaterialStyle: iconSuccessMaterialStyle !== null && iconSuccessMaterialStyle !== void 0 ? iconSuccessMaterialStyle : materialStyle, completed: completed }) })] })));
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export { DStepper as default };
|
|
13
|
+
//# sourceMappingURL=DStepper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DStepper.js","sources":["../../../../dist-transpiled/components/DStepper/DStepper.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nimport DStepperDesktop from '../DStepperDesktop';\nimport DStepperMobile from '../DStepperMobile';\nimport { useDContext } from '../../contexts';\nexport default function DStepper({ options, currentStep, iconSuccess, iconSuccessFamilyClass, iconSuccessFamilyPrefix, iconSuccessMaterialStyle, vertical = false, breakpoint = 'lg', className, completed = false, style, dataAttributes, }) {\n const { icon: { familyClass, familyPrefix, materialStyle, }, } = useDContext();\n return (_jsxs(\"div\", Object.assign({ className: className, style: style }, dataAttributes, { children: [_jsx(\"div\", { className: classNames('d-stepper-mobile', `d-block d-${breakpoint}-none`), children: _jsx(DStepperMobile, { options: options, currentStep: currentStep }) }), _jsx(\"div\", { className: classNames('d-stepper-desktop', `d-none d-${breakpoint}-block`), children: _jsx(DStepperDesktop, { options: options, currentStep: currentStep, vertical: vertical, iconSuccess: iconSuccess, iconSuccessFamilyClass: iconSuccessFamilyClass !== null && iconSuccessFamilyClass !== void 0 ? iconSuccessFamilyClass : familyClass, iconSuccessFamilyPrefix: iconSuccessFamilyPrefix !== null && iconSuccessFamilyPrefix !== void 0 ? iconSuccessFamilyPrefix : familyPrefix, iconSuccessMaterialStyle: iconSuccessMaterialStyle !== null && iconSuccessMaterialStyle !== void 0 ? iconSuccessMaterialStyle : materialStyle, completed: completed }) })] })));\n}\n//# sourceMappingURL=DStepper.js.map"],"names":["_jsxs","_jsx","DStepperMobile","DStepperDesktop"],"mappings":";;;;;;AAKe,SAAS,QAAQ,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,QAAQ,GAAG,KAAK,EAAE,UAAU,GAAG,IAAI,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE;AAC9O,IAAI,MAAM,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,GAAG,GAAG,GAAG,WAAW,EAAE;AAClF,IAAI,QAAQA,IAAK,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAEA,GAAI,CAACC,UAAc,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,EAAED,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,QAAQ,EAAEA,GAAI,CAACE,UAAe,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,sBAAsB,EAAE,sBAAsB,KAAK,IAAI,IAAI,sBAAsB,KAAK,MAAM,GAAG,sBAAsB,GAAG,WAAW,EAAE,uBAAuB,EAAE,uBAAuB,KAAK,IAAI,IAAI,uBAAuB,KAAK,MAAM,GAAG,uBAAuB,GAAG,YAAY,EAAE,wBAAwB,EAAE,wBAAwB,KAAK,IAAI,IAAI,wBAAwB,KAAK,MAAM,GAAG,wBAAwB,GAAG,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAC36B;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
import DIcon from '../DIcon/DIcon.js';
|
|
5
|
+
import { useDContext } from '../../contexts/DContext.js';
|
|
6
|
+
|
|
7
|
+
function DStepper({ options, currentStep, iconSuccess: iconSuccessProp, iconSuccessFamilyClass, iconSuccessFamilyPrefix, iconSuccessMaterialStyle, vertical = false, completed, alignStart = false, className, style, }) {
|
|
8
|
+
const { icon: { familyClass, familyPrefix, materialStyle, }, iconMap: { check, }, } = useDContext();
|
|
9
|
+
const icon = useMemo(() => iconSuccessProp || check, [check, iconSuccessProp]);
|
|
10
|
+
if (currentStep < 1 || currentStep > options.length) {
|
|
11
|
+
throw new Error('Current step should be in the range from 1 to options length');
|
|
12
|
+
}
|
|
13
|
+
return (jsx("div", { className: classNames({
|
|
14
|
+
'd-stepper-desktop': true,
|
|
15
|
+
'is-vertical': vertical,
|
|
16
|
+
'is-align-start': alignStart && !vertical,
|
|
17
|
+
}, className), style: style, children: options.map(({ label, value, description }) => (jsxs("div", { className: classNames({
|
|
18
|
+
'd-step': true,
|
|
19
|
+
'd-step-current': value === currentStep && !completed,
|
|
20
|
+
}), children: [jsx("div", { className: "d-step-value", children: jsxs("div", { className: classNames({
|
|
21
|
+
'd-step-icon-container': true,
|
|
22
|
+
'd-step-check': value < currentStep || completed,
|
|
23
|
+
}), children: [((value < currentStep) || completed) && (jsx(DIcon, { icon: icon, familyClass: iconSuccessFamilyClass !== null && iconSuccessFamilyClass !== void 0 ? iconSuccessFamilyClass : familyClass, familyPrefix: iconSuccessFamilyPrefix !== null && iconSuccessFamilyPrefix !== void 0 ? iconSuccessFamilyPrefix : familyPrefix, materialStyle: iconSuccessMaterialStyle !== null && iconSuccessMaterialStyle !== void 0 ? iconSuccessMaterialStyle : materialStyle, className: "d-step-icon" })), value] }) }), jsxs("div", { className: "d-step-text-container", children: [jsx("div", { className: "d-step-label", children: label }), description && (jsx("div", { className: "d-step-description", children: description }))] })] }, value))) }));
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export { DStepper as default };
|
|
27
|
+
//# sourceMappingURL=DStepperDesktop.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DStepperDesktop.js","sources":["../../../../dist-transpiled/components/DStepperDesktop/DStepperDesktop.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nimport { useMemo } from 'react';\nimport DIcon from '../DIcon';\nimport { useDContext } from '../../contexts';\nexport default function DStepper({ options, currentStep, iconSuccess: iconSuccessProp, iconSuccessFamilyClass, iconSuccessFamilyPrefix, iconSuccessMaterialStyle, vertical = false, completed, alignStart = false, className, style, }) {\n const { icon: { familyClass, familyPrefix, materialStyle, }, iconMap: { check, }, } = useDContext();\n const icon = useMemo(() => iconSuccessProp || check, [check, iconSuccessProp]);\n if (currentStep < 1 || currentStep > options.length) {\n throw new Error('Current step should be in the range from 1 to options length');\n }\n return (_jsx(\"div\", { className: classNames({\n 'd-stepper-desktop': true,\n 'is-vertical': vertical,\n 'is-align-start': alignStart && !vertical,\n }, className), style: style, children: options.map(({ label, value, description }) => (_jsxs(\"div\", { className: classNames({\n 'd-step': true,\n 'd-step-current': value === currentStep && !completed,\n }), children: [_jsx(\"div\", { className: \"d-step-value\", children: _jsxs(\"div\", { className: classNames({\n 'd-step-icon-container': true,\n 'd-step-check': value < currentStep || completed,\n }), children: [((value < currentStep) || completed) && (_jsx(DIcon, { icon: icon, familyClass: iconSuccessFamilyClass !== null && iconSuccessFamilyClass !== void 0 ? iconSuccessFamilyClass : familyClass, familyPrefix: iconSuccessFamilyPrefix !== null && iconSuccessFamilyPrefix !== void 0 ? iconSuccessFamilyPrefix : familyPrefix, materialStyle: iconSuccessMaterialStyle !== null && iconSuccessMaterialStyle !== void 0 ? iconSuccessMaterialStyle : materialStyle, className: \"d-step-icon\" })), value] }) }), _jsxs(\"div\", { className: \"d-step-text-container\", children: [_jsx(\"div\", { className: \"d-step-label\", children: label }), description && (_jsx(\"div\", { className: \"d-step-description\", children: description }))] })] }, value))) }));\n}\n//# sourceMappingURL=DStepperDesktop.js.map"],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAKe,SAAS,QAAQ,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,EAAE,UAAU,GAAG,KAAK,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE;AACxO,IAAI,MAAM,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,GAAG,EAAE,OAAO,EAAE,EAAE,KAAK,GAAG,GAAG,GAAG,WAAW,EAAE;AACvG,IAAI,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,eAAe,IAAI,KAAK,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;AAClF,IAAI,IAAI,WAAW,GAAG,CAAC,IAAI,WAAW,GAAG,OAAO,CAAC,MAAM,EAAE;AACzD,QAAQ,MAAM,IAAI,KAAK,CAAC,8DAA8D,CAAC;AACvF,IAAI;AACJ,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC;AAChD,YAAY,mBAAmB,EAAE,IAAI;AACrC,YAAY,aAAa,EAAE,QAAQ;AACnC,YAAY,gBAAgB,EAAE,UAAU,IAAI,CAAC,QAAQ;AACrD,SAAS,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAMC,IAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC;AACpI,gBAAgB,QAAQ,EAAE,IAAI;AAC9B,gBAAgB,gBAAgB,EAAE,KAAK,KAAK,WAAW,IAAI,CAAC,SAAS;AACrE,aAAa,CAAC,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAEC,IAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC;AACnH,4BAA4B,uBAAuB,EAAE,IAAI;AACzD,4BAA4B,cAAc,EAAE,KAAK,GAAG,WAAW,IAAI,SAAS;AAC5E,yBAAyB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,WAAW,KAAK,SAAS,MAAMD,GAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,sBAAsB,KAAK,IAAI,IAAI,sBAAsB,KAAK,MAAM,GAAG,sBAAsB,GAAG,WAAW,EAAE,YAAY,EAAE,uBAAuB,KAAK,IAAI,IAAI,uBAAuB,KAAK,MAAM,GAAG,uBAAuB,GAAG,YAAY,EAAE,aAAa,EAAE,wBAAwB,KAAK,IAAI,IAAI,wBAAwB,KAAK,MAAM,GAAG,wBAAwB,GAAG,aAAa,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAEC,IAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,uBAAuB,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,WAAW,KAAKA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,oBAAoB,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAC1vB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
+
import { useMemo, useState, useEffect } from 'react';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import { PREFIX_BS } from '../config.js';
|
|
5
|
+
|
|
6
|
+
function DStepper({ options, currentStep, className, style, }) {
|
|
7
|
+
if (currentStep < 1 || currentStep > options.length) {
|
|
8
|
+
throw new Error('Current step should be in the range from 1 to options length');
|
|
9
|
+
}
|
|
10
|
+
const currentOption = useMemo(() => { var _a; return (_a = options[currentStep - 1]) !== null && _a !== void 0 ? _a : {}; }, [currentStep, options]);
|
|
11
|
+
const [currentAngle, setCurrentAngle] = useState(0);
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
const targetAngle = (currentStep / options.length) * 360;
|
|
14
|
+
const animationInterval = setInterval(() => {
|
|
15
|
+
const angleDifference = targetAngle - currentAngle;
|
|
16
|
+
const step = Math.sign(angleDifference) * 5;
|
|
17
|
+
if (Math.abs(angleDifference) <= Math.abs(step)) {
|
|
18
|
+
setCurrentAngle(targetAngle);
|
|
19
|
+
clearInterval(animationInterval);
|
|
20
|
+
}
|
|
21
|
+
else {
|
|
22
|
+
setCurrentAngle(currentAngle + step);
|
|
23
|
+
}
|
|
24
|
+
}, 16);
|
|
25
|
+
return () => {
|
|
26
|
+
clearInterval(animationInterval);
|
|
27
|
+
};
|
|
28
|
+
}, [currentAngle, currentStep, options.length]);
|
|
29
|
+
const progressStyle = useMemo(() => `conic-gradient(
|
|
30
|
+
from 0deg,
|
|
31
|
+
var(--${PREFIX_BS}step-progress-outter-fill-background-color) ${currentAngle}deg,
|
|
32
|
+
var(--${PREFIX_BS}step-progress-outter-background-color) 0deg)`, [currentAngle]);
|
|
33
|
+
return (jsxs("div", { className: classNames('d-stepper', className), style: style, children: [jsx("div", { className: "d-step-bar", style: { background: progressStyle }, children: jsx("p", { className: "d-step-number", children: `${currentStep}/${options.length}` }) }), jsx("div", { className: "d-step-info", children: Object.keys(currentOption).length > 0 && (jsxs(Fragment, { children: [jsx("div", { className: "d-step-label", children: currentOption.label }), jsx("div", { className: "d-step-description", children: currentOption.description || '' })] })) })] }));
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
export { DStepper as default };
|
|
37
|
+
//# sourceMappingURL=DStepperMobile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DStepperMobile.js","sources":["../../../../dist-transpiled/components/DStepperMobile/DStepperMobile.js"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEffect, useMemo, useState, } from 'react';\nimport classNames from 'classnames';\nimport { PREFIX_BS } from '../config';\nexport default function DStepper({ options, currentStep, className, style, }) {\n if (currentStep < 1 || currentStep > options.length) {\n throw new Error('Current step should be in the range from 1 to options length');\n }\n const currentOption = useMemo(() => { var _a; return (_a = options[currentStep - 1]) !== null && _a !== void 0 ? _a : {}; }, [currentStep, options]);\n const [currentAngle, setCurrentAngle] = useState(0);\n useEffect(() => {\n const targetAngle = (currentStep / options.length) * 360;\n const animationInterval = setInterval(() => {\n const angleDifference = targetAngle - currentAngle;\n const step = Math.sign(angleDifference) * 5;\n if (Math.abs(angleDifference) <= Math.abs(step)) {\n setCurrentAngle(targetAngle);\n clearInterval(animationInterval);\n }\n else {\n setCurrentAngle(currentAngle + step);\n }\n }, 16);\n return () => {\n clearInterval(animationInterval);\n };\n }, [currentAngle, currentStep, options.length]);\n const progressStyle = useMemo(() => `conic-gradient(\n from 0deg,\n var(--${PREFIX_BS}step-progress-outter-fill-background-color) ${currentAngle}deg,\n var(--${PREFIX_BS}step-progress-outter-background-color) 0deg)`, [currentAngle]);\n return (_jsxs(\"div\", { className: classNames('d-stepper', className), style: style, children: [_jsx(\"div\", { className: \"d-step-bar\", style: { background: progressStyle }, children: _jsx(\"p\", { className: \"d-step-number\", children: `${currentStep}/${options.length}` }) }), _jsx(\"div\", { className: \"d-step-info\", children: Object.keys(currentOption).length > 0 && (_jsxs(_Fragment, { children: [_jsx(\"div\", { className: \"d-step-label\", children: currentOption.label }), _jsx(\"div\", { className: \"d-step-description\", children: currentOption.description || '' })] })) })] }));\n}\n//# sourceMappingURL=DStepperMobile.js.map"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;AAIe,SAAS,QAAQ,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE;AAC9E,IAAI,IAAI,WAAW,GAAG,CAAC,IAAI,WAAW,GAAG,OAAO,CAAC,MAAM,EAAE;AACzD,QAAQ,MAAM,IAAI,KAAK,CAAC,8DAA8D,CAAC;AACvF,IAAI;AACJ,IAAI,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,OAAO,CAAC,WAAW,GAAG,CAAC,CAAC,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AACxJ,IAAI,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;AACvD,IAAI,SAAS,CAAC,MAAM;AACpB,QAAQ,MAAM,WAAW,GAAG,CAAC,WAAW,GAAG,OAAO,CAAC,MAAM,IAAI,GAAG;AAChE,QAAQ,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM;AACpD,YAAY,MAAM,eAAe,GAAG,WAAW,GAAG,YAAY;AAC9D,YAAY,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC;AACvD,YAAY,IAAI,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;AAC7D,gBAAgB,eAAe,CAAC,WAAW,CAAC;AAC5C,gBAAgB,aAAa,CAAC,iBAAiB,CAAC;AAChD,YAAY;AACZ,iBAAiB;AACjB,gBAAgB,eAAe,CAAC,YAAY,GAAG,IAAI,CAAC;AACpD,YAAY;AACZ,QAAQ,CAAC,EAAE,EAAE,CAAC;AACd,QAAQ,OAAO,MAAM;AACrB,YAAY,aAAa,CAAC,iBAAiB,CAAC;AAC5C,QAAQ,CAAC;AACT,IAAI,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;AACnD,IAAI,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;AACzC;AACA,YAAY,EAAE,SAAS,CAAC,4CAA4C,EAAE,YAAY,CAAC;AACnF,YAAY,EAAE,SAAS,CAAC,4CAA4C,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AACtF,IAAI,QAAQA,IAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,GAAG,CAAC,KAAKD,IAAK,CAACE,QAAS,EAAE,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,oBAAoB,EAAE,QAAQ,EAAE,aAAa,CAAC,WAAW,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAClkB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { useState, useCallback, useEffect, useMemo, useRef, createRef } from 'react';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import TabContext from './TabContext.js';
|
|
5
|
+
import DTabContent from './components/DTabContent.js';
|
|
6
|
+
|
|
7
|
+
function DTabs({ children, defaultSelected, onChange, options, className, classNameTab, style, vertical, variant = 'underline', dataAttributes, ariaLabel, ariaLabelledBy, }) {
|
|
8
|
+
const [selected, setSelected] = useState(defaultSelected);
|
|
9
|
+
const onSelect = useCallback((option) => {
|
|
10
|
+
if (option.tab) {
|
|
11
|
+
setSelected(option.tab);
|
|
12
|
+
}
|
|
13
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(option);
|
|
14
|
+
}, [onChange]);
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
setSelected(defaultSelected);
|
|
17
|
+
}, [defaultSelected]);
|
|
18
|
+
const generateClasses = useMemo(() => (Object.assign({ nav: true, 'd-tabs-nav-vertical': vertical && variant !== 'tabs', [`nav-${variant}`]: true }, className && { [className]: true })), [vertical, variant, className]);
|
|
19
|
+
const tabRefs = useRef([]);
|
|
20
|
+
// Always holds the latest `options` without needing to be a dependency:
|
|
21
|
+
// `options` is commonly passed as an inline array literal (e.g.
|
|
22
|
+
// `options={[{ label: 'SMS', tab: 'sms' }, ...]}`), so it's a new array
|
|
23
|
+
// reference on every parent render even when its content hasn't changed.
|
|
24
|
+
// Reading it from this ref (updated synchronously on every render) lets
|
|
25
|
+
// the focus effect below react only to `selected` changing.
|
|
26
|
+
const optionsRef = useRef(options);
|
|
27
|
+
optionsRef.current = options;
|
|
28
|
+
useEffect(() => {
|
|
29
|
+
tabRefs.current = options.map((_, i) => tabRefs.current[i] || createRef());
|
|
30
|
+
}, [options]);
|
|
31
|
+
// Ensure selected is never disabled
|
|
32
|
+
useEffect(() => {
|
|
33
|
+
if (options.length === 0)
|
|
34
|
+
return;
|
|
35
|
+
const selectedOption = options.find((opt) => opt.tab === selected);
|
|
36
|
+
if (selectedOption && selectedOption.disabled) {
|
|
37
|
+
const firstEnabled = options.find((opt) => !opt.disabled);
|
|
38
|
+
if (firstEnabled)
|
|
39
|
+
setSelected(firstEnabled.tab);
|
|
40
|
+
}
|
|
41
|
+
}, [options, selected]);
|
|
42
|
+
// Declarative focus management. Wrapped in `useCallback` with an empty
|
|
43
|
+
// dependency array since it only reads from the `tabRefs` ref, so its
|
|
44
|
+
// identity stays stable across renders and it can safely be used as an
|
|
45
|
+
// effect dependency below.
|
|
46
|
+
const focusTab = useCallback((idx) => {
|
|
47
|
+
var _a;
|
|
48
|
+
if ((_a = tabRefs.current[idx]) === null || _a === void 0 ? void 0 : _a.current) {
|
|
49
|
+
tabRefs.current[idx].current.focus();
|
|
50
|
+
}
|
|
51
|
+
}, []);
|
|
52
|
+
// Focus selected tab when selected changes.
|
|
53
|
+
// Reads `options` from `optionsRef` (see comment above) instead of
|
|
54
|
+
// depending on `options` directly, so a parent re-render that merely
|
|
55
|
+
// creates a new `options` reference with identical content doesn't call
|
|
56
|
+
// `focusTab` again and steal focus away from unrelated elements on the
|
|
57
|
+
// page (e.g. an OTP input).
|
|
58
|
+
useEffect(() => {
|
|
59
|
+
const idx = optionsRef.current.findIndex((opt) => opt.tab === selected && !opt.disabled);
|
|
60
|
+
if (idx !== -1) {
|
|
61
|
+
focusTab(idx);
|
|
62
|
+
}
|
|
63
|
+
}, [selected, focusTab]);
|
|
64
|
+
const handleKeyDown = useCallback((idx, e) => {
|
|
65
|
+
const count = options.length;
|
|
66
|
+
if (count === 0)
|
|
67
|
+
return;
|
|
68
|
+
let next = idx;
|
|
69
|
+
let prev = idx;
|
|
70
|
+
if (e.key === 'ArrowRight' || (vertical && e.key === 'ArrowDown')) {
|
|
71
|
+
e.preventDefault();
|
|
72
|
+
for (let i = 0; i < count; i += 1) {
|
|
73
|
+
next = (next + 1) % count;
|
|
74
|
+
if (!options[next].disabled) {
|
|
75
|
+
focusTab(next);
|
|
76
|
+
setSelected(options[next].tab);
|
|
77
|
+
break;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
if (e.key === 'ArrowLeft' || (vertical && e.key === 'ArrowUp')) {
|
|
82
|
+
e.preventDefault();
|
|
83
|
+
for (let i = 0; i < count; i += 1) {
|
|
84
|
+
prev = (prev - 1 + count) % count;
|
|
85
|
+
if (!options[prev].disabled) {
|
|
86
|
+
focusTab(prev);
|
|
87
|
+
setSelected(options[prev].tab);
|
|
88
|
+
break;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
}, [options, vertical, focusTab]);
|
|
93
|
+
let tablistProps = {};
|
|
94
|
+
if (ariaLabelledBy) {
|
|
95
|
+
tablistProps = { 'aria-labelledby': ariaLabelledBy };
|
|
96
|
+
}
|
|
97
|
+
else if (ariaLabel) {
|
|
98
|
+
tablistProps = { 'aria-label': ariaLabel };
|
|
99
|
+
}
|
|
100
|
+
const isSelected = useCallback((tab) => (selected === tab), [selected]);
|
|
101
|
+
const value = useMemo(() => ({
|
|
102
|
+
isSelected,
|
|
103
|
+
}), [isSelected]);
|
|
104
|
+
return (jsx(TabContext.Provider, { value: value, children: jsxs("div", Object.assign({ className: classNames({
|
|
105
|
+
'd-tabs': true,
|
|
106
|
+
'd-tabs-column': !vertical || variant === 'tabs',
|
|
107
|
+
}), style: style }, dataAttributes, { children: [jsx("ul", Object.assign({ className: classNames(generateClasses), role: "tablist", "aria-orientation": vertical ? 'vertical' : undefined }, tablistProps, { children: options.map((option, idx) => {
|
|
108
|
+
const isTabSelected = !!option.tab && option.tab === selected;
|
|
109
|
+
return (jsx("li", { role: "presentation", className: "nav-item", children: jsx("button", { ref: tabRefs.current[idx], id: `${option.tab}Tab`, className: classNames('nav-link', { active: isTabSelected }, classNameTab), type: "button", role: "tab", "aria-controls": `${option.tab}Pane`, "aria-selected": isTabSelected, tabIndex: isTabSelected ? 0 : -1, disabled: option.disabled, onClick: () => onSelect(option), onKeyDown: (e) => handleKeyDown(idx, e), children: option.label }) }, option.tab));
|
|
110
|
+
}) })), jsx("div", { className: "d-tabs-content tab-content", children: children })] })) }));
|
|
111
|
+
}
|
|
112
|
+
var DTabs$1 = Object.assign(DTabs, {
|
|
113
|
+
Tab: DTabContent,
|
|
114
|
+
});
|
|
115
|
+
|
|
116
|
+
export { DTabs$1 as default };
|
|
117
|
+
//# sourceMappingURL=DTabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DTabs.js","sources":["../../../../dist-transpiled/components/DTabs/DTabs.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState, useCallback, useEffect, useRef, createRef, useMemo, } from 'react';\nimport classNames from 'classnames';\nimport TabContext from './TabContext';\nimport DTabContent from './components/DTabContent';\nfunction DTabs({ children, defaultSelected, onChange, options, className, classNameTab, style, vertical, variant = 'underline', dataAttributes, ariaLabel, ariaLabelledBy, }) {\n const [selected, setSelected] = useState(defaultSelected);\n const onSelect = useCallback((option) => {\n if (option.tab) {\n setSelected(option.tab);\n }\n onChange === null || onChange === void 0 ? void 0 : onChange(option);\n }, [onChange]);\n useEffect(() => {\n setSelected(defaultSelected);\n }, [defaultSelected]);\n const generateClasses = useMemo(() => (Object.assign({ nav: true, 'd-tabs-nav-vertical': vertical && variant !== 'tabs', [`nav-${variant}`]: true }, className && { [className]: true })), [vertical, variant, className]);\n const tabRefs = useRef([]);\n // Always holds the latest `options` without needing to be a dependency:\n // `options` is commonly passed as an inline array literal (e.g.\n // `options={[{ label: 'SMS', tab: 'sms' }, ...]}`), so it's a new array\n // reference on every parent render even when its content hasn't changed.\n // Reading it from this ref (updated synchronously on every render) lets\n // the focus effect below react only to `selected` changing.\n const optionsRef = useRef(options);\n optionsRef.current = options;\n useEffect(() => {\n tabRefs.current = options.map((_, i) => tabRefs.current[i] || createRef());\n }, [options]);\n // Ensure selected is never disabled\n useEffect(() => {\n if (options.length === 0)\n return;\n const selectedOption = options.find((opt) => opt.tab === selected);\n if (selectedOption && selectedOption.disabled) {\n const firstEnabled = options.find((opt) => !opt.disabled);\n if (firstEnabled)\n setSelected(firstEnabled.tab);\n }\n }, [options, selected]);\n // Declarative focus management. Wrapped in `useCallback` with an empty\n // dependency array since it only reads from the `tabRefs` ref, so its\n // identity stays stable across renders and it can safely be used as an\n // effect dependency below.\n const focusTab = useCallback((idx) => {\n var _a;\n if ((_a = tabRefs.current[idx]) === null || _a === void 0 ? void 0 : _a.current) {\n tabRefs.current[idx].current.focus();\n }\n }, []);\n // Focus selected tab when selected changes.\n // Reads `options` from `optionsRef` (see comment above) instead of\n // depending on `options` directly, so a parent re-render that merely\n // creates a new `options` reference with identical content doesn't call\n // `focusTab` again and steal focus away from unrelated elements on the\n // page (e.g. an OTP input).\n useEffect(() => {\n const idx = optionsRef.current.findIndex((opt) => opt.tab === selected && !opt.disabled);\n if (idx !== -1) {\n focusTab(idx);\n }\n }, [selected, focusTab]);\n const handleKeyDown = useCallback((idx, e) => {\n const count = options.length;\n if (count === 0)\n return;\n let next = idx;\n let prev = idx;\n if (e.key === 'ArrowRight' || (vertical && e.key === 'ArrowDown')) {\n e.preventDefault();\n for (let i = 0; i < count; i += 1) {\n next = (next + 1) % count;\n if (!options[next].disabled) {\n focusTab(next);\n setSelected(options[next].tab);\n break;\n }\n }\n }\n if (e.key === 'ArrowLeft' || (vertical && e.key === 'ArrowUp')) {\n e.preventDefault();\n for (let i = 0; i < count; i += 1) {\n prev = (prev - 1 + count) % count;\n if (!options[prev].disabled) {\n focusTab(prev);\n setSelected(options[prev].tab);\n break;\n }\n }\n }\n }, [options, vertical, focusTab]);\n let tablistProps = {};\n if (ariaLabelledBy) {\n tablistProps = { 'aria-labelledby': ariaLabelledBy };\n }\n else if (ariaLabel) {\n tablistProps = { 'aria-label': ariaLabel };\n }\n const isSelected = useCallback((tab) => (selected === tab), [selected]);\n const value = useMemo(() => ({\n isSelected,\n }), [isSelected]);\n return (_jsx(TabContext.Provider, { value: value, children: _jsxs(\"div\", Object.assign({ className: classNames({\n 'd-tabs': true,\n 'd-tabs-column': !vertical || variant === 'tabs',\n }), style: style }, dataAttributes, { children: [_jsx(\"ul\", Object.assign({ className: classNames(generateClasses), role: \"tablist\", \"aria-orientation\": vertical ? 'vertical' : undefined }, tablistProps, { children: options.map((option, idx) => {\n const isTabSelected = !!option.tab && option.tab === selected;\n return (_jsx(\"li\", { role: \"presentation\", className: \"nav-item\", children: _jsx(\"button\", { ref: tabRefs.current[idx], id: `${option.tab}Tab`, className: classNames('nav-link', { active: isTabSelected }, classNameTab), type: \"button\", role: \"tab\", \"aria-controls\": `${option.tab}Pane`, \"aria-selected\": isTabSelected, tabIndex: isTabSelected ? 0 : -1, disabled: option.disabled, onClick: () => onSelect(option), onKeyDown: (e) => handleKeyDown(idx, e), children: option.label }) }, option.tab));\n }) })), _jsx(\"div\", { className: \"d-tabs-content tab-content\", children: children })] })) }));\n}\nexport default Object.assign(DTabs, {\n Tab: DTabContent,\n});\n//# sourceMappingURL=DTabs.js.map"],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { useContext, createContext } from 'react';
|
|
2
|
+
|
|
3
|
+
const TabContext = createContext(undefined);
|
|
4
|
+
function useTabContext() {
|
|
5
|
+
const context = useContext(TabContext);
|
|
6
|
+
if (context === undefined) {
|
|
7
|
+
throw new Error('useTabContext was used outside of MTab');
|
|
8
|
+
}
|
|
9
|
+
return context;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export { TabContext as default, useTabContext };
|
|
13
|
+
//# sourceMappingURL=TabContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabContext.js","sources":["../../../../dist-transpiled/components/DTabs/TabContext.js"],"sourcesContent":["import { createContext, useContext } from 'react';\nconst TabContext = createContext(undefined);\nexport function useTabContext() {\n const context = useContext(TabContext);\n if (context === undefined) {\n throw new Error('useTabContext was used outside of MTab');\n }\n return context;\n}\nexport default TabContext;\n//# sourceMappingURL=TabContext.js.map"],"names":[],"mappings":";;AACK,MAAC,UAAU,GAAG,aAAa,CAAC,SAAS;AACnC,SAAS,aAAa,GAAG;AAChC,IAAI,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,CAAC;AAC1C,IAAI,IAAI,OAAO,KAAK,SAAS,EAAE;AAC/B,QAAQ,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC;AACjE,IAAI;AACJ,IAAI,OAAO,OAAO;AAClB;;;;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { useTabContext } from '../TabContext.js';
|
|
4
|
+
|
|
5
|
+
function DTabContent({ tab, children, className, style, }) {
|
|
6
|
+
const { isSelected } = useTabContext();
|
|
7
|
+
if (!isSelected(tab)) {
|
|
8
|
+
return null;
|
|
9
|
+
}
|
|
10
|
+
return (jsx("div", { className: classNames('tab-pane fade show active', className), id: `${tab}Pane`, role: "tabpanel", tabIndex: 0, "aria-labelledby": `${tab}Tab`, style: style, children: children }));
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export { DTabContent as default };
|
|
14
|
+
//# sourceMappingURL=DTabContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DTabContent.js","sources":["../../../../../dist-transpiled/components/DTabs/components/DTabContent.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nimport { useTabContext } from '../TabContext';\nexport default function DTabContent({ tab, children, className, style, }) {\n const { isSelected } = useTabContext();\n if (!isSelected(tab)) {\n return null;\n }\n return (_jsx(\"div\", { className: classNames('tab-pane fade show active', className), id: `${tab}Pane`, role: \"tabpanel\", tabIndex: 0, \"aria-labelledby\": `${tab}Tab`, style: style, children: children }));\n}\n//# sourceMappingURL=DTabContent.js.map"],"names":["_jsx"],"mappings":";;;;AAGe,SAAS,WAAW,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE;AAC1E,IAAI,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE;AAC1C,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AAC1B,QAAQ,OAAO,IAAI;AACnB,IAAI;AACJ,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAC7M;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import DIcon from '../DIcon/DIcon.js';
|
|
4
|
+
|
|
5
|
+
function DTimeline({ className, style, dataAttributes, items, }) {
|
|
6
|
+
return (jsx("div", Object.assign({ style: style, className: classNames('d-timeline', className) }, dataAttributes, { children: items.map((item, index) => (jsxs("div", { className: classNames('d-timeline-item', {
|
|
7
|
+
[`d-timeline-item-${item.status}`]: item.status,
|
|
8
|
+
}), children: [jsx("div", { className: "d-timeline-item-connector" }), jsx("div", { className: "d-timeline-item-icon", children: jsx(DIcon, { icon: item.icon || 'Check', size: "1rem" }) }), jsxs("div", { className: "d-timeline-item-content", children: [jsx("div", { className: "d-timeline-item-title", children: item.title }), item.description && jsx("div", { className: "d-timeline-item-description", children: item.description }), item.time && jsx("div", { className: "d-timeline-item-time", children: item.time }), item.children] })] }, index))) })));
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export { DTimeline as default };
|
|
12
|
+
//# sourceMappingURL=DTimeline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DTimeline.js","sources":["../../../../dist-transpiled/components/DTimeline/DTimeline.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nimport DIcon from '../DIcon';\nexport default function DTimeline({ className, style, dataAttributes, items, }) {\n return (_jsx(\"div\", Object.assign({ style: style, className: classNames('d-timeline', className) }, dataAttributes, { children: items.map((item, index) => (_jsxs(\"div\", { className: classNames('d-timeline-item', {\n [`d-timeline-item-${item.status}`]: item.status,\n }), children: [_jsx(\"div\", { className: \"d-timeline-item-connector\" }), _jsx(\"div\", { className: \"d-timeline-item-icon\", children: _jsx(DIcon, { icon: item.icon || 'Check', size: \"1rem\" }) }), _jsxs(\"div\", { className: \"d-timeline-item-content\", children: [_jsx(\"div\", { className: \"d-timeline-item-title\", children: item.title }), item.description && _jsx(\"div\", { className: \"d-timeline-item-description\", children: item.description }), item.time && _jsx(\"div\", { className: \"d-timeline-item-time\", children: item.time }), item.children] })] }, index))) })));\n}\n//# sourceMappingURL=DTimeline.js.map"],"names":["_jsx","_jsxs"],"mappings":";;;;AAGe,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,GAAG,EAAE;AAChF,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,EAAE,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAAMC,IAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE;AACxN,gBAAgB,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM;AAC/D,aAAa,CAAC,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,2BAA2B,EAAE,CAAC,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE,QAAQ,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAEC,IAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,yBAAyB,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,uBAAuB,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,WAAW,IAAIA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,6BAA6B,EAAE,QAAQ,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,IAAIA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAC3jB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import DToastHeader from './components/DToastHeader.js';
|
|
4
|
+
import DToastBody from './components/DToastBody.js';
|
|
5
|
+
|
|
6
|
+
function DToast({ children, className, style, dataAttributes, }) {
|
|
7
|
+
return (jsx("div", Object.assign({ className: classNames('toast', className), role: "alert", "aria-live": "assertive", "aria-atomic": "true", style: style }, dataAttributes, { children: children })));
|
|
8
|
+
}
|
|
9
|
+
var DToast$1 = Object.assign(DToast, {
|
|
10
|
+
Header: DToastHeader,
|
|
11
|
+
Body: DToastBody,
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
export { DToast$1 as default };
|
|
15
|
+
//# sourceMappingURL=DToast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DToast.js","sources":["../../../../dist-transpiled/components/DToast/DToast.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nimport DToastHeader from './components/DToastHeader';\nimport DToastBody from './components/DToastBody';\nfunction DToast({ children, className, style, dataAttributes, }) {\n return (_jsx(\"div\", Object.assign({ className: classNames('toast', className), role: \"alert\", \"aria-live\": \"assertive\", \"aria-atomic\": \"true\", style: style }, dataAttributes, { children: children })));\n}\nexport default Object.assign(DToast, {\n Header: DToastHeader,\n Body: DToastBody,\n});\n//# sourceMappingURL=DToast.js.map"],"names":["_jsx"],"mappings":";;;;;AAIA,SAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE;AACjE,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC3M;AACA,eAAe,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;AACrC,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,IAAI,EAAE,UAAU;AACpB,CAAC,CAAC;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
|
|
4
|
+
function DToastBody({ children, className, style }) {
|
|
5
|
+
return (jsx("div", { className: classNames('toast-body', className), style: style, children: children }));
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
export { DToastBody as default };
|
|
9
|
+
//# sourceMappingURL=DToastBody.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DToastBody.js","sources":["../../../../../dist-transpiled/components/DToast/components/DToastBody.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nexport default function DToastBody({ children, className, style }) {\n return (_jsx(\"div\", { className: classNames('toast-body', className), style: style, children: children }));\n}\n//# sourceMappingURL=DToastBody.js.map"],"names":["_jsx"],"mappings":";;;AAEe,SAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE;AACnE,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAC7G;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
|
|
4
|
+
function DToastHeader({ children, className, style }) {
|
|
5
|
+
return (jsx("div", { className: classNames('toast-header', className), style: style, children: children }));
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
export { DToastHeader as default };
|
|
9
|
+
//# sourceMappingURL=DToastHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DToastHeader.js","sources":["../../../../../dist-transpiled/components/DToast/components/DToastHeader.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nexport default function DToastHeader({ children, className, style }) {\n return (_jsx(\"div\", { className: classNames('toast-header', className), style: style, children: children }));\n}\n//# sourceMappingURL=DToastHeader.js.map"],"names":["_jsx"],"mappings":";;;AAEe,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE;AACrE,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAC/G;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { Toaster } from 'react-hot-toast';
|
|
3
|
+
|
|
4
|
+
function DToastContainer({ containerClassName, position = 'bottom-center', reverseOrder = false, containerStyle, toastOptions, gutter = 8, }) {
|
|
5
|
+
return (jsx(Toaster, { containerClassName: containerClassName, position: position, reverseOrder: reverseOrder, containerStyle: containerStyle, gutter: gutter, toastOptions: toastOptions }));
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
export { DToastContainer as default };
|
|
9
|
+
//# sourceMappingURL=DToastContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DToastContainer.js","sources":["../../../../dist-transpiled/components/DToastContainer/DToastContainer.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Toaster } from 'react-hot-toast';\nexport default function DToastContainer({ containerClassName, position = 'bottom-center', reverseOrder = false, containerStyle, toastOptions, gutter = 8, }) {\n return (_jsx(Toaster, { containerClassName: containerClassName, position: position, reverseOrder: reverseOrder, containerStyle: containerStyle, gutter: gutter, toastOptions: toastOptions }));\n}\n//# sourceMappingURL=DToastContainer.js.map"],"names":["_jsx"],"mappings":";;;AAEe,SAAS,eAAe,CAAC,EAAE,kBAAkB,EAAE,QAAQ,GAAG,eAAe,EAAE,YAAY,GAAG,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,EAAE;AAC7J,IAAI,QAAQA,GAAI,CAAC,OAAO,EAAE,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC;AACjM;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|