Fix missing dev page in some components (#3646)

* Fix failing docs build

* bump version 3.17

* Rever BrowserOnly change

Author: ethanshar

docuilib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uilib-docs",
-  "version": "3.16.0",
+  "version": "3.17.0",
   "main": "./src/index.ts",
   "scripts": {
     "docusaurus": "docusaurus",

docuilib/src/components/ComponentPage.tsx

@@ -49,7 +49,7 @@ export default function ComponentPage({component}) {
   /** Tabs */
 
   const getTabItems = tabs => {
-    return _.map(tabs, (tab) => {
+    return _.map(tabs, tab => {
       return (
         <TabItem value={tab.title.toLowerCase()} label={tab.title} attributes={{className: 'single-tab'}}>
           {buildDocsSections(tab.sections)}
@@ -61,11 +61,16 @@ export default function ComponentPage({component}) {
   const buildTabs = () => {
     const tabs = component.docs?.tabs ?? [];
     const api = component.props;
-    const tabsArray = !_.isEmpty(api) ? [...tabs, devTab] : tabs;
-    
+    // Note: empty props arrays is valid (we have some cases with components without props that should show Dev tab)
+    const tabsArray = api !== undefined ? [...tabs, devTab] : tabs;
+
     // TODO: align Tabs bottom border with TabItem's selected indication line
     if (!_.isEmpty(tabsArray)) {
-      return <Tabs queryString="tab" className="main-tabs">{getTabItems(tabsArray)}</Tabs>;
+      return (
+        <Tabs queryString="tab" className="main-tabs">
+          {getTabItems(tabsArray)}
+        </Tabs>
+      );
     }
   };
 

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

@@ -7,11 +7,14 @@
   "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": [],
+  "props": [],
   "snippet": [
-    "<TabController.PageCarousel>",
-    "  {_.map(items, (item, key) => {",
-    "   return ($1);",
-    "  })}",
-    "</TabController.PageCarousel>"
+    "<TabController>",
+    "  <TabController.PageCarousel>",
+    "    {_.map(items, (item, key) => {",
+    "     return <TabController.TabPage index={key}/>;",
+    "    })}",
+    "  </TabController.PageCarousel>",
+    "</TabController>"
   ]
 }