@looker/api-explorer 0.9.18 → 0.9.24

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

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

package/lib/components/SideNav/SideNavTypeTags.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SideNavTypeTags = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _SideNavTypes = require("./SideNavTypes");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var SideNavTypeTags = (0, _styledComponents.default)(_ref => {
+  var {
+    tags,
+    specKey,
+    className,
+    defaultOpen
+  } = _ref;
+  return _react.default.createElement("div", {
+    className: className
+  }, Object.keys(tags).map(tag => _react.default.createElement(_SideNavTypes.SideNavTypes, {
+    key: tag,
+    defaultOpen: defaultOpen,
+    types: tags[tag],
+    tag: tag,
+    specKey: specKey
+  })));
+}).withConfig({
+  displayName: "SideNavTypeTags",
+  componentId: "u6qlhq-0"
+})(["padding:0 ", ";"], _ref2 => {
+  var {
+    theme
+  } = _ref2;
+  return theme.space.large;
+});
+exports.SideNavTypeTags = SideNavTypeTags;
+//# sourceMappingURL=SideNavTypeTags.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SideNav/SideNavTypeTags.tsx"],"names":["SideNavTypeTags","tags","specKey","className","defaultOpen","Object","keys","map","tag","theme","space","large"],"mappings":";;;;;;;AA0BA;;AACA;;AAEA;;;;AASO,IAAMA,eAAe,GAAG,+BAC7B;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,0BAAD;AACE,IAAA,GAAG,EAAEA,GADP;AAEE,IAAA,WAAW,EAAEJ,WAFf;AAGE,IAAA,KAAK,EAAEH,IAAI,CAACO,GAAD,CAHb;AAIE,IAAA,GAAG,EAAEA,GAJP;AAKE,IAAA,OAAO,EAAEN;AALX,IADD,CADH,CADF;AAAA,CAD6B,CAAH;AAAA;AAAA;AAAA,wBAeb;AAAA,MAAC;AAAEO,IAAAA;AAAF,GAAD;AAAA,SAAeA,KAAK,CAACC,KAAN,CAAYC,KAA3B;AAAA,CAfa,CAArB","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 { TypeTagList } from '@looker/sdk-codegen'\nimport { SideNavTypes } from './SideNavTypes'\n\ninterface TypeTagsProps {\n  tags: TypeTagList\n  specKey: string\n  defaultOpen?: boolean\n  className?: string\n}\n\nexport const SideNavTypeTags = styled(\n  ({ tags, specKey, className, defaultOpen }: TypeTagsProps) => (\n    <div className={className}>\n      {Object.keys(tags).map((tag) => (\n        <SideNavTypes\n          key={tag}\n          defaultOpen={defaultOpen}\n          types={tags[tag]}\n          tag={tag}\n          specKey={specKey}\n        />\n      ))}\n    </div>\n  )\n)`\n  padding: 0 ${({ theme }) => theme.space.large};\n`\n"],"file":"SideNavTypeTags.js"}

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

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

package/lib/components/SideNav/SideNavTypes.js

@@ -7,17 +7,19 @@ exports.SideNavTypes = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _components = require("@looker/components");
 
-var _sdkCodegen = require("@looker/sdk-codegen");
+var _reactRouterDom = require("react-router-dom");
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+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 }; }
 
