@looker/run-it 0.9.55 → 0.9.57

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

@@ -1 +1 @@
-{"version":3,"file":"PerfChart.js","names":["_react","_interopRequireDefault","require","_reactGoogleCharts","_components","_Loading","obj","__esModule","default","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","_ref","loadTimes","data","createElement","Fragment","Heading","as","name","Space","Tooltip","content","concat","transferSize","placement","textAlign","encodedBodySize","decodedBodySize","Chart","width","height","chartType","loader","Loading","loading","chartEvents","eventName","callback","_ref2","chartWrapper","container","document","getElementById","getContainerId","labels","getElementsByTagName","n","length","textEl","parseInt","innerHTML","exports"],"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":";;;;;;AA2BA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAAoC,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASpC,IAAMG,SAAS,GAAGA,CAChBC,IAAW,EACXC,IAAY,EACZC,MAAc,EACdC,KAAa,EACbC,GAAW,KACR;EACH,IAAID,KAAK,GAAG,CAAC,EAAEH,IAAI,CAACK,IAAI,CAAC,CAACJ,IAAI,EAAEA,IAAI,EAAEE,KAAK,GAAGD,MAAM,EAAEE,GAAG,GAAGF,MAAM,CAAC,CAAC;EACpE,OAAOF,IAAI;AACb,CAAC;AAED,IAAMM,SAAS,GAAIC,OAA2B,IAAK;EACjD,IAAMC,IAAI,GAAGD,OAAO,CAACE,KAAkC;EACvD,IAAMP,MAAM,GAAGM,IAAI,CAACE,SAAS;EAC7B,IAAMC,MAAM,GAAG,CACb,CACE;IAAEC,IAAI,EAAE,QAAQ;IAAEC,EAAE,EAAE;EAAS,CAAC,EAChC;IAAED,IAAI,EAAE,QAAQ;IAAEE,IAAI,EAAE;EAAU,CAAC,EACnC;IAAEF,IAAI,EAAE,QAAQ;IAAEC,EAAE,EAAE;EAAQ,CAAC,EAC/B;IAAED,IAAI,EAAE,QAAQ;IAAEC,EAAE,EAAE;EAAM,CAAC,CAC9B,CACF;EACDd,SAAS,CAACY,MAAM,EAAE,UAAU,EAAET,MAAM,EAAEM,IAAI,CAACO,aAAa,EAAEP,IAAI,CAACQ,WAAW,CAAC;EAC3EjB,SAAS,CACPY,MAAM,EACN,cAAc,EACdT,MAAM,EACNM,IAAI,CAACS,iBAAiB,EACtBT,IAAI,CAACU,eACP,CAAC;EACDnB,SAAS,CAACY,MAAM,EAAE,SAAS,EAAET,MAAM,EAAEM,IAAI,CAACW,YAAY,EAAEX,IAAI,CAACY,UAAU,CAAC;EACxErB,SAAS,CACPY,MAAM,EACN,kBAAkB,EAClBT,MAAM,EACNM,IAAI,CAACa,qBAAqB,EAC1Bb,IAAI,CAACY,UACP,CAAC;EACDrB,SAAS,CACPY,MAAM,EACN,cAAc,EACdT,MAAM,EACNM,IAAI,CAACc,aAAa,EAClBd,IAAI,CAACe,WACP,CAAC;EACDxB,SAAS,CACPY,MAAM,EACN,uBAAuB,EACvBT,MAAM,EACNM,IAAI,CAACgB,UAAU,EACfhB,IAAI,CAACe,WACP,CAAC;EACDxB,SAAS,CACPY,MAAM,EACN,yBAAyB,EACzBT,MAAM,EACNM,IAAI,CAACiB,YAAY,EACjBjB,IAAI,CAACe,WACP,CAAC;EACDxB,SAAS,CACPY,MAAM,EACN,uBAAuB,EACvBT,MAAM,EACNM,IAAI,CAACE,SAAS,EACdF,IAAI,CAACe,WACP,CAAC;EACDxB,SAAS,CACPY,MAAM,EACN,iBAAiB,EACjBT,MAAM,EACNK,OAAO,CAACmB,YAAY,EACpBnB,OAAO,CAACoB,UACV,CAAC;EACD,OAAOhB,MAAM;AACf,CAAC;AAEM,IAAMiB,SAA6B,GAAGC,IAAA,IAAmB;EAAA,IAAlB;IAAEC;EAAU,CAAC,GAAAD,IAAA;EACzD,IAAMpB,KAAK,GAAGqB,SAAS,CAACrB,KAAkC;EAC1D,IAAMsB,IAAI,GAAGzB,SAAS,CAACwB,SAAS,CAAC;EACjC,OACExC,MAAA,CAAAQ,OAAA,CAAAkC,aAAA,CAAA1C,MAAA,CAAAQ,OAAA,CAAAmC,QAAA,QACE3C,MAAA,CAAAQ,OAAA,CAAAkC,aAAA,CAACtC,WAAA,CAAAwC,OAAO;IAACC,EAAE,EAAC;EAAI,GAAEL,SAAS,CAACM,IAAc,CAAC,EAC3C9C,MAAA,CAAAQ,OAAA,CAAAkC,aAAA,CAACtC,WAAA,CAAA2C,KAAK,QACJ/C,MAAA,CAAAQ,OAAA,CAAAkC,aAAA,CAACtC,WAAA,CAAA4C,OAAO;IACNC,OAAO,eAAAC,MAAA,CAAe/B,KAAK,CAACgC,YAAY,kHAAgH;IACxJC,SAAS,EAAC,OAAO;IACjBC,SAAS,EAAC;EAAM,GAEhBrD,MAAA,CAAAQ,OAAA,CAAAkC,aAAA,eAAM,YAAU,EAACvB,KAAK,CAACgC,YAAmB,CACnC,CAAC,EACVnD,MAAA,CAAAQ,OAAA,CAAAkC,aAAA,CAACtC,WAAA,CAAA4C,OAAO;IACNC,OAAO,eAAAC,MAAA,CAAe/B,KAAK,CAACmC,eAAe,uHAAqH;IAChKF,SAAS,EAAC,OAAO;IACjBC,SAAS,EAAC;EAAM,GAEhBrD,MAAA,CAAAQ,OAAA,CAAAkC,aAAA,eAAM,gBAAc,EAACvB,KAAK,CAACmC,eAAsB,CAC1C,CAAC,EACVtD,MAAA,CAAAQ,OAAA,CAAAkC,aAAA,CAACtC,WAAA,CAAA4C,OAAO;IACNC,OAAO,eAAAC,MAAA,CAAe/B,KAAK,CAACoC,eAAe,qHAAmH;IAC9JH,SAAS,EAAC,OAAO;IACjBC,SAAS,EAAC;EAAM,GAEhBrD,MAAA,CAAAQ,OAAA,CAAAkC,aAAA,eAAM,gBAAc,EAACvB,KAAK,CAACoC,eAAsB,CAC1C,CACJ,CAAC,EACRvD,MAAA,CAAAQ,OAAA,CAAAkC,aAAA,CAACvC,kBAAA,CAAAqD,KAAK;IACJC,KAAK,EAAE,MAAO;IACdC,MAAM,KAAAR,MAAA,CAAK,CAAC,GAAG,EAAE,GAAG,EAAE,OAAK;IAC3BS,SAAS,EAAC,UAAU;IACpBC,MAAM,EAAE5D,MAAA,CAAAQ,OAAA,CAAAkC,aAAA,CAACrC,QAAA,CAAAwD,OAAO;MAACC,OAAO,EAAE;IAAK,CAAE,CAAE;IACnCrB,IAAI,EAAEA,IAAK;IACXsB,WAAW,EAAE,CACX;MACEC,SAAS,EAAE,OAAO;MAClBC,QAAQ,EAAEC,KAAA,IAAsB;QAAA,IAArB;UAAEC;QAAa,CAAC,GAAAD,KAAA;QACzB,IAAME,SAAS,GAAGC,QAAQ,CAACC,cAAc,CACvCH,YAAY,CAACI,cAAc,CAAC,CAC9B,CAAC;QACD,IAAIH,SAAS,EAAE;UACb,IAAMI,MAAM,GAAGJ,SAAS,CAACK,oBAAoB,CAAC,MAAM,CAAC;UACrD,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,MAAM,CAACG,MAAM,EAAED,CAAC,EAAE,EAAE;YACtC,IAAME,MAAM,GAAGJ,MAAM,CAACtD,IAAI,CAACwD,CAAC,CAAC;YAE7B,IAAIE,MAAM,IAAIC,QAAQ,CAACD,MAAM,CAACE,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE;cACjDF,MAAM,CAACE,SAAS,GAAG,EAAE;YACvB;UACF;QACF;MACF;IACF,CAAC;EACD,CACH,CACD,CAAC;AAEP,CAAC;AAAAC,OAAA,CAAAzC,SAAA,GAAAA,SAAA"}
+{"version":3,"file":"PerfChart.js","names":["_react","_interopRequireDefault","require","_reactGoogleCharts","_components","_Loading","obj","__esModule","default","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","_ref","loadTimes","data","createElement","Fragment","Heading","as","name","Space","Tooltip","content","concat","transferSize","placement","textAlign","encodedBodySize","decodedBodySize","Chart","width","height","chartType","loader","Loading","loading","chartEvents","eventName","callback","_ref2","chartWrapper","container","document","getElementById","getContainerId","labels","getElementsByTagName","n","length","textEl","parseInt","innerHTML","exports"],"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/components/PerfTracker/PerfTable.js

@@ -7,8 +7,8 @@ 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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var PerfTable = _ref => {
   var {
     data,

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

@@ -1 +1 @@
-{"version":3,"file":"PerfTable.js","names":["_react","_interopRequireWildcard","require","_components","_perfTableUtils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","PerfTable","_ref","data","onSelect","showAllColumns","columns","setColumns","useState","perfTableColumns","rows","setRows","createTableRows","handleSort","id","sortDirection","sortedColumns","sortedData","doDataTableSort","useEffect","createElement","DataTable","onSort","caption","exports"],"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":"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"}
+{"version":3,"file":"PerfTable.js","names":["_react","_interopRequireWildcard","require","_components","_perfTableUtils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","PerfTable","_ref","data","onSelect","showAllColumns","columns","setColumns","useState","perfTableColumns","rows","setRows","createTableRows","handleSort","id","sortDirection","sortedColumns","sortedData","doDataTableSort","useEffect","createElement","DataTable","onSort","caption","exports"],"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":"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"}

package/lib/components/PerfTracker/PerfTracker.js

@@ -12,8 +12,8 @@ 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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var perfFilter = function perfFilter() {
   var all = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   if (all) return '.*';

package/lib/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","_interopRequireWildcard","require","_components","_Delete","_ConfigForm","_Loading","_perfUtils","_PerfChart","_PerfTable","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","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","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  FieldToggleSwitch,\n  Flex,\n  FlexItem,\n  Heading,\n  IconButton,\n  SpaceVertical,\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/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","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"}

package/lib/components/PerfTracker/perfTableUtils.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import type { DataTableColumns } from '@looker/components';
 import type { LoadTimes } from './perfUtils';
 export declare const perfTableColumns: (all?: boolean) => DataTableColumns;
 export declare const UrlText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("@looker/components").TextBaseProps & import("@looker/components").SpanProps & import("@looker/components").TextProps, never>;
-export declare const createTableRows: (data: LoadTimes[], onSelect: (item: LoadTimes) => void, showAllColumns?: boolean) => JSX.Element[];
+export declare const createTableRows: (data: LoadTimes[], onSelect: (item: LoadTimes) => void, showAllColumns?: boolean) => React.JSX.Element[];

package/lib/components/PerfTracker/perfTableUtils.js

@@ -9,7 +9,7 @@ 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() {
+var perfTableColumns = exports.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,7 +91,6 @@ var perfTableColumns = function perfTableColumns() {
   });
   return result;
 };
-exports.perfTableColumns = perfTableColumns;
 var Metric = _ref => {
   var {
     value,
@@ -107,11 +106,10 @@ var metric = (value, description) => _react.default.createElement(_react.default
   value: value,
   description: "".concat(description, " (").concat(value, " ms)")
 }));
-var UrlText = (0, _styledComponents.default)(_components.Text).withConfig({
+var UrlText = exports.UrlText = (0, _styledComponents.default)(_components.Text).withConfig({
   displayName: "perfTableUtils__UrlText",
-  componentId: "sc-eq1lm0-0"
+  componentId: "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);
@@ -128,7 +126,7 @@ var extraPerfColumns = function extraPerfColumns(item) {
   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.')));
 };
-var createTableRows = function createTableRows(data, onSelect) {
+var createTableRows = exports.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);
@@ -139,5 +137,4 @@ var createTableRows = function createTableRows(data, onSelect) {
     }, _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')));
   });
 };
-exports.createTableRows = createTableRows;
 //# sourceMappingURL=perfTableUtils.js.map

package/lib/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","_interopRequireDefault","require","_components","_styledComponents","_perfUtils","obj","__esModule","default","perfTableColumns","exports","all","arguments","length","undefined","numericColumns","urlWidth","numWidth","result","canSort","id","primaryKey","title","type","widthPercent","push","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 {\n  DataTableCell,\n  DataTableItem,\n  Text,\n  Tooltip,\n} 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/components/PerfTracker/perfUtils.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 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); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var perfRound = num => Math.round((num + Number.EPSILON) * 10000) / 10000;
 exports.perfRound = perfRound;
 var diff = (end, start) => perfRound(end - start);

package/lib/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","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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"}

package/lib/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,KACI,CACJ,CAAC,EACLD,QACI,CAAC;AAEZ,CAAC;AAAAW,OAAA,CAAAd,QAAA,GAAAA,QAAA"}
+{"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 { Box, Label, Space } 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;AAAuD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAiBhD,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,KACI,CACJ,CAAC,EACLD,QACI,CAAC;AAEZ,CAAC;AAACW,OAAA,CAAAd,QAAA,GAAAA,QAAA"}

package/lib/components/RequestForm/RequestForm.d.ts

@@ -1,4 +1,4 @@
-import type { BaseSyntheticEvent, FC, Dispatch, FormEventHandler } from 'react';
+import type { BaseSyntheticEvent, Dispatch, FC, FormEventHandler } from 'react';
 import type { RunItHttpMethod, RunItInput, RunItValues } from '../../RunIt';
 interface RequestFormProps {
     inputs: RunItInput[];

package/lib/components/RequestForm/RequestForm.js

@@ -11,11 +11,11 @@ var _formUtils = require("./formUtils");
 var _FormItem = require("./FormItem");
 var _common = require("./../common");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var RequestForm = _ref => {
   var {
     inputs,

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

@@ -1 +1 @@
-{"version":3,"file":"RequestForm.js","names":["_react","_interopRequireDefault","require","_components","_LoginForm","_formUtils","_FormItem","_common","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","RequestForm","_ref","inputs","httpMethod","handleSubmit","requestContent","setRequestContent","needsAuth","hasConfig","handleConfig","setHasConfig","validationMessage","setValidationMessage","keepBody","toggleKeepBody","isExtension","hasBody","some","location","handleBoolChange","e","name","checked","handleNumberChange","parseFloat","newState","updateNullableProp","handleDateChange","date","handleChange","handleComplexChange","safeSetMessage","handleClear","preventDefault","createElement","Form","onSubmit","MessageBar","intent","onPrimaryClick","visible","Fieldset","map","type","createSimpleItem","createComplexItem","showDataChangeWarning","Fragment","FormItem","id","label","ToggleSwitch","onChange","on","Label","DarkSpan","fontSize","BODY_HINT","LoginForm","Tooltip","content","Button","onClick","ButtonTransparent","exports"],"sources":["../../../src/components/RequestForm/RequestForm.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, Dispatch, FormEventHandler } from 'react'\nimport React from 'react'\nimport {\n  Button,\n  Form,\n  ButtonTransparent,\n  Tooltip,\n  Fieldset,\n  MessageBar,\n  ToggleSwitch,\n  Label,\n} from '@looker/components'\nimport type { RunItHttpMethod, RunItInput, RunItValues } from '../../RunIt'\nimport { LoginForm } from '../LoginForm'\nimport {\n  createSimpleItem,\n  createComplexItem,\n  showDataChangeWarning,\n  updateNullableProp,\n  BODY_HINT,\n} from './formUtils'\nimport { FormItem } from './FormItem'\nimport { DarkSpan } from './../common'\n\n/** Properties required by RequestForm */\ninterface RequestFormProps {\n  /** Request inputs to the endpoint */\n  inputs: RunItInput[]\n  /** A callback for submitting the form */\n  handleSubmit: (e: BaseSyntheticEvent) => void\n  /** HTTP method used for this REST request */\n  httpMethod: RunItHttpMethod\n  /** A collection type react state to store path, query and body parameters as entered by the user  */\n  requestContent: RunItValues\n  /** A set state callback fn for populating requestContent on interaction with the request form */\n  setRequestContent: Dispatch<RunItValues>\n  /** Is authentication required? */\n  needsAuth: boolean\n  /** Does RunIt have the configuration values it needs? */\n  hasConfig: boolean\n  /** Handle config button click */\n  handleConfig: (e: BaseSyntheticEvent) => void\n  /** A set state callback which, if present, allows for editing, setting or clearing OAuth configuration parameters */\n  setHasConfig?: Dispatch<boolean>\n  /** Validation message to display */\n  validationMessage?: string\n  /** Validation message setter */\n  setValidationMessage?: Dispatch<string>\n  /** Toggle for processing body inputs */\n  keepBody?: boolean\n  /** Toggle to keep all body inputs */\n  toggleKeepBody?: (_event: FormEventHandler<HTMLInputElement>) => void\n  /** Is RunIt being used in a Looker extension? */\n  isExtension?: boolean\n}\n\n/**\n * Dynamically generates a REST request form and its form elements corresponding to parameters from an array of RunIt\n * inputs\n */\nexport const RequestForm: FC<RequestFormProps> = ({\n  inputs,\n  httpMethod,\n  handleSubmit,\n  requestContent,\n  setRequestContent,\n  needsAuth,\n  hasConfig,\n  handleConfig,\n  setHasConfig,\n  validationMessage,\n  setValidationMessage,\n  keepBody,\n  toggleKeepBody,\n  isExtension = false,\n}) => {\n  const hasBody = inputs.some((i) => i.location === 'body')\n\n  const handleBoolChange = (e: BaseSyntheticEvent) => {\n    setRequestContent({ ...requestContent, [e.target.name]: e.target.checked })\n  }\n\n  const handleNumberChange = (e: BaseSyntheticEvent) => {\n    const value = e.target.value ? parseFloat(e.target.value) : undefined\n    const newState = updateNullableProp(requestContent, e.target.name, value)\n    setRequestContent(newState)\n  }\n\n  const handleDateChange = (name: string, date?: Date) => {\n    const newState = updateNullableProp(requestContent, name, date)\n    setRequestContent(newState)\n  }\n\n  const handleChange = (e: BaseSyntheticEvent) => {\n    const newState = updateNullableProp(\n      requestContent,\n      e.target.name,\n      e.target.value\n    )\n    setRequestContent(newState)\n  }\n\n  const handleComplexChange = (name: string, value: string) => {\n    setRequestContent({ ...requestContent, [name]: value })\n  }\n\n  const safeSetMessage = (value: string) =>\n    setValidationMessage && setValidationMessage(value)\n\n  const handleClear = (e: BaseSyntheticEvent) => {\n    e.preventDefault()\n    setRequestContent({})\n    safeSetMessage('')\n  }\n\n  return (\n    <Form onSubmit={handleSubmit}>\n      {validationMessage && (\n        <MessageBar\n          intent={'critical'}\n          onPrimaryClick={() => safeSetMessage('')}\n          visible={validationMessage !== ''}\n        >\n          {validationMessage}\n        </MessageBar>\n      )}\n      <Fieldset>\n        {inputs.map((input) =>\n          typeof input.type === 'string'\n            ? createSimpleItem(\n                input,\n                handleChange,\n                handleNumberChange,\n                handleBoolChange,\n                handleDateChange,\n                requestContent\n              )\n            : createComplexItem(input, handleComplexChange, requestContent)\n        )}\n        {httpMethod !== 'GET' && showDataChangeWarning()}\n        {hasBody && !!toggleKeepBody && (\n          <>\n            <FormItem key=\"keepbody_fib\" id=\"keepBody\" label=\"Send body as-is\">\n              <>\n                <ToggleSwitch\n                  key=\"keepBody\"\n                  id=\"keepBody\"\n                  name=\"keepBody\"\n                  onChange={toggleKeepBody as unknown as FormEventHandler}\n                  on={keepBody}\n                />\n                <Label>Send the body parameter as entered</Label>\n              </>\n            </FormItem>\n            <FormItem key=\"body_hint\" id=\"bodyHint\">\n              <DarkSpan fontSize=\"small\">{BODY_HINT}</DarkSpan>\n            </FormItem>\n          </>\n        )}\n        <FormItem id=\"buttonbar\">\n          <>\n            {hasConfig ? (\n              needsAuth ? (\n                <LoginForm requestContent={requestContent} />\n              ) : (\n                <Tooltip content=\"Run the API request\">\n                  <Button type=\"submit\">Run</Button>\n                </Tooltip>\n              )\n            ) : (\n              !isExtension &&\n              setHasConfig && (\n                <Tooltip content=\"Configure your OAuth server to Run requests\">\n                  <Button onClick={handleConfig}>Configure</Button>\n                </Tooltip>\n              )\n            )}\n            <Tooltip content=\"Clear entered values\">\n              <ButtonTransparent type=\"button\" onClick={handleClear}>\n                Clear\n              </ButtonTransparent>\n            </Tooltip>\n          </>\n        </FormItem>\n      </Fieldset>\n    </Form>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"RequestForm.js","names":["_react","_interopRequireDefault","require","_components","_LoginForm","_formUtils","_FormItem","_common","obj","__esModule","default","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","key","value","_toPropertyKey","configurable","writable","i","_toPrimitive","String","Symbol","toPrimitive","call","TypeError","Number","RequestForm","_ref","inputs","httpMethod","handleSubmit","requestContent","setRequestContent","needsAuth","hasConfig","handleConfig","setHasConfig","validationMessage","setValidationMessage","keepBody","toggleKeepBody","isExtension","hasBody","some","location","handleBoolChange","target","name","checked","handleNumberChange","parseFloat","undefined","newState","updateNullableProp","handleDateChange","date","handleChange","handleComplexChange","safeSetMessage","handleClear","preventDefault","createElement","Form","onSubmit","MessageBar","intent","onPrimaryClick","visible","Fieldset","map","input","type","createSimpleItem","createComplexItem","showDataChangeWarning","Fragment","FormItem","id","label","ToggleSwitch","onChange","on","Label","DarkSpan","fontSize","BODY_HINT","LoginForm","Tooltip","content","Button","onClick","ButtonTransparent","exports"],"sources":["../../../src/components/RequestForm/RequestForm.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, Dispatch, FC, FormEventHandler } from 'react';\nimport React from 'react';\nimport {\n  Button,\n  ButtonTransparent,\n  Fieldset,\n  Form,\n  Label,\n  MessageBar,\n  ToggleSwitch,\n  Tooltip,\n} from '@looker/components';\nimport type { RunItHttpMethod, RunItInput, RunItValues } from '../../RunIt';\nimport { LoginForm } from '../LoginForm';\nimport {\n  BODY_HINT,\n  createComplexItem,\n  createSimpleItem,\n  showDataChangeWarning,\n  updateNullableProp,\n} from './formUtils';\nimport { FormItem } from './FormItem';\nimport { DarkSpan } from './../common';\n\n/** Properties required by RequestForm */\ninterface RequestFormProps {\n  /** Request inputs to the endpoint */\n  inputs: RunItInput[];\n  /** A callback for submitting the form */\n  handleSubmit: (e: BaseSyntheticEvent) => void;\n  /** HTTP method used for this REST request */\n  httpMethod: RunItHttpMethod;\n  /** A collection type react state to store path, query and body parameters as entered by the user  */\n  requestContent: RunItValues;\n  /** A set state callback fn for populating requestContent on interaction with the request form */\n  setRequestContent: Dispatch<RunItValues>;\n  /** Is authentication required? */\n  needsAuth: boolean;\n  /** Does RunIt have the configuration values it needs? */\n  hasConfig: boolean;\n  /** Handle config button click */\n  handleConfig: (e: BaseSyntheticEvent) => void;\n  /** A set state callback which, if present, allows for editing, setting or clearing OAuth configuration parameters */\n  setHasConfig?: Dispatch<boolean>;\n  /** Validation message to display */\n  validationMessage?: string;\n  /** Validation message setter */\n  setValidationMessage?: Dispatch<string>;\n  /** Toggle for processing body inputs */\n  keepBody?: boolean;\n  /** Toggle to keep all body inputs */\n  toggleKeepBody?: (_event: FormEventHandler<HTMLInputElement>) => void;\n  /** Is RunIt being used in a Looker extension? */\n  isExtension?: boolean;\n}\n\n/**\n * Dynamically generates a REST request form and its form elements corresponding to parameters from an array of RunIt\n * inputs\n */\nexport const RequestForm: FC<RequestFormProps> = ({\n  inputs,\n  httpMethod,\n  handleSubmit,\n  requestContent,\n  setRequestContent,\n  needsAuth,\n  hasConfig,\n  handleConfig,\n  setHasConfig,\n  validationMessage,\n  setValidationMessage,\n  keepBody,\n  toggleKeepBody,\n  isExtension = false,\n}) => {\n  const hasBody = inputs.some((i) => i.location === 'body');\n\n  const handleBoolChange = (e: BaseSyntheticEvent) => {\n    setRequestContent({ ...requestContent, [e.target.name]: e.target.checked });\n  };\n\n  const handleNumberChange = (e: BaseSyntheticEvent) => {\n    const value = e.target.value ? parseFloat(e.target.value) : undefined;\n    const newState = updateNullableProp(requestContent, e.target.name, value);\n    setRequestContent(newState);\n  };\n\n  const handleDateChange = (name: string, date?: Date) => {\n    const newState = updateNullableProp(requestContent, name, date);\n    setRequestContent(newState);\n  };\n\n  const handleChange = (e: BaseSyntheticEvent) => {\n    const newState = updateNullableProp(\n      requestContent,\n      e.target.name,\n      e.target.value\n    );\n    setRequestContent(newState);\n  };\n\n  const handleComplexChange = (name: string, value: string) => {\n    setRequestContent({ ...requestContent, [name]: value });\n  };\n\n  const safeSetMessage = (value: string) =>\n    setValidationMessage && setValidationMessage(value);\n\n  const handleClear = (e: BaseSyntheticEvent) => {\n    e.preventDefault();\n    setRequestContent({});\n    safeSetMessage('');\n  };\n\n  return (\n    <Form onSubmit={handleSubmit}>\n      {validationMessage && (\n        <MessageBar\n          intent={'critical'}\n          onPrimaryClick={() => safeSetMessage('')}\n          visible={validationMessage !== ''}\n        >\n          {validationMessage}\n        </MessageBar>\n      )}\n      <Fieldset>\n        {inputs.map((input) =>\n          typeof input.type === 'string'\n            ? createSimpleItem(\n                input,\n                handleChange,\n                handleNumberChange,\n                handleBoolChange,\n                handleDateChange,\n                requestContent\n              )\n            : createComplexItem(input, handleComplexChange, requestContent)\n        )}\n        {httpMethod !== 'GET' && showDataChangeWarning()}\n        {hasBody && !!toggleKeepBody && (\n          <>\n            <FormItem key=\"keepbody_fib\" id=\"keepBody\" label=\"Send body as-is\">\n              <>\n                <ToggleSwitch\n                  key=\"keepBody\"\n                  id=\"keepBody\"\n                  name=\"keepBody\"\n                  onChange={toggleKeepBody as unknown as FormEventHandler}\n                  on={keepBody}\n                />\n                <Label>Send the body parameter as entered</Label>\n              </>\n            </FormItem>\n            <FormItem key=\"body_hint\" id=\"bodyHint\">\n              <DarkSpan fontSize=\"small\">{BODY_HINT}</DarkSpan>\n            </FormItem>\n          </>\n        )}\n        <FormItem id=\"buttonbar\">\n          <>\n            {hasConfig ? (\n              needsAuth ? (\n                <LoginForm requestContent={requestContent} />\n              ) : (\n                <Tooltip content=\"Run the API request\">\n                  <Button type=\"submit\">Run</Button>\n                </Tooltip>\n              )\n            ) : (\n              !isExtension &&\n              setHasConfig && (\n                <Tooltip content=\"Configure your OAuth server to Run requests\">\n                  <Button onClick={handleConfig}>Configure</Button>\n                </Tooltip>\n              )\n            )}\n            <Tooltip content=\"Clear entered values\">\n              <ButtonTransparent type=\"button\" onClick={handleClear}>\n                Clear\n              </ButtonTransparent>\n            </Tooltip>\n          </>\n        </FormItem>\n      </Fieldset>\n    </Form>\n  );\n};\n"],"mappings":"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"}

package/lib/components/RequestForm/formUtils.d.ts

@@ -1,9 +1,10 @@
 import type { BaseSyntheticEvent } from 'react';
+import React from 'react';
 import type { RunItInput, RunItValues } from '../../RunIt';
 export declare const BODY_HINT = "By default, empty values are automatically removed from the request inputs, except for properties with `false` boolean values, which must be completely removed from the JSON body if they should not be passed.";
-export declare const createSimpleItem: (input: RunItInput, handleChange: (e: BaseSyntheticEvent) => void, handleNumberChange: (e: BaseSyntheticEvent) => void, handleBoolChange: (e: BaseSyntheticEvent) => void, handleDateChange: (name: string, date?: Date | undefined) => void, requestContent: RunItValues) => JSX.Element;
-export declare const createComplexItem: (input: RunItInput, handleComplexChange: (value: string, name: string) => void, requestContent: RunItValues) => JSX.Element;
-export declare const showDataChangeWarning: () => JSX.Element;
+export declare const createSimpleItem: (input: RunItInput, handleChange: (e: BaseSyntheticEvent) => void, handleNumberChange: (e: BaseSyntheticEvent) => void, handleBoolChange: (e: BaseSyntheticEvent) => void, handleDateChange: (name: string, date?: Date) => void, requestContent: RunItValues) => React.JSX.Element;
+export declare const createComplexItem: (input: RunItInput, handleComplexChange: (value: string, name: string) => void, requestContent: RunItValues) => React.JSX.Element;
+export declare const showDataChangeWarning: () => React.JSX.Element;
 export declare const updateNullableProp: (state: RunItValues, key: string, newValue?: any) => {
     [x: string]: any;
 };