@looker/run-it 0.9.43-alpha.1650 → 0.9.43

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

@@ -1,3 +1,20 @@
-export { getGenerators } from './callUtils';
-export { DocSdkCalls } from './DocSdkCalls';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DocSdkCalls", {
+  enumerable: true,
+  get: function get() {
+    return _DocSdkCalls.DocSdkCalls;
+  }
+});
+Object.defineProperty(exports, "getGenerators", {
+  enumerable: true,
+  get: function get() {
+    return _callUtils.getGenerators;
+  }
+});
+var _callUtils = require("./callUtils");
+var _DocSdkCalls = require("./DocSdkCalls");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DocSdkCalls/index.ts"],"names":["getGenerators","DocSdkCalls"],"mappings":"AA0BA,SAASA,aAAT,QAA8B,aAA9B;AACA,SAASC,WAAT,QAA4B,eAA5B","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\nexport { getGenerators } from './callUtils'\nexport { DocSdkCalls } from './DocSdkCalls'\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/DocSdkCalls/index.ts"],"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\nexport { getGenerators } from './callUtils'\nexport { DocSdkCalls } from './DocSdkCalls'\n"],"mappings":";;;;;;;;;;;;;;;;;AA0BA;AACA"}

package/lib/esm/components/Loading/Loading.js

