@dnb/eufemia 10.55.0 → 10.56.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 +31 -0
- package/cjs/components/accordion/Accordion.d.ts +2 -2
- package/cjs/components/accordion/Accordion.js.map +1 -1
- package/cjs/components/accordion/AccordionDocs.js +1 -1
- package/cjs/components/accordion/AccordionDocs.js.map +1 -1
- package/cjs/components/anchor/style/anchor-mixins.scss +3 -3
- package/cjs/components/anchor/style/dnb-anchor.css +6 -6
- package/cjs/components/anchor/style/dnb-anchor.min.css +1 -1
- package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +12 -12
- package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
- package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +3 -3
- package/cjs/components/button/style/themes/button-mixins.scss +2 -0
- package/cjs/components/button/style/themes/dnb-button-theme-eiendom.css +4 -0
- package/cjs/components/button/style/themes/dnb-button-theme-sbanken.css +4 -0
- package/cjs/components/button/style/themes/dnb-button-theme-ui.css +4 -0
- package/cjs/components/card/style/dnb-card.css +15 -0
- package/cjs/components/card/style/dnb-card.min.css +1 -1
- package/cjs/components/card/style/dnb-card.scss +17 -0
- package/cjs/components/card/style/themes/dnb-card-theme-ui.css +2 -1
- package/cjs/components/card/style/themes/dnb-card-theme-ui.min.css +1 -1
- package/cjs/components/card/style/themes/dnb-card-theme-ui.scss +3 -1
- package/cjs/components/date-picker/DatePicker.d.ts +248 -65
- package/cjs/components/date-picker/DatePicker.js +125 -135
- package/cjs/components/date-picker/DatePicker.js.map +1 -1
- package/cjs/components/date-picker/DatePickerAddon.js.map +1 -1
- package/cjs/components/date-picker/DatePickerCalc.d.ts +2 -2
- package/cjs/components/date-picker/DatePickerCalc.js +6 -6
- package/cjs/components/date-picker/DatePickerCalc.js.map +1 -1
- package/cjs/components/date-picker/DatePickerCalendar.d.ts +1 -1
- package/cjs/components/date-picker/DatePickerCalendar.js +9 -9
- package/cjs/components/date-picker/DatePickerCalendar.js.map +1 -1
- package/cjs/components/date-picker/DatePickerContext.d.ts +2 -2
- package/cjs/components/date-picker/DatePickerContext.js.map +1 -1
- package/cjs/components/date-picker/DatePickerDocs.d.ts +3 -0
- package/cjs/components/date-picker/DatePickerDocs.js +284 -0
- package/cjs/components/date-picker/DatePickerDocs.js.map +1 -0
- package/cjs/components/date-picker/DatePickerFooter.js +18 -18
- package/cjs/components/date-picker/DatePickerFooter.js.map +1 -1
- package/cjs/components/date-picker/DatePickerInput.d.ts +3 -3
- package/cjs/components/date-picker/DatePickerInput.js +18 -18
- package/cjs/components/date-picker/DatePickerInput.js.map +1 -1
- package/cjs/components/date-picker/DatePickerProvider.d.ts +2 -2
- package/cjs/components/date-picker/DatePickerProvider.js +25 -25
- package/cjs/components/date-picker/DatePickerProvider.js.map +1 -1
- package/cjs/components/date-picker/hooks/useDates.js +8 -8
- package/cjs/components/date-picker/hooks/useDates.js.map +1 -1
- package/cjs/components/dropdown/style/themes/dnb-dropdown-theme-sbanken.css +2 -0
- package/cjs/components/form-label/FormLabel.js +26 -3
- package/cjs/components/form-label/FormLabel.js.map +1 -1
- package/cjs/components/help-button/HelpButtonInline.d.ts +37 -0
- package/cjs/components/help-button/HelpButtonInline.js +184 -0
- package/cjs/components/help-button/HelpButtonInline.js.map +1 -0
- package/cjs/components/help-button/style/dnb-help-button-inline.css +98 -0
- package/cjs/components/help-button/style/dnb-help-button-inline.min.css +1 -0
- package/cjs/components/help-button/style/dnb-help-button-inline.scss +128 -0
- package/cjs/components/help-button/style/dnb-help-button.css +104 -1
- package/cjs/components/help-button/style/dnb-help-button.min.css +1 -1
- package/cjs/components/help-button/style/dnb-help-button.scss +3 -2
- package/cjs/components/help-button/style/themes/dnb-help-button-theme-sbanken.css +7 -0
- package/cjs/components/help-button/style/themes/dnb-help-button-theme-sbanken.min.css +1 -0
- package/cjs/components/help-button/style/themes/dnb-help-button-theme-sbanken.scss +10 -0
- package/cjs/components/help-button/style/themes/dnb-help-button-theme-ui.css +5 -2
- package/cjs/components/help-button/style/themes/dnb-help-button-theme-ui.min.css +1 -0
- package/cjs/components/help-button/style/themes/dnb-help-button-theme-ui.scss +7 -1
- package/cjs/components/list-format/ListFormat.d.ts +6 -4
- package/cjs/components/list-format/ListFormat.js +16 -9
- package/cjs/components/list-format/ListFormat.js.map +1 -1
- package/cjs/components/list-format/ListFormatDocs.js +18 -4
- package/cjs/components/list-format/ListFormatDocs.js.map +1 -1
- package/cjs/components/modal/ModalContent.js +4 -2
- package/cjs/components/modal/ModalContent.js.map +1 -1
- package/cjs/components/table/style/dnb-table.css +8 -0
- package/cjs/components/table/style/themes/dnb-table-theme-sbanken.css +2 -0
- package/cjs/components/tabs/style/dnb-tabs.css +2 -0
- package/cjs/components/tabs/style/themes/dnb-tabs-theme-eiendom.css +2 -0
- package/cjs/components/tabs/style/themes/dnb-tabs-theme-ui.css +2 -0
- package/cjs/components/tag/style/dnb-tag.css +2 -0
- package/cjs/components/textarea/Textarea.js +1 -1
- package/cjs/components/textarea/Textarea.js.map +1 -1
- package/cjs/components/textarea/style/themes/dnb-textarea-theme-ui.css +1 -1
- package/cjs/components/textarea/style/themes/dnb-textarea-theme-ui.min.css +1 -1
- package/cjs/components/textarea/style/themes/dnb-textarea-theme-ui.scss +2 -1
- package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.css +2 -0
- package/cjs/components/upload/style/dnb-upload.css +3 -2
- package/cjs/components/upload/style/dnb-upload.min.css +1 -1
- package/cjs/components/upload/style/dnb-upload.scss +3 -2
- package/cjs/elements/ElementDocs.d.ts +1 -0
- package/cjs/elements/ElementDocs.js +20 -12
- package/cjs/elements/ElementDocs.js.map +1 -1
- package/cjs/elements/lib.d.ts +4 -7
- package/cjs/elements/lists/Dl.d.ts +1 -1
- package/cjs/elements/lists/Dl.js.map +1 -1
- package/cjs/elements/lists/DlDocs.js +1 -1
- package/cjs/elements/lists/DlDocs.js.map +1 -1
- package/cjs/elements/lists/Li.d.ts +1 -1
- package/cjs/elements/lists/Li.js +4 -4
- package/cjs/elements/lists/Li.js.map +1 -1
- package/cjs/elements/lists/Ol.d.ts +2 -2
- package/cjs/elements/lists/Ol.js +3 -3
- package/cjs/elements/lists/Ol.js.map +1 -1
- package/cjs/elements/lists/OlDocs.js +1 -1
- package/cjs/elements/lists/OlDocs.js.map +1 -1
- package/cjs/elements/lists/Ul.d.ts +2 -2
- package/cjs/elements/lists/Ul.js +3 -3
- package/cjs/elements/lists/Ul.js.map +1 -1
- package/cjs/elements/lists/UlDocs.js +1 -1
- package/cjs/elements/lists/UlDocs.js.map +1 -1
- package/cjs/elements/typography/P.d.ts +9 -5
- package/cjs/elements/typography/P.js +24 -13
- package/cjs/elements/typography/P.js.map +1 -1
- package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +2 -2
- package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js +11 -20
- package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
- package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +4 -4
- package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
- package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.scss +4 -4
- package/cjs/extensions/forms/Field/BankAccountNumber/BankAccountNumberDocs.js +0 -5
- package/cjs/extensions/forms/Field/BankAccountNumber/BankAccountNumberDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/Boolean/Boolean.d.ts +2 -2
- package/cjs/extensions/forms/Field/Boolean/Boolean.js.map +1 -1
- package/cjs/extensions/forms/Field/Composition/Composition.d.ts +1 -1
- package/cjs/extensions/forms/Field/Composition/Composition.js.map +1 -1
- package/cjs/extensions/forms/Field/Composition/CompositionDocs.js +16 -9
- package/cjs/extensions/forms/Field/Composition/CompositionDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/Currency/CurrencyDocs.js +0 -5
- package/cjs/extensions/forms/Field/Currency/CurrencyDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/Date/Date.d.ts +17 -4
- package/cjs/extensions/forms/Field/Date/Date.js +62 -34
- package/cjs/extensions/forms/Field/Date/Date.js.map +1 -1
- package/cjs/extensions/forms/Field/Date/DateDocs.d.ts +8 -0
- package/cjs/extensions/forms/Field/Date/DateDocs.js +52 -13
- package/cjs/extensions/forms/Field/Date/DateDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/Expiry/Expiry.d.ts +2 -2
- package/cjs/extensions/forms/Field/Expiry/Expiry.js +2 -7
- package/cjs/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
- package/cjs/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.js +0 -5
- package/cjs/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/Number/Number.d.ts +2 -2
- package/cjs/extensions/forms/Field/Number/Number.js +2 -9
- package/cjs/extensions/forms/Field/Number/Number.js.map +1 -1
- package/cjs/extensions/forms/Field/Number/NumberDocs.js +0 -5
- package/cjs/extensions/forms/Field/Number/NumberDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/Number/style/dnb-number.css +5 -0
- package/cjs/extensions/forms/Field/Number/style/dnb-number.min.css +1 -1
- package/cjs/extensions/forms/Field/Number/style/dnb-number.scss +7 -0
- package/cjs/extensions/forms/Field/Option/Option.d.ts +2 -2
- package/cjs/extensions/forms/Field/Option/Option.js.map +1 -1
- package/cjs/extensions/forms/Field/Option/OptionDocs.d.ts +2 -0
- package/cjs/extensions/forms/Field/Option/OptionDocs.js +32 -0
- package/cjs/extensions/forms/Field/Option/OptionDocs.js.map +1 -0
- package/cjs/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.js +0 -5
- package/cjs/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.d.ts +2 -2
- package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.js +5 -2
- package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
- package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.js +0 -5
- package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.d.ts +4 -2
- package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +4 -3
- package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
- package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js +2 -5
- package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/Provider/useFieldProvider.d.ts +2 -1
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.d.ts +2 -2
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.js +0 -4
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
- package/cjs/extensions/forms/Field/Selection/Selection.d.ts +2 -4
- package/cjs/extensions/forms/Field/Selection/Selection.js +14 -19
- package/cjs/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/cjs/extensions/forms/Field/Selection/SelectionDocs.js +1 -6
- package/cjs/extensions/forms/Field/Selection/SelectionDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/Selection/style/dnb-selection.css +3 -0
- package/cjs/extensions/forms/Field/Selection/style/dnb-selection.min.css +1 -1
- package/cjs/extensions/forms/Field/Selection/style/dnb-selection.scss +5 -0
- package/cjs/extensions/forms/Field/Slider/Slider.d.ts +2 -2
- package/cjs/extensions/forms/Field/Slider/Slider.js +0 -5
- package/cjs/extensions/forms/Field/Slider/Slider.js.map +1 -1
- package/cjs/extensions/forms/Field/String/String.d.ts +2 -2
- package/cjs/extensions/forms/Field/String/String.js +0 -4
- package/cjs/extensions/forms/Field/String/String.js.map +1 -1
- package/cjs/extensions/forms/Field/String/StringDocs.js +0 -5
- package/cjs/extensions/forms/Field/String/StringDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/String/style/dnb-string.css +11 -0
- package/cjs/extensions/forms/Field/String/style/dnb-string.min.css +1 -0
- package/cjs/extensions/forms/Field/String/style/dnb-string.scss +17 -0
- package/cjs/extensions/forms/Field/Toggle/Toggle.d.ts +2 -2
- package/cjs/extensions/forms/Field/Toggle/Toggle.js +1 -14
- package/cjs/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
- package/cjs/extensions/forms/Field/Toggle/ToggleDocs.js +0 -5
- package/cjs/extensions/forms/Field/Toggle/ToggleDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/Upload/Upload.d.ts +5 -3
- package/cjs/extensions/forms/Field/Upload/Upload.js +57 -28
- package/cjs/extensions/forms/Field/Upload/Upload.js.map +1 -1
- package/cjs/extensions/forms/Field/Upload/style/dnb-upload.css +4 -0
- package/cjs/extensions/forms/Field/Upload/style/dnb-upload.min.css +1 -0
- package/cjs/extensions/forms/Field/Upload/style/dnb-upload.scss +8 -0
- package/cjs/extensions/forms/FieldBlock/FieldBlock.d.ts +5 -0
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js +35 -28
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/FieldBlockDocs.js +5 -0
- package/cjs/extensions/forms/FieldBlock/FieldBlockDocs.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css +66 -36
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss +100 -54
- package/cjs/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-sbanken.css +1 -1
- package/cjs/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-sbanken.min.css +1 -1
- package/cjs/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-sbanken.scss +1 -1
- package/cjs/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-ui.css +1 -1
- package/cjs/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-ui.min.css +1 -1
- package/cjs/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-ui.scss +1 -1
- package/cjs/extensions/forms/Form/MainHeading/MainHeading.d.ts +2 -0
- package/cjs/extensions/forms/Form/MainHeading/MainHeading.js +19 -4
- package/cjs/extensions/forms/Form/MainHeading/MainHeading.js.map +1 -1
- package/cjs/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css +3 -7
- package/cjs/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css +1 -1
- package/cjs/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.scss +4 -10
- package/cjs/extensions/forms/Form/Section/style/dnb-form-section.css +3 -0
- package/cjs/extensions/forms/Form/Section/style/dnb-form-section.min.css +1 -1
- package/cjs/extensions/forms/Form/Section/style/dnb-form-section.scss +3 -0
- package/cjs/extensions/forms/Form/SubHeading/SubHeading.d.ts +2 -0
- package/cjs/extensions/forms/Form/SubHeading/SubHeading.js +19 -4
- package/cjs/extensions/forms/Form/SubHeading/SubHeading.js.map +1 -1
- package/cjs/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.css +4 -0
- package/cjs/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.min.css +1 -1
- package/cjs/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.scss +6 -0
- package/cjs/extensions/forms/Form/SubmitButton/SubmitButton.js.map +1 -1
- package/cjs/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js +20 -7
- package/cjs/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js.map +1 -1
- package/cjs/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.scss +0 -6
- package/cjs/extensions/forms/Value/SummaryList/SummaryList.d.ts +3 -1
- package/cjs/extensions/forms/Value/SummaryList/SummaryList.js +11 -1
- package/cjs/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -1
- package/cjs/extensions/forms/Value/SummaryList/SummaryListContext.d.ts +1 -0
- package/cjs/extensions/forms/Value/SummaryList/SummaryListContext.js.map +1 -1
- package/cjs/extensions/forms/Value/SummaryList/useVerifyChildren.d.ts +14 -0
- package/cjs/extensions/forms/Value/SummaryList/useVerifyChildren.js +47 -0
- package/cjs/extensions/forms/Value/SummaryList/useVerifyChildren.js.map +1 -0
- package/cjs/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.css +1 -1
- package/cjs/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.min.css +1 -1
- package/cjs/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.scss +1 -1
- package/cjs/extensions/forms/hooks/DataValueWritePropsDocs.js +3 -3
- package/cjs/extensions/forms/hooks/DataValueWritePropsDocs.js.map +1 -1
- package/cjs/extensions/forms/hooks/useFieldProps.d.ts +1 -0
- package/cjs/extensions/forms/hooks/useFieldProps.js +12 -1
- package/cjs/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/cjs/extensions/forms/hooks/useValueProps.js +5 -0
- package/cjs/extensions/forms/hooks/useValueProps.js.map +1 -1
- package/cjs/extensions/forms/style/dnb-forms.css +105 -47
- package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
- package/cjs/extensions/forms/types.d.ts +1 -7
- package/cjs/extensions/forms/types.js.map +1 -1
- package/cjs/shared/Context.d.ts +2 -2
- 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/component-helper.js.map +1 -1
- package/cjs/shared/locales/en-GB.d.ts +16 -16
- package/cjs/shared/locales/en-GB.js +16 -16
- package/cjs/shared/locales/en-GB.js.map +1 -1
- package/cjs/shared/locales/en-US.d.ts +17 -17
- package/cjs/shared/locales/en-US.js +3 -3
- package/cjs/shared/locales/en-US.js.map +1 -1
- package/cjs/shared/locales/index.d.ts +34 -32
- package/cjs/shared/locales/index.js.map +1 -1
- package/cjs/shared/locales/nb-NO.d.ts +16 -16
- package/cjs/shared/locales/nb-NO.js +16 -16
- package/cjs/shared/locales/nb-NO.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-components.css +344 -56
- package/cjs/style/dnb-ui-components.min.css +3 -3
- package/cjs/style/dnb-ui-components.scss +1 -0
- 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 +105 -47
- package/cjs/style/dnb-ui-extensions.min.css +1 -1
- package/cjs/style/dnb-ui-forms.css +105 -47
- package/cjs/style/dnb-ui-forms.min.css +1 -1
- package/cjs/style/dnb-ui-forms.scss +2 -0
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +467 -108
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +7 -7
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +107 -49
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +2 -2
- package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.css +107 -49
- package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.min.css +2 -2
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +480 -120
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +5 -5
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.scss +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +106 -48
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +2 -2
- package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.css +106 -48
- package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.min.css +2 -2
- package/cjs/style/themes/theme-ui/ui-theme-components.css +467 -108
- package/cjs/style/themes/theme-ui/ui-theme-components.min.css +7 -7
- package/cjs/style/themes/theme-ui/ui-theme-extensions.css +107 -49
- package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +2 -2
- package/cjs/style/themes/theme-ui/ui-theme-forms.css +107 -49
- package/cjs/style/themes/theme-ui/ui-theme-forms.min.css +2 -2
- package/cjs/style/themes/theme-ui/ui-theme-tags.css +3 -3
- package/cjs/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/components/accordion/Accordion.d.ts +2 -2
- package/components/accordion/Accordion.js.map +1 -1
- package/components/accordion/AccordionDocs.js +1 -1
- package/components/accordion/AccordionDocs.js.map +1 -1
- package/components/anchor/style/anchor-mixins.scss +3 -3
- package/components/anchor/style/dnb-anchor.css +6 -6
- package/components/anchor/style/dnb-anchor.min.css +1 -1
- package/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +12 -12
- package/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
- package/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +3 -3
- package/components/button/style/themes/button-mixins.scss +2 -0
- package/components/button/style/themes/dnb-button-theme-eiendom.css +4 -0
- package/components/button/style/themes/dnb-button-theme-sbanken.css +4 -0
- package/components/button/style/themes/dnb-button-theme-ui.css +4 -0
- package/components/card/style/dnb-card.css +15 -0
- package/components/card/style/dnb-card.min.css +1 -1
- package/components/card/style/dnb-card.scss +17 -0
- package/components/card/style/themes/dnb-card-theme-ui.css +2 -1
- package/components/card/style/themes/dnb-card-theme-ui.min.css +1 -1
- package/components/card/style/themes/dnb-card-theme-ui.scss +3 -1
- package/components/date-picker/DatePicker.d.ts +248 -65
- package/components/date-picker/DatePicker.js +126 -136
- package/components/date-picker/DatePicker.js.map +1 -1
- package/components/date-picker/DatePickerAddon.js.map +1 -1
- package/components/date-picker/DatePickerCalc.d.ts +2 -2
- package/components/date-picker/DatePickerCalc.js +6 -6
- package/components/date-picker/DatePickerCalc.js.map +1 -1
- package/components/date-picker/DatePickerCalendar.d.ts +1 -1
- package/components/date-picker/DatePickerCalendar.js +9 -9
- package/components/date-picker/DatePickerCalendar.js.map +1 -1
- package/components/date-picker/DatePickerContext.d.ts +2 -2
- package/components/date-picker/DatePickerContext.js.map +1 -1
- package/components/date-picker/DatePickerDocs.d.ts +3 -0
- package/components/date-picker/DatePickerDocs.js +276 -0
- package/components/date-picker/DatePickerDocs.js.map +1 -0
- package/components/date-picker/DatePickerFooter.js +18 -18
- package/components/date-picker/DatePickerFooter.js.map +1 -1
- package/components/date-picker/DatePickerInput.d.ts +3 -3
- package/components/date-picker/DatePickerInput.js +18 -18
- package/components/date-picker/DatePickerInput.js.map +1 -1
- package/components/date-picker/DatePickerProvider.d.ts +2 -2
- package/components/date-picker/DatePickerProvider.js +25 -25
- package/components/date-picker/DatePickerProvider.js.map +1 -1
- package/components/date-picker/hooks/useDates.js +8 -8
- package/components/date-picker/hooks/useDates.js.map +1 -1
- package/components/dropdown/style/themes/dnb-dropdown-theme-sbanken.css +2 -0
- package/components/form-label/FormLabel.js +26 -3
- package/components/form-label/FormLabel.js.map +1 -1
- package/components/help-button/HelpButtonInline.d.ts +37 -0
- package/components/help-button/HelpButtonInline.js +174 -0
- package/components/help-button/HelpButtonInline.js.map +1 -0
- package/components/help-button/style/dnb-help-button-inline.css +98 -0
- package/components/help-button/style/dnb-help-button-inline.min.css +1 -0
- package/components/help-button/style/dnb-help-button-inline.scss +128 -0
- package/components/help-button/style/dnb-help-button.css +104 -1
- package/components/help-button/style/dnb-help-button.min.css +1 -1
- package/components/help-button/style/dnb-help-button.scss +3 -2
- package/components/help-button/style/themes/dnb-help-button-theme-sbanken.css +7 -0
- package/components/help-button/style/themes/dnb-help-button-theme-sbanken.min.css +1 -0
- package/components/help-button/style/themes/dnb-help-button-theme-sbanken.scss +10 -0
- package/components/help-button/style/themes/dnb-help-button-theme-ui.css +5 -2
- package/components/help-button/style/themes/dnb-help-button-theme-ui.min.css +1 -0
- package/components/help-button/style/themes/dnb-help-button-theme-ui.scss +7 -1
- package/components/list-format/ListFormat.d.ts +6 -4
- package/components/list-format/ListFormat.js +15 -9
- package/components/list-format/ListFormat.js.map +1 -1
- package/components/list-format/ListFormatDocs.js +15 -4
- package/components/list-format/ListFormatDocs.js.map +1 -1
- package/components/modal/ModalContent.js +4 -2
- package/components/modal/ModalContent.js.map +1 -1
- package/components/table/style/dnb-table.css +8 -0
- package/components/table/style/themes/dnb-table-theme-sbanken.css +2 -0
- package/components/tabs/style/dnb-tabs.css +2 -0
- package/components/tabs/style/themes/dnb-tabs-theme-eiendom.css +2 -0
- package/components/tabs/style/themes/dnb-tabs-theme-ui.css +2 -0
- package/components/tag/style/dnb-tag.css +2 -0
- package/components/textarea/Textarea.js +1 -1
- package/components/textarea/Textarea.js.map +1 -1
- package/components/textarea/style/themes/dnb-textarea-theme-ui.css +1 -1
- package/components/textarea/style/themes/dnb-textarea-theme-ui.min.css +1 -1
- package/components/textarea/style/themes/dnb-textarea-theme-ui.scss +2 -1
- package/components/timeline/style/themes/dnb-timeline-theme-ui.css +2 -0
- package/components/upload/style/dnb-upload.css +3 -2
- package/components/upload/style/dnb-upload.min.css +1 -1
- package/components/upload/style/dnb-upload.scss +3 -2
- package/elements/ElementDocs.d.ts +1 -0
- package/elements/ElementDocs.js +16 -11
- package/elements/ElementDocs.js.map +1 -1
- package/elements/lib.d.ts +4 -7
- package/elements/lists/Dl.d.ts +1 -1
- package/elements/lists/Dl.js.map +1 -1
- package/elements/lists/DlDocs.js +2 -2
- package/elements/lists/DlDocs.js.map +1 -1
- package/elements/lists/Li.d.ts +1 -1
- package/elements/lists/Li.js +4 -4
- package/elements/lists/Li.js.map +1 -1
- package/elements/lists/Ol.d.ts +2 -2
- package/elements/lists/Ol.js +3 -3
- package/elements/lists/Ol.js.map +1 -1
- package/elements/lists/OlDocs.js +2 -2
- package/elements/lists/OlDocs.js.map +1 -1
- package/elements/lists/Ul.d.ts +2 -2
- package/elements/lists/Ul.js +3 -3
- package/elements/lists/Ul.js.map +1 -1
- package/elements/lists/UlDocs.js +2 -2
- package/elements/lists/UlDocs.js.map +1 -1
- package/elements/typography/P.d.ts +9 -5
- package/elements/typography/P.js +21 -12
- package/elements/typography/P.js.map +1 -1
- package/es/components/accordion/Accordion.d.ts +2 -2
- package/es/components/accordion/Accordion.js.map +1 -1
- package/es/components/accordion/AccordionDocs.js +1 -1
- package/es/components/accordion/AccordionDocs.js.map +1 -1
- package/es/components/anchor/style/anchor-mixins.scss +3 -3
- package/es/components/anchor/style/dnb-anchor.css +6 -6
- package/es/components/anchor/style/dnb-anchor.min.css +1 -1
- package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +12 -12
- package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
- package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +3 -3
- package/es/components/button/style/themes/button-mixins.scss +2 -0
- package/es/components/button/style/themes/dnb-button-theme-eiendom.css +4 -0
- package/es/components/button/style/themes/dnb-button-theme-sbanken.css +4 -0
- package/es/components/button/style/themes/dnb-button-theme-ui.css +4 -0
- package/es/components/card/style/dnb-card.css +15 -0
- package/es/components/card/style/dnb-card.min.css +1 -1
- package/es/components/card/style/dnb-card.scss +17 -0
- package/es/components/card/style/themes/dnb-card-theme-ui.css +2 -1
- package/es/components/card/style/themes/dnb-card-theme-ui.min.css +1 -1
- package/es/components/card/style/themes/dnb-card-theme-ui.scss +3 -1
- package/es/components/date-picker/DatePicker.d.ts +248 -65
- package/es/components/date-picker/DatePicker.js +126 -136
- package/es/components/date-picker/DatePicker.js.map +1 -1
- package/es/components/date-picker/DatePickerAddon.js.map +1 -1
- package/es/components/date-picker/DatePickerCalc.d.ts +2 -2
- package/es/components/date-picker/DatePickerCalc.js +6 -6
- package/es/components/date-picker/DatePickerCalc.js.map +1 -1
- package/es/components/date-picker/DatePickerCalendar.d.ts +1 -1
- package/es/components/date-picker/DatePickerCalendar.js +9 -9
- package/es/components/date-picker/DatePickerCalendar.js.map +1 -1
- package/es/components/date-picker/DatePickerContext.d.ts +2 -2
- package/es/components/date-picker/DatePickerContext.js.map +1 -1
- package/es/components/date-picker/DatePickerDocs.d.ts +3 -0
- package/es/components/date-picker/DatePickerDocs.js +276 -0
- package/es/components/date-picker/DatePickerDocs.js.map +1 -0
- package/es/components/date-picker/DatePickerFooter.js +18 -18
- package/es/components/date-picker/DatePickerFooter.js.map +1 -1
- package/es/components/date-picker/DatePickerInput.d.ts +3 -3
- package/es/components/date-picker/DatePickerInput.js +18 -18
- package/es/components/date-picker/DatePickerInput.js.map +1 -1
- package/es/components/date-picker/DatePickerProvider.d.ts +2 -2
- package/es/components/date-picker/DatePickerProvider.js +25 -25
- package/es/components/date-picker/DatePickerProvider.js.map +1 -1
- package/es/components/date-picker/hooks/useDates.js +8 -8
- package/es/components/date-picker/hooks/useDates.js.map +1 -1
- package/es/components/dropdown/style/themes/dnb-dropdown-theme-sbanken.css +2 -0
- package/es/components/form-label/FormLabel.js +26 -3
- package/es/components/form-label/FormLabel.js.map +1 -1
- package/es/components/help-button/HelpButtonInline.d.ts +37 -0
- package/es/components/help-button/HelpButtonInline.js +173 -0
- package/es/components/help-button/HelpButtonInline.js.map +1 -0
- package/es/components/help-button/style/dnb-help-button-inline.css +98 -0
- package/es/components/help-button/style/dnb-help-button-inline.min.css +1 -0
- package/es/components/help-button/style/dnb-help-button-inline.scss +128 -0
- package/es/components/help-button/style/dnb-help-button.css +104 -1
- package/es/components/help-button/style/dnb-help-button.min.css +1 -1
- package/es/components/help-button/style/dnb-help-button.scss +3 -2
- package/es/components/help-button/style/themes/dnb-help-button-theme-sbanken.css +7 -0
- package/es/components/help-button/style/themes/dnb-help-button-theme-sbanken.min.css +1 -0
- package/es/components/help-button/style/themes/dnb-help-button-theme-sbanken.scss +10 -0
- package/es/components/help-button/style/themes/dnb-help-button-theme-ui.css +5 -2
- package/es/components/help-button/style/themes/dnb-help-button-theme-ui.min.css +1 -0
- package/es/components/help-button/style/themes/dnb-help-button-theme-ui.scss +7 -1
- package/es/components/list-format/ListFormat.d.ts +6 -4
- package/es/components/list-format/ListFormat.js +15 -9
- package/es/components/list-format/ListFormat.js.map +1 -1
- package/es/components/list-format/ListFormatDocs.js +15 -4
- package/es/components/list-format/ListFormatDocs.js.map +1 -1
- package/es/components/modal/ModalContent.js +4 -2
- package/es/components/modal/ModalContent.js.map +1 -1
- package/es/components/table/style/dnb-table.css +8 -0
- package/es/components/table/style/themes/dnb-table-theme-sbanken.css +2 -0
- package/es/components/tabs/style/dnb-tabs.css +2 -0
- package/es/components/tabs/style/themes/dnb-tabs-theme-eiendom.css +2 -0
- package/es/components/tabs/style/themes/dnb-tabs-theme-ui.css +2 -0
- package/es/components/tag/style/dnb-tag.css +2 -0
- package/es/components/textarea/Textarea.js +1 -1
- package/es/components/textarea/Textarea.js.map +1 -1
- package/es/components/textarea/style/themes/dnb-textarea-theme-ui.css +1 -1
- package/es/components/textarea/style/themes/dnb-textarea-theme-ui.min.css +1 -1
- package/es/components/textarea/style/themes/dnb-textarea-theme-ui.scss +2 -1
- package/es/components/timeline/style/themes/dnb-timeline-theme-ui.css +2 -0
- package/es/components/upload/style/dnb-upload.css +3 -2
- package/es/components/upload/style/dnb-upload.min.css +1 -1
- package/es/components/upload/style/dnb-upload.scss +3 -2
- package/es/elements/ElementDocs.d.ts +1 -0
- package/es/elements/ElementDocs.js +16 -11
- package/es/elements/ElementDocs.js.map +1 -1
- package/es/elements/lib.d.ts +4 -7
- package/es/elements/lists/Dl.d.ts +1 -1
- package/es/elements/lists/Dl.js.map +1 -1
- package/es/elements/lists/DlDocs.js +2 -2
- package/es/elements/lists/DlDocs.js.map +1 -1
- package/es/elements/lists/Li.d.ts +1 -1
- package/es/elements/lists/Li.js +4 -4
- package/es/elements/lists/Li.js.map +1 -1
- package/es/elements/lists/Ol.d.ts +2 -2
- package/es/elements/lists/Ol.js +3 -3
- package/es/elements/lists/Ol.js.map +1 -1
- package/es/elements/lists/OlDocs.js +2 -2
- package/es/elements/lists/OlDocs.js.map +1 -1
- package/es/elements/lists/Ul.d.ts +2 -2
- package/es/elements/lists/Ul.js +3 -3
- package/es/elements/lists/Ul.js.map +1 -1
- package/es/elements/lists/UlDocs.js +2 -2
- package/es/elements/lists/UlDocs.js.map +1 -1
- package/es/elements/typography/P.d.ts +9 -5
- package/es/elements/typography/P.js +21 -12
- package/es/elements/typography/P.js.map +1 -1
- package/es/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +2 -2
- package/es/extensions/forms/Field/ArraySelection/ArraySelection.js +11 -20
- package/es/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
- package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +4 -4
- package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
- package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.scss +4 -4
- package/es/extensions/forms/Field/BankAccountNumber/BankAccountNumberDocs.js +0 -5
- package/es/extensions/forms/Field/BankAccountNumber/BankAccountNumberDocs.js.map +1 -1
- package/es/extensions/forms/Field/Boolean/Boolean.d.ts +2 -2
- package/es/extensions/forms/Field/Boolean/Boolean.js.map +1 -1
- package/es/extensions/forms/Field/Composition/Composition.d.ts +1 -1
- package/es/extensions/forms/Field/Composition/Composition.js.map +1 -1
- package/es/extensions/forms/Field/Composition/CompositionDocs.js +16 -7
- package/es/extensions/forms/Field/Composition/CompositionDocs.js.map +1 -1
- package/es/extensions/forms/Field/Currency/CurrencyDocs.js +0 -5
- package/es/extensions/forms/Field/Currency/CurrencyDocs.js.map +1 -1
- package/es/extensions/forms/Field/Date/Date.d.ts +17 -4
- package/es/extensions/forms/Field/Date/Date.js +62 -35
- package/es/extensions/forms/Field/Date/Date.js.map +1 -1
- package/es/extensions/forms/Field/Date/DateDocs.d.ts +8 -0
- package/es/extensions/forms/Field/Date/DateDocs.js +47 -12
- package/es/extensions/forms/Field/Date/DateDocs.js.map +1 -1
- package/es/extensions/forms/Field/Expiry/Expiry.d.ts +2 -2
- package/es/extensions/forms/Field/Expiry/Expiry.js +2 -7
- package/es/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
- package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.js +0 -5
- package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.js.map +1 -1
- package/es/extensions/forms/Field/Number/Number.d.ts +2 -2
- package/es/extensions/forms/Field/Number/Number.js +3 -10
- package/es/extensions/forms/Field/Number/Number.js.map +1 -1
- package/es/extensions/forms/Field/Number/NumberDocs.js +0 -5
- package/es/extensions/forms/Field/Number/NumberDocs.js.map +1 -1
- package/es/extensions/forms/Field/Number/style/dnb-number.css +5 -0
- package/es/extensions/forms/Field/Number/style/dnb-number.min.css +1 -1
- package/es/extensions/forms/Field/Number/style/dnb-number.scss +7 -0
- package/es/extensions/forms/Field/Option/Option.d.ts +2 -2
- package/es/extensions/forms/Field/Option/Option.js.map +1 -1
- package/es/extensions/forms/Field/Option/OptionDocs.d.ts +2 -0
- package/es/extensions/forms/Field/Option/OptionDocs.js +25 -0
- package/es/extensions/forms/Field/Option/OptionDocs.js.map +1 -0
- package/es/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.js +0 -5
- package/es/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.js.map +1 -1
- package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.d.ts +2 -2
- package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js +5 -2
- package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
- package/es/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.js +0 -5
- package/es/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.js.map +1 -1
- package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.d.ts +4 -2
- package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +4 -3
- package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
- package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js +2 -5
- package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js.map +1 -1
- package/es/extensions/forms/Field/Provider/useFieldProvider.d.ts +2 -1
- package/es/extensions/forms/Field/SelectCountry/SelectCountry.d.ts +2 -2
- package/es/extensions/forms/Field/SelectCountry/SelectCountry.js +1 -5
- package/es/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
- package/es/extensions/forms/Field/Selection/Selection.d.ts +2 -4
- package/es/extensions/forms/Field/Selection/Selection.js +16 -20
- package/es/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/es/extensions/forms/Field/Selection/SelectionDocs.js +1 -6
- package/es/extensions/forms/Field/Selection/SelectionDocs.js.map +1 -1
- package/es/extensions/forms/Field/Selection/style/dnb-selection.css +3 -0
- package/es/extensions/forms/Field/Selection/style/dnb-selection.min.css +1 -1
- package/es/extensions/forms/Field/Selection/style/dnb-selection.scss +5 -0
- package/es/extensions/forms/Field/Slider/Slider.d.ts +2 -2
- package/es/extensions/forms/Field/Slider/Slider.js +0 -5
- package/es/extensions/forms/Field/Slider/Slider.js.map +1 -1
- package/es/extensions/forms/Field/String/String.d.ts +2 -2
- package/es/extensions/forms/Field/String/String.js +1 -5
- package/es/extensions/forms/Field/String/String.js.map +1 -1
- package/es/extensions/forms/Field/String/StringDocs.js +0 -5
- package/es/extensions/forms/Field/String/StringDocs.js.map +1 -1
- package/es/extensions/forms/Field/String/style/dnb-string.css +11 -0
- package/es/extensions/forms/Field/String/style/dnb-string.min.css +1 -0
- package/es/extensions/forms/Field/String/style/dnb-string.scss +17 -0
- package/es/extensions/forms/Field/Toggle/Toggle.d.ts +2 -2
- package/es/extensions/forms/Field/Toggle/Toggle.js +2 -15
- package/es/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
- package/es/extensions/forms/Field/Toggle/ToggleDocs.js +0 -5
- package/es/extensions/forms/Field/Toggle/ToggleDocs.js.map +1 -1
- package/es/extensions/forms/Field/Upload/Upload.d.ts +5 -3
- package/es/extensions/forms/Field/Upload/Upload.js +56 -27
- package/es/extensions/forms/Field/Upload/Upload.js.map +1 -1
- package/es/extensions/forms/Field/Upload/style/dnb-upload.css +4 -0
- package/es/extensions/forms/Field/Upload/style/dnb-upload.min.css +1 -0
- package/es/extensions/forms/Field/Upload/style/dnb-upload.scss +8 -0
- package/es/extensions/forms/FieldBlock/FieldBlock.d.ts +5 -0
- package/es/extensions/forms/FieldBlock/FieldBlock.js +36 -28
- package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/es/extensions/forms/FieldBlock/FieldBlockDocs.js +5 -0
- package/es/extensions/forms/FieldBlock/FieldBlockDocs.js.map +1 -1
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.css +66 -36
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.scss +100 -54
- package/es/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-sbanken.css +1 -1
- package/es/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-sbanken.min.css +1 -1
- package/es/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-sbanken.scss +1 -1
- package/es/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-ui.css +1 -1
- package/es/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-ui.min.css +1 -1
- package/es/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-ui.scss +1 -1
- package/es/extensions/forms/Form/MainHeading/MainHeading.d.ts +2 -0
- package/es/extensions/forms/Form/MainHeading/MainHeading.js +17 -4
- package/es/extensions/forms/Form/MainHeading/MainHeading.js.map +1 -1
- package/es/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css +3 -7
- package/es/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css +1 -1
- package/es/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.scss +4 -10
- package/es/extensions/forms/Form/Section/style/dnb-form-section.css +3 -0
- package/es/extensions/forms/Form/Section/style/dnb-form-section.min.css +1 -1
- package/es/extensions/forms/Form/Section/style/dnb-form-section.scss +3 -0
- package/es/extensions/forms/Form/SubHeading/SubHeading.d.ts +2 -0
- package/es/extensions/forms/Form/SubHeading/SubHeading.js +17 -4
- package/es/extensions/forms/Form/SubHeading/SubHeading.js.map +1 -1
- package/es/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.css +4 -0
- package/es/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.min.css +1 -1
- package/es/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.scss +6 -0
- package/es/extensions/forms/Form/SubmitButton/SubmitButton.js.map +1 -1
- package/es/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js +21 -8
- package/es/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js.map +1 -1
- package/es/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.scss +0 -6
- package/es/extensions/forms/Value/SummaryList/SummaryList.d.ts +3 -1
- package/es/extensions/forms/Value/SummaryList/SummaryList.js +11 -1
- package/es/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -1
- package/es/extensions/forms/Value/SummaryList/SummaryListContext.d.ts +1 -0
- package/es/extensions/forms/Value/SummaryList/SummaryListContext.js.map +1 -1
- package/es/extensions/forms/Value/SummaryList/useVerifyChildren.d.ts +14 -0
- package/es/extensions/forms/Value/SummaryList/useVerifyChildren.js +38 -0
- package/es/extensions/forms/Value/SummaryList/useVerifyChildren.js.map +1 -0
- package/es/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.css +1 -1
- package/es/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.min.css +1 -1
- package/es/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.scss +1 -1
- package/es/extensions/forms/hooks/DataValueWritePropsDocs.js +3 -3
- package/es/extensions/forms/hooks/DataValueWritePropsDocs.js.map +1 -1
- package/es/extensions/forms/hooks/useFieldProps.d.ts +1 -0
- package/es/extensions/forms/hooks/useFieldProps.js +11 -1
- package/es/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/es/extensions/forms/hooks/useValueProps.js +5 -0
- package/es/extensions/forms/hooks/useValueProps.js.map +1 -1
- package/es/extensions/forms/style/dnb-forms.css +105 -47
- package/es/extensions/forms/style/dnb-forms.min.css +1 -1
- package/es/extensions/forms/types.d.ts +1 -7
- package/es/extensions/forms/types.js.map +1 -1
- package/es/shared/Context.d.ts +2 -2
- 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/component-helper.js.map +1 -1
- package/es/shared/locales/en-GB.d.ts +16 -16
- package/es/shared/locales/en-GB.js +16 -16
- package/es/shared/locales/en-GB.js.map +1 -1
- package/es/shared/locales/en-US.d.ts +17 -17
- package/es/shared/locales/en-US.js +3 -3
- package/es/shared/locales/en-US.js.map +1 -1
- package/es/shared/locales/index.d.ts +34 -32
- package/es/shared/locales/index.js.map +1 -1
- package/es/shared/locales/nb-NO.d.ts +16 -16
- package/es/shared/locales/nb-NO.js +16 -16
- package/es/shared/locales/nb-NO.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-components.css +344 -56
- package/es/style/dnb-ui-components.min.css +3 -3
- package/es/style/dnb-ui-components.scss +1 -0
- 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 +105 -47
- package/es/style/dnb-ui-extensions.min.css +1 -1
- package/es/style/dnb-ui-forms.css +105 -47
- package/es/style/dnb-ui-forms.min.css +1 -1
- package/es/style/dnb-ui-forms.scss +2 -0
- package/es/style/themes/theme-eiendom/eiendom-theme-components.css +467 -108
- package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +7 -7
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +107 -49
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +2 -2
- package/es/style/themes/theme-eiendom/eiendom-theme-forms.css +107 -49
- package/es/style/themes/theme-eiendom/eiendom-theme-forms.min.css +2 -2
- package/es/style/themes/theme-sbanken/sbanken-theme-components.css +480 -120
- package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +5 -5
- package/es/style/themes/theme-sbanken/sbanken-theme-components.scss +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +106 -48
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +2 -2
- package/es/style/themes/theme-sbanken/sbanken-theme-forms.css +106 -48
- package/es/style/themes/theme-sbanken/sbanken-theme-forms.min.css +2 -2
- package/es/style/themes/theme-ui/ui-theme-components.css +467 -108
- package/es/style/themes/theme-ui/ui-theme-components.min.css +7 -7
- package/es/style/themes/theme-ui/ui-theme-extensions.css +107 -49
- package/es/style/themes/theme-ui/ui-theme-extensions.min.css +2 -2
- package/es/style/themes/theme-ui/ui-theme-forms.css +107 -49
- package/es/style/themes/theme-ui/ui-theme-forms.min.css +2 -2
- package/es/style/themes/theme-ui/ui-theme-tags.css +3 -3
- package/es/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/esm/dnb-ui-basis.min.mjs +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 +2 -2
- package/esm/dnb-ui-lib.min.mjs +1 -1
- package/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +2 -2
- package/extensions/forms/Field/ArraySelection/ArraySelection.js +11 -20
- package/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
- package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +4 -4
- package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
- package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.scss +4 -4
- package/extensions/forms/Field/BankAccountNumber/BankAccountNumberDocs.js +0 -5
- package/extensions/forms/Field/BankAccountNumber/BankAccountNumberDocs.js.map +1 -1
- package/extensions/forms/Field/Boolean/Boolean.d.ts +2 -2
- package/extensions/forms/Field/Boolean/Boolean.js.map +1 -1
- package/extensions/forms/Field/Composition/Composition.d.ts +1 -1
- package/extensions/forms/Field/Composition/Composition.js.map +1 -1
- package/extensions/forms/Field/Composition/CompositionDocs.js +16 -7
- package/extensions/forms/Field/Composition/CompositionDocs.js.map +1 -1
- package/extensions/forms/Field/Currency/CurrencyDocs.js +0 -5
- package/extensions/forms/Field/Currency/CurrencyDocs.js.map +1 -1
- package/extensions/forms/Field/Date/Date.d.ts +17 -4
- package/extensions/forms/Field/Date/Date.js +62 -35
- package/extensions/forms/Field/Date/Date.js.map +1 -1
- package/extensions/forms/Field/Date/DateDocs.d.ts +8 -0
- package/extensions/forms/Field/Date/DateDocs.js +47 -12
- package/extensions/forms/Field/Date/DateDocs.js.map +1 -1
- package/extensions/forms/Field/Expiry/Expiry.d.ts +2 -2
- package/extensions/forms/Field/Expiry/Expiry.js +2 -7
- package/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
- package/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.js +0 -5
- package/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.js.map +1 -1
- package/extensions/forms/Field/Number/Number.d.ts +2 -2
- package/extensions/forms/Field/Number/Number.js +3 -10
- package/extensions/forms/Field/Number/Number.js.map +1 -1
- package/extensions/forms/Field/Number/NumberDocs.js +0 -5
- package/extensions/forms/Field/Number/NumberDocs.js.map +1 -1
- package/extensions/forms/Field/Number/style/dnb-number.css +5 -0
- package/extensions/forms/Field/Number/style/dnb-number.min.css +1 -1
- package/extensions/forms/Field/Number/style/dnb-number.scss +7 -0
- package/extensions/forms/Field/Option/Option.d.ts +2 -2
- package/extensions/forms/Field/Option/Option.js.map +1 -1
- package/extensions/forms/Field/Option/OptionDocs.d.ts +2 -0
- package/extensions/forms/Field/Option/OptionDocs.js +25 -0
- package/extensions/forms/Field/Option/OptionDocs.js.map +1 -0
- package/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.js +0 -5
- package/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.js.map +1 -1
- package/extensions/forms/Field/PhoneNumber/PhoneNumber.d.ts +2 -2
- package/extensions/forms/Field/PhoneNumber/PhoneNumber.js +5 -2
- package/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
- package/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.js +0 -5
- package/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.js.map +1 -1
- package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.d.ts +4 -2
- package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +4 -3
- package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
- package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js +2 -5
- package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js.map +1 -1
- package/extensions/forms/Field/Provider/useFieldProvider.d.ts +2 -1
- package/extensions/forms/Field/SelectCountry/SelectCountry.d.ts +2 -2
- package/extensions/forms/Field/SelectCountry/SelectCountry.js +1 -5
- package/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
- package/extensions/forms/Field/Selection/Selection.d.ts +2 -4
- package/extensions/forms/Field/Selection/Selection.js +16 -20
- package/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/extensions/forms/Field/Selection/SelectionDocs.js +1 -6
- package/extensions/forms/Field/Selection/SelectionDocs.js.map +1 -1
- package/extensions/forms/Field/Selection/style/dnb-selection.css +3 -0
- package/extensions/forms/Field/Selection/style/dnb-selection.min.css +1 -1
- package/extensions/forms/Field/Selection/style/dnb-selection.scss +5 -0
- package/extensions/forms/Field/Slider/Slider.d.ts +2 -2
- package/extensions/forms/Field/Slider/Slider.js +0 -5
- package/extensions/forms/Field/Slider/Slider.js.map +1 -1
- package/extensions/forms/Field/String/String.d.ts +2 -2
- package/extensions/forms/Field/String/String.js +1 -5
- package/extensions/forms/Field/String/String.js.map +1 -1
- package/extensions/forms/Field/String/StringDocs.js +0 -5
- package/extensions/forms/Field/String/StringDocs.js.map +1 -1
- package/extensions/forms/Field/String/style/dnb-string.css +11 -0
- package/extensions/forms/Field/String/style/dnb-string.min.css +1 -0
- package/extensions/forms/Field/String/style/dnb-string.scss +17 -0
- package/extensions/forms/Field/Toggle/Toggle.d.ts +2 -2
- package/extensions/forms/Field/Toggle/Toggle.js +2 -15
- package/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
- package/extensions/forms/Field/Toggle/ToggleDocs.js +0 -5
- package/extensions/forms/Field/Toggle/ToggleDocs.js.map +1 -1
- package/extensions/forms/Field/Upload/Upload.d.ts +5 -3
- package/extensions/forms/Field/Upload/Upload.js +57 -28
- package/extensions/forms/Field/Upload/Upload.js.map +1 -1
- package/extensions/forms/Field/Upload/style/dnb-upload.css +4 -0
- package/extensions/forms/Field/Upload/style/dnb-upload.min.css +1 -0
- package/extensions/forms/Field/Upload/style/dnb-upload.scss +8 -0
- package/extensions/forms/FieldBlock/FieldBlock.d.ts +5 -0
- package/extensions/forms/FieldBlock/FieldBlock.js +36 -29
- package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/extensions/forms/FieldBlock/FieldBlockDocs.js +5 -0
- package/extensions/forms/FieldBlock/FieldBlockDocs.js.map +1 -1
- package/extensions/forms/FieldBlock/style/dnb-field-block.css +66 -36
- package/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/extensions/forms/FieldBlock/style/dnb-field-block.scss +100 -54
- package/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-sbanken.css +1 -1
- package/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-sbanken.min.css +1 -1
- package/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-sbanken.scss +1 -1
- package/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-ui.css +1 -1
- package/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-ui.min.css +1 -1
- package/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-ui.scss +1 -1
- package/extensions/forms/Form/MainHeading/MainHeading.d.ts +2 -0
- package/extensions/forms/Form/MainHeading/MainHeading.js +17 -4
- package/extensions/forms/Form/MainHeading/MainHeading.js.map +1 -1
- package/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css +3 -7
- package/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css +1 -1
- package/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.scss +4 -10
- package/extensions/forms/Form/Section/style/dnb-form-section.css +3 -0
- package/extensions/forms/Form/Section/style/dnb-form-section.min.css +1 -1
- package/extensions/forms/Form/Section/style/dnb-form-section.scss +3 -0
- package/extensions/forms/Form/SubHeading/SubHeading.d.ts +2 -0
- package/extensions/forms/Form/SubHeading/SubHeading.js +17 -4
- package/extensions/forms/Form/SubHeading/SubHeading.js.map +1 -1
- package/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.css +4 -0
- package/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.min.css +1 -1
- package/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.scss +6 -0
- package/extensions/forms/Form/SubmitButton/SubmitButton.js.map +1 -1
- package/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js +21 -8
- package/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js.map +1 -1
- package/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.scss +0 -6
- package/extensions/forms/Value/SummaryList/SummaryList.d.ts +3 -1
- package/extensions/forms/Value/SummaryList/SummaryList.js +11 -1
- package/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -1
- package/extensions/forms/Value/SummaryList/SummaryListContext.d.ts +1 -0
- package/extensions/forms/Value/SummaryList/SummaryListContext.js.map +1 -1
- package/extensions/forms/Value/SummaryList/useVerifyChildren.d.ts +14 -0
- package/extensions/forms/Value/SummaryList/useVerifyChildren.js +40 -0
- package/extensions/forms/Value/SummaryList/useVerifyChildren.js.map +1 -0
- package/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.css +1 -1
- package/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.min.css +1 -1
- package/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.scss +1 -1
- package/extensions/forms/hooks/DataValueWritePropsDocs.js +3 -3
- package/extensions/forms/hooks/DataValueWritePropsDocs.js.map +1 -1
- package/extensions/forms/hooks/useFieldProps.d.ts +1 -0
- package/extensions/forms/hooks/useFieldProps.js +11 -1
- package/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/extensions/forms/hooks/useValueProps.js +5 -0
- package/extensions/forms/hooks/useValueProps.js.map +1 -1
- package/extensions/forms/style/dnb-forms.css +105 -47
- package/extensions/forms/style/dnb-forms.min.css +1 -1
- package/extensions/forms/types.d.ts +1 -7
- package/extensions/forms/types.js.map +1 -1
- package/package.json +1 -1
- package/shared/Context.d.ts +2 -2
- 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/component-helper.js.map +1 -1
- package/shared/locales/en-GB.d.ts +16 -16
- package/shared/locales/en-GB.js +16 -16
- package/shared/locales/en-GB.js.map +1 -1
- package/shared/locales/en-US.d.ts +17 -17
- package/shared/locales/en-US.js +3 -3
- package/shared/locales/en-US.js.map +1 -1
- package/shared/locales/index.d.ts +34 -32
- package/shared/locales/index.js.map +1 -1
- package/shared/locales/nb-NO.d.ts +16 -16
- package/shared/locales/nb-NO.js +16 -16
- package/shared/locales/nb-NO.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-components.css +344 -56
- package/style/dnb-ui-components.min.css +3 -3
- package/style/dnb-ui-components.scss +1 -0
- package/style/dnb-ui-core.css +1 -1
- package/style/dnb-ui-core.min.css +1 -1
- package/style/dnb-ui-extensions.css +105 -47
- package/style/dnb-ui-extensions.min.css +1 -1
- package/style/dnb-ui-forms.css +105 -47
- package/style/dnb-ui-forms.min.css +1 -1
- package/style/dnb-ui-forms.scss +2 -0
- package/style/themes/theme-eiendom/eiendom-theme-components.css +467 -108
- package/style/themes/theme-eiendom/eiendom-theme-components.min.css +7 -7
- package/style/themes/theme-eiendom/eiendom-theme-extensions.css +107 -49
- package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +2 -2
- package/style/themes/theme-eiendom/eiendom-theme-forms.css +107 -49
- package/style/themes/theme-eiendom/eiendom-theme-forms.min.css +2 -2
- package/style/themes/theme-sbanken/sbanken-theme-components.css +480 -120
- package/style/themes/theme-sbanken/sbanken-theme-components.min.css +5 -5
- package/style/themes/theme-sbanken/sbanken-theme-components.scss +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-extensions.css +106 -48
- package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +2 -2
- package/style/themes/theme-sbanken/sbanken-theme-forms.css +106 -48
- package/style/themes/theme-sbanken/sbanken-theme-forms.min.css +2 -2
- package/style/themes/theme-ui/ui-theme-components.css +467 -108
- package/style/themes/theme-ui/ui-theme-components.min.css +7 -7
- package/style/themes/theme-ui/ui-theme-extensions.css +107 -49
- package/style/themes/theme-ui/ui-theme-extensions.min.css +2 -2
- package/style/themes/theme-ui/ui-theme-forms.css +107 -49
- package/style/themes/theme-ui/ui-theme-forms.min.css +2 -2
- package/style/themes/theme-ui/ui-theme-tags.css +3 -3
- package/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/umd/dnb-ui-basis.min.js +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 +2 -2
- package/umd/dnb-ui-lib.min.js +1 -1
- package/cjs/components/date-picker/DatePickerOld.d.ts +0 -334
- package/cjs/components/date-picker/DatePickerOld.js +0 -538
- package/cjs/components/date-picker/DatePickerOld.js.map +0 -1
- package/cjs/extensions/style/index.d.ts +0 -5
- package/cjs/extensions/style/index.js +0 -6
- package/cjs/extensions/style/index.js.map +0 -1
- package/components/date-picker/DatePickerOld.d.ts +0 -334
- package/components/date-picker/DatePickerOld.js +0 -528
- package/components/date-picker/DatePickerOld.js.map +0 -1
- package/es/components/date-picker/DatePickerOld.d.ts +0 -334
- package/es/components/date-picker/DatePickerOld.js +0 -528
- package/es/components/date-picker/DatePickerOld.js.map +0 -1
- package/es/extensions/style/index.d.ts +0 -5
- package/es/extensions/style/index.js +0 -4
- package/es/extensions/style/index.js.map +0 -1
- package/extensions/style/index.d.ts +0 -5
- package/extensions/style/index.js +0 -4
- package/extensions/style/index.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Composition.js","names":["_react","_interopRequireDefault","require","_FieldBlock","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CompositionField","props","createElement","composition","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/Composition/Composition.tsx"],"sourcesContent":["import React from 'react'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\n\nfunction CompositionField(props: FieldBlockProps) {\n return <FieldBlock {...props} composition />\n}\n\nCompositionField._supportsSpacingProps = true\nexport default CompositionField\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAuE,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAEvE,SAASQ,gBAAgBA,
|
|
1
|
+
{"version":3,"file":"Composition.js","names":["_react","_interopRequireDefault","require","_FieldBlock","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CompositionField","props","createElement","composition","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/Composition/Composition.tsx"],"sourcesContent":["import React from 'react'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\n\nfunction CompositionField(\n props: Pick<\n FieldBlockProps,\n | 'label'\n | 'labelDescription'\n | 'labelSrOnly'\n | 'width'\n | 'align'\n | 'contentWidth'\n | 'disabled'\n | 'error'\n | 'warning'\n | 'info'\n | 'children'\n >\n) {\n return <FieldBlock {...props} composition />\n}\n\nCompositionField._supportsSpacingProps = true\nexport default CompositionField\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAuE,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAEvE,SAASQ,gBAAgBA,CACvBC,KAaC,EACD;EACA,OAAOtB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACpB,WAAA,CAAAG,OAAU,EAAAC,QAAA,KAAKe,KAAK;IAAEE,WAAW;EAAA,EAAE,CAAC;AAC9C;AAEAH,gBAAgB,CAACI,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC9BL,gBAAgB;AAAAM,OAAA,CAAArB,OAAA,GAAAoB,QAAA"}
|
|
@@ -5,19 +5,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.CompositionProperties = void 0;
|
|
7
7
|
var _FieldBlockDocs = require("../../FieldBlock/FieldBlockDocs");
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
const CompositionProperties = {
|
|
9
|
+
label: _FieldBlockDocs.FieldBlockProperties.label,
|
|
10
|
+
labelDescription: _FieldBlockDocs.FieldBlockProperties.labelDescription,
|
|
11
|
+
labelSrOnly: _FieldBlockDocs.FieldBlockProperties.labelSrOnly,
|
|
12
|
+
width: _FieldBlockDocs.FieldBlockProperties.width,
|
|
13
|
+
contentWidth: _FieldBlockDocs.FieldBlockProperties.contentWidth,
|
|
14
|
+
disabled: _FieldBlockDocs.FieldBlockProperties.disabled,
|
|
15
|
+
error: _FieldBlockDocs.FieldBlockProperties.error,
|
|
16
|
+
warning: _FieldBlockDocs.FieldBlockProperties.warning,
|
|
17
|
+
info: _FieldBlockDocs.FieldBlockProperties.info,
|
|
14
18
|
align: {
|
|
15
19
|
doc: '`center` or `bottom` for aligning the contents vertically. Defaults to `bottom`.',
|
|
16
20
|
type: ['string', 'false'],
|
|
17
21
|
status: 'optional'
|
|
18
22
|
},
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
23
|
+
'[Space](/uilib/layout/space/properties)': {
|
|
24
|
+
doc: 'Spacing properties like `top` or `bottom` are supported.',
|
|
25
|
+
type: ['string', 'object'],
|
|
26
|
+
status: 'optional'
|
|
27
|
+
}
|
|
28
|
+
};
|
|
22
29
|
exports.CompositionProperties = CompositionProperties;
|
|
23
30
|
//# sourceMappingURL=CompositionDocs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CompositionDocs.js","names":["_FieldBlockDocs","require","
|
|
1
|
+
{"version":3,"file":"CompositionDocs.js","names":["_FieldBlockDocs","require","CompositionProperties","label","FieldBlockProperties","labelDescription","labelSrOnly","width","contentWidth","disabled","error","warning","info","align","doc","type","status","exports"],"sources":["../../../../../../src/extensions/forms/Field/Composition/CompositionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { FieldBlockProperties } from '../../FieldBlock/FieldBlockDocs'\n\nexport const CompositionProperties: PropertiesTableProps = {\n label: FieldBlockProperties.label,\n labelDescription: FieldBlockProperties.labelDescription,\n labelSrOnly: FieldBlockProperties.labelSrOnly,\n width: FieldBlockProperties.width,\n contentWidth: FieldBlockProperties.contentWidth,\n disabled: FieldBlockProperties.disabled,\n error: FieldBlockProperties.error,\n warning: FieldBlockProperties.warning,\n info: FieldBlockProperties.info,\n align: {\n doc: '`center` or `bottom` for aligning the contents vertically. Defaults to `bottom`.',\n type: ['string', 'false'],\n status: 'optional',\n },\n '[Space](/uilib/layout/space/properties)': {\n doc: 'Spacing properties like `top` or `bottom` are supported.',\n type: ['string', 'object'],\n status: 'optional',\n },\n}\n"],"mappings":";;;;;;AACA,IAAAA,eAAA,GAAAC,OAAA;AAEO,MAAMC,qBAA2C,GAAG;EACzDC,KAAK,EAAEC,oCAAoB,CAACD,KAAK;EACjCE,gBAAgB,EAAED,oCAAoB,CAACC,gBAAgB;EACvDC,WAAW,EAAEF,oCAAoB,CAACE,WAAW;EAC7CC,KAAK,EAAEH,oCAAoB,CAACG,KAAK;EACjCC,YAAY,EAAEJ,oCAAoB,CAACI,YAAY;EAC/CC,QAAQ,EAAEL,oCAAoB,CAACK,QAAQ;EACvCC,KAAK,EAAEN,oCAAoB,CAACM,KAAK;EACjCC,OAAO,EAAEP,oCAAoB,CAACO,OAAO;EACrCC,IAAI,EAAER,oCAAoB,CAACQ,IAAI;EAC/BC,KAAK,EAAE;IACLC,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAC,OAAA,CAAAf,qBAAA,GAAAA,qBAAA"}
|
|
@@ -20,11 +20,6 @@ const currencyProperties = _objectSpread({
|
|
|
20
20
|
doc: 'Defined the currency display style. Defaults to `code`.',
|
|
21
21
|
type: ['code', 'symbol', 'narrowSymbol', 'name'],
|
|
22
22
|
status: 'optional'
|
|
23
|
-
},
|
|
24
|
-
help: {
|
|
25
|
-
doc: 'Provide a help button. Object consisting of `title` and `content`.',
|
|
26
|
-
type: 'object',
|
|
27
|
-
status: 'optional'
|
|
28
23
|
}
|
|
29
24
|
}, _NumberDocs.numberProperties);
|
|
30
25
|
exports.currencyProperties = currencyProperties;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CurrencyDocs.js","names":["_NumberDocs","require","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","currencyProperties","currency","doc","type","status","currencyDisplay","
|
|
1
|
+
{"version":3,"file":"CurrencyDocs.js","names":["_NumberDocs","require","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","currencyProperties","currency","doc","type","status","currencyDisplay","numberProperties","exports"],"sources":["../../../../../../src/extensions/forms/Field/Currency/CurrencyDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { numberProperties } from '../Number/NumberDocs'\n\nexport const currencyProperties: PropertiesTableProps = {\n currency: {\n doc: 'Defines what format to show the currency value in I.e `NOK` or `USD`.',\n type: 'string',\n status: 'optional',\n },\n currencyDisplay: {\n doc: 'Defined the currency display style. Defaults to `code`.',\n type: ['code', 'symbol', 'narrowSymbol', 'name'],\n status: 'optional',\n },\n ...numberProperties,\n}\n"],"mappings":";;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AAAuD,SAAAC,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,IAAAC,eAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAAA,SAAAO,gBAAAI,GAAA,EAAAL,GAAA,EAAAM,KAAA,IAAAN,GAAA,GAAAO,cAAA,CAAAP,GAAA,OAAAA,GAAA,IAAAK,GAAA,IAAArB,MAAA,CAAAoB,cAAA,CAAAC,GAAA,EAAAL,GAAA,IAAAM,KAAA,EAAAA,KAAA,EAAAhB,UAAA,QAAAkB,YAAA,QAAAC,QAAA,oBAAAJ,GAAA,CAAAL,GAAA,IAAAM,KAAA,WAAAD,GAAA;AAAA,SAAAE,eAAAG,GAAA,QAAAV,GAAA,GAAAW,YAAA,CAAAD,GAAA,2BAAAV,GAAA,gBAAAA,GAAA,GAAAY,MAAA,CAAAZ,GAAA;AAAA,SAAAW,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAK,IAAA,CAAAP,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAE,SAAA,4DAAAP,IAAA,gBAAAF,MAAA,GAAAU,MAAA,EAAAT,KAAA;AAEhD,MAAMU,kBAAwC,GAAA9B,aAAA;EACnD+B,QAAQ,EAAE;IACRC,GAAG,EAAE,uEAAuE;IAC5EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,CAAC;IAChDC,MAAM,EAAE;EACV;AAAC,GACEE,4BAAgB,CACpB;AAAAC,OAAA,CAAAP,kBAAA,GAAAA,kBAAA"}
|
|
@@ -1,13 +1,26 @@
|
|
|
1
|
-
import { FieldProps
|
|
2
|
-
|
|
1
|
+
import { FieldProps } from '../../types';
|
|
2
|
+
import { DatePickerProps } from '../../../../components/DatePicker';
|
|
3
|
+
export type Props = FieldProps<string, undefined | string> & {
|
|
3
4
|
pattern?: string;
|
|
4
5
|
/**
|
|
5
6
|
* Defines if the Date field should support a value of two dates (starting and ending date).
|
|
6
7
|
* The value needs to be a string containing two dates, separated by a pipe character (`|`) i.e. (`01-09-2024|30-09-2024`) when this is set to `true`.
|
|
7
8
|
* Defaults to `false`.
|
|
8
9
|
*/
|
|
9
|
-
range?:
|
|
10
|
-
|
|
10
|
+
range?: DatePickerProps['range'];
|
|
11
|
+
/**
|
|
12
|
+
* If the input fields with the mask should be visible. Defaults to `true`.
|
|
13
|
+
*/
|
|
14
|
+
showInput?: DatePickerProps['showInput'];
|
|
15
|
+
/**
|
|
16
|
+
* If set to `true`, a cancel button will be shown. You can change the default text by using `cancel_button_text="Avbryt"` Defaults to `true`. If the `range` prop is `true`, then the cancel button is shown.
|
|
17
|
+
*/
|
|
18
|
+
showCancelButton?: DatePickerProps['showCancelButton'];
|
|
19
|
+
/**
|
|
20
|
+
* If set to `true`, a reset button will be shown. You can change the default text by using `reset_button_text="Tilbakestill"` Defaults to `true`.
|
|
21
|
+
*/
|
|
22
|
+
showResetButton?: DatePickerProps['showResetButton'];
|
|
23
|
+
} & Pick<DatePickerProps, 'month' | 'startMonth' | 'endMonth' | 'minDate' | 'maxDate' | 'correctInvalidDate' | 'maskOrder' | 'maskPlaceholder' | 'dateFormat' | 'returnFormat' | 'hideNavigation' | 'hideDays' | 'onlyMonth' | 'hideLastWeek' | 'disableAutofocus' | 'showSubmitButton' | 'submitButtonText' | 'cancelButtonText' | 'resetButtonText' | 'firstDay' | 'link' | 'sync' | 'addonElement' | 'shortcuts' | 'opened' | 'direction' | 'alignPicker' | 'onDaysRender' | 'onType' | 'onShow' | 'onHide' | 'onSubmit' | 'onCancel' | 'onReset'>;
|
|
11
24
|
declare function DateComponent(props: Props): import("react/jsx-runtime").JSX.Element;
|
|
12
25
|
declare namespace DateComponent {
|
|
13
26
|
var _supportsSpacingProps: boolean;
|
|
@@ -15,10 +15,13 @@ var _Context = _interopRequireDefault(require("../../../../shared/Context"));
|
|
|
15
15
|
var _dateFns = require("date-fns");
|
|
16
16
|
var _useTranslation = _interopRequireDefault(require("../../hooks/useTranslation"));
|
|
17
17
|
var _Date = require("../../Value/Date");
|
|
18
|
+
const _excluded = ["id", "path", "className", "label", "value", "hasError", "disabled", "htmlAttributes", "handleFocus", "handleBlur", "handleChange", "setDisplayValue", "range", "showCancelButton", "showResetButton", "showInput", "onReset"];
|
|
18
19
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
20
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
20
21
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
22
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
24
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
22
25
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
23
26
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
24
27
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
@@ -65,39 +68,54 @@ function DateComponent(props) {
|
|
|
65
68
|
},
|
|
66
69
|
validateRequired
|
|
67
70
|
});
|
|
71
|
+
const _useFieldProps = (0, _hooks.useFieldProps)(preparedProps),
|
|
72
|
+
{
|
|
73
|
+
id,
|
|
74
|
+
path,
|
|
75
|
+
className,
|
|
76
|
+
label,
|
|
77
|
+
value: valueProp,
|
|
78
|
+
hasError,
|
|
79
|
+
disabled,
|
|
80
|
+
htmlAttributes,
|
|
81
|
+
handleFocus,
|
|
82
|
+
handleBlur,
|
|
83
|
+
handleChange,
|
|
84
|
+
setDisplayValue,
|
|
85
|
+
range,
|
|
86
|
+
showCancelButton = true,
|
|
87
|
+
showResetButton = true,
|
|
88
|
+
showInput = true,
|
|
89
|
+
onReset
|
|
90
|
+
} = _useFieldProps,
|
|
91
|
+
rest = _objectWithoutProperties(_useFieldProps, _excluded);
|
|
92
|
+
const datePickerProps = pickDatePickerProps(rest);
|
|
68
93
|
const {
|
|
69
|
-
id,
|
|
70
|
-
path,
|
|
71
|
-
className,
|
|
72
|
-
label,
|
|
73
94
|
value,
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
} = (0, _hooks.useFieldProps)(preparedProps);
|
|
84
|
-
const rangeValue = (0, _react.useMemo)(() => {
|
|
85
|
-
if (!range) {
|
|
86
|
-
return;
|
|
95
|
+
startDate,
|
|
96
|
+
endDate
|
|
97
|
+
} = (0, _react.useMemo)(() => {
|
|
98
|
+
if (!range || !valueProp) {
|
|
99
|
+
return {
|
|
100
|
+
value: valueProp,
|
|
101
|
+
startDate: undefined,
|
|
102
|
+
endDate: undefined
|
|
103
|
+
};
|
|
87
104
|
}
|
|
88
|
-
const [startDate, endDate] =
|
|
105
|
+
const [startDate, endDate] = valueProp.split('|').map(value => /(undefined|null)/.test(value) ? undefined : value);
|
|
89
106
|
return {
|
|
107
|
+
value: undefined,
|
|
90
108
|
startDate,
|
|
91
109
|
endDate
|
|
92
110
|
};
|
|
93
|
-
}, [range,
|
|
111
|
+
}, [range, valueProp]);
|
|
94
112
|
(0, _react.useMemo)(() => {
|
|
95
|
-
if (path &&
|
|
96
|
-
setDisplayValue(path, (0, _Date.formatDate)(
|
|
113
|
+
if (path && valueProp) {
|
|
114
|
+
setDisplayValue(path, (0, _Date.formatDate)(valueProp, {
|
|
97
115
|
locale
|
|
98
116
|
}));
|
|
99
117
|
}
|
|
100
|
-
}, [locale, path, setDisplayValue,
|
|
118
|
+
}, [locale, path, setDisplayValue, valueProp]);
|
|
101
119
|
const fieldBlockProps = _objectSpread({
|
|
102
120
|
forId: id,
|
|
103
121
|
label: label !== null && label !== void 0 ? label : translations.Date.label,
|
|
@@ -105,23 +123,33 @@ function DateComponent(props) {
|
|
|
105
123
|
}, (0, _utils.pickSpacingProps)(props));
|
|
106
124
|
return _react.default.createElement(_FieldBlock.default, fieldBlockProps, _react.default.createElement(_components.DatePicker, _extends({
|
|
107
125
|
id: id,
|
|
108
|
-
date:
|
|
126
|
+
date: value,
|
|
109
127
|
disabled: disabled,
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
128
|
+
showInput: showInput,
|
|
129
|
+
showCancelButton: showCancelButton,
|
|
130
|
+
showResetButton: showResetButton,
|
|
131
|
+
startDate: startDate,
|
|
132
|
+
endDate: endDate,
|
|
115
133
|
status: hasError ? 'error' : undefined,
|
|
116
|
-
suffix: help ? _react.default.createElement(_components.HelpButton, {
|
|
117
|
-
title: help.title
|
|
118
|
-
}, help.content) : undefined,
|
|
119
134
|
range: range,
|
|
120
|
-
|
|
121
|
-
|
|
135
|
+
onChange: handleChange,
|
|
136
|
+
onReset: event => {
|
|
137
|
+
handleChange(event);
|
|
138
|
+
onReset === null || onReset === void 0 ? void 0 : onReset(event);
|
|
139
|
+
},
|
|
122
140
|
onFocus: handleFocus,
|
|
123
141
|
onBlur: handleBlur
|
|
124
|
-
}, htmlAttributes)));
|
|
142
|
+
}, datePickerProps, htmlAttributes)));
|
|
143
|
+
}
|
|
144
|
+
const datePickerPropKeys = ['month', 'startMonth', 'endMonth', 'minDate', 'maxDate', 'correctInvalidDate', 'maskOrder', 'maskPlaceholder', 'dateFormat', 'returnFormat', 'hideNavigation', 'hideDays', 'onlyMonth', 'hideLastWeek', 'disableAutofocus', 'showSubmitButton', 'submitButtonText', 'cancelButtonText', 'resetButtonText', 'firstDay', 'link', 'sync', 'addonElement', 'shortcuts', 'opened', 'direction', 'alignPicker', 'onDaysRender', 'showInput', 'onDaysRender', 'onType', 'onShow', 'onHide', 'onSubmit', 'onCancel', 'onReset'];
|
|
145
|
+
function pickDatePickerProps(props) {
|
|
146
|
+
const datePickerProps = Object.keys(props).reduce((datePickerProps, key) => {
|
|
147
|
+
if (datePickerPropKeys.includes(key)) {
|
|
148
|
+
datePickerProps[key] = props[key];
|
|
149
|
+
}
|
|
150
|
+
return datePickerProps;
|
|
151
|
+
}, {});
|
|
152
|
+
return datePickerProps;
|
|
125
153
|
}
|
|
126
154
|
DateComponent._supportsSpacingProps = true;
|
|
127
155
|
var _default = DateComponent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Date.js","names":["_react","_interopRequireWildcard","require","_components","_hooks","_utils","_classnames","_interopRequireDefault","_FieldBlock","_Context","_dateFns","_useTranslation","_Date","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","DateComponent","props","translations","useTranslation","locale","useContext","SharedContext","errorMessages","useMemo","Date","errorRequired","schema","_props$schema","type","pattern","validateRequired","useCallback","_ref","required","error","isValid","parseISO","preparedProps","fromInput","_ref2","date","start_date","end_date","range","id","path","className","label","help","hasError","disabled","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","useFieldProps","rangeValue","startDate","endDate","split","formatDate","fieldBlockProps","forId","classnames","pickSpacingProps","createElement","DatePicker","show_input","show_cancel_button","show_reset_button","status","suffix","HelpButton","title","content","on_change","on_reset","onFocus","onBlur","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/Date/Date.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport { DatePicker, HelpButton } from '../../../../components'\nimport { useFieldProps } from '../../hooks'\nimport {\n FieldProps,\n FieldHelpProps,\n AllJSONSchemaVersions,\n} from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport classnames from 'classnames'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport SharedContext from '../../../../shared/Context'\nimport { parseISO, isValid } from 'date-fns'\nimport useTranslation from '../../hooks/useTranslation'\nimport { DatePickerEvent } from '../../../../components/DatePicker'\nimport { formatDate } from '../../Value/Date'\n\nexport type Props = FieldHelpProps &\n FieldProps<string, undefined | string> & {\n // Validation\n pattern?: string\n /**\n * Defines if the Date field should support a value of two dates (starting and ending date).\n * The value needs to be a string containing two dates, separated by a pipe character (`|`) i.e. (`01-09-2024|30-09-2024`) when this is set to `true`.\n * Defaults to `false`.\n */\n range?: boolean\n }\n\nfunction DateComponent(props: Props) {\n const translations = useTranslation()\n const { locale } = useContext(SharedContext)\n\n const errorMessages = useMemo(() => {\n return {\n 'Field.errorRequired': translations.Date.errorRequired,\n 'Field.errorPattern': translations.Date.errorRequired,\n ...props.errorMessages,\n }\n }, [props.errorMessages, translations.Date.errorRequired])\n\n const schema = useMemo<AllJSONSchemaVersions>(\n () =>\n props.schema ?? {\n type: 'string',\n pattern: props.pattern,\n },\n [props.schema, props.pattern]\n )\n\n const validateRequired = useCallback(\n (value: string, { required, error }) => {\n if (required && (!value || !isValid(parseISO(value)))) {\n return error\n }\n\n return undefined\n },\n []\n )\n\n const preparedProps: Props = {\n ...props,\n errorMessages,\n schema,\n fromInput: ({\n date,\n start_date,\n end_date,\n }: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>) => {\n return range ? `${start_date}|${end_date}` : date\n },\n validateRequired,\n }\n\n const {\n id,\n path,\n className,\n label,\n value,\n help,\n hasError,\n disabled,\n htmlAttributes,\n handleFocus,\n handleBlur,\n handleChange,\n setDisplayValue,\n range,\n } = useFieldProps(preparedProps)\n\n const rangeValue = useMemo(() => {\n if (!range) {\n return\n }\n\n const [startDate, endDate] = value.split('|')\n\n return { startDate, endDate }\n }, [range, value])\n\n useMemo(() => {\n if (path && value) {\n setDisplayValue(path, formatDate(value, { locale }))\n }\n }, [locale, path, setDisplayValue, value])\n\n const fieldBlockProps: FieldBlockProps = {\n forId: id,\n label: label ?? translations.Date.label,\n className: classnames('dnb-forms-field-string', className),\n ...pickSpacingProps(props),\n }\n\n return (\n <FieldBlock {...fieldBlockProps}>\n <DatePicker\n id={id}\n date={!range ? value : undefined}\n disabled={disabled}\n show_input={true}\n show_cancel_button={true}\n show_reset_button={true}\n start_date={range ? rangeValue.startDate : undefined}\n end_date={range ? rangeValue.endDate : undefined}\n status={hasError ? 'error' : undefined}\n suffix={\n help ? (\n <HelpButton title={help.title}>{help.content}</HelpButton>\n ) : undefined\n }\n range={range}\n on_change={handleChange}\n on_reset={handleChange}\n onFocus={handleFocus}\n onBlur={handleBlur}\n {...htmlAttributes}\n />\n </FieldBlock>\n )\n}\n\nDateComponent._supportsSpacingProps = true\nexport default DateComponent\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Date.js","names":["_react","_interopRequireWildcard","require","_components","_hooks","_utils","_classnames","_interopRequireDefault","_FieldBlock","_Context","_dateFns","_useTranslation","_Date","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","DateComponent","props","translations","useTranslation","locale","useContext","SharedContext","errorMessages","useMemo","Date","errorRequired","schema","_props$schema","type","pattern","validateRequired","useCallback","_ref","required","error","isValid","parseISO","preparedProps","fromInput","_ref2","date","start_date","end_date","range","_useFieldProps","useFieldProps","id","path","className","label","valueProp","hasError","disabled","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","showCancelButton","showResetButton","showInput","onReset","rest","datePickerProps","pickDatePickerProps","startDate","endDate","split","map","test","formatDate","fieldBlockProps","forId","classnames","pickSpacingProps","createElement","DatePicker","status","onChange","event","onFocus","onBlur","datePickerPropKeys","reduce","includes","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/Date/Date.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport { DatePicker } from '../../../../components'\nimport { useFieldProps } from '../../hooks'\nimport { FieldProps, AllJSONSchemaVersions } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport classnames from 'classnames'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport SharedContext from '../../../../shared/Context'\nimport { parseISO, isValid } from 'date-fns'\nimport useTranslation from '../../hooks/useTranslation'\nimport { formatDate } from '../../Value/Date'\nimport {\n DatePickerEvent,\n DatePickerProps,\n} from '../../../../components/DatePicker'\n\n// `range`, `showInput`, `showCancelButton` and `showResetButton` are not picked from the `DatePickerProps`\n// Since they require `Field.Date` specific comments, due to them having different default values\nexport type Props = FieldProps<string, undefined | string> & {\n // Validation\n pattern?: string\n /**\n * Defines if the Date field should support a value of two dates (starting and ending date).\n * The value needs to be a string containing two dates, separated by a pipe character (`|`) i.e. (`01-09-2024|30-09-2024`) when this is set to `true`.\n * Defaults to `false`.\n */\n range?: DatePickerProps['range']\n /**\n * If the input fields with the mask should be visible. Defaults to `true`.\n */\n showInput?: DatePickerProps['showInput']\n\n /**\n * If set to `true`, a cancel button will be shown. You can change the default text by using `cancel_button_text=\"Avbryt\"` Defaults to `true`. If the `range` prop is `true`, then the cancel button is shown.\n */\n showCancelButton?: DatePickerProps['showCancelButton']\n /**\n * If set to `true`, a reset button will be shown. You can change the default text by using `reset_button_text=\"Tilbakestill\"` Defaults to `true`.\n */\n showResetButton?: DatePickerProps['showResetButton']\n} & Pick<\n DatePickerProps,\n | 'month'\n | 'startMonth'\n | 'endMonth'\n | 'minDate'\n | 'maxDate'\n | 'correctInvalidDate'\n | 'maskOrder'\n | 'maskPlaceholder'\n | 'dateFormat'\n | 'returnFormat'\n | 'hideNavigation'\n | 'hideDays'\n | 'onlyMonth'\n | 'hideLastWeek'\n | 'disableAutofocus'\n | 'showSubmitButton'\n | 'submitButtonText'\n | 'cancelButtonText'\n | 'resetButtonText'\n | 'firstDay'\n | 'link'\n | 'sync'\n | 'addonElement'\n | 'shortcuts'\n | 'opened'\n | 'direction'\n | 'alignPicker'\n | 'onDaysRender'\n | 'onType'\n | 'onShow'\n | 'onHide'\n | 'onSubmit'\n | 'onCancel'\n | 'onReset'\n >\n\nfunction DateComponent(props: Props) {\n const translations = useTranslation()\n const { locale } = useContext(SharedContext)\n\n const errorMessages = useMemo(() => {\n return {\n 'Field.errorRequired': translations.Date.errorRequired,\n 'Field.errorPattern': translations.Date.errorRequired,\n ...props.errorMessages,\n }\n }, [props.errorMessages, translations.Date.errorRequired])\n\n const schema = useMemo<AllJSONSchemaVersions>(\n () =>\n props.schema ?? {\n type: 'string',\n pattern: props.pattern,\n },\n [props.schema, props.pattern]\n )\n\n const validateRequired = useCallback(\n (value: string, { required, error }) => {\n if (required && (!value || !isValid(parseISO(value)))) {\n return error\n }\n\n return undefined\n },\n []\n )\n\n const preparedProps: Props = {\n ...props,\n errorMessages,\n schema,\n fromInput: ({\n date,\n start_date,\n end_date,\n }: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>) => {\n return range ? `${start_date}|${end_date}` : date\n },\n validateRequired,\n }\n\n const {\n id,\n path,\n className,\n label,\n value: valueProp,\n hasError,\n disabled,\n htmlAttributes,\n handleFocus,\n handleBlur,\n handleChange,\n setDisplayValue,\n range,\n showCancelButton = true,\n showResetButton = true,\n showInput = true,\n onReset,\n ...rest\n } = useFieldProps(preparedProps)\n\n const datePickerProps = pickDatePickerProps(rest)\n\n const { value, startDate, endDate } = useMemo(() => {\n if (!range || !valueProp) {\n return { value: valueProp, startDate: undefined, endDate: undefined }\n }\n\n const [startDate, endDate] = valueProp\n .split('|')\n .map((value) => (/(undefined|null)/.test(value) ? undefined : value))\n\n return {\n value: undefined,\n startDate,\n endDate,\n }\n }, [range, valueProp])\n\n useMemo(() => {\n if (path && valueProp) {\n setDisplayValue(path, formatDate(valueProp, { locale }))\n }\n }, [locale, path, setDisplayValue, valueProp])\n\n const fieldBlockProps: FieldBlockProps = {\n forId: id,\n label: label ?? translations.Date.label,\n className: classnames('dnb-forms-field-string', className),\n ...pickSpacingProps(props),\n }\n\n return (\n <FieldBlock {...fieldBlockProps}>\n <DatePicker\n id={id}\n date={value}\n disabled={disabled}\n showInput={showInput}\n showCancelButton={showCancelButton}\n showResetButton={showResetButton}\n startDate={startDate}\n endDate={endDate}\n status={hasError ? 'error' : undefined}\n range={range}\n onChange={handleChange}\n onReset={(event) => {\n handleChange(event)\n onReset?.(event)\n }}\n onFocus={handleFocus}\n onBlur={handleBlur}\n {...datePickerProps}\n {...htmlAttributes}\n />\n </FieldBlock>\n )\n}\n\n// Used to filter out DatePickerProps from the FieldProps.\n// Includes DatePickerProps that are not destructured in useFieldProps\nconst datePickerPropKeys = [\n 'month',\n 'startMonth',\n 'endMonth',\n 'minDate',\n 'maxDate',\n 'correctInvalidDate',\n 'maskOrder',\n 'maskPlaceholder',\n 'dateFormat',\n 'returnFormat',\n 'hideNavigation',\n 'hideDays',\n 'onlyMonth',\n 'hideLastWeek',\n 'disableAutofocus',\n 'showSubmitButton',\n 'submitButtonText',\n 'cancelButtonText',\n 'resetButtonText',\n 'firstDay',\n 'link',\n 'sync',\n 'addonElement',\n 'shortcuts',\n 'opened',\n 'direction',\n 'alignPicker',\n 'onDaysRender',\n 'showInput',\n 'onDaysRender',\n 'onType',\n 'onShow',\n 'onHide',\n 'onSubmit',\n 'onCancel',\n 'onReset',\n]\n\nfunction pickDatePickerProps(props: Props) {\n const datePickerProps = Object.keys(props).reduce(\n (datePickerProps, key) => {\n if (datePickerPropKeys.includes(key)) {\n datePickerProps[key] = props[key]\n }\n\n return datePickerProps\n },\n {}\n )\n\n return datePickerProps\n}\n\nDateComponent._supportsSpacingProps = true\nexport default DateComponent\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,WAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,QAAA,GAAAF,sBAAA,CAAAL,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,eAAA,GAAAJ,sBAAA,CAAAL,OAAA;AACA,IAAAU,KAAA,GAAAV,OAAA;AAA6C,MAAAW,SAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAjB,wBAAAa,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,GAAAQ,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAAhB,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAL,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAS,gBAAA,CAAAP,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAmB,gBAAA,CAAAT,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAQ,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAV,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAY,UAAA,CAAAV,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAsB,UAAA,CAAAZ,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAAA,SAAAe,QAAAC,MAAA,EAAAC,cAAA,QAAAH,IAAA,GAAA1B,MAAA,CAAA0B,IAAA,CAAAE,MAAA,OAAA5B,MAAA,CAAAqB,qBAAA,QAAAS,OAAA,GAAA9B,MAAA,CAAAqB,qBAAA,CAAAO,MAAA,GAAAC,cAAA,KAAAC,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAhC,MAAA,CAAAE,wBAAA,CAAA0B,MAAA,EAAAI,GAAA,EAAAC,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAjB,KAAA,CAAAS,IAAA,EAAAI,OAAA,YAAAJ,IAAA;AAAA,SAAAS,cAAAvB,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAc,OAAA,CAAA3B,MAAA,CAAAgB,MAAA,OAAAoB,OAAA,WAAAjC,GAAA,IAAAkC,eAAA,CAAAzB,MAAA,EAAAT,GAAA,EAAAa,MAAA,CAAAb,GAAA,SAAAH,MAAA,CAAAsC,yBAAA,GAAAtC,MAAA,CAAAuC,gBAAA,CAAA3B,MAAA,EAAAZ,MAAA,CAAAsC,yBAAA,CAAAtB,MAAA,KAAAW,OAAA,CAAA3B,MAAA,CAAAgB,MAAA,GAAAoB,OAAA,WAAAjC,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAW,MAAA,EAAAT,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAc,MAAA,EAAAb,GAAA,iBAAAS,MAAA;AAAA,SAAAyB,gBAAAlD,GAAA,EAAAgB,GAAA,EAAAqC,KAAA,IAAArC,GAAA,GAAAsC,cAAA,CAAAtC,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAAqC,KAAA,EAAAA,KAAA,EAAAP,UAAA,QAAAS,YAAA,QAAAC,QAAA,oBAAAxD,GAAA,CAAAgB,GAAA,IAAAqC,KAAA,WAAArD,GAAA;AAAA,SAAAsD,eAAAG,GAAA,QAAAzC,GAAA,GAAA0C,YAAA,CAAAD,GAAA,2BAAAzC,GAAA,gBAAAA,GAAA,GAAA2C,MAAA,CAAA3C,GAAA;AAAA,SAAA0C,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAA3C,IAAA,CAAAyC,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAoE7C,SAASS,aAAaA,CAACC,KAAY,EAAE;EACnC,MAAMC,YAAY,GAAG,IAAAC,uBAAc,EAAC,CAAC;EACrC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAU,EAACC,gBAAa,CAAC;EAE5C,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAM;IAClC,OAAA7B,aAAA;MACE,qBAAqB,EAAEuB,YAAY,CAACO,IAAI,CAACC,aAAa;MACtD,oBAAoB,EAAER,YAAY,CAACO,IAAI,CAACC;IAAa,GAClDT,KAAK,CAACM,aAAa;EAE1B,CAAC,EAAE,CAACN,KAAK,CAACM,aAAa,EAAEL,YAAY,CAACO,IAAI,CAACC,aAAa,CAAC,CAAC;EAE1D,MAAMC,MAAM,GAAG,IAAAH,cAAO,EACpB;IAAA,IAAAI,aAAA;IAAA,QAAAA,aAAA,GACEX,KAAK,CAACU,MAAM,cAAAC,aAAA,cAAAA,aAAA,GAAI;MACdC,IAAI,EAAE,QAAQ;MACdC,OAAO,EAAEb,KAAK,CAACa;IACjB,CAAC;EAAA,GACH,CAACb,KAAK,CAACU,MAAM,EAAEV,KAAK,CAACa,OAAO,CAC9B,CAAC;EAED,MAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EAClC,CAAChC,KAAa,EAAAiC,IAAA,KAA0B;IAAA,IAAxB;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAAF,IAAA;IACjC,IAAIC,QAAQ,KAAK,CAAClC,KAAK,IAAI,CAAC,IAAAoC,gBAAO,EAAC,IAAAC,iBAAQ,EAACrC,KAAK,CAAC,CAAC,CAAC,EAAE;MACrD,OAAOmC,KAAK;IACd;IAEA,OAAOvB,SAAS;EAClB,CAAC,EACD,EACF,CAAC;EAED,MAAM0B,aAAoB,GAAA3C,aAAA,CAAAA,aAAA,KACrBsB,KAAK;IACRM,aAAa;IACbI,MAAM;IACNY,SAAS,EAAEC,KAAA,IAIiD;MAAA,IAJhD;QACVC,IAAI;QACJC,UAAU;QACVC;MACoD,CAAC,GAAAH,KAAA;MACrD,OAAOI,KAAK,GAAI,GAAEF,UAAW,IAAGC,QAAS,EAAC,GAAGF,IAAI;IACnD,CAAC;IACDV;EAAgB,EACjB;EAED,MAAAc,cAAA,GAmBI,IAAAC,oBAAa,EAACR,aAAa,CAAC;IAnB1B;MACJS,EAAE;MACFC,IAAI;MACJC,SAAS;MACTC,KAAK;MACLlD,KAAK,EAAEmD,SAAS;MAChBC,QAAQ;MACRC,QAAQ;MACRC,cAAc;MACdC,WAAW;MACXC,UAAU;MACVC,YAAY;MACZC,eAAe;MACfd,KAAK;MACLe,gBAAgB,GAAG,IAAI;MACvBC,eAAe,GAAG,IAAI;MACtBC,SAAS,GAAG,IAAI;MAChBC;IAEF,CAAC,GAAAjB,cAAA;IADIkB,IAAI,GAAArF,wBAAA,CAAAmE,cAAA,EAAAnG,SAAA;EAGT,MAAMsH,eAAe,GAAGC,mBAAmB,CAACF,IAAI,CAAC;EAEjD,MAAM;IAAE/D,KAAK;IAAEkE,SAAS;IAAEC;EAAQ,CAAC,GAAG,IAAA3C,cAAO,EAAC,MAAM;IAClD,IAAI,CAACoB,KAAK,IAAI,CAACO,SAAS,EAAE;MACxB,OAAO;QAAEnD,KAAK,EAAEmD,SAAS;QAAEe,SAAS,EAAEtD,SAAS;QAAEuD,OAAO,EAAEvD;MAAU,CAAC;IACvE;IAEA,MAAM,CAACsD,SAAS,EAAEC,OAAO,CAAC,GAAGhB,SAAS,CACnCiB,KAAK,CAAC,GAAG,CAAC,CACVC,GAAG,CAAErE,KAAK,IAAM,kBAAkB,CAACsE,IAAI,CAACtE,KAAK,CAAC,GAAGY,SAAS,GAAGZ,KAAM,CAAC;IAEvE,OAAO;MACLA,KAAK,EAAEY,SAAS;MAChBsD,SAAS;MACTC;IACF,CAAC;EACH,CAAC,EAAE,CAACvB,KAAK,EAAEO,SAAS,CAAC,CAAC;EAEtB,IAAA3B,cAAO,EAAC,MAAM;IACZ,IAAIwB,IAAI,IAAIG,SAAS,EAAE;MACrBO,eAAe,CAACV,IAAI,EAAE,IAAAuB,gBAAU,EAACpB,SAAS,EAAE;QAAE/B;MAAO,CAAC,CAAC,CAAC;IAC1D;EACF,CAAC,EAAE,CAACA,MAAM,EAAE4B,IAAI,EAAEU,eAAe,EAAEP,SAAS,CAAC,CAAC;EAE9C,MAAMqB,eAAgC,GAAA7E,aAAA;IACpC8E,KAAK,EAAE1B,EAAE;IACTG,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIhC,YAAY,CAACO,IAAI,CAACyB,KAAK;IACvCD,SAAS,EAAE,IAAAyB,mBAAU,EAAC,wBAAwB,EAAEzB,SAAS;EAAC,GACvD,IAAA0B,uBAAgB,EAAC1D,KAAK,CAAC,CAC3B;EAED,OACEpF,MAAA,CAAAgB,OAAA,CAAA+H,aAAA,CAACvI,WAAA,CAAAQ,OAAU,EAAK2H,eAAe,EAC7B3I,MAAA,CAAAgB,OAAA,CAAA+H,aAAA,CAAC5I,WAAA,CAAA6I,UAAU,EAAA5G,QAAA;IACT8E,EAAE,EAAEA,EAAG;IACPN,IAAI,EAAEzC,KAAM;IACZqD,QAAQ,EAAEA,QAAS;IACnBQ,SAAS,EAAEA,SAAU;IACrBF,gBAAgB,EAAEA,gBAAiB;IACnCC,eAAe,EAAEA,eAAgB;IACjCM,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBW,MAAM,EAAE1B,QAAQ,GAAG,OAAO,GAAGxC,SAAU;IACvCgC,KAAK,EAAEA,KAAM;IACbmC,QAAQ,EAAEtB,YAAa;IACvBK,OAAO,EAAGkB,KAAK,IAAK;MAClBvB,YAAY,CAACuB,KAAK,CAAC;MACnBlB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGkB,KAAK,CAAC;IAClB,CAAE;IACFC,OAAO,EAAE1B,WAAY;IACrB2B,MAAM,EAAE1B;EAAW,GACfQ,eAAe,EACfV,cAAc,CACnB,CACS,CAAC;AAEjB;AAIA,MAAM6B,kBAAkB,GAAG,CACzB,OAAO,EACP,YAAY,EACZ,UAAU,EACV,SAAS,EACT,SAAS,EACT,oBAAoB,EACpB,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,EACV,MAAM,EACN,MAAM,EACN,cAAc,EACd,WAAW,EACX,QAAQ,EACR,WAAW,EACX,aAAa,EACb,cAAc,EACd,WAAW,EACX,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,CACV;AAED,SAASlB,mBAAmBA,CAAChD,KAAY,EAAE;EACzC,MAAM+C,eAAe,GAAGxG,MAAM,CAAC0B,IAAI,CAAC+B,KAAK,CAAC,CAACmE,MAAM,CAC/C,CAACpB,eAAe,EAAErG,GAAG,KAAK;IACxB,IAAIwH,kBAAkB,CAACE,QAAQ,CAAC1H,GAAG,CAAC,EAAE;MACpCqG,eAAe,CAACrG,GAAG,CAAC,GAAGsD,KAAK,CAACtD,GAAG,CAAC;IACnC;IAEA,OAAOqG,eAAe;EACxB,CAAC,EACD,CAAC,CACH,CAAC;EAED,OAAOA,eAAe;AACxB;AAEAhD,aAAa,CAACsE,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC3BvE,aAAa;AAAAwE,OAAA,CAAA3I,OAAA,GAAA0I,QAAA"}
|
|
@@ -1,2 +1,10 @@
|
|
|
1
1
|
import { PropertiesTableProps } from '../../../../shared/types';
|
|
2
2
|
export declare const DateProperties: PropertiesTableProps;
|
|
3
|
+
export declare const DateEvents: {
|
|
4
|
+
[x: string]: {
|
|
5
|
+
type: string | string[];
|
|
6
|
+
defaultValue?: string;
|
|
7
|
+
doc: string;
|
|
8
|
+
status: "optional" | "internal" | "required" | "deprecated";
|
|
9
|
+
};
|
|
10
|
+
};
|
|
@@ -3,18 +3,57 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.DateProperties = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
6
|
+
exports.DateProperties = exports.DateEvents = void 0;
|
|
7
|
+
var _DatePickerDocs = require("../../../../components/date-picker/DatePickerDocs");
|
|
8
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
9
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
10
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
11
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
12
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
13
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
14
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
15
|
+
const {
|
|
16
|
+
showCancelButton,
|
|
17
|
+
showResetButton,
|
|
18
|
+
showInput,
|
|
19
|
+
range,
|
|
20
|
+
size,
|
|
21
|
+
skeleton,
|
|
22
|
+
tooltip,
|
|
23
|
+
globalStatus,
|
|
24
|
+
statusProps,
|
|
25
|
+
statusState,
|
|
26
|
+
status,
|
|
27
|
+
inputElement,
|
|
28
|
+
label,
|
|
29
|
+
labelDirection,
|
|
30
|
+
labelSrOnly,
|
|
31
|
+
suffix,
|
|
32
|
+
stretch,
|
|
33
|
+
'[Space](/uilib/layout/space/properties)': space
|
|
34
|
+
} = _DatePickerDocs.DatePickerProperties,
|
|
35
|
+
datePickerProperties = _objectWithoutProperties(_DatePickerDocs.DatePickerProperties, ["showCancelButton", "showResetButton", "showInput", "range", "size", "skeleton", "tooltip", "globalStatus", "statusProps", "statusState", "status", "inputElement", "label", "labelDirection", "labelSrOnly", "suffix", "stretch", "[Space](/uilib/layout/space/properties)"]);
|
|
36
|
+
const DateProperties = _objectSpread({
|
|
37
|
+
range: _objectSpread(_objectSpread({}, range), {}, {
|
|
38
|
+
doc: 'Defines if the Date field should support a value of two dates (starting and ending date). ' + 'The `value` needs to be a string containing two dates, separated by a pipe character (`|`) (`01-09-2024|30-09-2024`) when this is set to `true`. ' + 'Defaults to `false`.'
|
|
39
|
+
}),
|
|
40
|
+
showInput: _objectSpread(_objectSpread({}, showInput), {}, {
|
|
41
|
+
doc: 'If the input fields with the mask should be visible. Defaults to `true`.'
|
|
42
|
+
}),
|
|
43
|
+
showCancelButton: _objectSpread(_objectSpread({}, showCancelButton), {}, {
|
|
44
|
+
doc: 'If set to `true`, a cancel button will be shown. You can change the default text by using `cancelButtonText="Avbryt"` Defaults to `true`. If the `range` property is `true`, then the cancel button is shown.'
|
|
45
|
+
}),
|
|
46
|
+
showResetButton: _objectSpread(_objectSpread({}, showResetButton), {}, {
|
|
47
|
+
doc: 'If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText="Tilbakestill"` Defaults to `true`.'
|
|
48
|
+
})
|
|
49
|
+
}, datePickerProperties);
|
|
19
50
|
exports.DateProperties = DateProperties;
|
|
51
|
+
const {
|
|
52
|
+
onChange,
|
|
53
|
+
onBlur,
|
|
54
|
+
onFocus
|
|
55
|
+
} = _DatePickerDocs.DatePickerEvents,
|
|
56
|
+
datePickerEvents = _objectWithoutProperties(_DatePickerDocs.DatePickerEvents, ["onChange", "onBlur", "onFocus"]);
|
|
57
|
+
const DateEvents = datePickerEvents;
|
|
58
|
+
exports.DateEvents = DateEvents;
|
|
20
59
|
//# sourceMappingURL=DateDocs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateDocs.js","names":["
|
|
1
|
+
{"version":3,"file":"DateDocs.js","names":["_DatePickerDocs","require","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","sourceKeys","showCancelButton","showResetButton","showInput","range","size","skeleton","tooltip","globalStatus","statusProps","statusState","status","inputElement","label","labelDirection","labelSrOnly","suffix","stretch","space","DatePickerProperties","datePickerProperties","DateProperties","doc","exports","onChange","onBlur","onFocus","DatePickerEvents","datePickerEvents","DateEvents"],"sources":["../../../../../../src/extensions/forms/Field/Date/DateDocs.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport {\n DatePickerProperties,\n DatePickerEvents,\n} from '../../../../components/date-picker/DatePickerDocs'\nimport { PropertiesTableProps } from '../../../../shared/types'\n\n// Filter out properties that are handled by `useFieldProps` or has a different default value\nconst {\n showCancelButton,\n showResetButton,\n showInput,\n range,\n size,\n skeleton,\n tooltip,\n globalStatus,\n statusProps,\n statusState,\n status,\n inputElement,\n label,\n labelDirection,\n labelSrOnly,\n suffix,\n stretch,\n '[Space](/uilib/layout/space/properties)': space,\n ...datePickerProperties\n} = DatePickerProperties\n\n// `range`, `showInput`, `showCancelButton` and `showResetButton` inherit from `DatePickerProperties`\n// Since they require `Field.Date` specific documentation, due to them having different default values\nexport const DateProperties: PropertiesTableProps = {\n range: {\n ...range,\n doc:\n 'Defines if the Date field should support a value of two dates (starting and ending date). ' +\n 'The `value` needs to be a string containing two dates, separated by a pipe character (`|`) (`01-09-2024|30-09-2024`) when this is set to `true`. ' +\n 'Defaults to `false`.',\n },\n showInput: {\n ...showInput,\n doc: 'If the input fields with the mask should be visible. Defaults to `true`.',\n },\n showCancelButton: {\n ...showCancelButton,\n doc: 'If set to `true`, a cancel button will be shown. You can change the default text by using `cancelButtonText=\"Avbryt\"` Defaults to `true`. If the `range` property is `true`, then the cancel button is shown.',\n },\n showResetButton: {\n ...showResetButton,\n doc: 'If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText=\"Tilbakestill\"` Defaults to `true`.',\n },\n ...datePickerProperties,\n}\n// Filter out the events that are handled by `useFieldProps`\nconst { onChange, onBlur, onFocus, ...datePickerEvents } = DatePickerEvents\n\nexport const DateEvents = datePickerEvents\n"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export type ExpiryProps =
|
|
1
|
+
import { FieldProps } from '../../types';
|
|
2
|
+
export type ExpiryProps = FieldProps<string, undefined | ''>;
|
|
3
3
|
declare function Expiry(props: ExpiryProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare namespace Expiry {
|
|
5
5
|
var _supportsEufemiaSpacingProps: boolean;
|
|
@@ -10,7 +10,6 @@ var _hooks = require("../../hooks");
|
|
|
10
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
11
|
var _FieldBlock = _interopRequireDefault(require("../../FieldBlock"));
|
|
12
12
|
var _inputMasked = require("../../../../components/input-masked");
|
|
13
|
-
var _components = require("../../../../components");
|
|
14
13
|
var _shared = require("../../../../shared");
|
|
15
14
|
var _useTranslation = _interopRequireDefault(require("../../hooks/useTranslation"));
|
|
16
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -32,7 +31,7 @@ function Expiry(props) {
|
|
|
32
31
|
} = (0, _useTranslation.default)();
|
|
33
32
|
const {
|
|
34
33
|
DatePicker: {
|
|
35
|
-
|
|
34
|
+
placeholderCharacters: placeholders,
|
|
36
35
|
month: monthLabel,
|
|
37
36
|
year: yearLabel
|
|
38
37
|
}
|
|
@@ -60,7 +59,6 @@ function Expiry(props) {
|
|
|
60
59
|
hasError,
|
|
61
60
|
info,
|
|
62
61
|
warning,
|
|
63
|
-
help,
|
|
64
62
|
disabled,
|
|
65
63
|
value = '',
|
|
66
64
|
htmlAttributes,
|
|
@@ -112,10 +110,7 @@ function Expiry(props) {
|
|
|
112
110
|
mask: [/[0-9]/, /[0-9]/],
|
|
113
111
|
placeholderCharacter: placeholders['year'],
|
|
114
112
|
autoComplete: 'cc-exp-year'
|
|
115
|
-
}, htmlAttributes)]
|
|
116
|
-
suffix: help ? _react.default.createElement(_components.HelpButton, {
|
|
117
|
-
title: help.title
|
|
118
|
-
}, help.content) : undefined
|
|
113
|
+
}, htmlAttributes)]
|
|
119
114
|
}));
|
|
120
115
|
}
|
|
121
116
|
Expiry._supportsEufemiaSpacingProps = true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Expiry.js","names":["_react","_interopRequireWildcard","require","_utils","_hooks","_classnames","_interopRequireDefault","_FieldBlock","_inputMasked","_components","_shared","_useTranslation","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","Expiry","props","Date","errorRequired","label","expiryLabel","useTranslation","DatePicker","placeholder_characters","placeholders","month","monthLabel","year","yearLabel","useSharedTranslation","errorMessages","useMemo","validateRequired","useCallback","_ref","required","error","preparedProps","fromInput","toExpiryString","id","path","className","hasError","info","warning","help","disabled","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","useFieldProps","expiry","_value$substring","ensureValidMonth","substring","status","fieldBlockProps","forId","classnames","pickSpacingProps","createElement","MultiInputMask","stretch","values","statusState","onChange","onBlur","onFocus","delimiter","inputMode","inputs","mask","getMonthMask","placeholderCharacter","autoComplete","suffix","HelpButton","title","content","_supportsEufemiaSpacingProps","_default","exports","join","firstMask","secondMask","firstDigit","charAt","isFirstDigitValid","test","secondDigit","isSecondDigitValid"],"sources":["../../../../../../src/extensions/forms/Field/Expiry/Expiry.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport { FieldHelpProps, FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { useFieldProps } from '../../hooks'\nimport classnames from 'classnames'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { MultiInputMask } from '../../../../components/input-masked'\nimport type { MultiInputMaskValue } from '../../../../components/input-masked'\nimport { HelpButton } from '../../../../components'\nimport { useTranslation as useSharedTranslation } from '../../../../shared'\nimport useTranslation from '../../hooks/useTranslation'\n\ntype ExpiryValue = MultiInputMaskValue<'month' | 'year'>\n\nexport type ExpiryProps = FieldHelpProps &\n FieldProps<string, undefined | ''>\n\nfunction Expiry(props: ExpiryProps) {\n const {\n Date: { errorRequired },\n Expiry: { label: expiryLabel },\n } = useTranslation()\n\n const {\n DatePicker: {\n placeholder_characters: placeholders,\n month: monthLabel,\n year: yearLabel,\n },\n } = useSharedTranslation()\n\n const errorMessages = useMemo(\n () => ({\n 'Field.errorRequired': errorRequired,\n ...props.errorMessages,\n }),\n [errorRequired, props.errorMessages]\n )\n\n const validateRequired = useCallback(\n (value: string, { required, error }) => {\n return required && !value ? error : undefined\n },\n []\n )\n\n const preparedProps: ExpiryProps = {\n ...props,\n errorMessages,\n fromInput: toExpiryString,\n validateRequired,\n }\n\n const {\n id,\n path,\n className,\n label = expiryLabel,\n hasError,\n info,\n warning,\n help,\n disabled,\n value = '',\n htmlAttributes,\n handleFocus,\n handleBlur,\n handleChange,\n setDisplayValue,\n } = useFieldProps(preparedProps)\n\n const expiry: ExpiryValue = useMemo(() => {\n return {\n month: ensureValidMonth(value?.substring(0, 2)),\n year: value?.substring(2, 4) ?? '',\n }\n }, [value])\n\n useMemo(() => {\n if (path && expiry.month && expiry.year) {\n setDisplayValue(path, `${expiry.month}/${expiry.year}`)\n }\n }, [expiry.month, expiry.year, path, setDisplayValue])\n\n const status = hasError\n ? 'error'\n : warning\n ? 'warn'\n : info\n ? 'info'\n : null\n\n const fieldBlockProps: FieldBlockProps = {\n id,\n forId: `${id}-input-month`,\n className: classnames('dnb-forms-field-expiry', className),\n label,\n ...pickSpacingProps(props),\n }\n\n return (\n <FieldBlock {...fieldBlockProps}>\n <MultiInputMask\n stretch\n id={`${id}-input`}\n values={expiry}\n status={status}\n statusState={disabled ? 'disabled' : undefined}\n disabled={disabled}\n onChange={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n delimiter=\"/\"\n inputMode=\"numeric\"\n inputs={[\n {\n id: 'month',\n label: monthLabel,\n mask: getMonthMask(expiry?.month),\n placeholderCharacter: placeholders['month'],\n autoComplete: 'cc-exp-month',\n ...htmlAttributes,\n },\n {\n id: 'year',\n label: yearLabel,\n mask: [/[0-9]/, /[0-9]/],\n placeholderCharacter: placeholders['year'],\n autoComplete: 'cc-exp-year',\n ...htmlAttributes,\n },\n ]}\n suffix={\n help ? (\n <HelpButton title={help.title}>{help.content}</HelpButton>\n ) : undefined\n }\n />\n </FieldBlock>\n )\n}\n\nExpiry._supportsEufemiaSpacingProps = true\nexport default Expiry\n\nfunction toExpiryString(values: ExpiryValue) {\n return Object.values(values).join('')\n}\n\nfunction ensureValidMonth(month: string) {\n // Return empty value if no month is given\n if (!month) {\n return ''\n }\n\n const [firstMask, secondMask] = getMonthMask(month)\n\n const firstDigit = month?.charAt(0)\n const isFirstDigitValid = firstMask.test(firstDigit)\n\n if (firstDigit && !isFirstDigitValid) {\n // Return empty value if the first digit is invalid\n return ''\n }\n\n const secondDigit = month?.charAt(1)\n const isSecondDigitValid = secondMask.test(secondDigit)\n\n if (secondDigit && !isSecondDigitValid) {\n // Return empty value if the second digit is invalid\n return ''\n }\n\n // Return given month of month value is valid\n return month\n}\n\nfunction getMonthMask(month: string) {\n const firstDigit = month?.charAt(0)\n\n return [\n /[0-1]/,\n firstDigit === '0' || firstDigit === '' ? /[1-9]/ : /[0-2]/,\n ]\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Expiry.js","names":["_react","_interopRequireWildcard","require","_utils","_hooks","_classnames","_interopRequireDefault","_FieldBlock","_inputMasked","_shared","_useTranslation","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","Expiry","props","Date","errorRequired","label","expiryLabel","useTranslation","DatePicker","placeholderCharacters","placeholders","month","monthLabel","year","yearLabel","useSharedTranslation","errorMessages","useMemo","validateRequired","useCallback","_ref","required","error","preparedProps","fromInput","toExpiryString","id","path","className","hasError","info","warning","disabled","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","useFieldProps","expiry","_value$substring","ensureValidMonth","substring","status","fieldBlockProps","forId","classnames","pickSpacingProps","createElement","MultiInputMask","stretch","values","statusState","onChange","onBlur","onFocus","delimiter","inputMode","inputs","mask","getMonthMask","placeholderCharacter","autoComplete","_supportsEufemiaSpacingProps","_default","exports","join","firstMask","secondMask","firstDigit","charAt","isFirstDigitValid","test","secondDigit","isSecondDigitValid"],"sources":["../../../../../../src/extensions/forms/Field/Expiry/Expiry.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport { FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { useFieldProps } from '../../hooks'\nimport classnames from 'classnames'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { MultiInputMask } from '../../../../components/input-masked'\nimport type { MultiInputMaskValue } from '../../../../components/input-masked'\nimport { useTranslation as useSharedTranslation } from '../../../../shared'\nimport useTranslation from '../../hooks/useTranslation'\n\ntype ExpiryValue = MultiInputMaskValue<'month' | 'year'>\n\nexport type ExpiryProps = FieldProps<string, undefined | ''>\n\nfunction Expiry(props: ExpiryProps) {\n const {\n Date: { errorRequired },\n Expiry: { label: expiryLabel },\n } = useTranslation()\n\n const {\n DatePicker: {\n placeholderCharacters: placeholders,\n month: monthLabel,\n year: yearLabel,\n },\n } = useSharedTranslation()\n\n const errorMessages = useMemo(\n () => ({\n 'Field.errorRequired': errorRequired,\n ...props.errorMessages,\n }),\n [errorRequired, props.errorMessages]\n )\n\n const validateRequired = useCallback(\n (value: string, { required, error }) => {\n return required && !value ? error : undefined\n },\n []\n )\n\n const preparedProps: ExpiryProps = {\n ...props,\n errorMessages,\n fromInput: toExpiryString,\n validateRequired,\n }\n\n const {\n id,\n path,\n className,\n label = expiryLabel,\n hasError,\n info,\n warning,\n disabled,\n value = '',\n htmlAttributes,\n handleFocus,\n handleBlur,\n handleChange,\n setDisplayValue,\n } = useFieldProps(preparedProps)\n\n const expiry: ExpiryValue = useMemo(() => {\n return {\n month: ensureValidMonth(value?.substring(0, 2)),\n year: value?.substring(2, 4) ?? '',\n }\n }, [value])\n\n useMemo(() => {\n if (path && expiry.month && expiry.year) {\n setDisplayValue(path, `${expiry.month}/${expiry.year}`)\n }\n }, [expiry.month, expiry.year, path, setDisplayValue])\n\n const status = hasError\n ? 'error'\n : warning\n ? 'warn'\n : info\n ? 'info'\n : null\n\n const fieldBlockProps: FieldBlockProps = {\n id,\n forId: `${id}-input-month`,\n className: classnames('dnb-forms-field-expiry', className),\n label,\n ...pickSpacingProps(props),\n }\n\n return (\n <FieldBlock {...fieldBlockProps}>\n <MultiInputMask\n stretch\n id={`${id}-input`}\n values={expiry}\n status={status}\n statusState={disabled ? 'disabled' : undefined}\n disabled={disabled}\n onChange={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n delimiter=\"/\"\n inputMode=\"numeric\"\n inputs={[\n {\n id: 'month',\n label: monthLabel,\n mask: getMonthMask(expiry?.month),\n placeholderCharacter: placeholders['month'],\n autoComplete: 'cc-exp-month',\n ...htmlAttributes,\n },\n {\n id: 'year',\n label: yearLabel,\n mask: [/[0-9]/, /[0-9]/],\n placeholderCharacter: placeholders['year'],\n autoComplete: 'cc-exp-year',\n ...htmlAttributes,\n },\n ]}\n />\n </FieldBlock>\n )\n}\n\nExpiry._supportsEufemiaSpacingProps = true\nexport default Expiry\n\nfunction toExpiryString(values: ExpiryValue) {\n return Object.values(values).join('')\n}\n\nfunction ensureValidMonth(month: string) {\n // Return empty value if no month is given\n if (!month) {\n return ''\n }\n\n const [firstMask, secondMask] = getMonthMask(month)\n\n const firstDigit = month?.charAt(0)\n const isFirstDigitValid = firstMask.test(firstDigit)\n\n if (firstDigit && !isFirstDigitValid) {\n // Return empty value if the first digit is invalid\n return ''\n }\n\n const secondDigit = month?.charAt(1)\n const isSecondDigitValid = secondMask.test(secondDigit)\n\n if (secondDigit && !isSecondDigitValid) {\n // Return empty value if the second digit is invalid\n return ''\n }\n\n // Return given month of month value is valid\n return month\n}\n\nfunction getMonthMask(month: string) {\n const firstDigit = month?.charAt(0)\n\n return [\n /[0-1]/,\n firstDigit === '0' || firstDigit === '' ? /[1-9]/ : /[0-2]/,\n ]\n}\n"],"mappings":"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"}
|
|
@@ -10,11 +10,6 @@ const NationalIdentityNumberProperties = {
|
|
|
10
10
|
type: 'boolean',
|
|
11
11
|
status: 'optional'
|
|
12
12
|
},
|
|
13
|
-
help: {
|
|
14
|
-
doc: 'Provide a help button. Object consisting of `title` and `content`.',
|
|
15
|
-
type: 'object',
|
|
16
|
-
status: 'optional'
|
|
17
|
-
},
|
|
18
13
|
onBlurValidator: {
|
|
19
14
|
doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to validation of the identification number(national identity numbers and D numbers), using `dnrAndFnrValidator`. Can be disabled using `false`.',
|
|
20
15
|
type: 'function',
|