@looker/api-explorer 0.9.36 → 0.9.37

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SideNav/SideNavMethods.tsx"],"names":["React","useEffect","useState","styled","Accordion2","Heading","useSelector","useLocation","useRouteMatch","useNavigation","highlightHTML","buildMethodPath","Link","selectSearchPattern","SideNavMethods","className","methods","tag","specKey","defaultOpen","location","navigate","searchParams","URLSearchParams","search","searchPattern","match","isOpen","setIsOpen","handleOpen","_isOpen","status","params","methodTag","Object","values","map","method","name","toString","summary","theme","fonts","brand","colors","key","fontWeights","semiBold","ui2","space","xxsmall","ui1","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 { useLocation, useRouteMatch } from 'react-router-dom'\nimport { useNavigation, highlightHTML, buildMethodPath } from '../../utils'\nimport { Link } from '../Link'\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 location = useLocation()\n    const navigate = useNavigation()\n    const searchParams = new URLSearchParams(location.search)\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 handleOpen = () => {\n      const _isOpen = !isOpen\n      setIsOpen(_isOpen)\n      if (_isOpen) {\n        navigate(`/${specKey}/methods/${tag}`)\n      } else {\n        navigate(`/${specKey}/methods`)\n      }\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(searchPattern, tag)}\n          </Heading>\n        }\n      >\n        <ul>\n          {Object.values(methods).map((method) => (\n            <li key={method.name}>\n              <Link\n                to={`${buildMethodPath(\n                  specKey,\n                  tag,\n                  method.name,\n                  searchParams.toString()\n                )}`}\n              >\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"}
+{"version":3,"sources":["../../../../src/components/SideNav/SideNavMethods.tsx"],"names":["React","useEffect","useState","styled","Accordion2","Heading","useSelector","useRouteMatch","useNavigation","highlightHTML","buildMethodPath","Link","selectSearchPattern","SideNavMethods","className","methods","tag","specKey","defaultOpen","buildPathWithGlobalParams","navigateWithGlobalParams","searchPattern","match","isOpen","setIsOpen","handleOpen","_isOpen","status","params","methodTag","Object","values","map","method","name","summary","theme","fonts","brand","colors","key","fontWeights","semiBold","ui2","space","xxsmall","ui1","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 { useRouteMatch } from 'react-router-dom'\nimport { useNavigation, highlightHTML, buildMethodPath } from '../../utils'\nimport { Link } from '../Link'\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 { buildPathWithGlobalParams, navigateWithGlobalParams } =\n      useNavigation()\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 handleOpen = () => {\n      const _isOpen = !isOpen\n      setIsOpen(_isOpen)\n      if (_isOpen) {\n        navigateWithGlobalParams(`/${specKey}/methods/${tag}`)\n      } else {\n        navigateWithGlobalParams(`/${specKey}/methods`)\n      }\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(searchPattern, tag)}\n          </Heading>\n        }\n      >\n        <ul>\n          {Object.values(methods).map((method) => (\n            <li key={method.name}>\n              <Link\n                to={buildPathWithGlobalParams(\n                  buildMethodPath(specKey, tag, method.name)\n                )}\n              >\n                {highlightHTML(searchPattern, method.summary)}\n              </Link>\n            </li>\n          ))}\n        </ul>\n      </Accordion2>\n    )\n  }\n)`\n  font-family: ${({ theme }) => theme.fonts.brand};\n\n  [aria-controls]:hover,\n  [aria-expanded='true'] {\n    h4,\n    svg {\n      color: ${({ theme }) => theme.colors.key};\n    }\n  }\n\n  [aria-expanded='true'] h4 {\n    font-weight: ${({ theme }) => theme.fontWeights.semiBold};\n  }\n\n  ul {\n    border-left: dashed 1px ${({ theme }) => theme.colors.ui2};\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    padding-left: ${({ theme }) => theme.space.xxsmall};\n    padding-top: ${({ theme }) => theme.space.xxsmall};\n  }\n\n  [aria-current] {\n    background: ${({ theme }) => theme.colors.ui1};\n    font-weight: ${({ theme }) => theme.fontWeights.semiBold};\n  }\n\n  ${Link} {\n    border-radius: ${({ theme }) => theme.radii.medium};\n    display: block;\n    overflow: hidden;\n    padding: ${({ theme }) => theme.space.xsmall};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:hover,\n    &:focus,\n    &.active {\n      background: ${({ theme }) => theme.colors.ui1};\n    }\n  }\n`\n"],"file":"SideNavMethods.js"}

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

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import styled from 'styled-components';
 import { Accordion2, Heading } from '@looker/components';
-import { useLocation, useRouteMatch } from 'react-router-dom';
+import { useRouteMatch } from 'react-router-dom';
 import { useSelector } from 'react-redux';
 import { Link } from '../Link';
 import { highlightHTML, useNavigation, buildTypePath } from '../../utils';
@@ -14,9 +14,10 @@ export var SideNavTypes = styled(_ref => {
     specKey,
     defaultOpen = false
   } = _ref;
-  var location = useLocation();
-  var navigate = useNavigation();
-  var searchParams = new URLSearchParams(location.search);
+  var {
+    navigate,
+    buildPathWithGlobalParams
+  } = useNavigation();
   var searchPattern = useSelector(selectSearchPattern);
   var match = useRouteMatch("/:specKey/types/:typeTag/:typeName?");
   var [isOpen, setIsOpen] = useState(defaultOpen);
@@ -49,7 +50,7 @@ export var SideNavTypes = styled(_ref => {
   }, React.createElement("ul", null, Object.values(types).map(type => React.createElement("li", {
     key: type.name
   }, React.createElement(Link, {
-    to: "".concat(buildTypePath(specKey, tag, type.name, searchParams.toString()))
+    to: buildPathWithGlobalParams(buildTypePath(specKey, tag, type.name))
   }, highlightHTML(searchPattern, type.name))))));
 }).withConfig({
   displayName: "SideNavTypes",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SideNav/SideNavTypes.tsx"],"names":["React","useEffect","useState","styled","Accordion2","Heading","useLocation","useRouteMatch","useSelector","Link","highlightHTML","useNavigation","buildTypePath","selectSearchPattern","SideNavTypes","className","types","tag","specKey","defaultOpen","location","navigate","searchParams","URLSearchParams","search","searchPattern","match","isOpen","setIsOpen","handleOpen","_isOpen","status","params","typeTag","Object","values","map","type","name","toString","theme","fonts","brand","colors","key","fontWeights","semiBold","ui2","space","xxsmall","ui1","radii","medium","xsmall"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport React, { useEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport { Accordion2, Heading } from '@looker/components'\nimport type { TypeList } from '@looker/sdk-codegen'\nimport { useLocation, useRouteMatch } from 'react-router-dom'\nimport { useSelector } from 'react-redux'\nimport { Link } from '../Link'\nimport { highlightHTML, useNavigation, buildTypePath } 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 location = useLocation()\n    const navigate = useNavigation()\n    const searchParams = new URLSearchParams(location.search)\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 handleOpen = () => {\n      const _isOpen = !isOpen\n      setIsOpen(_isOpen)\n      if (_isOpen) {\n        navigate(`/${specKey}/types/${tag}`)\n      } else {\n        navigate(`/${specKey}/types`)\n      }\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\n                to={`${buildTypePath(\n                  specKey,\n                  tag,\n                  type.name,\n                  searchParams.toString()\n                )}`}\n              >\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"}
+{"version":3,"sources":["../../../../src/components/SideNav/SideNavTypes.tsx"],"names":["React","useEffect","useState","styled","Accordion2","Heading","useRouteMatch","useSelector","Link","highlightHTML","useNavigation","buildTypePath","selectSearchPattern","SideNavTypes","className","types","tag","specKey","defaultOpen","navigate","buildPathWithGlobalParams","searchPattern","match","isOpen","setIsOpen","handleOpen","_isOpen","status","params","typeTag","Object","values","map","type","name","theme","fonts","brand","colors","key","fontWeights","semiBold","ui2","space","xxsmall","ui1","radii","medium","xsmall"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport React, { useEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport { Accordion2, Heading } from '@looker/components'\nimport type { TypeList } from '@looker/sdk-codegen'\nimport { useRouteMatch } from 'react-router-dom'\nimport { useSelector } from 'react-redux'\nimport { Link } from '../Link'\nimport { highlightHTML, useNavigation, buildTypePath } 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 { navigate, buildPathWithGlobalParams } = useNavigation()\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 handleOpen = () => {\n      const _isOpen = !isOpen\n      setIsOpen(_isOpen)\n      if (_isOpen) {\n        navigate(`/${specKey}/types/${tag}`)\n      } else {\n        navigate(`/${specKey}/types`)\n      }\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\n                to={buildPathWithGlobalParams(\n                  buildTypePath(specKey, tag, type.name)\n                )}\n              >\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/esm/components/index.js

@@ -6,7 +6,6 @@ export { DocMarkdown } from './DocMarkdown';
 export { DocPseudo } from './DocPseudo';
 export { DocRateLimited } from './DocRateLimited';
 export { DocReferences } from './DocReferences';
-export { DocResponses } from './DocResponses';
 export { DocSDKs } from './DocSDKs';
 export { DocSdkUsage } from './DocSdkUsage';
 export { DocSource } from './DocSource';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"names":["ApixSection","Loader","DocActivityType","DocCode","DocMethodSummary","DocSummaryStatus","DocMarkdown","DocPseudo","DocRateLimited","DocReferences","DocResponses","DocSDKs","DocSdkUsage","DocSource","DocStatus","DocTitle","Header","HEADER_TOGGLE_LABEL","SideNav","ExploreType","ExploreProperty","DocSchema","DocTypeSummary","Link","ErrorBoundary","SelectorContainer","Banner"],"mappings":"AAyBA,SAASA,WAAT,EAAsBC,MAAtB,QAAoC,UAApC;AACA,SAASC,eAAT,QAAgC,mBAAhC;AACA,SAASC,OAAT,QAAwB,WAAxB;AACA,SAASC,gBAAT,EAA2BC,gBAA3B,QAAmD,oBAAnD;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,OAAT,QAAwB,WAAxB;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,QAAT,QAAyB,YAAzB;AACA,SAASC,MAAT,EAAiBC,mBAAjB,QAA4C,UAA5C;AACA,SAASC,OAAT,QAAwB,WAAxB;AACA,SAASC,WAAT,EAAsBC,eAAtB,QAA6C,eAA7C;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,IAAT,QAAqB,QAArB;AACA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,iBAAT,QAAkC,qBAAlC;AACA,SAASC,MAAT,QAAuB,UAAvB","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'\nexport { Banner } from './Banner'\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/components/index.ts"],"names":["ApixSection","Loader","DocActivityType","DocCode","DocMethodSummary","DocSummaryStatus","DocMarkdown","DocPseudo","DocRateLimited","DocReferences","DocSDKs","DocSdkUsage","DocSource","DocStatus","DocTitle","Header","HEADER_TOGGLE_LABEL","SideNav","ExploreType","ExploreProperty","DocSchema","DocTypeSummary","Link","ErrorBoundary","SelectorContainer","Banner"],"mappings":"AAyBA,SAASA,WAAT,EAAsBC,MAAtB,QAAoC,UAApC;AACA,SAASC,eAAT,QAAgC,mBAAhC;AACA,SAASC,OAAT,QAAwB,WAAxB;AACA,SAASC,gBAAT,EAA2BC,gBAA3B,QAAmD,oBAAnD;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,OAAT,QAAwB,WAAxB;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,QAAT,QAAyB,YAAzB;AACA,SAASC,MAAT,EAAiBC,mBAAjB,QAA4C,UAA5C;AACA,SAASC,OAAT,QAAwB,WAAxB;AACA,SAASC,WAAT,EAAsBC,eAAtB,QAA6C,eAA7C;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,IAAT,QAAqB,QAArB;AACA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,iBAAT,QAAkC,qBAAlC;AACA,SAASC,MAAT,QAAuB,UAAvB","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 { 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'\nexport { Banner } from './Banner'\n"],"file":"index.js"}

package/lib/esm/routes/AppRouter.js

@@ -1,13 +1,12 @@
 import React from 'react';
 import { Redirect, Route, Switch } from 'react-router-dom';
-import { HomeScene, MethodScene, MethodTagScene, TypeScene, TypeTagScene } from '../scenes';
+import { ErrorDetailScene, HomeScene, MethodScene, MethodTagScene, TypeScene, TypeTagScene } from '../scenes';
 import { DiffScene } from '../scenes/DiffScene';
 import { diffPath } from '../utils';
 export var AppRouter = _ref => {
   var {
     api,
     specKey,
-    specs,
     toggleNavigation
   } = _ref;
   return React.createElement(Switch, null, React.createElement(Redirect, {
@@ -15,9 +14,12 @@ export var AppRouter = _ref => {
     to: "/".concat(specKey, "/"),
     exact: true
   }), React.createElement(Route, {
-    path: "/".concat(diffPath, "/:l?/:r?")
+    path: "/:specKey/err/:statusCode/:verb/*"
+  }, React.createElement(ErrorDetailScene, {
+    api: api
+  })), React.createElement(Route, {
+    path: "/:specKey/".concat(diffPath, "/:compareSpecKey?")
   }, React.createElement(DiffScene, {
-    specs: specs,
     toggleNavigation: toggleNavigation
   })), React.createElement(Route, {
     path: "/:specKey/(methods|types)?",

package/lib/esm/routes/AppRouter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/routes/AppRouter.tsx"],"names":["React","Redirect","Route","Switch","HomeScene","MethodScene","MethodTagScene","TypeScene","TypeTagScene","DiffScene","diffPath","AppRouter","api","specKey","specs","toggleNavigation"],"mappings":"AA2BA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,KAAnB,EAA0BC,MAA1B,QAAwC,kBAAxC;AAGA,SACEC,SADF,EAEEC,WAFF,EAGEC,cAHF,EAIEC,SAJF,EAKEC,YALF,QAMO,WANP;AAOA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAASC,QAAT,QAAyB,UAAzB;AASA,OAAO,IAAMC,SAA6B,GAAG;AAAA,MAAC;AAC5CC,IAAAA,GAD4C;AAE5CC,IAAAA,OAF4C;AAG5CC,IAAAA,KAH4C;AAI5CC,IAAAA;AAJ4C,GAAD;AAAA,SAM3C,oBAAC,MAAD,QACE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC,GAAf;AAAmB,IAAA,EAAE,aAAMF,OAAN,MAArB;AAAuC,IAAA,KAAK;AAA5C,IADF,EAEE,oBAAC,KAAD;AAAO,IAAA,IAAI,aAAMH,QAAN;AAAX,KACE,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAEI,KAAlB;AAAyB,IAAA,gBAAgB,EAAEC;AAA3C,IADF,CAFF,EAKE,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAC,4BAAZ;AAAyC,IAAA,KAAK;AAA9C,KACE,oBAAC,SAAD;AAAW,IAAA,GAAG,EAAEH;AAAhB,IADF,CALF,EAQE,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAC,8BAAZ;AAA2C,IAAA,KAAK;AAAhD,KACE,oBAAC,cAAD;AAAgB,IAAA,GAAG,EAAEA;AAArB,IADF,CARF,EAWE,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAC;AAAZ,KACE,oBAAC,WAAD;AAAa,IAAA,GAAG,EAAEA;AAAlB,IADF,CAXF,EAcE,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAC,0BAAZ;AAAuC,IAAA,KAAK;AAA5C,KACE,oBAAC,YAAD;AAAc,IAAA,GAAG,EAAEA;AAAnB,IADF,CAdF,EAiBE,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAC;AAAZ,KACE,oBAAC,SAAD;AAAW,IAAA,GAAG,EAAEA;AAAhB,IADF,CAjBF,CAN2C;AAAA,CAAtC","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React from 'react'\nimport { Redirect, Route, Switch } from 'react-router-dom'\nimport type { ApiModel, SpecList } from '@looker/sdk-codegen'\n\nimport {\n  HomeScene,\n  MethodScene,\n  MethodTagScene,\n  TypeScene,\n  TypeTagScene,\n} from '../scenes'\nimport { DiffScene } from '../scenes/DiffScene'\nimport { diffPath } from '../utils'\n\ninterface AppRouterProps {\n  specKey: string\n  specs: SpecList\n  api: ApiModel\n  toggleNavigation: (target?: boolean) => void\n}\n\nexport const AppRouter: FC<AppRouterProps> = ({\n  api,\n  specKey,\n  specs,\n  toggleNavigation,\n}) => (\n  <Switch>\n    <Redirect from=\"/\" to={`/${specKey}/`} exact />\n    <Route path={`/${diffPath}/:l?/:r?`}>\n      <DiffScene specs={specs} toggleNavigation={toggleNavigation} />\n    </Route>\n    <Route path=\"/:specKey/(methods|types)?\" exact>\n      <HomeScene api={api} />\n    </Route>\n    <Route path=\"/:specKey/methods/:methodTag\" exact>\n      <MethodTagScene api={api} />\n    </Route>\n    <Route path=\"/:specKey/methods/:methodTag/:methodName\">\n      <MethodScene api={api} />\n    </Route>\n    <Route path=\"/:specKey/types/:typeTag\" exact>\n      <TypeTagScene api={api} />\n    </Route>\n    <Route path=\"/:specKey/types/:typeTag/:typeName\">\n      <TypeScene api={api} />\n    </Route>\n  </Switch>\n)\n"],"file":"AppRouter.js"}
+{"version":3,"sources":["../../../src/routes/AppRouter.tsx"],"names":["React","Redirect","Route","Switch","ErrorDetailScene","HomeScene","MethodScene","MethodTagScene","TypeScene","TypeTagScene","DiffScene","diffPath","AppRouter","api","specKey","toggleNavigation"],"mappings":"AA2BA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,KAAnB,EAA0BC,MAA1B,QAAwC,kBAAxC;AAGA,SACEC,gBADF,EAEEC,SAFF,EAGEC,WAHF,EAIEC,cAJF,EAKEC,SALF,EAMEC,YANF,QAOO,WAPP;AAQA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAASC,QAAT,QAAyB,UAAzB;AAQA,OAAO,IAAMC,SAA6B,GAAG;AAAA,MAAC;AAC5CC,IAAAA,GAD4C;AAE5CC,IAAAA,OAF4C;AAG5CC,IAAAA;AAH4C,GAAD;AAAA,SAK3C,oBAAC,MAAD,QACE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC,GAAf;AAAmB,IAAA,EAAE,aAAMD,OAAN,MAArB;AAAuC,IAAA,KAAK;AAA5C,IADF,EAEE,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAC;AAAZ,KACE,oBAAC,gBAAD;AAAkB,IAAA,GAAG,EAAED;AAAvB,IADF,CAFF,EAKE,oBAAC,KAAD;AAAO,IAAA,IAAI,sBAAeF,QAAf;AAAX,KACE,oBAAC,SAAD;AAAW,IAAA,gBAAgB,EAAEI;AAA7B,IADF,CALF,EAQE,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAC,4BAAZ;AAAyC,IAAA,KAAK;AAA9C,KACE,oBAAC,SAAD;AAAW,IAAA,GAAG,EAAEF;AAAhB,IADF,CARF,EAWE,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAC,8BAAZ;AAA2C,IAAA,KAAK;AAAhD,KACE,oBAAC,cAAD;AAAgB,IAAA,GAAG,EAAEA;AAArB,IADF,CAXF,EAcE,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAC;AAAZ,KACE,oBAAC,WAAD;AAAa,IAAA,GAAG,EAAEA;AAAlB,IADF,CAdF,EAiBE,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAC,0BAAZ;AAAuC,IAAA,KAAK;AAA5C,KACE,oBAAC,YAAD;AAAc,IAAA,GAAG,EAAEA;AAAnB,IADF,CAjBF,EAoBE,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAC;AAAZ,KACE,oBAAC,SAAD;AAAW,IAAA,GAAG,EAAEA;AAAhB,IADF,CApBF,CAL2C;AAAA,CAAtC","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React from 'react'\nimport { Redirect, Route, Switch } from 'react-router-dom'\nimport type { ApiModel } from '@looker/sdk-codegen'\n\nimport {\n  ErrorDetailScene,\n  HomeScene,\n  MethodScene,\n  MethodTagScene,\n  TypeScene,\n  TypeTagScene,\n} from '../scenes'\nimport { DiffScene } from '../scenes/DiffScene'\nimport { diffPath } from '../utils'\n\ninterface AppRouterProps {\n  specKey: string\n  api: ApiModel\n  toggleNavigation: (target?: boolean) => void\n}\n\nexport const AppRouter: FC<AppRouterProps> = ({\n  api,\n  specKey,\n  toggleNavigation,\n}) => (\n  <Switch>\n    <Redirect from=\"/\" to={`/${specKey}/`} exact />\n    <Route path=\"/:specKey/err/:statusCode/:verb/*\">\n      <ErrorDetailScene api={api} />\n    </Route>\n    <Route path={`/:specKey/${diffPath}/:compareSpecKey?`}>\n      <DiffScene toggleNavigation={toggleNavigation} />\n    </Route>\n    <Route path=\"/:specKey/(methods|types)?\" exact>\n      <HomeScene api={api} />\n    </Route>\n    <Route path=\"/:specKey/methods/:methodTag\" exact>\n      <MethodTagScene api={api} />\n    </Route>\n    <Route path=\"/:specKey/methods/:methodTag/:methodName\">\n      <MethodScene api={api} />\n    </Route>\n    <Route path=\"/:specKey/types/:typeTag\" exact>\n      <TypeTagScene api={api} />\n    </Route>\n    <Route path=\"/:specKey/types/:typeTag/:typeName\">\n      <TypeScene api={api} />\n    </Route>\n  </Switch>\n)\n"],"file":"AppRouter.js"}

package/lib/esm/scenes/DiffScene/DiffScene.js

@@ -4,7 +4,7 @@ import { Box, Flex, FlexItem, IconButton, Label, Select, SelectMulti } from '@lo
 import { SyncAlt } from '@styled-icons/material/SyncAlt';
 import { useSelector } from 'react-redux';
 import { ApixSection } from '../../components';
-import { selectCurrentSpec } from '../../state';
+import { selectCurrentSpec, selectSpecs } from '../../state';
 import { diffPath, getApixAdaptor, useNavigation } from '../../utils';
 import { diffSpecs, standardDiffToggles } from './diffUtils';
 import { DocDiff } from './DocDiff';
@@ -35,14 +35,16 @@ var validateParam = function validateParam(specs) {
 
 export var DiffScene = _ref => {
   var {
-    specs,
     toggleNavigation
   } = _ref;
   var adaptor = getApixAdaptor();
-  var navigate = useNavigation();
+  var {
+    navigate
+  } = useNavigation();
   var spec = useSelector(selectCurrentSpec);
+  var specs = useSelector(selectSpecs);
   var currentSpecKey = spec.key;
-  var match = useRouteMatch("/".concat(diffPath, "/:l?/:r?"));
+  var match = useRouteMatch("/:l/".concat(diffPath, "/:r?"));
   var l = validateParam(specs, match === null || match === void 0 ? void 0 : match.params.l);
   var r = validateParam(specs, match === null || match === void 0 ? void 0 : match.params.r);
   var options = Object.entries(specs).map(_ref2 => {
@@ -73,15 +75,15 @@ export var DiffScene = _ref => {
   var [delta, setDelta] = useState([]);
 
   var handleLeftChange = newLeft => {
-    navigate("/".concat(diffPath, "/").concat(newLeft, "/").concat(rightKey));
+    navigate("/".concat(newLeft, "/").concat(diffPath, "/").concat(rightKey));
   };
 
   var handleRightChange = newRight => {
-    navigate("/".concat(diffPath, "/").concat(leftKey, "/").concat(newRight));
+    navigate("/".concat(leftKey, "/").concat(diffPath, "/").concat(newRight));
   };
 
   var handleSwitch = () => {
-    navigate("/".concat(diffPath, "/").concat(rightKey, "/").concat(leftKey));
+    navigate("/".concat(rightKey, "/").concat(diffPath, "/").concat(leftKey));
   };
 
   useEffect(() => {

package/lib/esm/scenes/DiffScene/DiffScene.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/scenes/DiffScene/DiffScene.tsx"],"names":["React","useState","useEffect","useRouteMatch","Box","Flex","FlexItem","IconButton","Label","Select","SelectMulti","SyncAlt","useSelector","ApixSection","selectCurrentSpec","diffPath","getApixAdaptor","useNavigation","diffSpecs","standardDiffToggles","DocDiff","diffToggles","label","value","validateParam","specs","specKey","DiffScene","toggleNavigation","adaptor","navigate","spec","currentSpecKey","key","match","l","params","r","options","Object","entries","map","status","leftKey","setLeftKey","rightKey","setRightKey","leftApi","setLeftApi","api","rightApi","setRightApi","toggles","setToggles","delta","setDelta","handleLeftChange","newLeft","handleRightChange","newRight","handleSwitch","fetchSpec","then","handleTogglesChange","values","newToggles"],"mappings":"AA2BA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AAEA,SAASC,aAAT,QAA8B,kBAA9B;AACA,SACEC,GADF,EAEEC,IAFF,EAGEC,QAHF,EAIEC,UAJF,EAKEC,KALF,EAMEC,MANF,EAOEC,WAPF,QAQO,oBARP;AASA,SAASC,OAAT,QAAwB,gCAAxB;AACA,SAASC,WAAT,QAA4B,aAA5B;AAEA,SAASC,WAAT,QAA4B,kBAA5B;AACA,SAASC,iBAAT,QAAkC,aAAlC;AACA,SAASC,QAAT,EAAmBC,cAAnB,EAAmCC,aAAnC,QAAwD,aAAxD;AACA,SAASC,SAAT,EAAoBC,mBAApB,QAA+C,aAA/C;AACA,SAASC,OAAT,QAAwB,WAAxB;AAEA,IAAMC,WAAW,GAAG,CAClB;AACEC,EAAAA,KAAK,EAAE,SADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CADkB,EAKlB;AACED,EAAAA,KAAK,EAAE,QADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CALkB,EASlB;AACED,EAAAA,KAAK,EAAE,YADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CATkB,EAalB;AACED,EAAAA,KAAK,EAAE,MADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CAbkB,EAiBlB;AACED,EAAAA,KAAK,EAAE,MADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CAjBkB,EAqBlB;AACED,EAAAA,KAAK,EAAE,UADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CArBkB,CAApB;;AAgCA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmC;AAAA,MAAjBC,OAAiB,uEAAP,EAAO;AACvD,SAAOD,KAAK,CAACC,OAAD,CAAL,GAAiBA,OAAjB,GAA2B,EAAlC;AACD,CAFD;;AAIA,OAAO,IAAMC,SAA6B,GAAG,QAAiC;AAAA,MAAhC;AAAEF,IAAAA,KAAF;AAASG,IAAAA;AAAT,GAAgC;AAC5E,MAAMC,OAAO,GAAGb,cAAc,EAA9B;AACA,MAAMc,QAAQ,GAAGb,aAAa,EAA9B;AACA,MAAMc,IAAI,GAAGnB,WAAW,CAACE,iBAAD,CAAxB;AACA,MAAMkB,cAAc,GAAGD,IAAI,CAACE,GAA5B;AACA,MAAMC,KAAK,GAAG/B,aAAa,YAA+BY,QAA/B,cAA3B;AACA,MAAMoB,CAAC,GAAGX,aAAa,CAACC,KAAD,EAAQS,KAAR,aAAQA,KAAR,uBAAQA,KAAK,CAAEE,MAAP,CAAcD,CAAtB,CAAvB;AACA,MAAME,CAAC,GAAGb,aAAa,CAACC,KAAD,EAAQS,KAAR,aAAQA,KAAR,uBAAQA,KAAK,CAAEE,MAAP,CAAcC,CAAtB,CAAvB;AAEA,MAAMC,OAAO,GAAGC,MAAM,CAACC,OAAP,CAAef,KAAf,EAAsBgB,GAAtB,CAA0B;AAAA,QAAC,CAACR,GAAD,EAAMF,IAAN,CAAD;AAAA,WAAkB;AAC1DR,MAAAA,KAAK,EAAEU,GADmD;AAE1DX,MAAAA,KAAK,YAAKW,GAAL,eAAaF,IAAI,CAACW,MAAlB;AAFqD,KAAlB;AAAA,GAA1B,CAAhB;AAKA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB3C,QAAQ,CAASkC,CAAC,IAAIH,cAAd,CAAtC;AACA,MAAM,CAACa,QAAD,EAAWC,WAAX,IAA0B7C,QAAQ,CAASoC,CAAC,IAAI,EAAd,CAAxC;AACA,MAAM,CAACU,OAAD,EAAUC,UAAV,IAAwB/C,QAAQ,CAAWwB,KAAK,CAACkB,OAAD,CAAL,CAAeM,GAA1B,CAAtC;AACA,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BlD,QAAQ,CAAW,MACjD4C,QAAQ,GAAGpB,KAAK,CAACoB,QAAD,CAAL,CAAgBI,GAAnB,GAA0BxB,KAAK,CAACkB,OAAD,CAAL,CAAeM,GADX,CAAxC;AAGA,MAAM,CAACG,OAAD,EAAUC,UAAV,IAAwBpD,QAAQ,CAAWkB,mBAAX,CAAtC;AAEAjB,EAAAA,SAAS,CAAC,MAAM;AACd,QAAImC,CAAC,KAAKQ,QAAV,EAAoB;AAClBC,MAAAA,WAAW,CAACT,CAAD,CAAX;AACD;AACF,GAJQ,EAIN,CAACA,CAAD,EAAIQ,QAAJ,CAJM,CAAT;AAMA3C,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIiC,CAAC,KAAKQ,OAAV,EAAmB;AACjBC,MAAAA,UAAU,CAACT,CAAD,CAAV;AACD;AACF,GAJQ,EAIN,CAACA,CAAD,EAAIQ,OAAJ,CAJM,CAAT;AAMAzC,EAAAA,SAAS,CAAC,MAAM;AACd0B,IAAAA,gBAAgB,CAAC,KAAD,CAAhB;AACD,GAFQ,EAEN,EAFM,CAAT;AAIA,MAAM,CAAC0B,KAAD,EAAQC,QAAR,IAAoBtD,QAAQ,CAAY,EAAZ,CAAlC;;AAEA,MAAMuD,gBAAgB,GAAIC,OAAD,IAAqB;AAC5C3B,IAAAA,QAAQ,YAAKf,QAAL,cAAiB0C,OAAjB,cAA4BZ,QAA5B,EAAR;AACD,GAFD;;AAGA,MAAMa,iBAAiB,GAAIC,QAAD,IAAsB;AAC9C7B,IAAAA,QAAQ,YAAKf,QAAL,cAAiB4B,OAAjB,cAA4BgB,QAA5B,EAAR;AACD,GAFD;;AAIA,MAAMC,YAAY,GAAG,MAAM;AACzB9B,IAAAA,QAAQ,YAAKf,QAAL,cAAiB8B,QAAjB,cAA6BF,OAA7B,EAAR;AACD,GAFD;;AAIAzC,EAAAA,SAAS,CAAC,MAAM;AACd2B,IAAAA,OAAO,CAACgC,SAAR,CAAkBpC,KAAK,CAACkB,OAAD,CAAvB,EAAkCmB,IAAlC,CAAwC/B,IAAD,IAAUiB,UAAU,CAACjB,IAAI,CAACkB,GAAN,CAA3D;AACD,GAFQ,EAEN,CAACN,OAAD,CAFM,CAAT;AAIAzC,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI2C,QAAQ,IAAIpB,KAAhB,EAAuB;AACrBI,MAAAA,OAAO,CAACgC,SAAR,CAAkBpC,KAAK,CAACoB,QAAD,CAAvB,EAAmCiB,IAAnC,CAAyC/B,IAAD,IAAUoB,WAAW,CAACpB,IAAI,CAACkB,GAAN,CAA7D;AACD;AACF,GAJQ,EAIN,CAACJ,QAAD,CAJM,CAAT;AAMA3C,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI6C,OAAO,IAAIG,QAAf,EAAyB;AACvBK,MAAAA,QAAQ,CAAC,CAAC,GAAGrC,SAAS,CAAC6B,OAAD,EAAUG,QAAV,EAAoBE,OAApB,CAAb,CAAD,CAAR;AACD;AACF,GAJQ,EAIN,CAACL,OAAD,EAAUG,QAAV,EAAoBE,OAApB,CAJM,CAAT;;AAMA,MAAMW,mBAAmB,GAAIC,MAAD,IAAuB;AACjD,QAAMC,UAAU,GAAGD,MAAM,IAAI,EAA7B;AACAX,IAAAA,UAAU,CAACY,UAAD,CAAV;AACD,GAHD;;AAKA,SACE,oBAAC,WAAD,QACE,oBAAC,GAAD,QACE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,WAAT;AAAqB,IAAA,OAAO,EAAC,OAA7B;AAAqC,IAAA,EAAE,EAAC,OAAxC;AAAgD,IAAA,UAAU,EAAC;AAA3D,KACE,oBAAC,QAAD,QACE,oBAAC,KAAD;AAAO,IAAA,OAAO,EAAC;AAAf,YADF,EAEE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,SADL;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,IAAI,EAAC,cAHP;AAIE,IAAA,KAAK,EAAEtB,OAJT;AAKE,IAAA,OAAO,EAAEL,OALX;AAME,IAAA,QAAQ,EAAEkB;AANZ,IAFF,CADF,EAYE,oBAAC,UAAD;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,IAAA,KAAK,EAAC,QAFR;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,QAAQ,EAAE,CAACb,OAAD,IAAY,CAACE,QAJzB;AAKE,IAAA,IAAI,EAAE,oBAAC,OAAD,OALR;AAME,IAAA,EAAE,EAAC,QANL;AAOE,IAAA,OAAO,EAAEe;AAPX,IAZF,EAqBE,oBAAC,QAAD,QACE,oBAAC,KAAD;AAAO,IAAA,OAAO,EAAC;AAAf,eADF,EAEE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,SADL;AAEE,IAAA,EAAE,EAAC,SAFL;AAGE,IAAA,IAAI,EAAC,eAHP;AAIE,IAAA,WAAW,EAAC,wBAJd;AAKE,IAAA,KAAK,EAAEf,QALT;AAME,IAAA,OAAO,EAAEP,OANX;AAOE,IAAA,QAAQ,EAAEoB;AAPZ,IAFF,CArBF,EAiCE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC,GAAf;AAAmB,IAAA,EAAE,EAAC;AAAtB,KACE,oBAAC,KAAD;AAAO,IAAA,OAAO,EAAC;AAAf,0BADF,EAEE,oBAAC,WAAD;AACE,IAAA,EAAE,EAAC,SADL;AAEE,IAAA,EAAE,EAAC,SAFL;AAGE,IAAA,IAAI,EAAC,SAHP;AAIE,IAAA,WAAW,EAAC,oBAJd;AAKE,IAAA,aAAa,EAAEN,OALjB;AAME,IAAA,QAAQ,EAAEW,mBANZ;AAOE,IAAA,OAAO,EAAE1C;AAPX,IAFF,CAjCF,CADF,CADF,EAiDE,oBAAC,OAAD;AACE,IAAA,KAAK,EAAEiC,KADT;AAEE,IAAA,OAAO,EAAEX,OAFX;AAGE,IAAA,QAAQ,EAAEI,OAHZ;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,SAAS,EAAEK;AALb,IAjDF,CADF;AA2DD,CAnIM","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React, { useState, useEffect } from 'react'\nimport type { ApiModel, DiffRow, SpecList } from '@looker/sdk-codegen'\nimport { useRouteMatch } from 'react-router-dom'\nimport {\n  Box,\n  Flex,\n  FlexItem,\n  IconButton,\n  Label,\n  Select,\n  SelectMulti,\n} from '@looker/components'\nimport { SyncAlt } from '@styled-icons/material/SyncAlt'\nimport { useSelector } from 'react-redux'\n\nimport { ApixSection } from '../../components'\nimport { selectCurrentSpec } from '../../state'\nimport { diffPath, getApixAdaptor, useNavigation } from '../../utils'\nimport { diffSpecs, standardDiffToggles } from './diffUtils'\nimport { DocDiff } from './DocDiff'\n\nconst diffToggles = [\n  {\n    label: 'Missing',\n    value: 'missing',\n  },\n  {\n    label: 'Status',\n    value: 'status',\n  },\n  {\n    label: 'Parameters',\n    value: 'params',\n  },\n  {\n    label: 'Type',\n    value: 'type',\n  },\n  {\n    label: 'Body',\n    value: 'body',\n  },\n  {\n    label: 'Response',\n    value: 'response',\n  },\n]\n\nexport interface DiffSceneProps {\n  specs: SpecList\n  toggleNavigation: (target?: boolean) => void\n}\n\nconst validateParam = (specs: SpecList, specKey = '') => {\n  return specs[specKey] ? specKey : ''\n}\n\nexport const DiffScene: FC<DiffSceneProps> = ({ specs, toggleNavigation }) => {\n  const adaptor = getApixAdaptor()\n  const navigate = useNavigation()\n  const spec = useSelector(selectCurrentSpec)\n  const currentSpecKey = spec.key\n  const match = useRouteMatch<{ l: string; r: string }>(`/${diffPath}/:l?/:r?`)\n  const l = validateParam(specs, match?.params.l)\n  const r = validateParam(specs, match?.params.r)\n\n  const options = Object.entries(specs).map(([key, spec]) => ({\n    value: key,\n    label: `${key} (${spec.status})`,\n  }))\n\n  const [leftKey, setLeftKey] = useState<string>(l || currentSpecKey)\n  const [rightKey, setRightKey] = useState<string>(r || '')\n  const [leftApi, setLeftApi] = useState<ApiModel>(specs[leftKey].api!)\n  const [rightApi, setRightApi] = useState<ApiModel>(() =>\n    rightKey ? specs[rightKey].api! : specs[leftKey].api!\n  )\n  const [toggles, setToggles] = useState<string[]>(standardDiffToggles)\n\n  useEffect(() => {\n    if (r !== rightKey) {\n      setRightKey(r)\n    }\n  }, [r, rightKey])\n\n  useEffect(() => {\n    if (l !== leftKey) {\n      setLeftKey(l)\n    }\n  }, [l, leftKey])\n\n  useEffect(() => {\n    toggleNavigation(false)\n  }, [])\n\n  const [delta, setDelta] = useState<DiffRow[]>([])\n\n  const handleLeftChange = (newLeft: string) => {\n    navigate(`/${diffPath}/${newLeft}/${rightKey}`)\n  }\n  const handleRightChange = (newRight: string) => {\n    navigate(`/${diffPath}/${leftKey}/${newRight}`)\n  }\n\n  const handleSwitch = () => {\n    navigate(`/${diffPath}/${rightKey}/${leftKey}`)\n  }\n\n  useEffect(() => {\n    adaptor.fetchSpec(specs[leftKey]).then((spec) => setLeftApi(spec.api!))\n  }, [leftKey])\n\n  useEffect(() => {\n    if (rightKey in specs) {\n      adaptor.fetchSpec(specs[rightKey]).then((spec) => setRightApi(spec.api!))\n    }\n  }, [rightKey])\n\n  useEffect(() => {\n    if (leftApi && rightApi) {\n      setDelta([...diffSpecs(leftApi, rightApi, toggles)])\n    }\n  }, [leftApi, rightApi, toggles])\n\n  const handleTogglesChange = (values?: string[]) => {\n    const newToggles = values || []\n    setToggles(newToggles)\n  }\n\n  return (\n    <ApixSection>\n      <Box>\n        <Flex bg=\"AliceBlue\" padding=\"large\" mb=\"large\" alignItems=\"center\">\n          <FlexItem>\n            <Label htmlFor=\"base\">Base</Label>\n            <Select\n              mt=\"xxsmall\"\n              id=\"base\"\n              name=\"Left Version\"\n              value={leftKey}\n              options={options}\n              onChange={handleLeftChange}\n            />\n          </FlexItem>\n          <IconButton\n            className=\"switch-button\"\n            label=\"switch\"\n            size=\"small\"\n            disabled={!leftKey || !rightKey}\n            icon={<SyncAlt />}\n            mt=\"medium\"\n            onClick={handleSwitch}\n          />\n          <FlexItem>\n            <Label htmlFor=\"compare\">Compare</Label>\n            <Select\n              mt=\"xxsmall\"\n              id=\"compare\"\n              name=\"Right Version\"\n              placeholder=\"Select a comparison...\"\n              value={rightKey}\n              options={options}\n              onChange={handleRightChange}\n            />\n          </FlexItem>\n          <FlexItem flex=\"2\" ml=\"large\">\n            <Label htmlFor=\"options\">Comparison Options</Label>\n            <SelectMulti\n              mt=\"xxsmall\"\n              id=\"options\"\n              name=\"toggles\"\n              placeholder=\"Comparison options\"\n              defaultValues={toggles}\n              onChange={handleTogglesChange}\n              options={diffToggles}\n            />\n          </FlexItem>\n        </Flex>\n      </Box>\n      <DocDiff\n        delta={delta}\n        leftKey={leftKey}\n        leftSpec={leftApi}\n        rightKey={rightKey}\n        rightSpec={rightApi}\n      />\n    </ApixSection>\n  )\n}\n"],"file":"DiffScene.js"}
+{"version":3,"sources":["../../../../src/scenes/DiffScene/DiffScene.tsx"],"names":["React","useState","useEffect","useRouteMatch","Box","Flex","FlexItem","IconButton","Label","Select","SelectMulti","SyncAlt","useSelector","ApixSection","selectCurrentSpec","selectSpecs","diffPath","getApixAdaptor","useNavigation","diffSpecs","standardDiffToggles","DocDiff","diffToggles","label","value","validateParam","specs","specKey","DiffScene","toggleNavigation","adaptor","navigate","spec","currentSpecKey","key","match","l","params","r","options","Object","entries","map","status","leftKey","setLeftKey","rightKey","setRightKey","leftApi","setLeftApi","api","rightApi","setRightApi","toggles","setToggles","delta","setDelta","handleLeftChange","newLeft","handleRightChange","newRight","handleSwitch","fetchSpec","then","handleTogglesChange","values","newToggles"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React, { useState, useEffect } from 'react'\nimport type { ApiModel, DiffRow, SpecList } from '@looker/sdk-codegen'\nimport { useRouteMatch } from 'react-router-dom'\nimport {\n  Box,\n  Flex,\n  FlexItem,\n  IconButton,\n  Label,\n  Select,\n  SelectMulti,\n} from '@looker/components'\nimport { SyncAlt } from '@styled-icons/material/SyncAlt'\nimport { useSelector } from 'react-redux'\n\nimport { ApixSection } from '../../components'\nimport { selectCurrentSpec, selectSpecs } from '../../state'\nimport { diffPath, getApixAdaptor, useNavigation } from '../../utils'\nimport { diffSpecs, standardDiffToggles } from './diffUtils'\nimport { DocDiff } from './DocDiff'\n\nconst diffToggles = [\n  {\n    label: 'Missing',\n    value: 'missing',\n  },\n  {\n    label: 'Status',\n    value: 'status',\n  },\n  {\n    label: 'Parameters',\n    value: 'params',\n  },\n  {\n    label: 'Type',\n    value: 'type',\n  },\n  {\n    label: 'Body',\n    value: 'body',\n  },\n  {\n    label: 'Response',\n    value: 'response',\n  },\n]\n\nexport interface DiffSceneProps {\n  toggleNavigation: (target?: boolean) => void\n}\n\nconst validateParam = (specs: SpecList, specKey = '') => {\n  return specs[specKey] ? specKey : ''\n}\n\nexport const DiffScene: FC<DiffSceneProps> = ({ toggleNavigation }) => {\n  const adaptor = getApixAdaptor()\n  const { navigate } = useNavigation()\n  const spec = useSelector(selectCurrentSpec)\n  const specs = useSelector(selectSpecs)\n  const currentSpecKey = spec.key\n  const match = useRouteMatch<{ l: string; r: string }>(`/:l/${diffPath}/:r?`)\n  const l = validateParam(specs, match?.params.l)\n  const r = validateParam(specs, match?.params.r)\n\n  const options = Object.entries(specs).map(([key, spec]) => ({\n    value: key,\n    label: `${key} (${spec.status})`,\n  }))\n\n  const [leftKey, setLeftKey] = useState<string>(l || currentSpecKey)\n  const [rightKey, setRightKey] = useState<string>(r || '')\n  const [leftApi, setLeftApi] = useState<ApiModel>(specs[leftKey].api!)\n  const [rightApi, setRightApi] = useState<ApiModel>(() =>\n    rightKey ? specs[rightKey].api! : specs[leftKey].api!\n  )\n  const [toggles, setToggles] = useState<string[]>(standardDiffToggles)\n\n  useEffect(() => {\n    if (r !== rightKey) {\n      setRightKey(r)\n    }\n  }, [r, rightKey])\n\n  useEffect(() => {\n    if (l !== leftKey) {\n      setLeftKey(l)\n    }\n  }, [l, leftKey])\n\n  useEffect(() => {\n    toggleNavigation(false)\n  }, [])\n\n  const [delta, setDelta] = useState<DiffRow[]>([])\n\n  const handleLeftChange = (newLeft: string) => {\n    navigate(`/${newLeft}/${diffPath}/${rightKey}`)\n  }\n  const handleRightChange = (newRight: string) => {\n    navigate(`/${leftKey}/${diffPath}/${newRight}`)\n  }\n\n  const handleSwitch = () => {\n    navigate(`/${rightKey}/${diffPath}/${leftKey}`)\n  }\n\n  useEffect(() => {\n    adaptor.fetchSpec(specs[leftKey]).then((spec) => setLeftApi(spec.api!))\n  }, [leftKey])\n\n  useEffect(() => {\n    if (rightKey in specs) {\n      adaptor.fetchSpec(specs[rightKey]).then((spec) => setRightApi(spec.api!))\n    }\n  }, [rightKey])\n\n  useEffect(() => {\n    if (leftApi && rightApi) {\n      setDelta([...diffSpecs(leftApi, rightApi, toggles)])\n    }\n  }, [leftApi, rightApi, toggles])\n\n  const handleTogglesChange = (values?: string[]) => {\n    const newToggles = values || []\n    setToggles(newToggles)\n  }\n\n  return (\n    <ApixSection>\n      <Box>\n        <Flex bg=\"AliceBlue\" padding=\"large\" mb=\"large\" alignItems=\"center\">\n          <FlexItem>\n            <Label htmlFor=\"base\">Base</Label>\n            <Select\n              mt=\"xxsmall\"\n              id=\"base\"\n              name=\"Left Version\"\n              value={leftKey}\n              options={options}\n              onChange={handleLeftChange}\n            />\n          </FlexItem>\n          <IconButton\n            className=\"switch-button\"\n            label=\"switch\"\n            size=\"small\"\n            disabled={!leftKey || !rightKey}\n            icon={<SyncAlt />}\n            mt=\"medium\"\n            onClick={handleSwitch}\n          />\n          <FlexItem>\n            <Label htmlFor=\"compare\">Compare</Label>\n            <Select\n              mt=\"xxsmall\"\n              id=\"compare\"\n              name=\"Right Version\"\n              placeholder=\"Select a comparison...\"\n              value={rightKey}\n              options={options}\n              onChange={handleRightChange}\n            />\n          </FlexItem>\n          <FlexItem flex=\"2\" ml=\"large\">\n            <Label htmlFor=\"options\">Comparison Options</Label>\n            <SelectMulti\n              mt=\"xxsmall\"\n              id=\"options\"\n              name=\"toggles\"\n              placeholder=\"Comparison options\"\n              defaultValues={toggles}\n              onChange={handleTogglesChange}\n              options={diffToggles}\n            />\n          </FlexItem>\n        </Flex>\n      </Box>\n      <DocDiff\n        delta={delta}\n        leftKey={leftKey}\n        leftSpec={leftApi}\n        rightKey={rightKey}\n        rightSpec={rightApi}\n      />\n    </ApixSection>\n  )\n}\n"],"file":"DiffScene.js"}

package/lib/esm/scenes/DiffScene/DocDiff/DiffItem.js

@@ -31,7 +31,9 @@ export var DiffMethodLink = _ref4 => {
     method,
     specKey
   } = _ref4;
-  var navigate = useNavigation();
+  var {
+    navigate
+  } = useNavigation();
   if (!method) return React.createElement(Heading, {
     as: "h4"
   }, "Missing in ".concat(specKey));

package/lib/esm/scenes/DiffScene/DocDiff/DiffItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/scenes/DiffScene/DocDiff/DiffItem.tsx"],"names":["React","useState","useEffect","ReactDiffViewer","DiffMethod","styled","Accordion2","Box","Card","Grid","Heading","Link","useSelector","selectSdkLanguage","buildMethodPath","useNavigation","DiffBanner","differ","DiffLink","theme","colors","ui5","space","xsmall","large","key","DiffMethodLink","method","specKey","navigate","tag","schema","tags","path","name","DiffItem","item","leftKey","leftSpec","rightKey","rightSpec","selectedSdkLanguage","leftMethod","setLeftMethod","methods","rightMethod","setRightMethod","setMethod","isOpen","setIsOpen","leftSide","setLeftSide","rightSide","setRightSide","lhs","rhs","lMethod","rMethod","handleOpen","LINES"],"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 */\nimport type { FC } from 'react'\nimport React, { useState, useEffect } from 'react'\nimport ReactDiffViewer, { DiffMethod } from 'react-diff-viewer'\nimport styled from 'styled-components'\nimport { Accordion2, Box, Card, Grid, Heading, Link } from '@looker/components'\nimport type { DiffRow } from '@looker/sdk-codegen/src'\nimport type { ApiModel, IMethod } from '@looker/sdk-codegen'\nimport { useSelector } from 'react-redux'\nimport { selectSdkLanguage } from '../../../state'\nimport { buildMethodPath, useNavigation } from '../../../utils'\nimport { DiffBanner } from './DiffBanner'\nimport { differ } from './docDiffUtils'\n\ninterface DiffMethodLinkProps {\n  method: IMethod | undefined\n  specKey: string\n}\n\nconst DiffLink = styled(Link)`\n  color: ${({ theme }) => theme.colors.ui5};\n  cursor: pointer;\n  display: block;\n  padding: ${({ theme }) => `${theme.space.xsmall} ${theme.space.large}`};\n  &:hover,\n  &:visited,\n  &:focus,\n  &.active {\n    color: ${({ theme }) => theme.colors.key};\n    cursor: pointer;\n  }\n`\n\nexport const DiffMethodLink: FC<DiffMethodLinkProps> = ({\n  method,\n  specKey,\n}) => {\n  const navigate = useNavigation()\n\n  if (!method) return <Heading as=\"h4\">{`Missing in ${specKey}`}</Heading>\n\n  const tag = method.schema.tags[0]\n  const path = `${buildMethodPath(specKey, tag, method.name)}`\n\n  return (\n    <DiffLink\n      role=\"link\"\n      onClick={() => {\n        navigate(path)\n      }}\n    >{`${method.name} for ${specKey}`}</DiffLink>\n  )\n}\n\ninterface DiffItemProps {\n  item: DiffRow\n  leftKey: string\n  rightKey: string\n  leftSpec: ApiModel\n  rightSpec: ApiModel\n}\n\nexport const DiffItem: FC<DiffItemProps> = ({\n  item,\n  leftKey,\n  leftSpec,\n  rightKey,\n  rightSpec,\n}) => {\n  const selectedSdkLanguage = useSelector(selectSdkLanguage)\n  const [leftMethod, setLeftMethod] = useState<IMethod | undefined>(\n    leftSpec.methods[item.name]\n  )\n  const [rightMethod, setRightMethod] = useState<IMethod | undefined>(\n    rightSpec.methods[item.name]\n  )\n  const [method, setMethod] = useState<IMethod>((leftMethod || rightMethod)!)\n  const [isOpen, setIsOpen] = useState(false)\n  const [leftSide, setLeftSide] = useState<string>('')\n  const [rightSide, setRightSide] = useState<string>('')\n\n  useEffect(() => {\n    const { lhs, rhs } = differ(item, leftSpec, rightSpec, selectedSdkLanguage)\n    const lMethod = leftSpec.methods[item.name]\n    const rMethod = rightSpec.methods[item.name]\n    setLeftMethod(lMethod)\n    setRightMethod(rMethod)\n    setMethod((lMethod || rMethod)!)\n    setLeftSide(lhs)\n    setRightSide(rhs)\n  }, [leftSpec, rightSpec, isOpen, selectedSdkLanguage])\n\n  const handleOpen = () => {\n    setIsOpen(!isOpen)\n  }\n\n  return (\n    <Card border width=\"100%\">\n      <Accordion2\n        indicatorPosition=\"left\"\n        isOpen={isOpen}\n        toggleOpen={handleOpen}\n        label={<DiffBanner item={item} method={method} />}\n      >\n        <Grid columns={2}>\n          <Box>\n            <DiffMethodLink method={leftMethod} specKey={leftKey} />\n          </Box>\n          <Box>\n            <DiffMethodLink method={rightMethod} specKey={rightKey} />\n          </Box>\n        </Grid>\n        <ReactDiffViewer\n          oldValue={leftSide}\n          newValue={rightSide}\n          splitView={true}\n          compareMethod={DiffMethod.LINES}\n          showDiffOnly={true}\n        />\n      </Accordion2>\n    </Card>\n  )\n}\n"],"file":"DiffItem.js"}
+{"version":3,"sources":["../../../../../src/scenes/DiffScene/DocDiff/DiffItem.tsx"],"names":["React","useState","useEffect","ReactDiffViewer","DiffMethod","styled","Accordion2","Box","Card","Grid","Heading","Link","useSelector","selectSdkLanguage","buildMethodPath","useNavigation","DiffBanner","differ","DiffLink","theme","colors","ui5","space","xsmall","large","key","DiffMethodLink","method","specKey","navigate","tag","schema","tags","path","name","DiffItem","item","leftKey","leftSpec","rightKey","rightSpec","selectedSdkLanguage","leftMethod","setLeftMethod","methods","rightMethod","setRightMethod","setMethod","isOpen","setIsOpen","leftSide","setLeftSide","rightSide","setRightSide","lhs","rhs","lMethod","rMethod","handleOpen","LINES"],"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 */\nimport type { FC } from 'react'\nimport React, { useState, useEffect } from 'react'\nimport ReactDiffViewer, { DiffMethod } from 'react-diff-viewer'\nimport styled from 'styled-components'\nimport { Accordion2, Box, Card, Grid, Heading, Link } from '@looker/components'\nimport type { DiffRow } from '@looker/sdk-codegen/src'\nimport type { ApiModel, IMethod } from '@looker/sdk-codegen'\nimport { useSelector } from 'react-redux'\nimport { selectSdkLanguage } from '../../../state'\nimport { buildMethodPath, useNavigation } from '../../../utils'\nimport { DiffBanner } from './DiffBanner'\nimport { differ } from './docDiffUtils'\n\ninterface DiffMethodLinkProps {\n  method: IMethod | undefined\n  specKey: string\n}\n\nconst DiffLink = styled(Link)`\n  color: ${({ theme }) => theme.colors.ui5};\n  cursor: pointer;\n  display: block;\n  padding: ${({ theme }) => `${theme.space.xsmall} ${theme.space.large}`};\n  &:hover,\n  &:visited,\n  &:focus,\n  &.active {\n    color: ${({ theme }) => theme.colors.key};\n    cursor: pointer;\n  }\n`\n\nexport const DiffMethodLink: FC<DiffMethodLinkProps> = ({\n  method,\n  specKey,\n}) => {\n  const { navigate } = useNavigation()\n\n  if (!method) return <Heading as=\"h4\">{`Missing in ${specKey}`}</Heading>\n\n  const tag = method.schema.tags[0]\n  const path = `${buildMethodPath(specKey, tag, method.name)}`\n\n  return (\n    <DiffLink\n      role=\"link\"\n      onClick={() => {\n        navigate(path)\n      }}\n    >{`${method.name} for ${specKey}`}</DiffLink>\n  )\n}\n\ninterface DiffItemProps {\n  item: DiffRow\n  leftKey: string\n  rightKey: string\n  leftSpec: ApiModel\n  rightSpec: ApiModel\n}\n\nexport const DiffItem: FC<DiffItemProps> = ({\n  item,\n  leftKey,\n  leftSpec,\n  rightKey,\n  rightSpec,\n}) => {\n  const selectedSdkLanguage = useSelector(selectSdkLanguage)\n  const [leftMethod, setLeftMethod] = useState<IMethod | undefined>(\n    leftSpec.methods[item.name]\n  )\n  const [rightMethod, setRightMethod] = useState<IMethod | undefined>(\n    rightSpec.methods[item.name]\n  )\n  const [method, setMethod] = useState<IMethod>((leftMethod || rightMethod)!)\n  const [isOpen, setIsOpen] = useState(false)\n  const [leftSide, setLeftSide] = useState<string>('')\n  const [rightSide, setRightSide] = useState<string>('')\n\n  useEffect(() => {\n    const { lhs, rhs } = differ(item, leftSpec, rightSpec, selectedSdkLanguage)\n    const lMethod = leftSpec.methods[item.name]\n    const rMethod = rightSpec.methods[item.name]\n    setLeftMethod(lMethod)\n    setRightMethod(rMethod)\n    setMethod((lMethod || rMethod)!)\n    setLeftSide(lhs)\n    setRightSide(rhs)\n  }, [leftSpec, rightSpec, isOpen, selectedSdkLanguage])\n\n  const handleOpen = () => {\n    setIsOpen(!isOpen)\n  }\n\n  return (\n    <Card border width=\"100%\">\n      <Accordion2\n        indicatorPosition=\"left\"\n        isOpen={isOpen}\n        toggleOpen={handleOpen}\n        label={<DiffBanner item={item} method={method} />}\n      >\n        <Grid columns={2}>\n          <Box>\n            <DiffMethodLink method={leftMethod} specKey={leftKey} />\n          </Box>\n          <Box>\n            <DiffMethodLink method={rightMethod} specKey={rightKey} />\n          </Box>\n        </Grid>\n        <ReactDiffViewer\n          oldValue={leftSide}\n          newValue={rightSide}\n          splitView={true}\n          compareMethod={DiffMethod.LINES}\n          showDiffOnly={true}\n        />\n      </Accordion2>\n    </Card>\n  )\n}\n"],"file":"DiffItem.js"}

package/lib/esm/scenes/DiffScene/DocDiff/DocDiff.js

@@ -12,8 +12,8 @@ export var DocDiff = _ref => {
   } = _ref;
   var [page, setPage] = useState(1);
   if (delta.length === 0) return React.createElement(Text, null, 'No differences found');
-  var pageCount = Math.round((delta.length - 1) / pageSize);
-  var pageItemData = delta.slice((page - 1) * pageSize, page * pageSize + 1);
+  var pageCount = Math.ceil(delta.length / pageSize);
+  var pageItemData = delta.slice((page - 1) * pageSize, page * pageSize);
   return React.createElement(React.Fragment, null, delta.length === 0 ? React.createElement(Text, null, 'No differences found') : React.createElement(Flex, {
     flexDirection: "column",
     alignItems: "center"
@@ -22,8 +22,8 @@ export var DocDiff = _ref => {
   }, "".concat(delta.length, " differences between ").concat(leftKey, " and ").concat(rightKey))), React.createElement(SpaceVertical, {
     mt: "large",
     gap: "xxsmall"
-  }, pageItemData.map((item, index) => React.createElement(DiffItem, {
-    key: "page-".concat(page, " item-").concat(index),
+  }, pageItemData.map(item => React.createElement(DiffItem, {
+    key: item.name,
     item: item,
     leftKey: leftKey,
     leftSpec: leftSpec,

package/lib/esm/scenes/DiffScene/DocDiff/DocDiff.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/scenes/DiffScene/DocDiff/DocDiff.tsx"],"names":["Flex","Heading","Pagination","Space","SpaceVertical","Text","React","useState","DiffItem","DocDiff","delta","leftKey","leftSpec","rightKey","rightSpec","pageSize","page","setPage","length","pageCount","Math","round","pageItemData","slice","map","item","index","nextPage"],"mappings":"AA0BA,SACEA,IADF,EAEEC,OAFF,EAGEC,UAHF,EAIEC,KAJF,EAKEC,aALF,EAMEC,IANF,QAOO,oBAPP;AASA,OAAOC,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,QAAT,QAAyB,YAAzB;AAiBA,OAAO,IAAMC,OAAyB,GAAG,QAOnC;AAAA,MAPoC;AACxCC,IAAAA,KADwC;AAExCC,IAAAA,OAFwC;AAGxCC,IAAAA,QAHwC;AAIxCC,IAAAA,QAJwC;AAKxCC,IAAAA,SALwC;AAMxCC,IAAAA,QAAQ,GAAG;AAN6B,GAOpC;AACJ,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkBV,QAAQ,CAAC,CAAD,CAAhC;AAEA,MAAIG,KAAK,CAACQ,MAAN,KAAiB,CAArB,EAAwB,OAAO,oBAAC,IAAD,QAAO,sBAAP,CAAP;AAExB,MAAMC,SAAS,GAAGC,IAAI,CAACC,KAAL,CAAW,CAACX,KAAK,CAACQ,MAAN,GAAe,CAAhB,IAAqBH,QAAhC,CAAlB;AACA,MAAMO,YAAY,GAAGZ,KAAK,CAACa,KAAN,CAAY,CAACP,IAAI,GAAG,CAAR,IAAaD,QAAzB,EAAmCC,IAAI,GAAGD,QAAP,GAAkB,CAArD,CAArB;AAEA,SACE,0CACGL,KAAK,CAACQ,MAAN,KAAiB,CAAjB,GACC,oBAAC,IAAD,QAAO,sBAAP,CADD,GAGC,oBAAC,IAAD;AAAM,IAAA,aAAa,EAAC,QAApB;AAA6B,IAAA,UAAU,EAAC;AAAxC,KACE,oBAAC,KAAD,QACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC;AAAZ,eAAqBR,KAAK,CAACQ,MAA3B,kCAAyDP,OAAzD,kBAAwEE,QAAxE,EADF,CADF,EAIE,oBAAC,aAAD;AAAe,IAAA,EAAE,EAAC,OAAlB;AAA0B,IAAA,GAAG,EAAC;AAA9B,KACGS,YAAY,CAACE,GAAb,CAAiB,CAACC,IAAD,EAAOC,KAAP,KAChB,oBAAC,QAAD;AACE,IAAA,GAAG,iBAAUV,IAAV,mBAAuBU,KAAvB,CADL;AAEE,IAAA,IAAI,EAAED,IAFR;AAGE,IAAA,OAAO,EAAEd,OAHX;AAIE,IAAA,QAAQ,EAAEC,QAJZ;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAME,IAAA,SAAS,EAAEC;AANb,IADD,CADH,CAJF,EAgBE,oBAAC,UAAD;AACE,IAAA,OAAO,EAAEE,IADX;AAEE,IAAA,KAAK,EAAEG,SAFT;AAGE,IAAA,QAAQ,EAAGQ,QAAD,IAAc;AACtBV,MAAAA,OAAO,CAACU,QAAD,CAAP;AACD;AALH,IAhBF,CAJJ,CADF;AAgCD,CA/CM","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 { ApiModel, DiffRow } from '@looker/sdk-codegen'\nimport {\n  Flex,\n  Heading,\n  Pagination,\n  Space,\n  SpaceVertical,\n  Text,\n} from '@looker/components'\nimport type { FC } from 'react'\nimport React, { useState } from 'react'\nimport { DiffItem } from './DiffItem'\n\nexport interface DocDiffProps {\n  /** Using delta because IntelliJ has bugs with 'diff' in a react app */\n  delta: DiffRow[]\n  /** Left side specKey */\n  leftKey: string\n  /** Left side spec */\n  leftSpec: ApiModel\n  /** Right side specKey */\n  rightKey: string\n  /** Right side spec */\n  rightSpec: ApiModel\n  /** Number of rows per page. Defaults to 15 */\n  pageSize?: number\n}\n\nexport const DocDiff: FC<DocDiffProps> = ({\n  delta,\n  leftKey,\n  leftSpec,\n  rightKey,\n  rightSpec,\n  pageSize = 15,\n}) => {\n  const [page, setPage] = useState(1)\n\n  if (delta.length === 0) return <Text>{'No differences found'}</Text>\n\n  const pageCount = Math.round((delta.length - 1) / pageSize)\n  const pageItemData = delta.slice((page - 1) * pageSize, page * pageSize + 1)\n\n  return (\n    <>\n      {delta.length === 0 ? (\n        <Text>{'No differences found'}</Text>\n      ) : (\n        <Flex flexDirection=\"column\" alignItems=\"center\">\n          <Space>\n            <Heading as=\"h2\">{`${delta.length} differences between ${leftKey} and ${rightKey}`}</Heading>\n          </Space>\n          <SpaceVertical mt=\"large\" gap=\"xxsmall\">\n            {pageItemData.map((item, index) => (\n              <DiffItem\n                key={`page-${page} item-${index}`}\n                item={item}\n                leftKey={leftKey}\n                leftSpec={leftSpec}\n                rightKey={rightKey}\n                rightSpec={rightSpec}\n              />\n            ))}\n          </SpaceVertical>\n          <Pagination\n            current={page}\n            pages={pageCount}\n            onChange={(nextPage) => {\n              setPage(nextPage)\n            }}\n          />\n        </Flex>\n      )}\n    </>\n  )\n}\n"],"file":"DocDiff.js"}
+{"version":3,"sources":["../../../../../src/scenes/DiffScene/DocDiff/DocDiff.tsx"],"names":["Flex","Heading","Pagination","Space","SpaceVertical","Text","React","useState","DiffItem","DocDiff","delta","leftKey","leftSpec","rightKey","rightSpec","pageSize","page","setPage","length","pageCount","Math","ceil","pageItemData","slice","map","item","name","nextPage"],"mappings":"AA0BA,SACEA,IADF,EAEEC,OAFF,EAGEC,UAHF,EAIEC,KAJF,EAKEC,aALF,EAMEC,IANF,QAOO,oBAPP;AASA,OAAOC,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,QAAT,QAAyB,YAAzB;AAiBA,OAAO,IAAMC,OAAyB,GAAG,QAOnC;AAAA,MAPoC;AACxCC,IAAAA,KADwC;AAExCC,IAAAA,OAFwC;AAGxCC,IAAAA,QAHwC;AAIxCC,IAAAA,QAJwC;AAKxCC,IAAAA,SALwC;AAMxCC,IAAAA,QAAQ,GAAG;AAN6B,GAOpC;AACJ,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkBV,QAAQ,CAAC,CAAD,CAAhC;AAEA,MAAIG,KAAK,CAACQ,MAAN,KAAiB,CAArB,EAAwB,OAAO,oBAAC,IAAD,QAAO,sBAAP,CAAP;AAExB,MAAMC,SAAS,GAAGC,IAAI,CAACC,IAAL,CAAUX,KAAK,CAACQ,MAAN,GAAeH,QAAzB,CAAlB;AACA,MAAMO,YAAY,GAAGZ,KAAK,CAACa,KAAN,CAAY,CAACP,IAAI,GAAG,CAAR,IAAaD,QAAzB,EAAmCC,IAAI,GAAGD,QAA1C,CAArB;AAEA,SACE,0CACGL,KAAK,CAACQ,MAAN,KAAiB,CAAjB,GACC,oBAAC,IAAD,QAAO,sBAAP,CADD,GAGC,oBAAC,IAAD;AAAM,IAAA,aAAa,EAAC,QAApB;AAA6B,IAAA,UAAU,EAAC;AAAxC,KACE,oBAAC,KAAD,QACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC;AAAZ,eAAqBR,KAAK,CAACQ,MAA3B,kCAAyDP,OAAzD,kBAAwEE,QAAxE,EADF,CADF,EAIE,oBAAC,aAAD;AAAe,IAAA,EAAE,EAAC,OAAlB;AAA0B,IAAA,GAAG,EAAC;AAA9B,KACGS,YAAY,CAACE,GAAb,CAAkBC,IAAD,IAChB,oBAAC,QAAD;AACE,IAAA,GAAG,EAAEA,IAAI,CAACC,IADZ;AAEE,IAAA,IAAI,EAAED,IAFR;AAGE,IAAA,OAAO,EAAEd,OAHX;AAIE,IAAA,QAAQ,EAAEC,QAJZ;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAME,IAAA,SAAS,EAAEC;AANb,IADD,CADH,CAJF,EAgBE,oBAAC,UAAD;AACE,IAAA,OAAO,EAAEE,IADX;AAEE,IAAA,KAAK,EAAEG,SAFT;AAGE,IAAA,QAAQ,EAAGQ,QAAD,IAAc;AACtBV,MAAAA,OAAO,CAACU,QAAD,CAAP;AACD;AALH,IAhBF,CAJJ,CADF;AAgCD,CA/CM","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 { ApiModel, DiffRow } from '@looker/sdk-codegen'\nimport {\n  Flex,\n  Heading,\n  Pagination,\n  Space,\n  SpaceVertical,\n  Text,\n} from '@looker/components'\nimport type { FC } from 'react'\nimport React, { useState } from 'react'\nimport { DiffItem } from './DiffItem'\n\nexport interface DocDiffProps {\n  /** Using delta because IntelliJ has bugs with 'diff' in a react app */\n  delta: DiffRow[]\n  /** Left side specKey */\n  leftKey: string\n  /** Left side spec */\n  leftSpec: ApiModel\n  /** Right side specKey */\n  rightKey: string\n  /** Right side spec */\n  rightSpec: ApiModel\n  /** Number of rows per page. Defaults to 15 */\n  pageSize?: number\n}\n\nexport const DocDiff: FC<DocDiffProps> = ({\n  delta,\n  leftKey,\n  leftSpec,\n  rightKey,\n  rightSpec,\n  pageSize = 15,\n}) => {\n  const [page, setPage] = useState(1)\n\n  if (delta.length === 0) return <Text>{'No differences found'}</Text>\n\n  const pageCount = Math.ceil(delta.length / pageSize)\n  const pageItemData = delta.slice((page - 1) * pageSize, page * pageSize)\n\n  return (\n    <>\n      {delta.length === 0 ? (\n        <Text>{'No differences found'}</Text>\n      ) : (\n        <Flex flexDirection=\"column\" alignItems=\"center\">\n          <Space>\n            <Heading as=\"h2\">{`${delta.length} differences between ${leftKey} and ${rightKey}`}</Heading>\n          </Space>\n          <SpaceVertical mt=\"large\" gap=\"xxsmall\">\n            {pageItemData.map((item) => (\n              <DiffItem\n                key={item.name}\n                item={item}\n                leftKey={leftKey}\n                leftSpec={leftSpec}\n                rightKey={rightKey}\n                rightSpec={rightSpec}\n              />\n            ))}\n          </SpaceVertical>\n          <Pagination\n            current={page}\n            pages={pageCount}\n            onChange={(nextPage) => {\n              setPage(nextPage)\n            }}\n          />\n        </Flex>\n      )}\n    </>\n  )\n}\n"],"file":"DocDiff.js"}

package/lib/esm/scenes/ErrorDetailScene/ErrorDetailScene.js

@@ -0,0 +1,31 @@
+import { Redirect, useRouteMatch } from 'react-router-dom';
+import { getEnvAdaptor } from '@looker/extension-utils';
+import { ErrorDoc } from '@looker/sdk-rtl';
+import React from 'react';
+import { useNavigation } from '../../utils';
+export var ErrorDetailScene = _ref => {
+  var {
+    api
+  } = _ref;
+  var match = useRouteMatch("/:specKey/err/:statusCode/:verb/*");
+  var methodPath = match === null || match === void 0 ? void 0 : match.params[0];
+  var adaptor = getEnvAdaptor();
+  var errorDoc = new ErrorDoc(adaptor.sdk);
+  var restPath = errorDoc.specPath(methodPath);
+  var methodId = "".concat(match === null || match === void 0 ? void 0 : match.params.verb, " /").concat(restPath).toLocaleLowerCase();
+  var specKey = match === null || match === void 0 ? void 0 : match.params.specKey;
+  var statusCode = match === null || match === void 0 ? void 0 : match.params.statusCode;
+  var method = Object.values(api.methods).find(method => method.id.toLocaleLowerCase() === methodId);
+  var methodTag = method === null || method === void 0 ? void 0 : method.schema.tags[0];
+  var methodName = method === null || method === void 0 ? void 0 : method.operationId;
+  var {
+    buildPathWithGlobalParams
+  } = useNavigation();
+  var redirectPath = buildPathWithGlobalParams("/".concat(specKey, "/methods/").concat(methodTag, "/").concat(methodName), {
+    e: statusCode
+  });
+  return React.createElement(Redirect, {
+    to: redirectPath
+  });
+};
+//# sourceMappingURL=ErrorDetailScene.js.map

package/lib/esm/scenes/ErrorDetailScene/ErrorDetailScene.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/scenes/ErrorDetailScene/ErrorDetailScene.tsx"],"names":["Redirect","useRouteMatch","getEnvAdaptor","ErrorDoc","React","useNavigation","ErrorDetailScene","api","match","methodPath","params","adaptor","errorDoc","sdk","restPath","specPath","methodId","verb","toLocaleLowerCase","specKey","statusCode","method","Object","values","methods","find","id","methodTag","schema","tags","methodName","operationId","buildPathWithGlobalParams","redirectPath","e"],"mappings":"AAyBA,SAASA,QAAT,EAAmBC,aAAnB,QAAwC,kBAAxC;AACA,SAASC,aAAT,QAA8B,yBAA9B;AACA,SAASC,QAAT,QAAyB,iBAAzB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAGA,SAASC,aAAT,QAA8B,aAA9B;AAUA,OAAO,IAAMC,gBAAgB,GAAG,QAAoC;AAAA,MAAnC;AAAEC,IAAAA;AAAF,GAAmC;AAClE,MAAMC,KAAK,GAAGP,aAAa,qCAA3B;AAKA,MAAMQ,UAAU,GAAGD,KAAH,aAAGA,KAAH,uBAAGA,KAAK,CAAEE,MAAP,CAAc,CAAd,CAAnB;AACA,MAAMC,OAAO,GAAGT,aAAa,EAA7B;AACA,MAAMU,QAAQ,GAAG,IAAIT,QAAJ,CAAaQ,OAAO,CAACE,GAArB,CAAjB;AACA,MAAMC,QAAQ,GAAGF,QAAQ,CAACG,QAAT,CAAkBN,UAAlB,CAAjB;AAEA,MAAMO,QAAQ,GAAG,UAAGR,KAAH,aAAGA,KAAH,uBAAGA,KAAK,CAAEE,MAAP,CAAcO,IAAjB,eAA0BH,QAA1B,EAAqCI,iBAArC,EAAjB;AACA,MAAMC,OAAO,GAAGX,KAAH,aAAGA,KAAH,uBAAGA,KAAK,CAAEE,MAAP,CAAcS,OAA9B;AACA,MAAMC,UAAU,GAAGZ,KAAH,aAAGA,KAAH,uBAAGA,KAAK,CAAEE,MAAP,CAAcU,UAAjC;AAEA,MAAMC,MAAM,GAAGC,MAAM,CAACC,MAAP,CAAchB,GAAG,CAACiB,OAAlB,EAA2BC,IAA3B,CACZJ,MAAD,IAAYA,MAAM,CAACK,EAAP,CAAUR,iBAAV,OAAkCF,QADjC,CAAf;AAIA,MAAMW,SAAS,GAAGN,MAAH,aAAGA,MAAH,uBAAGA,MAAM,CAAEO,MAAR,CAAeC,IAAf,CAAoB,CAApB,CAAlB;AACA,MAAMC,UAAU,GAAGT,MAAH,aAAGA,MAAH,uBAAGA,MAAM,CAAEU,WAA3B;AAEA,MAAM;AAAEC,IAAAA;AAAF,MAAgC3B,aAAa,EAAnD;AAEA,MAAM4B,YAAY,GAAGD,yBAAyB,YACxCb,OADwC,sBACrBQ,SADqB,cACRG,UADQ,GAE5C;AAAEI,IAAAA,CAAC,EAAEd;AAAL,GAF4C,CAA9C;AAKA,SAAO,oBAAC,QAAD;AAAU,IAAA,EAAE,EAAEa;AAAd,IAAP;AACD,CA9BM","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2022 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 { Redirect, useRouteMatch } from 'react-router-dom'\nimport { getEnvAdaptor } from '@looker/extension-utils'\nimport { ErrorDoc } from '@looker/sdk-rtl'\nimport React from 'react'\nimport type { IApiModel } from '@looker/sdk-codegen'\n\nimport { useNavigation } from '../../utils'\n\ninterface ErrorDetailSceneProps {\n  api: IApiModel\n}\n\n/**\n * Scene responsible for redirecting users from an error doc link to a specific\n * method scene\n */\nexport const ErrorDetailScene = ({ api }: ErrorDetailSceneProps) => {\n  const match = useRouteMatch<{\n    specKey: string\n    statusCode: string\n    verb: string\n  }>(`/:specKey/err/:statusCode/:verb/*`)\n  const methodPath = match?.params[0]\n  const adaptor = getEnvAdaptor()\n  const errorDoc = new ErrorDoc(adaptor.sdk)\n  const restPath = errorDoc.specPath(methodPath)\n\n  const methodId = `${match?.params.verb} /${restPath}`.toLocaleLowerCase()\n  const specKey = match?.params.specKey\n  const statusCode = match?.params.statusCode\n\n  const method = Object.values(api.methods).find(\n    (method) => method.id.toLocaleLowerCase() === methodId\n  )\n\n  const methodTag = method?.schema.tags[0]\n  const methodName = method?.operationId\n\n  const { buildPathWithGlobalParams } = useNavigation()\n\n  const redirectPath = buildPathWithGlobalParams(\n    `/${specKey}/methods/${methodTag}/${methodName}`,\n    { e: statusCode }\n  )\n\n  return <Redirect to={redirectPath} />\n}\n"],"file":"ErrorDetailScene.js"}

package/lib/esm/scenes/ErrorDetailScene/index.js

@@ -0,0 +1,2 @@
+export { ErrorDetailScene } from './ErrorDetailScene';
+//# sourceMappingURL=index.js.map

package/lib/esm/scenes/ErrorDetailScene/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/scenes/ErrorDetailScene/index.ts"],"names":["ErrorDetailScene"],"mappings":"AAyBA,SAASA,gBAAT,QAAiC,oBAAjC","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2022 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 { ErrorDetailScene } from './ErrorDetailScene'\n"],"file":"index.js"}

package/lib/esm/scenes/MethodScene/MethodScene.js

@@ -2,17 +2,17 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
-import React, { useState, useEffect } from 'react';
-import { Aside, Button, ButtonOutline, Space, useToggle, ExtendComponentsThemeProvider } from '@looker/components';
+import React, { useState, useEffect, useRef } from 'react';
+import { Aside, Button, ButtonOutline, Space, useToggle, ExtendComponentsThemeProvider, Span } from '@looker/components';
 import { Beaker } from '@looker/icons';
 import { useHistory, useParams } from 'react-router-dom';
 import { RunIt, RunItFormKey } from '@looker/run-it';
 import { typeRefs } from '@looker/sdk-codegen';
 import { useSelector } from 'react-redux';
-import { getApixAdaptor, useNavigation } from '../../utils';
-import { ApixSection, DocActivityType, DocMarkdown, DocRateLimited, DocReferences, DocResponses, DocSDKs, DocSdkUsage, DocSource, DocStatus, DocTitle, DocSchema } from '../../components';
+import { getApixAdaptor, useNavigation, useQuery } from '../../utils';
+import { ApixSection, DocActivityType, DocMarkdown, DocRateLimited, DocReferences, DocSDKs, DocSdkUsage, DocSource, DocStatus, DocTitle, DocSchema } from '../../components';
 import { selectSdkLanguage } from '../../state';
-import { DocOperation, DocRequestBody } from './components';
+import { DocOperation, DocRequestBody, DocResponses } from './components';
 
 var showRunIt = function () {
   var _ref = _asyncToGenerator(function* (adaptor) {
@@ -26,12 +26,16 @@ var showRunIt = function () {
 }();
 
 export var MethodScene = _ref2 => {
+  var _query$get;
+
   var {
     api
   } = _ref2;
   var adaptor = getApixAdaptor();
   var history = useHistory();
-  var navigate = useNavigation();
+  var {
+    navigate
+  } = useNavigation();
   var sdkLanguage = useSelector(selectSdkLanguage);
   var {
     specKey,
@@ -45,7 +49,10 @@ export var MethodScene = _ref2 => {
   } = useToggle();
   var [method, setMethod] = useState(api.methods[methodName]);
   var seeTypes = typeRefs(api, method === null || method === void 0 ? void 0 : method.customTypes);
+  var query = useQuery();
+  var errorCode = (_query$get = query.get('e')) !== null && _query$get !== void 0 ? _query$get : undefined;
   var RunItButton = value ? Button : ButtonOutline;
+  var docResponsesRef = useRef(null);
   useEffect(() => {
     var foundMethod = api.methods[methodName];
 
@@ -80,6 +87,15 @@ export var MethodScene = _ref2 => {
 
     checkRunIt();
   }, [adaptor, setOn]);
+  useEffect(() => {
+    if (method.responses && errorCode) {
+      if (docResponsesRef.current) {
+        window.setTimeout(() => {
+          docResponsesRef.current.scrollIntoView();
+        }, 300);
+      }
+    }
+  }, [method]);
   var runItToggle = React.createElement(RunItButton, {
     color: value ? 'key' : 'neutral',
     iconBefore: React.createElement(Beaker, null),
@@ -115,10 +131,13 @@ export var MethodScene = _ref2 => {
     typesUsed: seeTypes,
     api: api,
     specKey: specKey
-  }), React.createElement(DocResponses, {
+  }), React.createElement(Span, {
+    ref: docResponsesRef
+  }, React.createElement(DocResponses, {
     api: api,
-    responses: method.responses
-  }), React.createElement(DocSchema, {
+    method: method,
+    errorCode: errorCode
+  })), React.createElement(DocSchema, {
     object: method.schema
   })), value && React.createElement(Aside, {
     width: "50rem"