@perses-dev/timeseries-table-plugin 0.6.0

package/__mf/js/async/998.e20cf478.js.LICENSE.txt

@@ -0,0 +1,59 @@
+/*!
+ * Copyright (c) 2017 Benjamin Van Ryseghem<benjamin@vanryseghem.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+/*!
+ *  decimal.js v10.5.0
+ *  An arbitrary-precision Decimal type for JavaScript.
+ *  https://github.com/MikeMcl/decimal.js
+ *  Copyright (c) 2025 Michael Mclaughlin <M8ch88l@gmail.com>
+ *  MIT Licence
+ */
+
+/**
+   * react-table
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */
+
+/**
+   * table-core
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */
+
+/**
+ * @license Fraction.js v4.3.7 31/08/2023
+ * https://www.xarg.org/2014/03/rational-numbers-in-javascript/
+ *
+ * Copyright (c) 2023, Robert Eisele (robert@raw.org)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ **/

package/__mf/js/async/__federation_expose_TimeSeriesTable.0774ca0f.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkTimeSeriesTable=self.webpackChunkTimeSeriesTable||[]).push([["972"],{4417:function(e,t,s){s.r(t),s.d(t,{TimeSeriesTable:()=>w});var n=s(4246),r=s(6372),l=s(3941),i=s(4538),a=s(2054),o=s(315),c=s(190),h=s(6174),u=s(5283),d=s(4968),x=s(6205),m=s(1889);function p(e){let{name:t,labels:s,formattedName:r,isFormatted:l}=e;return l&&s&&Object.keys(s).length>0?(0,n.jsx)(j,{labels:s}):(0,n.jsx)(a.Z,{sx:{textWrap:"auto"},children:r??t})}function j(e){let{labels:t}=e,{infoSnackbar:s}=(0,l.useSnackbar)(),r=[],i=!0;function o(e){let t=e.currentTarget.innerText||"";navigator.clipboard.writeText(t.trim()).then(()=>{s(`Copied label matcher: ${t}`)}).catch(e=>{console.error(`unable to copy text: ${e}`)})}for(let e in t)"__name__"!==e&&(r.push((0,n.jsxs)("span",{children:[!i&&", ",(0,n.jsxs)(a.Z,{display:"inline",component:"span",sx:{"&:hover":{cursor:"pointer",textDecoration:"underline"}},onClick:o,title:"Click to copy label matcher",children:[(0,n.jsx)("strong",{children:e}),"=",(0,n.jsxs)("span",{children:['"',t[e],'"']})]})]},e)),i&&(i=!1));return(0,n.jsxs)(a.Z,{sx:{textWrap:"auto"},children:[t?t.__name__:"","{",r,"}"]})}var v=s(8286);function g(e){let{width:t,height:s,data:a}=e,o=(0,l.useChartsTheme)(),c=(0,i.useMemo)(()=>a?a.buckets.map(e=>{let[t,s,n,r]=e;return{value:[parseFloat(s),parseFloat(n),parseFloat(r),t],itemStyle:{color:o.echartsTheme[0]}}}):[],[o.echartsTheme,a]),h=(0,i.useMemo)(()=>{var e;return c?{title:{show:!1},tooltip:{},xAxis:{scale:!1,max:Math.ceil((null===(e=c[c.length-1])||void 0===e?void 0:e.value[1])??1)},yAxis:{},series:[{type:"custom",renderItem:function(e,t){var s,n;let r=t.value(2),l=t.coord([t.value(0),r]),i=null===(s=t.size)||void 0===s?void 0:s.call(t,[t.value(1)-t.value(0),r]),a=null===(n=t.style)||void 0===n?void 0:n.call(t);return{type:"rect",shape:{x:l[0],y:l[1],width:i[0],height:i[1]},style:a}},label:{show:!1},dimensions:["from","to"],encode:{x:[0,1],y:2,tooltip:[0,1],itemName:2},data:c}]}:o.noDataOption},[o.noDataOption,c]);return(0,n.jsx)(r.Z,{style:{width:t,height:s},sx:{overflow:"auto"},children:(0,n.jsx)(l.EChart,{sx:{minHeight:s},option:h,theme:o.echartsTheme})})}(0,s(6232).D)([v.N]);let Z=e=>{let{result:t}=e,s=(0,i.useMemo)(()=>t.flatMap(e=>e.data).flatMap(e=>(null==e?void 0:e.series)||[]),[t]),r=(0,i.useMemo)(()=>(function(e){let t=e.length<1e3;return e.map((e,s)=>{var r;let l=((null===(r=e.values)||void 0===r?void 0:r.length)??0)>1,o=e.values?e.values.map((e,t)=>(0,n.jsxs)(a.Z,{children:[e[1]," ",l&&(0,n.jsxs)("span",{children:["@",e[0]]})]},t)):[],c=e.histograms?e.histograms.map((e,t)=>(0,n.jsxs)(i.Fragment,{children:[(0,n.jsx)(g,{width:400,height:200,data:{buckets:e[1].buckets}})," ",(0,n.jsxs)(u.Z,{flexDirection:"row",justifyContent:"space-between",children:[(0,n.jsxs)(a.Z,{children:["Total count: ",e[1].count]}),(0,n.jsxs)(a.Z,{children:["Sum: ",e[1].sum]})]}),T(e[1])]},-t)):[];return(0,n.jsxs)(d.Z,{style:{whiteSpace:"pre"},children:[(0,n.jsx)(x.Z,{children:(0,n.jsx)(p,{name:e.name,formattedName:e.formattedName,labels:e.labels,isFormatted:t})}),(0,n.jsx)(x.Z,{children:e.histograms?c:o})]},s)})})(s),[s]);return t?(0,n.jsxs)(n.Fragment,{children:[s.length>=1e3&&(0,n.jsxs)(o.Z,{severity:"warning",children:["Showing more than ",1e3," series, turning off label formatting for performance reasons."]}),(0,n.jsx)(c.Z,{className:"data-table",children:(0,n.jsx)(h.Z,{children:r})})]}):(0,n.jsx)(a.Z,{children:"No data"})},f=e=>3===e||1===e?"[":"(",b=e=>3===e||0===e?"]":")",y=e=>{let[t,s,n]=e;return`${f(t)}${s} -> ${n}${b(t)}`},T=e=>{var t;return(0,n.jsxs)(c.Z,{children:[(0,n.jsx)(m.Z,{children:(0,n.jsx)(d.Z,{children:(0,n.jsx)(x.Z,{style:{textAlign:"center"},colSpan:2,children:"Histogram Sample"})})}),(0,n.jsxs)(h.Z,{children:[(0,n.jsxs)(d.Z,{children:[(0,n.jsx)(x.Z,{children:"Range"}),(0,n.jsx)(x.Z,{children:"Count"})]}),null===(t=e.buckets)||void 0===t?void 0:t.map((e,t)=>(0,n.jsxs)(d.Z,{children:[(0,n.jsx)(x.Z,{children:y(e)}),(0,n.jsx)(x.Z,{children:e[3]})]},t))]})]})},w={PanelComponent:function(e){let{contentDimensions:t,queryResults:s}=e,i=(0,l.useChartsTheme)().container.padding.default;return(0,n.jsx)(r.Z,{sx:{height:(null==t?void 0:t.height)||0,padding:`${i}px`,overflowY:"scroll"},children:(0,n.jsx)(Z,{result:s})})},supportedQueryTypes:["TimeSeriesQuery"],queryOptions:{mode:"instant"},createInitialOptions:()=>({})}}}]);

