@looker/api-explorer 0.9.36 → 0.9.38

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/scenes/DiffScene/DocDiff/DiffItem.tsx"],"names":["DiffLink","Link","theme","colors","ui5","space","xsmall","large","key","DiffMethodLink","method","specKey","navigate","tag","schema","tags","path","name","DiffItem","item","leftKey","leftSpec","rightKey","rightSpec","selectedSdkLanguage","selectSdkLanguage","leftMethod","setLeftMethod","methods","rightMethod","setRightMethod","setMethod","isOpen","setIsOpen","leftSide","setLeftSide","rightSide","setRightSide","lhs","rhs","lMethod","rMethod","handleOpen","DiffMethod","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":["DiffLink","Link","theme","colors","ui5","space","xsmall","large","key","DiffMethodLink","method","specKey","navigate","tag","schema","tags","path","name","DiffItem","item","leftKey","leftSpec","rightKey","rightSpec","selectedSdkLanguage","selectSdkLanguage","leftMethod","setLeftMethod","methods","rightMethod","setRightMethod","setMethod","isOpen","setIsOpen","leftSide","setLeftSide","rightSide","setRightSide","lhs","rhs","lMethod","rMethod","handleOpen","DiffMethod","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/scenes/DiffScene/DocDiff/DocDiff.js

