@lion/field
Advanced tools
@lion/field - npm Package Compare versions
Comparing version 0.1.6 to 0.1.7
@@ -6,2 +6,13 @@ # Change Log | ||
| ## [0.1.7](https://github.com/ing-bank/lion/compare/@lion/field@0.1.6...@lion/field@0.1.7) (2019-05-13) | ||
| ### Bug Fixes | ||
| * add prepublish step to make links absolute for npm docs ([9f2c4f6](https://github.com/ing-bank/lion/commit/9f2c4f6)) | ||
| ## [0.1.6](https://github.com/ing-bank/lion/compare/@lion/field@0.1.5...@lion/field@0.1.6) (2019-05-08) | ||
@@ -8,0 +19,0 @@ |
| # Creating a custom field | ||
| Custom fields can be created in just a few steps. All you need is an interaction element | ||
| (like for instance a slider, a listbox or a combobox) and connect it to the [Field](../README.md) | ||
| (like for instance a slider, a listbox or a combobox) and connect it to the [Field](https://github.com/ing-bank/lion/blob/master/packages/field/README.md) | ||
| functionality. | ||
@@ -19,3 +19,3 @@ | ||
| Now we want to integrate the slider in our form framework to enrich the user interface, get | ||
| validation support and get all the other [benefits of LionField](../README.md). | ||
| validation support and get all the other [benefits of LionField](https://github.com/ing-bank/lion/blob/master/packages/field/README.md). | ||
| We start of by creating a component `<lion-slider>` that extends from `LionField`. | ||
@@ -34,3 +34,3 @@ Then we follow the steps below: | ||
| Every time the `user-input-changed` fires, the value of `<my-slider>` is synchronized with the | ||
| [`modelValue`](./modelValue.md) of `<my-slider>`. Now the cycle is complete: the modelValue connects | ||
| [`modelValue`](https://github.com/ing-bank/lion/blob/master/packages/field/docs/modelValue.md) of `<my-slider>`. Now the cycle is complete: the modelValue connects | ||
| your interaction element to all logic inside the LionField. | ||
@@ -37,0 +37,0 @@ |
@@ -15,3 +15,3 @@ # FormatMixin | ||
| Examples: | ||
| - For a date input: a String '20/01/1999' will be converted to new Date('1999-01-20') | ||
| - For a date input: a String '20/01/1999' will be converted to new Date('1999/01/20') | ||
| - For a number input: a formatted String '1.234,56' will be converted to a Number: 1234.56 | ||
@@ -88,4 +88,4 @@ | ||
| When creating your own custom input, please use `FieldCustomMixin` as a basis for this. | ||
| Concrete examples can be found at [`<lion-input-date>`](../../input-date) and | ||
| [`<lion-input-amount>`](../../input-amount). | ||
| Concrete examples can be found at [`<lion-input-date>`](https://github.com/ing-bank/lion/blob/master/packages/input-date) and | ||
| [`<lion-input-amount>`](https://github.com/ing-bank/lion/blob/master/packages/input-amount). | ||
@@ -97,2 +97,2 @@ ## Flow diagram | ||
| [Flow diagram](./formatterParserFlow.svg) | ||
| [Flow diagram](https://github.com/ing-bank/lion/blob/master/packages/field/docs/formatterParserFlow.svg) |
@@ -18,3 +18,3 @@ # Formatting and parsing | ||
| - For a date input: a String '20/01/1999' will be converted to new Date('1999-01-20') | ||
| - For a date input: a String '20/01/1999' will be converted to new Date('1999/01/20') | ||
| - For a number input: a formatted String '1.234,56' will be converted to a Number: 1234.56 | ||
@@ -106,4 +106,4 @@ | ||
| When creating your own custom input, please use `FieldCustomMixin` as a basis for this. | ||
| Concrete examples can be found at [`<lion-input-date>`](../../input-date/) and | ||
| [`<lion-input-amount>`](../../input-amount/). | ||
| Concrete examples can be found at [`<lion-input-date>`](https://github.com/ing-bank/lion/blob/master/packages/input-date) and | ||
| [`<lion-input-amount>`](https://github.com/ing-bank/lion/blob/master/packages/input-amount). | ||
@@ -116,2 +116,2 @@ ## Flow diagram | ||
| [Flow diagram](./formatterParserFlow.svg) | ||
| [Flow diagram](https://github.com/ing-bank/lion/blob/master/packages/field/docs/formatterParserFlow.svg) |
@@ -24,7 +24,7 @@ # Form Fundaments | ||
| - [`LionInput`](../../input/), a wrapper for `<input>` | ||
| - [`LionTextarea`](../../textarea/), a wrapper for `<textarea>` | ||
| - [`LionSelect`](../../select/), a wrapper for `<select>` | ||
| - [`LionRadio`](../../radio/), a wrapper for `<input type="radio">` | ||
| - [`LionCheckbox`](../../checkbox/), a wrapper for `<input type="checkbox">` | ||
| - [`LionInput`](https://github.com/ing-bank/lion/blob/master/packages/input), a wrapper for `<input>` | ||
| - [`LionTextarea`](https://github.com/ing-bank/lion/blob/master/packages/textarea), a wrapper for `<textarea>` | ||
| - [`LionSelect`](https://github.com/ing-bank/lion/blob/master/packages/select), a wrapper for `<select>` | ||
| - [`LionRadio`](https://github.com/ing-bank/lion/blob/master/packages/radio), a wrapper for `<input type="radio">` | ||
| - [`LionCheckbox`](https://github.com/ing-bank/lion/blob/master/packages/checkbox), a wrapper for `<input type="checkbox">` | ||
@@ -47,6 +47,6 @@ ### Custom fields (wrappers) | ||
| - [`LionFieldset`](../../fieldset/) | ||
| - [`LionForm`](../../form/) | ||
| - [`LionRadioGroup`](../../radio-group/) | ||
| - [`LionCheckboxGroup`](../../checkbox-group/) | ||
| - [`LionFieldset`](https://github.com/ing-bank/lion/blob/master/packages/fieldset) | ||
| - [`LionForm`](https://github.com/ing-bank/lion/blob/master/packages/form) | ||
| - [`LionRadioGroup`](https://github.com/ing-bank/lion/blob/master/packages/radio-group) | ||
| - [`LionCheckboxGroup`](https://github.com/ing-bank/lion/blob/master/packages/checkbox-group) | ||
@@ -57,7 +57,7 @@ ## Other Resources | ||
| <!-- TODO: - [`LionField`] () --> | ||
| - [Model Value](./ModelValue.md) | ||
| - [Formatting and parsing](./FormattingAndParsing.md) | ||
| - [Interaction states](./InteractionStates.md) | ||
| - [Validation System](../../validate/docs/ValidationSystem.md) | ||
| - [FieldCustomMixin](./FieldCustomMixin.md) | ||
| - [Model Value](https://github.com/ing-bank/lion/blob/master/packages/field/docs/ModelValue.md) | ||
| - [Formatting and parsing](https://github.com/ing-bank/lion/blob/master/packages/field/docs/FormattingAndParsing.md) | ||
| - [Interaction states](https://github.com/ing-bank/lion/blob/master/packages/field/docs/InteractionStates.md) | ||
| - [Validation System](https://github.com/ing-bank/lion/blob/master/packages/validate/docs/ValidationSystem.md) | ||
| - [FieldCustomMixin](https://github.com/ing-bank/lion/blob/master/packages/field/docs/FieldCustomMixin.md) | ||
| <!-- TODO: - [`FocusMixin`] (/FocusMixin.md) --> |
@@ -25,3 +25,3 @@ # Interaction States | ||
| When creating a [custom wrapper or platform wrapper](./FormFundaments.md), it can be needed to | ||
| When creating a [custom wrapper or platform wrapper](https://github.com/ing-bank/lion/blob/master/packages/field/docs/FormFundaments.md), it can be needed to | ||
| override the way prefilled values are 'computed'. The example below shows how this is done for | ||
@@ -28,0 +28,0 @@ checkboxes/radio-inputs. |
| { | ||
| "name": "@lion/field", | ||
| "version": "0.1.6", | ||
| "version": "0.1.7", | ||
| "description": "Fields are the most fundamental building block of the Form System", | ||
@@ -17,3 +17,3 @@ "author": "ing-bank", | ||
| "scripts": { | ||
| "prepublishOnly": "../../scripts/insert-header.js" | ||
| "prepublishOnly": "../../scripts/npm-prepublish.js" | ||
| }, | ||
@@ -35,7 +35,7 @@ "keywords": [ | ||
| "dependencies": { | ||
| "@lion/core": "^0.1.3", | ||
| "@lion/validate": "^0.1.6" | ||
| "@lion/core": "^0.1.4", | ||
| "@lion/validate": "^0.1.7" | ||
| }, | ||
| "devDependencies": { | ||
| "@lion/localize": "^0.1.6", | ||
| "@lion/localize": "^0.1.7", | ||
| "@open-wc/demoing-storybook": "^0.2.0", | ||
@@ -45,3 +45,3 @@ "@open-wc/testing": "^0.11.1", | ||
| }, | ||
| "gitHead": "0f0864b3da2d8d549de18733b597ebe49c9e1fc5" | ||
| "gitHead": "97fe0f0aa720bef21fc000e584a44a62302d6871" | ||
| } |
@@ -35,7 +35,7 @@ | ||
| - [`LionInput`](../input/), a wrapper for `<input>` | ||
| - [`LionTextarea`](../textarea/), a wrapper for `<textarea>` | ||
| - [`LionSelect`](../select/), a wrapper for `<select>` | ||
| - [`LionRadio`](../radio/), a wrapper for `<input type="radio">` | ||
| - [`LionCheckbox`](../checkbox/), a wrapper for `<input type="checkbox">` | ||
| - [`LionInput`](https://github.com/ing-bank/lion/blob/master/packages/input), a wrapper for `<input>` | ||
| - [`LionTextarea`](https://github.com/ing-bank/lion/blob/master/packages/textarea), a wrapper for `<textarea>` | ||
| - [`LionSelect`](https://github.com/ing-bank/lion/blob/master/packages/select), a wrapper for `<select>` | ||
| - [`LionRadio`](https://github.com/ing-bank/lion/blob/master/packages/radio), a wrapper for `<input type="radio">` | ||
| - [`LionCheckbox`](https://github.com/ing-bank/lion/blob/master/packages/checkbox), a wrapper for `<input type="checkbox">` | ||
@@ -45,3 +45,3 @@ ### Custom fields (wrappers) | ||
| Whenever a native form control doesn't exist or is not sufficient, a | ||
| [custom form field](./docs/CustomFieldsTutorial.md) should be created. One could think of components | ||
| [custom form field](https://github.com/ing-bank/lion/blob/master/packages/field/docs/CustomFieldsTutorial.md) should be created. One could think of components | ||
| like: | ||
@@ -60,6 +60,6 @@ | ||
| - [`LionFieldset`](../fieldset/) | ||
| - [`LionForm`](../form/) | ||
| - [`LionRadioGroup`](../radio-group/) | ||
| - [`LionCheckboxGroup`](../checkbox-group/) | ||
| - [`LionFieldset`](https://github.com/ing-bank/lion/blob/master/packages/fieldset) | ||
| - [`LionForm`](https://github.com/ing-bank/lion/blob/master/packages/form) | ||
| - [`LionRadioGroup`](https://github.com/ing-bank/lion/blob/master/packages/radio-group) | ||
| - [`LionCheckboxGroup`](https://github.com/ing-bank/lion/blob/master/packages/checkbox-group) | ||
@@ -70,7 +70,7 @@ ## Other Resources | ||
| <!-- TODO: - [`LionField`] () --> | ||
| - [Model Value](./docs/ModelValue.md) | ||
| - [Formatting and parsing](./docs/FormattingAndParsing.md) | ||
| - [Interaction states](./docs/InteractionStates.md) | ||
| - [Validation System](../validate/docs/ValidationSystem.md) | ||
| - [Custom Fields](./docs/CustomFieldsTutorial.md) | ||
| - [Model Value](https://github.com/ing-bank/lion/blob/master/packages/field/docs/ModelValue.md) | ||
| - [Formatting and parsing](https://github.com/ing-bank/lion/blob/master/packages/field/docs/FormattingAndParsing.md) | ||
| - [Interaction states](https://github.com/ing-bank/lion/blob/master/packages/field/docs/InteractionStates.md) | ||
| - [Validation System](https://github.com/ing-bank/lion/blob/master/packages/validate/docs/ValidationSystem.md) | ||
| - [Custom Fields](https://github.com/ing-bank/lion/blob/master/packages/field/docs/CustomFieldsTutorial.md) | ||
| <!-- TODO: - [`FocusMixin`] (/FocusMixin.md) --> |
@@ -28,3 +28,3 @@ /* eslint-disable class-methods-use-this */ | ||
| * Examples: | ||
| * - For a date input: a String '20/01/1999' will be converted to new Date('1999-01-20') | ||
| * - For a date input: a String '20/01/1999' will be converted to new Date('1999/01/20') | ||
| * - For a number input: a formatted String '1.234,56' will be converted to a Number: 1234.56 | ||
@@ -31,0 +31,0 @@ */ |
New alerts
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
Fixed alerts
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
Improved metrics
- Total package byte prevSize
- increased by1.42%
165891
Dependency changes
Updated@lion/core@^0.1.4
Updated@lion/validate@^0.1.7