@looker/api-explorer 0.9.19 → 0.9.25

package/CHANGELOG.md

@@ -5,6 +5,140 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+### [0.9.25](https://www.github.com/looker-open-source/sdk-codegen/compare/api-explorer-v0.9.24...api-explorer-v0.9.25) (2021-12-16)
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @looker/extension-utils bumped from ^0.1.1 to ^0.1.2
+    * @looker/code-editor bumped from ^0.1.15 to ^0.1.16
+    * @looker/run-it bumped from ^0.9.24 to ^0.9.25
+    * @looker/sdk-codegen bumped from ^21.2.1 to ^21.3.0
+    * @looker/sdk-rtl bumped from ^21.2.0 to ^21.3.0
+  * devDependencies
+    * @looker/sdk-codegen-scripts bumped from ^21.1.4 to ^21.2.0
+
+### [0.9.24](https://www.github.com/looker-open-source/sdk-codegen/compare/api-explorer-v0.9.23...api-explorer-v0.9.24) (2021-12-06)
+
+
+### Features
+
+* OAuthConfigProvider ([209f399](https://www.github.com/looker-open-source/sdk-codegen/commit/209f399a089beb28405a178d3dc8f769478ae97b))
+
+
+### Bug Fixes
+
+* enum naming and registration ([#918](https://www.github.com/looker-open-source/sdk-codegen/issues/918)) ([9d4a6cb](https://www.github.com/looker-open-source/sdk-codegen/commit/9d4a6cbfac5defad3a35389e2d46947d2135d349))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @looker/extension-utils bumped from ^0.1.0 to ^0.1.1
+    * @looker/code-editor bumped from ^0.1.14 to ^0.1.15
+    * @looker/run-it bumped from ^0.9.23 to ^0.9.24
+    * @looker/sdk-codegen bumped from ^21.2.0 to ^21.2.1
+  * devDependencies
+    * @looker/sdk-codegen-scripts bumped from ^21.1.3 to ^21.1.4
+
+### [0.9.23](https://www.github.com/looker-open-source/sdk-codegen/compare/api-explorer-v0.9.22...api-explorer-v0.9.23) (2021-11-10)
+
+
+### Features
+
+* create @looker/extension-utils ([#886](https://www.github.com/looker-open-source/sdk-codegen/issues/886)) ([9d1720d](https://www.github.com/looker-open-source/sdk-codegen/commit/9d1720d9a4cec00c45195dd9c716d9a2a929264f))
+
+
+### Bug Fixes
+
+* api explorer initialization  ([#885](https://www.github.com/looker-open-source/sdk-codegen/issues/885)) ([b08b08e](https://www.github.com/looker-open-source/sdk-codegen/commit/b08b08e9767725e19a573bac0385320bb903490d))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @looker/code-editor bumped from ^0.1.13 to ^0.1.14
+    * @looker/run-it bumped from ^0.9.22 to ^0.9.23
+    * @looker/sdk bumped from ^21.18.1 to ^21.20.0
+    * @looker/sdk-codegen bumped from ^21.1.1 to ^21.2.0
+    * @looker/sdk-rtl bumped from ^21.1.1 to ^21.2.0
+  * devDependencies
+    * @looker/sdk-codegen-scripts bumped from ^21.1.2 to ^21.1.3
+    * @looker/sdk-node bumped from ^21.18.1 to ^21.20.0
+
+### [0.9.22](https://www.github.com/looker-open-source/sdk-codegen/compare/api-explorer-v0.9.21...api-explorer-v0.9.22) (2021-10-27)
+
+
+### Bug Fixes
+
+* another TS SDK error handling tweak ([#873](https://www.github.com/looker-open-source/sdk-codegen/issues/873)) ([1c04952](https://www.github.com/looker-open-source/sdk-codegen/commit/1c049527e22926fa7fe0ae011ab4595520005e2f))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @looker/code-editor bumped from ^0.1.12 to ^0.1.13
+    * @looker/run-it bumped from ^0.9.21 to ^0.9.22
+    * @looker/sdk bumped from ^21.18.0 to ^21.18.1
+    * @looker/sdk-codegen bumped from ^21.1.0 to ^21.1.1
+    * @looker/sdk-rtl bumped from ^21.1.0 to ^21.1.1
+  * devDependencies
+    * @looker/sdk-codegen-scripts bumped from ^21.1.1 to ^21.1.2
+    * @looker/sdk-node bumped from ^21.18.0 to ^21.18.1
+
+### [0.9.21](https://www.github.com/looker-open-source/sdk-codegen/compare/api-explorer-v0.9.20...api-explorer-v0.9.21) (2021-10-24)
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @looker/code-editor bumped from ^0.1.11 to ^0.1.12
+    * @looker/run-it bumped from ^0.9.20 to ^0.9.21
+    * @looker/sdk bumped from ^21.16.0 to ^21.18.0
+  * devDependencies
+    * @looker/sdk-codegen-scripts bumped from ^21.1.0 to ^21.1.1
+    * @looker/sdk-node bumped from ^21.16.0 to ^21.18.0
+
+### [0.9.20](https://www.github.com/looker-open-source/sdk-codegen/compare/api-explorer-v0.9.19...api-explorer-v0.9.20) (2021-10-19)
+
+
+### Features
+
+* closest path match for API Explorer ([#811](https://www.github.com/looker-open-source/sdk-codegen/issues/811)) ([45fd26f](https://www.github.com/looker-open-source/sdk-codegen/commit/45fd26fb0f325fa90edfec72f835ed3a79b9afeb))
+* headless nav toggle ([#860](https://www.github.com/looker-open-source/sdk-codegen/issues/860)) ([8e66d1b](https://www.github.com/looker-open-source/sdk-codegen/commit/8e66d1bed84cdcf91b92dccdb5cdbb87be5c3f4a))
+* lots of RunIt form cleanup ([#814](https://www.github.com/looker-open-source/sdk-codegen/issues/814)) ([e92eae8](https://www.github.com/looker-open-source/sdk-codegen/commit/e92eae8fc127a0aa99545ca9c577152c08d59000))
+* makeTheCall for Kotlin and type tagging ([#833](https://www.github.com/looker-open-source/sdk-codegen/issues/833)) ([2ca950e](https://www.github.com/looker-open-source/sdk-codegen/commit/2ca950e16c9c172d3e67de58261df16e424efaa3))
+* Use agenda data for the Hackathon home page ([#842](https://www.github.com/looker-open-source/sdk-codegen/issues/842)) ([0da2523](https://www.github.com/looker-open-source/sdk-codegen/commit/0da25239c3f108cb684309818c33c91c2a7c3278))
+
+
+### Bug Fixes
+
+* Extension Api Explorer markdown link clicks ([#830](https://www.github.com/looker-open-source/sdk-codegen/issues/830)) ([dd8a3f0](https://www.github.com/looker-open-source/sdk-codegen/commit/dd8a3f03b8ea03858271bf55307c7d359631455a))
+* request content initialization and filtering for RunIt requests ([#852](https://www.github.com/looker-open-source/sdk-codegen/issues/852)) ([474ee93](https://www.github.com/looker-open-source/sdk-codegen/commit/474ee9365dafe6549826a9f627ac0a79dc0e9a56))
+* Sidenav selection ([#831](https://www.github.com/looker-open-source/sdk-codegen/issues/831)) ([52e3ef3](https://www.github.com/looker-open-source/sdk-codegen/commit/52e3ef31a6157a6a544bf712a73d118d22913583))
+* type issues, tests and bin/deploy ([#844](https://www.github.com/looker-open-source/sdk-codegen/issues/844)) ([9e4a141](https://www.github.com/looker-open-source/sdk-codegen/commit/9e4a1413d4b6267805c0514dac1def93f5a56cb6))
+* typo with error boundary ([#851](https://www.github.com/looker-open-source/sdk-codegen/issues/851)) ([bb08f25](https://www.github.com/looker-open-source/sdk-codegen/commit/bb08f258354bb6439f08d29f340b1f396841ab12))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @looker/code-editor bumped from ^0.1.10 to ^0.1.11
+    * @looker/run-it bumped from ^0.9.19 to ^0.9.20
+    * @looker/sdk bumped from ^21.14.0 to ^21.16.0
+    * @looker/sdk-codegen bumped from ^21.0.25 to ^21.1.0
+    * @looker/sdk-rtl bumped from ^21.0.20 to ^21.1.0
+  * devDependencies
+    * @looker/sdk-codegen-scripts bumped from ^21.0.27 to ^21.1.0
+    * @looker/sdk-node bumped from ^21.14.0 to ^21.16.0
+
 ### [0.9.19](https://www.github.com/looker-open-source/sdk-codegen/compare/api-explorer-v0.9.18...api-explorer-v0.9.19) (2021-09-01)
 
 
@@ -390,4 +524,4 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Response types now have nested types correctly documented
 - The response type processing functions now have arguments for the number of levels to expand nested types
 - API explorer's default expansion depth is one level deep
-- Added [`ExploreType`](src/components/ExploreType/ExploreType.tsx) and [`ExploreProperty`](src/components/ExploreType/ExploreProperty.tsx) components used to display responses and explore the type on the type page
+- Added [`ExploreType`](src/components/ExploreType/ExploreType.tsx) and [`ExploreProperty`](src/components/ExploreType/ExploreProperty.tsx) components used to display responses and explore the type on the type page

package/e2e/e2e.spec.ts

@@ -47,7 +47,7 @@ describe('API Explorer', () => {
     })
 
     it('renders a method page', async () => {
-      await expect(page).toClick('h5', { text: 'Dashboard' })
+      await expect(page).toClick('h4', { text: 'Dashboard' })
       await Promise.all([
         page.waitForNavigation(),
         expect(page).toClick('a', { text: 'Get All Dashboards' }),
@@ -92,6 +92,7 @@ describe('API Explorer', () => {
 
     it('renders a type page', async () => {
       await expect(page).toClick('button', { text: /^Types/ })
+      await expect(page).toClick('h4', { text: 'ApiAuth' })
       await expect(page).toClick('a', { text: 'AccessToken' })
 
       // title
@@ -110,7 +111,7 @@ describe('API Explorer', () => {
     })
 
     it('renders a tag scene and filters by operation', async () => {
-      await expect(page).toClick('h5', { text: 'ApiAuth' })
+      await expect(page).toClick('h4', { text: 'ApiAuth' })
       await expect(page).toMatchElement('h2', {
         text: 'ApiAuth: API Authentication',
       })
@@ -148,7 +149,7 @@ describe('API Explorer', () => {
       expect(await page.evaluate((x) => x.value, languageHandle)).toEqual(
         'Python'
       )
-      await expect(page).toClick('h5', { text: 'Dashboard' })
+      await expect(page).toClick('h4', { text: 'Dashboard' })
       await expect(page).toClick('a', { text: 'Get All Dashboards' })
       await expect(page).toMatchElement('h3', { text: 'Python Declaration' })
 
@@ -202,7 +203,7 @@ describe('API Explorer', () => {
     })
 
     it('should be able to navigate directly to a type', async () => {
-      await goToPage(`${v31}/types/Query`)
+      await goToPage(`${v31}/types/Query/Query`)
       await expect(page).toMatchElement('h2', { text: 'Query' })
       await expect(page).toMatchElement('button', { text: 'Query' })
     })
@@ -235,7 +236,7 @@ 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(`${v31}/types/WriteTheme`)
+      await expect(page.url()).toEqual(`${v31}/types/Theme/WriteTheme`)
     })
   })
 })

package/lib/ApiExplorer.d.ts

@@ -1,44 +1,13 @@
-import React, { FC } from 'react';
-import { SpecList } from '@looker/sdk-codegen';
-import { RunItSetter } from '@looker/run-it';
-import { IApixEnvAdaptor } from './utils';
+import type { FC } from 'react';
+import type { SpecList } from '@looker/sdk-codegen';
+import type { RunItSetter } from '@looker/run-it';
+import type { IEnvironmentAdaptor } from '@looker/extension-utils';
 export interface ApiExplorerProps {
     specs: SpecList;
-    envAdaptor: IApixEnvAdaptor;
+    adaptor: IEnvironmentAdaptor;
     setVersionsUrl: RunItSetter;
-    exampleLodeUrl?: string;
+    examplesLodeUrl?: string;
     declarationsLodeUrl?: string;
     headless?: boolean;
 }
-export declare const BodyOverride: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
-declare const ApiExplorer: FC<ApiExplorerProps>;
-export declare const AsideBorder: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@looker/components").SimpleLayoutProps & import("styled-system").BorderRadiusProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
-    border?: string | boolean | undefined;
-    borderBottom?: string | boolean | undefined;
-    borderLeft?: string | boolean | undefined;
-    borderRight?: string | boolean | undefined;
-    borderTop?: string | boolean | undefined;
-    borderX?: string | boolean | undefined;
-    borderY?: string | boolean | undefined;
-} & import("@looker/design-tokens").TypographyProps & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
-    color?: any;
-} & import("@looker/design-tokens").CompatibleHTMLProps<HTMLElement> & {
-    collapse?: boolean | undefined;
-    scrollWithin?: boolean | undefined;
-    width?: import("styled-system").ResponsiveValue<string | import("@looker/components/lib/Layout/Semantics/Aside/asideWidth").AsideSizeRamp, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-} & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, import("@looker/components").SimpleLayoutProps & import("styled-system").BorderRadiusProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
-    border?: string | boolean | undefined;
-    borderBottom?: string | boolean | undefined;
-    borderLeft?: string | boolean | undefined;
-    borderRight?: string | boolean | undefined;
-    borderTop?: string | boolean | undefined;
-    borderX?: string | boolean | undefined;
-    borderY?: string | boolean | undefined;
-} & import("@looker/design-tokens").TypographyProps & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
-    color?: any;
-} & import("@looker/design-tokens").CompatibleHTMLProps<HTMLElement> & {
-    collapse?: boolean | undefined;
-    scrollWithin?: boolean | undefined;
-    width?: import("styled-system").ResponsiveValue<string | import("@looker/components/lib/Layout/Semantics/Aside/asideWidth").AsideSizeRamp, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-}, never>;
-export default ApiExplorer;
+export declare const ApiExplorer: FC<ApiExplorerProps>;

package/lib/ApiExplorer.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.AsideBorder = exports.BodyOverride = void 0;
+exports.ApiExplorer = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -15,7 +15,11 @@ var _components = require("@looker/components");
 
 var _runIt = require("@looker/run-it");
 
-var _context = require("./context");
+var _FirstPage = require("@styled-icons/material/FirstPage");
+
+var _LastPage = require("@styled-icons/material/LastPage");
+
+var _extensionUtils = require("@looker/extension-utils");
 
 var _utils = require("./utils");
 
@@ -27,7 +31,7 @@ var _routes = require("./routes");
 
 var _lodeUtils = require("./utils/lodeUtils");
 
-var _hooks = require("./hooks");
+var _state = require("./state");
 
 var _templateObject;
 
@@ -48,27 +52,32 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 var BodyOverride = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral([" html { height: 100%; overflow: hidden; } "])));
-exports.BodyOverride = BodyOverride;
 
 var ApiExplorer = _ref => {
   var {
     specs,
-    envAdaptor,
+    adaptor,
     setVersionsUrl,
-    exampleLodeUrl = 'https://raw.githubusercontent.com/looker-open-source/sdk-codegen/main/examplesIndex.json',
+    examplesLodeUrl = 'https://raw.githubusercontent.com/looker-open-source/sdk-codegen/main/examplesIndex.json',
     declarationsLodeUrl = "".concat(_lodeUtils.apixFilesHost, "/declarationsIndex.json"),
     headless = false
   } = _ref;
-  var location = (0, _reactRouter.useLocation)();
   var {
-    setSdkLanguageAction
-  } = (0, _hooks.useActions)();
+    initialized
+  } = (0, _state.useSettingStoreState)();
+  (0, _state.useLodesStoreState)();
+  var {
+    initLodesAction
+  } = (0, _state.useLodeActions)();
+  var {
+    initSettingsAction
+  } = (0, _state.useSettingActions)();
+  var location = (0, _reactRouter.useLocation)();
+  var oauthReturn = location.pathname === "/".concat(_utils.oAuthPath);
   var [specState, specDispatch] = (0, _react.useReducer)(_reducers.specReducer, (0, _reducers.initDefaultSpecState)(specs, location));
   var {
     spec
   } = specState;
-  var [searchSettings, setSearchSettings] = (0, _react.useReducer)(_reducers.searchReducer, _reducers.defaultSearchState);
-  var [lode, setLode] = (0, _react.useState)(_context.defaultLodeContextValue);
   var [hasNavigation, setHasNavigation] = (0, _react.useState)(true);
 
   var toggleNavigation = target => setHasNavigation(target || !hasNavigation);
@@ -78,6 +87,15 @@ var ApiExplorer = _ref => {
       setHasNavigation(currentHasNavigation => !currentHasNavigation);
     }
   }, []);
+  (0, _react.useEffect)(() => {
+    (0, _extensionUtils.registerEnvAdaptor)(adaptor);
+    initSettingsAction();
+    initLodesAction({
+      examplesLodeUrl,
+      declarationsLodeUrl
+    });
+    return () => (0, _extensionUtils.unregisterEnvAdaptor)();
+  }, []);
   (0, _react.useEffect)(() => {
     if (headless) {
       window.addEventListener('message', hasNavigationToggle);
@@ -88,17 +106,22 @@ var ApiExplorer = _ref => {
         window.removeEventListener('message', hasNavigationToggle);
       }
     };
-  }, []);
+  }, [headless, hasNavigationToggle]);
   (0, _react.useEffect)(() => {
     var loadSpec = function () {
       var _ref2 = _asyncToGenerator(function* () {
         if (!spec.api) {
-          var newSpec = _objectSpread({}, spec);
+          try {
+            var newSpec = _objectSpread({}, spec);
 
-          var api = yield (0, _runIt.loadSpecApi)(newSpec);
+            var api = yield (0, _runIt.fallbackFetch)(newSpec, _runIt.funFetch);
 
-          if (api) {
-            specDispatch((0, _reducers.updateSpecApi)(spec.key, api));
+            if (api) {
+              spec.api = api;
+              specDispatch((0, _reducers.updateSpecApi)(spec.key, api));
+            }
+          } catch (error) {
+            console.error(error);
           }
         }
       });
@@ -108,48 +131,19 @@ var ApiExplorer = _ref => {
       };
     }();
 
-    loadSpec();
-  }, [spec]);
-  (0, _react.useEffect)(() => {
-    (0, _utils.getLoded)(exampleLodeUrl, declarationsLodeUrl).then(resp => setLode(resp));
-  }, [exampleLodeUrl, declarationsLodeUrl]);
-  (0, _react.useEffect)(() => {
-    var initSdkLanguage = function () {
-      var _ref3 = _asyncToGenerator(function* () {
-        var resp = yield envAdaptor.localStorageGetItem(_utils.EnvAdaptorConstants.LOCALSTORAGE_SDK_LANGUAGE_KEY);
-
-        if (resp) {
-          setSdkLanguageAction(resp);
-        }
-      });
-
-      return function initSdkLanguage() {
-        return _ref3.apply(this, arguments);
-      };
-    }();
-
-    initSdkLanguage();
-  }, [envAdaptor, setSdkLanguageAction]);
-  var {
-    loadGoogleFonts,
-    themeCustomizations
-  } = envAdaptor.themeOverrides();
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.ComponentsProvider, {
-    loadGoogleFonts: loadGoogleFonts,
-    themeCustomizations: themeCustomizations
-  }, _react.default.createElement(_components2.ErrorBoundary, {
-    logError: envAdaptor.logError.bind(envAdaptor)
-  }, _react.default.createElement(_context.EnvAdaptorContext.Provider, {
-    value: {
-      envAdaptor
-    }
-  }, _react.default.createElement(_context.LodeContext.Provider, {
-    value: _objectSpread({}, lode)
-  }, _react.default.createElement(_context.SearchContext.Provider, {
-    value: {
-      searchSettings,
-      setSearchSettings
+    if (!oauthReturn) {
+      loadSpec();
     }
+  }, [spec, location]);
+  var themeOverrides = adaptor.themeOverrides();
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.ComponentsProvider, {
+    loadGoogleFonts: themeOverrides.loadGoogleFonts,
+    themeCustomizations: themeOverrides.themeCustomizations
+  }, !initialized ? _react.default.createElement(_components2.Loader, {
+    message: "Initializing",
+    themeOverrides: themeOverrides
+  }) : _react.default.createElement(_components2.ErrorBoundary, {
+    logError: adaptor.logError.bind(adaptor)
   }, _react.default.createElement(_components.Page, {
     style: {
       overflow: 'hidden'
@@ -162,34 +156,59 @@ var ApiExplorer = _ref => {
   }), _react.default.createElement(_components.Layout, {
     hasAside: true,
     height: "100%"
-  }, hasNavigation && _react.default.createElement(AsideBorder, {
-    pt: "large",
-    width: "20rem"
-  }, _react.default.createElement(_components2.SideNav, {
+  }, _react.default.createElement(AsideBorder, {
+    borderRight: true,
+    isOpen: hasNavigation,
+    headless: headless
+  }, headless && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.Space, {
+    alignItems: "center",
+    py: "u3",
+    px: hasNavigation ? 'u5' : '0',
+    justifyContent: hasNavigation ? 'space-between' : 'center'
+  }, hasNavigation && _react.default.createElement(_components.Heading, {
+    as: "h2",
+    fontSize: "xsmall",
+    fontWeight: "bold",
+    color: "text2"
+  }, "API DOCUMENTATION"), _react.default.createElement(_components.IconButton, {
+    size: "xsmall",
+    shape: "round",
+    icon: hasNavigation ? _react.default.createElement(_FirstPage.FirstPage, null) : _react.default.createElement(_LastPage.LastPage, null),
+    label: _components2.HEADER_TOGGLE_LABEL,
+    onClick: () => toggleNavigation()
+  })), hasNavigation && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.Divider, {
+    mb: "u3",
+    appearance: "light"
+  }), _react.default.createElement(_components2.SelectorContainer, {
+    ml: "large",
+    mr: "large",
+    specs: specs,
+    spec: spec,
+    specDispatch: specDispatch
+  }))), hasNavigation && _react.default.createElement(_components2.SideNav, {
     headless: headless,
     specs: specs,
     spec: spec,
     specDispatch: specDispatch
-  })), spec.api && _react.default.createElement(_routes.AppRouter, {
+  })), oauthReturn && _react.default.createElement(_runIt.OAuthScene, null), !oauthReturn && spec.api && _react.default.createElement(_routes.AppRouter, {
     api: spec.api,
     specKey: spec.key,
     specs: specs,
     toggleNavigation: toggleNavigation,
-    envAdaptor: envAdaptor,
+    adaptor: adaptor,
     setVersionsUrl: setVersionsUrl
-  })))))))), !headless && _react.default.createElement(BodyOverride, null));
+  }))))), !headless && _react.default.createElement(BodyOverride, null));
 };
 
+exports.ApiExplorer = ApiExplorer;
 var AsideBorder = (0, _styledComponents.default)(_components.Aside).withConfig({
   displayName: "ApiExplorer__AsideBorder",
   componentId: "sc-1ynh530-0"
-})(["border-right:1px solid ", ";"], _ref4 => {
+})(["width:", ";"], _ref3 => {
   var {
-    theme
-  } = _ref4;
-  return theme.colors.ui2;
+    isOpen,
+    headless
+  } = _ref3;
+  return isOpen ? '20rem' : headless ? '2.75rem' : '0rem';
 });
-exports.AsideBorder = AsideBorder;
-var _default = ApiExplorer;
-exports.default = _default;
 //# sourceMappingURL=ApiExplorer.js.map

package/lib/ApiExplorer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ApiExplorer.tsx"],"names":["BodyOverride","createGlobalStyle","ApiExplorer","specs","envAdaptor","setVersionsUrl","exampleLodeUrl","declarationsLodeUrl","apixFilesHost","headless","location","setSdkLanguageAction","specState","specDispatch","specReducer","spec","searchSettings","setSearchSettings","searchReducer","defaultSearchState","lode","setLode","defaultLodeContextValue","hasNavigation","setHasNavigation","toggleNavigation","target","hasNavigationToggle","e","origin","window","data","action","currentHasNavigation","addEventListener","removeEventListener","loadSpec","api","newSpec","key","then","resp","initSdkLanguage","localStorageGetItem","EnvAdaptorConstants","LOCALSTORAGE_SDK_LANGUAGE_KEY","loadGoogleFonts","themeCustomizations","themeOverrides","logError","bind","overflow","AsideBorder","Aside","theme","colors","ui2"],"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 React, { FC, useReducer, useState, useEffect, useCallback } from 'react'\nimport { useLocation } from 'react-router'\nimport styled, { createGlobalStyle } from 'styled-components'\nimport { Aside, ComponentsProvider, Layout, Page } from '@looker/components'\nimport { SpecList } from '@looker/sdk-codegen'\nimport { loadSpecApi, RunItSetter } from '@looker/run-it'\nimport {\n  SearchContext,\n  LodeContext,\n  defaultLodeContextValue,\n  EnvAdaptorContext,\n} from './context'\nimport { EnvAdaptorConstants, getLoded, IApixEnvAdaptor } from './utils'\nimport { Header, SideNav, ErrorBoundary } from './components'\nimport {\n  specReducer,\n  initDefaultSpecState,\n  searchReducer,\n  defaultSearchState,\n  updateSpecApi,\n} from './reducers'\nimport { AppRouter } from './routes'\nimport { apixFilesHost } from './utils/lodeUtils'\nimport { useActions } from './hooks'\n\nexport interface ApiExplorerProps {\n  specs: SpecList\n  envAdaptor: IApixEnvAdaptor\n  setVersionsUrl: RunItSetter\n  exampleLodeUrl?: string\n  declarationsLodeUrl?: string\n  headless?: boolean\n}\n\nexport const BodyOverride = createGlobalStyle` html { height: 100%; overflow: hidden; } `\n\nconst ApiExplorer: FC<ApiExplorerProps> = ({\n  specs,\n  envAdaptor,\n  setVersionsUrl,\n  exampleLodeUrl = 'https://raw.githubusercontent.com/looker-open-source/sdk-codegen/main/examplesIndex.json',\n  declarationsLodeUrl = `${apixFilesHost}/declarationsIndex.json`,\n  headless = false,\n}) => {\n  const location = useLocation()\n  const { setSdkLanguageAction } = useActions()\n\n  const [specState, specDispatch] = useReducer(\n    specReducer,\n    initDefaultSpecState(specs, location)\n  )\n  const { spec } = specState\n  const [searchSettings, setSearchSettings] = useReducer(\n    searchReducer,\n    defaultSearchState\n  )\n\n  const [lode, setLode] = useState(defaultLodeContextValue)\n\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  useEffect(() => {\n    if (headless) {\n      window.addEventListener('message', hasNavigationToggle)\n    }\n    return () => {\n      if (headless) {\n        window.removeEventListener('message', hasNavigationToggle)\n      }\n    }\n  }, [])\n\n  useEffect(() => {\n    const loadSpec = async () => {\n      if (!spec.api) {\n        const newSpec = { ...spec }\n        const api = await loadSpecApi(newSpec)\n        if (api) {\n          specDispatch(updateSpecApi(spec.key, api))\n        }\n      }\n    }\n    loadSpec()\n  }, [spec])\n\n  useEffect(() => {\n    getLoded(exampleLodeUrl, declarationsLodeUrl).then((resp) => setLode(resp))\n  }, [exampleLodeUrl, declarationsLodeUrl])\n\n  useEffect(() => {\n    const initSdkLanguage = async () => {\n      const resp = await envAdaptor.localStorageGetItem(\n        EnvAdaptorConstants.LOCALSTORAGE_SDK_LANGUAGE_KEY\n      )\n      if (resp) {\n        setSdkLanguageAction(resp)\n      }\n    }\n    initSdkLanguage()\n  }, [envAdaptor, setSdkLanguageAction])\n\n  const { loadGoogleFonts, themeCustomizations } = envAdaptor.themeOverrides()\n\n  return (\n    <>\n      <ComponentsProvider\n        loadGoogleFonts={loadGoogleFonts}\n        themeCustomizations={themeCustomizations}\n      >\n        <ErrorBoundary logError={envAdaptor.logError.bind(envAdaptor)}>\n          <EnvAdaptorContext.Provider value={{ envAdaptor }}>\n            <LodeContext.Provider value={{ ...lode }}>\n              <SearchContext.Provider\n                value={{ searchSettings, setSearchSettings }}\n              >\n                <Page style={{ overflow: 'hidden' }}>\n                  {!headless && (\n                    <Header\n                      specs={specs}\n                      spec={spec}\n                      specDispatch={specDispatch}\n                      toggleNavigation={toggleNavigation}\n                    />\n                  )}\n                  <Layout hasAside height=\"100%\">\n                    {hasNavigation && (\n                      <AsideBorder pt=\"large\" width=\"20rem\">\n                        <SideNav\n                          headless={headless}\n                          specs={specs}\n                          spec={spec}\n                          specDispatch={specDispatch}\n                        />\n                      </AsideBorder>\n                    )}\n                    {spec.api && (\n                      <AppRouter\n                        api={spec.api}\n                        specKey={spec.key}\n                        specs={specs}\n                        toggleNavigation={toggleNavigation}\n                        envAdaptor={envAdaptor}\n                        setVersionsUrl={setVersionsUrl}\n                      />\n                    )}\n                  </Layout>\n                </Page>\n              </SearchContext.Provider>\n            </LodeContext.Provider>\n          </EnvAdaptorContext.Provider>\n        </ErrorBoundary>\n      </ComponentsProvider>\n      {!headless && <BodyOverride />}\n    </>\n  )\n}\n\n/* Border support for `Aside` coming in @looker/components very soon */\nexport const AsideBorder = styled(Aside)`\n  border-right: 1px solid ${({ theme }) => theme.colors.ui2};\n`\n\nexport default ApiExplorer\n"],"file":"ApiExplorer.js"}
+{"version":3,"sources":["../src/ApiExplorer.tsx"],"names":["BodyOverride","createGlobalStyle","ApiExplorer","specs","adaptor","setVersionsUrl","examplesLodeUrl","declarationsLodeUrl","apixFilesHost","headless","initialized","initLodesAction","initSettingsAction","location","oauthReturn","pathname","oAuthPath","specState","specDispatch","specReducer","spec","hasNavigation","setHasNavigation","toggleNavigation","target","hasNavigationToggle","e","origin","window","data","action","currentHasNavigation","addEventListener","removeEventListener","loadSpec","api","newSpec","funFetch","key","error","console","themeOverrides","loadGoogleFonts","themeCustomizations","logError","bind","overflow","HEADER_TOGGLE_LABEL","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, { useReducer, useState, useEffect, useCallback } from 'react'\nimport { useLocation } from 'react-router'\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 type { SpecList } from '@looker/sdk-codegen'\nimport type { RunItSetter } from '@looker/run-it'\nimport { funFetch, fallbackFetch, OAuthScene } from '@looker/run-it'\nimport { FirstPage } from '@styled-icons/material/FirstPage'\nimport { LastPage } from '@styled-icons/material/LastPage'\n\nimport type { IEnvironmentAdaptor } from '@looker/extension-utils'\nimport {\n  registerEnvAdaptor,\n  unregisterEnvAdaptor,\n} from '@looker/extension-utils'\nimport { oAuthPath } from './utils'\nimport {\n  Header,\n  SideNav,\n  ErrorBoundary,\n  Loader,\n  SelectorContainer,\n  HEADER_TOGGLE_LABEL,\n} from './components'\nimport { specReducer, initDefaultSpecState, updateSpecApi } from './reducers'\nimport { AppRouter } from './routes'\nimport { apixFilesHost } from './utils/lodeUtils'\nimport {\n  useSettingActions,\n  useSettingStoreState,\n  useLodeActions,\n  useLodesStoreState,\n} from './state'\n\nexport interface ApiExplorerProps {\n  specs: SpecList\n  adaptor: IEnvironmentAdaptor\n  setVersionsUrl: RunItSetter\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  specs,\n  adaptor,\n  setVersionsUrl,\n  examplesLodeUrl = 'https://raw.githubusercontent.com/looker-open-source/sdk-codegen/main/examplesIndex.json',\n  declarationsLodeUrl = `${apixFilesHost}/declarationsIndex.json`,\n  headless = false,\n}) => {\n  const { initialized } = useSettingStoreState()\n  useLodesStoreState()\n  const { initLodesAction } = useLodeActions()\n  const { initSettingsAction } = useSettingActions()\n  const location = useLocation()\n  const oauthReturn = location.pathname === `/${oAuthPath}`\n  const [specState, specDispatch] = useReducer(\n    specReducer,\n    initDefaultSpecState(specs, location)\n  )\n  const { spec } = specState\n\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  useEffect(() => {\n    registerEnvAdaptor(adaptor)\n    initSettingsAction()\n    initLodesAction({ examplesLodeUrl, declarationsLodeUrl })\n\n    return () => unregisterEnvAdaptor()\n  }, [])\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  useEffect(() => {\n    const loadSpec = async () => {\n      if (!spec.api) {\n        try {\n          const newSpec = { ...spec }\n          const api = await fallbackFetch(newSpec, funFetch)\n          if (api) {\n            spec.api = api\n            specDispatch(updateSpecApi(spec.key, api))\n          }\n        } catch (error) {\n          console.error(error)\n        }\n      }\n    }\n    if (!oauthReturn) {\n      loadSpec()\n    }\n  }, [spec, location])\n\n  const themeOverrides = adaptor.themeOverrides()\n\n  return (\n    <>\n      <ComponentsProvider\n        loadGoogleFonts={themeOverrides.loadGoogleFonts}\n        themeCustomizations={themeOverrides.themeCustomizations}\n      >\n        {!initialized ? (\n          <Loader message=\"Initializing\" themeOverrides={themeOverrides} />\n        ) : (\n          <ErrorBoundary logError={adaptor.logError.bind(adaptor)}>\n            <Page style={{ overflow: 'hidden' }}>\n              {!headless && (\n                <Header\n                  specs={specs}\n                  spec={spec}\n                  specDispatch={specDispatch}\n                  toggleNavigation={toggleNavigation}\n                />\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                            ml=\"large\"\n                            mr=\"large\"\n                            specs={specs}\n                            spec={spec}\n                            specDispatch={specDispatch}\n                          />\n                        </>\n                      )}\n                    </>\n                  )}\n                  {hasNavigation && (\n                    <SideNav\n                      headless={headless}\n                      specs={specs}\n                      spec={spec}\n                      specDispatch={specDispatch}\n                    />\n                  )}\n                </AsideBorder>\n                {oauthReturn && <OAuthScene />}\n                {!oauthReturn && spec.api && (\n                  <AppRouter\n                    api={spec.api}\n                    specKey={spec.key}\n                    specs={specs}\n                    toggleNavigation={toggleNavigation}\n                    adaptor={adaptor}\n                    setVersionsUrl={setVersionsUrl}\n                  />\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/App.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/App.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _styledComponents = require("styled-components");
+
+var _StandaloneApiExplorer = require("./StandaloneApiExplorer");
+
+var _templateObject;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var BodyReset = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  body {\n    margin: 0;\n  }\n"])));
+var basename = window.LOOKER_DEV_PORTAL ? window.LOOKER_DEV_PORTAL.basename : undefined;
+var versionsUrl = new URL('versions.json', window.location.origin).toString();
+
+_reactDom.default.render(_react.default.createElement(_reactRouterDom.BrowserRouter, {
+  basename: basename
+}, _react.default.createElement(_StandaloneApiExplorer.StandaloneApiExplorer, {
+  versionsUrl: versionsUrl,
+  headless: !!basename
+}), _react.default.createElement(BodyReset, null)), document.getElementById('container'));
+//# sourceMappingURL=App.js.map

package/lib/App.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/App.tsx"],"names":["BodyReset","createGlobalStyle","basename","window","LOOKER_DEV_PORTAL","undefined","versionsUrl","URL","location","origin","toString","ReactDOM","render","document","getElementById"],"mappings":";;AA0BA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,SAAS,OAAGC,mCAAH,uGAAf;AAMA,IAAMC,QAAQ,GAAIC,MAAD,CAAgBC,iBAAhB,GACZD,MAAD,CAAgBC,iBAAhB,CAAkCF,QADrB,GAEbG,SAFJ;AAIA,IAAMC,WAAW,GAAG,IAAIC,GAAJ,CAClB,eADkB,EAEjBJ,MAAD,CAAgBK,QAAhB,CAAyBC,MAFP,EAGlBC,QAHkB,EAApB;;AAKAC,kBAASC,MAAT,CACE,6BAAC,6BAAD;AAAQ,EAAA,QAAQ,EAAEV;AAAlB,GACE,6BAAC,4CAAD;AAAuB,EAAA,WAAW,EAAEI,WAApC;AAAiD,EAAA,QAAQ,EAAE,CAAC,CAACJ;AAA7D,EADF,EAEE,6BAAC,SAAD,OAFF,CADF,EAKEW,QAAQ,CAACC,cAAT,CAAwB,WAAxB,CALF","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 React from 'react'\nimport { BrowserRouter as Router } from 'react-router-dom'\nimport ReactDOM from 'react-dom'\nimport { createGlobalStyle } from 'styled-components'\nimport { StandaloneApiExplorer } from './StandaloneApiExplorer'\n\nconst BodyReset = createGlobalStyle`\n  body {\n    margin: 0;\n  }\n`\n\nconst basename = (window as any).LOOKER_DEV_PORTAL\n  ? (window as any).LOOKER_DEV_PORTAL.basename\n  : undefined\n\nconst versionsUrl = new URL(\n  'versions.json',\n  (window as any).location.origin\n).toString()\n\nReactDOM.render(\n  <Router basename={basename}>\n    <StandaloneApiExplorer versionsUrl={versionsUrl} headless={!!basename} />\n    <BodyReset />\n  </Router>,\n  document.getElementById('container')\n)\n"],"file":"App.js"}

package/lib/StandaloneApiExplorer.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 export interface StandaloneApiExplorerProps {
     headless?: boolean;
     versionsUrl: string;