@lion/form-core
Advanced tools
Comparing version 0.17.0 to 0.17.1
@@ -23,5 +23,5 @@ # Systems >> Form >> Overview ||10 | ||
- [formatting/parsing/serializing](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/fundamentals/systems/form/formatting-and-parsing.md) of view values. | ||
- Advanced [validation](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/fundamentals/systems/form/validate.md) possibilities. | ||
- Creation of advanced user interaction scenarios via [interaction states](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/fundamentals/systems/form/interaction-states.md). | ||
- [formatting/parsing/serializing](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/formatting-and-parsing.md) of view values. | ||
- Advanced [validation](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/validate.md) possibilities. | ||
- Creation of advanced user interaction scenarios via [interaction states](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/interaction-states.md). | ||
- Provision of labels and help texts in an easy, declarative manner. | ||
@@ -35,20 +35,20 @@ - Accessibility out of the box. | ||
- [LionInput](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/input/overview.md), a wrapper for `<input>`. | ||
- [LionTextarea](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/textarea/overview.md), a wrapper for `<textarea>`. | ||
- [LionSelect](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/select/overview.md), a wrapper for `<select>`. | ||
- [LionInput](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input/overview.md), a wrapper for `<input>`. | ||
- [LionTextarea](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/textarea/overview.md), a wrapper for `<textarea>`. | ||
- [LionSelect](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/select/overview.md), a wrapper for `<select>`. | ||
### Custom fields (wrappers) | ||
Whenever a native form control doesn't exist or is not sufficient, a [custom form field](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/guides/how-to/create-a-custom-field.md) should be created. One could think of components like: | ||
Whenever a native form control doesn't exist or is not sufficient, a [custom form field](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/guides/how-to/create-a-custom-field.md) should be created. One could think of components like: | ||
- [LionCombobox](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/combobox/overview.md), a custom implementation of a combobox. | ||
- [LionDate](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/input-date/overview.md), an alternative for `<input type="date">`. | ||
- [LionDatepicker](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/input-datepicker/overview.md), an alternative for `<input type="date">` including a calendar dropdown. | ||
- [LionListbox](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/listbox/overview.md), a custom implementation of a listbox. | ||
- [LionInputAmount](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/input-amount/overview.md), an alternative for `<input type="number">` special for amounts. | ||
- [LionInputEmail](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/input-email/overview.md), an alternative for `<input type="email">`. | ||
- [LionInputIban](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/input-iban/overview.md), an ING specific for an input with IBAN numbers. | ||
- [LionInputRange](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/input-range/overview.md), an alternative for `<input type="range">`. | ||
- [LionInputStepper](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/input-stepper/overview.md), an alternative for `<input type="number">`. | ||
- [LionSelectRich](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/select-rich/overview.md), an alternative for `<select>` with multiline options. | ||
- [LionCombobox](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/combobox/overview.md), a custom implementation of a combobox. | ||
- [LionDate](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-date/overview.md), an alternative for `<input type="date">`. | ||
- [LionDatepicker](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-datepicker/overview.md), an alternative for `<input type="date">` including a calendar dropdown. | ||
- [LionListbox](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/listbox/overview.md), a custom implementation of a listbox. | ||
- [LionInputAmount](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-amount/overview.md), an alternative for `<input type="number">` special for amounts. | ||
- [LionInputEmail](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-email/overview.md), an alternative for `<input type="email">`. | ||
- [LionInputIban](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-iban/overview.md), an ING specific for an input with IBAN numbers. | ||
- [LionInputRange](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-range/overview.md), an alternative for `<input type="range">`. | ||
- [LionInputStepper](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-stepper/overview.md), an alternative for `<input type="number">`. | ||
- [LionSelectRich](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/select-rich/overview.md), an alternative for `<select>` with multiline options. | ||
@@ -59,6 +59,6 @@ ### Choice Input Fields | ||
- [LionCheckbox](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/checkbox-group/overview.md), a wrapper for `<input type="checkbox">`. | ||
- [LionCheckbox](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/checkbox-group/overview.md), a wrapper for `<input type="checkbox">`. | ||
- LionOption, an alternative for `<option>`. | ||
- [LionRadio](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/radio-group/overview.md), a wrapper for `<input type="radio">`. | ||
- [LionSwitch](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/switch/overview.md), a custom implementation of a switch. | ||
- [LionRadio](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/radio-group/overview.md), a wrapper for `<input type="radio">`. | ||
- [LionSwitch](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/switch/overview.md), a custom implementation of a switch. | ||
@@ -75,12 +75,12 @@ Which contains the following features: | ||
- [LionFieldset](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/fieldset/overview.md), a wrapper around multiple input fields or other fieldsets. | ||
- [LionForm](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/form/overview.md), enhances the functionality of the native `<form>` component. | ||
- [LionCheckboxGroup](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/checkbox-group/overview.md), a wrapper component for multiple checkboxes. | ||
- [LionRadioGroup](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/radio-group/overview.md), a wrapper component for multiple radio inputs. | ||
- [LionFieldset](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/fieldset/overview.md), a wrapper around multiple input fields or other fieldsets. | ||
- [LionForm](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/form/overview.md), enhances the functionality of the native `<form>` component. | ||
- [LionCheckboxGroup](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/checkbox-group/overview.md), a wrapper component for multiple checkboxes. | ||
- [LionRadioGroup](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/radio-group/overview.md), a wrapper component for multiple radio inputs. | ||
## Other Resources | ||
- [Model Value](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/fundamentals/systems/form/model-value.md) | ||
- [Formatting and parsing](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/fundamentals/systems/form/formatting-and-parsing.md) | ||
- [Interaction states](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/fundamentals/systems/form/interaction-states.md) | ||
- [Validation System](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/fundamentals/systems/form/validate.md) | ||
- [Model Value](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/model-value.md) | ||
- [Formatting and parsing](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/formatting-and-parsing.md) | ||
- [Interaction states](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/interaction-states.md) | ||
- [Validation System](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/validate.md) |
{ | ||
"name": "@lion/form-core", | ||
"version": "0.17.0", | ||
"version": "0.17.1", | ||
"description": "Form-core contains all essential building blocks for creating form fields and fieldsets", | ||
@@ -23,2 +23,3 @@ "license": "MIT", | ||
"test-helpers", | ||
"test-suites", | ||
"translations", | ||
@@ -25,0 +26,0 @@ "types" |
@@ -23,5 +23,5 @@ # Systems >> Form >> Overview ||10 | ||
- [formatting/parsing/serializing](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/fundamentals/systems/form/formatting-and-parsing.md) of view values. | ||
- Advanced [validation](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/fundamentals/systems/form/validate.md) possibilities. | ||
- Creation of advanced user interaction scenarios via [interaction states](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/fundamentals/systems/form/interaction-states.md). | ||
- [formatting/parsing/serializing](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/formatting-and-parsing.md) of view values. | ||
- Advanced [validation](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/validate.md) possibilities. | ||
- Creation of advanced user interaction scenarios via [interaction states](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/interaction-states.md). | ||
- Provision of labels and help texts in an easy, declarative manner. | ||
@@ -35,20 +35,20 @@ - Accessibility out of the box. | ||
- [LionInput](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/input/overview.md), a wrapper for `<input>`. | ||
- [LionTextarea](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/textarea/overview.md), a wrapper for `<textarea>`. | ||
- [LionSelect](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/select/overview.md), a wrapper for `<select>`. | ||
- [LionInput](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input/overview.md), a wrapper for `<input>`. | ||
- [LionTextarea](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/textarea/overview.md), a wrapper for `<textarea>`. | ||
- [LionSelect](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/select/overview.md), a wrapper for `<select>`. | ||
### Custom fields (wrappers) | ||
Whenever a native form control doesn't exist or is not sufficient, a [custom form field](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/guides/how-to/create-a-custom-field.md) should be created. One could think of components like: | ||
Whenever a native form control doesn't exist or is not sufficient, a [custom form field](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/guides/how-to/create-a-custom-field.md) should be created. One could think of components like: | ||
- [LionCombobox](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/combobox/overview.md), a custom implementation of a combobox. | ||
- [LionDate](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/input-date/overview.md), an alternative for `<input type="date">`. | ||
- [LionDatepicker](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/input-datepicker/overview.md), an alternative for `<input type="date">` including a calendar dropdown. | ||
- [LionListbox](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/listbox/overview.md), a custom implementation of a listbox. | ||
- [LionInputAmount](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/input-amount/overview.md), an alternative for `<input type="number">` special for amounts. | ||
- [LionInputEmail](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/input-email/overview.md), an alternative for `<input type="email">`. | ||
- [LionInputIban](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/input-iban/overview.md), an ING specific for an input with IBAN numbers. | ||
- [LionInputRange](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/input-range/overview.md), an alternative for `<input type="range">`. | ||
- [LionInputStepper](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/input-stepper/overview.md), an alternative for `<input type="number">`. | ||
- [LionSelectRich](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/select-rich/overview.md), an alternative for `<select>` with multiline options. | ||
- [LionCombobox](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/combobox/overview.md), a custom implementation of a combobox. | ||
- [LionDate](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-date/overview.md), an alternative for `<input type="date">`. | ||
- [LionDatepicker](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-datepicker/overview.md), an alternative for `<input type="date">` including a calendar dropdown. | ||
- [LionListbox](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/listbox/overview.md), a custom implementation of a listbox. | ||
- [LionInputAmount](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-amount/overview.md), an alternative for `<input type="number">` special for amounts. | ||
- [LionInputEmail](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-email/overview.md), an alternative for `<input type="email">`. | ||
- [LionInputIban](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-iban/overview.md), an ING specific for an input with IBAN numbers. | ||
- [LionInputRange](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-range/overview.md), an alternative for `<input type="range">`. | ||
- [LionInputStepper](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-stepper/overview.md), an alternative for `<input type="number">`. | ||
- [LionSelectRich](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/select-rich/overview.md), an alternative for `<select>` with multiline options. | ||
@@ -59,6 +59,6 @@ ### Choice Input Fields | ||
- [LionCheckbox](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/checkbox-group/overview.md), a wrapper for `<input type="checkbox">`. | ||
- [LionCheckbox](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/checkbox-group/overview.md), a wrapper for `<input type="checkbox">`. | ||
- LionOption, an alternative for `<option>`. | ||
- [LionRadio](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/radio-group/overview.md), a wrapper for `<input type="radio">`. | ||
- [LionSwitch](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/switch/overview.md), a custom implementation of a switch. | ||
- [LionRadio](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/radio-group/overview.md), a wrapper for `<input type="radio">`. | ||
- [LionSwitch](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/switch/overview.md), a custom implementation of a switch. | ||
@@ -75,12 +75,12 @@ Which contains the following features: | ||
- [LionFieldset](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/fieldset/overview.md), a wrapper around multiple input fields or other fieldsets. | ||
- [LionForm](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/form/overview.md), enhances the functionality of the native `<form>` component. | ||
- [LionCheckboxGroup](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/checkbox-group/overview.md), a wrapper component for multiple checkboxes. | ||
- [LionRadioGroup](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/components/radio-group/overview.md), a wrapper component for multiple radio inputs. | ||
- [LionFieldset](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/fieldset/overview.md), a wrapper around multiple input fields or other fieldsets. | ||
- [LionForm](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/form/overview.md), enhances the functionality of the native `<form>` component. | ||
- [LionCheckboxGroup](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/checkbox-group/overview.md), a wrapper component for multiple checkboxes. | ||
- [LionRadioGroup](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/radio-group/overview.md), a wrapper component for multiple radio inputs. | ||
## Other Resources | ||
- [Model Value](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/fundamentals/systems/form/model-value.md) | ||
- [Formatting and parsing](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/fundamentals/systems/form/formatting-and-parsing.md) | ||
- [Interaction states](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/fundamentals/systems/form/interaction-states.md) | ||
- [Validation System](https://github.com/ing-bank/lion/blob/24b205837eb6a0111d8c80077dcab0b5040533e0/docs/fundamentals/systems/form/validate.md) | ||
- [Model Value](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/model-value.md) | ||
- [Formatting and parsing](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/formatting-and-parsing.md) | ||
- [Interaction states](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/interaction-states.md) | ||
- [Validation System](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/validate.md) |
@@ -45,2 +45,10 @@ import { dedupeMixin } from '@lion/core'; | ||
super.disconnectedCallback(); | ||
this.__unregisterFormElement(); | ||
} | ||
/** | ||
* Putting this in a separate method makes testing easier | ||
* @private | ||
*/ | ||
__unregisterFormElement() { | ||
if (this._parentFormGroup) { | ||
@@ -47,0 +55,0 @@ this._parentFormGroup.removeFormElement(/** @type {* & FormRegisteringHost} */ (this)); |
@@ -502,3 +502,3 @@ /* eslint-disable class-methods-use-this, camelcase, no-param-reassign, max-classes-per-file */ | ||
* step b (as explained in `validate()`), called by __finishValidation | ||
* @param {{validator:Validator; outcome: boolean|string;}[]} regularValidationResult result of steps 1-3 | ||
* @param {{validator: Validator;outcome: boolean | string;}[]} regularValidationResult result of steps 1-3 | ||
* @private | ||
@@ -514,2 +514,12 @@ */ | ||
if (!resultValidators.length) { | ||
return []; | ||
} | ||
// If empty, do not show the ResulValidation message (e.g. Correct!) | ||
if (this._isEmpty(this.modelValue)) { | ||
this.__prevShownValidationResult = []; | ||
return []; | ||
} | ||
// Map everything to Validator[] for backwards compatibility | ||
@@ -542,4 +552,5 @@ return resultValidators | ||
// if we have any ResultValidators left, now is the time to run them... | ||
const resultOutCome = this.__executeResultValidators(syncAndAsyncOutcome); | ||
const resultOutCome = /** @type {ValidationResultEntry[]} */ ( | ||
this.__executeResultValidators(syncAndAsyncOutcome) | ||
); | ||
this.__validationResult = [...resultOutCome, ...syncAndAsyncOutcome]; | ||
@@ -566,3 +577,2 @@ | ||
]; | ||
/** private event that should be listened to by LionFieldSet */ | ||
@@ -569,0 +579,0 @@ this.dispatchEvent(new Event('validate-performed', { bubbles: true })); |
@@ -17,2 +17,4 @@ import { Constructor } from '@open-wc/dedupe-mixin'; | ||
protected _parentFormGroup: FormRegistrarHost | undefined; | ||
private __unregisterFormElement: void; | ||
} | ||
@@ -19,0 +21,0 @@ |
Sorry, the diff of this file is too big to display
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
1839277
160
48999