@dynamic-framework/ui-react 2.9.0 → 2.11.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/DPortalStack-6zJm6JoD.js +14 -0
- package/dist/DPortalStack-6zJm6JoD.js.map +1 -0
- package/dist/DPortalStack-D1-GGU4C.js +12 -0
- package/dist/DPortalStack-D1-GGU4C.js.map +1 -0
- package/dist/api.json +7429 -0
- package/dist/css/dynamic-ui.css +95 -26
- 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 +55 -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 +42 -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 +95 -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 +94 -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 +107 -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 +25 -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 +108 -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 +88 -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 +60 -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 +104 -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 +43 -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 +39 -0
- package/dist/esm/components/DListGroup/DListGroup.js.map +1 -0
- package/dist/esm/components/DListGroup/ListGroupContext.js +11 -0
- package/dist/esm/components/DListGroup/ListGroupContext.js.map +1 -0
- package/dist/esm/components/DListGroup/components/DListGroupItem.js +59 -0
- package/dist/esm/components/DListGroup/components/DListGroupItem.js.map +1 -0
- package/dist/esm/components/DListGroup/components/warnInvalidListMarkup.js +30 -0
- package/dist/esm/components/DListGroup/components/warnInvalidListMarkup.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 +22 -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 +88 -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/createAriaGuidance.js +57 -0
- package/dist/esm/components/DSelect/createAriaGuidance.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 +106 -0
- package/dist/esm/components/DTabs/DTabs.js.map +1 -0
- package/dist/esm/components/DTabs/TabContext.js +14 -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/components/DTabsProvider.js +22 -0
- package/dist/esm/components/DTabs/components/DTabsProvider.js.map +1 -0
- package/dist/esm/components/DTabs/index.js +9 -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 +20 -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/components/internal/DFormLabel.js +46 -0
- package/dist/esm/components/internal/DFormLabel.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 +163 -0
- package/dist/esm/contexts/DPortalContext.js.map +1 -0
- package/dist/esm/contexts/portal/DPortalStack.js +12 -0
- package/dist/esm/contexts/portal/DPortalStack.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/useControlledState.js +51 -0
- package/dist/esm/hooks/useControlledState.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 +130 -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 +69 -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 +61 -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 +99 -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/hasLabelContent.js +48 -0
- package/dist/esm/utils/hasLabelContent.js.map +1 -0
- package/dist/esm/utils/isTextLabel.js +23 -0
- package/dist/esm/utils/isTextLabel.js.map +1 -0
- package/dist/esm/utils/labelClickGuard.js +61 -0
- package/dist/esm/utils/labelClickGuard.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/esm/utils/warnLabelUsage.js +57 -0
- package/dist/esm/utils/warnLabelUsage.js.map +1 -0
- package/dist/icons-core.json +33 -0
- package/dist/index.esm.js +1151 -184
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1151 -182
- package/dist/index.js.map +1 -1
- package/dist/types/components/DAlert/DAlert.d.ts +16 -2
- package/dist/types/components/DButtonIcon/DButtonIcon.d.ts +9 -1
- package/dist/types/components/DButtonIcon/warnMissingAccessibleName.d.ts +18 -0
- package/dist/types/components/DDataStateWrapper/DDataStateWrapper.d.ts +29 -4
- package/dist/types/components/DDataStateWrapper/index.d.ts +1 -1
- package/dist/types/components/DErrorBoundary/DErrorBoundary.d.ts +6 -1
- package/dist/types/components/DErrorBoundary/components/DefaultErrorBoundary.d.ts +3 -1
- 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/DInput/DInput.d.ts +11 -2
- package/dist/types/components/DInputCheck/DInputCheck.d.ts +28 -3
- package/dist/types/components/DInputCounter/DInputCounter.d.ts +15 -3
- package/dist/types/components/DInputCurrency/DInputCurrency.d.ts +10 -3
- package/dist/types/components/DInputPhone/DInputPhone.d.ts +11 -2
- package/dist/types/components/DInputPin/DInputPin.d.ts +12 -2
- package/dist/types/components/DInputRange/DInputRange.d.ts +16 -3
- package/dist/types/components/DInputSelect/DInputSelect.d.ts +18 -3
- package/dist/types/components/DInputSwitch/DInputSwitch.d.ts +28 -3
- package/dist/types/components/DListGroup/DListGroup.d.ts +12 -1
- package/dist/types/components/DListGroup/ListGroupContext.d.ts +8 -0
- package/dist/types/components/DListGroup/components/DListGroupItem.d.ts +6 -1
- package/dist/types/components/DListGroup/components/warnInvalidListMarkup.d.ts +13 -0
- package/dist/types/components/DPasswordStrengthMeter/DPasswordStrengthMeter.d.ts +18 -3
- package/dist/types/components/DProgress/DProgress.d.ts +13 -1
- package/dist/types/components/DSelect/DSelect.d.ts +23 -3
- package/dist/types/components/DSelect/createAriaGuidance.d.ts +21 -0
- package/dist/types/components/DTabs/DTabs.d.ts +13 -2
- package/dist/types/components/DTabs/TabContext.d.ts +5 -0
- package/dist/types/components/DTabs/components/DTabsProvider.d.ts +11 -0
- package/dist/types/components/DTabs/index.d.ts +1 -0
- package/dist/types/components/DToast/DToast.d.ts +10 -3
- package/dist/types/components/DToastContainer/useDToast.d.ts +8 -1
- package/dist/types/components/config.d.ts +10 -0
- package/dist/types/components/index.d.ts +2 -2
- package/dist/types/components/interface.d.ts +7 -0
- package/dist/types/components/internal/DFormLabel.d.ts +30 -0
- package/dist/types/contexts/portal/DPortalStack.d.ts +13 -0
- package/dist/types/hooks/useControlledState.d.ts +17 -0
- package/dist/types/hooks/useInputCurrency.d.ts +26 -1
- package/dist/types/hooks/useMediaBreakpointUp.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/hasLabelContent.d.ts +30 -0
- package/dist/types/utils/isTextLabel.d.ts +17 -0
- package/dist/types/utils/labelClickGuard.d.ts +20 -0
- package/dist/types/utils/warnLabelUsage.d.ts +43 -0
- package/package.json +10 -5
- package/src/style/abstracts/variables/_body.scss +2 -2
- package/src/style/abstracts/variables/_chips.scss +2 -0
- package/src/style/abstracts/variables/_colors.scss +2 -2
- package/src/style/base/_buttons.scss +4 -1
- package/src/style/base/_input-group.scss +5 -2
- package/src/style/base/_list-group.scss +55 -0
- package/src/style/components/_d-chip.scss +7 -2
- package/src/style/components/_d-tabs.scss +3 -0
- package/src/style/helpers/_color-bg.scss +5 -0
- package/src/style/root/_root.scss +9 -0
- 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/buildUrl.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/sanitizeHref.spec.d.ts +0 -1
- package/dist/types/utils/tests/validatePhoneNumber.spec.d.ts +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DInputRange.js","sources":["../../../../dist-transpiled/components/DInputRange/DInputRange.js"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useId, useMemo, } from 'react';\nimport classNames from 'classnames';\nimport useProvidedRefOrCreate from '../../hooks/useProvidedRefOrCreate';\nimport DFormLabel from '../internal/DFormLabel';\nimport hasLabelContent from '../../utils/hasLabelContent';\nimport warnLabelUsage from '../../utils/warnLabelUsage';\nimport { PREFIX_BS } from '../config';\nfunction DInputRange(_a, ref) {\n var { id: idProp, label, ariaLabel, className, style, value = '0', min = '0', max = '100', filledValue = true, onChange } = _a, props = __rest(_a, [\"id\", \"label\", \"ariaLabel\", \"className\", \"style\", \"value\", \"min\", \"max\", \"filledValue\", \"onChange\"]);\n const innerRef = useProvidedRefOrCreate(ref);\n const innerId = useId();\n const id = useMemo(() => idProp || innerId, [idProp, innerId]);\n const generateClasses = useMemo(() => ({\n 'form-range': true,\n 'form-range-value-indicator': filledValue,\n }), [filledValue]);\n const generateStyleVariables = useMemo(() => {\n const minNumber = parseFloat(min.toString());\n const maxNumber = parseFloat(max.toString());\n const valueNumber = parseFloat(value.toString());\n const percentage = ((valueNumber - minNumber) / (maxNumber - minNumber)) * 100;\n return Object.assign(Object.assign({}, style), { [`--${PREFIX_BS}form-range-component-value`]: `${percentage}%` });\n }, [min, max, value, style]);\n const inputComponent = useMemo(() => (_jsx(\"input\", Object.assign({ id: id, ref: innerRef, className: classNames(generateClasses, className), \"aria-label\": ariaLabel, type: \"range\", value: value, min: min, max: max, style: generateStyleVariables, onChange: onChange }, props))), [\n ariaLabel,\n className,\n generateClasses,\n generateStyleVariables,\n id,\n innerRef,\n max,\n min,\n onChange,\n props,\n value,\n ]);\n if (process.env.NODE_ENV !== 'production') {\n warnLabelUsage({\n component: 'DInputRange',\n label,\n // `{...props}` is spread after `aria-label={ariaLabel}`, so a native\n // `aria-label` wins — including when it is explicitly undefined.\n hasAccessibleName: !!('aria-label' in props ? props['aria-label'] : ariaLabel)\n || !!props['aria-labelledby'],\n accessibleNameProp: 'ariaLabel',\n });\n }\n if (!hasLabelContent(label)) {\n return inputComponent;\n }\n return (_jsxs(_Fragment, { children: [_jsx(DFormLabel, { className: \"form-label\", htmlFor: id, children: label }), inputComponent] }));\n}\nconst ForwardedDInputRange = forwardRef(DInputRange);\nForwardedDInputRange.displayName = 'DInputRange';\nexport default ForwardedDInputRange;\n//# sourceMappingURL=DInputRange.js.map"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { __rest } from 'tslib';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef, useRef, useState, useEffect, useCallback } from 'react';
|
|
4
|
+
import ForwardedDInput from '../DInput/DInput.js';
|
|
5
|
+
import useProvidedRefOrCreate from '../../hooks/useProvidedRefOrCreate.js';
|
|
6
|
+
|
|
7
|
+
function normalizeValue(value) {
|
|
8
|
+
return value !== null && value !== void 0 ? value : '';
|
|
9
|
+
}
|
|
10
|
+
function DInputSearch(_a, ref) {
|
|
11
|
+
var { debounceMs = 300, onChange, onImmediateChange, value, defaultValue, placeholder = 'Search...' } = _a, props = __rest(_a, ["debounceMs", "onChange", "onImmediateChange", "value", "defaultValue", "placeholder"]);
|
|
12
|
+
const inputRef = useProvidedRefOrCreate(ref);
|
|
13
|
+
const isControlled = value !== undefined;
|
|
14
|
+
const onChangeRef = useRef(onChange);
|
|
15
|
+
onChangeRef.current = onChange;
|
|
16
|
+
const [internalValue, setInternalValue] = useState(normalizeValue(isControlled ? value : defaultValue));
|
|
17
|
+
// null = no keystroke has occurred yet (skip debounce on mount)
|
|
18
|
+
const [pendingValue, setPendingValue] = useState(null);
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
if (!isControlled)
|
|
21
|
+
return;
|
|
22
|
+
setInternalValue(normalizeValue(value));
|
|
23
|
+
}, [isControlled, value]);
|
|
24
|
+
const handleChange = useCallback((nextValue) => {
|
|
25
|
+
if (!isControlled) {
|
|
26
|
+
setInternalValue(nextValue);
|
|
27
|
+
}
|
|
28
|
+
setPendingValue(nextValue);
|
|
29
|
+
onImmediateChange === null || onImmediateChange === void 0 ? void 0 : onImmediateChange(nextValue);
|
|
30
|
+
}, [isControlled, onImmediateChange]);
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
var _a;
|
|
33
|
+
let timeoutId;
|
|
34
|
+
if (pendingValue !== null) {
|
|
35
|
+
if (debounceMs <= 0) {
|
|
36
|
+
(_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, pendingValue);
|
|
37
|
+
setPendingValue(null);
|
|
38
|
+
}
|
|
39
|
+
else {
|
|
40
|
+
timeoutId = window.setTimeout(() => {
|
|
41
|
+
var _a;
|
|
42
|
+
(_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, pendingValue);
|
|
43
|
+
setPendingValue(null);
|
|
44
|
+
}, debounceMs);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
return () => {
|
|
48
|
+
window.clearTimeout(timeoutId);
|
|
49
|
+
};
|
|
50
|
+
}, [debounceMs, pendingValue]);
|
|
51
|
+
return (jsx(ForwardedDInput, Object.assign({ ref: inputRef }, props, { type: "search", value: internalValue, onChange: handleChange, placeholder: placeholder })));
|
|
52
|
+
}
|
|
53
|
+
const ForwardedDInputSearch = forwardRef(DInputSearch);
|
|
54
|
+
ForwardedDInputSearch.displayName = 'DInputSearch';
|
|
55
|
+
|
|
56
|
+
export { ForwardedDInputSearch as default };
|
|
57
|
+
//# sourceMappingURL=DInputSearch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DInputSearch.js","sources":["../../../../dist-transpiled/components/DInputSearch/DInputSearch.js"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useRef, useState, } from 'react';\nimport DInput from '../DInput';\nimport useProvidedRefOrCreate from '../../hooks/useProvidedRefOrCreate';\nfunction normalizeValue(value) {\n return value !== null && value !== void 0 ? value : '';\n}\nfunction DInputSearch(_a, ref) {\n var { debounceMs = 300, onChange, onImmediateChange, value, defaultValue, placeholder = 'Search...' } = _a, props = __rest(_a, [\"debounceMs\", \"onChange\", \"onImmediateChange\", \"value\", \"defaultValue\", \"placeholder\"]);\n const inputRef = useProvidedRefOrCreate(ref);\n const isControlled = value !== undefined;\n const onChangeRef = useRef(onChange);\n onChangeRef.current = onChange;\n const [internalValue, setInternalValue] = useState(normalizeValue(isControlled ? value : defaultValue));\n // null = no keystroke has occurred yet (skip debounce on mount)\n const [pendingValue, setPendingValue] = useState(null);\n useEffect(() => {\n if (!isControlled)\n return;\n setInternalValue(normalizeValue(value));\n }, [isControlled, value]);\n const handleChange = useCallback((nextValue) => {\n if (!isControlled) {\n setInternalValue(nextValue);\n }\n setPendingValue(nextValue);\n onImmediateChange === null || onImmediateChange === void 0 ? void 0 : onImmediateChange(nextValue);\n }, [isControlled, onImmediateChange]);\n useEffect(() => {\n var _a;\n let timeoutId;\n if (pendingValue !== null) {\n if (debounceMs <= 0) {\n (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, pendingValue);\n setPendingValue(null);\n }\n else {\n timeoutId = window.setTimeout(() => {\n var _a;\n (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, pendingValue);\n setPendingValue(null);\n }, debounceMs);\n }\n }\n return () => {\n window.clearTimeout(timeoutId);\n };\n }, [debounceMs, pendingValue]);\n return (_jsx(DInput, Object.assign({ ref: inputRef }, props, { type: \"search\", value: internalValue, onChange: handleChange, placeholder: placeholder })));\n}\nconst ForwardedDInputSearch = forwardRef(DInputSearch);\nForwardedDInputSearch.displayName = 'DInputSearch';\nexport default ForwardedDInputSearch;\n//# sourceMappingURL=DInputSearch.js.map"],"names":["_jsx","DInput"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { useId, useMemo, useCallback } from 'react';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import DIcon from '../DIcon/DIcon.js';
|
|
5
|
+
import isTextLabel from '../../utils/isTextLabel.js';
|
|
6
|
+
import DFormLabel from '../internal/DFormLabel.js';
|
|
7
|
+
import hasLabelContent from '../../utils/hasLabelContent.js';
|
|
8
|
+
import warnLabelUsage from '../../utils/warnLabelUsage.js';
|
|
9
|
+
|
|
10
|
+
function DInputSelect({ id: idProp, name, label = '', ariaLabel, className, style, options = [], disabled = false, loading = false, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartAriaLabel, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndAriaLabel, hint, value, size, floatingLabel = false, invalid = false, valid = false, dataAttributes, valueExtractor, labelExtractor, onChange, onBlur, onIconStartClick, onIconEndClick, }) {
|
|
11
|
+
const innerId = useId();
|
|
12
|
+
const id = useMemo(() => idProp || innerId, [idProp, innerId]);
|
|
13
|
+
const internalValueExtractor = useCallback((option) => {
|
|
14
|
+
if (valueExtractor) {
|
|
15
|
+
return valueExtractor(option);
|
|
16
|
+
}
|
|
17
|
+
if ('value' in option) {
|
|
18
|
+
return option === null || option === void 0 ? void 0 : option.value;
|
|
19
|
+
}
|
|
20
|
+
throw new Error('Must provide a valueExtractor for custom object forms');
|
|
21
|
+
}, [valueExtractor]);
|
|
22
|
+
const internalLabelExtractor = useCallback((option) => {
|
|
23
|
+
if (labelExtractor) {
|
|
24
|
+
return labelExtractor(option);
|
|
25
|
+
}
|
|
26
|
+
if ('label' in option) {
|
|
27
|
+
return option === null || option === void 0 ? void 0 : option.label;
|
|
28
|
+
}
|
|
29
|
+
throw new Error('Must provide a labelExtractor for custom object forms');
|
|
30
|
+
}, [labelExtractor]);
|
|
31
|
+
const changeHandler = useCallback((event) => {
|
|
32
|
+
const selected = options
|
|
33
|
+
.find((option) => internalValueExtractor(option).toString() === event.currentTarget.value);
|
|
34
|
+
if (selected) {
|
|
35
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(selected);
|
|
36
|
+
}
|
|
37
|
+
}, [onChange, options, internalValueExtractor]);
|
|
38
|
+
const blurHandler = useCallback((event) => {
|
|
39
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
40
|
+
}, [onBlur]);
|
|
41
|
+
const iconStartClickHandler = useCallback((event) => {
|
|
42
|
+
onIconStartClick === null || onIconStartClick === void 0 ? void 0 : onIconStartClick(event);
|
|
43
|
+
}, [onIconStartClick]);
|
|
44
|
+
const iconEndClickHandler = useCallback((event) => {
|
|
45
|
+
onIconEndClick === null || onIconEndClick === void 0 ? void 0 : onIconEndClick(event);
|
|
46
|
+
}, [onIconEndClick]);
|
|
47
|
+
const ariaDescribedby = useMemo(() => ([
|
|
48
|
+
iconStart && `${id}Start`,
|
|
49
|
+
hint && `${id}Hint`,
|
|
50
|
+
iconEnd && `${id}End`,
|
|
51
|
+
]
|
|
52
|
+
.filter(Boolean)
|
|
53
|
+
.join(' ')), [id, iconStart, iconEnd, hint]);
|
|
54
|
+
const selectComponent = useMemo(() => (jsx("select", Object.assign({ id: id, name: name, className: classNames({
|
|
55
|
+
'form-select': true,
|
|
56
|
+
[`form-select-${size}`]: !!size,
|
|
57
|
+
'floating-label': floatingLabel,
|
|
58
|
+
'is-invalid': invalid,
|
|
59
|
+
'is-valid': valid,
|
|
60
|
+
}), "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : (isTextLabel(label) ? String(label) : undefined), disabled: disabled || loading, onChange: changeHandler, onBlur: blurHandler }, ariaDescribedby && { 'aria-describedby': ariaDescribedby }, value && { value }, { children: options.map((option) => (jsx("option", { value: internalValueExtractor(option), children: internalLabelExtractor(option) }, internalValueExtractor(option)))) }))), [
|
|
61
|
+
ariaDescribedby,
|
|
62
|
+
ariaLabel,
|
|
63
|
+
blurHandler,
|
|
64
|
+
changeHandler,
|
|
65
|
+
disabled,
|
|
66
|
+
id,
|
|
67
|
+
internalLabelExtractor,
|
|
68
|
+
internalValueExtractor,
|
|
69
|
+
label,
|
|
70
|
+
loading,
|
|
71
|
+
name,
|
|
72
|
+
options,
|
|
73
|
+
value,
|
|
74
|
+
floatingLabel,
|
|
75
|
+
invalid,
|
|
76
|
+
valid,
|
|
77
|
+
size,
|
|
78
|
+
]);
|
|
79
|
+
const labelComponent = useMemo(() => (jsx(DFormLabel, { htmlFor: id, children: label })), [
|
|
80
|
+
id,
|
|
81
|
+
label,
|
|
82
|
+
]);
|
|
83
|
+
const dynamicComponent = useMemo(() => {
|
|
84
|
+
if (floatingLabel) {
|
|
85
|
+
return (jsxs("div", { className: "form-floating", children: [selectComponent, labelComponent] }));
|
|
86
|
+
}
|
|
87
|
+
return selectComponent;
|
|
88
|
+
}, [floatingLabel, labelComponent, selectComponent]);
|
|
89
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
90
|
+
warnLabelUsage({
|
|
91
|
+
component: 'DInputSelect',
|
|
92
|
+
label,
|
|
93
|
+
hasAccessibleName: !!ariaLabel,
|
|
94
|
+
accessibleNameProp: 'ariaLabel',
|
|
95
|
+
floatingLabel,
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
return (jsxs("div", Object.assign({ className: className, style: style }, dataAttributes, { children: [hasLabelContent(label) && !floatingLabel && (labelComponent), jsxs("div", { className: classNames({
|
|
99
|
+
'input-group': true,
|
|
100
|
+
}), children: [iconStart && (jsx("button", { type: "button", className: "input-group-text", id: `${id}Start`, onClick: iconStartClickHandler, disabled: disabled || loading, "aria-label": iconStartAriaLabel, children: iconStart && (jsx(DIcon, { icon: iconStart, familyClass: iconStartFamilyClass, familyPrefix: iconStartFamilyPrefix })) })), dynamicComponent, iconEnd && !loading && (jsx("button", { type: "button", className: "input-group-text", id: `${id}End`, onClick: iconEndClickHandler, disabled: disabled || loading, "aria-label": iconEndAriaLabel, children: iconEnd && (jsx(DIcon, { icon: iconEnd, familyClass: iconEndFamilyClass, familyPrefix: iconEndFamilyPrefix })) })), loading && (jsx("div", { className: "input-group-text form-control-icon loading", children: jsx("span", { className: "spinner-border spinner-border-sm", role: "status", "aria-hidden": "true", children: jsx("span", { className: "visually-hidden", children: "Loading..." }) }) }))] }), hint && (jsx("div", { className: "form-text", id: `${id}Hint`, children: hint }))] })));
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
export { DInputSelect as default };
|
|
104
|
+
//# sourceMappingURL=DInputSelect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DInputSelect.js","sources":["../../../../dist-transpiled/components/DInputSelect/DInputSelect.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useId, useMemo } from 'react';\nimport classNames from 'classnames';\nimport DIcon from '../DIcon';\nimport isTextLabel from '../../utils/isTextLabel';\nimport DFormLabel from '../internal/DFormLabel';\nimport hasLabelContent from '../../utils/hasLabelContent';\nimport warnLabelUsage from '../../utils/warnLabelUsage';\nexport default function DInputSelect({ id: idProp, name, label = '', ariaLabel, className, style, options = [], disabled = false, loading = false, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartAriaLabel, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndAriaLabel, hint, value, size, floatingLabel = false, invalid = false, valid = false, dataAttributes, valueExtractor, labelExtractor, onChange, onBlur, onIconStartClick, onIconEndClick, }) {\n const innerId = useId();\n const id = useMemo(() => idProp || innerId, [idProp, innerId]);\n const internalValueExtractor = useCallback((option) => {\n if (valueExtractor) {\n return valueExtractor(option);\n }\n if ('value' in option) {\n return option === null || option === void 0 ? void 0 : option.value;\n }\n throw new Error('Must provide a valueExtractor for custom object forms');\n }, [valueExtractor]);\n const internalLabelExtractor = useCallback((option) => {\n if (labelExtractor) {\n return labelExtractor(option);\n }\n if ('label' in option) {\n return option === null || option === void 0 ? void 0 : option.label;\n }\n throw new Error('Must provide a labelExtractor for custom object forms');\n }, [labelExtractor]);\n const changeHandler = useCallback((event) => {\n const selected = options\n .find((option) => internalValueExtractor(option).toString() === event.currentTarget.value);\n if (selected) {\n onChange === null || onChange === void 0 ? void 0 : onChange(selected);\n }\n }, [onChange, options, internalValueExtractor]);\n const blurHandler = useCallback((event) => {\n onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);\n }, [onBlur]);\n const iconStartClickHandler = useCallback((event) => {\n onIconStartClick === null || onIconStartClick === void 0 ? void 0 : onIconStartClick(event);\n }, [onIconStartClick]);\n const iconEndClickHandler = useCallback((event) => {\n onIconEndClick === null || onIconEndClick === void 0 ? void 0 : onIconEndClick(event);\n }, [onIconEndClick]);\n const ariaDescribedby = useMemo(() => ([\n iconStart && `${id}Start`,\n hint && `${id}Hint`,\n iconEnd && `${id}End`,\n ]\n .filter(Boolean)\n .join(' ')), [id, iconStart, iconEnd, hint]);\n const selectComponent = useMemo(() => (_jsx(\"select\", Object.assign({ id: id, name: name, className: classNames({\n 'form-select': true,\n [`form-select-${size}`]: !!size,\n 'floating-label': floatingLabel,\n 'is-invalid': invalid,\n 'is-valid': valid,\n }), \"aria-label\": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : (isTextLabel(label) ? String(label) : undefined), disabled: disabled || loading, onChange: changeHandler, onBlur: blurHandler }, ariaDescribedby && { 'aria-describedby': ariaDescribedby }, value && { value }, { children: options.map((option) => (_jsx(\"option\", { value: internalValueExtractor(option), children: internalLabelExtractor(option) }, internalValueExtractor(option)))) }))), [\n ariaDescribedby,\n ariaLabel,\n blurHandler,\n changeHandler,\n disabled,\n id,\n internalLabelExtractor,\n internalValueExtractor,\n label,\n loading,\n name,\n options,\n value,\n floatingLabel,\n invalid,\n valid,\n size,\n ]);\n const labelComponent = useMemo(() => (_jsx(DFormLabel, { htmlFor: id, children: label })), [\n id,\n label,\n ]);\n const dynamicComponent = useMemo(() => {\n if (floatingLabel) {\n return (_jsxs(\"div\", { className: \"form-floating\", children: [selectComponent, labelComponent] }));\n }\n return selectComponent;\n }, [floatingLabel, labelComponent, selectComponent]);\n if (process.env.NODE_ENV !== 'production') {\n warnLabelUsage({\n component: 'DInputSelect',\n label,\n hasAccessibleName: !!ariaLabel,\n accessibleNameProp: 'ariaLabel',\n floatingLabel,\n });\n }\n return (_jsxs(\"div\", Object.assign({ className: className, style: style }, dataAttributes, { children: [hasLabelContent(label) && !floatingLabel && (labelComponent), _jsxs(\"div\", { className: classNames({\n 'input-group': true,\n }), children: [iconStart && (_jsx(\"button\", { type: \"button\", className: \"input-group-text\", id: `${id}Start`, onClick: iconStartClickHandler, disabled: disabled || loading, \"aria-label\": iconStartAriaLabel, children: iconStart && (_jsx(DIcon, { icon: iconStart, familyClass: iconStartFamilyClass, familyPrefix: iconStartFamilyPrefix })) })), dynamicComponent, iconEnd && !loading && (_jsx(\"button\", { type: \"button\", className: \"input-group-text\", id: `${id}End`, onClick: iconEndClickHandler, disabled: disabled || loading, \"aria-label\": iconEndAriaLabel, children: iconEnd && (_jsx(DIcon, { icon: iconEnd, familyClass: iconEndFamilyClass, familyPrefix: iconEndFamilyPrefix })) })), loading && (_jsx(\"div\", { className: \"input-group-text form-control-icon loading\", children: _jsx(\"span\", { className: \"spinner-border spinner-border-sm\", role: \"status\", \"aria-hidden\": \"true\", children: _jsx(\"span\", { className: \"visually-hidden\", children: \"Loading...\" }) }) }))] }), hint && (_jsx(\"div\", { className: \"form-text\", id: `${id}Hint`, children: hint }))] })));\n}\n//# sourceMappingURL=DInputSelect.js.map"],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useId, useMemo, useCallback } from 'react';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import DFormLabel from '../internal/DFormLabel.js';
|
|
5
|
+
import hasLabelContent from '../../utils/hasLabelContent.js';
|
|
6
|
+
import warnLabelUsage from '../../utils/warnLabelUsage.js';
|
|
7
|
+
import useControlledState from '../../hooks/useControlledState.js';
|
|
8
|
+
|
|
9
|
+
function DInputSwitch({ id: idProp, label, ariaLabel, name, checked, defaultChecked = false, disabled, invalid = false, valid = false, hint, readonly, className, style, dataAttributes, inputClassName, onChange, }) {
|
|
10
|
+
const innerId = useId();
|
|
11
|
+
const id = useMemo(() => idProp || innerId, [idProp, innerId]);
|
|
12
|
+
// See `useControlledState` for why `onChange` takes part in this decision.
|
|
13
|
+
const isControlled = checked !== undefined && onChange !== undefined;
|
|
14
|
+
const [isChecked, setIsChecked] = useControlledState(checked, isControlled, defaultChecked);
|
|
15
|
+
const ariaDescribedby = useMemo(() => ([
|
|
16
|
+
!!hint && `${id}Hint`,
|
|
17
|
+
]
|
|
18
|
+
.filter(Boolean)
|
|
19
|
+
.join(' ')), [
|
|
20
|
+
id,
|
|
21
|
+
hint,
|
|
22
|
+
]);
|
|
23
|
+
const changeHandler = useCallback((event) => {
|
|
24
|
+
const value = event.currentTarget.checked;
|
|
25
|
+
setIsChecked(value);
|
|
26
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(value);
|
|
27
|
+
}, [setIsChecked, onChange]);
|
|
28
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
29
|
+
warnLabelUsage({
|
|
30
|
+
component: 'DInputSwitch',
|
|
31
|
+
label,
|
|
32
|
+
hasAccessibleName: !!ariaLabel,
|
|
33
|
+
accessibleNameProp: 'ariaLabel',
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
return (jsxs("div", Object.assign({ className: classNames('form-check form-switch', className) }, dataAttributes, { children: [jsx("input", Object.assign({ id: id, name: name, onChange: readonly ? () => false : changeHandler, className: classNames('form-check-input', {
|
|
37
|
+
'is-invalid': invalid,
|
|
38
|
+
'is-valid': valid,
|
|
39
|
+
}, inputClassName), style: style, type: "checkbox", role: "switch", checked: isChecked, disabled: disabled, "aria-label": ariaLabel }, ariaDescribedby && { 'aria-describedby': ariaDescribedby })), hasLabelContent(label) && (jsx(DFormLabel, { className: "form-check-label", htmlFor: id, children: label })), hint && (jsx("div", { className: "form-text", id: `${id}Hint`, children: hint }))] })));
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
export { DInputSwitch as default };
|
|
43
|
+
//# sourceMappingURL=DInputSwitch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DInputSwitch.js","sources":["../../../../dist-transpiled/components/DInputSwitch/DInputSwitch.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useId, useMemo, } from 'react';\nimport classNames from 'classnames';\nimport DFormLabel from '../internal/DFormLabel';\nimport hasLabelContent from '../../utils/hasLabelContent';\nimport warnLabelUsage from '../../utils/warnLabelUsage';\nimport useControlledState from '../../hooks/useControlledState';\nexport default function DInputSwitch({ id: idProp, label, ariaLabel, name, checked, defaultChecked = false, disabled, invalid = false, valid = false, hint, readonly, className, style, dataAttributes, inputClassName, onChange, }) {\n const innerId = useId();\n const id = useMemo(() => idProp || innerId, [idProp, innerId]);\n // See `useControlledState` for why `onChange` takes part in this decision.\n const isControlled = checked !== undefined && onChange !== undefined;\n const [isChecked, setIsChecked] = useControlledState(checked, isControlled, defaultChecked);\n const ariaDescribedby = useMemo(() => ([\n !!hint && `${id}Hint`,\n ]\n .filter(Boolean)\n .join(' ')), [\n id,\n hint,\n ]);\n const changeHandler = useCallback((event) => {\n const value = event.currentTarget.checked;\n setIsChecked(value);\n onChange === null || onChange === void 0 ? void 0 : onChange(value);\n }, [setIsChecked, onChange]);\n if (process.env.NODE_ENV !== 'production') {\n warnLabelUsage({\n component: 'DInputSwitch',\n label,\n hasAccessibleName: !!ariaLabel,\n accessibleNameProp: 'ariaLabel',\n });\n }\n return (_jsxs(\"div\", Object.assign({ className: classNames('form-check form-switch', className) }, dataAttributes, { children: [_jsx(\"input\", Object.assign({ id: id, name: name, onChange: readonly ? () => false : changeHandler, className: classNames('form-check-input', {\n 'is-invalid': invalid,\n 'is-valid': valid,\n }, inputClassName), style: style, type: \"checkbox\", role: \"switch\", checked: isChecked, disabled: disabled, \"aria-label\": ariaLabel }, ariaDescribedby && { 'aria-describedby': ariaDescribedby })), hasLabelContent(label) && (_jsx(DFormLabel, { className: \"form-check-label\", htmlFor: id, children: label })), hint && (_jsx(\"div\", { className: \"form-text\", id: `${id}Hint`, children: hint }))] })));\n}\n//# sourceMappingURL=DInputSwitch.js.map"],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import DLayoutPane from './components/DLayoutPane.js';
|
|
4
|
+
|
|
5
|
+
function DLayout({ className, style, children, gap, columns, gapSm, gapMd, gapLg, gapXl, gapXxl, dataAttributes, }) {
|
|
6
|
+
const gapClasses = classNames({
|
|
7
|
+
[`gap-${gap}`]: gap !== undefined,
|
|
8
|
+
[`gap-sm-${gapSm}`]: gapSm !== undefined,
|
|
9
|
+
[`gap-md-${gapMd}`]: gapMd !== undefined,
|
|
10
|
+
[`gap-lg-${gapLg}`]: gapLg !== undefined,
|
|
11
|
+
[`gap-xl-${gapXl}`]: gapXl !== undefined,
|
|
12
|
+
[`gap-xxl-${gapXxl}`]: gapXxl !== undefined,
|
|
13
|
+
});
|
|
14
|
+
const styleWithColumns = Object.assign(Object.assign({}, style), { '--bs-columns': columns });
|
|
15
|
+
return (jsx("div", Object.assign({ style: styleWithColumns, className: classNames('grid', gapClasses, className) }, dataAttributes, { children: children })));
|
|
16
|
+
}
|
|
17
|
+
var DLayout$1 = Object.assign(DLayout, {
|
|
18
|
+
Pane: DLayoutPane,
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
export { DLayout$1 as default };
|
|
22
|
+
//# sourceMappingURL=DLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DLayout.js","sources":["../../../../dist-transpiled/components/DLayout/DLayout.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nimport DLayoutPane from './components/DLayoutPane';\nfunction DLayout({ className, style, children, gap, columns, gapSm, gapMd, gapLg, gapXl, gapXxl, dataAttributes, }) {\n const gapClasses = classNames({\n [`gap-${gap}`]: gap !== undefined,\n [`gap-sm-${gapSm}`]: gapSm !== undefined,\n [`gap-md-${gapMd}`]: gapMd !== undefined,\n [`gap-lg-${gapLg}`]: gapLg !== undefined,\n [`gap-xl-${gapXl}`]: gapXl !== undefined,\n [`gap-xxl-${gapXxl}`]: gapXxl !== undefined,\n });\n const styleWithColumns = Object.assign(Object.assign({}, style), { '--bs-columns': columns });\n return (_jsx(\"div\", Object.assign({ style: styleWithColumns, className: classNames('grid', gapClasses, className) }, dataAttributes, { children: children })));\n}\nexport default Object.assign(DLayout, {\n Pane: DLayoutPane,\n});\n//# sourceMappingURL=DLayout.js.map"],"names":["_jsx"],"mappings":";;;;AAGA,SAAS,OAAO,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,GAAG,EAAE;AACpH,IAAI,MAAM,UAAU,GAAG,UAAU,CAAC;AAClC,QAAQ,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,KAAK,SAAS;AACzC,QAAQ,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,GAAG,KAAK,KAAK,SAAS;AAChD,QAAQ,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,GAAG,KAAK,KAAK,SAAS;AAChD,QAAQ,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,GAAG,KAAK,KAAK,SAAS;AAChD,QAAQ,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,GAAG,KAAK,KAAK,SAAS;AAChD,QAAQ,CAAC,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,KAAK,SAAS;AACnD,KAAK,CAAC;AACN,IAAI,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC;AACjG,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,CAAC,EAAE,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;AACjK;AACA,gBAAe,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE;AACtC,IAAI,IAAI,EAAE,WAAW;AACrB,CAAC,CAAC;;;;"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
|
|
4
|
+
function DLayoutPane({ className, style, children, cols, colsXs, colsSm, colsMd, colsLg, colsXl, colsXxl, dataAttributes, }) {
|
|
5
|
+
const colsClass = cols ? `g-col-${cols}` : undefined;
|
|
6
|
+
const colsXsClass = colsXs ? `g-col-${colsXs}` : undefined;
|
|
7
|
+
const colsSmClass = colsSm ? `g-col-sm-${colsSm}` : undefined;
|
|
8
|
+
const colsMdClass = colsMd ? `g-col-md-${colsMd}` : undefined;
|
|
9
|
+
const colsLgClass = colsLg ? `g-col-lg-${colsLg}` : undefined;
|
|
10
|
+
const colsXlClass = colsXl ? `g-col-xl-${colsXl}` : undefined;
|
|
11
|
+
const colsXxlClass = colsXxl ? `g-col-xxl-${colsXxl}` : undefined;
|
|
12
|
+
return (jsx("div", Object.assign({ className: classNames(colsClass, colsXsClass, colsSmClass, colsMdClass, colsLgClass, colsXlClass, colsXxlClass, className), style: style }, dataAttributes, { children: children })));
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export { DLayoutPane as default };
|
|
16
|
+
//# sourceMappingURL=DLayoutPane.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DLayoutPane.js","sources":["../../../../../dist-transpiled/components/DLayout/components/DLayoutPane.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nexport default function DLayoutPane({ className, style, children, cols, colsXs, colsSm, colsMd, colsLg, colsXl, colsXxl, dataAttributes, }) {\n const colsClass = cols ? `g-col-${cols}` : undefined;\n const colsXsClass = colsXs ? `g-col-${colsXs}` : undefined;\n const colsSmClass = colsSm ? `g-col-sm-${colsSm}` : undefined;\n const colsMdClass = colsMd ? `g-col-md-${colsMd}` : undefined;\n const colsLgClass = colsLg ? `g-col-lg-${colsLg}` : undefined;\n const colsXlClass = colsXl ? `g-col-xl-${colsXl}` : undefined;\n const colsXxlClass = colsXxl ? `g-col-xxl-${colsXxl}` : undefined;\n return (_jsx(\"div\", Object.assign({ className: classNames(colsClass, colsXsClass, colsSmClass, colsMdClass, colsLgClass, colsXlClass, colsXxlClass, className), style: style }, dataAttributes, { children: children })));\n}\n//# sourceMappingURL=DLayoutPane.js.map"],"names":["_jsx"],"mappings":";;;AAEe,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,EAAE;AAC5I,IAAI,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,GAAG,SAAS;AACxD,IAAI,MAAM,WAAW,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS;AAC9D,IAAI,MAAM,WAAW,GAAG,MAAM,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS;AACjE,IAAI,MAAM,WAAW,GAAG,MAAM,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS;AACjE,IAAI,MAAM,WAAW,GAAG,MAAM,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS;AACjE,IAAI,MAAM,WAAW,GAAG,MAAM,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS;AACjE,IAAI,MAAM,YAAY,GAAG,OAAO,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,GAAG,SAAS;AACrE,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC5N;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import DListGroupItem from './components/DListGroupItem.js';
|
|
5
|
+
import ListGroupContext from './ListGroupContext.js';
|
|
6
|
+
|
|
7
|
+
function DListGroup({ as = 'ul', numbered, flush, horizontal, ariaLabel, ariaLabelledBy, children, className, style, dataAttributes, }) {
|
|
8
|
+
const Tag = useMemo(() => {
|
|
9
|
+
if (numbered) {
|
|
10
|
+
return 'ol';
|
|
11
|
+
}
|
|
12
|
+
return as;
|
|
13
|
+
}, [numbered, as]);
|
|
14
|
+
const generateClasses = useMemo(() => {
|
|
15
|
+
const listGroupHorizontalClass = typeof horizontal === 'string'
|
|
16
|
+
? `list-group-horizontal-${horizontal}`
|
|
17
|
+
: 'list-group-horizontal';
|
|
18
|
+
return {
|
|
19
|
+
'list-group': true,
|
|
20
|
+
'list-group-numbered': numbered,
|
|
21
|
+
'list-group-flush': flush,
|
|
22
|
+
[listGroupHorizontalClass]: !!horizontal,
|
|
23
|
+
};
|
|
24
|
+
}, [flush, horizontal, numbered]);
|
|
25
|
+
const labelProps = useMemo(() => {
|
|
26
|
+
if (!ariaLabelledBy && !ariaLabel)
|
|
27
|
+
return {};
|
|
28
|
+
return Object.assign(Object.assign({}, ariaLabelledBy
|
|
29
|
+
? { 'aria-labelledby': ariaLabelledBy }
|
|
30
|
+
: { 'aria-label': ariaLabel }), Tag === 'div' && { role: 'group' });
|
|
31
|
+
}, [ariaLabel, ariaLabelledBy, Tag]);
|
|
32
|
+
return (jsx(ListGroupContext.Provider, { value: Tag, children: jsx(Tag, Object.assign({ className: classNames(generateClasses, className), style: style }, labelProps, dataAttributes, { children: children })) }));
|
|
33
|
+
}
|
|
34
|
+
var DListGroup$1 = Object.assign(DListGroup, {
|
|
35
|
+
Item: DListGroupItem,
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
export { DListGroup$1 as default };
|
|
39
|
+
//# sourceMappingURL=DListGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DListGroup.js","sources":["../../../../dist-transpiled/components/DListGroup/DListGroup.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport classNames from 'classnames';\nimport DListGroupItem from './components/DListGroupItem';\nimport ListGroupContext from './ListGroupContext';\nfunction DListGroup({ as = 'ul', numbered, flush, horizontal, ariaLabel, ariaLabelledBy, children, className, style, dataAttributes, }) {\n const Tag = useMemo(() => {\n if (numbered) {\n return 'ol';\n }\n return as;\n }, [numbered, as]);\n const generateClasses = useMemo(() => {\n const listGroupHorizontalClass = typeof horizontal === 'string'\n ? `list-group-horizontal-${horizontal}`\n : 'list-group-horizontal';\n return {\n 'list-group': true,\n 'list-group-numbered': numbered,\n 'list-group-flush': flush,\n [listGroupHorizontalClass]: !!horizontal,\n };\n }, [flush, horizontal, numbered]);\n const labelProps = useMemo(() => {\n if (!ariaLabelledBy && !ariaLabel)\n return {};\n return Object.assign(Object.assign({}, ariaLabelledBy\n ? { 'aria-labelledby': ariaLabelledBy }\n : { 'aria-label': ariaLabel }), Tag === 'div' && { role: 'group' });\n }, [ariaLabel, ariaLabelledBy, Tag]);\n return (_jsx(ListGroupContext.Provider, { value: Tag, children: _jsx(Tag, Object.assign({ className: classNames(generateClasses, className), style: style }, labelProps, dataAttributes, { children: children })) }));\n}\nexport default Object.assign(DListGroup, {\n Item: DListGroupItem,\n});\n//# sourceMappingURL=DListGroup.js.map"],"names":["_jsx"],"mappings":";;;;;;AAKA,SAAS,UAAU,CAAC,EAAE,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE;AACxI,IAAI,MAAM,GAAG,GAAG,OAAO,CAAC,MAAM;AAC9B,QAAQ,IAAI,QAAQ,EAAE;AACtB,YAAY,OAAO,IAAI;AACvB,QAAQ;AACR,QAAQ,OAAO,EAAE;AACjB,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;AACtB,IAAI,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM;AAC1C,QAAQ,MAAM,wBAAwB,GAAG,OAAO,UAAU,KAAK;AAC/D,cAAc,CAAC,sBAAsB,EAAE,UAAU,CAAC;AAClD,cAAc,uBAAuB;AACrC,QAAQ,OAAO;AACf,YAAY,YAAY,EAAE,IAAI;AAC9B,YAAY,qBAAqB,EAAE,QAAQ;AAC3C,YAAY,kBAAkB,EAAE,KAAK;AACrC,YAAY,CAAC,wBAAwB,GAAG,CAAC,CAAC,UAAU;AACpD,SAAS;AACT,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;AACrC,IAAI,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM;AACrC,QAAQ,IAAI,CAAC,cAAc,IAAI,CAAC,SAAS;AACzC,YAAY,OAAO,EAAE;AACrB,QAAQ,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE;AAC/C,cAAc,EAAE,iBAAiB,EAAE,cAAc;AACjD,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,KAAK,KAAK,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AAC/E,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,GAAG,CAAC,CAAC;AACxC,IAAI,QAAQA,GAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAEA,GAAI,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC;AACxN;AACA,mBAAe,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;AACzC,IAAI,IAAI,EAAE,cAAc;AACxB,CAAC,CAAC;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { createContext } from 'react';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Element the enclosing `DListGroup` renders, so each `DListGroupItem` can
|
|
5
|
+
* check that its own element is valid content for it. `undefined` outside a
|
|
6
|
+
* `DListGroup`.
|
|
7
|
+
*/
|
|
8
|
+
const ListGroupContext = createContext(undefined);
|
|
9
|
+
|
|
10
|
+
export { ListGroupContext as default };
|
|
11
|
+
//# sourceMappingURL=ListGroupContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListGroupContext.js","sources":["../../../../dist-transpiled/components/DListGroup/ListGroupContext.js"],"sourcesContent":["import { createContext } from 'react';\n/**\n * Element the enclosing `DListGroup` renders, so each `DListGroupItem` can\n * check that its own element is valid content for it. `undefined` outside a\n * `DListGroup`.\n */\nconst ListGroupContext = createContext(undefined);\nexport default ListGroupContext;\n//# sourceMappingURL=ListGroupContext.js.map"],"names":[],"mappings":";;AACA;AACA;AACA;AACA;AACA;AACK,MAAC,gBAAgB,GAAG,aAAa,CAAC,SAAS;;;;"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useMemo, useContext } from 'react';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import DIcon from '../../DIcon/DIcon.js';
|
|
5
|
+
import ListGroupContext from '../ListGroupContext.js';
|
|
6
|
+
import warnInvalidListMarkup from './warnInvalidListMarkup.js';
|
|
7
|
+
import { useDContext } from '../../../contexts/DContext.js';
|
|
8
|
+
|
|
9
|
+
function DListGroupItem({ as = 'li', action: actionProp, active, ariaCurrent = 'true', disabled, href, onClick, color, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartMaterialStyle, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndMaterialStyle, children, className, style, dataAttributes, }) {
|
|
10
|
+
const { icon: { familyClass, familyPrefix, materialStyle, }, } = useDContext();
|
|
11
|
+
const Tag = useMemo(() => {
|
|
12
|
+
if (href) {
|
|
13
|
+
return 'a';
|
|
14
|
+
}
|
|
15
|
+
if (actionProp) {
|
|
16
|
+
return 'button';
|
|
17
|
+
}
|
|
18
|
+
return as;
|
|
19
|
+
}, [href, as, actionProp]);
|
|
20
|
+
const container = useContext(ListGroupContext);
|
|
21
|
+
const isInteractive = Tag === 'a' || Tag === 'button';
|
|
22
|
+
// Inside a <ul>/<ol>, a link or button is wrapped in the <li> that carries
|
|
23
|
+
// the item styles, so the group keeps list semantics (`list > listitem >
|
|
24
|
+
// link|button`) without breaking Bootstrap's sibling selectors.
|
|
25
|
+
const isWrapped = isInteractive && (container === 'ul' || container === 'ol');
|
|
26
|
+
if (process.env.NODE_ENV !== 'production' && container === 'div' && Tag === 'li') {
|
|
27
|
+
warnInvalidListMarkup(container, Tag);
|
|
28
|
+
}
|
|
29
|
+
const generateClasses = useMemo(() => ({
|
|
30
|
+
'list-group-item': true,
|
|
31
|
+
'list-group-item-action': isInteractive || actionProp,
|
|
32
|
+
'd-list-group-item-interactive': isWrapped,
|
|
33
|
+
[`list-group-item-${color}`]: !!color,
|
|
34
|
+
active,
|
|
35
|
+
disabled,
|
|
36
|
+
}), [isInteractive, actionProp, isWrapped, active, disabled, color]);
|
|
37
|
+
// A disabled link leaves the tab order and can't be activated: without
|
|
38
|
+
// `href` and `onClick`, Enter does nothing. Dropping `href` also drops the
|
|
39
|
+
// implicit link role, so it is set back explicitly. A button uses
|
|
40
|
+
// `disabled`.
|
|
41
|
+
const interactiveProps = useMemo(() => {
|
|
42
|
+
if (Tag === 'button') {
|
|
43
|
+
return Object.assign(Object.assign(Object.assign({ type: 'button' }, onClick && { onClick }), active && { 'aria-current': ariaCurrent }), disabled && { disabled: true });
|
|
44
|
+
}
|
|
45
|
+
if (Tag === 'a') {
|
|
46
|
+
return disabled
|
|
47
|
+
? Object.assign({ role: 'link', 'aria-disabled': true, tabIndex: -1 }, active && { 'aria-current': ariaCurrent }) : Object.assign(Object.assign(Object.assign({}, href && { href }), onClick && { onClick }), active && { 'aria-current': ariaCurrent });
|
|
48
|
+
}
|
|
49
|
+
return Object.assign(Object.assign(Object.assign({}, onClick && { onClick }), active && { 'aria-current': ariaCurrent }), disabled && { 'aria-disabled': true });
|
|
50
|
+
}, [Tag, href, onClick, active, ariaCurrent, disabled]);
|
|
51
|
+
const content = (jsxs(Fragment, { children: [iconStart && (jsx(DIcon, { icon: iconStart, familyClass: iconStartFamilyClass !== null && iconStartFamilyClass !== void 0 ? iconStartFamilyClass : familyClass, familyPrefix: iconStartFamilyPrefix !== null && iconStartFamilyPrefix !== void 0 ? iconStartFamilyPrefix : familyPrefix, materialStyle: iconStartMaterialStyle !== null && iconStartMaterialStyle !== void 0 ? iconStartMaterialStyle : materialStyle })), children, iconEnd && (jsx(DIcon, { icon: iconEnd, familyClass: iconEndFamilyClass !== null && iconEndFamilyClass !== void 0 ? iconEndFamilyClass : familyClass, familyPrefix: iconEndFamilyPrefix !== null && iconEndFamilyPrefix !== void 0 ? iconEndFamilyPrefix : familyPrefix, materialStyle: iconEndMaterialStyle !== null && iconEndMaterialStyle !== void 0 ? iconEndMaterialStyle : materialStyle, className: "ms-auto" }))] }));
|
|
52
|
+
if (isWrapped) {
|
|
53
|
+
return (jsx("li", { className: classNames(generateClasses, className), style: style, children: jsx(Tag, Object.assign({ className: "d-list-group-item-link" }, interactiveProps, dataAttributes, { children: content })) }));
|
|
54
|
+
}
|
|
55
|
+
return (jsx(Tag, Object.assign({ className: classNames(generateClasses, className), style: style }, interactiveProps, dataAttributes, { children: content })));
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
export { DListGroupItem as default };
|
|
59
|
+
//# sourceMappingURL=DListGroupItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DListGroupItem.js","sources":["../../../../../dist-transpiled/components/DListGroup/components/DListGroupItem.js"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useContext, useMemo } from 'react';\nimport classNames from 'classnames';\nimport DIcon from '../../DIcon';\nimport { useDContext } from '../../../contexts';\nimport ListGroupContext from '../ListGroupContext';\nimport warnInvalidListMarkup from './warnInvalidListMarkup';\nexport default function DListGroupItem({ as = 'li', action: actionProp, active, ariaCurrent = 'true', disabled, href, onClick, color, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartMaterialStyle, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndMaterialStyle, children, className, style, dataAttributes, }) {\n const { icon: { familyClass, familyPrefix, materialStyle, }, } = useDContext();\n const Tag = useMemo(() => {\n if (href) {\n return 'a';\n }\n if (actionProp) {\n return 'button';\n }\n return as;\n }, [href, as, actionProp]);\n const container = useContext(ListGroupContext);\n const isInteractive = Tag === 'a' || Tag === 'button';\n // Inside a <ul>/<ol>, a link or button is wrapped in the <li> that carries\n // the item styles, so the group keeps list semantics (`list > listitem >\n // link|button`) without breaking Bootstrap's sibling selectors.\n const isWrapped = isInteractive && (container === 'ul' || container === 'ol');\n if (process.env.NODE_ENV !== 'production' && container === 'div' && Tag === 'li') {\n warnInvalidListMarkup(container, Tag);\n }\n const generateClasses = useMemo(() => ({\n 'list-group-item': true,\n 'list-group-item-action': isInteractive || actionProp,\n 'd-list-group-item-interactive': isWrapped,\n [`list-group-item-${color}`]: !!color,\n active,\n disabled,\n }), [isInteractive, actionProp, isWrapped, active, disabled, color]);\n // A disabled link leaves the tab order and can't be activated: without\n // `href` and `onClick`, Enter does nothing. Dropping `href` also drops the\n // implicit link role, so it is set back explicitly. A button uses\n // `disabled`.\n const interactiveProps = useMemo(() => {\n if (Tag === 'button') {\n return Object.assign(Object.assign(Object.assign({ type: 'button' }, onClick && { onClick }), active && { 'aria-current': ariaCurrent }), disabled && { disabled: true });\n }\n if (Tag === 'a') {\n return disabled\n ? Object.assign({ role: 'link', 'aria-disabled': true, tabIndex: -1 }, active && { 'aria-current': ariaCurrent }) : Object.assign(Object.assign(Object.assign({}, href && { href }), onClick && { onClick }), active && { 'aria-current': ariaCurrent });\n }\n return Object.assign(Object.assign(Object.assign({}, onClick && { onClick }), active && { 'aria-current': ariaCurrent }), disabled && { 'aria-disabled': true });\n }, [Tag, href, onClick, active, ariaCurrent, disabled]);\n const content = (_jsxs(_Fragment, { children: [iconStart && (_jsx(DIcon, { icon: iconStart, familyClass: iconStartFamilyClass !== null && iconStartFamilyClass !== void 0 ? iconStartFamilyClass : familyClass, familyPrefix: iconStartFamilyPrefix !== null && iconStartFamilyPrefix !== void 0 ? iconStartFamilyPrefix : familyPrefix, materialStyle: iconStartMaterialStyle !== null && iconStartMaterialStyle !== void 0 ? iconStartMaterialStyle : materialStyle })), children, iconEnd && (_jsx(DIcon, { icon: iconEnd, familyClass: iconEndFamilyClass !== null && iconEndFamilyClass !== void 0 ? iconEndFamilyClass : familyClass, familyPrefix: iconEndFamilyPrefix !== null && iconEndFamilyPrefix !== void 0 ? iconEndFamilyPrefix : familyPrefix, materialStyle: iconEndMaterialStyle !== null && iconEndMaterialStyle !== void 0 ? iconEndMaterialStyle : materialStyle, className: \"ms-auto\" }))] }));\n if (isWrapped) {\n return (_jsx(\"li\", { className: classNames(generateClasses, className), style: style, children: _jsx(Tag, Object.assign({ className: \"d-list-group-item-link\" }, interactiveProps, dataAttributes, { children: content })) }));\n }\n return (_jsx(Tag, Object.assign({ className: classNames(generateClasses, className), style: style }, interactiveProps, dataAttributes, { children: content })));\n}\n//# sourceMappingURL=DListGroupItem.js.map"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Combinations already reported, keyed by container and item element, so the
|
|
3
|
+
* same mismatch only warns once per page load however many items share it.
|
|
4
|
+
*/
|
|
5
|
+
const warnedCombinations = new Set();
|
|
6
|
+
/**
|
|
7
|
+
* Warns, once per combination and only outside production builds, that a
|
|
8
|
+
* `DListGroupItem` renders an element its `DListGroup` container can't hold.
|
|
9
|
+
*
|
|
10
|
+
* Links and buttons inside a <ul>/<ol> are wrapped in an <li>, so the only
|
|
11
|
+
* invalid pair left is a plain item (an <li>) inside `as="div"`: an <li>
|
|
12
|
+
* outside of any list. It doesn't fail visibly, which is why it's reported.
|
|
13
|
+
*
|
|
14
|
+
* The `process.env.NODE_ENV` guard at the call site is what bundlers
|
|
15
|
+
* constant-fold, so the whole call — and this module — drops out of a
|
|
16
|
+
* consumer's production bundle.
|
|
17
|
+
*/
|
|
18
|
+
function warnInvalidListMarkup(container, item) {
|
|
19
|
+
const key = `${container}>${item}`;
|
|
20
|
+
if (warnedCombinations.has(key))
|
|
21
|
+
return;
|
|
22
|
+
warnedCombinations.add(key);
|
|
23
|
+
// eslint-disable-next-line no-console
|
|
24
|
+
console.warn(`[Dynamic UI] DListGroupItem: a <${item}> inside a <${container}> is invalid markup. `
|
|
25
|
+
+ 'Keep the container as a list (the default `as="ul"`, or `numbered`), or render the item '
|
|
26
|
+
+ 'as a link or button. It never appears in production builds.');
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
export { warnInvalidListMarkup as default };
|
|
30
|
+
//# sourceMappingURL=warnInvalidListMarkup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"warnInvalidListMarkup.js","sources":["../../../../../dist-transpiled/components/DListGroup/components/warnInvalidListMarkup.js"],"sourcesContent":["/**\n * Combinations already reported, keyed by container and item element, so the\n * same mismatch only warns once per page load however many items share it.\n */\nconst warnedCombinations = new Set();\n/**\n * Warns, once per combination and only outside production builds, that a\n * `DListGroupItem` renders an element its `DListGroup` container can't hold.\n *\n * Links and buttons inside a <ul>/<ol> are wrapped in an <li>, so the only\n * invalid pair left is a plain item (an <li>) inside `as=\"div\"`: an <li>\n * outside of any list. It doesn't fail visibly, which is why it's reported.\n *\n * The `process.env.NODE_ENV` guard at the call site is what bundlers\n * constant-fold, so the whole call — and this module — drops out of a\n * consumer's production bundle.\n */\nexport default function warnInvalidListMarkup(container, item) {\n const key = `${container}>${item}`;\n if (warnedCombinations.has(key))\n return;\n warnedCombinations.add(key);\n // eslint-disable-next-line no-console\n console.warn(`[Dynamic UI] DListGroupItem: a <${item}> inside a <${container}> is invalid markup. `\n + 'Keep the container as a list (the default `as=\"ul\"`, or `numbered`), or render the item '\n + 'as a link or button. It never appears in production builds.');\n}\n//# sourceMappingURL=warnInvalidListMarkup.js.map"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,MAAM,kBAAkB,GAAG,IAAI,GAAG,EAAE;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,qBAAqB,CAAC,SAAS,EAAE,IAAI,EAAE;AAC/D,IAAI,MAAM,GAAG,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AACtC,IAAI,IAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG,CAAC;AACnC,QAAQ;AACR,IAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG,CAAC;AAC/B;AACA,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,gCAAgC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,qBAAqB;AACtG,UAAU;AACV,UAAU,6DAA6D,CAAC;AACxE;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|