@perses-dev/components 0.51.0-beta.0 → 0.51.0-rc.0

package/dist/cjs/TimeSeriesTooltip/utils.js

@@ -29,7 +29,7 @@ _export(exports, {
     }
 });
 const _tooltipmodel = require("./tooltip-model");
-function assembleTransform(mousePos, chartWidth, pinnedPos, tooltipHeight, tooltipWidth, containerElement) {
+function assembleTransform(mousePos, pinnedPos, tooltipHeight, tooltipWidth, containerElement) {
     if (mousePos === null) {
         return undefined;
     }
@@ -39,33 +39,37 @@ function assembleTransform(mousePos, chartWidth, pinnedPos, tooltipHeight, toolt
         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
-    let x = mousePos.page.x;
+    let x = mousePos.page.x + cursorPaddingX; // Default to right side of the cursor
     let y = mousePos.page.y + cursorPaddingY;
-    // If containerElement is defined, tooltip is attached to the containerElement instead.
-    let containerRect;
+    // If containerElement is defined, adjust coordinates relative to the container
     if (containerElement) {
-        // get the container's position relative to viewport
-        containerRect = containerElement.getBoundingClientRect();
-        // calculate the mouse position relative to container
+        const containerRect = containerElement.getBoundingClientRect();
         x = x - containerRect.left + containerElement.scrollLeft;
         y = y - containerRect.top + containerElement.scrollTop;
-    }
-    if (mousePos.client.y + tooltipHeight + cursorPaddingY > window.innerHeight) {
-        // adjust so tooltip does not get cut off at bottom of chart
-        // multiplier ensures tooltip isn't overly adjusted and gets cut off at the top of the viewport
-        y = y - tooltipHeight * _tooltipmodel.TOOLTIP_ADJUST_Y_POS_MULTIPLIER;
-        // If y is now above of the top of containerElement, set y close to 0 so tooltip does not get cut off
-        if (containerRect && y < containerRect.top) {
-            y = _tooltipmodel.TOOLTIP_PADDING / 2; // leaves room for some padding around tooltip
+        // Ensure tooltip does not go out of the container's bottom
+        const containerBottom = containerRect.top + containerElement.scrollHeight;
+        if (y + tooltipHeight > containerBottom) {
+            y = Math.max(containerBottom - tooltipHeight - cursorPaddingY, _tooltipmodel.TOOLTIP_PADDING / 2);
+        }
+    } else {
+        // Ensure tooltip does not go out of the screen on the bottom
+        if (y + tooltipHeight > window.innerHeight + window.scrollY) {
+            y = Math.max(window.innerHeight + window.scrollY - tooltipHeight - cursorPaddingY, _tooltipmodel.TOOLTIP_PADDING / 2);
         }
     }
-    // use tooltip width to determine when to repos from right to left
-    const xPosAdjustThreshold = chartWidth - tooltipWidth * 0.9;
-    // reposition so tooltip is never too close to right side of chart or left side of browser window
-    return mousePos.plotCanvas.x > xPosAdjustThreshold && x > _tooltipmodel.TOOLTIP_MAX_WIDTH ? `translate3d(${x - cursorPaddingX}px, ${y}px, 0) translateX(-100%)` : `translate3d(${x + cursorPaddingX}px, ${y}px, 0)`;
+    // Ensure tooltip does not go out of the screen on the right
+    if (x + tooltipWidth > window.innerWidth) {
+        x = mousePos.page.x - tooltipWidth - cursorPaddingX; // Move to the left of the cursor
+    }
+    // Ensure tooltip does not go out of the screen on the left
+    if (x < cursorPaddingX) {
+        x = cursorPaddingX;
+    }
+    // Ensure tooltip does not go out of the screen on the top
+    if (y < _tooltipmodel.TOOLTIP_PADDING / 2) {
+        y = _tooltipmodel.TOOLTIP_PADDING / 2;
+    }
+    return `translate3d(${x}px, ${y}px, 0)`;
 }
 function getTooltipStyles(theme, pinnedPos, maxHeight) {
     const adjustedMaxHeight = maxHeight ? maxHeight - _tooltipmodel.TOOLTIP_PADDING : undefined;

package/dist/context/SnackbarProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/SnackbarProvider.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 { useCallback } from 'react';\nimport {\n  SnackbarProvider as NotistackProvider,\n  ProviderContext as NotistackContext,\n  useSnackbar as useNotistack,\n  SnackbarMessage,\n  OptionsObject,\n  SnackbarKey,\n} from 'notistack';\n\nexport interface SnackbarContext extends NotistackContext {\n  errorSnackbar: EnqueueFunction;\n  infoSnackbar: EnqueueFunction;\n  warningSnackbar: EnqueueFunction;\n  successSnackbar: EnqueueFunction;\n\n  /**\n   * Useful for catch blocks where the error will be of type `unknown`, tries\n   * to show the `message` property if passed an instance of `Error`.\n   */\n  exceptionSnackbar: (error: unknown, options?: SnackbarOptions) => SnackbarKey;\n}\n\ntype EnqueueFunction = (message: SnackbarMessage, options?: SnackbarOptions) => SnackbarKey;\n\ntype SnackbarOptions = Omit<OptionsObject, 'variant'>;\n\n/**\n * Application-wide provider for showing snackbars/toasts.\n */\nexport { NotistackProvider as SnackbarProvider };\n\n/**\n * Gets the SnackbarContext with methods for displaying snackbars/toasts.\n */\nexport function useSnackbar(): SnackbarContext {\n  const { enqueueSnackbar, closeSnackbar } = useNotistack();\n\n  // Create variant-specific callbacks\n  const errorSnackbar = useEnqueueFunction(enqueueSnackbar, 'error');\n  const infoSnackbar = useEnqueueFunction(enqueueSnackbar, 'info');\n  const warningSnackbar = useEnqueueFunction(enqueueSnackbar, 'warning');\n  const successSnackbar = useEnqueueFunction(enqueueSnackbar, 'success');\n\n  const exceptionSnackbar: SnackbarContext['exceptionSnackbar'] = useCallback(\n    (error, options) => {\n      // Try to use message prop, but fallback to a default message that\n      // will just stringify the error provided\n      const message = error instanceof Error ? error.message : `An unexpected error occurred: ${error}`;\n\n      return errorSnackbar(message, options);\n    },\n    [errorSnackbar]\n  );\n\n  return {\n    enqueueSnackbar,\n    closeSnackbar,\n    errorSnackbar,\n    infoSnackbar,\n    warningSnackbar,\n    successSnackbar,\n    exceptionSnackbar,\n  };\n}\n\n// Helper to create a variant-specific enqueue function\nfunction useEnqueueFunction(\n  enqueueSnackbar: NotistackContext['enqueueSnackbar'],\n  variant: OptionsObject['variant']\n): EnqueueFunction {\n  return useCallback(\n    (message, options) => {\n      const allOptions: OptionsObject = {\n        ...options,\n        variant,\n      };\n      return enqueueSnackbar(message, allOptions);\n    },\n    [enqueueSnackbar, variant]\n  );\n}\n"],"names":["useCallback","SnackbarProvider","NotistackProvider","useSnackbar","useNotistack","enqueueSnackbar","closeSnackbar","errorSnackbar","useEnqueueFunction","infoSnackbar","warningSnackbar","successSnackbar","exceptionSnackbar","error","options","message","Error","variant","allOptions"],"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,WAAW,QAAQ,QAAQ;AACpC,SACEC,oBAAoBC,iBAAiB,EAErCC,eAAeC,YAAY,QAItB,YAAY;AAmBnB;;CAEC,GACD,SAASF,qBAAqBD,gBAAgB,GAAG;AAEjD;;CAEC,GACD,OAAO,SAASE;IACd,MAAM,EAAEE,eAAe,EAAEC,aAAa,EAAE,GAAGF;IAE3C,oCAAoC;IACpC,MAAMG,gBAAgBC,mBAAmBH,iBAAiB;IAC1D,MAAMI,eAAeD,mBAAmBH,iBAAiB;IACzD,MAAMK,kBAAkBF,mBAAmBH,iBAAiB;IAC5D,MAAMM,kBAAkBH,mBAAmBH,iBAAiB;IAE5D,MAAMO,oBAA0DZ,YAC9D,CAACa,OAAOC;QACN,kEAAkE;QAClE,yCAAyC;QACzC,MAAMC,UAAUF,iBAAiBG,QAAQH,MAAME,OAAO,GAAG,CAAC,8BAA8B,EAAEF,MAAM,CAAC;QAEjG,OAAON,cAAcQ,SAASD;IAChC,GACA;QAACP;KAAc;IAGjB,OAAO;QACLF;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;IACF;AACF;AAEA,uDAAuD;AACvD,SAASJ,mBACPH,eAAoD,EACpDY,OAAiC;IAEjC,OAAOjB,YACL,CAACe,SAASD;QACR,MAAMI,aAA4B;YAChC,GAAGJ,OAAO;YACVG;QACF;QACA,OAAOZ,gBAAgBU,SAASG;IAClC,GACA;QAACb;QAAiBY;KAAQ;AAE9B"}
+{"version":3,"sources":["../../src/context/SnackbarProvider.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 { useCallback } from 'react';\nimport {\n  SnackbarProvider as NotistackProvider,\n  ProviderContext as NotistackContext,\n  useSnackbar as useNotistack,\n  SnackbarMessage,\n  OptionsObject,\n  SnackbarKey,\n} from 'notistack';\n\nexport interface SnackbarContext extends NotistackContext {\n  errorSnackbar: EnqueueFunction;\n  infoSnackbar: EnqueueFunction;\n  warningSnackbar: EnqueueFunction;\n  successSnackbar: EnqueueFunction;\n\n  /**\n   * Useful for catch blocks where the error will be of type `unknown`, tries\n   * to show the `message` property if passed an instance of `Error`.\n   */\n  exceptionSnackbar: (error: unknown, options?: SnackbarOptions) => SnackbarKey;\n}\n\ntype EnqueueFunction = (message: SnackbarMessage, options?: SnackbarOptions) => SnackbarKey;\n\ntype SnackbarOptions = Omit<OptionsObject, 'variant'>;\n\n/**\n * Application-wide provider for showing snackbars/toasts.\n */\nexport { NotistackProvider as SnackbarProvider };\n\n/**\n * Gets the SnackbarContext with methods for displaying snackbars/toasts.\n */\nexport function useSnackbar(): SnackbarContext {\n  const { enqueueSnackbar, closeSnackbar } = useNotistack();\n\n  // Create variant-specific callbacks\n  const errorSnackbar = useEnqueueFunction(enqueueSnackbar, 'error');\n  const infoSnackbar = useEnqueueFunction(enqueueSnackbar, 'info');\n  const warningSnackbar = useEnqueueFunction(enqueueSnackbar, 'warning');\n  const successSnackbar = useEnqueueFunction(enqueueSnackbar, 'success');\n\n  const exceptionSnackbar: SnackbarContext['exceptionSnackbar'] = useCallback(\n    (error, options) => {\n      // Try to use message prop, but fallback to a default message that\n      // will just stringify the error provided\n      const message = error instanceof Error ? error.message : `An unexpected error occurred: ${error}`;\n\n      return errorSnackbar(message, options);\n    },\n    [errorSnackbar]\n  );\n\n  return {\n    enqueueSnackbar,\n    closeSnackbar,\n    errorSnackbar,\n    infoSnackbar,\n    warningSnackbar,\n    successSnackbar,\n    exceptionSnackbar,\n  };\n}\n\n// Helper to create a variant-specific enqueue function\nfunction useEnqueueFunction(\n  enqueueSnackbar: NotistackContext['enqueueSnackbar'],\n  variant: OptionsObject['variant']\n): EnqueueFunction {\n  return useCallback(\n    (message, options) => {\n      const allOptions: OptionsObject = {\n        ...options,\n        variant,\n      };\n      return enqueueSnackbar(message, allOptions);\n    },\n    [enqueueSnackbar, variant]\n  );\n}\n"],"names":["useCallback","SnackbarProvider","NotistackProvider","useSnackbar","useNotistack","enqueueSnackbar","closeSnackbar","errorSnackbar","useEnqueueFunction","infoSnackbar","warningSnackbar","successSnackbar","exceptionSnackbar","error","options","message","Error","variant","allOptions"],"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,WAAW,QAAQ,QAAQ;AACpC,SACEC,oBAAoBC,iBAAiB,EAErCC,eAAeC,YAAY,QAItB,YAAY;AAmBnB;;CAEC,GACD,SAASF,qBAAqBD,gBAAgB,GAAG;AAEjD;;CAEC,GACD,OAAO,SAASE;IACd,MAAM,EAAEE,eAAe,EAAEC,aAAa,EAAE,GAAGF;IAE3C,oCAAoC;IACpC,MAAMG,gBAAgBC,mBAAmBH,iBAAiB;IAC1D,MAAMI,eAAeD,mBAAmBH,iBAAiB;IACzD,MAAMK,kBAAkBF,mBAAmBH,iBAAiB;IAC5D,MAAMM,kBAAkBH,mBAAmBH,iBAAiB;IAE5D,MAAMO,oBAA0DZ,YAC9D,CAACa,OAAOC;QACN,kEAAkE;QAClE,yCAAyC;QACzC,MAAMC,UAAUF,iBAAiBG,QAAQH,MAAME,OAAO,GAAG,CAAC,8BAA8B,EAAEF,OAAO;QAEjG,OAAON,cAAcQ,SAASD;IAChC,GACA;QAACP;KAAc;IAGjB,OAAO;QACLF;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;IACF;AACF;AAEA,uDAAuD;AACvD,SAASJ,mBACPH,eAAoD,EACpDY,OAAiC;IAEjC,OAAOjB,YACL,CAACe,SAASD;QACR,MAAMI,aAA4B;YAChC,GAAGJ,OAAO;YACVG;QACF;QACA,OAAOZ,gBAAgBU,SAASG;IAClC,GACA;QAACb;QAAiBY;KAAQ;AAE9B"}

package/dist/model/timeOption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model/timeOption.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 { DurationString, parseDurationString, RelativeTimeRange } from '@perses-dev/core';\nimport { formatDuration } from 'date-fns';\n\nexport interface TimeOption {\n  value: RelativeTimeRange;\n  display: string;\n}\n\nexport function buildRelativeTimeOption(duration: DurationString): TimeOption {\n  return {\n    value: { pastDuration: duration },\n    display: `Last ${formatDuration(parseDurationString(duration), { delimiter: ', ' })}`,\n  };\n}\n"],"names":["parseDurationString","formatDuration","buildRelativeTimeOption","duration","value","pastDuration","display","delimiter"],"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,SAAyBA,mBAAmB,QAA2B,mBAAmB;AAC1F,SAASC,cAAc,QAAQ,WAAW;AAO1C,OAAO,SAASC,wBAAwBC,QAAwB;IAC9D,OAAO;QACLC,OAAO;YAAEC,cAAcF;QAAS;QAChCG,SAAS,CAAC,KAAK,EAAEL,eAAeD,oBAAoBG,WAAW;YAAEI,WAAW;QAAK,GAAG,CAAC;IACvF;AACF"}
+{"version":3,"sources":["../../src/model/timeOption.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 { DurationString, parseDurationString, RelativeTimeRange } from '@perses-dev/core';\nimport { formatDuration } from 'date-fns';\n\nexport interface TimeOption {\n  value: RelativeTimeRange;\n  display: string;\n}\n\nexport function buildRelativeTimeOption(duration: DurationString): TimeOption {\n  return {\n    value: { pastDuration: duration },\n    display: `Last ${formatDuration(parseDurationString(duration), { delimiter: ', ' })}`,\n  };\n}\n"],"names":["parseDurationString","formatDuration","buildRelativeTimeOption","duration","value","pastDuration","display","delimiter"],"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,SAAyBA,mBAAmB,QAA2B,mBAAmB;AAC1F,SAASC,cAAc,QAAQ,WAAW;AAO1C,OAAO,SAASC,wBAAwBC,QAAwB;IAC9D,OAAO;QACLC,OAAO;YAAEC,cAAcF;QAAS;QAChCG,SAAS,CAAC,KAAK,EAAEL,eAAeD,oBAAoBG,WAAW;YAAEI,WAAW;QAAK,IAAI;IACvF;AACF"}

package/dist/theme/component-overrides/alert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/component-overrides/alert.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 { Components, Theme, alertClasses, linkClasses } from '@mui/material';\n\nexport const MuiAlert: Components<Theme>['MuiAlert'] = {\n  defaultProps: {\n    variant: 'standard',\n    severity: 'success',\n  },\n  styleOverrides: {\n    standardError: ({ theme }) => {\n      return theme.palette.mode === 'dark'\n        ? {\n            ...theme.typography.body1,\n            backgroundColor: theme.palette.error.dark,\n            color: theme.palette.error.light,\n            [`&\t.${alertClasses.icon}`]: {\n              color: theme.palette.error.main,\n            },\n          }\n        : {\n            ...theme.typography.body1,\n            backgroundColor: theme.palette.error.light,\n            color: theme.palette.error.dark,\n            [`&\t.${alertClasses.icon}`]: {\n              color: theme.palette.error.main,\n            },\n          };\n    },\n    standardInfo: ({ theme }) => {\n      return theme.palette.mode === 'dark'\n        ? {\n            ...theme.typography.body1,\n            backgroundColor: theme.palette.info.dark,\n            color: theme.palette.info.light,\n            [`&\t.${alertClasses.icon}`]: {\n              color: theme.palette.info.main,\n            },\n          }\n        : {\n            ...theme.typography.body1,\n            backgroundColor: theme.palette.info.light,\n            color: theme.palette.info.dark,\n            [`&\t.${alertClasses.icon}`]: {\n              color: theme.palette.info.main,\n            },\n          };\n    },\n    standardSuccess: ({ theme }) => {\n      return theme.palette.mode === 'dark'\n        ? {\n            ...theme.typography.body1,\n            backgroundColor: theme.palette.success.dark,\n            color: theme.palette.success.light,\n            [`&\t.${alertClasses.icon}`]: {\n              color: theme.palette.success.main,\n            },\n          }\n        : {\n            ...theme.typography.body1,\n            backgroundColor: theme.palette.success.light,\n            color: theme.palette.success.dark,\n            [`&\t.${alertClasses.icon}`]: {\n              color: theme.palette.success.main,\n            },\n          };\n    },\n    standardWarning: ({ theme }) => {\n      return theme.palette.mode === 'dark'\n        ? {\n            ...theme.typography.body1,\n            backgroundColor: theme.palette.warning.dark,\n            color: theme.palette.warning.light,\n            [`&\t.${alertClasses.icon}`]: {\n              color: theme.palette.warning.main,\n            },\n          }\n        : {\n            ...theme.typography.body1,\n            backgroundColor: theme.palette.warning.light,\n            color: theme.palette.warning.dark,\n            [`&\t.${alertClasses.icon}`]: {\n              color: theme.palette.warning.main,\n            },\n          };\n    },\n    root: {\n      ['& .' + linkClasses.root]: {\n        textDecoration: 'underline',\n      },\n    },\n  },\n};\n"],"names":["alertClasses","linkClasses","MuiAlert","defaultProps","variant","severity","styleOverrides","standardError","theme","palette","mode","typography","body1","backgroundColor","error","dark","color","light","icon","main","standardInfo","info","standardSuccess","success","standardWarning","warning","root","textDecoration"],"mappings":"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"}
+{"version":3,"sources":["../../../src/theme/component-overrides/alert.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 { Components, Theme, alertClasses, linkClasses } from '@mui/material';\n\nexport const MuiAlert: Components<Theme>['MuiAlert'] = {\n  defaultProps: {\n    variant: 'standard',\n    severity: 'success',\n  },\n  styleOverrides: {\n    standardError: ({ theme }) => {\n      return theme.palette.mode === 'dark'\n        ? {\n            ...theme.typography.body1,\n            backgroundColor: theme.palette.error.dark,\n            color: theme.palette.error.light,\n            [`&\t.${alertClasses.icon}`]: {\n              color: theme.palette.error.main,\n            },\n          }\n        : {\n            ...theme.typography.body1,\n            backgroundColor: theme.palette.error.light,\n            color: theme.palette.error.dark,\n            [`&\t.${alertClasses.icon}`]: {\n              color: theme.palette.error.main,\n            },\n          };\n    },\n    standardInfo: ({ theme }) => {\n      return theme.palette.mode === 'dark'\n        ? {\n            ...theme.typography.body1,\n            backgroundColor: theme.palette.info.dark,\n            color: theme.palette.info.light,\n            [`&\t.${alertClasses.icon}`]: {\n              color: theme.palette.info.main,\n            },\n          }\n        : {\n            ...theme.typography.body1,\n            backgroundColor: theme.palette.info.light,\n            color: theme.palette.info.dark,\n            [`&\t.${alertClasses.icon}`]: {\n              color: theme.palette.info.main,\n            },\n          };\n    },\n    standardSuccess: ({ theme }) => {\n      return theme.palette.mode === 'dark'\n        ? {\n            ...theme.typography.body1,\n            backgroundColor: theme.palette.success.dark,\n            color: theme.palette.success.light,\n            [`&\t.${alertClasses.icon}`]: {\n              color: theme.palette.success.main,\n            },\n          }\n        : {\n            ...theme.typography.body1,\n            backgroundColor: theme.palette.success.light,\n            color: theme.palette.success.dark,\n            [`&\t.${alertClasses.icon}`]: {\n              color: theme.palette.success.main,\n            },\n          };\n    },\n    standardWarning: ({ theme }) => {\n      return theme.palette.mode === 'dark'\n        ? {\n            ...theme.typography.body1,\n            backgroundColor: theme.palette.warning.dark,\n            color: theme.palette.warning.light,\n            [`&\t.${alertClasses.icon}`]: {\n              color: theme.palette.warning.main,\n            },\n          }\n        : {\n            ...theme.typography.body1,\n            backgroundColor: theme.palette.warning.light,\n            color: theme.palette.warning.dark,\n            [`&\t.${alertClasses.icon}`]: {\n              color: theme.palette.warning.main,\n            },\n          };\n    },\n    root: {\n      ['& .' + linkClasses.root]: {\n        textDecoration: 'underline',\n      },\n    },\n  },\n};\n"],"names":["alertClasses","linkClasses","MuiAlert","defaultProps","variant","severity","styleOverrides","standardError","theme","palette","mode","typography","body1","backgroundColor","error","dark","color","light","icon","main","standardInfo","info","standardSuccess","success","standardWarning","warning","root","textDecoration"],"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,SAA4BA,YAAY,EAAEC,WAAW,QAAQ,gBAAgB;AAE7E,OAAO,MAAMC,WAA0C;IACrDC,cAAc;QACZC,SAAS;QACTC,UAAU;IACZ;IACAC,gBAAgB;QACdC,eAAe,CAAC,EAAEC,KAAK,EAAE;YACvB,OAAOA,MAAMC,OAAO,CAACC,IAAI,KAAK,SAC1B;gBACE,GAAGF,MAAMG,UAAU,CAACC,KAAK;gBACzBC,iBAAiBL,MAAMC,OAAO,CAACK,KAAK,CAACC,IAAI;gBACzCC,OAAOR,MAAMC,OAAO,CAACK,KAAK,CAACG,KAAK;gBAChC,CAAC,CAAC,GAAG,EAAEjB,aAAakB,IAAI,EAAE,CAAC,EAAE;oBAC3BF,OAAOR,MAAMC,OAAO,CAACK,KAAK,CAACK,IAAI;gBACjC;YACF,IACA;gBACE,GAAGX,MAAMG,UAAU,CAACC,KAAK;gBACzBC,iBAAiBL,MAAMC,OAAO,CAACK,KAAK,CAACG,KAAK;gBAC1CD,OAAOR,MAAMC,OAAO,CAACK,KAAK,CAACC,IAAI;gBAC/B,CAAC,CAAC,GAAG,EAAEf,aAAakB,IAAI,EAAE,CAAC,EAAE;oBAC3BF,OAAOR,MAAMC,OAAO,CAACK,KAAK,CAACK,IAAI;gBACjC;YACF;QACN;QACAC,cAAc,CAAC,EAAEZ,KAAK,EAAE;YACtB,OAAOA,MAAMC,OAAO,CAACC,IAAI,KAAK,SAC1B;gBACE,GAAGF,MAAMG,UAAU,CAACC,KAAK;gBACzBC,iBAAiBL,MAAMC,OAAO,CAACY,IAAI,CAACN,IAAI;gBACxCC,OAAOR,MAAMC,OAAO,CAACY,IAAI,CAACJ,KAAK;gBAC/B,CAAC,CAAC,GAAG,EAAEjB,aAAakB,IAAI,EAAE,CAAC,EAAE;oBAC3BF,OAAOR,MAAMC,OAAO,CAACY,IAAI,CAACF,IAAI;gBAChC;YACF,IACA;gBACE,GAAGX,MAAMG,UAAU,CAACC,KAAK;gBACzBC,iBAAiBL,MAAMC,OAAO,CAACY,IAAI,CAACJ,KAAK;gBACzCD,OAAOR,MAAMC,OAAO,CAACY,IAAI,CAACN,IAAI;gBAC9B,CAAC,CAAC,GAAG,EAAEf,aAAakB,IAAI,EAAE,CAAC,EAAE;oBAC3BF,OAAOR,MAAMC,OAAO,CAACY,IAAI,CAACF,IAAI;gBAChC;YACF;QACN;QACAG,iBAAiB,CAAC,EAAEd,KAAK,EAAE;YACzB,OAAOA,MAAMC,OAAO,CAACC,IAAI,KAAK,SAC1B;gBACE,GAAGF,MAAMG,UAAU,CAACC,KAAK;gBACzBC,iBAAiBL,MAAMC,OAAO,CAACc,OAAO,CAACR,IAAI;gBAC3CC,OAAOR,MAAMC,OAAO,CAACc,OAAO,CAACN,KAAK;gBAClC,CAAC,CAAC,GAAG,EAAEjB,aAAakB,IAAI,EAAE,CAAC,EAAE;oBAC3BF,OAAOR,MAAMC,OAAO,CAACc,OAAO,CAACJ,IAAI;gBACnC;YACF,IACA;gBACE,GAAGX,MAAMG,UAAU,CAACC,KAAK;gBACzBC,iBAAiBL,MAAMC,OAAO,CAACc,OAAO,CAACN,KAAK;gBAC5CD,OAAOR,MAAMC,OAAO,CAACc,OAAO,CAACR,IAAI;gBACjC,CAAC,CAAC,GAAG,EAAEf,aAAakB,IAAI,EAAE,CAAC,EAAE;oBAC3BF,OAAOR,MAAMC,OAAO,CAACc,OAAO,CAACJ,IAAI;gBACnC;YACF;QACN;QACAK,iBAAiB,CAAC,EAAEhB,KAAK,EAAE;YACzB,OAAOA,MAAMC,OAAO,CAACC,IAAI,KAAK,SAC1B;gBACE,GAAGF,MAAMG,UAAU,CAACC,KAAK;gBACzBC,iBAAiBL,MAAMC,OAAO,CAACgB,OAAO,CAACV,IAAI;gBAC3CC,OAAOR,MAAMC,OAAO,CAACgB,OAAO,CAACR,KAAK;gBAClC,CAAC,CAAC,GAAG,EAAEjB,aAAakB,IAAI,EAAE,CAAC,EAAE;oBAC3BF,OAAOR,MAAMC,OAAO,CAACgB,OAAO,CAACN,IAAI;gBACnC;YACF,IACA;gBACE,GAAGX,MAAMG,UAAU,CAACC,KAAK;gBACzBC,iBAAiBL,MAAMC,OAAO,CAACgB,OAAO,CAACR,KAAK;gBAC5CD,OAAOR,MAAMC,OAAO,CAACgB,OAAO,CAACV,IAAI;gBACjC,CAAC,CAAC,GAAG,EAAEf,aAAakB,IAAI,EAAE,CAAC,EAAE;oBAC3BF,OAAOR,MAAMC,OAAO,CAACgB,OAAO,CAACN,IAAI;gBACnC;YACF;QACN;QACAO,MAAM;YACJ,CAAC,QAAQzB,YAAYyB,IAAI,CAAC,EAAE;gBAC1BC,gBAAgB;YAClB;QACF;IACF;AACF,EAAE"}

package/dist/utils/component-ids.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/component-ids.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 { useRef } from 'react';\n\ndeclare global {\n  // eslint-disable-next-line no-var\n  var useIdValue: number;\n}\n\n/**\n * Generates a unique (stable) ID for a component. Should be replaced with React.useId once we support only React 18.\n */\nexport function useId(prefix: string): string {\n  if (globalThis.useIdValue === undefined) {\n    globalThis.useIdValue = 0;\n  }\n\n  const id = useRef<string | undefined>(undefined);\n  if (id.current === undefined) {\n    id.current = `${prefix}-${globalThis.useIdValue++}`;\n  }\n  return id.current;\n}\n"],"names":["useRef","useId","prefix","globalThis","useIdValue","undefined","id","current"],"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,MAAM,QAAQ,QAAQ;AAO/B;;CAEC,GACD,OAAO,SAASC,MAAMC,MAAc;IAClC,IAAIC,WAAWC,UAAU,KAAKC,WAAW;QACvCF,WAAWC,UAAU,GAAG;IAC1B;IAEA,MAAME,KAAKN,OAA2BK;IACtC,IAAIC,GAAGC,OAAO,KAAKF,WAAW;QAC5BC,GAAGC,OAAO,GAAG,CAAC,EAAEL,OAAO,CAAC,EAAEC,WAAWC,UAAU,GAAG,CAAC;IACrD;IACA,OAAOE,GAAGC,OAAO;AACnB"}
+{"version":3,"sources":["../../src/utils/component-ids.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 { useRef } from 'react';\n\ndeclare global {\n  // eslint-disable-next-line no-var\n  var useIdValue: number;\n}\n\n/**\n * Generates a unique (stable) ID for a component. Should be replaced with React.useId once we support only React 18.\n */\nexport function useId(prefix: string): string {\n  if (globalThis.useIdValue === undefined) {\n    globalThis.useIdValue = 0;\n  }\n\n  const id = useRef<string | undefined>(undefined);\n  if (id.current === undefined) {\n    id.current = `${prefix}-${globalThis.useIdValue++}`;\n  }\n  return id.current;\n}\n"],"names":["useRef","useId","prefix","globalThis","useIdValue","undefined","id","current"],"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,MAAM,QAAQ,QAAQ;AAO/B;;CAEC,GACD,OAAO,SAASC,MAAMC,MAAc;IAClC,IAAIC,WAAWC,UAAU,KAAKC,WAAW;QACvCF,WAAWC,UAAU,GAAG;IAC1B;IAEA,MAAME,KAAKN,OAA2BK;IACtC,IAAIC,GAAGC,OAAO,KAAKF,WAAW;QAC5BC,GAAGC,OAAO,GAAG,GAAGL,OAAO,CAAC,EAAEC,WAAWC,UAAU,IAAI;IACrD;IACA,OAAOE,GAAGC,OAAO;AACnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/components",
-  "version": "0.51.0-beta.0",
+  "version": "0.51.0-rc.0",
   "description": "Common UI components used across Perses features",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -38,25 +38,22 @@
     "@codemirror/lang-json": "^6.0.1",
     "@fontsource/lato": "^4.5.10",
     "@mui/x-date-pickers": "^7.23.1",
-    "@perses-dev/core": "0.51.0-beta.0",
+    "@perses-dev/core": "0.51.0-rc.0",
     "@tanstack/react-table": "^8.20.5",
     "@uiw/react-codemirror": "^4.19.1",
-    "date-fns": "^2.28.0",
-    "date-fns-tz": "^1.3.7",
+    "date-fns": "^4.1.0",
+    "date-fns-tz": "^3.2.0",
     "echarts": "5.5.0",
     "lodash": "^4.17.21",
     "mathjs": "^10.6.4",
     "mdi-material-ui": "^7.9.2",
-    "notistack": "^2.0.5",
+    "notistack": "^3.0.2",
     "react-colorful": "^5.6.1",
     "react-error-boundary": "^3.1.4",
     "react-hook-form": "^7.51.3",
     "react-virtuoso": "^4.12.2",
     "zod": "^3.21.4"
   },
-  "devDependencies": {
-    "@perses-dev/storybook": "0.51.0-beta.0"
-  },
   "peerDependencies": {
     "@mui/material": "^6.1.10",
     "react": "^17.0.2 || ^18.0.0",