@@ -25,53 +27,102 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-var SideNavTypes = _ref => {
+var SideNavTypes = (0, _styledComponents.default)(_ref => {
   var {
+    className,
     types,
-    specKey
+    tag,
+    specKey,
+    defaultOpen = false
   } = _ref;
-  var {
-    searchSettings: {
-      pattern
-    }
-  } = (0, _react.useContext)(_context.SearchContext);
-  return _react.default.createElement(_react.default.Fragment, null, Object.values(types).filter(type => !(type instanceof _sdkCodegen.IntrinsicType)).map(type => _react.default.createElement(SideNavLink, {
-    key: type.name,
-    to: "".concat((0, _utils.buildTypePath)(specKey, type.name))
-  }, _react.default.createElement(_components.Heading, {
-    as: "h5",
-    truncate: true
-  }, (0, _utils.highlightHTML)(pattern, type.name)))));
-};
+  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)();
 
-exports.SideNavTypes = SideNavTypes;
-var SideNavLink = (0, _styledComponents.default)(_Link.Link).withConfig({
-  displayName: "SideNavTypes__SideNavLink",
+  var handleOpen = () => {
+    var _isOpen = !isOpen;
+
+    setIsOpen(_isOpen);
+    if (_isOpen) history.push("/".concat(specKey, "/types/").concat(tag));
+  };
+
+  (0, _react.useEffect)(() => {
+    var status = match ? defaultOpen || match.params.typeTag === tag : defaultOpen;
+    setIsOpen(status);
+  }, [defaultOpen]);
+  return _react.default.createElement(_components.Accordion2, {
+    isOpen: isOpen,
+    toggleOpen: handleOpen,
+    className: className,
+    label: _react.default.createElement(_components.Heading, {
+      as: "h4",
+      fontSize: "small",
+      py: "xsmall"
+    }, (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)(searchPattern, type.name))))));
+}).withConfig({
+  displayName: "SideNavTypes",
   componentId: "vqik31-0"
-})(["display:block;padding:", ";&:hover,&:focus{", "{color:", ";}}&.active{", "{color:", ";font-weight:", ";}}"], _ref2 => {
+})(["font-family:", ";[aria-controls]:hover,[aria-expanded='true']{h4,svg{color:", ";}}[aria-expanded='true'] h4{font-weight:", ";}ul{border-left:dashed 1px ", ";list-style:none;margin:0;padding:0;padding-left:", ";padding-top:", ";}[aria-current]{background:", ";font-weight:", ";}", "{border-radius:", ";display:block;overflow:hidden;padding:", ";text-overflow:ellipsis;white-space:nowrap;&:hover,&:focus,&.active{background:", ";}}"], _ref2 => {
   var {
-    theme: {
-      space: {
-        xsmall,
-        large
-      }
-    }
+    theme
   } = _ref2;
-  return "".concat(xsmall, " ").concat(large);
-}, _components.Heading, _ref3 => {
+  return theme.fonts.brand;
+}, _ref3 => {
   var {
     theme
   } = _ref3;
   return theme.colors.key;
-}, _components.Heading, _ref4 => {
+}, _ref4 => {
   var {
     theme
   } = _ref4;
-  return theme.colors.key;
+  return theme.fontWeights.semiBold;
 }, _ref5 => {
   var {
     theme
   } = _ref5;
+  return theme.colors.ui2;
+}, _ref6 => {
+  var {
+    theme
+  } = _ref6;
+  return theme.space.xxsmall;
+}, _ref7 => {
+  var {
+    theme
+  } = _ref7;
+  return theme.space.xxsmall;
+}, _ref8 => {
+  var {
+    theme
+  } = _ref8;
+  return theme.colors.ui1;
+}, _ref9 => {
+  var {
+    theme
+  } = _ref9;
   return theme.fontWeights.semiBold;
+}, _Link.Link, _ref10 => {
+  var {
+    theme
+  } = _ref10;
+  return theme.radii.medium;
+}, _ref11 => {
+  var {
+    theme
+  } = _ref11;
+  return theme.space.xsmall;
+}, _ref12 => {
+  var {
+    theme
+  } = _ref12;
+  return theme.colors.ui1;
 });
