@perses-dev/components 0.0.0-snapshot-color-palette-gen-test-0ebddd6 → 0.0.0-snapshot-saving-defaults-refinements-1b25cec

package/dist/cjs/index.js

@@ -15,6 +15,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 _exportStar(require("./ColorPicker"), exports);
+_exportStar(require("./ContentWithLegend"), exports);
 _exportStar(require("./DateTimeRangePicker"), exports);
 _exportStar(require("./Dialog"), exports);
 _exportStar(require("./Drawer"), exports);
@@ -29,12 +30,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

@@ -22,16 +22,25 @@ function _export(target, all) {
 }
 _export(exports, {
     legendPositions: ()=>legendPositions,
+    legendModes: ()=>legendModes,
     LEGEND_POSITIONS_CONFIG: ()=>LEGEND_POSITIONS_CONFIG,
+    LEGEND_MODE_CONFIG: ()=>LEGEND_MODE_CONFIG,
     DEFAULT_LEGEND: ()=>DEFAULT_LEGEND,
     getLegendPosition: ()=>getLegendPosition,
     isValidLegendPosition: ()=>isValidLegendPosition,
-    validateLegendSpec: ()=>validateLegendSpec
+    isValidLegendMode: ()=>isValidLegendMode,
+    getLegendMode: ()=>getLegendMode,
+    validateLegendSpec: ()=>validateLegendSpec,
+    isLegendItemVisuallySelected: ()=>isLegendItemVisuallySelected
 });
 const legendPositions = [
     'Bottom',
     'Right'
 ];