package/__mf/js/main.857476c9.js

@@ -0,0 +1 @@
+(()=>{var e={5311:function(e,r,t){Promise.all([t.e("677"),t.e("179"),t.e("620")]).then(t.bind(t,9161))}},r={};function t(n){var o=r[n];if(void 0!==o)return o.exports;var a=r[n]={id:n,loaded:!1,exports:{}};return e[n].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}t.m=e,t.c=r,t.federation||(t.federation={chunkMatcher:function(e){return!/^(1(57|61|79)|494|677|759|946)$/.test(e)}}),t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},t.d=(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},t.f={},t.e=e=>Promise.all(Object.keys(t.f).reduce((r,n)=>(t.f[n](e,r),r),[])),t.u=e=>"__mf/js/async/"+e+"."+({156:"edaa1366",173:"7677c422",620:"989f65d2",621:"966dfe80",651:"f2005980",694:"46f61549",740:"64988389",75:"65fec995",770:"46d7d5f9",960:"d242a960",964:"7386b918",998:"e20cf478"})[e]+".js",t.miniCssF=e=>"__mf/css/async/"+e+".53436797.css",t.h=()=>"83f38bab1a1df5d8",(()=>{t.g=(()=>{if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}})()})(),t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),(()=>{var e={},r="TimeSeriesTable:";t.l=function(n,o,a,i){if(e[n]){e[n].push(o);return}if(void 0!==a)for(var s,l,d=document.getElementsByTagName("script"),c=0;c<d.length;c++){var u=d[c];if(u.getAttribute("src")==n||u.getAttribute("data-webpack")==r+a){s=u;break}}s||(l=!0,(s=document.createElement("script")).charset="utf-8",s.timeout=120,t.nc&&s.setAttribute("nonce",t.nc),s.setAttribute("data-webpack",r+a),s.src=n),e[n]=[o];var f=function(r,t){s.onerror=s.onload=null,clearTimeout(h);var o=e[n];if(delete e[n],s.parentNode&&s.parentNode.removeChild(s),o&&o.forEach(function(e){return e(t)}),r)return r(t)},h=setTimeout(f.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=f.bind(null,s.onerror),s.onload=f.bind(null,s.onload),l&&document.head.appendChild(s)}})(),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),t.nc=void 0,(()=>{var e=[];t.O=(r,n,o,a)=>{if(n){a=a||0;for(var i=e.length;i>0&&e[i-1][2]>a;i--)e[i]=e[i-1];e[i]=[n,o,a];return}for(var s=1/0,i=0;i<e.length;i++){for(var[n,o,a]=e[i],l=!0,d=0;d<n.length;d++)(!1&a||s>=a)&&Object.keys(t.O).every(e=>t.O[e](n[d]))?n.splice(d--,1):(l=!1,a<s&&(s=a));if(l){e.splice(i--,1);var c=o();void 0!==c&&(r=c)}}return r}})(),t.p="/plugins/TimeSeriesTable/",t.rv=()=>"1.2.8",t.S={},t.initializeSharingData={scopeToSharingDataMapping:{default:[{name:"@emotion/react",version:"11.14.0",factory:()=>Promise.all([t.e("960"),t.e("677"),t.e("651")]).then(()=>()=>t(6434)),eager:0,singleton:1,requiredVersion:"^11.11.3"},{name:"@emotion/styled",version:"11.14.0",factory:()=>Promise.all([t.e("677"),t.e("157"),t.e("770")]).then(()=>()=>t(1958)),eager:0,singleton:1},{name:"@perses-dev/components",version:"0.51.0-beta.1",factory:()=>Promise.all([t.e("156"),t.e("998"),t.e("621"),t.e("677"),t.e("179"),t.e("157"),t.e("161"),t.e("946"),t.e("759")]).then(()=>()=>t(3191)),eager:0,singleton:1},{name:"date-fns",version:"4.1.0",factory:()=>Promise.all([t.e("156"),t.e("75")]).then(()=>()=>t(9657)),eager:0,singleton:1},{name:"react-dom",version:"18.3.1",factory:()=>Promise.all([t.e("173"),t.e("677")]).then(()=>()=>t(2652)),eager:0,singleton:1,requiredVersion:"18.2.0"},{name:"react",version:"18.3.1",factory:()=>t.e("964").then(()=>()=>t(7378)),eager:0,singleton:1,requiredVersion:"18.2.0"}]},uniqueName:"TimeSeriesTable"},t.I=t.I||function(){throw Error("should have __webpack_require__.I")},t.consumesLoadingData={chunkMapping:{161:["4665","461"],494:["7871"],946:["5913"],179:["6085"],157:["2116"],677:["4538"]},moduleIdToConsumeDataMapping:{461:{shareScope:"default",shareKey:"date-fns",import:"date-fns",requiredVersion:"^4.1.0",strictVersion:!1,singleton:!0,eager:!1,fallback:()=>t.e("75").then(()=>()=>t(9657))},5913:{shareScope:"default",shareKey:"@emotion/styled",import:"@emotion/styled",requiredVersion:"^11.3.0",strictVersion:!1,singleton:!0,eager:!1,fallback:()=>t.e("694").then(()=>()=>t(1958))},4538:{shareScope:"default",shareKey:"react",import:"react",requiredVersion:"18.2.0",strictVersion:!1,singleton:!0,eager:!1,fallback:()=>t.e("964").then(()=>()=>t(7378))},4665:{shareScope:"default",shareKey:"date-fns-tz",import:"date-fns-tz",requiredVersion:"^3.2.0",strictVersion:!1,singleton:!0,eager:!1,fallback:()=>Promise.all([t.e("740"),t.e("494")]).then(()=>()=>t(8872))},7871:{shareScope:"default",shareKey:"date-fns",import:"date-fns",requiredVersion:"^3.0.0 || ^4.0.0",strictVersion:!1,singleton:!0,eager:!1,fallback:()=>t.e("75").then(()=>()=>t(9657))},6085:{shareScope:"default",shareKey:"react-dom",import:"react-dom",requiredVersion:"18.2.0",strictVersion:!1,singleton:!0,eager:!1,fallback:()=>t.e("173").then(()=>()=>t(2652))},2116:{shareScope:"default",shareKey:"@emotion/react",import:"@emotion/react",requiredVersion:"^11.11.3",strictVersion:!1,singleton:!0,eager:!1,fallback:()=>t.e("960").then(()=>()=>t(6434))}},initialConsumes:[]},t.f.consumes=t.f.consumes||function(){throw Error("should have __webpack_require__.f.consumes")},(()=>{if("undefined"!=typeof document){var e=function(e,r,n,o,a){var i=document.createElement("link");return i.rel="stylesheet",i.type="text/css",t.nc&&(i.nonce=t.nc),i.onerror=i.onload=function(t){if(i.onerror=i.onload=null,"load"===t.type)o();else{var n=t&&("load"===t.type?"missing":t.type),s=t&&t.target&&t.target.href||r,l=Error("Loading CSS chunk "+e+" failed.\\n("+s+")");l.code="CSS_CHUNK_LOAD_FAILED",l.type=n,l.request=s,i.parentNode&&i.parentNode.removeChild(i),a(l)}},i.href=r,n?n.parentNode.insertBefore(i,n.nextSibling):document.head.appendChild(i),i},r=function(e,r){for(var t=document.getElementsByTagName("link"),n=0;n<t.length;n++){var o=t[n],a=o.getAttribute("data-href")||o.getAttribute("href");if("stylesheet"===o.rel&&(a===e||a===r))return o}for(var i=document.getElementsByTagName("style"),n=0;n<i.length;n++){var o=i[n],a=o.getAttribute("data-href");if(a===e||a===r)return o}},n={909:0};t.f.miniCss=function(o,a){if(n[o])a.push(n[o]);else if(0!==n[o]&&({759:1})[o])a.push(n[o]=new Promise(function(n,a){var i=t.miniCssF(o),s=t.p+i;if(r(i,s))return n();e(o,s,null,n,a)}).then(function(){n[o]=0},function(e){throw delete n[o],e}))}}})(),(()=>{var e={909:0};t.f.j=function(r,n){var o=t.o(e,r)?e[r]:void 0;if(0!==o){if(o)n.push(o[2]);else if(/^(1(57|61|79)|494|677|759|946)$/.test(r))e[r]=0;else{var a=new Promise((t,n)=>o=e[r]=[t,n]);n.push(o[2]=a);var i=t.p+t.u(r),s=Error();t.l(i,function(n){if(t.o(e,r)&&(0!==(o=e[r])&&(e[r]=void 0),o)){var a=n&&("load"===n.type?"missing":n.type),i=n&&n.target&&n.target.src;s.message="Loading chunk "+r+" failed.\n("+a+": "+i+")",s.name="ChunkLoadError",s.type=a,s.request=i,o[1](s)}},"chunk-"+r,r)}}},t.O.j=r=>0===e[r];var r=(r,n)=>{var o,a,[i,s,l]=n,d=0;if(i.some(r=>0!==e[r])){for(o in s)t.o(s,o)&&(t.m[o]=s[o]);if(l)var c=l(t)}for(r&&r(n);d<i.length;d++)a=i[d],t.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return t.O(c)},n=self.webpackChunkTimeSeriesTable=self.webpackChunkTimeSeriesTable||[];n.forEach(r.bind(null,0)),n.push=r.bind(null,n.push.bind(n))})(),t.ruid="bundler=rspack@1.2.8",t.O(void 0,["795"],function(){return t(2032)});var n=t.O(void 0,["795"],function(){return t(5311)});n=t.O(n)})();