+exports.SideNavTypes = SideNavTypes;
 //# sourceMappingURL=SideNavTypes.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SideNav/SideNavTypes.tsx"],"names":["SideNavTypes","types","specKey","searchSettings","pattern","SearchContext","Object","values","filter","type","IntrinsicType","map","name","SideNavLink","Link","theme","space","xsmall","large","Heading","colors","key","fontWeights","semiBold"],"mappings":";;;;;;;AA0BA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAOO,IAAMA,YAA2B,GAAG,QAAwB;AAAA,MAAvB;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAuB;AACjE,MAAM;AACJC,IAAAA,cAAc,EAAE;AAAEC,MAAAA;AAAF;AADZ,MAEF,uBAAWC,sBAAX,CAFJ;AAIA,SACE,4DACGC,MAAM,CAACC,MAAP,CAAcN,KAAd,EACEO,MADF,CACUC,IAAD,IAAU,EAAEA,IAAI,YAAYC,yBAAlB,CADnB,EAEEC,GAFF,CAEOF,IAAD,IACH,6BAAC,WAAD;AACE,IAAA,GAAG,EAAEA,IAAI,CAACG,IADZ;AAEE,IAAA,EAAE,YAAK,0BAAcV,OAAd,EAAuBO,IAAI,CAACG,IAA5B,CAAL;AAFJ,KAIE,6BAAC,mBAAD;AAAS,IAAA,EAAE,EAAC,IAAZ;AAAiB,IAAA,QAAQ;AAAzB,KACG,0BAAcR,OAAd,EAAuBK,IAAI,CAACG,IAA5B,CADH,CAJF,CAHH,CADH,CADF;AAgBD,CArBM;;;AAuBP,IAAMC,WAAW,GAAG,+BAAOC,UAAP,CAAH;AAAA;AAAA;AAAA,kHAEJ;AAAA,MAAC;AACVC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE;AAAEC,QAAAA,MAAF;AAAUC,QAAAA;AAAV;AADF;AADG,GAAD;AAAA,mBAIFD,MAJE,cAIQC,KAJR;AAAA,CAFI,EAUXC,mBAVW,EAWF;AAAA,MAAC;AAAEJ,IAAAA;AAAF,GAAD;AAAA,SAAeA,KAAK,CAACK,MAAN,CAAaC,GAA5B;AAAA,CAXE,EAgBXF,mBAhBW,EAiBF;AAAA,MAAC;AAAEJ,IAAAA;AAAF,GAAD;AAAA,SAAeA,KAAK,CAACK,MAAN,CAAaC,GAA5B;AAAA,CAjBE,EAkBI;AAAA,MAAC;AAAEN,IAAAA;AAAF,GAAD;AAAA,SAAeA,KAAK,CAACO,WAAN,CAAkBC,QAAjC;AAAA,CAlBJ,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 React, { FC, useContext } from 'react'\nimport { Heading } from '@looker/components'\nimport { TypeList, IntrinsicType } from '@looker/sdk-codegen'\nimport styled from 'styled-components'\nimport { Link } from '../Link'\nimport { buildTypePath, highlightHTML } from '../../utils'\nimport { SearchContext } from '../../context'\n\ninterface TypeProps {\n  specKey: string\n  types: TypeList\n}\n\nexport const SideNavTypes: FC<TypeProps> = ({ types, specKey }) => {\n  const {\n    searchSettings: { pattern },\n  } = useContext(SearchContext)\n\n  return (\n    <>\n      {Object.values(types)\n        .filter((type) => !(type instanceof IntrinsicType))\n        .map((type) => (\n          <SideNavLink\n            key={type.name}\n            to={`${buildTypePath(specKey, type.name)}`}\n          >\n            <Heading as=\"h5\" truncate>\n              {highlightHTML(pattern, type.name)}\n            </Heading>\n          </SideNavLink>\n        ))}\n    </>\n  )\n}\n\nconst SideNavLink = styled(Link)`\n  display: block;\n  padding: ${({\n    theme: {\n      space: { xsmall, large },\n    },\n  }) => `${xsmall} ${large}`};\n\n  &:hover,\n  &:focus {\n    ${Heading} {\n      color: ${({ theme }) => theme.colors.key};\n    }\n  }\n\n  &.active {\n    ${Heading} {\n      color: ${({ theme }) => theme.colors.key};\n      font-weight: ${({ theme }) => theme.fontWeights.semiBold};\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":";;;;;;;AA0BA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAUO,IAAMA,YAAY,GAAG,+BAC1B,QAAyE;AAAA,MAAxE;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,KAAb;AAAoBC,IAAAA,GAApB;AAAyBC,IAAAA,OAAzB;AAAkCC,IAAAA,WAAW,GAAG;AAAhD,GAAwE;AACvE,MAAMC,aAAa,GAAG,6BAAYC,0BAAZ,CAAtB;AACA,MAAMC,KAAK,GAAG,yEAAd;AAGA,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,qBAASL,WAAT,CAA5B;AACA,MAAMM,OAAO,GAAG,iCAAhB;;AAEA,MAAMC,UAAU,GAAG,MAAM;AACvB,QAAMC,OAAO,GAAG,CAACJ,MAAjB;;AACAC,IAAAA,SAAS,CAACG,OAAD,CAAT;AACA,QAAIA,OAAJ,EAAaF,OAAO,CAACG,IAAR,YAAiBV,OAAjB,oBAAkCD,GAAlC;AACd,GAJD;;AAMA,wBAAU,MAAM;AACd,QAAMY,MAAM,GAAGP,KAAK,GAChBH,WAAW,IAAIG,KAAK,CAACQ,MAAN,CAAaC,OAAb,KAAyBd,GADxB,GAEhBE,WAFJ;AAGAK,IAAAA,SAAS,CAACK,MAAD,CAAT;AACD,GALD,EAKG,CAACV,WAAD,CALH;AAQA,SACE,6BAAC,sBAAD;AACE,IAAA,MAAM,EAAEI,MADV;AAEE,IAAA,UAAU,EAAEG,UAFd;AAGE,IAAA,SAAS,EAAEX,SAHb;AAIE,IAAA,KAAK,EACH,6BAAC,mBAAD;AAAS,MAAA,EAAE,EAAC,IAAZ;AAAiB,MAAA,QAAQ,EAAC,OAA1B;AAAkC,MAAA,EAAE,EAAC;AAArC,OACG,0BAAcK,aAAd,EAA6BH,GAA7B,CADH;AALJ,KAUE,yCACGe,MAAM,CAACC,MAAP,CAAcjB,KAAd,EAAqBkB,GAArB,CAA0BC,IAAD,IACxB;AAAI,IAAA,GAAG,EAAEA,IAAI,CAACC;AAAd,KACE,6BAAC,UAAD;AAAM,IAAA,EAAE,YAAK,0BAAclB,OAAd,EAAuBD,GAAvB,EAA4BkB,IAAI,CAACC,IAAjC,CAAL;AAAR,KACG,0BAAchB,aAAd,EAA6Be,IAAI,CAACC,IAAlC,CADH,CADF,CADD,CADH,CAVF,CADF;AAsBD,CA7CyB,CAAH;AAAA;AAAA;AAAA,sbA+CR;AAAA,MAAC;AAAEC,IAAAA;AAAF,GAAD;AAAA,SAAeA,KAAK,CAACC,KAAN,CAAYC,KAA3B;AAAA,CA/CQ,EAqDV;AAAA,MAAC;AAAEF,IAAAA;AAAF,GAAD;AAAA,SAAeA,KAAK,CAACG,MAAN,CAAaC,GAA5B;AAAA,CArDU,EA0DN;AAAA,MAAC;AAAEJ,IAAAA;AAAF,GAAD;AAAA,SAAeA,KAAK,CAACK,WAAN,CAAkBC,QAAjC;AAAA,CA1DM,EA8DK;AAAA,MAAC;AAAEN,IAAAA;AAAF,GAAD;AAAA,SAAeA,KAAK,CAACG,MAAN,CAAaI,GAA5B;AAAA,CA9DL,EAkEL;AAAA,MAAC;AAAEP,IAAAA;AAAF,GAAD;AAAA,SAAeA,KAAK,CAACQ,KAAN,CAAYC,OAA3B;AAAA,CAlEK,EAmEN;AAAA,MAAC;AAAET,IAAAA;AAAF,GAAD;AAAA,SAAeA,KAAK,CAACQ,KAAN,CAAYC,OAA3B;AAAA,CAnEM,EAuEP;AAAA,MAAC;AAAET,IAAAA;AAAF,GAAD;AAAA,SAAeA,KAAK,CAACG,MAAN,CAAaO,GAA5B;AAAA,CAvEO,EAwEN;AAAA,MAAC;AAAEV,IAAAA;AAAF,GAAD;AAAA,SAAeA,KAAK,CAACK,WAAN,CAAkBC,QAAjC;AAAA,CAxEM,EA2ErBK,UA3EqB,EA4EJ;AAAA,MAAC;AAAEX,IAAAA;AAAF,GAAD;AAAA,SAAeA,KAAK,CAACY,KAAN,CAAYC,MAA3B;AAAA,CA5EI,EA+EV;AAAA,MAAC;AAAEb,IAAAA;AAAF,GAAD;AAAA,SAAeA,KAAK,CAACQ,KAAN,CAAYM,MAA3B;AAAA,CA/EU,EAsFL;AAAA,MAAC;AAAEd,IAAAA;AAAF,GAAD;AAAA,SAAeA,KAAK,CAACG,MAAN,CAAaO,GAA5B;AAAA,CAtFK,CAAlB","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 { TagList, TypeList } from '@looker/sdk-codegen';
