Remove unused codeblock-tabs handling

Author: satya164

src/components/Pre.js

@@ -2,17 +2,8 @@ import { useActiveVersion } from '@docusaurus/plugin-content-docs/client';
 import { useColorMode } from '@docusaurus/theme-common';
 import { usePluginData } from '@docusaurus/useGlobalData';
 import MDXPre from '@theme-original/MDXComponents/Pre';
-import TabItem from '@theme/TabItem';
-import Tabs from '@theme/Tabs';
 import React from 'react';
 
-const SUPPORTED_TABS = {
-  config: [
-    { value: 'static', label: 'Static', default: true },
-    { value: 'dynamic', label: 'Dynamic' },
-  ],
-};
-
 const COMMENTS = {
   HIGHLIGHT_START: '// highlight-start',
   HIGHLIGHT_END: '// highlight-end',
@@ -26,7 +17,6 @@ export default function Pre({
   'data-name': name,
   'data-snack': snack,
   'data-dependencies': deps,
-  'data-tabs': tabs,
   'data-lang': lang,
   ...rest
 }) {
@@ -38,62 +28,6 @@ export default function Pre({
 
   const child = React.Children.only(children);
 
-  // If we encounter tabs, we need to render 2 code blocks
-  if (tabs && tabs in SUPPORTED_TABS) {
-    return (
-      <Tabs groupId="config" queryString="config">
-        {SUPPORTED_TABS[tabs].map((tab) => {
-          const code = child.props.children;
-
-          if (typeof code !== 'string') {
-            throw new Error(
-              'Code to display in tabs must be a string, but received ' +
-                typeof code
-            );
-          }
-
-          const lines = code.split('\n');
-
-          let content = '';
-          let exclude = false;
-          let indent;
-
-          for (const line of lines) {
-            if (line.trim().startsWith('// codeblock-tabs=')) {
-              exclude = line.trim() !== `// codeblock-tabs=${tab.value}`;
-            } else if (line.trim() === '// codeblock-tabs-end') {
-              exclude = false;
-            } else if (!exclude) {
-              content += line + '\n';
-            }
-          }
-
-          return (
-            <TabItem
-              key={tab.value}
-              value={tab.value}
-              label={tab.label}
-              default={tab.default}
-            >
-              <Pre
-                {...rest}
-                data-name={name}
-                data-snack={snack}
-                data-dependencies={deps}
-                data-lang={lang}
-              >
-                {React.cloneElement(children, {
-                  ...child.props,
-                  children: content.trim(),
-                })}
-              </Pre>
-            </TabItem>
-          );
-        })}
-      </Tabs>
-    );
-  }
-
   // Handle diffs with language
   if (child.props.className === 'language-diff' && lang) {
     const code = child.props.children;

versioned_docs/version-7.x/bottom-tab-navigator.md

@@ -111,7 +111,7 @@ The `state.routes` array contains all the routes defined in the navigator. Each
 
 Example:
 
-```js name="Custom tab bar" snack tabs=config
+```js name="Custom tab bar" snack static2dynamic
 import * as React from 'react';
 import {
   createStaticNavigation,
@@ -198,7 +198,6 @@ function ProfileScreen() {
   );
 }
 
-// codeblock-tabs=static
 // codeblock-focus-start
 const MyTabs = createBottomTabNavigator({
   // highlight-next-line
@@ -215,33 +214,6 @@ const Navigation = createStaticNavigation(MyTabs);
 export default function App() {
   return <Navigation />;
 }
-// codeblock-tabs-end
-
-// codeblock-tabs=dynamic
-const Tab = createBottomTabNavigator();
-
-// codeblock-focus-start
-function MyTabs() {
-  return (
-    <Tab.Navigator
-      // highlight-next-line
-      tabBar={(props) => <MyTabBar {...props} />}
-    >
-      <Tab.Screen name="Home" component={HomeScreen} />
-      <Tab.Screen name="Profile" component={ProfileScreen} />
-    </Tab.Navigator>
-  );
-}
-// codeblock-focus-end
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <MyTabs />
-    </NavigationContainer>
-  );
-}
-// codeblock-tabs-end
 ```
 
 This example will render a basic tab bar with labels.

versioned_docs/version-8.x/bottom-tab-navigator.md

@@ -188,7 +188,7 @@ The `state.routes` array contains all the routes defined in the navigator. Each
 
 Example:
 
-```js name="Custom tab bar" snack tabs=config
+```js name="Custom tab bar" snack static2dynamic
 import * as React from 'react';
 import {
   createStaticNavigation,
@@ -275,7 +275,6 @@ function ProfileScreen() {
   );
 }
 
-// codeblock-tabs=static
 // codeblock-focus-start
 const MyTabs = createBottomTabNavigator({
   // highlight-next-line
@@ -292,33 +291,6 @@ const Navigation = createStaticNavigation(MyTabs);
 export default function App() {
   return <Navigation />;
 }
-// codeblock-tabs-end
-
-// codeblock-tabs=dynamic
-const Tab = createBottomTabNavigator();
-
-// codeblock-focus-start
-function MyTabs() {
-  return (
-    <Tab.Navigator
-      // highlight-next-line
-      tabBar={(props) => <MyTabBar {...props} />}
-    >
-      <Tab.Screen name="Home" component={HomeScreen} />
-      <Tab.Screen name="Profile" component={ProfileScreen} />
-    </Tab.Navigator>
-  );
-}
-// codeblock-focus-end
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <MyTabs />
-    </NavigationContainer>
-  );
-}
-// codeblock-tabs-end
 ```
 
 This example will render a basic tab bar with labels.