@looker/api-explorer 0.9.22 → 0.9.27

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

@@ -1,35 +1,13 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
 import React, { useState, useEffect } from 'react';
 import { useHistory, useRouteMatch } from 'react-router-dom';
 import { Box, Flex, FlexItem, IconButton, Label, Select, SelectMulti } from '@looker/components';
 import { SyncAlt } from '@styled-icons/material/SyncAlt';
-import { fallbackFetch, funFetch } from '@looker/run-it';
-import { getDefaultSpecKey } from '../../reducers/spec/utils';
-import { diffPath } from '../../utils';
+import { useSelector } from 'react-redux';
 import { ApixSection } from '../../components';
+import { selectCurrentSpec } from '../../state';
+import { diffPath, getApixAdaptor } from '../../utils';
 import { diffSpecs, standardDiffToggles } from './diffUtils';
 import { DocDiff } from './DocDiff';
-
-var pickLeft = (specs, leftKey) => {
-  if (leftKey) return leftKey;
-  return getDefaultSpecKey(specs);
-};
-
-var pickRight = (specs, rightKey, leftKey) => {
-  if (rightKey) return rightKey;
-  if (!leftKey) leftKey = getDefaultSpecKey(specs);
-  return Object.keys(specs).find(k => k !== leftKey) || '';
-};
-
 var diffToggles = [{
   label: 'Missing',
   value: 'missing'
@@ -60,7 +38,10 @@ export var DiffScene = _ref => {
     specs,
     toggleNavigation
   } = _ref;
+  var adaptor = getApixAdaptor();
   var history = useHistory();
+  var spec = useSelector(selectCurrentSpec);
+  var currentSpecKey = spec.key;
   var match = useRouteMatch("/".concat(diffPath, "/:l?/:r?"));
   var l = validateParam(specs, match === null || match === void 0 ? void 0 : match.params.l);
   var r = validateParam(specs, match === null || match === void 0 ? void 0 : match.params.r);
@@ -71,94 +52,55 @@ export var DiffScene = _ref => {
       label: "".concat(key, " (").concat(spec.status, ")")
     };
   });
-  var [leftKey, setLeftKey] = useState(pickLeft(specs, l));
-  var [rightKey, setRightKey] = useState(pickRight(specs, r, leftKey));
+  var [leftKey, setLeftKey] = useState(l || currentSpecKey);
+  var [rightKey, setRightKey] = useState(r || '');
   var [leftApi, setLeftApi] = useState(specs[leftKey].api);
-  var [rightApi, setRightApi] = useState(rightKey ? specs[rightKey].api : specs[leftKey].api);
+  var [rightApi, setRightApi] = useState(() => rightKey ? specs[rightKey].api : specs[leftKey].api);
   var [toggles, setToggles] = useState(standardDiffToggles);
+  useEffect(() => {
+    if (r !== rightKey) {
+      setRightKey(r);
+    }
+  }, [r, rightKey]);
+  useEffect(() => {
+    if (l !== leftKey) {
+      setLeftKey(l);
+    }
+  }, [l, leftKey]);
   useEffect(() => {
     toggleNavigation(false);
   }, []);
+  var [delta, setDelta] = useState([]);
 