-export declare const useDebounce: (value: any, delay: number) => undefined;
+import type { TagList, TypeList } from '@looker/sdk-codegen';
+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 { 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 { FC } from 'react';
-import { ThemeOverrides } from '../../utils';
+import type { FC } from 'react';
+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":";;;;;;;AAyBA;;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 React, { FC } from 'react'\nimport {\n  ComponentsProvider,\n  Flex,\n  FlexItem,\n  Heading,\n  ProgressCircular,\n} from '@looker/components'\nimport { 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/components/common/common.d.ts

@@ -1,5 +1,4 @@
-import { FC } from 'react';
-import { SectionProps } from '@looker/components';
-export declare const ApixHeading: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("@looker/components/lib/Text/TextBase").TextBaseProps & import("@looker/components").HeadingProps, never>;
+import type { FC } from 'react';
+import type { SectionProps } from '@looker/components';
 export declare const REM_TO_PX = 16;
 export declare const ApixSection: FC<SectionProps>;

package/lib/components/common/common.js

@@ -3,35 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ApixSection = exports.REM_TO_PX = exports.ApixHeading = void 0;
+exports.ApixSection = exports.REM_TO_PX = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _components = require("@looker/components");
 
 var _utils = require("../../utils");
 
 var _Header = require("../Header");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var ApixHeading = (0, _styledComponents.default)(_components.Heading).withConfig({
-  displayName: "common__ApixHeading",
-  componentId: "ksfrxk-0"
-})([""]);
-exports.ApixHeading = ApixHeading;
-ApixHeading.defaultProps = {
-  mb: 'xsmall',
-  pt: 'xsmall'
-};
 var REM_TO_PX = 16;
 exports.REM_TO_PX = REM_TO_PX;
 
@@ -48,7 +35,8 @@ var ApixSection = props => {
     p: "xxlarge",
     style: {
       height: "".concat(sectionH, "px"),
-      overflow: 'auto'
+      overflow: 'auto',
+      borderTop: '0px'
     }
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/common/common.tsx"],"names":["ApixHeading","Heading","defaultProps","mb","pt","REM_TO_PX","ApixSection","props","size","sectionH","height","HEADER_REM","document","getElementById","scrollTo","overflow"],"mappings":";;;;;;;AAyBA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAMO,IAAMA,WAAW,GAAG,+BAAOC,mBAAP,CAAH;AAAA;AAAA;AAAA,QAAjB;;AAEPD,WAAW,CAACE,YAAZ,GAA2B;AACzBC,EAAAA,EAAE,EAAE,QADqB;AAEzBC,EAAAA,EAAE,EAAE;AAFqB,CAA3B;AAKO,IAAMC,SAAS,GAAG,EAAlB;;;AAMA,IAAMC,WAA6B,GAAIC,KAAD,IAAgB;AAC3D,MAAMC,IAAI,GAAG,2BAAb;AACA,MAAMC,QAAQ,GAAGD,IAAI,CAACE,MAAL,GAAcL,SAAS,GAAGM,kBAA3C;AACA,wBAAU,MAAM;AAAA;;AACd,6BAAAC,QAAQ,CAACC,cAAT,CAAwB,KAAxB,iFAAgCC,QAAhC,CAAyCT,SAAS,GAAGM,kBAArD,EAAiE,CAAjE;AACD,GAFD,EAEG,CAACJ,KAAD,CAFH;AAIA,SACE,6BAAC,mBAAD,eACMA,KADN;AAEE,IAAA,EAAE,EAAC,KAFL;AAGE,IAAA,CAAC,EAAC,SAHJ;AAIE,IAAA,KAAK,EAAE;AAAEG,MAAAA,MAAM,YAAKD,QAAL,OAAR;AAA2BM,MAAAA,QAAQ,EAAE;AAArC;AAJT,KADF;AAQD,CAfM","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, { useEffect, FC } from 'react'\nimport styled from 'styled-components'\nimport { Heading, Section, SectionProps } from '@looker/components'\nimport { useWindowSize } from '../../utils'\nimport { HEADER_REM } from '../Header'\n\n/**\n * Common styled components to be used across the whole library\n */\n\nexport const ApixHeading = styled(Heading)``\n\nApixHeading.defaultProps = {\n  mb: 'xsmall',\n  pt: 'xsmall',\n}\n\nexport const REM_TO_PX = 16\n\n/**\n * Extends the looker Section to proper height and scrolls to top on use\n * @param props - anything you want, but probably SectionProps\n */\nexport const ApixSection: FC<SectionProps> = (props: any) => {\n  const size = useWindowSize()\n  const sectionH = size.height - REM_TO_PX * HEADER_REM\n  useEffect(() => {\n    document.getElementById('top')?.scrollTo(REM_TO_PX * HEADER_REM, 0)\n  }, [props])\n\n  return (\n    <Section\n      {...props}\n      id=\"top\"\n      p=\"xxlarge\"\n      style={{ height: `${sectionH}px`, overflow: 'auto' }}\n    />\n  )\n}\n"],"file":"common.js"}
+{"version":3,"sources":["../../../src/components/common/common.tsx"],"names":["REM_TO_PX","ApixSection","props","size","sectionH","height","HEADER_REM","document","getElementById","scrollTo","overflow","borderTop"],"mappings":";;;;;;;AA0BA;;AAEA;;AACA;;AACA;;;;;;;;AAEO,IAAMA,SAAS,GAAG,EAAlB;;;AAMA,IAAMC,WAA6B,GAAIC,KAAD,IAAgB;AAC3D,MAAMC,IAAI,GAAG,2BAAb;AACA,MAAMC,QAAQ,GAAGD,IAAI,CAACE,MAAL,GAAcL,SAAS,GAAGM,kBAA3C;AACA,wBAAU,MAAM;AAAA;;AACd,6BAAAC,QAAQ,CAACC,cAAT,CAAwB,KAAxB,iFAAgCC,QAAhC,CAAyCT,SAAS,GAAGM,kBAArD,EAAiE,CAAjE;AACD,GAFD,EAEG,CAACJ,KAAD,CAFH;AAIA,SACE,6BAAC,mBAAD,eACMA,KADN;AAEE,IAAA,EAAE,EAAC,KAFL;AAGE,IAAA,CAAC,EAAC,SAHJ;AAIE,IAAA,KAAK,EAAE;AAAEG,MAAAA,MAAM,YAAKD,QAAL,OAAR;AAA2BM,MAAAA,QAAQ,EAAE,MAArC;AAA6CC,MAAAA,SAAS,EAAE;AAAxD;AAJT,KADF;AAQD,CAfM","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, { useEffect } from 'react'\nimport type { SectionProps } from '@looker/components'\nimport { Section } from '@looker/components'\nimport { useWindowSize } from '../../utils'\nimport { HEADER_REM } from '../Header'\n\nexport const REM_TO_PX = 16\n\n/**\n * Extends the looker Section to proper height and scrolls to top on use\n * @param props - anything you want, but probably SectionProps\n */\nexport const ApixSection: FC<SectionProps> = (props: any) => {\n  const size = useWindowSize()\n  const sectionH = size.height - REM_TO_PX * HEADER_REM\n  useEffect(() => {\n    document.getElementById('top')?.scrollTo(REM_TO_PX * HEADER_REM, 0)\n  }, [props])\n\n  return (\n    <Section\n      {...props}\n      id=\"top\"\n      p=\"xxlarge\"\n      style={{ height: `${sectionH}px`, overflow: 'auto', borderTop: '0px' }}\n    />\n  )\n}\n"],"file":"common.js"}

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

@@ -1,2 +1,2 @@
-export { ApixHeading, ApixSection } from './common';
-export { Loader } from './Loader';
+export * from './common';
+export * from './Loader';

package/lib/components/common/index.js

@@ -3,26 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ApixHeading", {
-  enumerable: true,
-  get: function get() {
-    return _common.ApixHeading;
-  }
-});
-Object.defineProperty(exports, "ApixSection", {
-  enumerable: true,
-  get: function get() {
-    return _common.ApixSection;
-  }
-});
-Object.defineProperty(exports, "Loader", {
-  enumerable: true,
-  get: function get() {
-    return _Loader.Loader;
-  }
-});
 
 var _common = require("./common");
 
