@looker/run-it 0.9.52 → 0.9.53

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

@@ -1,38 +1,30 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PerfTracker = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _components = require("@looker/components");
-var _Delete = require("@styled-icons/material/Delete");
-var _ConfigForm = require("../ConfigForm");
-var _Loading = require("../Loading");
-var _perfUtils = require("./perfUtils");
-var _PerfChart = require("./PerfChart");
-var _PerfTable = require("./PerfTable");
-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; }
+import React, { useEffect, useState } from 'react';
+import { Heading, FlexItem, IconButton, SpaceVertical, FieldToggleSwitch, Flex } from '@looker/components';
+import { Delete } from '@styled-icons/material/Delete';
+import { RunItConfigKey } from '../ConfigForm';
+import { Loading } from '../Loading';
+import { PerfTimings } from './perfUtils';
+import { PerfChart } from './PerfChart';
+import { PerfTable } from './PerfTable';
 var perfFilter = function perfFilter() {
   var all = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   if (all) return '.*';
-  var value = localStorage.getItem(_ConfigForm.RunItConfigKey);
+  var value = localStorage.getItem(RunItConfigKey);
   if (!value) return '.*';
   var config = JSON.parse(value);
   var url = new URL(config.base_url);
   return "".concat(url.protocol, "//").concat(url.hostname, ".*");
 };
-var PerfTracker = _ref => {
+export var PerfTracker = _ref => {
   var {
-    perf = new _perfUtils.PerfTimings(),
+    perf = new PerfTimings(),
     showAllColumns = false
   } = _ref;
-  var [loading, setLoading] = (0, _react.useState)(false);
-  var [showAll, setShowAll] = (0, _react.useState)(false);
-  var [filter, setFilter] = (0, _react.useState)(perfFilter());
-  var [data, setData] = (0, _react.useState)(perf.entries(filter));
-  var [timings, setTimings] = (0, _react.useState)(data.length > 0 ? data[0] : undefined);
+  var [loading, setLoading] = useState(false);
+  var [showAll, setShowAll] = useState(false);
+  var [filter, setFilter] = useState(perfFilter());
+  var [data, setData] = useState(perf.entries(filter));
+  var [timings, setTimings] = useState(data.length > 0 ? data[0] : undefined);
   var handleClear = _ => {
     setLoading(true);
     perf.clear();
@@ -47,30 +39,29 @@ var PerfTracker = _ref => {
     setFilter(pf);
     setData(perf.entries(pf));
   };
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     setLoading(false);
   }, [data]);
   var handleSelect = item => setTimings(item);
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.Heading, null, "Load Times for ", filter), _react.default.createElement(_components.Flex, null, _react.default.createElement(_components.FlexItem, null, _react.default.createElement(_components.IconButton, {
-    icon: _react.default.createElement(_Delete.Delete, null),
+  return React.createElement(React.Fragment, null, React.createElement(Heading, null, "Load Times for ", filter), React.createElement(Flex, null, React.createElement(FlexItem, null, React.createElement(IconButton, {
+    icon: React.createElement(Delete, null),
     onClick: handleClear,
     label: "Clear the performance queue"
-  })), _react.default.createElement(_components.FlexItem, null, _react.default.createElement(_components.FieldToggleSwitch, {
+  })), React.createElement(FlexItem, null, React.createElement(FieldToggleSwitch, {
     name: "filtering",
     label: "Show All",
     onChange: handleFilterChange,
     on: showAll
-  })), _react.default.createElement(_components.FlexItem, null, _react.default.createElement(_Loading.Loading, {
+  })), React.createElement(FlexItem, null, React.createElement(Loading, {
     loading: loading
-  }))), _react.default.createElement(_react.default.Fragment, null, !_perfUtils.PerfTimings.supported && 'Performance timing is not supported in this browser', _perfUtils.PerfTimings.supported && !!timings && _react.default.createElement(_components.SpaceVertical, {
+  }))), React.createElement(React.Fragment, null, !PerfTimings.supported && 'Performance timing is not supported in this browser', PerfTimings.supported && !!timings && React.createElement(SpaceVertical, {
     gap: "small"
-  }, _react.default.createElement(_PerfChart.PerfChart, {
+  }, React.createElement(PerfChart, {
     loadTimes: timings
-  }), _react.default.createElement(_PerfTable.PerfTable, {
+  }), React.createElement(PerfTable, {
     data: data,
     onSelect: handleSelect,
     showAllColumns: showAllColumns
-  })), _perfUtils.PerfTimings.supported && data.length < 1 && 'No performance data is loaded'));
+  })), PerfTimings.supported && data.length < 1 && 'No performance data is loaded'));
 };
