@perses-dev/victorialogs-plugin 0.1.0

package/lib/variables/victorialogs-field-names/VictoriaLogsFieldNamesVariableEditor.js

@@ -0,0 +1,81 @@
+// Copyright 2025 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, Stack, TextField } from '@mui/material';
+import { DatasourceSelect, isVariableDatasource, useDatasourceSelectValueToSelector } from '@perses-dev/plugin-system';
+import { produce } from 'immer';
+import { useCallback } from 'react';
+import { DEFAULT_VICTORIALOGS, isDefaultVictoriaLogsSelector, isVictoriaLogsDatasourceSelector, VICTORIALOGS_DATASOURCE_KIND } from '../../model';
+export function VictoriaLogsFieldNamesVariableEditor(props) {
+    const { onChange, value, value: { datasource, query }, queryHandlerSettings } = props;
+    const datasourceSelectValue = datasource ?? DEFAULT_VICTORIALOGS;
+    const selectedDatasource = useDatasourceSelectValueToSelector(datasourceSelectValue, VICTORIALOGS_DATASOURCE_KIND);
+    const handleDatasourceChange = useCallback((next)=>{
+        if (isVariableDatasource(next) || isVictoriaLogsDatasourceSelector(next)) {
+            onChange(produce(value, (draft)=>{
+                draft.datasource = !isVariableDatasource(next) && isDefaultVictoriaLogsSelector(next) ? undefined : next;
+            }));
+            if (queryHandlerSettings?.setWatchOtherSpecs) queryHandlerSettings.setWatchOtherSpecs({
+                ...value,
+                datasource: next
+            });
+            return;
+        }
+        throw new Error('Got unexpected non-VictoriaLogs datasource selector');
+    }, [
+        onChange,
+        queryHandlerSettings,
+        value
+    ]);
+    const handleQueryChange = useCallback((event)=>{
+        onChange(produce(value, (draft)=>{
+            draft.query = event.target.value;
+        }));
+        if (queryHandlerSettings?.watchQueryChanges) {
+            queryHandlerSettings.watchQueryChanges(event.target.value);
+        }
+    }, [
+        onChange,
+        queryHandlerSettings,
+        value
+    ]);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 2,
+        children: [
+            /*#__PURE__*/ _jsx(FormControl, {
+                margin: "dense",
+                children: /*#__PURE__*/ _jsx(DatasourceSelect, {
+                    datasourcePluginKind: "VictoriaLogsDatasource",
+                    value: selectedDatasource,
+                    onChange: handleDatasourceChange,
+                    disabled: props.isReadonly,
+                    labelId: "victorialogs-datasource-field",
+                    label: "VictoriaLogs Datasource"
+                })
+            }),
+            /*#__PURE__*/ _jsx(TextField, {
+                label: "Query",
+                InputLabelProps: {
+                    shrink: props.isReadonly ? true : undefined
+                },
+                InputProps: {
+                    readOnly: props.isReadonly
+                },
+                value: query,
+                onChange: handleQueryChange
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=VictoriaLogsFieldNamesVariableEditor.js.map

package/lib/variables/victorialogs-field-names/VictoriaLogsFieldNamesVariableEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/variables/victorialogs-field-names/VictoriaLogsFieldNamesVariableEditor.tsx"],"sourcesContent":["// Copyright 2025 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.\nimport { FormControl, Stack, TextField } from '@mui/material';\nimport {\n  DatasourceSelect,\n  DatasourceSelectProps,\n  OptionsEditorProps,\n  isVariableDatasource,\n  useDatasourceSelectValueToSelector\n} from '@perses-dev/plugin-system';\nimport { produce } from 'immer';\nimport { ReactElement, useCallback, useState } from 'react';\nimport {\n  DEFAULT_VICTORIALOGS,\n  isDefaultVictoriaLogsSelector,\n  isVictoriaLogsDatasourceSelector,\n  VICTORIALOGS_DATASOURCE_KIND,\n  VictoriaLogsClient,\n  VictoriaLogsDatasourceSelector,\n} from '../../model';\nimport {\n  VictoriaLogsFieldNamesVariableOptions,\n} from '../types';\n\nexport function VictoriaLogsFieldNamesVariableEditor(\n  props: OptionsEditorProps<VictoriaLogsFieldNamesVariableOptions>\n): ReactElement {\n  const {\n    onChange,\n    value,\n    value: { datasource, query },\n    queryHandlerSettings,\n  } = props;\n\n  const datasourceSelectValue = datasource ?? DEFAULT_VICTORIALOGS;\n  const selectedDatasource = useDatasourceSelectValueToSelector(\n    datasourceSelectValue,\n    VICTORIALOGS_DATASOURCE_KIND\n  ) as VictoriaLogsDatasourceSelector;\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = useCallback(\n    (next) => {\n      if (isVariableDatasource(next) || isVictoriaLogsDatasourceSelector(next)) {\n        onChange(\n          produce(value, (draft) => {\n            draft.datasource = !isVariableDatasource(next) && isDefaultVictoriaLogsSelector(next) ? undefined : next;\n          })\n        );\n        if (queryHandlerSettings?.setWatchOtherSpecs)\n          queryHandlerSettings.setWatchOtherSpecs({ ...value, datasource: next });\n        return;\n      }\n\n      throw new Error('Got unexpected non-VictoriaLogs datasource selector');\n    },\n    [onChange, queryHandlerSettings, value]\n  );\n\n  const handleQueryChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      onChange(\n        produce(value, (draft) => {\n          draft.query = event.target.value;\n        })\n      );\n      if (queryHandlerSettings?.watchQueryChanges) {\n        queryHandlerSettings.watchQueryChanges(event.target.value);\n      }\n    },\n    [onChange, queryHandlerSettings, value]\n  );\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\">\n        <DatasourceSelect\n          datasourcePluginKind=\"VictoriaLogsDatasource\"\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          disabled={props.isReadonly}\n          labelId=\"victorialogs-datasource-field\"\n          label=\"VictoriaLogs Datasource\"\n        />\n      </FormControl>\n      <TextField\n        label=\"Query\"\n        InputLabelProps={{ shrink: props.isReadonly ? true : undefined }}\n        InputProps={{\n          readOnly: props.isReadonly,\n        }}\n        value={query}\n        onChange={handleQueryChange}\n      />\n    </Stack>\n  );\n}\n"],"names":["FormControl","Stack","TextField","DatasourceSelect","isVariableDatasource","useDatasourceSelectValueToSelector","produce","useCallback","DEFAULT_VICTORIALOGS","isDefaultVictoriaLogsSelector","isVictoriaLogsDatasourceSelector","VICTORIALOGS_DATASOURCE_KIND","VictoriaLogsFieldNamesVariableEditor","props","onChange","value","datasource","query","queryHandlerSettings","datasourceSelectValue","selectedDatasource","handleDatasourceChange","next","draft","undefined","setWatchOtherSpecs","Error","handleQueryChange","event","target","watchQueryChanges","spacing","margin","datasourcePluginKind","disabled","isReadonly","labelId","label","InputLabelProps","shrink","InputProps","readOnly"],"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;;AACjC,SAASA,WAAW,EAAEC,KAAK,EAAEC,SAAS,QAAQ,gBAAgB;AAC9D,SACEC,gBAAgB,EAGhBC,oBAAoB,EACpBC,kCAAkC,QAC7B,4BAA4B;AACnC,SAASC,OAAO,QAAQ,QAAQ;AAChC,SAAuBC,WAAW,QAAkB,QAAQ;AAC5D,SACEC,oBAAoB,EACpBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,4BAA4B,QAGvB,cAAc;AAKrB,OAAO,SAASC,qCACdC,KAAgE;IAEhE,MAAM,EACJC,QAAQ,EACRC,KAAK,EACLA,OAAO,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAC5BC,oBAAoB,EACrB,GAAGL;IAEJ,MAAMM,wBAAwBH,cAAcR;IAC5C,MAAMY,qBAAqBf,mCACzBc,uBACAR;IAEF,MAAMU,yBAA4Dd,YAChE,CAACe;QACC,IAAIlB,qBAAqBkB,SAASZ,iCAAiCY,OAAO;YACxER,SACER,QAAQS,OAAO,CAACQ;gBACdA,MAAMP,UAAU,GAAG,CAACZ,qBAAqBkB,SAASb,8BAA8Ba,QAAQE,YAAYF;YACtG;YAEF,IAAIJ,sBAAsBO,oBACxBP,qBAAqBO,kBAAkB,CAAC;gBAAE,GAAGV,KAAK;gBAAEC,YAAYM;YAAK;YACvE;QACF;QAEA,MAAM,IAAII,MAAM;IAClB,GACA;QAACZ;QAAUI;QAAsBH;KAAM;IAGzC,MAAMY,oBAAoBpB,YACxB,CAACqB;QACCd,SACER,QAAQS,OAAO,CAACQ;YACdA,MAAMN,KAAK,GAAGW,MAAMC,MAAM,CAACd,KAAK;QAClC;QAEF,IAAIG,sBAAsBY,mBAAmB;YAC3CZ,qBAAqBY,iBAAiB,CAACF,MAAMC,MAAM,CAACd,KAAK;QAC3D;IACF,GACA;QAACD;QAAUI;QAAsBH;KAAM;IAGzC,qBACE,MAACd;QAAM8B,SAAS;;0BACd,KAAC/B;gBAAYgC,QAAO;0BAClB,cAAA,KAAC7B;oBACC8B,sBAAqB;oBACrBlB,OAAOK;oBACPN,UAAUO;oBACVa,UAAUrB,MAAMsB,UAAU;oBAC1BC,SAAQ;oBACRC,OAAM;;;0BAGV,KAACnC;gBACCmC,OAAM;gBACNC,iBAAiB;oBAAEC,QAAQ1B,MAAMsB,UAAU,GAAG,OAAOX;gBAAU;gBAC/DgB,YAAY;oBACVC,UAAU5B,MAAMsB,UAAU;gBAC5B;gBACApB,OAAOE;gBACPH,UAAUa;;;;AAIlB"}

package/lib/variables/victorialogs-field-names/index.d.ts

@@ -0,0 +1,2 @@
+export * from './VictoriaLogsFieldNamesVariable';
+//# sourceMappingURL=index.d.ts.map

package/lib/variables/victorialogs-field-names/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/variables/victorialogs-field-names/index.ts"],"names":[],"mappings":"AAaA,cAAc,kCAAkC,CAAC"}

package/lib/variables/victorialogs-field-names/index.js

@@ -0,0 +1,15 @@
+// Copyright 2025 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.
+export * from './VictoriaLogsFieldNamesVariable';
+
+//# sourceMappingURL=index.js.map

package/lib/variables/victorialogs-field-names/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/variables/victorialogs-field-names/index.ts"],"sourcesContent":["// Copyright 2025 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 './VictoriaLogsFieldNamesVariable';\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,mCAAmC"}

package/lib/variables/victorialogs-field-values/VictoriaLogsFieldValuesVariable.d.ts

@@ -0,0 +1,4 @@
+import { VariablePlugin } from '@perses-dev/plugin-system';
+import { VictoriaLogsFieldValuesVariableOptions } from '../types';
+export declare const VictoriaLogsFieldValuesVariable: VariablePlugin<VictoriaLogsFieldValuesVariableOptions>;
+//# sourceMappingURL=VictoriaLogsFieldValuesVariable.d.ts.map

package/lib/variables/victorialogs-field-values/VictoriaLogsFieldValuesVariable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VictoriaLogsFieldValuesVariable.d.ts","sourceRoot":"","sources":["../../../../src/variables/victorialogs-field-values/VictoriaLogsFieldValuesVariable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAMf,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EAAE,sCAAsC,EAAE,MAAM,UAAU,CAAC;AAGlE,eAAO,MAAM,+BAA+B,EAAE,cAAc,CAAC,sCAAsC,CAiClG,CAAC"}

package/lib/variables/victorialogs-field-values/VictoriaLogsFieldValuesVariable.js

@@ -0,0 +1,41 @@
+import { replaceVariables, parseVariables, datasourceSelectValueToSelector, isVariableDatasource } from '@perses-dev/plugin-system';
+import { DEFAULT_VICTORIALOGS, VICTORIALOGS_DATASOURCE_KIND } from '../../model';
+import { VictoriaLogsFieldValuesVariableEditor } from './VictoriaLogsFieldValuesVariableEditor';
+import { fieldItemsToVariableOptions, getVictoriaLogsTimeRange } from '../utils';
+export const VictoriaLogsFieldValuesVariable = {
+    getVariableOptions: async (spec, ctx)=>{
+        const datasourceSelector = datasourceSelectValueToSelector(spec.datasource ?? DEFAULT_VICTORIALOGS, ctx.variables, await ctx.datasourceStore.listDatasourceSelectItems(VICTORIALOGS_DATASOURCE_KIND)) ?? DEFAULT_VICTORIALOGS;
+        const client = await ctx.datasourceStore.getDatasourceClient(datasourceSelector);
+        const query = replaceVariables(spec.query, ctx.variables);
+        const timeRange = getVictoriaLogsTimeRange(ctx.timeRange);
+        const { values } = query ? await client.fieldValues({
+            field: replaceVariables(spec.field, ctx.variables),
+            query: query,
+            ...timeRange
+        }) : {
+            values: []
+        };
+        return {
+            data: fieldItemsToVariableOptions(values)
+        };
+    },
+    dependsOn: (spec)=>{
+        const queryVariables = parseVariables(spec.query);
+        const labelVariables = parseVariables(spec.field);
+        const datasourceVariables = spec.datasource && isVariableDatasource(spec.datasource) ? parseVariables(spec.datasource) : [];
+        return {
+            variables: [
+                ...queryVariables,
+                ...labelVariables,
+                ...datasourceVariables
+            ]
+        };
+    },
+    OptionsEditorComponent: VictoriaLogsFieldValuesVariableEditor,
+    createInitialOptions: ()=>({
+            field: '',
+            query: ''
+        })
+};
+
+//# sourceMappingURL=VictoriaLogsFieldValuesVariable.js.map

package/lib/variables/victorialogs-field-values/VictoriaLogsFieldValuesVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/variables/victorialogs-field-values/VictoriaLogsFieldValuesVariable.tsx"],"sourcesContent":["import {\n  VariablePlugin,\n  GetVariableOptionsContext,\n  replaceVariables,\n  parseVariables,\n  datasourceSelectValueToSelector,\n  isVariableDatasource,\n} from '@perses-dev/plugin-system';\nimport { VictoriaLogsClient, DEFAULT_VICTORIALOGS, VICTORIALOGS_DATASOURCE_KIND } from '../../model';\nimport { VictoriaLogsFieldValuesVariableEditor } from './VictoriaLogsFieldValuesVariableEditor';\nimport { VictoriaLogsFieldValuesVariableOptions } from '../types';\nimport { fieldItemsToVariableOptions, getVictoriaLogsTimeRange } from '../utils';\n\nexport const VictoriaLogsFieldValuesVariable: VariablePlugin<VictoriaLogsFieldValuesVariableOptions> = {\n  getVariableOptions: async (spec: VictoriaLogsFieldValuesVariableOptions, ctx: GetVariableOptionsContext) => {\n    const datasourceSelector =\n      datasourceSelectValueToSelector(\n        spec.datasource ?? DEFAULT_VICTORIALOGS,\n        ctx.variables,\n        await ctx.datasourceStore.listDatasourceSelectItems(VICTORIALOGS_DATASOURCE_KIND)\n      ) ?? DEFAULT_VICTORIALOGS;\n    const client: VictoriaLogsClient = await ctx.datasourceStore.getDatasourceClient(datasourceSelector);\n    const query = replaceVariables(spec.query, ctx.variables);\n\n    const timeRange = getVictoriaLogsTimeRange(ctx.timeRange);\n\n    const { values } = query ? await client.fieldValues({\n      field: replaceVariables(spec.field, ctx.variables),\n      query: query,\n      ...timeRange,\n    }) : { values: [] };\n    return {\n      data: fieldItemsToVariableOptions(values),\n    };\n  },\n  dependsOn: (spec: VictoriaLogsFieldValuesVariableOptions) => {\n    const queryVariables = parseVariables(spec.query);\n    const labelVariables = parseVariables(spec.field);\n    const datasourceVariables =\n      spec.datasource && isVariableDatasource(spec.datasource) ? parseVariables(spec.datasource) : [];\n    return {\n      variables: [...queryVariables, ...labelVariables, ...datasourceVariables],\n    };\n  },\n  OptionsEditorComponent: VictoriaLogsFieldValuesVariableEditor,\n  createInitialOptions: () => ({ field: '', query: '' }),\n};\n"],"names":["replaceVariables","parseVariables","datasourceSelectValueToSelector","isVariableDatasource","DEFAULT_VICTORIALOGS","VICTORIALOGS_DATASOURCE_KIND","VictoriaLogsFieldValuesVariableEditor","fieldItemsToVariableOptions","getVictoriaLogsTimeRange","VictoriaLogsFieldValuesVariable","getVariableOptions","spec","ctx","datasourceSelector","datasource","variables","datasourceStore","listDatasourceSelectItems","client","getDatasourceClient","query","timeRange","values","fieldValues","field","data","dependsOn","queryVariables","labelVariables","datasourceVariables","OptionsEditorComponent","createInitialOptions"],"mappings":"AAAA,SAGEA,gBAAgB,EAChBC,cAAc,EACdC,+BAA+B,EAC/BC,oBAAoB,QACf,4BAA4B;AACnC,SAA6BC,oBAAoB,EAAEC,4BAA4B,QAAQ,cAAc;AACrG,SAASC,qCAAqC,QAAQ,0CAA0C;AAEhG,SAASC,2BAA2B,EAAEC,wBAAwB,QAAQ,WAAW;AAEjF,OAAO,MAAMC,kCAA0F;IACrGC,oBAAoB,OAAOC,MAA8CC;QACvE,MAAMC,qBACJX,gCACES,KAAKG,UAAU,IAAIV,sBACnBQ,IAAIG,SAAS,EACb,MAAMH,IAAII,eAAe,CAACC,yBAAyB,CAACZ,kCACjDD;QACP,MAAMc,SAA6B,MAAMN,IAAII,eAAe,CAACG,mBAAmB,CAACN;QACjF,MAAMO,QAAQpB,iBAAiBW,KAAKS,KAAK,EAAER,IAAIG,SAAS;QAExD,MAAMM,YAAYb,yBAAyBI,IAAIS,SAAS;QAExD,MAAM,EAAEC,MAAM,EAAE,GAAGF,QAAQ,MAAMF,OAAOK,WAAW,CAAC;YAClDC,OAAOxB,iBAAiBW,KAAKa,KAAK,EAAEZ,IAAIG,SAAS;YACjDK,OAAOA;YACP,GAAGC,SAAS;QACd,KAAK;YAAEC,QAAQ,EAAE;QAAC;QAClB,OAAO;YACLG,MAAMlB,4BAA4Be;QACpC;IACF;IACAI,WAAW,CAACf;QACV,MAAMgB,iBAAiB1B,eAAeU,KAAKS,KAAK;QAChD,MAAMQ,iBAAiB3B,eAAeU,KAAKa,KAAK;QAChD,MAAMK,sBACJlB,KAAKG,UAAU,IAAIX,qBAAqBQ,KAAKG,UAAU,IAAIb,eAAeU,KAAKG,UAAU,IAAI,EAAE;QACjG,OAAO;YACLC,WAAW;mBAAIY;mBAAmBC;mBAAmBC;aAAoB;QAC3E;IACF;IACAC,wBAAwBxB;IACxByB,sBAAsB,IAAO,CAAA;YAAEP,OAAO;YAAIJ,OAAO;QAAG,CAAA;AACtD,EAAE"}

package/lib/variables/victorialogs-field-values/VictoriaLogsFieldValuesVariableEditor.d.ts

@@ -0,0 +1,5 @@
+import { OptionsEditorProps } from '@perses-dev/plugin-system';
+import { ReactElement } from 'react';
+import { VictoriaLogsFieldValuesVariableOptions } from '../types';
+export declare function VictoriaLogsFieldValuesVariableEditor(props: OptionsEditorProps<VictoriaLogsFieldValuesVariableOptions>): ReactElement;
+//# sourceMappingURL=VictoriaLogsFieldValuesVariableEditor.d.ts.map

package/lib/variables/victorialogs-field-values/VictoriaLogsFieldValuesVariableEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VictoriaLogsFieldValuesVariableEditor.d.ts","sourceRoot":"","sources":["../../../../src/variables/victorialogs-field-values/VictoriaLogsFieldValuesVariableEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAGL,kBAAkB,EAGnB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAkD,MAAM,OAAO,CAAC;AASrF,OAAO,EACL,sCAAsC,EACvC,MAAM,UAAU,CAAC;AAGlB,wBAAgB,qCAAqC,CACnD,KAAK,EAAE,kBAAkB,CAAC,sCAAsC,CAAC,GAChE,YAAY,CA2Gd"}

package/lib/variables/victorialogs-field-values/VictoriaLogsFieldValuesVariableEditor.js

@@ -0,0 +1,122 @@
+// Copyright 2025 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, Stack, TextField, Autocomplete } from '@mui/material';
+import { DatasourceSelect, isVariableDatasource, useDatasourceSelectValueToSelector } from '@perses-dev/plugin-system';
+import { produce } from 'immer';
+import { useCallback, useMemo } from 'react';
+import { DEFAULT_VICTORIALOGS, isDefaultVictoriaLogsSelector, isVictoriaLogsDatasourceSelector, VICTORIALOGS_DATASOURCE_KIND } from '../../model';
+import { useFieldNames } from '../utils';
+export function VictoriaLogsFieldValuesVariableEditor(props) {
+    const { onChange, value, value: { datasource, query, field }, queryHandlerSettings } = props;
+    const datasourceSelectValue = datasource ?? DEFAULT_VICTORIALOGS;
+    const selectedDatasource = useDatasourceSelectValueToSelector(datasourceSelectValue, VICTORIALOGS_DATASOURCE_KIND);
+    const { data: fieldNames, isLoading: isFieldNamesOptionsLoading } = useFieldNames(query, selectedDatasource);
+    const handleDatasourceChange = useCallback((next)=>{
+        if (isVariableDatasource(next) || isVictoriaLogsDatasourceSelector(next)) {
+            onChange(produce(value, (draft)=>{
+                // If they're using the default, just omit the datasource prop (i.e. set to undefined)
+                draft.datasource = !isVariableDatasource(next) && isDefaultVictoriaLogsSelector(next) ? undefined : next;
+            }));
+            if (queryHandlerSettings?.setWatchOtherSpecs) queryHandlerSettings.setWatchOtherSpecs({
+                ...value,
+                datasource: next
+            });
+            return;
+        }
+        throw new Error('Got unexpected non-VictoriaLogs datasource selector');
+    }, [
+        onChange,
+        queryHandlerSettings,
+        value
+    ]);
+    const handleQueryChange = useCallback((event)=>{
+        onChange(produce(value, (draft)=>{
+            draft.query = event.target.value;
+        }));
+        if (queryHandlerSettings?.watchQueryChanges) {
+            queryHandlerSettings.watchQueryChanges(event.target.value);
+        }
+    }, [
+        onChange,
+        queryHandlerSettings,
+        value
+    ]);
+    const handleFieldChange = useCallback((_, newValue)=>{
+        onChange(produce(value, (draft)=>{
+            draft.field = newValue || "";
+        }));
+        if (queryHandlerSettings?.setWatchOtherSpecs) {
+            queryHandlerSettings.setWatchOtherSpecs({
+                ...value,
+                field: newValue
+            });
+        }
+    }, [
+        onChange,
+        queryHandlerSettings,
+        value
+    ]);
+    const fieldNamesOptions = useMemo(()=>{
+        return fieldNames?.values.map((o)=>o.value) || [];
+    }, [
+        isFieldNamesOptionsLoading,
+        fieldNames
+    ]);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 2,
+        children: [
+            /*#__PURE__*/ _jsx(FormControl, {
+                margin: "dense",
+                children: /*#__PURE__*/ _jsx(DatasourceSelect, {
+                    datasourcePluginKind: "VictoriaLogsDatasource",
+                    value: datasourceSelectValue,
+                    onChange: handleDatasourceChange,
+                    readOnly: props.isReadonly,
+                    labelId: "victorialogs-datasource-field",
+                    label: "VictoriaLogs Datasource"
+                })
+            }),
+            /*#__PURE__*/ _jsx(Autocomplete, {
+                freeSolo: true,
+                disableClearable: true,
+                value: field,
+                loading: isFieldNamesOptionsLoading,
+                options: fieldNamesOptions,
+                renderInput: (params)=>{
+                    return /*#__PURE__*/ _jsx(TextField, {
+                        ...params,
+                        required: true,
+                        label: "Field Name",
+                        variant: "outlined"
+                    });
+                },
+                onChange: handleFieldChange
+            }),
+            /*#__PURE__*/ _jsx(TextField, {
+                required: true,
+                label: "Query",
+                InputLabelProps: {
+                    shrink: props.isReadonly ? true : undefined
+                },
+                InputProps: {
+                    readOnly: props.isReadonly
+                },
+                value: query,
+                onChange: handleQueryChange
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=VictoriaLogsFieldValuesVariableEditor.js.map

package/lib/variables/victorialogs-field-values/VictoriaLogsFieldValuesVariableEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/variables/victorialogs-field-values/VictoriaLogsFieldValuesVariableEditor.tsx"],"sourcesContent":["// Copyright 2025 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.\nimport { FormControl, Stack, TextField, Autocomplete } from '@mui/material';\nimport {\n  DatasourceSelect,\n  DatasourceSelectProps,\n  OptionsEditorProps,\n  isVariableDatasource,\n  useDatasourceSelectValueToSelector,\n} from '@perses-dev/plugin-system';\nimport { produce } from 'immer';\nimport { ReactElement, useCallback, useState, useMemo, SyntheticEvent } from 'react';\nimport {\n  DEFAULT_VICTORIALOGS,\n  isDefaultVictoriaLogsSelector,\n  isVictoriaLogsDatasourceSelector,\n  VICTORIALOGS_DATASOURCE_KIND,\n  VictoriaLogsClient,\n  VictoriaLogsDatasourceSelector,\n} from '../../model';\nimport {\n  VictoriaLogsFieldValuesVariableOptions,\n} from '../types';\nimport { useFieldNames } from '../utils';\n\nexport function VictoriaLogsFieldValuesVariableEditor(\n  props: OptionsEditorProps<VictoriaLogsFieldValuesVariableOptions>\n): ReactElement {\n  const {\n    onChange,\n    value,\n    value: { datasource, query, field },\n    queryHandlerSettings,\n  } = props;\n  const datasourceSelectValue = datasource ?? DEFAULT_VICTORIALOGS;\n  const selectedDatasource = useDatasourceSelectValueToSelector(\n    datasourceSelectValue,\n    VICTORIALOGS_DATASOURCE_KIND\n  ) as VictoriaLogsDatasourceSelector;\n  const { data: fieldNames, isLoading: isFieldNamesOptionsLoading } = useFieldNames(query, selectedDatasource);\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = useCallback(\n    (next) => {\n      if (isVariableDatasource(next) || isVictoriaLogsDatasourceSelector(next)) {\n        onChange(\n          produce(value, (draft) => {\n            // If they're using the default, just omit the datasource prop (i.e. set to undefined)\n            draft.datasource = !isVariableDatasource(next) && isDefaultVictoriaLogsSelector(next) ? undefined : next;\n          })\n        );\n        if (queryHandlerSettings?.setWatchOtherSpecs)\n          queryHandlerSettings.setWatchOtherSpecs({ ...value, datasource: next });\n        return;\n      }\n\n      throw new Error('Got unexpected non-VictoriaLogs datasource selector');\n    },\n    [onChange, queryHandlerSettings, value]\n  );\n\n  const handleQueryChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      onChange(\n        produce(value, (draft) => {\n          draft.query = event.target.value;\n        })\n      );\n      if (queryHandlerSettings?.watchQueryChanges) {\n        queryHandlerSettings.watchQueryChanges(event.target.value);\n      }\n    },\n    [onChange, queryHandlerSettings, value]\n  );\n\n  const handleFieldChange = useCallback(\n    (_: SyntheticEvent, newValue: string | null) => {\n      onChange(\n        produce(value, (draft) => {\n          draft.field = newValue || \"\";\n        })\n      );\n      if (queryHandlerSettings?.setWatchOtherSpecs) {\n        queryHandlerSettings.setWatchOtherSpecs({ ...value, field: newValue });\n      }\n    },\n    [onChange, queryHandlerSettings, value]\n  );\n\n  const fieldNamesOptions = useMemo(() => {\n    return fieldNames?.values.map(o => o.value) || [];\n  }, [isFieldNamesOptionsLoading, fieldNames]);\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\">\n        <DatasourceSelect\n          datasourcePluginKind=\"VictoriaLogsDatasource\"\n          value={datasourceSelectValue}\n          onChange={handleDatasourceChange}\n          readOnly={props.isReadonly}\n          labelId=\"victorialogs-datasource-field\"\n          label=\"VictoriaLogs Datasource\"\n        />\n      </FormControl>\n\n      <Autocomplete\n        freeSolo\n        disableClearable\n        value={field}\n        loading={isFieldNamesOptionsLoading}\n        options={fieldNamesOptions}\n        renderInput={(params) => {\n          return (\n            <TextField\n              {...params}\n              required\n              label=\"Field Name\"\n              variant=\"outlined\"\n            />\n          );\n        }}\n        onChange={handleFieldChange}\n      />\n      <TextField\n        required\n        label=\"Query\"\n        InputLabelProps={{ shrink: props.isReadonly ? true : undefined }}\n        InputProps={{\n          readOnly: props.isReadonly,\n        }}\n        value={query}\n        onChange={handleQueryChange}\n      />\n    </Stack>\n  );\n}\n"],"names":["FormControl","Stack","TextField","Autocomplete","DatasourceSelect","isVariableDatasource","useDatasourceSelectValueToSelector","produce","useCallback","useMemo","DEFAULT_VICTORIALOGS","isDefaultVictoriaLogsSelector","isVictoriaLogsDatasourceSelector","VICTORIALOGS_DATASOURCE_KIND","useFieldNames","VictoriaLogsFieldValuesVariableEditor","props","onChange","value","datasource","query","field","queryHandlerSettings","datasourceSelectValue","selectedDatasource","data","fieldNames","isLoading","isFieldNamesOptionsLoading","handleDatasourceChange","next","draft","undefined","setWatchOtherSpecs","Error","handleQueryChange","event","target","watchQueryChanges","handleFieldChange","_","newValue","fieldNamesOptions","values","map","o","spacing","margin","datasourcePluginKind","readOnly","isReadonly","labelId","label","freeSolo","disableClearable","loading","options","renderInput","params","required","variant","InputLabelProps","shrink","InputProps"],"mappings":"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"}

package/lib/variables/victorialogs-field-values/index.d.ts

@@ -0,0 +1,2 @@
+export * from './VictoriaLogsFieldValuesVariable';
+//# sourceMappingURL=index.d.ts.map

package/lib/variables/victorialogs-field-values/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/variables/victorialogs-field-values/index.ts"],"names":[],"mappings":"AAaA,cAAc,mCAAmC,CAAC"}

package/lib/variables/victorialogs-field-values/index.js

@@ -0,0 +1,15 @@
+// Copyright 2025 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.
+export * from './VictoriaLogsFieldValuesVariable';
+
+//# sourceMappingURL=index.js.map

package/lib/variables/victorialogs-field-values/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/variables/victorialogs-field-values/index.ts"],"sourcesContent":["// Copyright 2025 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 './VictoriaLogsFieldValuesVariable';\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,oCAAoC"}