@perses-dev/plugin-system 0.53.1 → 0.54.0-beta.1

package/dist/cjs/components/CalculationSelector/CalculationSelector.js

@@ -22,8 +22,8 @@ Object.defineProperty(exports, "CalculationSelector", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _components = require("@perses-dev/components");
-const _core = require("@perses-dev/core");
-const CALC_OPTIONS = Object.entries(_core.CALCULATIONS_CONFIG).map(([id, config])=>{
+const _model = require("../../model");
+const CALC_OPTIONS = Object.entries(_model.CALCULATIONS_CONFIG).map(([id, config])=>{
     return {
         id: id,
         ...config
@@ -33,7 +33,7 @@ function CalculationSelector({ value, onChange }) {
     const handleCalculationChange = (_, newValue)=>{
         onChange(newValue.id);
     };
-    const calcConfig = _core.CALCULATIONS_CONFIG[value];
+    const calcConfig = _model.CALCULATIONS_CONFIG[value];
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
         label: "Calculation",
         control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.SettingsAutocomplete, {

package/dist/cjs/components/DatasourceEditorForm/DatasourceEditorForm.js

@@ -27,13 +27,12 @@ const _components = require("@perses-dev/components");
 const _react = require("react");
 const _reacthookform = require("react-hook-form");
 const _context = require("../../context");
-const _utils = require("../../utils");
 const _PluginEditor = require("../PluginEditor");
 function DatasourceEditorForm(props) {
     const { initialDatasourceDefinition, action, isDraft, isReadonly, onActionChange, onSave, onClose, onDelete } = props;
     const [isDiscardDialogOpened, setDiscardDialogOpened] = (0, _react.useState)(false);
-    const titleAction = (0, _utils.getTitleAction)(action, isDraft);
-    const submitText = (0, _utils.getSubmitText)(action, isDraft);
+    const titleAction = (0, _components.getTitleAction)(action, isDraft);
+    const submitText = (0, _components.getSubmitText)(action, isDraft);
     const { datasourceEditorSchema } = (0, _context.useValidationSchemas)();
     const form = (0, _reacthookform.useForm)({
         resolver: (0, _zod.zodResolver)(datasourceEditorSchema),

package/dist/cjs/components/LegendOptionsEditor/LegendOptionsEditor.js

@@ -22,7 +22,6 @@ Object.defineProperty(exports, "LegendOptionsEditor", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
-const _core = require("@perses-dev/core");
 const _components = require("@perses-dev/components");
 const _react = require("react");
 const _model = require("../../model");
@@ -42,7 +41,7 @@ function LegendOptionsEditor({ value, onChange, showValuesEditor = true, calcula
     const handleLegendShowChange = (_, checked)=>{
         // legend is hidden when legend obj is undefined
         const legendValue = checked === true ? {
-            position: _core.DEFAULT_LEGEND.position
+            position: _components.DEFAULT_LEGEND.position
         } : undefined;
         onChange(legendValue);
     };
@@ -69,10 +68,10 @@ function LegendOptionsEditor({ value, onChange, showValuesEditor = true, calcula
         });
     };
     const isValidLegend = (0, _model.validateLegendSpec)(value);
-    const currentPosition = (0, _core.getLegendPosition)(value?.position);
+    const currentPosition = (0, _components.getLegendPosition)(value?.position);
     const legendPositionConfig = _model.LEGEND_POSITIONS_CONFIG[currentPosition];
-    const currentMode = (0, _core.getLegendMode)(value?.mode);
-    const currentSize = (0, _core.getLegendSize)(value?.size);
+    const currentMode = (0, _components.getLegendMode)(value?.mode);
+    const currentSize = (0, _components.getLegendSize)(value?.size);
     const legendSizeConfig = _model.LEGEND_SIZE_CONFIG[currentSize];
     const legendValuesConfig = (0, _react.useMemo)(()=>{
         const currentValues = value?.values;

package/dist/cjs/components/TimeRangeControls/TimeRangeControls.js

@@ -34,7 +34,7 @@ const _PlusCircleOutline = /*#__PURE__*/ _interop_require_default(require("mdi-m
 const _MinusCircleOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/MinusCircleOutline"));
 const _material = require("@mui/material");
 const _components = require("@perses-dev/components");
-const _core = require("@perses-dev/core");
+const _spec = require("@perses-dev/spec");
 const _react = require("react");
 const _constants = require("../../constants");
 const _runtime = require("../../runtime");
@@ -100,7 +100,7 @@ function TimeRangeControls({ heightPx, showTimeRangeSelector = true, showRefresh
         setRefreshInterval
     ]);
     const fromDurationToMillis = (strDuration)=>{
-        const duration = (0, _core.parseDurationString)(strDuration);
+        const duration = (0, _spec.parseDurationString)(strDuration);
         const millis = // eslint-disable-next-line prettier/prettier
         ((duration.seconds ?? 0) + (duration.minutes ?? 0) * 60 + (duration.hours ?? 0) * 3600 + (duration.days ?? 0) * 86400 + (duration.weeks ?? 0) * 7 * 86400 + (duration.months ?? 0) * 30.436875 * 86400 + // avg month duration is ok for zoom purposes
         (duration.years ?? 0) * 365.2425 * 86400) * // avg year duration is ok for zoom purposes

package/dist/cjs/components/Variables/VariableEditorForm/VariableEditorForm.js

@@ -27,7 +27,6 @@ const _components = require("@perses-dev/components");
 const _reacthookform = require("react-hook-form");
 const _zod = require("@hookform/resolvers/zod");
 const _reactquery = require("@tanstack/react-query");
-const _utils = require("../../../utils");
 const _PluginEditor = require("../../PluginEditor");
 const _context = require("../../../context");
 const _variablemodel = require("../variable-model");
@@ -395,8 +394,8 @@ function ListVariableEditorForm({ action, control }) {
 }
 function VariableEditorForm({ initialVariableDefinition, action, isDraft, isReadonly, onActionChange, onSave, onClose, onDelete }) {
     const [isDiscardDialogOpened, setDiscardDialogOpened] = (0, _react.useState)(false);
-    const titleAction = (0, _utils.getTitleAction)(action, isDraft);
-    const submitText = (0, _utils.getSubmitText)(action, isDraft);
+    const titleAction = (0, _components.getTitleAction)(action, isDraft);
+    const submitText = (0, _components.getSubmitText)(action, isDraft);
     const { variableEditorSchema } = (0, _context.useValidationSchemas)();
     const form = (0, _reacthookform.useForm)({
         resolver: (0, _zod.zodResolver)(variableEditorSchema),

package/dist/cjs/context/ValidationProvider.js

@@ -33,6 +33,7 @@ _export(exports, {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
+const _spec = require("@perses-dev/spec");
 const _core = require("@perses-dev/core");
 const ValidationSchemasContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
 function useValidationSchemas() {
@@ -44,16 +45,16 @@ function useValidationSchemas() {
 }
 function ValidationProvider({ children }) {
     const [datasourceEditorSchema, setDatasourceEditorSchema] = (0, _react.useState)(_core.datasourceDefinitionSchema);
-    const [panelEditorSchema, setPanelEditorSchema] = (0, _react.useState)(_core.panelEditorSchema);
-    const [variableEditorSchema, setVariableEditorSchema] = (0, _react.useState)(_core.variableDefinitionSchema);
+    const [panelEditorSchema, setPanelEditorSchema] = (0, _react.useState)(_spec.panelEditorSchema); // TODO I don't get why this does not compile
+    const [variableEditorSchema, setVariableEditorSchema] = (0, _react.useState)(_spec.variableDefinitionSchema);
     function setDatasourceEditorSchemaPlugin(pluginSchema) {
         setDatasourceEditorSchema((0, _core.buildDatasourceDefinitionSchema)(pluginSchema));
     }
     function setPanelEditorSchemaPlugin(pluginSchema) {
-        setPanelEditorSchema((0, _core.buildPanelEditorSchema)(pluginSchema));
+        setPanelEditorSchema((0, _spec.buildPanelEditorSchema)(pluginSchema));
     }
     function setVariableEditorSchemaPlugin(pluginSchema) {
-        setVariableEditorSchema((0, _core.buildVariableDefinitionSchema)(pluginSchema));
+        setVariableEditorSchema((0, _spec.buildVariableDefinitionSchema)(pluginSchema));
     }
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(ValidationSchemasContext.Provider, {
         value: {

package/dist/cjs/model/calculations.js

@@ -0,0 +1,178 @@
+// Copyright 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: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get CALCULATIONS_CONFIG () {
+        return CALCULATIONS_CONFIG;
+    },
+    get CalculationsMap () {
+        return CalculationsMap;
+    },
+    get DEFAULT_CALCULATION () {
+        return DEFAULT_CALCULATION;
+    },
+    get getCalculation () {
+        return getCalculation;
+    },
+    get getCalculations () {
+        return getCalculations;
+    }
+});
+const DEFAULT_CALCULATION = 'last'; // aligned with cue
+const CalculationsMap = {
+    first: first,
+    last: last,
+    'first-number': firstNumber,
+    'last-number': lastNumber,
+    mean: mean,
+    sum: sum,
+    min: min,
+    max: max
+};
+const CALCULATIONS_CONFIG = {
+    first: {
+        label: 'First',
+        description: 'First value'
+    },
+    last: {
+        label: 'Last',
+        description: 'Last value'
+    },
+    'first-number': {
+        label: 'First *',
+        description: 'First numeric value'
+    },
+    'last-number': {
+        label: 'Last *',
+        description: 'Last numeric value'
+    },
+    mean: {
+        label: 'Avg',
+        description: 'Average value excluding nulls'
+    },
+    sum: {
+        label: 'Sum',
+        description: 'The sum of all values'
+    },
+    min: {
+        label: 'Min',
+        description: 'Minimum value'
+    },
+    max: {
+        label: 'Max',
+        description: 'Maximum value'
+    }
+};
+function getCalculations(values, includeCalculations) {
+    const calculations = includeCalculations.reduce((initResult, calculation)=>{
+        initResult[calculation] = undefined;
+        return initResult;
+    }, {});
+    // We save these values as separate values instead of directly setting them
+    // in the calculations because they are needed by multiple calculations.
+    let nonNullCount = 0;
+    let sum = 0;
+    // We use this large function capable of performing one or more calculations
+    // in a single iteration of the data to minimize the performance impact of
+    // generating multiple calculations for large timeseries values. This is
+    // less optimized for certain single calculations when done in isolation (e.g.
+    // `last`), but will be more performant in the more expensive cases where
+    // multiple values are being used (e.g. table legend).
+    values.forEach((tuple, i)=>{
+        const value = tuple[1];
+        if (i === 0 && 'first' in calculations) {
+            calculations.first = value;
+        }
+        if (i === values.length - 1 && 'last' in calculations) {
+            calculations.last = value;
+        }
+        // Handling specific to non-null values.
+        if (typeof value === 'number') {
+            nonNullCount += 1;
+            sum += value;
+            if ('first-number' in calculations && calculations['first-number'] === undefined) {
+                // Save the first number we see.
+                calculations['first-number'] = value;
+            }
+            if ('last-number' in calculations) {
+                // Keep setting the numbers we see, which will eventually be set to the
+                // last number when finished iterating.
+                calculations['last-number'] = value;
+            }
+            if ('min' in calculations) {
+                if (typeof calculations.min !== 'number') {
+                    // Init the first time we see a number
+                    calculations.min = value;
+                } else {
+                    // Use lowest value once initialized
+                    calculations.min = Math.min(calculations.min, value);
+                }
+            }
+            if ('max' in calculations) {
+                if (typeof calculations.max !== 'number') {
+                    // Init the first time we see a number
+                    calculations.max = value;
+                } else {
+                    // Use highest value once initialized
+                    calculations.max = Math.max(calculations.max, value);
+                }
+            }
+        }
+    });
+    // Set calculations that require iterating over all values.
+    if (nonNullCount > 0 && 'sum' in calculations) {
+        calculations.sum = sum;
+    }
+    if (nonNullCount > 0 && 'mean' in calculations) {
+        calculations.mean = sum / nonNullCount;
+    }
+    return calculations;
+}
+function getCalculation(values, calculation) {
+    return getCalculations(values, [
+        calculation
+    ])[calculation];
+}
+function first(values) {
+    return getCalculation(values, 'first');
+}
+function last(values) {
+    return getCalculation(values, 'last');
+}
+function firstNumber(values) {
+    return getCalculation(values, 'first-number');
+}
+function lastNumber(values) {
+    return getCalculation(values, 'last-number');
+}
+function mean(values) {
+    return getCalculation(values, 'mean');
+}
+function sum(values) {
+    return getCalculation(values, 'sum');
+}
+function min(values) {
+    return getCalculation(values, 'min');
+}
+function max(values) {
+    return getCalculation(values, 'max');
+}

package/dist/cjs/model/index.js

@@ -16,6 +16,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 _export_star(require("./datasource"), exports);
 _export_star(require("./legend"), exports);
+_export_star(require("./log-queries"), exports);
+_export_star(require("./log-volume-utils"), exports);
 _export_star(require("./panels"), exports);
 _export_star(require("./plugins"), exports);
 _export_star(require("./plugin-base"), exports);
@@ -24,6 +26,7 @@ _export_star(require("./time-series-queries"), exports);
 _export_star(require("./trace-queries"), exports);
 _export_star(require("./profile-queries"), exports);
 _export_star(require("./variables"), exports);
+_export_star(require("./calculations"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/cjs/model/legend.js

@@ -43,7 +43,8 @@ _export(exports, {
         return validateLegendSpec;
     }
 });
-const _core = require("@perses-dev/core");
+const _components = require("@perses-dev/components");
+const _calculations = require("./calculations");
 const legendValues = [
     'mean',
     'first',
@@ -89,7 +90,7 @@ const LEGEND_SIZE_CONFIG = {
     }
 };
 const LEGEND_VALUE_CONFIG = legendValues.reduce((config, value)=>{
-    config[value] = _core.CALCULATIONS_CONFIG[value];
+    config[value] = _calculations.CALCULATIONS_CONFIG[value];
     return config;
 }, {});
 function validateLegendSpec(legend) {
@@ -97,13 +98,13 @@ function validateLegendSpec(legend) {
         // undefined is valid since this is how legend is hidden by default
         return true;
     }
-    if (!(0, _core.isValidLegendPosition)(legend.position)) {
+    if (!(0, _components.isValidLegendPosition)(legend.position)) {
         return false;
     }
-    if (legend.mode && !(0, _core.isValidLegendMode)(legend.mode)) {
+    if (legend.mode && !(0, _components.isValidLegendMode)(legend.mode)) {
         return false;
     }
-    if (legend.size && !(0, _core.isValidLegendSize)(legend.size)) {
+    if (legend.size && !(0, _components.isValidLegendSize)(legend.size)) {
         return false;
     }
     return true;

package/dist/cjs/model/log-volume-utils.js

@@ -0,0 +1,124 @@
+// Copyright 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.
+// Target number of bars for log volume histogram
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "calculateVolumeInterval", {
+    enumerable: true,
+    get: function() {
+        return calculateVolumeInterval;
+    }
+});
+const TARGET_HISTOGRAM_BARS = 40;
+// Standard intervals for histogram calculations (in milliseconds)
+const STANDARD_INTERVALS = [
+    {
+        ms: 1000,
+        label: '1s'
+    },
+    {
+        ms: 2000,
+        label: '2s'
+    },
+    {
+        ms: 5000,
+        label: '5s'
+    },
+    {
+        ms: 10000,
+        label: '10s'
+    },
+    {
+        ms: 15000,
+        label: '15s'
+    },
+    {
+        ms: 30000,
+        label: '30s'
+    },
+    {
+        ms: 60000,
+        label: '1m'
+    },
+    {
+        ms: 120000,
+        label: '2m'
+    },
+    {
+        ms: 300000,
+        label: '5m'
+    },
+    {
+        ms: 600000,
+        label: '10m'
+    },
+    {
+        ms: 900000,
+        label: '15m'
+    },
+    {
+        ms: 1800000,
+        label: '30m'
+    },
+    {
+        ms: 3600000,
+        label: '1h'
+    },
+    {
+        ms: 7200000,
+        label: '2h'
+    },
+    {
+        ms: 21600000,
+        label: '6h'
+    },
+    {
+        ms: 43200000,
+        label: '12h'
+    },
+    {
+        ms: 86400000,
+        label: '1d'
+    },
+    {
+        ms: 604800000,
+        label: '7d'
+    },
+    {
+        ms: 2592000000,
+        label: '30d'
+    }
+];
+function calculateVolumeInterval(timeRangeMs) {
+    // Prefer smallest interval that produces 20-100 bars (optimal range)
+    for (const interval of STANDARD_INTERVALS){
+        const barCount = timeRangeMs / interval.ms;
+        if (barCount >= 20 && barCount <= 100) {
+            return interval.label;
+        }
+    }
+    // Fallback: find closest to target if no interval fits optimal range
+    let bestInterval = STANDARD_INTERVALS[STANDARD_INTERVALS.length - 1];
+    let bestDistance = Infinity;
+    for (const interval of STANDARD_INTERVALS){
+        const barCount = timeRangeMs / interval.ms;
+        const distance = Math.abs(barCount - TARGET_HISTOGRAM_BARS);
+        if (distance < bestDistance) {
+            bestDistance = distance;
+            bestInterval = interval;
+        }
+    }
+    return bestInterval.label;
+}

package/dist/cjs/model/time-series-queries.js

@@ -14,3 +14,13 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+Object.defineProperty(exports, "isTimeSeriesValueTuple", {
+    enumerable: true,
+    get: function() {
+        return isTimeSeriesValueTuple;
+    }
+});
+function isTimeSeriesValueTuple(data) {
+    if (data.length !== 2) return false;
+    return true;
+}

package/dist/cjs/remote/PluginRuntime.js

@@ -147,44 +147,45 @@ const getPluginRuntime = ()=>{
                         requiredVersion: '^5.5.0'
                     }
                 },
+                // TODO should we add @perses-dev/spec here ?
                 '@perses-dev/core': {
-                    version: '0.53.0-beta.3',
+                    version: '0.53.1',
                     lib: ()=>require('@perses-dev/core'),
                     shareConfig: {
                         singleton: true,
-                        requiredVersion: '^0.53.0-beta.3'
+                        requiredVersion: '^0.53.1'
                     }
                 },
                 '@perses-dev/components': {
-                    version: '0.53.0-beta.3',
+                    version: '0.53.1',
                     lib: ()=>require('@perses-dev/components'),
                     shareConfig: {
                         singleton: true,
-                        requiredVersion: '^0.53.0-beta.3'
+                        requiredVersion: '^0.53.1'
                     }
                 },
                 '@perses-dev/plugin-system': {
-                    version: '0.53.0-beta.3',
+                    version: '0.53.1',
                     lib: ()=>require('@perses-dev/plugin-system'),
                     shareConfig: {
                         singleton: true,
-                        requiredVersion: '^0.53.0-beta.3'
+                        requiredVersion: '^0.53.1'
                     }
                 },
                 '@perses-dev/explore': {
-                    version: '0.53.0-beta.3',
+                    version: '0.53.1',
                     lib: ()=>require('@perses-dev/explore'),
                     shareConfig: {
                         singleton: true,
-                        requiredVersion: '^^0.53.0-beta.3'
+                        requiredVersion: '^0.53.1'
                     }
                 },
                 '@perses-dev/dashboards': {
-                    version: '0.53.0-beta.3',
+                    version: '0.53.1',
                     lib: ()=>require('@perses-dev/dashboards'),
                     shareConfig: {
                         singleton: true,
-                        requiredVersion: '^^0.53.0-beta.3'
+                        requiredVersion: '^0.53.1'
                     }
                 },
                 // Below are the shared modules that are used by the plugins, this can be part of the SDK

package/dist/cjs/runtime/TimeRangeProvider/TimeRangeProvider.js

@@ -39,7 +39,7 @@ _export(exports, {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _core = require("@perses-dev/core");
+const _spec = require("@perses-dev/spec");
 const _reactquery = require("@tanstack/react-query");
 const _refreshinterval = require("./refresh-interval");
 function _getRequireWildcardCache(nodeInterop) {
@@ -97,21 +97,21 @@ function useTimeRange() {
 function useSuggestedStepMs(width) {
     const { absoluteTimeRange } = useTimeRange();
     if (width === undefined) return 0;
-    return (0, _core.getSuggestedStepMs)(absoluteTimeRange, width);
+    return (0, _spec.getSuggestedStepMs)(absoluteTimeRange, width);
 }
 function TimeRangeProvider(props) {
     const { timeRange, refreshInterval, children, setTimeRange, setRefreshInterval } = props;
     const queryClient = (0, _reactquery.useQueryClient)();
-    const [absoluteTimeRange, setAbsoluteTimeRange] = (0, _react.useState)((0, _core.isRelativeTimeRange)(timeRange) ? (0, _core.toAbsoluteTimeRange)(timeRange) : timeRange);
+    const [absoluteTimeRange, setAbsoluteTimeRange] = (0, _react.useState)((0, _spec.isRelativeTimeRange)(timeRange) ? (0, _spec.toAbsoluteTimeRange)(timeRange) : timeRange);
     const handleSetTimeRange = (0, _react.useCallback)((value)=>{
         setTimeRange(value);
-        setAbsoluteTimeRange((0, _core.isRelativeTimeRange)(value) ? (0, _core.toAbsoluteTimeRange)(value) : value);
+        setAbsoluteTimeRange((0, _spec.isRelativeTimeRange)(value) ? (0, _spec.toAbsoluteTimeRange)(value) : value);
     }, [
         setTimeRange
     ]);
     // Refresh is called when clicking on the refresh button, it refreshes all queries including variables
     const refresh = (0, _react.useCallback)(()=>{
-        setAbsoluteTimeRange((0, _core.isRelativeTimeRange)(timeRange) ? (0, _core.toAbsoluteTimeRange)(timeRange) : timeRange);
+        setAbsoluteTimeRange((0, _spec.isRelativeTimeRange)(timeRange) ? (0, _spec.toAbsoluteTimeRange)(timeRange) : timeRange);
         queryClient.invalidateQueries({
             queryKey: [
                 'query'
@@ -138,7 +138,7 @@ function TimeRangeProvider(props) {
     ]);
     // Auto refresh is only refreshing queries of panels
     const autoRefresh = (0, _react.useCallback)(()=>{
-        setAbsoluteTimeRange((0, _core.isRelativeTimeRange)(timeRange) ? (0, _core.toAbsoluteTimeRange)(timeRange) : timeRange);
+        setAbsoluteTimeRange((0, _spec.isRelativeTimeRange)(timeRange) ? (0, _spec.toAbsoluteTimeRange)(timeRange) : timeRange);
         queryClient.invalidateQueries({
             queryKey: [
                 'query'

package/dist/cjs/runtime/TimeRangeProvider/query-params.js

@@ -58,7 +58,7 @@ _export(exports, {
 const _react = require("react");
 const _usequeryparams = require("use-query-params");
 const _datefns = require("date-fns");
-const _core = require("@perses-dev/core");
+const _spec = require("@perses-dev/spec");
 /* Interprets an encoded string and returns either the string or null/undefined if not available */ function getEncodedValue(input, allowEmptyString) {
     // '' or []
     if (!input || input.length === 0 && (!allowEmptyString || allowEmptyString && input !== '')) {
@@ -78,7 +78,7 @@ function encodeTimeRangeValue(timeOptionValue) {
         return timeOptionValue;
     }
     if (typeof timeOptionValue === 'string') {
-        if ((0, _core.isDurationString)(timeOptionValue)) {
+        if ((0, _spec.isDurationString)(timeOptionValue)) {
             return timeOptionValue;
         }
     }
@@ -87,7 +87,7 @@ function encodeTimeRangeValue(timeOptionValue) {
 function decodeTimeRangeValue(input) {
     const paramString = getEncodedValue(input);
     if (!paramString) return null;
-    return (0, _core.isDurationString)(paramString) ? paramString : new Date(Number(paramString));
+    return (0, _spec.isDurationString)(paramString) ? paramString : new Date(Number(paramString));
 }
 const TimeRangeParam = {
     encode: encodeTimeRangeValue,
@@ -121,7 +121,7 @@ function useInitialTimeRange(dashboardDuration) {
             return initialTimeRange;
         }
         const startStr = start.toString();
-        if ((0, _core.isDurationString)(startStr)) {
+        if ((0, _spec.isDurationString)(startStr)) {
             initialTimeRange = {
                 pastDuration: startStr
             };
@@ -148,7 +148,7 @@ function useTimeRangeParams(initialTimeRange) {
     (0, _react.useEffect)(()=>{
         // when dashboard loaded with no params, default to dashboard duration
         if (!paramsLoaded && !start) {
-            if ((0, _core.isRelativeTimeRange)(initialTimeRange)) {
+            if ((0, _spec.isRelativeTimeRange)(initialTimeRange)) {
                 setQuery({
                     start: initialTimeRange.pastDuration,
                     end: undefined
@@ -163,7 +163,7 @@ function useTimeRangeParams(initialTimeRange) {
         setQuery
     ]);
     const setTimeRange = (0, _react.useCallback)((value)=>{
-        if ((0, _core.isRelativeTimeRange)(value)) {
+        if ((0, _spec.isRelativeTimeRange)(value)) {
             setQuery({
                 start: value.pastDuration,
                 end: undefined
@@ -190,7 +190,7 @@ function useInitialRefreshInterval(dashboardDuration) {
             return initialTimeRange;
         }
         const startStr = refresh.toString();
-        if ((0, _core.isDurationString)(startStr)) {
+        if ((0, _spec.isDurationString)(startStr)) {
             initialTimeRange = startStr;
         }
         return initialTimeRange;