@looker/api-explorer 0.9.33 → 0.9.36

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/scenes/DiffScene/DiffScene.tsx"],"names":["diffToggles","label","value","validateParam","specs","specKey","DiffScene","toggleNavigation","adaptor","history","spec","selectCurrentSpec","currentSpecKey","key","match","diffPath","l","params","r","options","Object","entries","map","status","leftKey","setLeftKey","rightKey","setRightKey","leftApi","setLeftApi","api","rightApi","setRightApi","toggles","setToggles","standardDiffToggles","delta","setDelta","handleLeftChange","newLeft","push","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 { useHistory, 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 } 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 history = useHistory()\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    history.push(`/${diffPath}/${newLeft}/${rightKey}`)\n  }\n  const handleRightChange = (newRight: string) => {\n    history.push(`/${diffPath}/${leftKey}/${newRight}`)\n  }\n\n  const handleSwitch = () => {\n    history.push(`/${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":["diffToggles","label","value","validateParam","specs","specKey","DiffScene","toggleNavigation","adaptor","navigate","spec","selectCurrentSpec","currentSpecKey","key","match","diffPath","l","params","r","options","Object","entries","map","status","leftKey","setLeftKey","rightKey","setRightKey","leftApi","setLeftApi","api","rightApi","setRightApi","toggles","setToggles","standardDiffToggles","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 } 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"}

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

@@ -7,8 +7,6 @@ exports.DiffItem = exports.DiffMethodLink = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactRouter = require("react-router");
-
 var _reactDiffViewer = _interopRequireWildcard(require("react-diff-viewer"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -56,7 +54,7 @@ var DiffMethodLink = _ref4 => {
     method,
     specKey
   } = _ref4;
-  var history = (0, _reactRouter.useHistory)();
+  var navigate = (0, _utils.useNavigation)();
   if (!method) return _react.default.createElement(_components.Heading, {
     as: "h4"
   }, "Missing in ".concat(specKey));
@@ -65,7 +63,7 @@ var DiffMethodLink = _ref4 => {
   return _react.default.createElement(DiffLink, {
     role: "link",
     onClick: () => {
-      history.push(path);
+      navigate(path);
     }
   }, "".concat(method.name, " for ").concat(specKey));
 };

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","history","tag","schema","tags","path","name","push","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 { useHistory } from 'react-router'\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 } 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 history = useHistory()\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        history.push(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/MethodScene/MethodScene.js

@@ -52,6 +52,7 @@ var MethodScene = _ref2 => {
   } = _ref2;
   var adaptor = (0, _utils.getApixAdaptor)();
   var history = (0, _reactRouterDom.useHistory)();
+  var navigate = (0, _utils.useNavigation)();
   var sdkLanguage = (0, _reactRedux.useSelector)(_state.selectSdkLanguage);
   var {
     specKey,
@@ -73,9 +74,9 @@ var MethodScene = _ref2 => {
       setMethod(api.methods[methodName]);
     } else {
       if (api.tags[methodTag]) {
-        history.push("/".concat(specKey, "/methods/").concat(methodTag));
+        navigate("/".concat(specKey, "/methods/").concat(methodTag));
       } else {
-        history.push("/".concat(specKey, "/methods"));
+        navigate("/".concat(specKey, "/methods"));
       }
     }
   }, [api, history, methodName, methodTag, specKey]);

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","sdkLanguage","selectSdkLanguage","specKey","methodTag","methodName","value","toggle","setOn","method","setMethod","methods","seeTypes","customTypes","RunItButton","Button","ButtonOutline","foundMethod","tags","push","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 } 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 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        history.push(`/${specKey}/methods/${methodTag}`)\n      } else {\n        history.push(`/${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","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"}

package/lib/scenes/MethodTagScene/MethodTagScene.js

@@ -30,6 +30,7 @@ var MethodTagScene = _ref => {
     methodTag
   } = (0, _reactRouterDom.useParams)();
   var history = (0, _reactRouterDom.useHistory)();
+  var navigate = (0, _utils.useNavigation)();
   var [value, setValue] = (0, _react.useState)('ALL');
   (0, _react.useEffect)(() => {
     setValue('ALL');
@@ -37,7 +38,7 @@ var MethodTagScene = _ref => {
   var methods = api.tags[methodTag];
   (0, _react.useEffect)(() => {
     if (!methods) {
-      history.push("/".concat(specKey, "/methods"));
+      navigate("/".concat(specKey, "/methods"));
     }
   }, [history, methods]);
 

package/lib/scenes/MethodTagScene/MethodTagScene.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/scenes/MethodTagScene/MethodTagScene.tsx"],"names":["MethodTagScene","api","specKey","methodTag","history","value","setValue","methods","tags","push","tag","Object","values","spec","find","name","operations","description","map","op","method","index","httpMethod"],"mappings":";;;;;;;AA0BA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAWO,IAAMA,cAAuC,GAAG,QAAa;AAAA,MAAZ;AAAEC,IAAAA;AAAF,GAAY;AAClE,MAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA;AAAX,MAAyB,gCAA/B;AACA,MAAMC,OAAO,GAAG,iCAAhB;AACA,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,qBAAS,KAAT,CAA1B;AAEA,wBAAU,MAAM;AAEdA,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAHD,EAGG,CAACH,SAAD,CAHH;AAKA,MAAMI,OAAO,GAAGN,GAAG,CAACO,IAAJ,CAASL,SAAT,CAAhB;AACA,wBAAU,MAAM;AACd,QAAI,CAACI,OAAL,EAAc;AACZH,MAAAA,OAAO,CAACK,IAAR,YAAiBP,OAAjB;AACD;AACF,GAJD,EAIG,CAACE,OAAD,EAAUG,OAAV,CAJH;;AAKA,MAAI,CAACA,OAAL,EAAc;AACZ,WAAO,2DAAP;AACD;;AACD,MAAMG,GAAG,GAAGC,MAAM,CAACC,MAAP,CAAcX,GAAG,CAACY,IAAJ,CAASL,IAAvB,EAA8BM,IAA9B,CACTJ,GAAD,IAASA,GAAG,CAACK,IAAJ,KAAaZ,SADZ,CAAZ;AAGA,MAAMa,UAAU,GAAG,2BAAcT,OAAd,CAAnB;AAEA,SACE,6BAAC,wBAAD,QACE,6BAAC,qBAAD,kBAAcG,GAAG,CAACK,IAAlB,eAA2BL,GAAG,CAACO,WAA/B,EADF,EAEE,6BAAC,wBAAD;AAAc,IAAA,EAAE,EAAC,OAAjB;AAAyB,IAAA,EAAE,EAAC,QAA5B;AAAqC,IAAA,KAAK,EAAEZ,KAA5C;AAAmD,IAAA,QAAQ,EAAEC;AAA7D,KACE,6BAAC,sBAAD;AAAY,IAAA,GAAG,EAAC,KAAhB;AAAsB,IAAA,EAAE,EAAC,OAAzB;AAAiC,IAAA,EAAE,EAAC;AAApC,WADF,EAIGU,UAAU,CAACE,GAAX,CAAgBC,EAAD,IACd,6BAAC,sBAAD;AAAY,IAAA,GAAG,EAAEA,EAAjB;AAAqB,IAAA,EAAE,EAAC,OAAxB;AAAgC,IAAA,EAAE,EAAC;AAAnC,KACGA,EADH,CADD,CAJH,CAFF,EAYGR,MAAM,CAACC,MAAP,CAAcL,OAAd,EAAuBW,GAAvB,CACC,CAACE,MAAD,EAASC,KAAT,KACE,CAAChB,KAAK,KAAK,KAAV,IAAmBA,KAAK,KAAKe,MAAM,CAACE,UAArC,KACE,6BAAC,iBAAD;AACE,IAAA,GAAG,EAAED,KADP;AAEE,IAAA,EAAE,EAAE,4BAAgBnB,OAAhB,EAAyBQ,GAAG,CAACK,IAA7B,EAAmCK,MAAM,CAACL,IAA1C;AAFN,KAIE,6BAAC,gBAAD;AAAM,IAAA,OAAO,EAAE,CAAf;AAAkB,IAAA,EAAE,EAAC;AAArB,KACE,6BAAC,6BAAD;AAAkB,IAAA,GAAG,EAAEM,KAAvB;AAA8B,IAAA,MAAM,EAAED;AAAtC,IADF,CAJF,CAHL,CAZH,CADF;AA4BD,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 */\nimport type { FC } from 'react'\nimport React, { useEffect, useState } from 'react'\nimport { useHistory, useParams } from 'react-router-dom'\nimport { Grid, ButtonToggle, ButtonItem } from '@looker/components'\nimport type { ApiModel } from '@looker/sdk-codegen'\nimport { ApixSection, DocTitle, DocMethodSummary, Link } from '../../components'\nimport { buildMethodPath } from '../../utils'\nimport { getOperations } from './utils'\n\ninterface MethodTagSceneProps {\n  api: ApiModel\n}\n\ninterface MethodTagSceneParams {\n  specKey: string\n  methodTag: string\n}\n\nexport const MethodTagScene: FC<MethodTagSceneProps> = ({ api }) => {\n  const { specKey, methodTag } = useParams<MethodTagSceneParams>()\n  const history = useHistory()\n  const [value, setValue] = useState('ALL')\n\n  useEffect(() => {\n    /** Reset ButtonToggle value on route change */\n    setValue('ALL')\n  }, [methodTag])\n\n  const methods = api.tags[methodTag]\n  useEffect(() => {\n    if (!methods) {\n      history.push(`/${specKey}/methods`)\n    }\n  }, [history, methods])\n  if (!methods) {\n    return <></>\n  }\n  const tag = Object.values(api.spec.tags!).find(\n    (tag) => tag.name === methodTag\n  )!\n  const operations = getOperations(methods)\n\n  return (\n    <ApixSection>\n      <DocTitle>{`${tag.name}: ${tag.description}`}</DocTitle>\n      <ButtonToggle mb=\"small\" mt=\"xlarge\" value={value} onChange={setValue}>\n        <ButtonItem key=\"ALL\" px=\"large\" py=\"xsmall\">\n          ALL\n        </ButtonItem>\n        {operations.map((op) => (\n          <ButtonItem key={op} px=\"large\" py=\"xsmall\">\n            {op}\n          </ButtonItem>\n        ))}\n      </ButtonToggle>\n      {Object.values(methods).map(\n        (method, index) =>\n          (value === 'ALL' || value === method.httpMethod) && (\n            <Link\n              key={index}\n              to={buildMethodPath(specKey, tag.name, method.name)}\n            >\n              <Grid columns={1} py=\"xsmall\">\n                <DocMethodSummary key={index} method={method} />\n              </Grid>\n            </Link>\n          )\n      )}\n    </ApixSection>\n  )\n}\n"],"file":"MethodTagScene.js"}
+{"version":3,"sources":["../../../src/scenes/MethodTagScene/MethodTagScene.tsx"],"names":["MethodTagScene","api","specKey","methodTag","history","navigate","value","setValue","methods","tags","tag","Object","values","spec","find","name","operations","description","map","op","method","index","httpMethod"],"mappings":";;;;;;;AA0BA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAWO,IAAMA,cAAuC,GAAG,QAAa;AAAA,MAAZ;AAAEC,IAAAA;AAAF,GAAY;AAClE,MAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA;AAAX,MAAyB,gCAA/B;AACA,MAAMC,OAAO,GAAG,iCAAhB;AACA,MAAMC,QAAQ,GAAG,2BAAjB;AACA,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,qBAAS,KAAT,CAA1B;AAEA,wBAAU,MAAM;AAEdA,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAHD,EAGG,CAACJ,SAAD,CAHH;AAKA,MAAMK,OAAO,GAAGP,GAAG,CAACQ,IAAJ,CAASN,SAAT,CAAhB;AACA,wBAAU,MAAM;AACd,QAAI,CAACK,OAAL,EAAc;AACZH,MAAAA,QAAQ,YAAKH,OAAL,cAAR;AACD;AACF,GAJD,EAIG,CAACE,OAAD,EAAUI,OAAV,CAJH;;AAKA,MAAI,CAACA,OAAL,EAAc;AACZ,WAAO,2DAAP;AACD;;AACD,MAAME,GAAG,GAAGC,MAAM,CAACC,MAAP,CAAcX,GAAG,CAACY,IAAJ,CAASJ,IAAvB,EAA8BK,IAA9B,CACTJ,GAAD,IAASA,GAAG,CAACK,IAAJ,KAAaZ,SADZ,CAAZ;AAGA,MAAMa,UAAU,GAAG,2BAAcR,OAAd,CAAnB;AAEA,SACE,6BAAC,wBAAD,QACE,6BAAC,qBAAD,kBAAcE,GAAG,CAACK,IAAlB,eAA2BL,GAAG,CAACO,WAA/B,EADF,EAEE,6BAAC,wBAAD;AAAc,IAAA,EAAE,EAAC,OAAjB;AAAyB,IAAA,EAAE,EAAC,QAA5B;AAAqC,IAAA,KAAK,EAAEX,KAA5C;AAAmD,IAAA,QAAQ,EAAEC;AAA7D,KACE,6BAAC,sBAAD;AAAY,IAAA,GAAG,EAAC,KAAhB;AAAsB,IAAA,EAAE,EAAC,OAAzB;AAAiC,IAAA,EAAE,EAAC;AAApC,WADF,EAIGS,UAAU,CAACE,GAAX,CAAgBC,EAAD,IACd,6BAAC,sBAAD;AAAY,IAAA,GAAG,EAAEA,EAAjB;AAAqB,IAAA,EAAE,EAAC,OAAxB;AAAgC,IAAA,EAAE,EAAC;AAAnC,KACGA,EADH,CADD,CAJH,CAFF,EAYGR,MAAM,CAACC,MAAP,CAAcJ,OAAd,EAAuBU,GAAvB,CACC,CAACE,MAAD,EAASC,KAAT,KACE,CAACf,KAAK,KAAK,KAAV,IAAmBA,KAAK,KAAKc,MAAM,CAACE,UAArC,KACE,6BAAC,iBAAD;AACE,IAAA,GAAG,EAAED,KADP;AAEE,IAAA,EAAE,EAAE,4BAAgBnB,OAAhB,EAAyBQ,GAAG,CAACK,IAA7B,EAAmCK,MAAM,CAACL,IAA1C;AAFN,KAIE,6BAAC,gBAAD;AAAM,IAAA,OAAO,EAAE,CAAf;AAAkB,IAAA,EAAE,EAAC;AAArB,KACE,6BAAC,6BAAD;AAAkB,IAAA,GAAG,EAAEM,KAAvB;AAA8B,IAAA,MAAM,EAAED;AAAtC,IADF,CAJF,CAHL,CAZH,CADF;AA4BD,CArDM","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { FC } from 'react'\nimport React, { useEffect, useState } from 'react'\nimport { useHistory, useParams } from 'react-router-dom'\nimport { Grid, ButtonToggle, ButtonItem } from '@looker/components'\nimport type { ApiModel } from '@looker/sdk-codegen'\nimport { ApixSection, DocTitle, DocMethodSummary, Link } from '../../components'\nimport { buildMethodPath, useNavigation } from '../../utils'\nimport { getOperations } from './utils'\n\ninterface MethodTagSceneProps {\n  api: ApiModel\n}\n\ninterface MethodTagSceneParams {\n  specKey: string\n  methodTag: string\n}\n\nexport const MethodTagScene: FC<MethodTagSceneProps> = ({ api }) => {\n  const { specKey, methodTag } = useParams<MethodTagSceneParams>()\n  const history = useHistory()\n  const navigate = useNavigation()\n  const [value, setValue] = useState('ALL')\n\n  useEffect(() => {\n    /** Reset ButtonToggle value on route change */\n    setValue('ALL')\n  }, [methodTag])\n\n  const methods = api.tags[methodTag]\n  useEffect(() => {\n    if (!methods) {\n      navigate(`/${specKey}/methods`)\n    }\n  }, [history, methods])\n  if (!methods) {\n    return <></>\n  }\n  const tag = Object.values(api.spec.tags!).find(\n    (tag) => tag.name === methodTag\n  )!\n  const operations = getOperations(methods)\n\n  return (\n    <ApixSection>\n      <DocTitle>{`${tag.name}: ${tag.description}`}</DocTitle>\n      <ButtonToggle mb=\"small\" mt=\"xlarge\" value={value} onChange={setValue}>\n        <ButtonItem key=\"ALL\" px=\"large\" py=\"xsmall\">\n          ALL\n        </ButtonItem>\n        {operations.map((op) => (\n          <ButtonItem key={op} px=\"large\" py=\"xsmall\">\n            {op}\n          </ButtonItem>\n        ))}\n      </ButtonToggle>\n      {Object.values(methods).map(\n        (method, index) =>\n          (value === 'ALL' || value === method.httpMethod) && (\n            <Link\n              key={index}\n              to={buildMethodPath(specKey, tag.name, method.name)}\n            >\n              <Grid columns={1} py=\"xsmall\">\n                <DocMethodSummary key={index} method={method} />\n              </Grid>\n            </Link>\n          )\n      )}\n    </ApixSection>\n  )\n}\n"],"file":"MethodTagScene.js"}

package/lib/scenes/TypeScene/TypeScene.js

@@ -15,6 +15,8 @@ var _components = require("@looker/components");
 
 var _components2 = require("../../components");
 
+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; }
@@ -25,16 +27,19 @@ var TypeScene = _ref => {
   } = _ref;
   var {
     specKey,
+    typeTag,
     typeName
   } = (0, _reactRouterDom.useParams)();
   var type = api.types[typeName];
   var history = (0, _reactRouterDom.useHistory)();
+  var navigate = (0, _utils.useNavigation)();
   var typesUsed = (0, _sdkCodegen.typeRefs)(api, type === null || type === void 0 ? void 0 : type.customTypes);
   var methodsUsedBy = (0, _sdkCodegen.methodRefs)(api, type === null || type === void 0 ? void 0 : type.methodRefs);
   var typesUsedBy = (0, _sdkCodegen.typeRefs)(api, type === null || type === void 0 ? void 0 : type.parentTypes);
   (0, _react.useEffect)(() => {
     if (!type) {
-      history.push("/".concat(specKey, "/types"));
+      var route = api.typeTags[typeTag] ? "/".concat(specKey, "/types/").concat(typeTag) : "/".concat(specKey, "/types");
+      navigate(route);
     }
   }, [history, specKey, type]);
   return _react.default.createElement(_react.default.Fragment, null, type && _react.default.createElement(_components2.ApixSection, null, _react.default.createElement(_components.Space, null, _react.default.createElement(_components2.DocTitle, null, type.name), _react.default.createElement(_components2.DocSource, {

package/lib/scenes/TypeScene/TypeScene.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/scenes/TypeScene/TypeScene.tsx"],"names":["TypeScene","api","specKey","typeName","type","types","history","typesUsed","customTypes","methodsUsedBy","methodRefs","typesUsedBy","parentTypes","push","name","schema"],"mappings":";;;;;;;AA2BA;;AAEA;;AACA;;AACA;;AAEA;;;;;;AAmBO,IAAMA,SAA2B,GAAG,QAAa;AAAA,MAAZ;AAAEC,IAAAA;AAAF,GAAY;AACtD,MAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA;AAAX,MAAwB,gCAA9B;AACA,MAAMC,IAAI,GAAGH,GAAG,CAACI,KAAJ,CAAUF,QAAV,CAAb;AACA,MAAMG,OAAO,GAAG,iCAAhB;AACA,MAAMC,SAAS,GAAG,0BAASN,GAAT,EAAcG,IAAd,aAAcA,IAAd,uBAAcA,IAAI,CAAEI,WAApB,CAAlB;AACA,MAAMC,aAAa,GAAG,4BAAWR,GAAX,EAAgBG,IAAhB,aAAgBA,IAAhB,uBAAgBA,IAAI,CAAEM,UAAtB,CAAtB;AACA,MAAMC,WAAW,GAAG,0BAASV,GAAT,EAAcG,IAAd,aAAcA,IAAd,uBAAcA,IAAI,CAAEQ,WAApB,CAApB;AACA,wBAAU,MAAM;AACd,QAAI,CAACR,IAAL,EAAW;AACTE,MAAAA,OAAO,CAACO,IAAR,YAAiBX,OAAjB;AACD;AACF,GAJD,EAIG,CAACI,OAAD,EAAUJ,OAAV,EAAmBE,IAAnB,CAJH;AAMA,SACE,4DACGA,IAAI,IACH,6BAAC,wBAAD,QACE,6BAAC,iBAAD,QACE,6BAAC,qBAAD,QAAWA,IAAI,CAACU,IAAhB,CADF,EAEE,6BAAC,sBAAD;AAAW,IAAA,IAAI,EAAEV;AAAjB,IAFF,CADF,EAKE,6BAAC,eAAD;AAAK,IAAA,EAAE,EAAC;AAAR,KACE,6BAAC,wBAAD;AAAa,IAAA,GAAG,EAAEH,GAAlB;AAAuB,IAAA,IAAI,EAAEG;AAA7B,IADF,CALF,EAQE,6BAAC,0BAAD;AACE,IAAA,SAAS,EAAEG,SADb;AAEE,IAAA,WAAW,EAAEI,WAFf;AAGE,IAAA,aAAa,EAAEF,aAHjB;AAIE,IAAA,GAAG,EAAER,GAJP;AAKE,IAAA,OAAO,EAAEC;AALX,IARF,EAeE,6BAAC,oBAAD;AAAS,IAAA,IAAI,EAAEE,IAAf;AAAqB,IAAA,GAAG,EAAEH;AAA1B,IAfF,EAgBE,6BAAC,sBAAD;AAAW,IAAA,MAAM,EAAEG,IAAI,CAACW;AAAxB,IAhBF,CAFJ,CADF;AAwBD,CArCM","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, { useEffect } from 'react'\nimport type { ApiModel } from '@looker/sdk-codegen'\nimport { typeRefs, methodRefs } from '@looker/sdk-codegen'\nimport { useHistory, useParams } from 'react-router-dom'\nimport { Space, Box } from '@looker/components'\n\nimport {\n  ApixSection,\n  DocReferences,\n  DocSDKs,\n  DocSource,\n  DocTitle,\n  ExploreType,\n  DocSchema,\n} from '../../components'\n\ninterface DocTypeProps {\n  api: ApiModel\n}\n\ninterface DocTypeParams {\n  specKey: string\n  typeName: string\n}\n\nexport const TypeScene: FC<DocTypeProps> = ({ api }) => {\n  const { specKey, typeName } = useParams<DocTypeParams>()\n  const type = api.types[typeName]\n  const history = useHistory()\n  const typesUsed = typeRefs(api, type?.customTypes)\n  const methodsUsedBy = methodRefs(api, type?.methodRefs)\n  const typesUsedBy = typeRefs(api, type?.parentTypes)\n  useEffect(() => {\n    if (!type) {\n      history.push(`/${specKey}/types`)\n    }\n  }, [history, specKey, type])\n\n  return (\n    <>\n      {type && (\n        <ApixSection>\n          <Space>\n            <DocTitle>{type.name}</DocTitle>\n            <DocSource type={type} />\n          </Space>\n          <Box pb=\"xlarge\">\n            <ExploreType api={api} type={type} />\n          </Box>\n          <DocReferences\n            typesUsed={typesUsed}\n            typesUsedBy={typesUsedBy}\n            methodsUsedBy={methodsUsedBy}\n            api={api}\n            specKey={specKey}\n          />\n          <DocSDKs type={type} api={api} />\n          <DocSchema object={type.schema} />\n        </ApixSection>\n      )}\n    </>\n  )\n}\n"],"file":"TypeScene.js"}
+{"version":3,"sources":["../../../src/scenes/TypeScene/TypeScene.tsx"],"names":["TypeScene","api","specKey","typeTag","typeName","type","types","history","navigate","typesUsed","customTypes","methodsUsedBy","methodRefs","typesUsedBy","parentTypes","route","typeTags","name","schema"],"mappings":";;;;;;;AA2BA;;AAEA;;AACA;;AACA;;AAEA;;AASA;;;;;;AAYO,IAAMA,SAA2B,GAAG,QAAa;AAAA,MAAZ;AAAEC,IAAAA;AAAF,GAAY;AACtD,MAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,OAAX;AAAoBC,IAAAA;AAApB,MAAiC,gCAAvC;AACA,MAAMC,IAAI,GAAGJ,GAAG,CAACK,KAAJ,CAAUF,QAAV,CAAb;AACA,MAAMG,OAAO,GAAG,iCAAhB;AACA,MAAMC,QAAQ,GAAG,2BAAjB;AACA,MAAMC,SAAS,GAAG,0BAASR,GAAT,EAAcI,IAAd,aAAcA,IAAd,uBAAcA,IAAI,CAAEK,WAApB,CAAlB;AACA,MAAMC,aAAa,GAAG,4BAAWV,GAAX,EAAgBI,IAAhB,aAAgBA,IAAhB,uBAAgBA,IAAI,CAAEO,UAAtB,CAAtB;AACA,MAAMC,WAAW,GAAG,0BAASZ,GAAT,EAAcI,IAAd,aAAcA,IAAd,uBAAcA,IAAI,CAAES,WAApB,CAApB;AACA,wBAAU,MAAM;AACd,QAAI,CAACT,IAAL,EAAW;AACT,UAAMU,KAAK,GAAGd,GAAG,CAACe,QAAJ,CAAab,OAAb,eACND,OADM,oBACWC,OADX,eAEND,OAFM,WAAd;AAGAM,MAAAA,QAAQ,CAACO,KAAD,CAAR;AACD;AACF,GAPD,EAOG,CAACR,OAAD,EAAUL,OAAV,EAAmBG,IAAnB,CAPH;AASA,SACE,4DACGA,IAAI,IACH,6BAAC,wBAAD,QACE,6BAAC,iBAAD,QACE,6BAAC,qBAAD,QAAWA,IAAI,CAACY,IAAhB,CADF,EAEE,6BAAC,sBAAD;AAAW,IAAA,IAAI,EAAEZ;AAAjB,IAFF,CADF,EAKE,6BAAC,eAAD;AAAK,IAAA,EAAE,EAAC;AAAR,KACE,6BAAC,wBAAD;AAAa,IAAA,GAAG,EAAEJ,GAAlB;AAAuB,IAAA,IAAI,EAAEI;AAA7B,IADF,CALF,EAQE,6BAAC,0BAAD;AACE,IAAA,SAAS,EAAEI,SADb;AAEE,IAAA,WAAW,EAAEI,WAFf;AAGE,IAAA,aAAa,EAAEF,aAHjB;AAIE,IAAA,GAAG,EAAEV,GAJP;AAKE,IAAA,OAAO,EAAEC;AALX,IARF,EAeE,6BAAC,oBAAD;AAAS,IAAA,IAAI,EAAEG,IAAf;AAAqB,IAAA,GAAG,EAAEJ;AAA1B,IAfF,EAgBE,6BAAC,sBAAD;AAAW,IAAA,MAAM,EAAEI,IAAI,CAACa;AAAxB,IAhBF,CAFJ,CADF;AAwBD,CAzCM","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, { useEffect } from 'react'\nimport type { ApiModel } from '@looker/sdk-codegen'\nimport { typeRefs, methodRefs } from '@looker/sdk-codegen'\nimport { useHistory, useParams } from 'react-router-dom'\nimport { Space, Box } from '@looker/components'\n\nimport {\n  ApixSection,\n  DocReferences,\n  DocSDKs,\n  DocSource,\n  DocTitle,\n  ExploreType,\n  DocSchema,\n} from '../../components'\nimport { useNavigation } from '../../utils'\n\ninterface DocTypeProps {\n  api: ApiModel\n}\n\ninterface DocTypeParams {\n  specKey: string\n  typeTag: string\n  typeName: string\n}\n\nexport const TypeScene: FC<DocTypeProps> = ({ api }) => {\n  const { specKey, typeTag, typeName } = useParams<DocTypeParams>()\n  const type = api.types[typeName]\n  const history = useHistory()\n  const navigate = useNavigation()\n  const typesUsed = typeRefs(api, type?.customTypes)\n  const methodsUsedBy = methodRefs(api, type?.methodRefs)\n  const typesUsedBy = typeRefs(api, type?.parentTypes)\n  useEffect(() => {\n    if (!type) {\n      const route = api.typeTags[typeTag]\n        ? `/${specKey}/types/${typeTag}`\n        : `/${specKey}/types`\n      navigate(route)\n    }\n  }, [history, specKey, type])\n\n  return (\n    <>\n      {type && (\n        <ApixSection>\n          <Space>\n            <DocTitle>{type.name}</DocTitle>\n            <DocSource type={type} />\n          </Space>\n          <Box pb=\"xlarge\">\n            <ExploreType api={api} type={type} />\n          </Box>\n          <DocReferences\n            typesUsed={typesUsed}\n            typesUsedBy={typesUsedBy}\n            methodsUsedBy={methodsUsedBy}\n            api={api}\n            specKey={specKey}\n          />\n          <DocSDKs type={type} api={api} />\n          <DocSchema object={type.schema} />\n        </ApixSection>\n      )}\n    </>\n  )\n}\n"],"file":"TypeScene.js"}

package/lib/scenes/TypeTagScene/TypeTagScene.js

@@ -29,7 +29,7 @@ var TypeTagScene = _ref => {
     specKey,
     typeTag
   } = (0, _reactRouterDom.useParams)();
-  var history = (0, _reactRouterDom.useHistory)();
+  var navigate = (0, _utils.useNavigation)();
   var [value, setValue] = (0, _react.useState)('ALL');
   (0, _react.useEffect)(() => {
     setValue('ALL');
@@ -37,9 +37,9 @@ var TypeTagScene = _ref => {
   var types = api.typeTags[typeTag];
   (0, _react.useEffect)(() => {
     if (!types) {
-      history.push("/".concat(specKey, "/types"));
+      navigate("/".concat(specKey, "/types"));
     }
-  }, [history, types]);
+  }, [types]);
 
   if (!types) {
     return _react.default.createElement(_react.default.Fragment, null);

package/lib/scenes/TypeTagScene/TypeTagScene.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/scenes/TypeTagScene/TypeTagScene.tsx"],"names":["TypeTagScene","api","specKey","typeTag","history","value","setValue","types","typeTags","push","tag","Object","values","spec","tags","find","name","metaTypes","description","map","op","type","index","metaType","toString","toUpperCase"],"mappings":";;;;;;;AA0BA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAWO,IAAMA,YAAmC,GAAG,QAAa;AAAA,MAAZ;AAAEC,IAAAA;AAAF,GAAY;AAC9D,MAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA;AAAX,MAAuB,gCAA7B;AACA,MAAMC,OAAO,GAAG,iCAAhB;AACA,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,qBAAS,KAAT,CAA1B;AAEA,wBAAU,MAAM;AAEdA,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAHD,EAGG,CAACH,OAAD,CAHH;AAKA,MAAMI,KAAK,GAAGN,GAAG,CAACO,QAAJ,CAAaL,OAAb,CAAd;AACA,wBAAU,MAAM;AACd,QAAI,CAACI,KAAL,EAAY;AACVH,MAAAA,OAAO,CAACK,IAAR,YAAiBP,OAAjB;AACD;AACF,GAJD,EAIG,CAACE,OAAD,EAAUG,KAAV,CAJH;;AAMA,MAAI,CAACA,KAAL,EAAY;AACV,WAAO,2DAAP;AACD;;AAED,MAAMG,GAAG,GAAGC,MAAM,CAACC,MAAP,CAAcX,GAAG,CAACY,IAAJ,CAASC,IAAvB,EAA8BC,IAA9B,CAAoCL,GAAD,IAASA,GAAG,CAACM,IAAJ,KAAab,OAAzD,CAAZ;AACA,MAAMc,SAAS,GAAG,0BAAaV,KAAb,CAAlB;AACA,SACE,6BAAC,wBAAD,QACE,6BAAC,qBAAD,kBAAcG,GAAG,CAACM,IAAlB,eAA2BN,GAAG,CAACQ,WAA/B,EADF,EAEE,6BAAC,wBAAD;AAAc,IAAA,EAAE,EAAC,OAAjB;AAAyB,IAAA,EAAE,EAAC,QAA5B;AAAqC,IAAA,KAAK,EAAEb,KAA5C;AAAmD,IAAA,QAAQ,EAAEC;AAA7D,KACE,6BAAC,sBAAD;AAAY,IAAA,GAAG,EAAC,KAAhB;AAAsB,IAAA,EAAE,EAAC,OAAzB;AAAiC,IAAA,EAAE,EAAC;AAApC,WADF,EAIGW,SAAS,CAACE,GAAV,CAAeC,EAAD,IACb,6BAAC,sBAAD;AAAY,IAAA,GAAG,EAAEA,EAAjB;AAAqB,IAAA,EAAE,EAAC,OAAxB;AAAgC,IAAA,EAAE,EAAC;AAAnC,KACGA,EADH,CADD,CAJH,CAFF,EAYGT,MAAM,CAACC,MAAP,CAAcL,KAAd,EAAqBY,GAArB,CACC,CAACE,IAAD,EAAOC,KAAP,KACE,CAACjB,KAAK,KAAK,KAAV,IACCA,KAAK,KAAKgB,IAAI,CAACE,QAAL,CAAcC,QAAd,GAAyBC,WAAzB,EADZ,KAEE,6BAAC,iBAAD;AAAM,IAAA,GAAG,EAAEH,KAAX;AAAkB,IAAA,EAAE,EAAE,0BAAcpB,OAAd,EAAuBQ,GAAG,CAACM,IAA3B,EAAiCK,IAAI,CAACL,IAAtC;AAAtB,KACE,6BAAC,gBAAD;AAAM,IAAA,OAAO,EAAE,CAAf;AAAkB,IAAA,EAAE,EAAC;AAArB,KACE,6BAAC,2BAAD;AAAgB,IAAA,GAAG,EAAEM,KAArB;AAA4B,IAAA,IAAI,EAAED;AAAlC,IADF,CADF,CAJL,CAZH,CADF;AA0BD,CAjDM","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { FC } from 'react'\nimport React, { useEffect, useState } from 'react'\nimport { Grid, ButtonToggle, ButtonItem } from '@looker/components'\nimport type { ApiModel } from '@looker/sdk-codegen'\nimport { useParams, useHistory } from 'react-router-dom'\nimport { ApixSection, DocTitle, DocTypeSummary, Link } from '../../components'\nimport { buildTypePath } from '../../utils'\nimport { getMetaTypes } from './utils'\n\ninterface TypeTagSceneProps {\n  api: ApiModel\n}\n\ninterface TypeTagSceneParams {\n  specKey: string\n  typeTag: string\n}\n\nexport const TypeTagScene: FC<TypeTagSceneProps> = ({ api }) => {\n  const { specKey, typeTag } = useParams<TypeTagSceneParams>()\n  const history = useHistory()\n  const [value, setValue] = useState('ALL')\n\n  useEffect(() => {\n    /** Reset ButtonToggle value on route change */\n    setValue('ALL')\n  }, [typeTag])\n\n  const types = api.typeTags[typeTag]\n  useEffect(() => {\n    if (!types) {\n      history.push(`/${specKey}/types`)\n    }\n  }, [history, types])\n\n  if (!types) {\n    return <></>\n  }\n\n  const tag = Object.values(api.spec.tags!).find((tag) => tag.name === typeTag)!\n  const metaTypes = getMetaTypes(types)\n  return (\n    <ApixSection>\n      <DocTitle>{`${tag.name}: ${tag.description}`}</DocTitle>\n      <ButtonToggle mb=\"small\" mt=\"xlarge\" value={value} onChange={setValue}>\n        <ButtonItem key=\"ALL\" px=\"large\" py=\"xsmall\">\n          ALL\n        </ButtonItem>\n        {metaTypes.map((op) => (\n          <ButtonItem key={op} px=\"large\" py=\"xsmall\">\n            {op}\n          </ButtonItem>\n        ))}\n      </ButtonToggle>\n      {Object.values(types).map(\n        (type, index) =>\n          (value === 'ALL' ||\n            value === type.metaType.toString().toUpperCase()) && (\n            <Link key={index} to={buildTypePath(specKey, tag.name, type.name)}>\n              <Grid columns={1} py=\"xsmall\">\n                <DocTypeSummary key={index} type={type} />\n              </Grid>\n            </Link>\n          )\n      )}\n    </ApixSection>\n  )\n}\n"],"file":"TypeTagScene.js"}
+{"version":3,"sources":["../../../src/scenes/TypeTagScene/TypeTagScene.tsx"],"names":["TypeTagScene","api","specKey","typeTag","navigate","value","setValue","types","typeTags","tag","Object","values","spec","tags","find","name","metaTypes","description","map","op","type","index","metaType","toString","toUpperCase"],"mappings":";;;;;;;AA0BA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAWO,IAAMA,YAAmC,GAAG,QAAa;AAAA,MAAZ;AAAEC,IAAAA;AAAF,GAAY;AAC9D,MAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA;AAAX,MAAuB,gCAA7B;AACA,MAAMC,QAAQ,GAAG,2BAAjB;AACA,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,qBAAS,KAAT,CAA1B;AAEA,wBAAU,MAAM;AAEdA,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAHD,EAGG,CAACH,OAAD,CAHH;AAKA,MAAMI,KAAK,GAAGN,GAAG,CAACO,QAAJ,CAAaL,OAAb,CAAd;AACA,wBAAU,MAAM;AACd,QAAI,CAACI,KAAL,EAAY;AACVH,MAAAA,QAAQ,YAAKF,OAAL,YAAR;AACD;AACF,GAJD,EAIG,CAACK,KAAD,CAJH;;AAMA,MAAI,CAACA,KAAL,EAAY;AACV,WAAO,2DAAP;AACD;;AAED,MAAME,GAAG,GAAGC,MAAM,CAACC,MAAP,CAAcV,GAAG,CAACW,IAAJ,CAASC,IAAvB,EAA8BC,IAA9B,CAAoCL,GAAD,IAASA,GAAG,CAACM,IAAJ,KAAaZ,OAAzD,CAAZ;AACA,MAAMa,SAAS,GAAG,0BAAaT,KAAb,CAAlB;AACA,SACE,6BAAC,wBAAD,QACE,6BAAC,qBAAD,kBAAcE,GAAG,CAACM,IAAlB,eAA2BN,GAAG,CAACQ,WAA/B,EADF,EAEE,6BAAC,wBAAD;AAAc,IAAA,EAAE,EAAC,OAAjB;AAAyB,IAAA,EAAE,EAAC,QAA5B;AAAqC,IAAA,KAAK,EAAEZ,KAA5C;AAAmD,IAAA,QAAQ,EAAEC;AAA7D,KACE,6BAAC,sBAAD;AAAY,IAAA,GAAG,EAAC,KAAhB;AAAsB,IAAA,EAAE,EAAC,OAAzB;AAAiC,IAAA,EAAE,EAAC;AAApC,WADF,EAIGU,SAAS,CAACE,GAAV,CAAeC,EAAD,IACb,6BAAC,sBAAD;AAAY,IAAA,GAAG,EAAEA,EAAjB;AAAqB,IAAA,EAAE,EAAC,OAAxB;AAAgC,IAAA,EAAE,EAAC;AAAnC,KACGA,EADH,CADD,CAJH,CAFF,EAYGT,MAAM,CAACC,MAAP,CAAcJ,KAAd,EAAqBW,GAArB,CACC,CAACE,IAAD,EAAOC,KAAP,KACE,CAAChB,KAAK,KAAK,KAAV,IACCA,KAAK,KAAKe,IAAI,CAACE,QAAL,CAAcC,QAAd,GAAyBC,WAAzB,EADZ,KAEE,6BAAC,iBAAD;AAAM,IAAA,GAAG,EAAEH,KAAX;AAAkB,IAAA,EAAE,EAAE,0BAAcnB,OAAd,EAAuBO,GAAG,CAACM,IAA3B,EAAiCK,IAAI,CAACL,IAAtC;AAAtB,KACE,6BAAC,gBAAD;AAAM,IAAA,OAAO,EAAE,CAAf;AAAkB,IAAA,EAAE,EAAC;AAArB,KACE,6BAAC,2BAAD;AAAgB,IAAA,GAAG,EAAEM,KAArB;AAA4B,IAAA,IAAI,EAAED;AAAlC,IADF,CADF,CAJL,CAZH,CADF;AA0BD,CAjDM","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { FC } from 'react'\nimport React, { useEffect, useState } from 'react'\nimport { Grid, ButtonToggle, ButtonItem } from '@looker/components'\nimport type { ApiModel } from '@looker/sdk-codegen'\nimport { useParams } from 'react-router-dom'\nimport { ApixSection, DocTitle, DocTypeSummary, Link } from '../../components'\nimport { buildTypePath, useNavigation } from '../../utils'\nimport { getMetaTypes } from './utils'\n\ninterface TypeTagSceneProps {\n  api: ApiModel\n}\n\ninterface TypeTagSceneParams {\n  specKey: string\n  typeTag: string\n}\n\nexport const TypeTagScene: FC<TypeTagSceneProps> = ({ api }) => {\n  const { specKey, typeTag } = useParams<TypeTagSceneParams>()\n  const navigate = useNavigation()\n  const [value, setValue] = useState('ALL')\n\n  useEffect(() => {\n    /** Reset ButtonToggle value on route change */\n    setValue('ALL')\n  }, [typeTag])\n\n  const types = api.typeTags[typeTag]\n  useEffect(() => {\n    if (!types) {\n      navigate(`/${specKey}/types`)\n    }\n  }, [types])\n\n  if (!types) {\n    return <></>\n  }\n\n  const tag = Object.values(api.spec.tags!).find((tag) => tag.name === typeTag)!\n  const metaTypes = getMetaTypes(types)\n  return (\n    <ApixSection>\n      <DocTitle>{`${tag.name}: ${tag.description}`}</DocTitle>\n      <ButtonToggle mb=\"small\" mt=\"xlarge\" value={value} onChange={setValue}>\n        <ButtonItem key=\"ALL\" px=\"large\" py=\"xsmall\">\n          ALL\n        </ButtonItem>\n        {metaTypes.map((op) => (\n          <ButtonItem key={op} px=\"large\" py=\"xsmall\">\n            {op}\n          </ButtonItem>\n        ))}\n      </ButtonToggle>\n      {Object.values(types).map(\n        (type, index) =>\n          (value === 'ALL' ||\n            value === type.metaType.toString().toUpperCase()) && (\n            <Link key={index} to={buildTypePath(specKey, tag.name, type.name)}>\n              <Grid columns={1} py=\"xsmall\">\n                <DocTypeSummary key={index} type={type} />\n              </Grid>\n            </Link>\n          )\n      )}\n    </ApixSection>\n  )\n}\n"],"file":"TypeTagScene.js"}

package/lib/utils/hooks.d.ts

@@ -0,0 +1,3 @@
+export declare const useNavigation: () => (path: string, queryParams?: {
+    search?: string | undefined;
+} | null | undefined) => void;

package/lib/utils/hooks.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNavigation = void 0;
+
+var _reactRouterDom = require("react-router-dom");
+
+var useNavigation = () => {
+  var history = (0, _reactRouterDom.useHistory)();
+
+  var navigate = (path, queryParams) => {
+    if (queryParams === undefined) {
+      var curParams = new URLSearchParams(history.location.search);
+      history.push({
+        pathname: path,
+        search: curParams.toString()
+      });
+    } else if (queryParams === null || Object.keys(queryParams).length === 0) {
+      history.push({
+        pathname: path
+      });
+    } else {
+      history.push({
+        pathname: path,
+        search: queryParams.search
+      });
+    }
+  };
+
+  return navigate;
+};
+
+exports.useNavigation = useNavigation;
+//# sourceMappingURL=hooks.js.map

package/lib/utils/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/hooks.ts"],"names":["useNavigation","history","navigate","path","queryParams","undefined","curParams","URLSearchParams","location","search","push","pathname","toString","Object","keys","length"],"mappings":";;;;;;;AAyBA;;AASO,IAAMA,aAAa,GAAG,MAAM;AACjC,MAAMC,OAAO,GAAG,iCAAhB;;AAEA,MAAMC,QAAQ,GAAG,CAACC,IAAD,EAAeC,WAAf,KAA4D;AAC3E,QAAIA,WAAW,KAAKC,SAApB,EAA+B;AAE7B,UAAMC,SAAS,GAAG,IAAIC,eAAJ,CAAoBN,OAAO,CAACO,QAAR,CAAiBC,MAArC,CAAlB;AACAR,MAAAA,OAAO,CAACS,IAAR,CAAa;AAAEC,QAAAA,QAAQ,EAAER,IAAZ;AAAkBM,QAAAA,MAAM,EAAEH,SAAS,CAACM,QAAV;AAA1B,OAAb;AACD,KAJD,MAIO,IAAIR,WAAW,KAAK,IAAhB,IAAwBS,MAAM,CAACC,IAAP,CAAYV,WAAZ,EAAyBW,MAAzB,KAAoC,CAAhE,EAAmE;AAExEd,MAAAA,OAAO,CAACS,IAAR,CAAa;AAAEC,QAAAA,QAAQ,EAAER;AAAZ,OAAb;AACD,KAHM,MAGA;AAELF,MAAAA,OAAO,CAACS,IAAR,CAAa;AAAEC,QAAAA,QAAQ,EAAER,IAAZ;AAAkBM,QAAAA,MAAM,EAAEL,WAAW,CAACK;AAAtC,OAAb;AACD;AACF,GAZD;;AAcA,SAAOP,QAAP;AACD,CAlBM","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 { useHistory } from 'react-router-dom'\n\n/**\n * Hook for navigating to given route with specified query params\n *\n * @param path Pathname to navigate to\n * @param queryParams Hash of query param name/value pairs to include in the destination url\n */\n\nexport const useNavigation = () => {\n  const history = useHistory()\n\n  const navigate = (path: string, queryParams?: { search?: string } | null) => {\n    if (queryParams === undefined) {\n      // if params passed in is undefined, maintain existing parameters in the URL\n      const curParams = new URLSearchParams(history.location.search)\n      history.push({ pathname: path, search: curParams.toString() })\n    } else if (queryParams === null || Object.keys(queryParams).length === 0) {\n      // if params passed in is null or empty, remove all parameters from the URL\n      history.push({ pathname: path })\n    } else {\n      // if we have new parameters passed in, push them to the URL\n      history.push({ pathname: path, search: queryParams.search })\n    }\n  }\n\n  return navigate\n}\n"],"file":"hooks.js"}

package/lib/utils/index.d.ts

@@ -4,3 +4,4 @@ export { getLoded } from './lodeUtils';
 export { useWindowSize } from './useWindowSize';
 export * from './apixAdaptor';
 export * from './adaptorUtils';
+export { useNavigation } from './hooks';

package/lib/utils/index.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   highlightHTML: true,
   getLoded: true,
-  useWindowSize: true
+  useWindowSize: true,
+  useNavigation: true
 };
 Object.defineProperty(exports, "highlightHTML", {
   enumerable: true,
@@ -26,6 +27,12 @@ Object.defineProperty(exports, "useWindowSize", {
     return _useWindowSize.useWindowSize;
   }
 });
+Object.defineProperty(exports, "useNavigation", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useNavigation;
+  }
+});
 
 var _highlight = require("./highlight");
 
@@ -74,4 +81,6 @@ Object.keys(_adaptorUtils).forEach(function (key) {
     }
   });
 });
+
+var _hooks = require("./hooks");
 //# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

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

package/lib/utils/path.d.ts

@@ -1,7 +1,7 @@
 import type { ApiModel, IMethod, IType } from '@looker/sdk-codegen';
 import type { Location as HLocation } from 'history';
-export declare const buildMethodPath: (specKey: string, tag: string, methodName: string) => string;
-export declare const buildTypePath: (specKey: string, tag: string, typeName: string) => string;
+export declare const buildMethodPath: (specKey: string, tag: string, methodName: string, params?: string | undefined) => string;
+export declare const buildTypePath: (specKey: string, tag: string, typeName: string, params?: string | undefined) => string;
 export declare const diffPath = "diff";
 export declare const oAuthPath = "oauth";
 export declare const isMethod: (item: IMethod | IType) => boolean;

package/lib/utils/path.js

@@ -13,11 +13,11 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-var buildMethodPath = (specKey, tag, methodName) => "/".concat(specKey, "/methods/").concat(tag, "/").concat(methodName);
+var buildMethodPath = (specKey, tag, methodName, params) => "/".concat(specKey, "/methods/").concat(tag, "/").concat(methodName).concat(params ? "?".concat(params) : '');
 
 exports.buildMethodPath = buildMethodPath;
 
-var buildTypePath = (specKey, tag, typeName) => "/".concat(specKey, "/types/").concat(tag, "/").concat(typeName);
+var buildTypePath = (specKey, tag, typeName, params) => "/".concat(specKey, "/types/").concat(tag, "/").concat(typeName).concat(params ? "?".concat(params) : '');
 
 exports.buildTypePath = buildTypePath;
 var diffPath = 'diff';

package/lib/utils/path.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/path.ts"],"names":["buildMethodPath","specKey","tag","methodName","buildTypePath","typeName","diffPath","oAuthPath","getMethodTag","api","Object","entries","tags","filter","methods","map","methodTag","isMethod","item","getTypeTag","type","method","name","buildPath","path","getSpecKey","location","pathname","match","startsWith","pattern","RegExp","groups"],"mappings":";;;;;;;AA2BA;;;;;;;;AAUO,IAAMA,eAAe,GAAG,CAC7BC,OAD6B,EAE7BC,GAF6B,EAG7BC,UAH6B,gBAItBF,OAJsB,sBAIHC,GAJG,cAIIC,UAJJ,CAAxB;;;;AAaA,IAAMC,aAAa,GAAG,CAACH,OAAD,EAAkBC,GAAlB,EAA+BG,QAA/B,gBACvBJ,OADuB,oBACNC,GADM,cACCG,QADD,CAAtB;;;AAGA,IAAMC,QAAQ,GAAG,MAAjB;;AACA,IAAMC,SAAS,GAAG,OAAlB;;;AAQP,IAAMC,YAAY,GAAG,CAACC,GAAD,EAAgBN,UAAhB,KAAuC;AAE1D,SAAOO,MAAM,CAACC,OAAP,CAAeF,GAAG,CAACG,IAAnB,EACJC,MADI,CACG;AAAA,QAAC,GAAGC,OAAH,CAAD;AAAA,WAAiBX,UAAU,IAAIW,OAA/B;AAAA,GADH,EAEJC,GAFI,CAEA;AAAA,QAAC,CAACC,SAAD,CAAD;AAAA,WAAiBA,SAAjB;AAAA,GAFA,EAE4B,CAF5B,CAAP;AAGD,CALD;;AAWO,IAAMC,QAAQ,GAAIC,IAAD,IAA2B,YAAYA,IAAxD;;;;AAOP,IAAMC,UAAU,GAAG,CAACV,GAAD,EAAgBW,IAAhB,KAAgC;AACjD,MAAMC,MAAM,GAAG,gCAAeZ,GAAf,EAAoBW,IAApB,CAAf;AACA,SAAOZ,YAAY,CAACC,GAAD,EAAMY,MAAM,CAACC,IAAb,CAAnB;AACD,CAHD;;AAYO,IAAMC,SAAS,GAAG,CACvBd,GADuB,EAEvBS,IAFuB,EAGvBjB,OAHuB,KAIpB;AACH,MAAIuB,IAAJ;;AACA,MAAIP,QAAQ,CAACC,IAAD,CAAZ,EAAoB;AAClB,QAAMhB,GAAG,GAAGM,YAAY,CAACC,GAAD,EAAMS,IAAI,CAACI,IAAX,CAAxB;AACAE,IAAAA,IAAI,GAAGxB,eAAe,CAACC,OAAD,EAAUC,GAAV,EAAegB,IAAI,CAACI,IAApB,CAAtB;AACD,GAHD,MAGO;AACL,QAAMpB,IAAG,GAAGiB,UAAU,CAACV,GAAD,EAAMS,IAAN,CAAtB;;AACAM,IAAAA,IAAI,GAAGpB,aAAa,CAACH,OAAD,EAAUC,IAAV,EAAegB,IAAI,CAACI,IAApB,CAApB;AACD;;AACD,SAAOE,IAAP;AACD,CAdM;;;;AAoBA,IAAMC,UAAU,GAAIC,QAAD,IAAmD;AAAA;;AAC3E,MAAMC,QAAQ,GAAGD,QAAQ,CAACC,QAA1B;AACA,MAAIC,KAAJ;;AACA,MAAID,QAAQ,CAACE,UAAT,YAAwBvB,QAAxB,EAAJ,EAAyC;AACvC,QAAMwB,OAAO,GAAG,IAAIC,MAAJ,eAAkBzB,QAAlB,6BAAhB;AACAsB,IAAAA,KAAK,GAAGD,QAAQ,CAACC,KAAT,CAAeE,OAAf,CAAR;AACD,GAHD,MAGO;AACLF,IAAAA,KAAK,GAAGD,QAAQ,CAACC,KAAT,aAAe,oCAAf;AAAA;AAAA,OAAR;AACD;;AACD,SAAO,WAAAA,KAAK,UAAL,yDAAOI,MAAP,gEAAe/B,OAAf,KAA0B,IAAjC;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 { ApiModel, IMethod, IType } from '@looker/sdk-codegen'\nimport { firstMethodRef } from '@looker/sdk-codegen'\nimport type { Location as HLocation } from 'history'\n\n/**\n * Builds a path matching the route used by MethodScene\n * @param specKey A string to identify the spec in the URL\n * @param tag Corresponding method tag\n * @param methodName A method name\n * @returns a Method path\n */\nexport const buildMethodPath = (\n  specKey: string,\n  tag: string,\n  methodName: string\n) => `/${specKey}/methods/${tag}/${methodName}`\n\n/**\n * Builds a path matching the route used by TypeScene\n * @param specKey A string to identify the spec in the URL\n * @param tag Corresponding type tag\n * @param typeName A type name\n * @returns a Type path\n */\nexport const buildTypePath = (specKey: string, tag: string, typeName: string) =>\n  `/${specKey}/types/${tag}/${typeName}`\n\nexport const diffPath = 'diff'\nexport const oAuthPath = 'oauth'\n\n/**\n * Returns the tag for a given method name\n * @param api Parsed api\n * @param methodName SDK method name\n * @returns Corresponding tag\n */\nconst getMethodTag = (api: ApiModel, methodName: string) => {\n  // Find tag containing methodName\n  return Object.entries(api.tags)\n    .filter(([, methods]) => methodName in methods)\n    .map(([methodTag]) => methodTag)[0]\n}\n\n/**\n * Is this item a method? Check without requiring `instanceof Method`\n * @param item to check for method or type\n */\nexport const isMethod = (item: IMethod | IType) => 'params' in item\n\n/**\n * Return the tag for a give type\n * @param api Parsed api\n * @param type to tag\n */\nconst getTypeTag = (api: ApiModel, type: IType) => {\n  const method = firstMethodRef(api, type)\n  return getMethodTag(api, method.name)\n}\n\n/**\n * Builds a path matching MethodScene or TypeScene route\n * @param api parsed api\n * @param item A method or type item\n * @param specKey A string to identify the spec in the url\n * @returns a method or type path\n */\nexport const buildPath = (\n  api: ApiModel,\n  item: IMethod | IType,\n  specKey: string\n) => {\n  let path\n  if (isMethod(item)) {\n    const tag = getMethodTag(api, item.name)\n    path = buildMethodPath(specKey, tag, item.name)\n  } else {\n    const tag = getTypeTag(api, item as IType)\n    path = buildTypePath(specKey, tag, item.name)\n  }\n  return path\n}\n\n/**\n * Determine API specification keys from URL pattern\n * @param location service to examine\n */\nexport const getSpecKey = (location: HLocation | Location): string | null => {\n  const pathname = location.pathname\n  let match\n  if (pathname.startsWith(`/${diffPath}`)) {\n    const pattern = new RegExp(`(?:/${diffPath})/(?<specKey>\\\\w+.\\\\w+)`)\n    match = pathname.match(pattern)\n  } else {\n    match = pathname.match(/\\/(?<specKey>\\w+\\.\\w+).*/)\n  }\n  return match?.groups?.specKey || null\n}\n"],"file":"path.js"}
+{"version":3,"sources":["../../src/utils/path.ts"],"names":["buildMethodPath","specKey","tag","methodName","params","buildTypePath","typeName","diffPath","oAuthPath","getMethodTag","api","Object","entries","tags","filter","methods","map","methodTag","isMethod","item","getTypeTag","type","method","name","buildPath","path","getSpecKey","location","pathname","match","startsWith","pattern","RegExp","groups"],"mappings":";;;;;;;AA2BA;;;;;;;;AAWO,IAAMA,eAAe,GAAG,CAC7BC,OAD6B,EAE7BC,GAF6B,EAG7BC,UAH6B,EAI7BC,MAJ6B,gBAKtBH,OALsB,sBAKHC,GALG,cAKIC,UALJ,SAKiBC,MAAM,cAAOA,MAAP,IAAkB,EALzC,CAAxB;;;;AAeA,IAAMC,aAAa,GAAG,CAC3BJ,OAD2B,EAE3BC,GAF2B,EAG3BI,QAH2B,EAI3BF,MAJ2B,gBAKpBH,OALoB,oBAKHC,GALG,cAKII,QALJ,SAKeF,MAAM,cAAOA,MAAP,IAAkB,EALvC,CAAtB;;;AAOA,IAAMG,QAAQ,GAAG,MAAjB;;AACA,IAAMC,SAAS,GAAG,OAAlB;;;AAQP,IAAMC,YAAY,GAAG,CAACC,GAAD,EAAgBP,UAAhB,KAAuC;AAE1D,SAAOQ,MAAM,CAACC,OAAP,CAAeF,GAAG,CAACG,IAAnB,EACJC,MADI,CACG;AAAA,QAAC,GAAGC,OAAH,CAAD;AAAA,WAAiBZ,UAAU,IAAIY,OAA/B;AAAA,GADH,EAEJC,GAFI,CAEA;AAAA,QAAC,CAACC,SAAD,CAAD;AAAA,WAAiBA,SAAjB;AAAA,GAFA,EAE4B,CAF5B,CAAP;AAGD,CALD;;AAWO,IAAMC,QAAQ,GAAIC,IAAD,IAA2B,YAAYA,IAAxD;;;;AAOP,IAAMC,UAAU,GAAG,CAACV,GAAD,EAAgBW,IAAhB,KAAgC;AACjD,MAAMC,MAAM,GAAG,gCAAeZ,GAAf,EAAoBW,IAApB,CAAf;AACA,SAAOZ,YAAY,CAACC,GAAD,EAAMY,MAAM,CAACC,IAAb,CAAnB;AACD,CAHD;;AAYO,IAAMC,SAAS,GAAG,CACvBd,GADuB,EAEvBS,IAFuB,EAGvBlB,OAHuB,KAIpB;AACH,MAAIwB,IAAJ;;AACA,MAAIP,QAAQ,CAACC,IAAD,CAAZ,EAAoB;AAClB,QAAMjB,GAAG,GAAGO,YAAY,CAACC,GAAD,EAAMS,IAAI,CAACI,IAAX,CAAxB;AACAE,IAAAA,IAAI,GAAGzB,eAAe,CAACC,OAAD,EAAUC,GAAV,EAAeiB,IAAI,CAACI,IAApB,CAAtB;AACD,GAHD,MAGO;AACL,QAAMrB,IAAG,GAAGkB,UAAU,CAACV,GAAD,EAAMS,IAAN,CAAtB;;AACAM,IAAAA,IAAI,GAAGpB,aAAa,CAACJ,OAAD,EAAUC,IAAV,EAAeiB,IAAI,CAACI,IAApB,CAApB;AACD;;AACD,SAAOE,IAAP;AACD,CAdM;;;;AAoBA,IAAMC,UAAU,GAAIC,QAAD,IAAmD;AAAA;;AAC3E,MAAMC,QAAQ,GAAGD,QAAQ,CAACC,QAA1B;AACA,MAAIC,KAAJ;;AACA,MAAID,QAAQ,CAACE,UAAT,YAAwBvB,QAAxB,EAAJ,EAAyC;AACvC,QAAMwB,OAAO,GAAG,IAAIC,MAAJ,eAAkBzB,QAAlB,6BAAhB;AACAsB,IAAAA,KAAK,GAAGD,QAAQ,CAACC,KAAT,CAAeE,OAAf,CAAR;AACD,GAHD,MAGO;AACLF,IAAAA,KAAK,GAAGD,QAAQ,CAACC,KAAT,aAAe,oCAAf;AAAA;AAAA,OAAR;AACD;;AACD,SAAO,WAAAA,KAAK,UAAL,yDAAOI,MAAP,gEAAehC,OAAf,KAA0B,IAAjC;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 { ApiModel, IMethod, IType } from '@looker/sdk-codegen'\nimport { firstMethodRef } from '@looker/sdk-codegen'\nimport type { Location as HLocation } from 'history'\n\n/**\n * Builds a path matching the route used by MethodScene\n * @param specKey A string to identify the spec in the URL\n * @param tag Corresponding method tag\n * @param methodName A method name\n * @param params Hash of query param name/value pairs to include in the destination url\n * @returns a Method path\n */\nexport const buildMethodPath = (\n  specKey: string,\n  tag: string,\n  methodName: string,\n  params?: string\n) => `/${specKey}/methods/${tag}/${methodName}${params ? `?${params}` : ''}`\n\n/**\n * Builds a path matching the route used by TypeScene\n * @param specKey A string to identify the spec in the URL\n * @param tag Corresponding type tag\n * @param typeName A type name\n * @param params Hash of query param name/value pairs to include in the destination url\n * @returns a Type path\n */\nexport const buildTypePath = (\n  specKey: string,\n  tag: string,\n  typeName: string,\n  params?: string\n) => `/${specKey}/types/${tag}/${typeName}${params ? `?${params}` : ''}`\n\nexport const diffPath = 'diff'\nexport const oAuthPath = 'oauth'\n\n/**\n * Returns the tag for a given method name\n * @param api Parsed api\n * @param methodName SDK method name\n * @returns Corresponding tag\n */\nconst getMethodTag = (api: ApiModel, methodName: string) => {\n  // Find tag containing methodName\n  return Object.entries(api.tags)\n    .filter(([, methods]) => methodName in methods)\n    .map(([methodTag]) => methodTag)[0]\n}\n\n/**\n * Is this item a method? Check without requiring `instanceof Method`\n * @param item to check for method or type\n */\nexport const isMethod = (item: IMethod | IType) => 'params' in item\n\n/**\n * Return the tag for a give type\n * @param api Parsed api\n * @param type to tag\n */\nconst getTypeTag = (api: ApiModel, type: IType) => {\n  const method = firstMethodRef(api, type)\n  return getMethodTag(api, method.name)\n}\n\n/**\n * Builds a path matching MethodScene or TypeScene route\n * @param api parsed api\n * @param item A method or type item\n * @param specKey A string to identify the spec in the url\n * @returns a method or type path\n */\nexport const buildPath = (\n  api: ApiModel,\n  item: IMethod | IType,\n  specKey: string\n) => {\n  let path\n  if (isMethod(item)) {\n    const tag = getMethodTag(api, item.name)\n    path = buildMethodPath(specKey, tag, item.name)\n  } else {\n    const tag = getTypeTag(api, item as IType)\n    path = buildTypePath(specKey, tag, item.name)\n  }\n  return path\n}\n\n/**\n * Determine API specification keys from URL pattern\n * @param location service to examine\n */\nexport const getSpecKey = (location: HLocation | Location): string | null => {\n  const pathname = location.pathname\n  let match\n  if (pathname.startsWith(`/${diffPath}`)) {\n    const pattern = new RegExp(`(?:/${diffPath})/(?<specKey>\\\\w+.\\\\w+)`)\n    match = pathname.match(pattern)\n  } else {\n    match = pathname.match(/\\/(?<specKey>\\w+\\.\\w+).*/)\n  }\n  return match?.groups?.specKey || null\n}\n"],"file":"path.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@looker/api-explorer",
-  "version": "0.9.33",
+  "version": "0.9.36",
   "description": "Looker API Explorer",
   "main": "lib/index.js",
   "module": "lib/esm/index.js",
@@ -33,8 +33,8 @@
   },
   "devDependencies": {
     "@looker/components-test-utils": "^1.5.5",
-    "@looker/sdk-codegen-scripts": "^21.3.4",
-    "@looker/sdk-node": "^22.6.0",
+    "@looker/sdk-codegen-scripts": "^21.4.2",
+    "@looker/sdk-node": "^22.10.1",
     "@styled-icons/styled-icon": "^10.6.3",
     "@testing-library/jest-dom": "^5.11.6",
     "@testing-library/react": "^11.2.2",
@@ -67,16 +67,16 @@
     "webpack-merge": "^5.7.3"
   },
   "dependencies": {
-    "@looker/code-editor": "^0.1.22",
+    "@looker/code-editor": "^0.1.23",
     "@looker/components": "^2.8.1",
     "@looker/components-date": "^2.4.1",
     "@looker/design-tokens": "^2.7.1",
-    "@looker/extension-utils": "^0.1.10",
+    "@looker/extension-utils": "^0.1.13",
     "@looker/icons": "^1.5.3",
     "@looker/redux": "0.0.0",
-    "@looker/run-it": "^0.9.33",
-    "@looker/sdk": "^22.6.0",
-    "@looker/sdk-codegen": "^21.6.0",
+    "@looker/run-it": "^0.9.36",
+    "@looker/sdk": "^22.10.1",
+    "@looker/sdk-codegen": "^21.7.0",
     "@looker/sdk-rtl": "^21.3.4",
     "@reduxjs/toolkit": "^1.6.2",
     "@styled-icons/material": "^10.28.0",
@@ -96,5 +96,5 @@
     "ts-jest": "^26.2.0",
     "typed-redux-saga": "^1.3.1"
   },
-  "gitHead": "918004bc063b73364fa2a714b14157e990fc331e"
+  "gitHead": "a3eb0fd43de195627b1723faae1eba7c70fd43fb"
 }