@perses-dev/components 0.43.0 → 0.44.0-rc0

package/dist/TimeSeriesTooltip/utils.d.ts

@@ -3,7 +3,7 @@ import { CursorCoordinates, CursorData } from './tooltip-model';
 /**
  * Determine position of tooltip depending on chart dimensions and the number of focused series
  */
-export declare function assembleTransform(mousePos: CursorData['coords'], chartWidth: number, pinnedPos: CursorCoordinates | null, tooltipHeight: number, tooltipWidth: number, containerElement?: Element | null): string;
+export declare function assembleTransform(mousePos: CursorData['coords'], chartWidth: number, pinnedPos: CursorCoordinates | null, tooltipHeight: number, tooltipWidth: number, containerElement?: Element | null): string | undefined;
 /**
  * Helper for tooltip positioning styles
  */

package/dist/TimeSeriesTooltip/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/TimeSeriesTooltip/utils.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EACL,iBAAiB,EACjB,UAAU,EAOX,MAAM,iBAAiB,CAAC;AAEzB;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC9B,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,iBAAiB,GAAG,IAAI,EACnC,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,MAAM,EACpB,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,UA+ClC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAiB,GAAG,IAAI,EAAE,SAAS,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;EAwBrG"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/TimeSeriesTooltip/utils.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EACL,iBAAiB,EACjB,UAAU,EAOX,MAAM,iBAAiB,CAAC;AAEzB;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC9B,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,iBAAiB,GAAG,IAAI,EACnC,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,MAAM,EACpB,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,sBAiDlC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAiB,GAAG,IAAI,EAAE,SAAS,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;EAwBrG"}

package/dist/TimeSeriesTooltip/utils.js