-exports.PerfTracker = PerfTracker;
 //# sourceMappingURL=PerfTracker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PerfTracker.js","names":["_react","_interopRequireWildcard","require","_components","_Delete","_ConfigForm","_Loading","_perfUtils","_PerfChart","_PerfTable","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","perfFilter","all","arguments","length","undefined","value","localStorage","getItem","RunItConfigKey","config","JSON","parse","url","URL","base_url","concat","protocol","hostname","PerfTracker","_ref","perf","PerfTimings","showAllColumns","loading","setLoading","useState","showAll","setShowAll","filter","setFilter","data","setData","entries","timings","setTimings","handleClear","_","clear","handleFilterChange","e","target","checked","pf","useEffect","handleSelect","item","createElement","Fragment","Heading","Flex","FlexItem","IconButton","icon","Delete","onClick","label","FieldToggleSwitch","name","onChange","on","Loading","supported","SpaceVertical","gap","PerfChart","loadTimes","PerfTable","onSelect","exports"],"sources":["../../../../src/components/PerfTracker/PerfTracker.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, { useEffect, useState } from 'react'\nimport {\n  Heading,\n  FlexItem,\n  IconButton,\n  SpaceVertical,\n  FieldToggleSwitch,\n  Flex,\n} from '@looker/components'\nimport { Delete } from '@styled-icons/material/Delete'\n\nimport { RunItConfigKey } from '../ConfigForm'\nimport { Loading } from '../Loading'\nimport type { LoadTimes } from './perfUtils'\nimport { PerfTimings } from './perfUtils'\nimport { PerfChart } from './PerfChart'\nimport { PerfTable } from './PerfTable'\n\ninterface PerfTrackerProps {\n  perf?: PerfTimings\n  showAllColumns?: boolean\n}\n\nconst perfFilter = (all = false) => {\n  if (all) return '.*'\n  // TODO: temporary solution until redux is introduced in RunIt. Using the env\n  // adaptor makes the below async, which in turn makes it hard to use this to\n  // set the initial state. PerfTracker is only used in the standalone version\n  // so this achieves parity.\n  const value = localStorage.getItem(RunItConfigKey)\n  if (!value) return '.*'\n  const config = JSON.parse(value)\n  const url = new URL(config.base_url)\n  return `${url.protocol}//${url.hostname}.*`\n}\n\nexport const PerfTracker: FC<PerfTrackerProps> = ({\n  perf = new PerfTimings(),\n  showAllColumns = false,\n}) => {\n  // TODO UI option to filter by url pattern\n  const [loading, setLoading] = useState(false)\n  const [showAll, setShowAll] = useState(false)\n  const [filter, setFilter] = useState(perfFilter())\n  const [data, setData] = useState<LoadTimes[]>(perf.entries(filter))\n  const [timings, setTimings] = useState(data.length > 0 ? data[0] : undefined)\n\n  const handleClear = (_: BaseSyntheticEvent) => {\n    setLoading(true)\n    perf.clear()\n    setData([])\n    setTimings(undefined)\n  }\n\n  const handleFilterChange = (e: BaseSyntheticEvent) => {\n    setLoading(true)\n    const all = e.target.checked\n    setShowAll(all)\n    const pf = perfFilter(all)\n    setFilter(pf)\n    setData(perf.entries(pf))\n  }\n\n  useEffect(() => {\n    setLoading(false)\n  }, [data])\n\n  const handleSelect = (item: LoadTimes) => setTimings(item)\n\n  return (\n    <>\n      <Heading>Load Times for {filter}</Heading>\n      <Flex>\n        <FlexItem>\n          <IconButton\n            icon={<Delete />}\n            onClick={handleClear}\n            label=\"Clear the performance queue\"\n          />\n        </FlexItem>\n        <FlexItem>\n          <FieldToggleSwitch\n            name=\"filtering\"\n            label=\"Show All\"\n            onChange={handleFilterChange}\n            on={showAll}\n          />\n        </FlexItem>\n        <FlexItem>\n          <Loading loading={loading} />\n        </FlexItem>\n      </Flex>\n      <>\n        {!PerfTimings.supported &&\n          'Performance timing is not supported in this browser'}\n        {PerfTimings.supported && !!timings && (\n          <SpaceVertical gap=\"small\">\n            <PerfChart loadTimes={timings} />\n            <PerfTable\n              data={data}\n              onSelect={handleSelect}\n              showAllColumns={showAllColumns}\n            />\n          </SpaceVertical>\n        )}\n        {PerfTimings.supported &&\n          data.length < 1 &&\n          'No performance data is loaded'}\n      </>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"PerfTracker.js","names":["React","useEffect","useState","Heading","FlexItem","IconButton","SpaceVertical","FieldToggleSwitch","Flex","Delete","RunItConfigKey","Loading","PerfTimings","PerfChart","PerfTable","perfFilter","all","arguments","length","undefined","value","localStorage","getItem","config","JSON","parse","url","URL","base_url","concat","protocol","hostname","PerfTracker","_ref","perf","showAllColumns","loading","setLoading","showAll","setShowAll","filter","setFilter","data","setData","entries","timings","setTimings","handleClear","_","clear","handleFilterChange","e","target","checked","pf","handleSelect","item","createElement","Fragment","icon","onClick","label","name","onChange","on","supported","gap","loadTimes","onSelect"],"sources":["../../../../src/components/PerfTracker/PerfTracker.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, { useEffect, useState } from 'react'\nimport {\n  Heading,\n  FlexItem,\n  IconButton,\n  SpaceVertical,\n  FieldToggleSwitch,\n  Flex,\n} from '@looker/components'\nimport { Delete } from '@styled-icons/material/Delete'\n\nimport { RunItConfigKey } from '../ConfigForm'\nimport { Loading } from '../Loading'\nimport type { LoadTimes } from './perfUtils'\nimport { PerfTimings } from './perfUtils'\nimport { PerfChart } from './PerfChart'\nimport { PerfTable } from './PerfTable'\n\ninterface PerfTrackerProps {\n  perf?: PerfTimings\n  showAllColumns?: boolean\n}\n\nconst perfFilter = (all = false) => {\n  if (all) return '.*'\n  // TODO: temporary solution until redux is introduced in RunIt. Using the env\n  // adaptor makes the below async, which in turn makes it hard to use this to\n  // set the initial state. PerfTracker is only used in the standalone version\n  // so this achieves parity.\n  const value = localStorage.getItem(RunItConfigKey)\n  if (!value) return '.*'\n  const config = JSON.parse(value)\n  const url = new URL(config.base_url)\n  return `${url.protocol}//${url.hostname}.*`\n}\n\nexport const PerfTracker: FC<PerfTrackerProps> = ({\n  perf = new PerfTimings(),\n  showAllColumns = false,\n}) => {\n  // TODO UI option to filter by url pattern\n  const [loading, setLoading] = useState(false)\n  const [showAll, setShowAll] = useState(false)\n  const [filter, setFilter] = useState(perfFilter())\n  const [data, setData] = useState<LoadTimes[]>(perf.entries(filter))\n  const [timings, setTimings] = useState(data.length > 0 ? data[0] : undefined)\n\n  const handleClear = (_: BaseSyntheticEvent) => {\n    setLoading(true)\n    perf.clear()\n    setData([])\n    setTimings(undefined)\n  }\n\n  const handleFilterChange = (e: BaseSyntheticEvent) => {\n    setLoading(true)\n    const all = e.target.checked\n    setShowAll(all)\n    const pf = perfFilter(all)\n    setFilter(pf)\n    setData(perf.entries(pf))\n  }\n\n  useEffect(() => {\n    setLoading(false)\n  }, [data])\n\n  const handleSelect = (item: LoadTimes) => setTimings(item)\n\n  return (\n    <>\n      <Heading>Load Times for {filter}</Heading>\n      <Flex>\n        <FlexItem>\n          <IconButton\n            icon={<Delete />}\n            onClick={handleClear}\n            label=\"Clear the performance queue\"\n          />\n        </FlexItem>\n        <FlexItem>\n          <FieldToggleSwitch\n            name=\"filtering\"\n            label=\"Show All\"\n            onChange={handleFilterChange}\n            on={showAll}\n          />\n        </FlexItem>\n        <FlexItem>\n          <Loading loading={loading} />\n        </FlexItem>\n      </Flex>\n      <>\n        {!PerfTimings.supported &&\n          'Performance timing is not supported in this browser'}\n        {PerfTimings.supported && !!timings && (\n          <SpaceVertical gap=\"small\">\n            <PerfChart loadTimes={timings} />\n            <PerfTable\n              data={data}\n              onSelect={handleSelect}\n              showAllColumns={showAllColumns}\n            />\n          </SpaceVertical>\n        )}\n        {PerfTimings.supported &&\n          data.length < 1 &&\n          'No performance data is loaded'}\n      </>\n    </>\n  )\n}\n"],"mappings":"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"}

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

