Merge pull request #665 from rvsia/addLinksToComponents

Add headers to components' descriptions

Author: Hyperkid123

packages/react-renderer-demo/src/components/mdx/mdx-components.js

@@ -46,7 +46,7 @@ export const Heading = ({ level, children, component }) => {
   const router = useRouter();
   const classes = useHeadingStyles();
   const id = headerToId(children);
-  const path = `${router.pathname}#${id}`;
+  const path = `${router.asPath}#${id}`;
   return (
     <div id={id} className={classes.offset} data-scroll="true">
       <Typography id={`heading-${id}`} className={classes.heading} variant={`h${level}`} component={component}>

packages/react-renderer-demo/src/doc-components/examples-texts/ant/ant-field-array.md

@@ -1,4 +1,4 @@
-**Props**
+## Props
 
 |Prop|Type|Description|
 |:---|:--:|----------:|
@@ -11,11 +11,11 @@
 |noItemsMessage|`node`|A message which is shown, when there are no items in the array.|
 |buttonLabels|`object`|`{add: 'ADD', remove: 'REMOVE'}` sets labels of buttons.|
 
-**Revert removal**
+## Revert removal
 
 Ant field array allow users to revert latest removal actions.
 
-**Naming**
+## Naming
 
 Fields can contain names, then the value will be handled as array of objects.
 
@@ -42,11 +42,11 @@ const fields = [
 [ value1, value2, ... ]
 ```
 
-**Custom component**
+## Custom component
 
 To implement a custom component, please take a look [here](/components/field-array).
 
-### Sub components props
+## Sub components props
 
 |name|type|default|target component|
 |----|----|-------|----------------|

packages/react-renderer-demo/src/doc-components/examples-texts/ant/ant-wizard.md

@@ -2,7 +2,7 @@ import CommonWizard from '../wizard.md';
 
 This a custom component. OnSubmit will send only values from visited steps.
 
-**Props**
+## Props
 
 |Prop|Type|Default|Description|
 |-------------|-------------|-------------|-------------|
@@ -16,12 +16,12 @@ This a custom component. OnSubmit will send only values from visited steps.
 |NextButtonProps| object | {} | Props passed to the next button |
 |SubmitButtonProps| object | {} | Props passed to the submit button |
 
-**stepsInfo**
+### stepsInfo
 
 ```jsx
 stepsInfo: [
-  { title: 'Add a source', subTitle: 'Source' }, 
-  { title: 'Configure a source' }, 
+  { title: 'Add a source', subTitle: 'Source' },
+  { title: 'Configure a source' },
   { title: 'Summary' }
 ]
 ```
@@ -30,7 +30,7 @@ Supplying `stepsInfo` will create a steps component on top of the form displayin
 
 The object items will be passed as props to a step component. See [here](https://ant.design/components/steps/#Steps.Step).
 
-**Default buttonLabels**
+### Default buttonLabels
 
 ```jsx
 {

packages/react-renderer-demo/src/doc-components/examples-texts/blueprint/blueprint-date-picker.md

@@ -1,6 +1,6 @@
 Please check the [original component](https://blueprintjs.com/docs/#datetime/datepicker), it accepts the same props.
 
-**Props**
+## Props
 
 DatePicker is wrapped in a form group, so it accepts all [form group props](/mappers/component-api#formgroupwrappedcomponents).
 

packages/react-renderer-demo/src/doc-components/examples-texts/blueprint/blueprint-dual-list-select.md

@@ -1,6 +1,6 @@
 This a custom component with a custom design.
 
-**Props**
+## Props
 
 Dual list select is wrapped in a form group, so it accepts all [form group props](/mappers/component-api#formgroupwrappedcomponents).
 
@@ -22,15 +22,15 @@ Dual list select is wrapped in a form group, so it accepts all [form group props
 |filterValueText|String|'Remove your filter to see all selected'|Placeholder for value when there is no filtered value|
 |filterOptionsText|String|'Remove your filter to see all options'|Placeholder for options when there is no filtered option|
 
-**Options**
+### Options
 
 |Props|Type|Description|
 |-----|----|-----------|
 |value|string|Value of the option|
 |label|node|ListItemText primary text|
 |MenuItemProps|object|Props passed to MenuItem|
 
-**Customization**
+### Customization
 
 |Props|
 |-----|

packages/react-renderer-demo/src/doc-components/examples-texts/blueprint/blueprint-field-array.md

@@ -1,6 +1,6 @@
 Blueprint component mapper provides an experimental implementation of field array.
 
-**Props**
+## Props
 
 |Prop|Type|Description|
 |:---|:--:|----------:|
@@ -19,7 +19,7 @@ Blueprint component mapper provides an experimental implementation of field arra
 |FormGroupProps|`object`|Props passed to the form group component.|
 |FieldArrayProps|`object`|Props passed to the root div.|
 
-**Naming**
+## Naming
 
 Fields can contain names, then the value will be handled as array of objects.
 
@@ -46,6 +46,6 @@ const fields = [
 [ value1, value2, ... ]
 ```
 
-**Custom component**
+## Custom component
 
 To implement a custom component, please take a look [here](/components/field-array).

packages/react-renderer-demo/src/doc-components/examples-texts/blueprint/blueprint-wizard.md

@@ -2,7 +2,7 @@ import CommonWizard from '../wizard.md';
 
 This a custom component. OnSubmit will send only values from visited steps.
 
-**Props**
+## Props
 
 |Prop|Type|Default|Description|
 |-------------|-------------|-------------|-------------|
@@ -15,7 +15,7 @@ This a custom component. OnSubmit will send only values from visited steps.
 |NextButtonProps| object | {} | Props passed to the next button |
 |SubmitButtonProps| object | {} | Props passed to the submit button |
 
-**Default buttonLabels**
+### Default buttonLabels
 
 ```jsx
 {

packages/react-renderer-demo/src/doc-components/examples-texts/mui/mui-dual-list-select.md

@@ -1,6 +1,6 @@
 This a custom component with a custom design.
 
-**Props**
+## Props
 
 Dual list select is wrapped in a form group, so it accepts all [form group props](/mappers/component-api#formgroupwrappedcomponents).
 
@@ -23,7 +23,7 @@ Dual list select is wrapped in a form group, so it accepts all [form group props
 |filterOptionsText|String|'Remove your filter to see all options'|Placeholder for options when there is no filtered option|
 |checkboxVariant|bool|false|Change list item to checkboxes|
 
-**Options**
+### Options
 
 |Props|Type|Description|
 |-----|----|-----------|
@@ -37,7 +37,7 @@ Dual list select is wrapped in a form group, so it accepts all [form group props
 |ListItemTextProps|object|Props passed to ListItemText|
 |ListItemSecondaryActionProps|object|Props passed to ListItemSecondaryAction|
 
-**Customization**
+### Customization
 
 MUI DualListSelect provides fully customization. When the props offers Right/Left variant, you can pass props to `RightXXX` or to `LeftXXX` props. Example: `ListGridProps` is Right/Left, so there are two more props: `RightListGridProps` and `LeftListGridProps`. These props overrides the standard props, except `className`, that are being combined. All these props are objects.
 

packages/react-renderer-demo/src/doc-components/examples-texts/mui/mui-field-array.md

@@ -17,7 +17,7 @@ MUI component mapper provides an experimental implementation of field array.
 
 MUI field array allow users to revert latest removal actions.
 
-**Naming**
+## Naming
 
 Fields can contain names, then the value will be handled as array of objects.
 
@@ -44,6 +44,6 @@ const fields = [
 [ value1, value2, ... ]
 ```
 
-**Custom component**
+## Custom component
 
 To implement a custom component, please take a look [here](/components/field-array).

packages/react-renderer-demo/src/doc-components/examples-texts/mui/mui-slider.md

@@ -1,6 +1,6 @@
 Please check the [original component](https://material-ui.com/components/slider/#slider), it accepts the same props.
 
-**Props**
+## Props
 
 Slider is wrapped in a form group, so it accepts all [form group props](/mappers/component-api#formgroupwrappedcomponents).