@dnb/eufemia 10.50.0 → 10.51.1
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 +50 -0
- package/cjs/components/accordion/style/dnb-accordion.css +3 -3
- package/cjs/components/accordion/style/dnb-accordion.min.css +1 -1
- package/cjs/components/autocomplete/style/dnb-autocomplete.css +1 -1
- package/cjs/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
- package/cjs/components/breadcrumb/style/dnb-breadcrumb.css +1 -1
- package/cjs/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
- package/cjs/components/button/Button.d.ts +2 -2
- package/cjs/components/card/style/dnb-card.css +1 -1
- package/cjs/components/card/style/dnb-card.min.css +1 -1
- package/cjs/components/date-picker/DatePicker.d.ts +13 -4
- package/cjs/components/drawer/style/dnb-drawer.css +3 -3
- package/cjs/components/drawer/style/dnb-drawer.min.css +1 -1
- package/cjs/components/dropdown/Dropdown.js +1 -1
- package/cjs/components/dropdown/Dropdown.js.map +1 -1
- package/cjs/components/dropdown/style/dnb-dropdown.css +8 -7
- package/cjs/components/dropdown/style/dnb-dropdown.min.css +1 -1
- package/cjs/components/dropdown/style/dnb-dropdown.scss +17 -17
- package/cjs/components/form-row/style/dnb-form-row.css +1 -1
- package/cjs/components/form-row/style/dnb-form-row.min.css +1 -1
- package/cjs/components/form-status/FormStatus.d.ts +1 -1
- package/cjs/components/grid/style/dnb-grid.css +6 -6
- package/cjs/components/grid/style/dnb-grid.min.css +1 -1
- package/cjs/components/icon/Icon.d.ts +1 -1
- package/cjs/components/icon/Icon.js.map +1 -1
- package/cjs/components/input-masked/InputMasked.d.ts +1 -1
- package/cjs/components/input-masked/InputMaskedDocs.js +1 -1
- package/cjs/components/input-masked/InputMaskedDocs.js.map +1 -1
- package/cjs/components/number-format/NumberFormat.d.ts +14 -28
- package/cjs/components/number-format/NumberFormat.js +6 -2
- package/cjs/components/number-format/NumberFormat.js.map +1 -1
- package/cjs/components/number-format/NumberFormatDocs.d.ts +3 -0
- package/cjs/components/number-format/NumberFormatDocs.js +161 -0
- package/cjs/components/number-format/NumberFormatDocs.js.map +1 -0
- package/cjs/components/number-format/NumberUtils.d.ts +21 -1
- package/cjs/components/number-format/NumberUtils.js +33 -8
- package/cjs/components/number-format/NumberUtils.js.map +1 -1
- package/cjs/components/pagination/Pagination.d.ts +1 -1
- package/cjs/components/section/style/dnb-section.css +2 -2
- package/cjs/components/section/style/dnb-section.min.css +2 -2
- package/cjs/components/space/style/dnb-space.css +2 -2
- package/cjs/components/space/style/dnb-space.min.css +1 -1
- package/cjs/components/switch/Switch.d.ts +100 -91
- package/cjs/components/switch/Switch.js +167 -239
- package/cjs/components/switch/Switch.js.map +1 -1
- package/cjs/components/switch/SwitchDocs.d.ts +3 -0
- package/cjs/components/switch/SwitchDocs.js +93 -0
- package/cjs/components/switch/SwitchDocs.js.map +1 -0
- package/cjs/components/tabs/style/dnb-tabs.css +1 -0
- package/cjs/components/tabs/style/dnb-tabs.min.css +1 -1
- package/cjs/components/tabs/style/dnb-tabs.scss +1 -0
- package/cjs/components/toggle-button/style/dnb-toggle-button.css +1 -1
- package/cjs/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
- package/cjs/extensions/forms/DataContext/At/At.js +1 -1
- package/cjs/extensions/forms/DataContext/At/At.js.map +1 -1
- package/cjs/extensions/forms/DataContext/Context.d.ts +20 -9
- package/cjs/extensions/forms/DataContext/Context.js.map +1 -1
- package/cjs/extensions/forms/DataContext/Provider/Provider.d.ts +1 -1
- package/cjs/extensions/forms/DataContext/Provider/Provider.js +105 -60
- package/cjs/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +1 -1
- package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
- package/cjs/extensions/forms/Field/Date/Date.d.ts +6 -0
- package/cjs/extensions/forms/Field/Date/Date.js +20 -4
- package/cjs/extensions/forms/Field/Date/Date.js.map +1 -1
- package/{extensions/forms/Form/FieldProps/FieldPropsDocs.d.ts → cjs/extensions/forms/Field/Date/DateDocs.d.ts} +1 -1
- package/cjs/extensions/forms/Field/Date/DateDocs.js +20 -0
- package/cjs/extensions/forms/Field/Date/DateDocs.js.map +1 -0
- package/cjs/extensions/forms/Field/Indeterminate/useDependencePaths.js +1 -1
- package/cjs/extensions/forms/Field/Indeterminate/useDependencePaths.js.map +1 -1
- package/{es/extensions/forms/Form/FieldProps/FieldProps.d.ts → cjs/extensions/forms/Field/Provider/FieldProvider.d.ts} +5 -7
- package/cjs/extensions/forms/Field/Provider/FieldProvider.js +33 -0
- package/cjs/extensions/forms/Field/Provider/FieldProvider.js.map +1 -0
- package/cjs/extensions/forms/{Form/FieldProps/FieldPropsContext.d.ts → Field/Provider/FieldProviderContext.d.ts} +3 -3
- package/cjs/extensions/forms/{Form/FieldProps/FieldPropsContext.js → Field/Provider/FieldProviderContext.js} +3 -3
- package/cjs/extensions/forms/Field/Provider/FieldProviderContext.js.map +1 -0
- package/cjs/extensions/forms/Field/Provider/FieldProviderDocs.d.ts +2 -0
- package/cjs/extensions/forms/{Form/FieldProps/FieldPropsDocs.js → Field/Provider/FieldProviderDocs.js} +4 -4
- package/cjs/extensions/forms/Field/Provider/FieldProviderDocs.js.map +1 -0
- package/cjs/extensions/forms/Field/Provider/index.d.ts +2 -0
- package/cjs/extensions/forms/{Form/FieldProps → Field/Provider}/index.js +5 -5
- package/cjs/extensions/forms/Field/Provider/index.js.map +1 -0
- package/cjs/extensions/forms/Field/Provider/useFieldProvider.d.ts +121 -0
- package/cjs/extensions/forms/{Form/FieldProps/FieldProps.js → Field/Provider/useFieldProvider.js} +34 -34
- package/cjs/extensions/forms/Field/Provider/useFieldProvider.js.map +1 -0
- package/cjs/extensions/forms/Field/index.d.ts +1 -0
- package/cjs/extensions/forms/Field/index.js +7 -0
- package/cjs/extensions/forms/Field/index.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js +12 -1
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css +3 -3
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/cjs/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css +1 -1
- package/cjs/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.min.css +1 -1
- package/cjs/extensions/forms/Form/Element/Element.js +4 -4
- package/cjs/extensions/forms/Form/Element/Element.js.map +1 -1
- package/cjs/extensions/forms/Form/Handler/Handler.d.ts +1 -1
- package/cjs/extensions/forms/Form/Handler/Handler.js.map +1 -1
- package/cjs/extensions/forms/Form/Isolation/Isolation.d.ts +2 -2
- package/cjs/extensions/forms/Form/Isolation/Isolation.js +1 -1
- package/cjs/extensions/forms/Form/Isolation/Isolation.js.map +1 -1
- package/cjs/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css +1 -1
- package/cjs/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css +1 -1
- package/cjs/extensions/forms/Form/Section/Section.d.ts +2 -1
- package/cjs/extensions/forms/Form/Section/Section.js +2 -2
- package/cjs/extensions/forms/Form/Section/Section.js.map +1 -1
- package/cjs/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.d.ts +25 -0
- package/cjs/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.js +153 -0
- package/cjs/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.js.map +1 -0
- package/cjs/extensions/forms/Form/SubmitConfirmation/SubmitConfirmationDocs.d.ts +2 -0
- package/cjs/extensions/forms/Form/SubmitConfirmation/SubmitConfirmationDocs.js +30 -0
- package/cjs/extensions/forms/Form/SubmitConfirmation/SubmitConfirmationDocs.js.map +1 -0
- package/cjs/extensions/forms/Form/SubmitConfirmation/index.d.ts +2 -0
- package/cjs/extensions/forms/Form/SubmitConfirmation/index.js +27 -0
- package/cjs/extensions/forms/Form/SubmitConfirmation/index.js.map +1 -0
- package/cjs/extensions/forms/Form/Visibility/Visibility.js +3 -3
- package/cjs/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
- package/cjs/extensions/forms/Form/Visibility/VisibilityContext.d.ts +1 -0
- package/cjs/extensions/forms/Form/Visibility/VisibilityContext.js.map +1 -1
- package/cjs/extensions/forms/Form/Visibility/useVisibility.js +1 -1
- package/cjs/extensions/forms/Form/Visibility/useVisibility.js.map +1 -1
- package/cjs/extensions/forms/Form/data-context/getData.js +1 -1
- package/cjs/extensions/forms/Form/data-context/getData.js.map +1 -1
- package/cjs/extensions/forms/Form/data-context/useData.d.ts +3 -2
- package/cjs/extensions/forms/Form/data-context/useData.js +13 -15
- package/cjs/extensions/forms/Form/data-context/useData.js.map +1 -1
- package/{es/extensions/forms/Form/data-context/useError.d.ts → cjs/extensions/forms/Form/data-context/useValidation.d.ts} +3 -1
- package/cjs/extensions/forms/Form/data-context/useValidation.js +60 -0
- package/cjs/extensions/forms/Form/data-context/useValidation.js.map +1 -0
- package/cjs/extensions/forms/Form/index.d.ts +13 -2
- package/cjs/extensions/forms/Form/index.js +19 -9
- package/cjs/extensions/forms/Form/index.js.map +1 -1
- package/cjs/extensions/forms/Iterate/Array/Array.js +4 -12
- package/cjs/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/cjs/extensions/forms/Iterate/Count/Count.js +1 -1
- package/cjs/extensions/forms/Iterate/Count/Count.js.map +1 -1
- package/cjs/extensions/forms/Iterate/ViewContainer/ViewContainer.js +2 -2
- package/cjs/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map +1 -1
- package/cjs/extensions/forms/Tools/GenerateSchema.d.ts +1 -1
- package/cjs/extensions/forms/Tools/GenerateSchema.js +1 -1
- package/cjs/extensions/forms/Tools/GenerateSchema.js.map +1 -1
- package/cjs/extensions/forms/Tools/ListAllProps.d.ts +1 -1
- package/cjs/extensions/forms/Tools/ListAllProps.js +1 -1
- package/cjs/extensions/forms/Tools/ListAllProps.js.map +1 -1
- package/cjs/extensions/forms/Value/ArraySelection/ArraySelection.d.ts +3 -3
- package/cjs/extensions/forms/Value/ArraySelection/ArraySelection.js.map +1 -1
- package/cjs/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js +2 -2
- package/cjs/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js.map +1 -1
- package/cjs/extensions/forms/Value/Currency/CurrencyDocs.d.ts +2 -0
- package/cjs/extensions/forms/Value/Currency/CurrencyDocs.js +28 -0
- package/cjs/extensions/forms/Value/Currency/CurrencyDocs.js.map +1 -0
- package/cjs/extensions/forms/Value/Date/Date.js +25 -16
- package/cjs/extensions/forms/Value/Date/Date.js.map +1 -1
- package/cjs/extensions/forms/Value/Number/NumberDocs.js +9 -2
- package/cjs/extensions/forms/Value/Number/NumberDocs.js.map +1 -1
- package/cjs/extensions/forms/Value/Provider/ValueProvider.d.ts +13 -0
- package/cjs/extensions/forms/Value/Provider/ValueProvider.js +27 -0
- package/cjs/extensions/forms/Value/Provider/ValueProvider.js.map +1 -0
- package/cjs/extensions/forms/Value/Provider/ValueProviderContext.d.ts +9 -0
- package/cjs/extensions/forms/Value/Provider/ValueProviderContext.js +15 -0
- package/cjs/extensions/forms/Value/Provider/ValueProviderContext.js.map +1 -0
- package/cjs/extensions/forms/Value/Provider/ValueProviderDocs.d.ts +3 -0
- package/cjs/extensions/forms/Value/Provider/ValueProviderDocs.js +23 -0
- package/cjs/extensions/forms/Value/Provider/ValueProviderDocs.js.map +1 -0
- package/cjs/extensions/forms/Value/Provider/index.d.ts +2 -0
- package/cjs/extensions/forms/Value/Provider/index.js +27 -0
- package/cjs/extensions/forms/Value/Provider/index.js.map +1 -0
- package/cjs/extensions/forms/Value/Provider/useValueProvider.d.ts +31 -0
- package/cjs/extensions/forms/Value/Provider/useValueProvider.js +50 -0
- package/cjs/extensions/forms/Value/Provider/useValueProvider.js.map +1 -0
- package/cjs/extensions/forms/Value/SummaryList/SummaryList.d.ts +4 -1
- package/cjs/extensions/forms/Value/SummaryList/SummaryList.js +11 -3
- package/cjs/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -1
- package/cjs/extensions/forms/Value/SummaryList/SummaryListDocs.d.ts +3 -0
- package/cjs/extensions/forms/Value/SummaryList/SummaryListDocs.js +37 -0
- package/cjs/extensions/forms/Value/SummaryList/SummaryListDocs.js.map +1 -0
- package/cjs/extensions/forms/Value/index.d.ts +3 -2
- package/cjs/extensions/forms/Value/index.js +9 -2
- package/cjs/extensions/forms/Value/index.js.map +1 -1
- package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.css +2 -2
- package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.min.css +1 -1
- package/cjs/extensions/forms/Wizard/Container/WizardContainer.js +2 -1
- package/cjs/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
- package/cjs/extensions/forms/Wizard/Step/Step.js +2 -2
- package/cjs/extensions/forms/Wizard/Step/Step.js.map +1 -1
- package/cjs/extensions/forms/Wizard/style/dnb-wizard-layout.css +2 -5
- package/cjs/extensions/forms/Wizard/style/dnb-wizard-layout.min.css +1 -1
- package/cjs/extensions/forms/Wizard/style/dnb-wizard-layout.scss +0 -4
- package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.d.ts +1 -2
- package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js +13 -15
- package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js.map +1 -1
- package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js +0 -5
- package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js.map +1 -1
- package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.d.ts +0 -2
- package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js +0 -2
- package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js.map +1 -1
- package/cjs/extensions/forms/hooks/useDataValue.d.ts +1 -1
- package/cjs/extensions/forms/hooks/useDataValue.js +1 -1
- package/cjs/extensions/forms/hooks/useDataValue.js.map +1 -1
- package/cjs/extensions/forms/hooks/useExternalValue.js +1 -1
- package/cjs/extensions/forms/hooks/useExternalValue.js.map +1 -1
- package/cjs/extensions/forms/hooks/useFieldProps.d.ts +2 -1
- package/cjs/extensions/forms/hooks/useFieldProps.js +111 -56
- package/cjs/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/cjs/extensions/forms/hooks/usePath.js +7 -4
- package/cjs/extensions/forms/hooks/usePath.js.map +1 -1
- package/cjs/extensions/forms/hooks/useValueProps.d.ts +1 -1
- package/cjs/extensions/forms/hooks/useValueProps.js +7 -2
- package/cjs/extensions/forms/hooks/useValueProps.js.map +1 -1
- package/cjs/extensions/forms/style/dnb-forms.css +10 -21
- package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
- package/cjs/extensions/forms/types.d.ts +7 -3
- package/cjs/extensions/forms/types.js.map +1 -1
- package/cjs/extensions/forms/utils/ajv.d.ts +2 -1
- package/cjs/extensions/forms/utils/ajv.js +1 -1
- package/cjs/extensions/forms/utils/ajv.js.map +1 -1
- package/cjs/extensions/forms/utils/index.d.ts +1 -0
- package/cjs/extensions/forms/utils/index.js +12 -0
- package/cjs/extensions/forms/utils/index.js.map +1 -1
- package/cjs/extensions/forms/utils/json-pointer/export.d.ts +1 -0
- package/cjs/extensions/forms/utils/json-pointer/export.js +17 -0
- package/cjs/extensions/forms/utils/json-pointer/export.js.map +1 -0
- package/cjs/extensions/forms/utils/json-pointer/json-pointer.d.ts +43 -0
- package/cjs/extensions/forms/utils/json-pointer/json-pointer.js +139 -0
- package/cjs/extensions/forms/utils/json-pointer/json-pointer.js.map +1 -0
- package/cjs/extensions/forms/utils/json-pointer.d.ts +3 -0
- package/cjs/extensions/forms/utils/json-pointer.js +24 -0
- package/cjs/extensions/forms/utils/json-pointer.js.map +1 -0
- package/cjs/shared/Context.d.ts +2 -0
- package/cjs/shared/Context.js +1 -1
- 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/MediaQueryUtils.d.ts +0 -1
- package/cjs/shared/MediaQueryUtils.js +17 -14
- package/cjs/shared/MediaQueryUtils.js.map +1 -1
- package/cjs/shared/helpers/extendPropsWithContext.js +3 -3
- package/cjs/shared/helpers/extendPropsWithContext.js.map +1 -1
- package/cjs/shared/helpers/withSnakeCaseProps.js.map +1 -1
- package/cjs/style/core/scopes.scss +1 -1
- package/cjs/style/core/utilities.scss +10 -5
- 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 +42 -51
- package/cjs/style/dnb-ui-components.min.css +5 -5
- package/cjs/style/dnb-ui-core.css +1 -1
- package/cjs/style/dnb-ui-core.min.css +1 -1
- package/cjs/style/dnb-ui-elements.css +1 -1
- package/cjs/style/dnb-ui-elements.min.css +1 -1
- package/cjs/style/dnb-ui-extensions.css +10 -21
- package/cjs/style/dnb-ui-extensions.min.css +1 -1
- package/cjs/style/dnb-ui-forms.css +10 -21
- package/cjs/style/dnb-ui-forms.min.css +1 -1
- package/cjs/style/dnb-ui-forms.scss +0 -1
- package/cjs/style/dnb-ui-fragments.css +2 -2
- package/cjs/style/dnb-ui-fragments.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +53 -73
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +6 -6
- package/cjs/style/themes/theme-eiendom/eiendom-theme-elements.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +10 -21
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.css +10 -21
- package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +53 -73
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +7 -7
- package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +10 -21
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.css +10 -21
- package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-basis.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-components.css +53 -73
- package/cjs/style/themes/theme-ui/ui-theme-components.min.css +6 -6
- package/cjs/style/themes/theme-ui/ui-theme-elements.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-extensions.css +10 -21
- package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-forms.css +10 -21
- package/cjs/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-tags.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/components/accordion/style/dnb-accordion.css +3 -3
- package/components/accordion/style/dnb-accordion.min.css +1 -1
- package/components/autocomplete/style/dnb-autocomplete.css +1 -1
- package/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
- package/components/breadcrumb/style/dnb-breadcrumb.css +1 -1
- package/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
- package/components/button/Button.d.ts +2 -2
- package/components/card/style/dnb-card.css +1 -1
- package/components/card/style/dnb-card.min.css +1 -1
- package/components/date-picker/DatePicker.d.ts +13 -4
- package/components/drawer/style/dnb-drawer.css +3 -3
- package/components/drawer/style/dnb-drawer.min.css +1 -1
- package/components/dropdown/Dropdown.js +1 -1
- package/components/dropdown/Dropdown.js.map +1 -1
- package/components/dropdown/style/dnb-dropdown.css +8 -7
- package/components/dropdown/style/dnb-dropdown.min.css +1 -1
- package/components/dropdown/style/dnb-dropdown.scss +17 -17
- package/components/form-row/style/dnb-form-row.css +1 -1
- package/components/form-row/style/dnb-form-row.min.css +1 -1
- package/components/form-status/FormStatus.d.ts +1 -1
- package/components/grid/style/dnb-grid.css +6 -6
- package/components/grid/style/dnb-grid.min.css +1 -1
- package/components/icon/Icon.d.ts +1 -1
- package/components/icon/Icon.js.map +1 -1
- package/components/input-masked/InputMasked.d.ts +1 -1
- package/components/input-masked/InputMaskedDocs.js +1 -1
- package/components/input-masked/InputMaskedDocs.js.map +1 -1
- package/components/number-format/NumberFormat.d.ts +14 -28
- package/components/number-format/NumberFormat.js +6 -2
- package/components/number-format/NumberFormat.js.map +1 -1
- package/components/number-format/NumberFormatDocs.d.ts +3 -0
- package/components/number-format/NumberFormatDocs.js +153 -0
- package/components/number-format/NumberFormatDocs.js.map +1 -0
- package/components/number-format/NumberUtils.d.ts +21 -1
- package/components/number-format/NumberUtils.js +32 -8
- package/components/number-format/NumberUtils.js.map +1 -1
- package/components/pagination/Pagination.d.ts +1 -1
- package/components/section/style/dnb-section.css +2 -2
- package/components/section/style/dnb-section.min.css +2 -2
- package/components/space/style/dnb-space.css +2 -2
- package/components/space/style/dnb-space.min.css +1 -1
- package/components/switch/Switch.d.ts +100 -91
- package/components/switch/Switch.js +165 -238
- package/components/switch/Switch.js.map +1 -1
- package/components/switch/SwitchDocs.d.ts +3 -0
- package/components/switch/SwitchDocs.js +85 -0
- package/components/switch/SwitchDocs.js.map +1 -0
- package/components/tabs/style/dnb-tabs.css +1 -0
- package/components/tabs/style/dnb-tabs.min.css +1 -1
- package/components/tabs/style/dnb-tabs.scss +1 -0
- package/components/toggle-button/style/dnb-toggle-button.css +1 -1
- package/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
- package/es/components/accordion/style/dnb-accordion.css +3 -3
- package/es/components/accordion/style/dnb-accordion.min.css +1 -1
- package/es/components/autocomplete/style/dnb-autocomplete.css +1 -1
- package/es/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
- package/es/components/breadcrumb/style/dnb-breadcrumb.css +1 -1
- package/es/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
- package/es/components/button/Button.d.ts +2 -2
- package/es/components/card/style/dnb-card.css +1 -1
- package/es/components/card/style/dnb-card.min.css +1 -1
- package/es/components/date-picker/DatePicker.d.ts +13 -4
- package/es/components/drawer/style/dnb-drawer.css +3 -3
- package/es/components/drawer/style/dnb-drawer.min.css +1 -1
- package/es/components/dropdown/Dropdown.js +1 -1
- package/es/components/dropdown/Dropdown.js.map +1 -1
- package/es/components/dropdown/style/dnb-dropdown.css +8 -7
- package/es/components/dropdown/style/dnb-dropdown.min.css +1 -1
- package/es/components/dropdown/style/dnb-dropdown.scss +17 -17
- package/es/components/form-row/style/dnb-form-row.css +1 -1
- package/es/components/form-row/style/dnb-form-row.min.css +1 -1
- package/es/components/form-status/FormStatus.d.ts +1 -1
- package/es/components/grid/style/dnb-grid.css +6 -6
- package/es/components/grid/style/dnb-grid.min.css +1 -1
- package/es/components/icon/Icon.d.ts +1 -1
- package/es/components/icon/Icon.js.map +1 -1
- package/es/components/input-masked/InputMasked.d.ts +1 -1
- package/es/components/input-masked/InputMaskedDocs.js +1 -1
- package/es/components/input-masked/InputMaskedDocs.js.map +1 -1
- package/es/components/number-format/NumberFormat.d.ts +14 -28
- package/es/components/number-format/NumberFormat.js +6 -2
- package/es/components/number-format/NumberFormat.js.map +1 -1
- package/es/components/number-format/NumberFormatDocs.d.ts +3 -0
- package/es/components/number-format/NumberFormatDocs.js +150 -0
- package/es/components/number-format/NumberFormatDocs.js.map +1 -0
- package/es/components/number-format/NumberUtils.d.ts +21 -1
- package/es/components/number-format/NumberUtils.js +31 -7
- package/es/components/number-format/NumberUtils.js.map +1 -1
- package/es/components/pagination/Pagination.d.ts +1 -1
- package/es/components/section/style/dnb-section.css +2 -2
- package/es/components/section/style/dnb-section.min.css +2 -2
- package/es/components/space/style/dnb-space.css +2 -2
- package/es/components/space/style/dnb-space.min.css +1 -1
- package/es/components/switch/Switch.d.ts +100 -91
- package/es/components/switch/Switch.js +164 -238
- package/es/components/switch/Switch.js.map +1 -1
- package/es/components/switch/SwitchDocs.d.ts +3 -0
- package/es/components/switch/SwitchDocs.js +85 -0
- package/es/components/switch/SwitchDocs.js.map +1 -0
- package/es/components/tabs/style/dnb-tabs.css +1 -0
- package/es/components/tabs/style/dnb-tabs.min.css +1 -1
- package/es/components/tabs/style/dnb-tabs.scss +1 -0
- package/es/components/toggle-button/style/dnb-toggle-button.css +1 -1
- package/es/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
- package/es/extensions/forms/DataContext/At/At.js +1 -1
- package/es/extensions/forms/DataContext/At/At.js.map +1 -1
- package/es/extensions/forms/DataContext/Context.d.ts +20 -9
- package/es/extensions/forms/DataContext/Context.js.map +1 -1
- package/es/extensions/forms/DataContext/Provider/Provider.d.ts +1 -1
- package/es/extensions/forms/DataContext/Provider/Provider.js +100 -58
- package/es/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +1 -1
- package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
- package/es/extensions/forms/Field/Date/Date.d.ts +6 -0
- package/es/extensions/forms/Field/Date/Date.js +20 -4
- package/es/extensions/forms/Field/Date/Date.js.map +1 -1
- package/{cjs/extensions/forms/Form/FieldProps/FieldPropsDocs.d.ts → es/extensions/forms/Field/Date/DateDocs.d.ts} +1 -1
- package/es/extensions/forms/Field/Date/DateDocs.js +13 -0
- package/es/extensions/forms/Field/Date/DateDocs.js.map +1 -0
- package/es/extensions/forms/Field/Indeterminate/useDependencePaths.js +1 -1
- package/es/extensions/forms/Field/Indeterminate/useDependencePaths.js.map +1 -1
- package/{extensions/forms/Form/FieldProps/FieldProps.d.ts → es/extensions/forms/Field/Provider/FieldProvider.d.ts} +5 -7
- package/es/extensions/forms/Field/Provider/FieldProvider.js +24 -0
- package/es/extensions/forms/Field/Provider/FieldProvider.js.map +1 -0
- package/{extensions/forms/Form/FieldProps/FieldPropsContext.d.ts → es/extensions/forms/Field/Provider/FieldProviderContext.d.ts} +3 -3
- package/es/extensions/forms/Field/Provider/FieldProviderContext.js +7 -0
- package/es/extensions/forms/Field/Provider/FieldProviderContext.js.map +1 -0
- package/es/extensions/forms/Field/Provider/FieldProviderDocs.d.ts +2 -0
- package/{extensions/forms/Form/FieldProps/FieldPropsDocs.js → es/extensions/forms/Field/Provider/FieldProviderDocs.js} +2 -2
- package/es/extensions/forms/Field/Provider/FieldProviderDocs.js.map +1 -0
- package/es/extensions/forms/Field/Provider/index.d.ts +2 -0
- package/es/extensions/forms/Field/Provider/index.js +3 -0
- package/es/extensions/forms/Field/Provider/index.js.map +1 -0
- package/es/extensions/forms/Field/Provider/useFieldProvider.d.ts +121 -0
- package/es/extensions/forms/{Form/FieldProps/FieldProps.js → Field/Provider/useFieldProvider.js} +34 -32
- package/es/extensions/forms/Field/Provider/useFieldProvider.js.map +1 -0
- package/es/extensions/forms/Field/index.d.ts +1 -0
- package/es/extensions/forms/Field/index.js +1 -0
- package/es/extensions/forms/Field/index.js.map +1 -1
- package/es/extensions/forms/FieldBlock/FieldBlock.js +12 -1
- package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.css +3 -3
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/es/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css +1 -1
- package/es/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.min.css +1 -1
- package/es/extensions/forms/Form/Element/Element.js +4 -4
- package/es/extensions/forms/Form/Element/Element.js.map +1 -1
- package/es/extensions/forms/Form/Handler/Handler.d.ts +1 -1
- package/es/extensions/forms/Form/Handler/Handler.js.map +1 -1
- package/es/extensions/forms/Form/Isolation/Isolation.d.ts +2 -2
- package/es/extensions/forms/Form/Isolation/Isolation.js +1 -1
- package/es/extensions/forms/Form/Isolation/Isolation.js.map +1 -1
- package/es/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css +1 -1
- package/es/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css +1 -1
- package/es/extensions/forms/Form/Section/Section.d.ts +2 -1
- package/es/extensions/forms/Form/Section/Section.js +1 -1
- package/es/extensions/forms/Form/Section/Section.js.map +1 -1
- package/es/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.d.ts +25 -0
- package/es/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.js +140 -0
- package/es/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.js.map +1 -0
- package/es/extensions/forms/Form/SubmitConfirmation/SubmitConfirmationDocs.d.ts +2 -0
- package/es/extensions/forms/Form/SubmitConfirmation/SubmitConfirmationDocs.js +23 -0
- package/es/extensions/forms/Form/SubmitConfirmation/SubmitConfirmationDocs.js.map +1 -0
- package/es/extensions/forms/Form/SubmitConfirmation/index.d.ts +2 -0
- package/es/extensions/forms/Form/SubmitConfirmation/index.js +3 -0
- package/es/extensions/forms/Form/SubmitConfirmation/index.js.map +1 -0
- package/es/extensions/forms/Form/Visibility/Visibility.js +3 -3
- package/es/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
- package/es/extensions/forms/Form/Visibility/VisibilityContext.d.ts +1 -0
- package/es/extensions/forms/Form/Visibility/VisibilityContext.js.map +1 -1
- package/es/extensions/forms/Form/Visibility/useVisibility.js +1 -1
- package/es/extensions/forms/Form/Visibility/useVisibility.js.map +1 -1
- package/es/extensions/forms/Form/data-context/getData.js +1 -1
- package/es/extensions/forms/Form/data-context/getData.js.map +1 -1
- package/es/extensions/forms/Form/data-context/useData.d.ts +3 -2
- package/es/extensions/forms/Form/data-context/useData.js +13 -15
- package/es/extensions/forms/Form/data-context/useData.js.map +1 -1
- package/{extensions/forms/Form/data-context/useError.d.ts → es/extensions/forms/Form/data-context/useValidation.d.ts} +3 -1
- package/es/extensions/forms/Form/data-context/useValidation.js +52 -0
- package/es/extensions/forms/Form/data-context/useValidation.js.map +1 -0
- package/es/extensions/forms/Form/index.d.ts +13 -2
- package/es/extensions/forms/Form/index.js +5 -2
- package/es/extensions/forms/Form/index.js.map +1 -1
- package/es/extensions/forms/Iterate/Array/Array.js +4 -12
- package/es/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/es/extensions/forms/Iterate/Count/Count.js +1 -1
- package/es/extensions/forms/Iterate/Count/Count.js.map +1 -1
- package/es/extensions/forms/Iterate/ViewContainer/ViewContainer.js +2 -2
- package/es/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map +1 -1
- package/es/extensions/forms/Tools/GenerateSchema.d.ts +1 -1
- package/es/extensions/forms/Tools/GenerateSchema.js +1 -1
- package/es/extensions/forms/Tools/GenerateSchema.js.map +1 -1
- package/es/extensions/forms/Tools/ListAllProps.d.ts +1 -1
- package/es/extensions/forms/Tools/ListAllProps.js +1 -1
- package/es/extensions/forms/Tools/ListAllProps.js.map +1 -1
- package/es/extensions/forms/Value/ArraySelection/ArraySelection.d.ts +3 -3
- package/es/extensions/forms/Value/ArraySelection/ArraySelection.js.map +1 -1
- package/es/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js +2 -2
- package/es/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js.map +1 -1
- package/es/extensions/forms/Value/Currency/CurrencyDocs.d.ts +2 -0
- package/es/extensions/forms/Value/Currency/CurrencyDocs.js +19 -0
- package/es/extensions/forms/Value/Currency/CurrencyDocs.js.map +1 -0
- package/es/extensions/forms/Value/Date/Date.js +25 -16
- package/es/extensions/forms/Value/Date/Date.js.map +1 -1
- package/es/extensions/forms/Value/Number/NumberDocs.js +7 -2
- package/es/extensions/forms/Value/Number/NumberDocs.js.map +1 -1
- package/es/extensions/forms/Value/Provider/ValueProvider.d.ts +13 -0
- package/es/extensions/forms/Value/Provider/ValueProvider.js +18 -0
- package/es/extensions/forms/Value/Provider/ValueProvider.js.map +1 -0
- package/es/extensions/forms/Value/Provider/ValueProviderContext.d.ts +9 -0
- package/es/extensions/forms/Value/Provider/ValueProviderContext.js +7 -0
- package/es/extensions/forms/Value/Provider/ValueProviderContext.js.map +1 -0
- package/es/extensions/forms/Value/Provider/ValueProviderDocs.d.ts +3 -0
- package/es/extensions/forms/Value/Provider/ValueProviderDocs.js +13 -0
- package/es/extensions/forms/Value/Provider/ValueProviderDocs.js.map +1 -0
- package/es/extensions/forms/Value/Provider/index.d.ts +2 -0
- package/es/extensions/forms/Value/Provider/index.js +3 -0
- package/es/extensions/forms/Value/Provider/index.js.map +1 -0
- package/es/extensions/forms/Value/Provider/useValueProvider.d.ts +31 -0
- package/es/extensions/forms/Value/Provider/useValueProvider.js +40 -0
- package/es/extensions/forms/Value/Provider/useValueProvider.js.map +1 -0
- package/es/extensions/forms/Value/SummaryList/SummaryList.d.ts +4 -1
- package/es/extensions/forms/Value/SummaryList/SummaryList.js +11 -3
- package/es/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -1
- package/es/extensions/forms/Value/SummaryList/SummaryListDocs.d.ts +3 -0
- package/es/extensions/forms/Value/SummaryList/SummaryListDocs.js +29 -0
- package/es/extensions/forms/Value/SummaryList/SummaryListDocs.js.map +1 -0
- package/es/extensions/forms/Value/index.d.ts +3 -2
- package/es/extensions/forms/Value/index.js +3 -2
- package/es/extensions/forms/Value/index.js.map +1 -1
- package/es/extensions/forms/ValueBlock/style/dnb-value-block.css +2 -2
- package/es/extensions/forms/ValueBlock/style/dnb-value-block.min.css +1 -1
- package/es/extensions/forms/Wizard/Container/WizardContainer.js +2 -1
- package/es/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
- package/es/extensions/forms/Wizard/Step/Step.js +2 -2
- package/es/extensions/forms/Wizard/Step/Step.js.map +1 -1
- package/es/extensions/forms/Wizard/style/dnb-wizard-layout.css +2 -5
- package/es/extensions/forms/Wizard/style/dnb-wizard-layout.min.css +1 -1
- package/es/extensions/forms/Wizard/style/dnb-wizard-layout.scss +0 -4
- package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.d.ts +1 -2
- package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js +13 -15
- package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js.map +1 -1
- package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js +0 -5
- package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js.map +1 -1
- package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.d.ts +0 -2
- package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js +0 -2
- package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js.map +1 -1
- package/es/extensions/forms/hooks/useDataValue.d.ts +1 -1
- package/es/extensions/forms/hooks/useDataValue.js +1 -1
- package/es/extensions/forms/hooks/useDataValue.js.map +1 -1
- package/es/extensions/forms/hooks/useExternalValue.js +1 -1
- package/es/extensions/forms/hooks/useExternalValue.js.map +1 -1
- package/es/extensions/forms/hooks/useFieldProps.d.ts +2 -1
- package/es/extensions/forms/hooks/useFieldProps.js +111 -56
- package/es/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/es/extensions/forms/hooks/usePath.js +7 -4
- package/es/extensions/forms/hooks/usePath.js.map +1 -1
- package/es/extensions/forms/hooks/useValueProps.d.ts +1 -1
- package/es/extensions/forms/hooks/useValueProps.js +7 -2
- package/es/extensions/forms/hooks/useValueProps.js.map +1 -1
- package/es/extensions/forms/style/dnb-forms.css +10 -21
- package/es/extensions/forms/style/dnb-forms.min.css +1 -1
- package/es/extensions/forms/types.d.ts +7 -3
- package/es/extensions/forms/types.js.map +1 -1
- package/es/extensions/forms/utils/ajv.d.ts +2 -1
- package/es/extensions/forms/utils/ajv.js +1 -1
- package/es/extensions/forms/utils/ajv.js.map +1 -1
- package/es/extensions/forms/utils/index.d.ts +1 -0
- package/es/extensions/forms/utils/index.js +1 -0
- package/es/extensions/forms/utils/index.js.map +1 -1
- package/es/extensions/forms/utils/json-pointer/export.d.ts +1 -0
- package/es/extensions/forms/utils/json-pointer/export.js +1 -0
- package/es/extensions/forms/utils/json-pointer/export.js.map +1 -0
- package/es/extensions/forms/utils/json-pointer/json-pointer.d.ts +43 -0
- package/es/extensions/forms/utils/json-pointer/json-pointer.js +122 -0
- package/es/extensions/forms/utils/json-pointer/json-pointer.js.map +1 -0
- package/es/extensions/forms/utils/json-pointer.d.ts +3 -0
- package/es/extensions/forms/utils/json-pointer.js +4 -0
- package/es/extensions/forms/utils/json-pointer.js.map +1 -0
- package/es/shared/Context.d.ts +2 -0
- package/es/shared/Context.js +1 -1
- 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/MediaQueryUtils.d.ts +0 -1
- package/es/shared/MediaQueryUtils.js +17 -14
- package/es/shared/MediaQueryUtils.js.map +1 -1
- package/es/shared/helpers/extendPropsWithContext.js +3 -3
- package/es/shared/helpers/extendPropsWithContext.js.map +1 -1
- package/es/shared/helpers/withSnakeCaseProps.js.map +1 -1
- package/es/style/core/scopes.scss +1 -1
- package/es/style/core/utilities.scss +10 -5
- 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 +42 -51
- package/es/style/dnb-ui-components.min.css +5 -5
- package/es/style/dnb-ui-core.css +1 -1
- package/es/style/dnb-ui-core.min.css +1 -1
- package/es/style/dnb-ui-elements.css +1 -1
- package/es/style/dnb-ui-elements.min.css +1 -1
- package/es/style/dnb-ui-extensions.css +10 -21
- package/es/style/dnb-ui-extensions.min.css +1 -1
- package/es/style/dnb-ui-forms.css +10 -21
- package/es/style/dnb-ui-forms.min.css +1 -1
- package/es/style/dnb-ui-forms.scss +0 -1
- package/es/style/dnb-ui-fragments.css +2 -2
- package/es/style/dnb-ui-fragments.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-basis.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-components.css +53 -73
- package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +6 -6
- package/es/style/themes/theme-eiendom/eiendom-theme-elements.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +10 -21
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-forms.css +10 -21
- package/es/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-basis.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-components.css +53 -73
- package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +7 -7
- package/es/style/themes/theme-sbanken/sbanken-theme-elements.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +10 -21
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-forms.css +10 -21
- package/es/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-basis.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-components.css +53 -73
- package/es/style/themes/theme-ui/ui-theme-components.min.css +6 -6
- package/es/style/themes/theme-ui/ui-theme-elements.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-extensions.css +10 -21
- package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-forms.css +10 -21
- package/es/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-tags.css +1 -1
- 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 +5 -5
- package/esm/dnb-ui-lib.min.mjs +1 -1
- package/extensions/forms/DataContext/At/At.js +1 -1
- package/extensions/forms/DataContext/At/At.js.map +1 -1
- package/extensions/forms/DataContext/Context.d.ts +20 -9
- package/extensions/forms/DataContext/Context.js.map +1 -1
- package/extensions/forms/DataContext/Provider/Provider.d.ts +1 -1
- package/extensions/forms/DataContext/Provider/Provider.js +104 -59
- package/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +1 -1
- package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
- package/extensions/forms/Field/Date/Date.d.ts +6 -0
- package/extensions/forms/Field/Date/Date.js +20 -4
- package/extensions/forms/Field/Date/Date.js.map +1 -1
- package/{es/extensions/forms/Form/FieldProps/FieldPropsDocs.d.ts → extensions/forms/Field/Date/DateDocs.d.ts} +1 -1
- package/extensions/forms/Field/Date/DateDocs.js +13 -0
- package/extensions/forms/Field/Date/DateDocs.js.map +1 -0
- package/extensions/forms/Field/Indeterminate/useDependencePaths.js +1 -1
- package/extensions/forms/Field/Indeterminate/useDependencePaths.js.map +1 -1
- package/{cjs/extensions/forms/Form/FieldProps/FieldProps.d.ts → extensions/forms/Field/Provider/FieldProvider.d.ts} +5 -7
- package/extensions/forms/Field/Provider/FieldProvider.js +24 -0
- package/extensions/forms/Field/Provider/FieldProvider.js.map +1 -0
- package/{es/extensions/forms/Form/FieldProps/FieldPropsContext.d.ts → extensions/forms/Field/Provider/FieldProviderContext.d.ts} +3 -3
- package/extensions/forms/Field/Provider/FieldProviderContext.js +7 -0
- package/extensions/forms/Field/Provider/FieldProviderContext.js.map +1 -0
- package/extensions/forms/Field/Provider/FieldProviderDocs.d.ts +2 -0
- package/{es/extensions/forms/Form/FieldProps/FieldPropsDocs.js → extensions/forms/Field/Provider/FieldProviderDocs.js} +2 -2
- package/extensions/forms/Field/Provider/FieldProviderDocs.js.map +1 -0
- package/extensions/forms/Field/Provider/index.d.ts +2 -0
- package/extensions/forms/Field/Provider/index.js +3 -0
- package/extensions/forms/Field/Provider/index.js.map +1 -0
- package/extensions/forms/Field/Provider/useFieldProvider.d.ts +121 -0
- package/extensions/forms/{Form/FieldProps/FieldProps.js → Field/Provider/useFieldProvider.js} +34 -32
- package/extensions/forms/Field/Provider/useFieldProvider.js.map +1 -0
- package/extensions/forms/Field/index.d.ts +1 -0
- package/extensions/forms/Field/index.js +1 -0
- package/extensions/forms/Field/index.js.map +1 -1
- package/extensions/forms/FieldBlock/FieldBlock.js +12 -1
- package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/extensions/forms/FieldBlock/style/dnb-field-block.css +3 -3
- package/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css +1 -1
- package/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.min.css +1 -1
- package/extensions/forms/Form/Element/Element.js +4 -4
- package/extensions/forms/Form/Element/Element.js.map +1 -1
- package/extensions/forms/Form/Handler/Handler.d.ts +1 -1
- package/extensions/forms/Form/Handler/Handler.js.map +1 -1
- package/extensions/forms/Form/Isolation/Isolation.d.ts +2 -2
- package/extensions/forms/Form/Isolation/Isolation.js +1 -1
- package/extensions/forms/Form/Isolation/Isolation.js.map +1 -1
- package/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css +1 -1
- package/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css +1 -1
- package/extensions/forms/Form/Section/Section.d.ts +2 -1
- package/extensions/forms/Form/Section/Section.js +1 -1
- package/extensions/forms/Form/Section/Section.js.map +1 -1
- package/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.d.ts +25 -0
- package/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.js +142 -0
- package/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.js.map +1 -0
- package/extensions/forms/Form/SubmitConfirmation/SubmitConfirmationDocs.d.ts +2 -0
- package/extensions/forms/Form/SubmitConfirmation/SubmitConfirmationDocs.js +23 -0
- package/extensions/forms/Form/SubmitConfirmation/SubmitConfirmationDocs.js.map +1 -0
- package/extensions/forms/Form/SubmitConfirmation/index.d.ts +2 -0
- package/extensions/forms/Form/SubmitConfirmation/index.js +3 -0
- package/extensions/forms/Form/SubmitConfirmation/index.js.map +1 -0
- package/extensions/forms/Form/Visibility/Visibility.js +3 -3
- package/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
- package/extensions/forms/Form/Visibility/VisibilityContext.d.ts +1 -0
- package/extensions/forms/Form/Visibility/VisibilityContext.js.map +1 -1
- package/extensions/forms/Form/Visibility/useVisibility.js +1 -1
- package/extensions/forms/Form/Visibility/useVisibility.js.map +1 -1
- package/extensions/forms/Form/data-context/getData.js +1 -1
- package/extensions/forms/Form/data-context/getData.js.map +1 -1
- package/extensions/forms/Form/data-context/useData.d.ts +3 -2
- package/extensions/forms/Form/data-context/useData.js +13 -15
- package/extensions/forms/Form/data-context/useData.js.map +1 -1
- package/{cjs/extensions/forms/Form/data-context/useError.d.ts → extensions/forms/Form/data-context/useValidation.d.ts} +3 -1
- package/extensions/forms/Form/data-context/useValidation.js +54 -0
- package/extensions/forms/Form/data-context/useValidation.js.map +1 -0
- package/extensions/forms/Form/index.d.ts +13 -2
- package/extensions/forms/Form/index.js +5 -2
- package/extensions/forms/Form/index.js.map +1 -1
- package/extensions/forms/Iterate/Array/Array.js +4 -12
- package/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/extensions/forms/Iterate/Count/Count.js +1 -1
- package/extensions/forms/Iterate/Count/Count.js.map +1 -1
- package/extensions/forms/Iterate/ViewContainer/ViewContainer.js +2 -2
- package/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map +1 -1
- package/extensions/forms/Tools/GenerateSchema.d.ts +1 -1
- package/extensions/forms/Tools/GenerateSchema.js +1 -1
- package/extensions/forms/Tools/GenerateSchema.js.map +1 -1
- package/extensions/forms/Tools/ListAllProps.d.ts +1 -1
- package/extensions/forms/Tools/ListAllProps.js +1 -1
- package/extensions/forms/Tools/ListAllProps.js.map +1 -1
- package/extensions/forms/Value/ArraySelection/ArraySelection.d.ts +3 -3
- package/extensions/forms/Value/ArraySelection/ArraySelection.js.map +1 -1
- package/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js +2 -2
- package/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js.map +1 -1
- package/extensions/forms/Value/Currency/CurrencyDocs.d.ts +2 -0
- package/extensions/forms/Value/Currency/CurrencyDocs.js +19 -0
- package/extensions/forms/Value/Currency/CurrencyDocs.js.map +1 -0
- package/extensions/forms/Value/Date/Date.js +25 -16
- package/extensions/forms/Value/Date/Date.js.map +1 -1
- package/extensions/forms/Value/Number/NumberDocs.js +7 -2
- package/extensions/forms/Value/Number/NumberDocs.js.map +1 -1
- package/extensions/forms/Value/Provider/ValueProvider.d.ts +13 -0
- package/extensions/forms/Value/Provider/ValueProvider.js +18 -0
- package/extensions/forms/Value/Provider/ValueProvider.js.map +1 -0
- package/extensions/forms/Value/Provider/ValueProviderContext.d.ts +9 -0
- package/extensions/forms/Value/Provider/ValueProviderContext.js +7 -0
- package/extensions/forms/Value/Provider/ValueProviderContext.js.map +1 -0
- package/extensions/forms/Value/Provider/ValueProviderDocs.d.ts +3 -0
- package/extensions/forms/Value/Provider/ValueProviderDocs.js +13 -0
- package/extensions/forms/Value/Provider/ValueProviderDocs.js.map +1 -0
- package/extensions/forms/Value/Provider/index.d.ts +2 -0
- package/extensions/forms/Value/Provider/index.js +3 -0
- package/extensions/forms/Value/Provider/index.js.map +1 -0
- package/extensions/forms/Value/Provider/useValueProvider.d.ts +31 -0
- package/extensions/forms/Value/Provider/useValueProvider.js +40 -0
- package/extensions/forms/Value/Provider/useValueProvider.js.map +1 -0
- package/extensions/forms/Value/SummaryList/SummaryList.d.ts +4 -1
- package/extensions/forms/Value/SummaryList/SummaryList.js +11 -3
- package/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -1
- package/extensions/forms/Value/SummaryList/SummaryListDocs.d.ts +3 -0
- package/extensions/forms/Value/SummaryList/SummaryListDocs.js +29 -0
- package/extensions/forms/Value/SummaryList/SummaryListDocs.js.map +1 -0
- package/extensions/forms/Value/index.d.ts +3 -2
- package/extensions/forms/Value/index.js +3 -2
- package/extensions/forms/Value/index.js.map +1 -1
- package/extensions/forms/ValueBlock/style/dnb-value-block.css +2 -2
- package/extensions/forms/ValueBlock/style/dnb-value-block.min.css +1 -1
- package/extensions/forms/Wizard/Container/WizardContainer.js +2 -1
- package/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
- package/extensions/forms/Wizard/Step/Step.js +2 -2
- package/extensions/forms/Wizard/Step/Step.js.map +1 -1
- package/extensions/forms/Wizard/style/dnb-wizard-layout.css +2 -5
- package/extensions/forms/Wizard/style/dnb-wizard-layout.min.css +1 -1
- package/extensions/forms/Wizard/style/dnb-wizard-layout.scss +0 -4
- package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.d.ts +1 -2
- package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js +13 -15
- package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js.map +1 -1
- package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js +0 -5
- package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js.map +1 -1
- package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.d.ts +0 -2
- package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js +0 -2
- package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js.map +1 -1
- package/extensions/forms/hooks/useDataValue.d.ts +1 -1
- package/extensions/forms/hooks/useDataValue.js +1 -1
- package/extensions/forms/hooks/useDataValue.js.map +1 -1
- package/extensions/forms/hooks/useExternalValue.js +1 -1
- package/extensions/forms/hooks/useExternalValue.js.map +1 -1
- package/extensions/forms/hooks/useFieldProps.d.ts +2 -1
- package/extensions/forms/hooks/useFieldProps.js +111 -56
- package/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/extensions/forms/hooks/usePath.js +7 -4
- package/extensions/forms/hooks/usePath.js.map +1 -1
- package/extensions/forms/hooks/useValueProps.d.ts +1 -1
- package/extensions/forms/hooks/useValueProps.js +7 -2
- package/extensions/forms/hooks/useValueProps.js.map +1 -1
- package/extensions/forms/style/dnb-forms.css +10 -21
- package/extensions/forms/style/dnb-forms.min.css +1 -1
- package/extensions/forms/types.d.ts +7 -3
- package/extensions/forms/types.js.map +1 -1
- package/extensions/forms/utils/ajv.d.ts +2 -1
- package/extensions/forms/utils/ajv.js +1 -1
- package/extensions/forms/utils/ajv.js.map +1 -1
- package/extensions/forms/utils/index.d.ts +1 -0
- package/extensions/forms/utils/index.js +1 -0
- package/extensions/forms/utils/index.js.map +1 -1
- package/extensions/forms/utils/json-pointer/export.d.ts +1 -0
- package/extensions/forms/utils/json-pointer/export.js +1 -0
- package/extensions/forms/utils/json-pointer/export.js.map +1 -0
- package/extensions/forms/utils/json-pointer/json-pointer.d.ts +43 -0
- package/extensions/forms/utils/json-pointer/json-pointer.js +124 -0
- package/extensions/forms/utils/json-pointer/json-pointer.js.map +1 -0
- package/extensions/forms/utils/json-pointer.d.ts +3 -0
- package/extensions/forms/utils/json-pointer.js +4 -0
- package/extensions/forms/utils/json-pointer.js.map +1 -0
- package/package.json +1 -2
- package/shared/Context.d.ts +2 -0
- package/shared/Context.js +1 -1
- 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/MediaQueryUtils.d.ts +0 -1
- package/shared/MediaQueryUtils.js +17 -14
- package/shared/MediaQueryUtils.js.map +1 -1
- package/shared/helpers/extendPropsWithContext.js +3 -3
- package/shared/helpers/extendPropsWithContext.js.map +1 -1
- package/shared/helpers/withSnakeCaseProps.js.map +1 -1
- package/style/core/scopes.scss +1 -1
- package/style/core/utilities.scss +10 -5
- 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 +42 -51
- package/style/dnb-ui-components.min.css +5 -5
- package/style/dnb-ui-core.css +1 -1
- package/style/dnb-ui-core.min.css +1 -1
- package/style/dnb-ui-elements.css +1 -1
- package/style/dnb-ui-elements.min.css +1 -1
- package/style/dnb-ui-extensions.css +10 -21
- package/style/dnb-ui-extensions.min.css +1 -1
- package/style/dnb-ui-forms.css +10 -21
- package/style/dnb-ui-forms.min.css +1 -1
- package/style/dnb-ui-forms.scss +0 -1
- package/style/dnb-ui-fragments.css +2 -2
- package/style/dnb-ui-fragments.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-basis.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-components.css +53 -73
- package/style/themes/theme-eiendom/eiendom-theme-components.min.css +6 -6
- package/style/themes/theme-eiendom/eiendom-theme-elements.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-extensions.css +10 -21
- package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-forms.css +10 -21
- package/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-basis.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-components.css +53 -73
- package/style/themes/theme-sbanken/sbanken-theme-components.min.css +7 -7
- package/style/themes/theme-sbanken/sbanken-theme-elements.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-extensions.css +10 -21
- package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-forms.css +10 -21
- package/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-basis.css +1 -1
- package/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-components.css +53 -73
- package/style/themes/theme-ui/ui-theme-components.min.css +6 -6
- package/style/themes/theme-ui/ui-theme-elements.css +1 -1
- package/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-extensions.css +10 -21
- package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-forms.css +10 -21
- package/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-tags.css +1 -1
- 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 +5 -5
- package/umd/dnb-ui-lib.min.js +1 -1
- package/cjs/extensions/forms/Form/Element/style/dnb-form-element.css +0 -7
- package/cjs/extensions/forms/Form/Element/style/dnb-form-element.min.css +0 -1
- package/cjs/extensions/forms/Form/Element/style/dnb-form-element.scss +0 -9
- package/cjs/extensions/forms/Form/FieldProps/FieldProps.js.map +0 -1
- package/cjs/extensions/forms/Form/FieldProps/FieldPropsContext.js.map +0 -1
- package/cjs/extensions/forms/Form/FieldProps/FieldPropsDocs.js.map +0 -1
- package/cjs/extensions/forms/Form/FieldProps/index.d.ts +0 -2
- package/cjs/extensions/forms/Form/FieldProps/index.js.map +0 -1
- package/cjs/extensions/forms/Form/data-context/useError.js +0 -33
- package/cjs/extensions/forms/Form/data-context/useError.js.map +0 -1
- package/es/extensions/forms/Form/Element/style/dnb-form-element.css +0 -7
- package/es/extensions/forms/Form/Element/style/dnb-form-element.min.css +0 -1
- package/es/extensions/forms/Form/Element/style/dnb-form-element.scss +0 -9
- package/es/extensions/forms/Form/FieldProps/FieldProps.js.map +0 -1
- package/es/extensions/forms/Form/FieldProps/FieldPropsContext.js +0 -7
- package/es/extensions/forms/Form/FieldProps/FieldPropsContext.js.map +0 -1
- package/es/extensions/forms/Form/FieldProps/FieldPropsDocs.js.map +0 -1
- package/es/extensions/forms/Form/FieldProps/index.d.ts +0 -2
- package/es/extensions/forms/Form/FieldProps/index.js +0 -3
- package/es/extensions/forms/Form/FieldProps/index.js.map +0 -1
- package/es/extensions/forms/Form/data-context/useError.js +0 -26
- package/es/extensions/forms/Form/data-context/useError.js.map +0 -1
- package/extensions/forms/Form/Element/style/dnb-form-element.css +0 -7
- package/extensions/forms/Form/Element/style/dnb-form-element.min.css +0 -1
- package/extensions/forms/Form/Element/style/dnb-form-element.scss +0 -9
- package/extensions/forms/Form/FieldProps/FieldProps.js.map +0 -1
- package/extensions/forms/Form/FieldProps/FieldPropsContext.js +0 -7
- package/extensions/forms/Form/FieldProps/FieldPropsContext.js.map +0 -1
- package/extensions/forms/Form/FieldProps/FieldPropsDocs.js.map +0 -1
- package/extensions/forms/Form/FieldProps/index.d.ts +0 -2
- package/extensions/forms/Form/FieldProps/index.js +0 -3
- package/extensions/forms/Form/FieldProps/index.js.map +0 -1
- package/extensions/forms/Form/data-context/useError.js +0 -27
- package/extensions/forms/Form/data-context/useError.js.map +0 -1
|
@@ -1,17 +1,25 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
-
const _excluded = ["className", "children", "layout"];
|
|
3
|
+
const _excluded = ["className", "children", "layout", "inheritVisibility", "inheritLabel"];
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import classnames from 'classnames';
|
|
6
|
+
import { removeUndefinedProps } from '../../../../shared/component-helper';
|
|
6
7
|
import SummaryListContext from './SummaryListContext';
|
|
7
8
|
import Dl from '../../../../elements/Dl';
|
|
9
|
+
import ValueProvider from '../Provider/ValueProvider';
|
|
8
10
|
function SummaryList(props) {
|
|
9
11
|
const {
|
|
10
12
|
className,
|
|
11
13
|
children,
|
|
12
|
-
layout
|
|
14
|
+
layout,
|
|
15
|
+
inheritVisibility,
|
|
16
|
+
inheritLabel
|
|
13
17
|
} = props,
|
|
14
18
|
rest = _objectWithoutProperties(props, _excluded);
|
|
19
|
+
const valueProviderProps = removeUndefinedProps({
|
|
20
|
+
inheritVisibility,
|
|
21
|
+
inheritLabel
|
|
22
|
+
});
|
|
15
23
|
return React.createElement(SummaryListContext.Provider, {
|
|
16
24
|
value: {
|
|
17
25
|
layout
|
|
@@ -19,7 +27,7 @@ function SummaryList(props) {
|
|
|
19
27
|
}, React.createElement(Dl, _extends({
|
|
20
28
|
className: classnames('dnb-forms-summary-list', className),
|
|
21
29
|
layout: layout
|
|
22
|
-
}, rest), children));
|
|
30
|
+
}, rest), React.createElement(ValueProvider, valueProviderProps, children)));
|
|
23
31
|
}
|
|
24
32
|
SummaryList._supportsSpacingProps = true;
|
|
25
33
|
export default SummaryList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SummaryList.js","names":["React","classnames","SummaryListContext","Dl","SummaryList","props","className","children","layout","rest","_objectWithoutProperties","_excluded","createElement","Provider","value","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/SummaryList.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport SummaryListContext from './SummaryListContext'\nimport Dl, { DlAllProps } from '../../../../elements/Dl'\n\nexport type Props = Omit<DlAllProps, 'label'
|
|
1
|
+
{"version":3,"file":"SummaryList.js","names":["React","classnames","removeUndefinedProps","SummaryListContext","Dl","ValueProvider","SummaryList","props","className","children","layout","inheritVisibility","inheritLabel","rest","_objectWithoutProperties","_excluded","valueProviderProps","createElement","Provider","value","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/SummaryList.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { removeUndefinedProps } from '../../../../shared/component-helper'\nimport SummaryListContext from './SummaryListContext'\nimport Dl, { DlAllProps } from '../../../../elements/Dl'\nimport ValueProvider from '../Provider/ValueProvider'\n\nexport type Props = Omit<DlAllProps, 'label'> & {\n inheritVisibility?: boolean\n inheritLabel?: boolean\n}\n\nfunction SummaryList(props: Props) {\n const {\n className,\n children,\n layout,\n inheritVisibility,\n inheritLabel,\n ...rest\n } = props\n\n const valueProviderProps = removeUndefinedProps({\n inheritVisibility,\n inheritLabel,\n })\n\n return (\n <SummaryListContext.Provider value={{ layout }}>\n <Dl\n className={classnames('dnb-forms-summary-list', className)}\n layout={layout}\n {...rest}\n >\n <ValueProvider {...valueProviderProps}>{children}</ValueProvider>\n </Dl>\n </SummaryListContext.Provider>\n )\n}\n\nSummaryList._supportsSpacingProps = true\n\nexport default SummaryList\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,oBAAoB,QAAQ,qCAAqC;AAC1E,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,EAAE,MAAsB,yBAAyB;AACxD,OAAOC,aAAa,MAAM,2BAA2B;AAOrD,SAASC,WAAWA,CAACC,KAAY,EAAE;EACjC,MAAM;MACJC,SAAS;MACTC,QAAQ;MACRC,MAAM;MACNC,iBAAiB;MACjBC;IAEF,CAAC,GAAGL,KAAK;IADJM,IAAI,GAAAC,wBAAA,CACLP,KAAK,EAAAQ,SAAA;EAET,MAAMC,kBAAkB,GAAGd,oBAAoB,CAAC;IAC9CS,iBAAiB;IACjBC;EACF,CAAC,CAAC;EAEF,OACEZ,KAAA,CAAAiB,aAAA,CAACd,kBAAkB,CAACe,QAAQ;IAACC,KAAK,EAAE;MAAET;IAAO;EAAE,GAC7CV,KAAA,CAAAiB,aAAA,CAACb,EAAE,EAAAgB,QAAA;IACDZ,SAAS,EAAEP,UAAU,CAAC,wBAAwB,EAAEO,SAAS,CAAE;IAC3DE,MAAM,EAAEA;EAAO,GACXG,IAAI,GAERb,KAAA,CAAAiB,aAAA,CAACZ,aAAa,EAAKW,kBAAkB,EAAGP,QAAwB,CAC9D,CACuB,CAAC;AAElC;AAEAH,WAAW,CAACe,qBAAqB,GAAG,IAAI;AAExC,eAAef,WAAW"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export const SummaryListProperties = {
|
|
2
|
+
layout: {
|
|
3
|
+
doc: 'Use `grid`, `horizontal` or `vertical`.',
|
|
4
|
+
type: 'string',
|
|
5
|
+
status: 'optional'
|
|
6
|
+
},
|
|
7
|
+
inheritVisibility: {
|
|
8
|
+
doc: 'Use this property to propagate the `inheritVisibility` property to all nested values.',
|
|
9
|
+
type: 'boolean',
|
|
10
|
+
status: 'optional'
|
|
11
|
+
},
|
|
12
|
+
inheritLabel: {
|
|
13
|
+
doc: 'Use this property to propagate the `inheritLabel` property to all nested values.',
|
|
14
|
+
type: 'boolean',
|
|
15
|
+
status: 'optional'
|
|
16
|
+
},
|
|
17
|
+
children: {
|
|
18
|
+
doc: 'Contents.',
|
|
19
|
+
type: 'React.Node',
|
|
20
|
+
status: 'required'
|
|
21
|
+
},
|
|
22
|
+
'[Space](/uilib/layout/space/properties)': {
|
|
23
|
+
doc: 'Spacing properties like `top` or `bottom` are supported.',
|
|
24
|
+
type: ['string', 'object'],
|
|
25
|
+
status: 'optional'
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
export const StepEvents = {};
|
|
29
|
+
//# sourceMappingURL=SummaryListDocs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SummaryListDocs.js","names":["SummaryListProperties","layout","doc","type","status","inheritVisibility","inheritLabel","children","StepEvents"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/SummaryListDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const SummaryListProperties: PropertiesTableProps = {\n layout: {\n doc: 'Use `grid`, `horizontal` or `vertical`.',\n type: 'string',\n status: 'optional',\n },\n inheritVisibility: {\n doc: 'Use this property to propagate the `inheritVisibility` property to all nested values.',\n type: 'boolean',\n status: 'optional',\n },\n inheritLabel: {\n doc: 'Use this property to propagate the `inheritLabel` property to all nested values.',\n type: 'boolean',\n status: 'optional',\n },\n children: {\n doc: 'Contents.',\n type: 'React.Node',\n status: 'required',\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\nexport const StepEvents: PropertiesTableProps = {}\n"],"mappings":"AAEA,OAAO,MAAMA,qBAA2C,GAAG;EACzDC,MAAM,EAAE;IACNC,GAAG,EAAE,yCAAyC;IAC9CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,iBAAiB,EAAE;IACjBH,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,YAAY,EAAE;IACZJ,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,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;AAED,OAAO,MAAMI,UAAgC,GAAG,CAAC,CAAC"}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
export { default as Provider } from './Provider';
|
|
2
|
+
export { default as SummaryList } from './SummaryList';
|
|
3
|
+
export { default as Composition } from './Composition';
|
|
1
4
|
export { default as String } from './String';
|
|
2
5
|
export { default as Number } from './Number';
|
|
3
6
|
export { default as Boolean } from './Boolean';
|
|
@@ -10,8 +13,6 @@ export { default as PostalCodeAndCity } from './PostalCodeAndCity';
|
|
|
10
13
|
export { default as PhoneNumber } from './PhoneNumber';
|
|
11
14
|
export { default as BankAccountNumber } from './BankAccountNumber';
|
|
12
15
|
export { default as OrganizationNumber } from './OrganizationNumber';
|
|
13
|
-
export { default as SummaryList } from './SummaryList';
|
|
14
|
-
export { default as Composition } from './Composition';
|
|
15
16
|
export { default as SelectCountry } from './SelectCountry';
|
|
16
17
|
export { default as ArraySelection } from './ArraySelection';
|
|
17
18
|
export { default as Selection } from './Selection';
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
export { default as Provider } from './Provider';
|
|
2
|
+
export { default as SummaryList } from './SummaryList';
|
|
3
|
+
export { default as Composition } from './Composition';
|
|
1
4
|
export { default as String } from './String';
|
|
2
5
|
export { default as Number } from './Number';
|
|
3
6
|
export { default as Boolean } from './Boolean';
|
|
@@ -10,8 +13,6 @@ export { default as PostalCodeAndCity } from './PostalCodeAndCity';
|
|
|
10
13
|
export { default as PhoneNumber } from './PhoneNumber';
|
|
11
14
|
export { default as BankAccountNumber } from './BankAccountNumber';
|
|
12
15
|
export { default as OrganizationNumber } from './OrganizationNumber';
|
|
13
|
-
export { default as SummaryList } from './SummaryList';
|
|
14
|
-
export { default as Composition } from './Composition';
|
|
15
16
|
export { default as SelectCountry } from './SelectCountry';
|
|
16
17
|
export { default as ArraySelection } from './ArraySelection';
|
|
17
18
|
export { default as Selection } from './Selection';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","String","Number","Boolean","Currency","Date","Email","Name","NationalIdentityNumber","PostalCodeAndCity","PhoneNumber","BankAccountNumber","OrganizationNumber","
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","Provider","SummaryList","Composition","String","Number","Boolean","Currency","Date","Email","Name","NationalIdentityNumber","PostalCodeAndCity","PhoneNumber","BankAccountNumber","OrganizationNumber","SelectCountry","ArraySelection","Selection"],"sources":["../../../../../src/extensions/forms/Value/index.ts"],"sourcesContent":["export { default as Provider } from './Provider'\nexport { default as SummaryList } from './SummaryList'\nexport { default as Composition } from './Composition'\nexport { default as String } from './String'\nexport { default as Number } from './Number'\nexport { default as Boolean } from './Boolean'\nexport { default as Currency } from './Currency'\nexport { default as Date } from './Date'\nexport { default as Email } from './Email'\nexport { default as Name } from './Name'\nexport { default as NationalIdentityNumber } from './NationalIdentityNumber'\nexport { default as PostalCodeAndCity } from './PostalCodeAndCity'\nexport { default as PhoneNumber } from './PhoneNumber'\nexport { default as BankAccountNumber } from './BankAccountNumber'\nexport { default as OrganizationNumber } from './OrganizationNumber'\nexport { default as SelectCountry } from './SelectCountry'\nexport { default as ArraySelection } from './ArraySelection'\nexport { default as Selection } from './Selection'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAAQ,QAAQ,YAAY;AAChD,SAASD,OAAO,IAAIE,WAAW,QAAQ,eAAe;AACtD,SAASF,OAAO,IAAIG,WAAW,QAAQ,eAAe;AACtD,SAASH,OAAO,IAAII,MAAM,QAAQ,UAAU;AAC5C,SAASJ,OAAO,IAAIK,MAAM,QAAQ,UAAU;AAC5C,SAASL,OAAO,IAAIM,OAAO,QAAQ,WAAW;AAC9C,SAASN,OAAO,IAAIO,QAAQ,QAAQ,YAAY;AAChD,SAASP,OAAO,IAAIQ,IAAI,QAAQ,QAAQ;AACxC,SAASR,OAAO,IAAIS,KAAK,QAAQ,SAAS;AAC1C,SAAST,OAAO,IAAIU,IAAI,QAAQ,QAAQ;AACxC,SAASV,OAAO,IAAIW,sBAAsB,QAAQ,0BAA0B;AAC5E,SAASX,OAAO,IAAIY,iBAAiB,QAAQ,qBAAqB;AAClE,SAASZ,OAAO,IAAIa,WAAW,QAAQ,eAAe;AACtD,SAASb,OAAO,IAAIc,iBAAiB,QAAQ,qBAAqB;AAClE,SAASd,OAAO,IAAIe,kBAAkB,QAAQ,sBAAsB;AACpE,SAASf,OAAO,IAAIgB,aAAa,QAAQ,iBAAiB;AAC1D,SAAShB,OAAO,IAAIiB,cAAc,QAAQ,kBAAkB;AAC5D,SAASjB,OAAO,IAAIkB,SAAS,QAAQ,aAAa"}
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
.dnb-forms-value-block--max-width-stretch {
|
|
36
36
|
width: 100%;
|
|
37
37
|
}
|
|
38
|
-
@media screen and (min-width: 25.
|
|
38
|
+
@media screen and (min-width: 25.00625em) {
|
|
39
39
|
.dnb-forms-value-block--max-width-small {
|
|
40
40
|
max-width: var(--forms-field-width--small);
|
|
41
41
|
}
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large {
|
|
74
74
|
--column-gap: var(--spacing-large);
|
|
75
75
|
}
|
|
76
|
-
@media screen and (min-width: 25.
|
|
76
|
+
@media screen and (min-width: 25.00625em) {
|
|
77
77
|
.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content {
|
|
78
78
|
align-items: flex-start;
|
|
79
79
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block--inline:not([class*=__composition]):after,.dnb-forms-value-block--inline:not([class*=__composition]):before{content:" "}.dnb-forms-value-block+.dnb-forms-value-block--inline:not([class*=__composition]):before{content:none}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.
|
|
1
|
+
@charset "UTF-8";.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block--inline:not([class*=__composition]):after,.dnb-forms-value-block--inline:not([class*=__composition]):before{content:" "}.dnb-forms-value-block+.dnb-forms-value-block--inline:not([class*=__composition]):before{content:none}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardContainer.js","names":["React","useContext","useCallback","useRef","useReducer","useMemo","ReactDOM","classnames","Space","StepIndicator","convertJsxToString","warn","isAsync","useId","Step","WizardContext","DataContext","defaultContextState","Handler","useSharedState","useHandleLayoutEffect","useVisibility","useLayoutEffect","window","useEffect","WizardContainer","props","_dataContext$setHandl","className","id","idProp","mode","initialActiveIndex","omitScrollManagement","omitFocusManagement","onStepChange","children","noAnimation","prerenderFieldProps","variant","sidebarId","rest","_objectWithoutProperties","_excluded","dataContext","hasContext","setFormState","handleSubmitCall","setShowAllErrors","showAllErrors","setSubmitState","forceUpdate","activeIndexRef","totalStepsRef","NaN","errorOnStepRef","stepElementRef","preventNextStepRef","sharedStateRef","current","undefined","preventNavigation","shouldPrevent","callOnStepChange","index","setFocus","scrollToTop","isInteractionRef","handleLayoutEffect","handleStepChange","skipErrorCheck","skipStepChangeCall","skipStepChangeCallBeforeMounted","skipStepChangeCallFromHook","skipFieldValidation","enableAsyncBehavior","onSubmit","_sharedStateRef$curre","_sharedStateRef$curre2","_sharedStateRef$curre3","data","call","result","Error","setActiveIndex","options","_objectSpread","handlePrevious","handleNext","handleChange","current_step","setFormError","error","handleSubmit","preventSubmit","setHandleSubmit","titlesRef","updateTitlesRef","prerenderFieldPropsRef","check","activeIndex","providerValue","_sharedStateRef$curre4","_sharedStateRef$curre5","extend","_updateTitlesRef$curr","createElement","_extends","Provider","value","DisplaySteps","IterateOverSteps","PrerenderFieldPropsOfOtherSteps","sidebar_id","Sidebar","bottom","Object","values","no_animation","on_change","incrementIndex","childrenArray","Children","map","child","isValidElement","_child","_child2","step","type","_step","apply","active","activeWhen","visibleWhen","title","key","clone","cloneElement","document","length","hasRenderedRef","WizardPortal","PrerenderFieldPropsProvider","hidden","Fn","i","createPortal","body","setFieldProps","updateDataValue","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/WizardContainer.tsx"],"sourcesContent":["import React, {\n useContext,\n useCallback,\n useRef,\n useReducer,\n useMemo,\n} from 'react'\nimport ReactDOM from 'react-dom'\nimport classnames from 'classnames'\nimport { Space, StepIndicator } from '../../../../components'\nimport {\n convertJsxToString,\n warn,\n} from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useId from '../../../../shared/helpers/useId'\nimport Step, { Props as StepProps } from '../Step'\nimport WizardContext, {\n OnStepChange,\n SetActiveIndexOptions,\n StepIndex,\n WizardContextState,\n} from '../Context/WizardContext'\nimport DataContext, {\n defaultContextState,\n} from '../../DataContext/Context'\nimport Handler from '../../Form/Handler/Handler'\nimport {\n SharedStateReturn,\n useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useHandleLayoutEffect from './useHandleLayoutEffect'\nimport { ComponentProps } from '../../types'\nimport useVisibility from '../../Form/Visibility/useVisibility'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = ComponentProps & {\n id?: string\n\n /**\n * The mode of the wizard.\n */\n mode?: 'static' | 'strict' | 'loose'\n\n /**\n * If set to `true`, the wizard will not scroll to the first step when the user clicks on the next button.\n */\n omitScrollManagement?: boolean\n\n /**\n * If set to `true`, the wizard will not focus on the next step when the user clicks on the next button.\n */\n omitFocusManagement?: boolean\n\n /**\n * The index of the first step to be rendered.\n */\n initialActiveIndex?: StepIndex\n\n /**\n * The callback function that will be called when the user clicks on the next button.\n */\n onStepChange?: OnStepChange\n\n /**\n * The sidebar variant.\n */\n variant?: 'sidebar' | 'drawer'\n sidebarId?: string\n\n /**\n * If set to `true`, the wizard will not animate the steps.\n */\n noAnimation?: boolean\n\n /**\n * If set to `true`, the wizard pre-render all steps so the props of each field is available in the data context.\n * Defaults to `true`.\n */\n prerenderFieldProps?: boolean\n\n /**\n * The children of the wizard container.\n */\n children: React.ReactNode\n\n /**\n * @deprecated Is enabled by default. You can disable it with \"omitScrollManagement\"\n */\n scrollTopOnStepChange?: boolean\n}\n\nfunction WizardContainer(props: Props) {\n const {\n className,\n id: idProp,\n mode = 'strict',\n initialActiveIndex = 0,\n omitScrollManagement,\n omitFocusManagement,\n onStepChange,\n children,\n noAnimation = true,\n prerenderFieldProps = true,\n variant = 'sidebar',\n sidebarId,\n ...rest\n } = props\n\n const dataContext = useContext(DataContext)\n const {\n hasContext,\n setFormState,\n handleSubmitCall,\n setShowAllErrors,\n showAllErrors,\n setSubmitState,\n } = dataContext\n\n const id = useId(idProp)\n const [, forceUpdate] = useReducer(() => ({}), {})\n const activeIndexRef = useRef<StepIndex>(initialActiveIndex)\n const totalStepsRef = useRef<number>(NaN)\n const errorOnStepRef = useRef<Record<StepIndex, boolean>>({})\n const stepElementRef = useRef<HTMLElement>()\n const preventNextStepRef = useRef(false)\n\n // - Handle shared state\n const sharedStateRef =\n useRef<\n SharedStateReturn<\n WizardContextState & { onStepChange?: OnStepChange }\n >\n >()\n sharedStateRef.current = useSharedState<WizardContextState>(\n hasContext && id ? id + '-wizard' : undefined\n )\n\n // Store the current state of showAllErrors\n errorOnStepRef.current[activeIndexRef.current] = showAllErrors\n\n const preventNavigation = useCallback((shouldPrevent = true) => {\n preventNextStepRef.current = shouldPrevent\n }, [])\n\n const callOnStepChange = useCallback(\n async (index: StepIndex, mode: 'previous' | 'next') => {\n if (isAsync(onStepChange)) {\n return await onStepChange(index, mode, { preventNavigation })\n }\n\n return onStepChange?.(index, mode, { preventNavigation })\n },\n [onStepChange, preventNavigation]\n )\n\n const { setFocus, scrollToTop, isInteractionRef } =\n useHandleLayoutEffect({ activeIndexRef, stepElementRef })\n\n const handleLayoutEffect = useCallback(() => {\n if (!omitFocusManagement) {\n setFocus()\n }\n if (!omitScrollManagement) {\n scrollToTop()\n }\n }, [omitScrollManagement, omitFocusManagement, setFocus, scrollToTop])\n\n const handleStepChange = useCallback(\n ({\n index,\n skipErrorCheck,\n skipStepChangeCall,\n skipStepChangeCallBeforeMounted,\n skipStepChangeCallFromHook,\n mode,\n }: {\n index: StepIndex\n mode: 'previous' | 'next'\n } & SetActiveIndexOptions) => {\n handleSubmitCall({\n skipErrorCheck,\n skipFieldValidation: skipErrorCheck,\n enableAsyncBehavior: isAsync(onStepChange),\n onSubmit: async () => {\n if (!skipStepChangeCallFromHook) {\n sharedStateRef.current?.data?.onStepChange?.(index, mode, {\n preventNavigation,\n })\n }\n\n const result =\n skipStepChangeCall ||\n (skipStepChangeCallBeforeMounted && !isInteractionRef.current)\n ? undefined\n : await callOnStepChange(index, mode)\n\n // Hide async indicator\n setFormState('abort')\n\n if (!skipErrorCheck) {\n // Set the showAllErrors to the step we got to\n setShowAllErrors(errorOnStepRef.current[index])\n }\n\n if (!preventNextStepRef.current && !(result instanceof Error)) {\n handleLayoutEffect()\n\n activeIndexRef.current = index\n forceUpdate()\n }\n\n preventNextStepRef.current = false\n\n return result\n },\n })\n },\n [\n callOnStepChange,\n handleLayoutEffect,\n handleSubmitCall,\n isInteractionRef,\n onStepChange,\n preventNavigation,\n setFormState,\n setShowAllErrors,\n ]\n )\n\n const setActiveIndex = useCallback(\n (index: StepIndex, options?: SetActiveIndexOptions) => {\n if (index === activeIndexRef.current) {\n return\n }\n\n const mode = index > activeIndexRef.current ? 'next' : 'previous'\n\n handleStepChange({\n index,\n skipErrorCheck: mode === 'previous',\n mode,\n ...options,\n })\n },\n [handleStepChange]\n )\n\n const handlePrevious = useCallback(() => {\n setActiveIndex(activeIndexRef.current - 1)\n }, [setActiveIndex])\n\n const handleNext = useCallback(() => {\n setActiveIndex(activeIndexRef.current + 1)\n }, [setActiveIndex])\n\n const handleChange = useCallback(\n ({ current_step }) => {\n setActiveIndex(current_step, { skipErrorCheck: true })\n },\n [setActiveIndex]\n )\n\n const setFormError = useCallback(\n (error: Error) => {\n setSubmitState?.({ error })\n },\n [setSubmitState]\n )\n\n const handleSubmit = useCallback(\n ({ preventSubmit }) => {\n if (activeIndexRef.current + 1 < totalStepsRef.current) {\n handleNext()\n preventSubmit()\n }\n },\n [handleNext]\n )\n dataContext.setHandleSubmit?.(handleSubmit)\n\n const titlesRef = useRef({})\n const updateTitlesRef = useRef<() => void>()\n const prerenderFieldPropsRef = useRef<\n Record<string, () => React.ReactElement>\n >({})\n\n const { check } = useVisibility()\n\n const activeIndex = activeIndexRef.current\n const providerValue = useMemo<WizardContextState>(() => {\n return {\n id,\n activeIndex,\n stepElementRef,\n titlesRef,\n updateTitlesRef,\n activeIndexRef,\n totalStepsRef,\n prerenderFieldProps,\n prerenderFieldPropsRef,\n check,\n setActiveIndex,\n handlePrevious,\n handleNext,\n setFormError,\n }\n }, [\n activeIndex,\n handleNext,\n handlePrevious,\n id,\n prerenderFieldProps,\n check,\n setActiveIndex,\n setFormError,\n ])\n\n // - Handle shared state\n useLayoutEffect(() => {\n if (id && hasContext) {\n sharedStateRef.current?.extend?.(providerValue)\n }\n }, [id, providerValue]) // eslint-disable-line react-hooks/exhaustive-deps\n\n useLayoutEffect(() => {\n updateTitlesRef.current?.()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [titlesRef.current])\n\n if (!hasContext) {\n warn('You may wrap Wizard.Container in Form.Handler')\n return (\n <Handler>\n <WizardContainer {...props} id={id} />\n </Handler>\n )\n }\n\n return (\n <WizardContext.Provider value={providerValue}>\n <Space\n className={classnames(\n 'dnb-forms-wizard-layout',\n `dnb-forms-wizard-layout--${variant}`,\n className\n )}\n {...rest}\n >\n <DisplaySteps\n mode={mode}\n variant={variant}\n noAnimation={noAnimation}\n handleChange={handleChange}\n sidebarId={sidebarId}\n />\n\n <div className=\"dnb-forms-wizard-layout__contents\">\n <IterateOverSteps>{children}</IterateOverSteps>\n </div>\n </Space>\n\n {prerenderFieldProps && (\n <PrerenderFieldPropsOfOtherSteps\n prerenderFieldPropsRef={prerenderFieldPropsRef}\n />\n )}\n </WizardContext.Provider>\n )\n}\n\nfunction DisplaySteps({\n mode,\n variant,\n noAnimation,\n handleChange,\n sidebarId,\n}) {\n const [, forceUpdate] = useReducer(() => ({}), {})\n const { id, activeIndexRef, titlesRef, updateTitlesRef } =\n useContext(WizardContext) || {}\n updateTitlesRef.current = () => {\n forceUpdate()\n }\n\n const sidebar_id =\n variant === 'drawer' && !sidebarId ? undefined : sidebarId ?? id\n\n return (\n <aside className=\"dnb-forms-wizard-layout__indicator\">\n <StepIndicator.Sidebar sidebar_id={sidebar_id} />\n <StepIndicator\n bottom\n current_step={activeIndexRef.current}\n data={Object.values(titlesRef.current)}\n mode={mode}\n no_animation={noAnimation}\n on_change={handleChange}\n sidebar_id={sidebar_id}\n />\n </aside>\n )\n}\n\nfunction IterateOverSteps({ children }) {\n const {\n check,\n titlesRef,\n activeIndexRef,\n totalStepsRef,\n prerenderFieldProps,\n prerenderFieldPropsRef,\n } = useContext(WizardContext)\n\n titlesRef.current = {}\n let incrementIndex = -1\n\n const childrenArray = React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n let step = child\n\n if (child?.type !== Step && typeof child.type === 'function') {\n step = child.type.apply(child.type, [\n child.props,\n ]) as React.ReactElement\n\n if (step?.type === Step) {\n child = step\n }\n }\n\n if (child?.type === Step) {\n if (child.props.active === false) {\n return null\n }\n\n if (\n child.props.activeWhen &&\n !check({ visibleWhen: child.props.activeWhen })\n ) {\n return null\n }\n\n incrementIndex++\n const index = incrementIndex\n\n titlesRef.current[index] =\n child.props.title !== undefined\n ? convertJsxToString(child.props.title)\n : 'Title missing'\n const key = `${index}-${activeIndexRef.current}`\n const clone = (props) =>\n React.cloneElement(child as React.ReactElement<StepProps>, props)\n\n if (\n prerenderFieldProps &&\n typeof document !== 'undefined' &&\n index !== activeIndexRef.current &&\n typeof prerenderFieldPropsRef.current['step-' + index] ===\n 'undefined'\n ) {\n prerenderFieldPropsRef.current['step-' + index] = () =>\n clone({\n key,\n index,\n prerenderFieldProps: true,\n })\n }\n\n return clone({\n key,\n index,\n })\n }\n }\n\n return child\n })\n\n // Ensure we never have a higher index than the available children\n // else we get a white screen\n if (childrenArray?.length === 0) {\n activeIndexRef.current = 0\n } else if (childrenArray?.length < activeIndexRef.current + 1) {\n activeIndexRef.current = childrenArray.length - 1\n }\n\n totalStepsRef.current = childrenArray?.length\n\n return childrenArray\n}\n\nfunction PrerenderFieldPropsOfOtherSteps({\n prerenderFieldPropsRef,\n}: {\n prerenderFieldPropsRef: WizardContextState['prerenderFieldPropsRef']\n}) {\n const hasRenderedRef = useRef(true)\n if (!hasRenderedRef.current) {\n return null\n }\n hasRenderedRef.current = false\n\n return (\n <WizardPortal>\n <PrerenderFieldPropsProvider>\n <iframe title=\"Wizard Prerender\" hidden>\n {Object.values(prerenderFieldPropsRef.current).map((Fn, i) => (\n <Fn key={i} />\n ))}\n </iframe>\n </PrerenderFieldPropsProvider>\n </WizardPortal>\n )\n}\n\nfunction WizardPortal({ children }) {\n if (typeof document !== 'undefined') {\n return ReactDOM.createPortal(children, document.body)\n }\n}\n\nfunction PrerenderFieldPropsProvider({ children }) {\n const { data, setFieldProps, updateDataValue } = useContext(DataContext)\n\n return (\n <DataContext.Provider\n value={{\n ...defaultContextState,\n\n // Only update the props and the data value\n data,\n setFieldProps,\n updateDataValue,\n prerenderFieldProps: true,\n }}\n >\n <WizardContext.Provider value={{ prerenderFieldProps: true }}>\n {children}\n </WizardContext.Provider>\n </DataContext.Provider>\n )\n}\n\nWizardContainer._supportsSpacingProps = true\n\nexport default WizardContainer\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IACVC,UAAU,EACVC,WAAW,EACXC,MAAM,EACNC,UAAU,EACVC,OAAO,QACF,OAAO;AACd,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,EAAEC,aAAa,QAAQ,wBAAwB;AAC7D,SACEC,kBAAkB,EAClBC,IAAI,QACC,qCAAqC;AAC5C,SAASC,OAAO,QAAQ,oCAAoC;AAC5D,OAAOC,KAAK,MAAM,kCAAkC;AACpD,OAAOC,IAAI,MAA8B,SAAS;AAClD,OAAOC,aAAa,MAKb,0BAA0B;AACjC,OAAOC,WAAW,IAChBC,mBAAmB,QACd,2BAA2B;AAClC,OAAOC,OAAO,MAAM,4BAA4B;AAChD,SAEEC,cAAc,QACT,2CAA2C;AAClD,OAAOC,qBAAqB,MAAM,yBAAyB;AAE3D,OAAOC,aAAa,MAAM,qCAAqC;AAG/D,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGvB,KAAK,CAACwB,SAAS,GAAGxB,KAAK,CAACsB,eAAe;AA0DzE,SAASG,eAAeA,CAACC,KAAY,EAAE;EAAA,IAAAC,qBAAA;EACrC,MAAM;MACJC,SAAS;MACTC,EAAE,EAAEC,MAAM;MACVC,IAAI,GAAG,QAAQ;MACfC,kBAAkB,GAAG,CAAC;MACtBC,oBAAoB;MACpBC,mBAAmB;MACnBC,YAAY;MACZC,QAAQ;MACRC,WAAW,GAAG,IAAI;MAClBC,mBAAmB,GAAG,IAAI;MAC1BC,OAAO,GAAG,SAAS;MACnBC;IAEF,CAAC,GAAGd,KAAK;IADJe,IAAI,GAAAC,wBAAA,CACLhB,KAAK,EAAAiB,SAAA;EAET,MAAMC,WAAW,GAAG3C,UAAU,CAACe,WAAW,CAAC;EAC3C,MAAM;IACJ6B,UAAU;IACVC,YAAY;IACZC,gBAAgB;IAChBC,gBAAgB;IAChBC,aAAa;IACbC;EACF,CAAC,GAAGN,WAAW;EAEf,MAAMf,EAAE,GAAGhB,KAAK,CAACiB,MAAM,CAAC;EACxB,MAAM,GAAGqB,WAAW,CAAC,GAAG/C,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAMgD,cAAc,GAAGjD,MAAM,CAAY6B,kBAAkB,CAAC;EAC5D,MAAMqB,aAAa,GAAGlD,MAAM,CAASmD,GAAG,CAAC;EACzC,MAAMC,cAAc,GAAGpD,MAAM,CAA6B,CAAC,CAAC,CAAC;EAC7D,MAAMqD,cAAc,GAAGrD,MAAM,CAAc,CAAC;EAC5C,MAAMsD,kBAAkB,GAAGtD,MAAM,CAAC,KAAK,CAAC;EAGxC,MAAMuD,cAAc,GAClBvD,MAAM,CAIJ,CAAC;EACLuD,cAAc,CAACC,OAAO,GAAGxC,cAAc,CACrC0B,UAAU,IAAIhB,EAAE,GAAGA,EAAE,GAAG,SAAS,GAAG+B,SACtC,CAAC;EAGDL,cAAc,CAACI,OAAO,CAACP,cAAc,CAACO,OAAO,CAAC,GAAGV,aAAa;EAE9D,MAAMY,iBAAiB,GAAG3D,WAAW,CAAC,CAAC4D,aAAa,GAAG,IAAI,KAAK;IAC9DL,kBAAkB,CAACE,OAAO,GAAGG,aAAa;EAC5C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAgB,GAAG7D,WAAW,CAClC,OAAO8D,KAAgB,EAAEjC,IAAyB,KAAK;IACrD,IAAInB,OAAO,CAACuB,YAAY,CAAC,EAAE;MACzB,OAAO,MAAMA,YAAY,CAAC6B,KAAK,EAAEjC,IAAI,EAAE;QAAE8B;MAAkB,CAAC,CAAC;IAC/D;IAEA,OAAO1B,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG6B,KAAK,EAAEjC,IAAI,EAAE;MAAE8B;IAAkB,CAAC,CAAC;EAC3D,CAAC,EACD,CAAC1B,YAAY,EAAE0B,iBAAiB,CAClC,CAAC;EAED,MAAM;IAAEI,QAAQ;IAAEC,WAAW;IAAEC;EAAiB,CAAC,GAC/C/C,qBAAqB,CAAC;IAAEgC,cAAc;IAAEI;EAAe,CAAC,CAAC;EAE3D,MAAMY,kBAAkB,GAAGlE,WAAW,CAAC,MAAM;IAC3C,IAAI,CAACgC,mBAAmB,EAAE;MACxB+B,QAAQ,CAAC,CAAC;IACZ;IACA,IAAI,CAAChC,oBAAoB,EAAE;MACzBiC,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EAAE,CAACjC,oBAAoB,EAAEC,mBAAmB,EAAE+B,QAAQ,EAAEC,WAAW,CAAC,CAAC;EAEtE,MAAMG,gBAAgB,GAAGnE,WAAW,CAClC,CAAC;IACC8D,KAAK;IACLM,cAAc;IACdC,kBAAkB;IAClBC,+BAA+B;IAC/BC,0BAA0B;IAC1B1C;EAIsB,CAAC,KAAK;IAC5BgB,gBAAgB,CAAC;MACfuB,cAAc;MACdI,mBAAmB,EAAEJ,cAAc;MACnCK,mBAAmB,EAAE/D,OAAO,CAACuB,YAAY,CAAC;MAC1CyC,QAAQ,EAAE,MAAAA,CAAA,KAAY;QACpB,IAAI,CAACH,0BAA0B,EAAE;UAAA,IAAAI,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;UAC/B,CAAAF,qBAAA,GAAAnB,cAAc,CAACC,OAAO,cAAAkB,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBG,IAAI,cAAAF,sBAAA,wBAAAC,sBAAA,GAA5BD,sBAAA,CAA8B3C,YAAY,cAAA4C,sBAAA,uBAA1CA,sBAAA,CAAAE,IAAA,CAAAH,sBAAA,EAA6Cd,KAAK,EAAEjC,IAAI,EAAE;YACxD8B;UACF,CAAC,CAAC;QACJ;QAEA,MAAMqB,MAAM,GACVX,kBAAkB,IACjBC,+BAA+B,IAAI,CAACL,gBAAgB,CAACR,OAAQ,GAC1DC,SAAS,GACT,MAAMG,gBAAgB,CAACC,KAAK,EAAEjC,IAAI,CAAC;QAGzCe,YAAY,CAAC,OAAO,CAAC;QAErB,IAAI,CAACwB,cAAc,EAAE;UAEnBtB,gBAAgB,CAACO,cAAc,CAACI,OAAO,CAACK,KAAK,CAAC,CAAC;QACjD;QAEA,IAAI,CAACP,kBAAkB,CAACE,OAAO,IAAI,EAAEuB,MAAM,YAAYC,KAAK,CAAC,EAAE;UAC7Df,kBAAkB,CAAC,CAAC;UAEpBhB,cAAc,CAACO,OAAO,GAAGK,KAAK;UAC9Bb,WAAW,CAAC,CAAC;QACf;QAEAM,kBAAkB,CAACE,OAAO,GAAG,KAAK;QAElC,OAAOuB,MAAM;MACf;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CACEnB,gBAAgB,EAChBK,kBAAkB,EAClBrB,gBAAgB,EAChBoB,gBAAgB,EAChBhC,YAAY,EACZ0B,iBAAiB,EACjBf,YAAY,EACZE,gBAAgB,CAEpB,CAAC;EAED,MAAMoC,cAAc,GAAGlF,WAAW,CAChC,CAAC8D,KAAgB,EAAEqB,OAA+B,KAAK;IACrD,IAAIrB,KAAK,KAAKZ,cAAc,CAACO,OAAO,EAAE;MACpC;IACF;IAEA,MAAM5B,IAAI,GAAGiC,KAAK,GAAGZ,cAAc,CAACO,OAAO,GAAG,MAAM,GAAG,UAAU;IAEjEU,gBAAgB,CAAAiB,aAAA;MACdtB,KAAK;MACLM,cAAc,EAAEvC,IAAI,KAAK,UAAU;MACnCA;IAAI,GACDsD,OAAO,CACX,CAAC;EACJ,CAAC,EACD,CAAChB,gBAAgB,CACnB,CAAC;EAED,MAAMkB,cAAc,GAAGrF,WAAW,CAAC,MAAM;IACvCkF,cAAc,CAAChC,cAAc,CAACO,OAAO,GAAG,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACyB,cAAc,CAAC,CAAC;EAEpB,MAAMI,UAAU,GAAGtF,WAAW,CAAC,MAAM;IACnCkF,cAAc,CAAChC,cAAc,CAACO,OAAO,GAAG,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACyB,cAAc,CAAC,CAAC;EAEpB,MAAMK,YAAY,GAAGvF,WAAW,CAC9B,CAAC;IAAEwF;EAAa,CAAC,KAAK;IACpBN,cAAc,CAACM,YAAY,EAAE;MAAEpB,cAAc,EAAE;IAAK,CAAC,CAAC;EACxD,CAAC,EACD,CAACc,cAAc,CACjB,CAAC;EAED,MAAMO,YAAY,GAAGzF,WAAW,CAC7B0F,KAAY,IAAK;IAChB1C,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAG;MAAE0C;IAAM,CAAC,CAAC;EAC7B,CAAC,EACD,CAAC1C,cAAc,CACjB,CAAC;EAED,MAAM2C,YAAY,GAAG3F,WAAW,CAC9B,CAAC;IAAE4F;EAAc,CAAC,KAAK;IACrB,IAAI1C,cAAc,CAACO,OAAO,GAAG,CAAC,GAAGN,aAAa,CAACM,OAAO,EAAE;MACtD6B,UAAU,CAAC,CAAC;MACZM,aAAa,CAAC,CAAC;IACjB;EACF,CAAC,EACD,CAACN,UAAU,CACb,CAAC;EACD,CAAA7D,qBAAA,GAAAiB,WAAW,CAACmD,eAAe,cAAApE,qBAAA,uBAA3BA,qBAAA,CAAAsD,IAAA,CAAArC,WAAW,EAAmBiD,YAAY,CAAC;EAE3C,MAAMG,SAAS,GAAG7F,MAAM,CAAC,CAAC,CAAC,CAAC;EAC5B,MAAM8F,eAAe,GAAG9F,MAAM,CAAa,CAAC;EAC5C,MAAM+F,sBAAsB,GAAG/F,MAAM,CAEnC,CAAC,CAAC,CAAC;EAEL,MAAM;IAAEgG;EAAM,CAAC,GAAG9E,aAAa,CAAC,CAAC;EAEjC,MAAM+E,WAAW,GAAGhD,cAAc,CAACO,OAAO;EAC1C,MAAM0C,aAAa,GAAGhG,OAAO,CAAqB,MAAM;IACtD,OAAO;MACLwB,EAAE;MACFuE,WAAW;MACX5C,cAAc;MACdwC,SAAS;MACTC,eAAe;MACf7C,cAAc;MACdC,aAAa;MACbf,mBAAmB;MACnB4D,sBAAsB;MACtBC,KAAK;MACLf,cAAc;MACdG,cAAc;MACdC,UAAU;MACVG;IACF,CAAC;EACH,CAAC,EAAE,CACDS,WAAW,EACXZ,UAAU,EACVD,cAAc,EACd1D,EAAE,EACFS,mBAAmB,EACnB6D,KAAK,EACLf,cAAc,EACdO,YAAY,CACb,CAAC;EAGFrE,eAAe,CAAC,MAAM;IACpB,IAAIO,EAAE,IAAIgB,UAAU,EAAE;MAAA,IAAAyD,sBAAA,EAAAC,sBAAA;MACpB,CAAAD,sBAAA,GAAA5C,cAAc,CAACC,OAAO,cAAA2C,sBAAA,wBAAAC,sBAAA,GAAtBD,sBAAA,CAAwBE,MAAM,cAAAD,sBAAA,uBAA9BA,sBAAA,CAAAtB,IAAA,CAAAqB,sBAAA,EAAiCD,aAAa,CAAC;IACjD;EACF,CAAC,EAAE,CAACxE,EAAE,EAAEwE,aAAa,CAAC,CAAC;EAEvB/E,eAAe,CAAC,MAAM;IAAA,IAAAmF,qBAAA;IACpB,CAAAA,qBAAA,GAAAR,eAAe,CAACtC,OAAO,cAAA8C,qBAAA,uBAAvBA,qBAAA,CAAAxB,IAAA,CAAAgB,eAA0B,CAAC;EAE7B,CAAC,EAAE,CAACD,SAAS,CAACrC,OAAO,CAAC,CAAC;EAEvB,IAAI,CAACd,UAAU,EAAE;IACflC,IAAI,CAAC,+CAA+C,CAAC;IACrD,OACEX,KAAA,CAAA0G,aAAA,CAACxF,OAAO,QACNlB,KAAA,CAAA0G,aAAA,CAACjF,eAAe,EAAAkF,QAAA,KAAKjF,KAAK;MAAEG,EAAE,EAAEA;IAAG,EAAE,CAC9B,CAAC;EAEd;EAEA,OACE7B,KAAA,CAAA0G,aAAA,CAAC3F,aAAa,CAAC6F,QAAQ;IAACC,KAAK,EAAER;EAAc,GAC3CrG,KAAA,CAAA0G,aAAA,CAAClG,KAAK,EAAAmG,QAAA;IACJ/E,SAAS,EAAErB,UAAU,qDAESgC,OAAQ,IACpCX,SACF;EAAE,GACEa,IAAI,GAERzC,KAAA,CAAA0G,aAAA,CAACI,YAAY;IACX/E,IAAI,EAAEA,IAAK;IACXQ,OAAO,EAAEA,OAAQ;IACjBF,WAAW,EAAEA,WAAY;IACzBoD,YAAY,EAAEA,YAAa;IAC3BjD,SAAS,EAAEA;EAAU,CACtB,CAAC,EAEFxC,KAAA,CAAA0G,aAAA;IAAK9E,SAAS,EAAC;EAAmC,GAChD5B,KAAA,CAAA0G,aAAA,CAACK,gBAAgB,QAAE3E,QAA2B,CAC3C,CACA,CAAC,EAEPE,mBAAmB,IAClBtC,KAAA,CAAA0G,aAAA,CAACM,+BAA+B;IAC9Bd,sBAAsB,EAAEA;EAAuB,CAChD,CAEmB,CAAC;AAE7B;AAEA,SAASY,YAAYA,CAAC;EACpB/E,IAAI;EACJQ,OAAO;EACPF,WAAW;EACXoD,YAAY;EACZjD;AACF,CAAC,EAAE;EACD,MAAM,GAAGW,WAAW,CAAC,GAAG/C,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IAAEyB,EAAE;IAAEuB,cAAc;IAAE4C,SAAS;IAAEC;EAAgB,CAAC,GACtDhG,UAAU,CAACc,aAAa,CAAC,IAAI,CAAC,CAAC;EACjCkF,eAAe,CAACtC,OAAO,GAAG,MAAM;IAC9BR,WAAW,CAAC,CAAC;EACf,CAAC;EAED,MAAM8D,UAAU,GACd1E,OAAO,KAAK,QAAQ,IAAI,CAACC,SAAS,GAAGoB,SAAS,GAAGpB,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIX,EAAE;EAElE,OACE7B,KAAA,CAAA0G,aAAA;IAAO9E,SAAS,EAAC;EAAoC,GACnD5B,KAAA,CAAA0G,aAAA,CAACjG,aAAa,CAACyG,OAAO;IAACD,UAAU,EAAEA;EAAW,CAAE,CAAC,EACjDjH,KAAA,CAAA0G,aAAA,CAACjG,aAAa;IACZ0G,MAAM;IACNzB,YAAY,EAAEtC,cAAc,CAACO,OAAQ;IACrCqB,IAAI,EAAEoC,MAAM,CAACC,MAAM,CAACrB,SAAS,CAACrC,OAAO,CAAE;IACvC5B,IAAI,EAAEA,IAAK;IACXuF,YAAY,EAAEjF,WAAY;IAC1BkF,SAAS,EAAE9B,YAAa;IACxBwB,UAAU,EAAEA;EAAW,CACxB,CACI,CAAC;AAEZ;AAEA,SAASF,gBAAgBA,CAAC;EAAE3E;AAAS,CAAC,EAAE;EACtC,MAAM;IACJ+D,KAAK;IACLH,SAAS;IACT5C,cAAc;IACdC,aAAa;IACbf,mBAAmB;IACnB4D;EACF,CAAC,GAAGjG,UAAU,CAACc,aAAa,CAAC;EAE7BiF,SAAS,CAACrC,OAAO,GAAG,CAAC,CAAC;EACtB,IAAI6D,cAAc,GAAG,CAAC,CAAC;EAEvB,MAAMC,aAAa,GAAGzH,KAAK,CAAC0H,QAAQ,CAACC,GAAG,CAACvF,QAAQ,EAAGwF,KAAK,IAAK;IAC5D,IAAI5H,KAAK,CAAC6H,cAAc,CAACD,KAAK,CAAC,EAAE;MAAA,IAAAE,MAAA,EAAAC,OAAA;MAC/B,IAAIC,IAAI,GAAGJ,KAAK;MAEhB,IAAI,EAAAE,MAAA,GAAAF,KAAK,cAAAE,MAAA,uBAALA,MAAA,CAAOG,IAAI,MAAKnH,IAAI,IAAI,OAAO8G,KAAK,CAACK,IAAI,KAAK,UAAU,EAAE;QAAA,IAAAC,KAAA;QAC5DF,IAAI,GAAGJ,KAAK,CAACK,IAAI,CAACE,KAAK,CAACP,KAAK,CAACK,IAAI,EAAE,CAClCL,KAAK,CAAClG,KAAK,CACZ,CAAuB;QAExB,IAAI,EAAAwG,KAAA,GAAAF,IAAI,cAAAE,KAAA,uBAAJA,KAAA,CAAMD,IAAI,MAAKnH,IAAI,EAAE;UACvB8G,KAAK,GAAGI,IAAI;QACd;MACF;MAEA,IAAI,EAAAD,OAAA,GAAAH,KAAK,cAAAG,OAAA,uBAALA,OAAA,CAAOE,IAAI,MAAKnH,IAAI,EAAE;QACxB,IAAI8G,KAAK,CAAClG,KAAK,CAAC0G,MAAM,KAAK,KAAK,EAAE;UAChC,OAAO,IAAI;QACb;QAEA,IACER,KAAK,CAAClG,KAAK,CAAC2G,UAAU,IACtB,CAAClC,KAAK,CAAC;UAAEmC,WAAW,EAAEV,KAAK,CAAClG,KAAK,CAAC2G;QAAW,CAAC,CAAC,EAC/C;UACA,OAAO,IAAI;QACb;QAEAb,cAAc,EAAE;QAChB,MAAMxD,KAAK,GAAGwD,cAAc;QAE5BxB,SAAS,CAACrC,OAAO,CAACK,KAAK,CAAC,GACtB4D,KAAK,CAAClG,KAAK,CAAC6G,KAAK,KAAK3E,SAAS,GAC3BlD,kBAAkB,CAACkH,KAAK,CAAClG,KAAK,CAAC6G,KAAK,CAAC,GACrC,eAAe;QACrB,MAAMC,GAAG,GAAI,GAAExE,KAAM,IAAGZ,cAAc,CAACO,OAAQ,EAAC;QAChD,MAAM8E,KAAK,GAAI/G,KAAK,IAClB1B,KAAK,CAAC0I,YAAY,CAACd,KAAK,EAAmClG,KAAK,CAAC;QAEnE,IACEY,mBAAmB,IACnB,OAAOqG,QAAQ,KAAK,WAAW,IAC/B3E,KAAK,KAAKZ,cAAc,CAACO,OAAO,IAChC,OAAOuC,sBAAsB,CAACvC,OAAO,CAAC,OAAO,GAAGK,KAAK,CAAC,KACpD,WAAW,EACb;UACAkC,sBAAsB,CAACvC,OAAO,CAAC,OAAO,GAAGK,KAAK,CAAC,GAAG,MAChDyE,KAAK,CAAC;YACJD,GAAG;YACHxE,KAAK;YACL1B,mBAAmB,EAAE;UACvB,CAAC,CAAC;QACN;QAEA,OAAOmG,KAAK,CAAC;UACXD,GAAG;UACHxE;QACF,CAAC,CAAC;MACJ;IACF;IAEA,OAAO4D,KAAK;EACd,CAAC,CAAC;EAIF,IAAI,CAAAH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEmB,MAAM,MAAK,CAAC,EAAE;IAC/BxF,cAAc,CAACO,OAAO,GAAG,CAAC;EAC5B,CAAC,MAAM,IAAI,CAAA8D,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEmB,MAAM,IAAGxF,cAAc,CAACO,OAAO,GAAG,CAAC,EAAE;IAC7DP,cAAc,CAACO,OAAO,GAAG8D,aAAa,CAACmB,MAAM,GAAG,CAAC;EACnD;EAEAvF,aAAa,CAACM,OAAO,GAAG8D,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEmB,MAAM;EAE7C,OAAOnB,aAAa;AACtB;AAEA,SAAST,+BAA+BA,CAAC;EACvCd;AAGF,CAAC,EAAE;EACD,MAAM2C,cAAc,GAAG1I,MAAM,CAAC,IAAI,CAAC;EACnC,IAAI,CAAC0I,cAAc,CAAClF,OAAO,EAAE;IAC3B,OAAO,IAAI;EACb;EACAkF,cAAc,CAAClF,OAAO,GAAG,KAAK;EAE9B,OACE3D,KAAA,CAAA0G,aAAA,CAACoC,YAAY,QACX9I,KAAA,CAAA0G,aAAA,CAACqC,2BAA2B,QAC1B/I,KAAA,CAAA0G,aAAA;IAAQ6B,KAAK,EAAC,kBAAkB;IAACS,MAAM;EAAA,GACpC5B,MAAM,CAACC,MAAM,CAACnB,sBAAsB,CAACvC,OAAO,CAAC,CAACgE,GAAG,CAAC,CAACsB,EAAE,EAAEC,CAAC,KACvDlJ,KAAA,CAAA0G,aAAA,CAACuC,EAAE;IAACT,GAAG,EAAEU;EAAE,CAAE,CACd,CACK,CACmB,CACjB,CAAC;AAEnB;AAEA,SAASJ,YAAYA,CAAC;EAAE1G;AAAS,CAAC,EAAE;EAClC,IAAI,OAAOuG,QAAQ,KAAK,WAAW,EAAE;IACnC,OAAOrI,QAAQ,CAAC6I,YAAY,CAAC/G,QAAQ,EAAEuG,QAAQ,CAACS,IAAI,CAAC;EACvD;AACF;AAEA,SAASL,2BAA2BA,CAAC;EAAE3G;AAAS,CAAC,EAAE;EACjD,MAAM;IAAE4C,IAAI;IAAEqE,aAAa;IAAEC;EAAgB,CAAC,GAAGrJ,UAAU,CAACe,WAAW,CAAC;EAExE,OACEhB,KAAA,CAAA0G,aAAA,CAAC1F,WAAW,CAAC4F,QAAQ;IACnBC,KAAK,EAAAvB,aAAA,CAAAA,aAAA,KACArE,mBAAmB;MAGtB+D,IAAI;MACJqE,aAAa;MACbC,eAAe;MACfhH,mBAAmB,EAAE;IAAI;EACzB,GAEFtC,KAAA,CAAA0G,aAAA,CAAC3F,aAAa,CAAC6F,QAAQ;IAACC,KAAK,EAAE;MAAEvE,mBAAmB,EAAE;IAAK;EAAE,GAC1DF,QACqB,CACJ,CAAC;AAE3B;AAEAX,eAAe,CAAC8H,qBAAqB,GAAG,IAAI;AAE5C,eAAe9H,eAAe"}
|
|
1
|
+
{"version":3,"file":"WizardContainer.js","names":["React","useContext","useCallback","useRef","useReducer","useMemo","ReactDOM","classnames","Space","StepIndicator","convertJsxToString","warn","isAsync","useId","Step","WizardContext","DataContext","defaultContextState","Handler","useSharedState","useHandleLayoutEffect","useVisibility","useLayoutEffect","window","useEffect","WizardContainer","props","_dataContext$setHandl","className","id","idProp","mode","initialActiveIndex","omitScrollManagement","omitFocusManagement","onStepChange","children","noAnimation","prerenderFieldProps","variant","sidebarId","rest","_objectWithoutProperties","_excluded","dataContext","hasContext","setFormState","handleSubmitCall","setShowAllErrors","showAllErrors","setSubmitState","forceUpdate","activeIndexRef","totalStepsRef","NaN","errorOnStepRef","stepElementRef","preventNextStepRef","sharedStateRef","current","undefined","preventNavigation","shouldPrevent","callOnStepChange","index","setFocus","scrollToTop","isInteractionRef","handleLayoutEffect","handleStepChange","skipErrorCheck","skipStepChangeCall","skipStepChangeCallBeforeMounted","skipStepChangeCallFromHook","skipFieldValidation","enableAsyncBehavior","onSubmit","_sharedStateRef$curre","_sharedStateRef$curre2","_sharedStateRef$curre3","data","call","result","Error","setActiveIndex","options","_objectSpread","handlePrevious","handleNext","handleChange","current_step","setFormError","error","handleSubmit","preventSubmit","setHandleSubmit","titlesRef","updateTitlesRef","prerenderFieldPropsRef","check","activeIndex","providerValue","_sharedStateRef$curre4","_sharedStateRef$curre5","extend","_updateTitlesRef$curr","createElement","_extends","Provider","value","DisplaySteps","IterateOverSteps","PrerenderFieldPropsOfOtherSteps","sidebar_id","Sidebar","bottom","Object","values","no_animation","on_change","incrementIndex","childrenArray","Children","map","child","isValidElement","_child","_child2","step","type","_step","apply","active","activeWhen","visibleWhen","title","key","clone","cloneElement","document","length","hasRenderedRef","WizardPortal","PrerenderFieldPropsProvider","hidden","Fn","i","createPortal","body","setFieldProps","updateDataValue","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/WizardContainer.tsx"],"sourcesContent":["import React, {\n useContext,\n useCallback,\n useRef,\n useReducer,\n useMemo,\n} from 'react'\nimport ReactDOM from 'react-dom'\nimport classnames from 'classnames'\nimport { Space, StepIndicator } from '../../../../components'\nimport {\n convertJsxToString,\n warn,\n} from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useId from '../../../../shared/helpers/useId'\nimport Step, { Props as StepProps } from '../Step'\nimport WizardContext, {\n OnStepChange,\n SetActiveIndexOptions,\n StepIndex,\n WizardContextState,\n} from '../Context/WizardContext'\nimport DataContext, {\n defaultContextState,\n} from '../../DataContext/Context'\nimport Handler from '../../Form/Handler/Handler'\nimport {\n SharedStateReturn,\n useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useHandleLayoutEffect from './useHandleLayoutEffect'\nimport { ComponentProps } from '../../types'\nimport useVisibility from '../../Form/Visibility/useVisibility'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = ComponentProps & {\n id?: string\n\n /**\n * The mode of the wizard.\n */\n mode?: 'static' | 'strict' | 'loose'\n\n /**\n * If set to `true`, the wizard will not scroll to the first step when the user clicks on the next button.\n */\n omitScrollManagement?: boolean\n\n /**\n * If set to `true`, the wizard will not focus on the next step when the user clicks on the next button.\n */\n omitFocusManagement?: boolean\n\n /**\n * The index of the first step to be rendered.\n */\n initialActiveIndex?: StepIndex\n\n /**\n * The callback function that will be called when the user clicks on the next button.\n */\n onStepChange?: OnStepChange\n\n /**\n * The sidebar variant.\n */\n variant?: 'sidebar' | 'drawer'\n sidebarId?: string\n\n /**\n * If set to `true`, the wizard will not animate the steps.\n */\n noAnimation?: boolean\n\n /**\n * If set to `true`, the wizard pre-render all steps so the props of each field is available in the data context.\n * Defaults to `true`.\n */\n prerenderFieldProps?: boolean\n\n /**\n * The children of the wizard container.\n */\n children: React.ReactNode\n\n /**\n * @deprecated Is enabled by default. You can disable it with \"omitScrollManagement\"\n */\n scrollTopOnStepChange?: boolean\n}\n\nfunction WizardContainer(props: Props) {\n const {\n className,\n id: idProp,\n mode = 'strict',\n initialActiveIndex = 0,\n omitScrollManagement,\n omitFocusManagement,\n onStepChange,\n children,\n noAnimation = true,\n prerenderFieldProps = true,\n variant = 'sidebar',\n sidebarId,\n ...rest\n } = props\n\n const dataContext = useContext(DataContext)\n const {\n hasContext,\n setFormState,\n handleSubmitCall,\n setShowAllErrors,\n showAllErrors,\n setSubmitState,\n } = dataContext\n\n const id = useId(idProp)\n const [, forceUpdate] = useReducer(() => ({}), {})\n const activeIndexRef = useRef<StepIndex>(initialActiveIndex)\n const totalStepsRef = useRef<number>(NaN)\n const errorOnStepRef = useRef<Record<StepIndex, boolean>>({})\n const stepElementRef = useRef<HTMLElement>()\n const preventNextStepRef = useRef(false)\n\n // - Handle shared state\n const sharedStateRef =\n useRef<\n SharedStateReturn<\n WizardContextState & { onStepChange?: OnStepChange }\n >\n >()\n sharedStateRef.current = useSharedState<WizardContextState>(\n hasContext && id ? id + '-wizard' : undefined\n )\n\n // Store the current state of showAllErrors\n errorOnStepRef.current[activeIndexRef.current] = showAllErrors\n\n const preventNavigation = useCallback((shouldPrevent = true) => {\n preventNextStepRef.current = shouldPrevent\n }, [])\n\n const callOnStepChange = useCallback(\n async (index: StepIndex, mode: 'previous' | 'next') => {\n if (isAsync(onStepChange)) {\n return await onStepChange(index, mode, { preventNavigation })\n }\n\n return onStepChange?.(index, mode, { preventNavigation })\n },\n [onStepChange, preventNavigation]\n )\n\n const { setFocus, scrollToTop, isInteractionRef } =\n useHandleLayoutEffect({ activeIndexRef, stepElementRef })\n\n const handleLayoutEffect = useCallback(() => {\n if (!omitFocusManagement) {\n setFocus()\n }\n if (!omitScrollManagement) {\n scrollToTop()\n }\n }, [omitScrollManagement, omitFocusManagement, setFocus, scrollToTop])\n\n const handleStepChange = useCallback(\n ({\n index,\n skipErrorCheck,\n skipStepChangeCall,\n skipStepChangeCallBeforeMounted,\n skipStepChangeCallFromHook,\n mode,\n }: {\n index: StepIndex\n mode: 'previous' | 'next'\n } & SetActiveIndexOptions) => {\n handleSubmitCall({\n skipErrorCheck,\n skipFieldValidation: skipErrorCheck,\n enableAsyncBehavior: isAsync(onStepChange),\n onSubmit: async () => {\n if (!skipStepChangeCallFromHook) {\n sharedStateRef.current?.data?.onStepChange?.(index, mode, {\n preventNavigation,\n })\n }\n\n const result =\n skipStepChangeCall ||\n (skipStepChangeCallBeforeMounted && !isInteractionRef.current)\n ? undefined\n : await callOnStepChange(index, mode)\n\n // Hide async indicator\n setFormState('abort')\n\n if (!skipErrorCheck) {\n // Set the showAllErrors to the step we got to\n setShowAllErrors(errorOnStepRef.current[index])\n }\n\n if (!preventNextStepRef.current && !(result instanceof Error)) {\n handleLayoutEffect()\n\n activeIndexRef.current = index\n forceUpdate()\n }\n\n preventNextStepRef.current = false\n\n return result\n },\n })\n },\n [\n callOnStepChange,\n handleLayoutEffect,\n handleSubmitCall,\n isInteractionRef,\n onStepChange,\n preventNavigation,\n setFormState,\n setShowAllErrors,\n ]\n )\n\n const setActiveIndex = useCallback(\n (index: StepIndex, options?: SetActiveIndexOptions) => {\n if (index === activeIndexRef.current) {\n return\n }\n\n const mode = index > activeIndexRef.current ? 'next' : 'previous'\n\n handleStepChange({\n index,\n skipErrorCheck: mode === 'previous',\n mode,\n ...options,\n })\n },\n [handleStepChange]\n )\n\n const handlePrevious = useCallback(() => {\n setActiveIndex(activeIndexRef.current - 1)\n }, [setActiveIndex])\n\n const handleNext = useCallback(() => {\n setActiveIndex(activeIndexRef.current + 1)\n }, [setActiveIndex])\n\n const handleChange = useCallback(\n ({ current_step }) => {\n setActiveIndex(current_step, { skipErrorCheck: true })\n },\n [setActiveIndex]\n )\n\n const setFormError = useCallback(\n (error: Error) => {\n setSubmitState?.({ error })\n },\n [setSubmitState]\n )\n\n const handleSubmit = useCallback(\n ({ preventSubmit }) => {\n if (activeIndexRef.current + 1 < totalStepsRef.current) {\n handleNext()\n preventSubmit()\n }\n },\n [handleNext]\n )\n dataContext.setHandleSubmit?.(handleSubmit)\n\n const titlesRef = useRef({})\n const updateTitlesRef = useRef<() => void>()\n const prerenderFieldPropsRef = useRef<\n Record<string, () => React.ReactElement>\n >({})\n\n const { check } = useVisibility()\n\n const activeIndex = activeIndexRef.current\n const providerValue = useMemo<WizardContextState>(() => {\n return {\n id,\n activeIndex,\n stepElementRef,\n titlesRef,\n updateTitlesRef,\n activeIndexRef,\n totalStepsRef,\n prerenderFieldProps,\n prerenderFieldPropsRef,\n check,\n setActiveIndex,\n handlePrevious,\n handleNext,\n setFormError,\n }\n }, [\n activeIndex,\n handleNext,\n handlePrevious,\n id,\n prerenderFieldProps,\n check,\n setActiveIndex,\n setFormError,\n ])\n\n // - Handle shared state\n useLayoutEffect(() => {\n if (id && hasContext) {\n sharedStateRef.current?.extend?.(providerValue)\n }\n }, [id, providerValue]) // eslint-disable-line react-hooks/exhaustive-deps\n\n useLayoutEffect(() => {\n updateTitlesRef.current?.()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [titlesRef.current])\n\n if (!hasContext) {\n warn('You may wrap Wizard.Container in Form.Handler')\n return (\n <Handler>\n <WizardContainer {...props} id={id} />\n </Handler>\n )\n }\n\n return (\n <WizardContext.Provider value={providerValue}>\n <Space\n className={classnames(\n 'dnb-forms-wizard-layout',\n `dnb-forms-wizard-layout--${variant}`,\n className\n )}\n {...rest}\n >\n <DisplaySteps\n mode={mode}\n variant={variant}\n noAnimation={noAnimation}\n handleChange={handleChange}\n sidebarId={sidebarId}\n />\n\n <div className=\"dnb-forms-wizard-layout__contents\">\n <IterateOverSteps>{children}</IterateOverSteps>\n </div>\n </Space>\n\n {prerenderFieldProps && (\n <PrerenderFieldPropsOfOtherSteps\n prerenderFieldPropsRef={prerenderFieldPropsRef}\n />\n )}\n </WizardContext.Provider>\n )\n}\n\nfunction DisplaySteps({\n mode,\n variant,\n noAnimation,\n handleChange,\n sidebarId,\n}) {\n const [, forceUpdate] = useReducer(() => ({}), {})\n const { id, activeIndexRef, titlesRef, updateTitlesRef } =\n useContext(WizardContext) || {}\n updateTitlesRef.current = () => {\n forceUpdate()\n }\n\n const sidebar_id =\n variant === 'drawer' && !sidebarId ? undefined : sidebarId ?? id\n\n return (\n <aside className=\"dnb-forms-wizard-layout__indicator\">\n <StepIndicator.Sidebar sidebar_id={sidebar_id} />\n <StepIndicator\n bottom\n current_step={activeIndexRef.current}\n data={Object.values(titlesRef.current)}\n mode={mode}\n no_animation={noAnimation}\n on_change={handleChange}\n sidebar_id={sidebar_id}\n />\n </aside>\n )\n}\n\nfunction IterateOverSteps({ children }) {\n const {\n check,\n titlesRef,\n activeIndexRef,\n totalStepsRef,\n prerenderFieldProps,\n prerenderFieldPropsRef,\n } = useContext(WizardContext)\n\n titlesRef.current = {}\n let incrementIndex = -1\n\n const childrenArray = React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n let step = child\n\n if (child?.type !== Step && typeof child.type === 'function') {\n step = child.type.apply(child.type, [\n child.props,\n ]) as React.ReactElement\n\n if (step?.type === Step) {\n child = step\n }\n }\n\n if (child?.type === Step) {\n if (child.props.active === false) {\n return null\n }\n\n if (\n child.props.activeWhen &&\n !check({ visibleWhen: child.props.activeWhen })\n ) {\n return null\n }\n\n incrementIndex++\n const index = incrementIndex\n\n titlesRef.current[index] =\n child.props.title !== undefined\n ? convertJsxToString(child.props.title)\n : 'Title missing'\n const key = `${index}-${activeIndexRef.current}`\n const clone = (props) =>\n React.cloneElement(child as React.ReactElement<StepProps>, props)\n\n if (\n prerenderFieldProps &&\n typeof document !== 'undefined' &&\n index !== activeIndexRef.current &&\n typeof prerenderFieldPropsRef.current['step-' + index] ===\n 'undefined'\n ) {\n prerenderFieldPropsRef.current['step-' + index] = () =>\n clone({\n key,\n index,\n prerenderFieldProps: true,\n })\n }\n\n return clone({\n key,\n index,\n })\n }\n }\n\n return child\n })\n\n // Ensure we never have a higher index than the available children\n // else we get a white screen\n if (childrenArray?.length === 0) {\n activeIndexRef.current = 0\n } else if (childrenArray?.length < activeIndexRef.current + 1) {\n activeIndexRef.current = childrenArray.length - 1\n }\n\n totalStepsRef.current = childrenArray?.length\n\n return childrenArray\n}\n\nfunction PrerenderFieldPropsOfOtherSteps({\n prerenderFieldPropsRef,\n}: {\n prerenderFieldPropsRef: WizardContextState['prerenderFieldPropsRef']\n}) {\n const hasRenderedRef = useRef(true)\n if (!hasRenderedRef.current) {\n return null\n }\n hasRenderedRef.current = false\n\n return (\n <WizardPortal>\n <PrerenderFieldPropsProvider>\n <iframe title=\"Wizard Prerender\" hidden>\n {Object.values(prerenderFieldPropsRef.current).map((Fn, i) => (\n <Fn key={i} />\n ))}\n </iframe>\n </PrerenderFieldPropsProvider>\n </WizardPortal>\n )\n}\n\nfunction WizardPortal({ children }) {\n if (typeof document !== 'undefined') {\n return ReactDOM.createPortal(children, document.body)\n }\n}\n\nfunction PrerenderFieldPropsProvider({ children }) {\n const { data, setFieldProps, updateDataValue } = useContext(DataContext)\n\n return (\n <DataContext.Provider\n value={{\n ...defaultContextState,\n\n // Only update the props and the data value\n data,\n setFieldProps,\n updateDataValue,\n prerenderFieldProps: true,\n hasContext: true,\n }}\n >\n <WizardContext.Provider value={{ prerenderFieldProps: true }}>\n {children}\n </WizardContext.Provider>\n </DataContext.Provider>\n )\n}\n\nWizardContainer._supportsSpacingProps = true\n\nexport default WizardContainer\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IACVC,UAAU,EACVC,WAAW,EACXC,MAAM,EACNC,UAAU,EACVC,OAAO,QACF,OAAO;AACd,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,EAAEC,aAAa,QAAQ,wBAAwB;AAC7D,SACEC,kBAAkB,EAClBC,IAAI,QACC,qCAAqC;AAC5C,SAASC,OAAO,QAAQ,oCAAoC;AAC5D,OAAOC,KAAK,MAAM,kCAAkC;AACpD,OAAOC,IAAI,MAA8B,SAAS;AAClD,OAAOC,aAAa,MAKb,0BAA0B;AACjC,OAAOC,WAAW,IAChBC,mBAAmB,QACd,2BAA2B;AAClC,OAAOC,OAAO,MAAM,4BAA4B;AAChD,SAEEC,cAAc,QACT,2CAA2C;AAClD,OAAOC,qBAAqB,MAAM,yBAAyB;AAE3D,OAAOC,aAAa,MAAM,qCAAqC;AAG/D,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGvB,KAAK,CAACwB,SAAS,GAAGxB,KAAK,CAACsB,eAAe;AA0DzE,SAASG,eAAeA,CAACC,KAAY,EAAE;EAAA,IAAAC,qBAAA;EACrC,MAAM;MACJC,SAAS;MACTC,EAAE,EAAEC,MAAM;MACVC,IAAI,GAAG,QAAQ;MACfC,kBAAkB,GAAG,CAAC;MACtBC,oBAAoB;MACpBC,mBAAmB;MACnBC,YAAY;MACZC,QAAQ;MACRC,WAAW,GAAG,IAAI;MAClBC,mBAAmB,GAAG,IAAI;MAC1BC,OAAO,GAAG,SAAS;MACnBC;IAEF,CAAC,GAAGd,KAAK;IADJe,IAAI,GAAAC,wBAAA,CACLhB,KAAK,EAAAiB,SAAA;EAET,MAAMC,WAAW,GAAG3C,UAAU,CAACe,WAAW,CAAC;EAC3C,MAAM;IACJ6B,UAAU;IACVC,YAAY;IACZC,gBAAgB;IAChBC,gBAAgB;IAChBC,aAAa;IACbC;EACF,CAAC,GAAGN,WAAW;EAEf,MAAMf,EAAE,GAAGhB,KAAK,CAACiB,MAAM,CAAC;EACxB,MAAM,GAAGqB,WAAW,CAAC,GAAG/C,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAMgD,cAAc,GAAGjD,MAAM,CAAY6B,kBAAkB,CAAC;EAC5D,MAAMqB,aAAa,GAAGlD,MAAM,CAASmD,GAAG,CAAC;EACzC,MAAMC,cAAc,GAAGpD,MAAM,CAA6B,CAAC,CAAC,CAAC;EAC7D,MAAMqD,cAAc,GAAGrD,MAAM,CAAc,CAAC;EAC5C,MAAMsD,kBAAkB,GAAGtD,MAAM,CAAC,KAAK,CAAC;EAGxC,MAAMuD,cAAc,GAClBvD,MAAM,CAIJ,CAAC;EACLuD,cAAc,CAACC,OAAO,GAAGxC,cAAc,CACrC0B,UAAU,IAAIhB,EAAE,GAAGA,EAAE,GAAG,SAAS,GAAG+B,SACtC,CAAC;EAGDL,cAAc,CAACI,OAAO,CAACP,cAAc,CAACO,OAAO,CAAC,GAAGV,aAAa;EAE9D,MAAMY,iBAAiB,GAAG3D,WAAW,CAAC,CAAC4D,aAAa,GAAG,IAAI,KAAK;IAC9DL,kBAAkB,CAACE,OAAO,GAAGG,aAAa;EAC5C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAgB,GAAG7D,WAAW,CAClC,OAAO8D,KAAgB,EAAEjC,IAAyB,KAAK;IACrD,IAAInB,OAAO,CAACuB,YAAY,CAAC,EAAE;MACzB,OAAO,MAAMA,YAAY,CAAC6B,KAAK,EAAEjC,IAAI,EAAE;QAAE8B;MAAkB,CAAC,CAAC;IAC/D;IAEA,OAAO1B,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG6B,KAAK,EAAEjC,IAAI,EAAE;MAAE8B;IAAkB,CAAC,CAAC;EAC3D,CAAC,EACD,CAAC1B,YAAY,EAAE0B,iBAAiB,CAClC,CAAC;EAED,MAAM;IAAEI,QAAQ;IAAEC,WAAW;IAAEC;EAAiB,CAAC,GAC/C/C,qBAAqB,CAAC;IAAEgC,cAAc;IAAEI;EAAe,CAAC,CAAC;EAE3D,MAAMY,kBAAkB,GAAGlE,WAAW,CAAC,MAAM;IAC3C,IAAI,CAACgC,mBAAmB,EAAE;MACxB+B,QAAQ,CAAC,CAAC;IACZ;IACA,IAAI,CAAChC,oBAAoB,EAAE;MACzBiC,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EAAE,CAACjC,oBAAoB,EAAEC,mBAAmB,EAAE+B,QAAQ,EAAEC,WAAW,CAAC,CAAC;EAEtE,MAAMG,gBAAgB,GAAGnE,WAAW,CAClC,CAAC;IACC8D,KAAK;IACLM,cAAc;IACdC,kBAAkB;IAClBC,+BAA+B;IAC/BC,0BAA0B;IAC1B1C;EAIsB,CAAC,KAAK;IAC5BgB,gBAAgB,CAAC;MACfuB,cAAc;MACdI,mBAAmB,EAAEJ,cAAc;MACnCK,mBAAmB,EAAE/D,OAAO,CAACuB,YAAY,CAAC;MAC1CyC,QAAQ,EAAE,MAAAA,CAAA,KAAY;QACpB,IAAI,CAACH,0BAA0B,EAAE;UAAA,IAAAI,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;UAC/B,CAAAF,qBAAA,GAAAnB,cAAc,CAACC,OAAO,cAAAkB,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBG,IAAI,cAAAF,sBAAA,wBAAAC,sBAAA,GAA5BD,sBAAA,CAA8B3C,YAAY,cAAA4C,sBAAA,uBAA1CA,sBAAA,CAAAE,IAAA,CAAAH,sBAAA,EAA6Cd,KAAK,EAAEjC,IAAI,EAAE;YACxD8B;UACF,CAAC,CAAC;QACJ;QAEA,MAAMqB,MAAM,GACVX,kBAAkB,IACjBC,+BAA+B,IAAI,CAACL,gBAAgB,CAACR,OAAQ,GAC1DC,SAAS,GACT,MAAMG,gBAAgB,CAACC,KAAK,EAAEjC,IAAI,CAAC;QAGzCe,YAAY,CAAC,OAAO,CAAC;QAErB,IAAI,CAACwB,cAAc,EAAE;UAEnBtB,gBAAgB,CAACO,cAAc,CAACI,OAAO,CAACK,KAAK,CAAC,CAAC;QACjD;QAEA,IAAI,CAACP,kBAAkB,CAACE,OAAO,IAAI,EAAEuB,MAAM,YAAYC,KAAK,CAAC,EAAE;UAC7Df,kBAAkB,CAAC,CAAC;UAEpBhB,cAAc,CAACO,OAAO,GAAGK,KAAK;UAC9Bb,WAAW,CAAC,CAAC;QACf;QAEAM,kBAAkB,CAACE,OAAO,GAAG,KAAK;QAElC,OAAOuB,MAAM;MACf;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CACEnB,gBAAgB,EAChBK,kBAAkB,EAClBrB,gBAAgB,EAChBoB,gBAAgB,EAChBhC,YAAY,EACZ0B,iBAAiB,EACjBf,YAAY,EACZE,gBAAgB,CAEpB,CAAC;EAED,MAAMoC,cAAc,GAAGlF,WAAW,CAChC,CAAC8D,KAAgB,EAAEqB,OAA+B,KAAK;IACrD,IAAIrB,KAAK,KAAKZ,cAAc,CAACO,OAAO,EAAE;MACpC;IACF;IAEA,MAAM5B,IAAI,GAAGiC,KAAK,GAAGZ,cAAc,CAACO,OAAO,GAAG,MAAM,GAAG,UAAU;IAEjEU,gBAAgB,CAAAiB,aAAA;MACdtB,KAAK;MACLM,cAAc,EAAEvC,IAAI,KAAK,UAAU;MACnCA;IAAI,GACDsD,OAAO,CACX,CAAC;EACJ,CAAC,EACD,CAAChB,gBAAgB,CACnB,CAAC;EAED,MAAMkB,cAAc,GAAGrF,WAAW,CAAC,MAAM;IACvCkF,cAAc,CAAChC,cAAc,CAACO,OAAO,GAAG,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACyB,cAAc,CAAC,CAAC;EAEpB,MAAMI,UAAU,GAAGtF,WAAW,CAAC,MAAM;IACnCkF,cAAc,CAAChC,cAAc,CAACO,OAAO,GAAG,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACyB,cAAc,CAAC,CAAC;EAEpB,MAAMK,YAAY,GAAGvF,WAAW,CAC9B,CAAC;IAAEwF;EAAa,CAAC,KAAK;IACpBN,cAAc,CAACM,YAAY,EAAE;MAAEpB,cAAc,EAAE;IAAK,CAAC,CAAC;EACxD,CAAC,EACD,CAACc,cAAc,CACjB,CAAC;EAED,MAAMO,YAAY,GAAGzF,WAAW,CAC7B0F,KAAY,IAAK;IAChB1C,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAG;MAAE0C;IAAM,CAAC,CAAC;EAC7B,CAAC,EACD,CAAC1C,cAAc,CACjB,CAAC;EAED,MAAM2C,YAAY,GAAG3F,WAAW,CAC9B,CAAC;IAAE4F;EAAc,CAAC,KAAK;IACrB,IAAI1C,cAAc,CAACO,OAAO,GAAG,CAAC,GAAGN,aAAa,CAACM,OAAO,EAAE;MACtD6B,UAAU,CAAC,CAAC;MACZM,aAAa,CAAC,CAAC;IACjB;EACF,CAAC,EACD,CAACN,UAAU,CACb,CAAC;EACD,CAAA7D,qBAAA,GAAAiB,WAAW,CAACmD,eAAe,cAAApE,qBAAA,uBAA3BA,qBAAA,CAAAsD,IAAA,CAAArC,WAAW,EAAmBiD,YAAY,CAAC;EAE3C,MAAMG,SAAS,GAAG7F,MAAM,CAAC,CAAC,CAAC,CAAC;EAC5B,MAAM8F,eAAe,GAAG9F,MAAM,CAAa,CAAC;EAC5C,MAAM+F,sBAAsB,GAAG/F,MAAM,CAEnC,CAAC,CAAC,CAAC;EAEL,MAAM;IAAEgG;EAAM,CAAC,GAAG9E,aAAa,CAAC,CAAC;EAEjC,MAAM+E,WAAW,GAAGhD,cAAc,CAACO,OAAO;EAC1C,MAAM0C,aAAa,GAAGhG,OAAO,CAAqB,MAAM;IACtD,OAAO;MACLwB,EAAE;MACFuE,WAAW;MACX5C,cAAc;MACdwC,SAAS;MACTC,eAAe;MACf7C,cAAc;MACdC,aAAa;MACbf,mBAAmB;MACnB4D,sBAAsB;MACtBC,KAAK;MACLf,cAAc;MACdG,cAAc;MACdC,UAAU;MACVG;IACF,CAAC;EACH,CAAC,EAAE,CACDS,WAAW,EACXZ,UAAU,EACVD,cAAc,EACd1D,EAAE,EACFS,mBAAmB,EACnB6D,KAAK,EACLf,cAAc,EACdO,YAAY,CACb,CAAC;EAGFrE,eAAe,CAAC,MAAM;IACpB,IAAIO,EAAE,IAAIgB,UAAU,EAAE;MAAA,IAAAyD,sBAAA,EAAAC,sBAAA;MACpB,CAAAD,sBAAA,GAAA5C,cAAc,CAACC,OAAO,cAAA2C,sBAAA,wBAAAC,sBAAA,GAAtBD,sBAAA,CAAwBE,MAAM,cAAAD,sBAAA,uBAA9BA,sBAAA,CAAAtB,IAAA,CAAAqB,sBAAA,EAAiCD,aAAa,CAAC;IACjD;EACF,CAAC,EAAE,CAACxE,EAAE,EAAEwE,aAAa,CAAC,CAAC;EAEvB/E,eAAe,CAAC,MAAM;IAAA,IAAAmF,qBAAA;IACpB,CAAAA,qBAAA,GAAAR,eAAe,CAACtC,OAAO,cAAA8C,qBAAA,uBAAvBA,qBAAA,CAAAxB,IAAA,CAAAgB,eAA0B,CAAC;EAE7B,CAAC,EAAE,CAACD,SAAS,CAACrC,OAAO,CAAC,CAAC;EAEvB,IAAI,CAACd,UAAU,EAAE;IACflC,IAAI,CAAC,+CAA+C,CAAC;IACrD,OACEX,KAAA,CAAA0G,aAAA,CAACxF,OAAO,QACNlB,KAAA,CAAA0G,aAAA,CAACjF,eAAe,EAAAkF,QAAA,KAAKjF,KAAK;MAAEG,EAAE,EAAEA;IAAG,EAAE,CAC9B,CAAC;EAEd;EAEA,OACE7B,KAAA,CAAA0G,aAAA,CAAC3F,aAAa,CAAC6F,QAAQ;IAACC,KAAK,EAAER;EAAc,GAC3CrG,KAAA,CAAA0G,aAAA,CAAClG,KAAK,EAAAmG,QAAA;IACJ/E,SAAS,EAAErB,UAAU,qDAESgC,OAAQ,IACpCX,SACF;EAAE,GACEa,IAAI,GAERzC,KAAA,CAAA0G,aAAA,CAACI,YAAY;IACX/E,IAAI,EAAEA,IAAK;IACXQ,OAAO,EAAEA,OAAQ;IACjBF,WAAW,EAAEA,WAAY;IACzBoD,YAAY,EAAEA,YAAa;IAC3BjD,SAAS,EAAEA;EAAU,CACtB,CAAC,EAEFxC,KAAA,CAAA0G,aAAA;IAAK9E,SAAS,EAAC;EAAmC,GAChD5B,KAAA,CAAA0G,aAAA,CAACK,gBAAgB,QAAE3E,QAA2B,CAC3C,CACA,CAAC,EAEPE,mBAAmB,IAClBtC,KAAA,CAAA0G,aAAA,CAACM,+BAA+B;IAC9Bd,sBAAsB,EAAEA;EAAuB,CAChD,CAEmB,CAAC;AAE7B;AAEA,SAASY,YAAYA,CAAC;EACpB/E,IAAI;EACJQ,OAAO;EACPF,WAAW;EACXoD,YAAY;EACZjD;AACF,CAAC,EAAE;EACD,MAAM,GAAGW,WAAW,CAAC,GAAG/C,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IAAEyB,EAAE;IAAEuB,cAAc;IAAE4C,SAAS;IAAEC;EAAgB,CAAC,GACtDhG,UAAU,CAACc,aAAa,CAAC,IAAI,CAAC,CAAC;EACjCkF,eAAe,CAACtC,OAAO,GAAG,MAAM;IAC9BR,WAAW,CAAC,CAAC;EACf,CAAC;EAED,MAAM8D,UAAU,GACd1E,OAAO,KAAK,QAAQ,IAAI,CAACC,SAAS,GAAGoB,SAAS,GAAGpB,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIX,EAAE;EAElE,OACE7B,KAAA,CAAA0G,aAAA;IAAO9E,SAAS,EAAC;EAAoC,GACnD5B,KAAA,CAAA0G,aAAA,CAACjG,aAAa,CAACyG,OAAO;IAACD,UAAU,EAAEA;EAAW,CAAE,CAAC,EACjDjH,KAAA,CAAA0G,aAAA,CAACjG,aAAa;IACZ0G,MAAM;IACNzB,YAAY,EAAEtC,cAAc,CAACO,OAAQ;IACrCqB,IAAI,EAAEoC,MAAM,CAACC,MAAM,CAACrB,SAAS,CAACrC,OAAO,CAAE;IACvC5B,IAAI,EAAEA,IAAK;IACXuF,YAAY,EAAEjF,WAAY;IAC1BkF,SAAS,EAAE9B,YAAa;IACxBwB,UAAU,EAAEA;EAAW,CACxB,CACI,CAAC;AAEZ;AAEA,SAASF,gBAAgBA,CAAC;EAAE3E;AAAS,CAAC,EAAE;EACtC,MAAM;IACJ+D,KAAK;IACLH,SAAS;IACT5C,cAAc;IACdC,aAAa;IACbf,mBAAmB;IACnB4D;EACF,CAAC,GAAGjG,UAAU,CAACc,aAAa,CAAC;EAE7BiF,SAAS,CAACrC,OAAO,GAAG,CAAC,CAAC;EACtB,IAAI6D,cAAc,GAAG,CAAC,CAAC;EAEvB,MAAMC,aAAa,GAAGzH,KAAK,CAAC0H,QAAQ,CAACC,GAAG,CAACvF,QAAQ,EAAGwF,KAAK,IAAK;IAC5D,IAAI5H,KAAK,CAAC6H,cAAc,CAACD,KAAK,CAAC,EAAE;MAAA,IAAAE,MAAA,EAAAC,OAAA;MAC/B,IAAIC,IAAI,GAAGJ,KAAK;MAEhB,IAAI,EAAAE,MAAA,GAAAF,KAAK,cAAAE,MAAA,uBAALA,MAAA,CAAOG,IAAI,MAAKnH,IAAI,IAAI,OAAO8G,KAAK,CAACK,IAAI,KAAK,UAAU,EAAE;QAAA,IAAAC,KAAA;QAC5DF,IAAI,GAAGJ,KAAK,CAACK,IAAI,CAACE,KAAK,CAACP,KAAK,CAACK,IAAI,EAAE,CAClCL,KAAK,CAAClG,KAAK,CACZ,CAAuB;QAExB,IAAI,EAAAwG,KAAA,GAAAF,IAAI,cAAAE,KAAA,uBAAJA,KAAA,CAAMD,IAAI,MAAKnH,IAAI,EAAE;UACvB8G,KAAK,GAAGI,IAAI;QACd;MACF;MAEA,IAAI,EAAAD,OAAA,GAAAH,KAAK,cAAAG,OAAA,uBAALA,OAAA,CAAOE,IAAI,MAAKnH,IAAI,EAAE;QACxB,IAAI8G,KAAK,CAAClG,KAAK,CAAC0G,MAAM,KAAK,KAAK,EAAE;UAChC,OAAO,IAAI;QACb;QAEA,IACER,KAAK,CAAClG,KAAK,CAAC2G,UAAU,IACtB,CAAClC,KAAK,CAAC;UAAEmC,WAAW,EAAEV,KAAK,CAAClG,KAAK,CAAC2G;QAAW,CAAC,CAAC,EAC/C;UACA,OAAO,IAAI;QACb;QAEAb,cAAc,EAAE;QAChB,MAAMxD,KAAK,GAAGwD,cAAc;QAE5BxB,SAAS,CAACrC,OAAO,CAACK,KAAK,CAAC,GACtB4D,KAAK,CAAClG,KAAK,CAAC6G,KAAK,KAAK3E,SAAS,GAC3BlD,kBAAkB,CAACkH,KAAK,CAAClG,KAAK,CAAC6G,KAAK,CAAC,GACrC,eAAe;QACrB,MAAMC,GAAG,GAAI,GAAExE,KAAM,IAAGZ,cAAc,CAACO,OAAQ,EAAC;QAChD,MAAM8E,KAAK,GAAI/G,KAAK,IAClB1B,KAAK,CAAC0I,YAAY,CAACd,KAAK,EAAmClG,KAAK,CAAC;QAEnE,IACEY,mBAAmB,IACnB,OAAOqG,QAAQ,KAAK,WAAW,IAC/B3E,KAAK,KAAKZ,cAAc,CAACO,OAAO,IAChC,OAAOuC,sBAAsB,CAACvC,OAAO,CAAC,OAAO,GAAGK,KAAK,CAAC,KACpD,WAAW,EACb;UACAkC,sBAAsB,CAACvC,OAAO,CAAC,OAAO,GAAGK,KAAK,CAAC,GAAG,MAChDyE,KAAK,CAAC;YACJD,GAAG;YACHxE,KAAK;YACL1B,mBAAmB,EAAE;UACvB,CAAC,CAAC;QACN;QAEA,OAAOmG,KAAK,CAAC;UACXD,GAAG;UACHxE;QACF,CAAC,CAAC;MACJ;IACF;IAEA,OAAO4D,KAAK;EACd,CAAC,CAAC;EAIF,IAAI,CAAAH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEmB,MAAM,MAAK,CAAC,EAAE;IAC/BxF,cAAc,CAACO,OAAO,GAAG,CAAC;EAC5B,CAAC,MAAM,IAAI,CAAA8D,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEmB,MAAM,IAAGxF,cAAc,CAACO,OAAO,GAAG,CAAC,EAAE;IAC7DP,cAAc,CAACO,OAAO,GAAG8D,aAAa,CAACmB,MAAM,GAAG,CAAC;EACnD;EAEAvF,aAAa,CAACM,OAAO,GAAG8D,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEmB,MAAM;EAE7C,OAAOnB,aAAa;AACtB;AAEA,SAAST,+BAA+BA,CAAC;EACvCd;AAGF,CAAC,EAAE;EACD,MAAM2C,cAAc,GAAG1I,MAAM,CAAC,IAAI,CAAC;EACnC,IAAI,CAAC0I,cAAc,CAAClF,OAAO,EAAE;IAC3B,OAAO,IAAI;EACb;EACAkF,cAAc,CAAClF,OAAO,GAAG,KAAK;EAE9B,OACE3D,KAAA,CAAA0G,aAAA,CAACoC,YAAY,QACX9I,KAAA,CAAA0G,aAAA,CAACqC,2BAA2B,QAC1B/I,KAAA,CAAA0G,aAAA;IAAQ6B,KAAK,EAAC,kBAAkB;IAACS,MAAM;EAAA,GACpC5B,MAAM,CAACC,MAAM,CAACnB,sBAAsB,CAACvC,OAAO,CAAC,CAACgE,GAAG,CAAC,CAACsB,EAAE,EAAEC,CAAC,KACvDlJ,KAAA,CAAA0G,aAAA,CAACuC,EAAE;IAACT,GAAG,EAAEU;EAAE,CAAE,CACd,CACK,CACmB,CACjB,CAAC;AAEnB;AAEA,SAASJ,YAAYA,CAAC;EAAE1G;AAAS,CAAC,EAAE;EAClC,IAAI,OAAOuG,QAAQ,KAAK,WAAW,EAAE;IACnC,OAAOrI,QAAQ,CAAC6I,YAAY,CAAC/G,QAAQ,EAAEuG,QAAQ,CAACS,IAAI,CAAC;EACvD;AACF;AAEA,SAASL,2BAA2BA,CAAC;EAAE3G;AAAS,CAAC,EAAE;EACjD,MAAM;IAAE4C,IAAI;IAAEqE,aAAa;IAAEC;EAAgB,CAAC,GAAGrJ,UAAU,CAACe,WAAW,CAAC;EAExE,OACEhB,KAAA,CAAA0G,aAAA,CAAC1F,WAAW,CAAC4F,QAAQ;IACnBC,KAAK,EAAAvB,aAAA,CAAAA,aAAA,KACArE,mBAAmB;MAGtB+D,IAAI;MACJqE,aAAa;MACbC,eAAe;MACfhH,mBAAmB,EAAE,IAAI;MACzBO,UAAU,EAAE;IAAI;EAChB,GAEF7C,KAAA,CAAA0G,aAAA,CAAC3F,aAAa,CAAC6F,QAAQ;IAACC,KAAK,EAAE;MAAEvE,mBAAmB,EAAE;IAAK;EAAE,GAC1DF,QACqB,CACJ,CAAC;AAE3B;AAEAX,eAAe,CAAC8H,qBAAqB,GAAG,IAAI;AAE5C,eAAe9H,eAAe"}
|
|
@@ -8,7 +8,7 @@ import classnames from 'classnames';
|
|
|
8
8
|
import WizardContext from '../Context/WizardContext';
|
|
9
9
|
import Flex from '../../../../components/flex/Flex';
|
|
10
10
|
import { convertJsxToString } from '../../../../shared/component-helper';
|
|
11
|
-
import
|
|
11
|
+
import FieldProvider from '../../Field/Provider';
|
|
12
12
|
const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
|
|
13
13
|
function Step(props) {
|
|
14
14
|
const {
|
|
@@ -60,7 +60,7 @@ function Step(props) {
|
|
|
60
60
|
"aria-label": ariaLabel,
|
|
61
61
|
innerRef: currentElementRef,
|
|
62
62
|
tabIndex: -1
|
|
63
|
-
}, restProps), fieldProps ? React.createElement(
|
|
63
|
+
}, restProps), fieldProps ? React.createElement(FieldProvider, fieldProps, children) : children);
|
|
64
64
|
}
|
|
65
65
|
Step._supportsSpacingProps = true;
|
|
66
66
|
export default Step;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Step.js","names":["React","useContext","useMemo","useRef","classnames","WizardContext","Flex","convertJsxToString","
|
|
1
|
+
{"version":3,"file":"Step.js","names":["React","useContext","useMemo","useRef","classnames","WizardContext","Flex","convertJsxToString","FieldProvider","useLayoutEffect","window","useEffect","Step","props","className","title","index","active","activeWhen","required","prerenderFieldProps","children","restProps","_objectWithoutProperties","_excluded","check","activeIndex","titlesRef","stepElementRef","ariaLabel","_ref","_titlesRef$current","current","currentElementRef","visibleWhen","createElement","Fragment","fieldProps","undefined","Stack","_extends","element","innerRef","tabIndex","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/Step.tsx"],"sourcesContent":["import React, { useContext, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport WizardContext from '../Context/WizardContext'\nimport Flex from '../../../../components/flex/Flex'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport FieldProvider from '../../Field/Provider'\nimport type { VisibleWhen } from '../../Form/Visibility'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = ComponentProps &\n FlexContainerProps & {\n /**\n * A title that will be displayed in the indicator.\n */\n title?: React.ReactNode\n\n /**\n * To determine if the step should be rendered.\n * Used internally by the WizardContainer.\n */\n index?: number\n\n /**\n * Will make all the fields inside the step to be required.\n */\n required?: boolean\n\n /**\n * If set to `false`, the step will not be rendered.\n */\n active?: boolean\n\n /**\n * Provide a `path` and a `hasValue` property with the excepted value in order to enable the step. You can alternatively provide a `hasValue` function that returns a boolean. The first parameter is the value of the path.\n */\n activeWhen?: VisibleWhen\n\n /**\n * If set to `true`, the step will always be rendered.\n * For internal use only.\n */\n prerenderFieldProps?: boolean\n }\n\nfunction Step(props: Props): JSX.Element {\n const {\n className,\n title,\n index,\n active = true,\n activeWhen,\n required,\n prerenderFieldProps,\n children,\n ...restProps\n } = props\n const { check, activeIndex, titlesRef, stepElementRef } =\n useContext(WizardContext) || {}\n\n const ariaLabel = useMemo(() => {\n return (\n (!prerenderFieldProps && titlesRef?.current?.[index]) ??\n convertJsxToString(title)\n )\n }, [index, prerenderFieldProps, title, titlesRef])\n\n const currentElementRef = useRef<HTMLElement>()\n useLayoutEffect(() => {\n if (!prerenderFieldProps && typeof stepElementRef !== 'undefined') {\n if (currentElementRef.current) {\n stepElementRef.current = currentElementRef.current\n }\n return () => {\n stepElementRef.current = null\n }\n }\n }, [prerenderFieldProps, stepElementRef])\n\n if (prerenderFieldProps) {\n return children as JSX.Element\n }\n\n if (\n activeIndex !== index ||\n active === false ||\n (activeWhen && !check({ visibleWhen: activeWhen }))\n ) {\n // Another step is active\n return <></>\n }\n\n const fieldProps =\n typeof required === 'boolean' ? { required } : undefined\n\n return (\n <Flex.Stack\n className={classnames('dnb-forms-step', className)}\n element=\"section\"\n aria-label={ariaLabel}\n innerRef={currentElementRef}\n tabIndex={-1}\n {...restProps}\n >\n {fieldProps ? (\n <FieldProvider {...fieldProps}>{children}</FieldProvider>\n ) : (\n children\n )}\n </Flex.Stack>\n )\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAC1D,OAAOC,UAAU,MAAM,YAAY;AAGnC,OAAOC,aAAa,MAAM,0BAA0B;AACpD,OAAOC,IAAI,MAAM,kCAAkC;AACnD,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,OAAOC,aAAa,MAAM,sBAAsB;AAIhD,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGV,KAAK,CAACW,SAAS,GAAGX,KAAK,CAACS,eAAe;AAqCzE,SAASG,IAAIA,CAACC,KAAY,EAAe;EACvC,MAAM;MACJC,SAAS;MACTC,KAAK;MACLC,KAAK;MACLC,MAAM,GAAG,IAAI;MACbC,UAAU;MACVC,QAAQ;MACRC,mBAAmB;MACnBC;IAEF,CAAC,GAAGR,KAAK;IADJS,SAAS,GAAAC,wBAAA,CACVV,KAAK,EAAAW,SAAA;EACT,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAAe,CAAC,GACrD3B,UAAU,CAACI,aAAa,CAAC,IAAI,CAAC,CAAC;EAEjC,MAAMwB,SAAS,GAAG3B,OAAO,CAAC,MAAM;IAAA,IAAA4B,IAAA,EAAAC,kBAAA;IAC9B,QAAAD,IAAA,GACG,CAACV,mBAAmB,KAAIO,SAAS,aAATA,SAAS,wBAAAI,kBAAA,GAATJ,SAAS,CAAEK,OAAO,cAAAD,kBAAA,uBAAlBA,kBAAA,CAAqBf,KAAK,CAAC,eAAAc,IAAA,cAAAA,IAAA,GACpDvB,kBAAkB,CAACQ,KAAK,CAAC;EAE7B,CAAC,EAAE,CAACC,KAAK,EAAEI,mBAAmB,EAAEL,KAAK,EAAEY,SAAS,CAAC,CAAC;EAElD,MAAMM,iBAAiB,GAAG9B,MAAM,CAAc,CAAC;EAC/CM,eAAe,CAAC,MAAM;IACpB,IAAI,CAACW,mBAAmB,IAAI,OAAOQ,cAAc,KAAK,WAAW,EAAE;MACjE,IAAIK,iBAAiB,CAACD,OAAO,EAAE;QAC7BJ,cAAc,CAACI,OAAO,GAAGC,iBAAiB,CAACD,OAAO;MACpD;MACA,OAAO,MAAM;QACXJ,cAAc,CAACI,OAAO,GAAG,IAAI;MAC/B,CAAC;IACH;EACF,CAAC,EAAE,CAACZ,mBAAmB,EAAEQ,cAAc,CAAC,CAAC;EAEzC,IAAIR,mBAAmB,EAAE;IACvB,OAAOC,QAAQ;EACjB;EAEA,IACEK,WAAW,KAAKV,KAAK,IACrBC,MAAM,KAAK,KAAK,IACfC,UAAU,IAAI,CAACO,KAAK,CAAC;IAAES,WAAW,EAAEhB;EAAW,CAAC,CAAE,EACnD;IAEA,OAAOlB,KAAA,CAAAmC,aAAA,CAAAnC,KAAA,CAAAoC,QAAA,MAAI,CAAC;EACd;EAEA,MAAMC,UAAU,GACd,OAAOlB,QAAQ,KAAK,SAAS,GAAG;IAAEA;EAAS,CAAC,GAAGmB,SAAS;EAE1D,OACEtC,KAAA,CAAAmC,aAAA,CAAC7B,IAAI,CAACiC,KAAK,EAAAC,QAAA;IACT1B,SAAS,EAAEV,UAAU,CAAC,gBAAgB,EAAEU,SAAS,CAAE;IACnD2B,OAAO,EAAC,SAAS;IACjB,cAAYZ,SAAU;IACtBa,QAAQ,EAAET,iBAAkB;IAC5BU,QAAQ,EAAE,CAAC;EAAE,GACTrB,SAAS,GAEZe,UAAU,GACTrC,KAAA,CAAAmC,aAAA,CAAC3B,aAAa,EAAK6B,UAAU,EAAGhB,QAAwB,CAAC,GAEzDA,QAEQ,CAAC;AAEjB;AAEAT,IAAI,CAACgC,qBAAqB,GAAG,IAAI;AACjC,eAAehC,IAAI"}
|
|
@@ -22,9 +22,6 @@
|
|
|
22
22
|
.dnb-forms-wizard-layout__contents .dnb-forms-step {
|
|
23
23
|
outline: none;
|
|
24
24
|
}
|
|
25
|
-
.dnb-forms-wizard-layout__contents .dnb-card {
|
|
26
|
-
max-width: var(--forms-card-max-width);
|
|
27
|
-
}
|
|
28
25
|
.dnb-forms-wizard-layout__contents .dnb-forms-step > .appear-fx,
|
|
29
26
|
.dnb-forms-wizard-layout__contents .dnb-forms-button-row > .appear-fx {
|
|
30
27
|
--appear-opacity: 0;
|
|
@@ -47,7 +44,7 @@
|
|
|
47
44
|
transform: translate3d(0, 0, 0);
|
|
48
45
|
}
|
|
49
46
|
}
|
|
50
|
-
@media screen and (min-width: 40.
|
|
47
|
+
@media screen and (min-width: 40.00625em) {
|
|
51
48
|
.dnb-forms-wizard-layout + .dnb-form-status:not([class*=space__left]), .dnb-forms-wizard-layout + .dnb-form-status + .dnb-form-status:not([class*=space__left]) {
|
|
52
49
|
margin-left: var(--spacing-medium);
|
|
53
50
|
}
|
|
@@ -66,7 +63,7 @@
|
|
|
66
63
|
margin-right: 0;
|
|
67
64
|
}
|
|
68
65
|
|
|
69
|
-
@media screen and (min-width: 60.
|
|
66
|
+
@media screen and (min-width: 60.00625em) {
|
|
70
67
|
.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status {
|
|
71
68
|
margin-left: 23rem;
|
|
72
69
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-
|
|
1
|
+
.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (min-width:40.00625em){.dnb-forms-wizard-layout+.dnb-form-status+.dnb-form-status:not([class*=space__left]),.dnb-forms-wizard-layout+.dnb-form-status:not([class*=space__left]){margin-left:var(--spacing-medium)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60.00625em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status{margin-left:23rem}}
|
|
@@ -6,9 +6,8 @@ export type Props = SectionProps & {
|
|
|
6
6
|
mode?: Mode;
|
|
7
7
|
enableAdditionalQuestions?: Variant;
|
|
8
8
|
toWizardStep?: number;
|
|
9
|
-
showEmpty?: boolean;
|
|
10
9
|
} & SpacingProps;
|
|
11
|
-
declare function ChildrenWithAge({ mode, enableAdditionalQuestions, toWizardStep,
|
|
10
|
+
declare function ChildrenWithAge({ mode, enableAdditionalQuestions, toWizardStep, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
12
11
|
declare namespace ChildrenWithAge {
|
|
13
12
|
var _supportsSpacingProps: boolean;
|
|
14
13
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
-
const _excluded = ["mode", "enableAdditionalQuestions", "toWizardStep"
|
|
3
|
+
const _excluded = ["mode", "enableAdditionalQuestions", "toWizardStep"];
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { Field, Form, Iterate, Value, Wizard } from '../..';
|
|
6
6
|
import { Card } from '../../../../components';
|
|
@@ -11,8 +11,7 @@ export default function ChildrenWithAge(_ref) {
|
|
|
11
11
|
let {
|
|
12
12
|
mode,
|
|
13
13
|
enableAdditionalQuestions,
|
|
14
|
-
toWizardStep
|
|
15
|
-
showEmpty
|
|
14
|
+
toWizardStep
|
|
16
15
|
} = _ref,
|
|
17
16
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
18
17
|
const spacingProps = pickSpacingProps(props);
|
|
@@ -22,7 +21,6 @@ export default function ChildrenWithAge(_ref) {
|
|
|
22
21
|
required: true
|
|
23
22
|
}, restProps), mode === 'summary' ? React.createElement(SummaryContainer, {
|
|
24
23
|
toWizardStep: toWizardStep,
|
|
25
|
-
showEmpty: showEmpty,
|
|
26
24
|
spacingProps: spacingProps
|
|
27
25
|
}) : React.createElement(EditContainer, {
|
|
28
26
|
enableAdditionalQuestions: enableAdditionalQuestions,
|
|
@@ -107,28 +105,28 @@ function EditContainer({
|
|
|
107
105
|
}
|
|
108
106
|
function SummaryContainer({
|
|
109
107
|
spacingProps,
|
|
110
|
-
toWizardStep
|
|
111
|
-
showEmpty
|
|
108
|
+
toWizardStep
|
|
112
109
|
}) {
|
|
113
110
|
const tr = Form.useTranslation();
|
|
114
111
|
const {
|
|
115
112
|
getValue
|
|
116
113
|
} = Form.useData();
|
|
117
114
|
const hasNoChildren = getValue('/hasChildren') === false;
|
|
118
|
-
return React.createElement(
|
|
119
|
-
visible: showEmpty,
|
|
120
|
-
pathTrue: "/hasChildren",
|
|
121
|
-
animate: true
|
|
122
|
-
}, React.createElement(Card, _extends({
|
|
115
|
+
return React.createElement(Card, _extends({
|
|
123
116
|
stack: true
|
|
124
|
-
}, spacingProps), React.createElement(Lead, null, tr.ChildrenWithAge.hasChildren.title), React.createElement(Value.SummaryList, null, React.createElement(Value.
|
|
117
|
+
}, spacingProps), React.createElement(Lead, null, tr.ChildrenWithAge.hasChildren.title), React.createElement(Value.SummaryList, null, React.createElement(Value.Boolean, {
|
|
118
|
+
path: "/hasChildren",
|
|
119
|
+
label: tr.ChildrenWithAge.hasChildren.fieldLabel
|
|
120
|
+
}), React.createElement(Form.Visibility, {
|
|
121
|
+
pathTrue: "/hasChildren"
|
|
122
|
+
}, React.createElement(Value.Number, {
|
|
125
123
|
path: "/countChildren",
|
|
126
|
-
label: tr.ChildrenWithAge.countChildren.
|
|
124
|
+
label: tr.ChildrenWithAge.countChildren.fieldLabel,
|
|
127
125
|
defaultValue: 0,
|
|
128
126
|
suffix: tr.ChildrenWithAge.countChildren.suffix,
|
|
129
127
|
maximum: 20,
|
|
130
128
|
transformIn: value => hasNoChildren ? 0 : value
|
|
131
|
-
}), React.createElement(Iterate.Array, {
|
|
129
|
+
})), React.createElement(Iterate.Array, {
|
|
132
130
|
path: "/children",
|
|
133
131
|
limit: hasNoChildren ? 0 : undefined
|
|
134
132
|
}, React.createElement(Value.Composition, {
|
|
@@ -156,7 +154,7 @@ function SummaryContainer({
|
|
|
156
154
|
defaultValue: false
|
|
157
155
|
}))))), typeof toWizardStep === 'number' ? React.createElement(Wizard.EditButton, {
|
|
158
156
|
toStep: toWizardStep
|
|
159
|
-
}) : null)
|
|
157
|
+
}) : null);
|
|
160
158
|
}
|
|
161
159
|
const transformAgeItem = ({
|
|
162
160
|
value
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChildrenWithAge.js","names":["React","Field","Form","Iterate","Value","Wizard","Card","Lead","translations","omitSpacingProps","pickSpacingProps","ChildrenWithAge","_ref","mode","enableAdditionalQuestions","toWizardStep","showEmpty","props","_objectWithoutProperties","_excluded","spacingProps","restProps","createElement","Section","_extends","required","SummaryContainer","EditContainer","tr","useTranslation","stack","hasChildren","title","Boolean","path","label","fieldLabel","variant","defaultValue","errorMessages","Visibility","pathTrue","animate","includes","hasJointResponsibility","usesDaycare","Number","countChildren","minimum","width","maximum","showStepControls","decimalLimit","Array","countPath","countPathTransform","transformAgeItem","countPathLimit","Composition","childrenAge","align","itemPath","placeholder","confirmJointResponsibility","hasDaycare","getValue","useData","hasNoChildren","visible","SummaryList","valueVale","suffix","transformIn","value","limit","undefined","gap","inline","trueText","jointResponsibilityTrue","falseText","jointResponsibilityFalse","daycareTrue","daycareFalse","EditButton","toStep","Object","prototype","hasOwnProperty","call","age","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.tsx"],"sourcesContent":["import React from 'react'\nimport { Field, Form, Iterate, Value, Wizard } from '../..'\nimport { Card } from '../../../../components'\nimport { Lead } from '../../../../elements'\nimport { Translation, translations } from './ChildrenWithAgeTranslations'\nimport type { SectionProps } from '../../Form/Section'\nimport {\n omitSpacingProps,\n pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport { SpacingProps } from '../../../../shared/types'\n\ntype Mode = 'edit' | 'summary'\ntype Variant = Array<'joint-responsibility' | 'daycare'>\n\nexport type Props = SectionProps & {\n mode?: Mode\n enableAdditionalQuestions?: Variant\n toWizardStep?: number\n showEmpty?: boolean\n} & SpacingProps\n\nexport default function ChildrenWithAge({\n mode,\n enableAdditionalQuestions,\n toWizardStep,\n showEmpty,\n ...props\n}: Props) {\n const spacingProps = pickSpacingProps<Props>(props)\n const restProps = omitSpacingProps(props)\n return (\n <Form.Section translations={translations} required {...restProps}>\n {mode === 'summary' ? (\n <SummaryContainer\n toWizardStep={toWizardStep}\n showEmpty={showEmpty}\n spacingProps={spacingProps}\n />\n ) : (\n <EditContainer\n enableAdditionalQuestions={enableAdditionalQuestions}\n spacingProps={spacingProps}\n />\n )}\n </Form.Section>\n )\n}\n\nfunction EditContainer({\n spacingProps,\n enableAdditionalQuestions,\n}: Props & {\n spacingProps?: SpacingProps\n}) {\n const tr = Form.useTranslation<Translation>()\n\n return (\n <Card stack {...spacingProps}>\n <Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>\n\n <Field.Boolean\n path=\"/hasChildren\"\n label={tr.ChildrenWithAge.hasChildren.fieldLabel}\n variant=\"buttons\"\n defaultValue={false}\n errorMessages={{\n required: tr.ChildrenWithAge.hasChildren.required,\n }}\n />\n\n <Form.Visibility pathTrue=\"/hasChildren\" animate>\n {enableAdditionalQuestions?.includes('joint-responsibility') && (\n <Field.Boolean\n path=\"/hasJointResponsibility\"\n label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n variant=\"buttons\"\n defaultValue={false}\n errorMessages={{\n required: tr.ChildrenWithAge.hasChildren.required,\n }}\n />\n )}\n\n {enableAdditionalQuestions?.includes('daycare') && (\n <Field.Boolean\n path=\"/usesDaycare\"\n label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n variant=\"buttons\"\n defaultValue={false}\n errorMessages={{\n required: tr.ChildrenWithAge.usesDaycare.required,\n }}\n />\n )}\n\n <Field.Number\n path=\"/countChildren\"\n label={tr.ChildrenWithAge.countChildren.fieldLabel}\n errorMessages={{\n minimum: tr.ChildrenWithAge.countChildren.required,\n }}\n width=\"small\"\n defaultValue={1}\n minimum={1}\n maximum={20}\n showStepControls\n decimalLimit={0}\n />\n\n <Iterate.Array\n path=\"/children\"\n countPath=\"/countChildren\"\n countPathTransform={transformAgeItem}\n countPathLimit={20}\n >\n <Field.Composition\n label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n align=\"center\"\n >\n <Field.Number\n itemPath=\"/age\"\n errorMessages={{\n required: tr.ChildrenWithAge.childrenAge.required,\n }}\n placeholder=\"0\"\n width=\"small\"\n minimum={0}\n maximum={17}\n decimalLimit={0}\n />\n\n <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n <Field.Boolean\n itemPath=\"/jointResponsibility\"\n label={\n tr.ChildrenWithAge.confirmJointResponsibility.fieldLabel\n }\n />\n </Form.Visibility>\n\n <Form.Visibility pathTrue=\"/usesDaycare\">\n <Field.Boolean\n itemPath=\"/hasDaycare\"\n label={tr.ChildrenWithAge.hasDaycare.fieldLabel}\n />\n </Form.Visibility>\n </Field.Composition>\n </Iterate.Array>\n </Form.Visibility>\n </Card>\n )\n}\n\nfunction SummaryContainer({\n spacingProps,\n toWizardStep,\n showEmpty,\n}: Props & {\n spacingProps?: SpacingProps\n}) {\n const tr = Form.useTranslation<Translation>()\n\n const { getValue } = Form.useData()\n const hasNoChildren = getValue('/hasChildren') === false\n\n return (\n <Form.Visibility visible={showEmpty} pathTrue=\"/hasChildren\" animate>\n <Card stack {...spacingProps}>\n {<Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>}\n\n <Value.SummaryList>\n <Value.Number\n path=\"/countChildren\"\n label={tr.ChildrenWithAge.countChildren.valueVale}\n defaultValue={0}\n suffix={tr.ChildrenWithAge.countChildren.suffix}\n maximum={20}\n transformIn={(value) => (hasNoChildren ? 0 : value)}\n />\n\n <Iterate.Array\n path=\"/children\"\n limit={hasNoChildren ? 0 : undefined}\n >\n <Value.Composition\n label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n gap={false}\n >\n <Value.Number\n itemPath=\"/age\"\n suffix={tr.ChildrenWithAge.childrenAge.suffix}\n defaultValue=\"–\"\n />\n\n <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n {', '}\n <Value.Boolean\n inline\n itemPath=\"/jointResponsibility\"\n trueText={tr.ChildrenWithAge.jointResponsibilityTrue}\n falseText={tr.ChildrenWithAge.jointResponsibilityFalse}\n defaultValue={false}\n />\n </Form.Visibility>\n\n <Form.Visibility pathTrue=\"/usesDaycare\">\n {', '}\n <Value.Boolean\n inline\n itemPath=\"/hasDaycare\"\n trueText={tr.ChildrenWithAge.daycareTrue}\n falseText={tr.ChildrenWithAge.daycareFalse}\n defaultValue={false}\n />\n </Form.Visibility>\n </Value.Composition>\n </Iterate.Array>\n </Value.SummaryList>\n\n {typeof toWizardStep === 'number' ? (\n <Wizard.EditButton toStep={toWizardStep} />\n ) : null}\n </Card>\n </Form.Visibility>\n )\n}\n\nconst transformAgeItem = ({ value }) =>\n Object.prototype.hasOwnProperty.call(value || {}, 'age')\n ? value\n : { age: undefined }\n\nChildrenWithAge._supportsSpacingProps = true\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ChildrenWithAge.js","names":["React","Field","Form","Iterate","Value","Wizard","Card","Lead","translations","omitSpacingProps","pickSpacingProps","ChildrenWithAge","_ref","mode","enableAdditionalQuestions","toWizardStep","props","_objectWithoutProperties","_excluded","spacingProps","restProps","createElement","Section","_extends","required","SummaryContainer","EditContainer","tr","useTranslation","stack","hasChildren","title","Boolean","path","label","fieldLabel","variant","defaultValue","errorMessages","Visibility","pathTrue","animate","includes","hasJointResponsibility","usesDaycare","Number","countChildren","minimum","width","maximum","showStepControls","decimalLimit","Array","countPath","countPathTransform","transformAgeItem","countPathLimit","Composition","childrenAge","align","itemPath","placeholder","confirmJointResponsibility","hasDaycare","getValue","useData","hasNoChildren","SummaryList","suffix","transformIn","value","limit","undefined","gap","inline","trueText","jointResponsibilityTrue","falseText","jointResponsibilityFalse","daycareTrue","daycareFalse","EditButton","toStep","Object","prototype","hasOwnProperty","call","age","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.tsx"],"sourcesContent":["import React from 'react'\nimport { Field, Form, Iterate, Value, Wizard } from '../..'\nimport { Card } from '../../../../components'\nimport { Lead } from '../../../../elements'\nimport { Translation, translations } from './ChildrenWithAgeTranslations'\nimport type { SectionProps } from '../../Form/Section'\nimport {\n omitSpacingProps,\n pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport { SpacingProps } from '../../../../shared/types'\n\ntype Mode = 'edit' | 'summary'\ntype Variant = Array<'joint-responsibility' | 'daycare'>\n\nexport type Props = SectionProps & {\n mode?: Mode\n enableAdditionalQuestions?: Variant\n toWizardStep?: number\n} & SpacingProps\n\nexport default function ChildrenWithAge({\n mode,\n enableAdditionalQuestions,\n toWizardStep,\n ...props\n}: Props) {\n const spacingProps = pickSpacingProps<Props>(props)\n const restProps = omitSpacingProps(props)\n return (\n <Form.Section translations={translations} required {...restProps}>\n {mode === 'summary' ? (\n <SummaryContainer\n toWizardStep={toWizardStep}\n spacingProps={spacingProps}\n />\n ) : (\n <EditContainer\n enableAdditionalQuestions={enableAdditionalQuestions}\n spacingProps={spacingProps}\n />\n )}\n </Form.Section>\n )\n}\n\nfunction EditContainer({\n spacingProps,\n enableAdditionalQuestions,\n}: Props & {\n spacingProps?: SpacingProps\n}) {\n const tr = Form.useTranslation<Translation>()\n\n return (\n <Card stack {...spacingProps}>\n <Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>\n\n <Field.Boolean\n path=\"/hasChildren\"\n label={tr.ChildrenWithAge.hasChildren.fieldLabel}\n variant=\"buttons\"\n defaultValue={false}\n errorMessages={{\n required: tr.ChildrenWithAge.hasChildren.required,\n }}\n />\n\n <Form.Visibility pathTrue=\"/hasChildren\" animate>\n {enableAdditionalQuestions?.includes('joint-responsibility') && (\n <Field.Boolean\n path=\"/hasJointResponsibility\"\n label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n variant=\"buttons\"\n defaultValue={false}\n errorMessages={{\n required: tr.ChildrenWithAge.hasChildren.required,\n }}\n />\n )}\n\n {enableAdditionalQuestions?.includes('daycare') && (\n <Field.Boolean\n path=\"/usesDaycare\"\n label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n variant=\"buttons\"\n defaultValue={false}\n errorMessages={{\n required: tr.ChildrenWithAge.usesDaycare.required,\n }}\n />\n )}\n\n <Field.Number\n path=\"/countChildren\"\n label={tr.ChildrenWithAge.countChildren.fieldLabel}\n errorMessages={{\n minimum: tr.ChildrenWithAge.countChildren.required,\n }}\n width=\"small\"\n defaultValue={1}\n minimum={1}\n maximum={20}\n showStepControls\n decimalLimit={0}\n />\n\n <Iterate.Array\n path=\"/children\"\n countPath=\"/countChildren\"\n countPathTransform={transformAgeItem}\n countPathLimit={20}\n >\n <Field.Composition\n label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n align=\"center\"\n >\n <Field.Number\n itemPath=\"/age\"\n errorMessages={{\n required: tr.ChildrenWithAge.childrenAge.required,\n }}\n placeholder=\"0\"\n width=\"small\"\n minimum={0}\n maximum={17}\n decimalLimit={0}\n />\n\n <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n <Field.Boolean\n itemPath=\"/jointResponsibility\"\n label={\n tr.ChildrenWithAge.confirmJointResponsibility.fieldLabel\n }\n />\n </Form.Visibility>\n\n <Form.Visibility pathTrue=\"/usesDaycare\">\n <Field.Boolean\n itemPath=\"/hasDaycare\"\n label={tr.ChildrenWithAge.hasDaycare.fieldLabel}\n />\n </Form.Visibility>\n </Field.Composition>\n </Iterate.Array>\n </Form.Visibility>\n </Card>\n )\n}\n\nfunction SummaryContainer({\n spacingProps,\n toWizardStep,\n}: Props & {\n spacingProps?: SpacingProps\n}) {\n const tr = Form.useTranslation<Translation>()\n\n const { getValue } = Form.useData()\n const hasNoChildren = getValue('/hasChildren') === false\n\n return (\n <Card stack {...spacingProps}>\n {<Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>}\n\n <Value.SummaryList>\n <Value.Boolean\n path=\"/hasChildren\"\n label={tr.ChildrenWithAge.hasChildren.fieldLabel}\n />\n <Form.Visibility pathTrue=\"/hasChildren\">\n <Value.Number\n path=\"/countChildren\"\n label={tr.ChildrenWithAge.countChildren.fieldLabel}\n defaultValue={0}\n suffix={tr.ChildrenWithAge.countChildren.suffix}\n maximum={20}\n transformIn={(value) => (hasNoChildren ? 0 : value)}\n />\n </Form.Visibility>\n <Iterate.Array\n path=\"/children\"\n limit={hasNoChildren ? 0 : undefined}\n >\n <Value.Composition\n label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n gap={false}\n >\n <Value.Number\n itemPath=\"/age\"\n suffix={tr.ChildrenWithAge.childrenAge.suffix}\n defaultValue=\"–\"\n />\n\n <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n {', '}\n <Value.Boolean\n inline\n itemPath=\"/jointResponsibility\"\n trueText={tr.ChildrenWithAge.jointResponsibilityTrue}\n falseText={tr.ChildrenWithAge.jointResponsibilityFalse}\n defaultValue={false}\n />\n </Form.Visibility>\n\n <Form.Visibility pathTrue=\"/usesDaycare\">\n {', '}\n <Value.Boolean\n inline\n itemPath=\"/hasDaycare\"\n trueText={tr.ChildrenWithAge.daycareTrue}\n falseText={tr.ChildrenWithAge.daycareFalse}\n defaultValue={false}\n />\n </Form.Visibility>\n </Value.Composition>\n </Iterate.Array>\n </Value.SummaryList>\n\n {typeof toWizardStep === 'number' ? (\n <Wizard.EditButton toStep={toWizardStep} />\n ) : null}\n </Card>\n )\n}\n\nconst transformAgeItem = ({ value }) =>\n Object.prototype.hasOwnProperty.call(value || {}, 'age')\n ? value\n : { age: undefined }\n\nChildrenWithAge._supportsSpacingProps = true\n"],"mappings":"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"}
|