@@ -1,20 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "PerfTimings", {
-  enumerable: true,
-  get: function get() {
-    return _perfUtils.PerfTimings;
-  }
-});
-Object.defineProperty(exports, "PerfTracker", {
-  enumerable: true,
-  get: function get() {
-    return _PerfTracker.PerfTracker;
-  }
-});
-var _PerfTracker = require("./PerfTracker");
-var _perfUtils = require("./perfUtils");
+export { PerfTracker } from './PerfTracker';
+export { PerfTimings } from './perfUtils';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_PerfTracker","require","_perfUtils"],"sources":["../../../../src/components/PerfTracker/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 { PerfTracker } from './PerfTracker'\nexport { PerfTimings } from './perfUtils'\n"],"mappings":";;;;;;;;;;;;;;;;;AAyBA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA"}
+{"version":3,"file":"index.js","names":["PerfTracker","PerfTimings"],"sources":["../../../../src/components/PerfTracker/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 { PerfTracker } from './PerfTracker'\nexport { PerfTimings } from './perfUtils'\n"],"mappings":"AAyBA,SAASA,WAAW,QAAQ,eAAe;AAC3C,SAASC,WAAW,QAAQ,aAAa"}

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

@@ -1,15 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.perfTableColumns = exports.createTableRows = exports.UrlText = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _components = require("@looker/components");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _perfUtils = require("./perfUtils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var perfTableColumns = function perfTableColumns() {
+import React from 'react';
+import { DataTableItem, Tooltip, Text, DataTableCell } from '@looker/components';
+import styled from 'styled-components';
+import { perfRound } from './perfUtils';
+export var perfTableColumns = function perfTableColumns() {
   var all = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var numericColumns = all ? 9 : 6;
   var urlWidth = all ? 13 : 20;
@@ -91,33 +84,31 @@ var perfTableColumns = function perfTableColumns() {
   });
   return result;
 };
-exports.perfTableColumns = perfTableColumns;
 var Metric = _ref => {
   var {
     value,
     description
   } = _ref;
-  return _react.default.createElement(_components.Tooltip, {
+  return React.createElement(Tooltip, {
     placement: "right",
     textAlign: "left",
-    content: _react.default.createElement(_react.default.Fragment, null, description)
-  }, _react.default.createElement("span", null, value));
+    content: React.createElement(React.Fragment, null, description)
+  }, React.createElement("span", null, value));
 };
