From 6ee8bd8422697af30252140aa0abb58a8002b312 Mon Sep 17 00:00:00 2001 From: meenu Date: Thu, 21 Oct 2021 13:31:18 +0530 Subject: [PATCH 1/2] broken link changes --- docs/iconButton.md | 2 +- docs/slider.md | 19 +- docs/textArea.md | 2 +- nb-plugins/component-prop-table/propsMap.js | 203 ++++++++++---------- 4 files changed, 111 insertions(+), 115 deletions(-) diff --git a/docs/iconButton.md b/docs/iconButton.md index 0767912b5..b297da8aa 100644 --- a/docs/iconButton.md +++ b/docs/iconButton.md @@ -35,7 +35,7 @@ import { ComponentTheme } from '../src/components'; ## Styling - + ## Accessibility diff --git a/docs/slider.md b/docs/slider.md index 0d74ff95f..bce67ae50 100644 --- a/docs/slider.md +++ b/docs/slider.md @@ -70,8 +70,7 @@ import { Slider } from 'native-base'; ## Styling - - + ## Accessibility @@ -79,13 +78,9 @@ Adheres to the [Slider WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria- ### Keyboard Interactions -| Name | Description | -| ------------------|-------------| -| ArrowRight | Increments/decrements by the step value depending on orientation.| -| ArrowLeft | Increments/decrements by the step value depending on orientation. -| ArrowUp | Increases the value by the step amount. -| ArrowDown | Decreases the value by the step amount. - - - - +| Name | Description | +| ---------- | ----------------------------------------------------------------- | +| ArrowRight | Increments/decrements by the step value depending on orientation. | +| ArrowLeft | Increments/decrements by the step value depending on orientation. | +| ArrowUp | Increases the value by the step amount. | +| ArrowDown | Decreases the value by the step amount. | diff --git a/docs/textArea.md b/docs/textArea.md index 55c834ffa..4bd38cc88 100644 --- a/docs/textArea.md +++ b/docs/textArea.md @@ -35,4 +35,4 @@ The `Textarea` component allows you to easily create multi-line text inputs. ## Styling - + diff --git a/nb-plugins/component-prop-table/propsMap.js b/nb-plugins/component-prop-table/propsMap.js index 99a9a71ae..dafeacfdf 100644 --- a/nb-plugins/component-prop-table/propsMap.js +++ b/nb-plugins/component-prop-table/propsMap.js @@ -42,7 +42,7 @@ const internalProps = { IActionsheetContentProps: { doc: 'actionsheet.md', name: 'Actionsheet.Content', - link: 'actionsheet#actionsheetcontent', + link: 'action-sheet#actionsheetcontent', }, SwitchProps: { doc: '', @@ -52,7 +52,7 @@ const internalProps = { IFormControlProps: { doc: 'formControl.md', name: 'FormControl', - link: 'formControl#formcontrol', + link: 'form-control#formcontrol', }, IInputProps: { doc: 'input.md', @@ -61,105 +61,106 @@ const internalProps = { }, }; // RN props -const viewProps = { - ViewStyle: { - doc: '', - name: 'ViewStyle', - link: 'https://reactnative.dev/docs/view-style-props', - }, - ViewProps: { - doc: '', - name: 'View', - link: 'https://reactnative.dev/docs/view', - }, - ImageProps: { - doc: '', - name: 'Image', - link: 'https://reactnative.dev/docs/image', - }, - ViewPropsAndroid: { - doc: '', - name: 'View', - link: 'https://reactnative.dev/docs/view', - }, - ViewPropsIOS: { - doc: '', - name: 'View', - link: 'https://reactnative.dev/docs/view', - }, - TVViewPropsIOS: { - doc: '', - name: 'View', - link: 'https://reactnative.dev/docs/view', - }, - GestureResponderHandlers: { - doc: '', - name: 'View', - link: 'https://reactnative.dev/docs/view', - }, - Touchable: { - doc: '', - name: 'View', - link: 'https://reactnative.dev/docs/view', - }, - AccessibilityProps: { - doc: '', - name: 'View', - link: 'https://reactnative.dev/docs/view', - }, - AccessibilityPropsAndroid: { - doc: '', - name: 'View', - link: 'https://reactnative.dev/docs/view', - }, - AccessibilityPropsIOS: { - doc: '', - name: 'View', - link: 'https://reactnative.dev/docs/view', - }, - RefAttributes: { - doc: '', - name: 'View', - link: 'https://reactnative.dev/docs/view', - }, - Attributes: { - doc: '', - name: 'View', - link: 'https://reactnative.dev/docs/view', - }, -}; -const textProps = { - TextProps: { - doc: '', - name: 'TextProp', - link: 'https://reactnative.dev/docs/text', - }, - TextPropsIOS: { - doc: '', - name: 'TextProp', - link: 'https://reactnative.dev/docs/text', - }, - TextPropsAndroid: { - doc: '', - name: 'TextProp', - link: 'https://reactnative.dev/docs/text', - }, - AccessibilityProps: { - doc: '', - name: 'TextProp', - link: 'https://reactnative.dev/docs/text', - }, - AccessibilityPropsAndroid: { - doc: '', - name: 'TextProp', - link: 'https://reactnative.dev/docs/text', - }, - AccessibilityPropsIOS: { - doc: '', - name: 'TextProp', - link: 'https://reactnative.dev/docs/text', - }, -}; +// const viewProps = { +// ViewStyle: { +// doc: '', +// name: 'ViewStyle', +// link: 'https://reactnative.dev/docs/view-style-props', +// }, +// ViewProps: { +// doc: '', +// name: 'View', +// link: 'https://reactnative.dev/docs/view', +// }, +// ImageProps: { +// doc: '', +// name: 'Image', +// link: 'https://reactnative.dev/docs/image', +// }, +// ViewPropsAndroid: { +// doc: '', +// name: 'View', +// link: 'https://reactnative.dev/docs/view', +// }, +// ViewPropsIOS: { +// doc: '', +// name: 'View', +// link: 'https://reactnative.dev/docs/view', +// }, +// TVViewPropsIOS: { +// doc: '', +// name: 'View', +// link: 'https://reactnative.dev/docs/view', +// }, +// GestureResponderHandlers: { +// doc: '', +// name: 'View', +// link: 'https://reactnative.dev/docs/view', +// }, +// Touchable: { +// doc: '', +// name: 'View', +// link: 'https://reactnative.dev/docs/view', +// }, +// AccessibilityProps: { +// doc: '', +// name: 'View', +// link: 'https://reactnative.dev/docs/view', +// }, +// AccessibilityPropsAndroid: { +// doc: '', +// name: 'View', +// link: 'https://reactnative.dev/docs/view', +// }, +// AccessibilityPropsIOS: { +// doc: '', +// name: 'View', +// link: 'https://reactnative.dev/docs/view', +// }, +// RefAttributes: { +// doc: '', +// name: 'View', +// link: 'https://reactnative.dev/docs/view', +// }, +// Attributes: { +// doc: '', +// name: 'View', +// link: 'https://reactnative.dev/docs/view', +// }, +// }; +// const textProps = { +// TextProps: { +// doc: '', +// name: 'TextProp', +// link: 'https://reactnative.dev/docs/text', +// }, +// TextPropsIOS: { +// doc: '', +// name: 'TextProp', +// link: 'https://reactnative.dev/docs/text', +// }, +// TextPropsAndroid: { +// doc: '', +// name: 'TextProp', +// link: 'https://reactnative.dev/docs/text', +// }, +// AccessibilityProps: { +// doc: '', +// name: 'TextProp', +// link: 'https://reactnative.dev/docs/text', +// }, +// AccessibilityPropsAndroid: { +// doc: '', +// name: 'TextProp', +// link: 'https://reactnative.dev/docs/text', +// }, +// AccessibilityPropsIOS: { +// doc: '', +// name: 'TextProp', +// link: 'https://reactnative.dev/docs/text', +// }, +// }; + const rnProps = { ViewStyle: { doc: '', From ee86eee459de978458c224e41908d820f22b3a67 Mon Sep 17 00:00:00 2001 From: meenu Date: Thu, 21 Oct 2021 19:59:03 +0530 Subject: [PATCH 2/2] typing automation fixes --- nb-plugins/component-prop-table/index.js | 52 +++++++++++++++--------- 1 file changed, 32 insertions(+), 20 deletions(-) diff --git a/nb-plugins/component-prop-table/index.js b/nb-plugins/component-prop-table/index.js index 5bfa18152..d318cf5bc 100644 --- a/nb-plugins/component-prop-table/index.js +++ b/nb-plugins/component-prop-table/index.js @@ -34,27 +34,38 @@ const templateGenerator = (componentDetails) => { for (let prop in propsObject) { const { name, description, type, parent, defaultValue } = propsObject[prop]; - const markupWithTypeLinks = type.name - .split('|') - .map((e) => { - return e.trim(); - }) - .map((element) => { - const MapValue = - internalPropsMap[element] || - rnPropsMap[element] || - StylingPropsMap[element]; - const htmlSanatizedElem = element - .replace(/\/g, '>'); //for > - return `${ - MapValue - ? `${element}` - : htmlSanatizedElem - }`; - }) - .join(' | '); + let markupWithTypeLinks; + if (type.name.includes('ILinearGradientProps')) { + markupWithTypeLinks = `${ + `ResponsiveValue<` + + `ColorProps ` + + `\|` + + ` ILinearGradientProps` + + `>` + }`; + } else { + markupWithTypeLinks = type.name + .split('|') + .map((e) => { + return e.trim(); + }) + .map((element) => { + const MapValue = + internalPropsMap[element] || + rnPropsMap[element] || + StylingPropsMap[element]; + const htmlSanatizedElem = element + .replace(/\/g, '>'); //for > + return `${ + MapValue + ? `${element}` + : htmlSanatizedElem + }`; + }) + .join(' | '); + } if (parent && parent.name === `I${displayName}Props`) { propExists = true; temp = @@ -75,6 +86,7 @@ const templateGenerator = (componentDetails) => { `; } } + return temp; };