@dnb/eufemia 10.32.0 → 10.33.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 +23 -0
- package/cjs/components/flex/Container.js +4 -4
- package/cjs/components/flex/Container.js.map +1 -1
- package/cjs/components/grid/Container.d.ts +2 -2
- package/cjs/components/grid/Container.js.map +1 -1
- package/cjs/components/grid/ContainerDocs.d.ts +2 -0
- package/cjs/components/grid/ContainerDocs.js +30 -0
- package/cjs/components/grid/ContainerDocs.js.map +1 -0
- package/cjs/components/grid/style/dnb-grid.css +6 -0
- package/cjs/components/grid/style/dnb-grid.min.css +1 -1
- package/cjs/components/grid/style/grid-container.scss +6 -0
- package/cjs/components/slider/SliderDocs.d.ts +3 -0
- package/cjs/components/slider/SliderDocs.js +158 -0
- package/cjs/components/slider/SliderDocs.js.map +1 -0
- package/cjs/extensions/forms/DataContext/Context.d.ts +7 -5
- package/cjs/extensions/forms/DataContext/Context.js +0 -1
- package/cjs/extensions/forms/DataContext/Context.js.map +1 -1
- package/cjs/extensions/forms/DataContext/Provider/Provider.js +13 -3
- package/cjs/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +1 -1
- package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js +3 -3
- package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
- package/cjs/extensions/forms/Field/Composition/Composition.d.ts +2 -2
- package/cjs/extensions/forms/Field/Composition/Composition.js.map +1 -1
- package/cjs/extensions/forms/Field/Number/Number.js +3 -3
- package/cjs/extensions/forms/Field/Number/Number.js.map +1 -1
- package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.d.ts +2 -2
- package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +2 -2
- package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.js +4 -4
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
- package/cjs/extensions/forms/Field/Selection/Selection.js +3 -3
- package/cjs/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/cjs/extensions/forms/Field/Slider/Slider.d.ts +34 -0
- package/cjs/extensions/forms/Field/Slider/Slider.js +115 -0
- package/cjs/extensions/forms/Field/Slider/Slider.js.map +1 -0
- package/cjs/extensions/forms/Field/Slider/SliderDocs.d.ts +3 -0
- package/cjs/extensions/forms/Field/Slider/SliderDocs.js +34 -0
- package/cjs/extensions/forms/Field/Slider/SliderDocs.js.map +1 -0
- package/cjs/extensions/forms/Field/Slider/index.d.ts +2 -0
- package/cjs/extensions/forms/Field/Slider/index.js +27 -0
- package/cjs/extensions/forms/Field/Slider/index.js.map +1 -0
- package/cjs/extensions/forms/Field/String/String.js +2 -2
- package/cjs/extensions/forms/Field/String/String.js.map +1 -1
- package/cjs/extensions/forms/Field/Toggle/Toggle.js +7 -7
- package/cjs/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
- 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.d.ts +1 -1
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css +0 -1
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss +0 -1
- package/cjs/extensions/forms/Form/FieldProps/FieldProps.d.ts +19 -5
- package/cjs/extensions/forms/Form/FieldProps/FieldProps.js +52 -21
- package/cjs/extensions/forms/Form/FieldProps/FieldProps.js.map +1 -1
- package/cjs/extensions/forms/Form/FieldProps/FieldPropsContext.d.ts +1 -0
- package/cjs/extensions/forms/Form/FieldProps/FieldPropsContext.js.map +1 -1
- package/cjs/extensions/forms/Form/Section/Section.d.ts +44 -0
- package/cjs/extensions/forms/Form/Section/Section.js +67 -0
- package/cjs/extensions/forms/Form/Section/Section.js.map +1 -0
- package/cjs/extensions/forms/Form/Section/SectionContext.d.ts +11 -0
- package/cjs/extensions/forms/Form/Section/SectionContext.js +12 -0
- package/cjs/extensions/forms/Form/Section/SectionContext.js.map +1 -0
- package/cjs/extensions/forms/Form/Section/SectionDocs.d.ts +3 -0
- package/cjs/extensions/forms/Form/Section/SectionDocs.js +43 -0
- package/cjs/extensions/forms/Form/Section/SectionDocs.js.map +1 -0
- package/cjs/extensions/forms/Form/Section/index.d.ts +2 -0
- package/cjs/extensions/forms/Form/Section/index.js +27 -0
- package/cjs/extensions/forms/Form/Section/index.js.map +1 -0
- package/cjs/extensions/forms/Form/Visibility/Visibility.js +15 -9
- package/cjs/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
- package/cjs/extensions/forms/Form/data-context/useData.js +6 -2
- package/cjs/extensions/forms/Form/data-context/useData.js.map +1 -1
- package/cjs/extensions/forms/Form/index.d.ts +1 -1
- package/cjs/extensions/forms/Form/index.js +7 -5
- package/cjs/extensions/forms/Form/index.js.map +1 -1
- package/cjs/extensions/forms/Iterate/AnimatedContainer/ElementBlock.d.ts +2 -2
- package/cjs/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js.map +1 -1
- package/cjs/extensions/forms/Iterate/EditContainer/EditContainer.d.ts +2 -2
- package/cjs/extensions/forms/Iterate/EditContainer/EditContainer.js.map +1 -1
- package/cjs/extensions/forms/Iterate/PushButton/PushButton.js +1 -1
- package/cjs/extensions/forms/Iterate/PushButton/PushButton.js.map +1 -1
- package/cjs/extensions/forms/Iterate/RemoveButton/RemoveButton.js +1 -1
- package/cjs/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
- package/cjs/extensions/forms/Iterate/ViewContainer/ViewContainer.d.ts +2 -2
- package/cjs/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map +1 -1
- package/cjs/extensions/forms/Tools/GenerateSchema.d.ts +19 -0
- package/cjs/extensions/forms/Tools/GenerateSchema.js +143 -0
- package/cjs/extensions/forms/Tools/GenerateSchema.js.map +1 -0
- package/cjs/extensions/forms/Tools/ListAllProps.d.ts +15 -0
- package/cjs/extensions/forms/Tools/ListAllProps.js +73 -0
- package/cjs/extensions/forms/Tools/ListAllProps.js.map +1 -0
- package/{es/extensions/forms/Form → cjs/extensions/forms}/Tools/index.d.ts +1 -0
- package/cjs/extensions/forms/{Form/Tools → Tools}/index.js +7 -0
- package/cjs/extensions/forms/Tools/index.js.map +1 -0
- package/cjs/extensions/forms/Value/Number/Number.js +4 -2
- package/cjs/extensions/forms/Value/Number/Number.js.map +1 -1
- package/cjs/extensions/forms/Wizard/Container/WizardContainer.js +2 -2
- package/cjs/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
- package/cjs/extensions/forms/blocks/Category/FirstBlock/FirstBlock.d.ts +2 -0
- package/cjs/extensions/forms/blocks/Category/FirstBlock/FirstBlock.js +46 -0
- package/cjs/extensions/forms/blocks/Category/FirstBlock/FirstBlock.js.map +1 -0
- package/cjs/extensions/forms/blocks/Category/FirstBlock/index.d.ts +2 -0
- package/cjs/extensions/forms/blocks/Category/FirstBlock/index.js +27 -0
- package/cjs/extensions/forms/blocks/Category/FirstBlock/index.js.map +1 -0
- package/cjs/extensions/forms/blocks/Category/index.d.ts +1 -0
- package/cjs/extensions/forms/blocks/Category/index.js +14 -0
- package/cjs/extensions/forms/blocks/Category/index.js.map +1 -0
- package/cjs/extensions/forms/blocks/index.d.ts +1 -0
- package/cjs/extensions/forms/blocks/index.js +11 -0
- package/cjs/extensions/forms/blocks/index.js.map +1 -0
- package/cjs/extensions/forms/hooks/index.d.ts +2 -5
- package/cjs/extensions/forms/hooks/index.js +12 -4
- package/cjs/extensions/forms/hooks/index.js.map +1 -1
- package/cjs/extensions/forms/hooks/useDataValue.d.ts +9 -0
- package/cjs/extensions/forms/hooks/useDataValue.js +39 -0
- package/cjs/extensions/forms/hooks/useDataValue.js.map +1 -0
- package/cjs/extensions/forms/hooks/useExternalValue.d.ts +12 -0
- package/cjs/extensions/forms/hooks/useExternalValue.js +47 -0
- package/cjs/extensions/forms/hooks/useExternalValue.js.map +1 -0
- package/cjs/extensions/forms/hooks/useFieldProps.d.ts +1 -10
- package/cjs/extensions/forms/hooks/useFieldProps.js +60 -81
- package/cjs/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/cjs/extensions/forms/hooks/usePath.d.ts +14 -0
- package/cjs/extensions/forms/hooks/usePath.js +72 -0
- package/cjs/extensions/forms/hooks/usePath.js.map +1 -0
- package/cjs/extensions/forms/hooks/useValueProps.js +17 -4
- package/cjs/extensions/forms/hooks/useValueProps.js.map +1 -1
- package/cjs/extensions/forms/index.d.ts +2 -0
- package/cjs/extensions/forms/index.js +4 -1
- package/cjs/extensions/forms/index.js.map +1 -1
- package/cjs/extensions/forms/style/dnb-forms.css +0 -1
- package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
- package/cjs/extensions/forms/types.d.ts +6 -3
- package/cjs/extensions/forms/types.js.map +1 -1
- package/cjs/fragments/drawer-list/DrawerListHelpers.js +3 -2
- package/cjs/fragments/drawer-list/DrawerListHelpers.js.map +1 -1
- package/cjs/shared/Context.d.ts +3 -3
- package/cjs/shared/Context.js +8 -8
- 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/style/core/scopes.scss +1 -1
- package/cjs/style/dnb-ui-basis.css +1 -1
- package/cjs/style/dnb-ui-basis.min.css +1 -1
- package/cjs/style/dnb-ui-body.css +1 -1
- package/cjs/style/dnb-ui-body.min.css +1 -1
- package/cjs/style/dnb-ui-components.css +6 -1
- package/cjs/style/dnb-ui-components.min.css +2 -2
- package/cjs/style/dnb-ui-core.css +1 -1
- package/cjs/style/dnb-ui-core.min.css +1 -1
- package/cjs/style/dnb-ui-extensions.css +0 -1
- package/cjs/style/dnb-ui-extensions.min.css +1 -1
- package/cjs/style/dnb-ui-forms.css +0 -1
- package/cjs/style/dnb-ui-forms.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +6 -2
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +2 -2
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +0 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.css +0 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +6 -2
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +2 -2
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +0 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.css +0 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-components.css +6 -2
- package/cjs/style/themes/theme-ui/ui-theme-components.min.css +2 -2
- package/cjs/style/themes/theme-ui/ui-theme-extensions.css +0 -1
- package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-forms.css +0 -1
- package/cjs/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
- package/components/flex/Container.js +4 -4
- package/components/flex/Container.js.map +1 -1
- package/components/grid/Container.d.ts +2 -2
- package/components/grid/Container.js.map +1 -1
- package/components/grid/ContainerDocs.d.ts +2 -0
- package/components/grid/ContainerDocs.js +23 -0
- package/components/grid/ContainerDocs.js.map +1 -0
- package/components/grid/style/dnb-grid.css +6 -0
- package/components/grid/style/dnb-grid.min.css +1 -1
- package/components/grid/style/grid-container.scss +6 -0
- package/components/slider/SliderDocs.d.ts +3 -0
- package/components/slider/SliderDocs.js +150 -0
- package/components/slider/SliderDocs.js.map +1 -0
- package/es/components/flex/Container.js +4 -4
- package/es/components/flex/Container.js.map +1 -1
- package/es/components/grid/Container.d.ts +2 -2
- package/es/components/grid/Container.js.map +1 -1
- package/es/components/grid/ContainerDocs.d.ts +2 -0
- package/es/components/grid/ContainerDocs.js +23 -0
- package/es/components/grid/ContainerDocs.js.map +1 -0
- package/es/components/grid/style/dnb-grid.css +6 -0
- package/es/components/grid/style/dnb-grid.min.css +1 -1
- package/es/components/grid/style/grid-container.scss +6 -0
- package/es/components/slider/SliderDocs.d.ts +3 -0
- package/es/components/slider/SliderDocs.js +150 -0
- package/es/components/slider/SliderDocs.js.map +1 -0
- package/es/extensions/forms/DataContext/Context.d.ts +7 -5
- package/es/extensions/forms/DataContext/Context.js +0 -1
- package/es/extensions/forms/DataContext/Context.js.map +1 -1
- package/es/extensions/forms/DataContext/Provider/Provider.js +14 -4
- package/es/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/es/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +1 -1
- package/es/extensions/forms/Field/ArraySelection/ArraySelection.js +3 -3
- package/es/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
- package/es/extensions/forms/Field/Composition/Composition.d.ts +2 -2
- package/es/extensions/forms/Field/Composition/Composition.js.map +1 -1
- package/es/extensions/forms/Field/Number/Number.js +3 -3
- package/es/extensions/forms/Field/Number/Number.js.map +1 -1
- package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.d.ts +2 -2
- package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +2 -2
- package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
- package/es/extensions/forms/Field/SelectCountry/SelectCountry.js +4 -4
- package/es/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
- package/es/extensions/forms/Field/Selection/Selection.js +3 -3
- package/es/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/es/extensions/forms/Field/Slider/Slider.d.ts +34 -0
- package/es/extensions/forms/Field/Slider/Slider.js +103 -0
- package/es/extensions/forms/Field/Slider/Slider.js.map +1 -0
- package/es/extensions/forms/Field/Slider/SliderDocs.d.ts +3 -0
- package/es/extensions/forms/Field/Slider/SliderDocs.js +26 -0
- package/es/extensions/forms/Field/Slider/SliderDocs.js.map +1 -0
- package/es/extensions/forms/Field/Slider/index.d.ts +2 -0
- package/es/extensions/forms/Field/Slider/index.js +3 -0
- package/es/extensions/forms/Field/Slider/index.js.map +1 -0
- package/es/extensions/forms/Field/String/String.js +2 -2
- package/es/extensions/forms/Field/String/String.js.map +1 -1
- package/es/extensions/forms/Field/Toggle/Toggle.js +7 -7
- package/es/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
- 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.d.ts +1 -1
- package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.css +0 -1
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.scss +0 -1
- package/es/extensions/forms/Form/FieldProps/FieldProps.d.ts +19 -5
- package/es/extensions/forms/Form/FieldProps/FieldProps.js +49 -21
- package/es/extensions/forms/Form/FieldProps/FieldProps.js.map +1 -1
- package/es/extensions/forms/Form/FieldProps/FieldPropsContext.d.ts +1 -0
- package/es/extensions/forms/Form/FieldProps/FieldPropsContext.js.map +1 -1
- package/es/extensions/forms/Form/Section/Section.d.ts +44 -0
- package/es/extensions/forms/Form/Section/Section.js +56 -0
- package/es/extensions/forms/Form/Section/Section.js.map +1 -0
- package/es/extensions/forms/Form/Section/SectionContext.d.ts +11 -0
- package/es/extensions/forms/Form/Section/SectionContext.js +4 -0
- package/es/extensions/forms/Form/Section/SectionContext.js.map +1 -0
- package/es/extensions/forms/Form/Section/SectionDocs.d.ts +3 -0
- package/es/extensions/forms/Form/Section/SectionDocs.js +35 -0
- package/es/extensions/forms/Form/Section/SectionDocs.js.map +1 -0
- package/es/extensions/forms/Form/Section/index.d.ts +2 -0
- package/es/extensions/forms/Form/Section/index.js +3 -0
- package/es/extensions/forms/Form/Section/index.js.map +1 -0
- package/es/extensions/forms/Form/Visibility/Visibility.js +16 -10
- package/es/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
- package/es/extensions/forms/Form/data-context/useData.js +6 -2
- package/es/extensions/forms/Form/data-context/useData.js.map +1 -1
- package/es/extensions/forms/Form/index.d.ts +1 -1
- package/es/extensions/forms/Form/index.js +1 -1
- package/es/extensions/forms/Form/index.js.map +1 -1
- package/es/extensions/forms/Iterate/AnimatedContainer/ElementBlock.d.ts +2 -2
- package/es/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js.map +1 -1
- package/es/extensions/forms/Iterate/EditContainer/EditContainer.d.ts +2 -2
- package/es/extensions/forms/Iterate/EditContainer/EditContainer.js.map +1 -1
- package/es/extensions/forms/Iterate/PushButton/PushButton.js +1 -1
- package/es/extensions/forms/Iterate/PushButton/PushButton.js.map +1 -1
- package/es/extensions/forms/Iterate/RemoveButton/RemoveButton.js +1 -1
- package/es/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
- package/es/extensions/forms/Iterate/ViewContainer/ViewContainer.d.ts +2 -2
- package/es/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map +1 -1
- package/es/extensions/forms/Tools/GenerateSchema.d.ts +19 -0
- package/es/extensions/forms/Tools/GenerateSchema.js +130 -0
- package/es/extensions/forms/Tools/GenerateSchema.js.map +1 -0
- package/es/extensions/forms/Tools/ListAllProps.d.ts +15 -0
- package/es/extensions/forms/Tools/ListAllProps.js +65 -0
- package/es/extensions/forms/Tools/ListAllProps.js.map +1 -0
- package/{extensions/forms/Form → es/extensions/forms}/Tools/index.d.ts +1 -0
- package/es/extensions/forms/Tools/index.js +3 -0
- package/es/extensions/forms/Tools/index.js.map +1 -0
- package/es/extensions/forms/Value/Number/Number.js +4 -2
- package/es/extensions/forms/Value/Number/Number.js.map +1 -1
- package/es/extensions/forms/Wizard/Container/WizardContainer.js +2 -2
- package/es/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
- package/es/extensions/forms/blocks/Category/FirstBlock/FirstBlock.d.ts +2 -0
- package/es/extensions/forms/blocks/Category/FirstBlock/FirstBlock.js +39 -0
- package/es/extensions/forms/blocks/Category/FirstBlock/FirstBlock.js.map +1 -0
- package/es/extensions/forms/blocks/Category/FirstBlock/index.d.ts +2 -0
- package/es/extensions/forms/blocks/Category/FirstBlock/index.js +3 -0
- package/es/extensions/forms/blocks/Category/FirstBlock/index.js.map +1 -0
- package/es/extensions/forms/blocks/Category/index.d.ts +1 -0
- package/es/extensions/forms/blocks/Category/index.js +1 -0
- package/es/extensions/forms/blocks/Category/index.js.map +1 -0
- package/es/extensions/forms/blocks/index.d.ts +1 -0
- package/es/extensions/forms/blocks/index.js +1 -0
- package/es/extensions/forms/blocks/index.js.map +1 -0
- package/es/extensions/forms/hooks/index.d.ts +2 -5
- package/es/extensions/forms/hooks/index.js +2 -1
- package/es/extensions/forms/hooks/index.js.map +1 -1
- package/es/extensions/forms/hooks/useDataValue.d.ts +9 -0
- package/es/extensions/forms/hooks/useDataValue.js +32 -0
- package/es/extensions/forms/hooks/useDataValue.js.map +1 -0
- package/es/extensions/forms/hooks/useExternalValue.d.ts +12 -0
- package/es/extensions/forms/hooks/useExternalValue.js +41 -0
- package/es/extensions/forms/hooks/useExternalValue.js.map +1 -0
- package/es/extensions/forms/hooks/useFieldProps.d.ts +1 -10
- package/es/extensions/forms/hooks/useFieldProps.js +59 -78
- package/es/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/es/extensions/forms/hooks/usePath.d.ts +14 -0
- package/es/extensions/forms/hooks/usePath.js +64 -0
- package/es/extensions/forms/hooks/usePath.js.map +1 -0
- package/es/extensions/forms/hooks/useValueProps.js +16 -4
- package/es/extensions/forms/hooks/useValueProps.js.map +1 -1
- package/es/extensions/forms/index.d.ts +2 -0
- package/es/extensions/forms/index.js +1 -0
- package/es/extensions/forms/index.js.map +1 -1
- package/es/extensions/forms/style/dnb-forms.css +0 -1
- package/es/extensions/forms/style/dnb-forms.min.css +1 -1
- package/es/extensions/forms/types.d.ts +6 -3
- package/es/extensions/forms/types.js.map +1 -1
- package/es/fragments/drawer-list/DrawerListHelpers.js +3 -2
- package/es/fragments/drawer-list/DrawerListHelpers.js.map +1 -1
- package/es/shared/Context.d.ts +3 -3
- package/es/shared/Context.js +8 -8
- 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/style/core/scopes.scss +1 -1
- package/es/style/dnb-ui-basis.css +1 -1
- package/es/style/dnb-ui-basis.min.css +1 -1
- package/es/style/dnb-ui-body.css +1 -1
- package/es/style/dnb-ui-body.min.css +1 -1
- package/es/style/dnb-ui-components.css +6 -1
- package/es/style/dnb-ui-components.min.css +2 -2
- package/es/style/dnb-ui-core.css +1 -1
- package/es/style/dnb-ui-core.min.css +1 -1
- package/es/style/dnb-ui-extensions.css +0 -1
- package/es/style/dnb-ui-extensions.min.css +1 -1
- package/es/style/dnb-ui-forms.css +0 -1
- package/es/style/dnb-ui-forms.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-components.css +6 -2
- package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +2 -2
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +0 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-forms.css +0 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-components.css +6 -2
- package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +2 -2
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +0 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-forms.css +0 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-components.css +6 -2
- package/es/style/themes/theme-ui/ui-theme-components.min.css +2 -2
- package/es/style/themes/theme-ui/ui-theme-extensions.css +0 -1
- package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-forms.css +0 -1
- package/es/style/themes/theme-ui/ui-theme-forms.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 +7 -5
- package/extensions/forms/DataContext/Context.js +0 -1
- package/extensions/forms/DataContext/Context.js.map +1 -1
- package/extensions/forms/DataContext/Provider/Provider.js +14 -4
- package/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +1 -1
- package/extensions/forms/Field/ArraySelection/ArraySelection.js +3 -3
- package/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
- package/extensions/forms/Field/Composition/Composition.d.ts +2 -2
- package/extensions/forms/Field/Composition/Composition.js.map +1 -1
- package/extensions/forms/Field/Number/Number.js +3 -3
- package/extensions/forms/Field/Number/Number.js.map +1 -1
- package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.d.ts +2 -2
- package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +2 -2
- package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
- package/extensions/forms/Field/SelectCountry/SelectCountry.js +4 -4
- package/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
- package/extensions/forms/Field/Selection/Selection.js +3 -3
- package/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/extensions/forms/Field/Slider/Slider.d.ts +34 -0
- package/extensions/forms/Field/Slider/Slider.js +104 -0
- package/extensions/forms/Field/Slider/Slider.js.map +1 -0
- package/extensions/forms/Field/Slider/SliderDocs.d.ts +3 -0
- package/extensions/forms/Field/Slider/SliderDocs.js +26 -0
- package/extensions/forms/Field/Slider/SliderDocs.js.map +1 -0
- package/extensions/forms/Field/Slider/index.d.ts +2 -0
- package/extensions/forms/Field/Slider/index.js +3 -0
- package/extensions/forms/Field/Slider/index.js.map +1 -0
- package/extensions/forms/Field/String/String.js +2 -2
- package/extensions/forms/Field/String/String.js.map +1 -1
- package/extensions/forms/Field/Toggle/Toggle.js +7 -7
- package/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
- 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.d.ts +1 -1
- package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/extensions/forms/FieldBlock/style/dnb-field-block.css +0 -1
- package/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/extensions/forms/FieldBlock/style/dnb-field-block.scss +0 -1
- package/extensions/forms/Form/FieldProps/FieldProps.d.ts +19 -5
- package/extensions/forms/Form/FieldProps/FieldProps.js +50 -21
- package/extensions/forms/Form/FieldProps/FieldProps.js.map +1 -1
- package/extensions/forms/Form/FieldProps/FieldPropsContext.d.ts +1 -0
- package/extensions/forms/Form/FieldProps/FieldPropsContext.js.map +1 -1
- package/extensions/forms/Form/Section/Section.d.ts +44 -0
- package/extensions/forms/Form/Section/Section.js +56 -0
- package/extensions/forms/Form/Section/Section.js.map +1 -0
- package/extensions/forms/Form/Section/SectionContext.d.ts +11 -0
- package/extensions/forms/Form/Section/SectionContext.js +4 -0
- package/extensions/forms/Form/Section/SectionContext.js.map +1 -0
- package/extensions/forms/Form/Section/SectionDocs.d.ts +3 -0
- package/extensions/forms/Form/Section/SectionDocs.js +35 -0
- package/extensions/forms/Form/Section/SectionDocs.js.map +1 -0
- package/extensions/forms/Form/Section/index.d.ts +2 -0
- package/extensions/forms/Form/Section/index.js +3 -0
- package/extensions/forms/Form/Section/index.js.map +1 -0
- package/extensions/forms/Form/Visibility/Visibility.js +16 -10
- package/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
- package/extensions/forms/Form/data-context/useData.js +6 -2
- package/extensions/forms/Form/data-context/useData.js.map +1 -1
- package/extensions/forms/Form/index.d.ts +1 -1
- package/extensions/forms/Form/index.js +1 -2
- package/extensions/forms/Form/index.js.map +1 -1
- package/extensions/forms/Iterate/AnimatedContainer/ElementBlock.d.ts +2 -2
- package/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js.map +1 -1
- package/extensions/forms/Iterate/EditContainer/EditContainer.d.ts +2 -2
- package/extensions/forms/Iterate/EditContainer/EditContainer.js.map +1 -1
- package/extensions/forms/Iterate/PushButton/PushButton.js +1 -1
- package/extensions/forms/Iterate/PushButton/PushButton.js.map +1 -1
- package/extensions/forms/Iterate/RemoveButton/RemoveButton.js +1 -1
- package/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
- package/extensions/forms/Iterate/ViewContainer/ViewContainer.d.ts +2 -2
- package/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map +1 -1
- package/extensions/forms/Tools/GenerateSchema.d.ts +19 -0
- package/extensions/forms/Tools/GenerateSchema.js +133 -0
- package/extensions/forms/Tools/GenerateSchema.js.map +1 -0
- package/extensions/forms/Tools/ListAllProps.d.ts +15 -0
- package/extensions/forms/Tools/ListAllProps.js +67 -0
- package/extensions/forms/Tools/ListAllProps.js.map +1 -0
- package/{cjs/extensions/forms/Form → extensions/forms}/Tools/index.d.ts +1 -0
- package/extensions/forms/Tools/index.js +3 -0
- package/extensions/forms/Tools/index.js.map +1 -0
- package/extensions/forms/Value/Number/Number.js +4 -2
- package/extensions/forms/Value/Number/Number.js.map +1 -1
- package/extensions/forms/Wizard/Container/WizardContainer.js +2 -2
- package/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
- package/extensions/forms/blocks/Category/FirstBlock/FirstBlock.d.ts +2 -0
- package/extensions/forms/blocks/Category/FirstBlock/FirstBlock.js +39 -0
- package/extensions/forms/blocks/Category/FirstBlock/FirstBlock.js.map +1 -0
- package/extensions/forms/blocks/Category/FirstBlock/index.d.ts +2 -0
- package/extensions/forms/blocks/Category/FirstBlock/index.js +3 -0
- package/extensions/forms/blocks/Category/FirstBlock/index.js.map +1 -0
- package/extensions/forms/blocks/Category/index.d.ts +1 -0
- package/extensions/forms/blocks/Category/index.js +1 -0
- package/extensions/forms/blocks/Category/index.js.map +1 -0
- package/extensions/forms/blocks/index.d.ts +1 -0
- package/extensions/forms/blocks/index.js +3 -0
- package/extensions/forms/blocks/index.js.map +1 -0
- package/extensions/forms/hooks/index.d.ts +2 -5
- package/extensions/forms/hooks/index.js +2 -1
- package/extensions/forms/hooks/index.js.map +1 -1
- package/extensions/forms/hooks/useDataValue.d.ts +9 -0
- package/extensions/forms/hooks/useDataValue.js +33 -0
- package/extensions/forms/hooks/useDataValue.js.map +1 -0
- package/extensions/forms/hooks/useExternalValue.d.ts +12 -0
- package/extensions/forms/hooks/useExternalValue.js +41 -0
- package/extensions/forms/hooks/useExternalValue.js.map +1 -0
- package/extensions/forms/hooks/useFieldProps.d.ts +1 -10
- package/extensions/forms/hooks/useFieldProps.js +59 -79
- package/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/extensions/forms/hooks/usePath.d.ts +14 -0
- package/extensions/forms/hooks/usePath.js +66 -0
- package/extensions/forms/hooks/usePath.js.map +1 -0
- package/extensions/forms/hooks/useValueProps.js +16 -4
- package/extensions/forms/hooks/useValueProps.js.map +1 -1
- package/extensions/forms/index.d.ts +2 -0
- package/extensions/forms/index.js +2 -0
- package/extensions/forms/index.js.map +1 -1
- package/extensions/forms/style/dnb-forms.css +0 -1
- package/extensions/forms/style/dnb-forms.min.css +1 -1
- package/extensions/forms/types.d.ts +6 -3
- package/extensions/forms/types.js.map +1 -1
- package/fragments/drawer-list/DrawerListHelpers.js +3 -2
- package/fragments/drawer-list/DrawerListHelpers.js.map +1 -1
- package/package.json +1 -1
- package/shared/Context.d.ts +3 -3
- package/shared/Context.js +8 -8
- 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/style/core/scopes.scss +1 -1
- package/style/dnb-ui-basis.css +1 -1
- package/style/dnb-ui-basis.min.css +1 -1
- package/style/dnb-ui-body.css +1 -1
- package/style/dnb-ui-body.min.css +1 -1
- package/style/dnb-ui-components.css +6 -1
- package/style/dnb-ui-components.min.css +2 -2
- package/style/dnb-ui-core.css +1 -1
- package/style/dnb-ui-core.min.css +1 -1
- package/style/dnb-ui-extensions.css +0 -1
- package/style/dnb-ui-extensions.min.css +1 -1
- package/style/dnb-ui-forms.css +0 -1
- package/style/dnb-ui-forms.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-components.css +6 -2
- package/style/themes/theme-eiendom/eiendom-theme-components.min.css +2 -2
- package/style/themes/theme-eiendom/eiendom-theme-extensions.css +0 -1
- package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-forms.css +0 -1
- package/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-components.css +6 -2
- package/style/themes/theme-sbanken/sbanken-theme-components.min.css +2 -2
- package/style/themes/theme-sbanken/sbanken-theme-extensions.css +0 -1
- package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-forms.css +0 -1
- package/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-components.css +6 -2
- package/style/themes/theme-ui/ui-theme-components.min.css +2 -2
- package/style/themes/theme-ui/ui-theme-extensions.css +0 -1
- package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-forms.css +0 -1
- package/style/themes/theme-ui/ui-theme-forms.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/Tools/GenerateSchema.d.ts +0 -8
- package/cjs/extensions/forms/Form/Tools/GenerateSchema.js +0 -100
- package/cjs/extensions/forms/Form/Tools/GenerateSchema.js.map +0 -1
- package/cjs/extensions/forms/Form/Tools/index.js.map +0 -1
- package/es/extensions/forms/Form/Tools/GenerateSchema.d.ts +0 -8
- package/es/extensions/forms/Form/Tools/GenerateSchema.js +0 -89
- package/es/extensions/forms/Form/Tools/GenerateSchema.js.map +0 -1
- package/es/extensions/forms/Form/Tools/index.js +0 -1
- package/es/extensions/forms/Form/Tools/index.js.map +0 -1
- package/extensions/forms/Form/Tools/GenerateSchema.d.ts +0 -8
- package/extensions/forms/Form/Tools/GenerateSchema.js +0 -90
- package/extensions/forms/Form/Tools/GenerateSchema.js.map +0 -1
- package/extensions/forms/Form/Tools/index.js +0 -1
- package/extensions/forms/Form/Tools/index.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../../../src/extensions/forms/blocks/Category/FirstBlock/index.ts"],"sourcesContent":["export { default } from './FirstBlock'\nexport * from './FirstBlock'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,cAAc;AACtC,cAAc,cAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as FirstBlock } from './FirstBlock';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as FirstBlock } from './FirstBlock';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","FirstBlock"],"sources":["../../../../../../src/extensions/forms/blocks/Category/index.ts"],"sourcesContent":["export { default as FirstBlock } from './FirstBlock'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * as Category from './Category';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * as Category from './Category';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["Category"],"sources":["../../../../../src/extensions/forms/blocks/index.ts"],"sourcesContent":["export * as Category from './Category'\n"],"mappings":"AAAA,OAAO,KAAKA,QAAQ,MAAM,YAAY"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
+
export { default as usePath } from './usePath';
|
|
1
2
|
export { default as useFieldProps } from './useFieldProps';
|
|
2
3
|
export { default as useValueProps } from './useValueProps';
|
|
4
|
+
export { default as useExternalValue } from './useExternalValue';
|
|
3
5
|
export { default as useErrorMessage } from './useErrorMessage';
|
|
4
6
|
export { default as useProcessManager } from './useProcessManager';
|
|
5
7
|
export { default as useTranslation } from './useTranslation';
|
|
6
|
-
/**
|
|
7
|
-
* Can be removed in v11
|
|
8
|
-
* @deprecated Use `useFieldProps` instead
|
|
9
|
-
*/
|
|
10
|
-
export { default as useDataValue } from './useFieldProps';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
export { default as usePath } from './usePath';
|
|
1
2
|
export { default as useFieldProps } from './useFieldProps';
|
|
2
3
|
export { default as useValueProps } from './useValueProps';
|
|
4
|
+
export { default as useExternalValue } from './useExternalValue';
|
|
3
5
|
export { default as useErrorMessage } from './useErrorMessage';
|
|
4
6
|
export { default as useProcessManager } from './useProcessManager';
|
|
5
7
|
export { default as useTranslation } from './useTranslation';
|
|
6
|
-
export { default as useDataValue } from './useFieldProps';
|
|
7
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","useFieldProps","useValueProps","useErrorMessage","useProcessManager","useTranslation"
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","usePath","useFieldProps","useValueProps","useExternalValue","useErrorMessage","useProcessManager","useTranslation"],"sources":["../../../../../src/extensions/forms/hooks/index.ts"],"sourcesContent":["export { default as usePath } from './usePath'\nexport { default as useFieldProps } from './useFieldProps'\nexport { default as useValueProps } from './useValueProps'\nexport { default as useExternalValue } from './useExternalValue'\nexport { default as useErrorMessage } from './useErrorMessage'\nexport { default as useProcessManager } from './useProcessManager'\nexport { default as useTranslation } from './useTranslation'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW;AAC9C,SAASD,OAAO,IAAIE,aAAa,QAAQ,iBAAiB;AAC1D,SAASF,OAAO,IAAIG,aAAa,QAAQ,iBAAiB;AAC1D,SAASH,OAAO,IAAII,gBAAgB,QAAQ,oBAAoB;AAChE,SAASJ,OAAO,IAAIK,eAAe,QAAQ,mBAAmB;AAC9D,SAASL,OAAO,IAAIM,iBAAiB,QAAQ,qBAAqB;AAClE,SAASN,OAAO,IAAIO,cAAc,QAAQ,kBAAkB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Path } from '../types';
|
|
2
|
+
export type Props<Value> = {
|
|
3
|
+
path?: Path | undefined;
|
|
4
|
+
value?: Value;
|
|
5
|
+
};
|
|
6
|
+
export default function useDataValue<Value>({ path: pathProp, value, }?: Props<Value>): {
|
|
7
|
+
getValue: (source: Path | Value) => any;
|
|
8
|
+
value: Value;
|
|
9
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
import { useCallback, useContext, useRef } from 'react';
|
|
4
|
+
import pointer from 'json-pointer';
|
|
5
|
+
import DataContext from '../DataContext/Context';
|
|
6
|
+
import usePath from './usePath';
|
|
7
|
+
export default function useDataValue({
|
|
8
|
+
path: pathProp,
|
|
9
|
+
value
|
|
10
|
+
} = {}) {
|
|
11
|
+
const dataContextRef = useRef();
|
|
12
|
+
dataContextRef.current = useContext(DataContext);
|
|
13
|
+
const {
|
|
14
|
+
makePath
|
|
15
|
+
} = usePath();
|
|
16
|
+
const getValue = useCallback(source => {
|
|
17
|
+
if (typeof source === 'string') {
|
|
18
|
+
var _dataContextRef$curre;
|
|
19
|
+
const path = makePath(source);
|
|
20
|
+
return pointer.has((_dataContextRef$curre = dataContextRef.current) === null || _dataContextRef$curre === void 0 ? void 0 : _dataContextRef$curre.data, path) ? pointer.get(dataContextRef.current.data, path) : undefined;
|
|
21
|
+
}
|
|
22
|
+
return source;
|
|
23
|
+
}, [makePath]);
|
|
24
|
+
if (pathProp) {
|
|
25
|
+
value = getValue(pathProp);
|
|
26
|
+
}
|
|
27
|
+
return {
|
|
28
|
+
getValue,
|
|
29
|
+
value
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=useDataValue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDataValue.js","names":["useCallback","useContext","useRef","pointer","DataContext","usePath","useDataValue","path","pathProp","value","dataContextRef","current","makePath","getValue","source","_dataContextRef$curre","has","data","get","undefined"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer from 'json-pointer'\nimport { Path } from '../types'\nimport DataContext, { ContextState } from '../DataContext/Context'\nimport usePath from './usePath'\n\nexport type Props<Value> = {\n path?: Path | undefined\n value?: Value\n}\n\nexport default function useDataValue<Value>({\n path: pathProp,\n value,\n}: Props<Value> = {}) {\n const dataContextRef = useRef<ContextState>()\n dataContextRef.current = useContext<ContextState>(DataContext)\n\n const { makePath } = usePath()\n\n const getValue = useCallback(\n (source: Path | Value) => {\n if (typeof source === 'string') {\n const path = makePath(source)\n return pointer.has(dataContextRef.current?.data, path)\n ? pointer.get(dataContextRef.current.data, path)\n : undefined\n }\n\n return source\n },\n [makePath]\n )\n\n if (pathProp) {\n value = getValue(pathProp)\n }\n\n return { getValue, value }\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACvD,OAAOC,OAAO,MAAM,cAAc;AAElC,OAAOC,WAAW,MAAwB,wBAAwB;AAClE,OAAOC,OAAO,MAAM,WAAW;AAO/B,eAAe,SAASC,YAAYA,CAAQ;EAC1CC,IAAI,EAAEC,QAAQ;EACdC;AACY,CAAC,GAAG,CAAC,CAAC,EAAE;EACpB,MAAMC,cAAc,GAAGR,MAAM,CAAe,CAAC;EAC7CQ,cAAc,CAACC,OAAO,GAAGV,UAAU,CAAeG,WAAW,CAAC;EAE9D,MAAM;IAAEQ;EAAS,CAAC,GAAGP,OAAO,CAAC,CAAC;EAE9B,MAAMQ,QAAQ,GAAGb,WAAW,CACzBc,MAAoB,IAAK;IACxB,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;MAAA,IAAAC,qBAAA;MAC9B,MAAMR,IAAI,GAAGK,QAAQ,CAACE,MAAM,CAAC;MAC7B,OAAOX,OAAO,CAACa,GAAG,EAAAD,qBAAA,GAACL,cAAc,CAACC,OAAO,cAAAI,qBAAA,uBAAtBA,qBAAA,CAAwBE,IAAI,EAAEV,IAAI,CAAC,GAClDJ,OAAO,CAACe,GAAG,CAACR,cAAc,CAACC,OAAO,CAACM,IAAI,EAAEV,IAAI,CAAC,GAC9CY,SAAS;IACf;IAEA,OAAOL,MAAM;EACf,CAAC,EACD,CAACF,QAAQ,CACX,CAAC;EAED,IAAIJ,QAAQ,EAAE;IACZC,KAAK,GAAGI,QAAQ,CAACL,QAAQ,CAAC;EAC5B;EAEA,OAAO;IAAEK,QAAQ;IAAEJ;EAAM,CAAC;AAC5B"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FieldProps, Path } from '../types';
|
|
3
|
+
export type Props<Value> = {
|
|
4
|
+
path?: Path | undefined;
|
|
5
|
+
itemPath?: Path;
|
|
6
|
+
value?: Value;
|
|
7
|
+
transformers?: React.MutableRefObject<{
|
|
8
|
+
fromExternal: FieldProps<Value>['fromExternal'];
|
|
9
|
+
}>;
|
|
10
|
+
emptyValue?: FieldProps<Value>['emptyValue'];
|
|
11
|
+
};
|
|
12
|
+
export default function useExternalValue<Value>(props: Props<Value>): any;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
import { useContext, useMemo } from 'react';
|
|
4
|
+
import pointer from 'json-pointer';
|
|
5
|
+
import DataContext from '../DataContext/Context';
|
|
6
|
+
import IterateElementContext from '../Iterate/IterateElementContext';
|
|
7
|
+
export default function useExternalValue(props) {
|
|
8
|
+
const {
|
|
9
|
+
path,
|
|
10
|
+
itemPath,
|
|
11
|
+
value,
|
|
12
|
+
transformers,
|
|
13
|
+
emptyValue = undefined
|
|
14
|
+
} = props;
|
|
15
|
+
const dataContext = useContext(DataContext);
|
|
16
|
+
const iterateElementContext = useContext(IterateElementContext);
|
|
17
|
+
const inIterate = Boolean(iterateElementContext);
|
|
18
|
+
const {
|
|
19
|
+
value: iterateElementValue
|
|
20
|
+
} = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
|
|
21
|
+
return useMemo(() => {
|
|
22
|
+
if (value !== emptyValue) {
|
|
23
|
+
var _transformers$current, _transformers$current2;
|
|
24
|
+
return transformers === null || transformers === void 0 ? void 0 : (_transformers$current = transformers.current) === null || _transformers$current === void 0 ? void 0 : (_transformers$current2 = _transformers$current.fromExternal) === null || _transformers$current2 === void 0 ? void 0 : _transformers$current2.call(_transformers$current, value);
|
|
25
|
+
}
|
|
26
|
+
if (inIterate && itemPath) {
|
|
27
|
+
if (itemPath === '/') {
|
|
28
|
+
return iterateElementValue;
|
|
29
|
+
}
|
|
30
|
+
return pointer.has(iterateElementValue, itemPath) ? pointer.get(iterateElementValue, itemPath) : emptyValue;
|
|
31
|
+
}
|
|
32
|
+
if (dataContext.data && path) {
|
|
33
|
+
if (path === '/') {
|
|
34
|
+
return dataContext.data;
|
|
35
|
+
}
|
|
36
|
+
return pointer.has(dataContext.data, path) ? pointer.get(dataContext.data, path) : emptyValue;
|
|
37
|
+
}
|
|
38
|
+
return emptyValue;
|
|
39
|
+
}, [dataContext.data, emptyValue, inIterate, itemPath, iterateElementValue, path, transformers, value]);
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=useExternalValue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useExternalValue.js","names":["useContext","useMemo","pointer","DataContext","IterateElementContext","useExternalValue","props","path","itemPath","value","transformers","emptyValue","undefined","dataContext","iterateElementContext","inIterate","Boolean","iterateElementValue","_transformers$current","_transformers$current2","current","fromExternal","call","has","get","data"],"sources":["../../../../../src/extensions/forms/hooks/useExternalValue.ts"],"sourcesContent":["import { useContext, useMemo } from 'react'\nimport pointer from 'json-pointer'\nimport { FieldProps, Path } from '../types'\nimport DataContext from '../DataContext/Context'\nimport IterateElementContext from '../Iterate/IterateElementContext'\n\nexport type Props<Value> = {\n path?: Path | undefined\n itemPath?: Path\n value?: Value\n transformers?: React.MutableRefObject<{\n fromExternal: FieldProps<Value>['fromExternal']\n }>\n emptyValue?: FieldProps<Value>['emptyValue']\n}\n\nexport default function useExternalValue<Value>(props: Props<Value>) {\n const {\n path,\n itemPath,\n value,\n transformers,\n emptyValue = undefined,\n } = props\n const dataContext = useContext(DataContext)\n const iterateElementContext = useContext(IterateElementContext)\n const inIterate = Boolean(iterateElementContext)\n const { value: iterateElementValue } = iterateElementContext ?? {}\n\n return useMemo(() => {\n if (value !== emptyValue) {\n // Value-prop sent directly to the field has highest priority, overriding any surrounding source\n return transformers?.current?.fromExternal?.(value)\n }\n\n if (inIterate && itemPath) {\n // This field is inside an iterate, and has a pointer from the base of the element being iterated\n if (itemPath === '/') {\n return iterateElementValue\n }\n\n return pointer.has(iterateElementValue, itemPath)\n ? pointer.get(iterateElementValue, itemPath)\n : emptyValue\n }\n\n if (dataContext.data && path) {\n // There is a surrounding data context and a path for where in the source to find the data\n if (path === '/') {\n return dataContext.data\n }\n\n return pointer.has(dataContext.data, path)\n ? pointer.get(dataContext.data, path)\n : emptyValue\n }\n\n return emptyValue\n }, [\n dataContext.data,\n emptyValue,\n inIterate,\n itemPath,\n iterateElementValue,\n path,\n transformers,\n value,\n ])\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,OAAOC,OAAO,MAAM,cAAc;AAElC,OAAOC,WAAW,MAAM,wBAAwB;AAChD,OAAOC,qBAAqB,MAAM,kCAAkC;AAYpE,eAAe,SAASC,gBAAgBA,CAAQC,KAAmB,EAAE;EACnE,MAAM;IACJC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC,YAAY;IACZC,UAAU,GAAGC;EACf,CAAC,GAAGN,KAAK;EACT,MAAMO,WAAW,GAAGb,UAAU,CAACG,WAAW,CAAC;EAC3C,MAAMW,qBAAqB,GAAGd,UAAU,CAACI,qBAAqB,CAAC;EAC/D,MAAMW,SAAS,GAAGC,OAAO,CAACF,qBAAqB,CAAC;EAChD,MAAM;IAAEL,KAAK,EAAEQ;EAAoB,CAAC,GAAGH,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAElE,OAAOb,OAAO,CAAC,MAAM;IACnB,IAAIQ,KAAK,KAAKE,UAAU,EAAE;MAAA,IAAAO,qBAAA,EAAAC,sBAAA;MAExB,OAAOT,YAAY,aAAZA,YAAY,wBAAAQ,qBAAA,GAAZR,YAAY,CAAEU,OAAO,cAAAF,qBAAA,wBAAAC,sBAAA,GAArBD,qBAAA,CAAuBG,YAAY,cAAAF,sBAAA,uBAAnCA,sBAAA,CAAAG,IAAA,CAAAJ,qBAAA,EAAsCT,KAAK,CAAC;IACrD;IAEA,IAAIM,SAAS,IAAIP,QAAQ,EAAE;MAEzB,IAAIA,QAAQ,KAAK,GAAG,EAAE;QACpB,OAAOS,mBAAmB;MAC5B;MAEA,OAAOf,OAAO,CAACqB,GAAG,CAACN,mBAAmB,EAAET,QAAQ,CAAC,GAC7CN,OAAO,CAACsB,GAAG,CAACP,mBAAmB,EAAET,QAAQ,CAAC,GAC1CG,UAAU;IAChB;IAEA,IAAIE,WAAW,CAACY,IAAI,IAAIlB,IAAI,EAAE;MAE5B,IAAIA,IAAI,KAAK,GAAG,EAAE;QAChB,OAAOM,WAAW,CAACY,IAAI;MACzB;MAEA,OAAOvB,OAAO,CAACqB,GAAG,CAACV,WAAW,CAACY,IAAI,EAAElB,IAAI,CAAC,GACtCL,OAAO,CAACsB,GAAG,CAACX,WAAW,CAACY,IAAI,EAAElB,IAAI,CAAC,GACnCI,UAAU;IAChB;IAEA,OAAOA,UAAU;EACnB,CAAC,EAAE,CACDE,WAAW,CAACY,IAAI,EAChBd,UAAU,EACVI,SAAS,EACTP,QAAQ,EACRS,mBAAmB,EACnBV,IAAI,EACJG,YAAY,EACZD,KAAK,CACN,CAAC;AACJ"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AriaAttributes } from 'react';
|
|
2
|
-
import { FieldProps, AdditionalEventArgs, SubmitState
|
|
2
|
+
import { FieldProps, AdditionalEventArgs, SubmitState } from '../types';
|
|
3
3
|
import { ContextState } from '../DataContext';
|
|
4
4
|
export type DataAttributes = {
|
|
5
5
|
[property: `data-${string}`]: string | boolean | number;
|
|
@@ -21,12 +21,3 @@ export interface ReturnAdditional<Value> {
|
|
|
21
21
|
dataContext: ContextState;
|
|
22
22
|
fieldState: SubmitState;
|
|
23
23
|
}
|
|
24
|
-
export declare function useExternalValue<Value>({ path, itemPath, props, transformers, emptyValue, }: {
|
|
25
|
-
path?: Path;
|
|
26
|
-
itemPath?: Path;
|
|
27
|
-
props: FieldProps<Value>;
|
|
28
|
-
transformers: React.MutableRefObject<{
|
|
29
|
-
fromExternal: FieldProps<Value>['fromExternal'];
|
|
30
|
-
}>;
|
|
31
|
-
emptyValue?: FieldProps<Value>['emptyValue'];
|
|
32
|
-
}): any;
|
|
@@ -17,11 +17,14 @@ import useMountEffect from '../../../shared/helpers/useMountEffect';
|
|
|
17
17
|
import useUnmountEffect from '../../../shared/helpers/useUnmountEffect';
|
|
18
18
|
import FieldBlockContext from '../FieldBlock/FieldBlockContext';
|
|
19
19
|
import IterateElementContext from '../Iterate/IterateElementContext';
|
|
20
|
+
import SectionContext from '../Form/Section/SectionContext';
|
|
20
21
|
import FieldBoundaryContext from '../DataContext/FieldBoundary/FieldBoundaryContext';
|
|
21
22
|
import useProcessManager from './useProcessManager';
|
|
23
|
+
import usePath from './usePath';
|
|
22
24
|
import { createSharedState, useSharedState } from '../../../shared/helpers/useSharedState';
|
|
23
25
|
import { isAsync } from '../../../shared/helpers/isAsync';
|
|
24
26
|
import useTranslation from './useTranslation';
|
|
27
|
+
import useExternalValue from './useExternalValue';
|
|
25
28
|
export default function useFieldProps(localeProps) {
|
|
26
29
|
var _dataContext$props, _dataContext$ajvInsta, _localErrorRef$curren, _ref, _props$path, _props$autoComplete;
|
|
27
30
|
const {
|
|
@@ -29,7 +32,8 @@ export default function useFieldProps(localeProps) {
|
|
|
29
32
|
} = useContext(FieldPropsContext);
|
|
30
33
|
const props = extend(localeProps);
|
|
31
34
|
const {
|
|
32
|
-
path,
|
|
35
|
+
path: pathProp,
|
|
36
|
+
value: valueProp,
|
|
33
37
|
itemPath,
|
|
34
38
|
emptyValue,
|
|
35
39
|
required: requiredProp,
|
|
@@ -71,6 +75,7 @@ export default function useFieldProps(localeProps) {
|
|
|
71
75
|
const dataContext = useContext(DataContext);
|
|
72
76
|
const fieldBlockContext = useContext(FieldBlockContext);
|
|
73
77
|
const iterateElementContext = useContext(IterateElementContext);
|
|
78
|
+
const sectionContext = useContext(SectionContext);
|
|
74
79
|
const fieldBoundaryContext = useContext(FieldBoundaryContext);
|
|
75
80
|
const translation = useTranslation();
|
|
76
81
|
const transformers = useRef({
|
|
@@ -90,7 +95,7 @@ export default function useFieldProps(localeProps) {
|
|
|
90
95
|
validateData: validateDataDataContext,
|
|
91
96
|
setFieldState: setFieldStateDataContext,
|
|
92
97
|
setFieldError: setFieldErrorDataContext,
|
|
93
|
-
|
|
98
|
+
setFieldProps: setPropsDataContext,
|
|
94
99
|
errors: dataContextErrors,
|
|
95
100
|
contextErrorMessages
|
|
96
101
|
} = dataContext !== null && dataContext !== void 0 ? dataContext : {};
|
|
@@ -102,35 +107,31 @@ export default function useFieldProps(localeProps) {
|
|
|
102
107
|
showFieldError: showFieldErrorFieldBlock,
|
|
103
108
|
mountedFieldsRef: mountedFieldsRefFieldBlock
|
|
104
109
|
} = fieldBlockContext !== null && fieldBlockContext !== void 0 ? fieldBlockContext : {};
|
|
105
|
-
const inIterate = Boolean(iterateElementContext);
|
|
106
110
|
const {
|
|
107
|
-
index: iterateElementIndex,
|
|
108
|
-
path: iteratePath,
|
|
109
111
|
handleChange: handleChangeIterateContext
|
|
110
112
|
} = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
|
|
113
|
+
const {
|
|
114
|
+
path: sectionPath,
|
|
115
|
+
handleChange: handleChangeSectionContext,
|
|
116
|
+
errorPrioritization
|
|
117
|
+
} = sectionContext !== null && sectionContext !== void 0 ? sectionContext : {};
|
|
111
118
|
const {
|
|
112
119
|
setFieldError
|
|
113
120
|
} = fieldBoundaryContext !== null && fieldBoundaryContext !== void 0 ? fieldBoundaryContext : {};
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
if (itemPath) {
|
|
125
|
-
const iterateValuePath = `${iteratePath}/${iterateElementIndex}${itemPath && itemPath !== '/' ? itemPath : ''}`;
|
|
126
|
-
return iterateValuePath;
|
|
127
|
-
}
|
|
128
|
-
return path !== null && path !== void 0 ? path : id;
|
|
129
|
-
}, [itemPath, path, id, iteratePath, iterateElementIndex]);
|
|
121
|
+
const hasPath = Boolean(pathProp);
|
|
122
|
+
const {
|
|
123
|
+
path,
|
|
124
|
+
identifier,
|
|
125
|
+
makeIteratePath
|
|
126
|
+
} = usePath({
|
|
127
|
+
id,
|
|
128
|
+
path: pathProp,
|
|
129
|
+
itemPath
|
|
130
|
+
});
|
|
130
131
|
const externalValue = useExternalValue({
|
|
131
132
|
path,
|
|
132
133
|
itemPath,
|
|
133
|
-
|
|
134
|
+
value: valueProp,
|
|
134
135
|
transformers,
|
|
135
136
|
emptyValue
|
|
136
137
|
});
|
|
@@ -150,12 +151,15 @@ export default function useFieldProps(localeProps) {
|
|
|
150
151
|
const schemaPart = pointer.has(schema, schemaPath) ? pointer.get(schema, schemaPath) : schema;
|
|
151
152
|
requiredList.push(schemaPart === null || schemaPart === void 0 ? void 0 : schemaPart.required);
|
|
152
153
|
}
|
|
154
|
+
if (sectionPath) {
|
|
155
|
+
paths.push(sectionPath.substring(1));
|
|
156
|
+
}
|
|
153
157
|
const collected = requiredList.flatMap(v => v).filter(Boolean);
|
|
154
|
-
if (collected.
|
|
158
|
+
if (paths.filter(Boolean).some(p => collected.some(c => c.includes(p)))) {
|
|
155
159
|
return true;
|
|
156
160
|
}
|
|
157
161
|
}
|
|
158
|
-
}, [
|
|
162
|
+
}, [sectionPath, dataContext.schema, identifier, requiredProp, schema]);
|
|
159
163
|
const showErrorRef = useRef(Boolean(validateInitially || errorProp));
|
|
160
164
|
const errorMethodRef = useRef({});
|
|
161
165
|
const localErrorRef = useRef();
|
|
@@ -374,6 +378,13 @@ export default function useFieldProps(localeProps) {
|
|
|
374
378
|
showError();
|
|
375
379
|
forceUpdate();
|
|
376
380
|
}, [persistErrorState, defineAsyncProcess, setFieldState, showError]);
|
|
381
|
+
const prioritizeContextSchema = useMemo(() => {
|
|
382
|
+
if (errorPrioritization) {
|
|
383
|
+
const schemaPath = identifier.split('/').join('/properties/');
|
|
384
|
+
const hasContextSchema = pointer.has((dataContext === null || dataContext === void 0 ? void 0 : dataContext.schema) || {}, schemaPath);
|
|
385
|
+
return hasContextSchema && (errorPrioritization === null || errorPrioritization === void 0 ? void 0 : errorPrioritization.indexOf('contextSchema')) === 0;
|
|
386
|
+
}
|
|
387
|
+
}, [dataContext === null || dataContext === void 0 ? void 0 : dataContext.schema, errorPrioritization, identifier]);
|
|
377
388
|
const validateValue = useCallback(async () => {
|
|
378
389
|
const isProcessActive = startProcess();
|
|
379
390
|
if (disabled) {
|
|
@@ -390,7 +401,7 @@ export default function useFieldProps(localeProps) {
|
|
|
390
401
|
try {
|
|
391
402
|
const requiredError = transformers.current.validateRequired(value, {
|
|
392
403
|
emptyValue,
|
|
393
|
-
required: requiredProp,
|
|
404
|
+
required: requiredProp !== null && requiredProp !== void 0 ? requiredProp : required,
|
|
394
405
|
isChanged: changedRef.current,
|
|
395
406
|
error: new FormError('The value is required', {
|
|
396
407
|
validationRule: 'required'
|
|
@@ -399,7 +410,7 @@ export default function useFieldProps(localeProps) {
|
|
|
399
410
|
if (requiredError instanceof Error) {
|
|
400
411
|
throw requiredError;
|
|
401
412
|
}
|
|
402
|
-
if (schemaValidatorRef.current && value !== undefined && !schemaValidatorRef.current(value)) {
|
|
413
|
+
if (schemaValidatorRef.current && value !== undefined && !schemaValidatorRef.current(value) && !prioritizeContextSchema) {
|
|
403
414
|
const error = ajvErrorsToOneFormError(schemaValidatorRef.current.errors, valueRef.current);
|
|
404
415
|
throw error;
|
|
405
416
|
}
|
|
@@ -419,7 +430,7 @@ export default function useFieldProps(localeProps) {
|
|
|
419
430
|
persistErrorState('weak', error);
|
|
420
431
|
}
|
|
421
432
|
}
|
|
422
|
-
}, [startProcess, disabled, hideError, setFieldState, clearErrorState, emptyValue, requiredProp, validateInitially, callValidator, persistErrorState]);
|
|
433
|
+
}, [startProcess, disabled, hideError, setFieldState, clearErrorState, emptyValue, requiredProp, required, prioritizeContextSchema, validateInitially, callValidator, persistErrorState]);
|
|
423
434
|
const handleError = useCallback(() => {
|
|
424
435
|
if (continuousValidation || continuousValidation !== false && !hasFocusRef.current) {
|
|
425
436
|
showError();
|
|
@@ -531,32 +542,34 @@ export default function useFieldProps(localeProps) {
|
|
|
531
542
|
}]
|
|
532
543
|
});
|
|
533
544
|
}
|
|
534
|
-
if (
|
|
545
|
+
if (hasPath) {
|
|
535
546
|
if (isAsync(onChangeContext)) {
|
|
536
547
|
defineAsyncProcess('onChangeContext');
|
|
537
548
|
if (!hasError()) {
|
|
538
|
-
setEventResult(await (handlePathChangeDataContext === null || handlePathChangeDataContext === void 0 ? void 0 : handlePathChangeDataContext(
|
|
549
|
+
setEventResult(await (handlePathChangeDataContext === null || handlePathChangeDataContext === void 0 ? void 0 : handlePathChangeDataContext(identifier)));
|
|
539
550
|
} else {
|
|
540
551
|
setEventResult(null);
|
|
541
552
|
}
|
|
542
553
|
} else {
|
|
543
|
-
setEventResult(handlePathChangeDataContext === null || handlePathChangeDataContext === void 0 ? void 0 : handlePathChangeDataContext(
|
|
554
|
+
setEventResult(handlePathChangeDataContext === null || handlePathChangeDataContext === void 0 ? void 0 : handlePathChangeDataContext(identifier));
|
|
544
555
|
}
|
|
545
556
|
}
|
|
546
557
|
forceUpdate();
|
|
547
|
-
}, [asyncBehaviorIsEnabled,
|
|
558
|
+
}, [asyncBehaviorIsEnabled, hasPath, identifier, hasError, yieldAsyncProcess, onChangeContext, defineAsyncProcess, setEventResult, handlePathChangeDataContext]);
|
|
548
559
|
const updateValue = useCallback(async newValue => {
|
|
549
560
|
if (newValue === valueRef.current) {
|
|
550
561
|
return;
|
|
551
562
|
}
|
|
552
563
|
valueRef.current = newValue;
|
|
553
|
-
|
|
564
|
+
if (hasPath) {
|
|
565
|
+
handlePathChangeUnvalidatedDataContext(identifier, newValue);
|
|
566
|
+
}
|
|
554
567
|
addToPool('validator', validateValue, isAsync(validatorRef.current));
|
|
555
568
|
addToPool('onChangeContext', callOnChangeContext, isAsync(onChangeContext));
|
|
556
569
|
await runPool(() => {
|
|
557
570
|
handleError();
|
|
558
571
|
});
|
|
559
|
-
}, [
|
|
572
|
+
}, [hasPath, addToPool, validateValue, callOnChangeContext, onChangeContext, runPool, handlePathChangeUnvalidatedDataContext, identifier, handleError]);
|
|
560
573
|
const handleChange = useCallback(async (argFromInput, additionalArgs = undefined) => {
|
|
561
574
|
const currentValue = valueRef.current;
|
|
562
575
|
const fromInput = transformers.current.fromInput(argFromInput);
|
|
@@ -565,9 +578,9 @@ export default function useFieldProps(localeProps) {
|
|
|
565
578
|
}
|
|
566
579
|
const transformedValue = transformers.current.transformOut(transformers.current.transformValue(fromInput, currentValue));
|
|
567
580
|
changedRef.current = true;
|
|
581
|
+
handleChangeSectionContext === null || handleChangeSectionContext === void 0 ? void 0 : handleChangeSectionContext(identifier, transformedValue);
|
|
568
582
|
if (itemPath) {
|
|
569
|
-
|
|
570
|
-
handleChangeIterateContext === null || handleChangeIterateContext === void 0 ? void 0 : handleChangeIterateContext(iterateValuePath, transformedValue);
|
|
583
|
+
handleChangeIterateContext === null || handleChangeIterateContext === void 0 ? void 0 : handleChangeIterateContext(makeIteratePath(), transformedValue);
|
|
571
584
|
}
|
|
572
585
|
if (asyncBehaviorIsEnabled) {
|
|
573
586
|
hideError();
|
|
@@ -609,7 +622,7 @@ export default function useFieldProps(localeProps) {
|
|
|
609
622
|
setEventResult(onChange === null || onChange === void 0 ? void 0 : onChange.apply(this, getArgs()));
|
|
610
623
|
}
|
|
611
624
|
await runPool();
|
|
612
|
-
}, [
|
|
625
|
+
}, [itemPath, asyncBehaviorIsEnabled, onChange, runPool, handleChangeIterateContext, makeIteratePath, handleChangeSectionContext, identifier, hideError, updateValue, addToPool, yieldAsyncProcess, defineAsyncProcess, hasError, setEventResult]);
|
|
613
626
|
const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus]);
|
|
614
627
|
const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus]);
|
|
615
628
|
setPropsDataContext === null || setPropsDataContext === void 0 ? void 0 : setPropsDataContext(identifier, props);
|
|
@@ -649,26 +662,26 @@ export default function useFieldProps(localeProps) {
|
|
|
649
662
|
}
|
|
650
663
|
}, [clearErrorState, dataContextError, handleError, persistErrorState, prepareError, validateInitially]);
|
|
651
664
|
useEffect(() => {
|
|
652
|
-
if (
|
|
665
|
+
if (hasPath) {
|
|
653
666
|
let value = props.value;
|
|
654
|
-
const hasValue = pointer.has(dataContext.data,
|
|
655
|
-
const existingValue = hasValue ? pointer.get(dataContext.data,
|
|
667
|
+
const hasValue = pointer.has(dataContext.data, identifier);
|
|
668
|
+
const existingValue = hasValue ? pointer.get(dataContext.data, identifier) : undefined;
|
|
656
669
|
if (dataContext.id && !hasValue && typeof existingValue === 'undefined' && typeof value === 'undefined') {
|
|
657
670
|
const sharedState = createSharedState(dataContext.id);
|
|
658
|
-
const hasValue = pointer.has(sharedState.data,
|
|
671
|
+
const hasValue = pointer.has(sharedState.data, identifier);
|
|
659
672
|
if (hasValue) {
|
|
660
|
-
const sharedValue = pointer.get(sharedState.data,
|
|
673
|
+
const sharedValue = pointer.get(sharedState.data, identifier);
|
|
661
674
|
if (sharedValue) {
|
|
662
675
|
value = sharedValue;
|
|
663
676
|
}
|
|
664
677
|
}
|
|
665
678
|
}
|
|
666
679
|
if (!hasValue || value !== existingValue && valueRef.current !== existingValue) {
|
|
667
|
-
updateDataValueDataContext === null || updateDataValueDataContext === void 0 ? void 0 : updateDataValueDataContext(
|
|
680
|
+
updateDataValueDataContext === null || updateDataValueDataContext === void 0 ? void 0 : updateDataValueDataContext(identifier, value);
|
|
668
681
|
validateDataDataContext === null || validateDataDataContext === void 0 ? void 0 : validateDataDataContext();
|
|
669
682
|
}
|
|
670
683
|
}
|
|
671
|
-
}, [dataContext.data, dataContext.id,
|
|
684
|
+
}, [dataContext.data, dataContext.id, identifier, hasPath, props.value, updateDataValueDataContext, validateDataDataContext]);
|
|
672
685
|
useEffect(() => {
|
|
673
686
|
if (dataContext.showAllErrors) {
|
|
674
687
|
if (fieldStateRef.current !== 'validating') {
|
|
@@ -767,7 +780,7 @@ export default function useFieldProps(localeProps) {
|
|
|
767
780
|
htmlAttributes['aria-describedby'] = combineDescribedBy(htmlAttributes, ids);
|
|
768
781
|
}
|
|
769
782
|
}
|
|
770
|
-
const
|
|
783
|
+
const fieldSectionProps = {
|
|
771
784
|
info: !inFieldBlock ? infoRef.current : undefined,
|
|
772
785
|
warning: !inFieldBlock ? warningRef.current : undefined,
|
|
773
786
|
error: !inFieldBlock ? error : undefined,
|
|
@@ -775,8 +788,8 @@ export default function useFieldProps(localeProps) {
|
|
|
775
788
|
fieldState: resolveValidatingState(fieldStateRef.current)
|
|
776
789
|
};
|
|
777
790
|
const sharedData = useSharedState(id);
|
|
778
|
-
sharedData.set(
|
|
779
|
-
return _objectSpread(_objectSpread(_objectSpread({}, props),
|
|
791
|
+
sharedData.set(fieldSectionProps);
|
|
792
|
+
return _objectSpread(_objectSpread(_objectSpread({}, props), fieldSectionProps), {}, {
|
|
780
793
|
name: props.name || ((_props$path = props.path) === null || _props$path === void 0 ? void 0 : _props$path.replace('/', '')) || id,
|
|
781
794
|
autoComplete: (_props$autoComplete = props.autoComplete) !== null && _props$autoComplete !== void 0 ? _props$autoComplete : dataContext.autoComplete === true ? 'on' : undefined,
|
|
782
795
|
id,
|
|
@@ -796,36 +809,4 @@ export default function useFieldProps(localeProps) {
|
|
|
796
809
|
function resolveValidatingState(state) {
|
|
797
810
|
return state === 'validating' ? 'pending' : state;
|
|
798
811
|
}
|
|
799
|
-
export function useExternalValue({
|
|
800
|
-
path,
|
|
801
|
-
itemPath,
|
|
802
|
-
props,
|
|
803
|
-
transformers,
|
|
804
|
-
emptyValue = undefined
|
|
805
|
-
}) {
|
|
806
|
-
const dataContext = useContext(DataContext);
|
|
807
|
-
const iterateElementContext = useContext(IterateElementContext);
|
|
808
|
-
const inIterate = Boolean(iterateElementContext);
|
|
809
|
-
const {
|
|
810
|
-
value: iterateElementValue
|
|
811
|
-
} = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
|
|
812
|
-
return useMemo(() => {
|
|
813
|
-
if (props.value !== emptyValue) {
|
|
814
|
-
return transformers.current.fromExternal(props.value);
|
|
815
|
-
}
|
|
816
|
-
if (inIterate && itemPath) {
|
|
817
|
-
if (itemPath === '/') {
|
|
818
|
-
return iterateElementValue;
|
|
819
|
-
}
|
|
820
|
-
return pointer.has(iterateElementValue, itemPath) ? pointer.get(iterateElementValue, itemPath) : emptyValue;
|
|
821
|
-
}
|
|
822
|
-
if (dataContext.data && path) {
|
|
823
|
-
if (path === '/') {
|
|
824
|
-
return dataContext.data;
|
|
825
|
-
}
|
|
826
|
-
return pointer.has(dataContext.data, path) ? pointer.get(dataContext.data, path) : emptyValue;
|
|
827
|
-
}
|
|
828
|
-
return emptyValue;
|
|
829
|
-
}, [props.value, emptyValue, inIterate, itemPath, dataContext.data, path, transformers, iterateElementValue]);
|
|
830
|
-
}
|
|
831
812
|
//# sourceMappingURL=useFieldProps.js.map
|