@looker/api-explorer 0.9.21 → 0.9.26

package/lib/components/SideNav/SideNav.js

@@ -13,14 +13,14 @@ var _components = require("@looker/components");
 
 var _sdkCodegen = require("@looker/sdk-codegen");
 
-var _context = require("../../context");
-
-var _reducers = require("../../reducers");
+var _reactRedux = require("react-redux");
 
 var _utils = require("../../utils");
 
 var _Header = require("../Header");
 
+var _state = require("../../state");
+
 var _SideNavMethodTags = require("./SideNavMethodTags");
 
 var _SideNavTypeTags = require("./SideNavTypeTags");
@@ -42,7 +42,6 @@ var SideNav = _ref => {
   } = _ref;
   var history = (0, _reactRouterDom.useHistory)();
   var location = (0, _reactRouterDom.useLocation)();
-  var api = spec.api || {};
   var specKey = spec.key;
   var tabNames = ['methods', 'types'];
   var pathParts = location.pathname.split('/');
@@ -73,19 +72,30 @@ var SideNav = _ref => {
     defaultIndex,
     onChange: onTabChange
   });
+  var searchCriteria = (0, _reactRedux.useSelector)(_state.selectSearchCriteria);
   var {
-    searchSettings,
-    setSearchSettings
-  } = (0, _react.useContext)(_context.SearchContext);
-  var [pattern, setSearchPattern] = (0, _react.useState)(searchSettings.pattern);
+    setSearchPatternAction
+  } = (0, _state.useSettingActions)();
+  var [pattern, setSearchPattern] = (0, _react.useState)('');
   var debouncedPattern = (0, _searchUtils.useDebounce)(pattern, 250);