-var metric = (value, description) => _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(Metric, {
+var metric = (value, description) => React.createElement(React.Fragment, null, React.createElement(Metric, {
   value: value,
   description: "".concat(description, " (").concat(value, " ms)")
 }));
-var UrlText = (0, _styledComponents.default)(_components.Text).withConfig({
+export var UrlText = styled(Text).withConfig({
   displayName: "perfTableUtils__UrlText",
   componentId: "sc-eq1lm0-0"
 })(["display:inline-block;direction:rtl;width:78px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;"]);
-exports.UrlText = UrlText;
 var urlColumn = value => {
   var url = new URL(value);
   var path = "".concat(url.pathname).concat(url.search);
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.Tooltip, {
+  return React.createElement(React.Fragment, null, React.createElement(Tooltip, {
     content: value
-  }, _react.default.createElement(UrlText, {
+  }, React.createElement(UrlText, {
     mb: "0",
     pt: "0",
     fontSize: "xsmall"
@@ -125,19 +116,18 @@ var urlColumn = value => {
 };
 var extraPerfColumns = function extraPerfColumns(item) {
   var showAllColumns = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  if (!showAllColumns) return _react.default.createElement(_react.default.Fragment, null);
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.DataTableCell, null, metric(item.connect, 'Immediately before the browser starts to establish the connection to the server to retrieve the resource until the connection is established.')), _react.default.createElement(_components.DataTableCell, null, metric(item.secureConnection, 'Immediately before the browser starts the handshake process to secure the current connection until the connection ends. 0 if not a secure connection.')), _react.default.createElement(_components.DataTableCell, null, metric(item.responseTime, 'Immediately after the browser receives the first byte of the response from the server until the response ends.')));
+  if (!showAllColumns) return React.createElement(React.Fragment, null);
+  return React.createElement(React.Fragment, null, React.createElement(DataTableCell, null, metric(item.connect, 'Immediately before the browser starts to establish the connection to the server to retrieve the resource until the connection is established.')), React.createElement(DataTableCell, null, metric(item.secureConnection, 'Immediately before the browser starts the handshake process to secure the current connection until the connection ends. 0 if not a secure connection.')), React.createElement(DataTableCell, null, metric(item.responseTime, 'Immediately after the browser receives the first byte of the response from the server until the response ends.')));
 };
-var createTableRows = function createTableRows(data, onSelect) {
+export var createTableRows = function createTableRows(data, onSelect) {
   var showAllColumns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return data.map((item, index) => {
     var id = "".concat(item.name, ".").concat(index);
-    return _react.default.createElement(_components.DataTableItem, {
+    return React.createElement(DataTableItem, {
       id: id,
       key: id,
       onClick: onSelect.bind(null, item)
-    }, _react.default.createElement(_components.DataTableCell, null, urlColumn(item.name)), _react.default.createElement(_components.DataTableCell, null, metric(item.domainLookup, 'Immediately before the browser starts the domain name lookup until it ends')), extraPerfColumns(item, showAllColumns), _react.default.createElement(_components.DataTableCell, null, metric(item.fetchUntilResponseEnd, 'Immediately before the browser starts to fetch the resource until the response ends')), _react.default.createElement(_components.DataTableCell, null, metric(item.requestUntilResponseEnd, 'Immediately after the browser receives the first byte of the response from the server until the response ends')), _react.default.createElement(_components.DataTableCell, null, metric(item.startUntilResponseEnd, 'Immediately before the browser starts requesting the resource from the server')), _react.default.createElement(_components.DataTableCell, null, metric((0, _perfUtils.perfRound)(item.processDuration), 'Total time to process the payload')), _react.default.createElement(_components.DataTableCell, null, metric((0, _perfUtils.perfRound)(item.duration), 'Total time of the request and response')));
+    }, React.createElement(DataTableCell, null, urlColumn(item.name)), React.createElement(DataTableCell, null, metric(item.domainLookup, 'Immediately before the browser starts the domain name lookup until it ends')), extraPerfColumns(item, showAllColumns), React.createElement(DataTableCell, null, metric(item.fetchUntilResponseEnd, 'Immediately before the browser starts to fetch the resource until the response ends')), React.createElement(DataTableCell, null, metric(item.requestUntilResponseEnd, 'Immediately after the browser receives the first byte of the response from the server until the response ends')), React.createElement(DataTableCell, null, metric(item.startUntilResponseEnd, 'Immediately before the browser starts requesting the resource from the server')), React.createElement(DataTableCell, null, metric(perfRound(item.processDuration), 'Total time to process the payload')), React.createElement(DataTableCell, null, metric(perfRound(item.duration), 'Total time of the request and response')));
   });
 };
-exports.createTableRows = createTableRows;
 //# sourceMappingURL=perfTableUtils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"perfTableUtils.js","names":["_react","_interopRequireDefault","require","_components","_styledComponents","_perfUtils","obj","__esModule","default","perfTableColumns","all","arguments","length","undefined","numericColumns","urlWidth","numWidth","result","canSort","id","primaryKey","title","type","widthPercent","push","exports","Metric","_ref","value","description","createElement","Tooltip","placement","textAlign","content","Fragment","metric","concat","UrlText","styled","Text","withConfig","displayName","componentId","urlColumn","url","URL","path","pathname","search","mb","pt","fontSize","extraPerfColumns","item","showAllColumns","DataTableCell","connect","secureConnection","responseTime","createTableRows","data","onSelect","map","index","name","DataTableItem","key","onClick","bind","domainLookup","fetchUntilResponseEnd","requestUntilResponseEnd","startUntilResponseEnd","perfRound","processDuration","duration"],"sources":["../../../../src/components/PerfTracker/perfTableUtils.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { FC } from 'react'\nimport React from 'react'\nimport type { DataTableColumns } from '@looker/components'\nimport { DataTableItem, Tooltip, Text, DataTableCell } from '@looker/components'\nimport styled from 'styled-components'\nimport type { LoadTimes } from './perfUtils'\nimport { perfRound } from './perfUtils'\n\n/**\n * An array of columns defining the PerfTable\n * @param all true to include all columns\n */\nexport const perfTableColumns = (all = false) => {\n  const numericColumns = all ? 9 : 6\n  const urlWidth = all ? 13 : 20\n  const numWidth = (100 - urlWidth) / numericColumns + 1\n  const result = [\n    {\n      canSort: true,\n      id: 'id',\n      primaryKey: true,\n      title: 'URL',\n      type: 'string',\n      widthPercent: urlWidth,\n    },\n  ]\n  if (all) {\n    result.push(\n      {\n        canSort: true,\n        id: 'domainLookup',\n        primaryKey: false,\n        title: 'Domain',\n        type: 'number',\n        widthPercent: numWidth,\n      },\n      {\n        canSort: true,\n        id: 'connect',\n        primaryKey: false,\n        title: 'Connect',\n        type: 'number',\n        widthPercent: numWidth,\n      },\n      {\n        canSort: true,\n        id: 'secureConnection',\n        primaryKey: false,\n        title: 'Secure',\n        type: 'number',\n        widthPercent: numWidth,\n      }\n    )\n  }\n  result.push(\n    {\n      canSort: true,\n      id: 'responseTime',\n      primaryKey: false,\n      title: 'Response',\n      type: 'number',\n      widthPercent: numWidth,\n    },\n    {\n      canSort: true,\n      id: 'fetchUntilResponseEnd',\n      primaryKey: false,\n      title: 'Fetch',\n      type: 'number',\n      widthPercent: numWidth,\n    },\n    {\n      canSort: true,\n      id: 'requestUntilResponseEnd',\n      primaryKey: false,\n      title: 'Request',\n      type: 'number',\n      widthPercent: numWidth,\n    },\n    {\n      canSort: true,\n      id: 'startUntilResponseEnd',\n      primaryKey: false,\n      title: 'Start',\n      type: 'number',\n      widthPercent: numWidth,\n    },\n    {\n      canSort: true,\n      id: 'processDuration',\n      primaryKey: false,\n      title: 'Processing',\n      type: 'number',\n      widthPercent: numWidth,\n    },\n    {\n      canSort: true,\n      id: 'duration',\n      primaryKey: false,\n      title: 'Duration',\n      type: 'number',\n      widthPercent: numWidth,\n    }\n  )\n  return result as DataTableColumns\n}\n\ninterface MetricProps {\n  value: number\n  description: string\n}\n\n/**\n * Renders a metric with its description in a tooltip\n */\nconst Metric: FC<MetricProps> = ({ value, description }) => (\n  <Tooltip placement=\"right\" textAlign=\"left\" content={<>{description}</>}>\n    <span>{value}</span>\n  </Tooltip>\n)\n\n/**\n * Helper function to create a metric data cell\n * @param value milliseconds of performance metric\n * @param description to explain the metric, with ms value appended\n */\nconst metric = (value: number, description: string) => (\n  <>\n    <Metric value={value} description={`${description} (${value} ms)`} />\n  </>\n)\n\n/**\n * Styling override to align url paths to the right and truncate to the left\n */\nexport const UrlText = styled(Text)`\n  display: inline-block;\n  direction: rtl;\n  width: 78px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n`\n\n/**\n * Special url value display handling\n * @param value is the url to massage\n */\nconst urlColumn = (value: string) => {\n  const url = new URL(value)\n  const path = `${url.pathname}${url.search}`\n  return (\n    <>\n      <Tooltip content={value}>\n        <UrlText mb=\"0\" pt=\"0\" fontSize=\"xsmall\">\n          {path}\n        </UrlText>\n      </Tooltip>\n    </>\n  )\n}\n\n/**\n * Creates the extra performance columns if showAllColumns is true\n * @param item to put into row data\n * @param showAllColumns toggle for showing or skipping these performance columns\n */\nconst extraPerfColumns = (item: LoadTimes, showAllColumns = false) => {\n  if (!showAllColumns) return <></>\n  return (\n    <>\n      <DataTableCell>\n        {metric(\n          item.connect,\n          'Immediately before the browser starts to establish the connection to the server to retrieve the resource until the connection is established.'\n        )}\n      </DataTableCell>\n      <DataTableCell>\n        {metric(\n          item.secureConnection,\n          'Immediately before the browser starts the handshake process to secure the current connection until the connection ends. 0 if not a secure connection.'\n        )}\n      </DataTableCell>\n      <DataTableCell>\n        {metric(\n          item.responseTime,\n          'Immediately after the browser receives the first byte of the response from the server until the response ends.'\n        )}\n      </DataTableCell>\n    </>\n  )\n}\n\n/**\n * Generates PerfTable rows from an array of resource load times\n * @param data A array of resource load times\n * @param onSelect A handler for performing an action when a row is clicked\n * @param showAllColumns should be true to show all columns\n */\nexport const createTableRows = (\n  data: LoadTimes[],\n  onSelect: (item: LoadTimes) => void,\n  showAllColumns = false\n) =>\n  data.map((item, index) => {\n    const id = `${item.name}.${index}`\n    return (\n      <DataTableItem id={id} key={id} onClick={onSelect.bind(null, item)}>\n        <DataTableCell>{urlColumn(item.name)}</DataTableCell>\n        <DataTableCell>\n          {metric(\n            item.domainLookup,\n            'Immediately before the browser starts the domain name lookup until it ends'\n          )}\n        </DataTableCell>\n        {extraPerfColumns(item, showAllColumns)}\n        <DataTableCell>\n          {metric(\n            item.fetchUntilResponseEnd,\n            'Immediately before the browser starts to fetch the resource until the response ends'\n          )}\n        </DataTableCell>\n        <DataTableCell>\n          {metric(\n            item.requestUntilResponseEnd,\n            'Immediately after the browser receives the first byte of the response from the server until the response ends'\n          )}\n        </DataTableCell>\n        <DataTableCell>\n          {metric(\n            item.startUntilResponseEnd,\n            'Immediately before the browser starts requesting the resource from the server'\n          )}\n        </DataTableCell>\n        <DataTableCell>\n          {metric(\n            perfRound(item.processDuration),\n            'Total time to process the payload'\n          )}\n        </DataTableCell>\n        <DataTableCell>\n          {metric(\n            perfRound(item.duration),\n            'Total time of the request and response'\n          )}\n        </DataTableCell>\n      </DataTableItem>\n    )\n  })\n"],"mappings":"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"}
+{"version":3,"file":"perfTableUtils.js","names":["React","DataTableItem","Tooltip","Text","DataTableCell","styled","perfRound","perfTableColumns","all","arguments","length","undefined","numericColumns","urlWidth","numWidth","result","canSort","id","primaryKey","title","type","widthPercent","push","Metric","_ref","value","description","createElement","placement","textAlign","content","Fragment","metric","concat","UrlText","withConfig","displayName","componentId","urlColumn","url","URL","path","pathname","search","mb","pt","fontSize","extraPerfColumns","item","showAllColumns","connect","secureConnection","responseTime","createTableRows","data","onSelect","map","index","name","key","onClick","bind","domainLookup","fetchUntilResponseEnd","requestUntilResponseEnd","startUntilResponseEnd","processDuration","duration"],"sources":["../../../../src/components/PerfTracker/perfTableUtils.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { FC } from 'react'\nimport React from 'react'\nimport type { DataTableColumns } from '@looker/components'\nimport { DataTableItem, Tooltip, Text, DataTableCell } from '@looker/components'\nimport styled from 'styled-components'\nimport type { LoadTimes } from './perfUtils'\nimport { perfRound } from './perfUtils'\n\n/**\n * An array of columns defining the PerfTable\n * @param all true to include all columns\n */\nexport const perfTableColumns = (all = false) => {\n  const numericColumns = all ? 9 : 6\n  const urlWidth = all ? 13 : 20\n  const numWidth = (100 - urlWidth) / numericColumns + 1\n  const result = [\n    {\n      canSort: true,\n      id: 'id',\n      primaryKey: true,\n      title: 'URL',\n      type: 'string',\n      widthPercent: urlWidth,\n    },\n  ]\n  if (all) {\n    result.push(\n      {\n        canSort: true,\n        id: 'domainLookup',\n        primaryKey: false,\n        title: 'Domain',\n        type: 'number',\n        widthPercent: numWidth,\n      },\n      {\n        canSort: true,\n        id: 'connect',\n        primaryKey: false,\n        title: 'Connect',\n        type: 'number',\n        widthPercent: numWidth,\n      },\n      {\n        canSort: true,\n        id: 'secureConnection',\n        primaryKey: false,\n        title: 'Secure',\n        type: 'number',\n        widthPercent: numWidth,\n      }\n    )\n  }\n  result.push(\n    {\n      canSort: true,\n      id: 'responseTime',\n      primaryKey: false,\n      title: 'Response',\n      type: 'number',\n      widthPercent: numWidth,\n    },\n    {\n      canSort: true,\n      id: 'fetchUntilResponseEnd',\n      primaryKey: false,\n      title: 'Fetch',\n      type: 'number',\n      widthPercent: numWidth,\n    },\n    {\n      canSort: true,\n      id: 'requestUntilResponseEnd',\n      primaryKey: false,\n      title: 'Request',\n      type: 'number',\n      widthPercent: numWidth,\n    },\n    {\n      canSort: true,\n      id: 'startUntilResponseEnd',\n      primaryKey: false,\n      title: 'Start',\n      type: 'number',\n      widthPercent: numWidth,\n    },\n    {\n      canSort: true,\n      id: 'processDuration',\n      primaryKey: false,\n      title: 'Processing',\n      type: 'number',\n      widthPercent: numWidth,\n    },\n    {\n      canSort: true,\n      id: 'duration',\n      primaryKey: false,\n      title: 'Duration',\n      type: 'number',\n      widthPercent: numWidth,\n    }\n  )\n  return result as DataTableColumns\n}\n\ninterface MetricProps {\n  value: number\n  description: string\n}\n\n/**\n * Renders a metric with its description in a tooltip\n */\nconst Metric: FC<MetricProps> = ({ value, description }) => (\n  <Tooltip placement=\"right\" textAlign=\"left\" content={<>{description}</>}>\n    <span>{value}</span>\n  </Tooltip>\n)\n\n/**\n * Helper function to create a metric data cell\n * @param value milliseconds of performance metric\n * @param description to explain the metric, with ms value appended\n */\nconst metric = (value: number, description: string) => (\n  <>\n    <Metric value={value} description={`${description} (${value} ms)`} />\n  </>\n)\n\n/**\n * Styling override to align url paths to the right and truncate to the left\n */\nexport const UrlText = styled(Text)`\n  display: inline-block;\n  direction: rtl;\n  width: 78px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n`\n\n/**\n * Special url value display handling\n * @param value is the url to massage\n */\nconst urlColumn = (value: string) => {\n  const url = new URL(value)\n  const path = `${url.pathname}${url.search}`\n  return (\n    <>\n      <Tooltip content={value}>\n        <UrlText mb=\"0\" pt=\"0\" fontSize=\"xsmall\">\n          {path}\n        </UrlText>\n      </Tooltip>\n    </>\n  )\n}\n\n/**\n * Creates the extra performance columns if showAllColumns is true\n * @param item to put into row data\n * @param showAllColumns toggle for showing or skipping these performance columns\n */\nconst extraPerfColumns = (item: LoadTimes, showAllColumns = false) => {\n  if (!showAllColumns) return <></>\n  return (\n    <>\n      <DataTableCell>\n        {metric(\n          item.connect,\n          'Immediately before the browser starts to establish the connection to the server to retrieve the resource until the connection is established.'\n        )}\n      </DataTableCell>\n      <DataTableCell>\n        {metric(\n          item.secureConnection,\n          'Immediately before the browser starts the handshake process to secure the current connection until the connection ends. 0 if not a secure connection.'\n        )}\n      </DataTableCell>\n      <DataTableCell>\n        {metric(\n          item.responseTime,\n          'Immediately after the browser receives the first byte of the response from the server until the response ends.'\n        )}\n      </DataTableCell>\n    </>\n  )\n}\n\n/**\n * Generates PerfTable rows from an array of resource load times\n * @param data A array of resource load times\n * @param onSelect A handler for performing an action when a row is clicked\n * @param showAllColumns should be true to show all columns\n */\nexport const createTableRows = (\n  data: LoadTimes[],\n  onSelect: (item: LoadTimes) => void,\n  showAllColumns = false\n) =>\n  data.map((item, index) => {\n    const id = `${item.name}.${index}`\n    return (\n      <DataTableItem id={id} key={id} onClick={onSelect.bind(null, item)}>\n        <DataTableCell>{urlColumn(item.name)}</DataTableCell>\n        <DataTableCell>\n          {metric(\n            item.domainLookup,\n            'Immediately before the browser starts the domain name lookup until it ends'\n          )}\n        </DataTableCell>\n        {extraPerfColumns(item, showAllColumns)}\n        <DataTableCell>\n          {metric(\n            item.fetchUntilResponseEnd,\n            'Immediately before the browser starts to fetch the resource until the response ends'\n          )}\n        </DataTableCell>\n        <DataTableCell>\n          {metric(\n            item.requestUntilResponseEnd,\n            'Immediately after the browser receives the first byte of the response from the server until the response ends'\n          )}\n        </DataTableCell>\n        <DataTableCell>\n          {metric(\n            item.startUntilResponseEnd,\n            'Immediately before the browser starts requesting the resource from the server'\n          )}\n        </DataTableCell>\n        <DataTableCell>\n          {metric(\n            perfRound(item.processDuration),\n            'Total time to process the payload'\n          )}\n        </DataTableCell>\n        <DataTableCell>\n          {metric(\n            perfRound(item.duration),\n            'Total time of the request and response'\n          )}\n        </DataTableCell>\n      </DataTableItem>\n    )\n  })\n"],"mappings":"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"}

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

@@ -1,16 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.perfRound = exports.PerfTimings = exports.LoadTimes = void 0;
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var perfRound = num => Math.round((num + Number.EPSILON) * 10000) / 10000;
-exports.perfRound = perfRound;
+export var perfRound = num => Math.round((num + Number.EPSILON) * 10000) / 10000;
 var diff = (end, start) => perfRound(end - start);
-class LoadTimes {
+export class LoadTimes {
   constructor(entry) {
     this.entry = entry;
     _defineProperty(this, "duration", 0);
@@ -56,8 +49,7 @@ class LoadTimes {
     return this.entry.name;
   }
 }
-exports.LoadTimes = LoadTimes;
-class PerfTimings {
+export class PerfTimings {
   static get supported() {
     if (PerfTimings._supported === undefined) {
       try {
@@ -108,6 +100,5 @@ class PerfTimings {
     return this._full;
   }
 }
-exports.PerfTimings = PerfTimings;
 _defineProperty(PerfTimings, "_supported", undefined);
 //# sourceMappingURL=perfUtils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"perfUtils.js","names":["perfRound","num","Math","round","Number","EPSILON","exports","diff","end","start","LoadTimes","constructor","entry","_defineProperty","resource","redirect","redirectEnd","redirectStart","domainLookup","domainLookupEnd","domainLookupStart","connect","connectEnd","connectStart","secureConnectionStart","secureConnection","responseTime","responseEnd","responseStart","fetchStart","fetchUntilResponseEnd","requestStart","requestUntilResponseEnd","startTime","startUntilResponseEnd","calcProcessTime","duration","performance","getEntriesByName","undefined","entries","concat","name","length","measure","processStart","processEnd","processDuration","PerfTimings","supported","_supported","_unused","value","onresourcetimingbufferfull","_ev","_full","clear","clearResourceTimings","clearMarks","clearMeasures","pattern","arguments","type","ex","RegExp","getEntriesByType","filter","p","test","map","bufferSize","_bufferSize","setResourceTimingBufferSize","isFull"],"sources":["../../../../src/components/PerfTracker/perfUtils.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\n/**\n * Calculation of Load times for a resource performance entry\n */\nexport interface IResourceLoadTimes {\n  entry: PerformanceEntry\n  name: string\n  duration: number\n  redirect: number\n  domainLookup: number\n  connect: number\n  secureConnection: number\n  responseTime: number\n  fetchUntilResponseEnd: number\n  requestUntilResponseEnd: number\n  startUntilResponseEnd: number\n  processStart: number\n  processEnd: number\n  processDuration: number\n}\n\n/**\n * Rounds a number to 3 decimal places\n */\nexport const perfRound = (num: number) =>\n  Math.round((num + Number.EPSILON) * 10000) / 10000\n\n/**\n * Round and scale (if needed) the difference in performance metrics\n * @param end of high precision timer metric\n * @param start of high precision timer metric\n * @returns rounded difference of end - start\n */\nconst diff = (end: number, start: number) => perfRound(end - start)\n\nexport class LoadTimes implements IResourceLoadTimes {\n  duration = 0\n  redirect = 0\n  domainLookup = 0\n  connect = 0\n  secureConnection = 0\n  responseTime = 0\n  fetchUntilResponseEnd = 0\n  requestUntilResponseEnd = 0\n  startUntilResponseEnd = 0\n  processStart = 0\n  processEnd = 0\n  processDuration = 0\n\n  constructor(public entry: PerformanceEntry) {\n    if ('redirectStart' in entry) {\n      // https://developer.mozilla.org/en-US/docs/Web/API/PerformanceResourceTiming\n      // Either a `PerformanceResourceTiming` or `PerformanceTiming` instance\n      const resource = entry as PerformanceResourceTiming\n      this.redirect = diff(resource.redirectEnd, resource.redirectStart)\n      this.domainLookup = diff(\n        resource.domainLookupEnd,\n        resource.domainLookupStart\n      )\n      this.connect = diff(resource.connectEnd, resource.connectStart)\n      if (resource.secureConnectionStart > 0)\n        this.secureConnection = diff(\n          resource.connectEnd,\n          resource.secureConnectionStart\n        )\n      this.responseTime = diff(resource.responseEnd, resource.responseStart)\n      if (resource.fetchStart > 0)\n        this.fetchUntilResponseEnd = diff(\n          resource.responseEnd,\n          resource.fetchStart\n        )\n      if (resource.requestStart > 0)\n        this.requestUntilResponseEnd = diff(\n          resource.responseEnd,\n          resource.requestStart\n        )\n      if (resource.startTime > 0)\n        this.startUntilResponseEnd = diff(\n          resource.responseEnd,\n          resource.startTime\n        )\n      this.calcProcessTime()\n    }\n  }\n\n  private calcProcessTime() {\n    this.duration = this.entry.duration\n    if (performance.getEntriesByName !== undefined) {\n      const entries = performance.getEntriesByName(\n        `${this.name}-${this.entry.startTime}`,\n        'measure'\n      )\n      if (entries.length > 0) {\n        const measure = entries[entries.length - 1] as PerformanceMeasure\n        const resource = this.entry as PerformanceResourceTiming\n        this.processStart = resource.responseEnd\n        this.processEnd = resource.responseEnd + measure.duration\n        this.processDuration = measure.duration\n        this.duration += measure.duration\n      }\n    }\n  }\n\n  get name() {\n    return this.entry.name\n  }\n}\n\n/**\n * Performance API utility class\n *\n * Defaults to \"resource\" types\n * */\nexport class PerfTimings {\n  private _full = false\n  private _bufferSize = 0\n  private static _supported: boolean | undefined = undefined\n\n  /** Are performance timings supported in this runtime? */\n  public static get supported() {\n    if (PerfTimings._supported === undefined) {\n      // This gyration is necessary to avoid IDEA-based exceptions about performance being undefined,\n      // which it may be, but this now throws up in IDEA\n      try {\n        PerfTimings._supported = performance !== undefined\n      } catch {\n        PerfTimings._supported = false\n      }\n    }\n    return PerfTimings._supported\n  }\n\n  public static set supported(value: boolean) {\n    PerfTimings._supported = value\n  }\n\n  constructor() {\n    if (PerfTimings.supported) {\n      performance.onresourcetimingbufferfull = (_ev) => (this._full = true)\n      // https://developer.mozilla.org/en-US/docs/Web/API/Performance/setResourceTimingBufferSize\n      // says the buffer size should be at least 150, but I don't know if we need to set it\n      // this.bufferSize = 50 // TODO what's the default bufferSize? Does it vary by browser?\n    }\n  }\n\n  clear() {\n    if (!PerfTimings.supported) return false\n    if (performance.clearResourceTimings !== undefined)\n      performance.clearResourceTimings()\n    if (performance.clearMarks !== undefined) performance.clearMarks()\n    if (performance.clearMeasures !== undefined) performance.clearMeasures()\n    this._full = this.entries().length === 0\n    return this._full\n  }\n\n  entries(pattern = '.*', type = 'resource') {\n    // https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEntry\n    if (PerfTimings.supported) {\n      const ex = new RegExp(pattern, 'i')\n      return performance\n        .getEntriesByType(type)\n        .filter((p) => ex.test(p.name))\n        .map((p) => new LoadTimes(p))\n    }\n    return []\n  }\n\n  get bufferSize() {\n    return this._bufferSize\n  }\n\n  set bufferSize(value) {\n    if (\n      PerfTimings.supported &&\n      typeof performance.setResourceTimingBufferSize !== undefined\n    ) {\n      this._bufferSize = value\n      performance.setResourceTimingBufferSize(value)\n    }\n  }\n\n  get isFull() {\n    return this._full\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"perfUtils.js","names":["perfRound","num","Math","round","Number","EPSILON","diff","end","start","LoadTimes","constructor","entry","_defineProperty","resource","redirect","redirectEnd","redirectStart","domainLookup","domainLookupEnd","domainLookupStart","connect","connectEnd","connectStart","secureConnectionStart","secureConnection","responseTime","responseEnd","responseStart","fetchStart","fetchUntilResponseEnd","requestStart","requestUntilResponseEnd","startTime","startUntilResponseEnd","calcProcessTime","duration","performance","getEntriesByName","undefined","entries","concat","name","length","measure","processStart","processEnd","processDuration","PerfTimings","supported","_supported","_unused","value","onresourcetimingbufferfull","_ev","_full","clear","clearResourceTimings","clearMarks","clearMeasures","pattern","arguments","type","ex","RegExp","getEntriesByType","filter","p","test","map","bufferSize","_bufferSize","setResourceTimingBufferSize","isFull"],"sources":["../../../../src/components/PerfTracker/perfUtils.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\n/**\n * Calculation of Load times for a resource performance entry\n */\nexport interface IResourceLoadTimes {\n  entry: PerformanceEntry\n  name: string\n  duration: number\n  redirect: number\n  domainLookup: number\n  connect: number\n  secureConnection: number\n  responseTime: number\n  fetchUntilResponseEnd: number\n  requestUntilResponseEnd: number\n  startUntilResponseEnd: number\n  processStart: number\n  processEnd: number\n  processDuration: number\n}\n\n/**\n * Rounds a number to 3 decimal places\n */\nexport const perfRound = (num: number) =>\n  Math.round((num + Number.EPSILON) * 10000) / 10000\n\n/**\n * Round and scale (if needed) the difference in performance metrics\n * @param end of high precision timer metric\n * @param start of high precision timer metric\n * @returns rounded difference of end - start\n */\nconst diff = (end: number, start: number) => perfRound(end - start)\n\nexport class LoadTimes implements IResourceLoadTimes {\n  duration = 0\n  redirect = 0\n  domainLookup = 0\n  connect = 0\n  secureConnection = 0\n  responseTime = 0\n  fetchUntilResponseEnd = 0\n  requestUntilResponseEnd = 0\n  startUntilResponseEnd = 0\n  processStart = 0\n  processEnd = 0\n  processDuration = 0\n\n  constructor(public entry: PerformanceEntry) {\n    if ('redirectStart' in entry) {\n      // https://developer.mozilla.org/en-US/docs/Web/API/PerformanceResourceTiming\n      // Either a `PerformanceResourceTiming` or `PerformanceTiming` instance\n      const resource = entry as PerformanceResourceTiming\n      this.redirect = diff(resource.redirectEnd, resource.redirectStart)\n      this.domainLookup = diff(\n        resource.domainLookupEnd,\n        resource.domainLookupStart\n      )\n      this.connect = diff(resource.connectEnd, resource.connectStart)\n      if (resource.secureConnectionStart > 0)\n        this.secureConnection = diff(\n          resource.connectEnd,\n          resource.secureConnectionStart\n        )\n      this.responseTime = diff(resource.responseEnd, resource.responseStart)\n      if (resource.fetchStart > 0)\n        this.fetchUntilResponseEnd = diff(\n          resource.responseEnd,\n          resource.fetchStart\n        )\n      if (resource.requestStart > 0)\n        this.requestUntilResponseEnd = diff(\n          resource.responseEnd,\n          resource.requestStart\n        )\n      if (resource.startTime > 0)\n        this.startUntilResponseEnd = diff(\n          resource.responseEnd,\n          resource.startTime\n        )\n      this.calcProcessTime()\n    }\n  }\n\n  private calcProcessTime() {\n    this.duration = this.entry.duration\n    if (performance.getEntriesByName !== undefined) {\n      const entries = performance.getEntriesByName(\n        `${this.name}-${this.entry.startTime}`,\n        'measure'\n      )\n      if (entries.length > 0) {\n        const measure = entries[entries.length - 1] as PerformanceMeasure\n        const resource = this.entry as PerformanceResourceTiming\n        this.processStart = resource.responseEnd\n        this.processEnd = resource.responseEnd + measure.duration\n        this.processDuration = measure.duration\n        this.duration += measure.duration\n      }\n    }\n  }\n\n  get name() {\n    return this.entry.name\n  }\n}\n\n/**\n * Performance API utility class\n *\n * Defaults to \"resource\" types\n * */\nexport class PerfTimings {\n  private _full = false\n  private _bufferSize = 0\n  private static _supported: boolean | undefined = undefined\n\n  /** Are performance timings supported in this runtime? */\n  public static get supported() {\n    if (PerfTimings._supported === undefined) {\n      // This gyration is necessary to avoid IDEA-based exceptions about performance being undefined,\n      // which it may be, but this now throws up in IDEA\n      try {\n        PerfTimings._supported = performance !== undefined\n      } catch {\n        PerfTimings._supported = false\n      }\n    }\n    return PerfTimings._supported\n  }\n\n  public static set supported(value: boolean) {\n    PerfTimings._supported = value\n  }\n\n  constructor() {\n    if (PerfTimings.supported) {\n      performance.onresourcetimingbufferfull = (_ev) => (this._full = true)\n      // https://developer.mozilla.org/en-US/docs/Web/API/Performance/setResourceTimingBufferSize\n      // says the buffer size should be at least 150, but I don't know if we need to set it\n      // this.bufferSize = 50 // TODO what's the default bufferSize? Does it vary by browser?\n    }\n  }\n\n  clear() {\n    if (!PerfTimings.supported) return false\n    if (performance.clearResourceTimings !== undefined)\n      performance.clearResourceTimings()\n    if (performance.clearMarks !== undefined) performance.clearMarks()\n    if (performance.clearMeasures !== undefined) performance.clearMeasures()\n    this._full = this.entries().length === 0\n    return this._full\n  }\n\n  entries(pattern = '.*', type = 'resource') {\n    // https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEntry\n    if (PerfTimings.supported) {\n      const ex = new RegExp(pattern, 'i')\n      return performance\n        .getEntriesByType(type)\n        .filter((p) => ex.test(p.name))\n        .map((p) => new LoadTimes(p))\n    }\n    return []\n  }\n\n  get bufferSize() {\n    return this._bufferSize\n  }\n\n  set bufferSize(value) {\n    if (\n      PerfTimings.supported &&\n      typeof performance.setResourceTimingBufferSize !== undefined\n    ) {\n      this._bufferSize = value\n      performance.setResourceTimingBufferSize(value)\n    }\n  }\n\n  get isFull() {\n    return this._full\n  }\n}\n"],"mappings":"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"}

package/lib/esm/components/RequestForm/FormItem.js

@@ -1,30 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormItem = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _components = require("@looker/components");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var FormItem = _ref => {
+import React from 'react';
+import { Space, Box, Label } from '@looker/components';
+export var FormItem = _ref => {
   var {
     id,
     children,
     label = ' '
   } = _ref;
   var key = "space_".concat(id);
-  return _react.default.createElement(_components.Space, {
+  return React.createElement(Space, {
     id: key,
     key: key
-  }, _react.default.createElement(_components.Box, {
+  }, React.createElement(Box, {
     key: "".concat(key, "_box"),
     width: "120px",
     flexShrink: 0
-  }, _react.default.createElement(_components.Label, {
+  }, React.createElement(Label, {
     key: "".concat(key, "_label_for"),
     htmlFor: id
   }, label)), children);
 };
-exports.FormItem = FormItem;
 //# sourceMappingURL=FormItem.js.map

package/lib/esm/components/RequestForm/FormItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormItem.js","names":["_react","_interopRequireDefault","require","_components","obj","__esModule","default","FormItem","_ref","id","children","label","key","concat","createElement","Space","Box","width","flexShrink","Label","htmlFor","exports"],"sources":["../../../../src/components/RequestForm/FormItem.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { FC, ReactElement } from 'react'\nimport React from 'react'\nimport { Space, Box, Label } from '@looker/components'\n\ninterface FormItemProps {\n  /** ID of input item for label */\n  id: string\n  /** Optional label. Defaults to an empty string so spacing is preserved */\n  label?: string | ReactElement\n  /** Nested react elements */\n  children: ReactElement\n}\n\n/**\n * basic input form layout component\n * @param id of input item\n * @param children embedded react elements\n * @param label optional label\n */\nexport const FormItem: FC<FormItemProps> = ({ id, children, label = ' ' }) => {\n  const key = `space_${id}`\n  return (\n    <Space id={key} key={key}>\n      <Box key={`${key}_box`} width=\"120px\" flexShrink={0}>\n        <Label key={`${key}_label_for`} htmlFor={id}>\n          {label}\n        </Label>\n      </Box>\n      {children}\n    </Space>\n  )\n}\n"],"mappings":";;;;;;AA0BA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAAsD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAiB/C,IAAMG,QAA2B,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEC,EAAE;IAAEC,QAAQ;IAAEC,KAAK,GAAG;EAAI,CAAC,GAAAH,IAAA;EACvE,IAAMI,GAAG,YAAAC,MAAA,CAAYJ,EAAE,CAAE;EACzB,OACET,MAAA,CAAAM,OAAA,CAAAQ,aAAA,CAACX,WAAA,CAAAY,KAAK;IAACN,EAAE,EAAEG,GAAI;IAACA,GAAG,EAAEA;EAAI,GACvBZ,MAAA,CAAAM,OAAA,CAAAQ,aAAA,CAACX,WAAA,CAAAa,GAAG;IAACJ,GAAG,KAAAC,MAAA,CAAKD,GAAG,SAAO;IAACK,KAAK,EAAC,OAAO;IAACC,UAAU,EAAE;EAAE,GAClDlB,MAAA,CAAAM,OAAA,CAAAQ,aAAA,CAACX,WAAA,CAAAgB,KAAK;IAACP,GAAG,KAAAC,MAAA,CAAKD,GAAG,eAAa;IAACQ,OAAO,EAAEX;EAAG,GACzCE,KAAK,CACA,CACJ,EACLD,QAAQ,CACH;AAEZ,CAAC;AAAAW,OAAA,CAAAd,QAAA,GAAAA,QAAA"}
+{"version":3,"file":"FormItem.js","names":["React","Space","Box","Label","FormItem","_ref","id","children","label","key","concat","createElement","width","flexShrink","htmlFor"],"sources":["../../../../src/components/RequestForm/FormItem.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { FC, ReactElement } from 'react'\nimport React from 'react'\nimport { Space, Box, Label } from '@looker/components'\n\ninterface FormItemProps {\n  /** ID of input item for label */\n  id: string\n  /** Optional label. Defaults to an empty string so spacing is preserved */\n  label?: string | ReactElement\n  /** Nested react elements */\n  children: ReactElement\n}\n\n/**\n * basic input form layout component\n * @param id of input item\n * @param children embedded react elements\n * @param label optional label\n */\nexport const FormItem: FC<FormItemProps> = ({ id, children, label = ' ' }) => {\n  const key = `space_${id}`\n  return (\n    <Space id={key} key={key}>\n      <Box key={`${key}_box`} width=\"120px\" flexShrink={0}>\n        <Label key={`${key}_label_for`} htmlFor={id}>\n          {label}\n        </Label>\n      </Box>\n      {children}\n    </Space>\n  )\n}\n"],"mappings":"AA0BA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,GAAG,EAAEC,KAAK,QAAQ,oBAAoB;AAiBtD,OAAO,IAAMC,QAA2B,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEC,EAAE;IAAEC,QAAQ;IAAEC,KAAK,GAAG;EAAI,CAAC,GAAAH,IAAA;EACvE,IAAMI,GAAG,YAAAC,MAAA,CAAYJ,EAAE,CAAE;EACzB,OACEN,KAAA,CAAAW,aAAA,CAACV,KAAK;IAACK,EAAE,EAAEG,GAAI;IAACA,GAAG,EAAEA;EAAI,GACvBT,KAAA,CAAAW,aAAA,CAACT,GAAG;IAACO,GAAG,KAAAC,MAAA,CAAKD,GAAG,SAAO;IAACG,KAAK,EAAC,OAAO;IAACC,UAAU,EAAE;EAAE,GAClDb,KAAA,CAAAW,aAAA,CAACR,KAAK;IAACM,GAAG,KAAAC,MAAA,CAAKD,GAAG,eAAa;IAACK,OAAO,EAAER;EAAG,GACzCE,KACI,CACJ,CAAC,EACLD,QACI,CAAC;AAEZ,CAAC"}