@looker/api-explorer 0.9.35 → 0.9.37

package/e2e/MethodScene.spec.ts

@@ -0,0 +1,80 @@
+/*
+
+ MIT License
+
+ Copyright (c) 2022 Looker Data Sciences, Inc.
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+
+ The above copyright notice and this permission notice shall be included in all
+ copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ SOFTWARE.
+
+ */
+import { goToPage, v40Url as v40, v40Url } from './helpers'
+
+jest.setTimeout(120000)
+
+describe('MethodScene', () => {
+  beforeEach(async () => {
+    await jestPuppeteer.resetBrowser()
+    await page.setDefaultNavigationTimeout(120000)
+  })
+
+  afterEach(async () => {
+    await page.evaluate(() => {
+      localStorage.clear()
+    })
+  })
+
+  it('fetches error detail markdown when error code query param is present', async () => {
+    const errorCode = '400'
+    await goToPage(`${v40Url}/methods/Content/content_metadata?e=${errorCode}`)
+
+    // confirm method scene loaded
+    await expect(page).toMatchElement('h2', { text: 'Get Content Metadata' })
+
+    // confirm correct response tab is selected
+    await expect(page).toMatchElement('button[aria-selected=true]', {
+      text: '400: Bad Request',
+    })
+    // confirm error detail md file was fetched
+    await expect(page).toMatchElement('h2', {
+      text: `API Response ${errorCode} for `,
+    })
+  })
+
+  it('removes error code query param when user navigates away from method', async () => {
+    const errorCode = 400
+    await goToPage(
+      `${v40}/err/${errorCode}/get/content_metadata/:content_metadata_id`
+    )
+
+    // confirm method scene loaded
+    await expect(page).toMatchElement('h2', { text: 'Get Content Metadata' })
+
+    // confirm url and query param are set correctly
+    await expect(page.url()).toEqual(
+      `${v40}/methods/Content/content_metadata?sdk=py&e=${errorCode}`
+    )
+
+    // navigate to another method
+    await expect(page).toClick('h4', { text: 'Dashboard' })
+    await expect(page).toMatchElement('h2', {
+      text: 'Dashboard: Manage Dashboards',
+    })
+    await expect(page.url()).toEqual(`${v40}/methods/Dashboard?sdk=py`)
+  })
+})

package/e2e/diffScene.spec.ts

@@ -44,13 +44,20 @@ describe('Diff Scene', () => {
     await jestPuppeteer.resetBrowser()
     await page.setDefaultNavigationTimeout(120000)
   })