@@ -26,8 +26,8 @@ var DocDiff = _ref => {
   } = _ref;
   var [page, setPage] = (0, _react.useState)(1);
   if (delta.length === 0) return _react.default.createElement(_components.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.default.createElement(_react.default.Fragment, null, delta.length === 0 ? _react.default.createElement(_components.Text, null, 'No differences found') : _react.default.createElement(_components.Flex, {
     flexDirection: "column",
     alignItems: "center"
@@ -36,8 +36,8 @@ var DocDiff = _ref => {
   }, "".concat(delta.length, " differences between ").concat(leftKey, " and ").concat(rightKey))), _react.default.createElement(_components.SpaceVertical, {
     mt: "large",
     gap: "xxsmall"
-  }, pageItemData.map((item, index) => _react.default.createElement(_DiffItem.DiffItem, {
-    key: "page-".concat(page, " item-").concat(index),
+  }, pageItemData.map(item => _react.default.createElement(_DiffItem.DiffItem, {
+    key: item.name,
     item: item,
     leftKey: leftKey,
     leftSpec: leftSpec,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/scenes/DiffScene/DocDiff/DocDiff.tsx"],"names":["DocDiff","delta","leftKey","leftSpec","rightKey","rightSpec","pageSize","page","setPage","length","pageCount","Math","round","pageItemData","slice","map","item","index","nextPage"],"mappings":";;;;;;;AA0BA;;AASA;;AACA;;;;;;AAiBO,IAAMA,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,IAAkB,qBAAS,CAAT,CAAxB;AAEA,MAAIP,KAAK,CAACQ,MAAN,KAAiB,CAArB,EAAwB,OAAO,6BAAC,gBAAD,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,4DACGL,KAAK,CAACQ,MAAN,KAAiB,CAAjB,GACC,6BAAC,gBAAD,QAAO,sBAAP,CADD,GAGC,6BAAC,gBAAD;AAAM,IAAA,aAAa,EAAC,QAApB;AAA6B,IAAA,UAAU,EAAC;AAAxC,KACE,6BAAC,iBAAD,QACE,6BAAC,mBAAD;AAAS,IAAA,EAAE,EAAC;AAAZ,eAAqBR,KAAK,CAACQ,MAA3B,kCAAyDP,OAAzD,kBAAwEE,QAAxE,EADF,CADF,EAIE,6BAAC,yBAAD;AAAe,IAAA,EAAE,EAAC,OAAlB;AAA0B,IAAA,GAAG,EAAC;AAA9B,KACGS,YAAY,CAACE,GAAb,CAAiB,CAACC,IAAD,EAAOC,KAAP,KAChB,6BAAC,kBAAD;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,6BAAC,sBAAD;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":["DocDiff","delta","leftKey","leftSpec","rightKey","rightSpec","pageSize","page","setPage","length","pageCount","Math","ceil","pageItemData","slice","map","item","name","nextPage"],"mappings":";;;;;;;AA0BA;;AASA;;AACA;;;;;;AAiBO,IAAMA,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,IAAkB,qBAAS,CAAT,CAAxB;AAEA,MAAIP,KAAK,CAACQ,MAAN,KAAiB,CAArB,EAAwB,OAAO,6BAAC,gBAAD,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,4DACGL,KAAK,CAACQ,MAAN,KAAiB,CAAjB,GACC,6BAAC,gBAAD,QAAO,sBAAP,CADD,GAGC,6BAAC,gBAAD;AAAM,IAAA,aAAa,EAAC,QAApB;AAA6B,IAAA,UAAU,EAAC;AAAxC,KACE,6BAAC,iBAAD,QACE,6BAAC,mBAAD;AAAS,IAAA,EAAE,EAAC;AAAZ,eAAqBR,KAAK,CAACQ,MAA3B,kCAAyDP,OAAzD,kBAAwEE,QAAxE,EADF,CADF,EAIE,6BAAC,yBAAD;AAAe,IAAA,EAAE,EAAC,OAAlB;AAA0B,IAAA,GAAG,EAAC;AAA9B,KACGS,YAAY,CAACE,GAAb,CAAkBC,IAAD,IAChB,6BAAC,kBAAD;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,6BAAC,sBAAD;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/scenes/ErrorDetailScene/ErrorDetailScene.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { IApiModel } from '@looker/sdk-codegen';
+interface ErrorDetailSceneProps {
+    api: IApiModel;
+}
+export declare const ErrorDetailScene: ({ api }: ErrorDetailSceneProps) => JSX.Element;
+export {};

package/lib/scenes/ErrorDetailScene/ErrorDetailScene.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorDetailScene = void 0;
+
+var _reactRouterDom = require("react-router-dom");
+
+var _extensionUtils = require("@looker/extension-utils");
+
+var _sdkRtl = require("@looker/sdk-rtl");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _utils = require("../../utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var ErrorDetailScene = _ref => {
+  var {
+    api
+  } = _ref;
+  var match = (0, _reactRouterDom.useRouteMatch)("/:specKey/err/:statusCode/:verb/*");
+  var methodPath = match === null || match === void 0 ? void 0 : match.params[0];
+  var adaptor = (0, _extensionUtils.getEnvAdaptor)();
+  var errorDoc = new _sdkRtl.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
+  } = (0, _utils.useNavigation)();
+  var redirectPath = buildPathWithGlobalParams("/".concat(specKey, "/methods/").concat(methodTag, "/").concat(methodName), {
+    e: statusCode
+  });
+  return _react.default.createElement(_reactRouterDom.Redirect, {
+    to: redirectPath
+  });
+};
+
+exports.ErrorDetailScene = ErrorDetailScene;
+//# sourceMappingURL=ErrorDetailScene.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/scenes/ErrorDetailScene/ErrorDetailScene.tsx"],"names":["ErrorDetailScene","api","match","methodPath","params","adaptor","errorDoc","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;;AACA;;AACA;;AACA;;AAGA;;;;AAUO,IAAMA,gBAAgB,GAAG,QAAoC;AAAA,MAAnC;AAAEC,IAAAA;AAAF,GAAmC;AAClE,MAAMC,KAAK,GAAG,uEAAd;AAKA,MAAMC,UAAU,GAAGD,KAAH,aAAGA,KAAH,uBAAGA,KAAK,CAAEE,MAAP,CAAc,CAAd,CAAnB;AACA,MAAMC,OAAO,GAAG,oCAAhB;AACA,MAAMC,QAAQ,GAAG,IAAIC,gBAAJ,CAAaF,OAAO,CAACG,GAArB,CAAjB;AACA,MAAMC,QAAQ,GAAGH,QAAQ,CAACI,QAAT,CAAkBP,UAAlB,CAAjB;AAEA,MAAMQ,QAAQ,GAAG,UAAGT,KAAH,aAAGA,KAAH,uBAAGA,KAAK,CAAEE,MAAP,CAAcQ,IAAjB,eAA0BH,QAA1B,EAAqCI,iBAArC,EAAjB;AACA,MAAMC,OAAO,GAAGZ,KAAH,aAAGA,KAAH,uBAAGA,KAAK,CAAEE,MAAP,CAAcU,OAA9B;AACA,MAAMC,UAAU,GAAGb,KAAH,aAAGA,KAAH,uBAAGA,KAAK,CAAEE,MAAP,CAAcW,UAAjC;AAEA,MAAMC,MAAM,GAAGC,MAAM,CAACC,MAAP,CAAcjB,GAAG,CAACkB,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,MAAgC,2BAAtC;AAEA,MAAMC,YAAY,GAAGD,yBAAyB,YACxCb,OADwC,sBACrBQ,SADqB,cACRG,UADQ,GAE5C;AAAEI,IAAAA,CAAC,EAAEd;AAAL,GAF4C,CAA9C;AAKA,SAAO,6BAAC,wBAAD;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/scenes/ErrorDetailScene/index.d.ts

@@ -0,0 +1 @@
+export { ErrorDetailScene } from './ErrorDetailScene';

package/lib/scenes/ErrorDetailScene/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ErrorDetailScene", {
+  enumerable: true,
+  get: function get() {
+    return _ErrorDetailScene.ErrorDetailScene;
+  }
+});
+
+var _ErrorDetailScene = require("./ErrorDetailScene");
+//# sourceMappingURL=index.js.map

package/lib/{components/DocResponses → scenes/ErrorDetailScene}/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DocResponses/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAyBA","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 { DocResponses } from './DocResponses'\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/scenes/ErrorDetailScene/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAyBA","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/scenes/MethodScene/MethodScene.js

@@ -47,12 +47,16 @@ var showRunIt = function () {
 }();
 
 var MethodScene = _ref2 => {
+  var _query$get;
+
   var {
     api
   } = _ref2;
   var adaptor = (0, _utils.getApixAdaptor)();
   var history = (0, _reactRouterDom.useHistory)();
-  var navigate = (0, _utils.useNavigation)();
+  var {
+    navigate
+  } = (0, _utils.useNavigation)();
   var sdkLanguage = (0, _reactRedux.useSelector)(_state.selectSdkLanguage);
   var {
     specKey,
@@ -66,7 +70,10 @@ var MethodScene = _ref2 => {
   } = (0, _components.useToggle)();
   var [method, setMethod] = (0, _react.useState)(api.methods[methodName]);
   var seeTypes = (0, _sdkCodegen.typeRefs)(api, method === null || method === void 0 ? void 0 : method.customTypes);
+  var query = (0, _utils.useQuery)();
+  var errorCode = (_query$get = query.get('e')) !== null && _query$get !== void 0 ? _query$get : undefined;
   var RunItButton = value ? _components.Button : _components.ButtonOutline;
+  var docResponsesRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
     var foundMethod = api.methods[methodName];
 
@@ -101,6 +108,15 @@ var MethodScene = _ref2 => {
 
     checkRunIt();
   }, [adaptor, setOn]);
+  (0, _react.useEffect)(() => {
+    if (method.responses && errorCode) {
+      if (docResponsesRef.current) {
+        window.setTimeout(() => {
+          docResponsesRef.current.scrollIntoView();
+        }, 300);
+      }
+    }
+  }, [method]);
 
   var runItToggle = _react.default.createElement(RunItButton, {
     color: value ? 'key' : 'neutral',
@@ -138,10 +154,13 @@ var MethodScene = _ref2 => {
     typesUsed: seeTypes,
     api: api,
     specKey: specKey
-  }), _react.default.createElement(_components2.DocResponses, {
+  }), _react.default.createElement(_components.Span, {
+    ref: docResponsesRef
+  }, _react.default.createElement(_components3.DocResponses, {
     api: api,
-    responses: method.responses
-  }), _react.default.createElement(_components2.DocSchema, {
+    method: method,
+    errorCode: errorCode
+  })), _react.default.createElement(_components2.DocSchema, {
     object: method.schema
   })), value && _react.default.createElement(_components.Aside, {
     width: "50rem"

package/lib/scenes/MethodScene/MethodScene.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/scenes/MethodScene/MethodScene.tsx"],"names":["showRunIt","adaptor","data","localStorageGetItem","RunItFormKey","MethodScene","api","history","navigate","sdkLanguage","selectSdkLanguage","specKey","methodTag","methodName","value","toggle","setOn","method","setMethod","methods","seeTypes","customTypes","RunItButton","Button","ButtonOutline","foundMethod","tags","checkRunIt","show","error","console","runItToggle","summary","description","responses","schema","colors","background","key","text","link","critical","operationId"],"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 {\n  Aside,\n  Button,\n  ButtonOutline,\n  Space,\n  useToggle,\n  ExtendComponentsThemeProvider,\n} from '@looker/components'\nimport { Beaker } from '@looker/icons'\nimport { useHistory, useParams } from 'react-router-dom'\nimport { RunIt, RunItFormKey } from '@looker/run-it'\nimport type { ApiModel } from '@looker/sdk-codegen'\nimport { typeRefs } from '@looker/sdk-codegen'\nimport { useSelector } from 'react-redux'\nimport type { IEnvironmentAdaptor } from '@looker/extension-utils'\n\nimport { getApixAdaptor, useNavigation } from '../../utils'\nimport {\n  ApixSection,\n  DocActivityType,\n  DocMarkdown,\n  DocRateLimited,\n  DocReferences,\n  DocResponses,\n  DocSDKs,\n  DocSdkUsage,\n  DocSource,\n  DocStatus,\n  DocTitle,\n  DocSchema,\n} from '../../components'\nimport { selectSdkLanguage } from '../../state'\nimport { DocOperation, DocRequestBody } from './components'\n\ninterface MethodSceneProps {\n  api: ApiModel\n}\n\ninterface MethodSceneParams {\n  methodName: string\n  methodTag: string\n  specKey: string\n}\n\nconst showRunIt = async (adaptor: IEnvironmentAdaptor) => {\n  const data = await adaptor.localStorageGetItem(RunItFormKey)\n  return !!data\n}\n\nexport const MethodScene: FC<MethodSceneProps> = ({ api }) => {\n  const adaptor = getApixAdaptor()\n  const history = useHistory()\n  const navigate = useNavigation()\n  const sdkLanguage = useSelector(selectSdkLanguage)\n  const { specKey, methodTag, methodName } = useParams<MethodSceneParams>()\n  const { value, toggle, setOn } = useToggle()\n  const [method, setMethod] = useState(api.methods[methodName])\n  const seeTypes = typeRefs(api, method?.customTypes)\n\n  const RunItButton = value ? Button : ButtonOutline\n\n  useEffect(() => {\n    const foundMethod = api.methods[methodName]\n    if (foundMethod) {\n      setMethod(api.methods[methodName])\n    } else {\n      // Invalid method\n      if (api.tags[methodTag]) {\n        // Found tag though\n        navigate(`/${specKey}/methods/${methodTag}`)\n      } else {\n        navigate(`/${specKey}/methods`)\n      }\n    }\n  }, [api, history, methodName, methodTag, specKey])\n\n  useEffect(() => {\n    const checkRunIt = async () => {\n      try {\n        const show = await showRunIt(adaptor)\n        if (show) {\n          setOn()\n        }\n      } catch (error) {\n        console.error(error)\n      }\n    }\n    checkRunIt()\n  }, [adaptor, setOn])\n\n  const runItToggle = (\n    <RunItButton\n      color={value ? 'key' : 'neutral'}\n      iconBefore={<Beaker />}\n      onClick={toggle}\n    >\n      Run It\n    </RunItButton>\n  )\n\n  return (\n    <>\n      {method && (\n        <ApixSection>\n          <Space between>\n            <Space>\n              <DocTitle>{method.summary}</DocTitle>\n              <DocSource method={method} />\n            </Space>\n            {runItToggle}\n          </Space>\n          <Space mb=\"large\" gap=\"small\">\n            <DocStatus method={method} />\n            <DocActivityType method={method} />\n            <DocRateLimited method={method} />\n          </Space>\n          <DocOperation method={method} />\n          <DocMarkdown source={method.description} specKey={specKey} />\n          <DocSDKs api={api} method={method} />\n          <DocRequestBody api={api} method={method} />\n          <DocSdkUsage method={method} />\n          <DocReferences typesUsed={seeTypes} api={api} specKey={specKey} />\n          <DocResponses api={api} responses={method.responses} />\n          <DocSchema object={method.schema} />\n        </ApixSection>\n      )}\n      {value && (\n        <Aside width=\"50rem\">\n          <ExtendComponentsThemeProvider\n            themeCustomizations={{\n              colors: {\n                background: '#262D33',\n                key: '#8AB4F8',\n                text: '#fff',\n                link: '#8AB4F8',\n                critical: '#FF877C',\n              },\n            }}\n          >\n            <RunIt\n              adaptor={adaptor}\n              key={method.operationId}\n              sdkLanguage={sdkLanguage}\n              api={api}\n              method={method}\n            />\n          </ExtendComponentsThemeProvider>\n        </Aside>\n      )}\n    </>\n  )\n}\n"],"file":"MethodScene.js"}
+{"version":3,"sources":["../../../src/scenes/MethodScene/MethodScene.tsx"],"names":["showRunIt","adaptor","data","localStorageGetItem","RunItFormKey","MethodScene","api","history","navigate","sdkLanguage","selectSdkLanguage","specKey","methodTag","methodName","value","toggle","setOn","method","setMethod","methods","seeTypes","customTypes","query","errorCode","get","undefined","RunItButton","Button","ButtonOutline","docResponsesRef","foundMethod","tags","checkRunIt","show","error","console","responses","current","window","setTimeout","scrollIntoView","runItToggle","summary","description","schema","colors","background","key","text","link","critical","operationId"],"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, useRef } from 'react'\nimport {\n  Aside,\n  Button,\n  ButtonOutline,\n  Space,\n  useToggle,\n  ExtendComponentsThemeProvider,\n  Span,\n} from '@looker/components'\nimport { Beaker } from '@looker/icons'\nimport { useHistory, useParams } from 'react-router-dom'\nimport { RunIt, RunItFormKey } from '@looker/run-it'\nimport type { ApiModel } from '@looker/sdk-codegen'\nimport { typeRefs } from '@looker/sdk-codegen'\nimport { useSelector } from 'react-redux'\nimport type { IEnvironmentAdaptor } from '@looker/extension-utils'\n\nimport { getApixAdaptor, useNavigation, useQuery } from '../../utils'\nimport {\n  ApixSection,\n  DocActivityType,\n  DocMarkdown,\n  DocRateLimited,\n  DocReferences,\n  DocSDKs,\n  DocSdkUsage,\n  DocSource,\n  DocStatus,\n  DocTitle,\n  DocSchema,\n} from '../../components'\nimport { selectSdkLanguage } from '../../state'\nimport { DocOperation, DocRequestBody, DocResponses } from './components'\n\ninterface MethodSceneProps {\n  api: ApiModel\n}\n\ninterface MethodSceneParams {\n  methodName: string\n  methodTag: string\n  specKey: string\n}\n\nconst showRunIt = async (adaptor: IEnvironmentAdaptor) => {\n  const data = await adaptor.localStorageGetItem(RunItFormKey)\n  return !!data\n}\n\nexport const MethodScene: FC<MethodSceneProps> = ({ api }) => {\n  const adaptor = getApixAdaptor()\n  const history = useHistory()\n  const { navigate } = useNavigation()\n  const sdkLanguage = useSelector(selectSdkLanguage)\n  const { specKey, methodTag, methodName } = useParams<MethodSceneParams>()\n  const { value, toggle, setOn } = useToggle()\n  const [method, setMethod] = useState(api.methods[methodName])\n  const seeTypes = typeRefs(api, method?.customTypes)\n  const query = useQuery()\n  const errorCode = query.get('e') ?? undefined\n  const RunItButton = value ? Button : ButtonOutline\n  const docResponsesRef = useRef<HTMLElement>(null)\n\n  useEffect(() => {\n    const foundMethod = api.methods[methodName]\n    if (foundMethod) {\n      setMethod(api.methods[methodName])\n    } else {\n      // Invalid method\n      if (api.tags[methodTag]) {\n        // Found tag though\n        navigate(`/${specKey}/methods/${methodTag}`)\n      } else {\n        navigate(`/${specKey}/methods`)\n      }\n    }\n  }, [api, history, methodName, methodTag, specKey])\n\n  useEffect(() => {\n    const checkRunIt = async () => {\n      try {\n        const show = await showRunIt(adaptor)\n        if (show) {\n          setOn()\n        }\n      } catch (error) {\n        console.error(error)\n      }\n    }\n    checkRunIt()\n  }, [adaptor, setOn])\n\n  useEffect(() => {\n    if (method.responses && errorCode) {\n      if (docResponsesRef.current) {\n        window.setTimeout(() => {\n          docResponsesRef.current!.scrollIntoView()\n        }, 300)\n      }\n    }\n  }, [method])\n\n  const runItToggle = (\n    <RunItButton\n      color={value ? 'key' : 'neutral'}\n      iconBefore={<Beaker />}\n      onClick={toggle}\n    >\n      Run It\n    </RunItButton>\n  )\n\n  return (\n    <>\n      {method && (\n        <ApixSection>\n          <Space between>\n            <Space>\n              <DocTitle>{method.summary}</DocTitle>\n              <DocSource method={method} />\n            </Space>\n            {runItToggle}\n          </Space>\n          <Space mb=\"large\" gap=\"small\">\n            <DocStatus method={method} />\n            <DocActivityType method={method} />\n            <DocRateLimited method={method} />\n          </Space>\n          <DocOperation method={method} />\n          <DocMarkdown source={method.description} specKey={specKey} />\n          <DocSDKs api={api} method={method} />\n          <DocRequestBody api={api} method={method} />\n          <DocSdkUsage method={method} />\n          <DocReferences typesUsed={seeTypes} api={api} specKey={specKey} />\n          <Span ref={docResponsesRef}>\n            <DocResponses api={api} method={method} errorCode={errorCode} />\n          </Span>\n          <DocSchema object={method.schema} />\n        </ApixSection>\n      )}\n      {value && (\n        <Aside width=\"50rem\">\n          <ExtendComponentsThemeProvider\n            themeCustomizations={{\n              colors: {\n                background: '#262D33',\n                key: '#8AB4F8',\n                text: '#fff',\n                link: '#8AB4F8',\n                critical: '#FF877C',\n              },\n            }}\n          >\n            <RunIt\n              adaptor={adaptor}\n              key={method.operationId}\n              sdkLanguage={sdkLanguage}\n              api={api}\n              method={method}\n            />\n          </ExtendComponentsThemeProvider>\n        </Aside>\n      )}\n    </>\n  )\n}\n"],"file":"MethodScene.js"}

package/lib/{components → scenes/MethodScene/components}/DocResponses/DocResponseTypes.d.ts

@@ -1,8 +1,8 @@
-import type { FC } from 'react';
+/// <reference types="react" />
 import type { ApiModel, KeyedCollection, IMethodResponse } from '@looker/sdk-codegen';
 interface DocResponseTypesProps {
     api: ApiModel;
     responses: KeyedCollection<IMethodResponse>;
 }
-export declare const DocResponseTypes: FC<DocResponseTypesProps>;
+export declare const DocResponseTypes: ({ api, responses }: DocResponseTypesProps) => JSX.Element;
 export {};

package/lib/{components → scenes/MethodScene/components}/DocResponses/DocResponseTypes.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _components = require("@looker/components");
 
-var _ = require("..");
+var _components2 = require("../../../../components");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -38,7 +38,7 @@ var DocResponseTypes = _ref => {
     style: {
       overflow: 'auto'
     }
-  }, _react.default.createElement(_.ExploreType, {
+  }, _react.default.createElement(_components2.ExploreType, {
     api: api,
     key: selectedMediaType,
     type: resps[selectedMediaType].type,

package/lib/scenes/MethodScene/components/DocResponses/DocResponseTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/scenes/MethodScene/components/DocResponses/DocResponseTypes.tsx"],"names":["DocResponseTypes","api","responses","mediaTypes","Object","keys","selectedMediaType","setSelectedMediaType","resps","setResps","map","mediaType","overflow","type"],"mappings":";;;;;;;AA0BA;;AACA;;AAOA;;;;;;AAaO,IAAMA,gBAAgB,GAAG,QAA+C;AAAA,MAA9C;AAAEC,IAAAA,GAAF;AAAOC,IAAAA;AAAP,GAA8C;AAC7E,MAAMC,UAAU,GAAGC,MAAM,CAACC,IAAP,CAAYH,SAAZ,CAAnB;AACA,MAAM,CAACI,iBAAD,EAAoBC,oBAApB,IAA4C,qBAASJ,UAAU,CAAC,CAAD,CAAnB,CAAlD;AACA,MAAM,CAACK,KAAD,EAAQC,QAAR,IAAoB,qBAASP,SAAT,CAA1B;AAEA,wBAAU,MAAM;AAEdK,IAAAA,oBAAoB,CAACJ,UAAU,CAAC,CAAD,CAAX,CAApB;AACAM,IAAAA,QAAQ,CAACP,SAAD,CAAR;AACD,GAJD,EAIG,CAACA,SAAD,EAAYC,UAAZ,CAJH;AAOA,SACE,4DACE,6BAAC,wBAAD;AACE,IAAA,KAAK,EAAEG,iBADT;AAEE,IAAA,QAAQ,EAAEC,oBAFZ;AAGE,IAAA,EAAE,EAAC,OAHL;AAIE,IAAA,EAAE,EAAC;AAJL,KAMGJ,UAAU,CAACO,GAAX,CAAgBC,SAAD,IACd,6BAAC,sBAAD;AAAY,IAAA,GAAG,EAAEA;AAAjB,KAA6BA,SAA7B,CADD,CANH,CADF,EAWE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE;AAAZ;AAAZ,KACE,6BAAC,wBAAD;AACE,IAAA,GAAG,EAAEX,GADP;AAEE,IAAA,GAAG,EAAEK,iBAFP;AAGE,IAAA,IAAI,EAAEE,KAAK,CAACF,iBAAD,CAAL,CAAyBO,IAHjC;AAIE,IAAA,IAAI,EAAE,IAJR;AAKE,IAAA,QAAQ,EAAE;AALZ,IADF,CAXF,CADF;AAuBD,CAnCM","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, { useState, useEffect } from 'react'\nimport { ButtonToggle, ButtonItem } from '@looker/components'\nimport type {\n  ApiModel,\n  KeyedCollection,\n  IMethodResponse,\n} from '@looker/sdk-codegen'\n\nimport { ExploreType } from '../../../../components'\n\ninterface DocResponseTypesProps {\n  api: ApiModel\n  /** responses to render */\n  responses: KeyedCollection<IMethodResponse>\n}\n\n/**\n * Given a collection of media types (keys) and responses (values) for a response code, generate a group of buttons for\n * toggling media type and render the response\n * @param response\n */\nexport const DocResponseTypes = ({ api, responses }: DocResponseTypesProps) => {\n  const mediaTypes = Object.keys(responses)\n  const [selectedMediaType, setSelectedMediaType] = useState(mediaTypes[0])\n  const [resps, setResps] = useState(responses)\n\n  useEffect(() => {\n    /** When new responses are passed, update the default selected media type */\n    setSelectedMediaType(mediaTypes[0])\n    setResps(responses)\n  }, [responses, mediaTypes])\n\n  // TODO: Account for endpoints with no responses (e.g. delete a custom cmd)\n  return (\n    <>\n      <ButtonToggle\n        value={selectedMediaType}\n        onChange={setSelectedMediaType}\n        mt=\"large\"\n        mb=\"large\"\n      >\n        {mediaTypes.map((mediaType) => (\n          <ButtonItem key={mediaType}>{mediaType}</ButtonItem>\n        ))}\n      </ButtonToggle>\n      <div style={{ overflow: 'auto' }}>\n        <ExploreType\n          api={api}\n          key={selectedMediaType}\n          type={resps[selectedMediaType].type}\n          link={true}\n          maxDepth={2}\n        />\n      </div>\n    </>\n  )\n}\n"],"file":"DocResponseTypes.js"}

package/lib/scenes/MethodScene/components/DocResponses/DocResponses.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ApiModel, IMethod } from '@looker/sdk-codegen';
+interface DocResponsesProps {
+    api: ApiModel;
+    method: IMethod;
+    errorCode?: string;
+}
+export declare const DocResponses: ({ api, method, errorCode }: DocResponsesProps) => JSX.Element;
+export {};

package/lib/scenes/MethodScene/components/DocResponses/DocResponses.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DocResponses = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _components = require("@looker/components");
+
+var _runIt = require("@looker/run-it");
+
+var _sdkRtl = require("@looker/sdk-rtl");
+
+var _extensionUtils = require("@looker/extension-utils");
+
+var _DocResponseTypes = require("./DocResponseTypes");
+
+var _utils = require("./utils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+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); }); }; }
+
+var DocResponses = _ref => {
+  var {
+    api,
+    method,
+    errorCode
+  } = _ref;
+  var [errorContent, setErrorContent] = (0, _react.useState)('');
+  var responses = method.responses;
+  var responseTree = (0, _utils.buildResponseTree)(responses);
+  var tabNames = Object.keys(responseTree);
+  var defaultTabId = tabNames[0];
+
+  if (errorCode) {
+    var pattern = new RegExp("".concat(errorCode, ": \\w+"));
+    tabNames.forEach(el => {
+      if (pattern.test(el)) {
+        defaultTabId = el;
+      }
+    });
+  }
+
+  (0, _react.useEffect)(() => {
+    if (!errorCode) return;
+
+    var getErrorContent = function () {
+      var _ref2 = _asyncToGenerator(function* () {
+        var docUrl = "/err/4.0/".concat(errorCode, "/").concat(method.httpMethod.toLocaleLowerCase()).concat(method.endpoint);
+        var adaptor = (0, _extensionUtils.getEnvAdaptor)();
+        var errDoc = new _sdkRtl.ErrorDoc(adaptor.sdk, _extensionUtils.apiErrorDisplayFetch);
+        var content = yield errDoc.content(docUrl);
+        setErrorContent(content);
+      });
+
+      return function getErrorContent() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+
+    getErrorContent();
+  }, [errorCode]);
+  if (responses.length === 0) return _react.default.createElement(_react.default.Fragment, null);
+  return _react.default.createElement(_runIt.CollapserCard, {
+    heading: "Response Models",
+    id: "response models"
+  }, _react.default.createElement(_components.Tabs2, {
+    defaultTabId: defaultTabId
+  }, Object.entries(responseTree).map(_ref3 => {
+    var [statusCode, response] = _ref3;
+    var errorTab = errorCode && statusCode === defaultTabId;
+    return _react.default.createElement(_components.Tab2, {
+      key: statusCode,
+      id: statusCode,
+      label: statusCode
+    }, _react.default.createElement(_DocResponseTypes.DocResponseTypes, {
+      api: api,
+      responses: response
+    }), errorContent && errorTab && _react.default.createElement(_extensionUtils.ExtMarkdown, {
+      source: errorContent
+    }));
+  })));
+};
+
+exports.DocResponses = DocResponses;
+//# sourceMappingURL=DocResponses.js.map

package/lib/scenes/MethodScene/components/DocResponses/DocResponses.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/scenes/MethodScene/components/DocResponses/DocResponses.tsx"],"names":["DocResponses","api","method","errorCode","errorContent","setErrorContent","responses","responseTree","tabNames","Object","keys","defaultTabId","pattern","RegExp","forEach","el","test","getErrorContent","docUrl","httpMethod","toLocaleLowerCase","endpoint","adaptor","errDoc","ErrorDoc","sdk","apiErrorDisplayFetch","content","length","entries","map","statusCode","response","errorTab"],"mappings":";;;;;;;AA0BA;;AACA;;AAEA;;AACA;;AACA;;AAMA;;AACA;;;;;;;;;;AAYO,IAAMA,YAAY,GAAG,QAAmD;AAAA,MAAlD;AAAEC,IAAAA,GAAF;AAAOC,IAAAA,MAAP;AAAeC,IAAAA;AAAf,GAAkD;AAC7E,MAAM,CAACC,YAAD,EAAeC,eAAf,IAAkC,qBAAS,EAAT,CAAxC;AACA,MAAMC,SAAS,GAAGJ,MAAM,CAACI,SAAzB;AAEA,MAAMC,YAAY,GAAG,8BAAkBD,SAAlB,CAArB;AACA,MAAME,QAAQ,GAAGC,MAAM,CAACC,IAAP,CAAYH,YAAZ,CAAjB;AAEA,MAAII,YAAY,GAAGH,QAAQ,CAAC,CAAD,CAA3B;;AAEA,MAAIL,SAAJ,EAAe;AACb,QAAMS,OAAO,GAAG,IAAIC,MAAJ,WAAcV,SAAd,YAAhB;AACAK,IAAAA,QAAQ,CAACM,OAAT,CAAkBC,EAAD,IAAQ;AACvB,UAAIH,OAAO,CAACI,IAAR,CAAaD,EAAb,CAAJ,EAAsB;AACpBJ,QAAAA,YAAY,GAAGI,EAAf;AACD;AACF,KAJD;AAKD;;AAED,wBAAU,MAAM;AACd,QAAI,CAACZ,SAAL,EAAgB;;AAEhB,QAAMc,eAAe;AAAA,oCAAG,aAAY;AAClC,YAAMC,MAAM,sBAAef,SAAf,cAA4BD,MAAM,CAACiB,UAAP,CAAkBC,iBAAlB,EAA5B,SACVlB,MAAM,CAACmB,QADG,CAAZ;AAGA,YAAMC,OAAO,GAAG,oCAAhB;AACA,YAAMC,MAAM,GAAG,IAAIC,gBAAJ,CAAaF,OAAO,CAACG,GAArB,EAA0BC,oCAA1B,CAAf;AACA,YAAMC,OAAO,SAASJ,MAAM,CAACI,OAAP,CAAeT,MAAf,CAAtB;AACAb,QAAAA,eAAe,CAACsB,OAAD,CAAf;AACD,OARoB;;AAAA,sBAAfV,eAAe;AAAA;AAAA;AAAA,OAArB;;AASAA,IAAAA,eAAe;AAChB,GAbD,EAaG,CAACd,SAAD,CAbH;AAeA,MAAIG,SAAS,CAACsB,MAAV,KAAqB,CAAzB,EAA4B,OAAO,2DAAP;AAE5B,SACE,6BAAC,oBAAD;AAAe,IAAA,OAAO,EAAC,iBAAvB;AAAyC,IAAA,EAAE,EAAC;AAA5C,KACE,6BAAC,iBAAD;AAAO,IAAA,YAAY,EAAEjB;AAArB,KACGF,MAAM,CAACoB,OAAP,CAAetB,YAAf,EAA6BuB,GAA7B,CAAiC,SAA4B;AAAA,QAA3B,CAACC,UAAD,EAAaC,QAAb,CAA2B;AAC5D,QAAMC,QAAQ,GAAG9B,SAAS,IAAI4B,UAAU,KAAKpB,YAA7C;AACA,WACE,6BAAC,gBAAD;AAAM,MAAA,GAAG,EAAEoB,UAAX;AAAuB,MAAA,EAAE,EAAEA,UAA3B;AAAuC,MAAA,KAAK,EAAEA;AAA9C,OACE,6BAAC,kCAAD;AAAkB,MAAA,GAAG,EAAE9B,GAAvB;AAA4B,MAAA,SAAS,EAAE+B;AAAvC,MADF,EAEG5B,YAAY,IAAI6B,QAAhB,IACC,6BAAC,2BAAD;AAAa,MAAA,MAAM,EAAE7B;AAArB,MAHJ,CADF;AAQD,GAVA,CADH,CADF,CADF;AAiBD,CApDM","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 { Tabs2, Tab2 } from '@looker/components'\nimport type { ApiModel, IMethod } from '@looker/sdk-codegen'\nimport { CollapserCard } from '@looker/run-it'\nimport { ErrorDoc } from '@looker/sdk-rtl'\nimport {\n  apiErrorDisplayFetch,\n  ExtMarkdown,\n  getEnvAdaptor,\n} from '@looker/extension-utils'\n\nimport { DocResponseTypes } from './DocResponseTypes'\nimport { buildResponseTree } from './utils'\n\ninterface DocResponsesProps {\n  api: ApiModel\n  method: IMethod\n  /** error code to display */\n  errorCode?: string\n}\n\n/**\n * Renders a tab list and tab panels for different method response types\n */\nexport const DocResponses = ({ api, method, errorCode }: DocResponsesProps) => {\n  const [errorContent, setErrorContent] = useState('')\n  const responses = method.responses\n\n  const responseTree = buildResponseTree(responses)\n  const tabNames = Object.keys(responseTree)\n\n  let defaultTabId = tabNames[0]\n\n  if (errorCode) {\n    const pattern = new RegExp(`${errorCode}: \\\\w+`)\n    tabNames.forEach((el) => {\n      if (pattern.test(el)) {\n        defaultTabId = el\n      }\n    })\n  }\n\n  useEffect(() => {\n    if (!errorCode) return\n\n    const getErrorContent = async () => {\n      const docUrl = `/err/4.0/${errorCode}/${method.httpMethod.toLocaleLowerCase()}${\n        method.endpoint\n      }`\n      const adaptor = getEnvAdaptor()\n      const errDoc = new ErrorDoc(adaptor.sdk, apiErrorDisplayFetch)\n      const content = await errDoc.content(docUrl)\n      setErrorContent(content)\n    }\n    getErrorContent()\n  }, [errorCode])\n\n  if (responses.length === 0) return <></>\n\n  return (\n    <CollapserCard heading=\"Response Models\" id=\"response models\">\n      <Tabs2 defaultTabId={defaultTabId}>\n        {Object.entries(responseTree).map(([statusCode, response]) => {\n          const errorTab = errorCode && statusCode === defaultTabId\n          return (\n            <Tab2 key={statusCode} id={statusCode} label={statusCode}>\n              <DocResponseTypes api={api} responses={response} />\n              {errorContent && errorTab && (\n                <ExtMarkdown source={errorContent} />\n              )}\n            </Tab2>\n          )\n        })}\n      </Tabs2>\n    </CollapserCard>\n  )\n}\n"],"file":"DocResponses.js"}

package/lib/scenes/MethodScene/components/DocResponses/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/scenes/MethodScene/components/DocResponses/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAyBA","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 { DocResponses } from './DocResponses'\n"],"file":"index.js"}

package/lib/scenes/MethodScene/components/DocResponses/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/scenes/MethodScene/components/DocResponses/utils.ts"],"names":["buildResponseTree","responses","tree","Object","values","forEach","response","node","statusCode","description","mediaType"],"mappings":";;;;;;;AAiCO,IAAMA,iBAAiB,GAC5BC,SAD+B,IAEuB;AACtD,MAAMC,IAAI,GAAG,EAAb;AACAC,EAAAA,MAAM,CAACC,MAAP,CAAcH,SAAd,EAAyBI,OAAzB,CAAkCC,QAAD,IAAc;AAC7C,QAAMC,IAAI,aAAMD,QAAQ,CAACE,UAAf,eAA8BF,QAAQ,CAACG,WAAvC,CAAV;AACA,QAAI,EAAEF,IAAI,IAAIL,IAAV,CAAJ,EAAqBA,IAAI,CAACK,IAAD,CAAJ,GAAa,EAAb;AACrBL,IAAAA,IAAI,CAACK,IAAD,CAAJ,CAAWD,QAAQ,CAACI,SAApB,IAAiCJ,QAAjC;AACD,GAJD;AAKA,SAAOJ,IAAP;AACD,CAVM","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 { IMethodResponse, KeyedCollection } from '@looker/sdk-codegen'\n\n/**\n * Given an array of method responses, group them by statusCode. The value of each status code is a collection of\n * media types (keys) and responses (values)\n * @param responses An array of method responses\n */\nexport const buildResponseTree = (\n  responses: IMethodResponse[]\n): KeyedCollection<KeyedCollection<IMethodResponse>> => {\n  const tree = {}\n  Object.values(responses).forEach((response) => {\n    const node = `${response.statusCode}: ${response.description}`\n    if (!(node in tree)) tree[node] = {}\n    tree[node][response.mediaType] = response\n  })\n  return tree\n}\n"],"file":"utils.js"}

package/lib/scenes/MethodScene/components/index.d.ts

@@ -1,2 +1,3 @@
 export { DocOperation } from './DocOperation';
 export { DocRequestBody } from './DocRequestBody';
+export { DocResponses } from './DocResponses';

package/lib/scenes/MethodScene/components/index.js

@@ -15,8 +15,16 @@ Object.defineProperty(exports, "DocRequestBody", {
     return _DocRequestBody.DocRequestBody;
   }
 });
+Object.defineProperty(exports, "DocResponses", {
+  enumerable: true,
+  get: function get() {
+    return _DocResponses.DocResponses;
+  }
+});
 
 var _DocOperation = require("./DocOperation");
 
 var _DocRequestBody = require("./DocRequestBody");
+
+var _DocResponses = require("./DocResponses");
 //# sourceMappingURL=index.js.map

package/lib/scenes/MethodScene/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/scenes/MethodScene/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAyBA;;AACA","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nexport { DocOperation } from './DocOperation'\nexport { DocRequestBody } from './DocRequestBody'\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/scenes/MethodScene/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA;;AACA;;AACA","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nexport { DocOperation } from './DocOperation'\nexport { DocRequestBody } from './DocRequestBody'\nexport { DocResponses } from './DocResponses'\n"],"file":"index.js"}