@perses-dev/components 0.30.0 → 0.31.0

package/dist/cjs/TimeSeriesTooltip/nearby-series.js

@@ -0,0 +1,206 @@
+// Copyright 2023 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, {
+    INCREASE_NEARBY_SERIES_MULTIPLIER: ()=>INCREASE_NEARBY_SERIES_MULTIPLIER,
+    DYNAMIC_NEARBY_SERIES_MULTIPLIER: ()=>DYNAMIC_NEARBY_SERIES_MULTIPLIER,
+    SHOW_FEWER_SERIES_LIMIT: ()=>SHOW_FEWER_SERIES_LIMIT,
+    checkforNearbySeries: ()=>checkforNearbySeries,
+    getNearbySeriesData: ()=>getNearbySeriesData,
+    isWithinPercentageRange: ()=>isWithinPercentageRange,
+    getYBuffer: ()=>getYBuffer
+});
+const _model = require("../model");
+const INCREASE_NEARBY_SERIES_MULTIPLIER = 5.5; // adjusts how many series show in tooltip (higher == more series shown)
+const DYNAMIC_NEARBY_SERIES_MULTIPLIER = 30; // used for adjustment after series number divisor
+const SHOW_FEWER_SERIES_LIMIT = 5;
+function checkforNearbySeries(data, pointInGrid, yBuffer, chart, unit) {
+    const currentNearbySeriesData = [];
+    var ref;
+    const cursorX = (ref = pointInGrid[0]) !== null && ref !== void 0 ? ref : null;
+    var ref1;
+    const cursorY = (ref1 = pointInGrid[1]) !== null && ref1 !== void 0 ? ref1 : null;
+    if (cursorX === null || cursorY === null) {
+        return currentNearbySeriesData;
+    }
+    const nearbySeriesIndexes = [];
+    const emphasizedSeriesIndexes = [];
+    const nonEmphasizedSeriesIndexes = [];
+    const totalSeries = data.timeSeries.length;
+    if (Array.isArray(data.xAxis) && Array.isArray(data.timeSeries)) {
+        for(let seriesIdx = 0; seriesIdx < totalSeries; seriesIdx++){
+            const currentSeries = data.timeSeries[seriesIdx];
+            if (currentNearbySeriesData.length >= _model.OPTIMIZED_MODE_SERIES_LIMIT) break;
+            if (currentSeries !== undefined) {
+                const currentSeriesName = currentSeries.name ? currentSeries.name.toString() : '';
+                var _color;
+                const markerColor = (_color = currentSeries.color) !== null && _color !== void 0 ? _color : '#000';
+                if (Array.isArray(currentSeries.data)) {
+                    for(let datumIdx = 0; datumIdx < currentSeries.data.length; datumIdx++){
+                        var _datumIdx;
+                        const xValue = (_datumIdx = data.xAxis[datumIdx]) !== null && _datumIdx !== void 0 ? _datumIdx : 0;
+                        const yValue = currentSeries.data[datumIdx];
+                        // ensure null values not displayed in tooltip
+                        if (yValue !== undefined && yValue !== null && cursorX === datumIdx) {
+                            if (yValue !== '-' && cursorY <= yValue + yBuffer && cursorY >= yValue - yBuffer) {
+                                // show fewer bold series in tooltip when many total series
+                                const minPercentRange = totalSeries > SHOW_FEWER_SERIES_LIMIT ? 2 : 5;
+                                const percentRangeToCheck = Math.max(minPercentRange, 100 / totalSeries);
+                                const isClosestToCursor = isWithinPercentageRange({
+                                    valueToCheck: cursorY,
+                                    baseValue: yValue,
+                                    percentage: percentRangeToCheck
+                                });
+                                if (isClosestToCursor) {
+                                    emphasizedSeriesIndexes.push(seriesIdx);
+                                } else {
+                                    nonEmphasizedSeriesIndexes.push(seriesIdx);
+                                    // ensure series not close to cursor are not highlighted
+                                    if ((chart === null || chart === void 0 ? void 0 : chart.dispatchAction) !== undefined) {
+                                        chart.dispatchAction({
+                                            type: 'downplay',
+                                            seriesIndex: seriesIdx
+                                        });
+                                    }
+                                }
+                                // determine whether to convert timestamp to ms, see: https://stackoverflow.com/a/23982005/17575201
+                                const xValueMilliSeconds = xValue > 99999999999 ? xValue : xValue * 1000;
+                                const formattedY = (0, _model.formatValue)(yValue, unit);
+                                currentNearbySeriesData.push({
+                                    seriesIdx: seriesIdx,
+                                    datumIdx: datumIdx,
+                                    seriesName: currentSeriesName,
+                                    date: xValueMilliSeconds,
+                                    x: xValue,
+                                    y: yValue,
+                                    formattedY: formattedY,
+                                    markerColor: markerColor.toString(),
+                                    isClosestToCursor
+                                });
+                                nearbySeriesIndexes.push(seriesIdx);
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+    if ((chart === null || chart === void 0 ? void 0 : chart.dispatchAction) !== undefined) {
+        // Clears emphasis state of all lines that are not emphasized.
+        // Emphasized is a subset of just the nearby series that are closest to cursor.
+        chart.dispatchAction({
+            type: 'downplay',
+            seriesIndex: nonEmphasizedSeriesIndexes
+        });
+        // https://echarts.apache.org/en/api.html#action.highlight
+        if (emphasizedSeriesIndexes.length > 0) {
+            // Fadeout opacity of all series not closest to cursor.
+            chart.dispatchAction({
+                type: 'highlight',
+                seriesIndex: emphasizedSeriesIndexes,
+                notBlur: false
+            });
+        } else {
+            // When no emphasized series with bold text, notBlur allows opacity fadeout to not trigger.
+            chart.dispatchAction({
+                type: 'highlight',
+                seriesIndex: nearbySeriesIndexes,
+                notBlur: true
+            });
+        }
+    }
+    return currentNearbySeriesData;
+}
+function getNearbySeriesData({ mousePos , pinnedPos , chartData , chart , unit , showAllSeries =false  }) {
+    if (chart === undefined || mousePos === null) return [];
+    // prevents multiple tooltips showing from adjacent charts
+    let cursorTargetMatchesChart = false;
+    if (mousePos.target !== null) {
+        const currentParent = mousePos.target.parentElement;
+        if (currentParent !== null) {
+            const currentGrandparent = currentParent.parentElement;
+            if (currentGrandparent !== null) {
+                const chartDom = chart.getDom();
+                if (chartDom === currentGrandparent) {
+                    cursorTargetMatchesChart = true;
+                }
+            }
+        }
+    }
+    // allows moving cursor inside tooltip
+    if (pinnedPos !== null) {
+        mousePos = pinnedPos;
+        cursorTargetMatchesChart = true;
+    }
+    if (cursorTargetMatchesChart === false) return [];
+    if (chart['_model'] === undefined) return [];
+    const chartModel = chart['_model'];
+    const yInterval = chartModel.getComponent('yAxis').axis.scale._interval;
+    const totalSeries = chartData.timeSeries.length;
+    const yBuffer = getYBuffer({
+        yInterval,
+        totalSeries,
+        showAllSeries
+    });
+    var _x, _y;
+    const pointInPixel = [
+        (_x = mousePos.plotCanvas.x) !== null && _x !== void 0 ? _x : 0,
+        (_y = mousePos.plotCanvas.y) !== null && _y !== void 0 ? _y : 0
+    ];
+    if (chart.containPixel('grid', pointInPixel)) {
+        const pointInGrid = chart.convertFromPixel('grid', pointInPixel);
+        if (pointInGrid[0] !== undefined && pointInGrid[1] !== undefined) {
+            return checkforNearbySeries(chartData, pointInGrid, yBuffer, chart, unit);
+        }
+    }
+    // clear all highlighted series when cursor exits canvas
+    // https://echarts.apache.org/en/api.html#action.downplay
+    for(let i = 0; i < totalSeries; i++){
+        if ((chart === null || chart === void 0 ? void 0 : chart.dispatchAction) !== undefined) {
+            chart.dispatchAction({
+                type: 'downplay',
+                seriesIndex: i
+            });
+        }
+    }
+    return [];
+}
+function isWithinPercentageRange({ valueToCheck , baseValue , percentage  }) {
+    const range = percentage / 100 * baseValue;
+    const lowerBound = baseValue - range;
+    const upperBound = baseValue + range;
+    return valueToCheck >= lowerBound && valueToCheck <= upperBound;
+}
+function getYBuffer({ yInterval , totalSeries , showAllSeries =false  }) {
+    if (showAllSeries) {
+        return yInterval * 10; // roughly correlates with grid so entire canvas is searched
+    }
+    // never let nearby series range be less than roughly the size of a single tick
+    const yBufferMin = yInterval * 0.3;
+    // tooltip trigger area gets smaller with more series
+    if (totalSeries > SHOW_FEWER_SERIES_LIMIT) {
+        const adjustedBuffer = yInterval * DYNAMIC_NEARBY_SERIES_MULTIPLIER / totalSeries;
+        return Math.max(yBufferMin, adjustedBuffer);
+    }
+    // increase multiplier to expand nearby series range
+    return Math.max(yBufferMin, yInterval * INCREASE_NEARBY_SERIES_MULTIPLIER);
+}

package/dist/cjs/TimeSeriesTooltip/tooltip-model.js

@@ -21,20 +21,28 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    TOOLTIP_MIN_WIDTH: ()=>TOOLTIP_MIN_WIDTH,
     TOOLTIP_MAX_WIDTH: ()=>TOOLTIP_MAX_WIDTH,
     TOOLTIP_MAX_HEIGHT: ()=>TOOLTIP_MAX_HEIGHT,
     TOOLTIP_LABELS_MAX_WIDTH: ()=>TOOLTIP_LABELS_MAX_WIDTH,
-    TOOLTIP_MAX_ITEMS: ()=>TOOLTIP_MAX_ITEMS,
+    TOOLTIP_ADJUST_Y_POS_MULTIPLIER: ()=>TOOLTIP_ADJUST_Y_POS_MULTIPLIER,
+    FALLBACK_CHART_WIDTH: ()=>FALLBACK_CHART_WIDTH,
+    NEARBY_SERIES_DESCRIPTION: ()=>NEARBY_SERIES_DESCRIPTION,
+    EMPHASIZED_SERIES_DESCRIPTION: ()=>EMPHASIZED_SERIES_DESCRIPTION,
     TOOLTIP_DATE_FORMAT: ()=>TOOLTIP_DATE_FORMAT,
     defaultCursorData: ()=>defaultCursorData,
     emptyTooltipData: ()=>emptyTooltipData,
     useMousePosition: ()=>useMousePosition
 });
 const _react = require("react");
+const TOOLTIP_MIN_WIDTH = 375;
 const TOOLTIP_MAX_WIDTH = 650;
-const TOOLTIP_MAX_HEIGHT = 400;
+const TOOLTIP_MAX_HEIGHT = 600;
 const TOOLTIP_LABELS_MAX_WIDTH = TOOLTIP_MAX_WIDTH - 150;
-const TOOLTIP_MAX_ITEMS = 50;
+const TOOLTIP_ADJUST_Y_POS_MULTIPLIER = 0.75;
+const FALLBACK_CHART_WIDTH = 750;
+const NEARBY_SERIES_DESCRIPTION = 'nearby series showing in tooltip';
+const EMPHASIZED_SERIES_DESCRIPTION = 'emphasized series showing as bold in tooltip';
 const TOOLTIP_DATE_FORMAT = new Intl.DateTimeFormat(undefined, {
     year: 'numeric',
     month: 'short',

package/dist/cjs/TimeSeriesTooltip/utils.js

@@ -19,7 +19,7 @@ Object.defineProperty(exports, "assembleTransform", {
     get: ()=>assembleTransform
 });
 const _tooltipModel = require("./tooltip-model");
-function assembleTransform(mousePos, seriesNum, chartWidth, pinnedPos, tooltipHeight, tooltipWidth) {
+function assembleTransform(mousePos, chartWidth, pinnedPos, tooltipHeight, tooltipWidth) {
     if (mousePos === null) {
         return 'translate3d(0, 0)';
     }
@@ -35,7 +35,8 @@ function assembleTransform(mousePos, seriesNum, chartWidth, pinnedPos, tooltipHe
     let y = mousePos.page.y + cursorPaddingY;
     // adjust so tooltip does not get cut off at bottom of chart
     if (mousePos.client.y + tooltipHeight + cursorPaddingY > window.innerHeight) {
-        y = mousePos.page.y - tooltipHeight;
+        // multiplier ensures tooltip isn't overly adjusted and gets cut off at the top of the viewport
+        y = mousePos.page.y - tooltipHeight * _tooltipModel.TOOLTIP_ADJUST_Y_POS_MULTIPLIER;
     }
     // use tooltip width to determine when to repos from right to left
     const xPosAdjustThreshold = chartWidth - tooltipWidth * 0.9;

package/dist/cjs/context/SnackbarProvider.js

@@ -0,0 +1,66 @@
+// Copyright 2023 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, {
+    SnackbarProvider: ()=>_notistack.SnackbarProvider,
+    useSnackbar: ()=>useSnackbar
+});
+const _react = require("react");
+const _notistack = require("notistack");
+function useSnackbar() {
+    const { enqueueSnackbar , closeSnackbar  } = (0, _notistack.useSnackbar)();
+    // Create variant-specific callbacks
+    const errorSnackbar = useEnqueueFunction(enqueueSnackbar, 'error');
+    const infoSnackbar = useEnqueueFunction(enqueueSnackbar, 'info');
+    const warningSnackbar = useEnqueueFunction(enqueueSnackbar, 'warning');
+    const successSnackbar = useEnqueueFunction(enqueueSnackbar, 'success');
+    const exceptionSnackbar = (0, _react.useCallback)((error, options)=>{
+        // Try to use message prop, but fallback to a default message that
+        // will just stringify the error provided
+        const message = error instanceof Error ? error.message : `An unexpected error occurred: ${error}`;
+        return errorSnackbar(message, options);
+    }, [
+        errorSnackbar
+    ]);
+    return {
+        enqueueSnackbar,
+        closeSnackbar,
+        errorSnackbar,
+        infoSnackbar,
+        warningSnackbar,
+        successSnackbar,
+        exceptionSnackbar
+    };
+}
+// Helper to create a variant-specific enqueue function
+function useEnqueueFunction(enqueueSnackbar, variant) {
+    return (0, _react.useCallback)((message, options)=>{
+        const allOptions = {
+            ...options,
+            variant
+        };
+        return enqueueSnackbar(message, allOptions);
+    }, [
+        enqueueSnackbar,
+        variant
+    ]);
+}

package/dist/cjs/index.js

@@ -29,12 +29,14 @@ _exportStar(require("./LegendOptionsEditor"), exports);
 _exportStar(require("./LineChart"), exports);
 _exportStar(require("./OptionsEditorLayout"), exports);
 _exportStar(require("./StatChart"), exports);
+_exportStar(require("./Table"), exports);
 _exportStar(require("./ThresholdsEditor"), exports);
 _exportStar(require("./TimeSeriesTooltip"), exports);
 _exportStar(require("./UnitSelector"), exports);
 _exportStar(require("./YAxisLabel"), exports);
 _exportStar(require("./context/ChartsThemeProvider"), exports);
 _exportStar(require("./context/TimeZoneProvider"), exports);
+_exportStar(require("./context/SnackbarProvider"), exports);
 _exportStar(require("./utils"), exports);
 _exportStar(require("./model"), exports);
 _exportStar(require("./test-utils"), exports);

package/dist/cjs/model/legend.js

@@ -26,7 +26,8 @@ _export(exports, {
     DEFAULT_LEGEND: ()=>DEFAULT_LEGEND,
     getLegendPosition: ()=>getLegendPosition,
     isValidLegendPosition: ()=>isValidLegendPosition,
-    validateLegendSpec: ()=>validateLegendSpec
+    validateLegendSpec: ()=>validateLegendSpec,
+    isLegendItemVisuallySelected: ()=>isLegendItemVisuallySelected
 });
 const legendPositions = [
     'Bottom',
@@ -65,3 +66,8 @@ function validateLegendSpec(legend) {
     }
     return true;
 }
+function isLegendItemVisuallySelected(item, selectedItems) {
+    // In the "ALL" case, technically all legend items are selected, but we do
+    // not render them differently.
+    return selectedItems !== 'ALL' && !!selectedItems[item.id];
+}

package/dist/cjs/theme/palette/grey.js

@@ -21,6 +21,7 @@ Object.defineProperty(exports, "greyOption", {
 const _grey = require("./colors/grey");
 const greyOption = (mode)=>{
     return mode === 'light' ? {
+        50: _grey.grey[50],
         100: _grey.grey[100],
         200: _grey.grey[200],
         300: _grey.grey[300],
@@ -29,8 +30,10 @@ const greyOption = (mode)=>{
         600: _grey.grey[600],
         700: _grey.grey[700],
         800: _grey.grey[800],
-        900: _grey.grey[900]
+        900: _grey.grey[900],
+        950: _grey.grey[950]
     } : {
+        50: _grey.grey[950],
         100: _grey.grey[900],
         200: _grey.grey[800],
         300: _grey.grey[700],
@@ -39,6 +42,7 @@ const greyOption = (mode)=>{
         600: _grey.grey[400],
         700: _grey.grey[300],
         800: _grey.grey[200],
-        900: _grey.grey[100]
+        900: _grey.grey[100],
+        950: _grey.grey[50]
     };
 };

package/dist/context/SnackbarProvider.d.ts

@@ -0,0 +1,23 @@
+import { SnackbarProvider as NotistackProvider, ProviderContext as NotistackContext, SnackbarMessage, OptionsObject, SnackbarKey } from 'notistack';
+export interface SnackbarContext extends NotistackContext {
+    errorSnackbar: EnqueueFunction;
+    infoSnackbar: EnqueueFunction;
+    warningSnackbar: EnqueueFunction;
+    successSnackbar: EnqueueFunction;
+    /**
+     * Useful for catch blocks where the error will be of type `unknown`, tries
+     * to show the `message` property if passed an instance of `Error`.
+     */
+    exceptionSnackbar: (error: unknown, options?: SnackbarOptions) => SnackbarKey;
+}
+declare type EnqueueFunction = (message: SnackbarMessage, options?: SnackbarOptions) => SnackbarKey;
+declare type SnackbarOptions = Omit<OptionsObject, 'variant'>;
+/**
+ * Application-wide provider for showing snackbars/toasts.
+ */
+export { NotistackProvider as SnackbarProvider };
+/**
+ * Gets the SnackbarContext with methods for displaying snackbars/toasts.
+ */
+export declare function useSnackbar(): SnackbarContext;
+//# sourceMappingURL=SnackbarProvider.d.ts.map

package/dist/context/SnackbarProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnackbarProvider.d.ts","sourceRoot":"","sources":["../../src/context/SnackbarProvider.tsx"],"names":[],"mappings":"AAcA,OAAO,EACL,gBAAgB,IAAI,iBAAiB,EACrC,eAAe,IAAI,gBAAgB,EAEnC,eAAe,EACf,aAAa,EACb,WAAW,EACZ,MAAM,WAAW,CAAC;AAEnB,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,aAAa,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,eAAe,CAAC;IAC9B,eAAe,EAAE,eAAe,CAAC;IACjC,eAAe,EAAE,eAAe,CAAC;IAEjC;;;OAGG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,WAAW,CAAC;CAC/E;AAED,aAAK,eAAe,GAAG,CAAC,OAAO,EAAE,eAAe,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,WAAW,CAAC;AAE5F,aAAK,eAAe,GAAG,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,iBAAiB,IAAI,gBAAgB,EAAE,CAAC;AAEjD;;GAEG;AACH,wBAAgB,WAAW,IAAI,eAAe,CA6B7C"}

package/dist/context/SnackbarProvider.js

@@ -0,0 +1,59 @@
+// Copyright 2023 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 { useCallback } from 'react';
+import { SnackbarProvider as NotistackProvider, useSnackbar as useNotistack } from 'notistack';
+/**
+ * Application-wide provider for showing snackbars/toasts.
+ */ export { NotistackProvider as SnackbarProvider };
+/**
+ * Gets the SnackbarContext with methods for displaying snackbars/toasts.
+ */ export function useSnackbar() {
+    const { enqueueSnackbar , closeSnackbar  } = useNotistack();
+    // Create variant-specific callbacks
+    const errorSnackbar = useEnqueueFunction(enqueueSnackbar, 'error');
+    const infoSnackbar = useEnqueueFunction(enqueueSnackbar, 'info');
+    const warningSnackbar = useEnqueueFunction(enqueueSnackbar, 'warning');
+    const successSnackbar = useEnqueueFunction(enqueueSnackbar, 'success');
+    const exceptionSnackbar = useCallback((error, options)=>{
+        // Try to use message prop, but fallback to a default message that
+        // will just stringify the error provided
+        const message = error instanceof Error ? error.message : `An unexpected error occurred: ${error}`;
+        return errorSnackbar(message, options);
+    }, [
+        errorSnackbar
+    ]);
+    return {
+        enqueueSnackbar,
+        closeSnackbar,
+        errorSnackbar,
+        infoSnackbar,
+        warningSnackbar,
+        successSnackbar,
+        exceptionSnackbar
+    };
+}
+// Helper to create a variant-specific enqueue function
+function useEnqueueFunction(enqueueSnackbar, variant) {
+    return useCallback((message, options)=>{
+        const allOptions = {
+            ...options,
+            variant
+        };
+        return enqueueSnackbar(message, allOptions);
+    }, [
+        enqueueSnackbar,
+        variant
+    ]);
+}
+
+//# sourceMappingURL=SnackbarProvider.js.map

package/dist/context/SnackbarProvider.js.map

@@ -0,0 +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,OAAO,CAAC;AACpC,SACEC,gBAAgB,IAAIC,iBAAiB,EAErCC,WAAW,IAAIC,YAAY,QAItB,WAAW,CAAC;AAmBnB;;CAEC,GACD,SAASF,iBAAiB,IAAID,gBAAgB,GAAG;AAEjD;;CAEC,GACD,OAAO,SAASE,WAAW,GAAoB;IAC7C,MAAM,EAAEE,eAAe,CAAA,EAAEC,aAAa,CAAA,EAAE,GAAGF,YAAY,EAAE,AAAC;IAE1D,oCAAoC;IACpC,MAAMG,aAAa,GAAGC,kBAAkB,CAACH,eAAe,EAAE,OAAO,CAAC,AAAC;IACnE,MAAMI,YAAY,GAAGD,kBAAkB,CAACH,eAAe,EAAE,MAAM,CAAC,AAAC;IACjE,MAAMK,eAAe,GAAGF,kBAAkB,CAACH,eAAe,EAAE,SAAS,CAAC,AAAC;IACvE,MAAMM,eAAe,GAAGH,kBAAkB,CAACH,eAAe,EAAE,SAAS,CAAC,AAAC;IAEvE,MAAMO,iBAAiB,GAAyCZ,WAAW,CACzE,CAACa,KAAK,EAAEC,OAAO,GAAK;QAClB,kEAAkE;QAClE,yCAAyC;QACzC,MAAMC,OAAO,GAAGF,KAAK,YAAYG,KAAK,GAAGH,KAAK,CAACE,OAAO,GAAG,CAAC,8BAA8B,EAAEF,KAAK,CAAC,CAAC,AAAC;QAElG,OAAON,aAAa,CAACQ,OAAO,EAAED,OAAO,CAAC,CAAC;IACzC,CAAC,EACD;QAACP,aAAa;KAAC,CAChB,AAAC;IAEF,OAAO;QACLF,eAAe;QACfC,aAAa;QACbC,aAAa;QACbE,YAAY;QACZC,eAAe;QACfC,eAAe;QACfC,iBAAiB;KAClB,CAAC;AACJ,CAAC;AAED,uDAAuD;AACvD,SAASJ,kBAAkB,CACzBH,eAAoD,EACpDY,OAAiC,EAChB;IACjB,OAAOjB,WAAW,CAChB,CAACe,OAAO,EAAED,OAAO,GAAK;QACpB,MAAMI,UAAU,GAAkB;YAChC,GAAGJ,OAAO;YACVG,OAAO;SACR,AAAC;QACF,OAAOZ,eAAe,CAACU,OAAO,EAAEG,UAAU,CAAC,CAAC;IAC9C,CAAC,EACD;QAACb,eAAe;QAAEY,OAAO;KAAC,CAC3B,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -13,12 +13,14 @@ export * from './LegendOptionsEditor';
 export * from './LineChart';
 export * from './OptionsEditorLayout';
 export * from './StatChart';
+export * from './Table';
 export * from './ThresholdsEditor';
 export * from './TimeSeriesTooltip';
 export * from './UnitSelector';
 export * from './YAxisLabel';
 export * from './context/ChartsThemeProvider';
 export * from './context/TimeZoneProvider';
+export * from './context/SnackbarProvider';
 export * from './utils';
 export * from './model';
 export * from './test-utils';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -25,12 +25,14 @@ export * from './LegendOptionsEditor';
 export * from './LineChart';
 export * from './OptionsEditorLayout';
 export * from './StatChart';
+export * from './Table';
 export * from './ThresholdsEditor';
 export * from './TimeSeriesTooltip';
 export * from './UnitSelector';
 export * from './YAxisLabel';
 export * from './context/ChartsThemeProvider';
 export * from './context/TimeZoneProvider';
+export * from './context/SnackbarProvider';
 export * from './utils';
 export * from './model';
 export * from './test-utils';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.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\nexport * from './ColorPicker';\nexport * from './DateTimeRangePicker';\nexport * from './Dialog';\nexport * from './Drawer';\nexport * from './EChart';\nexport * from './ErrorAlert';\nexport * from './ErrorBoundary';\nexport * from './GaugeChart';\nexport * from './InfoTooltip';\nexport * from './JSONEditor';\nexport * from './Legend';\nexport * from './LegendOptionsEditor';\nexport * from './LineChart';\nexport * from './OptionsEditorLayout';\nexport * from './StatChart';\nexport * from './ThresholdsEditor';\nexport * from './TimeSeriesTooltip';\nexport * from './UnitSelector';\nexport * from './YAxisLabel';\nexport * from './context/ChartsThemeProvider';\nexport * from './context/TimeZoneProvider';\nexport * from './utils';\nexport * from './model';\nexport * from './test-utils';\nexport * from './theme';\n"],"names":[],"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,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
+{"version":3,"sources":["../src/index.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\nexport * from './ColorPicker';\nexport * from './DateTimeRangePicker';\nexport * from './Dialog';\nexport * from './Drawer';\nexport * from './EChart';\nexport * from './ErrorAlert';\nexport * from './ErrorBoundary';\nexport * from './GaugeChart';\nexport * from './InfoTooltip';\nexport * from './JSONEditor';\nexport * from './Legend';\nexport * from './LegendOptionsEditor';\nexport * from './LineChart';\nexport * from './OptionsEditorLayout';\nexport * from './StatChart';\nexport * from './Table';\nexport * from './ThresholdsEditor';\nexport * from './TimeSeriesTooltip';\nexport * from './UnitSelector';\nexport * from './YAxisLabel';\nexport * from './context/ChartsThemeProvider';\nexport * from './context/TimeZoneProvider';\nexport * from './context/SnackbarProvider';\nexport * from './utils';\nexport * from './model';\nexport * from './test-utils';\nexport * from './theme';\n"],"names":[],"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,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/model/legend.d.ts

@@ -7,16 +7,24 @@ export interface LegendOptions {
 export interface LegendItem {
     id: string;
     label: string;
-    isSelected: boolean;
     color: string;
-    onClick: MouseEventHandler<HTMLElement>;
+    onClick?: MouseEventHandler<HTMLElement>;
 }
 export declare type LegendPositionConfig = {
     label: string;
 };
+/**
+ * State of selected items in the legend.
+ * - When "ALL", all legend items are selected, but not visually highlighted.
+ * - Otherwise, it is a Record that associates legend item ids with a boolean
+ *   value. When the associated entry for a legend item is `true`, that item
+ *   will be treated as selected and visually highlighted.
+ */
+export declare type SelectedLegendItemState = Record<LegendItem['id'], boolean> | 'ALL';
 export declare const LEGEND_POSITIONS_CONFIG: Readonly<Record<LegendPositions, LegendPositionConfig>>;
 export declare const DEFAULT_LEGEND: LegendOptions;
 export declare function getLegendPosition(position?: LegendPositions): "Bottom" | "Right";
 export declare function isValidLegendPosition(position: LegendPositions): boolean;
 export declare function validateLegendSpec(legend?: LegendOptions): boolean;
+export declare function isLegendItemVisuallySelected(item: LegendItem, selectedItems: SelectedLegendItemState): boolean;
 //# sourceMappingURL=legend.d.ts.map

package/dist/model/legend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../src/model/legend.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,eAAO,MAAM,eAAe,8BAA+B,CAAC;AAE5D,oBAAY,eAAe,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/D,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;CACzC;AAED,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,MAAM,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAG3F,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,aAE5B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,QAAQ,CAAC,EAAE,eAAe,sBAQ3D;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,eAAe,WAE9D;AAED,wBAAgB,kBAAkB,CAAC,MAAM,CAAC,EAAE,aAAa,WASxD"}
+{"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../src/model/legend.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,eAAO,MAAM,eAAe,8BAA+B,CAAC;AAE5D,oBAAY,eAAe,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/D,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAC1C;AAED,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;GAMG;AACH,oBAAY,uBAAuB,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC;AAEhF,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,MAAM,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAG3F,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,aAE5B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,QAAQ,CAAC,EAAE,eAAe,sBAQ3D;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,eAAe,WAE9D;AAED,wBAAgB,kBAAkB,CAAC,MAAM,CAAC,EAAE,aAAa,WASxD;AAED,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,uBAAuB,WAIpG"}

package/dist/model/legend.js

@@ -47,5 +47,10 @@ export function validateLegendSpec(legend) {
     }
     return true;
 }
+export function isLegendItemVisuallySelected(item, selectedItems) {
+    // In the "ALL" case, technically all legend items are selected, but we do
+    // not render them differently.
+    return selectedItems !== 'ALL' && !!selectedItems[item.id];
+}
 
 //# sourceMappingURL=legend.js.map

package/dist/model/legend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model/legend.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 { MouseEventHandler } from 'react';\n\nexport const legendPositions = ['Bottom', 'Right'] as const;\n\nexport type LegendPositions = (typeof legendPositions)[number];\n\nexport interface LegendOptions {\n  position: LegendPositions;\n}\n\nexport interface LegendItem {\n  id: string;\n  label: string;\n  isSelected: boolean;\n  color: string;\n  onClick: MouseEventHandler<HTMLElement>;\n}\n\nexport type LegendPositionConfig = {\n  label: string;\n};\n\nexport const LEGEND_POSITIONS_CONFIG: Readonly<Record<LegendPositions, LegendPositionConfig>> = {\n  Bottom: { label: 'Bottom' },\n  Right: { label: 'Right' },\n};\n\nexport const DEFAULT_LEGEND: LegendOptions = {\n  position: 'Bottom',\n};\n\nexport function getLegendPosition(position?: LegendPositions) {\n  if (position === undefined) {\n    return DEFAULT_LEGEND.position;\n  }\n  if (isValidLegendPosition(position)) {\n    return position;\n  }\n  return DEFAULT_LEGEND.position;\n}\n\nexport function isValidLegendPosition(position: LegendPositions) {\n  return (legendPositions as readonly string[]).includes(position);\n}\n\nexport function validateLegendSpec(legend?: LegendOptions) {\n  if (legend === undefined) {\n    // undefined is valid since this is how legend is hidden by default\n    return true;\n  }\n  if (!isValidLegendPosition(legend.position)) {\n    return false;\n  }\n  return true;\n}\n"],"names":["legendPositions","LEGEND_POSITIONS_CONFIG","Bottom","label","Right","DEFAULT_LEGEND","position","getLegendPosition","undefined","isValidLegendPosition","includes","validateLegendSpec","legend"],"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;AAIjC,OAAO,MAAMA,eAAe,GAAG;IAAC,QAAQ;IAAE,OAAO;CAAC,AAAS,CAAC;AAoB5D,OAAO,MAAMC,uBAAuB,GAA4D;IAC9FC,MAAM,EAAE;QAAEC,KAAK,EAAE,QAAQ;KAAE;IAC3BC,KAAK,EAAE;QAAED,KAAK,EAAE,OAAO;KAAE;CAC1B,CAAC;AAEF,OAAO,MAAME,cAAc,GAAkB;IAC3CC,QAAQ,EAAE,QAAQ;CACnB,CAAC;AAEF,OAAO,SAASC,iBAAiB,CAACD,QAA0B,EAAE;IAC5D,IAAIA,QAAQ,KAAKE,SAAS,EAAE;QAC1B,OAAOH,cAAc,CAACC,QAAQ,CAAC;IACjC,CAAC;IACD,IAAIG,qBAAqB,CAACH,QAAQ,CAAC,EAAE;QACnC,OAAOA,QAAQ,CAAC;IAClB,CAAC;IACD,OAAOD,cAAc,CAACC,QAAQ,CAAC;AACjC,CAAC;AAED,OAAO,SAASG,qBAAqB,CAACH,QAAyB,EAAE;IAC/D,OAAO,AAACN,eAAe,CAAuBU,QAAQ,CAACJ,QAAQ,CAAC,CAAC;AACnE,CAAC;AAED,OAAO,SAASK,kBAAkB,CAACC,MAAsB,EAAE;IACzD,IAAIA,MAAM,KAAKJ,SAAS,EAAE;QACxB,mEAAmE;QACnE,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,CAACC,qBAAqB,CAACG,MAAM,CAACN,QAAQ,CAAC,EAAE;QAC3C,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"sources":["../../src/model/legend.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 { MouseEventHandler } from 'react';\n\nexport const legendPositions = ['Bottom', 'Right'] as const;\n\nexport type LegendPositions = (typeof legendPositions)[number];\n\nexport interface LegendOptions {\n  position: LegendPositions;\n}\n\nexport interface LegendItem {\n  id: string;\n  label: string;\n  color: string;\n  onClick?: MouseEventHandler<HTMLElement>;\n}\n\nexport type LegendPositionConfig = {\n  label: string;\n};\n\n/**\n * State of selected items in the legend.\n * - When \"ALL\", all legend items are selected, but not visually highlighted.\n * - Otherwise, it is a Record that associates legend item ids with a boolean\n *   value. When the associated entry for a legend item is `true`, that item\n *   will be treated as selected and visually highlighted.\n */\nexport type SelectedLegendItemState = Record<LegendItem['id'], boolean> | 'ALL';\n\nexport const LEGEND_POSITIONS_CONFIG: Readonly<Record<LegendPositions, LegendPositionConfig>> = {\n  Bottom: { label: 'Bottom' },\n  Right: { label: 'Right' },\n};\n\nexport const DEFAULT_LEGEND: LegendOptions = {\n  position: 'Bottom',\n};\n\nexport function getLegendPosition(position?: LegendPositions) {\n  if (position === undefined) {\n    return DEFAULT_LEGEND.position;\n  }\n  if (isValidLegendPosition(position)) {\n    return position;\n  }\n  return DEFAULT_LEGEND.position;\n}\n\nexport function isValidLegendPosition(position: LegendPositions) {\n  return (legendPositions as readonly string[]).includes(position);\n}\n\nexport function validateLegendSpec(legend?: LegendOptions) {\n  if (legend === undefined) {\n    // undefined is valid since this is how legend is hidden by default\n    return true;\n  }\n  if (!isValidLegendPosition(legend.position)) {\n    return false;\n  }\n  return true;\n}\n\nexport function isLegendItemVisuallySelected(item: LegendItem, selectedItems: SelectedLegendItemState) {\n  // In the \"ALL\" case, technically all legend items are selected, but we do\n  // not render them differently.\n  return selectedItems !== 'ALL' && !!selectedItems[item.id];\n}\n"],"names":["legendPositions","LEGEND_POSITIONS_CONFIG","Bottom","label","Right","DEFAULT_LEGEND","position","getLegendPosition","undefined","isValidLegendPosition","includes","validateLegendSpec","legend","isLegendItemVisuallySelected","item","selectedItems","id"],"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;AAIjC,OAAO,MAAMA,eAAe,GAAG;IAAC,QAAQ;IAAE,OAAO;CAAC,AAAS,CAAC;AA4B5D,OAAO,MAAMC,uBAAuB,GAA4D;IAC9FC,MAAM,EAAE;QAAEC,KAAK,EAAE,QAAQ;KAAE;IAC3BC,KAAK,EAAE;QAAED,KAAK,EAAE,OAAO;KAAE;CAC1B,CAAC;AAEF,OAAO,MAAME,cAAc,GAAkB;IAC3CC,QAAQ,EAAE,QAAQ;CACnB,CAAC;AAEF,OAAO,SAASC,iBAAiB,CAACD,QAA0B,EAAE;IAC5D,IAAIA,QAAQ,KAAKE,SAAS,EAAE;QAC1B,OAAOH,cAAc,CAACC,QAAQ,CAAC;IACjC,CAAC;IACD,IAAIG,qBAAqB,CAACH,QAAQ,CAAC,EAAE;QACnC,OAAOA,QAAQ,CAAC;IAClB,CAAC;IACD,OAAOD,cAAc,CAACC,QAAQ,CAAC;AACjC,CAAC;AAED,OAAO,SAASG,qBAAqB,CAACH,QAAyB,EAAE;IAC/D,OAAO,AAACN,eAAe,CAAuBU,QAAQ,CAACJ,QAAQ,CAAC,CAAC;AACnE,CAAC;AAED,OAAO,SAASK,kBAAkB,CAACC,MAAsB,EAAE;IACzD,IAAIA,MAAM,KAAKJ,SAAS,EAAE;QACxB,mEAAmE;QACnE,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,CAACC,qBAAqB,CAACG,MAAM,CAACN,QAAQ,CAAC,EAAE;QAC3C,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,OAAO,SAASO,4BAA4B,CAACC,IAAgB,EAAEC,aAAsC,EAAE;IACrG,0EAA0E;IAC1E,+BAA+B;IAC/B,OAAOA,aAAa,KAAK,KAAK,IAAI,CAAC,CAACA,aAAa,CAACD,IAAI,CAACE,EAAE,CAAC,CAAC;AAC7D,CAAC"}

package/dist/theme/palette/grey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grey.d.ts","sourceRoot":"","sources":["../../../src/theme/palette/grey.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5D,eAAO,MAAM,UAAU,SAAU,WAAW,KAAG,cAAc,CAAC,MAAM,CAyBnE,CAAC"}
+{"version":3,"file":"grey.d.ts","sourceRoot":"","sources":["../../../src/theme/palette/grey.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5D,eAAO,MAAM,UAAU,SAAU,WAAW,KAAG,cAAc,CAAC,MAAM,CA6BnE,CAAC"}