package/lib/TimeSeriesTable.d.ts

@@ -0,0 +1,8 @@
+import { PanelPlugin } from '@perses-dev/plugin-system';
+import { TimeSeriesTableProps } from './TimeSeriesTablePanel';
+import { TimeSeriesTableOptions } from './model';
+/**
+ * The core TimeSeriesTable panel plugin for Perses.
+ */
+export declare const TimeSeriesTable: PanelPlugin<TimeSeriesTableOptions, TimeSeriesTableProps>;
+//# sourceMappingURL=TimeSeriesTable.d.ts.map

package/lib/TimeSeriesTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSeriesTable.d.ts","sourceRoot":"","sources":["../../src/TimeSeriesTable.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAwB,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,WAAW,CAAC,sBAAsB,EAAE,oBAAoB,CASrF,CAAC"}

package/lib/TimeSeriesTable.js

@@ -0,0 +1,29 @@
+// Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { TimeSeriesTablePanel } from './TimeSeriesTablePanel';
+/**
+ * The core TimeSeriesTable panel plugin for Perses.
+ */ export const TimeSeriesTable = {
+    PanelComponent: TimeSeriesTablePanel,
+    supportedQueryTypes: [
+        'TimeSeriesQuery'
+    ],
+    queryOptions: {
+        mode: 'instant'
+    },
+    createInitialOptions: ()=>{
+        return {};
+    }
+};
+
+//# sourceMappingURL=TimeSeriesTable.js.map