+Object.keys(_common).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _common[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _common[key];
+    }
+  });
+});
+
 var _Loader = require("./Loader");
+
+Object.keys(_Loader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Loader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Loader[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/common/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA;;AACA","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 */\nexport { ApixHeading, ApixSection } from './common'\nexport { Loader } from './Loader'\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/components/common/index.ts"],"names":[],"mappings":";;;;;;AAyBA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","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 */\nexport * from './common'\nexport * from './Loader'\n"],"file":"index.js"}

package/lib/components/index.d.ts

@@ -1,7 +1,7 @@
-export { ApixHeading, ApixSection, Loader } from './common';
+export { ApixSection, Loader } from './common';
 export { DocActivityType } from './DocActivityType';
 export { DocCode } from './DocCode';
-export { DocMethodSummary } from './DocMethodSummary';
+export { DocMethodSummary, DocSummaryStatus } from './DocMethodSummary';
 export { DocMarkdown } from './DocMarkdown';
 export { DocPseudo } from './DocPseudo';
 export { DocRateLimited } from './DocRateLimited';
@@ -12,10 +12,11 @@ export { DocSdkUsage } from './DocSdkUsage';
 export { DocSource } from './DocSource';
 export { DocStatus } from './DocStatus';
 export { DocTitle } from './DocTitle';
-export { Header } from './Header';
+export { Header, HEADER_TOGGLE_LABEL } from './Header';
 export { SideNav } from './SideNav';
 export { ExploreType, ExploreProperty } from './ExploreType';
-export { CollapserCard } from './Collapser';
 export { DocSchema } from './DocSchema';
+export { DocTypeSummary } from './DocTypeSummary';
 export { Link } from './Link';
 export { ErrorBoundary } from './ErrorBoundary';
+export { SelectorContainer } from './SelectorContainer';

package/lib/components/index.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ApixHeading", {
-  enumerable: true,
-  get: function get() {
-    return _common.ApixHeading;
-  }
-});
 Object.defineProperty(exports, "ApixSection", {
   enumerable: true,
   get: function get() {
@@ -39,6 +33,12 @@ Object.defineProperty(exports, "DocMethodSummary", {
     return _DocMethodSummary.DocMethodSummary;
   }
 });
+Object.defineProperty(exports, "DocSummaryStatus", {
+  enumerable: true,
+  get: function get() {
+    return _DocMethodSummary.DocSummaryStatus;
+  }
+});
 Object.defineProperty(exports, "DocMarkdown", {
   enumerable: true,
   get: function get() {
@@ -105,6 +105,12 @@ Object.defineProperty(exports, "Header", {
     return _Header.Header;
   }
 });
+Object.defineProperty(exports, "HEADER_TOGGLE_LABEL", {
+  enumerable: true,
+  get: function get() {
+    return _Header.HEADER_TOGGLE_LABEL;
+  }
+});
 Object.defineProperty(exports, "SideNav", {
   enumerable: true,
   get: function get() {
@@ -123,16 +129,16 @@ Object.defineProperty(exports, "ExploreProperty", {
     return _ExploreType.ExploreProperty;
   }
 });
-Object.defineProperty(exports, "CollapserCard", {
+Object.defineProperty(exports, "DocSchema", {
   enumerable: true,
   get: function get() {
-    return _Collapser.CollapserCard;
+    return _DocSchema.DocSchema;
   }
 });
-Object.defineProperty(exports, "DocSchema", {
+Object.defineProperty(exports, "DocTypeSummary", {
   enumerable: true,
   get: function get() {
-    return _DocSchema.DocSchema;
+    return _DocTypeSummary.DocTypeSummary;
   }
 });
 Object.defineProperty(exports, "Link", {
@@ -147,6 +153,12 @@ Object.defineProperty(exports, "ErrorBoundary", {
     return _ErrorBoundary.ErrorBoundary;
   }
 });
+Object.defineProperty(exports, "SelectorContainer", {
+  enumerable: true,
+  get: function get() {
+    return _SelectorContainer.SelectorContainer;
+  }
+});
 
 var _common = require("./common");
 
@@ -182,11 +194,13 @@ var _SideNav = require("./SideNav");
 
 var _ExploreType = require("./ExploreType");
 
-var _Collapser = require("./Collapser");
-
 var _DocSchema = require("./DocSchema");
 
+var _DocTypeSummary = require("./DocTypeSummary");
+
 var _Link = require("./Link");
 
 var _ErrorBoundary = require("./ErrorBoundary");
+
+var _SelectorContainer = require("./SelectorContainer");
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","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 */\nexport { ApixHeading, ApixSection, Loader } from './common'\nexport { DocActivityType } from './DocActivityType'\nexport { DocCode } from './DocCode'\nexport { DocMethodSummary } from './DocMethodSummary'\nexport { DocMarkdown } from './DocMarkdown'\nexport { DocPseudo } from './DocPseudo'\nexport { DocRateLimited } from './DocRateLimited'\nexport { DocReferences } from './DocReferences'\nexport { DocResponses } from './DocResponses'\nexport { DocSDKs } from './DocSDKs'\nexport { DocSdkUsage } from './DocSdkUsage'\nexport { DocSource } from './DocSource'\nexport { DocStatus } from './DocStatus'\nexport { DocTitle } from './DocTitle'\nexport { Header } from './Header'\nexport { SideNav } from './SideNav'\nexport { ExploreType, ExploreProperty } from './ExploreType'\nexport { CollapserCard } from './Collapser'\nexport { DocSchema } from './DocSchema'\nexport { Link } from './Link'\nexport { ErrorBoundary } from './ErrorBoundary'\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","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 */\nexport { ApixSection, Loader } from './common'\nexport { DocActivityType } from './DocActivityType'\nexport { DocCode } from './DocCode'\nexport { DocMethodSummary, DocSummaryStatus } from './DocMethodSummary'\nexport { DocMarkdown } from './DocMarkdown'\nexport { DocPseudo } from './DocPseudo'\nexport { DocRateLimited } from './DocRateLimited'\nexport { DocReferences } from './DocReferences'\nexport { DocResponses } from './DocResponses'\nexport { DocSDKs } from './DocSDKs'\nexport { DocSdkUsage } from './DocSdkUsage'\nexport { DocSource } from './DocSource'\nexport { DocStatus } from './DocStatus'\nexport { DocTitle } from './DocTitle'\nexport { Header, HEADER_TOGGLE_LABEL } from './Header'\nexport { SideNav } from './SideNav'\nexport { ExploreType, ExploreProperty } from './ExploreType'\nexport { DocSchema } from './DocSchema'\nexport { DocTypeSummary } from './DocTypeSummary'\nexport { Link } from './Link'\nexport { ErrorBoundary } from './ErrorBoundary'\nexport { SelectorContainer } from './SelectorContainer'\n"],"file":"index.js"}