-  var [searchResults, setSearchResults] = (0, _react.useState)();
-  var searchCriteria = (0, _sdkCodegen.CriteriaToSet)(searchSettings.criteria);
-  var [tags, setTags] = (0, _react.useState)(api.tags || {});
-  var [typeTags, setTypeTags] = (0, _react.useState)(api.typeTags || {});
-  var [types, setTypes] = (0, _react.useState)(api.types || {});
-  var [methodCount, setMethodCount] = (0, _react.useState)((0, _searchUtils.countMethods)(tags));
-  var [typeCount, setTypeCount] = (0, _react.useState)((0, _searchUtils.countTypes)(types));
+  var [sideNavState, setSideNavState] = (0, _react.useState)(() => {
+    var _spec$api, _spec$api2, _spec$api3, _spec$api4;
+
+    return {
+      tags: (spec === null || spec === void 0 ? void 0 : (_spec$api = spec.api) === null || _spec$api === void 0 ? void 0 : _spec$api.tags) || {},
+      typeTags: (spec === null || spec === void 0 ? void 0 : (_spec$api2 = spec.api) === null || _spec$api2 === void 0 ? void 0 : _spec$api2.typeTags) || {},
+      methodCount: (0, _searchUtils.countMethods)((spec === null || spec === void 0 ? void 0 : (_spec$api3 = spec.api) === null || _spec$api3 === void 0 ? void 0 : _spec$api3.tags) || {}),
+      typeCount: (0, _searchUtils.countTypes)((spec === null || spec === void 0 ? void 0 : (_spec$api4 = spec.api) === null || _spec$api4 === void 0 ? void 0 : _spec$api4.types) || {}),
+      searchResults: undefined
+    };
+  });
+  var {
+    tags,
+    typeTags,
+    methodCount,
+    typeCount,
+    searchResults
+  } = sideNavState;
 
   var handleInputChange = value => {
     setSearchPattern(value);
@@ -96,9 +106,10 @@ var SideNav = _ref => {
     var newTags;
     var newTypes;
     var newTypeTags;
+    var api = spec.api || {};
 
     if (debouncedPattern && api.search) {
-      results = api.search(pattern, searchCriteria);
+      results = api.search(pattern, (0, _sdkCodegen.criteriaToSet)(searchCriteria));
       newTags = results.tags;
       newTypes = results.types;
       newTypeTags = (0, _sdkCodegen.tagTypes)(api, results.types);
@@ -108,14 +119,17 @@ var SideNav = _ref => {
       newTypeTags = api.typeTags || {};
     }
 
-    setTags(newTags);
-    setTypes(newTypes);
-    setTypeTags(newTypeTags);
-    setMethodCount((0, _searchUtils.countMethods)(newTags));
-    setTypeCount((0, _searchUtils.countTypes)(newTypes));
-    setSearchResults(results);
-    setSearchSettings((0, _reducers.setPattern)(debouncedPattern));
-  }, [debouncedPattern, specKey, spec]);
+    setSideNavState({
+      tags: newTags,
+      typeTags: newTypeTags,
+      typeCount: (0, _searchUtils.countTypes)(newTypes),
+      methodCount: (0, _searchUtils.countMethods)(newTags),
+      searchResults: results
+    });
+    setSearchPatternAction({
+      searchPattern: debouncedPattern
+    });
+  }, [debouncedPattern, specKey, spec, setSearchPatternAction, pattern, searchCriteria]);
   (0, _react.useEffect)(() => {
     var {
       selectedIndex,
@@ -138,8 +152,7 @@ var SideNav = _ref => {
     onChange: handleInputChange,
     placeholder: "Search",
     value: pattern,
-    isClearable: true,
-    changeOnSelect: true
+    isClearable: true
   }), _react.default.createElement(_SearchMessage.SearchMessage, {
     search: searchResults
   }), _react.default.createElement(_components.TabList, _extends({}, tabs, {

package/lib/components/SideNav/SideNav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SideNav/SideNav.tsx"],"names":["SideNav","headless","spec","history","location","api","specKey","key","tabNames","pathParts","pathname","split","sideNavTab","defaultIndex","indexOf","onTabChange","index","parts","push","join","tabs","onChange","searchSettings","setSearchSettings","SearchContext","pattern","setSearchPattern","debouncedPattern","searchResults","setSearchResults","searchCriteria","criteria","tags","setTags","typeTags","setTypeTags","types","setTypes","methodCount","setMethodCount","typeCount","setTypeCount","handleInputChange","value","results","newTags","newTypes","newTypeTags","search","selectedIndex","onSelectTab","size","headlessOffset","menuH","height","HEADER_REM"],"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, Dispatch } from 'react'\nimport React, { useContext, useEffect, useState } from 'react'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport {\n  TabList,\n  Tab,\n  TabPanel,\n  TabPanels,\n  useTabs,\n  InputSearch,\n} from '@looker/components'\nimport type {\n  SpecItem,\n  SpecList,\n  ISearchResult,\n  ApiModel,\n} from '@looker/sdk-codegen'\nimport { CriteriaToSet, tagTypes } from '@looker/sdk-codegen'\n\nimport { SearchContext } from '../../context'\nimport type { SpecAction } from '../../reducers'\nimport { setPattern } from '../../reducers'\nimport { useWindowSize } from '../../utils'\nimport { HEADER_REM } from '../Header'\nimport { SideNavMethodTags } from './SideNavMethodTags'\nimport { SideNavTypeTags } from './SideNavTypeTags'\nimport { useDebounce, countMethods, countTypes } from './searchUtils'\nimport { SearchMessage } from './SearchMessage'\n\ninterface SideNavProps {\n  headless?: boolean\n  /** Specs to choose from */\n  specs: SpecList\n  /** Current selected spec */\n  spec: SpecItem\n  /** Spec state setter */\n  specDispatch: Dispatch<SpecAction>\n}\n\nexport const SideNav: FC<SideNavProps> = ({ headless = false, spec }) => {\n  const history = useHistory()\n  const location = useLocation()\n  const api = spec.api || ({} as ApiModel)\n  const specKey = spec.key\n  const tabNames = ['methods', 'types']\n  const pathParts = location.pathname.split('/')\n  const sideNavTab = pathParts[1] === 'diff' ? pathParts[3] : pathParts[2]\n  let defaultIndex = tabNames.indexOf(sideNavTab)\n  if (defaultIndex < 0) {\n    defaultIndex = tabNames.indexOf('methods')\n  }\n  const onTabChange = (index: number) => {\n    const parts = location.pathname.split('/')\n    if (parts[1] === 'diff') {\n      if (parts[3] !== tabNames[index]) {\n        parts[3] = tabNames[index]\n        history.push(parts.join('/'))\n      }\n    } else {\n      if (parts[2] !== tabNames[index]) {\n        parts[2] = tabNames[index]\n        history.push(parts.join('/'))\n      }\n    }\n  }\n  const tabs = useTabs({ defaultIndex, onChange: onTabChange })\n  const { searchSettings, setSearchSettings } = useContext(SearchContext)\n  const [pattern, setSearchPattern] = useState(searchSettings.pattern)\n  const debouncedPattern = useDebounce(pattern, 250)\n  const [searchResults, setSearchResults] = useState<ISearchResult>()\n  const searchCriteria = CriteriaToSet(searchSettings.criteria)\n  const [tags, setTags] = useState(api.tags || {})\n  const [typeTags, setTypeTags] = useState(api.typeTags || {})\n  const [types, setTypes] = useState(api.types || {})\n  const [methodCount, setMethodCount] = useState(countMethods(tags))\n  const [typeCount, setTypeCount] = useState(countTypes(types))\n\n  const handleInputChange = (value: string) => {\n    setSearchPattern(value)\n  }\n\n  useEffect(() => {\n    let results\n    let newTags\n    let newTypes\n    let newTypeTags\n    if (debouncedPattern && api.search) {\n      results = api.search(pattern, searchCriteria)\n      newTags = results.tags\n      newTypes = results.types\n      newTypeTags = tagTypes(api, results.types)\n    } else {\n      newTags = api.tags || {}\n      newTypes = api.types || {}\n      newTypeTags = api.typeTags || {}\n    }\n\n    setTags(newTags)\n    setTypes(newTypes)\n    setTypeTags(newTypeTags)\n    setMethodCount(countMethods(newTags))\n    setTypeCount(countTypes(newTypes))\n    setSearchResults(results)\n    setSearchSettings(setPattern(debouncedPattern!))\n  }, [debouncedPattern, specKey, spec])\n\n  useEffect(() => {\n    const { selectedIndex, onSelectTab } = tabs\n    if (defaultIndex !== selectedIndex) {\n      onSelectTab(defaultIndex)\n    }\n  }, [defaultIndex, tabs])\n\n  const size = useWindowSize()\n  const headlessOffset = headless ? 200 : 120\n  const menuH = size.height - 16 * HEADER_REM - headlessOffset\n\n  return (\n    <nav>\n      <InputSearch\n        pl=\"large\"\n        pr=\"large\"\n        pb=\"large\"\n        pt={headless ? 'u3' : 'large'}\n        aria-label=\"Search\"\n        onChange={handleInputChange}\n        placeholder=\"Search\"\n        value={pattern}\n        isClearable\n        changeOnSelect\n      />\n      <SearchMessage search={searchResults} />\n      <TabList {...tabs} distribute>\n        <Tab>Methods ({methodCount})</Tab>\n        <Tab>Types ({typeCount})</Tab>\n      </TabList>\n      <TabPanels {...tabs} pt=\"xsmall\" height={`${menuH}px`} overflow=\"auto\">\n        <TabPanel>\n          <SideNavMethodTags\n            tags={tags}\n            specKey={specKey}\n            defaultOpen={!!searchResults}\n          />\n        </TabPanel>\n        <TabPanel>\n          <SideNavTypeTags\n            tags={typeTags}\n            specKey={specKey}\n            defaultOpen={!!searchResults}\n          />\n        </TabPanel>\n      </TabPanels>\n    </nav>\n  )\n}\n"],"file":"SideNav.js"}
+{"version":3,"sources":["../../../src/components/SideNav/SideNav.tsx"],"names":["SideNav","headless","spec","history","location","specKey","key","tabNames","pathParts","pathname","split","sideNavTab","defaultIndex","indexOf","onTabChange","index","parts","push","join","tabs","onChange","searchCriteria","selectSearchCriteria","setSearchPatternAction","pattern","setSearchPattern","debouncedPattern","sideNavState","setSideNavState","tags","api","typeTags","methodCount","typeCount","types","searchResults","undefined","handleInputChange","value","results","newTags","newTypes","newTypeTags","search","searchPattern","selectedIndex","onSelectTab","size","headlessOffset","menuH","height","HEADER_REM"],"mappings":";;;;;;;AA2BA;;AACA;;AACA;;AAgBA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAoBO,IAAMA,OAAyB,GAAG,QAAgC;AAAA,MAA/B;AAAEC,IAAAA,QAAQ,GAAG,KAAb;AAAoBC,IAAAA;AAApB,GAA+B;AACvE,MAAMC,OAAO,GAAG,iCAAhB;AACA,MAAMC,QAAQ,GAAG,kCAAjB;AACA,MAAMC,OAAO,GAAGH,IAAI,CAACI,GAArB;AACA,MAAMC,QAAQ,GAAG,CAAC,SAAD,EAAY,OAAZ,CAAjB;AACA,MAAMC,SAAS,GAAGJ,QAAQ,CAACK,QAAT,CAAkBC,KAAlB,CAAwB,GAAxB,CAAlB;AACA,MAAMC,UAAU,GAAGH,SAAS,CAAC,CAAD,CAAT,KAAiB,MAAjB,GAA0BA,SAAS,CAAC,CAAD,CAAnC,GAAyCA,SAAS,CAAC,CAAD,CAArE;AACA,MAAII,YAAY,GAAGL,QAAQ,CAACM,OAAT,CAAiBF,UAAjB,CAAnB;;AACA,MAAIC,YAAY,GAAG,CAAnB,EAAsB;AACpBA,IAAAA,YAAY,GAAGL,QAAQ,CAACM,OAAT,CAAiB,SAAjB,CAAf;AACD;;AACD,MAAMC,WAAW,GAAIC,KAAD,IAAmB;AACrC,QAAMC,KAAK,GAAGZ,QAAQ,CAACK,QAAT,CAAkBC,KAAlB,CAAwB,GAAxB,CAAd;;AACA,QAAIM,KAAK,CAAC,CAAD,CAAL,KAAa,MAAjB,EAAyB;AACvB,UAAIA,KAAK,CAAC,CAAD,CAAL,KAAaT,QAAQ,CAACQ,KAAD,CAAzB,EAAkC;AAChCC,QAAAA,KAAK,CAAC,CAAD,CAAL,GAAWT,QAAQ,CAACQ,KAAD,CAAnB;AACAZ,QAAAA,OAAO,CAACc,IAAR,CAAaD,KAAK,CAACE,IAAN,CAAW,GAAX,CAAb;AACD;AACF,KALD,MAKO;AACL,UAAIF,KAAK,CAAC,CAAD,CAAL,KAAaT,QAAQ,CAACQ,KAAD,CAAzB,EAAkC;AAChCC,QAAAA,KAAK,CAAC,CAAD,CAAL,GAAWT,QAAQ,CAACQ,KAAD,CAAnB;AACAZ,QAAAA,OAAO,CAACc,IAAR,CAAaD,KAAK,CAACE,IAAN,CAAW,GAAX,CAAb;AACD;AACF;AACF,GAbD;;AAcA,MAAMC,IAAI,GAAG,yBAAQ;AAAEP,IAAAA,YAAF;AAAgBQ,IAAAA,QAAQ,EAAEN;AAA1B,GAAR,CAAb;AACA,MAAMO,cAAc,GAAG,6BAAYC,2BAAZ,CAAvB;AACA,MAAM;AAAEC,IAAAA;AAAF,MAA6B,+BAAnC;AAEA,MAAM,CAACC,OAAD,EAAUC,gBAAV,IAA8B,qBAAS,EAAT,CAApC;AACA,MAAMC,gBAAgB,GAAG,8BAAYF,OAAZ,EAAqB,GAArB,CAAzB;AACA,MAAM,CAACG,YAAD,EAAeC,eAAf,IAAkC,qBAAuB;AAAA;;AAAA,WAAO;AACpEC,MAAAA,IAAI,EAAE,CAAA3B,IAAI,SAAJ,IAAAA,IAAI,WAAJ,yBAAAA,IAAI,CAAE4B,GAAN,wDAAWD,IAAX,KAAmB,EAD2C;AAEpEE,MAAAA,QAAQ,EAAE,CAAA7B,IAAI,SAAJ,IAAAA,IAAI,WAAJ,0BAAAA,IAAI,CAAE4B,GAAN,0DAAWC,QAAX,KAAuB,EAFmC;AAGpEC,MAAAA,WAAW,EAAE,+BAAa,CAAA9B,IAAI,SAAJ,IAAAA,IAAI,WAAJ,0BAAAA,IAAI,CAAE4B,GAAN,0DAAWD,IAAX,KAAmB,EAAhC,CAHuD;AAIpEI,MAAAA,SAAS,EAAE,6BAAW,CAAA/B,IAAI,SAAJ,IAAAA,IAAI,WAAJ,0BAAAA,IAAI,CAAE4B,GAAN,0DAAWI,KAAX,KAAoB,EAA/B,CAJyD;AAKpEC,MAAAA,aAAa,EAAEC;AALqD,KAAP;AAAA,GAAvB,CAAxC;AAOA,MAAM;AAAEP,IAAAA,IAAF;AAAQE,IAAAA,QAAR;AAAkBC,IAAAA,WAAlB;AAA+BC,IAAAA,SAA/B;AAA0CE,IAAAA;AAA1C,MAA4DR,YAAlE;;AAEA,MAAMU,iBAAiB,GAAIC,KAAD,IAAmB;AAC3Cb,IAAAA,gBAAgB,CAACa,KAAD,CAAhB;AACD,GAFD;;AAIA,wBAAU,MAAM;AACd,QAAIC,OAAJ;AACA,QAAIC,OAAJ;AACA,QAAIC,QAAJ;AACA,QAAIC,WAAJ;AACA,QAAMZ,GAAG,GAAG5B,IAAI,CAAC4B,GAAL,IAAa,EAAzB;;AAEA,QAAIJ,gBAAgB,IAAII,GAAG,CAACa,MAA5B,EAAoC;AAClCJ,MAAAA,OAAO,GAAGT,GAAG,CAACa,MAAJ,CAAWnB,OAAX,EAAoB,+BAAcH,cAAd,CAApB,CAAV;AACAmB,MAAAA,OAAO,GAAGD,OAAO,CAACV,IAAlB;AACAY,MAAAA,QAAQ,GAAGF,OAAO,CAACL,KAAnB;AACAQ,MAAAA,WAAW,GAAG,0BAASZ,GAAT,EAAcS,OAAO,CAACL,KAAtB,CAAd;AACD,KALD,MAKO;AACLM,MAAAA,OAAO,GAAGV,GAAG,CAACD,IAAJ,IAAY,EAAtB;AACAY,MAAAA,QAAQ,GAAGX,GAAG,CAACI,KAAJ,IAAa,EAAxB;AACAQ,MAAAA,WAAW,GAAGZ,GAAG,CAACC,QAAJ,IAAgB,EAA9B;AACD;;AAEDH,IAAAA,eAAe,CAAC;AACdC,MAAAA,IAAI,EAAEW,OADQ;AAEdT,MAAAA,QAAQ,EAAEW,WAFI;AAGdT,MAAAA,SAAS,EAAE,6BAAWQ,QAAX,CAHG;AAIdT,MAAAA,WAAW,EAAE,+BAAaQ,OAAb,CAJC;AAKdL,MAAAA,aAAa,EAAEI;AALD,KAAD,CAAf;AAOAhB,IAAAA,sBAAsB,CAAC;AAAEqB,MAAAA,aAAa,EAAElB;AAAjB,KAAD,CAAtB;AACD,GA1BD,EA0BG,CACDA,gBADC,EAEDrB,OAFC,EAGDH,IAHC,EAIDqB,sBAJC,EAKDC,OALC,EAMDH,cANC,CA1BH;AAmCA,wBAAU,MAAM;AACd,QAAM;AAAEwB,MAAAA,aAAF;AAAiBC,MAAAA;AAAjB,QAAiC3B,IAAvC;;AACA,QAAIP,YAAY,KAAKiC,aAArB,EAAoC;AAClCC,MAAAA,WAAW,CAAClC,YAAD,CAAX;AACD;AACF,GALD,EAKG,CAACA,YAAD,EAAeO,IAAf,CALH;AAOA,MAAM4B,IAAI,GAAG,2BAAb;AACA,MAAMC,cAAc,GAAG/C,QAAQ,GAAG,GAAH,GAAS,GAAxC;AACA,MAAMgD,KAAK,GAAGF,IAAI,CAACG,MAAL,GAAc,KAAKC,kBAAnB,GAAgCH,cAA9C;AAEA,SACE,0CACE,6BAAC,uBAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,EAAE,EAAC,OAFL;AAGE,IAAA,EAAE,EAAC,OAHL;AAIE,IAAA,EAAE,EAAE/C,QAAQ,GAAG,IAAH,GAAU,OAJxB;AAKE,kBAAW,QALb;AAME,IAAA,QAAQ,EAAEoC,iBANZ;AAOE,IAAA,WAAW,EAAC,QAPd;AAQE,IAAA,KAAK,EAAEb,OART;AASE,IAAA,WAAW;AATb,IADF,EAYE,6BAAC,4BAAD;AAAe,IAAA,MAAM,EAAEW;AAAvB,IAZF,EAaE,6BAAC,mBAAD,eAAahB,IAAb;AAAmB,IAAA,UAAU;AAA7B,MACE,6BAAC,eAAD,qBAAea,WAAf,MADF,EAEE,6BAAC,eAAD,mBAAaC,SAAb,MAFF,CAbF,EAiBE,6BAAC,qBAAD,eAAed,IAAf;AAAqB,IAAA,EAAE,EAAC,QAAxB;AAAiC,IAAA,MAAM,YAAK8B,KAAL,OAAvC;AAAuD,IAAA,QAAQ,EAAC;AAAhE,MACE,6BAAC,oBAAD,QACE,6BAAC,oCAAD;AACE,IAAA,IAAI,EAAEpB,IADR;AAEE,IAAA,OAAO,EAAExB,OAFX;AAGE,IAAA,WAAW,EAAE,CAAC,CAAC8B;AAHjB,IADF,CADF,EAQE,6BAAC,oBAAD,QACE,6BAAC,gCAAD;AACE,IAAA,IAAI,EAAEJ,QADR;AAEE,IAAA,OAAO,EAAE1B,OAFX;AAGE,IAAA,WAAW,EAAE,CAAC,CAAC8B;AAHjB,IADF,CARF,CAjBF,CADF;AAoCD,CA9HM","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, Dispatch } from 'react'\nimport React, { useEffect, useState } from 'react'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport {\n  TabList,\n  Tab,\n  TabPanel,\n  TabPanels,\n  useTabs,\n  InputSearch,\n} from '@looker/components'\nimport type {\n  SpecItem,\n  SpecList,\n  ISearchResult,\n  ApiModel,\n  TagList,\n  TypeTagList,\n} from '@looker/sdk-codegen'\nimport { criteriaToSet, tagTypes } from '@looker/sdk-codegen'\nimport { useSelector } from 'react-redux'\n\nimport type { SpecAction } from '../../reducers'\nimport { useWindowSize } from '../../utils'\nimport { HEADER_REM } from '../Header'\nimport { selectSearchCriteria, useSettingActions } from '../../state'\nimport { SideNavMethodTags } from './SideNavMethodTags'\nimport { SideNavTypeTags } from './SideNavTypeTags'\nimport { useDebounce, countMethods, countTypes } from './searchUtils'\nimport { SearchMessage } from './SearchMessage'\n\ninterface SideNavState {\n  tags: TagList\n  typeTags: TypeTagList\n  methodCount: number\n  typeCount: number\n  searchResults?: ISearchResult\n}\n\ninterface SideNavProps {\n  headless?: boolean\n  /** Specs to choose from */\n  specs: SpecList\n  /** Current selected spec */\n  spec: SpecItem\n  /** Spec state setter */\n  specDispatch: Dispatch<SpecAction>\n}\n\nexport const SideNav: FC<SideNavProps> = ({ headless = false, spec }) => {\n  const history = useHistory()\n  const location = useLocation()\n  const specKey = spec.key\n  const tabNames = ['methods', 'types']\n  const pathParts = location.pathname.split('/')\n  const sideNavTab = pathParts[1] === 'diff' ? pathParts[3] : pathParts[2]\n  let defaultIndex = tabNames.indexOf(sideNavTab)\n  if (defaultIndex < 0) {\n    defaultIndex = tabNames.indexOf('methods')\n  }\n  const onTabChange = (index: number) => {\n    const parts = location.pathname.split('/')\n    if (parts[1] === 'diff') {\n      if (parts[3] !== tabNames[index]) {\n        parts[3] = tabNames[index]\n        history.push(parts.join('/'))\n      }\n    } else {\n      if (parts[2] !== tabNames[index]) {\n        parts[2] = tabNames[index]\n        history.push(parts.join('/'))\n      }\n    }\n  }\n  const tabs = useTabs({ defaultIndex, onChange: onTabChange })\n  const searchCriteria = useSelector(selectSearchCriteria)\n  const { setSearchPatternAction } = useSettingActions()\n\n  const [pattern, setSearchPattern] = useState('')\n  const debouncedPattern = useDebounce(pattern, 250)\n  const [sideNavState, setSideNavState] = useState<SideNavState>(() => ({\n    tags: spec?.api?.tags || {},\n    typeTags: spec?.api?.typeTags || {},\n    methodCount: countMethods(spec?.api?.tags || {}),\n    typeCount: countTypes(spec?.api?.types || {}),\n    searchResults: undefined,\n  }))\n  const { tags, typeTags, methodCount, typeCount, searchResults } = sideNavState\n\n  const handleInputChange = (value: string) => {\n    setSearchPattern(value)\n  }\n\n  useEffect(() => {\n    let results\n    let newTags\n    let newTypes\n    let newTypeTags\n    const api = spec.api || ({} as ApiModel)\n\n    if (debouncedPattern && api.search) {\n      results = api.search(pattern, criteriaToSet(searchCriteria))\n      newTags = results.tags\n      newTypes = results.types\n      newTypeTags = tagTypes(api, results.types)\n    } else {\n      newTags = api.tags || {}\n      newTypes = api.types || {}\n      newTypeTags = api.typeTags || {}\n    }\n\n    setSideNavState({\n      tags: newTags,\n      typeTags: newTypeTags,\n      typeCount: countTypes(newTypes),\n      methodCount: countMethods(newTags),\n      searchResults: results,\n    })\n    setSearchPatternAction({ searchPattern: debouncedPattern })\n  }, [\n    debouncedPattern,\n    specKey,\n    spec,\n    setSearchPatternAction,\n    pattern,\n    searchCriteria,\n  ])\n\n  useEffect(() => {\n    const { selectedIndex, onSelectTab } = tabs\n    if (defaultIndex !== selectedIndex) {\n      onSelectTab(defaultIndex)\n    }\n  }, [defaultIndex, tabs])\n\n  const size = useWindowSize()\n  const headlessOffset = headless ? 200 : 120\n  const menuH = size.height - 16 * HEADER_REM - headlessOffset\n\n  return (\n    <nav>\n      <InputSearch\n        pl=\"large\"\n        pr=\"large\"\n        pb=\"large\"\n        pt={headless ? 'u3' : 'large'}\n        aria-label=\"Search\"\n        onChange={handleInputChange}\n        placeholder=\"Search\"\n        value={pattern}\n        isClearable\n      />\n      <SearchMessage search={searchResults} />\n      <TabList {...tabs} distribute>\n        <Tab>Methods ({methodCount})</Tab>\n        <Tab>Types ({typeCount})</Tab>\n      </TabList>\n      <TabPanels {...tabs} pt=\"xsmall\" height={`${menuH}px`} overflow=\"auto\">\n        <TabPanel>\n          <SideNavMethodTags\n            tags={tags}\n            specKey={specKey}\n            defaultOpen={!!searchResults}\n          />\n        </TabPanel>\n        <TabPanel>\n          <SideNavTypeTags\n            tags={typeTags}\n            specKey={specKey}\n            defaultOpen={!!searchResults}\n          />\n        </TabPanel>\n      </TabPanels>\n    </nav>\n  )\n}\n"],"file":"SideNav.js"}

package/lib/components/SideNav/SideNavMethods.js

@@ -11,13 +11,15 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _components = require("@looker/components");
 
+var _reactRedux = require("react-redux");
+
 var _reactRouterDom = require("react-router-dom");
 
 var _Link = require("../Link");
 
 var _utils = require("../../utils");
 
-var _context = require("../../context");
+var _state = require("../../state");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -33,11 +35,7 @@ var SideNavMethods = (0, _styledComponents.default)(_ref => {
     specKey,
     defaultOpen = false
   } = _ref;
-  var {
-    searchSettings: {
-      pattern
-    }
-  } = (0, _react.useContext)(_context.SearchContext);
+  var searchPattern = (0, _reactRedux.useSelector)(_state.selectSearchPattern);
   var match = (0, _reactRouterDom.useRouteMatch)("/:specKey/methods/:methodTag/:methodName?");
   var [isOpen, setIsOpen] = (0, _react.useState)(defaultOpen);
   var history = (0, _reactRouterDom.useHistory)();
@@ -52,7 +50,7 @@ var SideNavMethods = (0, _styledComponents.default)(_ref => {
   (0, _react.useEffect)(() => {
     var status = match ? defaultOpen || match.params.methodTag === tag : defaultOpen;
     setIsOpen(status);
-  }, [defaultOpen, match]);
+  }, [defaultOpen, match, tag]);
   return _react.default.createElement(_components.Accordion2, {
     isOpen: isOpen,
     toggleOpen: handleOpen,
@@ -61,12 +59,12 @@ var SideNavMethods = (0, _styledComponents.default)(_ref => {
       as: "h4",
       fontSize: "small",
       py: "xsmall"
-    }, (0, _utils.highlightHTML)(pattern, tag))
+    }, (0, _utils.highlightHTML)(searchPattern, tag))
   }, _react.default.createElement("ul", null, Object.values(methods).map(method => _react.default.createElement("li", {
     key: method.name
   }, _react.default.createElement(_Link.Link, {
     to: "".concat((0, _utils.buildMethodPath)(specKey, tag, method.name))
-  }, (0, _utils.highlightHTML)(pattern, method.summary))))));
+  }, (0, _utils.highlightHTML)(searchPattern, method.summary))))));
 }).withConfig({
   displayName: "SideNavMethods",
   componentId: "sc-1qqmwk8-0"

package/lib/components/SideNav/SideNavMethods.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SideNav/SideNavMethods.tsx"],"names":["SideNavMethods","className","methods","tag","specKey","defaultOpen","searchSettings","pattern","SearchContext","match","isOpen","setIsOpen","history","handleOpen","_isOpen","push","status","params","methodTag","Object","values","map","method","name","summary","theme","fonts","brand","colors","key","fontWeights","semiBold","ui2","space","xxsmall","ui1","Link","radii","medium","xsmall"],"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, { useContext, useEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport { Accordion2, Heading } from '@looker/components'\nimport type { MethodList } from '@looker/sdk-codegen'\nimport { useHistory, useRouteMatch } from 'react-router-dom'\nimport { Link } from '../Link'\nimport { buildMethodPath, highlightHTML } from '../../utils'\nimport { SearchContext } from '../../context'\n\ninterface MethodsProps {\n  methods: MethodList\n  tag: string\n  specKey: string\n  className?: string\n  defaultOpen?: boolean\n}\n\nexport const SideNavMethods = styled(\n  ({ className, methods, tag, specKey, defaultOpen = false }: MethodsProps) => {\n    const {\n      searchSettings: { pattern },\n    } = useContext(SearchContext)\n    const match = useRouteMatch<{ methodTag: string }>(\n      `/:specKey/methods/:methodTag/:methodName?`\n    )\n    const [isOpen, setIsOpen] = useState(defaultOpen)\n    const history = useHistory()\n\n    const handleOpen = () => {\n      const _isOpen = !isOpen\n      setIsOpen(_isOpen)\n      if (_isOpen) history.push(`/${specKey}/methods/${tag}`)\n    }\n\n    useEffect(() => {\n      const status = match\n        ? defaultOpen || match.params.methodTag === tag\n        : defaultOpen\n      setIsOpen(status)\n    }, [defaultOpen, match])\n\n    /* TODO: Fix highlighting. It is applied but it is somehow being overridden */\n    return (\n      <Accordion2\n        isOpen={isOpen}\n        toggleOpen={handleOpen}\n        className={className}\n        label={\n          <Heading as=\"h4\" fontSize=\"small\" py=\"xsmall\">\n            {highlightHTML(pattern, tag)}\n          </Heading>\n        }\n      >\n        <ul>\n          {Object.values(methods).map((method) => (\n            <li key={method.name}>\n              <Link to={`${buildMethodPath(specKey, tag, method.name)}`}>\n                {highlightHTML(pattern, method.summary)}\n              </Link>\n            </li>\n          ))}\n        </ul>\n      </Accordion2>\n    )\n  }\n)`\n  font-family: ${({ theme }) => theme.fonts.brand};\n\n  [aria-controls]:hover,\n  [aria-expanded='true'] {\n    h4,\n    svg {\n      color: ${({ theme }) => theme.colors.key};\n    }\n  }\n\n  [aria-expanded='true'] h4 {\n    font-weight: ${({ theme }) => theme.fontWeights.semiBold};\n  }\n\n  ul {\n    border-left: dashed 1px ${({ theme }) => theme.colors.ui2};\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    padding-left: ${({ theme }) => theme.space.xxsmall};\n    padding-top: ${({ theme }) => theme.space.xxsmall};\n  }\n\n  [aria-current] {\n    background: ${({ theme }) => theme.colors.ui1};\n    font-weight: ${({ theme }) => theme.fontWeights.semiBold};\n  }\n\n  ${Link} {\n    border-radius: ${({ theme }) => theme.radii.medium};\n    display: block;\n    overflow: hidden;\n    padding: ${({ theme }) => theme.space.xsmall};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:hover,\n    &:focus,\n    &.active {\n      background: ${({ theme }) => theme.colors.ui1};\n    }\n  }\n`\n"],"file":"SideNavMethods.js"}
+{"version":3,"sources":["../../../src/components/SideNav/SideNavMethods.tsx"],"names":["SideNavMethods","className","methods","tag","specKey","defaultOpen","searchPattern","selectSearchPattern","match","isOpen","setIsOpen","history","handleOpen","_isOpen","push","status","params","methodTag","Object","values","map","method","name","summary","theme","fonts","brand","colors","key","fontWeights","semiBold","ui2","space","xxsmall","ui1","Link","radii","medium","xsmall"],"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, { useEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport { Accordion2, Heading } from '@looker/components'\nimport type { MethodList } from '@looker/sdk-codegen'\nimport { useSelector } from 'react-redux'\nimport { useHistory, useRouteMatch } from 'react-router-dom'\n\nimport { Link } from '../Link'\nimport { buildMethodPath, highlightHTML } from '../../utils'\nimport { selectSearchPattern } from '../../state'\n\ninterface MethodsProps {\n  methods: MethodList\n  tag: string\n  specKey: string\n  className?: string\n  defaultOpen?: boolean\n}\n\nexport const SideNavMethods = styled(\n  ({ className, methods, tag, specKey, defaultOpen = false }: MethodsProps) => {\n    const searchPattern = useSelector(selectSearchPattern)\n    const match = useRouteMatch<{ methodTag: string }>(\n      `/:specKey/methods/:methodTag/:methodName?`\n    )\n    const [isOpen, setIsOpen] = useState(defaultOpen)\n    const history = useHistory()\n\n    const handleOpen = () => {\n      const _isOpen = !isOpen\n      setIsOpen(_isOpen)\n      if (_isOpen) history.push(`/${specKey}/methods/${tag}`)\n    }\n\n    useEffect(() => {\n      const status = match\n        ? defaultOpen || match.params.methodTag === tag\n        : defaultOpen\n      setIsOpen(status)\n    }, [defaultOpen, match, tag])\n\n    /* TODO: Fix highlighting. It is applied but it is somehow being overridden */\n    return (\n      <Accordion2\n        isOpen={isOpen}\n        toggleOpen={handleOpen}\n        className={className}\n        label={\n          <Heading as=\"h4\" fontSize=\"small\" py=\"xsmall\">\n            {highlightHTML(searchPattern, tag)}\n          </Heading>\n        }\n      >\n        <ul>\n          {Object.values(methods).map((method) => (\n            <li key={method.name}>\n              <Link to={`${buildMethodPath(specKey, tag, method.name)}`}>\n                {highlightHTML(searchPattern, method.summary)}\n              </Link>\n            </li>\n          ))}\n        </ul>\n      </Accordion2>\n    )\n  }\n)`\n  font-family: ${({ theme }) => theme.fonts.brand};\n\n  [aria-controls]:hover,\n  [aria-expanded='true'] {\n    h4,\n    svg {\n      color: ${({ theme }) => theme.colors.key};\n    }\n  }\n\n  [aria-expanded='true'] h4 {\n    font-weight: ${({ theme }) => theme.fontWeights.semiBold};\n  }\n\n  ul {\n    border-left: dashed 1px ${({ theme }) => theme.colors.ui2};\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    padding-left: ${({ theme }) => theme.space.xxsmall};\n    padding-top: ${({ theme }) => theme.space.xxsmall};\n  }\n\n  [aria-current] {\n    background: ${({ theme }) => theme.colors.ui1};\n    font-weight: ${({ theme }) => theme.fontWeights.semiBold};\n  }\n\n  ${Link} {\n    border-radius: ${({ theme }) => theme.radii.medium};\n    display: block;\n    overflow: hidden;\n    padding: ${({ theme }) => theme.space.xsmall};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:hover,\n    &:focus,\n    &.active {\n      background: ${({ theme }) => theme.colors.ui1};\n    }\n  }\n`\n"],"file":"SideNavMethods.js"}

package/lib/components/SideNav/SideNavTypes.js

@@ -13,11 +13,13 @@ var _components = require("@looker/components");
 
 var _reactRouterDom = require("react-router-dom");
 
+var _reactRedux = require("react-redux");
+
 var _Link = require("../Link");
 
 var _utils = require("../../utils");
 
-var _context = require("../../context");
+var _state = require("../../state");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -33,11 +35,7 @@ var SideNavTypes = (0, _styledComponents.default)(_ref => {
     specKey,
     defaultOpen = false
   } = _ref;
-  var {
-    searchSettings: {
-      pattern
-    }
-  } = (0, _react.useContext)(_context.SearchContext);
+  var searchPattern = (0, _reactRedux.useSelector)(_state.selectSearchPattern);
   var match = (0, _reactRouterDom.useRouteMatch)("/:specKey/types/:typeTag/:typeName?");
   var [isOpen, setIsOpen] = (0, _react.useState)(defaultOpen);
   var history = (0, _reactRouterDom.useHistory)();
@@ -61,12 +59,12 @@ var SideNavTypes = (0, _styledComponents.default)(_ref => {
       as: "h4",
       fontSize: "small",
       py: "xsmall"
-    }, (0, _utils.highlightHTML)(pattern, tag))
+    }, (0, _utils.highlightHTML)(searchPattern, tag))
   }, _react.default.createElement("ul", null, Object.values(types).map(type => _react.default.createElement("li", {
     key: type.name
   }, _react.default.createElement(_Link.Link, {
     to: "".concat((0, _utils.buildTypePath)(specKey, tag, type.name))
-  }, (0, _utils.highlightHTML)(pattern, type.name))))));
+  }, (0, _utils.highlightHTML)(searchPattern, type.name))))));
 }).withConfig({
   displayName: "SideNavTypes",
   componentId: "vqik31-0"

package/lib/components/SideNav/SideNavTypes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SideNav/SideNavTypes.tsx"],"names":["SideNavTypes","className","types","tag","specKey","defaultOpen","searchSettings","pattern","SearchContext","match","isOpen","setIsOpen","history","handleOpen","_isOpen","push","status","params","typeTag","Object","values","map","type","name","theme","fonts","brand","colors","key","fontWeights","semiBold","ui2","space","xxsmall","ui1","Link","radii","medium","xsmall"],"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, { useContext, useEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport { Accordion2, Heading } from '@looker/components'\nimport type { TypeList } from '@looker/sdk-codegen'\nimport { useHistory, useRouteMatch } from 'react-router-dom'\nimport { Link } from '../Link'\nimport { buildTypePath, highlightHTML } from '../../utils'\nimport { SearchContext } from '../../context'\n\ninterface TypesProps {\n  types: TypeList\n  tag: string\n  specKey: string\n  className?: string\n  defaultOpen?: boolean\n}\n\nexport const SideNavTypes = styled(\n  ({ className, types, tag, specKey, defaultOpen = false }: TypesProps) => {\n    const {\n      searchSettings: { pattern },\n    } = useContext(SearchContext)\n    const match = useRouteMatch<{ typeTag: string }>(\n      `/:specKey/types/:typeTag/:typeName?`\n    )\n    const [isOpen, setIsOpen] = useState(defaultOpen)\n    const history = useHistory()\n\n    const handleOpen = () => {\n      const _isOpen = !isOpen\n      setIsOpen(_isOpen)\n      if (_isOpen) history.push(`/${specKey}/types/${tag}`)\n    }\n\n    useEffect(() => {\n      const status = match\n        ? defaultOpen || match.params.typeTag === tag\n        : defaultOpen\n      setIsOpen(status)\n    }, [defaultOpen])\n\n    /* TODO: Fix highlighting. It is applied but it is somehow being overridden */\n    return (\n      <Accordion2\n        isOpen={isOpen}\n        toggleOpen={handleOpen}\n        className={className}\n        label={\n          <Heading as=\"h4\" fontSize=\"small\" py=\"xsmall\">\n            {highlightHTML(pattern, tag)}\n          </Heading>\n        }\n      >\n        <ul>\n          {Object.values(types).map((type) => (\n            <li key={type.name}>\n              <Link to={`${buildTypePath(specKey, tag, type.name)}`}>\n                {highlightHTML(pattern, type.name)}\n              </Link>\n            </li>\n          ))}\n        </ul>\n      </Accordion2>\n    )\n  }\n)`\n  font-family: ${({ theme }) => theme.fonts.brand};\n\n  [aria-controls]:hover,\n  [aria-expanded='true'] {\n    h4,\n    svg {\n      color: ${({ theme }) => theme.colors.key};\n    }\n  }\n\n  [aria-expanded='true'] h4 {\n    font-weight: ${({ theme }) => theme.fontWeights.semiBold};\n  }\n\n  ul {\n    border-left: dashed 1px ${({ theme }) => theme.colors.ui2};\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    padding-left: ${({ theme }) => theme.space.xxsmall};\n    padding-top: ${({ theme }) => theme.space.xxsmall};\n  }\n\n  [aria-current] {\n    background: ${({ theme }) => theme.colors.ui1};\n    font-weight: ${({ theme }) => theme.fontWeights.semiBold};\n  }\n\n  ${Link} {\n    border-radius: ${({ theme }) => theme.radii.medium};\n    display: block;\n    overflow: hidden;\n    padding: ${({ theme }) => theme.space.xsmall};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:hover,\n    &:focus,\n    &.active {\n      background: ${({ theme }) => theme.colors.ui1};\n    }\n  }\n`\n"],"file":"SideNavTypes.js"}
+{"version":3,"sources":["../../../src/components/SideNav/SideNavTypes.tsx"],"names":["SideNavTypes","className","types","tag","specKey","defaultOpen","searchPattern","selectSearchPattern","match","isOpen","setIsOpen","history","handleOpen","_isOpen","push","status","params","typeTag","Object","values","map","type","name","theme","fonts","brand","colors","key","fontWeights","semiBold","ui2","space","xxsmall","ui1","Link","radii","medium","xsmall"],"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, { useEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport { Accordion2, Heading } from '@looker/components'\nimport type { TypeList } from '@looker/sdk-codegen'\nimport { useHistory, useRouteMatch } from 'react-router-dom'\nimport { useSelector } from 'react-redux'\n\nimport { Link } from '../Link'\nimport { buildTypePath, highlightHTML } from '../../utils'\nimport { selectSearchPattern } from '../../state'\n\ninterface TypesProps {\n  types: TypeList\n  tag: string\n  specKey: string\n  className?: string\n  defaultOpen?: boolean\n}\n\nexport const SideNavTypes = styled(\n  ({ className, types, tag, specKey, defaultOpen = false }: TypesProps) => {\n    const searchPattern = useSelector(selectSearchPattern)\n    const match = useRouteMatch<{ typeTag: string }>(\n      `/:specKey/types/:typeTag/:typeName?`\n    )\n    const [isOpen, setIsOpen] = useState(defaultOpen)\n    const history = useHistory()\n\n    const handleOpen = () => {\n      const _isOpen = !isOpen\n      setIsOpen(_isOpen)\n      if (_isOpen) history.push(`/${specKey}/types/${tag}`)\n    }\n\n    useEffect(() => {\n      const status = match\n        ? defaultOpen || match.params.typeTag === tag\n        : defaultOpen\n      setIsOpen(status)\n    }, [defaultOpen])\n\n    /* TODO: Fix highlighting. It is applied but it is somehow being overridden */\n    return (\n      <Accordion2\n        isOpen={isOpen}\n        toggleOpen={handleOpen}\n        className={className}\n        label={\n          <Heading as=\"h4\" fontSize=\"small\" py=\"xsmall\">\n            {highlightHTML(searchPattern, tag)}\n          </Heading>\n        }\n      >\n        <ul>\n          {Object.values(types).map((type) => (\n            <li key={type.name}>\n              <Link to={`${buildTypePath(specKey, tag, type.name)}`}>\n                {highlightHTML(searchPattern, type.name)}\n              </Link>\n            </li>\n          ))}\n        </ul>\n      </Accordion2>\n    )\n  }\n)`\n  font-family: ${({ theme }) => theme.fonts.brand};\n\n  [aria-controls]:hover,\n  [aria-expanded='true'] {\n    h4,\n    svg {\n      color: ${({ theme }) => theme.colors.key};\n    }\n  }\n\n  [aria-expanded='true'] h4 {\n    font-weight: ${({ theme }) => theme.fontWeights.semiBold};\n  }\n\n  ul {\n    border-left: dashed 1px ${({ theme }) => theme.colors.ui2};\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    padding-left: ${({ theme }) => theme.space.xxsmall};\n    padding-top: ${({ theme }) => theme.space.xxsmall};\n  }\n\n  [aria-current] {\n    background: ${({ theme }) => theme.colors.ui1};\n    font-weight: ${({ theme }) => theme.fontWeights.semiBold};\n  }\n\n  ${Link} {\n    border-radius: ${({ theme }) => theme.radii.medium};\n    display: block;\n    overflow: hidden;\n    padding: ${({ theme }) => theme.space.xsmall};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:hover,\n    &:focus,\n    &.active {\n      background: ${({ theme }) => theme.colors.ui1};\n    }\n  }\n`\n"],"file":"SideNavTypes.js"}

package/lib/components/SideNav/searchUtils.d.ts

@@ -1,4 +1,4 @@
 import type { TagList, TypeList } from '@looker/sdk-codegen';
-export declare const useDebounce: (value: any, delay: number) => undefined;
+export declare const useDebounce: <T>(value: T, delay: number) => T;
 export declare const countMethods: (tags: TagList) => number;
 export declare const countTypes: (types: TypeList) => number;

package/lib/components/SideNav/searchUtils.js

@@ -8,7 +8,7 @@ exports.countTypes = exports.countMethods = exports.useDebounce = void 0;
 var _react = require("react");
 
 var useDebounce = (value, delay) => {
-  var [debouncedValue, setDebouncedValue] = (0, _react.useState)();
+  var [debouncedValue, setDebouncedValue] = (0, _react.useState)(value);
   (0, _react.useEffect)(() => {
     var handler = setTimeout(() => {
       setDebouncedValue(value);

package/lib/components/SideNav/searchUtils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SideNav/searchUtils.tsx"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","handler","setTimeout","clearTimeout","countMethods","tags","result","Object","values","forEach","methods","entries","length","countTypes","types"],"mappings":";;;;;;;AA0BA;;AAGO,IAAMA,WAAW,GAAG,CAACC,KAAD,EAAaC,KAAb,KAA+B;AACxD,MAAM,CAACC,cAAD,EAAiBC,iBAAjB,IAAsC,sBAA5C;AACA,wBAAU,MAAM;AAEd,QAAMC,OAAO,GAAGC,UAAU,CAAC,MAAM;AAC/BF,MAAAA,iBAAiB,CAACH,KAAD,CAAjB;AACD,KAFyB,EAEvBC,KAFuB,CAA1B;AAIA,WAAO,MAAM;AACXK,MAAAA,YAAY,CAACF,OAAD,CAAZ;AACD,KAFD;AAGD,GATD,EASG,CAACJ,KAAD,CATH;AAUA,SAAOE,cAAP;AACD,CAbM;;;;AAeA,IAAMK,YAAY,GAAIC,IAAD,IAAmB;AAC7C,MAAIC,MAAM,GAAG,CAAb;AACAC,EAAAA,MAAM,CAACC,MAAP,CAAcH,IAAd,EAAoBI,OAApB,CAA6BC,OAAD,IAAa;AACvCJ,IAAAA,MAAM,IAAIC,MAAM,CAACI,OAAP,CAAeD,OAAf,EAAwBE,MAAlC;AACD,GAFD;AAGA,SAAON,MAAP;AACD,CANM;;;;AAQA,IAAMO,UAAU,GAAIC,KAAD,IAAqBP,MAAM,CAACI,OAAP,CAAeG,KAAf,EAAsBF,MAA9D","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 { useState, useEffect } from 'react'\nimport type { TagList, TypeList } from '@looker/sdk-codegen'\n\nexport const useDebounce = (value: any, delay: number) => {\n  const [debouncedValue, setDebouncedValue] = useState()\n  useEffect(() => {\n    // Update debounced value only once delay has been elapsed\n    const handler = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n    // Reset the timeout on receiving a new keyword\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [value])\n  return debouncedValue\n}\n\nexport const countMethods = (tags: TagList) => {\n  let result = 0\n  Object.values(tags).forEach((methods) => {\n    result += Object.entries(methods).length\n  })\n  return result\n}\n\nexport const countTypes = (types: TypeList) => Object.entries(types).length\n"],"file":"searchUtils.js"}
+{"version":3,"sources":["../../../src/components/SideNav/searchUtils.ts"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","handler","setTimeout","clearTimeout","countMethods","tags","result","Object","values","forEach","methods","entries","length","countTypes","types"],"mappings":";;;;;;;AA0BA;;AAGO,IAAMA,WAAW,GAAG,CAAIC,KAAJ,EAAcC,KAAd,KAAmC;AAC5D,MAAM,CAACC,cAAD,EAAiBC,iBAAjB,IAAsC,qBAASH,KAAT,CAA5C;AACA,wBAAU,MAAM;AAEd,QAAMI,OAAO,GAAGC,UAAU,CAAC,MAAM;AAC/BF,MAAAA,iBAAiB,CAACH,KAAD,CAAjB;AACD,KAFyB,EAEvBC,KAFuB,CAA1B;AAIA,WAAO,MAAM;AACXK,MAAAA,YAAY,CAACF,OAAD,CAAZ;AACD,KAFD;AAGD,GATD,EASG,CAACJ,KAAD,CATH;AAUA,SAAOE,cAAP;AACD,CAbM;;;;AAeA,IAAMK,YAAY,GAAIC,IAAD,IAAmB;AAC7C,MAAIC,MAAM,GAAG,CAAb;AACAC,EAAAA,MAAM,CAACC,MAAP,CAAcH,IAAd,EAAoBI,OAApB,CAA6BC,OAAD,IAAa;AACvCJ,IAAAA,MAAM,IAAIC,MAAM,CAACI,OAAP,CAAeD,OAAf,EAAwBE,MAAlC;AACD,GAFD;AAGA,SAAON,MAAP;AACD,CANM;;;;AAQA,IAAMO,UAAU,GAAIC,KAAD,IAAqBP,MAAM,CAACI,OAAP,CAAeG,KAAf,EAAsBF,MAA9D","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 { useState, useEffect } from 'react'\nimport type { TagList, TypeList } from '@looker/sdk-codegen'\n\nexport const useDebounce = <T>(value: T, delay: number): T => {\n  const [debouncedValue, setDebouncedValue] = useState(value)\n  useEffect(() => {\n    // Update debounced value only once delay has been elapsed\n    const handler = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n    // Reset the timeout on receiving a new keyword\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [value])\n  return debouncedValue\n}\n\nexport const countMethods = (tags: TagList) => {\n  let result = 0\n  Object.values(tags).forEach((methods) => {\n    result += Object.entries(methods).length\n  })\n  return result\n}\n\nexport const countTypes = (types: TypeList) => Object.entries(types).length\n"],"file":"searchUtils.js"}

package/lib/components/common/Loader.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from 'react';
-import type { ThemeOverrides } from '../../utils';
+import type { ThemeOverrides } from '@looker/extension-utils';
 export interface LoaderProps {
     themeOverrides: ThemeOverrides;
     message?: string;

package/lib/components/common/Loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/common/Loader.tsx"],"names":["Loader","themeOverrides","message"],"mappings":";;;;;;;AA0BA;;AACA;;;;AAcO,IAAMA,MAAuB,GAAG;AAAA,MAAC;AACtCC,IAAAA,cADsC;AAEtCC,IAAAA,OAAO,GAAG;AAF4B,GAAD;AAAA,SAIrC,6BAAC,8BAAD,EAAwBD,cAAxB,EACE,6BAAC,gBAAD;AAAM,IAAA,aAAa,EAAC,QAApB;AAA6B,IAAA,cAAc,EAAC,QAA5C;AAAqD,IAAA,EAAE,EAAC;AAAxD,KACE,6BAAC,oBAAD;AAAU,IAAA,SAAS,EAAC;AAApB,KACE,6BAAC,4BAAD;AAAkB,IAAA,IAAI,EAAC;AAAvB,IADF,CADF,EAIE,6BAAC,oBAAD;AAAU,IAAA,EAAE,EAAC,OAAb;AAAqB,IAAA,SAAS,EAAC;AAA/B,KACE,6BAAC,mBAAD;AAAS,IAAA,KAAK,EAAC,KAAf;AAAqB,IAAA,EAAE,EAAC;AAAxB,KACGC,OADH,CADF,CAJF,CADF,CAJqC;AAAA,CAAhC","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 type { FC } from 'react'\nimport React from 'react'\nimport {\n  ComponentsProvider,\n  Flex,\n  FlexItem,\n  Heading,\n  ProgressCircular,\n} from '@looker/components'\nimport type { ThemeOverrides } from '../../utils'\n\nexport interface LoaderProps {\n  themeOverrides: ThemeOverrides\n  message?: string\n}\n\nexport const Loader: FC<LoaderProps> = ({\n  themeOverrides,\n  message = 'Loading API Specifications',\n}) => (\n  <ComponentsProvider {...themeOverrides}>\n    <Flex flexDirection=\"column\" justifyContent=\"center\" mt=\"25%\">\n      <FlexItem alignSelf=\"center\">\n        <ProgressCircular size=\"large\" />\n      </FlexItem>\n      <FlexItem mt=\"large\" alignSelf=\"center\">\n        <Heading color=\"key\" as=\"h2\">\n          {message}\n        </Heading>\n      </FlexItem>\n    </Flex>\n  </ComponentsProvider>\n)\n"],"file":"Loader.js"}
+{"version":3,"sources":["../../../src/components/common/Loader.tsx"],"names":["Loader","themeOverrides","message"],"mappings":";;;;;;;AA0BA;;AACA;;;;AAcO,IAAMA,MAAuB,GAAG;AAAA,MAAC;AACtCC,IAAAA,cADsC;AAEtCC,IAAAA,OAAO,GAAG;AAF4B,GAAD;AAAA,SAIrC,6BAAC,8BAAD,EAAwBD,cAAxB,EACE,6BAAC,gBAAD;AAAM,IAAA,aAAa,EAAC,QAApB;AAA6B,IAAA,cAAc,EAAC,QAA5C;AAAqD,IAAA,EAAE,EAAC;AAAxD,KACE,6BAAC,oBAAD;AAAU,IAAA,SAAS,EAAC;AAApB,KACE,6BAAC,4BAAD;AAAkB,IAAA,IAAI,EAAC;AAAvB,IADF,CADF,EAIE,6BAAC,oBAAD;AAAU,IAAA,EAAE,EAAC,OAAb;AAAqB,IAAA,SAAS,EAAC;AAA/B,KACE,6BAAC,mBAAD;AAAS,IAAA,KAAK,EAAC,KAAf;AAAqB,IAAA,EAAE,EAAC;AAAxB,KACGC,OADH,CADF,CAJF,CADF,CAJqC;AAAA,CAAhC","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 type { FC } from 'react'\nimport React from 'react'\nimport {\n  ComponentsProvider,\n  Flex,\n  FlexItem,\n  Heading,\n  ProgressCircular,\n} from '@looker/components'\nimport type { ThemeOverrides } from '@looker/extension-utils'\n\nexport interface LoaderProps {\n  themeOverrides: ThemeOverrides\n  message?: string\n}\n\nexport const Loader: FC<LoaderProps> = ({\n  themeOverrides,\n  message = 'Loading API Specifications',\n}) => (\n  <ComponentsProvider {...themeOverrides}>\n    <Flex flexDirection=\"column\" justifyContent=\"center\" mt=\"25%\">\n      <FlexItem alignSelf=\"center\">\n        <ProgressCircular size=\"large\" />\n      </FlexItem>\n      <FlexItem mt=\"large\" alignSelf=\"center\">\n        <Heading color=\"key\" as=\"h2\">\n          {message}\n        </Heading>\n      </FlexItem>\n    </Flex>\n  </ComponentsProvider>\n)\n"],"file":"Loader.js"}

package/lib/esm/ApiExplorer.js

@@ -19,38 +19,39 @@ import { Aside, ComponentsProvider, Divider, Heading, IconButton, Layout, Page,
 import { funFetch, fallbackFetch, OAuthScene } from '@looker/run-it';
 import { FirstPage } from '@styled-icons/material/FirstPage';
 import { LastPage } from '@styled-icons/material/LastPage';
-import { SearchContext, LodeContext, defaultLodeContextValue } from './context';
-import { getLoded, oAuthPath, registerEnvAdaptor, unregisterEnvAdaptor } from './utils';
+import { registerEnvAdaptor, unregisterEnvAdaptor } from '@looker/extension-utils';
+import { oAuthPath } from './utils';
 import { Header, SideNav, ErrorBoundary, Loader, SelectorContainer, HEADER_TOGGLE_LABEL } from './components';
-import { specReducer, initDefaultSpecState, searchReducer, defaultSearchState, updateSpecApi } from './reducers';
+import { specReducer, initDefaultSpecState, updateSpecApi } from './reducers';
 import { AppRouter } from './routes';
 import { apixFilesHost } from './utils/lodeUtils';
-import { useActions, useSettingsStoreState } from './state';
-export var BodyOverride = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral([" html { height: 100%; overflow: hidden; } "])));
-
-var ApiExplorer = _ref => {
+import { useSettingActions, useSettingStoreState, useLodeActions, useLodesStoreState } from './state';
+var BodyOverride = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral([" html { height: 100%; overflow: hidden; } "])));
+export 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(apixFilesHost, "/declarationsIndex.json"),
     headless = false
   } = _ref;
   var {
     initialized
-  } = useSettingsStoreState();
+  } = useSettingStoreState();
+  useLodesStoreState();
+  var {
+    initLodesAction
+  } = useLodeActions();
   var {
-    initAction
-  } = useActions();
+    initSettingsAction
+  } = useSettingActions();
   var location = useLocation();
   var oauthReturn = location.pathname === "/".concat(oAuthPath);
   var [specState, specDispatch] = useReducer(specReducer, initDefaultSpecState(specs, location));
   var {
     spec
   } = specState;
-  var [searchSettings, setSearchSettings] = useReducer(searchReducer, defaultSearchState);
-  var [lode, setLode] = useState(defaultLodeContextValue);
   var [hasNavigation, setHasNavigation] = useState(true);
 
   var toggleNavigation = target => setHasNavigation(target || !hasNavigation);
@@ -61,8 +62,12 @@ var ApiExplorer = _ref => {
     }
   }, []);
   useEffect(() => {
-    registerEnvAdaptor(envAdaptor);
-    initAction();
+    registerEnvAdaptor(adaptor);
+    initSettingsAction();
+    initLodesAction({
+      examplesLodeUrl,
+      declarationsLodeUrl
+    });
     return () => unregisterEnvAdaptor();
   }, []);
   useEffect(() => {
@@ -104,10 +109,7 @@ var ApiExplorer = _ref => {
       loadSpec();
     }
   }, [spec, location]);
-  useEffect(() => {
-    getLoded(exampleLodeUrl, declarationsLodeUrl).then(resp => setLode(resp));
-  }, [exampleLodeUrl, declarationsLodeUrl]);
-  var themeOverrides = envAdaptor.themeOverrides();
+  var themeOverrides = adaptor.themeOverrides();
   return React.createElement(React.Fragment, null, React.createElement(ComponentsProvider, {
     loadGoogleFonts: themeOverrides.loadGoogleFonts,
     themeCustomizations: themeOverrides.themeCustomizations
@@ -115,14 +117,7 @@ var ApiExplorer = _ref => {
     message: "Initializing",
     themeOverrides: themeOverrides
   }) : React.createElement(ErrorBoundary, {
-    logError: envAdaptor.logError.bind(envAdaptor)
-  }, React.createElement(LodeContext.Provider, {
-    value: _objectSpread({}, lode)
-  }, React.createElement(SearchContext.Provider, {
-    value: {
-      searchSettings,
-      setSearchSettings
-    }
+    logError: adaptor.logError.bind(adaptor)
   }, React.createElement(Page, {
     style: {
       overflow: 'hidden'
@@ -174,12 +169,11 @@ var ApiExplorer = _ref => {
     specKey: spec.key,
     specs: specs,
     toggleNavigation: toggleNavigation,
-    envAdaptor: envAdaptor,
+    adaptor: adaptor,
     setVersionsUrl: setVersionsUrl
-  }))))))), !headless && React.createElement(BodyOverride, null));
+  }))))), !headless && React.createElement(BodyOverride, null));
 };