package/lib/TimeSeriesTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TimeSeriesTable.ts"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PanelPlugin } from '@perses-dev/plugin-system';\nimport { TimeSeriesTablePanel, TimeSeriesTableProps } from './TimeSeriesTablePanel';\nimport { TimeSeriesTableOptions } from './model';\n\n/**\n * The core TimeSeriesTable panel plugin for Perses.\n */\nexport const TimeSeriesTable: PanelPlugin<TimeSeriesTableOptions, TimeSeriesTableProps> = {\n  PanelComponent: TimeSeriesTablePanel,\n  supportedQueryTypes: ['TimeSeriesQuery'],\n  queryOptions: {\n    mode: 'instant',\n  },\n  createInitialOptions: () => {\n    return {};\n  },\n};\n"],"names":["TimeSeriesTablePanel","TimeSeriesTable","PanelComponent","supportedQueryTypes","queryOptions","mode","createInitialOptions"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAASA,oBAAoB,QAA8B,yBAAyB;AAGpF;;CAEC,GACD,OAAO,MAAMC,kBAA6E;IACxFC,gBAAgBF;IAChBG,qBAAqB;QAAC;KAAkB;IACxCC,cAAc;QACZC,MAAM;IACR;IACAC,sBAAsB;QACpB,OAAO,CAAC;IACV;AACF,EAAE"}

package/lib/TimeSeriesTablePanel.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { PanelProps } from '@perses-dev/plugin-system';
+import { TimeSeriesData } from '@perses-dev/core';
+import { TimeSeriesTableOptions } from './model';
+export type TimeSeriesTableProps = PanelProps<TimeSeriesTableOptions, TimeSeriesData>;
+export declare function TimeSeriesTablePanel(props: TimeSeriesTableProps): ReactElement;
+//# sourceMappingURL=TimeSeriesTablePanel.d.ts.map

package/lib/TimeSeriesTablePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSeriesTablePanel.d.ts","sourceRoot":"","sources":["../../src/TimeSeriesTablePanel.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGjD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,sBAAsB,EAAE,cAAc,CAAC,CAAC;AAEtF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAU9E"}

package/lib/TimeSeriesTablePanel.js

@@ -0,0 +1,33 @@
+// Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { useChartsTheme } from '@perses-dev/components';
+import { DataTable } from './components';
+export function TimeSeriesTablePanel(props) {
+    const { contentDimensions, queryResults } = props;
+    const chartsTheme = useChartsTheme();
+    const contentPadding = chartsTheme.container.padding.default;
+    return /*#__PURE__*/ _jsx(Box, {
+        sx: {
+            height: contentDimensions?.height || 0,
+            padding: `${contentPadding}px`,
+            overflowY: 'scroll'
+        },
+        children: /*#__PURE__*/ _jsx(DataTable, {
+            result: queryResults
+        })
+    });
+}
+
+//# sourceMappingURL=TimeSeriesTablePanel.js.map

package/lib/TimeSeriesTablePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TimeSeriesTablePanel.tsx"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Box } from '@mui/material';\nimport { useChartsTheme } from '@perses-dev/components';\nimport { ReactElement } from 'react';\nimport { PanelProps } from '@perses-dev/plugin-system';\nimport { TimeSeriesData } from '@perses-dev/core';\nimport { TimeSeriesTableOptions } from './model';\nimport { DataTable } from './components';\n\nexport type TimeSeriesTableProps = PanelProps<TimeSeriesTableOptions, TimeSeriesData>;\n\nexport function TimeSeriesTablePanel(props: TimeSeriesTableProps): ReactElement {\n  const { contentDimensions, queryResults } = props;\n  const chartsTheme = useChartsTheme();\n  const contentPadding = chartsTheme.container.padding.default;\n\n  return (\n    <Box sx={{ height: contentDimensions?.height || 0, padding: `${contentPadding}px`, overflowY: 'scroll' }}>\n      <DataTable result={queryResults} />\n    </Box>\n  );\n}\n"],"names":["Box","useChartsTheme","DataTable","TimeSeriesTablePanel","props","contentDimensions","queryResults","chartsTheme","contentPadding","container","padding","default","sx","height","overflowY","result"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,cAAc,QAAQ,yBAAyB;AAKxD,SAASC,SAAS,QAAQ,eAAe;AAIzC,OAAO,SAASC,qBAAqBC,KAA2B;IAC9D,MAAM,EAAEC,iBAAiB,EAAEC,YAAY,EAAE,GAAGF;IAC5C,MAAMG,cAAcN;IACpB,MAAMO,iBAAiBD,YAAYE,SAAS,CAACC,OAAO,CAACC,OAAO;IAE5D,qBACE,KAACX;QAAIY,IAAI;YAAEC,QAAQR,mBAAmBQ,UAAU;YAAGH,SAAS,GAAGF,eAAe,EAAE,CAAC;YAAEM,WAAW;QAAS;kBACrG,cAAA,KAACZ;YAAUa,QAAQT;;;AAGzB"}

package/lib/bootstrap.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=bootstrap.d.ts.map

package/lib/bootstrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.d.ts","sourceRoot":"","sources":["../../src/bootstrap.tsx"],"names":[],"mappings":""}

package/lib/bootstrap.js

@@ -0,0 +1,19 @@
+// Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(/*#__PURE__*/ _jsx(React.StrictMode, {}));
+
+//# sourceMappingURL=bootstrap.js.map

package/lib/bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/bootstrap.tsx"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(document.getElementById('root')!);\nroot.render(<React.StrictMode></React.StrictMode>);\n"],"names":["React","ReactDOM","root","createRoot","document","getElementById","render","StrictMode"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,OAAOA,WAAW,QAAQ;AAC1B,OAAOC,cAAc,mBAAmB;AAExC,MAAMC,OAAOD,SAASE,UAAU,CAACC,SAASC,cAAc,CAAC;AACzDH,KAAKI,MAAM,eAAC,KAACN,MAAMO,UAAU"}

package/lib/cjs/TimeSeriesTable.js

@@ -0,0 +1,35 @@
+// Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TimeSeriesTable", {
+    enumerable: true,
+    get: function() {
+        return TimeSeriesTable;
+    }
+});
+const _TimeSeriesTablePanel = require("./TimeSeriesTablePanel");
+const TimeSeriesTable = {
+    PanelComponent: _TimeSeriesTablePanel.TimeSeriesTablePanel,
+    supportedQueryTypes: [
+        'TimeSeriesQuery'
+    ],
+    queryOptions: {
+        mode: 'instant'
+    },
+    createInitialOptions: ()=>{
+        return {};
+    }
+};

