@looker/api-explorer 0.9.19 → 0.9.25

package/lib/components/SelectorContainer/SdkLanguageSelector.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SdkLanguageSelector = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _sdkCodegen = require("@looker/sdk-codegen");
 
@@ -13,26 +13,15 @@ var _components = require("@looker/components");
 
 var _reactRedux = require("react-redux");
 
-var _hooks = require("../../hooks");
-
 var _state = require("../../state");
 
-var _context = require("../../context");
-
-var _utils = require("../../utils");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var SdkLanguageSelector = () => {
   var {
     setSdkLanguageAction
-  } = (0, _hooks.useActions)();
-  var selectedSdkLanguage = (0, _reactRedux.useSelector)(_state.getSelectedSdkLanguage);
-  var {
-    envAdaptor
-  } = (0, _react.useContext)(_context.EnvAdaptorContext);
+  } = (0, _state.useSettingActions)();
+  var selectedSdkLanguage = (0, _reactRedux.useSelector)(_state.selectSdkLanguage);
 
   var allSdkLanguages = _sdkCodegen.codeGenerators.map(gen => ({
     value: gen.language
@@ -45,8 +34,9 @@ var SdkLanguageSelector = () => {
   });
 
   var handleChange = language => {
-    setSdkLanguageAction(language);
-    envAdaptor.localStorageSetItem(_utils.EnvAdaptorConstants.LOCALSTORAGE_SDK_LANGUAGE_KEY, language);
+    setSdkLanguageAction({
+      sdkLanguage: language
+    });
   };
 
   return _react.default.createElement(_components.Select, {

package/lib/components/SelectorContainer/SdkLanguageSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SelectorContainer/SdkLanguageSelector.tsx"],"names":["SdkLanguageSelector","setSdkLanguageAction","selectedSdkLanguage","getSelectedSdkLanguage","envAdaptor","EnvAdaptorContext","allSdkLanguages","codeGenerators","map","gen","value","language","push","options","handleChange","localStorageSetItem","EnvAdaptorConstants","LOCALSTORAGE_SDK_LANGUAGE_KEY"],"mappings":";;;;;;;AAyBA;;AACA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AACA;;;;;;AAKO,IAAMA,mBAAuB,GAAG,MAAM;AAC3C,MAAM;AAAEC,IAAAA;AAAF,MAA2B,wBAAjC;AACA,MAAMC,mBAAmB,GAAG,6BAAYC,6BAAZ,CAA5B;AACA,MAAM;AAAEC,IAAAA;AAAF,MAAiB,uBAAWC,0BAAX,CAAvB;;AAEA,MAAMC,eAAoC,GAAGC,2BAAeC,GAAf,CAAoBC,GAAD,KAAU;AACxEC,IAAAA,KAAK,EAAED,GAAG,CAACE;AAD6D,GAAV,CAAnB,CAA7C;;AAIAL,EAAAA,eAAe,CAACM,IAAhB,CAAqB;AACnBC,IAAAA,OAAO,EAAE,CACP;AACEH,MAAAA,KAAK,EAAE;AADT,KADO;AADU,GAArB;;AAQA,MAAMI,YAAY,GAAIH,QAAD,IAAsB;AACzCV,IAAAA,oBAAoB,CAACU,QAAD,CAApB;AACAP,IAAAA,UAAU,CAACW,mBAAX,CACEC,2BAAoBC,6BADtB,EAEEN,QAFF;AAID,GAND;;AAQA,SACE,6BAAC,kBAAD;AACE,kBAAW,uBADb;AAEE,IAAA,KAAK,EAAET,mBAFT;AAGE,IAAA,QAAQ,EAAEY,YAHZ;AAIE,IAAA,OAAO,EAAER;AAJX,IADF;AAQD,CAjCM","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport React, { FC, useContext } from 'react'\nimport { codeGenerators } from '@looker/sdk-codegen'\nimport { Select } from '@looker/components'\nimport { useSelector } from 'react-redux'\nimport { SelectOptionProps } from '@looker/components/lib/Form/Inputs/Select'\n\nimport { useActions } from '../../hooks'\nimport { getSelectedSdkLanguage } from '../../state'\nimport { EnvAdaptorContext } from '../../context'\nimport { EnvAdaptorConstants } from '../../utils'\n\n/**\n * Allows the user to select their preferred SDK language\n */\nexport const SdkLanguageSelector: FC = () => {\n  const { setSdkLanguageAction } = useActions()\n  const selectedSdkLanguage = useSelector(getSelectedSdkLanguage)\n  const { envAdaptor } = useContext(EnvAdaptorContext)\n\n  const allSdkLanguages: SelectOptionProps[] = codeGenerators.map((gen) => ({\n    value: gen.language,\n  }))\n\n  allSdkLanguages.push({\n    options: [\n      {\n        value: 'All',\n      },\n    ],\n  })\n\n  const handleChange = (language: string) => {\n    setSdkLanguageAction(language)\n    envAdaptor.localStorageSetItem(\n      EnvAdaptorConstants.LOCALSTORAGE_SDK_LANGUAGE_KEY,\n      language\n    )\n  }\n\n  return (\n    <Select\n      aria-label=\"sdk language selector\"\n      value={selectedSdkLanguage}\n      onChange={handleChange}\n      options={allSdkLanguages}\n    />\n  )\n}\n"],"file":"SdkLanguageSelector.js"}
+{"version":3,"sources":["../../../src/components/SelectorContainer/SdkLanguageSelector.tsx"],"names":["SdkLanguageSelector","setSdkLanguageAction","selectedSdkLanguage","selectSdkLanguage","allSdkLanguages","codeGenerators","map","gen","value","language","push","options","handleChange","sdkLanguage"],"mappings":";;;;;;;AA0BA;;AACA;;AACA;;AACA;;AAGA;;;;AAKO,IAAMA,mBAAuB,GAAG,MAAM;AAC3C,MAAM;AAAEC,IAAAA;AAAF,MAA2B,+BAAjC;AACA,MAAMC,mBAAmB,GAAG,6BAAYC,wBAAZ,CAA5B;;AAEA,MAAMC,eAAoC,GAAGC,2BAAeC,GAAf,CAAoBC,GAAD,KAAU;AACxEC,IAAAA,KAAK,EAAED,GAAG,CAACE;AAD6D,GAAV,CAAnB,CAA7C;;AAIAL,EAAAA,eAAe,CAACM,IAAhB,CAAqB;AACnBC,IAAAA,OAAO,EAAE,CACP;AACEH,MAAAA,KAAK,EAAE;AADT,KADO;AADU,GAArB;;AAQA,MAAMI,YAAY,GAAIH,QAAD,IAAsB;AACzCR,IAAAA,oBAAoB,CAAC;AAAEY,MAAAA,WAAW,EAAEJ;AAAf,KAAD,CAApB;AACD,GAFD;;AAIA,SACE,6BAAC,kBAAD;AACE,kBAAW,uBADb;AAEE,IAAA,KAAK,EAAEP,mBAFT;AAGE,IAAA,QAAQ,EAAEU,YAHZ;AAIE,IAAA,OAAO,EAAER;AAJX,IADF;AAQD,CA5BM","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 { codeGenerators } from '@looker/sdk-codegen'\nimport { Select } from '@looker/components'\nimport { useSelector } from 'react-redux'\nimport type { SelectOptionProps } from '@looker/components'\n\nimport { useSettingActions, selectSdkLanguage } from '../../state'\n\n/**\n * Allows the user to select their preferred SDK language\n */\nexport const SdkLanguageSelector: FC = () => {\n  const { setSdkLanguageAction } = useSettingActions()\n  const selectedSdkLanguage = useSelector(selectSdkLanguage)\n\n  const allSdkLanguages: SelectOptionProps[] = codeGenerators.map((gen) => ({\n    value: gen.language,\n  }))\n\n  allSdkLanguages.push({\n    options: [\n      {\n        value: 'All',\n      },\n    ],\n  })\n\n  const handleChange = (language: string) => {\n    setSdkLanguageAction({ sdkLanguage: language })\n  }\n\n  return (\n    <Select\n      aria-label=\"sdk language selector\"\n      value={selectedSdkLanguage}\n      onChange={handleChange}\n      options={allSdkLanguages}\n    />\n  )\n}\n"],"file":"SdkLanguageSelector.js"}

package/lib/components/SelectorContainer/SelectorContainer.d.ts

@@ -1,7 +1,8 @@
-import { FC, Dispatch } from 'react';
-import { SpecList, SpecItem } from '@looker/sdk-codegen';
-import { SpecAction } from '../../reducers';
-interface SelectorContainerProps {
+import type { FC, Dispatch } from 'react';
+import type { SpaceHelperProps } from '@looker/components';
+import type { SpecList, SpecItem } from '@looker/sdk-codegen';
+import type { SpecAction } from '../../reducers';
+interface SelectorContainerProps extends SpaceHelperProps {
     specs: SpecList;
     spec: SpecItem;
     specDispatch: Dispatch<SpecAction>;

package/lib/components/SelectorContainer/SelectorContainer.js

@@ -21,6 +21,12 @@ var _ApiSpecSelector = require("./ApiSpecSelector");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 var HEADER_REM = 4;
 exports.HEADER_REM = HEADER_REM;
 
@@ -29,10 +35,12 @@ var SelectorContainer = _ref => {
     specs,
     spec,
     specDispatch
-  } = _ref;
-  return _react.default.createElement(_components.Space, {
+  } = _ref,
+      spaceProps = _objectWithoutProperties(_ref, ["specs", "spec", "specDispatch"]);
+
+  return _react.default.createElement(_components.Space, _extends({
     width: "auto"
-  }, _react.default.createElement(_SdkLanguageSelector.SdkLanguageSelector, null), _react.default.createElement(_ApiSpecSelector.ApiSpecSelector, {
+  }, spaceProps), _react.default.createElement(_SdkLanguageSelector.SdkLanguageSelector, null), _react.default.createElement(_ApiSpecSelector.ApiSpecSelector, {
     specs: specs,
     spec: spec,
     specDispatch: specDispatch

package/lib/components/SelectorContainer/SelectorContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SelectorContainer/SelectorContainer.tsx"],"names":["HEADER_REM","SelectorContainer","specs","spec","specDispatch","diffPath","key"],"mappings":";;;;;;;AA0BA;;AACA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;;;AAWO,IAAMA,UAAU,GAAG,CAAnB;;;AAKA,IAAMC,iBAA6C,GAAG;AAAA,MAAC;AAC5DC,IAAAA,KAD4D;AAE5DC,IAAAA,IAF4D;AAG5DC,IAAAA;AAH4D,GAAD;AAAA,SAK3D,6BAAC,iBAAD;AAAO,IAAA,KAAK,EAAC;AAAb,KACE,6BAAC,wCAAD,OADF,EAEE,6BAAC,gCAAD;AAAiB,IAAA,KAAK,EAAEF,KAAxB;AAA+B,IAAA,IAAI,EAAEC,IAArC;AAA2C,IAAA,YAAY,EAAEC;AAAzD,IAFF,EAGE,6BAAC,UAAD;AAAM,IAAA,EAAE,aAAMC,eAAN,cAAkBF,IAAI,CAACG,GAAvB;AAAR,KACE,6BAAC,sBAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,KAAK,EAAC,wBAFR;AAGE,IAAA,IAAI,EAAE,6BAAC,4BAAD,OAHR;AAIE,IAAA,IAAI,EAAC;AAJP,IADF,CAHF,CAL2D;AAAA,CAAtD","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, Dispatch } from 'react'\nimport { Space, IconButton } from '@looker/components'\nimport { ChangeHistory } from '@styled-icons/material/ChangeHistory'\nimport { SpecList, SpecItem } from '@looker/sdk-codegen'\nimport { Link } from '../Link'\nimport { SpecAction } from '../../reducers'\nimport { diffPath } from '../../utils'\nimport { SdkLanguageSelector } from './SdkLanguageSelector'\nimport { ApiSpecSelector } from './ApiSpecSelector'\n\ninterface SelectorContainerProps {\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 HEADER_REM = 4\n\n/**\n * Renders a container for selectors\n */\nexport const SelectorContainer: FC<SelectorContainerProps> = ({\n  specs,\n  spec,\n  specDispatch,\n}) => (\n  <Space width=\"auto\">\n    <SdkLanguageSelector />\n    <ApiSpecSelector specs={specs} spec={spec} specDispatch={specDispatch} />\n    <Link to={`/${diffPath}/${spec.key}/`}>\n      <IconButton\n        toggle\n        label=\"Compare Specifications\"\n        icon={<ChangeHistory />}\n        size=\"small\"\n      />\n    </Link>\n  </Space>\n)\n"],"file":"SelectorContainer.js"}
+{"version":3,"sources":["../../../src/components/SelectorContainer/SelectorContainer.tsx"],"names":["HEADER_REM","SelectorContainer","specs","spec","specDispatch","spaceProps","diffPath","key"],"mappings":";;;;;;;AA2BA;;AAEA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;;;AAWO,IAAMA,UAAU,GAAG,CAAnB;;;AAKA,IAAMC,iBAA6C,GAAG;AAAA,MAAC;AAC5DC,IAAAA,KAD4D;AAE5DC,IAAAA,IAF4D;AAG5DC,IAAAA;AAH4D,GAAD;AAAA,MAIxDC,UAJwD;;AAAA,SAM3D,6BAAC,iBAAD;AAAO,IAAA,KAAK,EAAC;AAAb,KAAwBA,UAAxB,GACE,6BAAC,wCAAD,OADF,EAEE,6BAAC,gCAAD;AAAiB,IAAA,KAAK,EAAEH,KAAxB;AAA+B,IAAA,IAAI,EAAEC,IAArC;AAA2C,IAAA,YAAY,EAAEC;AAAzD,IAFF,EAGE,6BAAC,UAAD;AAAM,IAAA,EAAE,aAAME,eAAN,cAAkBH,IAAI,CAACI,GAAvB;AAAR,KACE,6BAAC,sBAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,KAAK,EAAC,wBAFR;AAGE,IAAA,IAAI,EAAE,6BAAC,4BAAD,OAHR;AAIE,IAAA,IAAI,EAAC;AAJP,IADF,CAHF,CAN2D;AAAA,CAAtD","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 from 'react'\nimport type { SpaceHelperProps } from '@looker/components'\nimport { Space, IconButton } from '@looker/components'\nimport { ChangeHistory } from '@styled-icons/material/ChangeHistory'\nimport type { SpecList, SpecItem } from '@looker/sdk-codegen'\nimport { Link } from '../Link'\nimport type { SpecAction } from '../../reducers'\nimport { diffPath } from '../../utils'\nimport { SdkLanguageSelector } from './SdkLanguageSelector'\nimport { ApiSpecSelector } from './ApiSpecSelector'\n\ninterface SelectorContainerProps extends SpaceHelperProps {\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 HEADER_REM = 4\n\n/**\n * Renders a container for selectors\n */\nexport const SelectorContainer: FC<SelectorContainerProps> = ({\n  specs,\n  spec,\n  specDispatch,\n  ...spaceProps\n}) => (\n  <Space width=\"auto\" {...spaceProps}>\n    <SdkLanguageSelector />\n    <ApiSpecSelector specs={specs} spec={spec} specDispatch={specDispatch} />\n    <Link to={`/${diffPath}/${spec.key}/`}>\n      <IconButton\n        toggle\n        label=\"Compare Specifications\"\n        icon={<ChangeHistory />}\n        size=\"small\"\n      />\n    </Link>\n  </Space>\n)\n"],"file":"SelectorContainer.js"}

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { ISearchResult } from '@looker/sdk-codegen';
+import type { FC } from 'react';
+import type { ISearchResult } from '@looker/sdk-codegen';
 interface SearchMessageProps {
     search?: ISearchResult;
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SideNav/SearchMessage.tsx"],"names":["SearchMessage","search","ok","message"],"mappings":";;;;;;;AAyBA;;AAEA;;AACA;;;;AAWO,IAAMA,aAAqC,GAAG;AAAA,MAAC;AAAEC,IAAAA;AAAF,GAAD;AAAA,SACnD,4DACGA,MAAM,IAAI,CAACA,MAAM,CAACC,EAAlB,IACC,6BAAC,gBAAD;AAAM,IAAA,EAAE,EAAC,OAAT;AAAiB,IAAA,EAAE,EAAC,OAApB;AAA4B,IAAA,UAAU,EAAC;AAAvC,KACE,6BAAC,mBAAD;AAAS,IAAA,EAAE,EAAC,IAAZ;AAAiB,IAAA,KAAK,EAAC;AAAvB,KACE,6BAAC,gBAAD;AACE,IAAA,GAAG,EAAC,YADN;AAEE,IAAA,IAAI,EAAE,6BAAC,YAAD,OAFR;AAGE,IAAA,IAAI,EAAC,SAHP;AAIE,IAAA,KAAK,EAAC;AAJR,IADF,EAOGD,MAAM,CAACE,OAPV,CADF,CAFJ,CADmD;AAAA,CAA9C","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport React, { FC } from 'react'\nimport { ISearchResult } from '@looker/sdk-codegen'\nimport { Heading, Icon, Flex } from '@looker/components'\nimport { Error } from '@styled-icons/material/Error'\n\ninterface SearchMessageProps {\n  search?: ISearchResult\n}\n\n/**\n * Renders search results message\n * @param search Search Results\n * @constructor\n */\nexport const SearchMessage: FC<SearchMessageProps> = ({ search }) => (\n  <>\n    {search && !search.ok && (\n      <Flex pl=\"large\" pr=\"large\" alignItems=\"center\">\n        <Heading as=\"h4\" color=\"critical\">\n          <Icon\n            key=\"resultIcon\"\n            icon={<Error />}\n            size=\"xxsmall\"\n            color=\"critical\"\n          />\n          {search.message}\n        </Heading>\n      </Flex>\n    )}\n  </>\n)\n"],"file":"SearchMessage.js"}
+{"version":3,"sources":["../../../src/components/SideNav/SearchMessage.tsx"],"names":["SearchMessage","search","ok","message"],"mappings":";;;;;;;AA0BA;;AAEA;;AACA;;;;AAWO,IAAMA,aAAqC,GAAG;AAAA,MAAC;AAAEC,IAAAA;AAAF,GAAD;AAAA,SACnD,4DACGA,MAAM,IAAI,CAACA,MAAM,CAACC,EAAlB,IACC,6BAAC,gBAAD;AAAM,IAAA,EAAE,EAAC,OAAT;AAAiB,IAAA,EAAE,EAAC,OAApB;AAA4B,IAAA,UAAU,EAAC;AAAvC,KACE,6BAAC,mBAAD;AAAS,IAAA,EAAE,EAAC,IAAZ;AAAiB,IAAA,KAAK,EAAC;AAAvB,KACE,6BAAC,gBAAD;AACE,IAAA,GAAG,EAAC,YADN;AAEE,IAAA,IAAI,EAAE,6BAAC,YAAD,OAFR;AAGE,IAAA,IAAI,EAAC,SAHP;AAIE,IAAA,KAAK,EAAC;AAJR,IADF,EAOGD,MAAM,CAACE,OAPV,CADF,CAFJ,CADmD;AAAA,CAA9C","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 type { ISearchResult } from '@looker/sdk-codegen'\nimport { Heading, Icon, Flex } from '@looker/components'\nimport { Error } from '@styled-icons/material/Error'\n\ninterface SearchMessageProps {\n  search?: ISearchResult\n}\n\n/**\n * Renders search results message\n * @param search Search Results\n * @constructor\n */\nexport const SearchMessage: FC<SearchMessageProps> = ({ search }) => (\n  <>\n    {search && !search.ok && (\n      <Flex pl=\"large\" pr=\"large\" alignItems=\"center\">\n        <Heading as=\"h4\" color=\"critical\">\n          <Icon\n            key=\"resultIcon\"\n            icon={<Error />}\n            size=\"xxsmall\"\n            color=\"critical\"\n          />\n          {search.message}\n        </Heading>\n      </Flex>\n    )}\n  </>\n)\n"],"file":"SearchMessage.js"}

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

@@ -1,6 +1,6 @@
-import { FC, Dispatch } from 'react';
-import { SpecItem, SpecList } from '@looker/sdk-codegen';
-import { SpecAction } from '../../reducers';
+import type { FC, Dispatch } from 'react';
+import type { SpecItem, SpecList } from '@looker/sdk-codegen';
+import type { SpecAction } from '../../reducers';
 interface SideNavProps {
     headless?: boolean;
     specs: SpecList;

package/lib/components/SideNav/SideNav.js

@@ -7,25 +7,23 @@ exports.SideNav = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _reactRouterDom = require("react-router-dom");
+
 var _components = require("@looker/components");
 
 var _sdkCodegen = require("@looker/sdk-codegen");
 
-var _reactRouterDom = require("react-router-dom");
-
-var _context = require("../../context");
-
-var _reducers = require("../../reducers");
+var _reactRedux = require("react-redux");
 
 var _utils = require("../../utils");
 
 var _Header = require("../Header");
 
-var _SelectorContainer = require("../SelectorContainer");
+var _state = require("../../state");
 
-var _SideNavTags = require("./SideNavTags");
+var _SideNavMethodTags = require("./SideNavMethodTags");
 
-var _SideNavTypes = require("./SideNavTypes");
+var _SideNavTypeTags = require("./SideNavTypeTags");
 
 var _searchUtils = require("./searchUtils");
 
@@ -40,35 +38,64 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 var SideNav = _ref => {
   var {
     headless = false,
-    specs,
-    spec,
-    specDispatch
+    spec
   } = _ref;
-  var api = spec.api || {};
+  var history = (0, _reactRouterDom.useHistory)();
+  var location = (0, _reactRouterDom.useLocation)();
   var specKey = spec.key;
   var tabNames = ['methods', 'types'];
-  var match = (0, _reactRouterDom.useRouteMatch)("/:specKey/:sideNavTab?");
-  var defaultIndex = tabNames.indexOf('methods');
+  var pathParts = location.pathname.split('/');
+  var sideNavTab = pathParts[1] === 'diff' ? pathParts[3] : pathParts[2];
+  var defaultIndex = tabNames.indexOf(sideNavTab);
 
-  if (match && match.params.sideNavTab) {
-    defaultIndex = tabNames.indexOf(match.params.sideNavTab);
+  if (defaultIndex < 0) {
+    defaultIndex = tabNames.indexOf('methods');
   }
 
+  var onTabChange = index => {
+    var parts = location.pathname.split('/');
+
+    if (parts[1] === 'diff') {
+      if (parts[3] !== tabNames[index]) {
+        parts[3] = tabNames[index];
+        history.push(parts.join('/'));
+      }
+    } else {
+      if (parts[2] !== tabNames[index]) {
+        parts[2] = tabNames[index];
+        history.push(parts.join('/'));
+      }
+    }
+  };
+
   var tabs = (0, _components.useTabs)({
-    defaultIndex
+    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 [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);
@@ -78,46 +105,55 @@ var SideNav = _ref => {
     var results;
     var newTags;
     var newTypes;
+    var newTypeTags;
+    var api = spec.api || {};
 
-    if (debouncedPattern) {
-      results = api.search(pattern, searchCriteria);
+    if (debouncedPattern && api.search) {
+      results = api.search(pattern, (0, _sdkCodegen.criteriaToSet)(searchCriteria));
       newTags = results.tags;
       newTypes = results.types;
+      newTypeTags = (0, _sdkCodegen.tagTypes)(api, results.types);
     } else {
       newTags = api.tags || {};
       newTypes = api.types || {};
+      newTypeTags = api.typeTags || {};
     }
 
-    setTags(newTags);
-    setTypes(newTypes);
-    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,
+      onSelectTab
+    } = tabs;
+
+    if (defaultIndex !== selectedIndex) {
+      onSelectTab(defaultIndex);
+    }
+  }, [defaultIndex, tabs]);
   var size = (0, _utils.useWindowSize)();
   var headlessOffset = headless ? 200 : 120;
   var menuH = size.height - 16 * _Header.HEADER_REM - headlessOffset;
-  return _react.default.createElement("nav", null, _react.default.createElement(_components.SpaceVertical, {
-    alignItems: "center",
-    p: "large",
-    gap: "xsmall"
-  }, headless && _react.default.createElement(_components.SpaceVertical, null, _react.default.createElement(_components.Heading, {
-    as: "h5",
-    color: "key",
-    fontWeight: "bold"
-  }, "API Documentation"), _react.default.createElement(_SelectorContainer.SelectorContainer, {
-    specs: specs,
-    spec: spec,
-    specDispatch: specDispatch
-  })), _react.default.createElement(_components.InputSearch, {
+  return _react.default.createElement("nav", null, _react.default.createElement(_components.InputSearch, {
+    pl: "large",
+    pr: "large",
+    pb: "large",
+    pt: headless ? 'u3' : 'large',
     "aria-label": "Search",
     onChange: handleInputChange,
     placeholder: "Search",
     value: pattern,
-    isClearable: true,
-    changeOnSelect: true
-  })), _react.default.createElement(_SearchMessage.SearchMessage, {
+    isClearable: true
+  }), _react.default.createElement(_SearchMessage.SearchMessage, {
     search: searchResults
   }), _react.default.createElement(_components.TabList, _extends({}, tabs, {
     distribute: true
@@ -125,13 +161,14 @@ var SideNav = _ref => {
     pt: "xsmall",
     height: "".concat(menuH, "px"),
     overflow: "auto"
-  }), _react.default.createElement(_components.TabPanel, null, _react.default.createElement(_SideNavTags.SideNavTags, {
+  }), _react.default.createElement(_components.TabPanel, null, _react.default.createElement(_SideNavMethodTags.SideNavMethodTags, {
     tags: tags,
     specKey: specKey,
     defaultOpen: !!searchResults
-  })), _react.default.createElement(_components.TabPanel, null, _react.default.createElement(_SideNavTypes.SideNavTypes, {
-    types: types,
-    specKey: specKey
+  })), _react.default.createElement(_components.TabPanel, null, _react.default.createElement(_SideNavTypeTags.SideNavTypeTags, {
+    tags: typeTags,
+    specKey: specKey,
+    defaultOpen: !!searchResults
   }))));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SideNav/SideNav.tsx"],"names":["SideNav","headless","specs","spec","specDispatch","api","specKey","key","tabNames","match","defaultIndex","indexOf","params","sideNavTab","tabs","searchSettings","setSearchSettings","SearchContext","pattern","setSearchPattern","debouncedPattern","searchResults","setSearchResults","searchCriteria","criteria","tags","setTags","types","setTypes","methodCount","setMethodCount","typeCount","setTypeCount","handleInputChange","value","results","newTags","newTypes","search","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 React, { FC, useContext, useEffect, useState, Dispatch } from 'react'\nimport {\n  Heading,\n  TabList,\n  Tab,\n  TabPanel,\n  TabPanels,\n  useTabs,\n  InputSearch,\n  SpaceVertical,\n} from '@looker/components'\nimport {\n  SpecItem,\n  SpecList,\n  CriteriaToSet,\n  ISearchResult,\n  ApiModel,\n} from '@looker/sdk-codegen'\nimport { useRouteMatch } from 'react-router-dom'\n\nimport { SearchContext } from '../../context'\nimport { setPattern, SpecAction } from '../../reducers'\nimport { useWindowSize } from '../../utils'\nimport { HEADER_REM } from '../Header'\nimport { SelectorContainer } from '../SelectorContainer'\nimport { SideNavTags } from './SideNavTags'\nimport { SideNavTypes } from './SideNavTypes'\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\ninterface SideNavParams {\n  sideNavTab: string\n}\n\nexport const SideNav: FC<SideNavProps> = ({\n  headless = false,\n  specs,\n  spec,\n  specDispatch,\n}) => {\n  const api = spec.api || ({} as ApiModel)\n  const specKey = spec.key\n  const tabNames = ['methods', 'types']\n  const match = useRouteMatch<SideNavParams>(`/:specKey/:sideNavTab?`)\n  let defaultIndex = tabNames.indexOf('methods')\n  if (match && match.params.sideNavTab) {\n    defaultIndex = tabNames.indexOf(match.params.sideNavTab)\n  }\n  const tabs = useTabs({ defaultIndex })\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 [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    if (debouncedPattern) {\n      results = api.search(pattern, searchCriteria)\n      newTags = results.tags\n      newTypes = results.types\n    } else {\n      newTags = api.tags || {}\n      newTypes = api.types || {}\n    }\n\n    setTags(newTags)\n    setTypes(newTypes)\n    setMethodCount(countMethods(newTags))\n    setTypeCount(countTypes(newTypes))\n    setSearchResults(results)\n    setSearchSettings(setPattern(debouncedPattern!))\n  }, [debouncedPattern, specKey, spec])\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      <SpaceVertical alignItems=\"center\" p=\"large\" gap=\"xsmall\">\n        {headless && (\n          <SpaceVertical>\n            <Heading as=\"h5\" color=\"key\" fontWeight=\"bold\">\n              API Documentation\n            </Heading>\n            <SelectorContainer\n              specs={specs}\n              spec={spec}\n              specDispatch={specDispatch}\n            />\n          </SpaceVertical>\n        )}\n        <InputSearch\n          aria-label=\"Search\"\n          onChange={handleInputChange}\n          placeholder=\"Search\"\n          value={pattern}\n          isClearable\n          changeOnSelect\n        />\n      </SpaceVertical>\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          <SideNavTags\n            tags={tags}\n            specKey={specKey}\n            defaultOpen={!!searchResults}\n          />\n        </TabPanel>\n        <TabPanel>\n          <SideNavTypes types={types} specKey={specKey} />\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":"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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, { 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/SideNavMethodTags.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { TagList } from '@looker/sdk-codegen';
+interface TagsProps {
+    tags: TagList;
+    specKey: string;
+    defaultOpen?: boolean;
+    className?: string;
+}
+export declare const SideNavMethodTags: import("styled-components").StyledComponent<({ tags, specKey, className, defaultOpen }: TagsProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export {};

package/lib/components/SideNav/{SideNavTags.js → SideNavMethodTags.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SideNavTags = void 0;
+exports.SideNavMethodTags = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -13,7 +13,7 @@ var _SideNavMethods = require("./SideNavMethods");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var SideNavTags = (0, _styledComponents.default)(_ref => {
+var SideNavMethodTags = (0, _styledComponents.default)(_ref => {
   var {
     tags,
     specKey,
@@ -30,13 +30,13 @@ var SideNavTags = (0, _styledComponents.default)(_ref => {
     specKey: specKey
   })));
 }).withConfig({
-  displayName: "SideNavTags",
-  componentId: "ej0zn7-0"
+  displayName: "SideNavMethodTags",
+  componentId: "m8q23l-0"
 })(["padding:0 ", ";"], _ref2 => {
   var {
     theme
   } = _ref2;
   return theme.space.large;
 });
-exports.SideNavTags = SideNavTags;
-//# sourceMappingURL=SideNavTags.js.map
+exports.SideNavMethodTags = SideNavMethodTags;
+//# sourceMappingURL=SideNavMethodTags.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SideNav/SideNavMethodTags.tsx"],"names":["SideNavMethodTags","tags","specKey","className","defaultOpen","Object","keys","map","tag","theme","space","large"],"mappings":";;;;;;;AA0BA;;AACA;;AAEA;;;;AASO,IAAMA,iBAAiB,GAAG,+BAC/B;AAAA,MAAC;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,OAAR;AAAiBC,IAAAA,SAAjB;AAA4BC,IAAAA;AAA5B,GAAD;AAAA,SACE;AAAK,IAAA,SAAS,EAAED;AAAhB,KACGE,MAAM,CAACC,IAAP,CAAYL,IAAZ,EAAkBM,GAAlB,CAAuBC,GAAD,IACrB,6BAAC,8BAAD;AACE,IAAA,GAAG,EAAEA,GADP;AAEE,IAAA,WAAW,EAAEJ,WAFf;AAGE,IAAA,GAAG,EAAEI,GAHP;AAIE,IAAA,OAAO,EAAEP,IAAI,CAACO,GAAD,CAJf;AAKE,IAAA,OAAO,EAAEN;AALX,IADD,CADH,CADF;AAAA,CAD+B,CAAH;AAAA;AAAA;AAAA,wBAef;AAAA,MAAC;AAAEO,IAAAA;AAAF,GAAD;AAAA,SAAeA,KAAK,CAACC,KAAN,CAAYC,KAA3B;AAAA,CAfe,CAAvB","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 styled from 'styled-components'\nimport type { TagList } from '@looker/sdk-codegen'\nimport { SideNavMethods } from './SideNavMethods'\n\ninterface TagsProps {\n  tags: TagList\n  specKey: string\n  defaultOpen?: boolean\n  className?: string\n}\n\nexport const SideNavMethodTags = styled(\n  ({ tags, specKey, className, defaultOpen }: TagsProps) => (\n    <div className={className}>\n      {Object.keys(tags).map((tag) => (\n        <SideNavMethods\n          key={tag}\n          defaultOpen={defaultOpen}\n          tag={tag}\n          methods={tags[tag]}\n          specKey={specKey}\n        />\n      ))}\n    </div>\n  )\n)`\n  padding: 0 ${({ theme }) => theme.space.large};\n`\n"],"file":"SideNavMethodTags.js"}

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

@@ -1,10 +1,11 @@
-import { MethodList } from '@looker/sdk-codegen';
+/// <reference types="react" />
+import type { MethodList } from '@looker/sdk-codegen';
 interface MethodsProps {
-    className?: string;
-    defaultOpen?: boolean;
     methods: MethodList;
     tag: string;
     specKey: string;
+    className?: string;
+    defaultOpen?: boolean;
 }
-export declare const SideNavMethods: import("styled-components").StyledComponent<({ className, defaultOpen, methods, tag, specKey }: MethodsProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const SideNavMethods: import("styled-components").StyledComponent<({ className, methods, tag, specKey, defaultOpen }: MethodsProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export {};

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 }; }
 
@@ -28,16 +30,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var SideNavMethods = (0, _styledComponents.default)(_ref => {
   var {
     className,
-    defaultOpen = false,
     methods,
     tag,
-    specKey
+    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]);
+  }, [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","defaultOpen","methods","tag","specKey","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 { 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  className?: string\n  defaultOpen?: boolean\n  methods: MethodList\n  tag: string\n  specKey: string\n}\n\nexport const SideNavMethods = styled(\n  ({ className, defaultOpen = false, methods, tag, specKey }: 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])\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"}