Fix new docs broken links

Author: ethanshar

docs/foundation/modifiers.md

@@ -112,9 +112,9 @@ The last type of modifiers is for styling your components
 ```
 
 
-! all styling modifiers are based on our [`Colors` & `Typography` presets](/react-native-ui-lib/foundation/style).  
+! all styling modifiers are based on our [`Colors` & `Typography` presets](/docs/foundation/style).  
 You can load your own presets and use them as modifiers. 
 
 
 
-Check out [this example](/react-native-ui-lib/getting-started/usage) where we use most of these props.
+Check out [this example](/docs/getting-started/usage) where we use most of these props.

package.json

@@ -38,6 +38,7 @@
     "docs:deploy": "(cd ./uilib-docs && gatsby build --prefix-paths && gh-pages -d public --branch gh-pages)",
     "docs:build": "(cd ./uilib-docs && npm install && gatsby build --prefix-paths && gh-pages -d public --branch gh-pages)",
     "docs:develop": "(cd ./uilib-docs && gatsby develop)",
+    "build:docs": "node scripts/build-docs.js",
     "bump:patch": "npm version patch",
     "demo": "./scripts/demo.sh",
     "release": "node ./scripts/release.js",

scripts/build-docs.js

@@ -47,7 +47,8 @@ components.forEach(component => {
     if (component.extendsLink) {
       extendsText = `[${extendsText}](${component.extendsLink})`;
     } else {
-      extendsText = `[${extendsText}](${extendsText})`;
+      const extendedComponentName = _.last(_.split(extendsText, '/')); // Incubator/TextField -> TextField
+      extendsText = `[${extendedComponentName}](/docs/components/${extendsText})`;
     }
     content += `:::info\n`;
     content += `This component extends **${extendsText}** props.\n`;

src/components/maskedInput/maskedInput.api.json

@@ -2,7 +2,8 @@
   "name": "MaskedInput",
   "category": "form",
   "description": "Mask Input to create custom looking inputs with custom formats",
-  "extends": ["TextField"],
+  "extends": ["TextInput"],
+  "extendsLink": ["https://reactnative.dev/docs/textinput"],
   "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/MaskedInputScreen.js",
   "images": [
     "https://camo.githubusercontent.com/61eedb65e968845d5eac713dcd21a69691571fb1/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f4b5a5a7446666f486f454b334b2f67697068792e676966"

src/components/picker/api/picker.api.json

@@ -2,7 +2,6 @@
   "name": "Picker",
   "category": "form",
   "description": "Picker Component, support single or multiple selection, blurModel and native wheel picker",
-  "extends": ["TextField"],
   "modifiers": ["margin", "padding", "position"],
   "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/PickerScreen.js",
   "images": [

src/components/progressiveImage/progressiveImage.api.json

@@ -2,7 +2,7 @@
   "name": "ProgressiveImage",
   "category": "basic",
   "description": "Image component that loads first a small thumbnail of the images, and fades-in the full-sized image with animation once it's loaded",
-  "extends": ["AnimatedImage"],
+  "extends": ["basic/AnimatedImage"],
   "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/ProgressiveImageScreen.js",
   "props": [
     {

src/components/tabController/apis/pageCarousel.api.json

@@ -4,6 +4,7 @@
   "description": "TabController's PageCarousel component",
   "note": "You must pass `asCarousel` flag to TabController and render your TabPages inside a PageCarousel",
   "extends": ["ScrollView"],
+  "extendsLink": ["https://reactnative.dev/docs/scrollview"],
   "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/TabControllerScreen/index.tsx",
   "images": []
 }

src/incubator/ChipsInput/chipsInput.api.json

@@ -2,7 +2,7 @@
   "name": "ChipsInput",
   "category": "incubator",
   "description": "A chips input",
-  "extends": ["TextField"],
+  "extends": ["Incubator/TextField"],
   "modifiers": ["margin", "color", "typography"],
   "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/incubatorScreens/IncubatorChipsInputScreen.tsx",
   "images": [],