@perses-dev/plugin-system 0.43.0-rc2 → 0.44.0-rc0

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

@@ -21,32 +21,32 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    encodeTimeRangeValue: function() {
-        return encodeTimeRangeValue;
+    TimeRangeParam: function() {
+        return TimeRangeParam;
     },
     decodeTimeRangeValue: function() {
         return decodeTimeRangeValue;
     },
-    TimeRangeParam: function() {
-        return TimeRangeParam;
-    },
-    timeRangeQueryConfig: function() {
-        return timeRangeQueryConfig;
+    encodeTimeRangeValue: function() {
+        return encodeTimeRangeValue;
     },
     refreshIntervalQueryConfig: function() {
         return refreshIntervalQueryConfig;
     },
-    useInitialTimeRange: function() {
-        return useInitialTimeRange;
-    },
-    useTimeRangeParams: function() {
-        return useTimeRangeParams;
+    timeRangeQueryConfig: function() {
+        return timeRangeQueryConfig;
     },
     useInitialRefreshInterval: function() {
         return useInitialRefreshInterval;
     },
+    useInitialTimeRange: function() {
+        return useInitialTimeRange;
+    },
     useSetRefreshIntervalParams: function() {
         return useSetRefreshIntervalParams;
+    },
+    useTimeRangeParams: function() {
+        return useTimeRangeParams;
     }
 });
 const _react = require("react");
@@ -106,7 +106,7 @@ function useInitialTimeRange(dashboardDuration) {
     const [query] = (0, _usequeryparams.useQueryParams)(timeRangeQueryConfig, {
         updateType: 'replaceIn'
     });
-    const { start , end  } = query;
+    const { start, end } = query;
     return (0, _react.useMemo)(()=>{
         let initialTimeRange = {
             pastDuration: dashboardDuration
@@ -138,7 +138,7 @@ function useTimeRangeParams(initialTimeRange) {
     });
     // determine whether initial param had previously been populated to fix back btn
     const [paramsLoaded, setParamsLoaded] = (0, _react.useState)(false);
-    const { start  } = query;
+    const { start } = query;
     (0, _react.useEffect)(()=>{
         // when dashboard loaded with no params, default to dashboard duration
         if (!paramsLoaded && !start) {
@@ -177,7 +177,7 @@ function useInitialRefreshInterval(dashboardDuration) {
     const [query] = (0, _usequeryparams.useQueryParams)(refreshIntervalQueryConfig, {
         updateType: 'replaceIn'
     });
-    const { refresh  } = query;
+    const { refresh } = query;
     return (0, _react.useMemo)(()=>{
         let initialTimeRange = dashboardDuration;
         if (!refresh) {
@@ -199,7 +199,7 @@ function useSetRefreshIntervalParams(initialRefreshInterval) {
     });
     // determine whether initial param had previously been populated to fix back btn
     const [paramsLoaded, setParamsLoaded] = (0, _react.useState)(false);
-    const { refresh  } = query;
+    const { refresh } = query;
     (0, _react.useEffect)(()=>{
         // when dashboard loaded with no params, default to dashboard refresh interval
         if (!paramsLoaded && !refresh) {

package/dist/cjs/runtime/builtin-variables.js

@@ -27,11 +27,11 @@ _export(exports, {
     useBuiltinVariableContext: function() {
         return useBuiltinVariableContext;
     },
-    useBuiltinVariableValues: function() {
-        return useBuiltinVariableValues;
-    },
     useBuiltinVariableDefinitions: function() {
         return useBuiltinVariableDefinitions;
+    },
+    useBuiltinVariableValues: function() {
+        return useBuiltinVariableValues;
     }
 });
 const _react = require("react");
@@ -44,7 +44,7 @@ function useBuiltinVariableContext() {
     return ctx;
 }
 function useBuiltinVariableValues(names) {
-    const { variables  } = useBuiltinVariableContext();
+    const { variables } = useBuiltinVariableContext();
     const states = (0, _react.useMemo)(()=>{
         const values = {};
         for (const variable of variables){
@@ -76,6 +76,6 @@ function useBuiltinVariableValues(names) {
     return values;
 }
 function useBuiltinVariableDefinitions() {
-    const { variables  } = useBuiltinVariableContext();
+    const { variables } = useBuiltinVariableContext();
     return variables;
 }

package/dist/cjs/runtime/datasources.js

@@ -24,17 +24,17 @@ _export(exports, {
     DatasourceStoreContext: function() {
         return DatasourceStoreContext;
     },
+    useDatasource: function() {
+        return useDatasource;
+    },
+    useDatasourceClient: function() {
+        return useDatasourceClient;
+    },
     useDatasourceStore: function() {
         return useDatasourceStore;
     },
     useListDatasourceSelectItems: function() {
         return useListDatasourceSelectItems;
-    },
-    useDatasourceClient: function() {
-        return useDatasourceClient;
-    },
-    useDatasource: function() {
-        return useDatasource;
     }
 });
 const _reactquery = require("@tanstack/react-query");
@@ -48,7 +48,7 @@ function useDatasourceStore() {
     return ctx;
 }
 function useListDatasourceSelectItems(datasourcePluginKind, project) {
-    const { listDatasourceSelectItems  } = useDatasourceStore();
+    const { listDatasourceSelectItems } = useDatasourceStore();
     return (0, _reactquery.useQuery)([
         'listDatasourceSelectItems',
         datasourcePluginKind,

package/dist/cjs/runtime/plugin-registry.js

@@ -24,20 +24,20 @@ _export(exports, {
     PluginRegistryContext: function() {
         return PluginRegistryContext;
     },
-    usePluginRegistry: function() {
-        return usePluginRegistry;
+    useListPluginMetadata: function() {
+        return useListPluginMetadata;
     },
     usePlugin: function() {
         return usePlugin;
     },
-    usePlugins: function() {
-        return usePlugins;
-    },
-    useListPluginMetadata: function() {
-        return useListPluginMetadata;
-    },
     usePluginBuiltinVariableDefinitions: function() {
         return usePluginBuiltinVariableDefinitions;
+    },
+    usePluginRegistry: function() {
+        return usePluginRegistry;
+    },
+    usePlugins: function() {
+        return usePlugins;
     }
 });
 const _react = require("react");
@@ -57,7 +57,7 @@ function usePlugin(pluginType, kind, options) {
         ...options,
         enabled: ((_options_enabled = options === null || options === void 0 ? void 0 : options.enabled) !== null && _options_enabled !== void 0 ? _options_enabled : true) && kind !== ''
     };
-    const { getPlugin  } = usePluginRegistry();
+    const { getPlugin } = usePluginRegistry();
     return (0, _reactquery.useQuery)([
         'getPlugin',
         pluginType,
@@ -65,7 +65,7 @@ function usePlugin(pluginType, kind, options) {
     ], ()=>getPlugin(pluginType, kind), options);
 }
 function usePlugins(pluginType, plugins) {
-    const { getPlugin  } = usePluginRegistry();
+    const { getPlugin } = usePluginRegistry();
     return (0, _reactquery.useQueries)({
         queries: plugins.map((p)=>{
             return {
@@ -80,14 +80,14 @@ function usePlugins(pluginType, plugins) {
     });
 }
 function useListPluginMetadata(pluginType, options) {
-    const { listPluginMetadata  } = usePluginRegistry();
+    const { listPluginMetadata } = usePluginRegistry();
     return (0, _reactquery.useQuery)([
         'listPluginMetadata',
         pluginType
     ], ()=>listPluginMetadata(pluginType), options);
 }
 function usePluginBuiltinVariableDefinitions() {
-    const { getPlugin , listPluginMetadata  } = usePluginRegistry();
+    const { getPlugin, listPluginMetadata } = usePluginRegistry();
     return (0, _reactquery.useQuery)([
         'usePluginBuiltinVariableDefinitions'
     ], async ()=>{

package/dist/cjs/runtime/template-variables.js

@@ -21,20 +21,20 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    TemplateVariableContext: function() {
+        return TemplateVariableContext;
+    },
     VariableStoreStateMap: function() {
         return VariableStoreStateMap;
     },
-    TemplateVariableContext: function() {
-        return TemplateVariableContext;
+    useReplaceVariablesInString: function() {
+        return useReplaceVariablesInString;
     },
     useTemplateVariableValues: function() {
         return useTemplateVariableValues;
     },
     useVariableValues: function() {
         return useVariableValues;
-    },
-    useReplaceVariablesInString: function() {
-        return useReplaceVariablesInString;
     }
 });
 const _react = require("react");
@@ -123,7 +123,7 @@ function useTemplateVariableContext() {
     return ctx;
 }
 function useTemplateVariableValues(names) {
-    const { state  } = useTemplateVariableContext();
+    const { state } = useTemplateVariableContext();
     const values = (0, _react.useMemo)(()=>{
         const values = {};
         names === null || names === void 0 ? void 0 : names.forEach((name)=>{
@@ -145,7 +145,15 @@ function useTemplateVariableValues(names) {
 function useVariableValues(names) {
     const templateVariableValues = useTemplateVariableValues(names);
     const builtinVariableValues = (0, _builtinvariables.useBuiltinVariableValues)(names);
-    return Object.assign(templateVariableValues, builtinVariableValues);
+    return (0, _react.useMemo)(()=>{
+        return {
+            ...templateVariableValues,
+            ...builtinVariableValues
+        };
+    }, [
+        templateVariableValues,
+        builtinVariableValues
+    ]);
 }
 function useReplaceVariablesInString(str) {
     const variablesInString = str ? (0, _utils.parseTemplateVariables)(str) : [];

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

@@ -24,17 +24,17 @@ _export(exports, {
     TIME_SERIES_QUERY_KEY: function() {
         return TIME_SERIES_QUERY_KEY;
     },
-    useTimeSeriesQuery: function() {
-        return useTimeSeriesQuery;
-    },
-    useTimeSeriesQueries: function() {
-        return useTimeSeriesQueries;
+    getActiveTimeSeriesQueries: function() {
+        return getActiveTimeSeriesQueries;
     },
     useActiveTimeSeriesQueries: function() {
         return useActiveTimeSeriesQueries;
     },
-    getActiveTimeSeriesQueries: function() {
-        return getActiveTimeSeriesQueries;
+    useTimeSeriesQueries: function() {
+        return useTimeSeriesQueries;
+    },
+    useTimeSeriesQuery: function() {
+        return useTimeSeriesQuery;
     }
 });
 const _reactquery = require("@tanstack/react-query");
@@ -54,8 +54,8 @@ function filterVariableStateMap(v, names) {
     }
     return Object.fromEntries(Object.entries(v).filter(([name])=>names.includes(name)));
 }
-function getQueryOptions({ plugin , definition , context  }) {
-    const { timeRange , datasourceStore , suggestedStepMs , variableState , refreshKey  } = context;
+function getQueryOptions({ plugin, definition, context }) {
+    const { timeRange, datasourceStore, suggestedStepMs, variableState, refreshKey } = context;
     const dependencies = (plugin === null || plugin === void 0 ? void 0 : plugin.dependsOn) ? plugin.dependsOn(definition.spec.plugin.spec, context) : {};
     const variableDependencies = dependencies === null || dependencies === void 0 ? void 0 : dependencies.variables;
     // Determine queryKey
@@ -84,9 +84,9 @@ function getQueryOptions({ plugin , definition , context  }) {
     };
 }
 const useTimeSeriesQuery = (definition, options, queryOptions)=>{
-    const { data: plugin  } = (0, _pluginregistry.usePlugin)(TIME_SERIES_QUERY_KEY, definition.spec.plugin.kind);
+    const { data: plugin } = (0, _pluginregistry.usePlugin)(TIME_SERIES_QUERY_KEY, definition.spec.plugin.kind);
     const context = useTimeSeriesQueryContext();
-    const { queryEnabled , queryKey  } = getQueryOptions({
+    const { queryEnabled, queryKey } = getQueryOptions({
         plugin,
         definition,
         context
@@ -111,7 +111,7 @@ const useTimeSeriesQuery = (definition, options, queryOptions)=>{
     });
 };
 function useTimeSeriesQueries(definitions, options, queryOptions) {
-    const { getPlugin  } = (0, _pluginregistry.usePluginRegistry)();
+    const { getPlugin } = (0, _pluginregistry.usePluginRegistry)();
     const context = useTimeSeriesQueryContext();
     const pluginLoaderResponse = (0, _pluginregistry.usePlugins)(TIME_SERIES_QUERY_KEY, definitions.map((d)=>({
             kind: d.spec.plugin.kind
@@ -120,7 +120,7 @@ function useTimeSeriesQueries(definitions, options, queryOptions) {
         queries: definitions.map((definition, idx)=>{
             var _pluginLoaderResponse_idx;
             const plugin = (_pluginLoaderResponse_idx = pluginLoaderResponse[idx]) === null || _pluginLoaderResponse_idx === void 0 ? void 0 : _pluginLoaderResponse_idx.data;
-            const { queryEnabled , queryKey  } = getQueryOptions({
+            const { queryEnabled, queryKey } = getQueryOptions({
                 plugin,
                 definition,
                 context
@@ -147,7 +147,7 @@ function useTimeSeriesQueries(definitions, options, queryOptions) {
 /**
  * Build the time series query context object from data available at runtime
  */ function useTimeSeriesQueryContext() {
-    const { absoluteTimeRange , refreshKey , refreshIntervalInMs  } = (0, _TimeRangeProvider.useTimeRange)();
+    const { absoluteTimeRange, refreshKey, refreshIntervalInMs } = (0, _TimeRangeProvider.useTimeRange)();
     const variableState = (0, _templatevariables.useVariableValues)();
     const datasourceStore = (0, _datasources.useDatasourceStore)();
     return {

package/dist/cjs/runtime/trace-queries.js

@@ -24,33 +24,50 @@ _export(exports, {
     TRACE_QUERY_KEY: function() {
         return TRACE_QUERY_KEY;
     },
+    getUnixTimeRange: function() {
+        return getUnixTimeRange;
+    },
     useTraceQueries: function() {
         return useTraceQueries;
     }
 });
+const _datefns = require("date-fns");
 const _reactquery = require("@tanstack/react-query");
 const _datasources = require("./datasources");
 const _pluginregistry = require("./plugin-registry");
+const _TimeRangeProvider = require("./TimeRangeProvider");
 const TRACE_QUERY_KEY = 'TraceQuery';
+function getUnixTimeRange(timeRange) {
+    const { start, end } = timeRange;
+    return {
+        start: Math.ceil((0, _datefns.getUnixTime)(start)),
+        end: Math.ceil((0, _datefns.getUnixTime)(end))
+    };
+}
 function useTraceQueries(definitions) {
-    const { getPlugin  } = (0, _pluginregistry.usePluginRegistry)();
+    const { getPlugin } = (0, _pluginregistry.usePluginRegistry)();
     const datasourceStore = (0, _datasources.useDatasourceStore)();
-    const ctx = {
-        datasourceStore
+    const { absoluteTimeRange } = (0, _TimeRangeProvider.useTimeRange)();
+    const context = {
+        datasourceStore,
+        absoluteTimeRange
     };
+    // useQueries() handles data fetching from query plugins (e.g. traceQL queries, promQL queries)
+    // https://tanstack.com/query/v4/docs/react/reference/useQuery
     return (0, _reactquery.useQueries)({
         queries: definitions.map((definition)=>{
-            var _definition_spec, _definition_spec_plugin;
+            var _definition_spec_plugin, _definition_spec;
             const queryKey = [
                 definition,
-                datasourceStore
-            ];
+                datasourceStore,
+                absoluteTimeRange
+            ]; // `queryKey` watches and reruns `queryFn` if keys in the array change
             const traceQueryKind = definition === null || definition === void 0 ? void 0 : (_definition_spec = definition.spec) === null || _definition_spec === void 0 ? void 0 : (_definition_spec_plugin = _definition_spec.plugin) === null || _definition_spec_plugin === void 0 ? void 0 : _definition_spec_plugin.kind;
             return {
                 queryKey: queryKey,
                 queryFn: async ()=>{
                     const plugin = await getPlugin(TRACE_QUERY_KEY, traceQueryKind);
-                    const data = await plugin.getTraceData(definition.spec.plugin.spec, ctx);
+                    const data = await plugin.getTraceData(definition.spec.plugin.spec, context);
                     return data;
                 }
             };

package/dist/cjs/stories/shared-utils/decorators/WithPluginRegistry.js

@@ -50,7 +50,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {

package/dist/cjs/stories/shared-utils/decorators/WithPluginSystemDatasourceStore.js

@@ -28,7 +28,7 @@ function isWithDatastoreStoreParameter(parameter) {
     return !!parameter && typeof parameter === 'object' && 'props' in parameter;
 }
 const WithPluginSystemDatasourceStore = (Story, context)=>{
-    const { getPlugin  } = (0, _pluginsystem.usePluginRegistry)();
+    const { getPlugin } = (0, _pluginsystem.usePluginRegistry)();
     const initParameter = context.parameters.withPluginSystemDatasourceStore;
     // This currently provides a very simplified default to enable use in some
     // basic stories. It likely will need expanding in the future.

package/dist/cjs/test/test-plugins/bert/index.js

@@ -29,7 +29,7 @@ _export(exports, {
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-function BertPanel1Editor({ value , onChange  }) {
+function BertPanel1Editor({ value, onChange }) {
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsx)("label", {
@@ -65,7 +65,7 @@ const BertPanel2 = {
     panelOptionsEditorComponents: [
         {
             label: 'Settings',
-            content: function BertPanel2Editor({ value , onChange  }) {
+            content: function BertPanel2Editor({ value, onChange }) {
                 return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                     children: [
                         /*#__PURE__*/ (0, _jsxruntime.jsx)("label", {

package/dist/cjs/test/test-plugins/ernie/index.js

@@ -43,7 +43,7 @@ const ErnieVariable1 = {
     getVariableOptions: async ()=>({
             data
         }),
-    OptionsEditorComponent: function ErnieVariableEditor({ value , onChange  }) {
+    OptionsEditorComponent: function ErnieVariableEditor({ value, onChange }) {
         return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             children: [
                 /*#__PURE__*/ (0, _jsxruntime.jsx)("label", {
@@ -70,7 +70,7 @@ const ErnieVariable2 = {
     getVariableOptions: async ()=>({
             data
         }),
-    OptionsEditorComponent: function ErnieVariableEditor({ value , onChange  }) {
+    OptionsEditorComponent: function ErnieVariableEditor({ value, onChange }) {
         return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             children: [
                 /*#__PURE__*/ (0, _jsxruntime.jsx)("label", {

package/dist/cjs/test/test-plugins/index.js

@@ -49,7 +49,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {

package/dist/cjs/test-utils/mock-plugin-registry.js

@@ -21,11 +21,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    mockPluginRegistry: function() {
-        return mockPluginRegistry;
-    },
     getMockPluginName: function() {
         return getMockPluginName;
+    },
+    mockPluginRegistry: function() {
+        return mockPluginRegistry;
     }
 });
 function mockPluginRegistry(...mockPlugins) {
@@ -39,7 +39,7 @@ function mockPluginRegistry(...mockPlugins) {
         },
         spec: {
             // Add metadata for all mock plugins
-            plugins: mockPlugins.map(({ pluginType , kind  })=>({
+            plugins: mockPlugins.map(({ pluginType, kind })=>({
                     pluginType,
                     kind,
                     display: {

package/dist/cjs/utils/action.js

@@ -21,11 +21,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    getTitleAction: function() {
-        return getTitleAction;
-    },
     getSubmitText: function() {
         return getSubmitText;
+    },
+    getTitleAction: function() {
+        return getTitleAction;
     }
 });
 function getTitleAction(action, isDraft) {

package/dist/cjs/utils/variables.js

@@ -21,14 +21,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    replaceTemplateVariables: function() {
-        return replaceTemplateVariables;
+    parseTemplateVariables: function() {
+        return parseTemplateVariables;
     },
     replaceTemplateVariable: function() {
         return replaceTemplateVariable;
     },
-    parseTemplateVariables: function() {
-        return parseTemplateVariables;
+    replaceTemplateVariables: function() {
+        return replaceTemplateVariables;
     }
 });
 function replaceTemplateVariables(text, variableState) {

package/dist/cjs/validation/role.js

@@ -21,12 +21,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    roleValidationSchema: function() {
-        return roleValidationSchema;
-    },
     globalRoleValidationSchema: function() {
         return globalRoleValidationSchema;
     },
+    roleValidationSchema: function() {
+        return roleValidationSchema;
+    },
     rolesEditorValidationSchema: function() {
         return rolesEditorValidationSchema;
     }

package/dist/cjs/validation/secret.js

@@ -21,12 +21,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    secretValidationSchema: function() {
-        return secretValidationSchema;
-    },
     globalSecretValidationSchema: function() {
         return globalSecretValidationSchema;
     },
+    secretValidationSchema: function() {
+        return secretValidationSchema;
+    },
     secretsEditorValidationSchema: function() {
         return secretsEditorValidationSchema;
     }

package/dist/components/CalculationSelector/CalculationSelector.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { CalculationType } from '@perses-dev/core';
 export interface CalculationSelectorProps {
     value: CalculationType;
     onChange: (unit: CalculationType) => void;
 }
-export declare function CalculationSelector({ value, onChange }: CalculationSelectorProps): JSX.Element;
+export declare function CalculationSelector({ value, onChange }: CalculationSelectorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CalculationSelector.d.ts.map

package/dist/components/CalculationSelector/CalculationSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalculationSelector.d.ts","sourceRoot":"","sources":["../../../src/components/CalculationSelector/CalculationSelector.tsx"],"names":[],"mappings":";AAcA,OAAO,EAA0C,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAU3F,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,wBAAwB,eAuBhF"}
+{"version":3,"file":"CalculationSelector.d.ts","sourceRoot":"","sources":["../../../src/components/CalculationSelector/CalculationSelector.tsx"],"names":[],"mappings":"AAcA,OAAO,EAA0C,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAU3F,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,wBAAwB,2CAuBhF"}

package/dist/components/CalculationSelector/CalculationSelector.js

@@ -19,7 +19,7 @@ const CALC_OPTIONS = Object.entries(CALCULATIONS_CONFIG).map(([id, config])=>{
         ...config
     };
 });
-export function CalculationSelector({ value , onChange  }) {
+export function CalculationSelector({ value, onChange }) {
     const handleCalculationChange = (_, newValue)=>{
         onChange(newValue.id);
     };

package/dist/components/CalculationSelector/CalculationSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CalculationSelector/CalculationSelector.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { OptionsEditorControl, SettingsAutocomplete } from '@perses-dev/components';\nimport { CALCULATIONS_CONFIG, CalculationConfig, CalculationType } from '@perses-dev/core';\n\ntype AutocompleteCalculationOption = CalculationConfig & { id: CalculationType };\nconst CALC_OPTIONS: AutocompleteCalculationOption[] = Object.entries(CALCULATIONS_CONFIG).map(([id, config]) => {\n  return {\n    id: id as CalculationType,\n    ...config,\n  };\n});\n\nexport interface CalculationSelectorProps {\n  value: CalculationType;\n  onChange: (unit: CalculationType) => void;\n}\n\nexport function CalculationSelector({ value, onChange }: CalculationSelectorProps) {\n  const handleCalculationChange = (_: unknown, newValue: AutocompleteCalculationOption) => {\n    onChange(newValue.id);\n  };\n\n  const calcConfig = CALCULATIONS_CONFIG[value];\n\n  return (\n    <OptionsEditorControl\n      label=\"Calculation\"\n      control={\n        <SettingsAutocomplete\n          value={{\n            ...calcConfig,\n            id: value,\n          }}\n          options={CALC_OPTIONS}\n          onChange={handleCalculationChange}\n          disableClearable\n        ></SettingsAutocomplete>\n      }\n    />\n  );\n}\n"],"names":["OptionsEditorControl","SettingsAutocomplete","CALCULATIONS_CONFIG","CALC_OPTIONS","Object","entries","map","id","config","CalculationSelector","value","onChange","handleCalculationChange","_","newValue","calcConfig","label","control","options","disableClearable"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,oBAAoB,EAAEC,oBAAoB,QAAQ,yBAAyB;AACpF,SAASC,mBAAmB,QAA4C,mBAAmB;AAG3F,MAAMC,eAAgDC,OAAOC,QAAQH,qBAAqBI,IAAI,CAAC,CAACC,IAAIC,OAAO;IACzG,OAAO;QACLD,IAAIA;QACJ,GAAGC,MAAM;IACX;AACF;AAOA,OAAO,SAASC,oBAAoB,EAAEC,MAAK,EAAEC,SAAQ,EAA4B;IAC/E,MAAMC,0BAA0B,CAACC,GAAYC;QAC3CH,SAASG,SAASP;IACpB;IAEA,MAAMQ,aAAab,mBAAmB,CAACQ,MAAM;IAE7C,qBACE,KAACV;QACCgB,OAAM;QACNC,uBACE,KAAChB;YACCS,OAAO;gBACL,GAAGK,UAAU;gBACbR,IAAIG;YACN;YACAQ,SAASf;YACTQ,UAAUC;YACVO,gBAAgB;;;AAK1B"}
+{"version":3,"sources":["../../../src/components/CalculationSelector/CalculationSelector.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { OptionsEditorControl, SettingsAutocomplete } from '@perses-dev/components';\nimport { CALCULATIONS_CONFIG, CalculationConfig, CalculationType } from '@perses-dev/core';\n\ntype AutocompleteCalculationOption = CalculationConfig & { id: CalculationType };\nconst CALC_OPTIONS: AutocompleteCalculationOption[] = Object.entries(CALCULATIONS_CONFIG).map(([id, config]) => {\n  return {\n    id: id as CalculationType,\n    ...config,\n  };\n});\n\nexport interface CalculationSelectorProps {\n  value: CalculationType;\n  onChange: (unit: CalculationType) => void;\n}\n\nexport function CalculationSelector({ value, onChange }: CalculationSelectorProps) {\n  const handleCalculationChange = (_: unknown, newValue: AutocompleteCalculationOption) => {\n    onChange(newValue.id);\n  };\n\n  const calcConfig = CALCULATIONS_CONFIG[value];\n\n  return (\n    <OptionsEditorControl\n      label=\"Calculation\"\n      control={\n        <SettingsAutocomplete\n          value={{\n            ...calcConfig,\n            id: value,\n          }}\n          options={CALC_OPTIONS}\n          onChange={handleCalculationChange}\n          disableClearable\n        ></SettingsAutocomplete>\n      }\n    />\n  );\n}\n"],"names":["OptionsEditorControl","SettingsAutocomplete","CALCULATIONS_CONFIG","CALC_OPTIONS","Object","entries","map","id","config","CalculationSelector","value","onChange","handleCalculationChange","_","newValue","calcConfig","label","control","options","disableClearable"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,oBAAoB,EAAEC,oBAAoB,QAAQ,yBAAyB;AACpF,SAASC,mBAAmB,QAA4C,mBAAmB;AAG3F,MAAMC,eAAgDC,OAAOC,OAAO,CAACH,qBAAqBI,GAAG,CAAC,CAAC,CAACC,IAAIC,OAAO;IACzG,OAAO;QACLD,IAAIA;QACJ,GAAGC,MAAM;IACX;AACF;AAOA,OAAO,SAASC,oBAAoB,EAAEC,KAAK,EAAEC,QAAQ,EAA4B;IAC/E,MAAMC,0BAA0B,CAACC,GAAYC;QAC3CH,SAASG,SAASP,EAAE;IACtB;IAEA,MAAMQ,aAAab,mBAAmB,CAACQ,MAAM;IAE7C,qBACE,KAACV;QACCgB,OAAM;QACNC,uBACE,KAAChB;YACCS,OAAO;gBACL,GAAGK,UAAU;gBACbR,IAAIG;YACN;YACAQ,SAASf;YACTQ,UAAUC;YACVO,gBAAgB;;;AAK1B"}

package/dist/components/DatasourceEditorForm/DatasourceEditorForm.d.ts

@@ -10,6 +10,6 @@ interface DatasourceEditorFormProps {
     onClose: DispatchWithoutAction;
     onDelete?: DispatchWithoutAction;
 }
-export declare function DatasourceEditorForm(props: DatasourceEditorFormProps): JSX.Element;
+export declare function DatasourceEditorForm(props: DatasourceEditorFormProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=DatasourceEditorForm.d.ts.map

package/dist/components/DatasourceEditorForm/DatasourceEditorForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatasourceEditorForm.d.ts","sourceRoot":"","sources":["../../../src/components/DatasourceEditorForm/DatasourceEditorForm.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EAAE,qBAAqB,EAAyB,MAAM,OAAO,CAAC;AA2BrE,UAAU,yBAAyB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,cAAc,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACrD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,eAwOpE"}
+{"version":3,"file":"DatasourceEditorForm.d.ts","sourceRoot":"","sources":["../../../src/components/DatasourceEditorForm/DatasourceEditorForm.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EAAE,qBAAqB,EAAyB,MAAM,OAAO,CAAC;AA2BrE,UAAU,yBAAyB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,cAAc,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACrD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAwOpE"}