-  it('loads the default scene (/diff/3.1)', async () => {
-    await goToPage(`${BASE_URL}/diff/3.1`)
+
+  afterEach(async () => {
+    await page.evaluate(() => {
+      localStorage.clear()
+    })
+  })
+
+  it('loads the default scene (/3.1/diff)', async () => {
+    await goToPage(`${BASE_URL}/3.1/diff`)
     const body = await page.$('body')
 
     // "Base" input element
     {
-      await body.click()
+      await body?.click()
       const baseInputElement = await page.$(baseInputSelector)
       expect(baseInputElement).not.toBeNull()
       const baseInputValue = await page.evaluate(
@@ -62,18 +69,18 @@ describe('Diff Scene', () => {
       const baseOptionsOnLoad = await page.$(globalOptionsSelector)
       expect(baseOptionsOnLoad).toBeNull()
 
-      await baseInputElement.click()
+      await baseInputElement?.click()
       const baseOptionsOnClick = await page.$$(globalOptionsSelector)
       expect(baseOptionsOnClick).not.toHaveLength(0)
 
-      await body.click()
+      await body?.click()
       const baseOptionsOnClose = await page.$(globalOptionsSelector)
       expect(baseOptionsOnClose).toBeNull()
     }
 
     // "Comparison" input element
     {
-      await body.click()
+      await body?.click()
       const compInputElement = await page.$(compInputSelector)
       expect(compInputElement).not.toBeNull()
       const compInputValue = await page.evaluate(
@@ -85,11 +92,11 @@ describe('Diff Scene', () => {
       const compOptionsOnLoad = await page.$(globalOptionsSelector)
       expect(compOptionsOnLoad).toBeNull()
 
-      await compInputElement.click()
+      await compInputElement?.click()
       const compOptionsOnClick = await page.$$(globalOptionsSelector)
       expect(compOptionsOnClick).not.toHaveLength(0)
 
-      await body.click()
+      await body?.click()
       const compOptionsOnClose = await page.$(globalOptionsSelector)
       expect(compOptionsOnClose).toBeNull()
     }
@@ -106,9 +113,8 @@ describe('Diff Scene', () => {
     }
   })
 
-  it('loads a comparison scene (/diff/3.1/4.0) and navigates from it', async () => {
-    await goToPage(`${BASE_URL}/diff/3.1/4.0`)
-
+  it('loads a comparison scene (/3.1/diff/4.0) and navigates from it', async () => {
+    await goToPage(`${BASE_URL}/3.1/diff/4.0`)
     // "Base" input element
     {
       const baseInputElement = await page.$(baseInputSelector)
@@ -176,18 +182,20 @@ describe('Diff Scene', () => {
       const methodLink = await page.$(`${resultCardsSelector} a[role=link]`)
       expect(methodLink).not.toBeNull()
       const methodText = await page.evaluate((e) => e.innerText, methodLink)
-      expect(methodText).toMatch(`delete_board_item for 4.0`)
+      expect(methodText).toMatch(`delete_alert for 4.0`)
 
       // Click and validate destination
-      await methodLink.click()
+      await methodLink?.click()
       await page.waitForSelector(`div[class*=MethodBadge]`, { timeout: 5000 })
       const compUrl = page.url()
-      expect(compUrl).toEqual(`${BASE_URL}/4.0/methods/Board/delete_board_item`)
+      expect(compUrl).toEqual(
+        `${BASE_URL}/4.0/methods/Alert/delete_alert?sdk=py`
+      )
     }
   })
 
   it('updates when a comparison is chosen or switched', async () => {
-    await goToPage(`${BASE_URL}/diff/3.1`)
+    await goToPage(`${BASE_URL}/3.1/diff`)
 
     // "Base" input element
     const baseInputElement = await page.$(baseInputSelector)
@@ -198,14 +206,14 @@ describe('Diff Scene', () => {
     expect(compInputElement).not.toBeNull()
 
     // Click comparison input
-    await compInputElement.click()
+    await compInputElement?.click()
     const compOptionsOnClick = await page.$$(globalOptionsSelector)
     expect(compOptionsOnClick).not.toHaveLength(0)
     expect(compOptionsOnClick).not.toHaveLength(1)
 
     // Find an option containing the text 4.0
     const option40Index = await page.$$eval(globalOptionsSelector, (els) =>
-      els.findIndex((el) => el.textContent.match(/4\.0/))
+      els.findIndex((el) => el?.textContent?.match(/4\.0/))
     )
     const option40 = compOptionsOnClick[option40Index]
     expect(option40).not.toBeUndefined()
@@ -217,7 +225,7 @@ describe('Diff Scene', () => {
     // Check the URL
     // Would like to do this earlier, but not sure what to wait on
     const compUrl = page.url()
-    expect(compUrl).toEqual(`${BASE_URL}/diff/3.1/4.0`)
+    expect(compUrl).toEqual(`${BASE_URL}/3.1/diff/4.0?sdk=py`)
 
     // Check the results
     const diffResultCards = await page.$$(resultCardsSelector)
@@ -239,13 +247,13 @@ describe('Diff Scene', () => {
       switchButtonElement
     )
     expect(switchButtonDisabled).toEqual(false)
-    await switchButtonElement.click()
+    await switchButtonElement?.click()
 
     // A more precise timing mechanism would be better: https://github.com/puppeteer/puppeteer/issues/5328
     await page.waitForTimeout(150)
 
     const switchUrl = page.url()
-    expect(switchUrl).toEqual(`${BASE_URL}/diff/4.0/3.1`)
+    expect(switchUrl).toEqual(`${BASE_URL}/4.0/diff/3.1?sdk=py`)
 
     // Check the results again, even though they should be the same
     const diff40to31Page1Methods = await Promise.all(

package/e2e/e2e.spec.ts

@@ -25,21 +25,25 @@
  */
 import '@testing-library/jest-dom'
 
-import { goToPage, pageReload, BASE_URL } from './helpers'
+import { goToPage, pageReload, v40Url as v40 } from './helpers'
 
 // https://github.com/smooth-code/jest-puppeteer/tree/master/packages/expect-puppeteer
 // https://github.com/puppeteer/puppeteer/blob/main/docs/api.md
 
 jest.setTimeout(120000)
 
-const v40 = `${BASE_URL}/4.0`
-
 describe('API Explorer', () => {
   beforeEach(async () => {
     await jestPuppeteer.resetBrowser()
     await page.setDefaultNavigationTimeout(120000)
   })
 
+  afterEach(async () => {
+    await page.evaluate(() => {
+      localStorage.clear()
+    })
+  })
+
   describe('general', () => {
     beforeEach(async () => {
       await goToPage(v40)
@@ -55,7 +59,7 @@ describe('API Explorer', () => {
         expect(page).toClick('h3', { text: 'Get All Dashboards' }),
       ])
       await expect(page.url()).toEqual(
-        `${v40}/methods/Dashboard/all_dashboards`
+        `${v40}/methods/Dashboard/all_dashboards?sdk=py`
       )
 
       // title
@@ -213,6 +217,30 @@ describe('API Explorer', () => {
       await expect(page).toMatchElement('h2', { text: 'Query' })
       await expect(page).toMatchElement('button', { text: 'Query' })
     })
+
+    it('redirects error routes to the correct method page', async () => {
+      const errorCode = 400
+      await goToPage(
+        `${v40}/err/${errorCode}/get/content_metadata/:content_metadata_id`
+      )
+
+      // confirm method scene loaded
+      await expect(page).toMatchElement('h2', { text: 'Get Content Metadata' })
+
+      // confirm url and query param are set correctly
+      await expect(page.url()).toEqual(
+        `${v40}/methods/Content/content_metadata?sdk=py&e=${errorCode}`
+      )
+
+      // confirm correct response tab is selected
+      await expect(page).toMatchElement('button[aria-selected=true]', {
+        text: '400: Bad Request',
+      })
+      // confirm error detail md file was fetched
+      await expect(page).toMatchElement('h2', {
+        text: `API Response ${errorCode} for `,
+      })
+    })
   })
 
   describe('outbound navigation', () => {
@@ -228,7 +256,7 @@ describe('API Explorer', () => {
       //   page.waitForNavigation({timeout:5000}),
       //   exampleLink.click()
       //   ])
-      await exampleLink.click()
+      await exampleLink?.click()
       await page.waitForTimeout(150)
 
       const body = await page.$('body')
@@ -245,6 +273,12 @@ describe('API Explorer', () => {
       await goToPage(v40)
     })
 
+    afterEach(async () => {
+      await page.evaluate(() => {
+        localStorage.clear()
+      })
+    })
+
     it('searches methods', async () => {
       await expect(page).toFill('input[aria-label="Search"]', 'get workspace')
       // TODO: find a better way to avoid the scenario where L215 executes before search returns
@@ -255,7 +289,9 @@ describe('API Explorer', () => {
       await expect(page).toMatchElement('button', { text: 'Types (0)' })
       await expect(page).toClick('a', { text: 'Get Workspace' })
       await expect(page).toMatchElement('h2', { text: 'Get Workspace' })
-      await expect(page.url()).toEqual(`${v40}/methods/Workspace/workspace`)
+      await expect(page.url()).toEqual(
+        `${v40}/methods/Workspace/workspace?sdk=py&s=get+workspace`
+      )
     })
 
     it('searches types', async () => {
@@ -267,7 +303,9 @@ describe('API Explorer', () => {
       await expect(page).toClick('button', { text: 'Types (1)' })
       await expect(page).toClick('a', { text: 'WriteTheme' })
       await expect(page).toMatchElement('h2', { text: 'WriteTheme' })
-      await expect(page.url()).toEqual(`${v40}/types/Theme/WriteTheme`)
+      await expect(page.url()).toEqual(
+        `${v40}/types/Theme/WriteTheme?sdk=py&s=writetheme`
+      )
     })
   })
 })

package/lib/ApiExplorer.js

@@ -50,7 +50,6 @@ var ApiExplorer = _ref => {
     declarationsLodeUrl = "".concat(_lodeUtils.apixFilesHost, "/declarationsIndex.json"),
     headless = false
   } = _ref;
-  (0, _state.useSettingStoreState)();
   (0, _state.useLodesStoreState)();
   var {
     working,
@@ -62,13 +61,19 @@ var ApiExplorer = _ref => {
     initLodesAction
   } = (0, _state.useLodeActions)();
   var {
-    initSettingsAction
+    initialized
+  } = (0, _state.useSettingStoreState)();
+  var {
+    initSettingsAction,
+    setSearchPatternAction,
+    setSdkLanguageAction
   } = (0, _state.useSettingActions)();
   var {
     initSpecsAction,
     setCurrentSpecAction
   } = (0, _state.useSpecActions)();
   var location = (0, _reactRouterDom.useLocation)();
+  (0, _utils.useGlobalStoreSync)();
   var [hasNavigation, setHasNavigation] = (0, _react.useState)(true);
 
   var toggleNavigation = target => setHasNavigation(target || !hasNavigation);
@@ -96,12 +101,27 @@ var ApiExplorer = _ref => {
 
     var maybeSpec = (_location$pathname = location.pathname) === null || _location$pathname === void 0 ? void 0 : _location$pathname.split('/')[1];
 
-    if (spec && maybeSpec && maybeSpec !== _utils.diffPath && maybeSpec !== spec.key) {
+    if (spec && maybeSpec && maybeSpec !== spec.key) {
       setCurrentSpecAction({
         currentSpecKey: maybeSpec
       });
     }
   }, [location.pathname, spec]);
+  (0, _react.useEffect)(() => {
+    if (!initialized) return;
+    var searchParams = new URLSearchParams(location.search);
+    var searchPattern = searchParams.get('s') || '';
+    var sdkParam = searchParams.get('sdk') || 'all';
+    var {
+      language: sdkLanguage
+    } = (0, _utils.findSdk)(sdkParam);
+    setSearchPatternAction({
+      searchPattern
+    });
+    setSdkLanguageAction({
+      sdkLanguage
+    });
+  }, [location.search]);
   (0, _react.useEffect)(() => {
     if (headless) {
       window.addEventListener('message', hasNavigationToggle);
@@ -116,7 +136,7 @@ var ApiExplorer = _ref => {
   var themeOverrides = adaptor.themeOverrides();
   var neededSpec = (_location$pathname2 = location.pathname) === null || _location$pathname2 === void 0 ? void 0 : _location$pathname2.split('/')[1];
 
-  if (!neededSpec || neededSpec === _utils.diffPath) {
+  if (!neededSpec) {
     neededSpec = spec === null || spec === void 0 ? void 0 : spec.key;
   }
 
@@ -174,7 +194,6 @@ var ApiExplorer = _ref => {
   })), _react.default.createElement(_routes.AppRouter, {
     specKey: spec.key,
     api: spec.api,
-    specs: specs,
     toggleNavigation: toggleNavigation
   }))))), !headless && _react.default.createElement(BodyOverride, null));
 };

package/lib/ApiExplorer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ApiExplorer.tsx"],"names":["BodyOverride","createGlobalStyle","ApiExplorer","adaptor","examplesLodeUrl","declarationsLodeUrl","apixFilesHost","headless","working","description","specs","selectSpecs","spec","selectCurrentSpec","initLodesAction","initSettingsAction","initSpecsAction","setCurrentSpecAction","location","hasNavigation","setHasNavigation","toggleNavigation","target","hasNavigationToggle","e","origin","window","data","action","currentHasNavigation","specKey","maybeSpec","pathname","split","diffPath","key","currentSpecKey","addEventListener","removeEventListener","themeOverrides","neededSpec","loadGoogleFonts","themeCustomizations","logError","bind","overflow","HEADER_TOGGLE_LABEL","api","AsideBorder","Aside","isOpen"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React, { useState, useEffect, useCallback } from 'react'\nimport styled, { createGlobalStyle } from 'styled-components'\nimport {\n  Aside,\n  ComponentsProvider,\n  Divider,\n  Heading,\n  IconButton,\n  Layout,\n  Page,\n  Space,\n} from '@looker/components'\nimport { FirstPage } from '@styled-icons/material/FirstPage'\nimport { LastPage } from '@styled-icons/material/LastPage'\nimport {\n  registerEnvAdaptor,\n  unregisterEnvAdaptor,\n} from '@looker/extension-utils'\nimport { useSelector } from 'react-redux'\nimport { useLocation } from 'react-router-dom'\n\nimport type { IApixAdaptor } from './utils'\nimport {\n  Header,\n  SideNav,\n  ErrorBoundary,\n  SelectorContainer,\n  HEADER_TOGGLE_LABEL,\n  Loader,\n  Banner,\n} from './components'\nimport { AppRouter } from './routes'\nimport { apixFilesHost } from './utils/lodeUtils'\nimport {\n  useSettingActions,\n  useSettingStoreState,\n  useLodeActions,\n  useLodesStoreState,\n  useSpecActions,\n  useSpecStoreState,\n  selectSpecs,\n  selectCurrentSpec,\n} from './state'\nimport { getSpecKey, diffPath } from './utils'\n\nexport interface ApiExplorerProps {\n  adaptor: IApixAdaptor\n  examplesLodeUrl?: string\n  declarationsLodeUrl?: string\n  headless?: boolean\n}\n\nconst BodyOverride = createGlobalStyle` html { height: 100%; overflow: hidden; } `\n\nexport const ApiExplorer: FC<ApiExplorerProps> = ({\n  adaptor,\n  examplesLodeUrl = 'https://raw.githubusercontent.com/looker-open-source/sdk-codegen/main/examplesIndex.json',\n  declarationsLodeUrl = `${apixFilesHost}/declarationsIndex.json`,\n  headless = false,\n}) => {\n  useSettingStoreState()\n  useLodesStoreState()\n  const { working, description } = useSpecStoreState()\n  const specs = useSelector(selectSpecs)\n  const spec = useSelector(selectCurrentSpec)\n  const { initLodesAction } = useLodeActions()\n  const { initSettingsAction } = useSettingActions()\n  const { initSpecsAction, setCurrentSpecAction } = useSpecActions()\n\n  const location = useLocation()\n  const [hasNavigation, setHasNavigation] = useState(true)\n  const toggleNavigation = (target?: boolean) =>\n    setHasNavigation(target || !hasNavigation)\n\n  const hasNavigationToggle = useCallback((e: MessageEvent<any>) => {\n    if (e.origin === window.origin && e.data.action === 'toggle_sidebar') {\n      setHasNavigation((currentHasNavigation) => !currentHasNavigation)\n    }\n  }, [])\n\n  registerEnvAdaptor(adaptor)\n\n  useEffect(() => {\n    initSettingsAction()\n    initLodesAction({ examplesLodeUrl, declarationsLodeUrl })\n\n    const specKey = getSpecKey(location)\n    initSpecsAction({ specKey })\n    return () => unregisterEnvAdaptor()\n  }, [])\n\n  useEffect(() => {\n    const maybeSpec = location.pathname?.split('/')[1]\n    if (spec && maybeSpec && maybeSpec !== diffPath && maybeSpec !== spec.key) {\n      setCurrentSpecAction({ currentSpecKey: maybeSpec })\n    }\n  }, [location.pathname, spec])\n\n  useEffect(() => {\n    if (headless) {\n      window.addEventListener('message', hasNavigationToggle)\n    }\n    return () => {\n      if (headless) {\n        window.removeEventListener('message', hasNavigationToggle)\n      }\n    }\n  }, [headless, hasNavigationToggle])\n\n  const themeOverrides = adaptor.themeOverrides()\n\n  let neededSpec = location.pathname?.split('/')[1]\n  if (!neededSpec || neededSpec === diffPath) {\n    neededSpec = spec?.key\n  }\n\n  return (\n    <>\n      <ComponentsProvider\n        loadGoogleFonts={themeOverrides.loadGoogleFonts}\n        themeCustomizations={themeOverrides.themeCustomizations}\n      >\n        {working || !neededSpec || neededSpec !== spec.key ? (\n          <Loader message={description} themeOverrides={themeOverrides} />\n        ) : (\n          <ErrorBoundary logError={adaptor.logError.bind(adaptor)}>\n            <Banner adaptor={adaptor} specs={specs} />\n            <Page style={{ overflow: 'hidden' }}>\n              {!headless && (\n                <Header spec={spec} toggleNavigation={toggleNavigation} />\n              )}\n              <Layout hasAside height=\"100%\">\n                <AsideBorder\n                  borderRight\n                  isOpen={hasNavigation}\n                  headless={headless}\n                >\n                  {headless && (\n                    <>\n                      <Space\n                        alignItems=\"center\"\n                        py=\"u3\"\n                        px={hasNavigation ? 'u5' : '0'}\n                        justifyContent={\n                          hasNavigation ? 'space-between' : 'center'\n                        }\n                      >\n                        {hasNavigation && (\n                          <Heading\n                            as=\"h2\"\n                            fontSize=\"xsmall\"\n                            fontWeight=\"bold\"\n                            color=\"text2\"\n                          >\n                            API DOCUMENTATION\n                          </Heading>\n                        )}\n                        <IconButton\n                          size=\"xsmall\"\n                          shape=\"round\"\n                          icon={hasNavigation ? <FirstPage /> : <LastPage />}\n                          label={HEADER_TOGGLE_LABEL}\n                          onClick={() => toggleNavigation()}\n                        />\n                      </Space>\n                      {hasNavigation && (\n                        <>\n                          <Divider mb=\"u3\" appearance=\"light\" />\n                          <SelectorContainer\n                            spec={spec}\n                            ml=\"large\"\n                            mr=\"large\"\n                          />\n                        </>\n                      )}\n                    </>\n                  )}\n                  {hasNavigation && <SideNav headless={headless} spec={spec} />}\n                </AsideBorder>\n                <AppRouter\n                  specKey={spec.key}\n                  api={spec.api!}\n                  specs={specs}\n                  toggleNavigation={toggleNavigation}\n                />\n              </Layout>\n            </Page>\n          </ErrorBoundary>\n        )}\n      </ComponentsProvider>\n      {!headless && <BodyOverride />}\n    </>\n  )\n}\n\nconst AsideBorder = styled(Aside)<{\n  isOpen: boolean\n  headless: boolean\n}>`\n  width: ${({ isOpen, headless }) =>\n    isOpen ? '20rem' : headless ? '2.75rem' : '0rem'};\n`\n"],"file":"ApiExplorer.js"}
+{"version":3,"sources":["../src/ApiExplorer.tsx"],"names":["BodyOverride","createGlobalStyle","ApiExplorer","adaptor","examplesLodeUrl","declarationsLodeUrl","apixFilesHost","headless","working","description","specs","selectSpecs","spec","selectCurrentSpec","initLodesAction","initialized","initSettingsAction","setSearchPatternAction","setSdkLanguageAction","initSpecsAction","setCurrentSpecAction","location","hasNavigation","setHasNavigation","toggleNavigation","target","hasNavigationToggle","e","origin","window","data","action","currentHasNavigation","specKey","maybeSpec","pathname","split","key","currentSpecKey","searchParams","URLSearchParams","search","searchPattern","get","sdkParam","language","sdkLanguage","addEventListener","removeEventListener","themeOverrides","neededSpec","loadGoogleFonts","themeCustomizations","logError","bind","overflow","HEADER_TOGGLE_LABEL","api","AsideBorder","Aside","isOpen"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React, { useState, useEffect, useCallback } from 'react'\nimport styled, { createGlobalStyle } from 'styled-components'\nimport {\n  Aside,\n  ComponentsProvider,\n  Divider,\n  Heading,\n  IconButton,\n  Layout,\n  Page,\n  Space,\n} from '@looker/components'\nimport { FirstPage } from '@styled-icons/material/FirstPage'\nimport { LastPage } from '@styled-icons/material/LastPage'\nimport {\n  registerEnvAdaptor,\n  unregisterEnvAdaptor,\n} from '@looker/extension-utils'\nimport { useSelector } from 'react-redux'\nimport { useLocation } from 'react-router-dom'\n\nimport type { IApixAdaptor } from './utils'\nimport {\n  Header,\n  SideNav,\n  ErrorBoundary,\n  SelectorContainer,\n  HEADER_TOGGLE_LABEL,\n  Loader,\n  Banner,\n} from './components'\nimport { AppRouter } from './routes'\nimport { apixFilesHost } from './utils/lodeUtils'\nimport {\n  useSettingActions,\n  useLodeActions,\n  useLodesStoreState,\n  useSpecActions,\n  useSpecStoreState,\n  selectSpecs,\n  selectCurrentSpec,\n  useSettingStoreState,\n} from './state'\nimport { getSpecKey, findSdk, useGlobalStoreSync } from './utils'\n\nexport interface ApiExplorerProps {\n  adaptor: IApixAdaptor\n  examplesLodeUrl?: string\n  declarationsLodeUrl?: string\n  headless?: boolean\n}\n\nconst BodyOverride = createGlobalStyle` html { height: 100%; overflow: hidden; } `\n\nexport const ApiExplorer: FC<ApiExplorerProps> = ({\n  adaptor,\n  examplesLodeUrl = 'https://raw.githubusercontent.com/looker-open-source/sdk-codegen/main/examplesIndex.json',\n  declarationsLodeUrl = `${apixFilesHost}/declarationsIndex.json`,\n  headless = false,\n}) => {\n  useLodesStoreState()\n  const { working, description } = useSpecStoreState()\n  const specs = useSelector(selectSpecs)\n  const spec = useSelector(selectCurrentSpec)\n  const { initLodesAction } = useLodeActions()\n  const { initialized } = useSettingStoreState()\n  const { initSettingsAction, setSearchPatternAction, setSdkLanguageAction } =\n    useSettingActions()\n  const { initSpecsAction, setCurrentSpecAction } = useSpecActions()\n\n  const location = useLocation()\n  useGlobalStoreSync()\n  const [hasNavigation, setHasNavigation] = useState(true)\n  const toggleNavigation = (target?: boolean) =>\n    setHasNavigation(target || !hasNavigation)\n\n  const hasNavigationToggle = useCallback((e: MessageEvent<any>) => {\n    if (e.origin === window.origin && e.data.action === 'toggle_sidebar') {\n      setHasNavigation((currentHasNavigation) => !currentHasNavigation)\n    }\n  }, [])\n\n  registerEnvAdaptor(adaptor)\n\n  useEffect(() => {\n    initSettingsAction()\n    initLodesAction({ examplesLodeUrl, declarationsLodeUrl })\n\n    const specKey = getSpecKey(location)\n    initSpecsAction({ specKey })\n    return () => unregisterEnvAdaptor()\n  }, [])\n\n  useEffect(() => {\n    const maybeSpec = location.pathname?.split('/')[1]\n    if (spec && maybeSpec && maybeSpec !== spec.key) {\n      setCurrentSpecAction({ currentSpecKey: maybeSpec })\n    }\n  }, [location.pathname, spec])\n\n  useEffect(() => {\n    if (!initialized) return\n    const searchParams = new URLSearchParams(location.search)\n    const searchPattern = searchParams.get('s') || ''\n    const sdkParam = searchParams.get('sdk') || 'all'\n    const { language: sdkLanguage } = findSdk(sdkParam)\n    setSearchPatternAction({ searchPattern })\n    setSdkLanguageAction({ sdkLanguage })\n  }, [location.search])\n\n  useEffect(() => {\n    if (headless) {\n      window.addEventListener('message', hasNavigationToggle)\n    }\n    return () => {\n      if (headless) {\n        window.removeEventListener('message', hasNavigationToggle)\n      }\n    }\n  }, [headless, hasNavigationToggle])\n\n  const themeOverrides = adaptor.themeOverrides()\n\n  let neededSpec = location.pathname?.split('/')[1]\n  if (!neededSpec) {\n    neededSpec = spec?.key\n  }\n\n  return (\n    <>\n      <ComponentsProvider\n        loadGoogleFonts={themeOverrides.loadGoogleFonts}\n        themeCustomizations={themeOverrides.themeCustomizations}\n      >\n        {working || !neededSpec || neededSpec !== spec.key ? (\n          <Loader message={description} themeOverrides={themeOverrides} />\n        ) : (\n          <ErrorBoundary logError={adaptor.logError.bind(adaptor)}>\n            <Banner adaptor={adaptor} specs={specs} />\n            <Page style={{ overflow: 'hidden' }}>\n              {!headless && (\n                <Header spec={spec} toggleNavigation={toggleNavigation} />\n              )}\n              <Layout hasAside height=\"100%\">\n                <AsideBorder\n                  borderRight\n                  isOpen={hasNavigation}\n                  headless={headless}\n                >\n                  {headless && (\n                    <>\n                      <Space\n                        alignItems=\"center\"\n                        py=\"u3\"\n                        px={hasNavigation ? 'u5' : '0'}\n                        justifyContent={\n                          hasNavigation ? 'space-between' : 'center'\n                        }\n                      >\n                        {hasNavigation && (\n                          <Heading\n                            as=\"h2\"\n                            fontSize=\"xsmall\"\n                            fontWeight=\"bold\"\n                            color=\"text2\"\n                          >\n                            API DOCUMENTATION\n                          </Heading>\n                        )}\n                        <IconButton\n                          size=\"xsmall\"\n                          shape=\"round\"\n                          icon={hasNavigation ? <FirstPage /> : <LastPage />}\n                          label={HEADER_TOGGLE_LABEL}\n                          onClick={() => toggleNavigation()}\n                        />\n                      </Space>\n                      {hasNavigation && (\n                        <>\n                          <Divider mb=\"u3\" appearance=\"light\" />\n                          <SelectorContainer\n                            spec={spec}\n                            ml=\"large\"\n                            mr=\"large\"\n                          />\n                        </>\n                      )}\n                    </>\n                  )}\n                  {hasNavigation && <SideNav headless={headless} spec={spec} />}\n                </AsideBorder>\n                <AppRouter\n                  specKey={spec.key}\n                  api={spec.api!}\n                  toggleNavigation={toggleNavigation}\n                />\n              </Layout>\n            </Page>\n          </ErrorBoundary>\n        )}\n      </ComponentsProvider>\n      {!headless && <BodyOverride />}\n    </>\n  )\n}\n\nconst AsideBorder = styled(Aside)<{\n  isOpen: boolean\n  headless: boolean\n}>`\n  width: ${({ isOpen, headless }) =>\n    isOpen ? '20rem' : headless ? '2.75rem' : '0rem'};\n`\n"],"file":"ApiExplorer.js"}

package/lib/components/DocMarkdown/DocMarkdown.js

@@ -7,8 +7,6 @@ exports.DocMarkdown = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactRouterDom = require("react-router-dom");
-
 var _codeEditor = require("@looker/code-editor");
 
 var _reactRedux = require("react-redux");
@@ -17,7 +15,9 @@ var _extensionUtils = require("@looker/extension-utils");
 
 var _state = require("../../state");
 
-var _utils = require("./utils");
+var _utils = require("../../utils");
+
+var _utils2 = require("./utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -27,13 +27,15 @@ var DocMarkdown = _ref => {
     specKey
   } = _ref;
   var searchPattern = (0, _reactRedux.useSelector)(_state.selectSearchPattern);
-  var history = (0, _reactRouterDom.useHistory)();
+  var {
+    navigate
+  } = (0, _utils.useNavigation)();
 
   var linkClickHandler = (pathname, url) => {
     if (pathname.startsWith("/".concat(specKey))) {
-      history.push(pathname);
+      navigate(pathname);
     } else if (url.startsWith("/".concat(specKey))) {
-      history.push(url);
+      navigate(url);
     } else if (url.startsWith('https://')) {
       var adaptor = (0, _extensionUtils.getEnvAdaptor)();
       adaptor.openBrowserWindow(url);
@@ -44,7 +46,7 @@ var DocMarkdown = _ref => {
     source: source,
     pattern: searchPattern,
     linkClickHandler: linkClickHandler,
-    transformLinkUri: _utils.transformURL.bind(null, specKey)
+    transformLinkUri: _utils2.transformURL.bind(null, specKey)
   });
 };
 

package/lib/components/DocMarkdown/DocMarkdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DocMarkdown/DocMarkdown.tsx"],"names":["DocMarkdown","source","specKey","searchPattern","selectSearchPattern","history","linkClickHandler","pathname","url","startsWith","push","adaptor","openBrowserWindow","transformURL","bind"],"mappings":";;;;;;;AA2BA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAOO,IAAMA,WAAiC,GAAG,QAAyB;AAAA,MAAxB;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAwB;AACxE,MAAMC,aAAa,GAAG,6BAAYC,0BAAZ,CAAtB;AACA,MAAMC,OAAO,GAAG,iCAAhB;;AAEA,MAAMC,gBAAgB,GAAG,CAACC,QAAD,EAAmBC,GAAnB,KAAmC;AAC1D,QAAID,QAAQ,CAACE,UAAT,YAAwBP,OAAxB,EAAJ,EAAwC;AACtCG,MAAAA,OAAO,CAACK,IAAR,CAAaH,QAAb;AACD,KAFD,MAEO,IAAIC,GAAG,CAACC,UAAJ,YAAmBP,OAAnB,EAAJ,EAAmC;AACxCG,MAAAA,OAAO,CAACK,IAAR,CAAaF,GAAb;AACD,KAFM,MAEA,IAAIA,GAAG,CAACC,UAAJ,CAAe,UAAf,CAAJ,EAAgC;AACrC,UAAME,OAAO,GAAG,oCAAhB;AACAA,MAAAA,OAAO,CAACC,iBAAR,CAA0BJ,GAA1B;AACD;AACF,GATD;;AAUA,SACE,6BAAC,oBAAD;AACE,IAAA,MAAM,EAAEP,MADV;AAEE,IAAA,OAAO,EAAEE,aAFX;AAGE,IAAA,gBAAgB,EAAEG,gBAHpB;AAIE,IAAA,gBAAgB,EAAEO,oBAAaC,IAAb,CAAkB,IAAlB,EAAwBZ,OAAxB;AAJpB,IADF;AAQD,CAtBM","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { Markdown } from '@looker/code-editor'\nimport { useSelector } from 'react-redux'\nimport { getEnvAdaptor } from '@looker/extension-utils'\nimport { selectSearchPattern } from '../../state'\nimport { transformURL } from './utils'\n\ninterface DocMarkdownProps {\n  source: string\n  specKey: string\n}\n\nexport const DocMarkdown: FC<DocMarkdownProps> = ({ source, specKey }) => {\n  const searchPattern = useSelector(selectSearchPattern)\n  const history = useHistory()\n\n  const linkClickHandler = (pathname: string, url: string) => {\n    if (pathname.startsWith(`/${specKey}`)) {\n      history.push(pathname)\n    } else if (url.startsWith(`/${specKey}`)) {\n      history.push(url)\n    } else if (url.startsWith('https://')) {\n      const adaptor = getEnvAdaptor()\n      adaptor.openBrowserWindow(url)\n    }\n  }\n  return (\n    <Markdown\n      source={source}\n      pattern={searchPattern}\n      linkClickHandler={linkClickHandler}\n      transformLinkUri={transformURL.bind(null, specKey)}\n    />\n  )\n}\n"],"file":"DocMarkdown.js"}
+{"version":3,"sources":["../../../src/components/DocMarkdown/DocMarkdown.tsx"],"names":["DocMarkdown","source","specKey","searchPattern","selectSearchPattern","navigate","linkClickHandler","pathname","url","startsWith","adaptor","openBrowserWindow","transformURL","bind"],"mappings":";;;;;;;AA2BA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAOO,IAAMA,WAAiC,GAAG,QAAyB;AAAA,MAAxB;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAwB;AACxE,MAAMC,aAAa,GAAG,6BAAYC,0BAAZ,CAAtB;AACA,MAAM;AAAEC,IAAAA;AAAF,MAAe,2BAArB;;AAEA,MAAMC,gBAAgB,GAAG,CAACC,QAAD,EAAmBC,GAAnB,KAAmC;AAC1D,QAAID,QAAQ,CAACE,UAAT,YAAwBP,OAAxB,EAAJ,EAAwC;AACtCG,MAAAA,QAAQ,CAACE,QAAD,CAAR;AACD,KAFD,MAEO,IAAIC,GAAG,CAACC,UAAJ,YAAmBP,OAAnB,EAAJ,EAAmC;AACxCG,MAAAA,QAAQ,CAACG,GAAD,CAAR;AACD,KAFM,MAEA,IAAIA,GAAG,CAACC,UAAJ,CAAe,UAAf,CAAJ,EAAgC;AACrC,UAAMC,OAAO,GAAG,oCAAhB;AACAA,MAAAA,OAAO,CAACC,iBAAR,CAA0BH,GAA1B;AACD;AACF,GATD;;AAUA,SACE,6BAAC,oBAAD;AACE,IAAA,MAAM,EAAEP,MADV;AAEE,IAAA,OAAO,EAAEE,aAFX;AAGE,IAAA,gBAAgB,EAAEG,gBAHpB;AAIE,IAAA,gBAAgB,EAAEM,qBAAaC,IAAb,CAAkB,IAAlB,EAAwBX,OAAxB;AAJpB,IADF;AAQD,CAtBM","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React from 'react'\nimport { Markdown } from '@looker/code-editor'\nimport { useSelector } from 'react-redux'\nimport { getEnvAdaptor } from '@looker/extension-utils'\nimport { selectSearchPattern } from '../../state'\nimport { useNavigation } from '../../utils'\nimport { transformURL } from './utils'\n\ninterface DocMarkdownProps {\n  source: string\n  specKey: string\n}\n\nexport const DocMarkdown: FC<DocMarkdownProps> = ({ source, specKey }) => {\n  const searchPattern = useSelector(selectSearchPattern)\n  const { navigate } = useNavigation()\n\n  const linkClickHandler = (pathname: string, url: string) => {\n    if (pathname.startsWith(`/${specKey}`)) {\n      navigate(pathname)\n    } else if (url.startsWith(`/${specKey}`)) {\n      navigate(url)\n    } else if (url.startsWith('https://')) {\n      const adaptor = getEnvAdaptor()\n      adaptor.openBrowserWindow(url)\n    }\n  }\n  return (\n    <Markdown\n      source={source}\n      pattern={searchPattern}\n      linkClickHandler={linkClickHandler}\n      transformLinkUri={transformURL.bind(null, specKey)}\n    />\n  )\n}\n"],"file":"DocMarkdown.js"}

package/lib/components/DocSDKs/DocDeclarations.js

@@ -5,34 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DocDeclarations = void 0;
 
-var _components = require("@looker/components");
-
 var _react = _interopRequireDefault(require("react"));
 
+var _components = require("@looker/components");
+
 var _DocCode = require("../DocCode");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var DocDeclarations = _ref => {
   var {
     declarations
   } = _ref;
-  var tabs = (0, _components.useTabs)();
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.TabList, tabs, Object.keys(declarations).map(language => _react.default.createElement(_components.Tab, {
-    key: language
-  }, language))), _react.default.createElement(_components.TabPanels, _extends({}, tabs, {
-    pt: "0"
-  }), Object.entries(declarations).map(_ref2 => {
+  return _react.default.createElement(_components.Tabs2, null, Object.entries(declarations).map(_ref2 => {
     var [language, code] = _ref2;
-    return _react.default.createElement(_components.TabPanel, {
-      key: language
+    return _react.default.createElement(_components.Tab2, {
+      key: language,
+      id: language,
+      label: language
     }, _react.default.createElement(_DocCode.DocCode, {
-      language: language,
-      code: code
+      code: code,
+      language: language
     }));
-  })));
+  }));
 };
 
 exports.DocDeclarations = DocDeclarations;

package/lib/components/DocSDKs/DocDeclarations.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DocSDKs/DocDeclarations.tsx"],"names":["DocDeclarations","declarations","tabs","Object","keys","map","language","entries","code"],"mappings":";;;;;;;AAyBA;;AAGA;;AACA;;;;;;AAUO,IAAMA,eAAyC,GAAG,QAAsB;AAAA,MAArB;AAAEC,IAAAA;AAAF,GAAqB;AAC7E,MAAMC,IAAI,GAAG,0BAAb;AAEA,SACE,4DACE,6BAAC,mBAAD,EAAaA,IAAb,EACGC,MAAM,CAACC,IAAP,CAAYH,YAAZ,EAA0BI,GAA1B,CAA+BC,QAAD,IAC7B,6BAAC,eAAD;AAAK,IAAA,GAAG,EAAEA;AAAV,KAAqBA,QAArB,CADD,CADH,CADF,EAME,6BAAC,qBAAD,eAAeJ,IAAf;AAAqB,IAAA,EAAE,EAAC;AAAxB,MACGC,MAAM,CAACI,OAAP,CAAeN,YAAf,EAA6BI,GAA7B,CAAiC;AAAA,QAAC,CAACC,QAAD,EAAWE,IAAX,CAAD;AAAA,WAChC,6BAAC,oBAAD;AAAU,MAAA,GAAG,EAAEF;AAAf,OACE,6BAAC,gBAAD;AAAS,MAAA,QAAQ,EAAEA,QAAnB;AAA6B,MAAA,IAAI,EAAEE;AAAnC,MADF,CADgC;AAAA,GAAjC,CADH,CANF,CADF;AAgBD,CAnBM","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport { Tab, TabList, TabPanel, TabPanels, useTabs } from '@looker/components'\nimport type { KeyedCollection } from '@looker/sdk-codegen'\nimport type { FC } from 'react'\nimport React from 'react'\nimport { DocCode } from '../DocCode'\n\ninterface DocDeclarationsProps {\n  declarations: KeyedCollection<string>\n}\n\n/**\n * Renders all provided declarations\n * @param declarations A collection of SDK declarations in various languages\n */\nexport const DocDeclarations: FC<DocDeclarationsProps> = ({ declarations }) => {\n  const tabs = useTabs()\n\n  return (\n    <>\n      <TabList {...tabs}>\n        {Object.keys(declarations).map((language) => (\n          <Tab key={language}>{language}</Tab>\n        ))}\n      </TabList>\n      <TabPanels {...tabs} pt=\"0\">\n        {Object.entries(declarations).map(([language, code]) => (\n          <TabPanel key={language}>\n            <DocCode language={language} code={code} />\n          </TabPanel>\n        ))}\n      </TabPanels>\n    </>\n  )\n}\n"],"file":"DocDeclarations.js"}
+{"version":3,"sources":["../../../src/components/DocSDKs/DocDeclarations.tsx"],"names":["DocDeclarations","declarations","Object","entries","map","language","code"],"mappings":";;;;;;;AAyBA;;AACA;;AAGA;;;;AAUO,IAAMA,eAAyC,GAAG;AAAA,MAAC;AAAEC,IAAAA;AAAF,GAAD;AAAA,SACvD,6BAAC,iBAAD,QACGC,MAAM,CAACC,OAAP,CAAeF,YAAf,EAA6BG,GAA7B,CAAiC;AAAA,QAAC,CAACC,QAAD,EAAWC,IAAX,CAAD;AAAA,WAChC,6BAAC,gBAAD;AAAM,MAAA,GAAG,EAAED,QAAX;AAAqB,MAAA,EAAE,EAAEA,QAAzB;AAAmC,MAAA,KAAK,EAAEA;AAA1C,OACE,6BAAC,gBAAD;AAAS,MAAA,IAAI,EAAEC,IAAf;AAAqB,MAAA,QAAQ,EAAED;AAA/B,MADF,CADgC;AAAA,GAAjC,CADH,CADuD;AAAA,CAAlD","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport React from 'react'\nimport { Tab2, Tabs2 } from '@looker/components'\nimport type { KeyedCollection } from '@looker/sdk-codegen'\nimport type { FC } from 'react'\nimport { DocCode } from '../DocCode'\n\ninterface DocDeclarationsProps {\n  declarations: KeyedCollection<string>\n}\n\n/**\n * Renders all provided declarations\n * @param declarations A collection of SDK declarations in various languages\n */\nexport const DocDeclarations: FC<DocDeclarationsProps> = ({ declarations }) => (\n  <Tabs2>\n    {Object.entries(declarations).map(([language, code]) => (\n      <Tab2 key={language} id={language} label={language}>\n        <DocCode code={code} language={language} />\n      </Tab2>\n    ))}\n  </Tabs2>\n)\n"],"file":"DocDeclarations.js"}

package/lib/components/SelectorContainer/ApiSpecSelector.js

@@ -13,6 +13,8 @@ var _reactRouterDom = require("react-router-dom");
 
 var _reactRedux = require("react-redux");
 
+var _utils = require("../../utils");
+
 var _state = require("../../state");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -21,8 +23,10 @@ var ApiSpecSelector = _ref => {
   var {
     spec
   } = _ref;
-  var history = (0, _reactRouterDom.useHistory)();
   var location = (0, _reactRouterDom.useLocation)();
+  var {
+    navigate
+  } = (0, _utils.useNavigation)();
   var specs = (0, _reactRedux.useSelector)(_state.selectSpecs);
   var options = Object.entries(specs).map(_ref2 => {
     var [key, spec] = _ref2;
@@ -35,7 +39,7 @@ var ApiSpecSelector = _ref => {
 
   var handleChange = specKey => {
     var matchPath = location.pathname.replace("/".concat(spec.key), "/".concat(specKey));
-    history.push(matchPath);
+    navigate(matchPath);
   };
 
   return _react.default.createElement(_components.Select, {