@@ -1,16 +1,24 @@
-import React from 'react';
-import { Space, ProgressCircular, Text } from '@looker/components';
-export var Loading = _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Loading = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _components = require("@looker/components");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var Loading = _ref => {
   var {
     loading,
     message = 'Loading ...'
   } = _ref;
-  return React.createElement(React.Fragment, null, loading && React.createElement(Space, {
+  return _react.default.createElement(_react.default.Fragment, null, loading && _react.default.createElement(_components.Space, {
     gap: "small"
-  }, React.createElement(ProgressCircular, {
+  }, _react.default.createElement(_components.ProgressCircular, {
     size: "small"
-  }), React.createElement(Text, {
+  }), _react.default.createElement(_components.Text, {
     color: "text"
   }, message)));
 };
+exports.Loading = Loading;
 //# sourceMappingURL=Loading.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Loading/Loading.tsx"],"names":["React","Space","ProgressCircular","Text","Loading","loading","message"],"mappings":"AA2BA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,gBAAhB,EAAkCC,IAAlC,QAA8C,oBAA9C;AAOA,OAAO,IAAMC,OAAyB,GAAG;AAAA,MAAC;AACxCC,IAAAA,OADwC;AAExCC,IAAAA,OAAO,GAAG;AAF8B,GAAD;AAAA,SAIvC,0CACGD,OAAO,IACN,oBAAC,KAAD;AAAO,IAAA,GAAG,EAAC;AAAX,KACE,oBAAC,gBAAD;AAAkB,IAAA,IAAI,EAAC;AAAvB,IADF,EAEE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAC;AAAZ,KAAoBC,OAApB,CAFF,CAFJ,CAJuC;AAAA,CAAlC","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React from 'react'\nimport { Space, ProgressCircular, Text } from '@looker/components'\n\ninterface LoadingProps {\n  loading: boolean\n  message?: string\n}\n\nexport const Loading: FC<LoadingProps> = ({\n  loading,\n  message = 'Loading ...',\n}) => (\n  <>\n    {loading && (\n      <Space gap=\"small\">\n        <ProgressCircular size=\"small\" />\n        <Text color=\"text\">{message}</Text>\n      </Space>\n    )}\n  </>\n)\n"],"file":"Loading.js"}
+{"version":3,"file":"Loading.js","names":["Loading","loading","message"],"sources":["../../../../src/components/Loading/Loading.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 from 'react'\nimport { Space, ProgressCircular, Text } from '@looker/components'\n\ninterface LoadingProps {\n  loading: boolean\n  message?: string\n}\n\nexport const Loading: FC<LoadingProps> = ({\n  loading,\n  message = 'Loading ...',\n}) => (\n  <>\n    {loading && (\n      <Space gap=\"small\">\n        <ProgressCircular size=\"small\" />\n        <Text color=\"text\">{message}</Text>\n      </Space>\n    )}\n  </>\n)\n"],"mappings":";;;;;;AA2BA;AACA;AAAkE;AAO3D,IAAMA,OAAyB,GAAG;EAAA,IAAC;IACxCC,OAAO;IACPC,OAAO,GAAG;EACZ,CAAC;EAAA,OACC,4DACGD,OAAO,IACN,6BAAC,iBAAK;IAAC,GAAG,EAAC;EAAO,GAChB,6BAAC,4BAAgB;IAAC,IAAI,EAAC;EAAO,EAAG,EACjC,6BAAC,gBAAI;IAAC,KAAK,EAAC;EAAM,GAAEC,OAAO,CAAQ,CAEtC,CACA;AAAA,CACJ;AAAA"}

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

@@ -1,2 +1,13 @@
-export { Loading } from './Loading';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Loading", {
+  enumerable: true,
+  get: function get() {
+    return _Loading.Loading;
+  }
+});
+var _Loading = require("./Loading");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Loading/index.ts"],"names":["Loading"],"mappings":"AA0BA,SAASA,OAAT,QAAwB,WAAxB","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\nexport { Loading } from './Loading'\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Loading/index.ts"],"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\nexport { Loading } from './Loading'\n"],"mappings":";;;;;;;;;;;AA0BA"}

package/lib/esm/components/LoginForm/LoginForm.js

@@ -1,39 +1,42 @@
-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); } }
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.readyToLogin = exports.notReadyToLogin = exports.LoginForm = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _components = require("@looker/components");
+var _extensionUtils = require("@looker/extension-utils");
+var _ConfigForm = require("../ConfigForm");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 from 'react';
-import { Button, Tooltip } from '@looker/components';
-import { getEnvAdaptor } from '@looker/extension-utils';
-import { RunItFormKey } from '../ConfigForm';
-export var readyToLogin = 'OAuth is configured but your browser session is not authenticated. Click Login to enable RunIt.';
-export var notReadyToLogin = 'OAuth is not configured. Configure it to be able to Login.';
-export var LoginForm = _ref => {
+var readyToLogin = 'OAuth is configured but your browser session is not authenticated. Click Login to enable RunIt.';
+exports.readyToLogin = readyToLogin;
+var notReadyToLogin = 'OAuth is not configured. Configure it to be able to Login.';
+exports.notReadyToLogin = notReadyToLogin;
+var LoginForm = _ref => {
   var {
     requestContent
   } = _ref;
-  var adaptor = getEnvAdaptor();
-
+  var adaptor = (0, _extensionUtils.getEnvAdaptor)();
   var handleLogin = function () {
     var _ref2 = _asyncToGenerator(function* (e) {
       e.preventDefault();
-
       if (requestContent) {
-        adaptor.localStorageSetItem(RunItFormKey, JSON.stringify(requestContent));
+        adaptor.localStorageSetItem(_ConfigForm.RunItFormKey, JSON.stringify(requestContent));
       }
-
       yield adaptor.login();
     });
-
     return function handleLogin(_x) {
       return _ref2.apply(this, arguments);
     };
   }();
-
-  return React.createElement(Tooltip, {
+  return _react.default.createElement(_components.Tooltip, {
     content: adaptor.sdk.authSession.settings.authIsConfigured() ? readyToLogin : notReadyToLogin
-  }, React.createElement(Button, {
+  }, _react.default.createElement(_components.Button, {
     onClick: handleLogin
   }, "Login"));
 };
+exports.LoginForm = LoginForm;
 //# sourceMappingURL=LoginForm.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/LoginForm/LoginForm.tsx"],"names":["React","Button","Tooltip","getEnvAdaptor","RunItFormKey","readyToLogin","notReadyToLogin","LoginForm","requestContent","adaptor","handleLogin","e","preventDefault","localStorageSetItem","JSON","stringify","login","sdk","authSession","settings","authIsConfigured"],"mappings":";;;;AA2BA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,OAAjB,QAAgC,oBAAhC;AAEA,SAASC,aAAT,QAA8B,yBAA9B;AAEA,SAASC,YAAT,QAA6B,eAA7B;AAOA,OAAO,IAAMC,YAAY,GACvB,iGADK;AAGP,OAAO,IAAMC,eAAe,GAC1B,4DADK;AAGP,OAAO,IAAMC,SAA6B,GAAG,QAAwB;AAAA,MAAvB;AAAEC,IAAAA;AAAF,GAAuB;AACnE,MAAMC,OAAO,GAAGN,aAAa,EAA7B;;AACA,MAAMO,WAAW;AAAA,kCAAG,WAAOC,CAAP,EAAiC;AACnDA,MAAAA,CAAC,CAACC,cAAF;;AACA,UAAIJ,cAAJ,EAAoB;AAClBC,QAAAA,OAAO,CAACI,mBAAR,CAA4BT,YAA5B,EAA0CU,IAAI,CAACC,SAAL,CAAeP,cAAf,CAA1C;AACD;;AAED,YAAMC,OAAO,CAACO,KAAR,EAAN;AACD,KAPgB;;AAAA,oBAAXN,WAAW;AAAA;AAAA;AAAA,KAAjB;;AASA,SACE,oBAAC,OAAD;AACE,IAAA,OAAO,EAEHD,OAAO,CAACQ,GAAR,CAAYC,WAAZ,CAAwBC,QAD1B,CAEEC,gBAFF,KAGIf,YAHJ,GAIIC;AANR,KASE,oBAAC,MAAD;AAAQ,IAAA,OAAO,EAAEI;AAAjB,aATF,CADF;AAaD,CAxBM","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 { BaseSyntheticEvent, FC } from 'react'\nimport React from 'react'\nimport { Button, Tooltip } from '@looker/components'\nimport type { OAuthConfigProvider } from '@looker/extension-utils'\nimport { getEnvAdaptor } from '@looker/extension-utils'\n\nimport { RunItFormKey } from '../ConfigForm'\nimport type { RunItValues } from '../..'\n\ninterface LoginFormProps {\n  requestContent: RunItValues\n}\n\nexport const readyToLogin =\n  'OAuth is configured but your browser session is not authenticated. Click Login to enable RunIt.'\n\nexport const notReadyToLogin =\n  'OAuth is not configured. Configure it to be able to Login.'\n\nexport const LoginForm: FC<LoginFormProps> = ({ requestContent }) => {\n  const adaptor = getEnvAdaptor()\n  const handleLogin = async (e: BaseSyntheticEvent) => {\n    e.preventDefault()\n    if (requestContent) {\n      adaptor.localStorageSetItem(RunItFormKey, JSON.stringify(requestContent))\n    }\n    // This will set storage variables and return to OAuthScene when successful\n    await adaptor.login()\n  }\n\n  return (\n    <Tooltip\n      content={\n        (\n          adaptor.sdk.authSession.settings as OAuthConfigProvider\n        ).authIsConfigured()\n          ? readyToLogin\n          : notReadyToLogin\n      }\n    >\n      <Button onClick={handleLogin}>Login</Button>\n    </Tooltip>\n  )\n}\n"],"file":"LoginForm.js"}
+{"version":3,"file":"LoginForm.js","names":["readyToLogin","notReadyToLogin","LoginForm","requestContent","adaptor","getEnvAdaptor","handleLogin","e","preventDefault","localStorageSetItem","RunItFormKey","JSON","stringify","login","sdk","authSession","settings","authIsConfigured"],"sources":["../../../../src/components/LoginForm/LoginForm.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 { BaseSyntheticEvent, FC } from 'react'\nimport React from 'react'\nimport { Button, Tooltip } from '@looker/components'\nimport type { OAuthConfigProvider } from '@looker/extension-utils'\nimport { getEnvAdaptor } from '@looker/extension-utils'\n\nimport { RunItFormKey } from '../ConfigForm'\nimport type { RunItValues } from '../..'\n\ninterface LoginFormProps {\n  requestContent: RunItValues\n}\n\nexport const readyToLogin =\n  'OAuth is configured but your browser session is not authenticated. Click Login to enable RunIt.'\n\nexport const notReadyToLogin =\n  'OAuth is not configured. Configure it to be able to Login.'\n\nexport const LoginForm: FC<LoginFormProps> = ({ requestContent }) => {\n  const adaptor = getEnvAdaptor()\n  const handleLogin = async (e: BaseSyntheticEvent) => {\n    e.preventDefault()\n    if (requestContent) {\n      adaptor.localStorageSetItem(RunItFormKey, JSON.stringify(requestContent))\n    }\n    // This will set storage variables and return to OAuthScene when successful\n    await adaptor.login()\n  }\n\n  return (\n    <Tooltip\n      content={\n        (\n          adaptor.sdk.authSession.settings as OAuthConfigProvider\n        ).authIsConfigured()\n          ? readyToLogin\n          : notReadyToLogin\n      }\n    >\n      <Button onClick={handleLogin}>Login</Button>\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;AA2BA;AACA;AAEA;AAEA;AAA4C;AAAA;AAAA;AAOrC,IAAMA,YAAY,GACvB,iGAAiG;AAAA;AAE5F,IAAMC,eAAe,GAC1B,4DAA4D;AAAA;AAEvD,IAAMC,SAA6B,GAAG,QAAwB;EAAA,IAAvB;IAAEC;EAAe,CAAC;EAC9D,IAAMC,OAAO,GAAG,IAAAC,6BAAa,GAAE;EAC/B,IAAMC,WAAW;IAAA,8BAAG,WAAOC,CAAqB,EAAK;MACnDA,CAAC,CAACC,cAAc,EAAE;MAClB,IAAIL,cAAc,EAAE;QAClBC,OAAO,CAACK,mBAAmB,CAACC,wBAAY,EAAEC,IAAI,CAACC,SAAS,CAACT,cAAc,CAAC,CAAC;MAC3E;MAEA,MAAMC,OAAO,CAACS,KAAK,EAAE;IACvB,CAAC;IAAA,gBAPKP,WAAW;MAAA;IAAA;EAAA,GAOhB;EAED,OACE,6BAAC,mBAAO;IACN,OAAO,EAEHF,OAAO,CAACU,GAAG,CAACC,WAAW,CAACC,QAAQ,CAChCC,gBAAgB,EAAE,GAChBjB,YAAY,GACZC;EACL,GAED,6BAAC,kBAAM;IAAC,OAAO,EAAEK;EAAY,GAAC,OAAK,CAAS,CACpC;AAEd,CAAC;AAAA"}

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

@@ -1,2 +1,19 @@
-export { LoginForm, readyToLogin } from './LoginForm';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LoginForm", {
+  enumerable: true,
+  get: function get() {
+    return _LoginForm.LoginForm;
+  }
+});
+Object.defineProperty(exports, "readyToLogin", {
+  enumerable: true,
+  get: function get() {
+    return _LoginForm.readyToLogin;
+  }
+});
+var _LoginForm = require("./LoginForm");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/LoginForm/index.ts"],"names":["LoginForm","readyToLogin"],"mappings":"AA0BA,SAASA,SAAT,EAAoBC,YAApB,QAAwC,aAAxC","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\nexport { LoginForm, readyToLogin } from './LoginForm'\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/LoginForm/index.ts"],"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\nexport { LoginForm, readyToLogin } from './LoginForm'\n"],"mappings":";;;;;;;;;;;;;;;;;AA0BA"}

package/lib/esm/components/MethodBadge/MethodBadge.js

@@ -1,41 +1,46 @@
-import { generatePressed, intentUIBlend, typography } from '@looker/design-tokens';
-import styled, { css } from 'styled-components';
-export var pickBadgeIntent = type => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pickBadgeIntent = exports.cssForIntent = exports.MethodBadge = void 0;
+var _designTokens = require("@looker/design-tokens");
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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 pickBadgeIntent = type => {
   switch (type) {
     case 'alpha':
     case 'DELETE':
     case 'deprecated':
       return 'critical';
-
     case 'HEAD':
       return 'neutral';
-
     case 'PATCH':
     case 'TRACE':
     case 'experimental':
     case 'undocumented':
       return 'warn';
-
     case 'POST':
     case 'stable':
       return 'positive';
-
     case 'PUT':
     case 'beta':
       return 'key';
-
     case 'GET':
     default:
       return 'inform';
   }
 };
-export var cssForIntent = intent => css(["background:", ";color:", ";"], intentUIBlend(intent, 1), _ref => {
+exports.pickBadgeIntent = pickBadgeIntent;
+var cssForIntent = intent => (0, _styledComponents.css)(["background:", ";color:", ";"], (0, _designTokens.intentUIBlend)(intent, 1), _ref => {
   var {
     theme
   } = _ref;
-  return generatePressed(theme.colors[intent]);
+  return (0, _designTokens.generatePressed)(theme.colors[intent]);
 });
-export var MethodBadge = styled.div.attrs(_ref2 => {
+exports.cssForIntent = cssForIntent;
+var MethodBadge = _styledComponents.default.div.attrs(_ref2 => {
   var {
     fontSize = 'xsmall',
     fontWeight = 'semiBold',
@@ -49,7 +54,7 @@ export var MethodBadge = styled.div.attrs(_ref2 => {
 }).withConfig({
   displayName: "MethodBadge",
   componentId: "sc-1kfun7t-0"
-})(["", " ", ";background:", ";border:1px solid transparent;border-radius:", ";", " min-width:", ";padding:", ";"], typography, _ref3 => {
+})(["", " ", ";background:", ";border:1px solid transparent;border-radius:", ";", " min-width:", ";padding:", ";"], _designTokens.typography, _ref3 => {
   var {
     type
   } = _ref3;
@@ -62,7 +67,7 @@ export var MethodBadge = styled.div.attrs(_ref2 => {
       colors
     }
   } = _ref4;
-  return titleStatus ? colors.ui1 : intentUIBlend(pickBadgeIntent(type), 1);
+  return titleStatus ? colors.ui1 : (0, _designTokens.intentUIBlend)(pickBadgeIntent(type), 1);
 }, _ref5 => {
   var {
     theme: {
@@ -89,4 +94,5 @@ export var MethodBadge = styled.div.attrs(_ref2 => {
   } = _ref8;
   return "".concat(space.xxsmall, " ").concat(compact ? space.none : space.xsmall);
 });
+exports.MethodBadge = MethodBadge;
 //# sourceMappingURL=MethodBadge.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/MethodBadge/MethodBadge.tsx"],"names":["generatePressed","intentUIBlend","typography","styled","css","pickBadgeIntent","type","cssForIntent","intent","theme","colors","MethodBadge","div","attrs","fontSize","fontWeight","minWidth","titleStatus","ui1","radii","medium","compact","space","xxsmall","none","xsmall"],"mappings":"AA8BA,SACEA,eADF,EAEEC,aAFF,EAGEC,UAHF,QAIO,uBAJP;AAMA,OAAOC,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAmCA,OAAO,IAAMC,eAAe,GAAIC,IAAD,IAA8C;AAC3E,UAAQA,IAAR;AACE,SAAK,OAAL;AACA,SAAK,QAAL;AACA,SAAK,YAAL;AACE,aAAO,UAAP;;AACF,SAAK,MAAL;AACE,aAAO,SAAP;;AACF,SAAK,OAAL;AACA,SAAK,OAAL;AACA,SAAK,cAAL;AACA,SAAK,cAAL;AACE,aAAO,MAAP;;AACF,SAAK,MAAL;AACA,SAAK,QAAL;AACE,aAAO,UAAP;;AACF,SAAK,KAAL;AACA,SAAK,MAAL;AACE,aAAO,KAAP;;AACF,SAAK,KAAL;AACA;AACE,aAAO,QAAP;AApBJ;AAsBD,CAvBM;AAyBP,OAAO,IAAMC,YAAY,GAAIC,MAAD,IAC1BJ,GAD0B,kCAEVH,aAAa,CAACO,MAAD,EAAS,CAAT,CAFH,EAGf;AAAA,MAAC;AAAEC,IAAAA;AAAF,GAAD;AAAA,SAAeT,eAAe,CAACS,KAAK,CAACC,MAAN,CAAaF,MAAb,CAAD,CAA9B;AAAA,CAHe,CAArB;AAMP,OAAO,IAAMG,WAAW,GAAGR,MAAM,CAACS,GAAP,CAAWC,KAAX,CACzB;AAAA,MAAC;AACCC,IAAAA,QAAQ,GAAG,QADZ;AAECC,IAAAA,UAAU,GAAG,UAFd;AAGCC,IAAAA,QAAQ,GAAG;AAHZ,GAAD;AAAA,SAIyB;AACvBF,IAAAA,QADuB;AAEvBC,IAAAA,UAFuB;AAGvBC,IAAAA;AAHuB,GAJzB;AAAA,CADyB,CAAH;AAAA;AAAA;AAAA,oHAWpBd,UAXoB,EAapB;AAAA,MAAC;AAAEI,IAAAA;AAAF,GAAD;AAAA,SAAcC,YAAY,CAACF,eAAe,CAACC,IAAD,CAAhB,CAA1B;AAAA,CAboB,EAeR;AAAA,MAAC;AAAEA,IAAAA,IAAF;AAAQW,IAAAA,WAAR;AAAqBR,IAAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF;AAA5B,GAAD;AAAA,SACZO,WAAW,GAAGP,MAAM,CAACQ,GAAV,GAAgBjB,aAAa,CAACI,eAAe,CAACC,IAAD,CAAhB,EAAwB,CAAxB,CAD5B;AAAA,CAfQ,EAkBL;AAAA,MAAC;AAAEG,IAAAA,KAAK,EAAE;AAAEU,MAAAA;AAAF;AAAT,GAAD;AAAA,SAA0BA,KAAK,CAACC,MAAhC;AAAA,CAlBK,EAqBpB;AAAA,MAAC;AAAEC,IAAAA;AAAF,GAAD;AAAA,SAAiBA,OAAO,qBAAxB;AAAA,CArBoB,EAuBT;AAAA,MAAC;AAAEL,IAAAA;AAAF,GAAD;AAAA,SAAkBA,QAAlB;AAAA,CAvBS,EAwBX;AAAA,MAAC;AAAEK,IAAAA,OAAF;AAAWZ,IAAAA,KAAK,EAAE;AAAEa,MAAAA;AAAF;AAAlB,GAAD;AAAA,mBACNA,KAAK,CAACC,OADA,cACWF,OAAO,GAAGC,KAAK,CAACE,IAAT,GAAgBF,KAAK,CAACG,MADxC;AAAA,CAxBW,CAAjB","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 {\n  CompatibleHTMLProps,\n  TypographyProps,\n} from '@looker/design-tokens'\nimport {\n  generatePressed,\n  intentUIBlend,\n  typography,\n} from '@looker/design-tokens'\nimport type { HttpMethod } from '@looker/sdk-rtl'\nimport styled, { css } from 'styled-components'\n\n/**\n * Status of endpoint method.\n */\ntype MethodStatus =\n  | 'alpha'\n  | 'beta'\n  | 'stable'\n  | 'experimental'\n  | 'deprecated'\n  | 'inform'\n  | 'undocumented'\n\ninterface MethodBadgeProps\n  extends CompatibleHTMLProps<HTMLDivElement>,\n    TypographyProps {\n  /** Determines background color */\n  type: HttpMethod | MethodStatus | string\n  compact?: boolean\n  minWidth?: string\n  titleStatus?: boolean\n}\n\n/**\n * Intent names to display the correct color for the badge based on the HTTP method or method status.\n */\ntype ApixIntentNames =\n  | 'critical'\n  | 'inform'\n  | 'key'\n  | 'neutral'\n  | 'positive'\n  | 'warn'\n\nexport const pickBadgeIntent = (type: HttpMethod | MethodStatus | string) => {\n  switch (type) {\n    case 'alpha':\n    case 'DELETE':\n    case 'deprecated':\n      return 'critical'\n    case 'HEAD':\n      return 'neutral'\n    case 'PATCH':\n    case 'TRACE':\n    case 'experimental':\n    case 'undocumented':\n      return 'warn'\n    case 'POST':\n    case 'stable':\n      return 'positive'\n    case 'PUT':\n    case 'beta':\n      return 'key'\n    case 'GET':\n    default:\n      return 'inform'\n  }\n}\n\nexport const cssForIntent = (intent: ApixIntentNames) =>\n  css`\n    background: ${intentUIBlend(intent, 1)};\n    color: ${({ theme }) => generatePressed(theme.colors[intent])};\n  `\n\nexport const MethodBadge = styled.div.attrs(\n  ({\n    fontSize = 'xsmall',\n    fontWeight = 'semiBold',\n    minWidth = '2.5rem',\n  }: MethodBadgeProps) => ({\n    fontSize,\n    fontWeight,\n    minWidth,\n  })\n)<MethodBadgeProps>`\n  ${typography}\n\n  ${({ type }) => cssForIntent(pickBadgeIntent(type))};\n\n  background: ${({ type, titleStatus, theme: { colors } }) =>\n    titleStatus ? colors.ui1 : intentUIBlend(pickBadgeIntent(type), 1)};\n  border: 1px solid transparent;\n  border-radius: ${({ theme: { radii } }) => radii.medium};\n\n  /** NOTE: This is below minimum accessibility threshold font-size */\n  ${({ compact }) => compact && `font-size: 9px;`}\n\n  min-width: ${({ minWidth }) => minWidth};\n  padding: ${({ compact, theme: { space } }) =>\n    `${space.xxsmall} ${compact ? space.none : space.xsmall}`};\n`\n"],"file":"MethodBadge.js"}
+{"version":3,"file":"MethodBadge.js","names":["pickBadgeIntent","type","cssForIntent","intent","css","intentUIBlend","theme","generatePressed","colors","MethodBadge","styled","div","attrs","fontSize","fontWeight","minWidth","typography","titleStatus","ui1","radii","medium","compact","space","xxsmall","none","xsmall"],"sources":["../../../../src/components/MethodBadge/MethodBadge.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 {\n  CompatibleHTMLProps,\n  TypographyProps,\n} from '@looker/design-tokens'\nimport {\n  generatePressed,\n  intentUIBlend,\n  typography,\n} from '@looker/design-tokens'\nimport type { HttpMethod } from '@looker/sdk-rtl'\nimport styled, { css } from 'styled-components'\n\n/**\n * Status of endpoint method.\n */\ntype MethodStatus =\n  | 'alpha'\n  | 'beta'\n  | 'stable'\n  | 'experimental'\n  | 'deprecated'\n  | 'inform'\n  | 'undocumented'\n\ninterface MethodBadgeProps\n  extends CompatibleHTMLProps<HTMLDivElement>,\n    TypographyProps {\n  /** Determines background color */\n  type: HttpMethod | MethodStatus | string\n  compact?: boolean\n  minWidth?: string\n  titleStatus?: boolean\n}\n\n/**\n * Intent names to display the correct color for the badge based on the HTTP method or method status.\n */\ntype ApixIntentNames =\n  | 'critical'\n  | 'inform'\n  | 'key'\n  | 'neutral'\n  | 'positive'\n  | 'warn'\n\nexport const pickBadgeIntent = (type: HttpMethod | MethodStatus | string) => {\n  switch (type) {\n    case 'alpha':\n    case 'DELETE':\n    case 'deprecated':\n      return 'critical'\n    case 'HEAD':\n      return 'neutral'\n    case 'PATCH':\n    case 'TRACE':\n    case 'experimental':\n    case 'undocumented':\n      return 'warn'\n    case 'POST':\n    case 'stable':\n      return 'positive'\n    case 'PUT':\n    case 'beta':\n      return 'key'\n    case 'GET':\n    default:\n      return 'inform'\n  }\n}\n\nexport const cssForIntent = (intent: ApixIntentNames) =>\n  css`\n    background: ${intentUIBlend(intent, 1)};\n    color: ${({ theme }) => generatePressed(theme.colors[intent])};\n  `\n\nexport const MethodBadge = styled.div.attrs(\n  ({\n    fontSize = 'xsmall',\n    fontWeight = 'semiBold',\n    minWidth = '2.5rem',\n  }: MethodBadgeProps) => ({\n    fontSize,\n    fontWeight,\n    minWidth,\n  })\n)<MethodBadgeProps>`\n  ${typography}\n\n  ${({ type }) => cssForIntent(pickBadgeIntent(type))};\n\n  background: ${({ type, titleStatus, theme: { colors } }) =>\n    titleStatus ? colors.ui1 : intentUIBlend(pickBadgeIntent(type), 1)};\n  border: 1px solid transparent;\n  border-radius: ${({ theme: { radii } }) => radii.medium};\n\n  /** NOTE: This is below minimum accessibility threshold font-size */\n  ${({ compact }) => compact && `font-size: 9px;`}\n\n  min-width: ${({ minWidth }) => minWidth};\n  padding: ${({ compact, theme: { space } }) =>\n    `${space.xxsmall} ${compact ? space.none : space.xsmall}`};\n`\n"],"mappings":";;;;;;AA8BA;AAMA;AAA+C;AAAA;AAmCxC,IAAMA,eAAe,GAAIC,IAAwC,IAAK;EAC3E,QAAQA,IAAI;IACV,KAAK,OAAO;IACZ,KAAK,QAAQ;IACb,KAAK,YAAY;MACf,OAAO,UAAU;IACnB,KAAK,MAAM;MACT,OAAO,SAAS;IAClB,KAAK,OAAO;IACZ,KAAK,OAAO;IACZ,KAAK,cAAc;IACnB,KAAK,cAAc;MACjB,OAAO,MAAM;IACf,KAAK,MAAM;IACX,KAAK,QAAQ;MACX,OAAO,UAAU;IACnB,KAAK,KAAK;IACV,KAAK,MAAM;MACT,OAAO,KAAK;IACd,KAAK,KAAK;IACV;MACE,OAAO,QAAQ;EAAA;AAErB,CAAC;AAAA;AAEM,IAAMC,YAAY,GAAIC,MAAuB,QAClDC,qBAAG,mCACa,IAAAC,2BAAa,EAACF,MAAM,EAAE,CAAC,CAAC,EAC7B;EAAA,IAAC;IAAEG;EAAM,CAAC;EAAA,OAAK,IAAAC,6BAAe,EAACD,KAAK,CAACE,MAAM,CAACL,MAAM,CAAC,CAAC;AAAA,EAC9D;AAAA;AAEI,IAAMM,WAAW,GAAGC,yBAAM,CAACC,GAAG,CAACC,KAAK,CACzC;EAAA,IAAC;IACCC,QAAQ,GAAG,QAAQ;IACnBC,UAAU,GAAG,UAAU;IACvBC,QAAQ,GAAG;EACK,CAAC;EAAA,OAAM;IACvBF,QAAQ;IACRC,UAAU;IACVC;EACF,CAAC;AAAA,CAAC,CACH;EAAA;EAAA;AAAA,oHACGC,wBAAU,EAEV;EAAA,IAAC;IAAEf;EAAK,CAAC;EAAA,OAAKC,YAAY,CAACF,eAAe,CAACC,IAAI,CAAC,CAAC;AAAA,GAErC;EAAA,IAAC;IAAEA,IAAI;IAAEgB,WAAW;IAAEX,KAAK,EAAE;MAAEE;IAAO;EAAE,CAAC;EAAA,OACrDS,WAAW,GAAGT,MAAM,CAACU,GAAG,GAAG,IAAAb,2BAAa,EAACL,eAAe,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC;AAAA,GAEnD;EAAA,IAAC;IAAEK,KAAK,EAAE;MAAEa;IAAM;EAAE,CAAC;EAAA,OAAKA,KAAK,CAACC,MAAM;AAAA,GAGrD;EAAA,IAAC;IAAEC;EAAQ,CAAC;EAAA,OAAKA,OAAO,qBAAqB;AAAA,GAElC;EAAA,IAAC;IAAEN;EAAS,CAAC;EAAA,OAAKA,QAAQ;AAAA,GAC5B;EAAA,IAAC;IAAEM,OAAO;IAAEf,KAAK,EAAE;MAAEgB;IAAM;EAAE,CAAC;EAAA,iBACpCA,KAAK,CAACC,OAAO,cAAIF,OAAO,GAAGC,KAAK,CAACE,IAAI,GAAGF,KAAK,CAACG,MAAM;AAAA,CAAE,CAC5D;AAAA"}

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

@@ -1,2 +1,13 @@
-export { MethodBadge } from './MethodBadge';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MethodBadge", {
+  enumerable: true,
+  get: function get() {
+    return _MethodBadge.MethodBadge;
+  }
+});
+var _MethodBadge = require("./MethodBadge");
 //# sourceMappingURL=index.js.map

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

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

package/lib/esm/components/PerfTracker/PerfChart.js

@@ -1,13 +1,18 @@
-import React from 'react';
-import { Chart } from 'react-google-charts';
-import { Heading, Space, Tooltip } from '@looker/components';
-import { Loading } from '../Loading';
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PerfChart = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactGoogleCharts = require("react-google-charts");
+var _components = require("@looker/components");
+var _Loading = require("../Loading");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var chartItem = (list, desc, offset, start, end) => {
   if (start > 0) list.push([desc, desc, start - offset, end - offset]);
   return list;
 };
-
 var chartData = timings => {
   var item = timings.entry;
   var offset = item.startTime;
@@ -35,32 +40,31 @@ var chartData = timings => {
   chartItem(result, 'processDuration', offset, timings.processStart, timings.processEnd);
   return result;
 };
-
-export var PerfChart = _ref => {
+var PerfChart = _ref => {
   var {
     loadTimes
   } = _ref;
   var entry = loadTimes.entry;
   var data = chartData(loadTimes);
-  return React.createElement(React.Fragment, null, React.createElement(Heading, {
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.Heading, {
     as: "h4"
-  }, loadTimes.name), React.createElement(Space, null, React.createElement(Tooltip, {
+  }, loadTimes.name), _react.default.createElement(_components.Space, null, _react.default.createElement(_components.Tooltip, {
     content: "The size (".concat(entry.transferSize, " octets) of the fetched resource. The size includes the response header fields plus the response payload body"),
     placement: "right",
     textAlign: "left"
-  }, React.createElement("span", null, "Transfer: ", entry.transferSize)), React.createElement(Tooltip, {
+  }, _react.default.createElement("span", null, "Transfer: ", entry.transferSize)), _react.default.createElement(_components.Tooltip, {
     content: "The size (".concat(entry.encodedBodySize, " octets) received from the fetch (HTTP or cache), of the payload body, before removing any applied content-codings"),
     placement: "right",
     textAlign: "left"
-  }, React.createElement("span", null, "Encoded body: ", entry.encodedBodySize)), React.createElement(Tooltip, {
+  }, _react.default.createElement("span", null, "Encoded body: ", entry.encodedBodySize)), _react.default.createElement(_components.Tooltip, {
     content: "The size (".concat(entry.decodedBodySize, " octets) received from the fetch (HTTP or cache) of the message body, after removing any applied content-codings"),
     placement: "right",
     textAlign: "left"
-  }, React.createElement("span", null, "Decoded body: ", entry.decodedBodySize))), React.createElement(Chart, {
+  }, _react.default.createElement("span", null, "Decoded body: ", entry.decodedBodySize))), _react.default.createElement(_reactGoogleCharts.Chart, {
     width: '100%',
     height: "".concat(8 * 41 + 15, "px"),
     chartType: "Timeline",
-    loader: React.createElement(Loading, {
+    loader: _react.default.createElement(_Loading.Loading, {
       loading: true
     }),
     data: data,
@@ -71,13 +75,10 @@ export var PerfChart = _ref => {
           chartWrapper
         } = _ref2;
         var container = document.getElementById(chartWrapper.getContainerId());
-
         if (container) {
           var labels = container.getElementsByTagName('text');
-
           for (var n = 0; n < labels.length; n++) {
             var textEl = labels.item(n);
-
             if (textEl && parseInt(textEl.innerHTML, 10) > -1) {
               textEl.innerHTML = '';
             }
@@ -87,4 +88,5 @@ export var PerfChart = _ref => {
     }]
   }));
 };
+exports.PerfChart = PerfChart;
 //# sourceMappingURL=PerfChart.js.map

package/lib/esm/components/PerfTracker/PerfChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PerfTracker/PerfChart.tsx"],"names":["React","Chart","Heading","Space","Tooltip","Loading","chartItem","list","desc","offset","start","end","push","chartData","timings","item","entry","startTime","result","type","id","role","redirectStart","redirectEnd","domainLookupStart","domainLookupEnd","connectStart","connectEnd","secureConnectionStart","responseStart","responseEnd","fetchStart","requestStart","processStart","processEnd","PerfChart","loadTimes","data","name","transferSize","encodedBodySize","decodedBodySize","eventName","callback","chartWrapper","container","document","getElementById","getContainerId","labels","getElementsByTagName","n","length","textEl","parseInt","innerHTML"],"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 from 'react'\nimport { Chart } from 'react-google-charts'\nimport { Heading, Space, Tooltip } from '@looker/components'\nimport { Loading } from '../Loading'\nimport type { IResourceLoadTimes } from './perfUtils'\n\ninterface PerfChartProps {\n  /** Performance Resource timing data */\n  loadTimes: IResourceLoadTimes\n}\n\n// https://react-google-charts.com/timeline-chart#putting-bars-on-one-row\nconst chartItem = (\n  list: any[],\n  desc: string,\n  offset: number,\n  start: number,\n  end: number\n) => {\n  if (start > 0) list.push([desc, desc, start - offset, end - offset])\n  return list\n}\n\nconst chartData = (timings: IResourceLoadTimes) => {\n  const item = timings.entry as PerformanceResourceTiming\n  const offset = item.startTime\n  const result = [\n    [\n      { type: 'string', id: 'Metric' },\n      { type: 'string', role: 'tooltip' },\n      { type: 'number', id: 'Start' },\n      { type: 'number', id: 'End' },\n    ],\n  ]\n  chartItem(result, 'redirect', offset, item.redirectStart, item.redirectEnd)\n  chartItem(\n    result,\n    'domainLookup',\n    offset,\n    item.domainLookupStart,\n    item.domainLookupEnd\n  )\n  chartItem(result, 'connect', offset, item.connectStart, item.connectEnd)\n  chartItem(\n    result,\n    'secureConnection',\n    offset,\n    item.secureConnectionStart,\n    item.connectEnd\n  )\n  chartItem(\n    result,\n    'responseTime',\n    offset,\n    item.responseStart,\n    item.responseEnd\n  )\n  chartItem(\n    result,\n    'fetchUntilResponseEnd',\n    offset,\n    item.fetchStart,\n    item.responseEnd\n  )\n  chartItem(\n    result,\n    'requestUntilResponseEnd',\n    offset,\n    item.requestStart,\n    item.responseEnd\n  )\n  chartItem(\n    result,\n    'startUntilResponseEnd',\n    offset,\n    item.startTime,\n    item.responseEnd\n  )\n  chartItem(\n    result,\n    'processDuration',\n    offset,\n    timings.processStart,\n    timings.processEnd\n  )\n  return result\n}\n\nexport const PerfChart: FC<PerfChartProps> = ({ loadTimes }) => {\n  const entry = loadTimes.entry as PerformanceResourceTiming\n  const data = chartData(loadTimes)\n  return (\n    <>\n      <Heading as=\"h4\">{loadTimes.name}</Heading>\n      <Space>\n        <Tooltip\n          content={`The size (${entry.transferSize} octets) of the fetched resource. The size includes the response header fields plus the response payload body`}\n          placement=\"right\"\n          textAlign=\"left\"\n        >\n          <span>Transfer: {entry.transferSize}</span>\n        </Tooltip>\n        <Tooltip\n          content={`The size (${entry.encodedBodySize} octets) received from the fetch (HTTP or cache), of the payload body, before removing any applied content-codings`}\n          placement=\"right\"\n          textAlign=\"left\"\n        >\n          <span>Encoded body: {entry.encodedBodySize}</span>\n        </Tooltip>\n        <Tooltip\n          content={`The size (${entry.decodedBodySize} octets) received from the fetch (HTTP or cache) of the message body, after removing any applied content-codings`}\n          placement=\"right\"\n          textAlign=\"left\"\n        >\n          <span>Decoded body: {entry.decodedBodySize}</span>\n        </Tooltip>\n      </Space>\n      <Chart\n        width={'100%'}\n        height={`${8 * 41 + 15}px`}\n        chartType=\"Timeline\"\n        loader={<Loading loading={true} />}\n        data={data}\n        chartEvents={[\n          {\n            eventName: 'ready',\n            callback: ({ chartWrapper }) => {\n              const container = document.getElementById(\n                chartWrapper.getContainerId()\n              )\n              if (container) {\n                const labels = container.getElementsByTagName('text')\n                for (let n = 0; n < labels.length; n++) {\n                  const textEl = labels.item(n)\n                  // clear any numeric ticks at the bottom of the chart\n                  if (textEl && parseInt(textEl.innerHTML, 10) > -1) {\n                    textEl.innerHTML = ''\n                  }\n                }\n              }\n            },\n          },\n        ]}\n      />\n    </>\n  )\n}\n"],"file":"PerfChart.js"}
+{"version":3,"file":"PerfChart.js","names":["chartItem","list","desc","offset","start","end","push","chartData","timings","item","entry","startTime","result","type","id","role","redirectStart","redirectEnd","domainLookupStart","domainLookupEnd","connectStart","connectEnd","secureConnectionStart","responseStart","responseEnd","fetchStart","requestStart","processStart","processEnd","PerfChart","loadTimes","data","name","transferSize","encodedBodySize","decodedBodySize","eventName","callback","chartWrapper","container","document","getElementById","getContainerId","labels","getElementsByTagName","n","length","textEl","parseInt","innerHTML"],"sources":["../../../../src/components/PerfTracker/PerfChart.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 from 'react'\nimport { Chart } from 'react-google-charts'\nimport { Heading, Space, Tooltip } from '@looker/components'\nimport { Loading } from '../Loading'\nimport type { IResourceLoadTimes } from './perfUtils'\n\ninterface PerfChartProps {\n  /** Performance Resource timing data */\n  loadTimes: IResourceLoadTimes\n}\n\n// https://react-google-charts.com/timeline-chart#putting-bars-on-one-row\nconst chartItem = (\n  list: any[],\n  desc: string,\n  offset: number,\n  start: number,\n  end: number\n) => {\n  if (start > 0) list.push([desc, desc, start - offset, end - offset])\n  return list\n}\n\nconst chartData = (timings: IResourceLoadTimes) => {\n  const item = timings.entry as PerformanceResourceTiming\n  const offset = item.startTime\n  const result = [\n    [\n      { type: 'string', id: 'Metric' },\n      { type: 'string', role: 'tooltip' },\n      { type: 'number', id: 'Start' },\n      { type: 'number', id: 'End' },\n    ],\n  ]\n  chartItem(result, 'redirect', offset, item.redirectStart, item.redirectEnd)\n  chartItem(\n    result,\n    'domainLookup',\n    offset,\n    item.domainLookupStart,\n    item.domainLookupEnd\n  )\n  chartItem(result, 'connect', offset, item.connectStart, item.connectEnd)\n  chartItem(\n    result,\n    'secureConnection',\n    offset,\n    item.secureConnectionStart,\n    item.connectEnd\n  )\n  chartItem(\n    result,\n    'responseTime',\n    offset,\n    item.responseStart,\n    item.responseEnd\n  )\n  chartItem(\n    result,\n    'fetchUntilResponseEnd',\n    offset,\n    item.fetchStart,\n    item.responseEnd\n  )\n  chartItem(\n    result,\n    'requestUntilResponseEnd',\n    offset,\n    item.requestStart,\n    item.responseEnd\n  )\n  chartItem(\n    result,\n    'startUntilResponseEnd',\n    offset,\n    item.startTime,\n    item.responseEnd\n  )\n  chartItem(\n    result,\n    'processDuration',\n    offset,\n    timings.processStart,\n    timings.processEnd\n  )\n  return result\n}\n\nexport const PerfChart: FC<PerfChartProps> = ({ loadTimes }) => {\n  const entry = loadTimes.entry as PerformanceResourceTiming\n  const data = chartData(loadTimes)\n  return (\n    <>\n      <Heading as=\"h4\">{loadTimes.name}</Heading>\n      <Space>\n        <Tooltip\n          content={`The size (${entry.transferSize} octets) of the fetched resource. The size includes the response header fields plus the response payload body`}\n          placement=\"right\"\n          textAlign=\"left\"\n        >\n          <span>Transfer: {entry.transferSize}</span>\n        </Tooltip>\n        <Tooltip\n          content={`The size (${entry.encodedBodySize} octets) received from the fetch (HTTP or cache), of the payload body, before removing any applied content-codings`}\n          placement=\"right\"\n          textAlign=\"left\"\n        >\n          <span>Encoded body: {entry.encodedBodySize}</span>\n        </Tooltip>\n        <Tooltip\n          content={`The size (${entry.decodedBodySize} octets) received from the fetch (HTTP or cache) of the message body, after removing any applied content-codings`}\n          placement=\"right\"\n          textAlign=\"left\"\n        >\n          <span>Decoded body: {entry.decodedBodySize}</span>\n        </Tooltip>\n      </Space>\n      <Chart\n        width={'100%'}\n        height={`${8 * 41 + 15}px`}\n        chartType=\"Timeline\"\n        loader={<Loading loading={true} />}\n        data={data}\n        chartEvents={[\n          {\n            eventName: 'ready',\n            callback: ({ chartWrapper }) => {\n              const container = document.getElementById(\n                chartWrapper.getContainerId()\n              )\n              if (container) {\n                const labels = container.getElementsByTagName('text')\n                for (let n = 0; n < labels.length; n++) {\n                  const textEl = labels.item(n)\n                  // clear any numeric ticks at the bottom of the chart\n                  if (textEl && parseInt(textEl.innerHTML, 10) > -1) {\n                    textEl.innerHTML = ''\n                  }\n                }\n              }\n            },\n          },\n        ]}\n      />\n    </>\n  )\n}\n"],"mappings":"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"}

package/lib/esm/components/PerfTracker/PerfTable.js

@@ -1,34 +1,41 @@
-import React, { useEffect, useState } from 'react';
-import { DataTable, doDataTableSort } from '@looker/components';
-import { createTableRows, perfTableColumns } from './perfTableUtils';
-export var PerfTable = _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PerfTable = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _components = require("@looker/components");
+var _perfTableUtils = require("./perfTableUtils");
+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 PerfTable = _ref => {
   var {
     data,
     onSelect,
     showAllColumns = false
   } = _ref;
-  var [columns, setColumns] = useState(perfTableColumns(showAllColumns));
-  var [rows, setRows] = useState(createTableRows(data, onSelect, showAllColumns));
-
+  var [columns, setColumns] = (0, _react.useState)((0, _perfTableUtils.perfTableColumns)(showAllColumns));
+  var [rows, setRows] = (0, _react.useState)((0, _perfTableUtils.createTableRows)(data, onSelect, showAllColumns));
   var handleSort = (id, sortDirection) => {
     var {
       columns: sortedColumns,
       data: sortedData
-    } = doDataTableSort(data, columns, id, sortDirection);
-    setRows(createTableRows(sortedData, onSelect, showAllColumns));
+    } = (0, _components.doDataTableSort)(data, columns, id, sortDirection);
+    setRows((0, _perfTableUtils.createTableRows)(sortedData, onSelect, showAllColumns));
     setColumns(sortedColumns);
   };
-
-  useEffect(() => {
-    setColumns(perfTableColumns(showAllColumns));
+  (0, _react.useEffect)(() => {
+    setColumns((0, _perfTableUtils.perfTableColumns)(showAllColumns));
   }, [showAllColumns]);
-  useEffect(() => {
-    setRows(createTableRows(data, onSelect, showAllColumns));
+  (0, _react.useEffect)(() => {
+    setRows((0, _perfTableUtils.createTableRows)(data, onSelect, showAllColumns));
   }, [data, onSelect, showAllColumns]);
-  return React.createElement(DataTable, {
+  return _react.default.createElement(_components.DataTable, {
     onSort: handleSort,
     columns: columns,
     caption: "Performance load times"
   }, rows);
 };
+exports.PerfTable = PerfTable;
 //# sourceMappingURL=PerfTable.js.map

package/lib/esm/components/PerfTracker/PerfTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PerfTracker/PerfTable.tsx"],"names":["React","useEffect","useState","DataTable","doDataTableSort","createTableRows","perfTableColumns","PerfTable","data","onSelect","showAllColumns","columns","setColumns","rows","setRows","handleSort","id","sortDirection","sortedColumns","sortedData"],"mappings":"AA2BA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AACA,SAASC,SAAT,EAAoBC,eAApB,QAA2C,oBAA3C;AAGA,SAASC,eAAT,EAA0BC,gBAA1B,QAAkD,kBAAlD;AAeA,OAAO,IAAMC,SAA6B,GAAG,QAIvC;AAAA,MAJwC;AAC5CC,IAAAA,IAD4C;AAE5CC,IAAAA,QAF4C;AAG5CC,IAAAA,cAAc,GAAG;AAH2B,GAIxC;AACJ,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBV,QAAQ,CAACI,gBAAgB,CAACI,cAAD,CAAjB,CAAtC;AACA,MAAM,CAACG,IAAD,EAAOC,OAAP,IAAkBZ,QAAQ,CAC9BG,eAAe,CAACG,IAAD,EAAOC,QAAP,EAAiBC,cAAjB,CADe,CAAhC;;AAGA,MAAMK,UAAU,GAAG,CAACC,EAAD,EAAaC,aAAb,KAA+C;AAChE,QAAM;AAAEN,MAAAA,OAAO,EAAEO,aAAX;AAA0BV,MAAAA,IAAI,EAAEW;AAAhC,QAA+Cf,eAAe,CAClEI,IADkE,EAElEG,OAFkE,EAGlEK,EAHkE,EAIlEC,aAJkE,CAApE;AAMAH,IAAAA,OAAO,CACLT,eAAe,CAACc,UAAD,EAA4BV,QAA5B,EAAsCC,cAAtC,CADV,CAAP;AAGAE,IAAAA,UAAU,CAACM,aAAD,CAAV;AACD,GAXD;;AAaAjB,EAAAA,SAAS,CAAC,MAAM;AACdW,IAAAA,UAAU,CAACN,gBAAgB,CAACI,cAAD,CAAjB,CAAV;AACD,GAFQ,EAEN,CAACA,cAAD,CAFM,CAAT;AAGAT,EAAAA,SAAS,CAAC,MAAM;AACda,IAAAA,OAAO,CAACT,eAAe,CAACG,IAAD,EAAOC,QAAP,EAAiBC,cAAjB,CAAhB,CAAP;AACD,GAFQ,EAEN,CAACF,IAAD,EAAOC,QAAP,EAAiBC,cAAjB,CAFM,CAAT;AAGA,SACE,oBAAC,SAAD;AACE,IAAA,MAAM,EAAEK,UADV;AAEE,IAAA,OAAO,EAAEJ,OAFX;AAGE,IAAA,OAAO,EAAC;AAHV,KAKGE,IALH,CADF;AASD,CArCM","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React, { useEffect, useState } from 'react'\nimport { DataTable, doDataTableSort } from '@looker/components'\n\nimport type { LoadTimes } from './perfUtils'\nimport { createTableRows, perfTableColumns } from './perfTableUtils'\n\ninterface PerfTableProps {\n  /** An array of performance load times */\n  data: LoadTimes[]\n  /** A row select action handler */\n  onSelect: (item: LoadTimes) => void\n  /** Show all columns, or just \"important\" ones */\n  showAllColumns?: boolean\n}\n\n/**\n * Creates a sortable table from an array of performance load times. Each row corresponds to a resource and clicking it\n * generates its performance chart.\n */\nexport const PerfTable: FC<PerfTableProps> = ({\n  data,\n  onSelect,\n  showAllColumns = false,\n}) => {\n  const [columns, setColumns] = useState(perfTableColumns(showAllColumns))\n  const [rows, setRows] = useState(\n    createTableRows(data, onSelect, showAllColumns)\n  )\n  const handleSort = (id: string, sortDirection: 'asc' | 'desc') => {\n    const { columns: sortedColumns, data: sortedData } = doDataTableSort(\n      data,\n      columns,\n      id,\n      sortDirection\n    )\n    setRows(\n      createTableRows(sortedData as LoadTimes[], onSelect, showAllColumns)\n    )\n    setColumns(sortedColumns)\n  }\n\n  useEffect(() => {\n    setColumns(perfTableColumns(showAllColumns))\n  }, [showAllColumns])\n  useEffect(() => {\n    setRows(createTableRows(data, onSelect, showAllColumns))\n  }, [data, onSelect, showAllColumns])\n  return (\n    <DataTable\n      onSort={handleSort}\n      columns={columns}\n      caption=\"Performance load times\"\n    >\n      {rows}\n    </DataTable>\n  )\n}\n"],"file":"PerfTable.js"}
+{"version":3,"file":"PerfTable.js","names":["PerfTable","data","onSelect","showAllColumns","columns","setColumns","useState","perfTableColumns","rows","setRows","createTableRows","handleSort","id","sortDirection","sortedColumns","sortedData","doDataTableSort","useEffect"],"sources":["../../../../src/components/PerfTracker/PerfTable.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, { useEffect, useState } from 'react'\nimport { DataTable, doDataTableSort } from '@looker/components'\n\nimport type { LoadTimes } from './perfUtils'\nimport { createTableRows, perfTableColumns } from './perfTableUtils'\n\ninterface PerfTableProps {\n  /** An array of performance load times */\n  data: LoadTimes[]\n  /** A row select action handler */\n  onSelect: (item: LoadTimes) => void\n  /** Show all columns, or just \"important\" ones */\n  showAllColumns?: boolean\n}\n\n/**\n * Creates a sortable table from an array of performance load times. Each row corresponds to a resource and clicking it\n * generates its performance chart.\n */\nexport const PerfTable: FC<PerfTableProps> = ({\n  data,\n  onSelect,\n  showAllColumns = false,\n}) => {\n  const [columns, setColumns] = useState(perfTableColumns(showAllColumns))\n  const [rows, setRows] = useState(\n    createTableRows(data, onSelect, showAllColumns)\n  )\n  const handleSort = (id: string, sortDirection: 'asc' | 'desc') => {\n    const { columns: sortedColumns, data: sortedData } = doDataTableSort(\n      data,\n      columns,\n      id,\n      sortDirection\n    )\n    setRows(\n      createTableRows(sortedData as LoadTimes[], onSelect, showAllColumns)\n    )\n    setColumns(sortedColumns)\n  }\n\n  useEffect(() => {\n    setColumns(perfTableColumns(showAllColumns))\n  }, [showAllColumns])\n  useEffect(() => {\n    setRows(createTableRows(data, onSelect, showAllColumns))\n  }, [data, onSelect, showAllColumns])\n  return (\n    <DataTable\n      onSort={handleSort}\n      columns={columns}\n      caption=\"Performance load times\"\n    >\n      {rows}\n    </DataTable>\n  )\n}\n"],"mappings":";;;;;;AA2BA;AACA;AAGA;AAAoE;AAAA;AAe7D,IAAMA,SAA6B,GAAG,QAIvC;EAAA,IAJwC;IAC5CC,IAAI;IACJC,QAAQ;IACRC,cAAc,GAAG;EACnB,CAAC;EACC,IAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAAC,gCAAgB,EAACJ,cAAc,CAAC,CAAC;EACxE,IAAM,CAACK,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAH,eAAQ,EAC9B,IAAAI,+BAAe,EAACT,IAAI,EAAEC,QAAQ,EAAEC,cAAc,CAAC,CAChD;EACD,IAAMQ,UAAU,GAAG,CAACC,EAAU,EAAEC,aAA6B,KAAK;IAChE,IAAM;MAAET,OAAO,EAAEU,aAAa;MAAEb,IAAI,EAAEc;IAAW,CAAC,GAAG,IAAAC,2BAAe,EAClEf,IAAI,EACJG,OAAO,EACPQ,EAAE,EACFC,aAAa,CACd;IACDJ,OAAO,CACL,IAAAC,+BAAe,EAACK,UAAU,EAAiBb,QAAQ,EAAEC,cAAc,CAAC,CACrE;IACDE,UAAU,CAACS,aAAa,CAAC;EAC3B,CAAC;EAED,IAAAG,gBAAS,EAAC,MAAM;IACdZ,UAAU,CAAC,IAAAE,gCAAgB,EAACJ,cAAc,CAAC,CAAC;EAC9C,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EACpB,IAAAc,gBAAS,EAAC,MAAM;IACdR,OAAO,CAAC,IAAAC,+BAAe,EAACT,IAAI,EAAEC,QAAQ,EAAEC,cAAc,CAAC,CAAC;EAC1D,CAAC,EAAE,CAACF,IAAI,EAAEC,QAAQ,EAAEC,cAAc,CAAC,CAAC;EACpC,OACE,6BAAC,qBAAS;IACR,MAAM,EAAEQ,UAAW;IACnB,OAAO,EAAEP,OAAQ;IACjB,OAAO,EAAC;EAAwB,GAE/BI,IAAI,CACK;AAEhB,CAAC;AAAA"}