+const legendModes = [
+    'List',
+    'Table'
+];
 const LEGEND_POSITIONS_CONFIG = {
     Bottom: {
         label: 'Bottom'
@@ -40,8 +49,17 @@ const LEGEND_POSITIONS_CONFIG = {
         label: 'Right'
     }
 };
+const LEGEND_MODE_CONFIG = {
+    List: {
+        label: 'List'
+    },
+    Table: {
+        label: 'Table'
+    }
+};
 const DEFAULT_LEGEND = {
-    position: 'Bottom'
+    position: 'Bottom',
+    mode: 'List'
 };
 function getLegendPosition(position) {
     if (position === undefined) {
@@ -55,6 +73,15 @@ function getLegendPosition(position) {
 function isValidLegendPosition(position) {
     return legendPositions.includes(position);
 }
+function isValidLegendMode(mode) {
+    return legendModes.includes(mode);
+}
+function getLegendMode(mode) {
+    if (!mode || !isValidLegendMode(mode)) {
+        return DEFAULT_LEGEND.mode;
+    }
+    return mode;
+}
 function validateLegendSpec(legend) {
     if (legend === undefined) {
         // undefined is valid since this is how legend is hidden by default
@@ -63,5 +90,13 @@ function validateLegendSpec(legend) {
     if (!isValidLegendPosition(legend.position)) {
         return false;
     }
+    if (legend.mode && !isValidLegendMode(legend.mode)) {
+        return false;
+    }
     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/model/units/bytes.js

@@ -27,11 +27,13 @@ _export(exports, {
 });
 const _numbro = /*#__PURE__*/ _interopRequireDefault(require("numbro"));
 const _constants = require("./constants");
+const _utils = require("./utils");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
+const DEFAULT_NUMBRO_MANTISSA = 2;
 const bytesUnitKinds = [
     'Bytes'
 ];
@@ -41,40 +43,42 @@ const BYTES_GROUP_CONFIG = {
     abbreviate: true
 };
 const BYTES_UNIT_CONFIG = {
-    // This uses units that are powers of 1000.
-    // In other words, 1KB = 1000 bytes.
+    // These units are powers of 1000.
+    // In other words, 1 KB = 1000 bytes.
     Bytes: {
         group: 'Bytes',
         label: 'Bytes'
     }
 };
-function formatBytes(bytes, { abbreviate , decimal_places  }) {
-    if (bytes === 0) return '0 bytes';
-    decimal_places = decimal_places !== null && decimal_places !== void 0 ? decimal_places : _constants.DEFAULT_DECIMAL_PLACES;
-    // Avoids maximumFractionDigits value is out of range error. Possible values are 0 to 20.
-    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#minimumfractiondigits
-    if (decimal_places < 0) {
-        decimal_places = 0;
-    } else if (decimal_places > 20) {
-        decimal_places = 20;
-    }
-    const showFullNumber = abbreviate == false || bytes < 1000;
-    if (showFullNumber) {
-        const formatter = new Intl.NumberFormat('en-US', {
+function formatBytes(bytes, options) {
+    const { abbreviate , decimal_places  } = options;
+    if (!(0, _utils.shouldAbbreviate)(abbreviate) || Math.abs(bytes) < 1000) {
+        const formatterOptions = {
             style: 'unit',
             unit: 'byte',
             unitDisplay: 'long',
-            maximumFractionDigits: decimal_places,
             useGrouping: true
-        });
-        return formatter.format(bytes);
+        };
+        if ((0, _utils.hasDecimalPlaces)(decimal_places)) {
+            formatterOptions.minimumFractionDigits = (0, _utils.limitDecimalPlaces)(decimal_places);
+            formatterOptions.maximumFractionDigits = (0, _utils.limitDecimalPlaces)(decimal_places);
+        } else {
+            // This can happen if bytes is between -1000 and 1000
+            if ((0, _utils.shouldAbbreviate)(abbreviate)) {
+                formatterOptions.maximumSignificantDigits = _constants.MAX_SIGNIFICANT_DIGITS;
+            }
+        }
+        return Intl.NumberFormat('en-US', formatterOptions).format(bytes);
     }
+    // numbro is able to add units like KB, MB, GB, etc. correctly
     return (0, _numbro.default)(bytes).format({
         output: 'byte',
         base: 'decimal',
         spaceSeparated: true,
-        mantissa: decimal_places,
-        trimMantissa: true,
-        optionalMantissa: true
+        mantissa: (0, _utils.hasDecimalPlaces)(decimal_places) ? decimal_places : DEFAULT_NUMBRO_MANTISSA,
+        // trimMantissa trims trailing 0s
+        trimMantissa: !(0, _utils.hasDecimalPlaces)(decimal_places),
+        // optionalMantissa excludes all the decimal places if they're all zeros
+        optionalMantissa: !(0, _utils.hasDecimalPlaces)(decimal_places)
     });
 }

package/dist/cjs/model/units/constants.js

@@ -16,8 +16,8 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "DEFAULT_DECIMAL_PLACES", {
+Object.defineProperty(exports, "MAX_SIGNIFICANT_DIGITS", {
     enumerable: true,
-    get: ()=>DEFAULT_DECIMAL_PLACES
+    get: ()=>MAX_SIGNIFICANT_DIGITS
 });
-const DEFAULT_DECIMAL_PLACES = 2;
+const MAX_SIGNIFICANT_DIGITS = 3;

package/dist/cjs/model/units/decimal.js

@@ -21,17 +21,19 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    PERCENT_GROUP_CONFIG: ()=>PERCENT_GROUP_CONFIG,
+    DECIMAL_GROUP_CONFIG: ()=>DECIMAL_GROUP_CONFIG,
     DECIMAL_UNIT_CONFIG: ()=>DECIMAL_UNIT_CONFIG,
     formatDecimal: ()=>formatDecimal
 });
 const _constants = require("./constants");
+const _utils = require("./utils");
 const decimalUnitKinds = [
     'Decimal'
 ];
-const PERCENT_GROUP_CONFIG = {
-    label: 'Percent',
-    decimal_places: true
+const DECIMAL_GROUP_CONFIG = {
+    label: 'Decimal',
+    decimal_places: true,
+    abbreviate: true
 };
 const DECIMAL_UNIT_CONFIG = {
     Decimal: {
@@ -39,21 +41,22 @@ const DECIMAL_UNIT_CONFIG = {
         label: 'Decimal'
     }
 };
-function formatDecimal(value, { abbreviate , decimal_places  }) {
-    decimal_places = decimal_places !== null && decimal_places !== void 0 ? decimal_places : _constants.DEFAULT_DECIMAL_PLACES;
-    // Avoids maximumFractionDigits value is out of range error. Possible values are 0 to 20.
-    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#minimumfractiondigits
-    if (decimal_places < 0) {
-        decimal_places = 0;
-    } else if (decimal_places > 20) {
-        decimal_places = 20;
-    }
-    const showFullNumber = abbreviate == false || value < 1000;
-    const formatter = new Intl.NumberFormat('en-US', {
+function formatDecimal(value, options) {
+    const { abbreviate , decimal_places  } = options;
+    const formatterOptions = {
         style: 'decimal',
-        notation: showFullNumber ? 'standard' : 'compact',
-        maximumFractionDigits: decimal_places,
         useGrouping: true
-    });
-    return formatter.format(value);
+    };
+    if ((0, _utils.shouldAbbreviate)(abbreviate)) {
+        formatterOptions.notation = 'compact';
+    }
+    if ((0, _utils.hasDecimalPlaces)(decimal_places)) {
+        formatterOptions.minimumFractionDigits = (0, _utils.limitDecimalPlaces)(decimal_places);
+        formatterOptions.maximumFractionDigits = (0, _utils.limitDecimalPlaces)(decimal_places);
+    } else {
+        if ((0, _utils.shouldAbbreviate)(abbreviate)) {
+            formatterOptions.maximumSignificantDigits = _constants.MAX_SIGNIFICANT_DIGITS;
+        }
+    }
+    return Intl.NumberFormat('en-US', formatterOptions).format(value);
 }

package/dist/cjs/model/units/percent.js

@@ -21,20 +21,20 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    DECIMAL_GROUP_CONFIG: ()=>DECIMAL_GROUP_CONFIG,
+    PERCENT_GROUP_CONFIG: ()=>PERCENT_GROUP_CONFIG,
     PERCENT_UNIT_CONFIG: ()=>PERCENT_UNIT_CONFIG,
     formatPercent: ()=>formatPercent
 });
 const _constants = require("./constants");
+const _utils = require("./utils");
 const percentUnitKinds = [
     'Percent',
     'PercentDecimal',
     '%'
 ];
-const DECIMAL_GROUP_CONFIG = {
-    label: 'Decimal',
-    decimal_places: true,
-    abbreviate: true
+const PERCENT_GROUP_CONFIG = {
+    label: 'Percent',
+    decimal_places: true
 };
 const PERCENT_GROUP = 'Percent';
 const PERCENT_UNIT_CONFIG = {
@@ -54,11 +54,20 @@ const PERCENT_UNIT_CONFIG = {
         label: '%'
     }
 };
-function formatPercent(value, unitOptions) {
-    var _decimal_places;
-    const decimals = (_decimal_places = unitOptions.decimal_places) !== null && _decimal_places !== void 0 ? _decimal_places : _constants.DEFAULT_DECIMAL_PLACES;
-    if (unitOptions.kind === 'PercentDecimal') {
-        value = value * 100;
+function formatPercent(value, { kind , decimal_places  }) {
+    // Intl.NumberFormat translates 0 -> 0%, 0.5 -> 50%, 1 -> 100%
+    if (kind === 'Percent') {
+        value = value / 100;
     }
-    return value.toFixed(decimals) + '%';
+    const formatterOptions = {
+        style: 'percent',
+        useGrouping: true
+    };
+    if ((0, _utils.hasDecimalPlaces)(decimal_places)) {
+        formatterOptions.minimumFractionDigits = (0, _utils.limitDecimalPlaces)(decimal_places);
+        formatterOptions.maximumFractionDigits = (0, _utils.limitDecimalPlaces)(decimal_places);
+    } else {
+        formatterOptions.maximumSignificantDigits = _constants.MAX_SIGNIFICANT_DIGITS;
+    }
+    return Intl.NumberFormat('en-US', formatterOptions).format(value);
 }

package/dist/cjs/model/units/time.js

@@ -21,12 +21,13 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    TimeIntlDuration: ()=>TimeIntlDuration,
+    PersesTimeToIntlTime: ()=>PersesTimeToIntlTime,
     TIME_GROUP_CONFIG: ()=>TIME_GROUP_CONFIG,
     TIME_UNIT_CONFIG: ()=>TIME_UNIT_CONFIG,
     formatTime: ()=>formatTime
 });
 const _constants = require("./constants");
+const _utils = require("./utils");
 const timeUnitKinds = [
     'Milliseconds',
     'Seconds',
@@ -76,26 +77,29 @@ const TIME_UNIT_CONFIG = {
         label: 'Years'
     }
 };
-var TimeIntlDuration;
-(function(TimeIntlDuration) {
-    TimeIntlDuration["Milliseconds"] = 'millisecond';
-    TimeIntlDuration["Seconds"] = 'second';
-    TimeIntlDuration["Minutes"] = 'minute';
-    TimeIntlDuration["Hours"] = 'hour';
-    TimeIntlDuration["Days"] = 'day';
-    TimeIntlDuration["Weeks"] = 'week';
-    TimeIntlDuration["Months"] = 'month';
-    TimeIntlDuration["Years"] = 'year';
-})(TimeIntlDuration || (TimeIntlDuration = {}));
-function formatTime(value, unitOptions) {
-    var _decimal_places;
-    const decimalPlaces = (_decimal_places = unitOptions.decimal_places) !== null && _decimal_places !== void 0 ? _decimal_places : _constants.DEFAULT_DECIMAL_PLACES;
-    const timeUnit = TimeIntlDuration[unitOptions.kind];
-    const formatter = new Intl.NumberFormat('en-US', {
+var PersesTimeToIntlTime;
+(function(PersesTimeToIntlTime) {
+    PersesTimeToIntlTime["Milliseconds"] = 'millisecond';
+    PersesTimeToIntlTime["Seconds"] = 'second';
+    PersesTimeToIntlTime["Minutes"] = 'minute';
+    PersesTimeToIntlTime["Hours"] = 'hour';
+    PersesTimeToIntlTime["Days"] = 'day';
+    PersesTimeToIntlTime["Weeks"] = 'week';
+    PersesTimeToIntlTime["Months"] = 'month';
+    PersesTimeToIntlTime["Years"] = 'year';
+})(PersesTimeToIntlTime || (PersesTimeToIntlTime = {}));
+function formatTime(value, { kind , decimal_places  }) {
+    const isMonthOrYear = kind === 'Months' || kind === 'Years';
+    const formatterOptions = {
         style: 'unit',
-        unit: timeUnit,
-        unitDisplay: 'long',
-        maximumFractionDigits: decimalPlaces
-    });
-    return formatter.format(value);
+        unit: PersesTimeToIntlTime[kind],
+        unitDisplay: isMonthOrYear ? 'long' : 'narrow'
+    };
+    if ((0, _utils.hasDecimalPlaces)(decimal_places)) {
+        formatterOptions.minimumFractionDigits = (0, _utils.limitDecimalPlaces)(decimal_places);
+        formatterOptions.maximumFractionDigits = (0, _utils.limitDecimalPlaces)(decimal_places);
+    } else {
+        formatterOptions.maximumSignificantDigits = _constants.MAX_SIGNIFICANT_DIGITS;
+    }
+    return Intl.NumberFormat('en-US', formatterOptions).format(value);
 }

package/dist/cjs/model/units/units.js

@@ -40,8 +40,8 @@ const _percent = require("./percent");
 const _time = require("./time");
 const UNIT_GROUP_CONFIG = {
     Time: _time.TIME_GROUP_CONFIG,
-    Percent: _decimal.PERCENT_GROUP_CONFIG,
-    Decimal: _percent.DECIMAL_GROUP_CONFIG,
+    Percent: _percent.PERCENT_GROUP_CONFIG,
+    Decimal: _decimal.DECIMAL_GROUP_CONFIG,
     Bytes: _bytes.BYTES_GROUP_CONFIG
 };
 const UNIT_CONFIG = {

package/dist/cjs/model/units/utils.js

@@ -0,0 +1,42 @@
+// 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, {
+    shouldAbbreviate: ()=>shouldAbbreviate,
+    hasDecimalPlaces: ()=>hasDecimalPlaces,
+    limitDecimalPlaces: ()=>limitDecimalPlaces
+});
+function shouldAbbreviate(abbreviate) {
+    return abbreviate !== false;
+}
+function hasDecimalPlaces(decimal_places) {
+    return typeof decimal_places === 'number';
+}
+function limitDecimalPlaces(num) {
+    if (!num) return num;
+    if (num < 0) {
+        num = 0;
+    } else if (num > 20) {
+        num = 20;
+    }
+    return num;
+}

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/cjs/utils/theme-gen.js

@@ -40,20 +40,15 @@ function generateChartsTheme(muiTheme, echartsTheme) {
             left: 20,
             containLabel: true
         },
-        // Accessible categorical palette from: https://colorbrewer2.org/#type=qualitative&scheme=Paired&n=12
+        // Accessible categorical palette from: https://davidmathlogic.com/colorblind
         color: [
-            '#a6cee3',
-            '#1f78b4',
-            '#b2df8a',
-            '#33a02c',
-            '#fb9a99',
-            '#e31a1c',
-            '#fdbf6f',
-            '#ff7f00',
-            '#cab2d6',
-            '#6a3d9a',
-            '#ffff99',
-            '#b15928'
+            '#56B4E9',
+            '#009E73',
+            '#0072B2',
+            '#CC79A7',
+            '#F0E442',
+            '#E69F00',
+            '#D55E00'
         ],
         categoryAxis: {
             show: true,

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

@@ -1,4 +1,5 @@
 export * from './ColorPicker';
+export * from './ContentWithLegend';
 export * from './DateTimeRangePicker';
 export * from './Dialog';
 export * from './Drawer';
@@ -13,12 +14,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,qBAAqB,CAAC;AACpC,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

@@ -11,6 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 export * from './ColorPicker';
+export * from './ContentWithLegend';
 export * from './DateTimeRangePicker';
 export * from './Dialog';
 export * from './Drawer';
@@ -25,12 +26,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';