-
-export var AsideBorder = styled(Aside).withConfig({
+var AsideBorder = styled(Aside).withConfig({
   displayName: "ApiExplorer__AsideBorder",
   componentId: "sc-1ynh530-0"
 })(["width:", ";"], _ref3 => {
@@ -189,5 +183,4 @@ export var AsideBorder = styled(Aside).withConfig({
   } = _ref3;
   return isOpen ? '20rem' : headless ? '2.75rem' : '0rem';
 });
-export default ApiExplorer;
 //# sourceMappingURL=ApiExplorer.js.map

package/lib/esm/ApiExplorer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ApiExplorer.tsx"],"names":["React","useReducer","useState","useEffect","useCallback","useLocation","styled","createGlobalStyle","Aside","ComponentsProvider","Divider","Heading","IconButton","Layout","Page","Space","funFetch","fallbackFetch","OAuthScene","FirstPage","LastPage","SearchContext","LodeContext","defaultLodeContextValue","getLoded","oAuthPath","registerEnvAdaptor","unregisterEnvAdaptor","Header","SideNav","ErrorBoundary","Loader","SelectorContainer","HEADER_TOGGLE_LABEL","specReducer","initDefaultSpecState","searchReducer","defaultSearchState","updateSpecApi","AppRouter","apixFilesHost","useActions","useSettingsStoreState","BodyOverride","ApiExplorer","specs","envAdaptor","setVersionsUrl","exampleLodeUrl","declarationsLodeUrl","headless","initialized","initAction","location","oauthReturn","pathname","specState","specDispatch","spec","searchSettings","setSearchSettings","lode","setLode","hasNavigation","setHasNavigation","toggleNavigation","target","hasNavigationToggle","e","origin","window","data","action","currentHasNavigation","addEventListener","removeEventListener","loadSpec","api","newSpec","key","error","console","then","resp","themeOverrides","loadGoogleFonts","themeCustomizations","logError","bind","overflow","AsideBorder","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 { SearchContext, LodeContext, defaultLodeContextValue } from './context'\nimport type { IApixEnvAdaptor } from './utils'\nimport {\n  getLoded,\n  oAuthPath,\n  registerEnvAdaptor,\n  unregisterEnvAdaptor,\n} from './utils'\nimport {\n  Header,\n  SideNav,\n  ErrorBoundary,\n  Loader,\n  SelectorContainer,\n  HEADER_TOGGLE_LABEL,\n} 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, useSettingsStoreState } from './state'\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 { initialized } = useSettingsStoreState()\n  const { initAction } = useActions()\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  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    registerEnvAdaptor(envAdaptor)\n    initAction()\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  useEffect(() => {\n    getLoded(exampleLodeUrl, declarationsLodeUrl).then((resp) => setLode(resp))\n  }, [exampleLodeUrl, declarationsLodeUrl])\n\n  const themeOverrides = envAdaptor.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={envAdaptor.logError.bind(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                    <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={\n                                hasNavigation ? <FirstPage /> : <LastPage />\n                              }\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                        envAdaptor={envAdaptor}\n                        setVersionsUrl={setVersionsUrl}\n                      />\n                    )}\n                  </Layout>\n                </Page>\n              </SearchContext.Provider>\n            </LodeContext.Provider>\n          </ErrorBoundary>\n        )}\n      </ComponentsProvider>\n      {!headless && <BodyOverride />}\n    </>\n  )\n}\n\nexport const AsideBorder = styled(Aside)<{\n  isOpen: boolean\n  headless: boolean\n}>`\n  width: ${({ isOpen, headless }) =>\n    isOpen ? '20rem' : headless ? '2.75rem' : '0rem'};\n`\nexport default ApiExplorer\n"],"file":"ApiExplorer.js"}
+{"version":3,"sources":["../../src/ApiExplorer.tsx"],"names":["React","useReducer","useState","useEffect","useCallback","useLocation","styled","createGlobalStyle","Aside","ComponentsProvider","Divider","Heading","IconButton","Layout","Page","Space","funFetch","fallbackFetch","OAuthScene","FirstPage","LastPage","registerEnvAdaptor","unregisterEnvAdaptor","oAuthPath","Header","SideNav","ErrorBoundary","Loader","SelectorContainer","HEADER_TOGGLE_LABEL","specReducer","initDefaultSpecState","updateSpecApi","AppRouter","apixFilesHost","useSettingActions","useSettingStoreState","useLodeActions","useLodesStoreState","BodyOverride","ApiExplorer","specs","adaptor","setVersionsUrl","examplesLodeUrl","declarationsLodeUrl","headless","initialized","initLodesAction","initSettingsAction","location","oauthReturn","pathname","specState","specDispatch","spec","hasNavigation","setHasNavigation","toggleNavigation","target","hasNavigationToggle","e","origin","window","data","action","currentHasNavigation","addEventListener","removeEventListener","loadSpec","api","newSpec","key","error","console","themeOverrides","loadGoogleFonts","themeCustomizations","logError","bind","overflow","AsideBorder","isOpen"],"mappings":";;;;;;;;;;;;;;AA2BA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,QAA5B,EAAsCC,SAAtC,EAAiDC,WAAjD,QAAoE,OAApE;AACA,SAASC,WAAT,QAA4B,cAA5B;AACA,OAAOC,MAAP,IAAiBC,iBAAjB,QAA0C,mBAA1C;AACA,SACEC,KADF,EAEEC,kBAFF,EAGEC,OAHF,EAIEC,OAJF,EAKEC,UALF,EAMEC,MANF,EAOEC,IAPF,EAQEC,KARF,QASO,oBATP;AAYA,SAASC,QAAT,EAAmBC,aAAnB,EAAkCC,UAAlC,QAAoD,gBAApD;AACA,SAASC,SAAT,QAA0B,kCAA1B;AACA,SAASC,QAAT,QAAyB,iCAAzB;AAGA,SACEC,kBADF,EAEEC,oBAFF,QAGO,yBAHP;AAIA,SAASC,SAAT,QAA0B,SAA1B;AACA,SACEC,MADF,EAEEC,OAFF,EAGEC,aAHF,EAIEC,MAJF,EAKEC,iBALF,EAMEC,mBANF,QAOO,cAPP;AAQA,SAASC,WAAT,EAAsBC,oBAAtB,EAA4CC,aAA5C,QAAiE,YAAjE;AACA,SAASC,SAAT,QAA0B,UAA1B;AACA,SAASC,aAAT,QAA8B,mBAA9B;AACA,SACEC,iBADF,EAEEC,oBAFF,EAGEC,cAHF,EAIEC,kBAJF,QAKO,SALP;AAgBA,IAAMC,YAAY,GAAGhC,iBAAH,+GAAlB;AAEA,OAAO,IAAMiC,WAAiC,GAAG,QAO3C;AAAA,MAP4C;AAChDC,IAAAA,KADgD;AAEhDC,IAAAA,OAFgD;AAGhDC,IAAAA,cAHgD;AAIhDC,IAAAA,eAAe,GAAG,0FAJ8B;AAKhDC,IAAAA,mBAAmB,aAAMX,aAAN,4BAL6B;AAMhDY,IAAAA,QAAQ,GAAG;AANqC,GAO5C;AACJ,MAAM;AAAEC,IAAAA;AAAF,MAAkBX,oBAAoB,EAA5C;AACAE,EAAAA,kBAAkB;AAClB,MAAM;AAAEU,IAAAA;AAAF,MAAsBX,cAAc,EAA1C;AACA,MAAM;AAAEY,IAAAA;AAAF,MAAyBd,iBAAiB,EAAhD;AACA,MAAMe,QAAQ,GAAG7C,WAAW,EAA5B;AACA,MAAM8C,WAAW,GAAGD,QAAQ,CAACE,QAAT,gBAA0B7B,SAA1B,CAApB;AACA,MAAM,CAAC8B,SAAD,EAAYC,YAAZ,IAA4BrD,UAAU,CAC1C6B,WAD0C,EAE1CC,oBAAoB,CAACU,KAAD,EAAQS,QAAR,CAFsB,CAA5C;AAIA,MAAM;AAAEK,IAAAA;AAAF,MAAWF,SAAjB;AAEA,MAAM,CAACG,aAAD,EAAgBC,gBAAhB,IAAoCvD,QAAQ,CAAC,IAAD,CAAlD;;AACA,MAAMwD,gBAAgB,GAAIC,MAAD,IACvBF,gBAAgB,CAACE,MAAM,IAAI,CAACH,aAAZ,CADlB;;AAGA,MAAMI,mBAAmB,GAAGxD,WAAW,CAAEyD,CAAD,IAA0B;AAChE,QAAIA,CAAC,CAACC,MAAF,KAAaC,MAAM,CAACD,MAApB,IAA8BD,CAAC,CAACG,IAAF,CAAOC,MAAP,KAAkB,gBAApD,EAAsE;AACpER,MAAAA,gBAAgB,CAAES,oBAAD,IAA0B,CAACA,oBAA5B,CAAhB;AACD;AACF,GAJsC,EAIpC,EAJoC,CAAvC;AAMA/D,EAAAA,SAAS,CAAC,MAAM;AACdkB,IAAAA,kBAAkB,CAACqB,OAAD,CAAlB;AACAO,IAAAA,kBAAkB;AAClBD,IAAAA,eAAe,CAAC;AAAEJ,MAAAA,eAAF;AAAmBC,MAAAA;AAAnB,KAAD,CAAf;AAEA,WAAO,MAAMvB,oBAAoB,EAAjC;AACD,GANQ,EAMN,EANM,CAAT;AAQAnB,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI2C,QAAJ,EAAc;AACZiB,MAAAA,MAAM,CAACI,gBAAP,CAAwB,SAAxB,EAAmCP,mBAAnC;AACD;;AACD,WAAO,MAAM;AACX,UAAId,QAAJ,EAAc;AACZiB,QAAAA,MAAM,CAACK,mBAAP,CAA2B,SAA3B,EAAsCR,mBAAtC;AACD;AACF,KAJD;AAKD,GATQ,EASN,CAACd,QAAD,EAAWc,mBAAX,CATM,CAAT;AAWAzD,EAAAA,SAAS,CAAC,MAAM;AACd,QAAMkE,QAAQ;AAAA,oCAAG,aAAY;AAC3B,YAAI,CAACd,IAAI,CAACe,GAAV,EAAe;AACb,cAAI;AACF,gBAAMC,OAAO,qBAAQhB,IAAR,CAAb;;AACA,gBAAMe,GAAG,SAASrD,aAAa,CAACsD,OAAD,EAAUvD,QAAV,CAA/B;;AACA,gBAAIsD,GAAJ,EAAS;AACPf,cAAAA,IAAI,CAACe,GAAL,GAAWA,GAAX;AACAhB,cAAAA,YAAY,CAACtB,aAAa,CAACuB,IAAI,CAACiB,GAAN,EAAWF,GAAX,CAAd,CAAZ;AACD;AACF,WAPD,CAOE,OAAOG,KAAP,EAAc;AACdC,YAAAA,OAAO,CAACD,KAAR,CAAcA,KAAd;AACD;AACF;AACF,OAba;;AAAA,sBAARJ,QAAQ;AAAA;AAAA;AAAA,OAAd;;AAcA,QAAI,CAAClB,WAAL,EAAkB;AAChBkB,MAAAA,QAAQ;AACT;AACF,GAlBQ,EAkBN,CAACd,IAAD,EAAOL,QAAP,CAlBM,CAAT;AAoBA,MAAMyB,cAAc,GAAGjC,OAAO,CAACiC,cAAR,EAAvB;AAEA,SACE,0CACE,oBAAC,kBAAD;AACE,IAAA,eAAe,EAAEA,cAAc,CAACC,eADlC;AAEE,IAAA,mBAAmB,EAAED,cAAc,CAACE;AAFtC,KAIG,CAAC9B,WAAD,GACC,oBAAC,MAAD;AAAQ,IAAA,OAAO,EAAC,cAAhB;AAA+B,IAAA,cAAc,EAAE4B;AAA/C,IADD,GAGC,oBAAC,aAAD;AAAe,IAAA,QAAQ,EAAEjC,OAAO,CAACoC,QAAR,CAAiBC,IAAjB,CAAsBrC,OAAtB;AAAzB,KACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAAEsC,MAAAA,QAAQ,EAAE;AAAZ;AAAb,KACG,CAAClC,QAAD,IACC,oBAAC,MAAD;AACE,IAAA,KAAK,EAAEL,KADT;AAEE,IAAA,IAAI,EAAEc,IAFR;AAGE,IAAA,YAAY,EAAED,YAHhB;AAIE,IAAA,gBAAgB,EAAEI;AAJpB,IAFJ,EASE,oBAAC,MAAD;AAAQ,IAAA,QAAQ,MAAhB;AAAiB,IAAA,MAAM,EAAC;AAAxB,KACE,oBAAC,WAAD;AACE,IAAA,WAAW,MADb;AAEE,IAAA,MAAM,EAAEF,aAFV;AAGE,IAAA,QAAQ,EAAEV;AAHZ,KAKGA,QAAQ,IACP,0CACE,oBAAC,KAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,IAAA,EAAE,EAAC,IAFL;AAGE,IAAA,EAAE,EAAEU,aAAa,GAAG,IAAH,GAAU,GAH7B;AAIE,IAAA,cAAc,EACZA,aAAa,GAAG,eAAH,GAAqB;AALtC,KAQGA,aAAa,IACZ,oBAAC,OAAD;AACE,IAAA,EAAE,EAAC,IADL;AAEE,IAAA,QAAQ,EAAC,QAFX;AAGE,IAAA,UAAU,EAAC,MAHb;AAIE,IAAA,KAAK,EAAC;AAJR,yBATJ,EAkBE,oBAAC,UAAD;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,KAAK,EAAC,OAFR;AAGE,IAAA,IAAI,EAAEA,aAAa,GAAG,oBAAC,SAAD,OAAH,GAAmB,oBAAC,QAAD,OAHxC;AAIE,IAAA,KAAK,EAAE3B,mBAJT;AAKE,IAAA,OAAO,EAAE,MAAM6B,gBAAgB;AALjC,IAlBF,CADF,EA2BGF,aAAa,IACZ,0CACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC,IAAZ;AAAiB,IAAA,UAAU,EAAC;AAA5B,IADF,EAEE,oBAAC,iBAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,EAAE,EAAC,OAFL;AAGE,IAAA,KAAK,EAAEf,KAHT;AAIE,IAAA,IAAI,EAAEc,IAJR;AAKE,IAAA,YAAY,EAAED;AALhB,IAFF,CA5BJ,CANJ,EA+CGE,aAAa,IACZ,oBAAC,OAAD;AACE,IAAA,QAAQ,EAAEV,QADZ;AAEE,IAAA,KAAK,EAAEL,KAFT;AAGE,IAAA,IAAI,EAAEc,IAHR;AAIE,IAAA,YAAY,EAAED;AAJhB,IAhDJ,CADF,EAyDGH,WAAW,IAAI,oBAAC,UAAD,OAzDlB,EA0DG,CAACA,WAAD,IAAgBI,IAAI,CAACe,GAArB,IACC,oBAAC,SAAD;AACE,IAAA,GAAG,EAAEf,IAAI,CAACe,GADZ;AAEE,IAAA,OAAO,EAAEf,IAAI,CAACiB,GAFhB;AAGE,IAAA,KAAK,EAAE/B,KAHT;AAIE,IAAA,gBAAgB,EAAEiB,gBAJpB;AAKE,IAAA,OAAO,EAAEhB,OALX;AAME,IAAA,cAAc,EAAEC;AANlB,IA3DJ,CATF,CADF,CAPJ,CADF,EA2FG,CAACG,QAAD,IAAa,oBAAC,YAAD,OA3FhB,CADF;AA+FD,CAtKM;AAwKP,IAAMmC,WAAW,GAAG3E,MAAM,CAACE,KAAD,CAAT;AAAA;AAAA;AAAA,oBAIN;AAAA,MAAC;AAAE0E,IAAAA,MAAF;AAAUpC,IAAAA;AAAV,GAAD;AAAA,SACPoC,MAAM,GAAG,OAAH,GAAapC,QAAQ,GAAG,SAAH,GAAe,MADnC;AAAA,CAJM,CAAjB","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"}