@@ -15,13 +15,14 @@ import { TOOLTIP_MAX_WIDTH, TOOLTIP_MAX_HEIGHT, TOOLTIP_MIN_WIDTH, TOOLTIP_ADJUS
  * Determine position of tooltip depending on chart dimensions and the number of focused series
  */ export function assembleTransform(mousePos, chartWidth, pinnedPos, tooltipHeight, tooltipWidth, containerElement) {
     if (mousePos === null) {
-        return 'translate3d(0, 0)';
+        return undefined;
     }
     const cursorPaddingX = 32;
     const cursorPaddingY = 16;
     if (pinnedPos !== null) {
         mousePos = pinnedPos;
     }
+    if (mousePos.plotCanvas.x === undefined) return undefined;
     // By default, tooltip is located in a Portal attached to the body.
     // Using page coordinates instead of viewport ensures the tooltip is
     // absolutely positioned correctly as the user scrolls

package/dist/TimeSeriesTooltip/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TimeSeriesTooltip/utils.ts"],"sourcesContent":["// Copyright 2023 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 { Theme } from '@mui/material';\nimport {\n  CursorCoordinates,\n  CursorData,\n  TOOLTIP_MAX_WIDTH,\n  TOOLTIP_MAX_HEIGHT,\n  TOOLTIP_MIN_WIDTH,\n  TOOLTIP_ADJUST_Y_POS_MULTIPLIER,\n  TOOLTIP_BG_COLOR_FALLBACK,\n  TOOLTIP_PADDING,\n} from './tooltip-model';\n\n/**\n * Determine position of tooltip depending on chart dimensions and the number of focused series\n */\nexport function assembleTransform(\n  mousePos: CursorData['coords'],\n  chartWidth: number,\n  pinnedPos: CursorCoordinates | null,\n  tooltipHeight: number,\n  tooltipWidth: number,\n  containerElement?: Element | null\n) {\n  if (mousePos === null) {\n    return 'translate3d(0, 0)';\n  }\n\n  const cursorPaddingX = 32;\n  const cursorPaddingY = 16;\n\n  if (pinnedPos !== null) {\n    mousePos = pinnedPos;\n  }\n\n  // By default, tooltip is located in a Portal attached to the body.\n  // Using page coordinates instead of viewport ensures the tooltip is\n  // absolutely positioned correctly as the user scrolls\n  let x = mousePos.page.x;\n  let y = mousePos.page.y + cursorPaddingY;\n\n  // If containerElement is defined, tooltip is attached to the containerElement instead.\n  let containerRect;\n  if (containerElement) {\n    // get the container's position relative to viewport\n    containerRect = containerElement.getBoundingClientRect();\n    // calculate the mouse position relative to container\n    x = x - containerRect.left + containerElement.scrollLeft;\n    y = y - containerRect.top + containerElement.scrollTop;\n  }\n\n  if (mousePos.client.y + tooltipHeight + cursorPaddingY > window.innerHeight) {\n    // adjust so tooltip does not get cut off at bottom of chart\n    // multiplier ensures tooltip isn't overly adjusted and gets cut off at the top of the viewport\n    y = y - tooltipHeight * TOOLTIP_ADJUST_Y_POS_MULTIPLIER;\n\n    // If y is now above of the top of containerElement, set y close to 0 so tooltip does not get cut off\n    if (containerRect && y < containerRect.top) {\n      y = TOOLTIP_PADDING / 2; // leaves room for some padding around tooltip\n    }\n  }\n\n  // use tooltip width to determine when to repos from right to left\n  const xPosAdjustThreshold = chartWidth - tooltipWidth * 0.9;\n\n  // reposition so tooltip is never too close to right side of chart or left side of browser window\n  return mousePos.plotCanvas.x > xPosAdjustThreshold && x > TOOLTIP_MAX_WIDTH\n    ? `translate3d(${x - cursorPaddingX}px, ${y}px, 0) translateX(-100%)`\n    : `translate3d(${x + cursorPaddingX}px, ${y}px, 0)`;\n}\n\n/**\n * Helper for tooltip positioning styles\n */\nexport function getTooltipStyles(theme: Theme, pinnedPos: CursorCoordinates | null, maxHeight?: number) {\n  const adjustedMaxHeight = maxHeight ? maxHeight - TOOLTIP_PADDING : undefined;\n  return {\n    minWidth: TOOLTIP_MIN_WIDTH,\n    maxWidth: TOOLTIP_MAX_WIDTH,\n    maxHeight: adjustedMaxHeight ?? TOOLTIP_MAX_HEIGHT,\n    padding: 0,\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    backgroundColor: theme.palette.designSystem?.grey[800] ?? TOOLTIP_BG_COLOR_FALLBACK,\n    borderRadius: '6px',\n    color: '#fff',\n    fontSize: '11px',\n    visibility: 'visible',\n    opacity: 1,\n    transition: 'all 0.1s ease-out',\n    // Ensure pinned tooltip shows behind edit panel drawer and sticky header\n    zIndex: pinnedPos !== null ? 'auto' : theme.zIndex.tooltip,\n    overflow: 'hidden',\n    '&:hover': {\n      overflowY: 'auto',\n    },\n  };\n}\n"],"names":["TOOLTIP_MAX_WIDTH","TOOLTIP_MAX_HEIGHT","TOOLTIP_MIN_WIDTH","TOOLTIP_ADJUST_Y_POS_MULTIPLIER","TOOLTIP_BG_COLOR_FALLBACK","TOOLTIP_PADDING","assembleTransform","mousePos","chartWidth","pinnedPos","tooltipHeight","tooltipWidth","containerElement","cursorPaddingX","cursorPaddingY","x","page","y","containerRect","getBoundingClientRect","left","scrollLeft","top","scrollTop","client","window","innerHeight","xPosAdjustThreshold","plotCanvas","getTooltipStyles","theme","maxHeight","adjustedMaxHeight","undefined","minWidth","maxWidth","padding","position","backgroundColor","palette","designSystem","grey","borderRadius","color","fontSize","visibility","opacity","transition","zIndex","tooltip","overflow","overflowY"],"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,SAGEA,iBAAiB,EACjBC,kBAAkB,EAClBC,iBAAiB,EACjBC,+BAA+B,EAC/BC,yBAAyB,EACzBC,eAAe,QACV,kBAAkB;AAEzB;;CAEC,GACD,OAAO,SAASC,kBACdC,QAA8B,EAC9BC,UAAkB,EAClBC,SAAmC,EACnCC,aAAqB,EACrBC,YAAoB,EACpBC,gBAAiC;IAEjC,IAAIL,aAAa,MAAM;QACrB,OAAO;IACT;IAEA,MAAMM,iBAAiB;IACvB,MAAMC,iBAAiB;IAEvB,IAAIL,cAAc,MAAM;QACtBF,WAAWE;IACb;IAEA,mEAAmE;IACnE,oEAAoE;IACpE,sDAAsD;IACtD,IAAIM,IAAIR,SAASS,KAAKD;IACtB,IAAIE,IAAIV,SAASS,KAAKC,IAAIH;IAE1B,uFAAuF;IACvF,IAAII;IACJ,IAAIN,kBAAkB;QACpB,oDAAoD;QACpDM,gBAAgBN,iBAAiBO;QACjC,qDAAqD;QACrDJ,IAAIA,IAAIG,cAAcE,OAAOR,iBAAiBS;QAC9CJ,IAAIA,IAAIC,cAAcI,MAAMV,iBAAiBW;IAC/C;IAEA,IAAIhB,SAASiB,OAAOP,IAAIP,gBAAgBI,iBAAiBW,OAAOC,aAAa;QAC3E,4DAA4D;QAC5D,+FAA+F;QAC/FT,IAAIA,IAAIP,gBAAgBP;QAExB,qGAAqG;QACrG,IAAIe,iBAAiBD,IAAIC,cAAcI,KAAK;YAC1CL,IAAIZ,kBAAkB,GAAG,8CAA8C;QACzE;IACF;IAEA,kEAAkE;IAClE,MAAMsB,sBAAsBnB,aAAaG,eAAe;IAExD,iGAAiG;IACjG,OAAOJ,SAASqB,WAAWb,IAAIY,uBAAuBZ,IAAIf,oBACtD,CAAC,YAAY,EAAEe,IAAIF,eAAe,IAAI,EAAEI,EAAE,wBAAwB,CAAC,GACnE,CAAC,YAAY,EAAEF,IAAIF,eAAe,IAAI,EAAEI,EAAE,MAAM,CAAC;AACvD;AAEA;;CAEC,GACD,OAAO,SAASY,iBAAiBC,KAAY,EAAErB,SAAmC,EAAEsB,SAAkB;QAUjFD;IATnB,MAAME,oBAAoBD,YAAYA,YAAY1B,kBAAkB4B;QASjDH;IARnB,OAAO;QACLI,UAAUhC;QACViC,UAAUnC;QACV+B,WAAWC,8BAAAA,+BAAAA,oBAAqB/B;QAChCmC,SAAS;QACTC,UAAU;QACVf,KAAK;QACLF,MAAM;QACNkB,iBAAiBR,CAAAA,oCAAAA,CAAAA,8BAAAA,MAAMS,QAAQC,0BAAdV,yCAAAA,KAAAA,IAAAA,4BAA4BW,IAAI,CAAC,IAAI,cAArCX,+CAAAA,oCAAyC1B;QAC1DsC,cAAc;QACdC,OAAO;QACPC,UAAU;QACVC,YAAY;QACZC,SAAS;QACTC,YAAY;QACZ,yEAAyE;QACzEC,QAAQvC,cAAc,OAAO,SAASqB,MAAMkB,OAAOC;QACnDC,UAAU;QACV,WAAW;YACTC,WAAW;QACb;IACF;AACF"}
+{"version":3,"sources":["../../src/TimeSeriesTooltip/utils.ts"],"sourcesContent":["// Copyright 2023 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 { Theme } from '@mui/material';\nimport {\n  CursorCoordinates,\n  CursorData,\n  TOOLTIP_MAX_WIDTH,\n  TOOLTIP_MAX_HEIGHT,\n  TOOLTIP_MIN_WIDTH,\n  TOOLTIP_ADJUST_Y_POS_MULTIPLIER,\n  TOOLTIP_BG_COLOR_FALLBACK,\n  TOOLTIP_PADDING,\n} from './tooltip-model';\n\n/**\n * Determine position of tooltip depending on chart dimensions and the number of focused series\n */\nexport function assembleTransform(\n  mousePos: CursorData['coords'],\n  chartWidth: number,\n  pinnedPos: CursorCoordinates | null,\n  tooltipHeight: number,\n  tooltipWidth: number,\n  containerElement?: Element | null\n) {\n  if (mousePos === null) {\n    return undefined;\n  }\n\n  const cursorPaddingX = 32;\n  const cursorPaddingY = 16;\n\n  if (pinnedPos !== null) {\n    mousePos = pinnedPos;\n  }\n\n  if (mousePos.plotCanvas.x === undefined) return undefined;\n\n  // By default, tooltip is located in a Portal attached to the body.\n  // Using page coordinates instead of viewport ensures the tooltip is\n  // absolutely positioned correctly as the user scrolls\n  let x = mousePos.page.x;\n  let y = mousePos.page.y + cursorPaddingY;\n\n  // If containerElement is defined, tooltip is attached to the containerElement instead.\n  let containerRect;\n  if (containerElement) {\n    // get the container's position relative to viewport\n    containerRect = containerElement.getBoundingClientRect();\n    // calculate the mouse position relative to container\n    x = x - containerRect.left + containerElement.scrollLeft;\n    y = y - containerRect.top + containerElement.scrollTop;\n  }\n\n  if (mousePos.client.y + tooltipHeight + cursorPaddingY > window.innerHeight) {\n    // adjust so tooltip does not get cut off at bottom of chart\n    // multiplier ensures tooltip isn't overly adjusted and gets cut off at the top of the viewport\n    y = y - tooltipHeight * TOOLTIP_ADJUST_Y_POS_MULTIPLIER;\n\n    // If y is now above of the top of containerElement, set y close to 0 so tooltip does not get cut off\n    if (containerRect && y < containerRect.top) {\n      y = TOOLTIP_PADDING / 2; // leaves room for some padding around tooltip\n    }\n  }\n\n  // use tooltip width to determine when to repos from right to left\n  const xPosAdjustThreshold = chartWidth - tooltipWidth * 0.9;\n\n  // reposition so tooltip is never too close to right side of chart or left side of browser window\n  return mousePos.plotCanvas.x > xPosAdjustThreshold && x > TOOLTIP_MAX_WIDTH\n    ? `translate3d(${x - cursorPaddingX}px, ${y}px, 0) translateX(-100%)`\n    : `translate3d(${x + cursorPaddingX}px, ${y}px, 0)`;\n}\n\n/**\n * Helper for tooltip positioning styles\n */\nexport function getTooltipStyles(theme: Theme, pinnedPos: CursorCoordinates | null, maxHeight?: number) {\n  const adjustedMaxHeight = maxHeight ? maxHeight - TOOLTIP_PADDING : undefined;\n  return {\n    minWidth: TOOLTIP_MIN_WIDTH,\n    maxWidth: TOOLTIP_MAX_WIDTH,\n    maxHeight: adjustedMaxHeight ?? TOOLTIP_MAX_HEIGHT,\n    padding: 0,\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    backgroundColor: theme.palette.designSystem?.grey[800] ?? TOOLTIP_BG_COLOR_FALLBACK,\n    borderRadius: '6px',\n    color: '#fff',\n    fontSize: '11px',\n    visibility: 'visible',\n    opacity: 1,\n    transition: 'all 0.1s ease-out',\n    // Ensure pinned tooltip shows behind edit panel drawer and sticky header\n    zIndex: pinnedPos !== null ? 'auto' : theme.zIndex.tooltip,\n    overflow: 'hidden',\n    '&:hover': {\n      overflowY: 'auto',\n    },\n  };\n}\n"],"names":["TOOLTIP_MAX_WIDTH","TOOLTIP_MAX_HEIGHT","TOOLTIP_MIN_WIDTH","TOOLTIP_ADJUST_Y_POS_MULTIPLIER","TOOLTIP_BG_COLOR_FALLBACK","TOOLTIP_PADDING","assembleTransform","mousePos","chartWidth","pinnedPos","tooltipHeight","tooltipWidth","containerElement","undefined","cursorPaddingX","cursorPaddingY","plotCanvas","x","page","y","containerRect","getBoundingClientRect","left","scrollLeft","top","scrollTop","client","window","innerHeight","xPosAdjustThreshold","getTooltipStyles","theme","maxHeight","adjustedMaxHeight","minWidth","maxWidth","padding","position","backgroundColor","palette","designSystem","grey","borderRadius","color","fontSize","visibility","opacity","transition","zIndex","tooltip","overflow","overflowY"],"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,SAGEA,iBAAiB,EACjBC,kBAAkB,EAClBC,iBAAiB,EACjBC,+BAA+B,EAC/BC,yBAAyB,EACzBC,eAAe,QACV,kBAAkB;AAEzB;;CAEC,GACD,OAAO,SAASC,kBACdC,QAA8B,EAC9BC,UAAkB,EAClBC,SAAmC,EACnCC,aAAqB,EACrBC,YAAoB,EACpBC,gBAAiC;IAEjC,IAAIL,aAAa,MAAM;QACrB,OAAOM;IACT;IAEA,MAAMC,iBAAiB;IACvB,MAAMC,iBAAiB;IAEvB,IAAIN,cAAc,MAAM;QACtBF,WAAWE;IACb;IAEA,IAAIF,SAASS,UAAU,CAACC,CAAC,KAAKJ,WAAW,OAAOA;IAEhD,mEAAmE;IACnE,oEAAoE;IACpE,sDAAsD;IACtD,IAAII,IAAIV,SAASW,IAAI,CAACD,CAAC;IACvB,IAAIE,IAAIZ,SAASW,IAAI,CAACC,CAAC,GAAGJ;IAE1B,uFAAuF;IACvF,IAAIK;IACJ,IAAIR,kBAAkB;QACpB,oDAAoD;QACpDQ,gBAAgBR,iBAAiBS,qBAAqB;QACtD,qDAAqD;QACrDJ,IAAIA,IAAIG,cAAcE,IAAI,GAAGV,iBAAiBW,UAAU;QACxDJ,IAAIA,IAAIC,cAAcI,GAAG,GAAGZ,iBAAiBa,SAAS;IACxD;IAEA,IAAIlB,SAASmB,MAAM,CAACP,CAAC,GAAGT,gBAAgBK,iBAAiBY,OAAOC,WAAW,EAAE;QAC3E,4DAA4D;QAC5D,+FAA+F;QAC/FT,IAAIA,IAAIT,gBAAgBP;QAExB,qGAAqG;QACrG,IAAIiB,iBAAiBD,IAAIC,cAAcI,GAAG,EAAE;YAC1CL,IAAId,kBAAkB,GAAG,8CAA8C;QACzE;IACF;IAEA,kEAAkE;IAClE,MAAMwB,sBAAsBrB,aAAaG,eAAe;IAExD,iGAAiG;IACjG,OAAOJ,SAASS,UAAU,CAACC,CAAC,GAAGY,uBAAuBZ,IAAIjB,oBACtD,CAAC,YAAY,EAAEiB,IAAIH,eAAe,IAAI,EAAEK,EAAE,wBAAwB,CAAC,GACnE,CAAC,YAAY,EAAEF,IAAIH,eAAe,IAAI,EAAEK,EAAE,MAAM,CAAC;AACvD;AAEA;;CAEC,GACD,OAAO,SAASW,iBAAiBC,KAAY,EAAEtB,SAAmC,EAAEuB,SAAkB;QAUjFD;IATnB,MAAME,oBAAoBD,YAAYA,YAAY3B,kBAAkBQ;QASjDkB;IARnB,OAAO;QACLG,UAAUhC;QACViC,UAAUnC;QACVgC,WAAWC,8BAAAA,+BAAAA,oBAAqBhC;QAChCmC,SAAS;QACTC,UAAU;QACVb,KAAK;QACLF,MAAM;QACNgB,iBAAiBP,CAAAA,qCAAAA,8BAAAA,MAAMQ,OAAO,CAACC,YAAY,cAA1BT,kDAAAA,4BAA4BU,IAAI,CAAC,IAAI,cAArCV,+CAAAA,oCAAyC3B;QAC1DsC,cAAc;QACdC,OAAO;QACPC,UAAU;QACVC,YAAY;QACZC,SAAS;QACTC,YAAY;QACZ,yEAAyE;QACzEC,QAAQvC,cAAc,OAAO,SAASsB,MAAMiB,MAAM,CAACC,OAAO;QAC1DC,UAAU;QACV,WAAW;YACTC,WAAW;QACb;IACF;AACF"}

package/dist/YAxisLabel.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 interface YAxisLabelProps {
     name: string;
     height: number;
 }
-export declare function YAxisLabel({ name, height }: YAxisLabelProps): JSX.Element;
+export declare function YAxisLabel({ name, height }: YAxisLabelProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=YAxisLabel.d.ts.map

package/dist/YAxisLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YAxisLabel.d.ts","sourceRoot":"","sources":["../src/YAxisLabel.tsx"],"names":[],"mappings":";AAeA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,eAAe,eA2B3D"}
+{"version":3,"file":"YAxisLabel.d.ts","sourceRoot":"","sources":["../src/YAxisLabel.tsx"],"names":[],"mappings":"AAeA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,eAAe,2CA2B3D"}

package/dist/YAxisLabel.js

@@ -12,7 +12,7 @@
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box, Typography } from '@mui/material';
-export function YAxisLabel({ name , height  }) {
+export function YAxisLabel({ name, height }) {
     return /*#__PURE__*/ _jsx(Box, {
         sx: {
             display: 'inline-block',

package/dist/YAxisLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/YAxisLabel.tsx"],"sourcesContent":["// Copyright 2023 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, Typography } from '@mui/material';\n\ninterface YAxisLabelProps {\n  name: string;\n  height: number;\n}\n\nexport function YAxisLabel({ name, height }: YAxisLabelProps) {\n  return (\n    <Box\n      sx={{\n        display: 'inline-block',\n        maxWidth: height, // allows rotated text to truncate instead of causing overlap\n        position: 'absolute',\n        top: `calc(${height}px / 2)`,\n        transform: 'translateX(-50%) rotate(-90deg)',\n        transformOrigin: 'top',\n        textAlign: 'center',\n        zIndex: 1,\n      }}\n    >\n      <Typography\n        variant=\"body1\"\n        aria-label=\"y axis label\"\n        sx={{\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n        }}\n      >\n        {name}\n      </Typography>\n    </Box>\n  );\n}\n"],"names":["Box","Typography","YAxisLabel","name","height","sx","display","maxWidth","position","top","transform","transformOrigin","textAlign","zIndex","variant","aria-label","whiteSpace","overflow","textOverflow"],"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,EAAEC,UAAU,QAAQ,gBAAgB;AAOhD,OAAO,SAASC,WAAW,EAAEC,KAAI,EAAEC,OAAM,EAAmB;IAC1D,qBACE,KAACJ;QACCK,IAAI;YACFC,SAAS;YACTC,UAAUH;YACVI,UAAU;YACVC,KAAK,CAAC,KAAK,EAAEL,OAAO,OAAO,CAAC;YAC5BM,WAAW;YACXC,iBAAiB;YACjBC,WAAW;YACXC,QAAQ;QACV;kBAEA,cAAA,KAACZ;YACCa,SAAQ;YACRC,cAAW;YACXV,IAAI;gBACFW,YAAY;gBACZC,UAAU;gBACVC,cAAc;YAChB;sBAECf;;;AAIT"}
+{"version":3,"sources":["../src/YAxisLabel.tsx"],"sourcesContent":["// Copyright 2023 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, Typography } from '@mui/material';\n\ninterface YAxisLabelProps {\n  name: string;\n  height: number;\n}\n\nexport function YAxisLabel({ name, height }: YAxisLabelProps) {\n  return (\n    <Box\n      sx={{\n        display: 'inline-block',\n        maxWidth: height, // allows rotated text to truncate instead of causing overlap\n        position: 'absolute',\n        top: `calc(${height}px / 2)`,\n        transform: 'translateX(-50%) rotate(-90deg)',\n        transformOrigin: 'top',\n        textAlign: 'center',\n        zIndex: 1,\n      }}\n    >\n      <Typography\n        variant=\"body1\"\n        aria-label=\"y axis label\"\n        sx={{\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n        }}\n      >\n        {name}\n      </Typography>\n    </Box>\n  );\n}\n"],"names":["Box","Typography","YAxisLabel","name","height","sx","display","maxWidth","position","top","transform","transformOrigin","textAlign","zIndex","variant","aria-label","whiteSpace","overflow","textOverflow"],"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,EAAEC,UAAU,QAAQ,gBAAgB;AAOhD,OAAO,SAASC,WAAW,EAAEC,IAAI,EAAEC,MAAM,EAAmB;IAC1D,qBACE,KAACJ;QACCK,IAAI;YACFC,SAAS;YACTC,UAAUH;YACVI,UAAU;YACVC,KAAK,CAAC,KAAK,EAAEL,OAAO,OAAO,CAAC;YAC5BM,WAAW;YACXC,iBAAiB;YACjBC,WAAW;YACXC,QAAQ;QACV;kBAEA,cAAA,KAACZ;YACCa,SAAQ;YACRC,cAAW;YACXV,IAAI;gBACFW,YAAY;gBACZC,UAAU;gBACVC,cAAc;YAChB;sBAECf;;;AAIT"}

package/dist/cjs/BarChart/BarChart.js

@@ -42,9 +42,9 @@ const _utils = require("../utils");
 const BAR_WIN_WIDTH = 14;
 const BAR_GAP = 6;
 function BarChart(props) {
-    const { width , height , data , format ={
+    const { width, height, data, format = {
         unit: 'decimal'
-    } , mode ='value'  } = props;
+    }, mode = 'value' } = props;
     const chartsTheme = (0, _ChartsProvider.useChartsTheme)();
     const option = (0, _react.useMemo)(()=>{
         if (data == null || !data.length) return chartsTheme.noDataOption;

package/dist/cjs/ColorPicker/ColorPicker.js

@@ -51,7 +51,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -69,7 +71,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const ColorPicker = ({ color , onChange , palette  })=>{
+const ColorPicker = ({ color, onChange, palette })=>{
     // value is the visible value for the controlled text input
     const [value, setValue] = (0, _react.useState)(color);
     const handleColorChange = (color)=>{

package/dist/cjs/ContentWithLegend/ContentWithLegend.js

@@ -31,9 +31,9 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-function ContentWithLegend({ children , legendProps , width , height , spacing =0 , legendSize , minChildrenWidth =100 , minChildrenHeight =100  }) {
+function ContentWithLegend({ children, legendProps, width, height, spacing = 0, legendSize, minChildrenWidth = 100, minChildrenHeight = 100 }) {
     const theme = (0, _material.useTheme)();
-    const { content , legend , margin  } = (0, _contentwithlegendmodel.getContentWithLegendLayout)({
+    const { content, legend, margin } = (0, _contentwithlegendmodel.getContentWithLegendLayout)({
         width,
         height,
         legendProps,

package/dist/cjs/ContentWithLegend/model/content-with-legend-model.js

@@ -47,7 +47,7 @@ const TABLE_LEGEND_SIZE = {
 const PANEL_HEIGHT_LG_BREAKPOINT = 300;
 const LEGEND_HEIGHT_SM = 40;
 const LEGEND_HEIGHT_LG = 100;
-function getContentWithLegendLayout({ width , height , legendProps , legendSize , minChildrenHeight , minChildrenWidth , spacing , theme  }) {
+function getContentWithLegendLayout({ width, height, legendProps, legendSize, minChildrenHeight, minChildrenWidth, spacing, theme }) {
     const legendOptions = legendProps === null || legendProps === void 0 ? void 0 : legendProps.options;
     const hasLegend = !!legendOptions;
     const noLegendLayout = {
@@ -68,7 +68,7 @@ function getContentWithLegendLayout({ width , height , legendProps , legendSize
     if (!hasLegend) {
         return noLegendLayout;
     }
-    const { position  } = legendOptions;
+    const { position } = legendOptions;
     const mode = (0, _core.getLegendMode)(legendOptions.mode);
     let legendWidth;
     let legendHeight;

package/dist/cjs/DateTimeRangePicker/AbsoluteTimePicker.js

@@ -28,8 +28,8 @@ const _AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
 const _TimeZoneProvider = require("../context/TimeZoneProvider");
 const _utils = require("./utils");
 const DATE_TIME_FORMAT = 'yyyy-MM-dd HH:mm:ss';
-const AbsoluteTimePicker = ({ initialTimeRange , onChange , onCancel  })=>{
-    const { formatWithUserTimeZone  } = (0, _TimeZoneProvider.useTimeZone)();
+const AbsoluteTimePicker = ({ initialTimeRange, onChange, onCancel })=>{
+    const { formatWithUserTimeZone } = (0, _TimeZoneProvider.useTimeZone)();
     // Time range values as dates that can be used as a time range.
     const [timeRange, setTimeRange] = (0, _react.useState)(initialTimeRange);
     // Time range values as strings used to populate the text inputs. May not

package/dist/cjs/DateTimeRangePicker/DateTimeRangePicker.js

@@ -27,7 +27,7 @@ const _core = require("@perses-dev/core");
 const _AbsoluteTimePicker = require("./AbsoluteTimePicker");
 const _TimeRangeSelector = require("./TimeRangeSelector");
 function DateTimeRangePicker(props) {
-    const { value , onChange , timeOptions , height  } = props;
+    const { value, onChange, timeOptions, height } = props;
     const [showCustomDateSelector, setShowCustomDateSelector] = (0, _react.useState)(false);
     const anchorEl = (0, _react.useRef)();
     const convertedTimeRange = (0, _react.useMemo)(()=>{

package/dist/cjs/DateTimeRangePicker/TimeRangeSelector.js

@@ -33,8 +33,8 @@ function _interop_require_default(obj) {
 }
 const DATE_TIME_FORMAT = 'yyyy-MM-dd HH:mm:ss';
 function TimeRangeSelector(props) {
-    const { value , timeOptions , onSelectChange , onCustomClick , height  } = props;
-    const { timeZone  } = (0, _TimeZoneProvider.useTimeZone)();
+    const { value, timeOptions, onSelectChange, onCustomClick, height } = props;
+    const { timeZone } = (0, _TimeZoneProvider.useTimeZone)();
     const formattedValue = !(0, _core.isRelativeTimeRange)(value) ? (0, _utils.formatAbsoluteRange)(value, DATE_TIME_FORMAT, timeZone) : value.pastDuration;
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Select, {
         value: formattedValue,

package/dist/cjs/DateTimeRangePicker/utils.js

@@ -21,11 +21,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    validateDateRange: function() {
-        return validateDateRange;
-    },
     formatAbsoluteRange: function() {
         return formatAbsoluteRange;
+    },
+    validateDateRange: function() {
+        return validateDateRange;
     }
 });
 const _datefns = require("date-fns");

package/dist/cjs/Dialog/Dialog.js

@@ -30,7 +30,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const Header = ({ children , onClose , ...props })=>{
+const Header = ({ children, onClose, ...props })=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.DialogTitle, {
@@ -46,7 +46,7 @@ const Header = ({ children , onClose , ...props })=>{
         ]
     });
 };
-const Content = ({ children , width =500 , sx , ...props })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.DialogContent, {
+const Content = ({ children, width = 500, sx, ...props })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.DialogContent, {
         dividers: true,
         ...props,
         sx: (0, _utils.combineSx)({
@@ -54,13 +54,13 @@ const Content = ({ children , width =500 , sx , ...props })=>/*#__PURE__*/ (0, _
         }, sx),
         children: children
     });
-const PrimaryButton = ({ children , ...props })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
+const PrimaryButton = ({ children, ...props })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
         variant: "contained",
         type: "submit",
         ...props,
         children: children
     });
-const SecondaryButton = ({ children , ...props })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
+const SecondaryButton = ({ children, ...props })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
         variant: "outlined",
         color: "secondary",
         ...props,
@@ -86,7 +86,7 @@ const SecondaryButton = ({ children , ...props })=>/*#__PURE__*/ (0, _jsxruntime
         right: theme.spacing(0.5)
     };
 };
-const Dialog = ({ children , ...props })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Dialog, {
+const Dialog = ({ children, ...props })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Dialog, {
         ...props,
         children: children
     });

package/dist/cjs/Dialog/DiscardChangesConfirmationDialog.js

@@ -24,7 +24,7 @@ const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
 const _Dialog = require("./Dialog");
 const DiscardChangesConfirmationDialog = (props)=>{
-    const { description , isOpen , onCancel , onDiscardChanges  } = props;
+    const { description, isOpen, onCancel, onDiscardChanges } = props;
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Dialog.Dialog, {
         open: isOpen,
         "aria-labelledby": "discard-dialog",

package/dist/cjs/Drawer/Drawer.js

@@ -24,7 +24,7 @@ const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
 const _utils = require("../utils");
 const DRAWER_DEFAULT_WIDTH = 1080;
-const Drawer = ({ anchor ='right' , isOpen , onClose , PaperProps , children , ...rest })=>{
+const Drawer = ({ anchor = 'right', isOpen, onClose, PaperProps, children, ...rest })=>{
     const isSmaller = (0, _material.useMediaQuery)(`(max-width:${DRAWER_DEFAULT_WIDTH}px)`);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Drawer, {
         ...rest,

package/dist/cjs/EChart/EChart.js

@@ -52,7 +52,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -86,7 +88,7 @@ const batchEvents = [
     'downplay',
     'highlight'
 ];
-const EChart = /*#__PURE__*/ _react.default.memo(function EChart({ option , theme , renderer , sx , onEvents , _instance , syncGroup , onChartInitialized  }) {
+const EChart = /*#__PURE__*/ _react.default.memo(function EChart({ option, theme, renderer, sx, onEvents, _instance, syncGroup, onChartInitialized }) {
     const initialOption = (0, _react.useRef)(option);
     const prevOption = (0, _react.useRef)(option);
     const containerRef = (0, _react.useRef)(null);

package/dist/cjs/ErrorAlert.js

@@ -23,7 +23,7 @@ Object.defineProperty(exports, "ErrorAlert", {
 const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
 function ErrorAlert(props) {
-    const { error  } = props;
+    const { error } = props;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Alert, {
         severity: "error",
         children: error.message

package/dist/cjs/FontSizeSelector/FontSizeSelector.js

@@ -115,8 +115,8 @@ const FONT_SIZE_OPTIONS = [
         value: 192
     }
 ];
-function FontSizeSelector({ value , onChange  }) {
-    const handleFontSizeChange = (_, { value  })=>{
+function FontSizeSelector({ value, onChange }) {
+    const handleFontSizeChange = (_, { value })=>{
         onChange(value);
     };
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_OptionsEditorLayout.OptionsEditorControl, {

package/dist/cjs/FormatControls/FormatControls.js

@@ -66,7 +66,7 @@ const DECIMAL_PLACES_OPTIONS = [
 function getOptionByDecimalPlaces(decimalPlaces) {
     return DECIMAL_PLACES_OPTIONS.find((o)=>o.decimalPlaces === decimalPlaces);
 }
-function FormatControls({ value , onChange , disabled =false  }) {
+function FormatControls({ value, onChange, disabled = false }) {
     const hasDecimalPlaces = (0, _core.isUnitWithDecimalPlaces)(value);
     const hasShortValues = (0, _core.isUnitWithShortValues)(value);
     const handleKindChange = (_, newValue)=>{
@@ -74,7 +74,7 @@ function FormatControls({ value , onChange , disabled =false  }) {
             unit: newValue.id
         });
     };
-    const handleDecimalPlacesChange = (_, { decimalPlaces  })=>{
+    const handleDecimalPlacesChange = (_, { decimalPlaces })=>{
         if (hasDecimalPlaces) {
             onChange({
                 ...value,

package/dist/cjs/GaugeChart/GaugeChart.js

@@ -47,7 +47,7 @@ const PROGRESS_WIDTH = 16;
 // adjusts when to show pointer icon
 const GAUGE_SMALL_BREAKPOINT = 170;
 function GaugeChart(props) {
-    const { width , height , data , format , axisLine , max  } = props;
+    const { width, height, data, format, axisLine, max } = props;
     const chartsTheme = (0, _ChartsProvider.useChartsTheme)();
     // useDeepMemo ensures value size util does not rerun everytime you hover on the chart
     const option = (0, _core.useDeepMemo)(()=>{

package/dist/cjs/InfoTooltip/InfoTooltip.js

@@ -28,7 +28,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const InfoTooltip = ({ id , title , description , placement , children , enterDelay , enterNextDelay  })=>{
+const InfoTooltip = ({ id, title, description, placement, children, enterDelay, enterNextDelay })=>{
     // Wrap children in a span to cover the following use cases:
     //  - Disabled buttons. MUI console.errors on putting these inside a tooltip.
     //  - Non-element tooltip children (e.g. text). The tooltip needs something that
@@ -51,7 +51,7 @@ const InfoTooltip = ({ id , title , description , placement , children , enterDe
         children: wrappedChildren
     });
 };
-const TooltipContent = ({ title , description  })=>{
+const TooltipContent = ({ title, description })=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             title && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
@@ -72,12 +72,12 @@ const TooltipContent = ({ title , description  })=>{
         ]
     });
 };
-const StyledTooltip = (0, _material.styled)(({ className , ...props })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Tooltip, {
+const StyledTooltip = (0, _material.styled)(({ className, ...props })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Tooltip, {
         ...props,
         classes: {
             popper: className
         }
-    }))(({ theme  })=>({
+    }))(({ theme })=>({
         [`& .${_material.tooltipClasses.tooltip}`]: {
             backgroundColor: theme.palette.background.tooltip,
             color: theme.palette.text.primary,

package/dist/cjs/Legend/CompactLegend.js

@@ -24,7 +24,7 @@ const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
 const _ListLegendItem = require("./ListLegendItem");
 const _legendmodel = require("./legend-model");
-function CompactLegend({ height , items , selectedItems , onLegendItemClick , onItemMouseOver , onItemMouseOut  }) {
+function CompactLegend({ height, items, selectedItems, onLegendItemClick, onItemMouseOver, onItemMouseOut }) {
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
         component: "ul",
         sx: {

package/dist/cjs/Legend/Legend.js

@@ -33,7 +33,7 @@ const _TableLegend = require("./TableLegend");
 // Set this number based on testing, but it may need to be tuned a bit on the
 // future as people test this out on different machines.
 const NEED_VIRTUALIZATION_LIMIT = 500;
-function Legend({ width , height , options , data , selectedItems , onSelectedItemsChange , onItemMouseOver , onItemMouseOut , tableProps  }) {
+function Legend({ width, height, options, data, selectedItems, onSelectedItemsChange, onItemMouseOver, onItemMouseOut, tableProps }) {
     const onLegendItemClick = (e, seriesId)=>{
         const isModifiedClick = e.metaKey || e.shiftKey;
         const newSelected = (0, _immer.produce)(selectedItems, (draft)=>{

package/dist/cjs/Legend/LegendColorBadge.js

@@ -29,7 +29,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const LegendColorBadge = /*#__PURE__*/ _react.default.memo(function LegendColorBadge({ color , sx , ...others }) {
+const LegendColorBadge = /*#__PURE__*/ _react.default.memo(function LegendColorBadge({ color, sx, ...others }) {
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
         ...others,
         sx: (0, _utils.combineSx)({

package/dist/cjs/Legend/ListLegend.js

@@ -24,7 +24,7 @@ const _jsxruntime = require("react/jsx-runtime");
 const _reactvirtuoso = require("react-virtuoso");
 const _ListLegendItem = require("./ListLegendItem");
 const _legendmodel = require("./legend-model");
-function ListLegend({ items , height , width , selectedItems , onLegendItemClick , onItemMouseOver , onItemMouseOut  }) {
+function ListLegend({ items, height, width, selectedItems, onLegendItemClick, onItemMouseOver, onItemMouseOut }) {
     // show full labels on hover when there are many total series
     const truncateLabels = items.length > 5;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactvirtuoso.Virtuoso, {

package/dist/cjs/Legend/ListLegendItem.js

@@ -46,7 +46,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -64,7 +66,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const ListLegendItemBase = /*#__PURE__*/ (0, _react.forwardRef)(function ListLegendItem({ item , sx , truncateLabel , onClick , isVisuallySelected , onMouseOver , onMouseOut , index , ...others }, ref) {
+const ListLegendItemBase = /*#__PURE__*/ (0, _react.forwardRef)(function ListLegendItem({ item, sx, truncateLabel, onClick, isVisuallySelected, onMouseOver, onMouseOut, index, ...others }, ref) {
     const [noWrap, setNoWrap] = (0, _react.useState)(truncateLabel);
     function handleTextMouseOver() {
         if (truncateLabel) {
@@ -92,18 +94,14 @@ const ListLegendItemBase = /*#__PURE__*/ (0, _react.forwardRef)(function ListLeg
         dense: true,
         key: item.id,
         onClick: handleClick,
-        onMouseOver: (e)=>{
-            return onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(e, {
+        onMouseOver: (e)=>onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(e, {
                 id: item.id,
                 index
-            });
-        },
-        onMouseOut: (e)=>{
-            return onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(e, {
+            }),
+        onMouseOut: (e)=>onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(e, {
                 id: item.id,
                 index
-            });
-        },
+            }),
         selected: isVisuallySelected,
         ref: ref,
         children: [

package/dist/cjs/Legend/TableLegend.js

@@ -31,7 +31,7 @@ const COLUMNS = [
         // Starting with `title` attr instead of a tooltip because it is easier to
         // implement. We should try adding a tooltip in the future, but we'll need
         // to be very careful about performance when doing so with large tables.
-        cell: ({ getValue  })=>/*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+        cell: ({ getValue })=>/*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                 title: getValue(),
                 children: getValue()
             })
@@ -43,7 +43,7 @@ const getRowId = (data)=>{
 const getCheckboxColor = (data)=>{
     return data.color;
 };
-function TableLegend({ items , selectedItems: initRowSelection , onSelectedItemsChange , onItemMouseOver , onItemMouseOut , height , width , columns: additionalColumns = [] , sorting , onSortingChange  }) {
+function TableLegend({ items, selectedItems: initRowSelection, onSelectedItemsChange, onItemMouseOver, onItemMouseOut, height, width, columns: additionalColumns = [], sorting, onSortingChange }) {
     const rowSelection = (0, _react.useMemo)(()=>{
         return typeof initRowSelection !== 'string' ? initRowSelection : // items for checkboxes.
         // TODO: clean this up if we switch to also using checkboxes in list legend.

package/dist/cjs/LineChart/LineChart.js

@@ -45,18 +45,18 @@ const _utils = require("../utils");
     _components.LegendComponent,
     _renderers.CanvasRenderer
 ]);
-const LineChart = /*#__PURE__*/ (0, _react.forwardRef)(function LineChart({ height , data , yAxis , format , grid , legend , tooltipConfig =_TimeSeriesTooltip.DEFAULT_TOOLTIP_CONFIG , noDataVariant ='message' , syncGroup , onDataZoom , onDoubleClick , __experimentalEChartsOptionsOverride  }, ref) {
+const LineChart = /*#__PURE__*/ (0, _react.forwardRef)(function LineChart({ height, data, yAxis, format, grid, legend, tooltipConfig = _TimeSeriesTooltip.DEFAULT_TOOLTIP_CONFIG, noDataVariant = 'message', syncGroup, onDataZoom, onDoubleClick, __experimentalEChartsOptionsOverride }, ref) {
     var _option_tooltip;
     const chartsTheme = (0, _ChartsProvider.useChartsTheme)();
     const chartRef = (0, _react.useRef)();
     const [showTooltip, setShowTooltip] = (0, _react.useState)(true);
     const [tooltipPinnedCoords, setTooltipPinnedCoords] = (0, _react.useState)(null);
-    const { timeZone  } = (0, _TimeZoneProvider.useTimeZone)();
+    const { timeZone } = (0, _TimeZoneProvider.useTimeZone)();
     const [isDragging, setIsDragging] = (0, _react.useState)(false);
     const [startX, setStartX] = (0, _react.useState)(0);
     (0, _react.useImperativeHandle)(ref, ()=>{
         return {
-            highlightSeries ({ id  }) {
+            highlightSeries ({ id }) {
                 if (!chartRef.current) {
                     // when chart undef, do not highlight series when hovering over legend
                     return;
@@ -71,12 +71,10 @@ const LineChart = /*#__PURE__*/ (0, _react.forwardRef)(function LineChart({ heig
                     // when chart undef, do not clear highlight series
                     return;
                 }
-                (0, _utils.clearHighlightedSeries)(chartRef.current, data.timeSeries.length);
+                (0, _utils.clearHighlightedSeries)(chartRef.current);
             }
         };
-    }, [
-        data.timeSeries.length
-    ]);
+    }, []);
     const handleEvents = (0, _react.useMemo)(()=>{
         return {
             datazoom: (params)=>{
@@ -112,7 +110,7 @@ const LineChart = /*#__PURE__*/ (0, _react.forwardRef)(function LineChart({ heig
     if (chartRef.current !== undefined) {
         (0, _utils.enableDataZoom)(chartRef.current);
     }
-    const { noDataOption  } = chartsTheme;
+    const { noDataOption } = chartsTheme;
     const option = (0, _react.useMemo)(()=>{
         if (data.timeSeries === undefined) return {};
         // The "chart" `noDataVariant` is only used when the `timeSeries` is an
@@ -204,7 +202,7 @@ const LineChart = /*#__PURE__*/ (0, _react.forwardRef)(function LineChart({ heig
             }
         },
         onMouseDown: (e)=>{
-            const { clientX  } = e;
+            const { clientX } = e;
             setIsDragging(true);
             setStartX(clientX);
         },
@@ -213,7 +211,7 @@ const LineChart = /*#__PURE__*/ (0, _react.forwardRef)(function LineChart({ heig
             if (!(e.target instanceof HTMLCanvasElement)) {
                 return;
             }
-            const { clientX  } = e;
+            const { clientX } = e;
             if (isDragging) {
                 const deltaX = clientX - startX;
                 if (deltaX > 0) {
@@ -232,7 +230,7 @@ const LineChart = /*#__PURE__*/ (0, _react.forwardRef)(function LineChart({ heig
                 setShowTooltip(false);
             }
             if (chartRef.current !== undefined) {
-                (0, _utils.clearHighlightedSeries)(chartRef.current, data.timeSeries.length);
+                (0, _utils.clearHighlightedSeries)(chartRef.current);
             }
         },
         onMouseEnter: ()=>{

package/dist/cjs/ModeSelector/ModeSelector.js

@@ -33,8 +33,8 @@ const MODE_OPTIONS = [
         label: 'Percentage'
     }
 ];
-function ModeSelector({ disablePercentageMode , onChange , value ='value'  }) {
-    const handleModeChange = (_, { id  })=>{
+function ModeSelector({ disablePercentageMode, onChange, value = 'value' }) {
+    const handleModeChange = (_, { id })=>{
         onChange(id);
     };
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_OptionsEditorLayout.OptionsEditorControl, {

package/dist/cjs/OptionsEditorLayout/OptionsEditorColumn.js

@@ -22,7 +22,7 @@ Object.defineProperty(exports, "OptionsEditorColumn", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
-const OptionsEditorColumn = ({ children  })=>{
+const OptionsEditorColumn = ({ children })=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid, {
         item: true,
         xs: 4,

package/dist/cjs/OptionsEditorLayout/OptionsEditorControl.js

@@ -31,7 +31,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const OptionsEditorControl = ({ label , control , description  })=>{
+const OptionsEditorControl = ({ label, control, description })=>{
     // Make sure we have a unique ID we can use for associating labels and
     // controls for a11y.
     const generatedControlId = (0, _utils.useId)('EditorSectionControl');

package/dist/cjs/OptionsEditorLayout/OptionsEditorGrid.js

@@ -22,7 +22,7 @@ Object.defineProperty(exports, "OptionsEditorGrid", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
-const OptionsEditorGrid = ({ children  })=>{
+const OptionsEditorGrid = ({ children })=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid, {
         container: true,
         spacing: 8,