package/lib/cjs/TimeSeriesTablePanel.js

@@ -0,0 +1,41 @@
+// Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TimeSeriesTablePanel", {
+    enumerable: true,
+    get: function() {
+        return TimeSeriesTablePanel;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _material = require("@mui/material");
+const _components = require("@perses-dev/components");
+const _components1 = require("./components");
+function TimeSeriesTablePanel(props) {
+    const { contentDimensions, queryResults } = props;
+    const chartsTheme = (0, _components.useChartsTheme)();
+    const contentPadding = chartsTheme.container.padding.default;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+        sx: {
+            height: contentDimensions?.height || 0,
+            padding: `${contentPadding}px`,
+            overflowY: 'scroll'
+        },
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components1.DataTable, {
+            result: queryResults
+        })
+    });
+}

package/lib/cjs/bootstrap.js

@@ -0,0 +1,26 @@
+// Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _client = /*#__PURE__*/ _interop_require_default(require("react-dom/client"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const root = _client.default.createRoot(document.getElementById('root'));
+root.render(/*#__PURE__*/ (0, _jsxruntime.jsx)(_react.default.StrictMode, {}));

package/lib/cjs/components/DataTable.js

@@ -0,0 +1,185 @@
+// Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DataTable: function() {
+        return DataTable;
+    },
+    bucketRangeString: function() {
+        return bucketRangeString;
+    },
+    histogramTable: function() {
+        return histogramTable;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _material = require("@mui/material");
+const _SeriesName = require("./SeriesName");
+const _HistogramChart = require("./HistogramChart");
+const MAX_FORMATABLE_SERIES = 1000;
+const DataTable = ({ result })=>{
+    const series = (0, _react.useMemo)(()=>result.flatMap((d)=>d.data).flatMap((d)=>d?.series || []), [
+        result
+    ]);
+    const rows = (0, _react.useMemo)(()=>buildRows(series), [
+        series
+    ]);
+    if (!result) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+            children: "No data"
+        });
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            series.length >= MAX_FORMATABLE_SERIES && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Alert, {
+                severity: "warning",
+                children: [
+                    "Showing more than ",
+                    MAX_FORMATABLE_SERIES,
+                    " series, turning off label formatting for performance reasons."
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Table, {
+                className: "data-table",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableBody, {
+                    children: rows
+                })
+            })
+        ]
+    });
+};
+function buildRows(series) {
+    const isFormatted = series.length < MAX_FORMATABLE_SERIES; // only format series names if we have less than 1000 series for performance reasons
+    return series.map((s, seriesIdx)=>{
+        const displayTimeStamps = (s.values?.length ?? 0) > 1;
+        const valuesAndTimes = s.values ? s.values.map((v, valIdx)=>{
+            return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
+                children: [
+                    v[1],
+                    " ",
+                    displayTimeStamps && /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+                        children: [
+                            "@",
+                            v[0]
+                        ]
+                    })
+                ]
+            }, valIdx);
+        }) : [];
+        const histogramsAndTimes = s.histograms ? s.histograms.map((h, hisIdx)=>{
+            return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_HistogramChart.HistogramChart, {
+                        width: 400,
+                        height: 200,
+                        data: {
+                            buckets: h[1].buckets
+                        }
+                    }),
+                    " ",
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+                        flexDirection: "row",
+                        justifyContent: "space-between",
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
+                                children: [
+                                    "Total count: ",
+                                    h[1].count
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
+                                children: [
+                                    "Sum: ",
+                                    h[1].sum
+                                ]
+                            })
+                        ]
+                    }),
+                    histogramTable(h[1])
+                ]
+            }, -hisIdx);
+        }) : [];
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.TableRow, {
+            style: {
+                whiteSpace: 'pre'
+            },
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_SeriesName.SeriesName, {
+                        name: s.name,
+                        formattedName: s.formattedName,
+                        labels: s.labels,
+                        isFormatted: isFormatted
+                    })
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
+                    children: s.histograms ? histogramsAndTimes : valuesAndTimes
+                })
+            ]
+        }, seriesIdx);
+    });
+}
+const leftDelim = (br)=>br === 3 || br === 1 ? '[' : '(';
+const rightDelim = (br)=>br === 3 || br === 0 ? ']' : ')';
+const bucketRangeString = ([boundaryRule, leftBoundary, rightBoundary])=>{
+    return `${leftDelim(boundaryRule)}${leftBoundary} -> ${rightBoundary}${rightDelim(boundaryRule)}`;
+};
+const histogramTable = (h)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Table, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableHead, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableRow, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
+                        style: {
+                            textAlign: 'center'
+                        },
+                        colSpan: 2,
+                        children: "Histogram Sample"
+                    })
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.TableBody, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.TableRow, {
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
+                                children: "Range"
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
+                                children: "Count"
+                            })
+                        ]
+                    }),
+                    h.buckets?.map((b, i)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.TableRow, {
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
+                                    children: bucketRangeString(b)
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
+                                    children: b[3]
+                                })
+                            ]
+                        }, i))
+                ]
+            })
+        ]
+    });

