@looker/api-explorer 0.9.52 → 0.9.54

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

@@ -1 +1 @@
-{"version":3,"file":"DiffScene.js","names":["_react","_interopRequireWildcard","require","_reactRouterDom","_components","_SyncAlt","_reactRedux","_components2","_state","_utils","_diffUtils","_DocDiff","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","diffToggles","label","value","validateParam","specs","specKey","arguments","length","undefined","DiffScene","_ref","toggleNavigation","adaptor","getApixAdaptor","navigate","useNavigation","spec","useSelector","selectCurrentSpec","selectSpecs","currentSpecKey","match","useRouteMatch","concat","diffPath","l","params","r","options","entries","map","_ref2","status","leftKey","setLeftKey","useState","rightKey","setRightKey","leftApi","setLeftApi","api","rightApi","setRightApi","toggles","setToggles","standardDiffToggles","useEffect","delta","setDelta","handleLeftChange","newLeft","handleRightChange","newRight","handleSwitch","fetchSpec","then","diffSpecs","handleTogglesChange","values","newToggles","createElement","ApixSection","Box","Flex","bg","padding","mb","alignItems","FlexItem","Label","htmlFor","Select","mt","id","name","onChange","IconButton","className","size","disabled","icon","SyncAlt","onClick","placeholder","flex","ml","SelectMulti","defaultValues","DocDiff","leftSpec","rightSpec","exports"],"sources":["../../../../src/scenes/DiffScene/DiffScene.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React, { useState, useEffect } from 'react'\nimport type { ApiModel, DiffRow, SpecList } from '@looker/sdk-codegen'\nimport { useRouteMatch } from 'react-router-dom'\nimport {\n  Box,\n  Flex,\n  FlexItem,\n  IconButton,\n  Label,\n  Select,\n  SelectMulti,\n} from '@looker/components'\nimport { SyncAlt } from '@styled-icons/material/SyncAlt'\nimport { useSelector } from 'react-redux'\n\nimport { ApixSection } from '../../components'\nimport { selectCurrentSpec, selectSpecs } from '../../state'\nimport { diffPath, getApixAdaptor, useNavigation } from '../../utils'\nimport { diffSpecs, standardDiffToggles } from './diffUtils'\nimport { DocDiff } from './DocDiff'\n\nconst diffToggles = [\n  {\n    label: 'Missing',\n    value: 'missing',\n  },\n  {\n    label: 'Status',\n    value: 'status',\n  },\n  {\n    label: 'Parameters',\n    value: 'params',\n  },\n  {\n    label: 'Type',\n    value: 'type',\n  },\n  {\n    label: 'Body',\n    value: 'body',\n  },\n  {\n    label: 'Response',\n    value: 'response',\n  },\n]\n\nexport interface DiffSceneProps {\n  toggleNavigation: (target?: boolean) => void\n}\n\nconst validateParam = (specs: SpecList, specKey = '') => {\n  return specs[specKey] ? specKey : ''\n}\n\nexport const DiffScene: FC<DiffSceneProps> = ({ toggleNavigation }) => {\n  const adaptor = getApixAdaptor()\n  const { navigate } = useNavigation()\n  const spec = useSelector(selectCurrentSpec)\n  const specs = useSelector(selectSpecs)\n  const currentSpecKey = spec.key\n  const match = useRouteMatch<{ l: string; r: string }>(`/:l/${diffPath}/:r?`)\n  const l = validateParam(specs, match?.params.l)\n  const r = validateParam(specs, match?.params.r)\n\n  const options = Object.entries(specs).map(([key, spec]) => ({\n    value: key,\n    label: `${key} (${spec.status})`,\n  }))\n\n  const [leftKey, setLeftKey] = useState<string>(l || currentSpecKey)\n  const [rightKey, setRightKey] = useState<string>(r || '')\n  const [leftApi, setLeftApi] = useState<ApiModel>(specs[leftKey].api!)\n  const [rightApi, setRightApi] = useState<ApiModel>(() =>\n    rightKey ? specs[rightKey].api! : specs[leftKey].api!\n  )\n  const [toggles, setToggles] = useState<string[]>(standardDiffToggles)\n\n  useEffect(() => {\n    if (r !== rightKey) {\n      setRightKey(r)\n    }\n  }, [r, rightKey])\n\n  useEffect(() => {\n    if (l !== leftKey) {\n      setLeftKey(l)\n    }\n  }, [l, leftKey])\n\n  useEffect(() => {\n    toggleNavigation(false)\n  }, [])\n\n  const [delta, setDelta] = useState<DiffRow[]>([])\n\n  const handleLeftChange = (newLeft: string) => {\n    navigate(`/${newLeft}/${diffPath}/${rightKey}`)\n  }\n  const handleRightChange = (newRight: string) => {\n    navigate(`/${leftKey}/${diffPath}/${newRight}`)\n  }\n\n  const handleSwitch = () => {\n    navigate(`/${rightKey}/${diffPath}/${leftKey}`)\n  }\n\n  useEffect(() => {\n    adaptor.fetchSpec(specs[leftKey]).then((spec) => setLeftApi(spec.api!))\n  }, [leftKey])\n\n  useEffect(() => {\n    if (rightKey in specs) {\n      adaptor.fetchSpec(specs[rightKey]).then((spec) => setRightApi(spec.api!))\n    }\n  }, [rightKey])\n\n  useEffect(() => {\n    if (leftApi && rightApi) {\n      setDelta([...diffSpecs(leftApi, rightApi, toggles)])\n    }\n  }, [leftApi, rightApi, toggles])\n\n  const handleTogglesChange = (values?: string[]) => {\n    const newToggles = values || []\n    setToggles(newToggles)\n  }\n\n  return (\n    <ApixSection>\n      <Box>\n        <Flex bg=\"AliceBlue\" padding=\"large\" mb=\"large\" alignItems=\"center\">\n          <FlexItem>\n            <Label htmlFor=\"base\">Base</Label>\n            <Select\n              mt=\"xxsmall\"\n              id=\"base\"\n              name=\"Left Version\"\n              value={leftKey}\n              options={options}\n              onChange={handleLeftChange}\n            />\n          </FlexItem>\n          <IconButton\n            className=\"switch-button\"\n            label=\"switch\"\n            size=\"small\"\n            disabled={!leftKey || !rightKey}\n            icon={<SyncAlt />}\n            mt=\"medium\"\n            onClick={handleSwitch}\n          />\n          <FlexItem>\n            <Label htmlFor=\"compare\">Compare</Label>\n            <Select\n              mt=\"xxsmall\"\n              id=\"compare\"\n              name=\"Right Version\"\n              placeholder=\"Select a comparison...\"\n              value={rightKey}\n              options={options}\n              onChange={handleRightChange}\n            />\n          </FlexItem>\n          <FlexItem flex=\"2\" ml=\"large\">\n            <Label htmlFor=\"options\">Comparison Options</Label>\n            <SelectMulti\n              mt=\"xxsmall\"\n              id=\"options\"\n              name=\"toggles\"\n              placeholder=\"Comparison options\"\n              defaultValues={toggles}\n              onChange={handleTogglesChange}\n              options={diffToggles}\n            />\n          </FlexItem>\n        </Flex>\n      </Box>\n      <DocDiff\n        delta={delta}\n        leftKey={leftKey}\n        leftSpec={leftApi}\n        rightKey={rightKey}\n        rightSpec={rightApi}\n      />\n    </ApixSection>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"DiffScene.js","names":["React","useState","useEffect","useRouteMatch","Box","Flex","FlexItem","IconButton","Label","Select","SelectMulti","SyncAlt","useSelector","ApixSection","selectCurrentSpec","selectSpecs","diffPath","getApixAdaptor","useNavigation","diffSpecs","standardDiffToggles","DocDiff","diffToggles","label","value","validateParam","specs","specKey","arguments","length","undefined","DiffScene","_ref","toggleNavigation","adaptor","navigate","spec","currentSpecKey","key","match","concat","l","params","r","options","Object","entries","map","_ref2","status","leftKey","setLeftKey","rightKey","setRightKey","leftApi","setLeftApi","api","rightApi","setRightApi","toggles","setToggles","delta","setDelta","handleLeftChange","newLeft","handleRightChange","newRight","handleSwitch","fetchSpec","then","handleTogglesChange","values","newToggles","createElement","bg","padding","mb","alignItems","htmlFor","mt","id","name","onChange","className","size","disabled","icon","onClick","placeholder","flex","ml","defaultValues","leftSpec","rightSpec"],"sources":["../../../../src/scenes/DiffScene/DiffScene.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React, { useState, useEffect } from 'react'\nimport type { ApiModel, DiffRow, SpecList } from '@looker/sdk-codegen'\nimport { useRouteMatch } from 'react-router-dom'\nimport {\n  Box,\n  Flex,\n  FlexItem,\n  IconButton,\n  Label,\n  Select,\n  SelectMulti,\n} from '@looker/components'\nimport { SyncAlt } from '@styled-icons/material/SyncAlt'\nimport { useSelector } from 'react-redux'\n\nimport { ApixSection } from '../../components'\nimport { selectCurrentSpec, selectSpecs } from '../../state'\nimport { diffPath, getApixAdaptor, useNavigation } from '../../utils'\nimport { diffSpecs, standardDiffToggles } from './diffUtils'\nimport { DocDiff } from './DocDiff'\n\nconst diffToggles = [\n  {\n    label: 'Missing',\n    value: 'missing',\n  },\n  {\n    label: 'Status',\n    value: 'status',\n  },\n  {\n    label: 'Parameters',\n    value: 'params',\n  },\n  {\n    label: 'Type',\n    value: 'type',\n  },\n  {\n    label: 'Body',\n    value: 'body',\n  },\n  {\n    label: 'Response',\n    value: 'response',\n  },\n]\n\nexport interface DiffSceneProps {\n  toggleNavigation: (target?: boolean) => void\n}\n\nconst validateParam = (specs: SpecList, specKey = '') => {\n  return specs[specKey] ? specKey : ''\n}\n\nexport const DiffScene: FC<DiffSceneProps> = ({ toggleNavigation }) => {\n  const adaptor = getApixAdaptor()\n  const { navigate } = useNavigation()\n  const spec = useSelector(selectCurrentSpec)\n  const specs = useSelector(selectSpecs)\n  const currentSpecKey = spec.key\n  const match = useRouteMatch<{ l: string; r: string }>(`/:l/${diffPath}/:r?`)\n  const l = validateParam(specs, match?.params.l)\n  const r = validateParam(specs, match?.params.r)\n\n  const options = Object.entries(specs).map(([key, spec]) => ({\n    value: key,\n    label: `${key} (${spec.status})`,\n  }))\n\n  const [leftKey, setLeftKey] = useState<string>(l || currentSpecKey)\n  const [rightKey, setRightKey] = useState<string>(r || '')\n  const [leftApi, setLeftApi] = useState<ApiModel>(specs[leftKey].api!)\n  const [rightApi, setRightApi] = useState<ApiModel>(() =>\n    rightKey ? specs[rightKey].api! : specs[leftKey].api!\n  )\n  const [toggles, setToggles] = useState<string[]>(standardDiffToggles)\n\n  useEffect(() => {\n    if (r !== rightKey) {\n      setRightKey(r)\n    }\n  }, [r, rightKey])\n\n  useEffect(() => {\n    if (l !== leftKey) {\n      setLeftKey(l)\n    }\n  }, [l, leftKey])\n\n  useEffect(() => {\n    toggleNavigation(false)\n  }, [])\n\n  const [delta, setDelta] = useState<DiffRow[]>([])\n\n  const handleLeftChange = (newLeft: string) => {\n    navigate(`/${newLeft}/${diffPath}/${rightKey}`)\n  }\n  const handleRightChange = (newRight: string) => {\n    navigate(`/${leftKey}/${diffPath}/${newRight}`)\n  }\n\n  const handleSwitch = () => {\n    navigate(`/${rightKey}/${diffPath}/${leftKey}`)\n  }\n\n  useEffect(() => {\n    adaptor.fetchSpec(specs[leftKey]).then((spec) => setLeftApi(spec.api!))\n  }, [leftKey])\n\n  useEffect(() => {\n    if (rightKey in specs) {\n      adaptor.fetchSpec(specs[rightKey]).then((spec) => setRightApi(spec.api!))\n    }\n  }, [rightKey])\n\n  useEffect(() => {\n    if (leftApi && rightApi) {\n      setDelta([...diffSpecs(leftApi, rightApi, toggles)])\n    }\n  }, [leftApi, rightApi, toggles])\n\n  const handleTogglesChange = (values?: string[]) => {\n    const newToggles = values || []\n    setToggles(newToggles)\n  }\n\n  return (\n    <ApixSection>\n      <Box>\n        <Flex bg=\"AliceBlue\" padding=\"large\" mb=\"large\" alignItems=\"center\">\n          <FlexItem>\n            <Label htmlFor=\"base\">Base</Label>\n            <Select\n              mt=\"xxsmall\"\n              id=\"base\"\n              name=\"Left Version\"\n              value={leftKey}\n              options={options}\n              onChange={handleLeftChange}\n            />\n          </FlexItem>\n          <IconButton\n            className=\"switch-button\"\n            label=\"switch\"\n            size=\"small\"\n            disabled={!leftKey || !rightKey}\n            icon={<SyncAlt />}\n            mt=\"medium\"\n            onClick={handleSwitch}\n          />\n          <FlexItem>\n            <Label htmlFor=\"compare\">Compare</Label>\n            <Select\n              mt=\"xxsmall\"\n              id=\"compare\"\n              name=\"Right Version\"\n              placeholder=\"Select a comparison...\"\n              value={rightKey}\n              options={options}\n              onChange={handleRightChange}\n            />\n          </FlexItem>\n          <FlexItem flex=\"2\" ml=\"large\">\n            <Label htmlFor=\"options\">Comparison Options</Label>\n            <SelectMulti\n              mt=\"xxsmall\"\n              id=\"options\"\n              name=\"toggles\"\n              placeholder=\"Comparison options\"\n              defaultValues={toggles}\n              onChange={handleTogglesChange}\n              options={diffToggles}\n            />\n          </FlexItem>\n        </Flex>\n      </Box>\n      <DocDiff\n        delta={delta}\n        leftKey={leftKey}\n        leftSpec={leftApi}\n        rightKey={rightKey}\n        rightSpec={rightApi}\n      />\n    </ApixSection>\n  )\n}\n"],"mappings":"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"}

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

@@ -1,33 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DiffBanner = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _components = require("@looker/components");
-var _DiffLegend = require("./DiffLegend");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var DiffBanner = _ref => {
+import React from 'react';
+import { Grid, Flex, FlexItem, Code, Heading } from '@looker/components';
+import { DiffLegend } from './DiffLegend';
+export var DiffBanner = _ref => {
   var {
     item,
     method
   } = _ref;
-  return _react.default.createElement(_components.Grid, {
+  return React.createElement(Grid, {
     justifyItems: "space-between",
     columns: 4
-  }, _react.default.createElement(_components.FlexItem, null, _react.default.createElement(_components.Code, null, item.name)), _react.default.createElement(_components.FlexItem, null, _react.default.createElement(_components.Heading, {
+  }, React.createElement(FlexItem, null, React.createElement(Code, null, item.name)), React.createElement(FlexItem, null, React.createElement(Heading, {
     as: "h4",
     truncate: true
-  }, item.id)), _react.default.createElement(_components.FlexItem, null, _react.default.createElement(_components.Heading, {
+  }, item.id)), React.createElement(FlexItem, null, React.createElement(Heading, {
     as: "h4",
     truncate: true
-  }, method === null || method === void 0 ? void 0 : method.summary)), _react.default.createElement(_components.Flex, {
+  }, method === null || method === void 0 ? void 0 : method.summary)), React.createElement(Flex, {
     width: "100%",
     justifyContent: "flex-end"
-  }, _react.default.createElement(_DiffLegend.DiffLegend, {
+  }, React.createElement(DiffLegend, {
     count: item.diffCount
   })));
 };
-exports.DiffBanner = DiffBanner;
 //# sourceMappingURL=DiffBanner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DiffBanner.js","names":["_react","_interopRequireDefault","require","_components","_DiffLegend","obj","__esModule","default","DiffBanner","_ref","item","method","createElement","Grid","justifyItems","columns","FlexItem","Code","name","Heading","as","truncate","id","summary","Flex","width","justifyContent","DiffLegend","count","diffCount","exports"],"sources":["../../../../../src/scenes/DiffScene/DocDiff/DiffBanner.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { FC } from 'react'\nimport React from 'react'\nimport { Grid, Flex, FlexItem, Code, Heading } from '@looker/components'\nimport type { DiffRow, IMethod } from '@looker/sdk-codegen'\nimport { DiffLegend } from './DiffLegend'\n\ninterface DiffBannerProps {\n  item: DiffRow\n  method: IMethod\n}\n\nexport const DiffBanner: FC<DiffBannerProps> = ({ item, method }) => (\n  <Grid justifyItems=\"space-between\" columns={4}>\n    <FlexItem>\n      <Code>{item.name}</Code>\n    </FlexItem>\n    <FlexItem>\n      <Heading as=\"h4\" truncate>\n        {item.id}\n      </Heading>\n    </FlexItem>\n    <FlexItem>\n      <Heading as=\"h4\" truncate>\n        {method?.summary}\n      </Heading>\n    </FlexItem>\n    <Flex width=\"100%\" justifyContent=\"flex-end\">\n      <DiffLegend count={item.diffCount} />\n    </Flex>\n  </Grid>\n)\n"],"mappings":";;;;;;AA0BA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAAyC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOlC,IAAMG,UAA+B,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAAF,IAAA;EAAA,OAC9DT,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,WAAA,CAAAU,IAAI;IAACC,YAAY,EAAC,eAAe;IAACC,OAAO,EAAE;EAAE,GAC5Cf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,WAAA,CAAAa,QAAQ,QACPhB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,WAAA,CAAAc,IAAI,QAAEP,IAAI,CAACQ,IAAI,CAAQ,CACf,EACXlB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,WAAA,CAAAa,QAAQ,QACPhB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,WAAA,CAAAgB,OAAO;IAACC,EAAE,EAAC,IAAI;IAACC,QAAQ;EAAA,GACtBX,IAAI,CAACY,EAAE,CACA,CACD,EACXtB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,WAAA,CAAAa,QAAQ,QACPhB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,WAAA,CAAAgB,OAAO;IAACC,EAAE,EAAC,IAAI;IAACC,QAAQ;EAAA,GACtBV,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEY,OAAO,CACR,CACD,EACXvB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,WAAA,CAAAqB,IAAI;IAACC,KAAK,EAAC,MAAM;IAACC,cAAc,EAAC;EAAU,GAC1C1B,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,WAAA,CAAAuB,UAAU;IAACC,KAAK,EAAElB,IAAI,CAACmB;EAAU,EAAG,CAChC,CACF;AAAA,CACR;AAAAC,OAAA,CAAAtB,UAAA,GAAAA,UAAA"}
+{"version":3,"file":"DiffBanner.js","names":["React","Grid","Flex","FlexItem","Code","Heading","DiffLegend","DiffBanner","_ref","item","method","createElement","justifyItems","columns","name","as","truncate","id","summary","width","justifyContent","count","diffCount"],"sources":["../../../../../src/scenes/DiffScene/DocDiff/DiffBanner.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { FC } from 'react'\nimport React from 'react'\nimport { Grid, Flex, FlexItem, Code, Heading } from '@looker/components'\nimport type { DiffRow, IMethod } from '@looker/sdk-codegen'\nimport { DiffLegend } from './DiffLegend'\n\ninterface DiffBannerProps {\n  item: DiffRow\n  method: IMethod\n}\n\nexport const DiffBanner: FC<DiffBannerProps> = ({ item, method }) => (\n  <Grid justifyItems=\"space-between\" columns={4}>\n    <FlexItem>\n      <Code>{item.name}</Code>\n    </FlexItem>\n    <FlexItem>\n      <Heading as=\"h4\" truncate>\n        {item.id}\n      </Heading>\n    </FlexItem>\n    <FlexItem>\n      <Heading as=\"h4\" truncate>\n        {method?.summary}\n      </Heading>\n    </FlexItem>\n    <Flex width=\"100%\" justifyContent=\"flex-end\">\n      <DiffLegend count={item.diffCount} />\n    </Flex>\n  </Grid>\n)\n"],"mappings":"AA0BA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,QAAQ,oBAAoB;AAExE,SAASC,UAAU,QAAQ,cAAc;AAOzC,OAAO,IAAMC,UAA+B,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAAF,IAAA;EAAA,OAC9DR,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,YAAY,EAAC,eAAe;IAACC,OAAO,EAAE;EAAE,GAC5Cb,KAAA,CAAAW,aAAA,CAACR,QAAQ,QACPH,KAAA,CAAAW,aAAA,CAACP,IAAI,QAAEK,IAAI,CAACK,IAAW,CACf,CAAC,EACXd,KAAA,CAAAW,aAAA,CAACR,QAAQ,QACPH,KAAA,CAAAW,aAAA,CAACN,OAAO;IAACU,EAAE,EAAC,IAAI;IAACC,QAAQ;EAAA,GACtBP,IAAI,CAACQ,EACC,CACD,CAAC,EACXjB,KAAA,CAAAW,aAAA,CAACR,QAAQ,QACPH,KAAA,CAAAW,aAAA,CAACN,OAAO;IAACU,EAAE,EAAC,IAAI;IAACC,QAAQ;EAAA,GACtBN,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEQ,OACF,CACD,CAAC,EACXlB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACiB,KAAK,EAAC,MAAM;IAACC,cAAc,EAAC;EAAU,GAC1CpB,KAAA,CAAAW,aAAA,CAACL,UAAU;IAACe,KAAK,EAAEZ,IAAI,CAACa;EAAU,CAAE,CAChC,CACF,CAAC;AAAA,CACR"}

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

@@ -1,22 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DiffMethodLink = exports.DiffItem = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactDiffViewer = _interopRequireWildcard(require("react-diff-viewer"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _components = require("@looker/components");
-var _reactRedux = require("react-redux");
-var _state = require("../../../state");
-var _utils = require("../../../utils");
-var _DiffBanner = require("./DiffBanner");
-var _docDiffUtils = require("./docDiffUtils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var DiffLink = (0, _styledComponents.default)(_components.Link).withConfig({
+import React, { useState, useEffect } from 'react';
+import ReactDiffViewer, { DiffMethod } from 'react-diff-viewer';
+import styled from 'styled-components';
+import { Accordion2, Box, Card, Grid, Heading, Link } from '@looker/components';
+import { useSelector } from 'react-redux';
+import { selectSdkLanguage } from '../../../state';
+import { buildMethodPath, useNavigation } from '../../../utils';
+import { DiffBanner } from './DiffBanner';
+import { differ } from './docDiffUtils';
+var DiffLink = styled(Link).withConfig({
   displayName: "DiffItem__DiffLink",
   componentId: "sc-1laajiy-0"
 })(["color:", ";cursor:pointer;display:block;padding:", ";&:hover,&:visited,&:focus,&.active{color:", ";cursor:pointer;}"], _ref => {
@@ -35,28 +26,27 @@ var DiffLink = (0, _styledComponents.default)(_components.Link).withConfig({
   } = _ref3;
   return theme.colors.key;
 });
-var DiffMethodLink = _ref4 => {
+export var DiffMethodLink = _ref4 => {
   var {
     method,
     specKey
   } = _ref4;
   var {
     navigate
-  } = (0, _utils.useNavigation)();
-  if (!method) return _react.default.createElement(_components.Heading, {
+  } = useNavigation();
+  if (!method) return React.createElement(Heading, {
     as: "h4"
   }, "Missing in ".concat(specKey));
   var tag = method.schema.tags[0];
-  var path = "".concat((0, _utils.buildMethodPath)(specKey, tag, method.name));
-  return _react.default.createElement(DiffLink, {
+  var path = "".concat(buildMethodPath(specKey, tag, method.name));
+  return React.createElement(DiffLink, {
     role: "link",
     onClick: () => {
       navigate(path);
     }
   }, "".concat(method.name, " for ").concat(specKey));
 };
-exports.DiffMethodLink = DiffMethodLink;
-var DiffItem = _ref5 => {
+export var DiffItem = _ref5 => {
   var {
     item,
     leftKey,
@@ -64,18 +54,18 @@ var DiffItem = _ref5 => {
     rightKey,
     rightSpec
   } = _ref5;
-  var selectedSdkLanguage = (0, _reactRedux.useSelector)(_state.selectSdkLanguage);
-  var [leftMethod, setLeftMethod] = (0, _react.useState)(leftSpec.methods[item.name]);
-  var [rightMethod, setRightMethod] = (0, _react.useState)(rightSpec.methods[item.name]);
-  var [method, setMethod] = (0, _react.useState)(leftMethod || rightMethod);
-  var [isOpen, setIsOpen] = (0, _react.useState)(false);
-  var [leftSide, setLeftSide] = (0, _react.useState)('');
-  var [rightSide, setRightSide] = (0, _react.useState)('');
-  (0, _react.useEffect)(() => {
+  var selectedSdkLanguage = useSelector(selectSdkLanguage);
+  var [leftMethod, setLeftMethod] = useState(leftSpec.methods[item.name]);
+  var [rightMethod, setRightMethod] = useState(rightSpec.methods[item.name]);
+  var [method, setMethod] = useState(leftMethod || rightMethod);
+  var [isOpen, setIsOpen] = useState(false);
+  var [leftSide, setLeftSide] = useState('');
+  var [rightSide, setRightSide] = useState('');
+  useEffect(() => {
     var {
       lhs,
       rhs
-    } = (0, _docDiffUtils.differ)(item, leftSpec, rightSpec, selectedSdkLanguage);
+    } = differ(item, leftSpec, rightSpec, selectedSdkLanguage);
     var lMethod = leftSpec.methods[item.name];
     var rMethod = rightSpec.methods[item.name];
     setLeftMethod(lMethod);
@@ -87,32 +77,31 @@ var DiffItem = _ref5 => {
   var handleOpen = () => {
     setIsOpen(!isOpen);
   };
-  return _react.default.createElement(_components.Card, {
+  return React.createElement(Card, {
     border: true,
     width: "100%"
-  }, _react.default.createElement(_components.Accordion2, {
+  }, React.createElement(Accordion2, {
     indicatorPosition: "left",
     isOpen: isOpen,
     toggleOpen: handleOpen,
-    label: _react.default.createElement(_DiffBanner.DiffBanner, {
+    label: React.createElement(DiffBanner, {
       item: item,
       method: method
     })
-  }, _react.default.createElement(_components.Grid, {
+  }, React.createElement(Grid, {
     columns: 2
-  }, _react.default.createElement(_components.Box, null, _react.default.createElement(DiffMethodLink, {
+  }, React.createElement(Box, null, React.createElement(DiffMethodLink, {
     method: leftMethod,
     specKey: leftKey
-  })), _react.default.createElement(_components.Box, null, _react.default.createElement(DiffMethodLink, {
+  })), React.createElement(Box, null, React.createElement(DiffMethodLink, {
     method: rightMethod,
     specKey: rightKey
-  }))), _react.default.createElement(_reactDiffViewer.default, {
+  }))), React.createElement(ReactDiffViewer, {
     oldValue: leftSide,
     newValue: rightSide,
     splitView: true,
-    compareMethod: _reactDiffViewer.DiffMethod.LINES,
+    compareMethod: DiffMethod.LINES,
     showDiffOnly: true
   })));
 };
-exports.DiffItem = DiffItem;
 //# sourceMappingURL=DiffItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DiffItem.js","names":["_react","_interopRequireWildcard","require","_reactDiffViewer","_styledComponents","_interopRequireDefault","_components","_reactRedux","_state","_utils","_DiffBanner","_docDiffUtils","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DiffLink","styled","Link","withConfig","displayName","componentId","_ref","theme","colors","ui5","_ref2","concat","space","xsmall","large","_ref3","DiffMethodLink","_ref4","method","specKey","navigate","useNavigation","createElement","Heading","as","tag","schema","tags","path","buildMethodPath","name","role","onClick","exports","DiffItem","_ref5","item","leftKey","leftSpec","rightKey","rightSpec","selectedSdkLanguage","useSelector","selectSdkLanguage","leftMethod","setLeftMethod","useState","methods","rightMethod","setRightMethod","setMethod","isOpen","setIsOpen","leftSide","setLeftSide","rightSide","setRightSide","useEffect","lhs","rhs","differ","lMethod","rMethod","handleOpen","Card","border","width","Accordion2","indicatorPosition","toggleOpen","label","DiffBanner","Grid","columns","Box","oldValue","newValue","splitView","compareMethod","DiffMethod","LINES","showDiffOnly"],"sources":["../../../../../src/scenes/DiffScene/DocDiff/DiffItem.tsx"],"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"],"mappings":"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"}
+{"version":3,"file":"DiffItem.js","names":["React","useState","useEffect","ReactDiffViewer","DiffMethod","styled","Accordion2","Box","Card","Grid","Heading","Link","useSelector","selectSdkLanguage","buildMethodPath","useNavigation","DiffBanner","differ","DiffLink","withConfig","displayName","componentId","_ref","theme","colors","ui5","_ref2","concat","space","xsmall","large","_ref3","key","DiffMethodLink","_ref4","method","specKey","navigate","createElement","as","tag","schema","tags","path","name","role","onClick","DiffItem","_ref5","item","leftKey","leftSpec","rightKey","rightSpec","selectedSdkLanguage","leftMethod","setLeftMethod","methods","rightMethod","setRightMethod","setMethod","isOpen","setIsOpen","leftSide","setLeftSide","rightSide","setRightSide","lhs","rhs","lMethod","rMethod","handleOpen","border","width","indicatorPosition","toggleOpen","label","columns","oldValue","newValue","splitView","compareMethod","LINES","showDiffOnly"],"sources":["../../../../../src/scenes/DiffScene/DocDiff/DiffItem.tsx"],"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"],"mappings":"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"}

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

@@ -1,47 +1,39 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DiffLegend = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _components = require("@looker/components");
-var _Add = require("@styled-icons/material/Add");
-var _ChangeHistory = require("@styled-icons/material/ChangeHistory");
-var _Remove = require("@styled-icons/material/Remove");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var DiffLegend = _ref => {
+import React from 'react';
+import { Code, Flex, Icon, Space } from '@looker/components';
+import { Add } from '@styled-icons/material/Add';
+import { ChangeHistory } from '@styled-icons/material/ChangeHistory';
+import { Remove } from '@styled-icons/material/Remove';
+export var DiffLegend = _ref => {
   var {
     count
   } = _ref;
-  return _react.default.createElement(_components.Flex, null, count.added > 0 && _react.default.createElement(_components.Space, {
+  return React.createElement(Flex, null, count.added > 0 && React.createElement(Space, {
     gap: "xxsmall"
-  }, _react.default.createElement(_components.Icon, {
-    icon: _react.default.createElement(_Add.Add, null),
+  }, React.createElement(Icon, {
+    icon: React.createElement(Add, null),
     color: "positive",
     size: "small"
-  }), _react.default.createElement(_components.Code, {
+  }), React.createElement(Code, {
     color: "positive",
     fontWeight: "medium"
-  }, count.added)), count.changed > 0 && _react.default.createElement(_components.Space, {
+  }, count.added)), count.changed > 0 && React.createElement(Space, {
     gap: "xxsmall"
-  }, _react.default.createElement(_components.Icon, {
-    icon: _react.default.createElement(_ChangeHistory.ChangeHistory, null),
+  }, React.createElement(Icon, {
+    icon: React.createElement(ChangeHistory, null),
     color: "warn",
     size: "small"
-  }), _react.default.createElement(_components.Code, {
+  }), React.createElement(Code, {
     color: "warn",
     fontWeight: "medium"
-  }, count.changed)), count.removed > 0 && _react.default.createElement(_components.Space, {
+  }, count.changed)), count.removed > 0 && React.createElement(Space, {
     gap: "xxsmall"
-  }, _react.default.createElement(_components.Icon, {
-    icon: _react.default.createElement(_Remove.Remove, null),
+  }, React.createElement(Icon, {
+    icon: React.createElement(Remove, null),
     color: "critical",
     size: "small"
-  }), _react.default.createElement(_components.Code, {
+  }), React.createElement(Code, {
     color: "critical",
     fontWeight: "medium"
   }, count.removed)));
 };
-exports.DiffLegend = DiffLegend;
 //# sourceMappingURL=DiffLegend.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DiffLegend.js","names":["_react","_interopRequireDefault","require","_components","_Add","_ChangeHistory","_Remove","obj","__esModule","default","DiffLegend","_ref","count","createElement","Flex","added","Space","gap","Icon","icon","Add","color","size","Code","fontWeight","changed","ChangeHistory","removed","Remove","exports"],"sources":["../../../../../src/scenes/DiffScene/DocDiff/DiffLegend.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { FC } from 'react'\nimport React from 'react'\nimport type { DiffCount } from '@looker/sdk-codegen'\nimport { Code, Flex, Icon, Space } from '@looker/components'\nimport { Add } from '@styled-icons/material/Add'\nimport { ChangeHistory } from '@styled-icons/material/ChangeHistory'\nimport { Remove } from '@styled-icons/material/Remove'\n\ninterface DiffLegendProps {\n  count: DiffCount\n}\n\nexport const DiffLegend: FC<DiffLegendProps> = ({ count }) => {\n  return (\n    <Flex>\n      {count.added > 0 && (\n        <Space gap=\"xxsmall\">\n          <Icon icon={<Add />} color=\"positive\" size=\"small\" />\n          <Code color=\"positive\" fontWeight=\"medium\">\n            {count.added}\n          </Code>\n        </Space>\n      )}\n      {count.changed > 0 && (\n        <Space gap=\"xxsmall\">\n          <Icon icon={<ChangeHistory />} color=\"warn\" size=\"small\" />\n          <Code color=\"warn\" fontWeight=\"medium\">\n            {count.changed}\n          </Code>\n        </Space>\n      )}\n      {count.removed > 0 && (\n        <Space gap=\"xxsmall\">\n          <Icon icon={<Remove />} color=\"critical\" size=\"small\" />\n          <Code color=\"critical\" fontWeight=\"medium\">\n            {count.removed}\n          </Code>\n        </Space>\n      )}\n    </Flex>\n  )\n}\n"],"mappings":";;;;;;AA0BA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAsD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAM/C,IAAMG,UAA+B,GAAGC,IAAA,IAAe;EAAA,IAAd;IAAEC;EAAM,CAAC,GAAAD,IAAA;EACvD,OACEX,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACV,WAAA,CAAAW,IAAI,QACFF,KAAK,CAACG,KAAK,GAAG,CAAC,IACdf,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACV,WAAA,CAAAa,KAAK;IAACC,GAAG,EAAC;EAAS,GAClBjB,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACV,WAAA,CAAAe,IAAI;IAACC,IAAI,EAAEnB,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACT,IAAA,CAAAgB,GAAG,OAAI;IAACC,KAAK,EAAC,UAAU;IAACC,IAAI,EAAC;EAAO,EAAG,EACrDtB,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACV,WAAA,CAAAoB,IAAI;IAACF,KAAK,EAAC,UAAU;IAACG,UAAU,EAAC;EAAQ,GACvCZ,KAAK,CAACG,KAAK,CACP,CAEV,EACAH,KAAK,CAACa,OAAO,GAAG,CAAC,IAChBzB,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACV,WAAA,CAAAa,KAAK;IAACC,GAAG,EAAC;EAAS,GAClBjB,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACV,WAAA,CAAAe,IAAI;IAACC,IAAI,EAAEnB,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACR,cAAA,CAAAqB,aAAa,OAAI;IAACL,KAAK,EAAC,MAAM;IAACC,IAAI,EAAC;EAAO,EAAG,EAC3DtB,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACV,WAAA,CAAAoB,IAAI;IAACF,KAAK,EAAC,MAAM;IAACG,UAAU,EAAC;EAAQ,GACnCZ,KAAK,CAACa,OAAO,CACT,CAEV,EACAb,KAAK,CAACe,OAAO,GAAG,CAAC,IAChB3B,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACV,WAAA,CAAAa,KAAK;IAACC,GAAG,EAAC;EAAS,GAClBjB,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACV,WAAA,CAAAe,IAAI;IAACC,IAAI,EAAEnB,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACP,OAAA,CAAAsB,MAAM,OAAI;IAACP,KAAK,EAAC,UAAU;IAACC,IAAI,EAAC;EAAO,EAAG,EACxDtB,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACV,WAAA,CAAAoB,IAAI;IAACF,KAAK,EAAC,UAAU;IAACG,UAAU,EAAC;EAAQ,GACvCZ,KAAK,CAACe,OAAO,CACT,CAEV,CACI;AAEX,CAAC;AAAAE,OAAA,CAAAnB,UAAA,GAAAA,UAAA"}
+{"version":3,"file":"DiffLegend.js","names":["React","Code","Flex","Icon","Space","Add","ChangeHistory","Remove","DiffLegend","_ref","count","createElement","added","gap","icon","color","size","fontWeight","changed","removed"],"sources":["../../../../../src/scenes/DiffScene/DocDiff/DiffLegend.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { FC } from 'react'\nimport React from 'react'\nimport type { DiffCount } from '@looker/sdk-codegen'\nimport { Code, Flex, Icon, Space } from '@looker/components'\nimport { Add } from '@styled-icons/material/Add'\nimport { ChangeHistory } from '@styled-icons/material/ChangeHistory'\nimport { Remove } from '@styled-icons/material/Remove'\n\ninterface DiffLegendProps {\n  count: DiffCount\n}\n\nexport const DiffLegend: FC<DiffLegendProps> = ({ count }) => {\n  return (\n    <Flex>\n      {count.added > 0 && (\n        <Space gap=\"xxsmall\">\n          <Icon icon={<Add />} color=\"positive\" size=\"small\" />\n          <Code color=\"positive\" fontWeight=\"medium\">\n            {count.added}\n          </Code>\n        </Space>\n      )}\n      {count.changed > 0 && (\n        <Space gap=\"xxsmall\">\n          <Icon icon={<ChangeHistory />} color=\"warn\" size=\"small\" />\n          <Code color=\"warn\" fontWeight=\"medium\">\n            {count.changed}\n          </Code>\n        </Space>\n      )}\n      {count.removed > 0 && (\n        <Space gap=\"xxsmall\">\n          <Icon icon={<Remove />} color=\"critical\" size=\"small\" />\n          <Code color=\"critical\" fontWeight=\"medium\">\n            {count.removed}\n          </Code>\n        </Space>\n      )}\n    </Flex>\n  )\n}\n"],"mappings":"AA0BA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,QAAQ,oBAAoB;AAC5D,SAASC,GAAG,QAAQ,4BAA4B;AAChD,SAASC,aAAa,QAAQ,sCAAsC;AACpE,SAASC,MAAM,QAAQ,+BAA+B;AAMtD,OAAO,IAAMC,UAA+B,GAAGC,IAAA,IAAe;EAAA,IAAd;IAAEC;EAAM,CAAC,GAAAD,IAAA;EACvD,OACET,KAAA,CAAAW,aAAA,CAACT,IAAI,QACFQ,KAAK,CAACE,KAAK,GAAG,CAAC,IACdZ,KAAA,CAAAW,aAAA,CAACP,KAAK;IAACS,GAAG,EAAC;EAAS,GAClBb,KAAA,CAAAW,aAAA,CAACR,IAAI;IAACW,IAAI,EAAEd,KAAA,CAAAW,aAAA,CAACN,GAAG,MAAE,CAAE;IAACU,KAAK,EAAC,UAAU;IAACC,IAAI,EAAC;EAAO,CAAE,CAAC,EACrDhB,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACc,KAAK,EAAC,UAAU;IAACE,UAAU,EAAC;EAAQ,GACvCP,KAAK,CAACE,KACH,CACD,CACR,EACAF,KAAK,CAACQ,OAAO,GAAG,CAAC,IAChBlB,KAAA,CAAAW,aAAA,CAACP,KAAK;IAACS,GAAG,EAAC;EAAS,GAClBb,KAAA,CAAAW,aAAA,CAACR,IAAI;IAACW,IAAI,EAAEd,KAAA,CAAAW,aAAA,CAACL,aAAa,MAAE,CAAE;IAACS,KAAK,EAAC,MAAM;IAACC,IAAI,EAAC;EAAO,CAAE,CAAC,EAC3DhB,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACc,KAAK,EAAC,MAAM;IAACE,UAAU,EAAC;EAAQ,GACnCP,KAAK,CAACQ,OACH,CACD,CACR,EACAR,KAAK,CAACS,OAAO,GAAG,CAAC,IAChBnB,KAAA,CAAAW,aAAA,CAACP,KAAK;IAACS,GAAG,EAAC;EAAS,GAClBb,KAAA,CAAAW,aAAA,CAACR,IAAI;IAACW,IAAI,EAAEd,KAAA,CAAAW,aAAA,CAACJ,MAAM,MAAE,CAAE;IAACQ,KAAK,EAAC,UAAU;IAACC,IAAI,EAAC;EAAO,CAAE,CAAC,EACxDhB,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACc,KAAK,EAAC,UAAU;IAACE,UAAU,EAAC;EAAQ,GACvCP,KAAK,CAACS,OACH,CACD,CAEL,CAAC;AAEX,CAAC"}

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

@@ -1,15 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DocDiff = void 0;
-var _components = require("@looker/components");
-var _react = _interopRequireWildcard(require("react"));
-var _DiffItem = require("./DiffItem");
-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; }
-var DocDiff = _ref => {
+import { Flex, Heading, Pagination, Space, SpaceVertical, Text } from '@looker/components';
+import React, { useState } from 'react';
+import { DiffItem } from './DiffItem';
+export var DocDiff = _ref => {
   var {
     delta,
     leftKey,
@@ -18,26 +10,26 @@ var DocDiff = _ref => {
     rightSpec,
     pageSize = 15
   } = _ref;
-  var [page, setPage] = (0, _react.useState)(1);
-  if (delta.length === 0) return _react.default.createElement(_components.Text, null, 'No differences found');
+  var [page, setPage] = useState(1);
+  if (delta.length === 0) return React.createElement(Text, null, 'No differences found');
   var pageCount = Math.ceil(delta.length / pageSize);
   var pageItemData = delta.slice((page - 1) * pageSize, page * pageSize);
-  return _react.default.createElement(_react.default.Fragment, null, delta.length === 0 ? _react.default.createElement(_components.Text, null, 'No differences found') : _react.default.createElement(_components.Flex, {
+  return React.createElement(React.Fragment, null, delta.length === 0 ? React.createElement(Text, null, 'No differences found') : React.createElement(Flex, {
     flexDirection: "column",
     alignItems: "center"
-  }, _react.default.createElement(_components.Space, null, _react.default.createElement(_components.Heading, {
+  }, React.createElement(Space, null, React.createElement(Heading, {
     as: "h2"
-  }, "".concat(delta.length, " differences between ").concat(leftKey, " and ").concat(rightKey))), _react.default.createElement(_components.SpaceVertical, {
+  }, "".concat(delta.length, " differences between ").concat(leftKey, " and ").concat(rightKey))), React.createElement(SpaceVertical, {
     mt: "large",
     gap: "xxsmall"
-  }, pageItemData.map(item => _react.default.createElement(_DiffItem.DiffItem, {
+  }, pageItemData.map(item => React.createElement(DiffItem, {
     key: item.name,
     item: item,
     leftKey: leftKey,
     leftSpec: leftSpec,
     rightKey: rightKey,
     rightSpec: rightSpec
-  }))), _react.default.createElement(_components.Pagination, {
+  }))), React.createElement(Pagination, {
     current: page,
     pages: pageCount,
     onChange: nextPage => {
@@ -45,5 +37,4 @@ var DocDiff = _ref => {
     }
   })));
 };
-exports.DocDiff = DocDiff;
 //# sourceMappingURL=DocDiff.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DocDiff.js","names":["_components","require","_react","_interopRequireWildcard","_DiffItem","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DocDiff","_ref","delta","leftKey","leftSpec","rightKey","rightSpec","pageSize","page","setPage","useState","length","createElement","Text","pageCount","Math","ceil","pageItemData","slice","Fragment","Flex","flexDirection","alignItems","Space","Heading","as","concat","SpaceVertical","mt","gap","map","item","DiffItem","name","Pagination","current","pages","onChange","nextPage","exports"],"sources":["../../../../../src/scenes/DiffScene/DocDiff/DocDiff.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { ApiModel, DiffRow } from '@looker/sdk-codegen'\nimport {\n  Flex,\n  Heading,\n  Pagination,\n  Space,\n  SpaceVertical,\n  Text,\n} from '@looker/components'\nimport type { FC } from 'react'\nimport React, { useState } from 'react'\nimport { DiffItem } from './DiffItem'\n\nexport interface DocDiffProps {\n  /** Using delta because IntelliJ has bugs with 'diff' in a react app */\n  delta: DiffRow[]\n  /** Left side specKey */\n  leftKey: string\n  /** Left side spec */\n  leftSpec: ApiModel\n  /** Right side specKey */\n  rightKey: string\n  /** Right side spec */\n  rightSpec: ApiModel\n  /** Number of rows per page. Defaults to 15 */\n  pageSize?: number\n}\n\nexport const DocDiff: FC<DocDiffProps> = ({\n  delta,\n  leftKey,\n  leftSpec,\n  rightKey,\n  rightSpec,\n  pageSize = 15,\n}) => {\n  const [page, setPage] = useState(1)\n\n  if (delta.length === 0) return <Text>{'No differences found'}</Text>\n\n  const pageCount = Math.ceil(delta.length / pageSize)\n  const pageItemData = delta.slice((page - 1) * pageSize, page * pageSize)\n\n  return (\n    <>\n      {delta.length === 0 ? (\n        <Text>{'No differences found'}</Text>\n      ) : (\n        <Flex flexDirection=\"column\" alignItems=\"center\">\n          <Space>\n            <Heading as=\"h2\">{`${delta.length} differences between ${leftKey} and ${rightKey}`}</Heading>\n          </Space>\n          <SpaceVertical mt=\"large\" gap=\"xxsmall\">\n            {pageItemData.map((item) => (\n              <DiffItem\n                key={item.name}\n                item={item}\n                leftKey={leftKey}\n                leftSpec={leftSpec}\n                rightKey={rightKey}\n                rightSpec={rightSpec}\n              />\n            ))}\n          </SpaceVertical>\n          <Pagination\n            current={page}\n            pages={pageCount}\n            onChange={(nextPage) => {\n              setPage(nextPage)\n            }}\n          />\n        </Flex>\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"DocDiff.js","names":["Flex","Heading","Pagination","Space","SpaceVertical","Text","React","useState","DiffItem","DocDiff","_ref","delta","leftKey","leftSpec","rightKey","rightSpec","pageSize","page","setPage","length","createElement","pageCount","Math","ceil","pageItemData","slice","Fragment","flexDirection","alignItems","as","concat","mt","gap","map","item","key","name","current","pages","onChange","nextPage"],"sources":["../../../../../src/scenes/DiffScene/DocDiff/DocDiff.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { ApiModel, DiffRow } from '@looker/sdk-codegen'\nimport {\n  Flex,\n  Heading,\n  Pagination,\n  Space,\n  SpaceVertical,\n  Text,\n} from '@looker/components'\nimport type { FC } from 'react'\nimport React, { useState } from 'react'\nimport { DiffItem } from './DiffItem'\n\nexport interface DocDiffProps {\n  /** Using delta because IntelliJ has bugs with 'diff' in a react app */\n  delta: DiffRow[]\n  /** Left side specKey */\n  leftKey: string\n  /** Left side spec */\n  leftSpec: ApiModel\n  /** Right side specKey */\n  rightKey: string\n  /** Right side spec */\n  rightSpec: ApiModel\n  /** Number of rows per page. Defaults to 15 */\n  pageSize?: number\n}\n\nexport const DocDiff: FC<DocDiffProps> = ({\n  delta,\n  leftKey,\n  leftSpec,\n  rightKey,\n  rightSpec,\n  pageSize = 15,\n}) => {\n  const [page, setPage] = useState(1)\n\n  if (delta.length === 0) return <Text>{'No differences found'}</Text>\n\n  const pageCount = Math.ceil(delta.length / pageSize)\n  const pageItemData = delta.slice((page - 1) * pageSize, page * pageSize)\n\n  return (\n    <>\n      {delta.length === 0 ? (\n        <Text>{'No differences found'}</Text>\n      ) : (\n        <Flex flexDirection=\"column\" alignItems=\"center\">\n          <Space>\n            <Heading as=\"h2\">{`${delta.length} differences between ${leftKey} and ${rightKey}`}</Heading>\n          </Space>\n          <SpaceVertical mt=\"large\" gap=\"xxsmall\">\n            {pageItemData.map((item) => (\n              <DiffItem\n                key={item.name}\n                item={item}\n                leftKey={leftKey}\n                leftSpec={leftSpec}\n                rightKey={rightKey}\n                rightSpec={rightSpec}\n              />\n            ))}\n          </SpaceVertical>\n          <Pagination\n            current={page}\n            pages={pageCount}\n            onChange={(nextPage) => {\n              setPage(nextPage)\n            }}\n          />\n        </Flex>\n      )}\n    </>\n  )\n}\n"],"mappings":"AA0BA,SACEA,IAAI,EACJC,OAAO,EACPC,UAAU,EACVC,KAAK,EACLC,aAAa,EACbC,IAAI,QACC,oBAAoB;AAE3B,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,QAAQ,QAAQ,YAAY;AAiBrC,OAAO,IAAMC,OAAyB,GAAGC,IAAA,IAOnC;EAAA,IAPoC;IACxCC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,SAAS;IACTC,QAAQ,GAAG;EACb,CAAC,GAAAN,IAAA;EACC,IAAM,CAACO,IAAI,EAAEC,OAAO,CAAC,GAAGX,QAAQ,CAAC,CAAC,CAAC;EAEnC,IAAII,KAAK,CAACQ,MAAM,KAAK,CAAC,EAAE,OAAOb,KAAA,CAAAc,aAAA,CAACf,IAAI,QAAE,sBAA6B,CAAC;EAEpE,IAAMgB,SAAS,GAAGC,IAAI,CAACC,IAAI,CAACZ,KAAK,CAACQ,MAAM,GAAGH,QAAQ,CAAC;EACpD,IAAMQ,YAAY,GAAGb,KAAK,CAACc,KAAK,CAAC,CAACR,IAAI,GAAG,CAAC,IAAID,QAAQ,EAAEC,IAAI,GAAGD,QAAQ,CAAC;EAExE,OACEV,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAoB,QAAA,QACGf,KAAK,CAACQ,MAAM,KAAK,CAAC,GACjBb,KAAA,CAAAc,aAAA,CAACf,IAAI,QAAE,sBAA6B,CAAC,GAErCC,KAAA,CAAAc,aAAA,CAACpB,IAAI;IAAC2B,aAAa,EAAC,QAAQ;IAACC,UAAU,EAAC;EAAQ,GAC9CtB,KAAA,CAAAc,aAAA,CAACjB,KAAK,QACJG,KAAA,CAAAc,aAAA,CAACnB,OAAO;IAAC4B,EAAE,EAAC;EAAI,MAAAC,MAAA,CAAKnB,KAAK,CAACQ,MAAM,2BAAAW,MAAA,CAAwBlB,OAAO,WAAAkB,MAAA,CAAQhB,QAAQ,CAAY,CACvF,CAAC,EACRR,KAAA,CAAAc,aAAA,CAAChB,aAAa;IAAC2B,EAAE,EAAC,OAAO;IAACC,GAAG,EAAC;EAAS,GACpCR,YAAY,CAACS,GAAG,CAAEC,IAAI,IACrB5B,KAAA,CAAAc,aAAA,CAACZ,QAAQ;IACP2B,GAAG,EAAED,IAAI,CAACE,IAAK;IACfF,IAAI,EAAEA,IAAK;IACXtB,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBC,SAAS,EAAEA;EAAU,CACtB,CACF,CACY,CAAC,EAChBT,KAAA,CAAAc,aAAA,CAAClB,UAAU;IACTmC,OAAO,EAAEpB,IAAK;IACdqB,KAAK,EAAEjB,SAAU;IACjBkB,QAAQ,EAAGC,QAAQ,IAAK;MACtBtB,OAAO,CAACsB,QAAQ,CAAC;IACnB;EAAE,CACH,CACG,CAER,CAAC;AAEP,CAAC"}

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

@@ -1,16 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.differ = exports.diffText = void 0;
-var _sdkCodegen = require("@looker/sdk-codegen");
-var diffText = (row, status, api, sdkLanguage) => {
+import { getCodeGenerator, PseudoGen } from '@looker/sdk-codegen';
+export var diffText = (row, status, api, sdkLanguage) => {
   var gen;
   if (sdkLanguage === 'All') {
-    gen = new _sdkCodegen.PseudoGen(api);
+    gen = new PseudoGen(api);
   } else {
-    gen = (0, _sdkCodegen.getCodeGenerator)(sdkLanguage, api);
+    gen = getCodeGenerator(sdkLanguage, api);
   }
   var method = api.methods[row.name];
   if (!method) return "".concat(row.name, " is missing");
@@ -33,8 +27,7 @@ var diffText = (row, status, api, sdkLanguage) => {
   }
   return result;
 };
-exports.diffText = diffText;
-var differ = (row, leftSpec, rightSpec, sdkLanguage) => {
+export var differ = (row, leftSpec, rightSpec, sdkLanguage) => {
   var lhs = diffText(row, row.lStatus !== row.rStatus ? row.lStatus : '', leftSpec, sdkLanguage);
   var rhs = diffText(row, row.lStatus !== row.rStatus ? row.rStatus : '', rightSpec, sdkLanguage);
   return {
@@ -42,5 +35,4 @@ var differ = (row, leftSpec, rightSpec, sdkLanguage) => {
     rhs
   };
 };
-exports.differ = differ;
 //# sourceMappingURL=docDiffUtils.js.map