@perses-dev/components 0.35.0 → 0.36.1

package/dist/cjs/UnitSelector/UnitSelector.js

@@ -20,11 +20,10 @@ Object.defineProperty(exports, "UnitSelector", {
 });
 const _jsxRuntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
-const _model = require("../model");
-const _utils = require("../model/units/utils");
+const _core = require("@perses-dev/core");
 const _optionsEditorLayout = require("../OptionsEditorLayout");
 const _settingsAutocomplete = require("../SettingsAutocomplete");
-const KIND_OPTIONS = Object.entries(_model.UNIT_CONFIG).map(([id, config])=>{
+const KIND_OPTIONS = Object.entries(_core.UNIT_CONFIG).map(([id, config])=>{
     return {
         id: id,
         ...config
@@ -66,8 +65,8 @@ function getOptionByDecimalPlaces(decimal_places) {
     return DECIMAL_PLACES_OPTIONS.find((o)=>o.decimal_places === decimal_places);
 }
 function UnitSelector({ value , onChange  }) {
-    const hasDecimalPlaces = (0, _model.isUnitWithDecimalPlaces)(value);
-    const hasAbbreviate = (0, _model.isUnitWithAbbreviate)(value);
+    const hasDecimalPlaces = (0, _core.isUnitWithDecimalPlaces)(value);
+    const hasAbbreviate = (0, _core.isUnitWithAbbreviate)(value);
     const handleKindChange = (_, newValue)=>{
         onChange({
             kind: newValue.id
@@ -89,13 +88,13 @@ function UnitSelector({ value , onChange  }) {
             });
         }
     };
-    const kindConfig = _model.UNIT_CONFIG[value.kind];
+    const kindConfig = _core.UNIT_CONFIG[value.kind];
     return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [
             /*#__PURE__*/ (0, _jsxRuntime.jsx)(_optionsEditorLayout.OptionsEditorControl, {
                 label: "Abbreviate",
                 control: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Switch, {
-                    checked: hasAbbreviate ? (0, _utils.shouldAbbreviate)(value.abbreviate) : false,
+                    checked: hasAbbreviate ? (0, _core.shouldAbbreviate)(value.abbreviate) : false,
                     onChange: handleAbbreviateChange,
                     disabled: !hasAbbreviate
                 })

package/dist/cjs/index.js

@@ -42,6 +42,7 @@ _exportStar(require("./utils"), exports);
 _exportStar(require("./model"), exports);
 _exportStar(require("./test-utils"), exports);
 _exportStar(require("./theme"), exports);
+_exportStar(require("./RefreshIntervalPicker"), exports);
 function _exportStar(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {

package/dist/cjs/model/index.js

@@ -16,7 +16,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 _exportStar(require("./graph"), exports);
 _exportStar(require("./theme"), exports);
-_exportStar(require("./units"), exports);
+_exportStar(require("./timeOption"), exports);
 function _exportStar(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {

package/dist/{model/units/types.js → cjs/model/timeOption.js}

@@ -10,13 +10,7 @@
 // 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.
-// Common types needed across individual unit groups and the overall combined
-// units.
-export const UNIT_GROUPS = [
-    'Time',
-    'Percent',
-    'Decimal',
-    'Bytes'
-];
-
-//# sourceMappingURL=types.js.map
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/index.d.ts

@@ -26,4 +26,5 @@ export * from './utils';
 export * from './model';
 export * from './test-utils';
 export * from './theme';
+export * from './RefreshIntervalPicker';
 //# sourceMappingURL=index.d.ts.map

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,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,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,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"}
+{"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,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,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;AACxB,cAAc,yBAAyB,CAAC"}

package/dist/index.js

@@ -38,5 +38,6 @@ export * from './utils';
 export * from './model';
 export * from './test-utils';
 export * from './theme';
+export * from './RefreshIntervalPicker';
 
 //# sourceMappingURL=index.js.map

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 './ContentWithLegend';\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 './LineChart';\nexport * from './OptionsEditorLayout';\nexport * from './SettingsAutocomplete';\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,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,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,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"}
+{"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 './ContentWithLegend';\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 './LineChart';\nexport * from './OptionsEditorLayout';\nexport * from './SettingsAutocomplete';\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';\nexport * from './RefreshIntervalPicker';\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,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,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,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;AACxB,cAAc,yBAAyB,CAAC"}

package/dist/model/index.d.ts

@@ -1,4 +1,4 @@
 export * from './graph';
 export * from './theme';
-export * from './units';
+export * from './timeOption';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AAaA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AAaA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/dist/model/index.js

@@ -12,6 +12,6 @@
 // limitations under the License.
 export * from './graph';
 export * from './theme';
-export * from './units';
+export * from './timeOption';
 
 //# sourceMappingURL=index.js.map

package/dist/model/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model/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 './graph';\nexport * from './theme';\nexport * from './units';\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,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
+{"version":3,"sources":["../../src/model/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 './graph';\nexport * from './theme';\nexport * from './timeOption';\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,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/dist/model/theme.d.ts

@@ -1,3 +1,4 @@
+import { ThresholdColorPalette } from '@perses-dev/core';
 import type { EChartsOption, BarSeriesOption, LineSeriesOption, GaugeSeriesOption, TitleComponentOption, ComposeOption, XAXisComponentOption, YAXisComponentOption } from 'echarts';
 export interface PersesChartsTheme {
     echartsTheme: EChartsTheme;
@@ -24,9 +25,5 @@ export interface EChartsTheme extends EChartsOption {
     line?: LineSeriesOption;
     gauge?: GaugeSeriesOption;
 }
-export interface ThresholdColorPalette {
-    defaultColor: string;
-    palette: string[];
-}
 export declare type NoDataOption = ComposeOption<TitleComponentOption | XAXisComponentOption | YAXisComponentOption>;
 //# sourceMappingURL=theme.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/model/theme.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,YAAY,CAAC;IAC3B,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF;;OAEG;IACH,SAAS,EAAE;QACT;;WAEG;QACH,OAAO,EAAE;YACP,OAAO,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;IACF,UAAU,EAAE,qBAAqB,CAAC;CACnC;AAGD,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,oBAAY,YAAY,GAAG,aAAa,CAAC,oBAAoB,GAAG,oBAAoB,GAAG,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/model/theme.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,YAAY,CAAC;IAC3B,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF;;OAEG;IACH,SAAS,EAAE;QACT;;WAEG;QACH,OAAO,EAAE;YACP,OAAO,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;IACF,UAAU,EAAE,qBAAqB,CAAC;CACnC;AAGD,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAED,oBAAY,YAAY,GAAG,aAAa,CAAC,oBAAoB,GAAG,oBAAoB,GAAG,oBAAoB,CAAC,CAAC"}

package/dist/model/theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model/theme.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 type {\n  EChartsOption,\n  BarSeriesOption,\n  LineSeriesOption,\n  GaugeSeriesOption,\n  TitleComponentOption,\n  ComposeOption,\n  XAXisComponentOption,\n  YAXisComponentOption,\n} from 'echarts';\n\nexport interface PersesChartsTheme {\n  echartsTheme: EChartsTheme;\n  noDataOption: NoDataOption;\n  sparkline: {\n    width: number;\n    color: string;\n  };\n  /**\n   * Theming for the container that wraps a chart.\n   */\n  container: {\n    /**\n     * Padding in pixels.\n     */\n    padding: {\n      default: number;\n    };\n  };\n  thresholds: ThresholdColorPalette;\n}\n\n// https://github.com/apache/echarts/issues/12489#issuecomment-643185207\nexport interface EChartsTheme extends EChartsOption {\n  bar?: BarSeriesOption;\n  line?: LineSeriesOption;\n  gauge?: GaugeSeriesOption;\n}\n\nexport interface ThresholdColorPalette {\n  defaultColor: string;\n  palette: string[];\n}\n\nexport type NoDataOption = ComposeOption<TitleComponentOption | XAXisComponentOption | YAXisComponentOption>;\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,WA4C6G"}
+{"version":3,"sources":["../../src/model/theme.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 { ThresholdColorPalette } from '@perses-dev/core';\nimport type {\n  EChartsOption,\n  BarSeriesOption,\n  LineSeriesOption,\n  GaugeSeriesOption,\n  TitleComponentOption,\n  ComposeOption,\n  XAXisComponentOption,\n  YAXisComponentOption,\n} from 'echarts';\n\nexport interface PersesChartsTheme {\n  echartsTheme: EChartsTheme;\n  noDataOption: NoDataOption;\n  sparkline: {\n    width: number;\n    color: string;\n  };\n  /**\n   * Theming for the container that wraps a chart.\n   */\n  container: {\n    /**\n     * Padding in pixels.\n     */\n    padding: {\n      default: number;\n    };\n  };\n  thresholds: ThresholdColorPalette;\n}\n\n// https://github.com/apache/echarts/issues/12489#issuecomment-643185207\nexport interface EChartsTheme extends EChartsOption {\n  bar?: BarSeriesOption;\n  line?: LineSeriesOption;\n  gauge?: GaugeSeriesOption;\n}\n\nexport type NoDataOption = ComposeOption<TitleComponentOption | XAXisComponentOption | YAXisComponentOption>;\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,WAwC6G"}

package/dist/model/timeOption.d.ts

@@ -0,0 +1,6 @@
+import { RelativeTimeRange } from '@perses-dev/core';
+export interface TimeOption {
+    value: RelativeTimeRange;
+    display: string;
+}
+//# sourceMappingURL=timeOption.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeOption.d.ts","sourceRoot":"","sources":["../../src/model/timeOption.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,iBAAiB,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;CACjB"}

package/dist/model/{units/constants.js → timeOption.js}

@@ -10,8 +10,6 @@
 // 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.
-// Common constants needed across individual unit groups and the overall
-// combined units.
-export const MAX_SIGNIFICANT_DIGITS = 3;
+export { };
 
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=timeOption.js.map

package/dist/model/timeOption.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/model/timeOption.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 { RelativeTimeRange } from '@perses-dev/core';\n\nexport interface TimeOption {\n  value: RelativeTimeRange;\n  display: string;\n}\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,WAKC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/components",
-  "version": "0.35.0",
+  "version": "0.36.1",
   "description": "Common UI components used across Perses features",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -36,7 +36,7 @@
     "@codemirror/lang-json": "^6.0.1",
     "@fontsource/lato": "^4.5.10",
     "@mui/x-date-pickers": "^5.0.0-beta.1",
-    "@perses-dev/core": "0.35.0",
+    "@perses-dev/core": "0.36.1",
     "@tanstack/react-table": "^8.9.1",
     "@uiw/react-codemirror": "^4.19.1",
     "date-fns": "^2.28.0",
@@ -45,13 +45,12 @@
     "lodash": "^4.17.21",
     "mathjs": "^10.6.4",
     "mdi-material-ui": "^7.4.0",
-    "numbro": "^2.3.6",
     "react-colorful": "^5.6.1",
     "react-error-boundary": "^3.1.4",
     "react-virtuoso": "^4.3.6"
   },
   "devDependencies": {
-    "@perses-dev/storybook": "0.35.0"
+    "@perses-dev/storybook": "0.36.1"
   },
   "peerDependencies": {
     "@mui/material": "^5.10.0",

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

@@ -1,84 +0,0 @@
-// 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, {
-    BYTES_GROUP_CONFIG: ()=>BYTES_GROUP_CONFIG,
-    BYTES_UNIT_CONFIG: ()=>BYTES_UNIT_CONFIG,
-    formatBytes: ()=>formatBytes
-});
-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'
-];
-const BYTES_GROUP_CONFIG = {
-    label: 'Bytes',
-    decimal_places: true,
-    abbreviate: true
-};
-const BYTES_UNIT_CONFIG = {
-    // These units are powers of 1000.
-    // In other words, 1 KB = 1000 bytes.
-    Bytes: {
-        group: 'Bytes',
-        label: 'Bytes'
-    }
-};
-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',
-            useGrouping: true
-        };
-        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: (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

@@ -1,23 +0,0 @@
-// 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.
-// Common constants needed across individual unit groups and the overall
-// combined units.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "MAX_SIGNIFICANT_DIGITS", {
-    enumerable: true,
-    get: ()=>MAX_SIGNIFICANT_DIGITS
-});
-const MAX_SIGNIFICANT_DIGITS = 3;

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

@@ -1,62 +0,0 @@
-// 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, {
-    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 DECIMAL_GROUP_CONFIG = {
-    label: 'Decimal',
-    decimal_places: true,
-    abbreviate: true
-};
-const DECIMAL_UNIT_CONFIG = {
-    Decimal: {
-        group: 'Decimal',
-        label: 'Decimal'
-    }
-};
-function formatDecimal(value, options) {
-    const { abbreviate , decimal_places  } = options;
-    const formatterOptions = {
-        style: 'decimal',
-        useGrouping: true
-    };
-    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

@@ -1,73 +0,0 @@
-// 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, {
-    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 PERCENT_GROUP_CONFIG = {
-    label: 'Percent',
-    decimal_places: true
-};
-const PERCENT_GROUP = 'Percent';
-const PERCENT_UNIT_CONFIG = {
-    Percent: {
-        group: PERCENT_GROUP,
-        label: 'Percent (0-100)'
-    },
-    PercentDecimal: {
-        group: PERCENT_GROUP,
-        label: 'Percent (0.0-1.0)'
-    },
-    '%': {
-        // This option is not shown in the selector because it is a shorthand
-        // duplicate of `Percent`.
-        disableSelectorOption: true,
-        group: PERCENT_GROUP,
-        label: '%'
-    }
-};
-function formatPercent(value, { kind , decimal_places  }) {
-    // Intl.NumberFormat translates 0 -> 0%, 0.5 -> 50%, 1 -> 100%
-    if (kind === 'Percent') {
-        value = value / 100;
-    }
-    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

@@ -1,105 +0,0 @@
-// 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, {
-    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',
-    'Minutes',
-    'Hours',
-    'Days',
-    'Weeks',
-    'Months',
-    'Years'
-];
-const TIME_GROUP = 'Time';
-const TIME_GROUP_CONFIG = {
-    label: 'Time',
-    decimal_places: true
-};
-const TIME_UNIT_CONFIG = {
-    Milliseconds: {
-        group: TIME_GROUP,
-        label: 'Milliseconds'
-    },
-    Seconds: {
-        group: TIME_GROUP,
-        label: 'Seconds'
-    },
-    Minutes: {
-        group: TIME_GROUP,
-        label: 'Minutes'
-    },
-    Hours: {
-        group: TIME_GROUP,
-        label: 'Hours'
-    },
-    Days: {
-        group: TIME_GROUP,
-        label: 'Days'
-    },
-    Weeks: {
-        group: TIME_GROUP,
-        label: 'Weeks'
-    },
-    Months: {
-        group: TIME_GROUP,
-        label: 'Months'
-    },
-    Years: {
-        group: TIME_GROUP,
-        label: 'Years'
-    }
-};
-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: 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/types.js

@@ -1,28 +0,0 @@
-// 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.
-// Common types needed across individual unit groups and the overall combined
-// units.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "UNIT_GROUPS", {
-    enumerable: true,
-    get: ()=>UNIT_GROUPS
-});
-const UNIT_GROUPS = [
-    'Time',
-    'Percent',
-    'Decimal',
-    'Bytes'
-];