package/lib/cjs/components/HistogramChart.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "HistogramChart", {
+    enumerable: true,
+    get: function() {
+        return HistogramChart;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _material = require("@mui/material");
+const _components = require("@perses-dev/components");
+const _charts = require("echarts/charts");
+const _core = require("echarts/core");
+const _react = require("react");
+(0, _core.use)([
+    _charts.CustomChart
+]);
+function HistogramChart({ width, height, data }) {
+    const chartsTheme = (0, _components.useChartsTheme)();
+    const transformedData = (0, _react.useMemo)(()=>{
+        if (!data) return [];
+        return data.buckets.map(([bucket, upperBound, lowerBound, count])=>{
+            return {
+                value: [
+                    parseFloat(upperBound),
+                    parseFloat(lowerBound),
+                    parseFloat(count),
+                    bucket
+                ],
+                itemStyle: {
+                    color: chartsTheme.echartsTheme[0]
+                }
+            };
+        });
+    }, [
+        chartsTheme.echartsTheme,
+        data
+    ]);
+    const option = (0, _react.useMemo)(()=>{
+        if (!transformedData) return chartsTheme.noDataOption;
+        return {
+            title: {
+                show: false
+            },
+            tooltip: {},
+            xAxis: {
+                scale: false,
+                max: Math.ceil(transformedData[transformedData.length - 1]?.value[1] ?? 1)
+            },
+            yAxis: {},
+            series: [
+                {
+                    type: 'custom',
+                    renderItem: function(params, api) {
+                        const yValue = api.value(2);
+                        const start = api.coord([
+                            api.value(0),
+                            yValue
+                        ]);
+                        const size = api.size?.([
+                            api.value(1) - api.value(0),
+                            yValue
+                        ]);
+                        const style = api.style?.();
+                        return {
+                            type: 'rect',
+                            shape: {
+                                x: start[0],
+                                y: start[1],
+                                width: size[0],
+                                height: size[1]
+                            },
+                            style: style
+                        };
+                    },
+                    label: {
+                        show: false
+                    },
+                    dimensions: [
+                        'from',
+                        'to'
+                    ],
+                    encode: {
+                        x: [
+                            0,
+                            1
+                        ],
+                        y: 2,
+                        tooltip: [
+                            0,
+                            1
+                        ],
+                        itemName: 2
+                    },
+                    data: transformedData
+                }
+            ]
+        };
+    }, [
+        chartsTheme.noDataOption,
+        transformedData
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+        style: {
+            width: width,
+            height: height
+        },
+        sx: {
+            overflow: 'auto'
+        },
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.EChart, {
+            sx: {
+                minHeight: height
+            },
+            option: option,
+            theme: chartsTheme.echartsTheme
+        })
+    });
+}