@perses-dev/dashboards 0.39.0 → 0.40.1

package/dist/cjs/context/TemplateVariableProvider/TemplateVariableProvider.js

@@ -21,27 +21,43 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    useTemplateVariableStoreCtx: ()=>useTemplateVariableStoreCtx,
-    useTemplateVariableValues: ()=>useTemplateVariableValues,
-    useTemplateVariable: ()=>useTemplateVariable,
-    useTemplateVariableActions: ()=>useTemplateVariableActions,
-    useTemplateVariableDefinitions: ()=>useTemplateVariableDefinitions,
-    useTemplateExternalVariableDefinitions: ()=>useTemplateExternalVariableDefinitions,
-    useTemplateVariableStore: ()=>useTemplateVariableStore,
-    TemplateVariableProvider: ()=>TemplateVariableProvider
+    useTemplateVariableStoreCtx: function() {
+        return useTemplateVariableStoreCtx;
+    },
+    useTemplateVariableValues: function() {
+        return useTemplateVariableValues;
+    },
+    useTemplateVariable: function() {
+        return useTemplateVariable;
+    },
+    useTemplateVariableActions: function() {
+        return useTemplateVariableActions;
+    },
+    useTemplateVariableDefinitions: function() {
+        return useTemplateVariableDefinitions;
+    },
+    useTemplateExternalVariableDefinitions: function() {
+        return useTemplateExternalVariableDefinitions;
+    },
+    useTemplateVariableStore: function() {
+        return useTemplateVariableStore;
+    },
+    TemplateVariableProvider: function() {
+        return TemplateVariableProvider;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
 const _zustand = require("zustand");
 const _immer = require("zustand/middleware/immer");
 const _middleware = require("zustand/middleware");
-const _immer1 = /*#__PURE__*/ _interopRequireDefault(require("immer"));
-const _pluginSystem = require("@perses-dev/plugin-system");
+const _immer1 = /*#__PURE__*/ _interop_require_default(require("immer"));
+const _pluginsystem = require("@perses-dev/plugin-system");
 const _core = require("@perses-dev/core");
 const _utils = require("./utils");
 const _hydrationUtils = require("./hydrationUtils");
-const _queryParams = require("./query-params");
-function _interopRequireDefault(obj) {
+const _queryparams = require("./query-params");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -92,12 +108,12 @@ function useTemplateVariableValues(variableNames) {
 function useTemplateVariable(name, source) {
     const store = useTemplateVariableStoreCtx();
     return (0, _zustand.useStore)(store, (s)=>{
-        var ref;
+        var _s_externalVariableDefinitions_find;
         const state = s.variableState.get({
             name,
             source
         });
-        const definitions = source ? (ref = s.externalVariableDefinitions.find((v)=>v.source === source)) === null || ref === void 0 ? void 0 : ref.definitions : s.variableDefinitions;
+        const definitions = source ? (_s_externalVariableDefinitions_find = s.externalVariableDefinitions.find((v)=>v.source === source)) === null || _s_externalVariableDefinitions_find === void 0 ? void 0 : _s_externalVariableDefinitions_find.definitions : s.variableDefinitions;
         const definition = (definitions || []).find((v)=>v.spec.name === name);
         return {
             state,
@@ -130,10 +146,11 @@ function useTemplateVariableStore() {
     const store = useTemplateVariableStoreCtx();
     return (0, _zustand.useStore)(store);
 }
-function PluginProvider({ children  }) {
+function PluginProvider({ children , builtinVariables  }) {
     const originalValues = useTemplateVariableValues();
     const definitions = useTemplateVariableDefinitions();
     const externalDefinitions = useTemplateExternalVariableDefinitions();
+    const { absoluteTimeRange  } = (0, _pluginsystem.useTimeRange)();
     const values = (0, _react.useMemo)(()=>{
         const contextValues = {};
         // This will loop through all the current variables values
@@ -146,12 +163,12 @@ function PluginProvider({ children  }) {
             if (v.value === _core.DEFAULT_ALL_VALUE) {
                 const definition = (0, _utils.findVariableDefinitionByName)(name, definitions, externalDefinitions);
                 // If the variable is a list variable and has a custom all value, then use that value instead
-                if ((definition === null || definition === void 0 ? void 0 : definition.kind) === 'ListVariable' && definition.spec.custom_all_value) {
-                    v.value = definition.spec.custom_all_value;
+                if ((definition === null || definition === void 0 ? void 0 : definition.kind) === 'ListVariable' && definition.spec.customAllValue) {
+                    v.value = definition.spec.customAllValue;
                 } else {
-                    var ref;
-                    var ref1;
-                    v.value = (ref1 = (ref = v.options) === null || ref === void 0 ? void 0 : ref.map((o)=>o.value)) !== null && ref1 !== void 0 ? ref1 : null;
+                    var _v_options;
+                    var _v_options_map;
+                    v.value = (_v_options_map = (_v_options = v.options) === null || _v_options === void 0 ? void 0 : _v_options.map((o)=>o.value)) !== null && _v_options_map !== void 0 ? _v_options_map : null;
                 }
             }
             contextValues[name] = v;
@@ -162,15 +179,88 @@ function PluginProvider({ children  }) {
         definitions,
         externalDefinitions
     ]);
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.TemplateVariableContext.Provider, {
+    const allBuiltinVariables = [
+        {
+            kind: 'BuiltinVariable',
+            spec: {
+                name: '__from',
+                value: ()=>absoluteTimeRange.start.valueOf().toString(),
+                source: 'Dashboard',
+                display: {
+                    name: '__from',
+                    description: 'Start time of the current time range in unix millisecond epoch',
+                    hidden: true
+                }
+            }
+        },
+        {
+            kind: 'BuiltinVariable',
+            spec: {
+                name: '__to',
+                value: ()=>absoluteTimeRange.end.valueOf().toString(),
+                source: 'Dashboard',
+                display: {
+                    name: '__to',
+                    description: 'End time of the current time range in unix millisecond epoch',
+                    hidden: true
+                }
+            }
+        },
+        {
+            kind: 'BuiltinVariable',
+            spec: {
+                name: '__range',
+                value: ()=>(0, _core.formatDuration)((0, _core.intervalToPrometheusDuration)(absoluteTimeRange)),
+                source: 'Dashboard',
+                display: {
+                    name: '__range',
+                    description: 'The range for the current dashboard in human readable format',
+                    hidden: true
+                }
+            }
+        },
+        {
+            kind: 'BuiltinVariable',
+            spec: {
+                name: '__range_s',
+                value: ()=>((absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()) / 1000).toString(),
+                source: 'Dashboard',
+                display: {
+                    name: '__range_s',
+                    description: 'The range for the current dashboard in second',
+                    hidden: true
+                }
+            }
+        },
+        {
+            kind: 'BuiltinVariable',
+            spec: {
+                name: '__range_ms',
+                value: ()=>(absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()).toString(),
+                source: 'Dashboard',
+                display: {
+                    name: '__range_ms',
+                    description: 'The range for the current dashboard in millisecond',
+                    hidden: true
+                }
+            }
+        }
+    ];
+    builtinVariables === null || builtinVariables === void 0 ? void 0 : builtinVariables.forEach((def)=>allBuiltinVariables.push(def));
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.BuiltinVariableContext.Provider, {
         value: {
-            state: values
+            variables: allBuiltinVariables
         },
-        children: children
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.TemplateVariableContext.Provider, {
+            value: {
+                state: values
+            },
+            children: children
+        })
     });
 }
 function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , externalVariableDefinitions =[] , queryParams  }) {
-    const initialParams = (0, _queryParams.getInitalValuesFromQueryParameters)(queryParams ? queryParams[0] : {});
+    const initialParams = (0, _queryparams.getInitalValuesFromQueryParameters)(queryParams ? queryParams[0] : {});
     const store = (0, _zustand.createStore)()((0, _middleware.devtools)((0, _immer.immer)((set, get)=>{
         return {
             variableState: (0, _hydrationUtils.hydrateTemplateVariableStates)(initialVariableDefinitions, initialParams, externalVariableDefinitions),
@@ -227,7 +317,7 @@ function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , exter
                     if (queryParams) {
                         const setQueryParams = queryParams[1];
                         setQueryParams({
-                            [(0, _queryParams.getURLQueryParamName)(name)]: val
+                            [(0, _queryparams.getURLQueryParamName)(name)]: val
                         });
                     }
                     varState.value = val;
@@ -246,16 +336,16 @@ function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , exter
                                 draft[index] = {
                                     kind: 'ListVariable',
                                     spec: (0, _immer1.default)(variable.spec, (specDraft)=>{
-                                        specDraft.default_value = currentVariable.value;
+                                        specDraft.defaultValue = currentVariable.value;
                                     })
                                 };
                             }
                         } else if (variable.kind === 'TextVariable') {
-                            const currentVariable1 = variableState.get({
+                            const currentVariable = variableState.get({
                                 name
                             });
-                            const currentVariableValue = typeof (currentVariable1 === null || currentVariable1 === void 0 ? void 0 : currentVariable1.value) === 'string' ? currentVariable1.value : '';
-                            if ((currentVariable1 === null || currentVariable1 === void 0 ? void 0 : currentVariable1.value) !== undefined) {
+                            const currentVariableValue = typeof (currentVariable === null || currentVariable === void 0 ? void 0 : currentVariable.value) === 'string' ? currentVariable.value : '';
+                            if ((currentVariable === null || currentVariable === void 0 ? void 0 : currentVariable.value) !== undefined) {
                                 draft[index] = {
                                     kind: 'TextVariable',
                                     spec: (0, _immer1.default)(variable.spec, (specDraft)=>{
@@ -278,17 +368,18 @@ function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , exter
     })));
     return store;
 }
-function TemplateVariableProvider({ children , initialVariableDefinitions =[] , externalVariableDefinitions =[]  }) {
+function TemplateVariableProvider({ children , initialVariableDefinitions =[] , externalVariableDefinitions =[] , builtinVariables =[]  }) {
     const allVariableDefs = (0, _utils.mergeVariableDefinitions)(initialVariableDefinitions, externalVariableDefinitions);
-    const queryParams = (0, _queryParams.useVariableQueryParams)(allVariableDefs);
+    const queryParams = (0, _queryparams.useVariableQueryParams)(allVariableDefs);
     const [store] = (0, _react.useState)(createTemplateVariableSrvStore({
         initialVariableDefinitions,
         externalVariableDefinitions,
         queryParams
     }));
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(TemplateVariableStoreContext.Provider, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(TemplateVariableStoreContext.Provider, {
         value: store,
-        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(PluginProvider, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(PluginProvider, {
+            builtinVariables: builtinVariables,
             children: children
         })
     });

package/dist/cjs/context/TemplateVariableProvider/hydrationUtils.js

@@ -16,10 +16,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "hydrateTemplateVariableStates", {
     enumerable: true,
-    get: ()=>hydrateTemplateVariableStates
+    get: function() {
+        return hydrateTemplateVariableStates;
+    }
 });
 const _core = require("@perses-dev/core");
-const _pluginSystem = require("@perses-dev/plugin-system");
+const _pluginsystem = require("@perses-dev/plugin-system");
 // TODO: move to TemplateVariableProvider/utils.ts
 function hydrateTemplateVariableState(variable, initialValue) {
     const varState = {
@@ -34,15 +36,15 @@ function hydrateTemplateVariableState(variable, initialValue) {
             break;
         case 'ListVariable':
             varState.options = [];
-            var ref;
-            varState.value = (ref = initialValue !== null && initialValue !== void 0 ? initialValue : variable.spec.default_value) !== null && ref !== void 0 ? ref : null;
-            // TODO: smarter fallbacks for default_value when allow_all_value is true
+            var _ref;
+            varState.value = (_ref = initialValue !== null && initialValue !== void 0 ? initialValue : variable.spec.defaultValue) !== null && _ref !== void 0 ? _ref : null;
+            // TODO: smarter fallbacks for defaultValue when allowAllValue is true
             if (varState.options.length > 0 && !varState.value) {
-                var ref1;
-                var ref2;
-                const firstOptionValue = (ref2 = (ref1 = varState.options[0]) === null || ref1 === void 0 ? void 0 : ref1.value) !== null && ref2 !== void 0 ? ref2 : null;
+                var _varState_options_;
+                var _varState_options__value;
+                const firstOptionValue = (_varState_options__value = (_varState_options_ = varState.options[0]) === null || _varState_options_ === void 0 ? void 0 : _varState_options_.value) !== null && _varState_options__value !== void 0 ? _varState_options__value : null;
                 if (firstOptionValue !== null) {
-                    varState.value = variable.spec.allow_multiple ? [
+                    varState.value = variable.spec.allowMultiple ? [
                         firstOptionValue
                     ] : firstOptionValue;
                 }
@@ -62,7 +64,7 @@ function hydrateTemplateVariableState(variable, initialValue) {
     return varState;
 }
 function hydrateTemplateVariableStates(localDefinitions, initialValues, externalDefinitions = []) {
-    const state = new _pluginSystem.VariableStoreStateMap();
+    const state = new _pluginsystem.VariableStoreStateMap();
     // Collect the names used by local definitions
     let overridingNames = {};
     localDefinitions.forEach((v)=>{

package/dist/cjs/context/TemplateVariableProvider/index.js

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./TemplateVariableProvider"), exports);
-function _exportStar(from, to) {
+_export_star(require("./TemplateVariableProvider"), exports);
+function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
     });
     return from;
 }

package/dist/cjs/context/TemplateVariableProvider/query-params.js

@@ -21,13 +21,23 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    getURLQueryParamName: ()=>getURLQueryParamName,
-    encodeVariableValue: ()=>encodeVariableValue,
-    decodeVariableValue: ()=>decodeVariableValue,
-    useVariableQueryParams: ()=>useVariableQueryParams,
-    getInitalValuesFromQueryParameters: ()=>getInitalValuesFromQueryParameters
+    getURLQueryParamName: function() {
+        return getURLQueryParamName;
+    },
+    encodeVariableValue: function() {
+        return encodeVariableValue;
+    },
+    decodeVariableValue: function() {
+        return decodeVariableValue;
+    },
+    useVariableQueryParams: function() {
+        return useVariableQueryParams;
+    },
+    getInitalValuesFromQueryParameters: function() {
+        return getInitalValuesFromQueryParameters;
+    }
 });
-const _useQueryParams = require("use-query-params");
+const _usequeryparams = require("use-query-params");
 const variableQueryParameterPrefix = 'var-';
 function getURLQueryParamName(name) {
     return `${variableQueryParameterPrefix}${name}`;
@@ -63,7 +73,7 @@ function useVariableQueryParams(defs) {
         const name = getURLQueryParamName(def.spec.name);
         config[name] = VariableValueParam;
     });
-    return (0, _useQueryParams.useQueryParams)(config, {
+    return (0, _usequeryparams.useQueryParams)(config, {
         updateType: 'replaceIn'
     });
 }

package/dist/cjs/context/TemplateVariableProvider/utils.js

@@ -21,10 +21,18 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    checkSavedDefaultVariableStatus: ()=>checkSavedDefaultVariableStatus,
-    mergeVariableDefinitions: ()=>mergeVariableDefinitions,
-    findVariableDefinitionByName: ()=>findVariableDefinitionByName,
-    forEachVariableDefinition: ()=>forEachVariableDefinition
+    checkSavedDefaultVariableStatus: function() {
+        return checkSavedDefaultVariableStatus;
+    },
+    mergeVariableDefinitions: function() {
+        return mergeVariableDefinitions;
+    },
+    findVariableDefinitionByName: function() {
+        return findVariableDefinitionByName;
+    },
+    forEachVariableDefinition: function() {
+        return forEachVariableDefinition;
+    }
 });
 function checkSavedDefaultVariableStatus(definitions, varState) {
     let isSavedVariableModified = false;
@@ -35,15 +43,15 @@ function checkSavedDefaultVariableStatus(definitions, varState) {
             const currentVariable = varState.get({
                 name
             });
-            if ((currentVariable === null || currentVariable === void 0 ? void 0 : currentVariable.value) !== null && (currentVariable === null || currentVariable === void 0 ? void 0 : currentVariable.value) !== savedVariable.spec.default_value) {
+            if ((currentVariable === null || currentVariable === void 0 ? void 0 : currentVariable.value) !== null && (currentVariable === null || currentVariable === void 0 ? void 0 : currentVariable.value) !== savedVariable.spec.defaultValue) {
                 modifiedVariableNames.push(name);
                 isSavedVariableModified = true;
             }
         } else if (savedVariable.kind === 'TextVariable') {
-            const currentVariable1 = varState.get({
+            const currentVariable = varState.get({
                 name
             });
-            const currentVariableValue = typeof (currentVariable1 === null || currentVariable1 === void 0 ? void 0 : currentVariable1.value) === 'string' ? currentVariable1.value : '';
+            const currentVariableValue = typeof (currentVariable === null || currentVariable === void 0 ? void 0 : currentVariable.value) === 'string' ? currentVariable.value : '';
             if (savedVariable.spec.value !== currentVariableValue) {
                 modifiedVariableNames.push(name);
                 isSavedVariableModified = true;

package/dist/cjs/context/index.js

@@ -14,18 +14,20 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./DashboardProvider"), exports);
-_exportStar(require("./DatasourceStoreProvider"), exports);
-_exportStar(require("./TemplateVariableProvider"), exports);
-_exportStar(require("./useDashboard"), exports);
-function _exportStar(from, to) {
+_export_star(require("./DashboardProvider"), exports);
+_export_star(require("./DatasourceStoreProvider"), exports);
+_export_star(require("./TemplateVariableProvider"), exports);
+_export_star(require("./useDashboard"), exports);
+function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
     });
     return from;
 }

package/dist/cjs/context/useDashboard.js

@@ -16,13 +16,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useDashboard", {
     enumerable: true,
-    get: ()=>useDashboard
+    get: function() {
+        return useDashboard;
+    }
 });
 const _core = require("@perses-dev/core");
-const _dashboardProvider = require("./DashboardProvider");
-const _templateVariableProvider = require("./TemplateVariableProvider");
+const _DashboardProvider = require("./DashboardProvider");
+const _TemplateVariableProvider = require("./TemplateVariableProvider");
 function useDashboard() {
-    const { panels , panelGroups , panelGroupOrder , setDashboard: setDashboardResource , metadata , display , duration , refreshInterval ,  } = (0, _dashboardProvider.useDashboardStore)(({ panels , panelGroups , panelGroupOrder , setDashboard , metadata , display , duration , refreshInterval  })=>({
+    const { panels , panelGroups , panelGroupOrder , setDashboard: setDashboardResource , metadata , display , duration , refreshInterval  } = (0, _DashboardProvider.useDashboardStore)(({ panels , panelGroups , panelGroupOrder , setDashboard , metadata , display , duration , refreshInterval  })=>({
             panels,
             panelGroups,
             panelGroupOrder,
@@ -32,8 +34,8 @@ function useDashboard() {
             duration,
             refreshInterval
         }));
-    const { setVariableDefinitions  } = (0, _templateVariableProvider.useTemplateVariableActions)();
-    const variables = (0, _templateVariableProvider.useTemplateVariableDefinitions)();
+    const { setVariableDefinitions  } = (0, _TemplateVariableProvider.useTemplateVariableActions)();
+    const variables = (0, _TemplateVariableProvider.useTemplateVariableDefinitions)();
     const layouts = convertPanelGroupsToLayouts(panelGroups, panelGroupOrder);
     const dashboard = {
         kind: 'Dashboard',

package/dist/cjs/index.js

@@ -14,17 +14,19 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./components"), exports);
-_exportStar(require("./context"), exports);
-_exportStar(require("./views"), exports);
-function _exportStar(from, to) {
+_export_star(require("./components"), exports);
+_export_star(require("./context"), exports);
+_export_star(require("./views"), exports);
+function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
     });
     return from;
 }

package/dist/cjs/stories/decorators/WithDashboard.js

@@ -16,9 +16,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "WithDashboard", {
     enumerable: true,
-    get: ()=>WithDashboard
+    get: function() {
+        return WithDashboard;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _dashboards = require("@perses-dev/dashboards");
 const _constants = require("./constants");
 // Type guard because storybook types parameters as `any`
@@ -29,11 +31,11 @@ const WithDashboard = (Story, context)=>{
     const initParameter = context.parameters.withDashboard;
     const parameter = isWithDashboardParameter(initParameter) ? initParameter : undefined;
     const props = parameter === null || parameter === void 0 ? void 0 : parameter.props;
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_dashboards.DashboardProvider, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_dashboards.DashboardProvider, {
         initialState: {
             dashboardResource: _constants.EMPTY_DASHBOARD_RESOURCE
         },
         ...props,
-        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(Story, {})
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Story, {})
     });
 };

package/dist/cjs/stories/decorators/WithDatasourceStore.js

@@ -16,9 +16,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "WithDatasourceStore", {
     enumerable: true,
-    get: ()=>WithDatasourceStore
+    get: function() {
+        return WithDatasourceStore;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _dashboards = require("@perses-dev/dashboards");
 const _test = require("../../test");
 // Type guard because storybook types parameters as `any`
@@ -29,9 +31,9 @@ const WithDatasourceStore = (Story, context)=>{
     const initParameter = context.parameters.withDatasourceStore;
     const parameter = isWithDatasourceStoreParameter(initParameter) ? initParameter : undefined;
     const props = parameter === null || parameter === void 0 ? void 0 : parameter.props;
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_dashboards.DatasourceStoreProvider, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_dashboards.DatasourceStoreProvider, {
         ..._test.defaultDatasourceProps,
         ...props,
-        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(Story, {})
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Story, {})
     });
 };

package/dist/cjs/stories/decorators/WithTemplateVariables.js

@@ -16,9 +16,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "WithTemplateVariables", {
     enumerable: true,
-    get: ()=>WithTemplateVariables
+    get: function() {
+        return WithTemplateVariables;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _dashboards = require("@perses-dev/dashboards");
 // Type guard because storybook types parameters as `any`
 function isWithTemplateVariableParameter(parameter) {
@@ -28,8 +30,8 @@ const WithTemplateVariables = (Story, context)=>{
     const initParameter = context.parameters.withTemplateVariables;
     const parameter = isWithTemplateVariableParameter(initParameter) ? initParameter : undefined;
     const props = parameter === null || parameter === void 0 ? void 0 : parameter.props;
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_dashboards.TemplateVariableProvider, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_dashboards.TemplateVariableProvider, {
         ...props,
-        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(Story, {})
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Story, {})
     });
 };

package/dist/cjs/stories/decorators/constants.js

@@ -16,15 +16,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "EMPTY_DASHBOARD_RESOURCE", {
     enumerable: true,
-    get: ()=>EMPTY_DASHBOARD_RESOURCE
+    get: function() {
+        return EMPTY_DASHBOARD_RESOURCE;
+    }
 });
 const EMPTY_DASHBOARD_RESOURCE = {
     kind: 'Dashboard',
     metadata: {
         name: 'My Dashboard',
         project: 'Storybook',
-        created_at: '2021-11-09T00:00:00Z',
-        updated_at: '2021-11-09T00:00:00Z',
+        createdAt: '2021-11-09T00:00:00Z',
+        updatedAt: '2021-11-09T00:00:00Z',
         version: 0
     },
     spec: {

package/dist/cjs/stories/decorators/index.js

@@ -14,18 +14,20 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./constants"), exports);
-_exportStar(require("./WithDashboard"), exports);
-_exportStar(require("./WithDatasourceStore"), exports);
-_exportStar(require("./WithTemplateVariables"), exports);
-function _exportStar(from, to) {
+_export_star(require("./constants"), exports);
+_export_star(require("./WithDashboard"), exports);
+_export_star(require("./WithDatasourceStore"), exports);
+_export_star(require("./WithTemplateVariables"), exports);
+function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
     });
     return from;
 }