@perses-dev/victorialogs-plugin 0.1.0 → 0.3.0-beta.0

package/lib/queries/victorialogs-time-series-query/VictoriaLogsTimeSeriesQueryEditor.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // 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.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DatasourceSelect, isVariableDatasource, useDatasourceSelectValueToSelector } from '@perses-dev/plugin-system';
 import { InputLabel, Stack } from '@mui/material';
 import { useCallback, useState, useEffect } from 'react';

package/lib/queries/victorialogs-time-series-query/VictoriaLogsTimeSeriesQueryEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/victorialogs-time-series-query/VictoriaLogsTimeSeriesQueryEditor.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.\n\nimport {\n  DatasourceSelect,\n  DatasourceSelectProps,\n  isVariableDatasource,\n  OptionsEditorProps,\n  useDatasourceSelectValueToSelector,\n} from '@perses-dev/plugin-system';\nimport { InputLabel, Stack } from '@mui/material';\nimport { ReactElement, useCallback, useState, useEffect } from 'react';\nimport { LogsQLEditor } from '../../components/logsql-editor';\nimport { VICTORIALOGS_DATASOURCE_KIND, VictoriaLogsDatasourceSelector } from '../../model';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { VictoriaLogsTimeSeriesQuerySpec } from './types';\n\ntype VictoriaLogsQueryEditorProps = OptionsEditorProps<VictoriaLogsTimeSeriesQuerySpec>;\n\nexport function VictoriaLogsQueryEditor(props: VictoriaLogsQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const datasourceSelectValue = datasource ?? DEFAULT_DATASOURCE;\n  const selectedDatasource = useDatasourceSelectValueToSelector(\n    datasourceSelectValue,\n    VICTORIALOGS_DATASOURCE_KIND\n  ) as VictoriaLogsDatasourceSelector;\n\n  // Local state for editor value to prevent query_range calls on every keystroke\n  const [localQuery, setLocalQuery] = useState(value.query);\n\n  // Update local state when prop changes\n  useEffect(() => {\n    setLocalQuery(value.query);\n  }, [value.query]);\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange({ ...value, datasource: newDatasourceSelection });\n      return;\n    }\n\n    throw new Error('Got unexpected non VictoriaLogsQuery datasource selection');\n  };\n\n  // Debounced query change handler to prevent excessive query_range calls\n  const handleQueryChange = useCallback((newQuery: string) => {\n    setLocalQuery(newQuery);\n  }, []);\n\n  // Immediate query execution on Enter or blur\n  const handleQueryExecute = useCallback(\n    (query: string) => {\n      onChange({ ...value, query });\n    },\n    [onChange, value]\n  );\n\n  return (\n    <Stack spacing={1.5} paddingBottom={1}>\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          Datasource\n        </InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          label=\"VictoriaLogs Datasource\"\n          notched\n        />\n      </div>\n\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          LogsQL Query\n        </InputLabel>\n        <LogsQLEditor\n          value={localQuery}\n          onChange={handleQueryChange}\n          onBlur={() => handleQueryExecute(localQuery)}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {\n              event.preventDefault();\n              handleQueryExecute(localQuery);\n            }\n          }}\n          placeholder='Enter LogsQL query (e.g. {job=\"mysql\"} |= \"error\")'\n          // height=\"120px\"\n        />\n      </div>\n    </Stack>\n  );\n}\n"],"names":["DatasourceSelect","isVariableDatasource","useDatasourceSelectValueToSelector","InputLabel","Stack","useCallback","useState","useEffect","LogsQLEditor","VICTORIALOGS_DATASOURCE_KIND","DATASOURCE_KIND","DEFAULT_DATASOURCE","VictoriaLogsQueryEditor","props","onChange","value","datasource","datasourceSelectValue","selectedDatasource","localQuery","setLocalQuery","query","handleDatasourceChange","newDatasourceSelection","kind","Error","handleQueryChange","newQuery","handleQueryExecute","spacing","paddingBottom","div","sx","display","marginBottom","fontWeight","datasourcePluginKind","label","notched","onBlur","onKeyDown","event","key","ctrlKey","metaKey","preventDefault","placeholder"],"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,SACEA,gBAAgB,EAEhBC,oBAAoB,EAEpBC,kCAAkC,QAC7B,4BAA4B;AACnC,SAASC,UAAU,EAAEC,KAAK,QAAQ,gBAAgB;AAClD,SAAuBC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,QAAQ;AACvE,SAASC,YAAY,QAAQ,iCAAiC;AAC9D,SAASC,4BAA4B,QAAwC,cAAc;AAC3F,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,eAAe;AAKnE,OAAO,SAASC,wBAAwBC,KAAmC;IACzE,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,wBAAwBD,cAAcL;IAC5C,MAAMO,qBAAqBhB,mCACzBe,uBACAR;IAGF,+EAA+E;IAC/E,MAAM,CAACU,YAAYC,cAAc,GAAGd,SAASS,MAAMM,KAAK;IAExD,uCAAuC;IACvCd,UAAU;QACRa,cAAcL,MAAMM,KAAK;IAC3B,GAAG;QAACN,MAAMM,KAAK;KAAC;IAEhB,MAAMC,yBAA4D,CAACC;QACjE,IAAI,CAACtB,qBAAqBsB,2BAA2BA,uBAAuBC,IAAI,KAAKd,iBAAiB;YACpGI,SAAS;gBAAE,GAAGC,KAAK;gBAAEC,YAAYO;YAAuB;YACxD;QACF;QAEA,MAAM,IAAIE,MAAM;IAClB;IAEA,wEAAwE;IACxE,MAAMC,oBAAoBrB,YAAY,CAACsB;QACrCP,cAAcO;IAChB,GAAG,EAAE;IAEL,6CAA6C;IAC7C,MAAMC,qBAAqBvB,YACzB,CAACgB;QACCP,SAAS;YAAE,GAAGC,KAAK;YAAEM;QAAM;IAC7B,GACA;QAACP;QAAUC;KAAM;IAGnB,qBACE,MAACX;QAAMyB,SAAS;QAAKC,eAAe;;0BAClC,MAACC;;kCACC,KAAC5B;wBACC6B,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAACnC;wBACCoC,sBAAsB1B;wBACtBK,OAAOG;wBACPJ,UAAUQ;wBACVe,OAAM;wBACNC,OAAO;;;;0BAIX,MAACP;;kCACC,KAAC5B;wBACC6B,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAAC3B;wBACCO,OAAOI;wBACPL,UAAUY;wBACVa,QAAQ,IAAMX,mBAAmBT;wBACjCqB,WAAW,CAACC;4BACV,IAAIA,MAAMC,GAAG,KAAK,WAAYD,CAAAA,MAAME,OAAO,IAAIF,MAAMG,OAAO,AAAD,GAAI;gCAC7DH,MAAMI,cAAc;gCACpBjB,mBAAmBT;4BACrB;wBACF;wBACA2B,aAAY;;;;;;AAMtB"}
+{"version":3,"sources":["../../../../src/queries/victorialogs-time-series-query/VictoriaLogsTimeSeriesQueryEditor.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.\n\nimport {\n  DatasourceSelect,\n  DatasourceSelectProps,\n  isVariableDatasource,\n  OptionsEditorProps,\n  useDatasourceSelectValueToSelector,\n} from '@perses-dev/plugin-system';\nimport { InputLabel, Stack } from '@mui/material';\nimport { ReactElement, useCallback, useState, useEffect } from 'react';\nimport { LogsQLEditor } from '../../components/logsql-editor';\nimport { VICTORIALOGS_DATASOURCE_KIND, VictoriaLogsDatasourceSelector } from '../../model';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { VictoriaLogsTimeSeriesQuerySpec } from './types';\n\ntype VictoriaLogsQueryEditorProps = OptionsEditorProps<VictoriaLogsTimeSeriesQuerySpec>;\n\nexport function VictoriaLogsQueryEditor(props: VictoriaLogsQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const datasourceSelectValue = datasource ?? DEFAULT_DATASOURCE;\n  const selectedDatasource = useDatasourceSelectValueToSelector(\n    datasourceSelectValue,\n    VICTORIALOGS_DATASOURCE_KIND\n  ) as VictoriaLogsDatasourceSelector;\n\n  // Local state for editor value to prevent query_range calls on every keystroke\n  const [localQuery, setLocalQuery] = useState(value.query);\n\n  // Update local state when prop changes\n  useEffect(() => {\n    setLocalQuery(value.query);\n  }, [value.query]);\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange({ ...value, datasource: newDatasourceSelection });\n      return;\n    }\n\n    throw new Error('Got unexpected non VictoriaLogsQuery datasource selection');\n  };\n\n  // Debounced query change handler to prevent excessive query_range calls\n  const handleQueryChange = useCallback((newQuery: string) => {\n    setLocalQuery(newQuery);\n  }, []);\n\n  // Immediate query execution on Enter or blur\n  const handleQueryExecute = useCallback(\n    (query: string) => {\n      onChange({ ...value, query });\n    },\n    [onChange, value]\n  );\n\n  return (\n    <Stack spacing={1.5} paddingBottom={1}>\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          Datasource\n        </InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          label=\"VictoriaLogs Datasource\"\n          notched\n        />\n      </div>\n\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          LogsQL Query\n        </InputLabel>\n        <LogsQLEditor\n          value={localQuery}\n          onChange={handleQueryChange}\n          onBlur={() => handleQueryExecute(localQuery)}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {\n              event.preventDefault();\n              handleQueryExecute(localQuery);\n            }\n          }}\n          placeholder='Enter LogsQL query (e.g. {job=\"mysql\"} |= \"error\")'\n          // height=\"120px\"\n        />\n      </div>\n    </Stack>\n  );\n}\n"],"names":["DatasourceSelect","isVariableDatasource","useDatasourceSelectValueToSelector","InputLabel","Stack","useCallback","useState","useEffect","LogsQLEditor","VICTORIALOGS_DATASOURCE_KIND","DATASOURCE_KIND","DEFAULT_DATASOURCE","VictoriaLogsQueryEditor","props","onChange","value","datasource","datasourceSelectValue","selectedDatasource","localQuery","setLocalQuery","query","handleDatasourceChange","newDatasourceSelection","kind","Error","handleQueryChange","newQuery","handleQueryExecute","spacing","paddingBottom","div","sx","display","marginBottom","fontWeight","datasourcePluginKind","label","notched","onBlur","onKeyDown","event","key","ctrlKey","metaKey","preventDefault","placeholder"],"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,SACEA,gBAAgB,EAEhBC,oBAAoB,EAEpBC,kCAAkC,QAC7B,4BAA4B;AACnC,SAASC,UAAU,EAAEC,KAAK,QAAQ,gBAAgB;AAClD,SAAuBC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,QAAQ;AACvE,SAASC,YAAY,QAAQ,iCAAiC;AAC9D,SAASC,4BAA4B,QAAwC,cAAc;AAC3F,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,eAAe;AAKnE,OAAO,SAASC,wBAAwBC,KAAmC;IACzE,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,wBAAwBD,cAAcL;IAC5C,MAAMO,qBAAqBhB,mCACzBe,uBACAR;IAGF,+EAA+E;IAC/E,MAAM,CAACU,YAAYC,cAAc,GAAGd,SAASS,MAAMM,KAAK;IAExD,uCAAuC;IACvCd,UAAU;QACRa,cAAcL,MAAMM,KAAK;IAC3B,GAAG;QAACN,MAAMM,KAAK;KAAC;IAEhB,MAAMC,yBAA4D,CAACC;QACjE,IAAI,CAACtB,qBAAqBsB,2BAA2BA,uBAAuBC,IAAI,KAAKd,iBAAiB;YACpGI,SAAS;gBAAE,GAAGC,KAAK;gBAAEC,YAAYO;YAAuB;YACxD;QACF;QAEA,MAAM,IAAIE,MAAM;IAClB;IAEA,wEAAwE;IACxE,MAAMC,oBAAoBrB,YAAY,CAACsB;QACrCP,cAAcO;IAChB,GAAG,EAAE;IAEL,6CAA6C;IAC7C,MAAMC,qBAAqBvB,YACzB,CAACgB;QACCP,SAAS;YAAE,GAAGC,KAAK;YAAEM;QAAM;IAC7B,GACA;QAACP;QAAUC;KAAM;IAGnB,qBACE,MAACX;QAAMyB,SAAS;QAAKC,eAAe;;0BAClC,MAACC;;kCACC,KAAC5B;wBACC6B,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAACnC;wBACCoC,sBAAsB1B;wBACtBK,OAAOG;wBACPJ,UAAUQ;wBACVe,OAAM;wBACNC,OAAO;;;;0BAIX,MAACP;;kCACC,KAAC5B;wBACC6B,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAAC3B;wBACCO,OAAOI;wBACPL,UAAUY;wBACVa,QAAQ,IAAMX,mBAAmBT;wBACjCqB,WAAW,CAACC;4BACV,IAAIA,MAAMC,GAAG,KAAK,WAAYD,CAAAA,MAAME,OAAO,IAAIF,MAAMG,OAAO,AAAD,GAAI;gCAC7DH,MAAMI,cAAc;gCACpBjB,mBAAmBT;4BACrB;wBACF;wBACA2B,aAAY;;;;;;AAMtB"}

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

@@ -1 +1 @@
-{"version":3,"file":"VictoriaLogsFieldNamesVariableEditor.d.ts","sourceRoot":"","sources":["../../../../src/variables/victorialogs-field-names/VictoriaLogsFieldNamesVariableEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAGL,kBAAkB,EAGnB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAyB,MAAM,OAAO,CAAC;AAS5D,OAAO,EACL,qCAAqC,EACtC,MAAM,UAAU,CAAC;AAElB,wBAAgB,oCAAoC,CAClD,KAAK,EAAE,kBAAkB,CAAC,qCAAqC,CAAC,GAC/D,YAAY,CAoEd"}
+{"version":3,"file":"VictoriaLogsFieldNamesVariableEditor.d.ts","sourceRoot":"","sources":["../../../../src/variables/victorialogs-field-names/VictoriaLogsFieldNamesVariableEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAGL,kBAAkB,EAGnB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAe,MAAM,OAAO,CAAC;AAQlD,OAAO,EAAE,qCAAqC,EAAE,MAAM,UAAU,CAAC;AAEjE,wBAAgB,oCAAoC,CAClD,KAAK,EAAE,kBAAkB,CAAC,qCAAqC,CAAC,GAC/D,YAAY,CA8Dd"}

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // 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.
@@ -10,14 +11,13 @@
 // 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 { onChange, value, value: { datasource, query } } = props;
     const datasourceSelectValue = datasource ?? DEFAULT_VICTORIALOGS;
     const selectedDatasource = useDatasourceSelectValueToSelector(datasourceSelectValue, VICTORIALOGS_DATASOURCE_KIND);
     const handleDatasourceChange = useCallback((next)=>{
@@ -25,28 +25,19 @@ export function VictoriaLogsFieldNamesVariableEditor(props) {
             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, {

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

@@ -1 +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"}
+{"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 } from 'react';\nimport {\n  DEFAULT_VICTORIALOGS,\n  isDefaultVictoriaLogsSelector,\n  isVictoriaLogsDatasourceSelector,\n  VICTORIALOGS_DATASOURCE_KIND,\n  VictoriaLogsDatasourceSelector,\n} from '../../model';\nimport { VictoriaLogsFieldNamesVariableOptions } from '../types';\n\nexport function VictoriaLogsFieldNamesVariableEditor(\n  props: OptionsEditorProps<VictoriaLogsFieldNamesVariableOptions>\n): ReactElement {\n  const {\n    onChange,\n    value,\n    value: { datasource, query },\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        return;\n      }\n\n      throw new Error('Got unexpected non-VictoriaLogs datasource selector');\n    },\n    [onChange, 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    },\n    [onChange, 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","datasourceSelectValue","selectedDatasource","handleDatasourceChange","next","draft","undefined","Error","handleQueryChange","event","target","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,QAAQ,QAAQ;AAClD,SACEC,oBAAoB,EACpBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,4BAA4B,QAEvB,cAAc;AAGrB,OAAO,SAASC,qCACdC,KAAgE;IAEhE,MAAM,EACJC,QAAQ,EACRC,KAAK,EACLA,OAAO,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAC7B,GAAGJ;IAEJ,MAAMK,wBAAwBF,cAAcR;IAC5C,MAAMW,qBAAqBd,mCACzBa,uBACAP;IAEF,MAAMS,yBAA4Db,YAChE,CAACc;QACC,IAAIjB,qBAAqBiB,SAASX,iCAAiCW,OAAO;YACxEP,SACER,QAAQS,OAAO,CAACO;gBACdA,MAAMN,UAAU,GAAG,CAACZ,qBAAqBiB,SAASZ,8BAA8BY,QAAQE,YAAYF;YACtG;YAEF;QACF;QAEA,MAAM,IAAIG,MAAM;IAClB,GACA;QAACV;QAAUC;KAAM;IAGnB,MAAMU,oBAAoBlB,YACxB,CAACmB;QACCZ,SACER,QAAQS,OAAO,CAACO;YACdA,MAAML,KAAK,GAAGS,MAAMC,MAAM,CAACZ,KAAK;QAClC;IAEJ,GACA;QAACD;QAAUC;KAAM;IAGnB,qBACE,MAACd;QAAM2B,SAAS;;0BACd,KAAC5B;gBAAY6B,QAAO;0BAClB,cAAA,KAAC1B;oBACC2B,sBAAqB;oBACrBf,OAAOI;oBACPL,UAAUM;oBACVW,UAAUlB,MAAMmB,UAAU;oBAC1BC,SAAQ;oBACRC,OAAM;;;0BAGV,KAAChC;gBACCgC,OAAM;gBACNC,iBAAiB;oBAAEC,QAAQvB,MAAMmB,UAAU,GAAG,OAAOT;gBAAU;gBAC/Dc,YAAY;oBACVC,UAAUzB,MAAMmB,UAAU;gBAC5B;gBACAjB,OAAOE;gBACPH,UAAUW;;;;AAIlB"}

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

@@ -1 +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"}
+{"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,EAAwC,MAAM,OAAO,CAAC;AAQ3E,OAAO,EAAE,sCAAsC,EAAE,MAAM,UAAU,CAAC;AAGlE,wBAAgB,qCAAqC,CACnD,KAAK,EAAE,kBAAkB,CAAC,sCAAsC,CAAC,GAChE,YAAY,CA2Fd"}

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // 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.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-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';
@@ -18,7 +18,7 @@ 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 { onChange, value, value: { datasource, query, field } } = props;
     const datasourceSelectValue = datasource ?? DEFAULT_VICTORIALOGS;
     const selectedDatasource = useDatasourceSelectValueToSelector(datasourceSelectValue, VICTORIALOGS_DATASOURCE_KIND);
     const { data: fieldNames, isLoading: isFieldNamesOptionsLoading } = useFieldNames(query, selectedDatasource);
@@ -28,49 +28,32 @@ export function VictoriaLogsFieldValuesVariableEditor(props) {
                 // 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 || "";
+            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, {

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

@@ -1 +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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"}
+{"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, useMemo, SyntheticEvent } from 'react';\nimport {\n  DEFAULT_VICTORIALOGS,\n  isDefaultVictoriaLogsSelector,\n  isVictoriaLogsDatasourceSelector,\n  VICTORIALOGS_DATASOURCE_KIND,\n  VictoriaLogsDatasourceSelector,\n} from '../../model';\nimport { VictoriaLogsFieldValuesVariableOptions } 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  } = 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        return;\n      }\n\n      throw new Error('Got unexpected non-VictoriaLogs datasource selector');\n    },\n    [onChange, 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    },\n    [onChange, 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    },\n    [onChange, value]\n  );\n\n  const fieldNamesOptions = useMemo(() => {\n    return fieldNames?.values.map((o) => o.value) || [];\n  }, [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 <TextField {...params} required label=\"Field Name\" variant=\"outlined\" />;\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","datasourceSelectValue","selectedDatasource","data","fieldNames","isLoading","isFieldNamesOptionsLoading","handleDatasourceChange","next","draft","undefined","Error","handleQueryChange","event","target","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":";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,EAAEC,YAAY,QAAQ,gBAAgB;AAC5E,SACEC,gBAAgB,EAGhBC,oBAAoB,EACpBC,kCAAkC,QAC7B,4BAA4B;AACnC,SAASC,OAAO,QAAQ,QAAQ;AAChC,SAAuBC,WAAW,EAAEC,OAAO,QAAwB,QAAQ;AAC3E,SACEC,oBAAoB,EACpBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,4BAA4B,QAEvB,cAAc;AAErB,SAASC,aAAa,QAAQ,WAAW;AAEzC,OAAO,SAASC,sCACdC,KAAiE;IAEjE,MAAM,EACJC,QAAQ,EACRC,KAAK,EACLA,OAAO,EAAEC,UAAU,EAAEC,KAAK,EAAEC,KAAK,EAAE,EACpC,GAAGL;IACJ,MAAMM,wBAAwBH,cAAcT;IAC5C,MAAMa,qBAAqBjB,mCACzBgB,uBACAT;IAEF,MAAM,EAAEW,MAAMC,UAAU,EAAEC,WAAWC,0BAA0B,EAAE,GAAGb,cAAcM,OAAOG;IACzF,MAAMK,yBAA4DpB,YAChE,CAACqB;QACC,IAAIxB,qBAAqBwB,SAASjB,iCAAiCiB,OAAO;YACxEZ,SACEV,QAAQW,OAAO,CAACY;gBACd,sFAAsF;gBACtFA,MAAMX,UAAU,GAAG,CAACd,qBAAqBwB,SAASlB,8BAA8BkB,QAAQE,YAAYF;YACtG;YAEF;QACF;QAEA,MAAM,IAAIG,MAAM;IAClB,GACA;QAACf;QAAUC;KAAM;IAGnB,MAAMe,oBAAoBzB,YACxB,CAAC0B;QACCjB,SACEV,QAAQW,OAAO,CAACY;YACdA,MAAMV,KAAK,GAAGc,MAAMC,MAAM,CAACjB,KAAK;QAClC;IAEJ,GACA;QAACD;QAAUC;KAAM;IAGnB,MAAMkB,oBAAoB5B,YACxB,CAAC6B,GAAmBC;QAClBrB,SACEV,QAAQW,OAAO,CAACY;YACdA,MAAMT,KAAK,GAAGiB,YAAY;QAC5B;IAEJ,GACA;QAACrB;QAAUC;KAAM;IAGnB,MAAMqB,oBAAoB9B,QAAQ;QAChC,OAAOgB,YAAYe,OAAOC,IAAI,CAACC,IAAMA,EAAExB,KAAK,KAAK,EAAE;IACrD,GAAG;QAACO;KAAW;IAEf,qBACE,MAACxB;QAAM0C,SAAS;;0BACd,KAAC3C;gBAAY4C,QAAO;0BAClB,cAAA,KAACxC;oBACCyC,sBAAqB;oBACrB3B,OAAOI;oBACPL,UAAUW;oBACVkB,UAAU9B,MAAM+B,UAAU;oBAC1BC,SAAQ;oBACRC,OAAM;;;0BAIV,KAAC9C;gBACC+C,QAAQ;gBACRC,gBAAgB;gBAChBjC,OAAOG;gBACP+B,SAASzB;gBACT0B,SAASd;gBACTe,aAAa,CAACC;oBACZ,qBAAO,KAACrD;wBAAW,GAAGqD,MAAM;wBAAEC,QAAQ;wBAACP,OAAM;wBAAaQ,SAAQ;;gBACpE;gBACAxC,UAAUmB;;0BAEZ,KAAClC;gBACCsD,QAAQ;gBACRP,OAAM;gBACNS,iBAAiB;oBAAEC,QAAQ3C,MAAM+B,UAAU,GAAG,OAAOhB;gBAAU;gBAC/D6B,YAAY;oBACVd,UAAU9B,MAAM+B,UAAU;gBAC5B;gBACA7B,OAAOE;gBACPH,UAAUgB;;;;AAIlB"}