@dnb/eufemia 10.74.0 → 10.75.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/CHANGELOG.md +28 -0
- package/cjs/components/country-flag/CountryFlag.js +6 -3
- package/cjs/components/country-flag/CountryFlag.js.map +1 -1
- package/cjs/components/date-picker/DatePicker.d.ts +16 -7
- package/cjs/components/date-picker/DatePicker.js +8 -20
- package/cjs/components/date-picker/DatePicker.js.map +1 -1
- package/cjs/components/date-picker/DatePickerCalendar.d.ts +1 -3
- package/cjs/components/date-picker/DatePickerCalendar.js +34 -19
- package/cjs/components/date-picker/DatePickerCalendar.js.map +1 -1
- package/cjs/components/date-picker/DatePickerCalendarNavigator.d.ts +1 -4
- package/cjs/components/date-picker/DatePickerCalendarNavigator.js +1 -10
- package/cjs/components/date-picker/DatePickerCalendarNavigator.js.map +1 -1
- package/cjs/components/date-picker/DatePickerContext.d.ts +1 -0
- package/cjs/components/date-picker/DatePickerContext.js.map +1 -1
- package/cjs/components/date-picker/DatePickerDocs.js +0 -5
- package/cjs/components/date-picker/DatePickerDocs.js.map +1 -1
- package/cjs/components/date-picker/DatePickerFooter.js +2 -2
- package/cjs/components/date-picker/DatePickerFooter.js.map +1 -1
- package/cjs/components/date-picker/DatePickerInput.d.ts +3 -2
- package/cjs/components/date-picker/DatePickerInput.js +9 -8
- package/cjs/components/date-picker/DatePickerInput.js.map +1 -1
- package/cjs/components/date-picker/DatePickerProvider.d.ts +1 -1
- package/cjs/components/date-picker/DatePickerProvider.js +16 -15
- package/cjs/components/date-picker/DatePickerProvider.js.map +1 -1
- package/cjs/components/date-picker/DatePickerRange.d.ts +3 -7
- package/cjs/components/date-picker/DatePickerRange.js +10 -8
- package/cjs/components/date-picker/DatePickerRange.js.map +1 -1
- package/cjs/components/date-picker/hooks/useDates.js.map +1 -1
- package/cjs/components/date-picker/style/themes/dnb-date-picker-theme-ui.css +4 -0
- package/cjs/components/date-picker/style/themes/dnb-date-picker-theme-ui.min.css +1 -1
- package/cjs/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss +5 -0
- package/cjs/components/number-format/NumberUtils.d.ts +1 -1
- package/cjs/extensions/forms/Field/Boolean/Boolean.d.ts +2 -9
- package/cjs/extensions/forms/Field/Boolean/Boolean.js.map +1 -1
- package/cjs/extensions/forms/Field/Date/Date.d.ts +1 -1
- package/cjs/extensions/forms/Field/Date/Date.js.map +1 -1
- package/cjs/extensions/forms/Field/Date/DateDocs.js +2 -1
- package/cjs/extensions/forms/Field/Date/DateDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/Indeterminate/Indeterminate.d.ts +1 -1
- package/cjs/extensions/forms/Field/Indeterminate/Indeterminate.js.map +1 -1
- package/cjs/extensions/forms/Field/Indeterminate/IndeterminateDocs.js +1 -1
- package/cjs/extensions/forms/Field/Indeterminate/IndeterminateDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.js +8 -4
- package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
- package/cjs/extensions/forms/Field/Provider/useFieldProvider.d.ts +2 -2
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.d.ts +3 -2
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.js +20 -13
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
- package/cjs/extensions/forms/Field/SelectCountry/useCountries.d.ts +2016 -0
- package/cjs/extensions/forms/Field/SelectCountry/useCountries.js +72 -0
- package/cjs/extensions/forms/Field/SelectCountry/useCountries.js.map +1 -0
- package/cjs/extensions/forms/Iterate/Array/Array.js +19 -6
- package/cjs/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/cjs/extensions/forms/Iterate/Array/ArrayDocs.js +10 -0
- package/cjs/extensions/forms/Iterate/Array/ArrayDocs.js.map +1 -1
- package/cjs/extensions/forms/Iterate/Array/types.d.ts +4 -1
- package/cjs/extensions/forms/Iterate/Array/types.js.map +1 -1
- package/cjs/extensions/forms/Iterate/PushButton/PushButton.js +9 -2
- package/cjs/extensions/forms/Iterate/PushButton/PushButton.js.map +1 -1
- package/cjs/extensions/forms/Iterate/PushContainer/PushContainer.js +9 -2
- package/cjs/extensions/forms/Iterate/PushContainer/PushContainer.js.map +1 -1
- package/cjs/extensions/forms/Iterate/RemoveButton/RemoveButton.js +4 -2
- package/cjs/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
- package/cjs/extensions/forms/Value/SelectCountry/useCountry.js +6 -1
- package/cjs/extensions/forms/Value/SelectCountry/useCountry.js.map +1 -1
- package/cjs/extensions/forms/Wizard/Container/DisplaySteps.js.map +1 -1
- package/cjs/extensions/forms/Wizard/Container/useCollectStepsData.js.map +1 -1
- package/cjs/extensions/forms/constants/locales/countries/sv-SE.d.ts +257 -0
- package/cjs/extensions/forms/constants/locales/countries/sv-SE.js +263 -0
- package/cjs/extensions/forms/constants/locales/countries/sv-SE.js.map +1 -0
- package/cjs/extensions/forms/constants/locales/en-GB.d.ts +4 -0
- package/cjs/extensions/forms/constants/locales/en-GB.js +4 -0
- package/cjs/extensions/forms/constants/locales/en-GB.js.map +1 -1
- package/cjs/extensions/forms/constants/locales/en-US.d.ts +4 -0
- package/cjs/extensions/forms/constants/locales/index.d.ts +8 -0
- package/cjs/extensions/forms/constants/locales/nb-NO.d.ts +4 -0
- package/cjs/extensions/forms/constants/locales/nb-NO.js +4 -0
- package/cjs/extensions/forms/constants/locales/nb-NO.js.map +1 -1
- package/cjs/extensions/forms/constants/locales/sv-SE.d.ts +4 -0
- package/cjs/extensions/forms/constants/locales/sv-SE.js +4 -0
- package/cjs/extensions/forms/constants/locales/sv-SE.js.map +1 -1
- package/cjs/extensions/forms/hooks/useFieldProps.d.ts +2 -1
- package/cjs/extensions/forms/hooks/useFieldProps.js +19 -6
- package/cjs/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/cjs/extensions/forms/hooks/usePath.d.ts +4 -1
- package/cjs/extensions/forms/hooks/usePath.js +10 -3
- package/cjs/extensions/forms/hooks/usePath.js.map +1 -1
- package/cjs/extensions/forms/hooks/useTranslation.d.ts +2 -2
- package/cjs/extensions/forms/hooks/useTranslation.js.map +1 -1
- package/cjs/extensions/forms/utils/ajv.js +11 -3
- package/cjs/extensions/forms/utils/ajv.js.map +1 -1
- package/cjs/extensions/payment-card/PaymentCard.d.ts +9 -3
- package/cjs/extensions/payment-card/PaymentCard.js +12 -143
- package/cjs/extensions/payment-card/PaymentCard.js.map +1 -1
- package/cjs/extensions/payment-card/PaymentCardDocs.js +13 -13
- package/cjs/extensions/payment-card/PaymentCardDocs.js.map +1 -1
- package/cjs/extensions/payment-card/components/CardFigure.d.ts +12 -0
- package/cjs/extensions/payment-card/components/CardFigure.js +105 -0
- package/cjs/extensions/payment-card/components/CardFigure.js.map +1 -0
- package/cjs/extensions/payment-card/components/CardNumber.d.ts +27 -0
- package/cjs/extensions/payment-card/components/CardNumber.js +37 -0
- package/cjs/extensions/payment-card/components/CardNumber.js.map +1 -0
- package/cjs/extensions/payment-card/components/CardType.d.ts +7 -0
- package/cjs/extensions/payment-card/components/CardType.js +25 -0
- package/cjs/extensions/payment-card/components/CardType.js.map +1 -0
- package/cjs/extensions/payment-card/components/StatusOverlay.d.ts +20 -0
- package/cjs/extensions/payment-card/components/StatusOverlay.js +68 -0
- package/cjs/extensions/payment-card/components/StatusOverlay.js.map +1 -0
- package/cjs/extensions/payment-card/icons/brandLogos/DNB.js +24 -0
- package/cjs/extensions/payment-card/icons/brandLogos/DNB.js.map +1 -0
- package/cjs/extensions/payment-card/icons/brandLogos/Sbanken.js +31 -0
- package/cjs/extensions/payment-card/icons/brandLogos/Sbanken.js.map +1 -0
- package/cjs/extensions/payment-card/icons/index.d.ts +3 -5
- package/cjs/extensions/payment-card/icons/index.js +40 -58
- package/cjs/extensions/payment-card/icons/index.js.map +1 -1
- package/cjs/extensions/payment-card/icons/loyaltyLogos/Bedrift.js +40 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/Bedrift.js.map +1 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/Business.js +43 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/Business.js.map +1 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/Corporate.d.ts +3 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/Corporate.js +52 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/Corporate.js.map +1 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/Intro.js +22 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/Intro.js.map +1 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/PB.js +61 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/PB.js.map +1 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/Pluss.js +29 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/Pluss.js.map +1 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/SagaGold.js +22 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/SagaGold.js.map +1 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/SagaPlatinum.js +43 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/SagaPlatinum.js.map +1 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/WorldElite.d.ts +3 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/WorldElite.js +22 -0
- package/cjs/extensions/payment-card/icons/loyaltyLogos/WorldElite.js.map +1 -0
- package/cjs/extensions/payment-card/icons/providers/BankAxept.js +24 -0
- package/cjs/extensions/payment-card/icons/providers/BankAxept.js.map +1 -0
- package/cjs/extensions/payment-card/icons/providers/ClickToPay.d.ts +3 -0
- package/cjs/extensions/payment-card/icons/providers/ClickToPay.js +24 -0
- package/cjs/extensions/payment-card/icons/providers/ClickToPay.js.map +1 -0
- package/cjs/extensions/payment-card/icons/providers/MastercardDark.js +814 -0
- package/cjs/extensions/payment-card/icons/providers/MastercardDark.js.map +1 -0
- package/cjs/extensions/payment-card/icons/providers/MastercardDefault.js +37 -0
- package/cjs/extensions/payment-card/icons/providers/MastercardDefault.js.map +1 -0
- package/cjs/extensions/payment-card/icons/providers/VisaDefault.js +28 -0
- package/cjs/extensions/payment-card/icons/providers/VisaDefault.js.map +1 -0
- package/cjs/extensions/payment-card/icons/providers/VisaPlatinum.js +28 -0
- package/cjs/extensions/payment-card/icons/providers/VisaPlatinum.js.map +1 -0
- package/cjs/extensions/payment-card/icons/status/index.d.ts +3 -0
- package/cjs/extensions/payment-card/icons/status/index.js +61 -0
- package/cjs/extensions/payment-card/icons/status/index.js.map +1 -0
- package/cjs/extensions/payment-card/index.d.ts +2 -0
- package/cjs/extensions/payment-card/index.js +10 -1
- package/cjs/extensions/payment-card/index.js.map +1 -1
- package/cjs/extensions/payment-card/style/dnb-payment-card.css +173 -163
- package/cjs/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
- package/cjs/extensions/payment-card/style/dnb-payment-card.scss +257 -242
- package/cjs/extensions/payment-card/utils/CardDesigns.d.ts +22 -10
- package/cjs/extensions/payment-card/utils/CardDesigns.js +44 -36
- package/cjs/extensions/payment-card/utils/CardDesigns.js.map +1 -1
- package/cjs/extensions/payment-card/utils/Types.js +2 -0
- package/cjs/extensions/payment-card/utils/Types.js.map +1 -1
- package/cjs/extensions/payment-card/utils/backgrounds/index.d.ts +6 -2
- package/cjs/extensions/payment-card/utils/backgrounds/index.js +31 -3
- package/cjs/extensions/payment-card/utils/backgrounds/index.js.map +1 -1
- package/cjs/extensions/payment-card/utils/backgrounds/master-gold.d.ts +2 -0
- package/cjs/extensions/payment-card/utils/backgrounds/master-gold.js +9 -0
- package/cjs/extensions/payment-card/utils/backgrounds/master-gold.js.map +1 -0
- package/cjs/extensions/payment-card/utils/backgrounds/my-first.d.ts +1 -1
- package/cjs/extensions/payment-card/utils/backgrounds/my-first.js +1 -1
- package/cjs/extensions/payment-card/utils/backgrounds/my-first.js.map +1 -1
- package/cjs/extensions/payment-card/utils/backgrounds/visa-default.d.ts +2 -0
- package/cjs/extensions/payment-card/utils/backgrounds/visa-default.js +9 -0
- package/cjs/extensions/payment-card/utils/backgrounds/visa-default.js.map +1 -0
- package/cjs/extensions/payment-card/utils/backgrounds/visa-pluss.d.ts +2 -0
- package/cjs/extensions/payment-card/utils/backgrounds/visa-pluss.js +9 -0
- package/cjs/extensions/payment-card/utils/backgrounds/visa-pluss.js.map +1 -0
- package/cjs/extensions/payment-card/utils/backgrounds/visa-saga-gold.d.ts +2 -0
- package/cjs/extensions/payment-card/utils/backgrounds/visa-saga-gold.js +9 -0
- package/cjs/extensions/payment-card/utils/backgrounds/visa-saga-gold.js.map +1 -0
- package/cjs/extensions/payment-card/utils/backgrounds/visa-saga-platinum.d.ts +2 -0
- package/cjs/extensions/payment-card/utils/backgrounds/visa-saga-platinum.js +9 -0
- package/cjs/extensions/payment-card/utils/backgrounds/visa-saga-platinum.js.map +1 -0
- package/cjs/extensions/payment-card/utils/backgrounds/youth.d.ts +1 -1
- package/cjs/extensions/payment-card/utils/backgrounds/youth.js +1 -1
- package/cjs/extensions/payment-card/utils/backgrounds/youth.js.map +1 -1
- package/cjs/extensions/payment-card/utils/cardProducts.d.ts +1 -1
- package/cjs/extensions/payment-card/utils/cardProducts.js +241 -209
- package/cjs/extensions/payment-card/utils/cardProducts.js.map +1 -1
- package/cjs/shared/Context.d.ts +1 -1
- package/cjs/shared/Context.js +5 -14
- package/cjs/shared/Context.js.map +1 -1
- package/cjs/shared/Eufemia.d.ts +1 -1
- package/cjs/shared/Eufemia.js +2 -2
- package/cjs/shared/Eufemia.js.map +1 -1
- package/cjs/shared/Provider.js +15 -24
- package/cjs/shared/Provider.js.map +1 -1
- package/cjs/shared/locales/en-GB.d.ts +4 -2
- package/cjs/shared/locales/en-GB.js +6 -4
- package/cjs/shared/locales/en-GB.js.map +1 -1
- package/cjs/shared/locales/en-US.d.ts +4 -2
- package/cjs/shared/locales/index.d.ts +8 -4
- package/cjs/shared/locales/nb-NO.d.ts +4 -2
- package/cjs/shared/locales/nb-NO.js +6 -4
- package/cjs/shared/locales/nb-NO.js.map +1 -1
- package/cjs/shared/locales/sv-SE.d.ts +4 -2
- package/cjs/shared/locales/sv-SE.js +6 -4
- package/cjs/shared/locales/sv-SE.js.map +1 -1
- package/cjs/shared/useTranslation.d.ts +3 -2
- package/cjs/shared/useTranslation.js.map +1 -1
- package/cjs/style/core/scopes.scss +1 -1
- package/cjs/style/dnb-ui-basis.css +1 -1
- package/cjs/style/dnb-ui-basis.min.css +1 -1
- package/cjs/style/dnb-ui-body.css +1 -1
- package/cjs/style/dnb-ui-body.min.css +1 -1
- package/cjs/style/dnb-ui-core.css +1 -1
- package/cjs/style/dnb-ui-core.min.css +1 -1
- package/cjs/style/dnb-ui-extensions.css +173 -163
- package/cjs/style/dnb-ui-extensions.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +4 -0
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +173 -163
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +4 -0
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +173 -163
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-components.css +4 -0
- package/cjs/style/themes/theme-ui/ui-theme-components.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-extensions.css +173 -163
- package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/components/country-flag/CountryFlag.js +5 -2
- package/components/country-flag/CountryFlag.js.map +1 -1
- package/components/date-picker/DatePicker.d.ts +16 -7
- package/components/date-picker/DatePicker.js +8 -20
- package/components/date-picker/DatePicker.js.map +1 -1
- package/components/date-picker/DatePickerCalendar.d.ts +1 -3
- package/components/date-picker/DatePickerCalendar.js +34 -19
- package/components/date-picker/DatePickerCalendar.js.map +1 -1
- package/components/date-picker/DatePickerCalendarNavigator.d.ts +1 -4
- package/components/date-picker/DatePickerCalendarNavigator.js +1 -10
- package/components/date-picker/DatePickerCalendarNavigator.js.map +1 -1
- package/components/date-picker/DatePickerContext.d.ts +1 -0
- package/components/date-picker/DatePickerContext.js.map +1 -1
- package/components/date-picker/DatePickerDocs.js +0 -5
- package/components/date-picker/DatePickerDocs.js.map +1 -1
- package/components/date-picker/DatePickerFooter.js +2 -2
- package/components/date-picker/DatePickerFooter.js.map +1 -1
- package/components/date-picker/DatePickerInput.d.ts +3 -2
- package/components/date-picker/DatePickerInput.js +9 -8
- package/components/date-picker/DatePickerInput.js.map +1 -1
- package/components/date-picker/DatePickerProvider.d.ts +1 -1
- package/components/date-picker/DatePickerProvider.js +17 -16
- package/components/date-picker/DatePickerProvider.js.map +1 -1
- package/components/date-picker/DatePickerRange.d.ts +3 -7
- package/components/date-picker/DatePickerRange.js +9 -8
- package/components/date-picker/DatePickerRange.js.map +1 -1
- package/components/date-picker/hooks/useDates.js.map +1 -1
- package/components/date-picker/style/themes/dnb-date-picker-theme-ui.css +4 -0
- package/components/date-picker/style/themes/dnb-date-picker-theme-ui.min.css +1 -1
- package/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss +5 -0
- package/components/number-format/NumberUtils.d.ts +1 -1
- package/es/components/country-flag/CountryFlag.js +5 -2
- package/es/components/country-flag/CountryFlag.js.map +1 -1
- package/es/components/date-picker/DatePicker.d.ts +16 -7
- package/es/components/date-picker/DatePicker.js +8 -20
- package/es/components/date-picker/DatePicker.js.map +1 -1
- package/es/components/date-picker/DatePickerCalendar.d.ts +1 -3
- package/es/components/date-picker/DatePickerCalendar.js +33 -19
- package/es/components/date-picker/DatePickerCalendar.js.map +1 -1
- package/es/components/date-picker/DatePickerCalendarNavigator.d.ts +1 -4
- package/es/components/date-picker/DatePickerCalendarNavigator.js +1 -10
- package/es/components/date-picker/DatePickerCalendarNavigator.js.map +1 -1
- package/es/components/date-picker/DatePickerContext.d.ts +1 -0
- package/es/components/date-picker/DatePickerContext.js.map +1 -1
- package/es/components/date-picker/DatePickerDocs.js +0 -5
- package/es/components/date-picker/DatePickerDocs.js.map +1 -1
- package/es/components/date-picker/DatePickerFooter.js +2 -2
- package/es/components/date-picker/DatePickerFooter.js.map +1 -1
- package/es/components/date-picker/DatePickerInput.d.ts +3 -2
- package/es/components/date-picker/DatePickerInput.js +9 -8
- package/es/components/date-picker/DatePickerInput.js.map +1 -1
- package/es/components/date-picker/DatePickerProvider.d.ts +1 -1
- package/es/components/date-picker/DatePickerProvider.js +16 -15
- package/es/components/date-picker/DatePickerProvider.js.map +1 -1
- package/es/components/date-picker/DatePickerRange.d.ts +3 -7
- package/es/components/date-picker/DatePickerRange.js +9 -8
- package/es/components/date-picker/DatePickerRange.js.map +1 -1
- package/es/components/date-picker/hooks/useDates.js.map +1 -1
- package/es/components/date-picker/style/themes/dnb-date-picker-theme-ui.css +4 -0
- package/es/components/date-picker/style/themes/dnb-date-picker-theme-ui.min.css +1 -1
- package/es/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss +5 -0
- package/es/components/number-format/NumberUtils.d.ts +1 -1
- package/es/extensions/forms/Field/Boolean/Boolean.d.ts +2 -9
- package/es/extensions/forms/Field/Boolean/Boolean.js.map +1 -1
- package/es/extensions/forms/Field/Date/Date.d.ts +1 -1
- package/es/extensions/forms/Field/Date/Date.js.map +1 -1
- package/es/extensions/forms/Field/Date/DateDocs.js +2 -1
- package/es/extensions/forms/Field/Date/DateDocs.js.map +1 -1
- package/es/extensions/forms/Field/Indeterminate/Indeterminate.d.ts +1 -1
- package/es/extensions/forms/Field/Indeterminate/Indeterminate.js.map +1 -1
- package/es/extensions/forms/Field/Indeterminate/IndeterminateDocs.js +1 -1
- package/es/extensions/forms/Field/Indeterminate/IndeterminateDocs.js.map +1 -1
- package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js +7 -3
- package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
- package/es/extensions/forms/Field/Provider/useFieldProvider.d.ts +2 -2
- package/es/extensions/forms/Field/SelectCountry/SelectCountry.d.ts +3 -2
- package/es/extensions/forms/Field/SelectCountry/SelectCountry.js +13 -6
- package/es/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
- package/es/extensions/forms/Field/SelectCountry/useCountries.d.ts +2016 -0
- package/es/extensions/forms/Field/SelectCountry/useCountries.js +63 -0
- package/es/extensions/forms/Field/SelectCountry/useCountries.js.map +1 -0
- package/es/extensions/forms/Iterate/Array/Array.js +19 -6
- package/es/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/es/extensions/forms/Iterate/Array/ArrayDocs.js +10 -0
- package/es/extensions/forms/Iterate/Array/ArrayDocs.js.map +1 -1
- package/es/extensions/forms/Iterate/Array/types.d.ts +4 -1
- package/es/extensions/forms/Iterate/Array/types.js.map +1 -1
- package/es/extensions/forms/Iterate/PushButton/PushButton.js +9 -2
- package/es/extensions/forms/Iterate/PushButton/PushButton.js.map +1 -1
- package/es/extensions/forms/Iterate/PushContainer/PushContainer.js +10 -3
- package/es/extensions/forms/Iterate/PushContainer/PushContainer.js.map +1 -1
- package/es/extensions/forms/Iterate/RemoveButton/RemoveButton.js +4 -2
- package/es/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
- package/es/extensions/forms/Value/SelectCountry/useCountry.js +6 -1
- package/es/extensions/forms/Value/SelectCountry/useCountry.js.map +1 -1
- package/es/extensions/forms/Wizard/Container/DisplaySteps.js.map +1 -1
- package/es/extensions/forms/Wizard/Container/useCollectStepsData.js.map +1 -1
- package/es/extensions/forms/constants/locales/countries/sv-SE.d.ts +257 -0
- package/es/extensions/forms/constants/locales/countries/sv-SE.js +257 -0
- package/es/extensions/forms/constants/locales/countries/sv-SE.js.map +1 -0
- package/es/extensions/forms/constants/locales/en-GB.d.ts +4 -0
- package/es/extensions/forms/constants/locales/en-GB.js +4 -0
- package/es/extensions/forms/constants/locales/en-GB.js.map +1 -1
- package/es/extensions/forms/constants/locales/en-US.d.ts +4 -0
- package/es/extensions/forms/constants/locales/index.d.ts +8 -0
- package/es/extensions/forms/constants/locales/nb-NO.d.ts +4 -0
- package/es/extensions/forms/constants/locales/nb-NO.js +4 -0
- package/es/extensions/forms/constants/locales/nb-NO.js.map +1 -1
- package/es/extensions/forms/constants/locales/sv-SE.d.ts +4 -0
- package/es/extensions/forms/constants/locales/sv-SE.js +4 -0
- package/es/extensions/forms/constants/locales/sv-SE.js.map +1 -1
- package/es/extensions/forms/hooks/useFieldProps.d.ts +2 -1
- package/es/extensions/forms/hooks/useFieldProps.js +19 -6
- package/es/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/es/extensions/forms/hooks/usePath.d.ts +4 -1
- package/es/extensions/forms/hooks/usePath.js +10 -4
- package/es/extensions/forms/hooks/usePath.js.map +1 -1
- package/es/extensions/forms/hooks/useTranslation.d.ts +2 -2
- package/es/extensions/forms/hooks/useTranslation.js.map +1 -1
- package/es/extensions/forms/utils/ajv.js +11 -3
- package/es/extensions/forms/utils/ajv.js.map +1 -1
- package/es/extensions/payment-card/PaymentCard.d.ts +9 -3
- package/es/extensions/payment-card/PaymentCard.js +9 -133
- package/es/extensions/payment-card/PaymentCard.js.map +1 -1
- package/es/extensions/payment-card/PaymentCardDocs.js +13 -13
- package/es/extensions/payment-card/PaymentCardDocs.js.map +1 -1
- package/es/extensions/payment-card/components/CardFigure.d.ts +12 -0
- package/es/extensions/payment-card/components/CardFigure.js +94 -0
- package/es/extensions/payment-card/components/CardFigure.js.map +1 -0
- package/es/extensions/payment-card/components/CardNumber.d.ts +27 -0
- package/es/extensions/payment-card/components/CardNumber.js +26 -0
- package/es/extensions/payment-card/components/CardNumber.js.map +1 -0
- package/es/extensions/payment-card/components/CardType.d.ts +7 -0
- package/es/extensions/payment-card/components/CardType.js +17 -0
- package/es/extensions/payment-card/components/CardType.js.map +1 -0
- package/es/extensions/payment-card/components/StatusOverlay.d.ts +20 -0
- package/es/extensions/payment-card/components/StatusOverlay.js +59 -0
- package/es/extensions/payment-card/components/StatusOverlay.js.map +1 -0
- package/es/extensions/payment-card/icons/brandLogos/DNB.js +17 -0
- package/es/extensions/payment-card/icons/brandLogos/DNB.js.map +1 -0
- package/es/extensions/payment-card/icons/brandLogos/Sbanken.js +24 -0
- package/es/extensions/payment-card/icons/brandLogos/Sbanken.js.map +1 -0
- package/es/extensions/payment-card/icons/index.d.ts +3 -5
- package/es/extensions/payment-card/icons/index.js +30 -53
- package/es/extensions/payment-card/icons/index.js.map +1 -1
- package/es/extensions/payment-card/icons/loyaltyLogos/Bedrift.js +33 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/Bedrift.js.map +1 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/Business.js +36 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/Business.js.map +1 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/Corporate.d.ts +3 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/Corporate.js +45 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/Corporate.js.map +1 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/Intro.js +15 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/Intro.js.map +1 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/PB.js +54 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/PB.js.map +1 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/Pluss.js +22 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/Pluss.js.map +1 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/SagaGold.js +15 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/SagaGold.js.map +1 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/SagaPlatinum.js +36 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/SagaPlatinum.js.map +1 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/WorldElite.d.ts +3 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/WorldElite.js +15 -0
- package/es/extensions/payment-card/icons/loyaltyLogos/WorldElite.js.map +1 -0
- package/es/extensions/payment-card/icons/providers/BankAxept.js +17 -0
- package/es/extensions/payment-card/icons/providers/BankAxept.js.map +1 -0
- package/es/extensions/payment-card/icons/providers/ClickToPay.d.ts +3 -0
- package/es/extensions/payment-card/icons/providers/ClickToPay.js +17 -0
- package/es/extensions/payment-card/icons/providers/ClickToPay.js.map +1 -0
- package/es/extensions/payment-card/icons/providers/MastercardDark.js +807 -0
- package/es/extensions/payment-card/icons/providers/MastercardDark.js.map +1 -0
- package/es/extensions/payment-card/icons/providers/MastercardDefault.js +30 -0
- package/es/extensions/payment-card/icons/providers/MastercardDefault.js.map +1 -0
- package/es/extensions/payment-card/icons/providers/VisaDefault.js +21 -0
- package/es/extensions/payment-card/icons/providers/VisaDefault.js.map +1 -0
- package/es/extensions/payment-card/icons/providers/VisaPlatinum.js +21 -0
- package/es/extensions/payment-card/icons/providers/VisaPlatinum.js.map +1 -0
- package/es/extensions/payment-card/icons/status/index.d.ts +3 -0
- package/es/extensions/payment-card/icons/status/index.js +52 -0
- package/es/extensions/payment-card/icons/status/index.js.map +1 -0
- package/es/extensions/payment-card/index.d.ts +2 -0
- package/es/extensions/payment-card/index.js +2 -0
- package/es/extensions/payment-card/index.js.map +1 -1
- package/es/extensions/payment-card/style/dnb-payment-card.css +173 -163
- package/es/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
- package/es/extensions/payment-card/style/dnb-payment-card.scss +257 -242
- package/es/extensions/payment-card/utils/CardDesigns.d.ts +22 -10
- package/es/extensions/payment-card/utils/CardDesigns.js +45 -37
- package/es/extensions/payment-card/utils/CardDesigns.js.map +1 -1
- package/es/extensions/payment-card/utils/Types.js +2 -0
- package/es/extensions/payment-card/utils/Types.js.map +1 -1
- package/es/extensions/payment-card/utils/backgrounds/index.d.ts +6 -2
- package/es/extensions/payment-card/utils/backgrounds/index.js +6 -2
- package/es/extensions/payment-card/utils/backgrounds/index.js.map +1 -1
- package/es/extensions/payment-card/utils/backgrounds/master-gold.d.ts +2 -0
- package/es/extensions/payment-card/utils/backgrounds/master-gold.js +3 -0
- package/es/extensions/payment-card/utils/backgrounds/master-gold.js.map +1 -0
- package/es/extensions/payment-card/utils/backgrounds/my-first.d.ts +1 -1
- package/es/extensions/payment-card/utils/backgrounds/my-first.js +1 -1
- package/es/extensions/payment-card/utils/backgrounds/my-first.js.map +1 -1
- package/es/extensions/payment-card/utils/backgrounds/visa-default.d.ts +2 -0
- package/es/extensions/payment-card/utils/backgrounds/visa-default.js +3 -0
- package/es/extensions/payment-card/utils/backgrounds/visa-default.js.map +1 -0
- package/es/extensions/payment-card/utils/backgrounds/visa-pluss.d.ts +2 -0
- package/es/extensions/payment-card/utils/backgrounds/visa-pluss.js +3 -0
- package/es/extensions/payment-card/utils/backgrounds/visa-pluss.js.map +1 -0
- package/es/extensions/payment-card/utils/backgrounds/visa-saga-gold.d.ts +2 -0
- package/es/extensions/payment-card/utils/backgrounds/visa-saga-gold.js +3 -0
- package/es/extensions/payment-card/utils/backgrounds/visa-saga-gold.js.map +1 -0
- package/es/extensions/payment-card/utils/backgrounds/visa-saga-platinum.d.ts +2 -0
- package/es/extensions/payment-card/utils/backgrounds/visa-saga-platinum.js +3 -0
- package/es/extensions/payment-card/utils/backgrounds/visa-saga-platinum.js.map +1 -0
- package/es/extensions/payment-card/utils/backgrounds/youth.d.ts +1 -1
- package/es/extensions/payment-card/utils/backgrounds/youth.js +1 -1
- package/es/extensions/payment-card/utils/backgrounds/youth.js.map +1 -1
- package/es/extensions/payment-card/utils/cardProducts.d.ts +1 -1
- package/es/extensions/payment-card/utils/cardProducts.js +241 -209
- package/es/extensions/payment-card/utils/cardProducts.js.map +1 -1
- package/es/shared/Context.d.ts +1 -1
- package/es/shared/Context.js +5 -14
- package/es/shared/Context.js.map +1 -1
- package/es/shared/Eufemia.d.ts +1 -1
- package/es/shared/Eufemia.js +2 -2
- package/es/shared/Eufemia.js.map +1 -1
- package/es/shared/Provider.js +15 -24
- package/es/shared/Provider.js.map +1 -1
- package/es/shared/locales/en-GB.d.ts +4 -2
- package/es/shared/locales/en-GB.js +6 -4
- package/es/shared/locales/en-GB.js.map +1 -1
- package/es/shared/locales/en-US.d.ts +4 -2
- package/es/shared/locales/index.d.ts +8 -4
- package/es/shared/locales/nb-NO.d.ts +4 -2
- package/es/shared/locales/nb-NO.js +6 -4
- package/es/shared/locales/nb-NO.js.map +1 -1
- package/es/shared/locales/sv-SE.d.ts +4 -2
- package/es/shared/locales/sv-SE.js +6 -4
- package/es/shared/locales/sv-SE.js.map +1 -1
- package/es/shared/useTranslation.d.ts +3 -2
- package/es/shared/useTranslation.js.map +1 -1
- package/es/style/core/scopes.scss +1 -1
- package/es/style/dnb-ui-basis.css +1 -1
- package/es/style/dnb-ui-basis.min.css +1 -1
- package/es/style/dnb-ui-body.css +1 -1
- package/es/style/dnb-ui-body.min.css +1 -1
- package/es/style/dnb-ui-core.css +1 -1
- package/es/style/dnb-ui-core.min.css +1 -1
- package/es/style/dnb-ui-extensions.css +173 -163
- package/es/style/dnb-ui-extensions.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-components.css +4 -0
- package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +173 -163
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-components.css +4 -0
- package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +173 -163
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-components.css +4 -0
- package/es/style/themes/theme-ui/ui-theme-components.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-extensions.css +173 -163
- package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/esm/dnb-ui-components.min.mjs +1 -1
- package/esm/dnb-ui-elements.min.mjs +1 -1
- package/esm/dnb-ui-extensions.min.mjs +3 -3
- package/esm/dnb-ui-lib.min.mjs +1 -1
- package/extensions/forms/Field/Boolean/Boolean.d.ts +2 -9
- package/extensions/forms/Field/Boolean/Boolean.js.map +1 -1
- package/extensions/forms/Field/Date/Date.d.ts +1 -1
- package/extensions/forms/Field/Date/Date.js.map +1 -1
- package/extensions/forms/Field/Date/DateDocs.js +2 -1
- package/extensions/forms/Field/Date/DateDocs.js.map +1 -1
- package/extensions/forms/Field/Indeterminate/Indeterminate.d.ts +1 -1
- package/extensions/forms/Field/Indeterminate/Indeterminate.js.map +1 -1
- package/extensions/forms/Field/Indeterminate/IndeterminateDocs.js +1 -1
- package/extensions/forms/Field/Indeterminate/IndeterminateDocs.js.map +1 -1
- package/extensions/forms/Field/PhoneNumber/PhoneNumber.js +7 -3
- package/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
- package/extensions/forms/Field/Provider/useFieldProvider.d.ts +2 -2
- package/extensions/forms/Field/SelectCountry/SelectCountry.d.ts +3 -2
- package/extensions/forms/Field/SelectCountry/SelectCountry.js +17 -10
- package/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
- package/extensions/forms/Field/SelectCountry/useCountries.d.ts +2016 -0
- package/extensions/forms/Field/SelectCountry/useCountries.js +64 -0
- package/extensions/forms/Field/SelectCountry/useCountries.js.map +1 -0
- package/extensions/forms/Iterate/Array/Array.js +19 -6
- package/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/extensions/forms/Iterate/Array/ArrayDocs.js +10 -0
- package/extensions/forms/Iterate/Array/ArrayDocs.js.map +1 -1
- package/extensions/forms/Iterate/Array/types.d.ts +4 -1
- package/extensions/forms/Iterate/Array/types.js.map +1 -1
- package/extensions/forms/Iterate/PushButton/PushButton.js +9 -2
- package/extensions/forms/Iterate/PushButton/PushButton.js.map +1 -1
- package/extensions/forms/Iterate/PushContainer/PushContainer.js +10 -3
- package/extensions/forms/Iterate/PushContainer/PushContainer.js.map +1 -1
- package/extensions/forms/Iterate/RemoveButton/RemoveButton.js +4 -2
- package/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
- package/extensions/forms/Value/SelectCountry/useCountry.js +6 -1
- package/extensions/forms/Value/SelectCountry/useCountry.js.map +1 -1
- package/extensions/forms/Wizard/Container/DisplaySteps.js.map +1 -1
- package/extensions/forms/Wizard/Container/useCollectStepsData.js.map +1 -1
- package/extensions/forms/constants/locales/countries/sv-SE.d.ts +257 -0
- package/extensions/forms/constants/locales/countries/sv-SE.js +257 -0
- package/extensions/forms/constants/locales/countries/sv-SE.js.map +1 -0
- package/extensions/forms/constants/locales/en-GB.d.ts +4 -0
- package/extensions/forms/constants/locales/en-GB.js +4 -0
- package/extensions/forms/constants/locales/en-GB.js.map +1 -1
- package/extensions/forms/constants/locales/en-US.d.ts +4 -0
- package/extensions/forms/constants/locales/index.d.ts +8 -0
- package/extensions/forms/constants/locales/nb-NO.d.ts +4 -0
- package/extensions/forms/constants/locales/nb-NO.js +4 -0
- package/extensions/forms/constants/locales/nb-NO.js.map +1 -1
- package/extensions/forms/constants/locales/sv-SE.d.ts +4 -0
- package/extensions/forms/constants/locales/sv-SE.js +4 -0
- package/extensions/forms/constants/locales/sv-SE.js.map +1 -1
- package/extensions/forms/hooks/useFieldProps.d.ts +2 -1
- package/extensions/forms/hooks/useFieldProps.js +19 -6
- package/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/extensions/forms/hooks/usePath.d.ts +4 -1
- package/extensions/forms/hooks/usePath.js +10 -3
- package/extensions/forms/hooks/usePath.js.map +1 -1
- package/extensions/forms/hooks/useTranslation.d.ts +2 -2
- package/extensions/forms/hooks/useTranslation.js.map +1 -1
- package/extensions/forms/utils/ajv.js +11 -3
- package/extensions/forms/utils/ajv.js.map +1 -1
- package/extensions/payment-card/PaymentCard.d.ts +9 -3
- package/extensions/payment-card/PaymentCard.js +9 -139
- package/extensions/payment-card/PaymentCard.js.map +1 -1
- package/extensions/payment-card/PaymentCardDocs.js +13 -13
- package/extensions/payment-card/PaymentCardDocs.js.map +1 -1
- package/extensions/payment-card/components/CardFigure.d.ts +12 -0
- package/extensions/payment-card/components/CardFigure.js +95 -0
- package/extensions/payment-card/components/CardFigure.js.map +1 -0
- package/extensions/payment-card/components/CardNumber.d.ts +27 -0
- package/extensions/payment-card/components/CardNumber.js +29 -0
- package/extensions/payment-card/components/CardNumber.js.map +1 -0
- package/extensions/payment-card/components/CardType.d.ts +7 -0
- package/extensions/payment-card/components/CardType.js +18 -0
- package/extensions/payment-card/components/CardType.js.map +1 -0
- package/extensions/payment-card/components/StatusOverlay.d.ts +20 -0
- package/extensions/payment-card/components/StatusOverlay.js +60 -0
- package/extensions/payment-card/components/StatusOverlay.js.map +1 -0
- package/extensions/payment-card/icons/brandLogos/DNB.js +17 -0
- package/extensions/payment-card/icons/brandLogos/DNB.js.map +1 -0
- package/extensions/payment-card/icons/brandLogos/Sbanken.js +24 -0
- package/extensions/payment-card/icons/brandLogos/Sbanken.js.map +1 -0
- package/extensions/payment-card/icons/index.d.ts +3 -5
- package/extensions/payment-card/icons/index.js +32 -56
- package/extensions/payment-card/icons/index.js.map +1 -1
- package/extensions/payment-card/icons/loyaltyLogos/Bedrift.js +33 -0
- package/extensions/payment-card/icons/loyaltyLogos/Bedrift.js.map +1 -0
- package/extensions/payment-card/icons/loyaltyLogos/Business.js +36 -0
- package/extensions/payment-card/icons/loyaltyLogos/Business.js.map +1 -0
- package/extensions/payment-card/icons/loyaltyLogos/Corporate.d.ts +3 -0
- package/extensions/payment-card/icons/loyaltyLogos/Corporate.js +45 -0
- package/extensions/payment-card/icons/loyaltyLogos/Corporate.js.map +1 -0
- package/extensions/payment-card/icons/loyaltyLogos/Intro.js +15 -0
- package/extensions/payment-card/icons/loyaltyLogos/Intro.js.map +1 -0
- package/extensions/payment-card/icons/loyaltyLogos/PB.js +54 -0
- package/extensions/payment-card/icons/loyaltyLogos/PB.js.map +1 -0
- package/extensions/payment-card/icons/loyaltyLogos/Pluss.js +22 -0
- package/extensions/payment-card/icons/loyaltyLogos/Pluss.js.map +1 -0
- package/extensions/payment-card/icons/loyaltyLogos/SagaGold.js +15 -0
- package/extensions/payment-card/icons/loyaltyLogos/SagaGold.js.map +1 -0
- package/extensions/payment-card/icons/loyaltyLogos/SagaPlatinum.js +36 -0
- package/extensions/payment-card/icons/loyaltyLogos/SagaPlatinum.js.map +1 -0
- package/extensions/payment-card/icons/loyaltyLogos/WorldElite.d.ts +3 -0
- package/extensions/payment-card/icons/loyaltyLogos/WorldElite.js +15 -0
- package/extensions/payment-card/icons/loyaltyLogos/WorldElite.js.map +1 -0
- package/extensions/payment-card/icons/providers/BankAxept.js +17 -0
- package/extensions/payment-card/icons/providers/BankAxept.js.map +1 -0
- package/extensions/payment-card/icons/providers/ClickToPay.d.ts +3 -0
- package/extensions/payment-card/icons/providers/ClickToPay.js +17 -0
- package/extensions/payment-card/icons/providers/ClickToPay.js.map +1 -0
- package/extensions/payment-card/icons/providers/MastercardDark.js +807 -0
- package/extensions/payment-card/icons/providers/MastercardDark.js.map +1 -0
- package/extensions/payment-card/icons/providers/MastercardDefault.js +30 -0
- package/extensions/payment-card/icons/providers/MastercardDefault.js.map +1 -0
- package/extensions/payment-card/icons/providers/VisaDefault.js +21 -0
- package/extensions/payment-card/icons/providers/VisaDefault.js.map +1 -0
- package/extensions/payment-card/icons/providers/VisaPlatinum.js +21 -0
- package/extensions/payment-card/icons/providers/VisaPlatinum.js.map +1 -0
- package/extensions/payment-card/icons/status/index.d.ts +3 -0
- package/extensions/payment-card/icons/status/index.js +53 -0
- package/extensions/payment-card/icons/status/index.js.map +1 -0
- package/extensions/payment-card/index.d.ts +2 -0
- package/extensions/payment-card/index.js +2 -0
- package/extensions/payment-card/index.js.map +1 -1
- package/extensions/payment-card/style/dnb-payment-card.css +173 -163
- package/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
- package/extensions/payment-card/style/dnb-payment-card.scss +257 -242
- package/extensions/payment-card/utils/CardDesigns.d.ts +22 -10
- package/extensions/payment-card/utils/CardDesigns.js +45 -37
- package/extensions/payment-card/utils/CardDesigns.js.map +1 -1
- package/extensions/payment-card/utils/Types.js +2 -0
- package/extensions/payment-card/utils/Types.js.map +1 -1
- package/extensions/payment-card/utils/backgrounds/index.d.ts +6 -2
- package/extensions/payment-card/utils/backgrounds/index.js +6 -2
- package/extensions/payment-card/utils/backgrounds/index.js.map +1 -1
- package/extensions/payment-card/utils/backgrounds/master-gold.d.ts +2 -0
- package/extensions/payment-card/utils/backgrounds/master-gold.js +3 -0
- package/extensions/payment-card/utils/backgrounds/master-gold.js.map +1 -0
- package/extensions/payment-card/utils/backgrounds/my-first.d.ts +1 -1
- package/extensions/payment-card/utils/backgrounds/my-first.js +1 -1
- package/extensions/payment-card/utils/backgrounds/my-first.js.map +1 -1
- package/extensions/payment-card/utils/backgrounds/visa-default.d.ts +2 -0
- package/extensions/payment-card/utils/backgrounds/visa-default.js +3 -0
- package/extensions/payment-card/utils/backgrounds/visa-default.js.map +1 -0
- package/extensions/payment-card/utils/backgrounds/visa-pluss.d.ts +2 -0
- package/extensions/payment-card/utils/backgrounds/visa-pluss.js +3 -0
- package/extensions/payment-card/utils/backgrounds/visa-pluss.js.map +1 -0
- package/extensions/payment-card/utils/backgrounds/visa-saga-gold.d.ts +2 -0
- package/extensions/payment-card/utils/backgrounds/visa-saga-gold.js +3 -0
- package/extensions/payment-card/utils/backgrounds/visa-saga-gold.js.map +1 -0
- package/extensions/payment-card/utils/backgrounds/visa-saga-platinum.d.ts +2 -0
- package/extensions/payment-card/utils/backgrounds/visa-saga-platinum.js +3 -0
- package/extensions/payment-card/utils/backgrounds/visa-saga-platinum.js.map +1 -0
- package/extensions/payment-card/utils/backgrounds/youth.d.ts +1 -1
- package/extensions/payment-card/utils/backgrounds/youth.js +1 -1
- package/extensions/payment-card/utils/backgrounds/youth.js.map +1 -1
- package/extensions/payment-card/utils/cardProducts.d.ts +1 -1
- package/extensions/payment-card/utils/cardProducts.js +241 -209
- package/extensions/payment-card/utils/cardProducts.js.map +1 -1
- package/package.json +1 -1
- package/shared/Context.d.ts +1 -1
- package/shared/Context.js +5 -14
- package/shared/Context.js.map +1 -1
- package/shared/Eufemia.d.ts +1 -1
- package/shared/Eufemia.js +2 -2
- package/shared/Eufemia.js.map +1 -1
- package/shared/Provider.js +15 -24
- package/shared/Provider.js.map +1 -1
- package/shared/locales/en-GB.d.ts +4 -2
- package/shared/locales/en-GB.js +6 -4
- package/shared/locales/en-GB.js.map +1 -1
- package/shared/locales/en-US.d.ts +4 -2
- package/shared/locales/index.d.ts +8 -4
- package/shared/locales/nb-NO.d.ts +4 -2
- package/shared/locales/nb-NO.js +6 -4
- package/shared/locales/nb-NO.js.map +1 -1
- package/shared/locales/sv-SE.d.ts +4 -2
- package/shared/locales/sv-SE.js +6 -4
- package/shared/locales/sv-SE.js.map +1 -1
- package/shared/useTranslation.d.ts +3 -2
- package/shared/useTranslation.js.map +1 -1
- package/style/core/scopes.scss +1 -1
- package/style/dnb-ui-basis.css +1 -1
- package/style/dnb-ui-basis.min.css +1 -1
- package/style/dnb-ui-body.css +1 -1
- package/style/dnb-ui-body.min.css +1 -1
- package/style/dnb-ui-core.css +1 -1
- package/style/dnb-ui-core.min.css +1 -1
- package/style/dnb-ui-extensions.css +173 -163
- package/style/dnb-ui-extensions.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-components.css +4 -0
- package/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-extensions.css +173 -163
- package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-components.css +4 -0
- package/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-extensions.css +173 -163
- package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-components.css +4 -0
- package/style/themes/theme-ui/ui-theme-components.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-extensions.css +173 -163
- package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/umd/dnb-ui-components.min.js +1 -1
- package/umd/dnb-ui-elements.min.js +1 -1
- package/umd/dnb-ui-extensions.min.js +3 -3
- package/umd/dnb-ui-lib.min.js +1 -1
- package/cjs/extensions/payment-card/icons/BankAxept.js +0 -22
- package/cjs/extensions/payment-card/icons/BankAxept.js.map +0 -1
- package/cjs/extensions/payment-card/icons/Bedrift.js +0 -22
- package/cjs/extensions/payment-card/icons/Bedrift.js.map +0 -1
- package/cjs/extensions/payment-card/icons/Business.js +0 -22
- package/cjs/extensions/payment-card/icons/Business.js.map +0 -1
- package/cjs/extensions/payment-card/icons/Clock.d.ts +0 -3
- package/cjs/extensions/payment-card/icons/Clock.js +0 -25
- package/cjs/extensions/payment-card/icons/Clock.js.map +0 -1
- package/cjs/extensions/payment-card/icons/Credit.d.ts +0 -3
- package/cjs/extensions/payment-card/icons/Credit.js +0 -22
- package/cjs/extensions/payment-card/icons/Credit.js.map +0 -1
- package/cjs/extensions/payment-card/icons/DNB.js +0 -24
- package/cjs/extensions/payment-card/icons/DNB.js.map +0 -1
- package/cjs/extensions/payment-card/icons/Intro.js +0 -22
- package/cjs/extensions/payment-card/icons/Intro.js.map +0 -1
- package/cjs/extensions/payment-card/icons/MastercardDark.js +0 -28
- package/cjs/extensions/payment-card/icons/MastercardDark.js.map +0 -1
- package/cjs/extensions/payment-card/icons/MastercardDefault.js +0 -28
- package/cjs/extensions/payment-card/icons/MastercardDefault.js.map +0 -1
- package/cjs/extensions/payment-card/icons/PB.js +0 -22
- package/cjs/extensions/payment-card/icons/PB.js.map +0 -1
- package/cjs/extensions/payment-card/icons/Pluss.js +0 -22
- package/cjs/extensions/payment-card/icons/Pluss.js.map +0 -1
- package/cjs/extensions/payment-card/icons/SagaGold.js +0 -22
- package/cjs/extensions/payment-card/icons/SagaGold.js.map +0 -1
- package/cjs/extensions/payment-card/icons/SagaPlatinum.js +0 -22
- package/cjs/extensions/payment-card/icons/SagaPlatinum.js.map +0 -1
- package/cjs/extensions/payment-card/icons/Sbanken.js +0 -22
- package/cjs/extensions/payment-card/icons/Sbanken.js.map +0 -1
- package/cjs/extensions/payment-card/icons/VisaDefault.js +0 -22
- package/cjs/extensions/payment-card/icons/VisaDefault.js.map +0 -1
- package/cjs/extensions/payment-card/icons/VisaPlatinum.js +0 -22
- package/cjs/extensions/payment-card/icons/VisaPlatinum.js.map +0 -1
- package/cjs/extensions/payment-card/utils/backgrounds/ung.d.ts +0 -2
- package/cjs/extensions/payment-card/utils/backgrounds/ung.js +0 -9
- package/cjs/extensions/payment-card/utils/backgrounds/ung.js.map +0 -1
- package/es/extensions/payment-card/icons/BankAxept.js +0 -15
- package/es/extensions/payment-card/icons/BankAxept.js.map +0 -1
- package/es/extensions/payment-card/icons/Bedrift.js +0 -15
- package/es/extensions/payment-card/icons/Bedrift.js.map +0 -1
- package/es/extensions/payment-card/icons/Business.js +0 -15
- package/es/extensions/payment-card/icons/Business.js.map +0 -1
- package/es/extensions/payment-card/icons/Clock.d.ts +0 -3
- package/es/extensions/payment-card/icons/Clock.js +0 -18
- package/es/extensions/payment-card/icons/Clock.js.map +0 -1
- package/es/extensions/payment-card/icons/Credit.d.ts +0 -3
- package/es/extensions/payment-card/icons/Credit.js +0 -15
- package/es/extensions/payment-card/icons/Credit.js.map +0 -1
- package/es/extensions/payment-card/icons/DNB.js +0 -17
- package/es/extensions/payment-card/icons/DNB.js.map +0 -1
- package/es/extensions/payment-card/icons/Intro.js +0 -15
- package/es/extensions/payment-card/icons/Intro.js.map +0 -1
- package/es/extensions/payment-card/icons/MastercardDark.js +0 -21
- package/es/extensions/payment-card/icons/MastercardDark.js.map +0 -1
- package/es/extensions/payment-card/icons/MastercardDefault.js +0 -21
- package/es/extensions/payment-card/icons/MastercardDefault.js.map +0 -1
- package/es/extensions/payment-card/icons/PB.js +0 -15
- package/es/extensions/payment-card/icons/PB.js.map +0 -1
- package/es/extensions/payment-card/icons/Pluss.js +0 -15
- package/es/extensions/payment-card/icons/Pluss.js.map +0 -1
- package/es/extensions/payment-card/icons/SagaGold.js +0 -15
- package/es/extensions/payment-card/icons/SagaGold.js.map +0 -1
- package/es/extensions/payment-card/icons/SagaPlatinum.js +0 -15
- package/es/extensions/payment-card/icons/SagaPlatinum.js.map +0 -1
- package/es/extensions/payment-card/icons/Sbanken.js +0 -15
- package/es/extensions/payment-card/icons/Sbanken.js.map +0 -1
- package/es/extensions/payment-card/icons/VisaDefault.js +0 -15
- package/es/extensions/payment-card/icons/VisaDefault.js.map +0 -1
- package/es/extensions/payment-card/icons/VisaPlatinum.js +0 -15
- package/es/extensions/payment-card/icons/VisaPlatinum.js.map +0 -1
- package/es/extensions/payment-card/utils/backgrounds/ung.d.ts +0 -2
- package/es/extensions/payment-card/utils/backgrounds/ung.js +0 -3
- package/es/extensions/payment-card/utils/backgrounds/ung.js.map +0 -1
- package/extensions/payment-card/icons/BankAxept.js +0 -15
- package/extensions/payment-card/icons/BankAxept.js.map +0 -1
- package/extensions/payment-card/icons/Bedrift.js +0 -15
- package/extensions/payment-card/icons/Bedrift.js.map +0 -1
- package/extensions/payment-card/icons/Business.js +0 -15
- package/extensions/payment-card/icons/Business.js.map +0 -1
- package/extensions/payment-card/icons/Clock.d.ts +0 -3
- package/extensions/payment-card/icons/Clock.js +0 -18
- package/extensions/payment-card/icons/Clock.js.map +0 -1
- package/extensions/payment-card/icons/Credit.d.ts +0 -3
- package/extensions/payment-card/icons/Credit.js +0 -15
- package/extensions/payment-card/icons/Credit.js.map +0 -1
- package/extensions/payment-card/icons/DNB.js +0 -17
- package/extensions/payment-card/icons/DNB.js.map +0 -1
- package/extensions/payment-card/icons/Intro.js +0 -15
- package/extensions/payment-card/icons/Intro.js.map +0 -1
- package/extensions/payment-card/icons/MastercardDark.js +0 -21
- package/extensions/payment-card/icons/MastercardDark.js.map +0 -1
- package/extensions/payment-card/icons/MastercardDefault.js +0 -21
- package/extensions/payment-card/icons/MastercardDefault.js.map +0 -1
- package/extensions/payment-card/icons/PB.js +0 -15
- package/extensions/payment-card/icons/PB.js.map +0 -1
- package/extensions/payment-card/icons/Pluss.js +0 -15
- package/extensions/payment-card/icons/Pluss.js.map +0 -1
- package/extensions/payment-card/icons/SagaGold.js +0 -15
- package/extensions/payment-card/icons/SagaGold.js.map +0 -1
- package/extensions/payment-card/icons/SagaPlatinum.js +0 -15
- package/extensions/payment-card/icons/SagaPlatinum.js.map +0 -1
- package/extensions/payment-card/icons/Sbanken.js +0 -15
- package/extensions/payment-card/icons/Sbanken.js.map +0 -1
- package/extensions/payment-card/icons/VisaDefault.js +0 -15
- package/extensions/payment-card/icons/VisaDefault.js.map +0 -1
- package/extensions/payment-card/icons/VisaPlatinum.js +0 -15
- package/extensions/payment-card/icons/VisaPlatinum.js.map +0 -1
- package/extensions/payment-card/utils/backgrounds/ung.d.ts +0 -2
- package/extensions/payment-card/utils/backgrounds/ung.js +0 -3
- package/extensions/payment-card/utils/backgrounds/ung.js.map +0 -1
- /package/cjs/extensions/payment-card/icons/{DNB.d.ts → brandLogos/DNB.d.ts} +0 -0
- /package/cjs/extensions/payment-card/icons/{Sbanken.d.ts → brandLogos/Sbanken.d.ts} +0 -0
- /package/cjs/extensions/payment-card/icons/{Bedrift.d.ts → loyaltyLogos/Bedrift.d.ts} +0 -0
- /package/cjs/extensions/payment-card/icons/{Business.d.ts → loyaltyLogos/Business.d.ts} +0 -0
- /package/cjs/extensions/payment-card/icons/{Intro.d.ts → loyaltyLogos/Intro.d.ts} +0 -0
- /package/cjs/extensions/payment-card/icons/{PB.d.ts → loyaltyLogos/PB.d.ts} +0 -0
- /package/cjs/extensions/payment-card/icons/{Pluss.d.ts → loyaltyLogos/Pluss.d.ts} +0 -0
- /package/cjs/extensions/payment-card/icons/{SagaGold.d.ts → loyaltyLogos/SagaGold.d.ts} +0 -0
- /package/cjs/extensions/payment-card/icons/{SagaPlatinum.d.ts → loyaltyLogos/SagaPlatinum.d.ts} +0 -0
- /package/cjs/extensions/payment-card/icons/{BankAxept.d.ts → providers/BankAxept.d.ts} +0 -0
- /package/cjs/extensions/payment-card/icons/{MastercardDark.d.ts → providers/MastercardDark.d.ts} +0 -0
- /package/cjs/extensions/payment-card/icons/{MastercardDefault.d.ts → providers/MastercardDefault.d.ts} +0 -0
- /package/cjs/extensions/payment-card/icons/{VisaDefault.d.ts → providers/VisaDefault.d.ts} +0 -0
- /package/cjs/extensions/payment-card/icons/{VisaPlatinum.d.ts → providers/VisaPlatinum.d.ts} +0 -0
- /package/es/extensions/payment-card/icons/{DNB.d.ts → brandLogos/DNB.d.ts} +0 -0
- /package/es/extensions/payment-card/icons/{Sbanken.d.ts → brandLogos/Sbanken.d.ts} +0 -0
- /package/es/extensions/payment-card/icons/{Bedrift.d.ts → loyaltyLogos/Bedrift.d.ts} +0 -0
- /package/es/extensions/payment-card/icons/{Business.d.ts → loyaltyLogos/Business.d.ts} +0 -0
- /package/es/extensions/payment-card/icons/{Intro.d.ts → loyaltyLogos/Intro.d.ts} +0 -0
- /package/es/extensions/payment-card/icons/{PB.d.ts → loyaltyLogos/PB.d.ts} +0 -0
- /package/es/extensions/payment-card/icons/{Pluss.d.ts → loyaltyLogos/Pluss.d.ts} +0 -0
- /package/es/extensions/payment-card/icons/{SagaGold.d.ts → loyaltyLogos/SagaGold.d.ts} +0 -0
- /package/es/extensions/payment-card/icons/{SagaPlatinum.d.ts → loyaltyLogos/SagaPlatinum.d.ts} +0 -0
- /package/es/extensions/payment-card/icons/{BankAxept.d.ts → providers/BankAxept.d.ts} +0 -0
- /package/es/extensions/payment-card/icons/{MastercardDark.d.ts → providers/MastercardDark.d.ts} +0 -0
- /package/es/extensions/payment-card/icons/{MastercardDefault.d.ts → providers/MastercardDefault.d.ts} +0 -0
- /package/es/extensions/payment-card/icons/{VisaDefault.d.ts → providers/VisaDefault.d.ts} +0 -0
- /package/es/extensions/payment-card/icons/{VisaPlatinum.d.ts → providers/VisaPlatinum.d.ts} +0 -0
- /package/extensions/payment-card/icons/{DNB.d.ts → brandLogos/DNB.d.ts} +0 -0
- /package/extensions/payment-card/icons/{Sbanken.d.ts → brandLogos/Sbanken.d.ts} +0 -0
- /package/extensions/payment-card/icons/{Bedrift.d.ts → loyaltyLogos/Bedrift.d.ts} +0 -0
- /package/extensions/payment-card/icons/{Business.d.ts → loyaltyLogos/Business.d.ts} +0 -0
- /package/extensions/payment-card/icons/{Intro.d.ts → loyaltyLogos/Intro.d.ts} +0 -0
- /package/extensions/payment-card/icons/{PB.d.ts → loyaltyLogos/PB.d.ts} +0 -0
- /package/extensions/payment-card/icons/{Pluss.d.ts → loyaltyLogos/Pluss.d.ts} +0 -0
- /package/extensions/payment-card/icons/{SagaGold.d.ts → loyaltyLogos/SagaGold.d.ts} +0 -0
- /package/extensions/payment-card/icons/{SagaPlatinum.d.ts → loyaltyLogos/SagaPlatinum.d.ts} +0 -0
- /package/extensions/payment-card/icons/{BankAxept.d.ts → providers/BankAxept.d.ts} +0 -0
- /package/extensions/payment-card/icons/{MastercardDark.d.ts → providers/MastercardDark.d.ts} +0 -0
- /package/extensions/payment-card/icons/{MastercardDefault.d.ts → providers/MastercardDefault.d.ts} +0 -0
- /package/extensions/payment-card/icons/{VisaDefault.d.ts → providers/VisaDefault.d.ts} +0 -0
- /package/extensions/payment-card/icons/{VisaPlatinum.d.ts → providers/VisaPlatinum.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDates.js","names":["useCallback","useMemo","useState","convertStringToDate","isDisabled","addMonths","isSameDay","useDates","dateProps","_ref","dateFormat","isRange","shouldCorrectDate","previousDateProps","setPreviousDateProps","dates","setDates","_objectSpread","mapDates","hasDatePropChanges","Object","keys","some","date","dateProp","previousDate","convertedDateProp","convertedPreviousDate","Date","derivedDates","deriveDatesFromProps","currentDates","updateDates","newDates","callback","_newDates$startDate","_newDates$endDate","correctedDates","correctDates","startDate","endDate","minDate","maxDate","months","updateMonths","_ref2","_ref3","_convertStringToDate","_convertStringToDate2","getDate","undefined","startMonth","endMonth","_ref4","getStartDate","_ref5","_ref6","_ref7","_newDates$startMonth","_ref8","_newDates$endMonth"],"sources":["../../../../../src/components/date-picker/hooks/useDates.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { convertStringToDate, isDisabled } from '../DatePickerCalc'\nimport { addMonths, isSameDay } from 'date-fns'\nimport { DateType } from '../DatePickerContext'\n\nexport type DatePickerDateProps = {\n date?: DateType\n startDate?: DateType\n endDate?: DateType\n startMonth?: DateType\n endMonth?: DateType\n minDate?: DateType\n maxDate?: DateType\n}\n\ntype UseDatesOptions = {\n dateFormat: string\n isRange: boolean\n shouldCorrectDate: boolean\n}\n\nexport type DatePickerDates = {\n date?: DateType\n startDate?: Date\n endDate?: Date\n minDate?: Date\n maxDate?: Date\n startMonth?: Date\n endMonth?: Date\n}\n\nexport default function useDates(\n dateProps: DatePickerDateProps,\n {\n dateFormat,\n isRange = false,\n shouldCorrectDate = false,\n }: UseDatesOptions\n) {\n const [previousDateProps, setPreviousDateProps] = useState(dateProps)\n const [dates, setDates] = useState<DatePickerDates>({\n ...mapDates(dateProps, {\n dateFormat,\n isRange,\n shouldCorrectDate,\n }),\n })\n\n const hasDatePropChanges = useMemo(\n () =>\n Object.keys(dateProps).some((date) => {\n const dateProp = dateProps[date]\n const previousDate = previousDateProps[date]\n\n const convertedDateProp = convertStringToDate(dateProp, {\n dateFormat,\n })\n const convertedPreviousDate = convertStringToDate(previousDate, {\n dateFormat,\n })\n // Make sure that same dates does not trigger a change\n // i.e. 2021-01-01 and new Date('2021-01-01')\n if (\n convertedDateProp instanceof Date &&\n convertedPreviousDate instanceof Date\n ) {\n return !isSameDay(convertedDateProp, convertedPreviousDate)\n }\n\n return dateProp !== previousDate\n }),\n [dateProps, previousDateProps, dateFormat]\n )\n\n // Update dates on prop change\n if (hasDatePropChanges) {\n const derivedDates = deriveDatesFromProps({\n dates,\n dateProps,\n previousDateProps,\n dateFormat,\n isRange,\n })\n\n setDates((currentDates) => ({ ...currentDates, ...derivedDates }))\n setPreviousDateProps(dateProps)\n }\n\n const updateDates = useCallback(\n (\n newDates: DatePickerDates,\n callback?: (dates: DatePickerDates) => void\n ) => {\n // Correct dates based on min and max date\n const correctedDates = shouldCorrectDate\n ? correctDates({\n startDate: newDates.startDate ?? dates.startDate,\n endDate: newDates.endDate ?? dates.endDate,\n minDate: dates.minDate,\n maxDate: dates.maxDate,\n isRange,\n })\n : {}\n\n // Update months based on month or start/end date changes\n const months = updateMonths({\n newDates,\n currentDates: dates,\n })\n\n setDates((currentDates) => {\n return {\n ...currentDates,\n ...newDates,\n ...months,\n ...correctedDates,\n }\n })\n\n callback?.({\n ...dates,\n ...newDates,\n ...months,\n ...correctedDates,\n })\n },\n [dates, shouldCorrectDate, isRange]\n )\n\n return {\n dates,\n updateDates,\n previousDateProps,\n } as const\n}\n\nfunction mapDates(\n dateProps: DatePickerDateProps,\n {\n dateFormat,\n isRange,\n shouldCorrectDate,\n }: Omit<UseDatesOptions, 'isLinked'>\n) {\n const date = dateProps.date\n\n const startDate =\n typeof dateProps?.startDate !== 'undefined'\n ? getDate(dateProps.startDate, dateFormat)\n : typeof date !== 'undefined'\n ? getDate(date, dateFormat)\n : undefined\n\n const endDate = !isRange\n ? startDate\n : convertStringToDate(dateProps?.endDate, {\n dateFormat,\n }) || undefined\n\n // Ensure that the calendar view displays the correct start and end months, and to prevent date flickering bug\n const startMonth =\n convertStringToDate(dateProps.startMonth, {\n dateFormat,\n }) ??\n startDate ??\n new Date()\n\n const endMonth =\n convertStringToDate(dateProps.endMonth, {\n dateFormat: dateFormat,\n }) ?? (isRange ? endDate ?? addMonths(startMonth, 1) : startMonth)\n\n const minDate = convertStringToDate(dateProps.minDate, {\n dateFormat,\n })\n\n const maxDate = convertStringToDate(dateProps.maxDate, {\n dateFormat,\n })\n\n const correctedDates = shouldCorrectDate\n ? correctDates({ startDate, endDate, minDate, maxDate, isRange })\n : {}\n\n const dates = {\n date,\n startDate,\n endDate,\n startMonth,\n endMonth,\n minDate,\n maxDate,\n ...correctedDates,\n }\n\n return {\n ...dates,\n }\n}\n\nfunction deriveDatesFromProps({\n dates,\n dateProps,\n previousDateProps,\n dateFormat,\n isRange,\n}: {\n dates: DatePickerDates\n dateProps: DatePickerDateProps\n previousDateProps: DatePickerDateProps\n dateFormat: UseDatesOptions['dateFormat']\n isRange: UseDatesOptions['isRange']\n}) {\n const derivedDates: DatePickerDates = {}\n\n const startDate = getStartDate(dateProps, previousDateProps)\n\n // Handle updates related to date and startDate changes when not in range mode\n if (typeof startDate !== 'undefined' && startDate !== dates.startDate) {\n derivedDates.startDate =\n convertStringToDate(startDate, {\n dateFormat,\n }) || undefined\n\n // Set endDate and startMonth to startDate if not in range mode\n if (!isRange) {\n derivedDates.startMonth =\n convertStringToDate(startDate, {\n dateFormat,\n }) || undefined\n\n derivedDates.endDate = derivedDates.startDate\n }\n }\n\n // update endDate based on endDate prop if in range mode\n if (\n isRange &&\n typeof dateProps.endDate !== 'undefined' &&\n dateProps.endDate !== dates.endDate\n ) {\n derivedDates.endDate =\n convertStringToDate(dateProps.endDate, {\n dateFormat,\n }) || undefined\n }\n\n // Handle startMonth/endMonth\n if (\n typeof dateProps.startMonth !== 'undefined' &&\n dateProps.startMonth !== previousDateProps.startMonth\n ) {\n derivedDates.startMonth = convertStringToDate(dateProps.startMonth, {\n dateFormat,\n })\n }\n if (\n typeof dateProps.endMonth !== 'undefined' &&\n dateProps.endMonth !== previousDateProps.endMonth\n ) {\n derivedDates.endMonth = convertStringToDate(dateProps.endMonth, {\n dateFormat,\n })\n }\n\n // Handle minDate/maxDate\n if (\n typeof dateProps.minDate !== 'undefined' &&\n dateProps.minDate !== previousDateProps.minDate\n ) {\n derivedDates.minDate = convertStringToDate(dateProps.minDate, {\n dateFormat,\n })\n }\n if (\n typeof dateProps.maxDate !== 'undefined' &&\n dateProps.maxDate !== previousDateProps.maxDate\n ) {\n derivedDates.maxDate = convertStringToDate(dateProps.maxDate, {\n dateFormat,\n })\n }\n\n return derivedDates\n}\n\nfunction correctDates({\n startDate,\n endDate,\n minDate,\n maxDate,\n isRange,\n}: {\n startDate: Date\n endDate: Date\n minDate: Date\n maxDate: Date\n isRange: boolean\n}) {\n const correctedDates = {}\n\n if (isDisabled(startDate, minDate, maxDate)) {\n correctedDates['startDate'] = minDate\n }\n if (isDisabled(endDate, minDate, maxDate)) {\n // state.endDate is only used by the input if range is set to true.\n // this is done to make maxDate correction work if the input is not a range and only maxDate is defined.\n if (!isRange && !minDate) {\n correctedDates['startDate'] = maxDate\n } else {\n correctedDates['endDate'] = maxDate\n }\n }\n\n return correctedDates\n}\n\nfunction updateMonths({\n newDates,\n currentDates,\n}: {\n newDates: DatePickerDates\n currentDates: DatePickerDates\n}) {\n const startMonth =\n newDates.startMonth ?? newDates.startDate ?? currentDates.startMonth\n const endMonth =\n newDates.endMonth ?? newDates.endDate ?? currentDates.endMonth\n\n return {\n startMonth,\n endMonth,\n }\n}\n\nfunction getDate(date: DateType, dateFormat: string) {\n return date instanceof Date\n ? date\n : convertStringToDate(date ?? '', {\n dateFormat,\n })\n}\n\nfunction getStartDate(\n dateProps: DatePickerDateProps,\n previousDateProps: DatePickerDateProps\n) {\n // prioritize startDate over date if provided\n if (\n typeof dateProps.startDate !== 'undefined' &&\n dateProps.startDate !== previousDateProps.startDate\n ) {\n return dateProps.startDate\n }\n\n if (\n typeof dateProps.date !== 'undefined' &&\n dateProps.date !== previousDateProps.date\n ) {\n return dateProps.date\n }\n\n return undefined\n}\n"],"mappings":";;;;;;AAAA,SAASA,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACtD,SAASC,mBAAmB,EAAEC,UAAU,QAAQ,mBAAmB;AACnE,SAASC,SAAS,EAAEC,SAAS,QAAQ,UAAU;AA6B/C,eAAe,SAASC,QAAQA,CAC9BC,SAA8B,EAAAC,IAAA,EAM9B;EAAA,IALA;IACEC,UAAU;IACVC,OAAO,GAAG,KAAK;IACfC,iBAAiB,GAAG;EACL,CAAC,GAAAH,IAAA;EAElB,MAAM,CAACI,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGZ,QAAQ,CAACM,SAAS,CAAC;EACrE,MAAM,CAACO,KAAK,EAAEC,QAAQ,CAAC,GAAGd,QAAQ,CAAAe,aAAA,KAC7BC,QAAQ,CAACV,SAAS,EAAE;IACrBE,UAAU;IACVC,OAAO;IACPC;EACF,CAAC,CAAC,CACH,CAAC;EAEF,MAAMO,kBAAkB,GAAGlB,OAAO,CAChC,MACEmB,MAAM,CAACC,IAAI,CAACb,SAAS,CAAC,CAACc,IAAI,CAAEC,IAAI,IAAK;IACpC,MAAMC,QAAQ,GAAGhB,SAAS,CAACe,IAAI,CAAC;IAChC,MAAME,YAAY,GAAGZ,iBAAiB,CAACU,IAAI,CAAC;IAE5C,MAAMG,iBAAiB,GAAGvB,mBAAmB,CAACqB,QAAQ,EAAE;MACtDd;IACF,CAAC,CAAC;IACF,MAAMiB,qBAAqB,GAAGxB,mBAAmB,CAACsB,YAAY,EAAE;MAC9Df;IACF,CAAC,CAAC;IAGF,IACEgB,iBAAiB,YAAYE,IAAI,IACjCD,qBAAqB,YAAYC,IAAI,EACrC;MACA,OAAO,CAACtB,SAAS,CAACoB,iBAAiB,EAAEC,qBAAqB,CAAC;IAC7D;IAEA,OAAOH,QAAQ,KAAKC,YAAY;EAClC,CAAC,CAAC,EACJ,CAACjB,SAAS,EAAEK,iBAAiB,EAAEH,UAAU,CAC3C,CAAC;EAGD,IAAIS,kBAAkB,EAAE;IACtB,MAAMU,YAAY,GAAGC,oBAAoB,CAAC;MACxCf,KAAK;MACLP,SAAS;MACTK,iBAAiB;MACjBH,UAAU;MACVC;IACF,CAAC,CAAC;IAEFK,QAAQ,CAAEe,YAAY,IAAAd,aAAA,CAAAA,aAAA,KAAWc,YAAY,GAAKF,YAAY,CAAG,CAAC;IAClEf,oBAAoB,CAACN,SAAS,CAAC;EACjC;EAEA,MAAMwB,WAAW,GAAGhC,WAAW,CAC7B,CACEiC,QAAyB,EACzBC,QAA2C,KACxC;IAAA,IAAAC,mBAAA,EAAAC,iBAAA;IAEH,MAAMC,cAAc,GAAGzB,iBAAiB,GACpC0B,YAAY,CAAC;MACXC,SAAS,GAAAJ,mBAAA,GAAEF,QAAQ,CAACM,SAAS,cAAAJ,mBAAA,cAAAA,mBAAA,GAAIpB,KAAK,CAACwB,SAAS;MAChDC,OAAO,GAAAJ,iBAAA,GAAEH,QAAQ,CAACO,OAAO,cAAAJ,iBAAA,cAAAA,iBAAA,GAAIrB,KAAK,CAACyB,OAAO;MAC1CC,OAAO,EAAE1B,KAAK,CAAC0B,OAAO;MACtBC,OAAO,EAAE3B,KAAK,CAAC2B,OAAO;MACtB/B;IACF,CAAC,CAAC,GACF,CAAC,CAAC;IAGN,MAAMgC,MAAM,GAAGC,YAAY,CAAC;MAC1BX,QAAQ;MACRF,YAAY,EAAEhB;IAChB,CAAC,CAAC;IAEFC,QAAQ,CAAEe,YAAY,IAAK;MACzB,OAAAd,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACKc,YAAY,GACZE,QAAQ,GACRU,MAAM,GACNN,cAAc;IAErB,CAAC,CAAC;IAEFH,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAAjB,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACHF,KAAK,GACLkB,QAAQ,GACRU,MAAM,GACNN,cAAc,CAClB,CAAC;EACJ,CAAC,EACD,CAACtB,KAAK,EAAEH,iBAAiB,EAAED,OAAO,CACpC,CAAC;EAED,OAAO;IACLI,KAAK;IACLiB,WAAW;IACXnB;EACF,CAAC;AACH;AAEA,SAASK,QAAQA,CACfV,SAA8B,EAAAqC,KAAA,EAM9B;EAAA,IAAAC,KAAA,EAAAC,oBAAA,EAAAC,qBAAA;EAAA,IALA;IACEtC,UAAU;IACVC,OAAO;IACPC;EACiC,CAAC,GAAAiC,KAAA;EAEpC,MAAMtB,IAAI,GAAGf,SAAS,CAACe,IAAI;EAE3B,MAAMgB,SAAS,GACb,QAAO/B,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAE+B,SAAS,MAAK,WAAW,GACvCU,OAAO,CAACzC,SAAS,CAAC+B,SAAS,EAAE7B,UAAU,CAAC,GACxC,OAAOa,IAAI,KAAK,WAAW,GAC3B0B,OAAO,CAAC1B,IAAI,EAAEb,UAAU,CAAC,GACzBwC,SAAS;EAEf,MAAMV,OAAO,GAAG,CAAC7B,OAAO,GACpB4B,SAAS,GACTpC,mBAAmB,CAACK,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEgC,OAAO,EAAE;IACtC9B;EACF,CAAC,CAAC,IAAIwC,SAAS;EAGnB,MAAMC,UAAU,IAAAL,KAAA,IAAAC,oBAAA,GACd5C,mBAAmB,CAACK,SAAS,CAAC2C,UAAU,EAAE;IACxCzC;EACF,CAAC,CAAC,cAAAqC,oBAAA,cAAAA,oBAAA,GACFR,SAAS,cAAAO,KAAA,cAAAA,KAAA,GACT,IAAIlB,IAAI,CAAC,CAAC;EAEZ,MAAMwB,QAAQ,IAAAJ,qBAAA,GACZ7C,mBAAmB,CAACK,SAAS,CAAC4C,QAAQ,EAAE;IACtC1C,UAAU,EAAEA;EACd,CAAC,CAAC,cAAAsC,qBAAA,cAAAA,qBAAA,GAAKrC,OAAO,GAAG6B,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAInC,SAAS,CAAC8C,UAAU,EAAE,CAAC,CAAC,GAAGA,UAAW;EAEpE,MAAMV,OAAO,GAAGtC,mBAAmB,CAACK,SAAS,CAACiC,OAAO,EAAE;IACrD/B;EACF,CAAC,CAAC;EAEF,MAAMgC,OAAO,GAAGvC,mBAAmB,CAACK,SAAS,CAACkC,OAAO,EAAE;IACrDhC;EACF,CAAC,CAAC;EAEF,MAAM2B,cAAc,GAAGzB,iBAAiB,GACpC0B,YAAY,CAAC;IAAEC,SAAS;IAAEC,OAAO;IAAEC,OAAO;IAAEC,OAAO;IAAE/B;EAAQ,CAAC,CAAC,GAC/D,CAAC,CAAC;EAEN,MAAMI,KAAK,GAAAE,aAAA;IACTM,IAAI;IACJgB,SAAS;IACTC,OAAO;IACPW,UAAU;IACVC,QAAQ;IACRX,OAAO;IACPC;EAAO,GACJL,cAAc,CAClB;EAED,OAAApB,aAAA,KACKF,KAAK;AAEZ;AAEA,SAASe,oBAAoBA,CAAAuB,KAAA,EAY1B;EAAA,IAZ2B;IAC5BtC,KAAK;IACLP,SAAS;IACTK,iBAAiB;IACjBH,UAAU;IACVC;EAOF,CAAC,GAAA0C,KAAA;EACC,MAAMxB,YAA6B,GAAG,CAAC,CAAC;EAExC,MAAMU,SAAS,GAAGe,YAAY,CAAC9C,SAAS,EAAEK,iBAAiB,CAAC;EAG5D,IAAI,OAAO0B,SAAS,KAAK,WAAW,IAAIA,SAAS,KAAKxB,KAAK,CAACwB,SAAS,EAAE;IACrEV,YAAY,CAACU,SAAS,GACpBpC,mBAAmB,CAACoC,SAAS,EAAE;MAC7B7B;IACF,CAAC,CAAC,IAAIwC,SAAS;IAGjB,IAAI,CAACvC,OAAO,EAAE;MACZkB,YAAY,CAACsB,UAAU,GACrBhD,mBAAmB,CAACoC,SAAS,EAAE;QAC7B7B;MACF,CAAC,CAAC,IAAIwC,SAAS;MAEjBrB,YAAY,CAACW,OAAO,GAAGX,YAAY,CAACU,SAAS;IAC/C;EACF;EAGA,IACE5B,OAAO,IACP,OAAOH,SAAS,CAACgC,OAAO,KAAK,WAAW,IACxChC,SAAS,CAACgC,OAAO,KAAKzB,KAAK,CAACyB,OAAO,EACnC;IACAX,YAAY,CAACW,OAAO,GAClBrC,mBAAmB,CAACK,SAAS,CAACgC,OAAO,EAAE;MACrC9B;IACF,CAAC,CAAC,IAAIwC,SAAS;EACnB;EAGA,IACE,OAAO1C,SAAS,CAAC2C,UAAU,KAAK,WAAW,IAC3C3C,SAAS,CAAC2C,UAAU,KAAKtC,iBAAiB,CAACsC,UAAU,EACrD;IACAtB,YAAY,CAACsB,UAAU,GAAGhD,mBAAmB,CAACK,SAAS,CAAC2C,UAAU,EAAE;MAClEzC;IACF,CAAC,CAAC;EACJ;EACA,IACE,OAAOF,SAAS,CAAC4C,QAAQ,KAAK,WAAW,IACzC5C,SAAS,CAAC4C,QAAQ,KAAKvC,iBAAiB,CAACuC,QAAQ,EACjD;IACAvB,YAAY,CAACuB,QAAQ,GAAGjD,mBAAmB,CAACK,SAAS,CAAC4C,QAAQ,EAAE;MAC9D1C;IACF,CAAC,CAAC;EACJ;EAGA,IACE,OAAOF,SAAS,CAACiC,OAAO,KAAK,WAAW,IACxCjC,SAAS,CAACiC,OAAO,KAAK5B,iBAAiB,CAAC4B,OAAO,EAC/C;IACAZ,YAAY,CAACY,OAAO,GAAGtC,mBAAmB,CAACK,SAAS,CAACiC,OAAO,EAAE;MAC5D/B;IACF,CAAC,CAAC;EACJ;EACA,IACE,OAAOF,SAAS,CAACkC,OAAO,KAAK,WAAW,IACxClC,SAAS,CAACkC,OAAO,KAAK7B,iBAAiB,CAAC6B,OAAO,EAC/C;IACAb,YAAY,CAACa,OAAO,GAAGvC,mBAAmB,CAACK,SAAS,CAACkC,OAAO,EAAE;MAC5DhC;IACF,CAAC,CAAC;EACJ;EAEA,OAAOmB,YAAY;AACrB;AAEA,SAASS,YAAYA,CAAAiB,KAAA,EAYlB;EAAA,IAZmB;IACpBhB,SAAS;IACTC,OAAO;IACPC,OAAO;IACPC,OAAO;IACP/B;EAOF,CAAC,GAAA4C,KAAA;EACC,MAAMlB,cAAc,GAAG,CAAC,CAAC;EAEzB,IAAIjC,UAAU,CAACmC,SAAS,EAAEE,OAAO,EAAEC,OAAO,CAAC,EAAE;IAC3CL,cAAc,CAAC,WAAW,CAAC,GAAGI,OAAO;EACvC;EACA,IAAIrC,UAAU,CAACoC,OAAO,EAAEC,OAAO,EAAEC,OAAO,CAAC,EAAE;IAGzC,IAAI,CAAC/B,OAAO,IAAI,CAAC8B,OAAO,EAAE;MACxBJ,cAAc,CAAC,WAAW,CAAC,GAAGK,OAAO;IACvC,CAAC,MAAM;MACLL,cAAc,CAAC,SAAS,CAAC,GAAGK,OAAO;IACrC;EACF;EAEA,OAAOL,cAAc;AACvB;AAEA,SAASO,YAAYA,CAAAY,KAAA,EAMlB;EAAA,IAAAC,KAAA,EAAAC,oBAAA,EAAAC,KAAA,EAAAC,kBAAA;EAAA,IANmB;IACpB3B,QAAQ;IACRF;EAIF,CAAC,GAAAyB,KAAA;EACC,MAAML,UAAU,IAAAM,KAAA,IAAAC,oBAAA,GACdzB,QAAQ,CAACkB,UAAU,cAAAO,oBAAA,cAAAA,oBAAA,GAAIzB,QAAQ,CAACM,SAAS,cAAAkB,KAAA,cAAAA,KAAA,GAAI1B,YAAY,CAACoB,UAAU;EACtE,MAAMC,QAAQ,IAAAO,KAAA,IAAAC,kBAAA,GACZ3B,QAAQ,CAACmB,QAAQ,cAAAQ,kBAAA,cAAAA,kBAAA,GAAI3B,QAAQ,CAACO,OAAO,cAAAmB,KAAA,cAAAA,KAAA,GAAI5B,YAAY,CAACqB,QAAQ;EAEhE,OAAO;IACLD,UAAU;IACVC;EACF,CAAC;AACH;AAEA,SAASH,OAAOA,CAAC1B,IAAc,EAAEb,UAAkB,EAAE;EACnD,OAAOa,IAAI,YAAYK,IAAI,GACvBL,IAAI,GACJpB,mBAAmB,CAACoB,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,EAAE,EAAE;IAC9Bb;EACF,CAAC,CAAC;AACR;AAEA,SAAS4C,YAAYA,CACnB9C,SAA8B,EAC9BK,iBAAsC,EACtC;EAEA,IACE,OAAOL,SAAS,CAAC+B,SAAS,KAAK,WAAW,IAC1C/B,SAAS,CAAC+B,SAAS,KAAK1B,iBAAiB,CAAC0B,SAAS,EACnD;IACA,OAAO/B,SAAS,CAAC+B,SAAS;EAC5B;EAEA,IACE,OAAO/B,SAAS,CAACe,IAAI,KAAK,WAAW,IACrCf,SAAS,CAACe,IAAI,KAAKV,iBAAiB,CAACU,IAAI,EACzC;IACA,OAAOf,SAAS,CAACe,IAAI;EACvB;EAEA,OAAO2B,SAAS;AAClB","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"useDates.js","names":["useCallback","useMemo","useState","convertStringToDate","isDisabled","addMonths","isSameDay","useDates","dateProps","_ref","dateFormat","isRange","shouldCorrectDate","previousDateProps","setPreviousDateProps","dates","setDates","_objectSpread","mapDates","hasDatePropChanges","Object","keys","some","date","dateProp","previousDate","convertedDateProp","convertedPreviousDate","Date","derivedDates","deriveDatesFromProps","currentDates","updateDates","newDates","callback","_newDates$startDate","_newDates$endDate","correctedDates","correctDates","startDate","endDate","minDate","maxDate","months","updateMonths","_ref2","_ref3","_convertStringToDate","_convertStringToDate2","getDate","undefined","startMonth","endMonth","_ref4","getStartDate","_ref5","_ref6","_ref7","_newDates$startMonth","_ref8","_newDates$endMonth"],"sources":["../../../../../src/components/date-picker/hooks/useDates.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { convertStringToDate, isDisabled } from '../DatePickerCalc'\nimport { addMonths, isSameDay } from 'date-fns'\nimport { DateType } from '../DatePickerContext'\n\nexport type DatePickerDateProps = {\n date?: DateType\n startDate?: DateType\n endDate?: DateType\n startMonth?: DateType\n endMonth?: DateType\n minDate?: DateType\n maxDate?: DateType\n}\n\ntype UseDatesOptions = {\n dateFormat: string\n isRange: boolean\n // Deprecated – can be removed in v11\n shouldCorrectDate: boolean\n}\n\nexport type DatePickerDates = {\n date?: DateType\n startDate?: Date\n endDate?: Date\n minDate?: Date\n maxDate?: Date\n startMonth?: Date\n endMonth?: Date\n}\n\nexport default function useDates(\n dateProps: DatePickerDateProps,\n {\n dateFormat,\n isRange = false,\n // Deprecated – can be removed in v11\n shouldCorrectDate = false,\n }: UseDatesOptions\n) {\n const [previousDateProps, setPreviousDateProps] = useState(dateProps)\n const [dates, setDates] = useState<DatePickerDates>({\n ...mapDates(dateProps, {\n dateFormat,\n isRange,\n // Deprecated – can be removed in v11\n shouldCorrectDate,\n }),\n })\n\n const hasDatePropChanges = useMemo(\n () =>\n Object.keys(dateProps).some((date) => {\n const dateProp = dateProps[date]\n const previousDate = previousDateProps[date]\n\n const convertedDateProp = convertStringToDate(dateProp, {\n dateFormat,\n })\n const convertedPreviousDate = convertStringToDate(previousDate, {\n dateFormat,\n })\n // Make sure that same dates does not trigger a change\n // i.e. 2021-01-01 and new Date('2021-01-01')\n if (\n convertedDateProp instanceof Date &&\n convertedPreviousDate instanceof Date\n ) {\n return !isSameDay(convertedDateProp, convertedPreviousDate)\n }\n\n return dateProp !== previousDate\n }),\n [dateProps, previousDateProps, dateFormat]\n )\n\n // Update dates on prop change\n if (hasDatePropChanges) {\n const derivedDates = deriveDatesFromProps({\n dates,\n dateProps,\n previousDateProps,\n dateFormat,\n isRange,\n })\n\n setDates((currentDates) => ({ ...currentDates, ...derivedDates }))\n setPreviousDateProps(dateProps)\n }\n\n const updateDates = useCallback(\n (\n newDates: DatePickerDates,\n callback?: (dates: DatePickerDates) => void\n ) => {\n // Deprecated – can be removed in v11\n const correctedDates = shouldCorrectDate\n ? correctDates({\n startDate: newDates.startDate ?? dates.startDate,\n endDate: newDates.endDate ?? dates.endDate,\n minDate: dates.minDate,\n maxDate: dates.maxDate,\n isRange,\n })\n : {}\n\n // Update months based on month or start/end date changes\n const months = updateMonths({\n newDates,\n currentDates: dates,\n })\n\n setDates((currentDates) => {\n return {\n ...currentDates,\n ...newDates,\n ...months,\n // Deprecated – can be removed in v11\n ...correctedDates,\n }\n })\n\n callback?.({\n ...dates,\n ...newDates,\n ...months,\n // Deprecated – can be removed in v11\n ...correctedDates,\n })\n },\n [dates, shouldCorrectDate, isRange]\n )\n\n return {\n dates,\n updateDates,\n previousDateProps,\n } as const\n}\n\nfunction mapDates(\n dateProps: DatePickerDateProps,\n {\n dateFormat,\n isRange,\n shouldCorrectDate,\n }: Omit<UseDatesOptions, 'isLinked'>\n) {\n const date = dateProps.date\n\n const startDate =\n typeof dateProps?.startDate !== 'undefined'\n ? getDate(dateProps.startDate, dateFormat)\n : typeof date !== 'undefined'\n ? getDate(date, dateFormat)\n : undefined\n\n const endDate = !isRange\n ? startDate\n : convertStringToDate(dateProps?.endDate, {\n dateFormat,\n }) || undefined\n\n // Ensure that the calendar view displays the correct start and end months, and to prevent date flickering bug\n const startMonth =\n convertStringToDate(dateProps.startMonth, {\n dateFormat,\n }) ??\n startDate ??\n new Date()\n\n const endMonth =\n convertStringToDate(dateProps.endMonth, {\n dateFormat: dateFormat,\n }) ?? (isRange ? endDate ?? addMonths(startMonth, 1) : startMonth)\n\n const minDate = convertStringToDate(dateProps.minDate, {\n dateFormat,\n })\n\n const maxDate = convertStringToDate(dateProps.maxDate, {\n dateFormat,\n })\n\n // Deprecated – can be removed in v11\n const correctedDates = shouldCorrectDate\n ? correctDates({ startDate, endDate, minDate, maxDate, isRange })\n : {}\n\n const dates = {\n date,\n startDate,\n endDate,\n startMonth,\n endMonth,\n minDate,\n maxDate,\n ...correctedDates,\n }\n\n return {\n ...dates,\n }\n}\n\nfunction deriveDatesFromProps({\n dates,\n dateProps,\n previousDateProps,\n dateFormat,\n isRange,\n}: {\n dates: DatePickerDates\n dateProps: DatePickerDateProps\n previousDateProps: DatePickerDateProps\n dateFormat: UseDatesOptions['dateFormat']\n isRange: UseDatesOptions['isRange']\n}) {\n const derivedDates: DatePickerDates = {}\n\n const startDate = getStartDate(dateProps, previousDateProps)\n\n // Handle updates related to date and startDate changes when not in range mode\n if (typeof startDate !== 'undefined' && startDate !== dates.startDate) {\n derivedDates.startDate =\n convertStringToDate(startDate, {\n dateFormat,\n }) || undefined\n\n // Set endDate and startMonth to startDate if not in range mode\n if (!isRange) {\n derivedDates.startMonth =\n convertStringToDate(startDate, {\n dateFormat,\n }) || undefined\n\n derivedDates.endDate = derivedDates.startDate\n }\n }\n\n // update endDate based on endDate prop if in range mode\n if (\n isRange &&\n typeof dateProps.endDate !== 'undefined' &&\n dateProps.endDate !== dates.endDate\n ) {\n derivedDates.endDate =\n convertStringToDate(dateProps.endDate, {\n dateFormat,\n }) || undefined\n }\n\n // Handle startMonth/endMonth\n if (\n typeof dateProps.startMonth !== 'undefined' &&\n dateProps.startMonth !== previousDateProps.startMonth\n ) {\n derivedDates.startMonth = convertStringToDate(dateProps.startMonth, {\n dateFormat,\n })\n }\n if (\n typeof dateProps.endMonth !== 'undefined' &&\n dateProps.endMonth !== previousDateProps.endMonth\n ) {\n derivedDates.endMonth = convertStringToDate(dateProps.endMonth, {\n dateFormat,\n })\n }\n\n // Handle minDate/maxDate\n if (\n typeof dateProps.minDate !== 'undefined' &&\n dateProps.minDate !== previousDateProps.minDate\n ) {\n derivedDates.minDate = convertStringToDate(dateProps.minDate, {\n dateFormat,\n })\n }\n if (\n typeof dateProps.maxDate !== 'undefined' &&\n dateProps.maxDate !== previousDateProps.maxDate\n ) {\n derivedDates.maxDate = convertStringToDate(dateProps.maxDate, {\n dateFormat,\n })\n }\n\n return derivedDates\n}\n\n// Deprecated – can be removed in v11\nfunction correctDates({\n startDate,\n endDate,\n minDate,\n maxDate,\n isRange,\n}: {\n startDate: Date\n endDate: Date\n minDate: Date\n maxDate: Date\n isRange: boolean\n}) {\n const correctedDates = {}\n\n if (isDisabled(startDate, minDate, maxDate)) {\n correctedDates['startDate'] = minDate\n }\n if (isDisabled(endDate, minDate, maxDate)) {\n // state.endDate is only used by the input if range is set to true.\n // this is done to make maxDate correction work if the input is not a range and only maxDate is defined.\n if (!isRange && !minDate) {\n correctedDates['startDate'] = maxDate\n } else {\n correctedDates['endDate'] = maxDate\n }\n }\n\n return correctedDates\n}\n\nfunction updateMonths({\n newDates,\n currentDates,\n}: {\n newDates: DatePickerDates\n currentDates: DatePickerDates\n}) {\n const startMonth =\n newDates.startMonth ?? newDates.startDate ?? currentDates.startMonth\n const endMonth =\n newDates.endMonth ?? newDates.endDate ?? currentDates.endMonth\n\n return {\n startMonth,\n endMonth,\n }\n}\n\nfunction getDate(date: DateType, dateFormat: string) {\n return date instanceof Date\n ? date\n : convertStringToDate(date ?? '', {\n dateFormat,\n })\n}\n\nfunction getStartDate(\n dateProps: DatePickerDateProps,\n previousDateProps: DatePickerDateProps\n) {\n // prioritize startDate over date if provided\n if (\n typeof dateProps.startDate !== 'undefined' &&\n dateProps.startDate !== previousDateProps.startDate\n ) {\n return dateProps.startDate\n }\n\n if (\n typeof dateProps.date !== 'undefined' &&\n dateProps.date !== previousDateProps.date\n ) {\n return dateProps.date\n }\n\n return undefined\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -35,6 +35,10 @@
|
|
|
35
35
|
.dnb-date-picker__header::after {
|
|
36
36
|
background-color: var(--color-black-8);
|
|
37
37
|
}
|
|
38
|
+
.dnb-date-picker__header--only-month-label {
|
|
39
|
+
justify-content: center;
|
|
40
|
+
margin-bottom: 1rem;
|
|
41
|
+
}
|
|
38
42
|
.dnb-date-picker__header__row {
|
|
39
43
|
min-width: 60%;
|
|
40
44
|
display: flex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input~.dnb-date-picker--separator{color:var(--color-black-55)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled])~.dnb-date-picker--separator{color:var(--color-black)}.dnb-date-picker__container{background-color:var(--color-white);border-radius:.25rem;box-shadow:var(--shadow-default)}.dnb-date-picker__addon:after,.dnb-date-picker__calendar:after{background-color:var(--color-black-8)}.dnb-date-picker__header{--gap:0.25rem;display:flex;flex-flow:row wrap;gap:var(--gap);justify-content:space-between}.dnb-date-picker__header:after{background-color:var(--color-black-8)}.dnb-date-picker__header__row{align-items:center;display:flex;flex:1 1 auto;justify-content:space-between;min-width:60%}.dnb-date-picker__header__row--year{min-width:calc(40% - var(--gap))}.dnb-date-picker__header__nav .dnb-button{box-shadow:none}.dnb-date-picker__header__title{font-size:var(--font-size-basis);text-align:center}.dnb-date-picker__header__title,.dnb-date-picker__labels__day{color:var(--color-black-80);font-weight:var(--font-weight-medium);text-transform:capitalize}.dnb-date-picker__day,.dnb-date-picker__labels__day{text-align:center}.dnb-date-picker__day--today .dnb-button{font-weight:var(--font-weight-medium)}.dnb-date-picker__day--inactive .dnb-button,.dnb-date-picker__day--preview .dnb-button,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover){background-color:transparent}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date),.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date){background-color:var(--color-mint-green-50)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button{background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:var(--color-sea-green);color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:none;box-shadow:var(--shadow-default)}.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}
|
|
1
|
+
.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input~.dnb-date-picker--separator{color:var(--color-black-55)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled])~.dnb-date-picker--separator{color:var(--color-black)}.dnb-date-picker__container{background-color:var(--color-white);border-radius:.25rem;box-shadow:var(--shadow-default)}.dnb-date-picker__addon:after,.dnb-date-picker__calendar:after{background-color:var(--color-black-8)}.dnb-date-picker__header{--gap:0.25rem;display:flex;flex-flow:row wrap;gap:var(--gap);justify-content:space-between}.dnb-date-picker__header:after{background-color:var(--color-black-8)}.dnb-date-picker__header--only-month-label{justify-content:center;margin-bottom:1rem}.dnb-date-picker__header__row{align-items:center;display:flex;flex:1 1 auto;justify-content:space-between;min-width:60%}.dnb-date-picker__header__row--year{min-width:calc(40% - var(--gap))}.dnb-date-picker__header__nav .dnb-button{box-shadow:none}.dnb-date-picker__header__title{font-size:var(--font-size-basis);text-align:center}.dnb-date-picker__header__title,.dnb-date-picker__labels__day{color:var(--color-black-80);font-weight:var(--font-weight-medium);text-transform:capitalize}.dnb-date-picker__day,.dnb-date-picker__labels__day{text-align:center}.dnb-date-picker__day--today .dnb-button{font-weight:var(--font-weight-medium)}.dnb-date-picker__day--inactive .dnb-button,.dnb-date-picker__day--preview .dnb-button,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover){background-color:transparent}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date),.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date){background-color:var(--color-mint-green-50)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button{background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:var(--color-sea-green);color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:none;box-shadow:var(--shadow-default)}.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}
|
|
@@ -7,7 +7,7 @@ import React, { useContext, useMemo } from 'react';
|
|
|
7
7
|
import classnames from 'classnames';
|
|
8
8
|
import SharedContext from '../../shared/Context';
|
|
9
9
|
import { COUNTRY as defaultCountry } from '../../shared/defaults';
|
|
10
|
-
import
|
|
10
|
+
import useCountries from '../../extensions/forms/Field/SelectCountry/useCountries';
|
|
11
11
|
import Space from '../space/Space';
|
|
12
12
|
const CountryFlag = props => {
|
|
13
13
|
const {
|
|
@@ -20,10 +20,13 @@ const CountryFlag = props => {
|
|
|
20
20
|
const {
|
|
21
21
|
locale
|
|
22
22
|
} = useContext(SharedContext);
|
|
23
|
+
const {
|
|
24
|
+
countries
|
|
25
|
+
} = useCountries();
|
|
23
26
|
const countryName = useMemo(() => {
|
|
24
27
|
var _countries$find;
|
|
25
28
|
return (_countries$find = countries.find(item => item.iso === iso)) === null || _countries$find === void 0 ? void 0 : _countries$find.i18n[locale.split('-')[0]];
|
|
26
|
-
}, [iso, locale]);
|
|
29
|
+
}, [countries, iso, locale]);
|
|
27
30
|
return React.createElement(Space, _extends({
|
|
28
31
|
element: "span",
|
|
29
32
|
className: classnames('dnb-country-flag', 'dnb-country-flag__size--' + (size || 'auto'), className, shape && 'dnb-country-flag__shape--' + shape)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountryFlag.js","names":["React","useContext","useMemo","classnames","SharedContext","COUNTRY","defaultCountry","
|
|
1
|
+
{"version":3,"file":"CountryFlag.js","names":["React","useContext","useMemo","classnames","SharedContext","COUNTRY","defaultCountry","useCountries","Space","CountryFlag","props","iso","size","shape","className","rest","_objectWithoutProperties","_excluded","locale","countries","countryName","_countries$find","find","item","i18n","split","createElement","_extends","element","toLowerCase","_supportsSpacingProps"],"sources":["../../../../src/components/country-flag/CountryFlag.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport SharedContext from '../../shared/Context'\nimport { COUNTRY as defaultCountry } from '../../shared/defaults'\nimport useCountries from '../../extensions/forms/Field/SelectCountry/useCountries'\nimport Space, { SpaceAllProps } from '../space/Space'\n\ntype CountryFlagProps = {\n iso?: string\n size?: 'auto' | 'small' | 'medium' | 'large' | 'x-large'\n shape?: 'round' | 'square'\n} & Omit<SpaceAllProps, 'size'>\n\nconst CountryFlag = (props: CountryFlagProps) => {\n const { iso = defaultCountry, size, shape, className, ...rest } = props\n\n const { locale } = useContext(SharedContext)\n const { countries } = useCountries()\n const countryName = useMemo(() => {\n return countries.find((item) => item.iso === iso)?.i18n[\n locale.split('-')[0]\n ]\n }, [countries, iso, locale])\n\n return (\n <Space\n element=\"span\"\n className={classnames(\n 'dnb-country-flag',\n 'dnb-country-flag__size--' + (size || 'auto'),\n shape && 'dnb-country-flag__shape--' + shape,\n className\n )}\n {...rest}\n >\n <span className=\"dnb-sr-only\">{countryName}</span>\n <span\n className={`dnb-country-flag__flag fis fi-${iso.toLowerCase()}`}\n />\n </Space>\n )\n}\n\nCountryFlag._supportsSpacingProps = true\n\nexport default CountryFlag\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,aAAa,MAAM,sBAAsB;AAChD,SAASC,OAAO,IAAIC,cAAc,QAAQ,uBAAuB;AACjE,OAAOC,YAAY,MAAM,yDAAyD;AAClF,OAAOC,KAAK,MAAyB,gBAAgB;AAQrD,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EAC/C,MAAM;MAAEC,GAAG,GAAGL,cAAc;MAAEM,IAAI;MAAEC,KAAK;MAAEC;IAAmB,CAAC,GAAGJ,KAAK;IAAdK,IAAI,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA;EAEvE,MAAM;IAAEC;EAAO,CAAC,GAAGjB,UAAU,CAACG,aAAa,CAAC;EAC5C,MAAM;IAAEe;EAAU,CAAC,GAAGZ,YAAY,CAAC,CAAC;EACpC,MAAMa,WAAW,GAAGlB,OAAO,CAAC,MAAM;IAAA,IAAAmB,eAAA;IAChC,QAAAA,eAAA,GAAOF,SAAS,CAACG,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACZ,GAAG,KAAKA,GAAG,CAAC,cAAAU,eAAA,uBAA1CA,eAAA,CAA4CG,IAAI,CACrDN,MAAM,CAACO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACrB;EACH,CAAC,EAAE,CAACN,SAAS,EAAER,GAAG,EAAEO,MAAM,CAAC,CAAC;EAE5B,OACElB,KAAA,CAAA0B,aAAA,CAAClB,KAAK,EAAAmB,QAAA;IACJC,OAAO,EAAC,MAAM;IACdd,SAAS,EAAEX,UAAU,CACnB,kBAAkB,EAClB,0BAA0B,IAAIS,IAAI,IAAI,MAAM,CAAC,EAE7CE,SAAS,EADTD,KAAK,IAAI,2BAA2B,GAAGA,KAEzC;EAAE,GACEE,IAAI,GAERf,KAAA,CAAA0B,aAAA;IAAMZ,SAAS,EAAC;EAAa,GAAEM,WAAkB,CAAC,EAClDpB,KAAA,CAAA0B,aAAA;IACEZ,SAAS,EAAE,iCAAiCH,GAAG,CAACkB,WAAW,CAAC,CAAC;EAAG,CACjE,CACI,CAAC;AAEZ,CAAC;AAEDpB,WAAW,CAACqB,qBAAqB,GAAG,IAAI;AAExC,eAAerB,WAAW","ignoreList":[]}
|
|
@@ -60,10 +60,6 @@ export type DatePickerProps = {
|
|
|
60
60
|
* To limit a date range to a maximum `endDate`. Defaults to `null`.
|
|
61
61
|
*/
|
|
62
62
|
maxDate?: DateType;
|
|
63
|
-
/**
|
|
64
|
-
* Corrects the input date value to be the same as either `minDate` or `maxDate`, when the user types in a date that is either before or after one of these. Defaults to `false`.
|
|
65
|
-
*/
|
|
66
|
-
correctInvalidDate?: boolean;
|
|
67
63
|
/**
|
|
68
64
|
* To define the order of the masked placeholder input fields. Defaults to `dd/mm/yyyy`
|
|
69
65
|
*/
|
|
@@ -84,7 +80,6 @@ export type DatePickerProps = {
|
|
|
84
80
|
* If set to `true`, the navigation will be hidden. Defaults to `false`.
|
|
85
81
|
*/
|
|
86
82
|
hideNavigation?: boolean;
|
|
87
|
-
hideNavigationButtons?: boolean;
|
|
88
83
|
/**
|
|
89
84
|
* If set to `true`, the week days will be hidden. Defaults to `false`.
|
|
90
85
|
*/
|
|
@@ -292,7 +287,17 @@ type DatePickerDeprecatedProps = {
|
|
|
292
287
|
*/
|
|
293
288
|
max_date?: DateType;
|
|
294
289
|
/**
|
|
295
|
-
* @deprecated use `
|
|
290
|
+
* @deprecated use `Field.Date` instead, for {@link https://eufemia.dnb.no/uilib/extensions/forms/feature-fields/Date/#date-limit-validation | built in validation}.
|
|
291
|
+
* It's not good UX, or best practice to automatically change the user input. This often leads to confusion, as what they typed in, magically changes for seemingly no reason. It's better to inform them about the error and let them correct it themselves.
|
|
292
|
+
*
|
|
293
|
+
* Deprecated – can be removed in v11
|
|
294
|
+
*/
|
|
295
|
+
correctInvalidDate?: boolean;
|
|
296
|
+
/**
|
|
297
|
+
* @deprecated use `Field.Date` instead, for {@link https://eufemia.dnb.no/uilib/extensions/forms/feature-fields/Date/#date-limit-validation | built in validation}.
|
|
298
|
+
* It's not good UX, or best practice to automatically change the user input. This often leads to confusion, as what they typed in, magically changes for seemingly no reason. It's better to inform them about the error and let them correct it themselves.
|
|
299
|
+
*
|
|
300
|
+
* Deprecated – can be removed in v11
|
|
296
301
|
*/
|
|
297
302
|
correct_invalid_date?: boolean;
|
|
298
303
|
/**
|
|
@@ -316,7 +321,11 @@ type DatePickerDeprecatedProps = {
|
|
|
316
321
|
*/
|
|
317
322
|
hide_navigation?: boolean;
|
|
318
323
|
/**
|
|
319
|
-
* @deprecated
|
|
324
|
+
* @deprecated does not do anything.
|
|
325
|
+
*/
|
|
326
|
+
hideNavigationButtons?: boolean;
|
|
327
|
+
/**
|
|
328
|
+
* @deprecated does not do anything.
|
|
320
329
|
*/
|
|
321
330
|
hide_navigation_buttons?: boolean;
|
|
322
331
|
/**
|
|
@@ -5,7 +5,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
|
|
|
5
5
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
6
6
|
var _AlignmentHelper;
|
|
7
7
|
const _excluded = ["hidePicker"],
|
|
8
|
-
_excluded2 = ["label", "title", "labelDirection", "labelSrOnly", "onlyMonth", "hideLastWeek", "disableAutofocus", "
|
|
8
|
+
_excluded2 = ["label", "title", "labelDirection", "labelSrOnly", "onlyMonth", "hideLastWeek", "disableAutofocus", "firstDay", "resetDate", "link", "sync", "inputElement", "addonElement", "shortcuts", "disabled", "stretch", "skeleton", "size", "status", "statusState", "statusProps", "statusNoAnimation", "globalStatus", "suffix", "maskOrder", "maskPlaceholder", "submitButtonText", "cancelButtonText", "resetButtonText", "showResetButton", "className", "tooltip", "skipPortal", "labelAlignment"];
|
|
9
9
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
10
10
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
11
|
import React, { useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
@@ -29,23 +29,14 @@ import { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps';
|
|
|
29
29
|
import DatePickerPortal from './DatePickerPortal';
|
|
30
30
|
import { formatDate, formatDateRange } from './DatePickerCalc';
|
|
31
31
|
const defaultProps = {
|
|
32
|
-
maskOrder: 'dd/mm/yyyy',
|
|
33
|
-
maskPlaceholder: 'dd/mm/åååå',
|
|
34
|
-
dateFormat: 'yyyy-MM-dd',
|
|
35
|
-
returnFormat: 'yyyy-MM-dd',
|
|
36
32
|
hideNavigation: false,
|
|
37
|
-
hideNavigationButtons: false,
|
|
38
33
|
hideDays: false,
|
|
39
34
|
onlyMonth: false,
|
|
40
35
|
hideLastWeek: false,
|
|
41
36
|
disableAutofocus: false,
|
|
42
37
|
enableKeyboardNav: false,
|
|
43
38
|
showInput: false,
|
|
44
|
-
submitButtonText: 'Ok',
|
|
45
|
-
cancelButtonText: 'Avbryt',
|
|
46
|
-
resetButtonText: 'Nullstill',
|
|
47
39
|
resetDate: true,
|
|
48
|
-
firstDay: 'monday',
|
|
49
40
|
range: false,
|
|
50
41
|
link: false,
|
|
51
42
|
sync: true,
|
|
@@ -73,6 +64,7 @@ function DatePicker(externalProps) {
|
|
|
73
64
|
range,
|
|
74
65
|
hideDays,
|
|
75
66
|
hideNavigation,
|
|
67
|
+
correctInvalidDate,
|
|
76
68
|
opened: openedProp,
|
|
77
69
|
endDate: endDateProp
|
|
78
70
|
} = convertSnakeCaseProps(props);
|
|
@@ -90,6 +82,9 @@ function DatePicker(externalProps) {
|
|
|
90
82
|
const outsideClick = useRef();
|
|
91
83
|
const calendarContainerRef = useRef();
|
|
92
84
|
const translation = useTranslation().DatePicker;
|
|
85
|
+
if (correctInvalidDate) {
|
|
86
|
+
warn(`Use 'Field.Date' instead, for built in validation (https://eufemia.dnb.no/uilib/extensions/forms/feature-fields/Date/#date-limit-validation).`);
|
|
87
|
+
}
|
|
93
88
|
if (endDateProp && !range) {
|
|
94
89
|
warn(`The DatePicker got a "endDate". You have to set range={true} as well!.`);
|
|
95
90
|
}
|
|
@@ -210,7 +205,6 @@ function DatePicker(externalProps) {
|
|
|
210
205
|
onlyMonth,
|
|
211
206
|
hideLastWeek,
|
|
212
207
|
disableAutofocus,
|
|
213
|
-
hideNavigationButtons,
|
|
214
208
|
firstDay,
|
|
215
209
|
resetDate,
|
|
216
210
|
link,
|
|
@@ -241,8 +235,6 @@ function DatePicker(externalProps) {
|
|
|
241
235
|
} = extendedProps,
|
|
242
236
|
restProps = _objectWithoutProperties(extendedProps, _excluded2);
|
|
243
237
|
const attributes = useMemo(() => filterOutNonAttributes(restProps), [restProps]);
|
|
244
|
-
const shouldHideDays = onlyMonth ? true : hideDays;
|
|
245
|
-
const shouldHideNavigation = onlyMonth ? hideNavigationButtons ? false : true : hideNavigation;
|
|
246
238
|
const showStatus = getStatusState(status);
|
|
247
239
|
const pickerParams = {};
|
|
248
240
|
if (showStatus || suffix) {
|
|
@@ -357,16 +349,12 @@ function DatePicker(externalProps) {
|
|
|
357
349
|
isRange: range,
|
|
358
350
|
isLink: link,
|
|
359
351
|
isSync: sync,
|
|
360
|
-
hideDays:
|
|
361
|
-
|
|
362
|
-
views: hideNavigationButtons ? [{
|
|
363
|
-
nextBtn: false,
|
|
364
|
-
prevBtn: false
|
|
365
|
-
}] : null,
|
|
352
|
+
hideDays: hideDays,
|
|
353
|
+
hideNavigation: hideNavigation,
|
|
366
354
|
onlyMonth: onlyMonth,
|
|
367
355
|
hideNextMonthWeek: hideLastWeek,
|
|
368
356
|
noAutoFocus: disableAutofocus,
|
|
369
|
-
|
|
357
|
+
onPickerChange: onPickerChange,
|
|
370
358
|
locale: context.locale
|
|
371
359
|
}), (addonElement || shortcuts) && React.createElement(DatePickerAddon, {
|
|
372
360
|
renderElement: addonElement,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","names":["React","useCallback","useContext","useEffect","useLayoutEffect","useMemo","useRef","useState","classnames","warn","makeUniqueId","extendPropsWithContext","detectOutsideClick","getStatusState","combineDescribedBy","validateDOMAttributes","AlignmentHelper","createSpacingClasses","skeletonDOMAttributes","Context","Suffix","FormLabel","FormStatus","DatePickerProvider","DatePickerRange","DatePickerInput","DatePickerAddon","DatePickerFooter","pickFormElementProps","useTranslation","convertSnakeCaseProps","DatePickerPortal","formatDate","formatDateRange","defaultProps","maskOrder","maskPlaceholder","dateFormat","returnFormat","hideNavigation","hideNavigationButtons","hideDays","onlyMonth","hideLastWeek","disableAutofocus","enableKeyboardNav","showInput","submitButtonText","cancelButtonText","resetButtonText","resetDate","firstDay","range","link","sync","statusState","opened","noAnimation","direction","skipPortal","yearNavigation","DatePicker","externalProps","props","_objectSpread","preventClose","onHide","onShow","onSubmit","onCancel","onReset","alignPicker","showSubmitButton","showCancelButton","openedProp","endDate","endDateProp","setOpened","hidden","setHidden","dates","setDates","context","blurDelay","id","innerRef","triangleRef","submitButtonRef","getReturnObject","hideTimeout","outsideClick","calendarContainerRef","translation","removeOutsideClickHandler","current","remove","hidePicker","args","event","persist","setTimeout","focus","preventScroll","e","setOutsideClickHandler","focusOnHide","setTrianglePosition","triangleWidth","shellWidth","querySelector","getBoundingClientRect","width","buttonWidth","distance","style","marginRight","marginLeft","showPicker","clearTimeout","onPickerChange","_ref","shouldHidePicker","_objectWithoutProperties","_excluded","startDate","onSubmitHandler","onCancelHandler","onResetHandler","togglePicker","extendedProps","skeleton","getTranslation","FormRow","formElement","label","title","labelDirection","labelSrOnly","inputElement","addonElement","shortcuts","disabled","stretch","size","status","statusProps","statusNoAnimation","globalStatus","suffix","showResetButton","className","tooltip","labelAlignment","restProps","_excluded2","attributes","filterOutNonAttributes","shouldHideDays","shouldHideNavigation","showStatus","pickerParams","submitParams","ref","tabIndex","selectedDateTitle","selectedDate","selectedDateRange","options","locale","formatOptions","weekday","month","day","year","replace","mainParams","lang","containerClassNames","remainingDOMProps","remainingSubmitProps","remainingPickerProps","createElement","_extends","setReturnObject","fn","forId","text","srOnly","_AlignmentHelper","show","String","text_id","width_selector","state","no_animation","isRange","submitAttributes","alignment","targetElementRef","firstDayOfWeek","isLink","isSync","hideNav","views","nextBtn","prevBtn","hideNextMonthWeek","noAutoFocus","onChange","renderElement","NonAttributes","Object","keys","reduce","key","includes","_supportsSpacingProps"],"sources":["../../../../src/components/date-picker/DatePicker.tsx"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React, {\n HTMLProps,\n useCallback,\n useContext,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n warn,\n makeUniqueId,\n extendPropsWithContext,\n detectOutsideClick,\n getStatusState,\n combineDescribedBy,\n validateDOMAttributes,\n DetectOutsideClickClass,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { skeletonDOMAttributes } from '../skeleton/SkeletonHelper'\n\nimport Context, { Locale } from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus, {\n FormStatusProps,\n FormStatusState,\n FormStatusText,\n} from '../form-status/FormStatus'\nimport DatePickerProvider, {\n DatePickerChangeEvent,\n type ReturnObject,\n} from './DatePickerProvider'\nimport DatePickerRange from './DatePickerRange'\nimport DatePickerInput from './DatePickerInput'\nimport DatePickerAddon, { DatePickerAddonProps } from './DatePickerAddon'\nimport DatePickerFooter from './DatePickerFooter'\nimport { SpacingProps } from '../space/types'\nimport { InputInputElement, InputSize } from '../Input'\nimport { SkeletonShow } from '../Skeleton'\nimport { GlobalStatusConfigObject } from '../GlobalStatus'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport { CalendarDay, DatePickerCalendarProps } from './DatePickerCalendar'\nimport { DatePickerContextValues, DateType } from './DatePickerContext'\nimport { DatePickerDates } from './hooks/useDates'\nimport { useTranslation } from '../../shared'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\nimport DatePickerPortal from './DatePickerPortal'\nimport {\n FormatDateOptions,\n formatDate,\n formatDateRange,\n} from './DatePickerCalc'\n\nexport type DatePickerEventAttributes = {\n day?: string\n year?: string\n start?: string\n end?: string\n} & Record<string, unknown>\n\n// Takes the return object from DatePickerProvider and extends it with the event\nexport type DatePickerEvent<T> = ReturnObject<T>\n\ntype FocusOnHide = { focusOnHide?: boolean | string }\n\nexport type DisplayPickerEvent = (\n | React.MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLElement>\n | MouseEvent\n | KeyboardEvent\n | FocusOnHide\n) &\n DatePickerDates &\n FocusOnHide & {\n event?: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n }\n\nexport type DatePickerProps = {\n /**\n * Defines the pre-filled date by either a JavaScript DateInstance or (ISO 8601) like `date=\"2019-05-05\"`.\n */\n date?: DateType\n /**\n * To set the pre-filled starting date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `maskPlaceholder`.\n */\n startDate?: DateType\n /**\n * To set the pre-filled ending date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `maskPlaceholder`.\n */\n endDate?: DateType\n /**\n * To display what month should be shown in the first calendar by default. Defaults to the `date` respective `startDate`.\n */\n month?: DateType\n /**\n * To display what month should be shown in the first calendar by default. Defaults to the `date` respective `startDate`.\n */\n startMonth?: DateType\n /**\n * To display what month should be shown in the second calendar by default. Defaults to the `date` respective `startDate`.\n */\n endMonth?: DateType\n /**\n * To limit a date range to a minimum `startDate`. Defaults to `null`.\n */\n minDate?: DateType\n /**\n * To limit a date range to a maximum `endDate`. Defaults to `null`.\n */\n maxDate?: DateType\n /**\n * Corrects the input date value to be the same as either `minDate` or `maxDate`, when the user types in a date that is either before or after one of these. Defaults to `false`.\n */\n correctInvalidDate?: boolean\n /**\n * To define the order of the masked placeholder input fields. Defaults to `dd/mm/yyyy`\n */\n maskOrder?: string\n /**\n * To display the placeholder on input. Defaults to `dd/mm/åååå`.\n */\n maskPlaceholder?: string\n /**\n * Defines how the prop dates (`date`, `startDate` and `endDate`) should be parsed, e.g. `yyyy/MM/dd`. Defaults to `yyyy-MM-dd`.\n */\n dateFormat?: string\n /**\n * Defines how the returned date, as a string, should be formatted as. Defaults to `yyyy-MM-dd`.\n */\n returnFormat?: string\n /**\n * If set to `true`, the navigation will be hidden. Defaults to `false`.\n */\n hideNavigation?: boolean\n hideNavigationButtons?: boolean\n /**\n * If set to `true`, the week days will be hidden. Defaults to `false`.\n */\n hideDays?: boolean\n /**\n * Use `true` to only show the defined month. Disables the month navigation possibility. Defaults to `false`.\n */\n onlyMonth?: boolean\n /**\n * Use `true` to only show the last week in the current month if it needs to be shown. The result is that there will mainly be shows five (5) weeks (rows) instead of six (6). Defaults to `false`.\n */\n hideLastWeek?: boolean\n /**\n * Once the date picker gets opened, there is a focus handling to ensure good accessibility. can be disabled with property. Defaults to `false`.\n */\n disableAutofocus?: boolean\n enableKeyboardNav?: boolean\n /**\n * If the input fields with the mask should be visible. Defaults to `false`.\n */\n showInput?: boolean\n /**\n * If set to `true`, a submit button will be shown. You can change the default text by using `submitButtonText=\"Ok\"`. Defaults to `false`. If the `range` prop is `true`, then the submit button is shown.\n */\n showSubmitButton?: boolean\n /**\n * If set to `true`, a cancel button will be shown. You can change the default text by using `cancelButtonText=\"Avbryt\"` Defaults to `false`. If the `range` prop is `true`, then the cancel button is shown.\n */\n showCancelButton?: boolean\n /**\n * If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText=\"Tilbakestill\"` Defaults to `false`.\n */\n showResetButton?: boolean\n submitButtonText?: string\n cancelButtonText?: string\n resetButtonText?: string\n resetDate?: boolean\n /**\n * To define the first day of the week. Defaults to `monday`.\n */\n firstDay?:\n | 'monday'\n | 'tuesday'\n | 'wednesday'\n | 'thursday'\n | 'friday'\n | 'saturday'\n | 'sunday'\n /**\n * If the date picker should support a range of two dates (starting and ending date). Defaults to `false`.\n */\n range?: boolean\n /**\n * Link both calendars, once to the user is navigating between months. Only meant to use if the range is set to `true`. Defaults to `false`.\n */\n link?: boolean\n /**\n * Sync input values with the calendars views. Once the input values get changed, the calendar changes its views in sync. Defaults to `true`.\n */\n sync?: boolean\n /**\n * A prepending label in sync with the date input field.\n */\n label?: React.ReactNode\n /**\n * Use `labelDirection=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.\n */\n labelDirection?: 'vertical' | 'horizontal'\n /**\n * Use `true` to make the label only readable by screen readers.\n */\n labelSrOnly?: boolean\n /**\n * Gives you the possibility to use a plain/vanilla `<input />` HTML element by defining it as a string `inputElement=\"input\"`, a React element, or a render function `inputElement={(internalProps) => (<Return />)}`. Can also be used in circumstances where the `react-text-mask` not should be used, e.g. in testing environments. Defaults to custom masked input.\n */\n inputElement?: InputInputElement\n /**\n * Gives you the possibility to inject a React element showing up over the footer. Use it to customize `shortcuts`.\n */\n addonElement?: React.ReactNode\n /**\n * Gives you the possibility to set predefined dates and date ranges so the user can select these by one click. Define either a JSON or an object with the defined shortcuts. More info is below.\n */\n shortcuts?: DatePickerAddonProps['shortcuts']\n disabled?: boolean\n /**\n * If set to `true`, then the date-picker input field will be 100% in `width`.\n */\n stretch?: boolean\n /**\n * If set to `true`, an overlaying skeleton with animation will be shown.\n */\n skeleton?: SkeletonShow\n /**\n * The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`.\n */\n size?: InputSize\n /**\n * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.\n */\n status?: FormStatusText\n /**\n * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.\n */\n statusState?: FormStatusState\n /**\n * Use an object to define additional FormStatus properties.\n */\n statusProps?: FormStatusProps\n statusNoAnimation?: boolean\n /**\n * The <a href=\"/uilib/components/global-status/properties/#configuration-object\">configuration</a> used for the target <a href=\"/uilib/components/global-status\">GlobalStatus</a>.\n */\n globalStatus?: GlobalStatusConfigObject\n /**\n * Text describing the content of the DatePicker more than the label. You can also send in a React component, so it gets wrapped inside the DatePicker component.\n */\n suffix?: React.ReactNode\n /**\n * To open the date-picker by default. Defaults to `false`.\n */\n opened?: boolean\n /**\n * Provide a short Tooltip content that shows up on the picker button.\n */\n tooltip?: React.ReactNode\n tabIndex?: number\n preventClose?: boolean\n noAnimation?: boolean\n direction?: 'auto' | 'top' | 'bottom'\n /**\n * Use `right` to change the calendar alignment direction. Defaults to `left`.\n */\n alignPicker?: 'auto' | 'left' | 'right'\n /**\n * Sets the alignment of the label. Defaults to `left`.\n */\n labelAlignment?: 'left' | 'right'\n /**\n * If set to `true`, the calendar will not be rendered inside a react portal. Defaults to `false`.\n */\n skipPortal?: boolean\n /**\n * Will enable year navigation in the calendar if set to `true`. Defaults to `false`.\n */\n yearNavigation?: boolean\n className?: string\n /**\n * Will be called right before every new calendar view gets rendered. See the example above.\n */\n onDaysRender?: (\n days: Array<CalendarDay>,\n nr?: DatePickerCalendarProps['nr']\n ) => void\n /**\n * Will be called on a date change event. Returns an `object`. See Returned Object below.\n */\n onChange?: (\n event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /**\n * Will be called on every input and date picker interaction. Returns an `object`. See Returned Object below.\n */\n onType?: (\n event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /**\n * Will be called once date-picker is visible.\n */\n onShow?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n /**\n * Will be called once date-picker is hidden.\n */\n onHide?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n /**\n * Will be called once a user presses the submit button.\n */\n onSubmit?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /**\n * Will be called once a user presses the cancel button.\n */\n onCancel?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /**\n * Will be called once a user presses the reset button.\n */\n onReset?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /**\n * Will be called once the input gets focus.\n */\n onFocus?: (event: DatePickerEvent<React.FocusEvent<HTMLElement>>) => void\n /**\n * Will be called once the input lose focus.\n */\n onBlur?: (event: DatePickerEvent<React.FocusEvent<HTMLElement>>) => void\n}\n// Can be removed in v11\ntype DatePickerDeprecatedProps = {\n /**\n * @deprecated use `startDate` instead.\n */\n start_date?: DateType\n /**\n * @deprecated use `endDate` instead.\n */\n end_date?: DateType\n /**\n * @deprecated use `startMonth` instead.\n */\n start_month?: DateType\n /**\n * @deprecated use `endMonth` instead.\n */\n end_month?: DateType\n /**\n * @deprecated use `minDate` instead.\n */\n min_date?: DateType\n /**\n * @deprecated use `maxDate` instead.\n */\n max_date?: DateType\n /**\n * @deprecated use `correctInvalidDate` instead.\n */\n correct_invalid_date?: boolean\n /**\n * @deprecated use `maskOrder` instead.\n */\n mask_order?: string\n /**\n * @deprecated use `maskPlaceholder` instead.\n */\n mask_placeholder?: string\n /**\n * @deprecated use `dateFormat` instead.\n */\n date_format?: string\n /**\n * @deprecated use `returnFormat` instead.\n */\n return_format?: string\n /**\n * @deprecated use `hideNavigation` instead.\n */\n hide_navigation?: boolean\n /**\n * @deprecated use `hideNavigationButtons` instead.\n */\n hide_navigation_buttons?: boolean\n /**\n * @deprecated use `hideDays` instead.\n */\n hide_days?: boolean\n /**\n * @deprecated use `onlyMonth` instead.\n */\n only_month?: boolean\n /**\n * @deprecated use `hideLastWeek` instead.\n */\n hide_last_week?: boolean\n /**\n * @deprecated use `disableAutofocus` instead.\n */\n disable_autofocus?: boolean\n /**\n * @deprecated use `enableKeyboardNav` instead.\n */\n enable_keyboard_nav?: boolean\n /**\n * @deprecated use `showInput` instead.\n */\n show_input?: boolean\n /**\n * @deprecated use `showSubmitButton` instead.\n */\n show_submit_button?: boolean\n /**\n * @deprecated use `showCancelButton` instead.\n */\n show_cancel_button?: boolean\n /**\n * @deprecated\n */\n show_reset_button?: boolean\n /**\n * @deprecated use `submitButtonText` instead.\n */\n submit_button_text?: string\n /**\n * @deprecated use `cancelButtonText` instead.\n */\n cancel_button_text?: string\n /**\n * @deprecated use `resetButtonText` instead.\n */\n reset_button_text?: string\n /**\n * @deprecated use `resetDate` instead.\n */\n reset_date?: boolean\n /**\n * @deprecated use `firstDay` instead.\n */\n first_day?: string\n /**\n * @deprecated set locale with `Provider` instead.\n */\n locale?: Locale\n /**\n * @deprecated use `labelDirection` instead.\n */\n label_direction?: 'vertical' | 'horizontal'\n /**\n * @deprecated use `labelSrOnly` instead.\n */\n label_sr_only?: boolean\n /**\n * @deprecated use `inputElement` instead.\n */\n input_element?: InputInputElement\n /**\n * @deprecated use `addonElement` instead.\n */\n addon_element?: React.ReactNode\n /**\n * @deprecated use `statusState` instead.\n */\n status_state?: FormStatusState\n /**\n * @deprecated use `statusProps` instead.\n */\n status_props?: FormStatusProps\n /**\n * @deprecated use `statusNoAnimation` instead.\n */\n status_no_animation?: boolean\n /**\n * @deprecated use `preventClose` instead.\n */\n prevent_close?: boolean\n /**\n * @deprecated use `no_animation` instead.\n */\n no_animation?: boolean\n /**\n * @deprecated use `alignPicker` instead.\n */\n align_picker?: 'auto' | 'left' | 'right'\n /**\n * @deprecated use `onDaysRender` instead.\n */\n on_days_render?: (\n days: Array<CalendarDay>,\n nr?: DatePickerCalendarProps['nr']\n ) => void\n /**\n * @deprecated use `onChange` instead.\n */\n on_change?: (\n event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /**\n * @deprecated use `onType` instead.\n */\n on_type?: (\n event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /**\n * @deprecated use `onShow` instead.\n */\n on_show?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n /**\n * @deprecated use `onHide` instead.\n */\n on_hide?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n /**\n * @deprecated use `onSubmit` instead.\n */\n on_submit?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /**\n * @deprecated use `onCancel` instead.\n */\n on_cancel?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /**\n * @deprecated use `onReset` instead.\n */\n on_reset?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n}\n\nexport type DatePickerAllProps = DatePickerProps &\n DatePickerDeprecatedProps &\n SpacingProps &\n Omit<\n React.HTMLProps<HTMLElement>,\n | 'ref'\n | 'children'\n | 'label'\n | 'size'\n | 'onChange'\n | 'onBlur'\n | 'onFocus'\n | 'onSubmit'\n | 'onReset'\n | 'start'\n >\n\nconst defaultProps: DatePickerProps = {\n maskOrder: 'dd/mm/yyyy',\n maskPlaceholder: 'dd/mm/åååå', // have to be same setup as \"mask\" - but can be like\n dateFormat: 'yyyy-MM-dd', // in v1 of date-fns we were more flexible in terms of the format\n returnFormat: 'yyyy-MM-dd', // used in date-fns v1\n hideNavigation: false,\n hideNavigationButtons: false,\n hideDays: false,\n onlyMonth: false,\n hideLastWeek: false,\n disableAutofocus: false,\n enableKeyboardNav: false,\n showInput: false,\n submitButtonText: 'Ok',\n cancelButtonText: 'Avbryt',\n resetButtonText: 'Nullstill',\n resetDate: true,\n firstDay: 'monday',\n range: false,\n link: false,\n sync: true,\n statusState: 'error',\n opened: false,\n noAnimation: false,\n direction: 'auto',\n skipPortal: false,\n yearNavigation: false,\n}\n\nfunction DatePicker(externalProps: DatePickerAllProps) {\n const props = { ...defaultProps, ...externalProps }\n\n const {\n preventClose,\n onHide,\n onShow,\n onSubmit,\n onCancel,\n onReset,\n noAnimation,\n showInput,\n alignPicker,\n showSubmitButton,\n showCancelButton,\n range,\n hideDays,\n hideNavigation,\n opened: openedProp,\n endDate: endDateProp,\n } = convertSnakeCaseProps(props) // convertSnakeCaseProps - can be removed in v11\n\n const [opened, setOpened] = useState<boolean>(openedProp)\n const [hidden, setHidden] = useState(!opened)\n const [dates, setDates] = useState<\n Pick<DatePickerDates, 'startDate' | 'endDate'>\n >({})\n\n const context = useContext(Context)\n const blurDelay = 201 // some ms more than \"dropdownSlideDown 200ms\"\n const id = props.id || makeUniqueId()\n\n const innerRef = useRef<HTMLSpanElement>()\n const triangleRef = useRef<HTMLSpanElement>()\n const submitButtonRef = useRef<HTMLButtonElement>()\n const getReturnObject =\n useRef<DatePickerContextValues['getReturnObject']>()\n const hideTimeout = useRef<NodeJS.Timeout>()\n const outsideClick = useRef<DetectOutsideClickClass>()\n const calendarContainerRef = useRef<HTMLDivElement>()\n\n const translation = useTranslation().DatePicker\n\n if (endDateProp && !range) {\n warn(\n `The DatePicker got a \"endDate\". You have to set range={true} as well!.`\n )\n }\n\n const removeOutsideClickHandler = useCallback(() => {\n if (outsideClick.current) {\n outsideClick.current.remove()\n }\n }, [])\n\n const hidePicker = useCallback(\n (args?: DisplayPickerEvent) => {\n if (preventClose) {\n return // stop here\n }\n\n if (args && args.event && args.event.persist) {\n args.event.persist()\n }\n\n setOpened(false)\n\n hideTimeout.current = setTimeout(\n () => {\n setHidden(true)\n onHide?.({\n ...getReturnObject.current(args),\n })\n if (args?.['focusOnHide']) {\n try {\n submitButtonRef.current.focus({\n preventScroll: true,\n })\n } catch (e) {\n warn(e)\n }\n }\n },\n noAnimation ? 1 : blurDelay\n ) // wait until animation is over\n\n removeOutsideClickHandler()\n },\n [noAnimation, preventClose, onHide, removeOutsideClickHandler]\n )\n\n const setOutsideClickHandler = useCallback(() => {\n outsideClick.current = detectOutsideClick(\n // Sending in portalRef, instead of portalRef.current,\n // as that would lead to the ignoreElement being null/undefined,\n // since the portal has not been rendered yet,\n // causing the calendar to close when clicking on the calendar itself\n [innerRef.current, calendarContainerRef],\n ({ event }: { event: MouseEvent | KeyboardEvent }) => {\n hidePicker({ ...event, focusOnHide: event?.['code'] })\n }\n )\n }, [hidePicker])\n\n const setTrianglePosition = useCallback(() => {\n const triangleWidth = 16\n if (showInput && triangleRef.current && innerRef.current) {\n try {\n const shellWidth = innerRef.current\n .querySelector('.dnb-input__shell')\n .getBoundingClientRect().width\n\n const buttonWidth = innerRef.current\n .querySelector('.dnb-input__submit-button__button')\n .getBoundingClientRect().width\n\n if (alignPicker === 'right') {\n const distance = buttonWidth / 2 - triangleWidth / 2\n triangleRef.current.style.marginRight = `${distance / 16}rem`\n } else {\n const distance = shellWidth - buttonWidth / 2 - triangleWidth / 2\n triangleRef.current.style.marginLeft = `${distance / 16}rem`\n }\n } catch (e) {\n warn(e)\n }\n }\n }, [showInput, alignPicker])\n\n const showPicker = useCallback(\n (event?: DisplayPickerEvent) => {\n if (hideTimeout.current) {\n clearTimeout(hideTimeout.current)\n }\n\n setOpened(true)\n setHidden(false)\n\n onShow?.({ ...getReturnObject.current(event) })\n\n setOutsideClickHandler()\n },\n [setOutsideClickHandler, onShow]\n )\n\n // Make sure the triangle is positioned correctly after calendar is mounted\n useLayoutEffect(() => {\n if (!hidden) {\n setTrianglePosition()\n }\n }, [hidden, setTrianglePosition])\n\n // React to opened prop changes\n useEffect(() => {\n if (openedProp) {\n showPicker()\n }\n }, [openedProp, showPicker])\n\n const onPickerChange = useCallback(\n ({\n hidePicker: shouldHidePicker = true,\n ...args\n }: DatePickerChangeEvent<\n | React.MouseEvent<HTMLSpanElement>\n | React.KeyboardEvent<HTMLTableElement>\n >) => {\n if (shouldHidePicker && !showSubmitButton && !showCancelButton) {\n hidePicker({ focusOnHide: true })\n }\n\n setDates({ startDate: args.startDate, endDate: args.endDate })\n },\n [hidePicker, showSubmitButton, showCancelButton]\n )\n\n const onSubmitHandler = useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n hidePicker(event)\n onSubmit?.({\n ...getReturnObject.current({ event }),\n })\n },\n [hidePicker, onSubmit]\n )\n\n const onCancelHandler = useCallback(\n (\n event: DatePickerChangeEvent<React.MouseEvent<HTMLButtonElement>>\n ) => {\n hidePicker()\n onCancel?.({ ...getReturnObject.current(event) })\n },\n [hidePicker, onCancel]\n )\n\n const onResetHandler = useCallback(\n (\n event: DatePickerChangeEvent<React.MouseEvent<HTMLButtonElement>>\n ) => {\n hidePicker()\n onReset?.({ ...getReturnObject.current(event) })\n },\n [hidePicker, onReset]\n )\n\n const togglePicker = useCallback(\n (args: React.MouseEvent<HTMLButtonElement>) => {\n !opened ? showPicker(args) : hidePicker(args)\n },\n [opened, showPicker, hidePicker]\n )\n\n // use only the props from context, who are available here anyway\n const extendedProps = extendPropsWithContext(\n props,\n defaultProps,\n { skeleton: context?.skeleton },\n convertSnakeCaseProps(context.getTranslation(props).DatePicker), // convertSnakeCaseProps - can be removed in v11\n pickFormElementProps(context?.FormRow), // Deprecated – can be removed in v11\n convertSnakeCaseProps(pickFormElementProps(context?.formElement)), // Deprecated – can be removed in v11\n context.DatePicker\n )\n\n const {\n label,\n title,\n labelDirection,\n labelSrOnly,\n onlyMonth,\n hideLastWeek,\n disableAutofocus,\n hideNavigationButtons,\n firstDay,\n resetDate,\n link,\n sync,\n inputElement,\n addonElement,\n shortcuts,\n disabled,\n stretch,\n skeleton,\n size,\n status,\n statusState,\n statusProps,\n statusNoAnimation,\n globalStatus,\n suffix,\n maskOrder,\n maskPlaceholder,\n submitButtonText,\n cancelButtonText,\n resetButtonText,\n showResetButton,\n className,\n tooltip,\n skipPortal,\n labelAlignment,\n ...restProps\n } = extendedProps\n\n const attributes = useMemo(\n () => filterOutNonAttributes(restProps),\n [restProps]\n )\n\n const shouldHideDays = onlyMonth ? true : hideDays\n const shouldHideNavigation = onlyMonth\n ? hideNavigationButtons\n ? false\n : true\n : hideNavigation\n\n const showStatus = getStatusState(status)\n\n const pickerParams = {} as HTMLProps<HTMLSpanElement>\n\n if (showStatus || suffix) {\n pickerParams['aria-describedby'] = combineDescribedBy(\n pickerParams,\n showStatus ? id + '-status' : null,\n suffix ? id + '-suffix' : null\n )\n }\n\n const submitParams = {\n ['aria-expanded']: opened,\n ref: submitButtonRef,\n tabIndex: extendedProps.tabIndex,\n tooltip,\n }\n\n const selectedDateTitle = useMemo(() => {\n const { selectedDate, selectedDateRange } = translation\n const { startDate, endDate } = dates\n\n if (!startDate) {\n return ''\n }\n\n const options: FormatDateOptions = {\n locale: context.locale,\n formatOptions: {\n weekday: 'long',\n month: 'long',\n day: 'numeric',\n year: 'numeric',\n },\n }\n\n return range && endDate\n ? selectedDateRange.replace(\n /%s/,\n formatDateRange({ startDate, endDate }, options)\n )\n : selectedDate.replace(/%s/, formatDate(startDate, options))\n }, [range, translation, dates, context.locale])\n\n const mainParams = {\n className: classnames(\n 'dnb-date-picker',\n status && `dnb-date-picker__status--${statusState}`,\n labelDirection && `dnb-date-picker--${labelDirection}`,\n opened && 'dnb-date-picker--opened',\n hidden && 'dnb-date-picker--hidden',\n showInput && 'dnb-date-picker--show-input',\n label &&\n labelAlignment === 'right' &&\n 'dnb-date-picker__input--label-alignment-right',\n (range || showSubmitButton || showCancelButton || showResetButton) &&\n 'dnb-date-picker--show-footer',\n alignPicker && `dnb-date-picker--${alignPicker}`,\n stretch && `dnb-date-picker--stretch`,\n 'dnb-form-component',\n size && `dnb-date-picker--${size}`,\n createSpacingClasses(props),\n className\n ),\n lang: context.locale,\n } as HTMLProps<HTMLSpanElement>\n\n const containerClassNames = classnames(\n 'dnb-date-picker__container',\n opened && 'dnb-date-picker__container--opened',\n !opened && 'dnb-date-picker__container--closed',\n hidden && 'dnb-date-picker__container--hidden',\n showInput && 'dnb-date-picker__container--show-input',\n alignPicker && `dnb-date-picker__container--${alignPicker}`,\n size && `dnb-date-picker--${size}`\n )\n\n const remainingDOMProps = validateDOMAttributes(props, attributes)\n const remainingSubmitProps = validateDOMAttributes(null, submitParams)\n const remainingPickerProps = validateDOMAttributes(\n null,\n skeletonDOMAttributes(pickerParams, skeleton, context)\n )\n\n return (\n <DatePickerProvider\n {...props}\n attributes={remainingDOMProps}\n setReturnObject={(fn) => (getReturnObject.current = fn)}\n hidePicker={hidePicker}\n >\n <span {...mainParams}>\n {label && (\n <FormLabel\n id={id + '-label'}\n forId={id}\n text={label}\n labelDirection={labelDirection}\n srOnly={labelSrOnly}\n disabled={disabled}\n skeleton={skeleton}\n />\n )}\n\n <span\n className=\"dnb-date-picker__inner\"\n ref={innerRef}\n {...remainingPickerProps}\n >\n <AlignmentHelper />\n\n <FormStatus\n show={showStatus}\n id={id + '-form-status'}\n globalStatus={globalStatus}\n label={String(label)}\n text_id={id + '-status'} // used for \"aria-describedby\"\n width_selector={id + '-shell'}\n text={status}\n state={statusState}\n no_animation={statusNoAnimation}\n skeleton={skeleton}\n {...statusProps}\n />\n\n <span className=\"dnb-date-picker__row\">\n <span className=\"dnb-date-picker__shell\" id={`${id}-shell`}>\n <DatePickerInput\n id={id}\n title={title}\n disabled={disabled}\n stretch={stretch}\n skeleton={skeleton}\n maskOrder={maskOrder}\n maskPlaceholder={maskPlaceholder}\n isRange={range}\n showInput={showInput}\n selectedDateTitle={selectedDateTitle}\n inputElement={inputElement}\n opened={opened}\n hidden={hidden}\n size={size}\n status={status ? 'error' : null}\n statusState={statusState}\n lang={context.locale}\n {...attributes}\n submitAttributes={remainingSubmitProps}\n onSubmit={togglePicker}\n {...statusProps}\n />\n\n {!hidden && (\n <DatePickerPortal\n alignment={alignPicker}\n skipPortal={skipPortal}\n targetElementRef={innerRef}\n >\n <span\n className={containerClassNames}\n ref={calendarContainerRef}\n >\n <span\n className=\"dnb-date-picker__triangle\"\n ref={triangleRef}\n />\n <DatePickerRange\n id={id}\n firstDayOfWeek={firstDay}\n resetDate={resetDate}\n isRange={range}\n isLink={link}\n isSync={sync}\n hideDays={shouldHideDays}\n hideNav={shouldHideNavigation}\n // TODO: refactor to not be views, do reduce view complexity\n views={\n hideNavigationButtons\n ? [{ nextBtn: false, prevBtn: false }]\n : null\n }\n onlyMonth={onlyMonth}\n hideNextMonthWeek={hideLastWeek}\n noAutoFocus={disableAutofocus}\n onChange={onPickerChange}\n locale={context.locale}\n />\n {(addonElement || shortcuts) && (\n <DatePickerAddon\n renderElement={addonElement}\n shortcuts={shortcuts}\n />\n )}\n <DatePickerFooter\n isRange={range}\n onSubmit={onSubmitHandler}\n onCancel={onCancelHandler}\n onReset={onResetHandler}\n submitButtonText={submitButtonText}\n cancelButtonText={cancelButtonText}\n resetButtonText={resetButtonText}\n />\n </span>\n </DatePickerPortal>\n )}\n </span>\n {suffix && (\n <Suffix\n className=\"dnb-date-picker__suffix\"\n id={id + '-suffix'} // used for \"aria-describedby\"\n context={props}\n >\n {suffix}\n </Suffix>\n )}\n </span>\n </span>\n\n <p className=\"dnb-sr-only\" aria-live=\"assertive\">\n {selectedDateTitle}\n </p>\n </span>\n </DatePickerProvider>\n )\n}\n\nconst NonAttributes = [\n 'locale',\n 'id',\n 'month',\n 'date',\n 'startDate',\n 'endDate',\n 'minDate',\n 'maxDate',\n 'enableKeyboardNav',\n 'hideNavigation',\n 'returnFormat',\n 'dateFormat',\n 'hideDays',\n 'correctInvalidDate',\n 'opened',\n 'direction',\n 'range',\n 'showInput',\n 'noAnimation',\n 'onDaysRender',\n 'onShow',\n 'onType',\n 'onHide',\n 'showSubmitButton',\n 'showCancelButton',\n 'selectedDate',\n 'selectedMonth',\n 'selectedYear',\n 'nextMonth',\n 'nextYear',\n 'openPickerText',\n 'placeholderCharacters',\n 'prevMonth',\n 'prevYear',\n 'endMonth',\n 'startMonth',\n 'alignPicker',\n 'preventClose',\n 'selectedDateRange',\n 'yearNavigation',\n]\n\nfunction filterOutNonAttributes(props: DatePickerProps) {\n return Object.keys(props).reduce((attributes, key) => {\n if (!NonAttributes.includes(key)) {\n attributes[key] = props[key]\n }\n return attributes\n }, {})\n}\n\nexport default DatePicker\n\nDatePicker._supportsSpacingProps = true\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"DatePicker.js","names":["React","useCallback","useContext","useEffect","useLayoutEffect","useMemo","useRef","useState","classnames","warn","makeUniqueId","extendPropsWithContext","detectOutsideClick","getStatusState","combineDescribedBy","validateDOMAttributes","AlignmentHelper","createSpacingClasses","skeletonDOMAttributes","Context","Suffix","FormLabel","FormStatus","DatePickerProvider","DatePickerRange","DatePickerInput","DatePickerAddon","DatePickerFooter","pickFormElementProps","useTranslation","convertSnakeCaseProps","DatePickerPortal","formatDate","formatDateRange","defaultProps","hideNavigation","hideDays","onlyMonth","hideLastWeek","disableAutofocus","enableKeyboardNav","showInput","resetDate","range","link","sync","statusState","opened","noAnimation","direction","skipPortal","yearNavigation","DatePicker","externalProps","props","_objectSpread","preventClose","onHide","onShow","onSubmit","onCancel","onReset","alignPicker","showSubmitButton","showCancelButton","correctInvalidDate","openedProp","endDate","endDateProp","setOpened","hidden","setHidden","dates","setDates","context","blurDelay","id","innerRef","triangleRef","submitButtonRef","getReturnObject","hideTimeout","outsideClick","calendarContainerRef","translation","removeOutsideClickHandler","current","remove","hidePicker","args","event","persist","setTimeout","focus","preventScroll","e","setOutsideClickHandler","focusOnHide","setTrianglePosition","triangleWidth","shellWidth","querySelector","getBoundingClientRect","width","buttonWidth","distance","style","marginRight","marginLeft","showPicker","clearTimeout","onPickerChange","_ref","shouldHidePicker","_objectWithoutProperties","_excluded","startDate","onSubmitHandler","onCancelHandler","onResetHandler","togglePicker","extendedProps","skeleton","getTranslation","FormRow","formElement","label","title","labelDirection","labelSrOnly","firstDay","inputElement","addonElement","shortcuts","disabled","stretch","size","status","statusProps","statusNoAnimation","globalStatus","suffix","maskOrder","maskPlaceholder","submitButtonText","cancelButtonText","resetButtonText","showResetButton","className","tooltip","labelAlignment","restProps","_excluded2","attributes","filterOutNonAttributes","showStatus","pickerParams","submitParams","ref","tabIndex","selectedDateTitle","selectedDate","selectedDateRange","options","locale","formatOptions","weekday","month","day","year","replace","mainParams","lang","containerClassNames","remainingDOMProps","remainingSubmitProps","remainingPickerProps","createElement","_extends","setReturnObject","fn","forId","text","srOnly","_AlignmentHelper","show","String","text_id","width_selector","state","no_animation","isRange","submitAttributes","alignment","targetElementRef","firstDayOfWeek","isLink","isSync","hideNextMonthWeek","noAutoFocus","renderElement","NonAttributes","Object","keys","reduce","key","includes","_supportsSpacingProps"],"sources":["../../../../src/components/date-picker/DatePicker.tsx"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React, {\n HTMLProps,\n useCallback,\n useContext,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n warn,\n makeUniqueId,\n extendPropsWithContext,\n detectOutsideClick,\n getStatusState,\n combineDescribedBy,\n validateDOMAttributes,\n DetectOutsideClickClass,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { skeletonDOMAttributes } from '../skeleton/SkeletonHelper'\n\nimport Context, { Locale } from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus, {\n FormStatusProps,\n FormStatusState,\n FormStatusText,\n} from '../form-status/FormStatus'\nimport DatePickerProvider, {\n DatePickerChangeEvent,\n type ReturnObject,\n} from './DatePickerProvider'\nimport DatePickerRange from './DatePickerRange'\nimport DatePickerInput from './DatePickerInput'\nimport DatePickerAddon, { DatePickerAddonProps } from './DatePickerAddon'\nimport DatePickerFooter from './DatePickerFooter'\nimport { SpacingProps } from '../space/types'\nimport { InputInputElement, InputSize } from '../Input'\nimport { SkeletonShow } from '../Skeleton'\nimport { GlobalStatusConfigObject } from '../GlobalStatus'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport { CalendarDay, DatePickerCalendarProps } from './DatePickerCalendar'\nimport { DatePickerContextValues, DateType } from './DatePickerContext'\nimport { DatePickerDates } from './hooks/useDates'\nimport { useTranslation } from '../../shared'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\nimport DatePickerPortal from './DatePickerPortal'\nimport {\n FormatDateOptions,\n formatDate,\n formatDateRange,\n} from './DatePickerCalc'\n\nexport type DatePickerEventAttributes = {\n day?: string\n year?: string\n start?: string\n end?: string\n} & Record<string, unknown>\n\n// Takes the return object from DatePickerProvider and extends it with the event\nexport type DatePickerEvent<T> = ReturnObject<T>\n\ntype FocusOnHide = { focusOnHide?: boolean | string }\n\nexport type DisplayPickerEvent = (\n | React.MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLElement>\n | MouseEvent\n | KeyboardEvent\n | FocusOnHide\n) &\n DatePickerDates &\n FocusOnHide & {\n event?: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n }\n\nexport type DatePickerProps = {\n /**\n * Defines the pre-filled date by either a JavaScript DateInstance or (ISO 8601) like `date=\"2019-05-05\"`.\n */\n date?: DateType\n /**\n * To set the pre-filled starting date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `maskPlaceholder`.\n */\n startDate?: DateType\n /**\n * To set the pre-filled ending date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `maskPlaceholder`.\n */\n endDate?: DateType\n /**\n * To display what month should be shown in the first calendar by default. Defaults to the `date` respective `startDate`.\n */\n month?: DateType\n /**\n * To display what month should be shown in the first calendar by default. Defaults to the `date` respective `startDate`.\n */\n startMonth?: DateType\n /**\n * To display what month should be shown in the second calendar by default. Defaults to the `date` respective `startDate`.\n */\n endMonth?: DateType\n /**\n * To limit a date range to a minimum `startDate`. Defaults to `null`.\n */\n minDate?: DateType\n /**\n * To limit a date range to a maximum `endDate`. Defaults to `null`.\n */\n maxDate?: DateType\n /**\n * To define the order of the masked placeholder input fields. Defaults to `dd/mm/yyyy`\n */\n maskOrder?: string\n /**\n * To display the placeholder on input. Defaults to `dd/mm/åååå`.\n */\n maskPlaceholder?: string\n /**\n * Defines how the prop dates (`date`, `startDate` and `endDate`) should be parsed, e.g. `yyyy/MM/dd`. Defaults to `yyyy-MM-dd`.\n */\n dateFormat?: string\n /**\n * Defines how the returned date, as a string, should be formatted as. Defaults to `yyyy-MM-dd`.\n */\n returnFormat?: string\n /**\n * If set to `true`, the navigation will be hidden. Defaults to `false`.\n */\n hideNavigation?: boolean\n /**\n * If set to `true`, the week days will be hidden. Defaults to `false`.\n */\n hideDays?: boolean\n /**\n * Use `true` to only show the defined month. Disables the month navigation possibility. Defaults to `false`.\n */\n onlyMonth?: boolean\n /**\n * Use `true` to only show the last week in the current month if it needs to be shown. The result is that there will mainly be shows five (5) weeks (rows) instead of six (6). Defaults to `false`.\n */\n hideLastWeek?: boolean\n /**\n * Once the date picker gets opened, there is a focus handling to ensure good accessibility. can be disabled with property. Defaults to `false`.\n */\n disableAutofocus?: boolean\n enableKeyboardNav?: boolean\n /**\n * If the input fields with the mask should be visible. Defaults to `false`.\n */\n showInput?: boolean\n /**\n * If set to `true`, a submit button will be shown. You can change the default text by using `submitButtonText=\"Ok\"`. Defaults to `false`. If the `range` prop is `true`, then the submit button is shown.\n */\n showSubmitButton?: boolean\n /**\n * If set to `true`, a cancel button will be shown. You can change the default text by using `cancelButtonText=\"Avbryt\"` Defaults to `false`. If the `range` prop is `true`, then the cancel button is shown.\n */\n showCancelButton?: boolean\n /**\n * If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText=\"Tilbakestill\"` Defaults to `false`.\n */\n showResetButton?: boolean\n submitButtonText?: string\n cancelButtonText?: string\n resetButtonText?: string\n resetDate?: boolean\n /**\n * To define the first day of the week. Defaults to `monday`.\n */\n firstDay?:\n | 'monday'\n | 'tuesday'\n | 'wednesday'\n | 'thursday'\n | 'friday'\n | 'saturday'\n | 'sunday'\n /**\n * If the date picker should support a range of two dates (starting and ending date). Defaults to `false`.\n */\n range?: boolean\n /**\n * Link both calendars, once to the user is navigating between months. Only meant to use if the range is set to `true`. Defaults to `false`.\n */\n link?: boolean\n /**\n * Sync input values with the calendars views. Once the input values get changed, the calendar changes its views in sync. Defaults to `true`.\n */\n sync?: boolean\n /**\n * A prepending label in sync with the date input field.\n */\n label?: React.ReactNode\n /**\n * Use `labelDirection=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.\n */\n labelDirection?: 'vertical' | 'horizontal'\n /**\n * Use `true` to make the label only readable by screen readers.\n */\n labelSrOnly?: boolean\n /**\n * Gives you the possibility to use a plain/vanilla `<input />` HTML element by defining it as a string `inputElement=\"input\"`, a React element, or a render function `inputElement={(internalProps) => (<Return />)}`. Can also be used in circumstances where the `react-text-mask` not should be used, e.g. in testing environments. Defaults to custom masked input.\n */\n inputElement?: InputInputElement\n /**\n * Gives you the possibility to inject a React element showing up over the footer. Use it to customize `shortcuts`.\n */\n addonElement?: React.ReactNode\n /**\n * Gives you the possibility to set predefined dates and date ranges so the user can select these by one click. Define either a JSON or an object with the defined shortcuts. More info is below.\n */\n shortcuts?: DatePickerAddonProps['shortcuts']\n disabled?: boolean\n /**\n * If set to `true`, then the date-picker input field will be 100% in `width`.\n */\n stretch?: boolean\n /**\n * If set to `true`, an overlaying skeleton with animation will be shown.\n */\n skeleton?: SkeletonShow\n /**\n * The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`.\n */\n size?: InputSize\n /**\n * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.\n */\n status?: FormStatusText\n /**\n * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.\n */\n statusState?: FormStatusState\n /**\n * Use an object to define additional FormStatus properties.\n */\n statusProps?: FormStatusProps\n statusNoAnimation?: boolean\n /**\n * The <a href=\"/uilib/components/global-status/properties/#configuration-object\">configuration</a> used for the target <a href=\"/uilib/components/global-status\">GlobalStatus</a>.\n */\n globalStatus?: GlobalStatusConfigObject\n /**\n * Text describing the content of the DatePicker more than the label. You can also send in a React component, so it gets wrapped inside the DatePicker component.\n */\n suffix?: React.ReactNode\n /**\n * To open the date-picker by default. Defaults to `false`.\n */\n opened?: boolean\n /**\n * Provide a short Tooltip content that shows up on the picker button.\n */\n tooltip?: React.ReactNode\n tabIndex?: number\n preventClose?: boolean\n noAnimation?: boolean\n direction?: 'auto' | 'top' | 'bottom'\n /**\n * Use `right` to change the calendar alignment direction. Defaults to `left`.\n */\n alignPicker?: 'auto' | 'left' | 'right'\n /**\n * Sets the alignment of the label. Defaults to `left`.\n */\n labelAlignment?: 'left' | 'right'\n /**\n * If set to `true`, the calendar will not be rendered inside a react portal. Defaults to `false`.\n */\n skipPortal?: boolean\n /**\n * Will enable year navigation in the calendar if set to `true`. Defaults to `false`.\n */\n yearNavigation?: boolean\n className?: string\n /**\n * Will be called right before every new calendar view gets rendered. See the example above.\n */\n onDaysRender?: (\n days: Array<CalendarDay>,\n nr?: DatePickerCalendarProps['nr']\n ) => void\n /**\n * Will be called on a date change event. Returns an `object`. See Returned Object below.\n */\n onChange?: (\n event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /**\n * Will be called on every input and date picker interaction. Returns an `object`. See Returned Object below.\n */\n onType?: (\n event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /**\n * Will be called once date-picker is visible.\n */\n onShow?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n /**\n * Will be called once date-picker is hidden.\n */\n onHide?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n /**\n * Will be called once a user presses the submit button.\n */\n onSubmit?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /**\n * Will be called once a user presses the cancel button.\n */\n onCancel?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /**\n * Will be called once a user presses the reset button.\n */\n onReset?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /**\n * Will be called once the input gets focus.\n */\n onFocus?: (event: DatePickerEvent<React.FocusEvent<HTMLElement>>) => void\n /**\n * Will be called once the input lose focus.\n */\n onBlur?: (event: DatePickerEvent<React.FocusEvent<HTMLElement>>) => void\n}\n// Can be removed in v11\ntype DatePickerDeprecatedProps = {\n /**\n * @deprecated use `startDate` instead.\n */\n start_date?: DateType\n /**\n * @deprecated use `endDate` instead.\n */\n end_date?: DateType\n /**\n * @deprecated use `startMonth` instead.\n */\n start_month?: DateType\n /**\n * @deprecated use `endMonth` instead.\n */\n end_month?: DateType\n /**\n * @deprecated use `minDate` instead.\n */\n min_date?: DateType\n /**\n * @deprecated use `maxDate` instead.\n */\n max_date?: DateType\n /**\n * @deprecated use `Field.Date` instead, for {@link https://eufemia.dnb.no/uilib/extensions/forms/feature-fields/Date/#date-limit-validation | built in validation}.\n * It's not good UX, or best practice to automatically change the user input. This often leads to confusion, as what they typed in, magically changes for seemingly no reason. It's better to inform them about the error and let them correct it themselves.\n *\n * Deprecated – can be removed in v11\n */\n correctInvalidDate?: boolean\n /**\n * @deprecated use `Field.Date` instead, for {@link https://eufemia.dnb.no/uilib/extensions/forms/feature-fields/Date/#date-limit-validation | built in validation}.\n * It's not good UX, or best practice to automatically change the user input. This often leads to confusion, as what they typed in, magically changes for seemingly no reason. It's better to inform them about the error and let them correct it themselves.\n *\n * Deprecated – can be removed in v11\n */\n correct_invalid_date?: boolean\n /**\n * @deprecated use `maskOrder` instead.\n */\n mask_order?: string\n /**\n * @deprecated use `maskPlaceholder` instead.\n */\n mask_placeholder?: string\n /**\n * @deprecated use `dateFormat` instead.\n */\n date_format?: string\n /**\n * @deprecated use `returnFormat` instead.\n */\n return_format?: string\n /**\n * @deprecated use `hideNavigation` instead.\n */\n hide_navigation?: boolean\n /**\n * @deprecated does not do anything.\n */\n hideNavigationButtons?: boolean\n /**\n * @deprecated does not do anything.\n */\n hide_navigation_buttons?: boolean\n /**\n * @deprecated use `hideDays` instead.\n */\n hide_days?: boolean\n /**\n * @deprecated use `onlyMonth` instead.\n */\n only_month?: boolean\n /**\n * @deprecated use `hideLastWeek` instead.\n */\n hide_last_week?: boolean\n /**\n * @deprecated use `disableAutofocus` instead.\n */\n disable_autofocus?: boolean\n /**\n * @deprecated use `enableKeyboardNav` instead.\n */\n enable_keyboard_nav?: boolean\n /**\n * @deprecated use `showInput` instead.\n */\n show_input?: boolean\n /**\n * @deprecated use `showSubmitButton` instead.\n */\n show_submit_button?: boolean\n /**\n * @deprecated use `showCancelButton` instead.\n */\n show_cancel_button?: boolean\n /**\n * @deprecated\n */\n show_reset_button?: boolean\n /**\n * @deprecated use `submitButtonText` instead.\n */\n submit_button_text?: string\n /**\n * @deprecated use `cancelButtonText` instead.\n */\n cancel_button_text?: string\n /**\n * @deprecated use `resetButtonText` instead.\n */\n reset_button_text?: string\n /**\n * @deprecated use `resetDate` instead.\n */\n reset_date?: boolean\n /**\n * @deprecated use `firstDay` instead.\n */\n first_day?: string\n /**\n * @deprecated set locale with `Provider` instead.\n */\n locale?: Locale\n /**\n * @deprecated use `labelDirection` instead.\n */\n label_direction?: 'vertical' | 'horizontal'\n /**\n * @deprecated use `labelSrOnly` instead.\n */\n label_sr_only?: boolean\n /**\n * @deprecated use `inputElement` instead.\n */\n input_element?: InputInputElement\n /**\n * @deprecated use `addonElement` instead.\n */\n addon_element?: React.ReactNode\n /**\n * @deprecated use `statusState` instead.\n */\n status_state?: FormStatusState\n /**\n * @deprecated use `statusProps` instead.\n */\n status_props?: FormStatusProps\n /**\n * @deprecated use `statusNoAnimation` instead.\n */\n status_no_animation?: boolean\n /**\n * @deprecated use `preventClose` instead.\n */\n prevent_close?: boolean\n /**\n * @deprecated use `no_animation` instead.\n */\n no_animation?: boolean\n /**\n * @deprecated use `alignPicker` instead.\n */\n align_picker?: 'auto' | 'left' | 'right'\n /**\n * @deprecated use `onDaysRender` instead.\n */\n on_days_render?: (\n days: Array<CalendarDay>,\n nr?: DatePickerCalendarProps['nr']\n ) => void\n /**\n * @deprecated use `onChange` instead.\n */\n on_change?: (\n event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /**\n * @deprecated use `onType` instead.\n */\n on_type?: (\n event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /**\n * @deprecated use `onShow` instead.\n */\n on_show?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n /**\n * @deprecated use `onHide` instead.\n */\n on_hide?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n /**\n * @deprecated use `onSubmit` instead.\n */\n on_submit?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /**\n * @deprecated use `onCancel` instead.\n */\n on_cancel?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n /**\n * @deprecated use `onReset` instead.\n */\n on_reset?: (\n event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n ) => void\n}\n\nexport type DatePickerAllProps = DatePickerProps &\n DatePickerDeprecatedProps &\n SpacingProps &\n Omit<\n React.HTMLProps<HTMLElement>,\n | 'ref'\n | 'children'\n | 'label'\n | 'size'\n | 'onChange'\n | 'onBlur'\n | 'onFocus'\n | 'onSubmit'\n | 'onReset'\n | 'start'\n >\n\nconst defaultProps: DatePickerProps = {\n hideNavigation: false,\n hideDays: false,\n onlyMonth: false,\n hideLastWeek: false,\n disableAutofocus: false,\n enableKeyboardNav: false,\n showInput: false,\n resetDate: true,\n range: false,\n link: false,\n sync: true,\n statusState: 'error',\n opened: false,\n noAnimation: false,\n direction: 'auto',\n skipPortal: false,\n yearNavigation: false,\n}\n\nfunction DatePicker(externalProps: DatePickerAllProps) {\n const props = { ...defaultProps, ...externalProps }\n\n const {\n preventClose,\n onHide,\n onShow,\n onSubmit,\n onCancel,\n onReset,\n noAnimation,\n showInput,\n alignPicker,\n showSubmitButton,\n showCancelButton,\n range,\n hideDays,\n hideNavigation,\n // Deprecated – can be removed in v11\n correctInvalidDate,\n opened: openedProp,\n endDate: endDateProp,\n } = convertSnakeCaseProps(props) // convertSnakeCaseProps - can be removed in v11\n\n const [opened, setOpened] = useState<boolean>(openedProp)\n const [hidden, setHidden] = useState(!opened)\n const [dates, setDates] = useState<\n Pick<DatePickerDates, 'startDate' | 'endDate'>\n >({})\n\n const context = useContext(Context)\n const blurDelay = 201 // some ms more than \"dropdownSlideDown 200ms\"\n const id = props.id || makeUniqueId()\n\n const innerRef = useRef<HTMLSpanElement>()\n const triangleRef = useRef<HTMLSpanElement>()\n const submitButtonRef = useRef<HTMLButtonElement>()\n const getReturnObject =\n useRef<DatePickerContextValues['getReturnObject']>()\n const hideTimeout = useRef<NodeJS.Timeout>()\n const outsideClick = useRef<DetectOutsideClickClass>()\n const calendarContainerRef = useRef<HTMLDivElement>()\n\n const translation = useTranslation().DatePicker\n\n if (correctInvalidDate) {\n warn(\n `Use 'Field.Date' instead, for built in validation (https://eufemia.dnb.no/uilib/extensions/forms/feature-fields/Date/#date-limit-validation).`\n )\n }\n\n if (endDateProp && !range) {\n warn(\n `The DatePicker got a \"endDate\". You have to set range={true} as well!.`\n )\n }\n\n const removeOutsideClickHandler = useCallback(() => {\n if (outsideClick.current) {\n outsideClick.current.remove()\n }\n }, [])\n\n const hidePicker = useCallback(\n (args?: DisplayPickerEvent) => {\n if (preventClose) {\n return // stop here\n }\n\n if (args && args.event && args.event.persist) {\n args.event.persist()\n }\n\n setOpened(false)\n\n hideTimeout.current = setTimeout(\n () => {\n setHidden(true)\n onHide?.({\n ...getReturnObject.current(args),\n })\n if (args?.['focusOnHide']) {\n try {\n submitButtonRef.current.focus({\n preventScroll: true,\n })\n } catch (e) {\n warn(e)\n }\n }\n },\n noAnimation ? 1 : blurDelay\n ) // wait until animation is over\n\n removeOutsideClickHandler()\n },\n [noAnimation, preventClose, onHide, removeOutsideClickHandler]\n )\n\n const setOutsideClickHandler = useCallback(() => {\n outsideClick.current = detectOutsideClick(\n // Sending in portalRef, instead of portalRef.current,\n // as that would lead to the ignoreElement being null/undefined,\n // since the portal has not been rendered yet,\n // causing the calendar to close when clicking on the calendar itself\n [innerRef.current, calendarContainerRef],\n ({ event }: { event: MouseEvent | KeyboardEvent }) => {\n hidePicker({ ...event, focusOnHide: event?.['code'] })\n }\n )\n }, [hidePicker])\n\n const setTrianglePosition = useCallback(() => {\n const triangleWidth = 16\n if (showInput && triangleRef.current && innerRef.current) {\n try {\n const shellWidth = innerRef.current\n .querySelector('.dnb-input__shell')\n .getBoundingClientRect().width\n\n const buttonWidth = innerRef.current\n .querySelector('.dnb-input__submit-button__button')\n .getBoundingClientRect().width\n\n if (alignPicker === 'right') {\n const distance = buttonWidth / 2 - triangleWidth / 2\n triangleRef.current.style.marginRight = `${distance / 16}rem`\n } else {\n const distance = shellWidth - buttonWidth / 2 - triangleWidth / 2\n triangleRef.current.style.marginLeft = `${distance / 16}rem`\n }\n } catch (e) {\n warn(e)\n }\n }\n }, [showInput, alignPicker])\n\n const showPicker = useCallback(\n (event?: DisplayPickerEvent) => {\n if (hideTimeout.current) {\n clearTimeout(hideTimeout.current)\n }\n\n setOpened(true)\n setHidden(false)\n\n onShow?.({ ...getReturnObject.current(event) })\n\n setOutsideClickHandler()\n },\n [setOutsideClickHandler, onShow]\n )\n\n // Make sure the triangle is positioned correctly after calendar is mounted\n useLayoutEffect(() => {\n if (!hidden) {\n setTrianglePosition()\n }\n }, [hidden, setTrianglePosition])\n\n // React to opened prop changes\n useEffect(() => {\n if (openedProp) {\n showPicker()\n }\n }, [openedProp, showPicker])\n\n const onPickerChange = useCallback(\n ({\n hidePicker: shouldHidePicker = true,\n ...args\n }: DatePickerChangeEvent<\n | React.MouseEvent<HTMLSpanElement>\n | React.KeyboardEvent<HTMLTableElement>\n >) => {\n if (shouldHidePicker && !showSubmitButton && !showCancelButton) {\n hidePicker({ focusOnHide: true })\n }\n\n setDates({ startDate: args.startDate, endDate: args.endDate })\n },\n [hidePicker, showSubmitButton, showCancelButton]\n )\n\n const onSubmitHandler = useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n hidePicker(event)\n onSubmit?.({\n ...getReturnObject.current({ event }),\n })\n },\n [hidePicker, onSubmit]\n )\n\n const onCancelHandler = useCallback(\n (\n event: DatePickerChangeEvent<React.MouseEvent<HTMLButtonElement>>\n ) => {\n hidePicker()\n onCancel?.({ ...getReturnObject.current(event) })\n },\n [hidePicker, onCancel]\n )\n\n const onResetHandler = useCallback(\n (\n event: DatePickerChangeEvent<React.MouseEvent<HTMLButtonElement>>\n ) => {\n hidePicker()\n onReset?.({ ...getReturnObject.current(event) })\n },\n [hidePicker, onReset]\n )\n\n const togglePicker = useCallback(\n (args: React.MouseEvent<HTMLButtonElement>) => {\n !opened ? showPicker(args) : hidePicker(args)\n },\n [opened, showPicker, hidePicker]\n )\n\n // use only the props from context, who are available here anyway\n const extendedProps = extendPropsWithContext(\n props,\n defaultProps,\n { skeleton: context?.skeleton },\n convertSnakeCaseProps(context.getTranslation(props).DatePicker), // convertSnakeCaseProps - can be removed in v11\n pickFormElementProps(context?.FormRow), // Deprecated – can be removed in v11\n convertSnakeCaseProps(pickFormElementProps(context?.formElement)), // Deprecated – can be removed in v11\n context.DatePicker\n )\n\n const {\n label,\n title,\n labelDirection,\n labelSrOnly,\n onlyMonth,\n hideLastWeek,\n disableAutofocus,\n firstDay,\n resetDate,\n link,\n sync,\n inputElement,\n addonElement,\n shortcuts,\n disabled,\n stretch,\n skeleton,\n size,\n status,\n statusState,\n statusProps,\n statusNoAnimation,\n globalStatus,\n suffix,\n maskOrder,\n maskPlaceholder,\n submitButtonText,\n cancelButtonText,\n resetButtonText,\n showResetButton,\n className,\n tooltip,\n skipPortal,\n labelAlignment,\n ...restProps\n } = extendedProps\n\n const attributes = useMemo(\n () => filterOutNonAttributes(restProps),\n [restProps]\n )\n\n const showStatus = getStatusState(status)\n\n const pickerParams = {} as HTMLProps<HTMLSpanElement>\n\n if (showStatus || suffix) {\n pickerParams['aria-describedby'] = combineDescribedBy(\n pickerParams,\n showStatus ? id + '-status' : null,\n suffix ? id + '-suffix' : null\n )\n }\n\n const submitParams = {\n ['aria-expanded']: opened,\n ref: submitButtonRef,\n tabIndex: extendedProps.tabIndex,\n tooltip,\n }\n\n const selectedDateTitle = useMemo(() => {\n const { selectedDate, selectedDateRange } = translation\n const { startDate, endDate } = dates\n\n if (!startDate) {\n return ''\n }\n\n const options: FormatDateOptions = {\n locale: context.locale,\n formatOptions: {\n weekday: 'long',\n month: 'long',\n day: 'numeric',\n year: 'numeric',\n },\n }\n\n return range && endDate\n ? selectedDateRange.replace(\n /%s/,\n formatDateRange({ startDate, endDate }, options)\n )\n : selectedDate.replace(/%s/, formatDate(startDate, options))\n }, [range, translation, dates, context.locale])\n\n const mainParams = {\n className: classnames(\n 'dnb-date-picker',\n status && `dnb-date-picker__status--${statusState}`,\n labelDirection && `dnb-date-picker--${labelDirection}`,\n opened && 'dnb-date-picker--opened',\n hidden && 'dnb-date-picker--hidden',\n showInput && 'dnb-date-picker--show-input',\n label &&\n labelAlignment === 'right' &&\n 'dnb-date-picker__input--label-alignment-right',\n (range || showSubmitButton || showCancelButton || showResetButton) &&\n 'dnb-date-picker--show-footer',\n alignPicker && `dnb-date-picker--${alignPicker}`,\n stretch && `dnb-date-picker--stretch`,\n 'dnb-form-component',\n size && `dnb-date-picker--${size}`,\n createSpacingClasses(props),\n className\n ),\n lang: context.locale,\n } as HTMLProps<HTMLSpanElement>\n\n const containerClassNames = classnames(\n 'dnb-date-picker__container',\n opened && 'dnb-date-picker__container--opened',\n !opened && 'dnb-date-picker__container--closed',\n hidden && 'dnb-date-picker__container--hidden',\n showInput && 'dnb-date-picker__container--show-input',\n alignPicker && `dnb-date-picker__container--${alignPicker}`,\n size && `dnb-date-picker--${size}`\n )\n\n const remainingDOMProps = validateDOMAttributes(props, attributes)\n const remainingSubmitProps = validateDOMAttributes(null, submitParams)\n const remainingPickerProps = validateDOMAttributes(\n null,\n skeletonDOMAttributes(pickerParams, skeleton, context)\n )\n\n return (\n <DatePickerProvider\n {...props}\n attributes={remainingDOMProps}\n setReturnObject={(fn) => (getReturnObject.current = fn)}\n hidePicker={hidePicker}\n >\n <span {...mainParams}>\n {label && (\n <FormLabel\n id={id + '-label'}\n forId={id}\n text={label}\n labelDirection={labelDirection}\n srOnly={labelSrOnly}\n disabled={disabled}\n skeleton={skeleton}\n />\n )}\n\n <span\n className=\"dnb-date-picker__inner\"\n ref={innerRef}\n {...remainingPickerProps}\n >\n <AlignmentHelper />\n\n <FormStatus\n show={showStatus}\n id={id + '-form-status'}\n globalStatus={globalStatus}\n label={String(label)}\n text_id={id + '-status'} // used for \"aria-describedby\"\n width_selector={id + '-shell'}\n text={status}\n state={statusState}\n no_animation={statusNoAnimation}\n skeleton={skeleton}\n {...statusProps}\n />\n\n <span className=\"dnb-date-picker__row\">\n <span className=\"dnb-date-picker__shell\" id={`${id}-shell`}>\n <DatePickerInput\n id={id}\n title={title}\n disabled={disabled}\n stretch={stretch}\n skeleton={skeleton}\n maskOrder={maskOrder}\n maskPlaceholder={maskPlaceholder}\n isRange={range}\n showInput={showInput}\n selectedDateTitle={selectedDateTitle}\n inputElement={inputElement}\n opened={opened}\n hidden={hidden}\n size={size}\n status={status ? 'error' : null}\n statusState={statusState}\n lang={context.locale}\n {...attributes}\n submitAttributes={remainingSubmitProps}\n onSubmit={togglePicker}\n {...statusProps}\n />\n\n {!hidden && (\n <DatePickerPortal\n alignment={alignPicker}\n skipPortal={skipPortal}\n targetElementRef={innerRef}\n >\n <span\n className={containerClassNames}\n ref={calendarContainerRef}\n >\n <span\n className=\"dnb-date-picker__triangle\"\n ref={triangleRef}\n />\n <DatePickerRange\n id={id}\n firstDayOfWeek={firstDay}\n resetDate={resetDate}\n isRange={range}\n isLink={link}\n isSync={sync}\n hideDays={hideDays}\n hideNavigation={hideNavigation}\n onlyMonth={onlyMonth}\n hideNextMonthWeek={hideLastWeek}\n noAutoFocus={disableAutofocus}\n onPickerChange={onPickerChange}\n locale={context.locale}\n />\n {(addonElement || shortcuts) && (\n <DatePickerAddon\n renderElement={addonElement}\n shortcuts={shortcuts}\n />\n )}\n <DatePickerFooter\n isRange={range}\n onSubmit={onSubmitHandler}\n onCancel={onCancelHandler}\n onReset={onResetHandler}\n submitButtonText={submitButtonText}\n cancelButtonText={cancelButtonText}\n resetButtonText={resetButtonText}\n />\n </span>\n </DatePickerPortal>\n )}\n </span>\n {suffix && (\n <Suffix\n className=\"dnb-date-picker__suffix\"\n id={id + '-suffix'} // used for \"aria-describedby\"\n context={props}\n >\n {suffix}\n </Suffix>\n )}\n </span>\n </span>\n\n <p className=\"dnb-sr-only\" aria-live=\"assertive\">\n {selectedDateTitle}\n </p>\n </span>\n </DatePickerProvider>\n )\n}\n\nconst NonAttributes = [\n 'locale',\n 'id',\n 'month',\n 'date',\n 'startDate',\n 'endDate',\n 'minDate',\n 'maxDate',\n 'enableKeyboardNav',\n 'hideNavigation',\n 'returnFormat',\n 'dateFormat',\n 'hideDays',\n 'correctInvalidDate',\n 'opened',\n 'direction',\n 'range',\n 'showInput',\n 'noAnimation',\n 'onDaysRender',\n 'onShow',\n 'onType',\n 'onHide',\n 'showSubmitButton',\n 'showCancelButton',\n 'selectedDate',\n 'selectedMonth',\n 'selectedYear',\n 'nextMonth',\n 'nextYear',\n 'openPickerText',\n 'placeholderCharacters',\n 'prevMonth',\n 'prevYear',\n 'endMonth',\n 'startMonth',\n 'alignPicker',\n 'preventClose',\n 'selectedDateRange',\n 'yearNavigation',\n]\n\nfunction filterOutNonAttributes(props: DatePickerProps) {\n return Object.keys(props).reduce((attributes, key) => {\n if (!NonAttributes.includes(key)) {\n attributes[key] = props[key]\n }\n return attributes\n }, {})\n}\n\nexport default DatePicker\n\nDatePicker._supportsSpacingProps = true\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -32,10 +32,8 @@ export type DatePickerCalendarProps = Omit<React.HTMLProps<HTMLElement>, 'onSele
|
|
|
32
32
|
*/
|
|
33
33
|
month?: Date;
|
|
34
34
|
hoverDate?: Date;
|
|
35
|
-
prevBtn?: boolean;
|
|
36
|
-
nextBtn?: boolean;
|
|
37
35
|
firstDayOfWeek?: string;
|
|
38
|
-
|
|
36
|
+
hideNavigation?: boolean;
|
|
39
37
|
hideDays?: boolean;
|
|
40
38
|
onlyMonth?: boolean;
|
|
41
39
|
hideNextMonthWeek?: boolean;
|