@dnb/eufemia 10.48.0 → 10.50.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +57 -0
- package/cjs/components/breadcrumb/BreadcrumbItem.d.ts +1 -1
- package/cjs/components/breadcrumb/BreadcrumbItem.js +3 -3
- package/cjs/components/breadcrumb/BreadcrumbItem.js.map +1 -1
- package/cjs/components/breadcrumb/BreadcrumbMultiple.js +2 -2
- package/cjs/components/breadcrumb/BreadcrumbMultiple.js.map +1 -1
- package/cjs/components/checkbox/CheckboxDocs.js +1 -1
- package/cjs/components/checkbox/CheckboxDocs.js.map +1 -1
- package/cjs/components/height-animation/HeightAnimationInstance.d.ts +1 -0
- package/cjs/components/height-animation/HeightAnimationInstance.js +13 -6
- package/cjs/components/height-animation/HeightAnimationInstance.js.map +1 -1
- package/cjs/elements/ElementDocs.d.ts +2 -0
- package/cjs/elements/ElementDocs.js +35 -0
- package/cjs/elements/ElementDocs.js.map +1 -0
- package/cjs/elements/blockquote/BlockquoteDocs.d.ts +2 -0
- package/cjs/elements/blockquote/BlockquoteDocs.js +25 -0
- package/cjs/elements/blockquote/BlockquoteDocs.js.map +1 -0
- package/cjs/elements/hr/HrDocs.d.ts +2 -0
- package/cjs/elements/hr/HrDocs.js +25 -0
- package/cjs/elements/hr/HrDocs.js.map +1 -0
- package/cjs/elements/img/ImgDocs.d.ts +2 -0
- package/cjs/elements/img/ImgDocs.js +40 -0
- package/cjs/elements/img/ImgDocs.js.map +1 -0
- package/cjs/elements/lists/DlDocs.d.ts +2 -0
- package/cjs/elements/lists/DlDocs.js +21 -0
- package/cjs/elements/lists/DlDocs.js.map +1 -0
- package/cjs/elements/lists/OlDocs.d.ts +2 -0
- package/cjs/elements/lists/OlDocs.js +31 -0
- package/cjs/elements/lists/OlDocs.js.map +1 -0
- package/cjs/elements/lists/UlDocs.d.ts +2 -0
- package/cjs/elements/lists/UlDocs.js +31 -0
- package/cjs/elements/lists/UlDocs.js.map +1 -0
- package/cjs/elements/typography/IngressDocs.d.ts +2 -0
- package/cjs/elements/typography/IngressDocs.js +15 -0
- package/cjs/elements/typography/IngressDocs.js.map +1 -0
- package/cjs/elements/typography/LeadDocs.d.ts +2 -0
- package/cjs/elements/typography/LeadDocs.js +15 -0
- package/cjs/elements/typography/LeadDocs.js.map +1 -0
- package/cjs/elements/typography/PDocs.d.ts +2 -0
- package/cjs/elements/typography/PDocs.js +40 -0
- package/cjs/elements/typography/PDocs.js.map +1 -0
- package/cjs/extensions/forms/DataContext/Context.d.ts +21 -8
- package/cjs/extensions/forms/DataContext/Context.js +1 -2
- package/cjs/extensions/forms/DataContext/Context.js.map +1 -1
- package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.d.ts +4 -0
- package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.js.map +1 -1
- package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js +13 -4
- package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js.map +1 -1
- package/cjs/extensions/forms/DataContext/Provider/Provider.d.ts +0 -4
- package/cjs/extensions/forms/DataContext/Provider/Provider.js +85 -49
- package/cjs/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/cjs/extensions/forms/DataContext/Provider/ProviderDocs.js +1 -1
- package/cjs/extensions/forms/DataContext/Provider/ProviderDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js +34 -5
- package/cjs/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js.map +1 -1
- package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.d.ts +5 -4
- package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.js +6 -3
- package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
- package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.d.ts +1 -0
- package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.js +65 -2
- package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.d.ts +10 -5
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.js +59 -32
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountryDocs.js +5 -0
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountryDocs.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js +1 -1
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/cjs/extensions/forms/Form/Handler/Handler.d.ts +1 -1
- package/cjs/extensions/forms/Form/Handler/Handler.js +3 -1
- package/cjs/extensions/forms/Form/Handler/Handler.js.map +1 -1
- package/cjs/extensions/forms/Form/Isolation/Isolation.js +15 -6
- package/cjs/extensions/forms/Form/Isolation/Isolation.js.map +1 -1
- package/cjs/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js +0 -2
- package/cjs/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js.map +1 -1
- package/cjs/extensions/forms/Form/Visibility/Visibility.js +9 -3
- package/cjs/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
- package/cjs/extensions/forms/Form/Visibility/VisibilityContext.d.ts +6 -0
- package/cjs/extensions/forms/Form/Visibility/VisibilityContext.js +12 -0
- package/cjs/extensions/forms/Form/Visibility/VisibilityContext.js.map +1 -0
- package/cjs/extensions/forms/Form/Visibility/VisibilityDocs.js +1 -1
- package/cjs/extensions/forms/Form/Visibility/VisibilityDocs.js.map +1 -1
- package/cjs/extensions/forms/Form/Visibility/useVisibility.js +3 -3
- package/cjs/extensions/forms/Form/Visibility/useVisibility.js.map +1 -1
- package/cjs/extensions/forms/Form/data-context/getData.d.ts +2 -1
- package/cjs/extensions/forms/Form/data-context/getData.js +6 -1
- package/cjs/extensions/forms/Form/data-context/getData.js.map +1 -1
- package/cjs/extensions/forms/Form/data-context/useData.d.ts +4 -1
- package/cjs/extensions/forms/Form/data-context/useData.js +32 -9
- package/cjs/extensions/forms/Form/data-context/useData.js.map +1 -1
- package/cjs/extensions/forms/Iterate/Array/Array.js +40 -17
- package/cjs/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/cjs/extensions/forms/Iterate/Array/ArrayDocs.js +11 -1
- package/cjs/extensions/forms/Iterate/Array/ArrayDocs.js.map +1 -1
- package/cjs/extensions/forms/Iterate/Array/ArrayItemArea.d.ts +1 -1
- package/cjs/extensions/forms/Iterate/Array/ArrayItemArea.js.map +1 -1
- package/cjs/extensions/forms/Iterate/Array/types.d.ts +2 -0
- package/cjs/extensions/forms/Iterate/Array/types.js.map +1 -1
- package/cjs/extensions/forms/Iterate/EditContainer/CancelButton.js +19 -7
- package/cjs/extensions/forms/Iterate/EditContainer/CancelButton.js.map +1 -1
- package/cjs/extensions/forms/Iterate/EditContainer/DoneButton.js +0 -1
- package/cjs/extensions/forms/Iterate/EditContainer/DoneButton.js.map +1 -1
- package/cjs/extensions/forms/Iterate/EditContainer/EditContainer.js +2 -2
- package/cjs/extensions/forms/Iterate/EditContainer/EditContainer.js.map +1 -1
- package/cjs/extensions/forms/Iterate/PushButton/PushButton.js +29 -7
- package/cjs/extensions/forms/Iterate/PushButton/PushButton.js.map +1 -1
- package/cjs/extensions/forms/Iterate/PushContainer/OpenButton.js +18 -2
- package/cjs/extensions/forms/Iterate/PushContainer/OpenButton.js.map +1 -1
- package/cjs/extensions/forms/Iterate/PushContainer/PushContainer.d.ts +2 -1
- package/cjs/extensions/forms/Iterate/PushContainer/PushContainer.js +30 -10
- package/cjs/extensions/forms/Iterate/PushContainer/PushContainer.js.map +1 -1
- package/cjs/extensions/forms/Iterate/PushContainer/PushContainerDocs.js +5 -0
- package/cjs/extensions/forms/Iterate/PushContainer/PushContainerDocs.js.map +1 -1
- package/cjs/extensions/forms/Iterate/RemoveButton/RemoveButton.js +3 -5
- package/cjs/extensions/forms/Iterate/RemoveButton/RemoveButton.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/Iterate/hooks/index.d.ts +1 -0
- package/cjs/extensions/forms/Iterate/hooks/index.js +7 -0
- package/cjs/extensions/forms/Iterate/hooks/index.js.map +1 -1
- package/cjs/extensions/forms/Iterate/hooks/useArrayLimit.d.ts +15 -0
- package/cjs/extensions/forms/Iterate/hooks/useArrayLimit.js +50 -0
- package/cjs/extensions/forms/Iterate/hooks/useArrayLimit.js.map +1 -0
- package/cjs/extensions/forms/Tools/Log.js +1 -1
- package/cjs/extensions/forms/Tools/Log.js.map +1 -1
- package/cjs/extensions/forms/Value/ArraySelection/ArraySelection.d.ts +12 -0
- package/cjs/extensions/forms/Value/ArraySelection/ArraySelection.js +27 -10
- package/cjs/extensions/forms/Value/ArraySelection/ArraySelection.js.map +1 -1
- package/cjs/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js +10 -0
- package/cjs/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js.map +1 -1
- package/cjs/extensions/forms/Value/Number/Number.js +3 -2
- package/cjs/extensions/forms/Value/Number/Number.js.map +1 -1
- package/cjs/extensions/forms/Value/SelectCountry/SelectCountry.d.ts +1 -0
- package/cjs/extensions/forms/Value/SelectCountry/SelectCountry.js +7 -23
- package/cjs/extensions/forms/Value/SelectCountry/SelectCountry.js.map +1 -1
- package/cjs/extensions/forms/Value/SelectCountry/useCountry.d.ts +4 -0
- package/cjs/extensions/forms/Value/SelectCountry/useCountry.js +33 -0
- package/cjs/extensions/forms/Value/SelectCountry/useCountry.js.map +1 -0
- package/cjs/extensions/forms/Value/Selection/Selection.js +2 -1
- package/cjs/extensions/forms/Value/Selection/Selection.js.map +1 -1
- package/cjs/extensions/forms/Value/ValueDocs.js +5 -0
- package/cjs/extensions/forms/Value/ValueDocs.js.map +1 -1
- package/cjs/extensions/forms/ValueBlock/ValueBlock.js +8 -6
- package/cjs/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
- package/cjs/extensions/forms/Wizard/Step/Step.d.ts +1 -1
- package/cjs/extensions/forms/Wizard/Step/Step.js.map +1 -1
- package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.d.ts +4 -2
- package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js +40 -22
- package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js.map +1 -1
- package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js +10 -0
- package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js.map +1 -1
- package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js +72 -70
- package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js.map +1 -1
- package/cjs/extensions/forms/constants/countries.d.ts +1 -0
- package/cjs/extensions/forms/constants/countries.js.map +1 -1
- package/cjs/extensions/forms/constants/locales/en-GB.d.ts +5 -4
- package/cjs/extensions/forms/constants/locales/en-GB.js +8 -7
- package/cjs/extensions/forms/constants/locales/en-GB.js.map +1 -1
- package/cjs/extensions/forms/constants/locales/en-US.d.ts +5 -4
- package/cjs/extensions/forms/constants/locales/index.d.ts +10 -8
- package/cjs/extensions/forms/constants/locales/nb-NO.d.ts +5 -4
- package/cjs/extensions/forms/constants/locales/nb-NO.js +8 -7
- package/cjs/extensions/forms/constants/locales/nb-NO.js.map +1 -1
- package/cjs/extensions/forms/hooks/DataValueDocs.js +1 -1
- package/cjs/extensions/forms/hooks/DataValueDocs.js.map +1 -1
- package/cjs/extensions/forms/hooks/useFieldProps.js +156 -58
- package/cjs/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/cjs/extensions/forms/hooks/useValueProps.js +31 -8
- package/cjs/extensions/forms/hooks/useValueProps.js.map +1 -1
- package/cjs/extensions/forms/types.d.ts +13 -6
- package/cjs/extensions/forms/types.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/locales/en-GB.js.map +1 -1
- package/cjs/shared/locales/en-US.d.ts +1 -1
- package/cjs/shared/locales/en-US.js +2 -2
- package/cjs/shared/locales/en-US.js.map +1 -1
- package/cjs/style/core/scopes.scss +1 -1
- package/cjs/style/dnb-ui-basis.css +1 -1
- package/cjs/style/dnb-ui-basis.min.css +1 -1
- package/cjs/style/dnb-ui-body.css +1 -1
- package/cjs/style/dnb-ui-body.min.css +1 -1
- package/cjs/style/dnb-ui-core.css +1 -1
- package/cjs/style/dnb-ui-core.min.css +1 -1
- package/components/breadcrumb/BreadcrumbItem.d.ts +1 -1
- package/components/breadcrumb/BreadcrumbItem.js +3 -3
- package/components/breadcrumb/BreadcrumbItem.js.map +1 -1
- package/components/breadcrumb/BreadcrumbMultiple.js +2 -2
- package/components/breadcrumb/BreadcrumbMultiple.js.map +1 -1
- package/components/checkbox/CheckboxDocs.js +1 -1
- package/components/checkbox/CheckboxDocs.js.map +1 -1
- package/components/height-animation/HeightAnimationInstance.d.ts +1 -0
- package/components/height-animation/HeightAnimationInstance.js +13 -6
- package/components/height-animation/HeightAnimationInstance.js.map +1 -1
- package/elements/ElementDocs.d.ts +2 -0
- package/elements/ElementDocs.js +28 -0
- package/elements/ElementDocs.js.map +1 -0
- package/elements/blockquote/BlockquoteDocs.d.ts +2 -0
- package/elements/blockquote/BlockquoteDocs.js +18 -0
- package/elements/blockquote/BlockquoteDocs.js.map +1 -0
- package/elements/hr/HrDocs.d.ts +2 -0
- package/elements/hr/HrDocs.js +18 -0
- package/elements/hr/HrDocs.js.map +1 -0
- package/elements/img/ImgDocs.d.ts +2 -0
- package/elements/img/ImgDocs.js +33 -0
- package/elements/img/ImgDocs.js.map +1 -0
- package/elements/lists/DlDocs.d.ts +2 -0
- package/elements/lists/DlDocs.js +12 -0
- package/elements/lists/DlDocs.js.map +1 -0
- package/elements/lists/OlDocs.d.ts +2 -0
- package/elements/lists/OlDocs.js +22 -0
- package/elements/lists/OlDocs.js.map +1 -0
- package/elements/lists/UlDocs.d.ts +2 -0
- package/elements/lists/UlDocs.js +22 -0
- package/elements/lists/UlDocs.js.map +1 -0
- package/elements/typography/IngressDocs.d.ts +2 -0
- package/elements/typography/IngressDocs.js +6 -0
- package/elements/typography/IngressDocs.js.map +1 -0
- package/elements/typography/LeadDocs.d.ts +2 -0
- package/elements/typography/LeadDocs.js +6 -0
- package/elements/typography/LeadDocs.js.map +1 -0
- package/elements/typography/PDocs.d.ts +2 -0
- package/elements/typography/PDocs.js +33 -0
- package/elements/typography/PDocs.js.map +1 -0
- package/es/components/breadcrumb/BreadcrumbItem.d.ts +1 -1
- package/es/components/breadcrumb/BreadcrumbItem.js +3 -3
- package/es/components/breadcrumb/BreadcrumbItem.js.map +1 -1
- package/es/components/breadcrumb/BreadcrumbMultiple.js +2 -2
- package/es/components/breadcrumb/BreadcrumbMultiple.js.map +1 -1
- package/es/components/checkbox/CheckboxDocs.js +1 -1
- package/es/components/checkbox/CheckboxDocs.js.map +1 -1
- package/es/components/height-animation/HeightAnimationInstance.d.ts +1 -0
- package/es/components/height-animation/HeightAnimationInstance.js +13 -6
- package/es/components/height-animation/HeightAnimationInstance.js.map +1 -1
- package/es/elements/ElementDocs.d.ts +2 -0
- package/es/elements/ElementDocs.js +28 -0
- package/es/elements/ElementDocs.js.map +1 -0
- package/es/elements/blockquote/BlockquoteDocs.d.ts +2 -0
- package/es/elements/blockquote/BlockquoteDocs.js +18 -0
- package/es/elements/blockquote/BlockquoteDocs.js.map +1 -0
- package/es/elements/hr/HrDocs.d.ts +2 -0
- package/es/elements/hr/HrDocs.js +18 -0
- package/es/elements/hr/HrDocs.js.map +1 -0
- package/es/elements/img/ImgDocs.d.ts +2 -0
- package/es/elements/img/ImgDocs.js +33 -0
- package/es/elements/img/ImgDocs.js.map +1 -0
- package/es/elements/lists/DlDocs.d.ts +2 -0
- package/es/elements/lists/DlDocs.js +12 -0
- package/es/elements/lists/DlDocs.js.map +1 -0
- package/es/elements/lists/OlDocs.d.ts +2 -0
- package/es/elements/lists/OlDocs.js +22 -0
- package/es/elements/lists/OlDocs.js.map +1 -0
- package/es/elements/lists/UlDocs.d.ts +2 -0
- package/es/elements/lists/UlDocs.js +22 -0
- package/es/elements/lists/UlDocs.js.map +1 -0
- package/es/elements/typography/IngressDocs.d.ts +2 -0
- package/es/elements/typography/IngressDocs.js +6 -0
- package/es/elements/typography/IngressDocs.js.map +1 -0
- package/es/elements/typography/LeadDocs.d.ts +2 -0
- package/es/elements/typography/LeadDocs.js +6 -0
- package/es/elements/typography/LeadDocs.js.map +1 -0
- package/es/elements/typography/PDocs.d.ts +2 -0
- package/es/elements/typography/PDocs.js +33 -0
- package/es/elements/typography/PDocs.js.map +1 -0
- package/es/extensions/forms/DataContext/Context.d.ts +21 -8
- package/es/extensions/forms/DataContext/Context.js +1 -2
- package/es/extensions/forms/DataContext/Context.js.map +1 -1
- package/es/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.d.ts +4 -0
- package/es/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.js.map +1 -1
- package/es/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js +13 -4
- package/es/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js.map +1 -1
- package/es/extensions/forms/DataContext/Provider/Provider.d.ts +0 -4
- package/es/extensions/forms/DataContext/Provider/Provider.js +83 -47
- package/es/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/es/extensions/forms/DataContext/Provider/ProviderDocs.js +1 -1
- package/es/extensions/forms/DataContext/Provider/ProviderDocs.js.map +1 -1
- package/es/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js +35 -6
- package/es/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js.map +1 -1
- package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.d.ts +5 -4
- package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js +7 -4
- package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
- package/es/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.d.ts +1 -0
- package/es/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.js +63 -1
- package/es/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.js.map +1 -1
- package/es/extensions/forms/Field/SelectCountry/SelectCountry.d.ts +10 -5
- package/es/extensions/forms/Field/SelectCountry/SelectCountry.js +50 -21
- package/es/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
- package/es/extensions/forms/Field/SelectCountry/SelectCountryDocs.js +5 -0
- package/es/extensions/forms/Field/SelectCountry/SelectCountryDocs.js.map +1 -1
- package/es/extensions/forms/FieldBlock/FieldBlock.js +1 -1
- package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/es/extensions/forms/Form/Handler/Handler.d.ts +1 -1
- package/es/extensions/forms/Form/Handler/Handler.js +3 -1
- package/es/extensions/forms/Form/Handler/Handler.js.map +1 -1
- package/es/extensions/forms/Form/Isolation/Isolation.js +15 -6
- package/es/extensions/forms/Form/Isolation/Isolation.js.map +1 -1
- package/es/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js +0 -2
- package/es/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js.map +1 -1
- package/es/extensions/forms/Form/Visibility/Visibility.js +9 -3
- package/es/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
- package/es/extensions/forms/Form/Visibility/VisibilityContext.d.ts +6 -0
- package/es/extensions/forms/Form/Visibility/VisibilityContext.js +6 -0
- package/es/extensions/forms/Form/Visibility/VisibilityContext.js.map +1 -0
- package/es/extensions/forms/Form/Visibility/VisibilityDocs.js +1 -1
- package/es/extensions/forms/Form/Visibility/VisibilityDocs.js.map +1 -1
- package/es/extensions/forms/Form/Visibility/useVisibility.js +3 -3
- package/es/extensions/forms/Form/Visibility/useVisibility.js.map +1 -1
- package/es/extensions/forms/Form/data-context/getData.d.ts +2 -1
- package/es/extensions/forms/Form/data-context/getData.js +6 -1
- package/es/extensions/forms/Form/data-context/getData.js.map +1 -1
- package/es/extensions/forms/Form/data-context/useData.d.ts +4 -1
- package/es/extensions/forms/Form/data-context/useData.js +31 -9
- package/es/extensions/forms/Form/data-context/useData.js.map +1 -1
- package/es/extensions/forms/Iterate/Array/Array.js +43 -20
- package/es/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/es/extensions/forms/Iterate/Array/ArrayDocs.js +11 -1
- package/es/extensions/forms/Iterate/Array/ArrayDocs.js.map +1 -1
- package/es/extensions/forms/Iterate/Array/ArrayItemArea.d.ts +1 -1
- package/es/extensions/forms/Iterate/Array/ArrayItemArea.js.map +1 -1
- package/es/extensions/forms/Iterate/Array/types.d.ts +2 -0
- package/es/extensions/forms/Iterate/Array/types.js.map +1 -1
- package/es/extensions/forms/Iterate/EditContainer/CancelButton.js +15 -5
- package/es/extensions/forms/Iterate/EditContainer/CancelButton.js.map +1 -1
- package/es/extensions/forms/Iterate/EditContainer/DoneButton.js +0 -1
- package/es/extensions/forms/Iterate/EditContainer/DoneButton.js.map +1 -1
- package/es/extensions/forms/Iterate/EditContainer/EditContainer.js +2 -2
- package/es/extensions/forms/Iterate/EditContainer/EditContainer.js.map +1 -1
- package/es/extensions/forms/Iterate/PushButton/PushButton.js +31 -9
- package/es/extensions/forms/Iterate/PushButton/PushButton.js.map +1 -1
- package/es/extensions/forms/Iterate/PushContainer/OpenButton.js +19 -3
- package/es/extensions/forms/Iterate/PushContainer/OpenButton.js.map +1 -1
- package/es/extensions/forms/Iterate/PushContainer/PushContainer.d.ts +2 -1
- package/es/extensions/forms/Iterate/PushContainer/PushContainer.js +31 -11
- package/es/extensions/forms/Iterate/PushContainer/PushContainer.js.map +1 -1
- package/es/extensions/forms/Iterate/PushContainer/PushContainerDocs.js +5 -0
- package/es/extensions/forms/Iterate/PushContainer/PushContainerDocs.js.map +1 -1
- package/es/extensions/forms/Iterate/RemoveButton/RemoveButton.js +4 -6
- package/es/extensions/forms/Iterate/RemoveButton/RemoveButton.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/Iterate/hooks/index.d.ts +1 -0
- package/es/extensions/forms/Iterate/hooks/index.js +1 -0
- package/es/extensions/forms/Iterate/hooks/index.js.map +1 -1
- package/es/extensions/forms/Iterate/hooks/useArrayLimit.d.ts +15 -0
- package/es/extensions/forms/Iterate/hooks/useArrayLimit.js +43 -0
- package/es/extensions/forms/Iterate/hooks/useArrayLimit.js.map +1 -0
- package/es/extensions/forms/Tools/Log.js +1 -1
- package/es/extensions/forms/Tools/Log.js.map +1 -1
- package/es/extensions/forms/Value/ArraySelection/ArraySelection.d.ts +12 -0
- package/es/extensions/forms/Value/ArraySelection/ArraySelection.js +26 -9
- package/es/extensions/forms/Value/ArraySelection/ArraySelection.js.map +1 -1
- package/es/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js +10 -0
- package/es/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js.map +1 -1
- package/es/extensions/forms/Value/Number/Number.js +3 -2
- package/es/extensions/forms/Value/Number/Number.js.map +1 -1
- package/es/extensions/forms/Value/SelectCountry/SelectCountry.d.ts +1 -0
- package/es/extensions/forms/Value/SelectCountry/SelectCountry.js +7 -22
- package/es/extensions/forms/Value/SelectCountry/SelectCountry.js.map +1 -1
- package/es/extensions/forms/Value/SelectCountry/useCountry.d.ts +4 -0
- package/es/extensions/forms/Value/SelectCountry/useCountry.js +27 -0
- package/es/extensions/forms/Value/SelectCountry/useCountry.js.map +1 -0
- package/es/extensions/forms/Value/Selection/Selection.js +2 -1
- package/es/extensions/forms/Value/Selection/Selection.js.map +1 -1
- package/es/extensions/forms/Value/ValueDocs.js +5 -0
- package/es/extensions/forms/Value/ValueDocs.js.map +1 -1
- package/es/extensions/forms/ValueBlock/ValueBlock.js +8 -6
- package/es/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
- package/es/extensions/forms/Wizard/Step/Step.d.ts +1 -1
- package/es/extensions/forms/Wizard/Step/Step.js.map +1 -1
- package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.d.ts +4 -2
- package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js +40 -22
- package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js.map +1 -1
- package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js +10 -0
- package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js.map +1 -1
- package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js +72 -70
- package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js.map +1 -1
- package/es/extensions/forms/constants/countries.d.ts +1 -0
- package/es/extensions/forms/constants/countries.js.map +1 -1
- package/es/extensions/forms/constants/locales/en-GB.d.ts +5 -4
- package/es/extensions/forms/constants/locales/en-GB.js +8 -7
- package/es/extensions/forms/constants/locales/en-GB.js.map +1 -1
- package/es/extensions/forms/constants/locales/en-US.d.ts +5 -4
- package/es/extensions/forms/constants/locales/index.d.ts +10 -8
- package/es/extensions/forms/constants/locales/nb-NO.d.ts +5 -4
- package/es/extensions/forms/constants/locales/nb-NO.js +8 -7
- package/es/extensions/forms/constants/locales/nb-NO.js.map +1 -1
- package/es/extensions/forms/hooks/DataValueDocs.js +1 -1
- package/es/extensions/forms/hooks/DataValueDocs.js.map +1 -1
- package/es/extensions/forms/hooks/useFieldProps.js +149 -54
- package/es/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/es/extensions/forms/hooks/useValueProps.js +32 -9
- package/es/extensions/forms/hooks/useValueProps.js.map +1 -1
- package/es/extensions/forms/types.d.ts +13 -6
- package/es/extensions/forms/types.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/locales/en-GB.js.map +1 -1
- package/es/shared/locales/en-US.d.ts +1 -1
- package/es/shared/locales/en-US.js +2 -2
- package/es/shared/locales/en-US.js.map +1 -1
- package/es/style/core/scopes.scss +1 -1
- package/es/style/dnb-ui-basis.css +1 -1
- package/es/style/dnb-ui-basis.min.css +1 -1
- package/es/style/dnb-ui-body.css +1 -1
- package/es/style/dnb-ui-body.min.css +1 -1
- package/es/style/dnb-ui-core.css +1 -1
- package/es/style/dnb-ui-core.min.css +1 -1
- package/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 +3 -3
- package/esm/dnb-ui-lib.min.mjs +1 -1
- package/extensions/forms/DataContext/Context.d.ts +21 -8
- package/extensions/forms/DataContext/Context.js +1 -2
- package/extensions/forms/DataContext/Context.js.map +1 -1
- package/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.d.ts +4 -0
- package/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.js.map +1 -1
- package/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js +13 -4
- package/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js.map +1 -1
- package/extensions/forms/DataContext/Provider/Provider.d.ts +0 -4
- package/extensions/forms/DataContext/Provider/Provider.js +85 -47
- package/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/extensions/forms/DataContext/Provider/ProviderDocs.js +1 -1
- package/extensions/forms/DataContext/Provider/ProviderDocs.js.map +1 -1
- package/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js +35 -6
- package/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js.map +1 -1
- package/extensions/forms/Field/PhoneNumber/PhoneNumber.d.ts +5 -4
- package/extensions/forms/Field/PhoneNumber/PhoneNumber.js +7 -4
- package/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
- package/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.d.ts +1 -0
- package/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.js +63 -1
- package/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.js.map +1 -1
- package/extensions/forms/Field/SelectCountry/SelectCountry.d.ts +10 -5
- package/extensions/forms/Field/SelectCountry/SelectCountry.js +59 -33
- package/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
- package/extensions/forms/Field/SelectCountry/SelectCountryDocs.js +5 -0
- package/extensions/forms/Field/SelectCountry/SelectCountryDocs.js.map +1 -1
- package/extensions/forms/FieldBlock/FieldBlock.js +1 -1
- package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/extensions/forms/Form/Handler/Handler.d.ts +1 -1
- package/extensions/forms/Form/Handler/Handler.js +3 -1
- package/extensions/forms/Form/Handler/Handler.js.map +1 -1
- package/extensions/forms/Form/Isolation/Isolation.js +15 -6
- package/extensions/forms/Form/Isolation/Isolation.js.map +1 -1
- package/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js +0 -2
- package/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js.map +1 -1
- package/extensions/forms/Form/Visibility/Visibility.js +9 -3
- package/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
- package/extensions/forms/Form/Visibility/VisibilityContext.d.ts +6 -0
- package/extensions/forms/Form/Visibility/VisibilityContext.js +6 -0
- package/extensions/forms/Form/Visibility/VisibilityContext.js.map +1 -0
- package/extensions/forms/Form/Visibility/VisibilityDocs.js +1 -1
- package/extensions/forms/Form/Visibility/VisibilityDocs.js.map +1 -1
- package/extensions/forms/Form/Visibility/useVisibility.js +3 -3
- package/extensions/forms/Form/Visibility/useVisibility.js.map +1 -1
- package/extensions/forms/Form/data-context/getData.d.ts +2 -1
- package/extensions/forms/Form/data-context/getData.js +6 -1
- package/extensions/forms/Form/data-context/getData.js.map +1 -1
- package/extensions/forms/Form/data-context/useData.d.ts +4 -1
- package/extensions/forms/Form/data-context/useData.js +32 -9
- package/extensions/forms/Form/data-context/useData.js.map +1 -1
- package/extensions/forms/Iterate/Array/Array.js +43 -20
- package/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/extensions/forms/Iterate/Array/ArrayDocs.js +11 -1
- package/extensions/forms/Iterate/Array/ArrayDocs.js.map +1 -1
- package/extensions/forms/Iterate/Array/ArrayItemArea.d.ts +1 -1
- package/extensions/forms/Iterate/Array/ArrayItemArea.js.map +1 -1
- package/extensions/forms/Iterate/Array/types.d.ts +2 -0
- package/extensions/forms/Iterate/Array/types.js.map +1 -1
- package/extensions/forms/Iterate/EditContainer/CancelButton.js +18 -7
- package/extensions/forms/Iterate/EditContainer/CancelButton.js.map +1 -1
- package/extensions/forms/Iterate/EditContainer/DoneButton.js +0 -1
- package/extensions/forms/Iterate/EditContainer/DoneButton.js.map +1 -1
- package/extensions/forms/Iterate/EditContainer/EditContainer.js +2 -2
- package/extensions/forms/Iterate/EditContainer/EditContainer.js.map +1 -1
- package/extensions/forms/Iterate/PushButton/PushButton.js +31 -9
- package/extensions/forms/Iterate/PushButton/PushButton.js.map +1 -1
- package/extensions/forms/Iterate/PushContainer/OpenButton.js +19 -3
- package/extensions/forms/Iterate/PushContainer/OpenButton.js.map +1 -1
- package/extensions/forms/Iterate/PushContainer/PushContainer.d.ts +2 -1
- package/extensions/forms/Iterate/PushContainer/PushContainer.js +31 -11
- package/extensions/forms/Iterate/PushContainer/PushContainer.js.map +1 -1
- package/extensions/forms/Iterate/PushContainer/PushContainerDocs.js +5 -0
- package/extensions/forms/Iterate/PushContainer/PushContainerDocs.js.map +1 -1
- package/extensions/forms/Iterate/RemoveButton/RemoveButton.js +4 -6
- package/extensions/forms/Iterate/RemoveButton/RemoveButton.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/Iterate/hooks/index.d.ts +1 -0
- package/extensions/forms/Iterate/hooks/index.js +1 -0
- package/extensions/forms/Iterate/hooks/index.js.map +1 -1
- package/extensions/forms/Iterate/hooks/useArrayLimit.d.ts +15 -0
- package/extensions/forms/Iterate/hooks/useArrayLimit.js +44 -0
- package/extensions/forms/Iterate/hooks/useArrayLimit.js.map +1 -0
- package/extensions/forms/Tools/Log.js +1 -1
- package/extensions/forms/Tools/Log.js.map +1 -1
- package/extensions/forms/Value/ArraySelection/ArraySelection.d.ts +12 -0
- package/extensions/forms/Value/ArraySelection/ArraySelection.js +27 -10
- package/extensions/forms/Value/ArraySelection/ArraySelection.js.map +1 -1
- package/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js +10 -0
- package/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js.map +1 -1
- package/extensions/forms/Value/Number/Number.js +3 -2
- package/extensions/forms/Value/Number/Number.js.map +1 -1
- package/extensions/forms/Value/SelectCountry/SelectCountry.d.ts +1 -0
- package/extensions/forms/Value/SelectCountry/SelectCountry.js +7 -22
- package/extensions/forms/Value/SelectCountry/SelectCountry.js.map +1 -1
- package/extensions/forms/Value/SelectCountry/useCountry.d.ts +4 -0
- package/extensions/forms/Value/SelectCountry/useCountry.js +27 -0
- package/extensions/forms/Value/SelectCountry/useCountry.js.map +1 -0
- package/extensions/forms/Value/Selection/Selection.js +2 -1
- package/extensions/forms/Value/Selection/Selection.js.map +1 -1
- package/extensions/forms/Value/ValueDocs.js +5 -0
- package/extensions/forms/Value/ValueDocs.js.map +1 -1
- package/extensions/forms/ValueBlock/ValueBlock.js +8 -6
- package/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
- package/extensions/forms/Wizard/Step/Step.d.ts +1 -1
- package/extensions/forms/Wizard/Step/Step.js.map +1 -1
- package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.d.ts +4 -2
- package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js +40 -22
- package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js.map +1 -1
- package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js +10 -0
- package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js.map +1 -1
- package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js +72 -70
- package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js.map +1 -1
- package/extensions/forms/constants/countries.d.ts +1 -0
- package/extensions/forms/constants/countries.js.map +1 -1
- package/extensions/forms/constants/locales/en-GB.d.ts +5 -4
- package/extensions/forms/constants/locales/en-GB.js +8 -7
- package/extensions/forms/constants/locales/en-GB.js.map +1 -1
- package/extensions/forms/constants/locales/en-US.d.ts +5 -4
- package/extensions/forms/constants/locales/index.d.ts +10 -8
- package/extensions/forms/constants/locales/nb-NO.d.ts +5 -4
- package/extensions/forms/constants/locales/nb-NO.js +8 -7
- package/extensions/forms/constants/locales/nb-NO.js.map +1 -1
- package/extensions/forms/hooks/DataValueDocs.js +1 -1
- package/extensions/forms/hooks/DataValueDocs.js.map +1 -1
- package/extensions/forms/hooks/useFieldProps.js +154 -58
- package/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/extensions/forms/hooks/useValueProps.js +32 -9
- package/extensions/forms/hooks/useValueProps.js.map +1 -1
- package/extensions/forms/types.d.ts +13 -6
- package/extensions/forms/types.js.map +1 -1
- package/package.json +1 -1
- package/shared/Eufemia.d.ts +1 -1
- package/shared/Eufemia.js +2 -2
- package/shared/Eufemia.js.map +1 -1
- package/shared/locales/en-GB.js.map +1 -1
- package/shared/locales/en-US.d.ts +1 -1
- package/shared/locales/en-US.js +2 -2
- package/shared/locales/en-US.js.map +1 -1
- package/style/core/scopes.scss +1 -1
- package/style/dnb-ui-basis.css +1 -1
- package/style/dnb-ui-basis.min.css +1 -1
- package/style/dnb-ui-body.css +1 -1
- package/style/dnb-ui-body.min.css +1 -1
- package/style/dnb-ui-core.css +1 -1
- package/style/dnb-ui-core.min.css +1 -1
- package/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 +3 -3
- package/umd/dnb-ui-lib.min.js +1 -1
- package/cjs/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.d.ts +0 -1
- package/cjs/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.js +0 -25
- package/cjs/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.js.map +0 -1
- package/es/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.d.ts +0 -1
- package/es/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.js +0 -19
- package/es/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.js.map +0 -1
- package/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.d.ts +0 -1
- package/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.js +0 -19
- package/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.js.map +0 -1
|
@@ -33,10 +33,6 @@ declare const _default: {
|
|
|
33
33
|
RemoveButton: {
|
|
34
34
|
text: string;
|
|
35
35
|
};
|
|
36
|
-
IterateViewContainer: {
|
|
37
|
-
removeButton: string;
|
|
38
|
-
editButton: string;
|
|
39
|
-
};
|
|
40
36
|
SectionViewContainer: {
|
|
41
37
|
editButton: string;
|
|
42
38
|
};
|
|
@@ -45,6 +41,10 @@ declare const _default: {
|
|
|
45
41
|
cancelButton: string;
|
|
46
42
|
errorInSection: string;
|
|
47
43
|
};
|
|
44
|
+
IterateViewContainer: {
|
|
45
|
+
removeButton: string;
|
|
46
|
+
editButton: string;
|
|
47
|
+
};
|
|
48
48
|
IterateEditContainer: {
|
|
49
49
|
removeButton: string;
|
|
50
50
|
doneButton: string;
|
|
@@ -53,6 +53,7 @@ declare const _default: {
|
|
|
53
53
|
};
|
|
54
54
|
IteratePushContainer: {
|
|
55
55
|
createButton: string;
|
|
56
|
+
itemsLimitReached: string;
|
|
56
57
|
};
|
|
57
58
|
/**
|
|
58
59
|
* Base fields
|
|
@@ -30,26 +30,27 @@ export default {
|
|
|
30
30
|
RemoveButton: {
|
|
31
31
|
text: 'Fjern'
|
|
32
32
|
},
|
|
33
|
-
IterateViewContainer: {
|
|
34
|
-
removeButton: 'Fjern',
|
|
35
|
-
editButton: 'Endre'
|
|
36
|
-
},
|
|
37
33
|
SectionViewContainer: {
|
|
38
34
|
editButton: 'Endre'
|
|
39
35
|
},
|
|
40
36
|
SectionEditContainer: {
|
|
41
37
|
doneButton: 'Ferdig',
|
|
42
38
|
cancelButton: 'Avbryt',
|
|
43
|
-
errorInSection: 'Feilene ovenfor må rettes'
|
|
39
|
+
errorInSection: 'Feilene ovenfor må rettes.'
|
|
40
|
+
},
|
|
41
|
+
IterateViewContainer: {
|
|
42
|
+
removeButton: 'Fjern',
|
|
43
|
+
editButton: 'Endre'
|
|
44
44
|
},
|
|
45
45
|
IterateEditContainer: {
|
|
46
46
|
removeButton: 'Fjern',
|
|
47
47
|
doneButton: 'Ferdig',
|
|
48
48
|
cancelButton: 'Avbryt',
|
|
49
|
-
errorInContainer: 'Feilene ovenfor må rettes'
|
|
49
|
+
errorInContainer: 'Feilene ovenfor må rettes.'
|
|
50
50
|
},
|
|
51
51
|
IteratePushContainer: {
|
|
52
|
-
createButton: 'Legg til'
|
|
52
|
+
createButton: 'Legg til',
|
|
53
|
+
itemsLimitReached: 'Du har nådd grensen på: {limit}'
|
|
53
54
|
},
|
|
54
55
|
StringField: {
|
|
55
56
|
errorMinLength: 'Verdien kan ikke være kortere enn {minLength} tegn.',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nb-NO.js","names":["Field","errorSummaryTitle","stateSummary","errorSummary","errorRequired","errorPattern","optionalLabelSuffix","SubmitButton","text","sendText","Isolation","commitButtonText","Step","summaryTitle","WizardEditButton","WizardPreviousButton","WizardNextButton","RemoveButton","
|
|
1
|
+
{"version":3,"file":"nb-NO.js","names":["Field","errorSummaryTitle","stateSummary","errorSummary","errorRequired","errorPattern","optionalLabelSuffix","SubmitButton","text","sendText","Isolation","commitButtonText","Step","summaryTitle","WizardEditButton","WizardPreviousButton","WizardNextButton","RemoveButton","SectionViewContainer","editButton","SectionEditContainer","doneButton","cancelButton","errorInSection","IterateViewContainer","removeButton","IterateEditContainer","errorInContainer","IteratePushContainer","createButton","itemsLimitReached","StringField","errorMinLength","errorMaxLength","NumberField","errorMinimum","errorMaximum","errorExclusiveMinimum","errorExclusiveMaximum","errorMultipleOf","BooleanField","yes","no","ToggleField","Date","label","Expiry","Email","FirstName","LastName","CompanyName","NationalIdentityNumber","errorFnr","errorDnr","OrganizationNumber","BankAccountNumber","PhoneNumber","countryCodeLabel","warningRequired","PostalCodeAndCity","PostalCode","City","SelectCountry","placeholder","Password","ariaLabelShow","ariaLabelHide","Upload","errorInvalidFiles"],"sources":["../../../../../../src/extensions/forms/constants/locales/nb-NO.ts"],"sourcesContent":["export default {\n 'nb-NO': {\n /**\n * General\n */\n Field: {\n errorSummaryTitle: 'Feil som må rettes',\n stateSummary: 'Oppsummering:',\n errorSummary: 'Feil som må rettes:',\n errorRequired: 'Dette feltet må fylles ut.',\n errorPattern: 'Verdien er ugyldig.',\n optionalLabelSuffix: '(valgfritt)',\n },\n SubmitButton: {\n text: 'Send',\n sendText: 'Send inn',\n },\n Isolation: {\n commitButtonText: 'Legg til',\n },\n Step: {\n summaryTitle: 'Oppsummering',\n },\n WizardEditButton: {\n text: 'Endre',\n },\n WizardPreviousButton: {\n text: 'Tilbake',\n },\n WizardNextButton: {\n text: 'Neste',\n },\n RemoveButton: {\n text: 'Fjern',\n },\n SectionViewContainer: {\n editButton: 'Endre',\n },\n SectionEditContainer: {\n doneButton: 'Ferdig',\n cancelButton: 'Avbryt',\n errorInSection: 'Feilene ovenfor må rettes.',\n },\n IterateViewContainer: {\n removeButton: 'Fjern',\n editButton: 'Endre',\n },\n IterateEditContainer: {\n removeButton: 'Fjern',\n doneButton: 'Ferdig',\n cancelButton: 'Avbryt',\n errorInContainer: 'Feilene ovenfor må rettes.',\n },\n IteratePushContainer: {\n createButton: 'Legg til',\n itemsLimitReached: 'Du har nådd grensen på: {limit}',\n },\n\n /**\n * Base fields\n */\n StringField: {\n errorMinLength:\n 'Verdien kan ikke være kortere enn {minLength} tegn.',\n errorMaxLength: 'Verdien kan ikke være lengre enn {maxLength} tegn.',\n },\n NumberField: {\n errorMinimum: 'Verdien må være minst {minimum}.',\n errorMaximum: 'Verdien må være maksimalt {maximum}.',\n errorExclusiveMinimum:\n 'Verdien må være større enn {exclusiveMinimum}.',\n errorExclusiveMaximum:\n 'Verdien må være mindre enn {exclusiveMaximum}.',\n errorMultipleOf: 'Verdien må være et multiplum av {multipleOf}.',\n },\n BooleanField: {\n yes: 'Ja',\n no: 'Nei',\n },\n ToggleField: {\n yes: 'Ja',\n no: 'Nei',\n },\n\n /**\n * Feature fields\n */\n Date: {\n label: 'Dato',\n errorRequired: 'Du må angi en gyldig dato.',\n },\n Expiry: {\n label: 'Utløpsdato',\n },\n Email: {\n label: 'E-postadresse',\n errorRequired: 'Du må fylle inn en e-postadresse.',\n errorPattern: 'Ugyldig e-postadresse. Skriv inn en e-postadresse.',\n },\n FirstName: {\n label: 'Fornavn',\n errorRequired: 'Du må fylle inn fornavn.',\n errorPattern:\n 'Kun bokstaver og tegn som bindestrek og mellomrom er tillatt.',\n },\n LastName: {\n label: 'Etternavn',\n errorRequired: 'Du må fylle inn etternavn.',\n errorPattern:\n 'Kun bokstaver og tegn som bindestrek og mellomrom er tillatt.',\n },\n CompanyName: {\n label: 'Firmanavn',\n errorRequired: 'Du må fylle inn firmanavn.',\n },\n NationalIdentityNumber: {\n label: 'Fødselsnummer (11 siffer)',\n errorRequired:\n 'Ugyldig fødselsnummer. Skriv inn et gyldig fødselsnummer med 11 siffer.',\n errorFnr: 'Ugyldig fødselsnummer.',\n errorDnr: 'Ugyldig d-nummer.',\n },\n OrganizationNumber: {\n label: 'Organisasjonsnummer',\n errorRequired: 'Du må fylle inn et organisasjonsnummer.',\n errorPattern: 'Dette er ikke et gyldig organisasjonsnummer.',\n },\n BankAccountNumber: {\n label: 'Bankkonto',\n errorRequired:\n 'Skriv inn et gyldig kontonummer. Kontonummeret må fylles ut.',\n errorPattern: 'Dette er ikke et gyldig kontonummer.',\n },\n PhoneNumber: {\n label: 'Mobilnummer',\n countryCodeLabel: 'Landskode',\n errorRequired:\n 'Mobilnummer må fylles ut. Hvis du ikke har et mobilnummer, kan du oppgi et annet telefonnummer.',\n warningRequired:\n 'Du har ikke skrevet inn et mobilnummer. Du kan likevel bruke dette nummeret hvis det er riktig.',\n },\n PostalCodeAndCity: {\n label: 'Postnummer og sted',\n },\n PostalCode: {\n label: 'Postnr.',\n errorRequired: 'Du må fylle inn et postnummer.',\n errorPattern: 'Dette er ikke et gyldig postnummer (fire siffer).',\n },\n City: {\n label: 'Sted',\n errorRequired: 'Du må fylle inn et stedsnavn.',\n errorPattern:\n 'Stedsnavn kan kun inneholde bokstaver og gyldige tegn som bindestrek og mellomrom.',\n },\n SelectCountry: {\n label: 'Land',\n placeholder: 'Velg et land',\n errorRequired: 'Du må velge et land fra listen.',\n },\n Password: {\n label: 'Passord',\n ariaLabelShow: 'Vis passord',\n ariaLabelHide: 'Skjul passord',\n },\n Upload: {\n errorRequired: 'Du må laste opp minst en fil.',\n errorInvalidFiles: 'Fjern alle filer som har feil.',\n },\n },\n}\n"],"mappings":"AAAA,eAAe;EACb,OAAO,EAAE;IAIPA,KAAK,EAAE;MACLC,iBAAiB,EAAE,oBAAoB;MACvCC,YAAY,EAAE,eAAe;MAC7BC,YAAY,EAAE,qBAAqB;MACnCC,aAAa,EAAE,4BAA4B;MAC3CC,YAAY,EAAE,qBAAqB;MACnCC,mBAAmB,EAAE;IACvB,CAAC;IACDC,YAAY,EAAE;MACZC,IAAI,EAAE,MAAM;MACZC,QAAQ,EAAE;IACZ,CAAC;IACDC,SAAS,EAAE;MACTC,gBAAgB,EAAE;IACpB,CAAC;IACDC,IAAI,EAAE;MACJC,YAAY,EAAE;IAChB,CAAC;IACDC,gBAAgB,EAAE;MAChBN,IAAI,EAAE;IACR,CAAC;IACDO,oBAAoB,EAAE;MACpBP,IAAI,EAAE;IACR,CAAC;IACDQ,gBAAgB,EAAE;MAChBR,IAAI,EAAE;IACR,CAAC;IACDS,YAAY,EAAE;MACZT,IAAI,EAAE;IACR,CAAC;IACDU,oBAAoB,EAAE;MACpBC,UAAU,EAAE;IACd,CAAC;IACDC,oBAAoB,EAAE;MACpBC,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAE,QAAQ;MACtBC,cAAc,EAAE;IAClB,CAAC;IACDC,oBAAoB,EAAE;MACpBC,YAAY,EAAE,OAAO;MACrBN,UAAU,EAAE;IACd,CAAC;IACDO,oBAAoB,EAAE;MACpBD,YAAY,EAAE,OAAO;MACrBJ,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAE,QAAQ;MACtBK,gBAAgB,EAAE;IACpB,CAAC;IACDC,oBAAoB,EAAE;MACpBC,YAAY,EAAE,UAAU;MACxBC,iBAAiB,EAAE;IACrB,CAAC;IAKDC,WAAW,EAAE;MACXC,cAAc,EACZ,qDAAqD;MACvDC,cAAc,EAAE;IAClB,CAAC;IACDC,WAAW,EAAE;MACXC,YAAY,EAAE,kCAAkC;MAChDC,YAAY,EAAE,sCAAsC;MACpDC,qBAAqB,EACnB,gDAAgD;MAClDC,qBAAqB,EACnB,gDAAgD;MAClDC,eAAe,EAAE;IACnB,CAAC;IACDC,YAAY,EAAE;MACZC,GAAG,EAAE,IAAI;MACTC,EAAE,EAAE;IACN,CAAC;IACDC,WAAW,EAAE;MACXF,GAAG,EAAE,IAAI;MACTC,EAAE,EAAE;IACN,CAAC;IAKDE,IAAI,EAAE;MACJC,KAAK,EAAE,MAAM;MACbzC,aAAa,EAAE;IACjB,CAAC;IACD0C,MAAM,EAAE;MACND,KAAK,EAAE;IACT,CAAC;IACDE,KAAK,EAAE;MACLF,KAAK,EAAE,eAAe;MACtBzC,aAAa,EAAE,mCAAmC;MAClDC,YAAY,EAAE;IAChB,CAAC;IACD2C,SAAS,EAAE;MACTH,KAAK,EAAE,SAAS;MAChBzC,aAAa,EAAE,0BAA0B;MACzCC,YAAY,EACV;IACJ,CAAC;IACD4C,QAAQ,EAAE;MACRJ,KAAK,EAAE,WAAW;MAClBzC,aAAa,EAAE,4BAA4B;MAC3CC,YAAY,EACV;IACJ,CAAC;IACD6C,WAAW,EAAE;MACXL,KAAK,EAAE,WAAW;MAClBzC,aAAa,EAAE;IACjB,CAAC;IACD+C,sBAAsB,EAAE;MACtBN,KAAK,EAAE,2BAA2B;MAClCzC,aAAa,EACX,yEAAyE;MAC3EgD,QAAQ,EAAE,wBAAwB;MAClCC,QAAQ,EAAE;IACZ,CAAC;IACDC,kBAAkB,EAAE;MAClBT,KAAK,EAAE,qBAAqB;MAC5BzC,aAAa,EAAE,yCAAyC;MACxDC,YAAY,EAAE;IAChB,CAAC;IACDkD,iBAAiB,EAAE;MACjBV,KAAK,EAAE,WAAW;MAClBzC,aAAa,EACX,8DAA8D;MAChEC,YAAY,EAAE;IAChB,CAAC;IACDmD,WAAW,EAAE;MACXX,KAAK,EAAE,aAAa;MACpBY,gBAAgB,EAAE,WAAW;MAC7BrD,aAAa,EACX,iGAAiG;MACnGsD,eAAe,EACb;IACJ,CAAC;IACDC,iBAAiB,EAAE;MACjBd,KAAK,EAAE;IACT,CAAC;IACDe,UAAU,EAAE;MACVf,KAAK,EAAE,SAAS;MAChBzC,aAAa,EAAE,gCAAgC;MAC/CC,YAAY,EAAE;IAChB,CAAC;IACDwD,IAAI,EAAE;MACJhB,KAAK,EAAE,MAAM;MACbzC,aAAa,EAAE,+BAA+B;MAC9CC,YAAY,EACV;IACJ,CAAC;IACDyD,aAAa,EAAE;MACbjB,KAAK,EAAE,MAAM;MACbkB,WAAW,EAAE,cAAc;MAC3B3D,aAAa,EAAE;IACjB,CAAC;IACD4D,QAAQ,EAAE;MACRnB,KAAK,EAAE,SAAS;MAChBoB,aAAa,EAAE,aAAa;MAC5BC,aAAa,EAAE;IACjB,CAAC;IACDC,MAAM,EAAE;MACN/D,aAAa,EAAE,+BAA+B;MAC9CgE,iBAAiB,EAAE;IACrB;EACF;AACF,CAAC"}
|
|
@@ -90,7 +90,7 @@ export const dataValueProperties = {
|
|
|
90
90
|
status: 'optional'
|
|
91
91
|
},
|
|
92
92
|
transformOut: {
|
|
93
|
-
doc: 'Transforms the value before it gets forwarded to the form data object or returned as the `onChange` value parameter.',
|
|
93
|
+
doc: 'Transforms the value before it gets forwarded to the form data object (context) or returned as the `onChange` value parameter. The first parameter is the internal value. Some fields to support a second parameter, like the SelectCountry, where the country object is given.',
|
|
94
94
|
type: 'function',
|
|
95
95
|
status: 'optional'
|
|
96
96
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataValueDocs.js","names":["dataValueProperties","value","doc","type","status","defaultValue","path","info","warning","error","disabled","emptyValue","required","labelSuffix","schema","validateInitially","validateUnchanged","continuousValidation","errorMessages","validator","onBlurValidator","transformIn","transformOut","dataValueEvents","onChange","onFocus","onBlur"],"sources":["../../../../../src/extensions/forms/hooks/DataValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const dataValueProperties: PropertiesTableProps = {\n value: {\n doc: 'Source data value for the field. Will take precedence over the path value given in the data context.',\n type: '{valueType}',\n status: 'optional',\n },\n defaultValue: {\n doc: 'Default source data value for the field. Will not take precedence over the path value given in the data context.',\n type: '{valueType}',\n status: 'optional',\n },\n path: {\n doc: 'JSON Pointer for where the data for the field is located in the source dataset (when using Form.Handler or DataContext). The `path` will also be set as the `name` attribute for the [string](/uilib/extensions/forms/base-fields/String/)-field.',\n type: 'string',\n status: 'optional',\n },\n info: {\n doc: 'Info message shown below / after the field.',\n type: 'React.Node',\n status: 'optional',\n },\n warning: {\n doc: 'Warning message shown below / after the field.',\n type: 'React.Node',\n status: 'optional',\n },\n error: {\n doc: 'Error message shown below / after the field.',\n type: 'Error',\n status: 'optional',\n },\n disabled: {\n doc: 'Set `true` to show the field but without the possibility of changing the value.',\n type: 'boolean',\n status: 'optional',\n },\n emptyValue: {\n doc: 'The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.',\n type: ['{valueType}', 'undefined'],\n status: 'optional',\n },\n required: {\n doc: 'When set to `true`, the field will give an error if the value fails the required validation. When set to `false`, the field will not be required, but will add a \"(optional)\" suffix to the label.',\n type: 'boolean',\n status: 'optional',\n },\n labelSuffix: {\n doc: 'Will append an additional text to the label, like \"(optional)\". When using `inheritLabel`, the suffix will not be inherited. NB: The visual appearance of the `labelSuffix` may change in the future.',\n type: 'React.Node',\n status: 'optional',\n },\n schema: {\n doc: 'Custom JSON Schema for validating the value.',\n type: 'object',\n status: 'optional',\n },\n validateInitially: {\n doc: 'Set to `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',\n type: 'boolean',\n status: 'optional',\n },\n validateUnchanged: {\n doc: 'Set to `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',\n type: 'boolean',\n status: 'optional',\n },\n continuousValidation: {\n doc: 'Set to `true` to show validation based errors continuously while writing, not just when blurring the field.',\n type: 'boolean',\n status: 'optional',\n },\n errorMessages: {\n doc: 'Custom error messages for each type of error, overriding default messages.',\n type: 'object',\n status: 'optional',\n },\n validator: {\n doc: 'Custom validator function that is triggered on every change done by the user. The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',\n type: 'function',\n status: 'optional',\n },\n onBlurValidator: {\n doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',\n type: 'function',\n status: 'optional',\n },\n transformIn: {\n doc: 'Transforms the `value` before its displayed in the field (e.g. input).',\n type: 'function',\n status: 'optional',\n },\n transformOut: {\n doc: 'Transforms the value before it gets forwarded to the form data object or returned as the `onChange` value parameter.',\n type: 'function',\n status: 'optional',\n },\n}\n\nexport const dataValueEvents: PropertiesTableProps = {\n onChange: {\n doc: \"Will be called on value changes made by the user, with the new value as argument. When an `async` function is used, the corresponding [FieldBlock](/uilib/extensions/forms/create-component/FieldBlock/) will show an indicator on the field label. You can return `{ success: 'saved' } as const` to show a success symbol, or an error or an object with these keys `{ info: 'Info message', warning: 'Warning message', error: Error('My error') } as const`.\",\n type: '(value) => void',\n status: 'optional',\n },\n onFocus: {\n doc: 'Will be called when the component gets into focus. Like clicking inside a text input or opening a dropdown. Called with active value as argument.',\n type: '(value) => void',\n status: 'optional',\n },\n onBlur: {\n doc: 'Will be called when the component stop being in focus. Like when going to next field, or closing a dropdown. Called with active value as argument.',\n type: '(value) => void',\n status: 'optional',\n },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAyC,GAAG;EACvDC,KAAK,EAAE;IACLC,GAAG,EAAE,sGAAsG;IAC3GC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,kHAAkH;IACvHC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAE;IACJJ,GAAG,EAAE,mPAAmP;IACxPC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAE;IACJL,GAAG,EAAE,6CAA6C;IAClDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPN,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDK,KAAK,EAAE;IACLP,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,kMAAkM;IACvMC,IAAI,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC;IAClCC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,oMAAoM;IACzMC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,WAAW,EAAE;IACXX,GAAG,EAAE,uMAAuM;IAC5MC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDU,MAAM,EAAE;IACNZ,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDW,iBAAiB,EAAE;IACjBb,GAAG,EAAE,0IAA0I;IAC/IC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,iBAAiB,EAAE;IACjBd,GAAG,EAAE,wQAAwQ;IAC7QC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDa,oBAAoB,EAAE;IACpBf,GAAG,EAAE,6GAA6G;IAClHC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDc,aAAa,EAAE;IACbhB,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDe,SAAS,EAAE;IACTjB,GAAG,EAAE,+QAA+Q;IACpRC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDgB,eAAe,EAAE;IACflB,GAAG,EAAE,+TAA+T;IACpUC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDiB,WAAW,EAAE;IACXnB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDkB,YAAY,EAAE;IACZpB,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"DataValueDocs.js","names":["dataValueProperties","value","doc","type","status","defaultValue","path","info","warning","error","disabled","emptyValue","required","labelSuffix","schema","validateInitially","validateUnchanged","continuousValidation","errorMessages","validator","onBlurValidator","transformIn","transformOut","dataValueEvents","onChange","onFocus","onBlur"],"sources":["../../../../../src/extensions/forms/hooks/DataValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const dataValueProperties: PropertiesTableProps = {\n value: {\n doc: 'Source data value for the field. Will take precedence over the path value given in the data context.',\n type: '{valueType}',\n status: 'optional',\n },\n defaultValue: {\n doc: 'Default source data value for the field. Will not take precedence over the path value given in the data context.',\n type: '{valueType}',\n status: 'optional',\n },\n path: {\n doc: 'JSON Pointer for where the data for the field is located in the source dataset (when using Form.Handler or DataContext). The `path` will also be set as the `name` attribute for the [string](/uilib/extensions/forms/base-fields/String/)-field.',\n type: 'string',\n status: 'optional',\n },\n info: {\n doc: 'Info message shown below / after the field.',\n type: 'React.Node',\n status: 'optional',\n },\n warning: {\n doc: 'Warning message shown below / after the field.',\n type: 'React.Node',\n status: 'optional',\n },\n error: {\n doc: 'Error message shown below / after the field.',\n type: 'Error',\n status: 'optional',\n },\n disabled: {\n doc: 'Set `true` to show the field but without the possibility of changing the value.',\n type: 'boolean',\n status: 'optional',\n },\n emptyValue: {\n doc: 'The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.',\n type: ['{valueType}', 'undefined'],\n status: 'optional',\n },\n required: {\n doc: 'When set to `true`, the field will give an error if the value fails the required validation. When set to `false`, the field will not be required, but will add a \"(optional)\" suffix to the label.',\n type: 'boolean',\n status: 'optional',\n },\n labelSuffix: {\n doc: 'Will append an additional text to the label, like \"(optional)\". When using `inheritLabel`, the suffix will not be inherited. NB: The visual appearance of the `labelSuffix` may change in the future.',\n type: 'React.Node',\n status: 'optional',\n },\n schema: {\n doc: 'Custom JSON Schema for validating the value.',\n type: 'object',\n status: 'optional',\n },\n validateInitially: {\n doc: 'Set to `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',\n type: 'boolean',\n status: 'optional',\n },\n validateUnchanged: {\n doc: 'Set to `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',\n type: 'boolean',\n status: 'optional',\n },\n continuousValidation: {\n doc: 'Set to `true` to show validation based errors continuously while writing, not just when blurring the field.',\n type: 'boolean',\n status: 'optional',\n },\n errorMessages: {\n doc: 'Custom error messages for each type of error, overriding default messages.',\n type: 'object',\n status: 'optional',\n },\n validator: {\n doc: 'Custom validator function that is triggered on every change done by the user. The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',\n type: 'function',\n status: 'optional',\n },\n onBlurValidator: {\n doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',\n type: 'function',\n status: 'optional',\n },\n transformIn: {\n doc: 'Transforms the `value` before its displayed in the field (e.g. input).',\n type: 'function',\n status: 'optional',\n },\n transformOut: {\n doc: 'Transforms the value before it gets forwarded to the form data object (context) or returned as the `onChange` value parameter. The first parameter is the internal value. Some fields to support a second parameter, like the SelectCountry, where the country object is given.',\n type: 'function',\n status: 'optional',\n },\n}\n\nexport const dataValueEvents: PropertiesTableProps = {\n onChange: {\n doc: \"Will be called on value changes made by the user, with the new value as argument. When an `async` function is used, the corresponding [FieldBlock](/uilib/extensions/forms/create-component/FieldBlock/) will show an indicator on the field label. You can return `{ success: 'saved' } as const` to show a success symbol, or an error or an object with these keys `{ info: 'Info message', warning: 'Warning message', error: Error('My error') } as const`.\",\n type: '(value) => void',\n status: 'optional',\n },\n onFocus: {\n doc: 'Will be called when the component gets into focus. Like clicking inside a text input or opening a dropdown. Called with active value as argument.',\n type: '(value) => void',\n status: 'optional',\n },\n onBlur: {\n doc: 'Will be called when the component stop being in focus. Like when going to next field, or closing a dropdown. Called with active value as argument.',\n type: '(value) => void',\n status: 'optional',\n },\n}\n"],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
4
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
5
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
|
-
import { useRef, useEffect, useContext, useCallback, useMemo, useReducer } from 'react';
|
|
6
|
+
import React, { useRef, useEffect, useContext, useCallback, useMemo, useReducer } from 'react';
|
|
7
7
|
import pointer from 'json-pointer';
|
|
8
8
|
import { errorChanged } from '../utils';
|
|
9
9
|
import { ajvErrorsToOneFormError } from '../utils/ajv';
|
|
@@ -18,6 +18,8 @@ import FieldBlockContext from '../FieldBlock/FieldBlockContext';
|
|
|
18
18
|
import IterateElementContext from '../Iterate/IterateItemContext';
|
|
19
19
|
import SectionContext from '../Form/Section/SectionContext';
|
|
20
20
|
import FieldBoundaryContext from '../DataContext/FieldBoundary/FieldBoundaryContext';
|
|
21
|
+
import VisibilityContext from '../Form/Visibility/VisibilityContext';
|
|
22
|
+
import WizardContext from '../Wizard/Context';
|
|
21
23
|
import useProcessManager from './useProcessManager';
|
|
22
24
|
import usePath from './usePath';
|
|
23
25
|
import { createSharedState, useSharedState } from '../../../shared/helpers/useSharedState';
|
|
@@ -25,6 +27,7 @@ import { isAsync } from '../../../shared/helpers/isAsync';
|
|
|
25
27
|
import useTranslation from './useTranslation';
|
|
26
28
|
import useExternalValue from './useExternalValue';
|
|
27
29
|
import useDataValue from './useDataValue';
|
|
30
|
+
const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
|
|
28
31
|
export default function useFieldProps(localeProps) {
|
|
29
32
|
var _dataContext$props,
|
|
30
33
|
_useExternalValue,
|
|
@@ -70,7 +73,7 @@ export default function useFieldProps(localeProps) {
|
|
|
70
73
|
fromInput = value => value,
|
|
71
74
|
toEvent = value => value,
|
|
72
75
|
transformValue = value => value,
|
|
73
|
-
|
|
76
|
+
provideAdditionalArgs = (value, additionalArgs) => additionalArgs,
|
|
74
77
|
fromExternal = value => value,
|
|
75
78
|
validateRequired = (value, _ref) => {
|
|
76
79
|
let {
|
|
@@ -96,11 +99,15 @@ export default function useFieldProps(localeProps) {
|
|
|
96
99
|
const iterateItemContext = useContext(IterateElementContext);
|
|
97
100
|
const sectionContext = useContext(SectionContext);
|
|
98
101
|
const fieldBoundaryContext = useContext(FieldBoundaryContext);
|
|
102
|
+
const wizardContext = useContext(WizardContext);
|
|
103
|
+
const {
|
|
104
|
+
isVisible
|
|
105
|
+
} = useContext(VisibilityContext) || {};
|
|
99
106
|
const translation = useTranslation();
|
|
100
107
|
const transformers = useRef({
|
|
101
108
|
transformIn,
|
|
102
109
|
transformOut,
|
|
103
|
-
|
|
110
|
+
provideAdditionalArgs,
|
|
104
111
|
toInput,
|
|
105
112
|
fromInput,
|
|
106
113
|
toEvent,
|
|
@@ -116,9 +123,8 @@ export default function useFieldProps(localeProps) {
|
|
|
116
123
|
setFieldState: setFieldStateDataContext,
|
|
117
124
|
setFieldError: setFieldErrorDataContext,
|
|
118
125
|
setFieldProps: setPropsDataContext,
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
handleUnMountField,
|
|
126
|
+
setVisibleError: setVisibleErrorDataContext,
|
|
127
|
+
setMountedFieldState: setMountedFieldStateDataContext,
|
|
122
128
|
setFieldEventListener,
|
|
123
129
|
errors: dataContextErrors,
|
|
124
130
|
showAllErrors,
|
|
@@ -140,7 +146,8 @@ export default function useFieldProps(localeProps) {
|
|
|
140
146
|
errorPrioritization
|
|
141
147
|
} = sectionContext || {};
|
|
142
148
|
const {
|
|
143
|
-
setFieldError,
|
|
149
|
+
setFieldError: setFieldErrorBoundary,
|
|
150
|
+
setVisibleError: setVisibleErrorBoundary,
|
|
144
151
|
showBoundaryErrors
|
|
145
152
|
} = fieldBoundaryContext || {};
|
|
146
153
|
const hasPath = Boolean(pathProp);
|
|
@@ -154,6 +161,9 @@ export default function useFieldProps(localeProps) {
|
|
|
154
161
|
itemPath
|
|
155
162
|
});
|
|
156
163
|
const defaultValueRef = useRef(defaultValue);
|
|
164
|
+
useLayoutEffect(() => {
|
|
165
|
+
defaultValueRef.current = defaultValue;
|
|
166
|
+
}, []);
|
|
157
167
|
const externalValue = (_useExternalValue = useExternalValue({
|
|
158
168
|
path,
|
|
159
169
|
itemPath,
|
|
@@ -283,16 +293,18 @@ export default function useFieldProps(localeProps) {
|
|
|
283
293
|
if (!revealErrorRef.current) {
|
|
284
294
|
revealErrorRef.current = true;
|
|
285
295
|
showFieldErrorFieldBlock === null || showFieldErrorFieldBlock === void 0 ? void 0 : showFieldErrorFieldBlock(identifier, true);
|
|
286
|
-
|
|
296
|
+
setVisibleErrorBoundary === null || setVisibleErrorBoundary === void 0 ? void 0 : setVisibleErrorBoundary(identifier, !!localErrorRef.current);
|
|
297
|
+
setVisibleErrorDataContext === null || setVisibleErrorDataContext === void 0 ? void 0 : setVisibleErrorDataContext(identifier, !!localErrorRef.current);
|
|
287
298
|
}
|
|
288
|
-
}, [identifier,
|
|
299
|
+
}, [identifier, setVisibleErrorDataContext, setVisibleErrorBoundary, showFieldErrorFieldBlock, validateInitially]);
|
|
289
300
|
const hideError = useCallback(() => {
|
|
290
301
|
if (revealErrorRef.current) {
|
|
291
302
|
revealErrorRef.current = undefined;
|
|
292
303
|
showFieldErrorFieldBlock === null || showFieldErrorFieldBlock === void 0 ? void 0 : showFieldErrorFieldBlock(identifier, false);
|
|
293
|
-
|
|
304
|
+
setVisibleErrorBoundary === null || setVisibleErrorBoundary === void 0 ? void 0 : setVisibleErrorBoundary(identifier, false);
|
|
305
|
+
setVisibleErrorDataContext === null || setVisibleErrorDataContext === void 0 ? void 0 : setVisibleErrorDataContext(identifier, false);
|
|
294
306
|
}
|
|
295
|
-
}, [identifier,
|
|
307
|
+
}, [identifier, setVisibleErrorBoundary, setVisibleErrorDataContext, showFieldErrorFieldBlock]);
|
|
296
308
|
const prepareError = useCallback(error => {
|
|
297
309
|
if (error instanceof FormError) {
|
|
298
310
|
let message = error.message;
|
|
@@ -360,45 +372,57 @@ export default function useFieldProps(localeProps) {
|
|
|
360
372
|
return args;
|
|
361
373
|
}, [contextErrorMessages, getValueByPath, setFieldEventListener]);
|
|
362
374
|
const extendWithExportedValidators = useCallback((validator, result) => {
|
|
363
|
-
if (exportValidatorsRef.current && !result && (validator === onChangeValidatorRef.current || validator === onBlurValidatorRef.current)
|
|
375
|
+
if (exportValidatorsRef.current && !result && (validator === onChangeValidatorRef.current || validator === onBlurValidatorRef.current)) {
|
|
364
376
|
return Object.values(exportValidatorsRef.current);
|
|
365
377
|
}
|
|
366
378
|
return result;
|
|
367
379
|
}, []);
|
|
380
|
+
const callStackRef = useRef([]);
|
|
381
|
+
const hasBeenCalledRef = useCallback(validator => {
|
|
382
|
+
const result = callStackRef.current.includes(validator);
|
|
383
|
+
callStackRef.current.push(validator);
|
|
384
|
+
return result;
|
|
385
|
+
}, []);
|
|
368
386
|
const callValidatorFnSync = useCallback(function (validator) {
|
|
369
387
|
let value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : valueRef.current;
|
|
370
388
|
if (typeof validator !== 'function') {
|
|
371
|
-
return
|
|
389
|
+
return;
|
|
372
390
|
}
|
|
373
391
|
const result = extendWithExportedValidators(validator, validator(value, additionalArgs));
|
|
374
392
|
if (Array.isArray(result)) {
|
|
375
393
|
for (const validator of result) {
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
394
|
+
if (!hasBeenCalledRef(validator)) {
|
|
395
|
+
const result = callValidatorFnSync(validator, value);
|
|
396
|
+
if (result instanceof Error) {
|
|
397
|
+
return result;
|
|
398
|
+
}
|
|
379
399
|
}
|
|
380
400
|
}
|
|
381
|
-
|
|
401
|
+
callStackRef.current = [];
|
|
402
|
+
} else {
|
|
403
|
+
return result;
|
|
382
404
|
}
|
|
383
|
-
|
|
384
|
-
}, [additionalArgs, extendWithExportedValidators]);
|
|
405
|
+
}, [additionalArgs, extendWithExportedValidators, hasBeenCalledRef]);
|
|
385
406
|
const callValidatorFnAsync = useCallback(async function (validator) {
|
|
386
407
|
let value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : valueRef.current;
|
|
387
408
|
if (typeof validator !== 'function') {
|
|
388
|
-
return
|
|
409
|
+
return;
|
|
389
410
|
}
|
|
390
411
|
const result = extendWithExportedValidators(validator, await validator(value, additionalArgs));
|
|
391
412
|
if (Array.isArray(result)) {
|
|
392
413
|
for (const validator of result) {
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
414
|
+
if (!hasBeenCalledRef(validator)) {
|
|
415
|
+
const result = await callValidatorFnAsync(validator, value);
|
|
416
|
+
if (result instanceof Error) {
|
|
417
|
+
return result;
|
|
418
|
+
}
|
|
396
419
|
}
|
|
397
420
|
}
|
|
398
|
-
|
|
421
|
+
callStackRef.current = [];
|
|
422
|
+
} else {
|
|
423
|
+
return result;
|
|
399
424
|
}
|
|
400
|
-
|
|
401
|
-
}, [additionalArgs, extendWithExportedValidators]);
|
|
425
|
+
}, [additionalArgs, extendWithExportedValidators, hasBeenCalledRef]);
|
|
402
426
|
const stateId = useId();
|
|
403
427
|
const persistErrorState = useCallback(function (method) {
|
|
404
428
|
let errorArg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
|
|
@@ -416,7 +440,7 @@ export default function useFieldProps(localeProps) {
|
|
|
416
440
|
}
|
|
417
441
|
localErrorRef.current = error;
|
|
418
442
|
setFieldErrorDataContext === null || setFieldErrorDataContext === void 0 ? void 0 : setFieldErrorDataContext(identifier, error);
|
|
419
|
-
|
|
443
|
+
setFieldErrorBoundary === null || setFieldErrorBoundary === void 0 ? void 0 : setFieldErrorBoundary(identifier, error);
|
|
420
444
|
setFieldStateDataContext === null || setFieldStateDataContext === void 0 ? void 0 : setFieldStateDataContext(identifier, error ? 'error' : undefined);
|
|
421
445
|
setFieldStateFieldBlock === null || setFieldStateFieldBlock === void 0 ? void 0 : setFieldStateFieldBlock({
|
|
422
446
|
stateId,
|
|
@@ -426,7 +450,7 @@ export default function useFieldProps(localeProps) {
|
|
|
426
450
|
showInitially: Boolean(inFieldBlock && validateInitially)
|
|
427
451
|
});
|
|
428
452
|
forceUpdate();
|
|
429
|
-
}, [prepareError, setFieldErrorDataContext, identifier,
|
|
453
|
+
}, [prepareError, setFieldErrorDataContext, identifier, setFieldErrorBoundary, setFieldStateDataContext, setFieldStateFieldBlock, stateId, inFieldBlock, validateInitially]);
|
|
430
454
|
const clearErrorState = useCallback(() => {
|
|
431
455
|
persistErrorState('wipe');
|
|
432
456
|
hasLocalErrorRef.current = false;
|
|
@@ -646,19 +670,30 @@ export default function useFieldProps(localeProps) {
|
|
|
646
670
|
hideError();
|
|
647
671
|
}
|
|
648
672
|
}, [continuousValidation, hideError, revealError]);
|
|
673
|
+
const getEventArgs = useCallback(_ref7 => {
|
|
674
|
+
let {
|
|
675
|
+
eventName,
|
|
676
|
+
additionalArgs,
|
|
677
|
+
overrideValue = undefined
|
|
678
|
+
} = _ref7;
|
|
679
|
+
const value = transformers.current.toEvent(overrideValue !== null && overrideValue !== void 0 ? overrideValue : valueRef.current, eventName);
|
|
680
|
+
const args = transformers.current.provideAdditionalArgs(value, additionalArgs);
|
|
681
|
+
if (typeof args !== 'undefined') {
|
|
682
|
+
return [value, args];
|
|
683
|
+
}
|
|
684
|
+
return [value];
|
|
685
|
+
}, []);
|
|
649
686
|
const setHasFocus = useCallback(async (hasFocus, overrideValue, additionalArgs) => {
|
|
650
|
-
const
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
};
|
|
687
|
+
const args = getEventArgs({
|
|
688
|
+
eventName: hasFocus ? 'onFocus' : 'onBlur',
|
|
689
|
+
overrideValue,
|
|
690
|
+
additionalArgs
|
|
691
|
+
});
|
|
655
692
|
if (hasFocus) {
|
|
656
693
|
hasFocusRef.current = true;
|
|
657
|
-
const args = getArgs('onFocus');
|
|
658
694
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus.apply(this, args);
|
|
659
695
|
} else {
|
|
660
696
|
hasFocusRef.current = false;
|
|
661
|
-
const args = getArgs('onBlur');
|
|
662
697
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur.apply(this, args);
|
|
663
698
|
if (!changedRef.current && !validateUnchanged) {
|
|
664
699
|
return;
|
|
@@ -671,20 +706,20 @@ export default function useFieldProps(localeProps) {
|
|
|
671
706
|
forceUpdate();
|
|
672
707
|
});
|
|
673
708
|
}
|
|
674
|
-
}, [onFocus, onBlur, validateUnchanged, addToPool, runPool, startOnBlurValidatorProcess, revealError]);
|
|
675
|
-
const yieldAsyncProcess = useCallback(async
|
|
709
|
+
}, [getEventArgs, onFocus, onBlur, validateUnchanged, addToPool, runPool, startOnBlurValidatorProcess, revealError]);
|
|
710
|
+
const yieldAsyncProcess = useCallback(async _ref8 => {
|
|
676
711
|
let {
|
|
677
712
|
name,
|
|
678
713
|
waitFor
|
|
679
|
-
} =
|
|
714
|
+
} = _ref8;
|
|
680
715
|
return new Promise(resolve => {
|
|
681
716
|
const validateProcesses = () => {
|
|
682
|
-
const result = waitFor.some(
|
|
717
|
+
const result = waitFor.some(_ref9 => {
|
|
683
718
|
let {
|
|
684
719
|
processName,
|
|
685
720
|
withStates,
|
|
686
721
|
hasValue
|
|
687
|
-
} =
|
|
722
|
+
} = _ref9;
|
|
688
723
|
const hasMatchingValue = hasValue === validatedValue.current;
|
|
689
724
|
const result = (typeof hasValue === 'undefined' ? false : !hasMatchingValue) || (processName ? processName === asyncProcessRef.current : true) && (withStates === null || withStates === void 0 ? void 0 : withStates.some(state => {
|
|
690
725
|
return state === fieldStateRef.current;
|
|
@@ -795,7 +830,7 @@ export default function useFieldProps(localeProps) {
|
|
|
795
830
|
if (fromInput === currentValue) {
|
|
796
831
|
return;
|
|
797
832
|
}
|
|
798
|
-
const transformedValue = transformers.current.transformOut(transformers.current.transformValue(fromInput, currentValue));
|
|
833
|
+
const transformedValue = transformers.current.transformOut(transformers.current.transformValue(fromInput, currentValue), transformers.current.provideAdditionalArgs(fromInput, additionalArgs));
|
|
799
834
|
changedRef.current = true;
|
|
800
835
|
if (itemPath) {
|
|
801
836
|
handleChangeIterateContext === null || handleChangeIterateContext === void 0 ? void 0 : handleChangeIterateContext(makeIteratePath(itemPath, ''), transformedValue);
|
|
@@ -806,14 +841,12 @@ export default function useFieldProps(localeProps) {
|
|
|
806
841
|
} else {
|
|
807
842
|
updateValue(transformedValue);
|
|
808
843
|
}
|
|
809
|
-
const getArgs = () => {
|
|
810
|
-
const value = transformers.current.toEvent(valueRef.current, 'onChange');
|
|
811
|
-
const transformedAdditionalArgs = transformers.current.transformAdditionalArgs(additionalArgs, value);
|
|
812
|
-
return typeof transformedAdditionalArgs !== 'undefined' ? [value, transformedAdditionalArgs] : [value];
|
|
813
|
-
};
|
|
814
844
|
if (isAsync(onChange)) {
|
|
815
845
|
addToPool('onChangeLocal', async () => {
|
|
816
|
-
const args =
|
|
846
|
+
const args = getEventArgs({
|
|
847
|
+
eventName: 'onChange',
|
|
848
|
+
additionalArgs
|
|
849
|
+
});
|
|
817
850
|
await yieldAsyncProcess({
|
|
818
851
|
name: 'onChangeLocal',
|
|
819
852
|
waitFor: [{
|
|
@@ -838,22 +871,67 @@ export default function useFieldProps(localeProps) {
|
|
|
838
871
|
}
|
|
839
872
|
}, true);
|
|
840
873
|
} else {
|
|
841
|
-
|
|
874
|
+
const args = getEventArgs({
|
|
875
|
+
eventName: 'onChange',
|
|
876
|
+
additionalArgs
|
|
877
|
+
});
|
|
878
|
+
setEventResult(onChange === null || onChange === void 0 ? void 0 : onChange.apply(_this, args));
|
|
842
879
|
}
|
|
843
880
|
await runPool();
|
|
844
|
-
}, [itemPath, asyncBehaviorIsEnabled, onChange, runPool, handleChangeIterateContext, makeIteratePath, hideError, updateValue, addToPool, yieldAsyncProcess, defineAsyncProcess, hasError, setEventResult]);
|
|
881
|
+
}, [itemPath, asyncBehaviorIsEnabled, onChange, runPool, handleChangeIterateContext, makeIteratePath, hideError, updateValue, addToPool, getEventArgs, yieldAsyncProcess, defineAsyncProcess, hasError, setEventResult]);
|
|
845
882
|
const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus]);
|
|
846
883
|
const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus]);
|
|
847
884
|
setPropsDataContext === null || setPropsDataContext === void 0 ? void 0 : setPropsDataContext(identifier, props);
|
|
885
|
+
const {
|
|
886
|
+
activeIndex,
|
|
887
|
+
activeIndexRef
|
|
888
|
+
} = wizardContext || {};
|
|
889
|
+
const activeIndexTmpRef = useRef(activeIndex);
|
|
890
|
+
useEffect(() => {
|
|
891
|
+
activeIndexTmpRef.current = activeIndex;
|
|
892
|
+
}, [activeIndex]);
|
|
893
|
+
useMemo(() => {
|
|
894
|
+
setMountedFieldStateDataContext(identifier, {
|
|
895
|
+
isPreMounted: true
|
|
896
|
+
});
|
|
897
|
+
if (typeof isVisible === 'boolean') {
|
|
898
|
+
setMountedFieldStateDataContext(identifier, {
|
|
899
|
+
isVisible
|
|
900
|
+
});
|
|
901
|
+
}
|
|
902
|
+
}, [setMountedFieldStateDataContext, identifier, isVisible]);
|
|
903
|
+
useEffect(() => {
|
|
904
|
+
if (typeof (activeIndexRef === null || activeIndexRef === void 0 ? void 0 : activeIndexRef.current) === 'number') {
|
|
905
|
+
setMountedFieldStateDataContext(identifier, {
|
|
906
|
+
wasStepChange: false
|
|
907
|
+
});
|
|
908
|
+
return () => {
|
|
909
|
+
const wasStepChange = typeof activeIndex === 'number' && activeIndexRef.current !== activeIndexTmpRef.current;
|
|
910
|
+
setMountedFieldStateDataContext(identifier, {
|
|
911
|
+
wasStepChange
|
|
912
|
+
});
|
|
913
|
+
};
|
|
914
|
+
}
|
|
915
|
+
}, [activeIndex, activeIndexRef, identifier, setMountedFieldStateDataContext]);
|
|
916
|
+
useEffect(() => {
|
|
917
|
+
setMountedFieldStateDataContext(identifier, {
|
|
918
|
+
isMounted: true,
|
|
919
|
+
isPreMounted: true
|
|
920
|
+
});
|
|
921
|
+
return () => {
|
|
922
|
+
setMountedFieldStateDataContext(identifier, {
|
|
923
|
+
isMounted: false,
|
|
924
|
+
isPreMounted: false
|
|
925
|
+
});
|
|
926
|
+
};
|
|
927
|
+
}, [identifier, setMountedFieldStateDataContext]);
|
|
848
928
|
useEffect(() => {
|
|
849
|
-
handleMountField(identifier);
|
|
850
929
|
return () => {
|
|
851
|
-
handleUnMountField(identifier);
|
|
852
930
|
setFieldErrorDataContext === null || setFieldErrorDataContext === void 0 ? void 0 : setFieldErrorDataContext(identifier, undefined);
|
|
853
|
-
|
|
931
|
+
setFieldErrorBoundary === null || setFieldErrorBoundary === void 0 ? void 0 : setFieldErrorBoundary(identifier, undefined);
|
|
854
932
|
localErrorRef.current = undefined;
|
|
855
933
|
};
|
|
856
|
-
}, [
|
|
934
|
+
}, [identifier, setFieldErrorBoundary, setFieldErrorDataContext, setMountedFieldStateDataContext]);
|
|
857
935
|
useEffect(() => {
|
|
858
936
|
validateValue();
|
|
859
937
|
}, [validateValue]);
|
|
@@ -866,14 +944,23 @@ export default function useFieldProps(localeProps) {
|
|
|
866
944
|
var _dataContext$internal, _dataContext$props$em, _dataContext$props2;
|
|
867
945
|
return ((_dataContext$internal = dataContext.internalDataRef) === null || _dataContext$internal === void 0 ? void 0 : _dataContext$internal.current) === ((_dataContext$props$em = (_dataContext$props2 = dataContext.props) === null || _dataContext$props2 === void 0 ? void 0 : _dataContext$props2.emptyData) !== null && _dataContext$props$em !== void 0 ? _dataContext$props$em : clearedData);
|
|
868
946
|
}, [dataContext.internalDataRef, (_dataContext$props3 = dataContext.props) === null || _dataContext$props3 === void 0 ? void 0 : _dataContext$props3.emptyData]);
|
|
869
|
-
|
|
947
|
+
useLayoutEffect(() => {
|
|
870
948
|
if (isEmptyData()) {
|
|
949
|
+
changedRef.current = false;
|
|
871
950
|
hideError();
|
|
951
|
+
clearErrorState();
|
|
872
952
|
}
|
|
873
|
-
}, [externalValue, hideError, isEmptyData]);
|
|
874
|
-
|
|
953
|
+
}, [externalValue, clearErrorState, hideError, isEmptyData]);
|
|
954
|
+
const externalValueDidChangeRef = useRef(false);
|
|
955
|
+
useLayoutEffect(() => {
|
|
875
956
|
if (valueRef.current !== externalValue) {
|
|
876
957
|
valueRef.current = externalValue;
|
|
958
|
+
externalValueDidChangeRef.current = true;
|
|
959
|
+
}
|
|
960
|
+
}, [externalValue]);
|
|
961
|
+
useEffect(() => {
|
|
962
|
+
if (externalValueDidChangeRef.current) {
|
|
963
|
+
externalValueDidChangeRef.current = false;
|
|
877
964
|
validateValue();
|
|
878
965
|
forceUpdate();
|
|
879
966
|
}
|
|
@@ -899,7 +986,8 @@ export default function useFieldProps(localeProps) {
|
|
|
899
986
|
warn(`Using defaultValue="${defaultValue}" prop inside Iterate is not supported yet`);
|
|
900
987
|
}
|
|
901
988
|
}, [defaultValue, itemPath, valueProp]);
|
|
902
|
-
|
|
989
|
+
const tmpValueRef = useRef({});
|
|
990
|
+
useLayoutEffect(() => {
|
|
903
991
|
if (hasPath) {
|
|
904
992
|
let value = valueProp;
|
|
905
993
|
const hasValue = pointer.has(dataContext.data, identifier) || identifier === '/';
|
|
@@ -919,11 +1007,19 @@ export default function useFieldProps(localeProps) {
|
|
|
919
1007
|
defaultValueRef.current = undefined;
|
|
920
1008
|
}
|
|
921
1009
|
if (!hasValue || value !== existingValue && valueRef.current !== existingValue) {
|
|
1010
|
+
if (identifier in tmpValueRef.current && tmpValueRef.current[identifier] === value) {
|
|
1011
|
+
return;
|
|
1012
|
+
}
|
|
1013
|
+
const transformedValue = transformers.current.transformOut(value, transformers.current.provideAdditionalArgs(value));
|
|
1014
|
+
if (transformedValue !== value) {
|
|
1015
|
+
tmpValueRef.current[identifier] = value;
|
|
1016
|
+
value = transformedValue;
|
|
1017
|
+
}
|
|
922
1018
|
updateDataValueDataContext === null || updateDataValueDataContext === void 0 ? void 0 : updateDataValueDataContext(identifier, value);
|
|
923
1019
|
validateDataDataContext === null || validateDataDataContext === void 0 ? void 0 : validateDataDataContext();
|
|
924
1020
|
}
|
|
925
1021
|
}
|
|
926
|
-
}, [dataContext.data, dataContext.id,
|
|
1022
|
+
}, [dataContext.data, dataContext.id, hasPath, identifier, updateDataValueDataContext, validateDataDataContext, valueProp]);
|
|
927
1023
|
useEffect(() => {
|
|
928
1024
|
if (showAllErrors || showBoundaryErrors) {
|
|
929
1025
|
if (fieldStateRef.current !== 'validating') {
|