Merge pull request #141 from rvsia/fix-links

Fix links

Author: Hyperkid123

packages/react-renderer-demo/src/docs-components/condition.md

@@ -1,6 +1,10 @@
+import { NavLink } from 'react-router-dom';
+
+### Conditional fields
+
 You can show a field only if it meets a condition:
 
-## Schema
+### Schema
 
 ```jsx
 {
@@ -23,9 +27,9 @@ You can show a field only if it meets a condition:
 
 `when` - is name of field where the value is stored, **always required!**
 
-## Conditions
+### Conditions
 
-### Is
+#### Is
 
 `is` - test if the value is equal
 
@@ -38,7 +42,7 @@ condition: {
 // Foo == 'Bar' => true
 // Foo == 'Not a Bar' => false
 ```
-### Is empty
+#### Is empty
 
 `isEmpty` - tests if the value is empty (using [lodash function](https://lodash.com/docs/4.17.11#isEmpty))
 
@@ -58,7 +62,7 @@ condition: {
 // Foo = false => true
 // Foo = true => false
 ```
-### Is not empty
+#### Is not empty
 
 `isNotEmpty` - tests if the value is not empty (using [lodash function](https://lodash.com/docs/4.17.11#isEmpty))
 
@@ -78,7 +82,7 @@ condition: {
 // Foo = true => false
 // Foo = true => true
 ```
-### Pattern
+#### Pattern
 
 `pattern` - tests if the value matches the pattern
 
@@ -92,7 +96,7 @@ condition: {
 // Foo = 'Foo foo baar!' => true
 ```
 
-### Not match
+#### Not match
 
 `notMatch` - reverse `is`/`pattern` condition
 
@@ -117,6 +121,6 @@ condition: {
 // Foo = 'bar' => false
 ```
 
-## Clearing values
+### Clearing values
 
-If you need to clear values after switching fields, please see [here](/renderer/unmounting).
+If you need to clear values after switching fields, please see <NavLink to="/renderer/unmounting">here</NavLink>.

packages/react-renderer-demo/src/docs-components/field-provider.md

@@ -1,24 +1,27 @@
+import { NavLink } from 'react-router-dom';
+
+### Field Provider
+
 React form renderer is using [react-final-form](https://github.com/final-form/react-final-form) for form state management.
 Most of its features are not directly available for consistency and performance reasons. If you want to create any custom
-components, you can access these features via **FieldProvider** prop.
-
+components, you can access these features via `FieldProvider` prop.
 
 FieldProvider is a wrapper component around standard
-[react-final-form Field component](https://github.com/final-form/react-final-form#field--reactcomponenttypefieldprops)
+[react-final-form Field component](https://final-form.org/docs/react-final-form/api/Field)
 which adds additional methods that will help you to control your form state.
 
-## Accessing FieldProvider
+### Accessing FieldProvider
 
 To use Fieldprovider, you first need to register a component to your component mapper.
-You can read more about that in [Component mapping](/renderer/component-mapping).
+You can read more about that in <NavLink to="/renderer/component-mapping">Component mapping</NavLink>.
 
 Each component will receive FieldProvider as a prop. Be aware that pre-defined component types are
 automatically wrapped in FieldProvider. This is done to make it easier to create component mappers for
-standard form components. List of standard components is available [here](/renderer/component-api).
+standard form components. List of standard components is available <NavLink to="/renderer/component-api">here</NavLink>.
 
-## Using FieldProvider
+### Using FieldProvider
 
-### Register component
+#### Register component
 
 ```jsx
 import NewComponent from './new-component'
@@ -28,7 +31,7 @@ const formFieldsMapper = {
 }
 ```
 
-### Implementation of component
+#### Implementation of component
 
 Next example shows simple input field with label and error message.
 
@@ -54,9 +57,9 @@ const NewComponent = ({ FieldProvider, formOptions, name ...rest }) => (
 export default NewComponent
 ```
 
-## What are input and meta?
+### What are input and meta?
 
-### Input
+#### Input
 
 Input is an object which contains field values and methods that change form state. See the selection of most important attributes:
 
@@ -72,10 +75,10 @@ Input is an object which contains field values and methods that change form stat
 
 Every user interaction that updates field value in form state should also call `input.onChange` with correct value.
 
-### Meta
+#### Meta
 
 Meta is a object which contains meta information about field with given name. There is a lot of information about every field.
-[Full list is here](https://github.com/final-form/react-final-form#metaactive-boolean). These are commonly used meta informations
+[Full list is here](https://final-form.org/docs/react-final-form/types/FieldRenderProps#metaactive). These are commonly used meta informations
 ```jsx
 {
   error: any, // whatever your validation function returns
@@ -86,7 +89,7 @@ Meta is a object which contains meta information about field with given name. Th
 }
 ```
 
-## FormOptions
+### FormOptions
 
 In addition to FieldProvider, every component will also receive prop `formOptions`.
 This property contains a number of useful methods and attributes that will give you additional level of control
@@ -99,7 +102,7 @@ and informations about the formState.
   focus: (name) => void, // calls onFocus event on field with given name
   getFieldState: (name) => object, // returns a state of given field, state contains input and meta information of field
   getRegisteredFields: () => string[], // returns an array of field names that are rendered in DOM
-  getState: () => object, // returns an object with whole form state. More info https://github.com/final-form/final-form#formstate
+  getState: () => object, // returns an object with whole form state. More info https://final-form.org/docs/final-form/types/FormState
   pristine: bool, // true if the all field values is === to the initial values, false if the values are !==.
   renderForm: (defaultSchema) => void, // function that is used by form renderer to render form fields defined by defaultSchema; can be used for schema nesting
   valid: bool //true if all fields have no validation or submission errors. false otherwise.

packages/react-renderer-demo/src/docs-components/form-controls.md

@@ -8,7 +8,7 @@ If you need completely customized buttons, you can pass a component to form rend
 
 #### Form Buttons render props
 
-Your component will receive same props as provided by react-final-form FormSpy component. For most use cases you will need just a few of these which are listed below. If you require full list please visit [react-final-form documentation](https://github.com/final-form/final-form#formstate).
+Your component will receive same props as provided by react-final-form FormSpy component. For most use cases you will need just a few of these which are listed below. If you require full list please visit [react-final-form documentation](https://final-form.org/docs/final-form/types/FormState).
 
 |Prop|Type|Description|
 |----|----|-----------|
@@ -19,4 +19,4 @@ Your component will receive same props as provided by react-final-form FormSpy c
 |valid|bool|`true` if neither the form nor any of its fields has a validation or submission error.|
 |validating|bool|`true` true if the form is currently being validated asynchronously.|
 |values|object|The current values of the form.|
-|form|object|reat final form [FormApi](https://github.com/final-form/final-form#formapi).|
+|form|object|react final form [FormApi](https://final-form.org/docs/final-form/types/FormApi).|

packages/react-renderer-demo/src/docs-components/validators.md

@@ -1,7 +1,5 @@
 import RawComponent from '../common/component/raw-component';
 
-
-
 ## Validate field
 
 You need to provide a `validate` array in the schema to add validation to your form fields.
@@ -40,7 +38,7 @@ The function takes `value` as an argument and should return undefined when pases
 
 ### Async validator
 
-You can use a Async function as a validator. However, the returned promise will overwrite all other validators 
+You can use a Async function as a validator. However, the returned promise will overwrite all other validators
 (because it is returned last),
 so you need combine all validators into one function.
 
@@ -72,8 +70,8 @@ By providing `validateOnMount` the validation will be triggered immediately afte
 
 ## Record Level validation
 
-This form of validation enables you to create validation function for whole form. It is usefull for some cross validation between multiple fields etc.
-Detailed information can be found [here](https://github.com/final-form/react-final-form#validate-values-object--object--promiseobject).
+This form of validation enables you to create validation function for whole form. It is useful for some cross validation between multiple fields etc.
+Detailed information can be found [here](https://final-form.org/docs/react-final-form/examples/record-level-validation).
 
 <RawComponent source="validators/record-level-validation" />