@dnb/eufemia 10.16.0 → 10.18.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 +54 -0
- package/cjs/components/anchor/Anchor.js +9 -5
- package/cjs/components/anchor/Anchor.js.map +1 -1
- package/cjs/components/anchor/style/anchor-mixins.scss +0 -11
- package/cjs/components/anchor/style/dnb-anchor.css +0 -16
- package/cjs/components/anchor/style/dnb-anchor.min.css +1 -1
- package/cjs/components/anchor/style/themes/dnb-anchor-theme-eiendom.css +16 -4
- package/cjs/components/anchor/style/themes/dnb-anchor-theme-eiendom.min.css +1 -1
- package/cjs/components/anchor/style/themes/dnb-anchor-theme-ui.css +16 -4
- package/cjs/components/anchor/style/themes/dnb-anchor-theme-ui.min.css +1 -1
- package/cjs/components/anchor/style/themes/dnb-anchor-theme-ui.scss +10 -2
- package/cjs/components/autocomplete/Autocomplete.js +2 -2
- package/cjs/components/autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/button/style/dnb-button.css +13 -0
- package/cjs/components/button/style/dnb-button.min.css +1 -1
- package/cjs/components/button/style/dnb-button.scss +16 -0
- package/cjs/components/button/style/themes/dnb-button-theme-eiendom.css +12 -1
- package/cjs/components/button/style/themes/dnb-button-theme-eiendom.min.css +1 -1
- package/cjs/components/button/style/themes/dnb-button-theme-sbanken.css +12 -0
- package/cjs/components/button/style/themes/dnb-button-theme-sbanken.min.css +2 -2
- package/cjs/components/button/style/themes/dnb-button-theme-sbanken.scss +10 -0
- package/cjs/components/button/style/themes/dnb-button-theme-ui.css +12 -1
- package/cjs/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
- package/cjs/components/button/style/themes/dnb-button-theme-ui.scss +12 -3
- package/cjs/components/date-picker/DatePicker.d.ts +14 -1
- package/cjs/components/date-picker/DatePicker.js +0 -1
- package/cjs/components/date-picker/DatePicker.js.map +1 -1
- package/cjs/components/date-picker/DatePickerCalc.js +2 -1
- package/cjs/components/date-picker/DatePickerCalc.js.map +1 -1
- package/cjs/components/date-picker/DatePickerInput.d.ts +3 -0
- package/cjs/components/date-picker/DatePickerInput.js +9 -2
- package/cjs/components/date-picker/DatePickerInput.js.map +1 -1
- package/cjs/components/dropdown/Dropdown.js +3 -2
- package/cjs/components/dropdown/Dropdown.js.map +1 -1
- package/cjs/components/flex/Container.js +15 -2
- package/cjs/components/flex/Container.js.map +1 -1
- package/cjs/components/flex/export.d.ts +1 -0
- package/cjs/components/flex/export.js +7 -0
- package/cjs/components/flex/export.js.map +1 -1
- package/cjs/components/flex/utils.d.ts +1 -1
- package/cjs/components/flex/utils.js +11 -1
- package/cjs/components/flex/utils.js.map +1 -1
- package/cjs/components/flex/withChildren.d.ts +6 -0
- package/cjs/components/flex/withChildren.js +13 -0
- package/cjs/components/flex/withChildren.js.map +1 -0
- package/cjs/components/input/Input.js +3 -3
- package/cjs/components/input/Input.js.map +1 -1
- package/cjs/components/input/style/themes/dnb-input-theme-ui.css +2 -0
- package/cjs/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
- package/cjs/components/input/style/themes/dnb-input-theme-ui.scss +2 -0
- package/cjs/components/input-masked/InputMaskedHooks.d.ts +1 -0
- package/cjs/components/input-masked/InputMaskedHooks.js +13 -8
- package/cjs/components/input-masked/InputMaskedHooks.js.map +1 -1
- package/cjs/components/input-masked/MultiInputMask.d.ts +10 -2
- package/cjs/components/input-masked/MultiInputMask.js +41 -14
- package/cjs/components/input-masked/MultiInputMask.js.map +1 -1
- package/cjs/components/input-masked/hooks/useHandleCursorPosition.js +7 -3
- package/cjs/components/input-masked/hooks/useHandleCursorPosition.js.map +1 -1
- package/cjs/components/input-masked/hooks/useMultiInputValues.d.ts +2 -2
- package/cjs/components/input-masked/hooks/useMultiInputValues.js.map +1 -1
- package/cjs/components/number-format/NumberFormat.js +1 -1
- package/cjs/components/number-format/NumberFormat.js.map +1 -1
- package/cjs/components/textarea/style/dnb-textarea.css +5 -0
- package/cjs/components/textarea/style/dnb-textarea.min.css +1 -1
- package/cjs/components/textarea/style/dnb-textarea.scss +4 -0
- package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.css +8 -1
- package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.min.css +1 -1
- package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.scss +6 -1
- package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.css +4 -0
- package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.min.css +1 -1
- package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +5 -0
- package/cjs/components/visually-hidden/VisuallyHidden.js +1 -1
- package/cjs/components/visually-hidden/VisuallyHidden.js.map +1 -1
- package/cjs/extensions/forms/DataContext/Provider/Provider.d.ts +8 -4
- package/cjs/extensions/forms/DataContext/Provider/Provider.js +22 -4
- package/cjs/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js +14 -14
- package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
- package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +12 -2
- package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
- package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.scss +12 -2
- package/cjs/extensions/forms/Field/Currency/Currency.d.ts +1 -5
- package/cjs/extensions/forms/Field/Currency/Currency.js.map +1 -1
- package/cjs/extensions/forms/Field/Date/Date.d.ts +3 -1
- package/cjs/extensions/forms/Field/Date/Date.js +47 -10
- package/cjs/extensions/forms/Field/Date/Date.js.map +1 -1
- package/cjs/extensions/forms/Field/Expiry/Expiry.d.ts +1 -1
- package/cjs/extensions/forms/Field/Expiry/Expiry.js +20 -10
- package/cjs/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
- package/cjs/extensions/forms/Field/Number/Number.d.ts +5 -1
- package/cjs/extensions/forms/Field/Number/Number.js +109 -30
- package/cjs/extensions/forms/Field/Number/Number.js.map +1 -1
- package/cjs/extensions/forms/Field/Number/style/dnb-number.css +192 -0
- package/cjs/extensions/forms/Field/Number/style/dnb-number.min.css +1 -0
- package/cjs/extensions/forms/Field/Number/style/dnb-number.scss +176 -0
- package/cjs/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.css +74 -0
- package/cjs/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.min.css +3 -0
- package/cjs/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.scss +81 -0
- package/cjs/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.css +15 -0
- package/cjs/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.min.css +5 -0
- package/cjs/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.scss +15 -0
- package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.js +7 -10
- package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
- package/cjs/extensions/forms/Field/Selection/Selection.d.ts +7 -1
- package/cjs/extensions/forms/Field/Selection/Selection.js +4 -9
- package/cjs/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/cjs/extensions/forms/Field/String/String.d.ts +0 -1
- package/cjs/extensions/forms/Field/String/String.js +23 -9
- package/cjs/extensions/forms/Field/String/String.js.map +1 -1
- package/cjs/extensions/forms/Field/Toggle/Toggle.js +0 -4
- package/cjs/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/FieldBlock.d.ts +1 -1
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js +16 -26
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css +9 -9
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss +2 -11
- package/cjs/extensions/forms/Form/Handler/Handler.js +1 -0
- package/cjs/extensions/forms/Form/Handler/Handler.js.map +1 -1
- package/cjs/extensions/forms/{Visibility → Form/Visibility}/Visibility.d.ts +5 -2
- package/cjs/extensions/forms/{Visibility → Form/Visibility}/Visibility.js +7 -2
- package/cjs/extensions/forms/Form/Visibility/Visibility.js.map +1 -0
- package/cjs/extensions/forms/Form/Visibility/index.js.map +1 -0
- package/cjs/extensions/forms/Form/hooks/useData.d.ts +10 -0
- package/cjs/extensions/forms/Form/hooks/useData.js +36 -0
- package/cjs/extensions/forms/Form/hooks/useData.js.map +1 -0
- package/cjs/extensions/forms/Form/index.d.ts +2 -0
- package/cjs/extensions/forms/Form/index.js +14 -0
- package/cjs/extensions/forms/Form/index.js.map +1 -1
- package/cjs/extensions/forms/Iterate/Array/Array.js +0 -4
- package/cjs/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/cjs/extensions/forms/hooks/useDataValue.js +26 -33
- package/cjs/extensions/forms/hooks/useDataValue.js.map +1 -1
- package/cjs/extensions/forms/hooks/useId.d.ts +1 -0
- package/cjs/extensions/forms/hooks/useId.js +18 -0
- package/cjs/extensions/forms/hooks/useId.js.map +1 -0
- package/cjs/extensions/forms/index.d.ts +6 -1
- package/cjs/extensions/forms/index.js +5 -8
- package/cjs/extensions/forms/index.js.map +1 -1
- package/cjs/extensions/forms/style/dnb-forms.css +214 -11
- package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
- package/cjs/extensions/forms/types.d.ts +16 -18
- package/cjs/extensions/forms/types.js.map +1 -1
- package/cjs/extensions/forms/utils/TestElement/TestElement.d.ts +5 -1
- package/cjs/extensions/forms/utils/TestElement/TestElement.js +1 -0
- package/cjs/extensions/forms/utils/TestElement/TestElement.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/helpers/EventEmitter.d.ts +5 -0
- package/cjs/shared/helpers/EventEmitter.js.map +1 -1
- package/cjs/shared/helpers/useEventEmitter.d.ts +2 -0
- package/cjs/shared/helpers/useEventEmitter.js.map +1 -1
- package/cjs/shared/helpers/useSharedState.d.ts +15 -0
- package/cjs/shared/helpers/useSharedState.js +71 -0
- package/cjs/shared/helpers/useSharedState.js.map +1 -0
- package/cjs/style/core/utilities.scss +1 -2
- package/cjs/style/dnb-ui-components.css +232 -27
- package/cjs/style/dnb-ui-components.min.css +3 -3
- package/cjs/style/dnb-ui-extensions.css +214 -11
- package/cjs/style/dnb-ui-extensions.min.css +1 -1
- package/cjs/style/dnb-ui-forms.css +214 -11
- package/cjs/style/dnb-ui-forms.min.css +1 -1
- package/cjs/style/dnb-ui-forms.scss +1 -0
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +498 -44
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +9 -5
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +230 -11
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +5 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.scss +1 -0
- package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.css +230 -12
- package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.min.css +5 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.scss +2 -0
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +541 -40
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +8 -6
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +289 -11
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +3 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.scss +1 -0
- package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.css +289 -12
- package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.min.css +3 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.scss +2 -0
- package/cjs/style/themes/theme-ui/ui-theme-components.css +496 -44
- package/cjs/style/themes/theme-ui/ui-theme-components.min.css +9 -5
- package/cjs/style/themes/theme-ui/ui-theme-extensions.css +230 -11
- package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +5 -1
- package/cjs/style/themes/theme-ui/ui-theme-extensions.scss +1 -0
- package/cjs/style/themes/theme-ui/ui-theme-forms.css +230 -12
- package/cjs/style/themes/theme-ui/ui-theme-forms.min.css +5 -1
- package/cjs/style/themes/theme-ui/ui-theme-forms.scss +2 -0
- package/cjs/style/themes/theme-ui/ui-theme-tags.css +8 -10
- package/cjs/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/components/anchor/Anchor.js +9 -5
- package/components/anchor/Anchor.js.map +1 -1
- package/components/anchor/style/anchor-mixins.scss +0 -11
- package/components/anchor/style/dnb-anchor.css +0 -16
- package/components/anchor/style/dnb-anchor.min.css +1 -1
- package/components/anchor/style/themes/dnb-anchor-theme-eiendom.css +16 -4
- package/components/anchor/style/themes/dnb-anchor-theme-eiendom.min.css +1 -1
- package/components/anchor/style/themes/dnb-anchor-theme-ui.css +16 -4
- package/components/anchor/style/themes/dnb-anchor-theme-ui.min.css +1 -1
- package/components/anchor/style/themes/dnb-anchor-theme-ui.scss +10 -2
- package/components/autocomplete/Autocomplete.js +2 -2
- package/components/autocomplete/Autocomplete.js.map +1 -1
- package/components/button/style/dnb-button.css +13 -0
- package/components/button/style/dnb-button.min.css +1 -1
- package/components/button/style/dnb-button.scss +16 -0
- package/components/button/style/themes/dnb-button-theme-eiendom.css +12 -1
- package/components/button/style/themes/dnb-button-theme-eiendom.min.css +1 -1
- package/components/button/style/themes/dnb-button-theme-sbanken.css +12 -0
- package/components/button/style/themes/dnb-button-theme-sbanken.min.css +2 -2
- package/components/button/style/themes/dnb-button-theme-sbanken.scss +10 -0
- package/components/button/style/themes/dnb-button-theme-ui.css +12 -1
- package/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
- package/components/button/style/themes/dnb-button-theme-ui.scss +12 -3
- package/components/date-picker/DatePicker.d.ts +14 -1
- package/components/date-picker/DatePicker.js +0 -1
- package/components/date-picker/DatePicker.js.map +1 -1
- package/components/date-picker/DatePickerCalc.js +2 -1
- package/components/date-picker/DatePickerCalc.js.map +1 -1
- package/components/date-picker/DatePickerInput.d.ts +3 -0
- package/components/date-picker/DatePickerInput.js +9 -2
- package/components/date-picker/DatePickerInput.js.map +1 -1
- package/components/dropdown/Dropdown.js +3 -2
- package/components/dropdown/Dropdown.js.map +1 -1
- package/components/flex/Container.js +15 -2
- package/components/flex/Container.js.map +1 -1
- package/components/flex/export.d.ts +1 -0
- package/components/flex/export.js +1 -0
- package/components/flex/export.js.map +1 -1
- package/components/flex/utils.d.ts +1 -1
- package/components/flex/utils.js +11 -1
- package/components/flex/utils.js.map +1 -1
- package/components/flex/withChildren.d.ts +6 -0
- package/components/flex/withChildren.js +6 -0
- package/components/flex/withChildren.js.map +1 -0
- package/components/input/Input.js +3 -3
- package/components/input/Input.js.map +1 -1
- package/components/input/style/themes/dnb-input-theme-ui.css +2 -0
- package/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
- package/components/input/style/themes/dnb-input-theme-ui.scss +2 -0
- package/components/input-masked/InputMaskedHooks.d.ts +1 -0
- package/components/input-masked/InputMaskedHooks.js +13 -8
- package/components/input-masked/InputMaskedHooks.js.map +1 -1
- package/components/input-masked/MultiInputMask.d.ts +10 -2
- package/components/input-masked/MultiInputMask.js +39 -14
- package/components/input-masked/MultiInputMask.js.map +1 -1
- package/components/input-masked/hooks/useHandleCursorPosition.js +7 -3
- package/components/input-masked/hooks/useHandleCursorPosition.js.map +1 -1
- package/components/input-masked/hooks/useMultiInputValues.d.ts +2 -2
- package/components/input-masked/hooks/useMultiInputValues.js.map +1 -1
- package/components/number-format/NumberFormat.js +1 -1
- package/components/number-format/NumberFormat.js.map +1 -1
- package/components/textarea/style/dnb-textarea.css +5 -0
- package/components/textarea/style/dnb-textarea.min.css +1 -1
- package/components/textarea/style/dnb-textarea.scss +4 -0
- package/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.css +8 -1
- package/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.min.css +1 -1
- package/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.scss +6 -1
- package/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.css +4 -0
- package/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.min.css +1 -1
- package/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +5 -0
- package/components/visually-hidden/VisuallyHidden.js +1 -1
- package/components/visually-hidden/VisuallyHidden.js.map +1 -1
- package/es/components/anchor/Anchor.js +9 -5
- package/es/components/anchor/Anchor.js.map +1 -1
- package/es/components/anchor/style/anchor-mixins.scss +0 -11
- package/es/components/anchor/style/dnb-anchor.css +0 -16
- package/es/components/anchor/style/dnb-anchor.min.css +1 -1
- package/es/components/anchor/style/themes/dnb-anchor-theme-eiendom.css +16 -4
- package/es/components/anchor/style/themes/dnb-anchor-theme-eiendom.min.css +1 -1
- package/es/components/anchor/style/themes/dnb-anchor-theme-ui.css +16 -4
- package/es/components/anchor/style/themes/dnb-anchor-theme-ui.min.css +1 -1
- package/es/components/anchor/style/themes/dnb-anchor-theme-ui.scss +10 -2
- package/es/components/autocomplete/Autocomplete.js +2 -2
- package/es/components/autocomplete/Autocomplete.js.map +1 -1
- package/es/components/button/style/dnb-button.css +13 -0
- package/es/components/button/style/dnb-button.min.css +1 -1
- package/es/components/button/style/dnb-button.scss +16 -0
- package/es/components/button/style/themes/dnb-button-theme-eiendom.css +12 -1
- package/es/components/button/style/themes/dnb-button-theme-eiendom.min.css +1 -1
- package/es/components/button/style/themes/dnb-button-theme-sbanken.css +12 -0
- package/es/components/button/style/themes/dnb-button-theme-sbanken.min.css +2 -2
- package/es/components/button/style/themes/dnb-button-theme-sbanken.scss +10 -0
- package/es/components/button/style/themes/dnb-button-theme-ui.css +12 -1
- package/es/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
- package/es/components/button/style/themes/dnb-button-theme-ui.scss +12 -3
- package/es/components/date-picker/DatePicker.d.ts +14 -1
- package/es/components/date-picker/DatePicker.js +0 -1
- package/es/components/date-picker/DatePicker.js.map +1 -1
- package/es/components/date-picker/DatePickerCalc.js +2 -1
- package/es/components/date-picker/DatePickerCalc.js.map +1 -1
- package/es/components/date-picker/DatePickerInput.d.ts +3 -0
- package/es/components/date-picker/DatePickerInput.js +9 -2
- package/es/components/date-picker/DatePickerInput.js.map +1 -1
- package/es/components/dropdown/Dropdown.js +3 -2
- package/es/components/dropdown/Dropdown.js.map +1 -1
- package/es/components/flex/Container.js +15 -2
- package/es/components/flex/Container.js.map +1 -1
- package/es/components/flex/export.d.ts +1 -0
- package/es/components/flex/export.js +1 -0
- package/es/components/flex/export.js.map +1 -1
- package/es/components/flex/utils.d.ts +1 -1
- package/es/components/flex/utils.js +11 -1
- package/es/components/flex/utils.js.map +1 -1
- package/es/components/flex/withChildren.d.ts +6 -0
- package/es/components/flex/withChildren.js +6 -0
- package/es/components/flex/withChildren.js.map +1 -0
- package/es/components/input/Input.js +3 -3
- package/es/components/input/Input.js.map +1 -1
- package/es/components/input/style/themes/dnb-input-theme-ui.css +2 -0
- package/es/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
- package/es/components/input/style/themes/dnb-input-theme-ui.scss +2 -0
- package/es/components/input-masked/InputMaskedHooks.d.ts +1 -0
- package/es/components/input-masked/InputMaskedHooks.js +13 -8
- package/es/components/input-masked/InputMaskedHooks.js.map +1 -1
- package/es/components/input-masked/MultiInputMask.d.ts +10 -2
- package/es/components/input-masked/MultiInputMask.js +39 -13
- package/es/components/input-masked/MultiInputMask.js.map +1 -1
- package/es/components/input-masked/hooks/useHandleCursorPosition.js +7 -3
- package/es/components/input-masked/hooks/useHandleCursorPosition.js.map +1 -1
- package/es/components/input-masked/hooks/useMultiInputValues.d.ts +2 -2
- package/es/components/input-masked/hooks/useMultiInputValues.js.map +1 -1
- package/es/components/number-format/NumberFormat.js +1 -1
- package/es/components/number-format/NumberFormat.js.map +1 -1
- package/es/components/textarea/style/dnb-textarea.css +5 -0
- package/es/components/textarea/style/dnb-textarea.min.css +1 -1
- package/es/components/textarea/style/dnb-textarea.scss +4 -0
- package/es/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.css +8 -1
- package/es/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.min.css +1 -1
- package/es/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.scss +6 -1
- package/es/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.css +4 -0
- package/es/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.min.css +1 -1
- package/es/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +5 -0
- package/es/components/visually-hidden/VisuallyHidden.js +1 -1
- package/es/components/visually-hidden/VisuallyHidden.js.map +1 -1
- package/es/extensions/forms/DataContext/Provider/Provider.d.ts +8 -4
- package/es/extensions/forms/DataContext/Provider/Provider.js +22 -4
- package/es/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/es/extensions/forms/Field/ArraySelection/ArraySelection.js +15 -15
- package/es/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
- package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +12 -2
- package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
- package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.scss +12 -2
- package/es/extensions/forms/Field/Currency/Currency.d.ts +1 -5
- package/es/extensions/forms/Field/Currency/Currency.js.map +1 -1
- package/es/extensions/forms/Field/Date/Date.d.ts +3 -1
- package/es/extensions/forms/Field/Date/Date.js +45 -9
- package/es/extensions/forms/Field/Date/Date.js.map +1 -1
- package/es/extensions/forms/Field/Expiry/Expiry.d.ts +1 -1
- package/es/extensions/forms/Field/Expiry/Expiry.js +20 -11
- package/es/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
- package/es/extensions/forms/Field/Number/Number.d.ts +5 -1
- package/es/extensions/forms/Field/Number/Number.js +109 -31
- package/es/extensions/forms/Field/Number/Number.js.map +1 -1
- package/es/extensions/forms/Field/Number/style/dnb-number.css +192 -0
- package/es/extensions/forms/Field/Number/style/dnb-number.min.css +1 -0
- package/es/extensions/forms/Field/Number/style/dnb-number.scss +176 -0
- package/es/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.css +74 -0
- package/es/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.min.css +3 -0
- package/es/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.scss +81 -0
- package/es/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.css +15 -0
- package/es/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.min.css +5 -0
- package/es/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.scss +15 -0
- package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js +7 -10
- package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
- package/es/extensions/forms/Field/Selection/Selection.d.ts +7 -1
- package/es/extensions/forms/Field/Selection/Selection.js +4 -9
- package/es/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/es/extensions/forms/Field/String/String.d.ts +0 -1
- package/es/extensions/forms/Field/String/String.js +23 -9
- package/es/extensions/forms/Field/String/String.js.map +1 -1
- package/es/extensions/forms/Field/Toggle/Toggle.js +0 -4
- package/es/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
- package/es/extensions/forms/FieldBlock/FieldBlock.d.ts +1 -1
- package/es/extensions/forms/FieldBlock/FieldBlock.js +14 -23
- package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.css +9 -9
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.scss +2 -11
- package/es/extensions/forms/Form/Handler/Handler.js +1 -0
- package/es/extensions/forms/Form/Handler/Handler.js.map +1 -1
- package/{extensions/forms → es/extensions/forms/Form}/Visibility/Visibility.d.ts +5 -2
- package/es/extensions/forms/{Visibility → Form/Visibility}/Visibility.js +7 -2
- package/es/extensions/forms/Form/Visibility/Visibility.js.map +1 -0
- package/es/extensions/forms/Form/Visibility/index.js.map +1 -0
- package/es/extensions/forms/Form/hooks/useData.d.ts +10 -0
- package/es/extensions/forms/Form/hooks/useData.js +29 -0
- package/es/extensions/forms/Form/hooks/useData.js.map +1 -0
- package/es/extensions/forms/Form/index.d.ts +2 -0
- package/es/extensions/forms/Form/index.js +2 -0
- package/es/extensions/forms/Form/index.js.map +1 -1
- package/es/extensions/forms/Iterate/Array/Array.js +0 -4
- package/es/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/es/extensions/forms/hooks/useDataValue.js +26 -33
- package/es/extensions/forms/hooks/useDataValue.js.map +1 -1
- package/es/extensions/forms/hooks/useId.d.ts +1 -0
- package/es/extensions/forms/hooks/useId.js +11 -0
- package/es/extensions/forms/hooks/useId.js.map +1 -0
- package/es/extensions/forms/index.d.ts +6 -1
- package/es/extensions/forms/index.js +3 -1
- package/es/extensions/forms/index.js.map +1 -1
- package/es/extensions/forms/style/dnb-forms.css +214 -11
- package/es/extensions/forms/style/dnb-forms.min.css +1 -1
- package/es/extensions/forms/types.d.ts +16 -18
- package/es/extensions/forms/types.js.map +1 -1
- package/es/extensions/forms/utils/TestElement/TestElement.d.ts +5 -1
- package/es/extensions/forms/utils/TestElement/TestElement.js +1 -0
- package/es/extensions/forms/utils/TestElement/TestElement.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/helpers/EventEmitter.d.ts +5 -0
- package/es/shared/helpers/EventEmitter.js.map +1 -1
- package/es/shared/helpers/useEventEmitter.d.ts +2 -0
- package/es/shared/helpers/useEventEmitter.js.map +1 -1
- package/es/shared/helpers/useSharedState.d.ts +15 -0
- package/es/shared/helpers/useSharedState.js +63 -0
- package/es/shared/helpers/useSharedState.js.map +1 -0
- package/es/style/core/utilities.scss +1 -2
- package/es/style/dnb-ui-components.css +232 -27
- package/es/style/dnb-ui-components.min.css +3 -3
- package/es/style/dnb-ui-extensions.css +214 -11
- package/es/style/dnb-ui-extensions.min.css +1 -1
- package/es/style/dnb-ui-forms.css +214 -11
- package/es/style/dnb-ui-forms.min.css +1 -1
- package/es/style/dnb-ui-forms.scss +1 -0
- package/es/style/themes/theme-eiendom/eiendom-theme-components.css +498 -44
- package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +9 -5
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +230 -11
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +5 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.scss +1 -0
- package/es/style/themes/theme-eiendom/eiendom-theme-forms.css +230 -12
- package/es/style/themes/theme-eiendom/eiendom-theme-forms.min.css +5 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-forms.scss +2 -0
- package/es/style/themes/theme-sbanken/sbanken-theme-components.css +541 -40
- package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +8 -6
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +289 -11
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +3 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.scss +1 -0
- package/es/style/themes/theme-sbanken/sbanken-theme-forms.css +289 -12
- package/es/style/themes/theme-sbanken/sbanken-theme-forms.min.css +3 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-forms.scss +2 -0
- package/es/style/themes/theme-ui/ui-theme-components.css +496 -44
- package/es/style/themes/theme-ui/ui-theme-components.min.css +9 -5
- package/es/style/themes/theme-ui/ui-theme-extensions.css +230 -11
- package/es/style/themes/theme-ui/ui-theme-extensions.min.css +5 -1
- package/es/style/themes/theme-ui/ui-theme-extensions.scss +1 -0
- package/es/style/themes/theme-ui/ui-theme-forms.css +230 -12
- package/es/style/themes/theme-ui/ui-theme-forms.min.css +5 -1
- package/es/style/themes/theme-ui/ui-theme-forms.scss +2 -0
- package/es/style/themes/theme-ui/ui-theme-tags.css +8 -10
- package/es/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/esm/dnb-ui-basis.min.mjs +1 -1
- package/esm/dnb-ui-components.min.mjs +1 -1
- package/esm/dnb-ui-elements.min.mjs +1 -1
- package/esm/dnb-ui-extensions.min.mjs +3 -3
- package/esm/dnb-ui-lib.min.mjs +1 -1
- package/extensions/forms/DataContext/Provider/Provider.d.ts +8 -4
- package/extensions/forms/DataContext/Provider/Provider.js +22 -4
- package/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/extensions/forms/Field/ArraySelection/ArraySelection.js +15 -15
- package/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
- package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +12 -2
- package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
- package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.scss +12 -2
- package/extensions/forms/Field/Currency/Currency.d.ts +1 -5
- package/extensions/forms/Field/Currency/Currency.js.map +1 -1
- package/extensions/forms/Field/Date/Date.d.ts +3 -1
- package/extensions/forms/Field/Date/Date.js +48 -11
- package/extensions/forms/Field/Date/Date.js.map +1 -1
- package/extensions/forms/Field/Expiry/Expiry.d.ts +1 -1
- package/extensions/forms/Field/Expiry/Expiry.js +21 -11
- package/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
- package/extensions/forms/Field/Number/Number.d.ts +5 -1
- package/extensions/forms/Field/Number/Number.js +110 -31
- package/extensions/forms/Field/Number/Number.js.map +1 -1
- package/extensions/forms/Field/Number/style/dnb-number.css +192 -0
- package/extensions/forms/Field/Number/style/dnb-number.min.css +1 -0
- package/extensions/forms/Field/Number/style/dnb-number.scss +176 -0
- package/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.css +74 -0
- package/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.min.css +3 -0
- package/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.scss +81 -0
- package/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.css +15 -0
- package/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.min.css +5 -0
- package/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.scss +15 -0
- package/extensions/forms/Field/PhoneNumber/PhoneNumber.js +7 -10
- package/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
- package/extensions/forms/Field/Selection/Selection.d.ts +7 -1
- package/extensions/forms/Field/Selection/Selection.js +4 -9
- package/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/extensions/forms/Field/String/String.d.ts +0 -1
- package/extensions/forms/Field/String/String.js +23 -9
- package/extensions/forms/Field/String/String.js.map +1 -1
- package/extensions/forms/Field/Toggle/Toggle.js +0 -4
- package/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
- package/extensions/forms/FieldBlock/FieldBlock.d.ts +1 -1
- package/extensions/forms/FieldBlock/FieldBlock.js +16 -26
- package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/extensions/forms/FieldBlock/style/dnb-field-block.css +9 -9
- package/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/extensions/forms/FieldBlock/style/dnb-field-block.scss +2 -11
- package/extensions/forms/Form/Handler/Handler.js +1 -0
- package/extensions/forms/Form/Handler/Handler.js.map +1 -1
- package/{es/extensions/forms → extensions/forms/Form}/Visibility/Visibility.d.ts +5 -2
- package/extensions/forms/{Visibility → Form/Visibility}/Visibility.js +7 -2
- package/extensions/forms/Form/Visibility/Visibility.js.map +1 -0
- package/extensions/forms/Form/Visibility/index.js.map +1 -0
- package/extensions/forms/Form/hooks/useData.d.ts +10 -0
- package/extensions/forms/Form/hooks/useData.js +30 -0
- package/extensions/forms/Form/hooks/useData.js.map +1 -0
- package/extensions/forms/Form/index.d.ts +2 -0
- package/extensions/forms/Form/index.js +2 -0
- package/extensions/forms/Form/index.js.map +1 -1
- package/extensions/forms/Iterate/Array/Array.js +0 -4
- package/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/extensions/forms/hooks/useDataValue.js +26 -33
- package/extensions/forms/hooks/useDataValue.js.map +1 -1
- package/extensions/forms/hooks/useId.d.ts +1 -0
- package/extensions/forms/hooks/useId.js +11 -0
- package/extensions/forms/hooks/useId.js.map +1 -0
- package/extensions/forms/index.d.ts +6 -1
- package/extensions/forms/index.js +3 -1
- package/extensions/forms/index.js.map +1 -1
- package/extensions/forms/style/dnb-forms.css +214 -11
- package/extensions/forms/style/dnb-forms.min.css +1 -1
- package/extensions/forms/types.d.ts +16 -18
- package/extensions/forms/types.js.map +1 -1
- package/extensions/forms/utils/TestElement/TestElement.d.ts +5 -1
- package/extensions/forms/utils/TestElement/TestElement.js +1 -0
- package/extensions/forms/utils/TestElement/TestElement.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/helpers/EventEmitter.d.ts +5 -0
- package/shared/helpers/EventEmitter.js.map +1 -1
- package/shared/helpers/useEventEmitter.d.ts +2 -0
- package/shared/helpers/useEventEmitter.js.map +1 -1
- package/shared/helpers/useSharedState.d.ts +15 -0
- package/shared/helpers/useSharedState.js +63 -0
- package/shared/helpers/useSharedState.js.map +1 -0
- package/style/core/utilities.scss +1 -2
- package/style/dnb-ui-components.css +232 -27
- package/style/dnb-ui-components.min.css +3 -3
- package/style/dnb-ui-extensions.css +214 -11
- package/style/dnb-ui-extensions.min.css +1 -1
- package/style/dnb-ui-forms.css +214 -11
- package/style/dnb-ui-forms.min.css +1 -1
- package/style/dnb-ui-forms.scss +1 -0
- package/style/themes/theme-eiendom/eiendom-theme-components.css +498 -44
- package/style/themes/theme-eiendom/eiendom-theme-components.min.css +9 -5
- package/style/themes/theme-eiendom/eiendom-theme-extensions.css +230 -11
- package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +5 -1
- package/style/themes/theme-eiendom/eiendom-theme-extensions.scss +1 -0
- package/style/themes/theme-eiendom/eiendom-theme-forms.css +230 -12
- package/style/themes/theme-eiendom/eiendom-theme-forms.min.css +5 -1
- package/style/themes/theme-eiendom/eiendom-theme-forms.scss +2 -0
- package/style/themes/theme-sbanken/sbanken-theme-components.css +541 -40
- package/style/themes/theme-sbanken/sbanken-theme-components.min.css +8 -6
- package/style/themes/theme-sbanken/sbanken-theme-extensions.css +289 -11
- package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +3 -1
- package/style/themes/theme-sbanken/sbanken-theme-extensions.scss +1 -0
- package/style/themes/theme-sbanken/sbanken-theme-forms.css +289 -12
- package/style/themes/theme-sbanken/sbanken-theme-forms.min.css +3 -1
- package/style/themes/theme-sbanken/sbanken-theme-forms.scss +2 -0
- package/style/themes/theme-ui/ui-theme-components.css +496 -44
- package/style/themes/theme-ui/ui-theme-components.min.css +9 -5
- package/style/themes/theme-ui/ui-theme-extensions.css +230 -11
- package/style/themes/theme-ui/ui-theme-extensions.min.css +5 -1
- package/style/themes/theme-ui/ui-theme-extensions.scss +1 -0
- package/style/themes/theme-ui/ui-theme-forms.css +230 -12
- package/style/themes/theme-ui/ui-theme-forms.min.css +5 -1
- package/style/themes/theme-ui/ui-theme-forms.scss +2 -0
- package/style/themes/theme-ui/ui-theme-tags.css +8 -10
- package/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/umd/dnb-ui-basis.min.js +1 -1
- package/umd/dnb-ui-components.min.js +1 -1
- package/umd/dnb-ui-elements.min.js +1 -1
- package/umd/dnb-ui-extensions.min.js +3 -3
- package/umd/dnb-ui-lib.min.js +1 -1
- package/cjs/extensions/forms/Visibility/Visibility.js.map +0 -1
- package/cjs/extensions/forms/Visibility/index.js.map +0 -1
- package/es/extensions/forms/Visibility/Visibility.js.map +0 -1
- package/es/extensions/forms/Visibility/index.js.map +0 -1
- package/extensions/forms/Visibility/Visibility.js.map +0 -1
- package/extensions/forms/Visibility/index.js.map +0 -1
- /package/cjs/extensions/forms/{Visibility → Form/Visibility}/index.d.ts +0 -0
- /package/cjs/extensions/forms/{Visibility → Form/Visibility}/index.js +0 -0
- /package/es/extensions/forms/{Visibility → Form/Visibility}/index.d.ts +0 -0
- /package/es/extensions/forms/{Visibility → Form/Visibility}/index.js +0 -0
- /package/extensions/forms/{Visibility → Form/Visibility}/index.d.ts +0 -0
- /package/extensions/forms/{Visibility → Form/Visibility}/index.js +0 -0
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { useContext } from 'react';
|
|
4
4
|
import pointer from 'json-pointer';
|
|
5
|
-
import * as DataContext from '
|
|
5
|
+
import * as DataContext from '../../DataContext';
|
|
6
6
|
function Visibility(_ref) {
|
|
7
7
|
let {
|
|
8
8
|
visible,
|
|
@@ -12,6 +12,8 @@ function Visibility(_ref) {
|
|
|
12
12
|
pathFalsy,
|
|
13
13
|
pathTrue,
|
|
14
14
|
pathFalse,
|
|
15
|
+
pathValue,
|
|
16
|
+
whenValue,
|
|
15
17
|
inferData,
|
|
16
18
|
children
|
|
17
19
|
} = _ref;
|
|
@@ -37,11 +39,14 @@ function Visibility(_ref) {
|
|
|
37
39
|
if (pathFalse && (!pointer.has(dataContext.data, pathFalse) || pointer.get(dataContext.data, pathFalse) !== false)) {
|
|
38
40
|
return null;
|
|
39
41
|
}
|
|
42
|
+
if (pathValue && !(pointer.has(dataContext.data, pathValue) && pointer.get(dataContext.data, pathValue) === whenValue)) {
|
|
43
|
+
return null;
|
|
44
|
+
}
|
|
40
45
|
if (inferData && !inferData(dataContext.data)) {
|
|
41
46
|
return null;
|
|
42
47
|
}
|
|
43
48
|
return React.createElement(React.Fragment, null, children);
|
|
44
49
|
}
|
|
45
|
-
Visibility._supportsSpacingProps =
|
|
50
|
+
Visibility._supportsSpacingProps = 'children';
|
|
46
51
|
export default Visibility;
|
|
47
52
|
//# sourceMappingURL=Visibility.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Visibility.js","names":["React","useContext","pointer","DataContext","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","children","dataContext","Context","has","data","get","Boolean","createElement","Fragment","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/Visibility.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport pointer from 'json-pointer'\nimport * as DataContext from '../../DataContext'\n\nexport type Props = {\n visible?: boolean\n /** Given data context path must be defined to show children */\n pathDefined?: string\n /** Given data context path must be undefined to show children */\n pathUndefined?: string\n /** Given data context path must be truthy to show children */\n pathTruthy?: string\n /** Given data context path must be falsy to show children */\n pathFalsy?: string\n /** Given data context path must be true to show children */\n pathTrue?: string\n /** Given data context path must be false to show children */\n pathFalse?: string\n /** Given data context path must match, as well as the \"whenValue\" value */\n pathValue?: string\n whenValue?: unknown\n /** Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility. */\n inferData?: (data: unknown) => boolean\n children: React.ReactNode\n}\n\nfunction Visibility({\n visible,\n pathDefined,\n pathUndefined,\n pathTruthy,\n pathFalsy,\n pathTrue,\n pathFalse,\n pathValue,\n whenValue,\n inferData,\n children,\n}: Props) {\n const dataContext = useContext(DataContext.Context)\n\n if (visible === false) {\n return null\n }\n\n if (pathDefined && !pointer.has(dataContext.data, pathDefined)) {\n return null\n }\n if (pathUndefined && pointer.has(dataContext.data, pathUndefined)) {\n return null\n }\n\n if (\n pathTruthy &&\n (!pointer.has(dataContext.data, pathTruthy) ||\n !pointer.get(dataContext.data, pathTruthy))\n ) {\n return null\n }\n if (\n pathFalsy &&\n pointer.has(dataContext.data, pathFalsy) &&\n Boolean(pointer.get(dataContext.data, pathFalsy))\n ) {\n return null\n }\n\n if (\n pathTrue &&\n (!pointer.has(dataContext.data, pathTrue) ||\n pointer.get(dataContext.data, pathTrue) !== true)\n ) {\n return null\n }\n if (\n pathFalse &&\n (!pointer.has(dataContext.data, pathFalse) ||\n pointer.get(dataContext.data, pathFalse) !== false)\n ) {\n return null\n }\n\n if (\n pathValue &&\n !(\n pointer.has(dataContext.data, pathValue) &&\n pointer.get(dataContext.data, pathValue) === whenValue\n )\n ) {\n return null\n }\n\n if (inferData && !inferData(dataContext.data)) {\n return null\n }\n\n return <>{children}</>\n}\n\nVisibility._supportsSpacingProps = 'children'\nexport default Visibility\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,OAAO,MAAM,cAAc;AAClC,OAAO,KAAKC,WAAW,MAAM,mBAAmB;AAwBhD,SAASC,UAAUA,CAAAC,IAAA,EAYT;EAAA,IAZU;IAClBC,OAAO;IACPC,WAAW;IACXC,aAAa;IACbC,UAAU;IACVC,SAAS;IACTC,QAAQ;IACRC,SAAS;IACTC,SAAS;IACTC,SAAS;IACTC,SAAS;IACTC;EACK,CAAC,GAAAX,IAAA;EACN,MAAMY,WAAW,GAAGhB,UAAU,CAACE,WAAW,CAACe,OAAO,CAAC;EAEnD,IAAIZ,OAAO,KAAK,KAAK,EAAE;IACrB,OAAO,IAAI;EACb;EAEA,IAAIC,WAAW,IAAI,CAACL,OAAO,CAACiB,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEb,WAAW,CAAC,EAAE;IAC9D,OAAO,IAAI;EACb;EACA,IAAIC,aAAa,IAAIN,OAAO,CAACiB,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEZ,aAAa,CAAC,EAAE;IACjE,OAAO,IAAI;EACb;EAEA,IACEC,UAAU,KACT,CAACP,OAAO,CAACiB,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEX,UAAU,CAAC,IACzC,CAACP,OAAO,CAACmB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAEX,UAAU,CAAC,CAAC,EAC7C;IACA,OAAO,IAAI;EACb;EACA,IACEC,SAAS,IACTR,OAAO,CAACiB,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEV,SAAS,CAAC,IACxCY,OAAO,CAACpB,OAAO,CAACmB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAEV,SAAS,CAAC,CAAC,EACjD;IACA,OAAO,IAAI;EACb;EAEA,IACEC,QAAQ,KACP,CAACT,OAAO,CAACiB,GAAG,CAACF,WAAW,CAACG,IAAI,EAAET,QAAQ,CAAC,IACvCT,OAAO,CAACmB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAET,QAAQ,CAAC,KAAK,IAAI,CAAC,EACnD;IACA,OAAO,IAAI;EACb;EACA,IACEC,SAAS,KACR,CAACV,OAAO,CAACiB,GAAG,CAACF,WAAW,CAACG,IAAI,EAAER,SAAS,CAAC,IACxCV,OAAO,CAACmB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAER,SAAS,CAAC,KAAK,KAAK,CAAC,EACrD;IACA,OAAO,IAAI;EACb;EAEA,IACEC,SAAS,IACT,EACEX,OAAO,CAACiB,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEP,SAAS,CAAC,IACxCX,OAAO,CAACmB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAEP,SAAS,CAAC,KAAKC,SAAS,CACvD,EACD;IACA,OAAO,IAAI;EACb;EAEA,IAAIC,SAAS,IAAI,CAACA,SAAS,CAACE,WAAW,CAACG,IAAI,CAAC,EAAE;IAC7C,OAAO,IAAI;EACb;EAEA,OAAOpB,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,QAAGR,QAAW,CAAC;AACxB;AAEAZ,UAAU,CAACqB,qBAAqB,GAAG,UAAU;AAC7C,eAAerB,UAAU"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/index.ts"],"sourcesContent":["export { default } from './Visibility'\nexport * from './Visibility'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,cAAc;AACtC,cAAc,cAAc"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Path } from '../../DataContext/Provider';
|
|
2
|
+
type PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}` ? Key extends keyof T ? Rest extends '' ? T[Key] : PathImpl<T[Key], Rest> : never : T[P & keyof T];
|
|
3
|
+
type PathType<T, P extends string> = P extends `/${infer Rest}` ? PathImpl<T, Rest> : never;
|
|
4
|
+
type UseDataReturnUpdate<Data> = <P extends Path>(path: P, fn: (value: PathType<Data, P>) => unknown) => void;
|
|
5
|
+
type UseDataReturn<Data> = {
|
|
6
|
+
data: Data;
|
|
7
|
+
update: UseDataReturnUpdate<Data>;
|
|
8
|
+
};
|
|
9
|
+
export default function useData<Data>(id: string, data?: Data): UseDataReturn<Data>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
import { useCallback, useEffect, useRef } from 'react';
|
|
4
|
+
import pointer from 'json-pointer';
|
|
5
|
+
import { useSharedState } from '../../../../shared/helpers/useSharedState';
|
|
6
|
+
export default function useData(id) {
|
|
7
|
+
let data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
|
|
8
|
+
const initialDataRef = useRef(data);
|
|
9
|
+
const sharedState = useSharedState(id, data);
|
|
10
|
+
const updatePath = useCallback((path, fn) => {
|
|
11
|
+
var _sharedState$update;
|
|
12
|
+
const existingData = sharedState.data || {};
|
|
13
|
+
const existingValue = pointer.has(existingData, path) ? pointer.get(existingData, path) : undefined;
|
|
14
|
+
const newValue = fn(existingValue);
|
|
15
|
+
pointer.set(existingData, path, newValue);
|
|
16
|
+
(_sharedState$update = sharedState.update) === null || _sharedState$update === void 0 ? void 0 : _sharedState$update.call(sharedState, existingData);
|
|
17
|
+
}, [sharedState]);
|
|
18
|
+
useEffect(() => {
|
|
19
|
+
if (data && data !== initialDataRef.current) {
|
|
20
|
+
var _sharedState$update2;
|
|
21
|
+
initialDataRef.current = data;
|
|
22
|
+
(_sharedState$update2 = sharedState.update) === null || _sharedState$update2 === void 0 ? void 0 : _sharedState$update2.call(sharedState, data);
|
|
23
|
+
}
|
|
24
|
+
}, [data, sharedState]);
|
|
25
|
+
return {
|
|
26
|
+
data: sharedState.data,
|
|
27
|
+
update: updatePath
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=useData.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useData.js","names":["useCallback","useEffect","useRef","pointer","useSharedState","useData","id","data","arguments","length","undefined","initialDataRef","sharedState","updatePath","path","fn","_sharedState$update","existingData","existingValue","has","get","newValue","set","update","call","current","_sharedState$update2"],"sources":["../../../../../../src/extensions/forms/Form/hooks/useData.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\nimport pointer from 'json-pointer'\nimport { useSharedState } from '../../../../shared/helpers/useSharedState'\nimport type { Path } from '../../DataContext/Provider'\n\ntype PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}`\n ? Key extends keyof T\n ? Rest extends ''\n ? T[Key]\n : PathImpl<T[Key], Rest>\n : never\n : T[P & keyof T]\n\ntype PathType<T, P extends string> = P extends `/${infer Rest}`\n ? PathImpl<T, Rest>\n : never\n\ntype UseDataReturnUpdate<Data> = <P extends Path>(\n path: P,\n fn: (value: PathType<Data, P>) => unknown\n) => void\n\ntype UseDataReturn<Data> = {\n data: Data\n update: UseDataReturnUpdate<Data>\n}\n\nexport default function useData<Data>(\n id: string,\n data: Data = undefined\n): UseDataReturn<Data> {\n const initialDataRef = useRef(data)\n const sharedState = useSharedState<Data>(id, data)\n\n const updatePath = useCallback<UseDataReturnUpdate<Data>>(\n (path, fn) => {\n const existingData = sharedState.data || ({} as Data)\n const existingValue = pointer.has(existingData, path)\n ? pointer.get(existingData, path)\n : undefined\n\n // get new value\n const newValue = fn(existingValue)\n\n // update existing data\n pointer.set(existingData, path, newValue)\n\n // update provider\n sharedState.update?.(existingData)\n },\n [sharedState]\n )\n\n // when initial data changes, update the shared state\n useEffect(() => {\n if (data && data !== initialDataRef.current) {\n initialDataRef.current = data\n sharedState.update?.(data)\n }\n }, [data, sharedState])\n\n return { data: sharedState.data, update: updatePath }\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACtD,OAAOC,OAAO,MAAM,cAAc;AAClC,SAASC,cAAc,QAAQ,2CAA2C;AAyB1E,eAAe,SAASC,OAAOA,CAC7BC,EAAU,EAEW;EAAA,IADrBC,IAAU,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGE,SAAS;EAEtB,MAAMC,cAAc,GAAGT,MAAM,CAACK,IAAI,CAAC;EACnC,MAAMK,WAAW,GAAGR,cAAc,CAAOE,EAAE,EAAEC,IAAI,CAAC;EAElD,MAAMM,UAAU,GAAGb,WAAW,CAC5B,CAACc,IAAI,EAAEC,EAAE,KAAK;IAAA,IAAAC,mBAAA;IACZ,MAAMC,YAAY,GAAGL,WAAW,CAACL,IAAI,IAAK,CAAC,CAAU;IACrD,MAAMW,aAAa,GAAGf,OAAO,CAACgB,GAAG,CAACF,YAAY,EAAEH,IAAI,CAAC,GACjDX,OAAO,CAACiB,GAAG,CAACH,YAAY,EAAEH,IAAI,CAAC,GAC/BJ,SAAS;IAGb,MAAMW,QAAQ,GAAGN,EAAE,CAACG,aAAa,CAAC;IAGlCf,OAAO,CAACmB,GAAG,CAACL,YAAY,EAAEH,IAAI,EAAEO,QAAQ,CAAC;IAGzC,CAAAL,mBAAA,GAAAJ,WAAW,CAACW,MAAM,cAAAP,mBAAA,uBAAlBA,mBAAA,CAAAQ,IAAA,CAAAZ,WAAW,EAAUK,YAAY,CAAC;EACpC,CAAC,EACD,CAACL,WAAW,CACd,CAAC;EAGDX,SAAS,CAAC,MAAM;IACd,IAAIM,IAAI,IAAIA,IAAI,KAAKI,cAAc,CAACc,OAAO,EAAE;MAAA,IAAAC,oBAAA;MAC3Cf,cAAc,CAACc,OAAO,GAAGlB,IAAI;MAC7B,CAAAmB,oBAAA,GAAAd,WAAW,CAACW,MAAM,cAAAG,oBAAA,uBAAlBA,oBAAA,CAAAF,IAAA,CAAAZ,WAAW,EAAUL,IAAI,CAAC;IAC5B;EACF,CAAC,EAAE,CAACA,IAAI,EAAEK,WAAW,CAAC,CAAC;EAEvB,OAAO;IAAEL,IAAI,EAAEK,WAAW,CAACL,IAAI;IAAEgB,MAAM,EAAEV;EAAW,CAAC;AACvD"}
|
|
@@ -4,3 +4,5 @@ export { default as SubmitButton } from './SubmitButton';
|
|
|
4
4
|
export { default as ButtonRow } from './ButtonRow';
|
|
5
5
|
export { default as MainHeading } from './MainHeading';
|
|
6
6
|
export { default as SubHeading } from './SubHeading';
|
|
7
|
+
export { default as Visibility } from './Visibility';
|
|
8
|
+
export { default as useData } from './hooks/useData';
|
|
@@ -4,4 +4,6 @@ export { default as SubmitButton } from './SubmitButton';
|
|
|
4
4
|
export { default as ButtonRow } from './ButtonRow';
|
|
5
5
|
export { default as MainHeading } from './MainHeading';
|
|
6
6
|
export { default as SubHeading } from './SubHeading';
|
|
7
|
+
export { default as Visibility } from './Visibility';
|
|
8
|
+
export { default as useData } from './hooks/useData';
|
|
7
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Handler","Element","SubmitButton","ButtonRow","MainHeading","SubHeading"],"sources":["../../../../../src/extensions/forms/Form/index.ts"],"sourcesContent":["export { default as Handler } from './Handler'\nexport { default as Element } from './Element'\nexport { default as SubmitButton } from './SubmitButton'\nexport { default as ButtonRow } from './ButtonRow'\nexport { default as MainHeading } from './MainHeading'\nexport { default as SubHeading } from './SubHeading'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW;AAC9C,SAASD,OAAO,IAAIE,OAAO,QAAQ,WAAW;AAC9C,SAASF,OAAO,IAAIG,YAAY,QAAQ,gBAAgB;AACxD,SAASH,OAAO,IAAII,SAAS,QAAQ,aAAa;AAClD,SAASJ,OAAO,IAAIK,WAAW,QAAQ,eAAe;AACtD,SAASL,OAAO,IAAIM,UAAU,QAAQ,cAAc"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","Handler","Element","SubmitButton","ButtonRow","MainHeading","SubHeading","Visibility","useData"],"sources":["../../../../../src/extensions/forms/Form/index.ts"],"sourcesContent":["export { default as Handler } from './Handler'\nexport { default as Element } from './Element'\nexport { default as SubmitButton } from './SubmitButton'\nexport { default as ButtonRow } from './ButtonRow'\nexport { default as MainHeading } from './MainHeading'\nexport { default as SubHeading } from './SubHeading'\nexport { default as Visibility } from './Visibility'\nexport { default as useData } from './hooks/useData'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW;AAC9C,SAASD,OAAO,IAAIE,OAAO,QAAQ,WAAW;AAC9C,SAASF,OAAO,IAAIG,YAAY,QAAQ,gBAAgB;AACxD,SAASH,OAAO,IAAII,SAAS,QAAQ,aAAa;AAClD,SAASJ,OAAO,IAAIK,WAAW,QAAQ,eAAe;AACtD,SAASL,OAAO,IAAIM,UAAU,QAAQ,cAAc;AACpD,SAASN,OAAO,IAAIO,UAAU,QAAQ,cAAc;AACpD,SAASP,OAAO,IAAIQ,OAAO,QAAQ,iBAAiB"}
|
|
@@ -14,8 +14,6 @@ function ArrayComponent(props) {
|
|
|
14
14
|
layout = 'vertical',
|
|
15
15
|
placeholder,
|
|
16
16
|
label,
|
|
17
|
-
labelDescription,
|
|
18
|
-
labelSecondary,
|
|
19
17
|
path,
|
|
20
18
|
value: arrayValue,
|
|
21
19
|
info,
|
|
@@ -48,8 +46,6 @@ function ArrayComponent(props) {
|
|
|
48
46
|
className: classnames('dnb-forms-field-number', className),
|
|
49
47
|
layout: layout,
|
|
50
48
|
label: label,
|
|
51
|
-
labelDescription: labelDescription,
|
|
52
|
-
labelSecondary: labelSecondary,
|
|
53
49
|
info: info,
|
|
54
50
|
warning: warning,
|
|
55
51
|
error: error,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Array.js","names":["React","useMemo","useCallback","classnames","pointer","IterateElementContext","FieldBlock","useDataValue","pickSpacingProps","pickFlexContainerProps","Flex","ArrayComponent","props","className","layout","placeholder","label","
|
|
1
|
+
{"version":3,"file":"Array.js","names":["React","useMemo","useCallback","classnames","pointer","IterateElementContext","FieldBlock","useDataValue","pickSpacingProps","pickFlexContainerProps","Flex","ArrayComponent","props","className","layout","placeholder","label","path","value","arrayValue","info","warning","error","emptyValue","width","handleChange","children","elementData","map","elementValue","elementIndex","handleElementChange","newArrayValue","structuredClone","set","handleRemoveElement","splice","handlePush","element","createElement","_extends","contentsWidth","undefined","Container","spacing","_ref","Provider","key","index","handleRemove","Array","isArray","childElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from 'react'\nimport classnames from 'classnames'\nimport pointer from 'json-pointer'\nimport IterateElementContext from '../IterateElementContext'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { useDataValue } from '../../hooks'\nimport { FieldProps, FieldHelpProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport {\n BasicProps as FlexContainerProps,\n pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport Flex from '../../../../components/flex/Flex'\n\ninterface ErrorMessages {\n required?: string\n schema?: string\n}\n\nexport type Props = FieldHelpProps &\n FieldProps<unknown[], undefined, ErrorMessages> &\n Omit<FieldBlockProps, 'children'> &\n Omit<FlexContainerProps, 'children' | 'width'> & {\n children:\n | React.ReactNode\n | ((value: any, index: number) => React.ReactNode)\n | Array<\n | React.ReactNode\n | ((value: any, index: number) => React.ReactNode)\n >\n }\n\nfunction ArrayComponent(props: Props) {\n const {\n className,\n layout = 'vertical',\n placeholder,\n label,\n path,\n value: arrayValue,\n info,\n warning,\n error,\n emptyValue,\n width,\n handleChange,\n children,\n } = useDataValue(props)\n\n const elementData: {\n elementValue: unknown\n handleElementChange: (path: string, value: unknown) => void\n handleRemoveElement: () => void\n }[] = useMemo(() => {\n return (arrayValue ?? []).map((elementValue, elementIndex) => ({\n elementValue,\n handleElementChange: (path, value) => {\n const newArrayValue = structuredClone(arrayValue)\n pointer.set(newArrayValue, path, value)\n handleChange?.(newArrayValue)\n },\n handleRemoveElement: () => {\n const newArrayValue = structuredClone(arrayValue)\n newArrayValue.splice(elementIndex, 1)\n handleChange?.(newArrayValue)\n },\n }))\n }, [arrayValue, handleChange])\n\n const handlePush = useCallback(\n (element: unknown) => {\n handleChange([...(arrayValue ?? []), element])\n },\n [arrayValue, handleChange]\n )\n\n return (\n <FieldBlock\n className={classnames('dnb-forms-field-number', className)}\n layout={layout}\n label={label}\n info={info}\n warning={warning}\n error={error}\n width={width}\n contentsWidth={width !== false ? width : undefined}\n {...pickSpacingProps(props)}\n >\n <Flex.Container\n {...pickFlexContainerProps(props as FlexContainerProps, {\n spacing: 'small',\n })}\n >\n {arrayValue === emptyValue ? (\n <em>{placeholder}</em>\n ) : (\n elementData.map(\n (\n { elementValue, handleElementChange, handleRemoveElement },\n elementIndex\n ) => {\n return (\n <IterateElementContext.Provider\n key={`element-${elementIndex}`}\n value={{\n index: elementIndex,\n value: elementValue,\n path,\n handleChange: handleElementChange,\n handleRemove: handleRemoveElement,\n handlePush,\n }}\n >\n {Array.isArray(children)\n ? children.map((childElement) =>\n typeof childElement === 'function'\n ? childElement(elementValue, elementIndex)\n : childElement\n )\n : typeof children === 'function'\n ? children(elementValue, elementIndex)\n : children}\n </IterateElementContext.Provider>\n )\n }\n )\n )}\n </Flex.Container>\n </FieldBlock>\n )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}
|
|
@@ -11,10 +11,10 @@ import { FormError } from '../types';
|
|
|
11
11
|
import { Context } from '../DataContext';
|
|
12
12
|
import FieldBlockContext from '../FieldBlock/FieldBlockContext';
|
|
13
13
|
import IterateElementContext from '../Iterate/IterateElementContext';
|
|
14
|
-
import { makeUniqueId, toCapitalized } from '../../../shared/component-helper';
|
|
15
14
|
import useMountEffect from './useMountEffect';
|
|
16
15
|
import useUpdateEffect from './useUpdateEffect';
|
|
17
16
|
import useProcessManager from './useProcessManager';
|
|
17
|
+
import useId from './useId';
|
|
18
18
|
export default function useDataValue(props) {
|
|
19
19
|
var _this = this,
|
|
20
20
|
_ref3,
|
|
@@ -39,15 +39,15 @@ export default function useDataValue(props) {
|
|
|
39
39
|
toInput = value => value,
|
|
40
40
|
fromInput = value => value,
|
|
41
41
|
toEvent = value => value,
|
|
42
|
+
transformValue = value => value,
|
|
42
43
|
fromExternal = value => value,
|
|
43
44
|
validateRequired = (value, _ref) => {
|
|
44
45
|
let {
|
|
45
46
|
emptyValue,
|
|
46
|
-
required
|
|
47
|
+
required,
|
|
48
|
+
error
|
|
47
49
|
} = _ref;
|
|
48
|
-
const res = required && (value === emptyValue || typeof emptyValue === 'undefined' && value === '') ?
|
|
49
|
-
validationRule: 'required'
|
|
50
|
-
}) : undefined;
|
|
50
|
+
const res = required && (value === emptyValue || typeof emptyValue === 'undefined' && value === '') ? error : undefined;
|
|
51
51
|
return res;
|
|
52
52
|
}
|
|
53
53
|
} = props;
|
|
@@ -55,10 +55,7 @@ export default function useDataValue(props) {
|
|
|
55
55
|
const {
|
|
56
56
|
startProcess
|
|
57
57
|
} = useProcessManager();
|
|
58
|
-
const id =
|
|
59
|
-
var _props$id;
|
|
60
|
-
return (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : makeUniqueId();
|
|
61
|
-
}, [props.id]);
|
|
58
|
+
const id = useId(props.id);
|
|
62
59
|
const dataContext = useContext(Context);
|
|
63
60
|
const fieldBlockContext = useContext(FieldBlockContext);
|
|
64
61
|
const iterateElementContext = useContext(IterateElementContext);
|
|
@@ -67,6 +64,7 @@ export default function useDataValue(props) {
|
|
|
67
64
|
fromInput,
|
|
68
65
|
toEvent,
|
|
69
66
|
fromExternal,
|
|
67
|
+
transformValue,
|
|
70
68
|
validateRequired
|
|
71
69
|
});
|
|
72
70
|
const {
|
|
@@ -101,11 +99,7 @@ export default function useDataValue(props) {
|
|
|
101
99
|
}, [path, id]);
|
|
102
100
|
const externalValue = useMemo(() => {
|
|
103
101
|
if (props.value !== undefined) {
|
|
104
|
-
|
|
105
|
-
if (props.capitalize) {
|
|
106
|
-
value = toCapitalized(String(value || ''));
|
|
107
|
-
}
|
|
108
|
-
return value;
|
|
102
|
+
return transformers.current.fromExternal(props.value);
|
|
109
103
|
}
|
|
110
104
|
if (inIterate && itemPath) {
|
|
111
105
|
if (itemPath === '/') {
|
|
@@ -120,7 +114,7 @@ export default function useDataValue(props) {
|
|
|
120
114
|
return pointer.has(dataContext.data, path) ? pointer.get(dataContext.data, path) : undefined;
|
|
121
115
|
}
|
|
122
116
|
return undefined;
|
|
123
|
-
}, [props.value,
|
|
117
|
+
}, [props.value, inIterate, itemPath, dataContext.data, path, iterateElementValue]);
|
|
124
118
|
const valueRef = useRef(externalValue);
|
|
125
119
|
const changedRef = useRef(false);
|
|
126
120
|
const hasFocusRef = useRef(false);
|
|
@@ -177,7 +171,10 @@ export default function useDataValue(props) {
|
|
|
177
171
|
const requiredError = transformers.current.validateRequired(valueRef.current, {
|
|
178
172
|
emptyValue,
|
|
179
173
|
required,
|
|
180
|
-
isChanged: changedRef.current
|
|
174
|
+
isChanged: changedRef.current,
|
|
175
|
+
error: new FormError('The value is required', {
|
|
176
|
+
validationRule: 'required'
|
|
177
|
+
})
|
|
181
178
|
});
|
|
182
179
|
if (requiredError instanceof Error) {
|
|
183
180
|
throw requiredError;
|
|
@@ -229,7 +226,7 @@ export default function useDataValue(props) {
|
|
|
229
226
|
}
|
|
230
227
|
}, [dataContext.showAllErrors, showError]);
|
|
231
228
|
useEffect(() => {
|
|
232
|
-
if (path && props.value) {
|
|
229
|
+
if (path && typeof props.value !== 'undefined') {
|
|
233
230
|
const hasValue = pointer.has(dataContext.data, path);
|
|
234
231
|
const value = hasValue ? pointer.get(dataContext.data, path) : undefined;
|
|
235
232
|
if (!hasValue || props.value !== value && valueRef.current !== value) {
|
|
@@ -247,15 +244,18 @@ export default function useDataValue(props) {
|
|
|
247
244
|
const setHasFocus = useCallback((hasFocus, valueOverride) => {
|
|
248
245
|
if (hasFocus) {
|
|
249
246
|
hasFocusRef.current = true;
|
|
250
|
-
|
|
247
|
+
const value = transformers.current.toEvent(valueOverride !== null && valueOverride !== void 0 ? valueOverride : valueRef.current, 'onFocus');
|
|
248
|
+
onFocus === null || onFocus === void 0 ? void 0 : onFocus(value);
|
|
251
249
|
} else {
|
|
252
250
|
hasFocusRef.current = false;
|
|
253
|
-
|
|
251
|
+
const value = transformers.current.toEvent(valueOverride !== null && valueOverride !== void 0 ? valueOverride : valueRef.current, 'onBlur');
|
|
252
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur(value);
|
|
254
253
|
if (!changedRef.current && !validateUnchanged) {
|
|
255
254
|
return;
|
|
256
255
|
}
|
|
257
256
|
if (typeof onBlurValidator === 'function') {
|
|
258
|
-
|
|
257
|
+
const value = transformers.current.toEvent(valueOverride !== null && valueOverride !== void 0 ? valueOverride : valueRef.current, 'onBlurValidator');
|
|
258
|
+
Promise.resolve(onBlurValidator(value)).then(persistErrorState);
|
|
259
259
|
}
|
|
260
260
|
showError();
|
|
261
261
|
forceUpdate();
|
|
@@ -275,30 +275,23 @@ export default function useDataValue(props) {
|
|
|
275
275
|
}, [dataContextHandlePathChange, handleError, path, validateValue]);
|
|
276
276
|
const handleChange = useCallback(function (argFromInput) {
|
|
277
277
|
let additionalArgs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
|
|
278
|
+
const currentValue = valueRef.current;
|
|
278
279
|
let newValue = transformers.current.fromInput(argFromInput);
|
|
279
|
-
if (newValue ===
|
|
280
|
+
if (newValue === currentValue) {
|
|
280
281
|
return;
|
|
281
282
|
}
|
|
282
|
-
|
|
283
|
-
newValue = toCapitalized(String(newValue || ''));
|
|
284
|
-
}
|
|
283
|
+
newValue = transformers.current.transformValue(newValue, currentValue);
|
|
285
284
|
updateValue(newValue);
|
|
286
285
|
changedRef.current = true;
|
|
287
|
-
const value = transformers.current.toEvent(newValue);
|
|
286
|
+
const value = transformers.current.toEvent(newValue, 'onChange');
|
|
288
287
|
onChange === null || onChange === void 0 ? void 0 : onChange.apply(_this, typeof additionalArgs !== 'undefined' ? [value, additionalArgs] : [value]);
|
|
289
288
|
if (itemPath) {
|
|
290
289
|
const iterateValuePath = `/${iterateElementIndex}${itemPath && itemPath !== '/' ? itemPath : ''}`;
|
|
291
290
|
handleIterateElementChange === null || handleIterateElementChange === void 0 ? void 0 : handleIterateElementChange(iterateValuePath, newValue);
|
|
292
291
|
}
|
|
293
|
-
}, [
|
|
292
|
+
}, [updateValue, onChange, itemPath, iterateElementIndex, handleIterateElementChange]);
|
|
294
293
|
const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus]);
|
|
295
|
-
const handleBlur = useCallback(() =>
|
|
296
|
-
if (props.trim && /^\s|\s$/.test(String(valueRef.current))) {
|
|
297
|
-
const value = String(valueRef.current).trim();
|
|
298
|
-
handleChange(value);
|
|
299
|
-
}
|
|
300
|
-
setHasFocus(false);
|
|
301
|
-
}, [props.trim, setHasFocus, handleChange]);
|
|
294
|
+
const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus]);
|
|
302
295
|
useMountEffect(() => {
|
|
303
296
|
dataContext === null || dataContext === void 0 ? void 0 : dataContext.handleMountField(identifier);
|
|
304
297
|
validateValue();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDataValue.js","names":["useRef","useEffect","useContext","useCallback","useMemo","useReducer","pointer","errorChanged","ajv","ajvErrorsToOneFormError","FormError","Context","FieldBlockContext","IterateElementContext","makeUniqueId","toCapitalized","useMountEffect","useUpdateEffect","useProcessManager","useDataValue","props","_this","_ref3","_props$autoComplete","_props$path","path","itemPath","emptyValue","required","error","errorProp","errorMessages","onFocus","onBlur","onChange","onBlurValidator","validator","schema","validateInitially","validateUnchanged","continuousValidation","toInput","value","fromInput","toEvent","fromExternal","validateRequired","_ref","res","validationRule","undefined","forceUpdate","startProcess","id","_props$id","dataContext","fieldBlockContext","iterateElementContext","transformers","handlePathChange","dataContextHandlePathChange","updateDataValue","dataContextUpdateDataValue","setValueWithError","dataContextSetValueWithError","errors","dataContextErrors","dataContextError","inFieldBlock","Boolean","setError","setFieldBlockError","setShowError","setShowFieldBlockError","inIterate","index","iterateElementIndex","iterateElementValue","handleChange","handleIterateElementChange","substring","Error","identifier","externalValue","current","capitalize","String","has","get","data","valueRef","changedRef","hasFocusRef","showErrorInitially","localErrorRef","contextErrorRef","showErrorRef","errorMessagesRef","validatorRef","schemaValidatorRef","compile","showError","hideError","prepareError","_errorMessagesRef$cur","_error$messageValues","message","messageWithValues","Object","entries","messageValues","reduce","_ref2","key","replace","persistErrorState","errorArg","clearErrorState","validateValue","isProcessActive","requiredError","isChanged","_validatorRef$current","call","showAllErrors","hasValue","handleError","setHasFocus","hasFocus","valueOverride","Promise","resolve","then","updateValue","newValue","argFromInput","additionalArgs","arguments","length","apply","iterateValuePath","handleFocus","handleBlur","trim","test","handleMountField","handleUnMountField","_objectSpread","autoComplete","name","hasError"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import {\n useRef,\n useEffect,\n useContext,\n useCallback,\n useMemo,\n useReducer,\n} from 'react'\nimport pointer from 'json-pointer'\nimport { ValidateFunction } from 'ajv'\nimport { errorChanged } from '../utils'\nimport ajv, { ajvErrorsToOneFormError } from '../utils/ajv'\nimport { FormError, FieldProps, AdditionalEventArgs } from '../types'\nimport { Context, ContextState } from '../DataContext'\nimport FieldBlockContext from '../FieldBlock/FieldBlockContext'\nimport IterateElementContext from '../Iterate/IterateElementContext'\nimport {\n makeUniqueId,\n toCapitalized,\n} from '../../../shared/component-helper'\nimport useMountEffect from './useMountEffect'\nimport useUpdateEffect from './useUpdateEffect'\nimport useProcessManager from './useProcessManager'\n\ninterface ReturnAdditional<Value> {\n id: string\n value: Value\n error: Error | FormError | undefined\n hasError: boolean\n dataContext: ContextState\n setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void\n handleFocus: () => void\n handleBlur: () => void\n handleChange: FieldProps<unknown>['onChange']\n updateValue: (value: Value) => void\n forceUpdate: () => void\n}\n\nexport default function useDataValue<\n Value = unknown,\n Props extends FieldProps<Value> = FieldProps<Value>,\n>(props: Props): Props & ReturnAdditional<Value> {\n const {\n path,\n itemPath,\n emptyValue,\n required,\n error: errorProp,\n errorMessages,\n onFocus,\n onBlur,\n onChange,\n onBlurValidator,\n validator,\n schema,\n validateInitially,\n validateUnchanged,\n continuousValidation,\n toInput = (value: Value) => value,\n fromInput = (value: Value) => value,\n toEvent = (value: Value) => value,\n fromExternal = (value: Value) => value,\n validateRequired = (value: Value, { emptyValue, required }) => {\n const res =\n required &&\n (value === emptyValue ||\n (typeof emptyValue === 'undefined' && value === ''))\n ? new FormError('The value is required', {\n validationRule: 'required',\n })\n : undefined\n return res\n },\n } = props\n\n const [, forceUpdate] = useReducer(() => ({}), {})\n const { startProcess } = useProcessManager()\n const id = useMemo(() => props.id ?? makeUniqueId(), [props.id])\n const dataContext = useContext(Context)\n const fieldBlockContext = useContext(FieldBlockContext)\n const iterateElementContext = useContext(IterateElementContext)\n\n const transformers = useRef({\n toInput,\n fromInput,\n toEvent,\n fromExternal,\n validateRequired,\n })\n\n const {\n handlePathChange: dataContextHandlePathChange,\n updateDataValue: dataContextUpdateDataValue,\n setValueWithError: dataContextSetValueWithError,\n errors: dataContextErrors,\n } = dataContext ?? {}\n const dataContextError = path ? dataContextErrors?.[path] : undefined\n const inFieldBlock = Boolean(fieldBlockContext)\n const {\n setError: setFieldBlockError,\n setShowError: setShowFieldBlockError,\n } = fieldBlockContext ?? {}\n const inIterate = Boolean(iterateElementContext)\n const {\n index: iterateElementIndex,\n value: iterateElementValue,\n handleChange: handleIterateElementChange,\n } = iterateElementContext ?? {}\n\n if (path && path.substring(0, 1) !== '/') {\n throw new Error(\n 'Invalid path. Data value path JSON Pointers must be from root (starting with a /).'\n )\n }\n if (itemPath && itemPath.substring(0, 1) !== '/') {\n throw new Error(\n 'Invalid itemPath. Item pathJSON Pointers must be from root of iterate element (starting with a /).'\n )\n }\n if (itemPath && !iterateElementContext) {\n throw new Error(\n 'itemPath cannot be used when not inside an iterate element context. Wrap the component in an Iterate.Loop.'\n )\n }\n\n const identifier = useMemo(() => {\n // Identifier is used is registries of multiple fields, like in the DataContext keeping track of errors\n return path ?? id\n }, [path, id])\n\n const externalValue = useMemo(() => {\n if (props.value !== undefined) {\n let value = transformers.current.fromExternal(props.value)\n\n if (props.capitalize) {\n value = toCapitalized(String(value || '')) as Value\n }\n\n // Value-prop sent directly to the field has highest priority, overriding any surrounding source\n return 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 : undefined\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 : undefined\n }\n return undefined\n }, [\n props.value,\n props.capitalize,\n inIterate,\n itemPath,\n dataContext.data,\n path,\n iterateElementValue,\n ])\n\n // Many variables are kept in refs to avoid triggering unnecessary update loops because updates using\n // useEffect depend on them (like the external `value`)\n\n // Hold an internal copy of the input value in case the input component is used uncontrolled,\n // and to handle errors in Eufemia on components that does not take updated callback functions into account.\n const valueRef = useRef<Value>(externalValue)\n const changedRef = useRef<boolean>(false)\n const hasFocusRef = useRef<boolean>(false)\n\n // Error handling\n // - Should errors received through validation be shown initially. Assume that providing a direct prop to\n // the component means it is supposed to be shown initially.\n const showErrorInitially = validateInitially || errorProp\n // - Local errors are errors based on validation instructions received by\n const localErrorRef = useRef<Error | FormError | undefined>()\n // - Context errors are from outer contexts, like validation for this field as part of the whole data set\n const contextErrorRef = useRef<Error | FormError | undefined>(\n dataContextError\n )\n\n const showErrorRef = useRef<boolean>(Boolean(showErrorInitially))\n const errorMessagesRef = useRef(errorMessages)\n useEffect(() => {\n errorMessagesRef.current = errorMessages\n }, [errorMessages])\n const validatorRef = useRef(validator)\n useEffect(() => {\n validatorRef.current = validator\n }, [validator])\n\n const schemaValidatorRef = useRef<ValidateFunction>(\n schema ? ajv.compile(schema) : undefined\n )\n\n const showError = useCallback(() => {\n showErrorRef.current = true\n setShowFieldBlockError?.(path ?? id, true)\n }, [path, id, setShowFieldBlockError])\n\n const hideError = useCallback(() => {\n showErrorRef.current = false\n setShowFieldBlockError?.(path ?? id, false)\n }, [path, id, setShowFieldBlockError])\n\n /**\n * Prepare error from validation logic with correct error messages based on props\n */\n const prepareError = useCallback(\n (error: Error | FormError | undefined): FormError | undefined => {\n if (error === undefined) {\n return\n }\n\n if (error instanceof FormError) {\n const message =\n (typeof error.validationRule === 'string' &&\n errorMessagesRef.current?.[error.validationRule]) ||\n error.message\n\n const messageWithValues = Object.entries(\n error.messageValues ?? {}\n ).reduce((message, [key, value]) => {\n return message.replace(`{${key}}`, value)\n }, message)\n\n return new FormError(messageWithValues)\n }\n\n return error\n },\n []\n )\n\n /**\n * Based on validation, update error state, locally and relevant surrounding contexts\n */\n const persistErrorState = useCallback(\n (errorArg: FormError | undefined) => {\n const error = prepareError(errorArg)\n\n if (!errorChanged(error, localErrorRef.current)) {\n // In case different triggers lead to validation with no changes in the result (like still no error, or the same error),\n // avoid unnecessary re-renders by letting the old error object stay in the state and skip re-rendering.\n return\n }\n\n localErrorRef.current = error\n\n // Tell the data context about the error, so it can stop the user from submitting the form until the error has been fixed\n dataContextSetValueWithError?.(identifier, Boolean(error))\n\n setFieldBlockError?.(path ?? id, error)\n forceUpdate()\n },\n [\n path,\n identifier,\n id,\n prepareError,\n dataContextSetValueWithError,\n setFieldBlockError,\n forceUpdate,\n ]\n )\n\n const clearErrorState = useCallback(\n () => persistErrorState(undefined),\n [persistErrorState]\n )\n\n /**\n * Validate the current state value by provided validator instructions\n */\n const validateValue = useCallback(async () => {\n const isProcessActive = startProcess()\n\n try {\n // Validate required\n const requiredError = transformers.current.validateRequired(\n valueRef.current,\n {\n emptyValue,\n required,\n isChanged: changedRef.current,\n }\n )\n if (requiredError instanceof Error) {\n throw requiredError\n }\n\n // Validate by provided JSON Schema for this value\n if (\n schemaValidatorRef.current &&\n valueRef.current !== undefined &&\n !schemaValidatorRef.current(valueRef.current)\n ) {\n const error = ajvErrorsToOneFormError(\n schemaValidatorRef.current.errors\n )\n throw error\n }\n\n // Validate by provided derivative validator\n if (validatorRef.current) {\n const res = await validatorRef.current?.(\n valueRef.current,\n errorMessagesRef.current\n )\n if (res instanceof Error) {\n throw res\n }\n }\n\n if (isProcessActive()) {\n clearErrorState()\n }\n } catch (error: unknown) {\n if (isProcessActive()) {\n persistErrorState(error as Error)\n }\n }\n }, [\n startProcess,\n emptyValue,\n required,\n clearErrorState,\n persistErrorState,\n ])\n\n useUpdateEffect(() => {\n if (!schema) {\n schemaValidatorRef.current = undefined\n return\n }\n schemaValidatorRef.current = ajv.compile(schema)\n validateValue()\n }, [schema, validateValue])\n\n useUpdateEffect(() => {\n // Error or removed error for this field from the surrounding data context (by path)\n valueRef.current = externalValue\n validateValue()\n forceUpdate()\n }, [externalValue, validateValue])\n\n useEffect(() => {\n const error = prepareError(dataContextError)\n if (errorChanged(error, contextErrorRef.current)) {\n contextErrorRef.current = error\n forceUpdate()\n }\n }, [dataContextError, prepareError])\n\n useEffect(() => {\n if (dataContext.showAllErrors) {\n // If showError on a surrounding data context was changed and set to true, it is because the user clicked next, submit or\n // something else that should lead to showing the user all errors.\n showError()\n forceUpdate()\n }\n }, [dataContext.showAllErrors, showError])\n\n useEffect(() => {\n if (path && props.value) {\n const hasValue = pointer.has(dataContext.data, path)\n const value = hasValue\n ? pointer.get(dataContext.data, path)\n : undefined\n if (\n !hasValue ||\n (props.value !== value && valueRef.current !== value)\n ) {\n // Update the data context when a pointer not exists,\n // but was given initially.\n dataContextUpdateDataValue?.(path, props.value)\n }\n }\n }, [dataContext.data, dataContextUpdateDataValue, path, props.value])\n\n const handleError = useCallback(() => {\n if (\n continuousValidation ||\n (continuousValidation !== false && !hasFocusRef.current)\n ) {\n // When there is a change to the value without there having been any focus callback beforehand, it is likely\n // to believe that the blur callback will not be called either, which would trigger the display of the error.\n // The error is therefore displayed immediately (unless instructed not to with continuousValidation set to false).\n showError()\n } else {\n // When changing the value, hide errors to avoid annoying the user before they are finished filling in that value\n hideError()\n }\n }, [continuousValidation, hideError, showError])\n\n const setHasFocus = useCallback(\n (hasFocus: boolean, valueOverride?: Value) => {\n if (hasFocus) {\n // Field was put in focus (like when clicking in a text field or opening a dropdown menu)\n hasFocusRef.current = true\n onFocus?.(\n transformers.current.toEvent(valueOverride ?? valueRef.current)\n )\n } else {\n // Field was removed from focus (like when tabbing out of a text field or closing a dropdown menu)\n hasFocusRef.current = false\n onBlur?.(\n transformers.current.toEvent(valueOverride ?? valueRef.current)\n )\n\n if (!changedRef.current && !validateUnchanged) {\n // Avoid showing errors when blurring without having changed the value, so tabbing through several\n // fields does not make errors pop up all over the place\n return\n }\n\n // External blur validators makes it possible to validate values but not on every character change in case of\n // expensive validation calling external services etc.\n if (typeof onBlurValidator === 'function') {\n // Since the validator can return either a synchronous result or an asynchronous\n Promise.resolve(\n onBlurValidator(\n transformers.current.toEvent(\n valueOverride ?? valueRef.current\n )\n )\n ).then(persistErrorState)\n }\n\n // Since the user left the field, show error (if any)\n showError()\n forceUpdate()\n }\n },\n [\n onBlur,\n onBlurValidator,\n onFocus,\n persistErrorState,\n showError,\n validateUnchanged,\n ]\n )\n\n const updateValue = useCallback(\n (newValue: Value) => {\n if (newValue === valueRef.current) {\n // Avoid triggering a change if the value was not actually changed. This may be caused by rendering components\n // calling onChange even if the actual value did not change.\n return\n }\n\n valueRef.current = newValue\n\n // Always validate the value immediately when it is changed\n validateValue()\n\n handleError()\n\n if (path) {\n dataContextHandlePathChange?.(path, newValue)\n }\n\n forceUpdate()\n },\n [dataContextHandlePathChange, handleError, path, validateValue]\n )\n\n const handleChange = useCallback(\n (\n argFromInput: Value,\n additionalArgs: AdditionalEventArgs = undefined\n ) => {\n let newValue = transformers.current.fromInput(argFromInput)\n\n if (newValue === valueRef.current) {\n // Avoid triggering a change if the value was not actually changed. This may be caused by rendering components\n // calling onChange even if the actual value did not change.\n return\n }\n\n if (props.capitalize) {\n newValue = toCapitalized(String(newValue || '')) as Value\n }\n\n updateValue(newValue)\n\n changedRef.current = true\n\n const value = transformers.current.toEvent(newValue)\n onChange?.apply(\n this,\n typeof additionalArgs !== 'undefined'\n ? [value, additionalArgs]\n : [value]\n )\n\n if (itemPath) {\n const iterateValuePath = `/${iterateElementIndex}${\n itemPath && itemPath !== '/' ? itemPath : ''\n }`\n handleIterateElementChange?.(iterateValuePath, newValue)\n }\n },\n [\n props.capitalize,\n updateValue,\n onChange,\n itemPath,\n iterateElementIndex,\n handleIterateElementChange,\n ]\n )\n\n const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus])\n\n const handleBlur = useCallback(() => {\n if (props.trim && /^\\s|\\s$/.test(String(valueRef.current))) {\n const value = String(valueRef.current).trim()\n handleChange(value as Value)\n }\n\n setHasFocus(false)\n }, [props.trim, setHasFocus, handleChange])\n\n useMountEffect(() => {\n dataContext?.handleMountField(identifier)\n\n validateValue()\n\n if (showErrorInitially) {\n showError()\n }\n\n return () => {\n // Unmount procedure\n dataContext?.handleUnMountField(identifier)\n }\n })\n\n const error = showErrorRef.current\n ? errorProp ?? localErrorRef.current ?? contextErrorRef.current\n : undefined\n\n return {\n ...props,\n autoComplete:\n props.autoComplete ??\n (dataContext.autoComplete === true ? 'on' : 'off'),\n id,\n name: props.name || props.path?.replace('/', '') || id,\n value: transformers.current.toInput(valueRef.current),\n error: !inFieldBlock ? error : undefined,\n hasError: Boolean(error),\n isChanged: changedRef.current,\n dataContext,\n setHasFocus,\n handleFocus,\n handleBlur,\n handleChange,\n updateValue,\n forceUpdate,\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useDataValue.js","names":["useRef","useEffect","useContext","useCallback","useMemo","useReducer","pointer","errorChanged","ajv","ajvErrorsToOneFormError","FormError","Context","FieldBlockContext","IterateElementContext","useMountEffect","useUpdateEffect","useProcessManager","useId","useDataValue","props","_this","_ref3","_props$autoComplete","_props$path","path","itemPath","emptyValue","required","error","errorProp","errorMessages","onFocus","onBlur","onChange","onBlurValidator","validator","schema","validateInitially","validateUnchanged","continuousValidation","toInput","value","fromInput","toEvent","transformValue","fromExternal","validateRequired","_ref","res","undefined","forceUpdate","startProcess","id","dataContext","fieldBlockContext","iterateElementContext","transformers","handlePathChange","dataContextHandlePathChange","updateDataValue","dataContextUpdateDataValue","setValueWithError","dataContextSetValueWithError","errors","dataContextErrors","dataContextError","inFieldBlock","Boolean","setError","setFieldBlockError","setShowError","setShowFieldBlockError","inIterate","index","iterateElementIndex","iterateElementValue","handleChange","handleIterateElementChange","substring","Error","identifier","externalValue","current","has","get","data","valueRef","changedRef","hasFocusRef","showErrorInitially","localErrorRef","contextErrorRef","showErrorRef","errorMessagesRef","validatorRef","schemaValidatorRef","compile","showError","hideError","prepareError","_errorMessagesRef$cur","_error$messageValues","message","validationRule","messageWithValues","Object","entries","messageValues","reduce","_ref2","key","replace","persistErrorState","errorArg","clearErrorState","validateValue","isProcessActive","requiredError","isChanged","_validatorRef$current","call","showAllErrors","hasValue","handleError","setHasFocus","hasFocus","valueOverride","Promise","resolve","then","updateValue","newValue","argFromInput","additionalArgs","arguments","length","currentValue","apply","iterateValuePath","handleFocus","handleBlur","handleMountField","handleUnMountField","_objectSpread","autoComplete","name","hasError"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import {\n useRef,\n useEffect,\n useContext,\n useCallback,\n useMemo,\n useReducer,\n} from 'react'\nimport pointer from 'json-pointer'\nimport { ValidateFunction } from 'ajv'\nimport { errorChanged } from '../utils'\nimport ajv, { ajvErrorsToOneFormError } from '../utils/ajv'\nimport { FormError, FieldProps, AdditionalEventArgs } from '../types'\nimport { Context, ContextState } from '../DataContext'\nimport FieldBlockContext from '../FieldBlock/FieldBlockContext'\nimport IterateElementContext from '../Iterate/IterateElementContext'\nimport useMountEffect from './useMountEffect'\nimport useUpdateEffect from './useUpdateEffect'\nimport useProcessManager from './useProcessManager'\nimport useId from './useId'\n\ninterface ReturnAdditional<Value> {\n id: string\n value: Value\n error: Error | FormError | undefined\n hasError: boolean\n dataContext: ContextState\n setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void\n handleFocus: () => void\n handleBlur: () => void\n handleChange: FieldProps<unknown>['onChange']\n updateValue: (value: Value) => void\n forceUpdate: () => void\n}\n\nexport default function useDataValue<\n Value = unknown,\n Props extends FieldProps<Value> = FieldProps<Value>,\n>(props: Props): Props & ReturnAdditional<Value> {\n const {\n path,\n itemPath,\n emptyValue,\n required,\n error: errorProp,\n errorMessages,\n onFocus,\n onBlur,\n onChange,\n onBlurValidator,\n validator,\n schema,\n validateInitially,\n validateUnchanged,\n continuousValidation,\n toInput = (value: Value) => value,\n fromInput = (value: Value) => value,\n toEvent = (value: Value) => value,\n transformValue = (value: Value) => value,\n fromExternal = (value: Value) => value,\n validateRequired = (value: Value, { emptyValue, required, error }) => {\n const res =\n required &&\n (value === emptyValue ||\n (typeof emptyValue === 'undefined' && value === ''))\n ? error\n : undefined\n return res\n },\n } = props\n\n const [, forceUpdate] = useReducer(() => ({}), {})\n const { startProcess } = useProcessManager()\n const id = useId(props.id)\n const dataContext = useContext(Context)\n const fieldBlockContext = useContext(FieldBlockContext)\n const iterateElementContext = useContext(IterateElementContext)\n\n const transformers = useRef({\n toInput,\n fromInput,\n toEvent,\n fromExternal,\n transformValue,\n validateRequired,\n })\n\n const {\n handlePathChange: dataContextHandlePathChange,\n updateDataValue: dataContextUpdateDataValue,\n setValueWithError: dataContextSetValueWithError,\n errors: dataContextErrors,\n } = dataContext ?? {}\n const dataContextError = path ? dataContextErrors?.[path] : undefined\n const inFieldBlock = Boolean(fieldBlockContext)\n const {\n setError: setFieldBlockError,\n setShowError: setShowFieldBlockError,\n } = fieldBlockContext ?? {}\n const inIterate = Boolean(iterateElementContext)\n const {\n index: iterateElementIndex,\n value: iterateElementValue,\n handleChange: handleIterateElementChange,\n } = iterateElementContext ?? {}\n\n if (path && path.substring(0, 1) !== '/') {\n throw new Error(\n 'Invalid path. Data value path JSON Pointers must be from root (starting with a /).'\n )\n }\n if (itemPath && itemPath.substring(0, 1) !== '/') {\n throw new Error(\n 'Invalid itemPath. Item pathJSON Pointers must be from root of iterate element (starting with a /).'\n )\n }\n if (itemPath && !iterateElementContext) {\n throw new Error(\n 'itemPath cannot be used when not inside an iterate element context. Wrap the component in an Iterate.Loop.'\n )\n }\n\n const identifier = useMemo(() => {\n // Identifier is used is registries of multiple fields, like in the DataContext keeping track of errors\n return path ?? id\n }, [path, id])\n\n const externalValue = useMemo(() => {\n if (props.value !== undefined) {\n // Value-prop sent directly to the field has highest priority, overriding any surrounding source\n return transformers.current.fromExternal(props.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 : undefined\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 : undefined\n }\n return undefined\n }, [\n props.value,\n inIterate,\n itemPath,\n dataContext.data,\n path,\n iterateElementValue,\n ])\n\n // Many variables are kept in refs to avoid triggering unnecessary update loops because updates using\n // useEffect depend on them (like the external `value`)\n\n // Hold an internal copy of the input value in case the input component is used uncontrolled,\n // and to handle errors in Eufemia on components that does not take updated callback functions into account.\n const valueRef = useRef<Value>(externalValue)\n const changedRef = useRef<boolean>(false)\n const hasFocusRef = useRef<boolean>(false)\n\n // Error handling\n // - Should errors received through validation be shown initially. Assume that providing a direct prop to\n // the component means it is supposed to be shown initially.\n const showErrorInitially = validateInitially || errorProp\n // - Local errors are errors based on validation instructions received by\n const localErrorRef = useRef<Error | FormError | undefined>()\n // - Context errors are from outer contexts, like validation for this field as part of the whole data set\n const contextErrorRef = useRef<Error | FormError | undefined>(\n dataContextError\n )\n\n const showErrorRef = useRef<boolean>(Boolean(showErrorInitially))\n const errorMessagesRef = useRef(errorMessages)\n useEffect(() => {\n errorMessagesRef.current = errorMessages\n }, [errorMessages])\n const validatorRef = useRef(validator)\n useEffect(() => {\n validatorRef.current = validator\n }, [validator])\n\n const schemaValidatorRef = useRef<ValidateFunction>(\n schema ? ajv.compile(schema) : undefined\n )\n\n const showError = useCallback(() => {\n showErrorRef.current = true\n setShowFieldBlockError?.(path ?? id, true)\n }, [path, id, setShowFieldBlockError])\n\n const hideError = useCallback(() => {\n showErrorRef.current = false\n setShowFieldBlockError?.(path ?? id, false)\n }, [path, id, setShowFieldBlockError])\n\n /**\n * Prepare error from validation logic with correct error messages based on props\n */\n const prepareError = useCallback(\n (error: Error | FormError | undefined): FormError | undefined => {\n if (error === undefined) {\n return\n }\n\n if (error instanceof FormError) {\n const message =\n (typeof error.validationRule === 'string' &&\n errorMessagesRef.current?.[error.validationRule]) ||\n error.message\n\n const messageWithValues = Object.entries(\n error.messageValues ?? {}\n ).reduce((message, [key, value]) => {\n return message.replace(`{${key}}`, value)\n }, message)\n\n return new FormError(messageWithValues)\n }\n\n return error\n },\n []\n )\n\n /**\n * Based on validation, update error state, locally and relevant surrounding contexts\n */\n const persistErrorState = useCallback(\n (errorArg: FormError | undefined) => {\n const error = prepareError(errorArg)\n\n if (!errorChanged(error, localErrorRef.current)) {\n // In case different triggers lead to validation with no changes in the result (like still no error, or the same error),\n // avoid unnecessary re-renders by letting the old error object stay in the state and skip re-rendering.\n return\n }\n\n localErrorRef.current = error\n\n // Tell the data context about the error, so it can stop the user from submitting the form until the error has been fixed\n dataContextSetValueWithError?.(identifier, Boolean(error))\n\n setFieldBlockError?.(path ?? id, error)\n forceUpdate()\n },\n [\n path,\n identifier,\n id,\n prepareError,\n dataContextSetValueWithError,\n setFieldBlockError,\n forceUpdate,\n ]\n )\n\n const clearErrorState = useCallback(\n () => persistErrorState(undefined),\n [persistErrorState]\n )\n\n /**\n * Validate the current state value by provided validator instructions\n */\n const validateValue = useCallback(async () => {\n const isProcessActive = startProcess()\n\n try {\n // Validate required\n const requiredError = transformers.current.validateRequired(\n valueRef.current,\n {\n emptyValue,\n required,\n isChanged: changedRef.current,\n error: new FormError('The value is required', {\n validationRule: 'required',\n }),\n }\n )\n if (requiredError instanceof Error) {\n throw requiredError\n }\n\n // Validate by provided JSON Schema for this value\n if (\n schemaValidatorRef.current &&\n valueRef.current !== undefined &&\n !schemaValidatorRef.current(valueRef.current)\n ) {\n const error = ajvErrorsToOneFormError(\n schemaValidatorRef.current.errors\n )\n throw error\n }\n\n // Validate by provided derivative validator\n if (validatorRef.current) {\n const res = await validatorRef.current?.(\n valueRef.current,\n errorMessagesRef.current\n )\n if (res instanceof Error) {\n throw res\n }\n }\n\n if (isProcessActive()) {\n clearErrorState()\n }\n } catch (error: unknown) {\n if (isProcessActive()) {\n persistErrorState(error as Error)\n }\n }\n }, [\n startProcess,\n emptyValue,\n required,\n clearErrorState,\n persistErrorState,\n ])\n\n useUpdateEffect(() => {\n if (!schema) {\n schemaValidatorRef.current = undefined\n return\n }\n schemaValidatorRef.current = ajv.compile(schema)\n validateValue()\n }, [schema, validateValue])\n\n useUpdateEffect(() => {\n // Error or removed error for this field from the surrounding data context (by path)\n valueRef.current = externalValue\n validateValue()\n forceUpdate()\n }, [externalValue, validateValue])\n\n useEffect(() => {\n const error = prepareError(dataContextError)\n if (errorChanged(error, contextErrorRef.current)) {\n contextErrorRef.current = error\n forceUpdate()\n }\n }, [dataContextError, prepareError])\n\n useEffect(() => {\n if (dataContext.showAllErrors) {\n // If showError on a surrounding data context was changed and set to true, it is because the user clicked next, submit or\n // something else that should lead to showing the user all errors.\n showError()\n forceUpdate()\n }\n }, [dataContext.showAllErrors, showError])\n\n useEffect(() => {\n if (path && typeof props.value !== 'undefined') {\n const hasValue = pointer.has(dataContext.data, path)\n const value = hasValue\n ? pointer.get(dataContext.data, path)\n : undefined\n if (\n !hasValue ||\n (props.value !== value && valueRef.current !== value)\n ) {\n // Update the data context when a pointer not exists,\n // but was given initially.\n dataContextUpdateDataValue?.(path, props.value)\n }\n }\n }, [dataContext.data, dataContextUpdateDataValue, path, props.value])\n\n const handleError = useCallback(() => {\n if (\n continuousValidation ||\n (continuousValidation !== false && !hasFocusRef.current)\n ) {\n // When there is a change to the value without there having been any focus callback beforehand, it is likely\n // to believe that the blur callback will not be called either, which would trigger the display of the error.\n // The error is therefore displayed immediately (unless instructed not to with continuousValidation set to false).\n showError()\n } else {\n // When changing the value, hide errors to avoid annoying the user before they are finished filling in that value\n hideError()\n }\n }, [continuousValidation, hideError, showError])\n\n const setHasFocus = useCallback(\n (hasFocus: boolean, valueOverride?: Value) => {\n if (hasFocus) {\n // Field was put in focus (like when clicking in a text field or opening a dropdown menu)\n hasFocusRef.current = true\n const value = transformers.current.toEvent(\n valueOverride ?? valueRef.current,\n 'onFocus'\n )\n onFocus?.(value)\n } else {\n // Field was removed from focus (like when tabbing out of a text field or closing a dropdown menu)\n hasFocusRef.current = false\n const value = transformers.current.toEvent(\n valueOverride ?? valueRef.current,\n 'onBlur'\n )\n onBlur?.(value)\n\n if (!changedRef.current && !validateUnchanged) {\n // Avoid showing errors when blurring without having changed the value, so tabbing through several\n // fields does not make errors pop up all over the place\n return\n }\n\n // External blur validators makes it possible to validate values but not on every character change in case of\n // expensive validation calling external services etc.\n if (typeof onBlurValidator === 'function') {\n // Since the validator can return either a synchronous result or an asynchronous\n const value = transformers.current.toEvent(\n valueOverride ?? valueRef.current,\n 'onBlurValidator'\n )\n Promise.resolve(onBlurValidator(value)).then(persistErrorState)\n }\n\n // Since the user left the field, show error (if any)\n showError()\n forceUpdate()\n }\n },\n [\n onBlur,\n onBlurValidator,\n onFocus,\n persistErrorState,\n showError,\n validateUnchanged,\n ]\n )\n\n const updateValue = useCallback(\n (newValue: Value) => {\n if (newValue === valueRef.current) {\n // Avoid triggering a change if the value was not actually changed. This may be caused by rendering components\n // calling onChange even if the actual value did not change.\n return\n }\n\n valueRef.current = newValue\n\n // Always validate the value immediately when it is changed\n validateValue()\n\n handleError()\n\n if (path) {\n dataContextHandlePathChange?.(path, newValue)\n }\n\n forceUpdate()\n },\n [dataContextHandlePathChange, handleError, path, validateValue]\n )\n\n const handleChange = useCallback(\n (\n argFromInput: Value,\n additionalArgs: AdditionalEventArgs = undefined\n ) => {\n const currentValue = valueRef.current\n let newValue = transformers.current.fromInput(argFromInput)\n\n if (newValue === currentValue) {\n // Avoid triggering a change if the value was not actually changed. This may be caused by rendering components\n // calling onChange even if the actual value did not change.\n return\n }\n\n newValue = transformers.current.transformValue(\n newValue,\n currentValue\n )\n\n updateValue(newValue)\n\n changedRef.current = true\n\n const value = transformers.current.toEvent(newValue, 'onChange')\n onChange?.apply(\n this,\n typeof additionalArgs !== 'undefined'\n ? [value, additionalArgs]\n : [value]\n )\n\n if (itemPath) {\n const iterateValuePath = `/${iterateElementIndex}${\n itemPath && itemPath !== '/' ? itemPath : ''\n }`\n handleIterateElementChange?.(iterateValuePath, newValue)\n }\n },\n [\n updateValue,\n onChange,\n itemPath,\n iterateElementIndex,\n handleIterateElementChange,\n ]\n )\n\n const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus])\n\n const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus])\n\n useMountEffect(() => {\n dataContext?.handleMountField(identifier)\n\n validateValue()\n\n if (showErrorInitially) {\n showError()\n }\n\n return () => {\n // Unmount procedure\n dataContext?.handleUnMountField(identifier)\n }\n })\n\n const error = showErrorRef.current\n ? errorProp ?? localErrorRef.current ?? contextErrorRef.current\n : undefined\n\n return {\n ...props,\n autoComplete:\n props.autoComplete ??\n (dataContext.autoComplete === true ? 'on' : 'off'),\n id,\n name: props.name || props.path?.replace('/', '') || id,\n value: transformers.current.toInput(valueRef.current),\n error: !inFieldBlock ? error : undefined,\n hasError: Boolean(error),\n isChanged: changedRef.current,\n dataContext,\n setHasFocus,\n handleFocus,\n handleBlur,\n handleChange,\n updateValue,\n forceUpdate,\n }\n}\n"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function useId(customId?: string): string;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { makeUniqueId } from '../../../shared/component-helper';
|
|
3
|
+
export default function useId(customId) {
|
|
4
|
+
var _React$useId;
|
|
5
|
+
const id = React === null || React === void 0 ? void 0 : (_React$useId = React.useId) === null || _React$useId === void 0 ? void 0 : _React$useId.call(React);
|
|
6
|
+
return React.useMemo(() => {
|
|
7
|
+
var _ref;
|
|
8
|
+
return (_ref = customId !== null && customId !== void 0 ? customId : id) !== null && _ref !== void 0 ? _ref : makeUniqueId();
|
|
9
|
+
}, [customId, id]);
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=useId.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useId.js","names":["React","makeUniqueId","useId","customId","_React$useId","id","call","useMemo","_ref"],"sources":["../../../../../src/extensions/forms/hooks/useId.ts"],"sourcesContent":["import React from 'react'\nimport { makeUniqueId } from '../../../shared/component-helper'\n\nexport default function useId(customId?: string) {\n const id = React?.useId?.()\n return React.useMemo(\n () => customId ?? id ?? makeUniqueId(),\n [customId, id]\n )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,kCAAkC;AAE/D,eAAe,SAASC,KAAKA,CAACC,QAAiB,EAAE;EAAA,IAAAC,YAAA;EAC/C,MAAMC,EAAE,GAAGL,KAAK,aAALA,KAAK,wBAAAI,YAAA,GAALJ,KAAK,CAAEE,KAAK,cAAAE,YAAA,uBAAZA,YAAA,CAAAE,IAAA,CAAAN,KAAe,CAAC;EAC3B,OAAOA,KAAK,CAACO,OAAO,CAClB;IAAA,IAAAC,IAAA;IAAA,QAAAA,IAAA,GAAML,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIE,EAAE,cAAAG,IAAA,cAAAA,IAAA,GAAIP,YAAY,CAAC,CAAC;EAAA,GACtC,CAACE,QAAQ,EAAEE,EAAE,CACf,CAAC;AACH"}
|
|
@@ -8,5 +8,10 @@ export * as DataContext from './DataContext';
|
|
|
8
8
|
export * as Iterate from './Iterate';
|
|
9
9
|
export { default as FieldBlock } from './FieldBlock';
|
|
10
10
|
export { default as ValueBlock } from './ValueBlock';
|
|
11
|
-
export { default as Visibility } from './Visibility';
|
|
12
11
|
export { default as StepsLayout, StepsContext } from './StepsLayout';
|
|
12
|
+
/**
|
|
13
|
+
* Deprecated and will be removed in v11
|
|
14
|
+
*
|
|
15
|
+
* @deprecated use import { Field } from 'Form' instead
|
|
16
|
+
*/
|
|
17
|
+
export declare function Visibility(): void;
|
|
@@ -13,6 +13,8 @@ import * as _Iterate from './Iterate';
|
|
|
13
13
|
export { _Iterate as Iterate };
|
|
14
14
|
export { default as FieldBlock } from './FieldBlock';
|
|
15
15
|
export { default as ValueBlock } from './ValueBlock';
|
|
16
|
-
export { default as Visibility } from './Visibility';
|
|
17
16
|
export { default as StepsLayout, StepsContext } from './StepsLayout';
|
|
17
|
+
export function Visibility() {
|
|
18
|
+
console.error('Please import Visibility from "Form.Visibility"');
|
|
19
|
+
}
|
|
18
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Field","Field","_Value","Value","_Form","Form","_DataContext","DataContext","_Iterate","Iterate","default","FieldBlock","ValueBlock","Visibility","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Field","Field","_Value","Value","_Form","Form","_DataContext","DataContext","_Iterate","Iterate","default","FieldBlock","ValueBlock","StepsLayout","StepsContext","Visibility","console","error"],"sources":["../../../../src/extensions/forms/index.ts"],"sourcesContent":["export * from './types'\nexport * from './utils'\nexport * from './hooks'\nexport * as Field from './Field'\nexport * as Value from './Value'\nexport * as Form from './Form'\nexport * as DataContext from './DataContext'\nexport * as Iterate from './Iterate'\nexport { default as FieldBlock } from './FieldBlock'\nexport { default as ValueBlock } from './ValueBlock'\nexport { default as StepsLayout, StepsContext } from './StepsLayout'\n\n/**\n * Deprecated and will be removed in v11\n *\n * @deprecated use import { Field } from 'Form'\tinstead\n */\nexport function Visibility() {\n console.error('Please import Visibility from \"Form.Visibility\"')\n}\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,SAAS;AAAA,YAAAA,MAAA,MACA,SAAS;AAAA,SAAAA,MAAA,IAApBC,KAAK;AAAA,YAAAC,MAAA,MACM,SAAS;AAAA,SAAAA,MAAA,IAApBC,KAAK;AAAA,YAAAC,KAAA,MACK,QAAQ;AAAA,SAAAA,KAAA,IAAlBC,IAAI;AAAA,YAAAC,YAAA,MACa,eAAe;AAAA,SAAAA,YAAA,IAAhCC,WAAW;AAAA,YAAAC,QAAA,MACE,WAAW;AAAA,SAAAA,QAAA,IAAxBC,OAAO;AACnB,SAASC,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc;AACpD,SAASF,OAAO,IAAIG,WAAW,EAAEC,YAAY,QAAQ,eAAe;AAOpE,OAAO,SAASC,UAAUA,CAAA,EAAG;EAC3BC,OAAO,CAACC,KAAK,CAAC,iDAAiD,CAAC;AAClE"}
|