-  var computeDelta = (left, right, toggles) => {
-    if (left && right && specs[left].api && specs[right].api) {
-      return diffSpecs(specs[left].api, specs[right].api, toggles);
-    }
-
-    return [];
+  var handleLeftChange = newLeft => {
+    history.push("/".concat(diffPath, "/").concat(newLeft, "/").concat(rightKey));
   };
 
-  var [delta, setDelta] = useState(computeDelta(leftKey, rightKey, toggles));
-
-  var loadSpec = function () {
-    var _ref3 = _asyncToGenerator(function* (specs, key, setter) {
-      var spec = specs[key];
-
-      if (!spec.api) {
-        try {
-          var newSpec = _objectSpread({}, spec);
-
-          var api = yield fallbackFetch(newSpec, funFetch);
-
-          if (api) {
-            spec.api = api;
-            setter(spec);
-          }
-        } catch (error) {
-          console.error(error);
-        }
-      }
-    });
-
-    return function loadSpec(_x, _x2, _x3) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
-  var compareKeys = function () {
-    var _ref4 = _asyncToGenerator(function* (left, right) {
-      if (left !== leftKey || right !== rightKey) {
-        history.push("/".concat(diffPath, "/").concat(left, "/").concat(right));
-      }
-
-      if (!specs[left].api) {
-        yield loadSpec(specs, leftKey, spec => setLeftApi(spec.api));
-      }
-
-      if (!specs[right].api) {
-        yield loadSpec(specs, rightKey, spec => setRightApi(spec.api));
-      }
-
-      setDelta([...computeDelta(left, right, toggles)]);
-    });
-
-    return function compareKeys(_x4, _x5) {
-      return _ref4.apply(this, arguments);
-    };
-  }();
-
-  var handleLeftChange = newLeft => {
-    setLeftKey(newLeft);
+  var handleRightChange = newRight => {
+    history.push("/".concat(diffPath, "/").concat(leftKey, "/").concat(newRight));
   };
 
-  var handleTogglesChange = values => {
-    var newToggles = values || [];
-    setToggles(newToggles);
-    setDelta([...computeDelta(leftKey, rightKey, newToggles)]);
+  var handleSwitch = () => {
+    history.push("/".concat(diffPath, "/").concat(rightKey, "/").concat(leftKey));
   };
 
   useEffect(() => {
-    compareKeys(leftKey, rightKey);
-  }, [leftKey, rightKey]);
-
-  var handleRightChange = newRight => {
-    setRightKey(newRight);
-  };
+    adaptor.fetchSpec(specs[leftKey]).then(spec => setLeftApi(spec.api));
+  }, [leftKey]);
+  useEffect(() => {
+    if (rightKey in specs) {
+      adaptor.fetchSpec(specs[rightKey]).then(spec => setRightApi(spec.api));
+    }
+  }, [rightKey]);
+  useEffect(() => {
+    if (leftApi && rightApi) {
+      setDelta([...diffSpecs(leftApi, rightApi, toggles)]);
+    }
+  }, [leftApi, rightApi, toggles]);
 
-  var handleSwitch = () => {
-    var currLeftKey = leftKey;
-    setLeftKey(rightKey);
-    setRightKey(currLeftKey);
+  var handleTogglesChange = values => {
+    var newToggles = values || [];
+    setToggles(newToggles);
   };
 
   return React.createElement(ApixSection, null, React.createElement(Box, null, React.createElement(Flex, {
@@ -178,6 +120,7 @@ export var DiffScene = _ref => {
   })), React.createElement(IconButton, {
     label: "switch",
     size: "small",
+    disabled: !leftKey || !rightKey,
     icon: React.createElement(SyncAlt, null),
     mt: "medium",
     onClick: handleSwitch
@@ -187,6 +130,7 @@ export var DiffScene = _ref => {
     mt: "xxsmall",
     id: "compare",
     name: "Right Version",
+    placeholder: "Select a comparison...",
     value: rightKey,
     options: options,
     onChange: handleRightChange

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/scenes/DiffScene/DiffScene.tsx"],"names":["React","useState","useEffect","useHistory","useRouteMatch","Box","Flex","FlexItem","IconButton","Label","Select","SelectMulti","SyncAlt","fallbackFetch","funFetch","getDefaultSpecKey","diffPath","ApixSection","diffSpecs","standardDiffToggles","DocDiff","pickLeft","specs","leftKey","pickRight","rightKey","Object","keys","find","k","diffToggles","label","value","validateParam","specKey","DiffScene","toggleNavigation","history","match","l","params","r","options","entries","map","key","spec","status","setLeftKey","setRightKey","leftApi","setLeftApi","api","rightApi","setRightApi","toggles","setToggles","computeDelta","left","right","delta","setDelta","loadSpec","setter","newSpec","error","console","compareKeys","push","handleLeftChange","newLeft","handleTogglesChange","values","newToggles","handleRightChange","newRight","handleSwitch","currLeftKey"],"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, SpecItem } 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 { fallbackFetch, funFetch } from '@looker/run-it'\nimport { getDefaultSpecKey } from '../../reducers/spec/utils'\nimport { diffPath } from '../../utils'\nimport { ApixSection } from '../../components'\nimport { diffSpecs, standardDiffToggles } from './diffUtils'\nimport { DocDiff } from './DocDiff'\n\n/**\n * Pick the left key, or default spec\n * @param specs to pick from\n * @param leftKey spec key that may or may not have a value\n */\nconst pickLeft = (specs: SpecList, leftKey: string) => {\n  if (leftKey) return leftKey\n  return getDefaultSpecKey(specs)\n}\n\n/**\n * Pick the right key, or \"other\" spec\n * @param specs to pick from\n * @param rightKey spec key from url path\n * @param leftKey spec key from url path\n */\nconst pickRight = (specs: SpecList, rightKey: string, leftKey: string) => {\n  if (rightKey) return rightKey\n  if (!leftKey) leftKey = getDefaultSpecKey(specs)\n  return Object.keys(specs).find((k) => k !== leftKey) || ''\n}\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 history = useHistory()\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>(pickLeft(specs, l))\n  const [rightKey, setRightKey] = useState<string>(pickRight(specs, r, leftKey))\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    toggleNavigation(false)\n  }, [])\n\n  const computeDelta = (left: string, right: string, toggles: string[]) => {\n    if (left && right && specs[left].api && specs[right].api) {\n      return diffSpecs(specs[left].api!, specs[right].api!, toggles)\n    }\n    return []\n  }\n  const [delta, setDelta] = useState<DiffRow[]>(\n    computeDelta(leftKey, rightKey, toggles)\n  )\n\n  const loadSpec = async (\n    specs: SpecList,\n    key: string,\n    setter: (spec: SpecItem) => void\n  ) => {\n    const spec = specs[key]\n    if (!spec.api) {\n      try {\n        const newSpec = { ...spec }\n        const api = await fallbackFetch(newSpec, funFetch)\n        if (api) {\n          spec.api = api\n          setter(spec)\n        }\n      } catch (error) {\n        console.error(error)\n      }\n    }\n  }\n\n  const compareKeys = async (left: string, right: string) => {\n    if (left !== leftKey || right !== rightKey) {\n      history.push(`/${diffPath}/${left}/${right}`)\n    }\n    if (!specs[left].api) {\n      await loadSpec(specs, leftKey, (spec) => setLeftApi(spec.api!))\n    }\n    if (!specs[right].api) {\n      await loadSpec(specs, rightKey, (spec) => setRightApi(spec.api!))\n    }\n    setDelta([...computeDelta(left, right, toggles)])\n  }\n\n  const handleLeftChange = (newLeft: string) => {\n    setLeftKey(newLeft)\n  }\n\n  const handleTogglesChange = (values?: string[]) => {\n    const newToggles = values || []\n    setToggles(newToggles)\n    setDelta([...computeDelta(leftKey, rightKey, newToggles)])\n  }\n\n  useEffect(() => {\n    compareKeys(leftKey, rightKey)\n  }, [leftKey, rightKey])\n\n  const handleRightChange = (newRight: string) => {\n    setRightKey(newRight)\n  }\n\n  const handleSwitch = () => {\n    const currLeftKey = leftKey\n    setLeftKey(rightKey)\n    setRightKey(currLeftKey)\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            label=\"switch\"\n            size=\"small\"\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              value={rightKey}\n              options={options}\n              onChange={handleRightChange}\n            />\n          </FlexItem>\n          <FlexItem flex=\"2\" ml=\"large\">\n            <Label htmlFor=\"options\">Comparison Options</Label>\n            <SelectMulti\n              mt=\"xxsmall\"\n              id=\"options\"\n              name=\"toggles\"\n              placeholder=\"Comparison options\"\n              defaultValues={toggles}\n              onChange={handleTogglesChange}\n              options={diffToggles}\n            />\n          </FlexItem>\n        </Flex>\n      </Box>\n      <DocDiff\n        delta={delta}\n        leftKey={leftKey}\n        leftSpec={leftApi}\n        rightKey={rightKey}\n        rightSpec={rightApi}\n      />\n    </ApixSection>\n  )\n}\n"],"file":"DiffScene.js"}
+{"version":3,"sources":["../../../../src/scenes/DiffScene/DiffScene.tsx"],"names":["React","useState","useEffect","useHistory","useRouteMatch","Box","Flex","FlexItem","IconButton","Label","Select","SelectMulti","SyncAlt","useSelector","ApixSection","selectCurrentSpec","diffPath","getApixAdaptor","diffSpecs","standardDiffToggles","DocDiff","diffToggles","label","value","validateParam","specs","specKey","DiffScene","toggleNavigation","adaptor","history","spec","currentSpecKey","key","match","l","params","r","options","Object","entries","map","status","leftKey","setLeftKey","rightKey","setRightKey","leftApi","setLeftApi","api","rightApi","setRightApi","toggles","setToggles","delta","setDelta","handleLeftChange","newLeft","push","handleRightChange","newRight","handleSwitch","fetchSpec","then","handleTogglesChange","values","newToggles"],"mappings":"AA2BA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AAEA,SAASC,UAAT,EAAqBC,aAArB,QAA0C,kBAA1C;AACA,SACEC,GADF,EAEEC,IAFF,EAGEC,QAHF,EAIEC,UAJF,EAKEC,KALF,EAMEC,MANF,EAOEC,WAPF,QAQO,oBARP;AASA,SAASC,OAAT,QAAwB,gCAAxB;AACA,SAASC,WAAT,QAA4B,aAA5B;AAEA,SAASC,WAAT,QAA4B,kBAA5B;AACA,SAASC,iBAAT,QAAkC,aAAlC;AACA,SAASC,QAAT,EAAmBC,cAAnB,QAAyC,aAAzC;AACA,SAASC,SAAT,EAAoBC,mBAApB,QAA+C,aAA/C;AACA,SAASC,OAAT,QAAwB,WAAxB;AAEA,IAAMC,WAAW,GAAG,CAClB;AACEC,EAAAA,KAAK,EAAE,SADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CADkB,EAKlB;AACED,EAAAA,KAAK,EAAE,QADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CALkB,EASlB;AACED,EAAAA,KAAK,EAAE,YADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CATkB,EAalB;AACED,EAAAA,KAAK,EAAE,MADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CAbkB,EAiBlB;AACED,EAAAA,KAAK,EAAE,MADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CAjBkB,EAqBlB;AACED,EAAAA,KAAK,EAAE,UADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CArBkB,CAApB;;AAgCA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmC;AAAA,MAAjBC,OAAiB,uEAAP,EAAO;AACvD,SAAOD,KAAK,CAACC,OAAD,CAAL,GAAiBA,OAAjB,GAA2B,EAAlC;AACD,CAFD;;AAIA,OAAO,IAAMC,SAA6B,GAAG,QAAiC;AAAA,MAAhC;AAAEF,IAAAA,KAAF;AAASG,IAAAA;AAAT,GAAgC;AAC5E,MAAMC,OAAO,GAAGZ,cAAc,EAA9B;AACA,MAAMa,OAAO,GAAG3B,UAAU,EAA1B;AACA,MAAM4B,IAAI,GAAGlB,WAAW,CAACE,iBAAD,CAAxB;AACA,MAAMiB,cAAc,GAAGD,IAAI,CAACE,GAA5B;AACA,MAAMC,KAAK,GAAG9B,aAAa,YAA+BY,QAA/B,cAA3B;AACA,MAAMmB,CAAC,GAAGX,aAAa,CAACC,KAAD,EAAQS,KAAR,aAAQA,KAAR,uBAAQA,KAAK,CAAEE,MAAP,CAAcD,CAAtB,CAAvB;AACA,MAAME,CAAC,GAAGb,aAAa,CAACC,KAAD,EAAQS,KAAR,aAAQA,KAAR,uBAAQA,KAAK,CAAEE,MAAP,CAAcC,CAAtB,CAAvB;AAEA,MAAMC,OAAO,GAAGC,MAAM,CAACC,OAAP,CAAef,KAAf,EAAsBgB,GAAtB,CAA0B;AAAA,QAAC,CAACR,GAAD,EAAMF,IAAN,CAAD;AAAA,WAAkB;AAC1DR,MAAAA,KAAK,EAAEU,GADmD;AAE1DX,MAAAA,KAAK,YAAKW,GAAL,eAAaF,IAAI,CAACW,MAAlB;AAFqD,KAAlB;AAAA,GAA1B,CAAhB;AAKA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB3C,QAAQ,CAASkC,CAAC,IAAIH,cAAd,CAAtC;AACA,MAAM,CAACa,QAAD,EAAWC,WAAX,IAA0B7C,QAAQ,CAASoC,CAAC,IAAI,EAAd,CAAxC;AACA,MAAM,CAACU,OAAD,EAAUC,UAAV,IAAwB/C,QAAQ,CAAWwB,KAAK,CAACkB,OAAD,CAAL,CAAeM,GAA1B,CAAtC;AACA,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BlD,QAAQ,CAAW,MACjD4C,QAAQ,GAAGpB,KAAK,CAACoB,QAAD,CAAL,CAAgBI,GAAnB,GAA0BxB,KAAK,CAACkB,OAAD,CAAL,CAAeM,GADX,CAAxC;AAGA,MAAM,CAACG,OAAD,EAAUC,UAAV,IAAwBpD,QAAQ,CAAWkB,mBAAX,CAAtC;AAEAjB,EAAAA,SAAS,CAAC,MAAM;AACd,QAAImC,CAAC,KAAKQ,QAAV,EAAoB;AAClBC,MAAAA,WAAW,CAACT,CAAD,CAAX;AACD;AACF,GAJQ,EAIN,CAACA,CAAD,EAAIQ,QAAJ,CAJM,CAAT;AAMA3C,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIiC,CAAC,KAAKQ,OAAV,EAAmB;AACjBC,MAAAA,UAAU,CAACT,CAAD,CAAV;AACD;AACF,GAJQ,EAIN,CAACA,CAAD,EAAIQ,OAAJ,CAJM,CAAT;AAMAzC,EAAAA,SAAS,CAAC,MAAM;AACd0B,IAAAA,gBAAgB,CAAC,KAAD,CAAhB;AACD,GAFQ,EAEN,EAFM,CAAT;AAIA,MAAM,CAAC0B,KAAD,EAAQC,QAAR,IAAoBtD,QAAQ,CAAY,EAAZ,CAAlC;;AAEA,MAAMuD,gBAAgB,GAAIC,OAAD,IAAqB;AAC5C3B,IAAAA,OAAO,CAAC4B,IAAR,YAAiB1C,QAAjB,cAA6ByC,OAA7B,cAAwCZ,QAAxC;AACD,GAFD;;AAGA,MAAMc,iBAAiB,GAAIC,QAAD,IAAsB;AAC9C9B,IAAAA,OAAO,CAAC4B,IAAR,YAAiB1C,QAAjB,cAA6B2B,OAA7B,cAAwCiB,QAAxC;AACD,GAFD;;AAIA,MAAMC,YAAY,GAAG,MAAM;AACzB/B,IAAAA,OAAO,CAAC4B,IAAR,YAAiB1C,QAAjB,cAA6B6B,QAA7B,cAAyCF,OAAzC;AACD,GAFD;;AAIAzC,EAAAA,SAAS,CAAC,MAAM;AACd2B,IAAAA,OAAO,CAACiC,SAAR,CAAkBrC,KAAK,CAACkB,OAAD,CAAvB,EAAkCoB,IAAlC,CAAwChC,IAAD,IAAUiB,UAAU,CAACjB,IAAI,CAACkB,GAAN,CAA3D;AACD,GAFQ,EAEN,CAACN,OAAD,CAFM,CAAT;AAIAzC,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI2C,QAAQ,IAAIpB,KAAhB,EAAuB;AACrBI,MAAAA,OAAO,CAACiC,SAAR,CAAkBrC,KAAK,CAACoB,QAAD,CAAvB,EAAmCkB,IAAnC,CAAyChC,IAAD,IAAUoB,WAAW,CAACpB,IAAI,CAACkB,GAAN,CAA7D;AACD;AACF,GAJQ,EAIN,CAACJ,QAAD,CAJM,CAAT;AAMA3C,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI6C,OAAO,IAAIG,QAAf,EAAyB;AACvBK,MAAAA,QAAQ,CAAC,CAAC,GAAGrC,SAAS,CAAC6B,OAAD,EAAUG,QAAV,EAAoBE,OAApB,CAAb,CAAD,CAAR;AACD;AACF,GAJQ,EAIN,CAACL,OAAD,EAAUG,QAAV,EAAoBE,OAApB,CAJM,CAAT;;AAMA,MAAMY,mBAAmB,GAAIC,MAAD,IAAuB;AACjD,QAAMC,UAAU,GAAGD,MAAM,IAAI,EAA7B;AACAZ,IAAAA,UAAU,CAACa,UAAD,CAAV;AACD,GAHD;;AAKA,SACE,oBAAC,WAAD,QACE,oBAAC,GAAD,QACE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,WAAT;AAAqB,IAAA,OAAO,EAAC,OAA7B;AAAqC,IAAA,EAAE,EAAC,OAAxC;AAAgD,IAAA,UAAU,EAAC;AAA3D,KACE,oBAAC,QAAD,QACE,oBAAC,KAAD;AAAO,IAAA,OAAO,EAAC;AAAf,YADF,EAEE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,SADL;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,IAAI,EAAC,cAHP;AAIE,IAAA,KAAK,EAAEvB,OAJT;AAKE,IAAA,OAAO,EAAEL,OALX;AAME,IAAA,QAAQ,EAAEkB;AANZ,IAFF,CADF,EAYE,oBAAC,UAAD;AACE,IAAA,KAAK,EAAC,QADR;AAEE,IAAA,IAAI,EAAC,OAFP;AAGE,IAAA,QAAQ,EAAE,CAACb,OAAD,IAAY,CAACE,QAHzB;AAIE,IAAA,IAAI,EAAE,oBAAC,OAAD,OAJR;AAKE,IAAA,EAAE,EAAC,QALL;AAME,IAAA,OAAO,EAAEgB;AANX,IAZF,EAoBE,oBAAC,QAAD,QACE,oBAAC,KAAD;AAAO,IAAA,OAAO,EAAC;AAAf,eADF,EAEE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,SADL;AAEE,IAAA,EAAE,EAAC,SAFL;AAGE,IAAA,IAAI,EAAC,eAHP;AAIE,IAAA,WAAW,EAAC,wBAJd;AAKE,IAAA,KAAK,EAAEhB,QALT;AAME,IAAA,OAAO,EAAEP,OANX;AAOE,IAAA,QAAQ,EAAEqB;AAPZ,IAFF,CApBF,EAgCE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC,GAAf;AAAmB,IAAA,EAAE,EAAC;AAAtB,KACE,oBAAC,KAAD;AAAO,IAAA,OAAO,EAAC;AAAf,0BADF,EAEE,oBAAC,WAAD;AACE,IAAA,EAAE,EAAC,SADL;AAEE,IAAA,EAAE,EAAC,SAFL;AAGE,IAAA,IAAI,EAAC,SAHP;AAIE,IAAA,WAAW,EAAC,oBAJd;AAKE,IAAA,aAAa,EAAEP,OALjB;AAME,IAAA,QAAQ,EAAEY,mBANZ;AAOE,IAAA,OAAO,EAAE3C;AAPX,IAFF,CAhCF,CADF,CADF,EAgDE,oBAAC,OAAD;AACE,IAAA,KAAK,EAAEiC,KADT;AAEE,IAAA,OAAO,EAAEX,OAFX;AAGE,IAAA,QAAQ,EAAEI,OAHZ;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,SAAS,EAAEK;AALb,IAhDF,CADF;AA0DD,CAlIM","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            label=\"switch\"\n            size=\"small\"\n            disabled={!leftKey || !rightKey}\n            icon={<SyncAlt />}\n            mt=\"medium\"\n            onClick={handleSwitch}\n          />\n          <FlexItem>\n            <Label htmlFor=\"compare\">Compare</Label>\n            <Select\n              mt=\"xxsmall\"\n              id=\"compare\"\n              name=\"Right Version\"\n              placeholder=\"Select a comparison...\"\n              value={rightKey}\n              options={options}\n              onChange={handleRightChange}\n            />\n          </FlexItem>\n          <FlexItem flex=\"2\" ml=\"large\">\n            <Label htmlFor=\"options\">Comparison Options</Label>\n            <SelectMulti\n              mt=\"xxsmall\"\n              id=\"options\"\n              name=\"toggles\"\n              placeholder=\"Comparison options\"\n              defaultValues={toggles}\n              onChange={handleTogglesChange}\n              options={diffToggles}\n            />\n          </FlexItem>\n        </Flex>\n      </Box>\n      <DocDiff\n        delta={delta}\n        leftKey={leftKey}\n        leftSpec={leftApi}\n        rightKey={rightKey}\n        rightSpec={rightApi}\n      />\n    </ApixSection>\n  )\n}\n"],"file":"DiffScene.js"}

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

@@ -1,14 +1,14 @@
 import React, { useState, useEffect } from 'react';
-import ReactDiffViewer, { DiffMethod } from 'react-diff-viewer';
 import { useHistory } from 'react-router';
+import ReactDiffViewer, { DiffMethod } from 'react-diff-viewer';
 import styled from 'styled-components';
-import { Accordion2, Box, Card, Grid, Heading } from '@looker/components';
+import { Accordion2, Box, Card, Grid, Heading, Link } from '@looker/components';
 import { useSelector } from 'react-redux';
 import { selectSdkLanguage } from '../../../state';
 import { buildMethodPath } from '../../../utils';
 import { DiffBanner } from './DiffBanner';
 import { differ } from './docDiffUtils';
-var DiffLink = styled(Heading).withConfig({
+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 => {
@@ -36,17 +36,13 @@ export var DiffMethodLink = _ref4 => {
   if (!method) return React.createElement(Heading, {
     as: "h4"
   }, "Missing in ".concat(specKey));
-
-  var handleClick = e => {
-    e.stopPropagation();
-    var tag = method.schema.tags[0];
-    var path = "".concat(buildMethodPath(specKey, tag, method.name));
-    history.push(path);
-  };
-
+  var tag = method.schema.tags[0];
+  var path = "".concat(buildMethodPath(specKey, tag, method.name));
   return React.createElement(DiffLink, {
-    as: "h4",
-    onClick: handleClick
+    role: "link",
+    onClick: () => {
+      history.push(path);
+    }
   }, "".concat(method.name, " for ").concat(specKey));
 };
 export var DiffItem = _ref5 => {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/scenes/DiffScene/DocDiff/DiffItem.tsx"],"names":["React","useState","useEffect","ReactDiffViewer","DiffMethod","useHistory","styled","Accordion2","Box","Card","Grid","Heading","useSelector","selectSdkLanguage","buildMethodPath","DiffBanner","differ","DiffLink","theme","colors","ui5","space","xsmall","large","key","DiffMethodLink","method","specKey","history","handleClick","e","stopPropagation","tag","schema","tags","path","name","push","DiffItem","item","leftKey","leftSpec","rightKey","rightSpec","selectedSdkLanguage","leftMethod","setLeftMethod","methods","rightMethod","setRightMethod","setMethod","isOpen","setIsOpen","leftSide","setLeftSide","rightSide","setRightSide","lhs","rhs","lMethod","rMethod","handleOpen","LINES"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { FC, BaseSyntheticEvent } from 'react'\nimport React, { useState, useEffect } from 'react'\nimport ReactDiffViewer, { DiffMethod } from 'react-diff-viewer'\nimport { useHistory } from 'react-router'\nimport styled from 'styled-components'\nimport { Accordion2, Box, Card, Grid, Heading } 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(Heading)`\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  if (!method) return <Heading as=\"h4\">{`Missing in ${specKey}`}</Heading>\n\n  const handleClick = (e: BaseSyntheticEvent) => {\n    e.stopPropagation()\n    const tag = method.schema.tags[0]\n    const path = `${buildMethodPath(specKey, tag, method.name)}`\n    history.push(path)\n  }\n\n  return (\n    <DiffLink\n      as=\"h4\"\n      onClick={handleClick}\n    >{`${method.name} for ${specKey}`}</DiffLink>\n  )\n}\n\ninterface DiffItemProps {\n  item: DiffRow\n  leftKey: string\n  rightKey: string\n  leftSpec: ApiModel\n  rightSpec: ApiModel\n}\n\nexport const DiffItem: FC<DiffItemProps> = ({\n  item,\n  leftKey,\n  leftSpec,\n  rightKey,\n  rightSpec,\n}) => {\n  const selectedSdkLanguage = useSelector(selectSdkLanguage)\n  const [leftMethod, setLeftMethod] = useState<IMethod | undefined>(\n    leftSpec.methods[item.name]\n  )\n  const [rightMethod, setRightMethod] = useState<IMethod | undefined>(\n    rightSpec.methods[item.name]\n  )\n  const [method, setMethod] = useState<IMethod>((leftMethod || rightMethod)!)\n  const [isOpen, setIsOpen] = useState(false)\n  const [leftSide, setLeftSide] = useState<string>('')\n  const [rightSide, setRightSide] = useState<string>('')\n\n  useEffect(() => {\n    const { lhs, rhs } = differ(item, leftSpec, rightSpec, selectedSdkLanguage)\n    const lMethod = leftSpec.methods[item.name]\n    const rMethod = rightSpec.methods[item.name]\n    setLeftMethod(lMethod)\n    setRightMethod(rMethod)\n    setMethod((lMethod || rMethod)!)\n    setLeftSide(lhs)\n    setRightSide(rhs)\n  }, [leftSpec, rightSpec, isOpen, selectedSdkLanguage])\n\n  const handleOpen = () => {\n    setIsOpen(!isOpen)\n  }\n\n  return (\n    <Card border width=\"100%\">\n      <Accordion2\n        indicatorPosition=\"left\"\n        isOpen={isOpen}\n        toggleOpen={handleOpen}\n        label={<DiffBanner item={item} method={method} />}\n      >\n        <Grid columns={2}>\n          <Box>\n            <DiffMethodLink method={leftMethod} specKey={leftKey} />\n          </Box>\n          <Box>\n            <DiffMethodLink method={rightMethod} specKey={rightKey} />\n          </Box>\n        </Grid>\n        <ReactDiffViewer\n          oldValue={leftSide}\n          newValue={rightSide}\n          splitView={true}\n          compareMethod={DiffMethod.LINES}\n          showDiffOnly={true}\n        />\n      </Accordion2>\n    </Card>\n  )\n}\n"],"file":"DiffItem.js"}
+{"version":3,"sources":["../../../../../src/scenes/DiffScene/DocDiff/DiffItem.tsx"],"names":["React","useState","useEffect","useHistory","ReactDiffViewer","DiffMethod","styled","Accordion2","Box","Card","Grid","Heading","Link","useSelector","selectSdkLanguage","buildMethodPath","DiffBanner","differ","DiffLink","theme","colors","ui5","space","xsmall","large","key","DiffMethodLink","method","specKey","history","tag","schema","tags","path","name","push","DiffItem","item","leftKey","leftSpec","rightKey","rightSpec","selectedSdkLanguage","leftMethod","setLeftMethod","methods","rightMethod","setRightMethod","setMethod","isOpen","setIsOpen","leftSide","setLeftSide","rightSide","setRightSide","lhs","rhs","lMethod","rMethod","handleOpen","LINES"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { FC } from 'react'\nimport React, { useState, useEffect } from 'react'\nimport { 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"}

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

@@ -22,8 +22,8 @@ export var DocDiff = _ref => {
   }, "".concat(delta.length, " differences between ").concat(leftKey, " and ").concat(rightKey))), React.createElement(SpaceVertical, {
     mt: "large",
     gap: "xxsmall"
-  }, pageItemData.map(item => React.createElement(DiffItem, {
-    key: item.id,
+  }, pageItemData.map((item, index) => React.createElement(DiffItem, {
+    key: index,
     item: item,
     leftKey: leftKey,
     leftSpec: leftSpec,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/scenes/DiffScene/DocDiff/DocDiff.tsx"],"names":["Flex","Heading","Pagination","Space","SpaceVertical","Text","React","useState","DiffItem","DocDiff","delta","leftKey","leftSpec","rightKey","rightSpec","pageSize","page","setPage","length","pageCount","Math","round","pageItemData","slice","map","item","id","nextPage"],"mappings":"AA0BA,SACEA,IADF,EAEEC,OAFF,EAGEC,UAHF,EAIEC,KAJF,EAKEC,aALF,EAMEC,IANF,QAOO,oBAPP;AASA,OAAOC,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,QAAT,QAAyB,YAAzB;AAiBA,OAAO,IAAMC,OAAyB,GAAG,QAOnC;AAAA,MAPoC;AACxCC,IAAAA,KADwC;AAExCC,IAAAA,OAFwC;AAGxCC,IAAAA,QAHwC;AAIxCC,IAAAA,QAJwC;AAKxCC,IAAAA,SALwC;AAMxCC,IAAAA,QAAQ,GAAG;AAN6B,GAOpC;AACJ,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkBV,QAAQ,CAAC,CAAD,CAAhC;AAEA,MAAIG,KAAK,CAACQ,MAAN,KAAiB,CAArB,EAAwB,OAAO,oBAAC,IAAD,QAAO,sBAAP,CAAP;AAExB,MAAMC,SAAS,GAAGC,IAAI,CAACC,KAAL,CAAW,CAACX,KAAK,CAACQ,MAAN,GAAe,CAAhB,IAAqBH,QAAhC,CAAlB;AAEA,MAAMO,YAAY,GAAGZ,KAAK,CAACa,KAAN,CACnB,CAACP,IAAI,GAAG,CAAR,IAAaD,QAAb,GAAwB,CADL,EAEnBC,IAAI,GAAGD,QAAP,GAAkB,CAFC,CAArB;AAKA,SACE,0CACGL,KAAK,CAACQ,MAAN,KAAiB,CAAjB,GACC,oBAAC,IAAD,QAAO,sBAAP,CADD,GAGC,oBAAC,IAAD;AAAM,IAAA,aAAa,EAAC,QAApB;AAA6B,IAAA,UAAU,EAAC;AAAxC,KACE,oBAAC,KAAD,QACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC;AAAZ,eAAqBR,KAAK,CAACQ,MAA3B,kCAAyDP,OAAzD,kBAAwEE,QAAxE,EADF,CADF,EAIE,oBAAC,aAAD;AAAe,IAAA,EAAE,EAAC,OAAlB;AAA0B,IAAA,GAAG,EAAC;AAA9B,KACGS,YAAY,CAACE,GAAb,CAAkBC,IAAD,IAChB,oBAAC,QAAD;AACE,IAAA,GAAG,EAAEA,IAAI,CAACC,EADZ;AAEE,IAAA,IAAI,EAAED,IAFR;AAGE,IAAA,OAAO,EAAEd,OAHX;AAIE,IAAA,QAAQ,EAAEC,QAJZ;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAME,IAAA,SAAS,EAAEC;AANb,IADD,CADH,CAJF,EAgBE,oBAAC,UAAD;AACE,IAAA,OAAO,EAAEE,IADX;AAEE,IAAA,KAAK,EAAEG,SAFT;AAGE,IAAA,QAAQ,EAAGQ,QAAD,IAAc;AACtBV,MAAAA,OAAO,CAACU,QAAD,CAAP;AACD;AALH,IAhBF,CAJJ,CADF;AAgCD,CAnDM","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { ApiModel, DiffRow } from '@looker/sdk-codegen'\nimport {\n  Flex,\n  Heading,\n  Pagination,\n  Space,\n  SpaceVertical,\n  Text,\n} from '@looker/components'\nimport type { FC } from 'react'\nimport React, { useState } from 'react'\nimport { DiffItem } from './DiffItem'\n\nexport interface DocDiffProps {\n  /** Using delta because IntelliJ has bugs with 'diff' in a react app */\n  delta: DiffRow[]\n  /** Left side specKey */\n  leftKey: string\n  /** Left side spec */\n  leftSpec: ApiModel\n  /** Right side specKey */\n  rightKey: string\n  /** Right side spec */\n  rightSpec: ApiModel\n  /** Number of rows per page. Defaults to 15 */\n  pageSize?: number\n}\n\nexport const DocDiff: FC<DocDiffProps> = ({\n  delta,\n  leftKey,\n  leftSpec,\n  rightKey,\n  rightSpec,\n  pageSize = 15,\n}) => {\n  const [page, setPage] = useState(1)\n\n  if (delta.length === 0) return <Text>{'No differences found'}</Text>\n\n  const pageCount = Math.round((delta.length - 1) / pageSize)\n  // The +1 is to skip the header row\n  const pageItemData = delta.slice(\n    (page - 1) * pageSize + 1,\n    page * pageSize + 1\n  )\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.id}\n                item={item}\n                leftKey={leftKey}\n                leftSpec={leftSpec}\n                rightKey={rightKey}\n                rightSpec={rightSpec}\n              />\n            ))}\n          </SpaceVertical>\n          <Pagination\n            current={page}\n            pages={pageCount}\n            onChange={(nextPage) => {\n              setPage(nextPage)\n            }}\n          />\n        </Flex>\n      )}\n    </>\n  )\n}\n"],"file":"DocDiff.js"}
+{"version":3,"sources":["../../../../../src/scenes/DiffScene/DocDiff/DocDiff.tsx"],"names":["Flex","Heading","Pagination","Space","SpaceVertical","Text","React","useState","DiffItem","DocDiff","delta","leftKey","leftSpec","rightKey","rightSpec","pageSize","page","setPage","length","pageCount","Math","round","pageItemData","slice","map","item","index","nextPage"],"mappings":"AA0BA,SACEA,IADF,EAEEC,OAFF,EAGEC,UAHF,EAIEC,KAJF,EAKEC,aALF,EAMEC,IANF,QAOO,oBAPP;AASA,OAAOC,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,QAAT,QAAyB,YAAzB;AAiBA,OAAO,IAAMC,OAAyB,GAAG,QAOnC;AAAA,MAPoC;AACxCC,IAAAA,KADwC;AAExCC,IAAAA,OAFwC;AAGxCC,IAAAA,QAHwC;AAIxCC,IAAAA,QAJwC;AAKxCC,IAAAA,SALwC;AAMxCC,IAAAA,QAAQ,GAAG;AAN6B,GAOpC;AACJ,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkBV,QAAQ,CAAC,CAAD,CAAhC;AAEA,MAAIG,KAAK,CAACQ,MAAN,KAAiB,CAArB,EAAwB,OAAO,oBAAC,IAAD,QAAO,sBAAP,CAAP;AAExB,MAAMC,SAAS,GAAGC,IAAI,CAACC,KAAL,CAAW,CAACX,KAAK,CAACQ,MAAN,GAAe,CAAhB,IAAqBH,QAAhC,CAAlB;AAEA,MAAMO,YAAY,GAAGZ,KAAK,CAACa,KAAN,CACnB,CAACP,IAAI,GAAG,CAAR,IAAaD,QAAb,GAAwB,CADL,EAEnBC,IAAI,GAAGD,QAAP,GAAkB,CAFC,CAArB;AAKA,SACE,0CACGL,KAAK,CAACQ,MAAN,KAAiB,CAAjB,GACC,oBAAC,IAAD,QAAO,sBAAP,CADD,GAGC,oBAAC,IAAD;AAAM,IAAA,aAAa,EAAC,QAApB;AAA6B,IAAA,UAAU,EAAC;AAAxC,KACE,oBAAC,KAAD,QACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC;AAAZ,eAAqBR,KAAK,CAACQ,MAA3B,kCAAyDP,OAAzD,kBAAwEE,QAAxE,EADF,CADF,EAIE,oBAAC,aAAD;AAAe,IAAA,EAAE,EAAC,OAAlB;AAA0B,IAAA,GAAG,EAAC;AAA9B,KACGS,YAAY,CAACE,GAAb,CAAiB,CAACC,IAAD,EAAOC,KAAP,KAChB,oBAAC,QAAD;AACE,IAAA,GAAG,EAAEA,KADP;AAEE,IAAA,IAAI,EAAED,IAFR;AAGE,IAAA,OAAO,EAAEd,OAHX;AAIE,IAAA,QAAQ,EAAEC,QAJZ;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAME,IAAA,SAAS,EAAEC;AANb,IADD,CADH,CAJF,EAgBE,oBAAC,UAAD;AACE,IAAA,OAAO,EAAEE,IADX;AAEE,IAAA,KAAK,EAAEG,SAFT;AAGE,IAAA,QAAQ,EAAGQ,QAAD,IAAc;AACtBV,MAAAA,OAAO,CAACU,QAAD,CAAP;AACD;AALH,IAhBF,CAJJ,CADF;AAgCD,CAnDM","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { ApiModel, DiffRow } from '@looker/sdk-codegen'\nimport {\n  Flex,\n  Heading,\n  Pagination,\n  Space,\n  SpaceVertical,\n  Text,\n} from '@looker/components'\nimport type { FC } from 'react'\nimport React, { useState } from 'react'\nimport { DiffItem } from './DiffItem'\n\nexport interface DocDiffProps {\n  /** Using delta because IntelliJ has bugs with 'diff' in a react app */\n  delta: DiffRow[]\n  /** Left side specKey */\n  leftKey: string\n  /** Left side spec */\n  leftSpec: ApiModel\n  /** Right side specKey */\n  rightKey: string\n  /** Right side spec */\n  rightSpec: ApiModel\n  /** Number of rows per page. Defaults to 15 */\n  pageSize?: number\n}\n\nexport const DocDiff: FC<DocDiffProps> = ({\n  delta,\n  leftKey,\n  leftSpec,\n  rightKey,\n  rightSpec,\n  pageSize = 15,\n}) => {\n  const [page, setPage] = useState(1)\n\n  if (delta.length === 0) return <Text>{'No differences found'}</Text>\n\n  const pageCount = Math.round((delta.length - 1) / pageSize)\n  // The +1 is to skip the header row\n  const pageItemData = delta.slice(\n    (page - 1) * pageSize + 1,\n    page * pageSize + 1\n  )\n\n  return (\n    <>\n      {delta.length === 0 ? (\n        <Text>{'No differences found'}</Text>\n      ) : (\n        <Flex flexDirection=\"column\" alignItems=\"center\">\n          <Space>\n            <Heading as=\"h2\">{`${delta.length} differences between ${leftKey} and ${rightKey}`}</Heading>\n          </Space>\n          <SpaceVertical mt=\"large\" gap=\"xxsmall\">\n            {pageItemData.map((item, index) => (\n              <DiffItem\n                key={index}\n                item={item}\n                leftKey={leftKey}\n                leftSpec={leftSpec}\n                rightKey={rightKey}\n                rightSpec={rightSpec}\n              />\n            ))}\n          </SpaceVertical>\n          <Pagination\n            current={page}\n            pages={pageCount}\n            onChange={(nextPage) => {\n              setPage(nextPage)\n            }}\n          />\n        </Flex>\n      )}\n    </>\n  )\n}\n"],"file":"DocDiff.js"}

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

@@ -2,20 +2,21 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
-import React, { useContext, useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Aside, Button, ButtonOutline, Space, useToggle, ExtendComponentsThemeProvider } from '@looker/components';
 import { Beaker } from '@looker/icons';
 import { useHistory, useParams } from 'react-router-dom';
-import { RunIt, RunItContext, RunItFormKey } from '@looker/run-it';
+import { RunIt, RunItFormKey } from '@looker/run-it';
 import { typeRefs } from '@looker/sdk-codegen';
 import { useSelector } from 'react-redux';
+import { getApixAdaptor } from '../../utils';
 import { ApixSection, DocActivityType, DocMarkdown, DocRateLimited, DocReferences, DocResponses, DocSDKs, DocSdkUsage, DocSource, DocStatus, DocTitle, DocSchema } from '../../components';
 import { selectSdkLanguage } from '../../state';
 import { DocOperation, DocRequestBody } from './components';
 
 var showRunIt = function () {
-  var _ref = _asyncToGenerator(function* (envAdaptor) {
-    var data = yield envAdaptor.localStorageGetItem(RunItFormKey);
+  var _ref = _asyncToGenerator(function* (adaptor) {
+    var data = yield adaptor.localStorageGetItem(RunItFormKey);
     return !!data;
   });
 
@@ -26,14 +27,10 @@ var showRunIt = function () {
 
 export var MethodScene = _ref2 => {
   var {
-    api,
-    envAdaptor,
-    setVersionsUrl
+    api
   } = _ref2;
+  var adaptor = getApixAdaptor();
   var history = useHistory();
-  var {
-    sdk
-  } = useContext(RunItContext);
   var sdkLanguage = useSelector(selectSdkLanguage);
   var {
     specKey,
@@ -65,7 +62,7 @@ export var MethodScene = _ref2 => {
     var checkRunIt = function () {
       var _ref3 = _asyncToGenerator(function* () {
         try {
-          var show = yield showRunIt(envAdaptor);
+          var show = yield showRunIt(adaptor);
 
           if (show) {
             setOn();
@@ -81,7 +78,7 @@ export var MethodScene = _ref2 => {
     }();
 
     checkRunIt();
-  }, [envAdaptor, setOn]);
+  }, [adaptor, setOn]);
   var runItToggle = React.createElement(RunItButton, {
     color: value ? 'key' : 'neutral',
     iconBefore: React.createElement(Beaker, null),
@@ -122,7 +119,7 @@ export var MethodScene = _ref2 => {
     responses: method.responses
   }), React.createElement(DocSchema, {
     object: method.schema
-  })), sdk && value && React.createElement(Aside, {
+  })), value && React.createElement(Aside, {
     width: "50rem"
   }, React.createElement(ExtendComponentsThemeProvider, {
     themeCustomizations: {
@@ -135,11 +132,11 @@ export var MethodScene = _ref2 => {
       }
     }
   }, React.createElement(RunIt, {
+    adaptor: adaptor,
     key: method.operationId,
     sdkLanguage: sdkLanguage,
     api: api,
-    method: method,
-    setVersionsUrl: setVersionsUrl
+    method: method
   }))));
 };
 //# sourceMappingURL=MethodScene.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/scenes/MethodScene/MethodScene.tsx"],"names":["React","useContext","useState","useEffect","Aside","Button","ButtonOutline","Space","useToggle","ExtendComponentsThemeProvider","Beaker","useHistory","useParams","RunIt","RunItContext","RunItFormKey","typeRefs","useSelector","ApixSection","DocActivityType","DocMarkdown","DocRateLimited","DocReferences","DocResponses","DocSDKs","DocSdkUsage","DocSource","DocStatus","DocTitle","DocSchema","selectSdkLanguage","DocOperation","DocRequestBody","showRunIt","envAdaptor","data","localStorageGetItem","MethodScene","api","setVersionsUrl","history","sdk","sdkLanguage","specKey","methodTag","methodName","value","toggle","setOn","method","setMethod","methods","seeTypes","customTypes","RunItButton","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, { useContext, 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 type { RunItSetter } from '@looker/run-it'\nimport { RunIt, RunItContext, RunItFormKey } from '@looker/run-it'\nimport type { ApiModel } from '@looker/sdk-codegen'\nimport { typeRefs } from '@looker/sdk-codegen'\nimport { useSelector } from 'react-redux'\n\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 type { IApixEnvAdaptor } from '../../utils'\nimport { DocOperation, DocRequestBody } from './components'\n\ninterface MethodSceneProps {\n  api: ApiModel\n  envAdaptor: IApixEnvAdaptor\n  setVersionsUrl: RunItSetter\n}\n\ninterface MethodSceneParams {\n  methodName: string\n  methodTag: string\n  specKey: string\n}\n\nconst showRunIt = async (envAdaptor: IApixEnvAdaptor) => {\n  const data = await envAdaptor.localStorageGetItem(RunItFormKey)\n  return !!data\n}\n\nexport const MethodScene: FC<MethodSceneProps> = ({\n  api,\n  envAdaptor,\n  setVersionsUrl,\n}) => {\n  const history = useHistory()\n  const { sdk } = useContext(RunItContext)\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(envAdaptor)\n        if (show) {\n          setOn()\n        }\n      } catch (error) {\n        console.error(error)\n      }\n    }\n    checkRunIt()\n  }, [envAdaptor, 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      {sdk && 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              key={method.operationId}\n              sdkLanguage={sdkLanguage}\n              api={api}\n              method={method}\n              setVersionsUrl={setVersionsUrl}\n            />\n          </ExtendComponentsThemeProvider>\n        </Aside>\n      )}\n    </>\n  )\n}\n"],"file":"MethodScene.js"}
+{"version":3,"sources":["../../../../src/scenes/MethodScene/MethodScene.tsx"],"names":["React","useState","useEffect","Aside","Button","ButtonOutline","Space","useToggle","ExtendComponentsThemeProvider","Beaker","useHistory","useParams","RunIt","RunItFormKey","typeRefs","useSelector","getApixAdaptor","ApixSection","DocActivityType","DocMarkdown","DocRateLimited","DocReferences","DocResponses","DocSDKs","DocSdkUsage","DocSource","DocStatus","DocTitle","DocSchema","selectSdkLanguage","DocOperation","DocRequestBody","showRunIt","adaptor","data","localStorageGetItem","MethodScene","api","history","sdkLanguage","specKey","methodTag","methodName","value","toggle","setOn","method","setMethod","methods","seeTypes","customTypes","RunItButton","foundMethod","tags","push","checkRunIt","show","error","console","runItToggle","summary","description","responses","schema","colors","background","key","text","link","critical","operationId"],"mappings":";;;;AA2BA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AACA,SACEC,KADF,EAEEC,MAFF,EAGEC,aAHF,EAIEC,KAJF,EAKEC,SALF,EAMEC,6BANF,QAOO,oBAPP;AAQA,SAASC,MAAT,QAAuB,eAAvB;AACA,SAASC,UAAT,EAAqBC,SAArB,QAAsC,kBAAtC;AACA,SAASC,KAAT,EAAgBC,YAAhB,QAAoC,gBAApC;AAEA,SAASC,QAAT,QAAyB,qBAAzB;AACA,SAASC,WAAT,QAA4B,aAA5B;AAGA,SAASC,cAAT,QAA+B,aAA/B;AACA,SACEC,WADF,EAEEC,eAFF,EAGEC,WAHF,EAIEC,cAJF,EAKEC,aALF,EAMEC,YANF,EAOEC,OAPF,EAQEC,WARF,EASEC,SATF,EAUEC,SAVF,EAWEC,QAXF,EAYEC,SAZF,QAaO,kBAbP;AAcA,SAASC,iBAAT,QAAkC,aAAlC;AACA,SAASC,YAAT,EAAuBC,cAAvB,QAA6C,cAA7C;;AAYA,IAAMC,SAAS;AAAA,+BAAG,WAAOC,OAAP,EAAwC;AACxD,QAAMC,IAAI,SAASD,OAAO,CAACE,mBAAR,CAA4BtB,YAA5B,CAAnB;AACA,WAAO,CAAC,CAACqB,IAAT;AACD,GAHc;;AAAA,kBAATF,SAAS;AAAA;AAAA;AAAA,GAAf;;AAKA,OAAO,IAAMI,WAAiC,GAAG,SAAa;AAAA,MAAZ;AAAEC,IAAAA;AAAF,GAAY;AAC5D,MAAMJ,OAAO,GAAGjB,cAAc,EAA9B;AACA,MAAMsB,OAAO,GAAG5B,UAAU,EAA1B;AACA,MAAM6B,WAAW,GAAGxB,WAAW,CAACc,iBAAD,CAA/B;AACA,MAAM;AAAEW,IAAAA,OAAF;AAAWC,IAAAA,SAAX;AAAsBC,IAAAA;AAAtB,MAAqC/B,SAAS,EAApD;AACA,MAAM;AAAEgC,IAAAA,KAAF;AAASC,IAAAA,MAAT;AAAiBC,IAAAA;AAAjB,MAA2BtC,SAAS,EAA1C;AACA,MAAM,CAACuC,MAAD,EAASC,SAAT,IAAsB9C,QAAQ,CAACoC,GAAG,CAACW,OAAJ,CAAYN,UAAZ,CAAD,CAApC;AACA,MAAMO,QAAQ,GAAGnC,QAAQ,CAACuB,GAAD,EAAMS,MAAN,aAAMA,MAAN,uBAAMA,MAAM,CAAEI,WAAd,CAAzB;AAEA,MAAMC,WAAW,GAAGR,KAAK,GAAGvC,MAAH,GAAYC,aAArC;AAEAH,EAAAA,SAAS,CAAC,MAAM;AACd,QAAMkD,WAAW,GAAGf,GAAG,CAACW,OAAJ,CAAYN,UAAZ,CAApB;;AACA,QAAIU,WAAJ,EAAiB;AACfL,MAAAA,SAAS,CAACV,GAAG,CAACW,OAAJ,CAAYN,UAAZ,CAAD,CAAT;AACD,KAFD,MAEO;AAEL,UAAIL,GAAG,CAACgB,IAAJ,CAASZ,SAAT,CAAJ,EAAyB;AAEvBH,QAAAA,OAAO,CAACgB,IAAR,YAAiBd,OAAjB,sBAAoCC,SAApC;AACD,OAHD,MAGO;AACLH,QAAAA,OAAO,CAACgB,IAAR,YAAiBd,OAAjB;AACD;AACF;AACF,GAbQ,EAaN,CAACH,GAAD,EAAMC,OAAN,EAAeI,UAAf,EAA2BD,SAA3B,EAAsCD,OAAtC,CAbM,CAAT;AAeAtC,EAAAA,SAAS,CAAC,MAAM;AACd,QAAMqD,UAAU;AAAA,oCAAG,aAAY;AAC7B,YAAI;AACF,cAAMC,IAAI,SAASxB,SAAS,CAACC,OAAD,CAA5B;;AACA,cAAIuB,IAAJ,EAAU;AACRX,YAAAA,KAAK;AACN;AACF,SALD,CAKE,OAAOY,KAAP,EAAc;AACdC,UAAAA,OAAO,CAACD,KAAR,CAAcA,KAAd;AACD;AACF,OATe;;AAAA,sBAAVF,UAAU;AAAA;AAAA;AAAA,OAAhB;;AAUAA,IAAAA,UAAU;AACX,GAZQ,EAYN,CAACtB,OAAD,EAAUY,KAAV,CAZM,CAAT;AAcA,MAAMc,WAAW,GACf,oBAAC,WAAD;AACE,IAAA,KAAK,EAAEhB,KAAK,GAAG,KAAH,GAAW,SADzB;AAEE,IAAA,UAAU,EAAE,oBAAC,MAAD,OAFd;AAGE,IAAA,OAAO,EAAEC;AAHX,cADF;AAUA,SACE,0CACGE,MAAM,IACL,oBAAC,WAAD,QACE,oBAAC,KAAD;AAAO,IAAA,OAAO;AAAd,KACE,oBAAC,KAAD,QACE,oBAAC,QAAD,QAAWA,MAAM,CAACc,OAAlB,CADF,EAEE,oBAAC,SAAD;AAAW,IAAA,MAAM,EAAEd;AAAnB,IAFF,CADF,EAKGa,WALH,CADF,EAQE,oBAAC,KAAD;AAAO,IAAA,EAAE,EAAC,OAAV;AAAkB,IAAA,GAAG,EAAC;AAAtB,KACE,oBAAC,SAAD;AAAW,IAAA,MAAM,EAAEb;AAAnB,IADF,EAEE,oBAAC,eAAD;AAAiB,IAAA,MAAM,EAAEA;AAAzB,IAFF,EAGE,oBAAC,cAAD;AAAgB,IAAA,MAAM,EAAEA;AAAxB,IAHF,CARF,EAaE,oBAAC,YAAD;AAAc,IAAA,MAAM,EAAEA;AAAtB,IAbF,EAcE,oBAAC,WAAD;AAAa,IAAA,MAAM,EAAEA,MAAM,CAACe,WAA5B;AAAyC,IAAA,OAAO,EAAErB;AAAlD,IAdF,EAeE,oBAAC,OAAD;AAAS,IAAA,GAAG,EAAEH,GAAd;AAAmB,IAAA,MAAM,EAAES;AAA3B,IAfF,EAgBE,oBAAC,cAAD;AAAgB,IAAA,GAAG,EAAET,GAArB;AAA0B,IAAA,MAAM,EAAES;AAAlC,IAhBF,EAiBE,oBAAC,WAAD;AAAa,IAAA,MAAM,EAAEA;AAArB,IAjBF,EAkBE,oBAAC,aAAD;AAAe,IAAA,SAAS,EAAEG,QAA1B;AAAoC,IAAA,GAAG,EAAEZ,GAAzC;AAA8C,IAAA,OAAO,EAAEG;AAAvD,IAlBF,EAmBE,oBAAC,YAAD;AAAc,IAAA,GAAG,EAAEH,GAAnB;AAAwB,IAAA,SAAS,EAAES,MAAM,CAACgB;AAA1C,IAnBF,EAoBE,oBAAC,SAAD;AAAW,IAAA,MAAM,EAAEhB,MAAM,CAACiB;AAA1B,IApBF,CAFJ,EAyBGpB,KAAK,IACJ,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAC;AAAb,KACE,oBAAC,6BAAD;AACE,IAAA,mBAAmB,EAAE;AACnBqB,MAAAA,MAAM,EAAE;AACNC,QAAAA,UAAU,EAAE,SADN;AAENC,QAAAA,GAAG,EAAE,SAFC;AAGNC,QAAAA,IAAI,EAAE,MAHA;AAINC,QAAAA,IAAI,EAAE,SAJA;AAKNC,QAAAA,QAAQ,EAAE;AALJ;AADW;AADvB,KAWE,oBAAC,KAAD;AACE,IAAA,OAAO,EAAEpC,OADX;AAEE,IAAA,GAAG,EAAEa,MAAM,CAACwB,WAFd;AAGE,IAAA,WAAW,EAAE/B,WAHf;AAIE,IAAA,GAAG,EAAEF,GAJP;AAKE,IAAA,MAAM,EAAES;AALV,IAXF,CADF,CA1BJ,CADF;AAmDD,CArGM","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"}

package/lib/esm/state/index.js

@@ -1,3 +1,5 @@
 export * from './store';
 export * from './settings';
+export * from './lodes';
+export * from './specs';
 //# sourceMappingURL=index.js.map

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

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

package/lib/esm/state/lodes/index.js

@@ -0,0 +1,3 @@
+export * from './selectors';
+export * from './slice';
+//# sourceMappingURL=index.js.map

package/lib/{test-utils/envAdaptor.js.map → esm/state/lodes/index.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/test-utils/envAdaptor.ts"],"names":["registerTestEnvAdaptor","envAdaptor","StandaloneEnvAdaptor"],"mappings":";;;;;;;AA0BA;;AAEO,IAAMA,sBAAsB,GAAIC,UAAD,IAAkC;AACtE,iCAAmBA,UAAU,IAAI,IAAIC,2BAAJ,EAAjC;AACD,CAFM","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { IApixEnvAdaptor } from '../utils'\nimport { registerEnvAdaptor, StandaloneEnvAdaptor } from '../utils'\n\nexport const registerTestEnvAdaptor = (envAdaptor?: IApixEnvAdaptor) => {\n  registerEnvAdaptor(envAdaptor || new StandaloneEnvAdaptor())\n}\n"],"file":"envAdaptor.js"}
+{"version":3,"sources":["../../../../src/state/lodes/index.ts"],"names":[],"mappings":"AAyBA,cAAc,aAAd;AACA,cAAc,SAAd","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nexport * from './selectors'\nexport * from './slice'\n"],"file":"index.js"}

package/lib/esm/state/lodes/sagas.js

@@ -0,0 +1,25 @@
+import { call, put, takeEvery } from 'typed-redux-saga';
+import { getLoded } from '../../utils';
+import { lodeActions } from './slice';
+
+function* initSaga(action) {
+  var {
+    initLodesSuccessAction,
+    initLodesFailureAction
+  } = lodeActions;
+
+  try {
+    var lode = yield* call(getLoded, action.payload.examplesLodeUrl, action.payload.declarationsLodeUrl);
+    yield* put(initLodesSuccessAction(lode));
+  } catch (error) {
+    yield* put(initLodesFailureAction(error));
+  }
+}
+
+export function* saga() {
+  var {
+    initLodesAction
+  } = lodeActions;
+  yield* takeEvery(initLodesAction, initSaga);
+}
+//# sourceMappingURL=sagas.js.map

package/lib/esm/state/lodes/sagas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/lodes/sagas.ts"],"names":["call","put","takeEvery","getLoded","lodeActions","initSaga","action","initLodesSuccessAction","initLodesFailureAction","lode","payload","examplesLodeUrl","declarationsLodeUrl","error","saga","initLodesAction"],"mappings":"AAyBA,SAASA,IAAT,EAAeC,GAAf,EAAoBC,SAApB,QAAqC,kBAArC;AAGA,SAASC,QAAT,QAAyB,aAAzB;AAEA,SAASC,WAAT,QAA4B,SAA5B;;AAEA,UAAUC,QAAV,CAAmBC,MAAnB,EAAuD;AACrD,MAAM;AAAEC,IAAAA,sBAAF;AAA0BC,IAAAA;AAA1B,MAAqDJ,WAA3D;;AACA,MAAI;AACF,QAAMK,IAAI,GAAG,OAAOT,IAAI,CACtBG,QADsB,EAEtBG,MAAM,CAACI,OAAP,CAAeC,eAFO,EAGtBL,MAAM,CAACI,OAAP,CAAeE,mBAHO,CAAxB;AAKA,WAAOX,GAAG,CAACM,sBAAsB,CAACE,IAAD,CAAvB,CAAV;AACD,GAPD,CAOE,OAAOI,KAAP,EAAmB;AACnB,WAAOZ,GAAG,CAACO,sBAAsB,CAACK,KAAD,CAAvB,CAAV;AACD;AACF;;AAED,OAAO,UAAUC,IAAV,GAAiB;AACtB,MAAM;AAAEC,IAAAA;AAAF,MAAsBX,WAA5B;AAEA,SAAOF,SAAS,CAACa,eAAD,EAAkBV,QAAlB,CAAhB;AACD","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 { call, put, takeEvery } from 'typed-redux-saga'\nimport type { PayloadAction } from '@reduxjs/toolkit'\n\nimport { getLoded } from '../../utils'\nimport type { InitPayload } from './slice'\nimport { lodeActions } from './slice'\n\nfunction* initSaga(action: PayloadAction<InitPayload>) {\n  const { initLodesSuccessAction, initLodesFailureAction } = lodeActions\n  try {\n    const lode = yield* call(\n      getLoded,\n      action.payload.examplesLodeUrl,\n      action.payload.declarationsLodeUrl\n    )\n    yield* put(initLodesSuccessAction(lode))\n  } catch (error: any) {\n    yield* put(initLodesFailureAction(error))\n  }\n}\n\nexport function* saga() {\n  const { initLodesAction } = lodeActions\n\n  yield* takeEvery(initLodesAction, initSaga)\n}\n"],"file":"sagas.js"}

package/lib/esm/state/lodes/selectors.js

@@ -0,0 +1,5 @@
+var selectLodeState = state => state.lodes;
+
+export var selectExamplesLode = state => selectLodeState(state).examples;
+export var selectDeclarationsLode = state => selectLodeState(state).declarations;
+//# sourceMappingURL=selectors.js.map