@perses-dev/plugin-system 0.55.0-beta.3 → 0.55.0-beta.7

package/dist/components/DatasourceSelect/DatasourceSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DatasourceSelect/DatasourceSelect.tsx"],"sourcesContent":["// Copyright 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  Stack,\n  ListItemText,\n  Chip,\n  IconButton,\n  Box,\n  OutlinedSelectProps,\n  BaseSelectProps,\n  Autocomplete,\n  TextField,\n} from '@mui/material';\nimport { DatasourceSelector, VariableName } from '@perses-dev/spec';\nimport OpenInNewIcon from 'mdi-material-ui/OpenInNew';\nimport { ReactElement, useMemo } from 'react';\n\nimport {\n  DatasourceSelectItem,\n  DatasourceSelectItemGroup,\n  DatasourceSelectItemSelector,\n  useListDatasourceSelectItems,\n  useVariableValues,\n  VariableStateMap,\n} from '../../runtime';\nimport { parseVariables } from '../../utils';\n\nconst DATASOURCE_VARIABLE_VALUE_PREFIX = '__DATASOURCE_VARIABLE_VALUE__';\nconst VARIABLE_IDENTIFIER = '$';\n// Props on MUI Select that we don't want people to pass because we're either redefining them or providing them in\n// this component\ntype OmittedMuiProps = 'children' | 'value' | 'onChange';\n\ntype DataSourceOption = {\n  groupEditLink?: string;\n  groupLabel?: string;\n  value: string;\n} & Omit<DatasourceSelectItem, 'selector'> &\n  Omit<DatasourceSelectItem['selector'], 'kind'>;\n\nconst emptyDatasourceOption: DataSourceOption = { name: '', value: '' };\n\nexport type DatasourceSelectValue<T = DatasourceSelector> = T | VariableName;\n\nexport interface DatasourceSelectProps extends Omit<OutlinedSelectProps & BaseSelectProps<string>, OmittedMuiProps> {\n  value: DatasourceSelectValue;\n  onChange: (next: DatasourceSelectValue) => void;\n  datasourcePluginKind: string;\n  project?: string;\n}\n\n/**\n * Displays a MUI input for selecting a Datasource of a particular kind. Note: The 'value' and `onChange` handler for\n * the input deal with a `DatasourceSelector`.\n */\nexport function DatasourceSelect(props: DatasourceSelectProps): ReactElement {\n  const { datasourcePluginKind, value, project, readOnly, onChange, ...others } = props;\n  const { data, isLoading } = useListDatasourceSelectItems(datasourcePluginKind, project);\n  const variables = useVariableValues();\n\n  const defaultValue = useMemo<VariableName | DatasourceSelectItemSelector>(() => {\n    if (isVariableDatasource(value)) {\n      return value;\n    }\n\n    const group = (data ?? [])\n      .flatMap((itemGroup) => itemGroup.items)\n      .find((item) => {\n        return value.kind === item.selector.kind && value.name === item.selector.name && !item.overridden;\n      })?.selector.group;\n    return { ...value, group };\n  }, [value, data]);\n\n  const options = useMemo<DataSourceOption[]>(() => {\n    const datasourceOptions = (data || []).flatMap<DataSourceOption>((itemGroup) =>\n      itemGroup.items.map<DataSourceOption>((item) => ({\n        groupLabel: itemGroup.group,\n        groupEditLink: itemGroup.editLink,\n        name: item.name,\n        overriding: item.overriding,\n        overridden: item.overridden,\n        saved: item.saved ?? true,\n        group: item.selector.group,\n        value: selectorToOptionValue(item.selector),\n      })),\n    );\n\n    const datasourceOptionsMap = new Map(datasourceOptions.map((option) => [option.name, option]));\n\n    const variableOptions = Object.entries(variables).flatMap<DataSourceOption>(([name, variable]) => {\n      if (Array.isArray(variable.value)) return [];\n\n      const associatedDatasource = datasourceOptionsMap.get(variable.value ?? '');\n      if (!associatedDatasource) return [];\n\n      return {\n        groupLabel: 'Variables',\n        name: `${VARIABLE_IDENTIFIER}${name}`,\n        saved: true,\n        value: `${DATASOURCE_VARIABLE_VALUE_PREFIX}${VARIABLE_IDENTIFIER}${name}`,\n      };\n    });\n\n    return [...datasourceOptions, ...variableOptions];\n  }, [data, variables]);\n\n  // While loading available values, just use an empty datasource option so MUI select doesn't warn about values out of range\n  const optionValue = isLoading\n    ? emptyDatasourceOption\n    : options.find((option) => option.value === selectorToOptionValue(defaultValue));\n\n  // When the user makes a selection, convert the string option value back to a DatasourceSelector\n  const handleChange = (selectedOption: DataSourceOption | null): void => {\n    if (selectedOption) {\n      const next = optionValueToSelector(selectedOption?.value || '');\n      onChange(next);\n    } else {\n      onChange({ kind: datasourcePluginKind });\n    }\n  };\n\n  // We use a fake action event when we click on the action of the chip (hijack the \"delete\" feature).\n  // This is because the href link action is on the `deleteIcon` property already, but the `onDelete` property\n  // controls its visibility.\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  const fakeActionEvent = (): void => {};\n\n  return (\n    <Autocomplete<DataSourceOption>\n      readOnly={readOnly}\n      options={options}\n      renderInput={(params) => <TextField {...params} label={others.label} placeholder=\"\" />}\n      groupBy={(option) => option.groupLabel || 'No group'}\n      getOptionLabel={(option) => {\n        return option.name;\n      }}\n      onChange={(_, v) => handleChange(v)}\n      value={optionValue}\n      renderOption={(props, option) => {\n        return (\n          <li {...props} key={option.value}>\n            <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\" width=\"100%\">\n              <ListItemText>\n                <DatasourceName name={option.name} overridden={option.overridden} overriding={option.overriding} />\n              </ListItemText>\n              {!option.saved && <ListItemText>Save the dashboard to enable this datasource</ListItemText>}\n              <ListItemText style={{ textAlign: 'right' }}>\n                {option.groupLabel && option.groupLabel.length > 0 && (\n                  <Chip\n                    disabled={false}\n                    label={option.groupLabel}\n                    size=\"small\"\n                    onDelete={option.groupEditLink ? fakeActionEvent : undefined}\n                    deleteIcon={\n                      option.groupEditLink ? (\n                        <IconButton href={option.groupEditLink} target=\"_blank\">\n                          <OpenInNewIcon fontSize=\"small\" />\n                        </IconButton>\n                      ) : undefined\n                    }\n                  />\n                )}\n              </ListItemText>\n            </Stack>\n          </li>\n        );\n      }}\n    />\n  );\n}\n\nexport function DatasourceName(props: { name: string; overridden?: boolean; overriding?: boolean }): ReactElement {\n  const { name, overridden, overriding } = props;\n  return (\n    <>\n      {`${name} `}\n      {!overridden && overriding && (\n        <Box display=\"inline\" fontWeight=\"normal\" color={(theme) => theme.palette.primary.main}>\n          (overriding)\n        </Box>\n      )}\n      {overridden && '(overridden)'}\n    </>\n  );\n}\n\n// Delimiter used to stringify/parse option values\nconst OPTION_VALUE_DELIMITER = '_____';\n\n/**\n * Given a DatasourceSelectItemSelector,\n * returns a string value like `{kind}_____{group}_____{name}` that can be used as a Select input value.\n * @param selector\n */\nexport function selectorToOptionValue(selector: DatasourceSelectItemSelector | VariableName): string {\n  if (isVariableDatasource(selector)) {\n    return `${DATASOURCE_VARIABLE_VALUE_PREFIX}${selector}`;\n  }\n  return [selector.kind, selector.group ?? '', selector.name ?? ''].join(OPTION_VALUE_DELIMITER);\n}\n\n/**\n * Given an option value name like `{kind}_____{group}_____{name}`,\n * returns a DatasourceSelector to be used by the query data model.\n * @param optionValue\n */\nexport function optionValueToSelector(optionValue: string): DatasourceSelectValue {\n  if (optionValue.startsWith(DATASOURCE_VARIABLE_VALUE_PREFIX)) {\n    return optionValue.split(DATASOURCE_VARIABLE_VALUE_PREFIX)[1]!;\n  }\n\n  const words = optionValue.split(OPTION_VALUE_DELIMITER);\n  const kind = words[0];\n  const name = words[2];\n  if (kind === undefined || name === undefined) {\n    throw new Error('Invalid optionValue string');\n  }\n  return {\n    kind,\n    name: name === '' ? undefined : name,\n  };\n}\n\nexport function isVariableDatasource(value: DatasourceSelectValue | undefined): value is VariableName {\n  return typeof value === 'string' && value.startsWith(VARIABLE_IDENTIFIER);\n}\n\nexport const datasourceSelectValueToSelector = (\n  value: DatasourceSelectValue | undefined,\n  variables: VariableStateMap,\n  datasourceSelectItemGroups: DatasourceSelectItemGroup[] | undefined,\n): DatasourceSelector | undefined => {\n  if (!isVariableDatasource(value)) {\n    return value;\n  }\n\n  const [variableName] = parseVariables(value);\n  const variable = variables[variableName ?? ''];\n\n  // If the variable is not defined or if its value is an array, we cannot determine a selector and return undefined\n  if (!variable || Array.isArray(variable.value)) {\n    return undefined;\n  }\n\n  const associatedDatasource = (datasourceSelectItemGroups || [])\n    .flatMap((itemGroup) => itemGroup.items)\n    .find((datasource) => datasource.name === variable.value);\n\n  // If the variable value is not a datasource, we cannot determine a selector and return undefined\n  if (associatedDatasource === undefined) {\n    return undefined;\n  }\n\n  const datasourceSelector: DatasourceSelector = {\n    kind: associatedDatasource.selector.kind,\n    name: associatedDatasource.selector.name,\n  };\n\n  return datasourceSelector;\n};\n\nexport const useDatasourceSelectValueToSelector = (\n  value: DatasourceSelectValue,\n  datasourcePluginKind: string,\n): DatasourceSelector => {\n  const { data } = useListDatasourceSelectItems(datasourcePluginKind);\n  const variables = useVariableValues();\n  if (!isVariableDatasource(value)) {\n    return value;\n  }\n\n  return datasourceSelectValueToSelector(value, variables, data) ?? { kind: datasourcePluginKind };\n};\n"],"names":["Stack","ListItemText","Chip","IconButton","Box","Autocomplete","TextField","OpenInNewIcon","useMemo","useListDatasourceSelectItems","useVariableValues","parseVariables","DATASOURCE_VARIABLE_VALUE_PREFIX","VARIABLE_IDENTIFIER","emptyDatasourceOption","name","value","DatasourceSelect","props","datasourcePluginKind","project","readOnly","onChange","others","data","isLoading","variables","defaultValue","isVariableDatasource","group","flatMap","itemGroup","items","find","item","kind","selector","overridden","options","datasourceOptions","map","groupLabel","groupEditLink","editLink","overriding","saved","selectorToOptionValue","datasourceOptionsMap","Map","option","variableOptions","Object","entries","variable","Array","isArray","associatedDatasource","get","optionValue","handleChange","selectedOption","next","optionValueToSelector","fakeActionEvent","renderInput","params","label","placeholder","groupBy","getOptionLabel","_","v","renderOption","li","key","direction","alignItems","justifyContent","width","DatasourceName","style","textAlign","length","disabled","size","onDelete","undefined","deleteIcon","href","target","fontSize","display","fontWeight","color","theme","palette","primary","main","OPTION_VALUE_DELIMITER","join","startsWith","split","words","Error","datasourceSelectValueToSelector","datasourceSelectItemGroups","variableName","datasource","datasourceSelector","useDatasourceSelectValueToSelector"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/DatasourceSelect/DatasourceSelect.tsx"],"sourcesContent":["// Copyright 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 type { OutlinedSelectProps, BaseSelectProps } from '@mui/material';\nimport { Stack, ListItemText, Chip, IconButton, Box, Autocomplete, TextField } from '@mui/material';\nimport type { DatasourceSelector, VariableName } from '@perses-dev/spec';\nimport OpenInNewIcon from 'mdi-material-ui/OpenInNew';\nimport type { ReactElement } from 'react';\nimport { useMemo } from 'react';\n\nimport type {\n  DatasourceSelectItem,\n  DatasourceSelectItemGroup,\n  DatasourceSelectItemSelector,\n  VariableStateMap,\n} from '../../runtime';\nimport { useListDatasourceSelectItems, useVariableValues } from '../../runtime';\nimport { parseVariables } from '../../utils';\n\nconst DATASOURCE_VARIABLE_VALUE_PREFIX = '__DATASOURCE_VARIABLE_VALUE__';\nconst VARIABLE_IDENTIFIER = '$';\n// Props on MUI Select that we don't want people to pass because we're either redefining them or providing them in\n// this component\ntype OmittedMuiProps = 'children' | 'value' | 'onChange';\n\ntype DataSourceOption = {\n  groupEditLink?: string;\n  groupLabel?: string;\n  value: string;\n} & Omit<DatasourceSelectItem, 'selector'> &\n  Omit<DatasourceSelectItem['selector'], 'kind'>;\n\nconst emptyDatasourceOption: DataSourceOption = { name: '', value: '' };\n\nexport type DatasourceSelectValue<T = DatasourceSelector> = T | VariableName;\n\nexport interface DatasourceSelectProps extends Omit<OutlinedSelectProps & BaseSelectProps<string>, OmittedMuiProps> {\n  value: DatasourceSelectValue;\n  onChange: (next: DatasourceSelectValue) => void;\n  datasourcePluginKind: string;\n  project?: string;\n}\n\n/**\n * Displays a MUI input for selecting a Datasource of a particular kind. Note: The 'value' and `onChange` handler for\n * the input deal with a `DatasourceSelector`.\n */\nexport function DatasourceSelect(props: DatasourceSelectProps): ReactElement {\n  const { datasourcePluginKind, value, project, readOnly, onChange, ...others } = props;\n  const { data, isLoading } = useListDatasourceSelectItems(datasourcePluginKind, project);\n  const variables = useVariableValues();\n\n  const defaultValue = useMemo<VariableName | DatasourceSelectItemSelector>(() => {\n    if (isVariableDatasource(value)) {\n      return value;\n    }\n\n    const group = (data ?? [])\n      .flatMap((itemGroup) => itemGroup.items)\n      .find((item) => {\n        return value.kind === item.selector.kind && value.name === item.selector.name && !item.overridden;\n      })?.selector.group;\n    return { ...value, group };\n  }, [value, data]);\n\n  const options = useMemo<DataSourceOption[]>(() => {\n    const datasourceOptions = (data || []).flatMap<DataSourceOption>((itemGroup) =>\n      itemGroup.items.map<DataSourceOption>((item) => ({\n        groupLabel: itemGroup.group,\n        groupEditLink: itemGroup.editLink,\n        name: item.name,\n        overriding: item.overriding,\n        overridden: item.overridden,\n        saved: item.saved ?? true,\n        group: item.selector.group,\n        value: selectorToOptionValue(item.selector),\n      })),\n    );\n\n    const datasourceOptionsMap = new Map(datasourceOptions.map((option) => [option.name, option]));\n\n    const variableOptions = Object.entries(variables).flatMap<DataSourceOption>(([name, variable]) => {\n      if (Array.isArray(variable.value)) return [];\n\n      const associatedDatasource = datasourceOptionsMap.get(variable.value ?? '');\n      if (!associatedDatasource) return [];\n\n      return {\n        groupLabel: 'Variables',\n        name: `${VARIABLE_IDENTIFIER}${name}`,\n        saved: true,\n        value: `${DATASOURCE_VARIABLE_VALUE_PREFIX}${VARIABLE_IDENTIFIER}${name}`,\n      };\n    });\n\n    return [...datasourceOptions, ...variableOptions];\n  }, [data, variables]);\n\n  // While loading available values, just use an empty datasource option so MUI select doesn't warn about values out of range\n  const optionValue = isLoading\n    ? emptyDatasourceOption\n    : options.find((option) => option.value === selectorToOptionValue(defaultValue));\n\n  // When the user makes a selection, convert the string option value back to a DatasourceSelector\n  const handleChange = (selectedOption: DataSourceOption | null): void => {\n    if (selectedOption) {\n      const next = optionValueToSelector(selectedOption?.value || '');\n      onChange(next);\n    } else {\n      onChange({ kind: datasourcePluginKind });\n    }\n  };\n\n  // We use a fake action event when we click on the action of the chip (hijack the \"delete\" feature).\n  // This is because the href link action is on the `deleteIcon` property already, but the `onDelete` property\n  // controls its visibility.\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  const fakeActionEvent = (): void => {};\n\n  return (\n    <Autocomplete<DataSourceOption>\n      readOnly={readOnly}\n      options={options}\n      renderInput={(params) => <TextField {...params} label={others.label} placeholder=\"\" />}\n      groupBy={(option) => option.groupLabel || 'No group'}\n      getOptionLabel={(option) => {\n        return option.name;\n      }}\n      onChange={(_, v) => handleChange(v)}\n      value={optionValue}\n      renderOption={(props, option) => {\n        return (\n          <li {...props} key={option.value}>\n            <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\" width=\"100%\">\n              <ListItemText>\n                <DatasourceName name={option.name} overridden={option.overridden} overriding={option.overriding} />\n              </ListItemText>\n              {!option.saved && <ListItemText>Save the dashboard to enable this datasource</ListItemText>}\n              <ListItemText style={{ textAlign: 'right' }}>\n                {option.groupLabel && option.groupLabel.length > 0 && (\n                  <Chip\n                    disabled={false}\n                    label={option.groupLabel}\n                    size=\"small\"\n                    onDelete={option.groupEditLink ? fakeActionEvent : undefined}\n                    deleteIcon={\n                      option.groupEditLink ? (\n                        <IconButton href={option.groupEditLink} target=\"_blank\">\n                          <OpenInNewIcon fontSize=\"small\" />\n                        </IconButton>\n                      ) : undefined\n                    }\n                  />\n                )}\n              </ListItemText>\n            </Stack>\n          </li>\n        );\n      }}\n    />\n  );\n}\n\nexport function DatasourceName(props: { name: string; overridden?: boolean; overriding?: boolean }): ReactElement {\n  const { name, overridden, overriding } = props;\n  return (\n    <>\n      {`${name} `}\n      {!overridden && overriding && (\n        <Box display=\"inline\" fontWeight=\"normal\" color={(theme) => theme.palette.primary.main}>\n          (overriding)\n        </Box>\n      )}\n      {overridden && '(overridden)'}\n    </>\n  );\n}\n\n// Delimiter used to stringify/parse option values\nconst OPTION_VALUE_DELIMITER = '_____';\n\n/**\n * Given a DatasourceSelectItemSelector,\n * returns a string value like `{kind}_____{group}_____{name}` that can be used as a Select input value.\n * @param selector\n */\nexport function selectorToOptionValue(selector: DatasourceSelectItemSelector | VariableName): string {\n  if (isVariableDatasource(selector)) {\n    return `${DATASOURCE_VARIABLE_VALUE_PREFIX}${selector}`;\n  }\n  return [selector.kind, selector.group ?? '', selector.name ?? ''].join(OPTION_VALUE_DELIMITER);\n}\n\n/**\n * Given an option value name like `{kind}_____{group}_____{name}`,\n * returns a DatasourceSelector to be used by the query data model.\n * @param optionValue\n */\nexport function optionValueToSelector(optionValue: string): DatasourceSelectValue {\n  if (optionValue.startsWith(DATASOURCE_VARIABLE_VALUE_PREFIX)) {\n    return optionValue.split(DATASOURCE_VARIABLE_VALUE_PREFIX)[1]!;\n  }\n\n  const words = optionValue.split(OPTION_VALUE_DELIMITER);\n  const kind = words[0];\n  const name = words[2];\n  if (kind === undefined || name === undefined) {\n    throw new Error('Invalid optionValue string');\n  }\n  return {\n    kind,\n    name: name === '' ? undefined : name,\n  };\n}\n\nexport function isVariableDatasource(value: DatasourceSelectValue | undefined): value is VariableName {\n  return typeof value === 'string' && value.startsWith(VARIABLE_IDENTIFIER);\n}\n\nexport const datasourceSelectValueToSelector = (\n  value: DatasourceSelectValue | undefined,\n  variables: VariableStateMap,\n  datasourceSelectItemGroups: DatasourceSelectItemGroup[] | undefined,\n): DatasourceSelector | undefined => {\n  if (!isVariableDatasource(value)) {\n    return value;\n  }\n\n  const [variableName] = parseVariables(value);\n  const variable = variables[variableName ?? ''];\n\n  // If the variable is not defined or if its value is an array, we cannot determine a selector and return undefined\n  if (!variable || Array.isArray(variable.value)) {\n    return undefined;\n  }\n\n  const associatedDatasource = (datasourceSelectItemGroups || [])\n    .flatMap((itemGroup) => itemGroup.items)\n    .find((datasource) => datasource.name === variable.value);\n\n  // If the variable value is not a datasource, we cannot determine a selector and return undefined\n  if (associatedDatasource === undefined) {\n    return undefined;\n  }\n\n  const datasourceSelector: DatasourceSelector = {\n    kind: associatedDatasource.selector.kind,\n    name: associatedDatasource.selector.name,\n  };\n\n  return datasourceSelector;\n};\n\nexport const useDatasourceSelectValueToSelector = (\n  value: DatasourceSelectValue,\n  datasourcePluginKind: string,\n): DatasourceSelector => {\n  const { data } = useListDatasourceSelectItems(datasourcePluginKind);\n  const variables = useVariableValues();\n  if (!isVariableDatasource(value)) {\n    return value;\n  }\n\n  return datasourceSelectValueToSelector(value, variables, data) ?? { kind: datasourcePluginKind };\n};\n"],"names":["Stack","ListItemText","Chip","IconButton","Box","Autocomplete","TextField","OpenInNewIcon","useMemo","useListDatasourceSelectItems","useVariableValues","parseVariables","DATASOURCE_VARIABLE_VALUE_PREFIX","VARIABLE_IDENTIFIER","emptyDatasourceOption","name","value","DatasourceSelect","props","datasourcePluginKind","project","readOnly","onChange","others","data","isLoading","variables","defaultValue","isVariableDatasource","group","flatMap","itemGroup","items","find","item","kind","selector","overridden","options","datasourceOptions","map","groupLabel","groupEditLink","editLink","overriding","saved","selectorToOptionValue","datasourceOptionsMap","Map","option","variableOptions","Object","entries","variable","Array","isArray","associatedDatasource","get","optionValue","handleChange","selectedOption","next","optionValueToSelector","fakeActionEvent","renderInput","params","label","placeholder","groupBy","getOptionLabel","_","v","renderOption","li","key","direction","alignItems","justifyContent","width","DatasourceName","style","textAlign","length","disabled","size","onDelete","undefined","deleteIcon","href","target","fontSize","display","fontWeight","color","theme","palette","primary","main","OPTION_VALUE_DELIMITER","join","startsWith","split","words","Error","datasourceSelectValueToSelector","datasourceSelectItemGroups","variableName","datasource","datasourceSelector","useDatasourceSelectValueToSelector"],"mappings":"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"}

package/dist/components/DatasourceSelect/index.js

@@ -10,6 +10,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.
-export * from './DatasourceSelect';
+export * from "./DatasourceSelect.js";
 
 //# sourceMappingURL=index.js.map

package/dist/components/DatasourceSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DatasourceSelect/index.ts"],"sourcesContent":["// Copyright 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 './DatasourceSelect';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,qBAAqB"}
+{"version":3,"sources":["../../../src/components/DatasourceSelect/index.ts"],"sourcesContent":["// Copyright 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 './DatasourceSelect';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,wBAAqB"}

package/dist/components/DatasourceTestConnectionButton/DatasourceTestConnectionButton.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from '@mui/material';
-import { ReactElement } from 'react';
+import type { ButtonProps } from '@mui/material';
+import type { ReactElement } from 'react';
 type DatasourceTestConnectionButtonProps = {
     testConnection: () => Promise<void>;
 } & Omit<ButtonProps, 'onClick'>;

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

@@ -1 +1 @@
-{"version":3,"file":"DatasourceTestConnectionButton.d.ts","sourceRoot":"","sources":["../../../src/components/DatasourceTestConnectionButton/DatasourceTestConnectionButton.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAyB,MAAM,OAAO,CAAC;AAE5D,KAAK,mCAAmC,GAAG;IACzC,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACrC,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,8BAA8B,GAAI,8CAI5C,mCAAmC,KAAG,YAqBxC,CAAC"}
+{"version":3,"file":"DatasourceTestConnectionButton.d.ts","sourceRoot":"","sources":["../../../src/components/DatasourceTestConnectionButton/DatasourceTestConnectionButton.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,KAAK,mCAAmC,GAAG;IACzC,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACrC,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,8BAA8B,GAAI,8CAI5C,mCAAmC,KAAG,YAqBxC,CAAC"}

package/dist/components/DatasourceTestConnectionButton/DatasourceTestConnectionButton.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -11,9 +10,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // 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 { Button } from '@mui/material';
-import { useSnackbar } from '@perses-dev/components';
-import { useCallback, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "@mui/material";
+import { useSnackbar } from "@perses-dev/components";
+import { useCallback, useState } from "react";
 export const DatasourceTestConnectionButton = ({ testConnection, disabled, ...buttonProps })=>{
     const { successSnackbar, exceptionSnackbar } = useSnackbar();
     const [isTesting, setIsTesting] = useState(false);

package/dist/components/DatasourceTestConnectionButton/DatasourceTestConnectionButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DatasourceTestConnectionButton/DatasourceTestConnectionButton.tsx"],"sourcesContent":["// Copyright 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 { Button, ButtonProps } from '@mui/material';\nimport { useSnackbar } from '@perses-dev/components';\nimport { ReactElement, useCallback, useState } from 'react';\n\ntype DatasourceTestConnectionButtonProps = {\n  testConnection: () => Promise<void>;\n} & Omit<ButtonProps, 'onClick'>;\n\nexport const DatasourceTestConnectionButton = ({\n  testConnection,\n  disabled,\n  ...buttonProps\n}: DatasourceTestConnectionButtonProps): ReactElement => {\n  const { successSnackbar, exceptionSnackbar } = useSnackbar();\n  const [isTesting, setIsTesting] = useState(false);\n\n  const handleClick = useCallback(async (): Promise<void> => {\n    setIsTesting(true);\n    try {\n      await testConnection();\n      successSnackbar('Datasource is healthy');\n    } catch (e) {\n      exceptionSnackbar(e instanceof Error ? e : new Error('Datasource is not healthy'));\n    } finally {\n      setIsTesting(false);\n    }\n  }, [testConnection, successSnackbar, exceptionSnackbar]);\n\n  return (\n    <Button onClick={handleClick} color=\"info\" variant=\"outlined\" disabled={disabled || isTesting} {...buttonProps}>\n      Test Connection\n    </Button>\n  );\n};\n"],"names":["Button","useSnackbar","useCallback","useState","DatasourceTestConnectionButton","testConnection","disabled","buttonProps","successSnackbar","exceptionSnackbar","isTesting","setIsTesting","handleClick","e","Error","onClick","color","variant"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,MAAM,QAAqB,gBAAgB;AACpD,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAAuBC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AAM5D,OAAO,MAAMC,iCAAiC,CAAC,EAC7CC,cAAc,EACdC,QAAQ,EACR,GAAGC,aACiC;IACpC,MAAM,EAAEC,eAAe,EAAEC,iBAAiB,EAAE,GAAGR;IAC/C,MAAM,CAACS,WAAWC,aAAa,GAAGR,SAAS;IAE3C,MAAMS,cAAcV,YAAY;QAC9BS,aAAa;QACb,IAAI;YACF,MAAMN;YACNG,gBAAgB;QAClB,EAAE,OAAOK,GAAG;YACVJ,kBAAkBI,aAAaC,QAAQD,IAAI,IAAIC,MAAM;QACvD,SAAU;YACRH,aAAa;QACf;IACF,GAAG;QAACN;QAAgBG;QAAiBC;KAAkB;IAEvD,qBACE,KAACT;QAAOe,SAASH;QAAaI,OAAM;QAAOC,SAAQ;QAAWX,UAAUA,YAAYI;QAAY,GAAGH,WAAW;kBAAE;;AAIpH,EAAE"}
+{"version":3,"sources":["../../../src/components/DatasourceTestConnectionButton/DatasourceTestConnectionButton.tsx"],"sourcesContent":["// Copyright 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 type { ButtonProps } from '@mui/material';\nimport { Button } from '@mui/material';\nimport { useSnackbar } from '@perses-dev/components';\nimport type { ReactElement } from 'react';\nimport { useCallback, useState } from 'react';\n\ntype DatasourceTestConnectionButtonProps = {\n  testConnection: () => Promise<void>;\n} & Omit<ButtonProps, 'onClick'>;\n\nexport const DatasourceTestConnectionButton = ({\n  testConnection,\n  disabled,\n  ...buttonProps\n}: DatasourceTestConnectionButtonProps): ReactElement => {\n  const { successSnackbar, exceptionSnackbar } = useSnackbar();\n  const [isTesting, setIsTesting] = useState(false);\n\n  const handleClick = useCallback(async (): Promise<void> => {\n    setIsTesting(true);\n    try {\n      await testConnection();\n      successSnackbar('Datasource is healthy');\n    } catch (e) {\n      exceptionSnackbar(e instanceof Error ? e : new Error('Datasource is not healthy'));\n    } finally {\n      setIsTesting(false);\n    }\n  }, [testConnection, successSnackbar, exceptionSnackbar]);\n\n  return (\n    <Button onClick={handleClick} color=\"info\" variant=\"outlined\" disabled={disabled || isTesting} {...buttonProps}>\n      Test Connection\n    </Button>\n  );\n};\n"],"names":["Button","useSnackbar","useCallback","useState","DatasourceTestConnectionButton","testConnection","disabled","buttonProps","successSnackbar","exceptionSnackbar","isTesting","setIsTesting","handleClick","e","Error","onClick","color","variant"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,SAASA,MAAM,QAAQ,gBAAgB;AACvC,SAASC,WAAW,QAAQ,yBAAyB;AAErD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AAM9C,OAAO,MAAMC,iCAAiC,CAAC,EAC7CC,cAAc,EACdC,QAAQ,EACR,GAAGC,aACiC;IACpC,MAAM,EAAEC,eAAe,EAAEC,iBAAiB,EAAE,GAAGR;IAC/C,MAAM,CAACS,WAAWC,aAAa,GAAGR,SAAS;IAE3C,MAAMS,cAAcV,YAAY;QAC9BS,aAAa;QACb,IAAI;YACF,MAAMN;YACNG,gBAAgB;QAClB,EAAE,OAAOK,GAAG;YACVJ,kBAAkBI,aAAaC,QAAQD,IAAI,IAAIC,MAAM;QACvD,SAAU;YACRH,aAAa;QACf;IACF,GAAG;QAACN;QAAgBG;QAAiBC;KAAkB;IAEvD,qBACE,KAACT;QAAOe,SAASH;QAAaI,OAAM;QAAOC,SAAQ;QAAWX,UAAUA,YAAYI;QAAY,GAAGH,WAAW;kBAAE;;AAIpH,EAAE"}

package/dist/components/DatasourceTestConnectionButton/index.js

@@ -10,6 +10,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.
-export * from './DatasourceTestConnectionButton';
+export * from "./DatasourceTestConnectionButton.js";
 
 //# sourceMappingURL=index.js.map

package/dist/components/DatasourceTestConnectionButton/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DatasourceTestConnectionButton/index.ts"],"sourcesContent":["// Copyright 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 './DatasourceTestConnectionButton';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,mCAAmC"}
+{"version":3,"sources":["../../../src/components/DatasourceTestConnectionButton/index.ts"],"sourcesContent":["// Copyright 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 './DatasourceTestConnectionButton';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,sCAAmC"}

package/dist/components/HTTPSettingsEditor/HTTPSettingsEditor.d.ts

@@ -1,5 +1,5 @@
-import { HTTPDatasourceSpec } from '@perses-dev/spec';
-import { ReactElement } from 'react';
+import type { HTTPDatasourceSpec } from '@perses-dev/spec';
+import type { ReactElement } from 'react';
 export interface HTTPSettingsEditor {
     value: HTTPDatasourceSpec;
     onChange: (next: HTTPDatasourceSpec) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"HTTPSettingsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/HTTPSettingsEditor/HTTPSettingsEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAc,EAAY,YAAY,EAAY,MAAM,OAAO,CAAC;AAkBhE,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,kBAAkB,CAAC;IACtC,gBAAgB,EAAE,kBAAkB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACtC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAgd1E"}
+{"version":3,"file":"HTTPSettingsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/HTTPSettingsEditor/HTTPSettingsEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAI3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAmB1C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,kBAAkB,CAAC;IACtC,gBAAgB,EAAE,kBAAkB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACtC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAgd1E"}

package/dist/components/HTTPSettingsEditor/HTTPSettingsEditor.js

@@ -11,15 +11,15 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // 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 { Box, Grid, IconButton, MenuItem, TextField, Typography } from '@mui/material';
-import { produce } from 'immer';
-import MinusIcon from 'mdi-material-ui/Minus';
-import PlusIcon from 'mdi-material-ui/Plus';
-import React, { Fragment, useState } from 'react';
-import { Controller, useFieldArray, useForm } from 'react-hook-form';
-import { z } from 'zod';
-import { DatasourceTestConnectionButton } from '../DatasourceTestConnectionButton';
-import { OptionsEditorRadios } from '../OptionsEditorRadios';
+import { Box, Grid, IconButton, MenuItem, TextField, Typography } from "@mui/material";
+import { produce } from "immer";
+import MinusIcon from "mdi-material-ui/Minus";
+import PlusIcon from "mdi-material-ui/Plus";
+import React, { Fragment, useState } from "react";
+import { Controller, useFieldArray, useForm } from "react-hook-form";
+import { z } from "zod";
+import { DatasourceTestConnectionButton } from "../DatasourceTestConnectionButton/index.js";
+import { OptionsEditorRadios } from "../OptionsEditorRadios/index.js";
 const urlSchema = z.string().url();
 export function HTTPSettingsEditor(props) {
     const { value, onChange, isReadonly, initialSpecDirect, initialSpecProxy, testConnection } = props;

package/dist/components/HTTPSettingsEditor/HTTPSettingsEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/HTTPSettingsEditor/HTTPSettingsEditor.tsx"],"sourcesContent":["// Copyright 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 { Box, Grid, IconButton, MenuItem, TextField, Typography } from '@mui/material';\nimport { RequestHeaders } from '@perses-dev/client';\nimport { HTTPDatasourceSpec } from '@perses-dev/spec';\nimport { produce } from 'immer';\nimport MinusIcon from 'mdi-material-ui/Minus';\nimport PlusIcon from 'mdi-material-ui/Plus';\nimport React, { Fragment, ReactElement, useState } from 'react';\nimport { Controller, useFieldArray, useForm } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { DatasourceTestConnectionButton } from '../DatasourceTestConnectionButton';\nimport { OptionsEditorRadios } from '../OptionsEditorRadios';\n\nconst urlSchema = z.string().url();\n\ntype HeaderEntry = {\n  name: string;\n  value: string;\n};\n\ntype HeaderFormValues = {\n  headers: HeaderEntry[];\n};\n\nexport interface HTTPSettingsEditor {\n  value: HTTPDatasourceSpec;\n  onChange: (next: HTTPDatasourceSpec) => void;\n  isReadonly?: boolean;\n  initialSpecDirect: HTTPDatasourceSpec;\n  initialSpecProxy: HTTPDatasourceSpec;\n  testConnection?: () => Promise<void>;\n}\n\nexport function HTTPSettingsEditor(props: HTTPSettingsEditor): ReactElement {\n  const { value, onChange, isReadonly, initialSpecDirect, initialSpecProxy, testConnection } = props;\n  const strDirect = 'Direct access';\n  const strProxy = 'Proxy';\n\n  // Initialize Proxy mode by default, if neither direct nor proxy mode is selected.\n  if (value.directUrl === undefined && value.proxy === undefined) {\n    Object.assign(value, initialSpecProxy);\n  }\n\n  // Use local state to maintain an array of header entries during editing, instead of\n  // manipulating a map directly which causes weird UX.\n  const headersForm = useForm<HeaderFormValues>({\n    defaultValues: {\n      headers: Object.entries(value.proxy?.spec.headers ?? {}).map(([name, headerValue]) => ({\n        name,\n        value: headerValue as string,\n      })),\n    },\n  });\n\n  const { fields, append, remove } = useFieldArray({\n    control: headersForm.control,\n    name: 'headers',\n  });\n\n  // Watch the headers array for changes to detect duplicates\n  const watchedHeaders = headersForm.watch('headers');\n\n  // Check for duplicate header names\n  // TODO: duplication detection logic to be replaced by proper zod schema validation in the future\n  // ref https://github.com/perses/perses/issues/3014\n  const nameMap = new Map<string, number>();\n  const duplicateNames = new Set<string>();\n  watchedHeaders.forEach(({ name }) => {\n    if (name !== '') {\n      const count = (nameMap.get(name) || 0) + 1;\n      nameMap.set(name, count);\n      if (count > 1) {\n        duplicateNames.add(name);\n      }\n    }\n  });\n  const hasDuplicates = duplicateNames.size > 0;\n\n  // Sync headers to parent\n  const syncHeadersToParent = (headers: HeaderEntry[]): void => {\n    const headersObject: RequestHeaders = {};\n    headers.forEach(({ name, value: headerValue }) => {\n      if (name !== '') {\n        headersObject[name] = headerValue;\n      }\n    });\n\n    onChange(\n      produce(value, (draft) => {\n        if (draft.proxy !== undefined) {\n          draft.proxy.spec.headers = Object.keys(headersObject).length > 0 ? headersObject : undefined;\n        }\n      }),\n    );\n  };\n\n  const tabs = [\n    {\n      label: strProxy,\n      content: (\n        <>\n          <Controller\n            name=\"URL\"\n            render={({ field, fieldState }) => (\n              <TextField\n                {...field}\n                fullWidth\n                label=\"URL\"\n                value={value.proxy?.spec.url || ''}\n                error={!!fieldState.error}\n                helperText={fieldState.error?.message}\n                InputProps={{\n                  readOnly: isReadonly,\n                }}\n                InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                onChange={(e) => {\n                  field.onChange(e);\n                  onChange(\n                    produce(value, (draft) => {\n                      if (draft.proxy !== undefined) {\n                        draft.proxy.spec.url = e.target.value;\n                      }\n                    }),\n                  );\n                }}\n                sx={{ mb: 2 }}\n              />\n            )}\n          />\n          {testConnection && (\n            <Box mb={2} display=\"flex\" justifyContent=\"flex-end\">\n              <DatasourceTestConnectionButton\n                testConnection={testConnection}\n                disabled={!urlSchema.safeParse(value.proxy?.spec.url).success}\n              />\n            </Box>\n          )}\n          <Typography variant=\"h5\" mb={2}>\n            Allowed endpoints\n          </Typography>\n          <Grid container spacing={2} mb={2}>\n            {value.proxy?.spec.allowedEndpoints && value.proxy?.spec.allowedEndpoints.length !== 0 ? (\n              value.proxy.spec.allowedEndpoints.map(({ endpointPattern, method }, i) => {\n                return (\n                  <Fragment key={i}>\n                    <Grid item xs={8}>\n                      <Controller\n                        name={`Endpoint pattern ${i}`}\n                        render={({ field, fieldState }) => (\n                          <TextField\n                            {...field}\n                            fullWidth\n                            label=\"Endpoint pattern\"\n                            value={endpointPattern}\n                            error={!!fieldState.error}\n                            helperText={fieldState.error?.message}\n                            InputProps={{\n                              readOnly: isReadonly,\n                            }}\n                            InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                            onChange={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = draft.proxy.spec.allowedEndpoints?.map(\n                                      (item, itemIndex) => {\n                                        if (i === itemIndex) {\n                                          return {\n                                            endpointPattern: e.target.value,\n                                            method: item.method,\n                                          };\n                                        } else {\n                                          return item;\n                                        }\n                                      },\n                                    );\n                                  }\n                                }),\n                              );\n                            }}\n                          />\n                        )}\n                      />\n                    </Grid>\n                    <Grid item xs={3}>\n                      <Controller\n                        name={`Method ${i}`}\n                        render={({ field, fieldState }) => (\n                          <TextField\n                            {...field}\n                            select\n                            fullWidth\n                            label=\"Method\"\n                            value={method}\n                            error={!!fieldState.error}\n                            helperText={fieldState.error?.message}\n                            InputProps={{\n                              readOnly: isReadonly,\n                            }}\n                            InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                            onChange={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = draft.proxy.spec.allowedEndpoints?.map(\n                                      (item, itemIndex) => {\n                                        if (i === itemIndex) {\n                                          return {\n                                            endpointPattern: item.endpointPattern,\n                                            method: e.target.value,\n                                          };\n                                        } else {\n                                          return item;\n                                        }\n                                      },\n                                    );\n                                  }\n                                }),\n                              );\n                            }}\n                          >\n                            <MenuItem value=\"GET\">GET</MenuItem>\n                            <MenuItem value=\"POST\">POST</MenuItem>\n                            <MenuItem value=\"PUT\">PUT</MenuItem>\n                            <MenuItem value=\"PATCH\">PATCH</MenuItem>\n                            <MenuItem value=\"DELETE\">DELETE</MenuItem>\n                          </TextField>\n                        )}\n                      />\n                    </Grid>\n                    <Grid item xs={1}>\n                      <Controller\n                        name={`Remove Endpoint ${i}`}\n                        render={({ field }) => (\n                          <IconButton\n                            {...field}\n                            disabled={isReadonly}\n                            // Remove the given allowed endpoint from the list\n                            onClick={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = [\n                                      ...(draft.proxy.spec.allowedEndpoints?.filter((item, itemIndex) => {\n                                        return itemIndex !== i;\n                                      }) || []),\n                                    ];\n                                  }\n                                }),\n                              );\n                            }}\n                          >\n                            <MinusIcon />\n                          </IconButton>\n                        )}\n                      />\n                    </Grid>\n                  </Fragment>\n                );\n              })\n            ) : (\n              <Grid item xs={4}>\n                <Typography sx={{ fontStyle: 'italic' }}>None</Typography>\n              </Grid>\n            )}\n            <Grid item xs={12} sx={{ paddingTop: '0px !important', paddingLeft: '5px !important' }}>\n              <IconButton\n                disabled={isReadonly}\n                // Add a new (empty) allowed endpoint to the list\n                onClick={() =>\n                  onChange(\n                    produce(value, (draft) => {\n                      if (draft.proxy !== undefined) {\n                        draft.proxy.spec.allowedEndpoints = [\n                          ...(draft.proxy.spec.allowedEndpoints ?? []),\n                          { endpointPattern: '', method: '' },\n                        ];\n                      }\n                    }),\n                  )\n                }\n              >\n                <PlusIcon />\n              </IconButton>\n            </Grid>\n          </Grid>\n          <Typography variant=\"h5\" mb={2}>\n            Request Headers\n          </Typography>\n          <Grid container spacing={2} mb={2}>\n            {fields.length > 0 ? (\n              fields.map((field, index) => (\n                <Fragment key={field.id}>\n                  <Grid item xs={4}>\n                    <Controller\n                      control={headersForm.control}\n                      name={`headers.${index}.name`}\n                      render={({ field: controllerField, fieldState }) => (\n                        <TextField\n                          {...controllerField}\n                          fullWidth\n                          label=\"Header name\"\n                          error={!!fieldState.error || duplicateNames.has(controllerField.value)}\n                          helperText={fieldState.error?.message}\n                          InputProps={{\n                            readOnly: isReadonly,\n                          }}\n                          InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                          onChange={(e) => {\n                            controllerField.onChange(e);\n                            const updatedHeaders = [...watchedHeaders];\n                            updatedHeaders[index] = { name: e.target.value, value: updatedHeaders[index]?.value ?? '' };\n                            syncHeadersToParent(updatedHeaders);\n                          }}\n                        />\n                      )}\n                    />\n                  </Grid>\n                  <Grid item xs={7}>\n                    <Controller\n                      control={headersForm.control}\n                      name={`headers.${index}.value`}\n                      render={({ field: controllerField, fieldState }) => (\n                        <TextField\n                          {...controllerField}\n                          fullWidth\n                          label=\"Header value\"\n                          error={!!fieldState.error}\n                          helperText={fieldState.error?.message}\n                          InputProps={{\n                            readOnly: isReadonly,\n                          }}\n                          InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                          onChange={(e) => {\n                            controllerField.onChange(e);\n                            const updatedHeaders = [...watchedHeaders];\n                            updatedHeaders[index] = { name: updatedHeaders[index]?.name ?? '', value: e.target.value };\n                            syncHeadersToParent(updatedHeaders);\n                          }}\n                        />\n                      )}\n                    />\n                  </Grid>\n                  <Grid item xs={1}>\n                    <IconButton\n                      disabled={isReadonly}\n                      aria-label={`Remove header ${watchedHeaders[index]?.name || index}`}\n                      onClick={() => {\n                        remove(index);\n                        const updatedHeaders = watchedHeaders.filter((_, i) => i !== index);\n                        syncHeadersToParent(updatedHeaders);\n                      }}\n                    >\n                      <MinusIcon />\n                    </IconButton>\n                  </Grid>\n                </Fragment>\n              ))\n            ) : (\n              <Grid item xs={4}>\n                <Typography sx={{ fontStyle: 'italic' }}>None</Typography>\n              </Grid>\n            )}\n            {hasDuplicates && (\n              <Grid item xs={12}>\n                <Typography variant=\"body2\" color=\"error\">\n                  Duplicate header names detected. Each header name must be unique.\n                </Typography>\n              </Grid>\n            )}\n            <Grid item xs={12} sx={{ paddingTop: '0px !important', paddingLeft: '5px !important' }}>\n              <IconButton disabled={isReadonly} onClick={() => append({ name: '', value: '' })}>\n                <PlusIcon />\n              </IconButton>\n            </Grid>\n          </Grid>\n\n          <Controller\n            name=\"Secret\"\n            render={({ field, fieldState }) => (\n              <TextField\n                {...field}\n                fullWidth\n                label=\"Secret\"\n                value={value.proxy?.spec.secret || ''}\n                error={!!fieldState.error}\n                helperText={fieldState.error?.message}\n                InputProps={{\n                  readOnly: isReadonly,\n                }}\n                InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                onChange={(e) => {\n                  field.onChange(e);\n                  onChange(\n                    produce(value, (draft) => {\n                      if (draft.proxy !== undefined) {\n                        draft.proxy.spec.secret = e.target.value;\n                      }\n                    }),\n                  );\n                }}\n              />\n            )}\n          />\n        </>\n      ),\n    },\n    {\n      label: strDirect,\n      content: (\n        <>\n          <Controller\n            name=\"URL\"\n            render={({ field, fieldState }) => (\n              <TextField\n                {...field}\n                fullWidth\n                label=\"URL\"\n                value={value.directUrl || ''}\n                error={!!fieldState.error}\n                helperText={fieldState.error?.message}\n                InputProps={{\n                  readOnly: isReadonly,\n                }}\n                InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                onChange={(e) => {\n                  field.onChange(e);\n                  onChange(\n                    produce(value, (draft) => {\n                      draft.directUrl = e.target.value;\n                    }),\n                  );\n                }}\n              />\n            )}\n          />\n          {testConnection && (\n            <Box my={2} display=\"flex\" justifyContent=\"flex-end\">\n              <DatasourceTestConnectionButton\n                testConnection={testConnection}\n                disabled={!urlSchema.safeParse(value.directUrl).success}\n              />\n            </Box>\n          )}\n        </>\n      ),\n    },\n  ];\n\n  // Use of findIndex instead of providing hardcoded values to avoid desynchronisatio or\n  // bug in case the tabs get eventually swapped in the future.\n  const directModeId = tabs.findIndex((tab) => tab.label === strDirect);\n  const proxyModeId = tabs.findIndex((tab) => tab.label === strProxy);\n\n  // Set defaultTab to the mode that this datasource is currently relying on.\n  const defaultTab = value.proxy ? proxyModeId : directModeId;\n\n  // For better user experience, save previous states in mind for both mode.\n  // This avoids losing everything when the user changes their mind back.\n  const [previousSpecDirect, setPreviousSpecDirect] = useState(initialSpecDirect);\n  const [previousSpecProxy, setPreviousSpecProxy] = useState(initialSpecProxy);\n\n  // When changing mode, remove previous mode's config + append default values for the new mode.\n  const handleModeChange = (v: number): void => {\n    if (tabs[v]?.label === strDirect) {\n      setPreviousSpecProxy(value);\n\n      // Copy all settings (for example, scrapeInterval), except 'proxy'\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { proxy, ...newValue } = value;\n      onChange({ ...newValue, directUrl: previousSpecDirect.directUrl });\n    } else if (tabs[v]?.label === strProxy) {\n      setPreviousSpecDirect(value);\n\n      // Copy all settings (for example, scrapeInterval), except 'directUrl'\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { directUrl, ...newValue } = value;\n      onChange({ ...newValue, proxy: previousSpecProxy.proxy });\n    }\n  };\n\n  return (\n    <>\n      <Typography variant=\"h4\" mt={2}>\n        HTTP Settings\n      </Typography>\n      <OptionsEditorRadios\n        isReadonly={isReadonly}\n        tabs={tabs}\n        defaultTab={defaultTab}\n        onModeChange={handleModeChange}\n      />\n    </>\n  );\n}\n"],"names":["Box","Grid","IconButton","MenuItem","TextField","Typography","produce","MinusIcon","PlusIcon","React","Fragment","useState","Controller","useFieldArray","useForm","z","DatasourceTestConnectionButton","OptionsEditorRadios","urlSchema","string","url","HTTPSettingsEditor","props","value","onChange","isReadonly","initialSpecDirect","initialSpecProxy","testConnection","strDirect","strProxy","directUrl","undefined","proxy","Object","assign","headersForm","defaultValues","headers","entries","spec","map","name","headerValue","fields","append","remove","control","watchedHeaders","watch","nameMap","Map","duplicateNames","Set","forEach","count","get","set","add","hasDuplicates","size","syncHeadersToParent","headersObject","draft","keys","length","tabs","label","content","render","field","fieldState","fullWidth","error","helperText","message","InputProps","readOnly","InputLabelProps","shrink","e","target","sx","mb","display","justifyContent","disabled","safeParse","success","variant","container","spacing","allowedEndpoints","endpointPattern","method","i","item","xs","itemIndex","select","onClick","filter","fontStyle","paddingTop","paddingLeft","index","controllerField","has","updatedHeaders","aria-label","_","id","color","secret","my","directModeId","findIndex","tab","proxyModeId","defaultTab","previousSpecDirect","setPreviousSpecDirect","previousSpecProxy","setPreviousSpecProxy","handleModeChange","v","newValue","mt","onModeChange"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/HTTPSettingsEditor/HTTPSettingsEditor.tsx"],"sourcesContent":["// Copyright 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 { Box, Grid, IconButton, MenuItem, TextField, Typography } from '@mui/material';\nimport type { RequestHeaders } from '@perses-dev/client';\nimport type { HTTPDatasourceSpec } from '@perses-dev/spec';\nimport { produce } from 'immer';\nimport MinusIcon from 'mdi-material-ui/Minus';\nimport PlusIcon from 'mdi-material-ui/Plus';\nimport type { ReactElement } from 'react';\nimport React, { Fragment, useState } from 'react';\nimport { Controller, useFieldArray, useForm } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { DatasourceTestConnectionButton } from '../DatasourceTestConnectionButton';\nimport { OptionsEditorRadios } from '../OptionsEditorRadios';\n\nconst urlSchema = z.string().url();\n\ntype HeaderEntry = {\n  name: string;\n  value: string;\n};\n\ntype HeaderFormValues = {\n  headers: HeaderEntry[];\n};\n\nexport interface HTTPSettingsEditor {\n  value: HTTPDatasourceSpec;\n  onChange: (next: HTTPDatasourceSpec) => void;\n  isReadonly?: boolean;\n  initialSpecDirect: HTTPDatasourceSpec;\n  initialSpecProxy: HTTPDatasourceSpec;\n  testConnection?: () => Promise<void>;\n}\n\nexport function HTTPSettingsEditor(props: HTTPSettingsEditor): ReactElement {\n  const { value, onChange, isReadonly, initialSpecDirect, initialSpecProxy, testConnection } = props;\n  const strDirect = 'Direct access';\n  const strProxy = 'Proxy';\n\n  // Initialize Proxy mode by default, if neither direct nor proxy mode is selected.\n  if (value.directUrl === undefined && value.proxy === undefined) {\n    Object.assign(value, initialSpecProxy);\n  }\n\n  // Use local state to maintain an array of header entries during editing, instead of\n  // manipulating a map directly which causes weird UX.\n  const headersForm = useForm<HeaderFormValues>({\n    defaultValues: {\n      headers: Object.entries(value.proxy?.spec.headers ?? {}).map(([name, headerValue]) => ({\n        name,\n        value: headerValue as string,\n      })),\n    },\n  });\n\n  const { fields, append, remove } = useFieldArray({\n    control: headersForm.control,\n    name: 'headers',\n  });\n\n  // Watch the headers array for changes to detect duplicates\n  const watchedHeaders = headersForm.watch('headers');\n\n  // Check for duplicate header names\n  // TODO: duplication detection logic to be replaced by proper zod schema validation in the future\n  // ref https://github.com/perses/perses/issues/3014\n  const nameMap = new Map<string, number>();\n  const duplicateNames = new Set<string>();\n  watchedHeaders.forEach(({ name }) => {\n    if (name !== '') {\n      const count = (nameMap.get(name) || 0) + 1;\n      nameMap.set(name, count);\n      if (count > 1) {\n        duplicateNames.add(name);\n      }\n    }\n  });\n  const hasDuplicates = duplicateNames.size > 0;\n\n  // Sync headers to parent\n  const syncHeadersToParent = (headers: HeaderEntry[]): void => {\n    const headersObject: RequestHeaders = {};\n    headers.forEach(({ name, value: headerValue }) => {\n      if (name !== '') {\n        headersObject[name] = headerValue;\n      }\n    });\n\n    onChange(\n      produce(value, (draft) => {\n        if (draft.proxy !== undefined) {\n          draft.proxy.spec.headers = Object.keys(headersObject).length > 0 ? headersObject : undefined;\n        }\n      }),\n    );\n  };\n\n  const tabs = [\n    {\n      label: strProxy,\n      content: (\n        <>\n          <Controller\n            name=\"URL\"\n            render={({ field, fieldState }) => (\n              <TextField\n                {...field}\n                fullWidth\n                label=\"URL\"\n                value={value.proxy?.spec.url || ''}\n                error={!!fieldState.error}\n                helperText={fieldState.error?.message}\n                InputProps={{\n                  readOnly: isReadonly,\n                }}\n                InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                onChange={(e) => {\n                  field.onChange(e);\n                  onChange(\n                    produce(value, (draft) => {\n                      if (draft.proxy !== undefined) {\n                        draft.proxy.spec.url = e.target.value;\n                      }\n                    }),\n                  );\n                }}\n                sx={{ mb: 2 }}\n              />\n            )}\n          />\n          {testConnection && (\n            <Box mb={2} display=\"flex\" justifyContent=\"flex-end\">\n              <DatasourceTestConnectionButton\n                testConnection={testConnection}\n                disabled={!urlSchema.safeParse(value.proxy?.spec.url).success}\n              />\n            </Box>\n          )}\n          <Typography variant=\"h5\" mb={2}>\n            Allowed endpoints\n          </Typography>\n          <Grid container spacing={2} mb={2}>\n            {value.proxy?.spec.allowedEndpoints && value.proxy?.spec.allowedEndpoints.length !== 0 ? (\n              value.proxy.spec.allowedEndpoints.map(({ endpointPattern, method }, i) => {\n                return (\n                  <Fragment key={i}>\n                    <Grid item xs={8}>\n                      <Controller\n                        name={`Endpoint pattern ${i}`}\n                        render={({ field, fieldState }) => (\n                          <TextField\n                            {...field}\n                            fullWidth\n                            label=\"Endpoint pattern\"\n                            value={endpointPattern}\n                            error={!!fieldState.error}\n                            helperText={fieldState.error?.message}\n                            InputProps={{\n                              readOnly: isReadonly,\n                            }}\n                            InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                            onChange={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = draft.proxy.spec.allowedEndpoints?.map(\n                                      (item, itemIndex) => {\n                                        if (i === itemIndex) {\n                                          return {\n                                            endpointPattern: e.target.value,\n                                            method: item.method,\n                                          };\n                                        } else {\n                                          return item;\n                                        }\n                                      },\n                                    );\n                                  }\n                                }),\n                              );\n                            }}\n                          />\n                        )}\n                      />\n                    </Grid>\n                    <Grid item xs={3}>\n                      <Controller\n                        name={`Method ${i}`}\n                        render={({ field, fieldState }) => (\n                          <TextField\n                            {...field}\n                            select\n                            fullWidth\n                            label=\"Method\"\n                            value={method}\n                            error={!!fieldState.error}\n                            helperText={fieldState.error?.message}\n                            InputProps={{\n                              readOnly: isReadonly,\n                            }}\n                            InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                            onChange={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = draft.proxy.spec.allowedEndpoints?.map(\n                                      (item, itemIndex) => {\n                                        if (i === itemIndex) {\n                                          return {\n                                            endpointPattern: item.endpointPattern,\n                                            method: e.target.value,\n                                          };\n                                        } else {\n                                          return item;\n                                        }\n                                      },\n                                    );\n                                  }\n                                }),\n                              );\n                            }}\n                          >\n                            <MenuItem value=\"GET\">GET</MenuItem>\n                            <MenuItem value=\"POST\">POST</MenuItem>\n                            <MenuItem value=\"PUT\">PUT</MenuItem>\n                            <MenuItem value=\"PATCH\">PATCH</MenuItem>\n                            <MenuItem value=\"DELETE\">DELETE</MenuItem>\n                          </TextField>\n                        )}\n                      />\n                    </Grid>\n                    <Grid item xs={1}>\n                      <Controller\n                        name={`Remove Endpoint ${i}`}\n                        render={({ field }) => (\n                          <IconButton\n                            {...field}\n                            disabled={isReadonly}\n                            // Remove the given allowed endpoint from the list\n                            onClick={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = [\n                                      ...(draft.proxy.spec.allowedEndpoints?.filter((item, itemIndex) => {\n                                        return itemIndex !== i;\n                                      }) || []),\n                                    ];\n                                  }\n                                }),\n                              );\n                            }}\n                          >\n                            <MinusIcon />\n                          </IconButton>\n                        )}\n                      />\n                    </Grid>\n                  </Fragment>\n                );\n              })\n            ) : (\n              <Grid item xs={4}>\n                <Typography sx={{ fontStyle: 'italic' }}>None</Typography>\n              </Grid>\n            )}\n            <Grid item xs={12} sx={{ paddingTop: '0px !important', paddingLeft: '5px !important' }}>\n              <IconButton\n                disabled={isReadonly}\n                // Add a new (empty) allowed endpoint to the list\n                onClick={() =>\n                  onChange(\n                    produce(value, (draft) => {\n                      if (draft.proxy !== undefined) {\n                        draft.proxy.spec.allowedEndpoints = [\n                          ...(draft.proxy.spec.allowedEndpoints ?? []),\n                          { endpointPattern: '', method: '' },\n                        ];\n                      }\n                    }),\n                  )\n                }\n              >\n                <PlusIcon />\n              </IconButton>\n            </Grid>\n          </Grid>\n          <Typography variant=\"h5\" mb={2}>\n            Request Headers\n          </Typography>\n          <Grid container spacing={2} mb={2}>\n            {fields.length > 0 ? (\n              fields.map((field, index) => (\n                <Fragment key={field.id}>\n                  <Grid item xs={4}>\n                    <Controller\n                      control={headersForm.control}\n                      name={`headers.${index}.name`}\n                      render={({ field: controllerField, fieldState }) => (\n                        <TextField\n                          {...controllerField}\n                          fullWidth\n                          label=\"Header name\"\n                          error={!!fieldState.error || duplicateNames.has(controllerField.value)}\n                          helperText={fieldState.error?.message}\n                          InputProps={{\n                            readOnly: isReadonly,\n                          }}\n                          InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                          onChange={(e) => {\n                            controllerField.onChange(e);\n                            const updatedHeaders = [...watchedHeaders];\n                            updatedHeaders[index] = { name: e.target.value, value: updatedHeaders[index]?.value ?? '' };\n                            syncHeadersToParent(updatedHeaders);\n                          }}\n                        />\n                      )}\n                    />\n                  </Grid>\n                  <Grid item xs={7}>\n                    <Controller\n                      control={headersForm.control}\n                      name={`headers.${index}.value`}\n                      render={({ field: controllerField, fieldState }) => (\n                        <TextField\n                          {...controllerField}\n                          fullWidth\n                          label=\"Header value\"\n                          error={!!fieldState.error}\n                          helperText={fieldState.error?.message}\n                          InputProps={{\n                            readOnly: isReadonly,\n                          }}\n                          InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                          onChange={(e) => {\n                            controllerField.onChange(e);\n                            const updatedHeaders = [...watchedHeaders];\n                            updatedHeaders[index] = { name: updatedHeaders[index]?.name ?? '', value: e.target.value };\n                            syncHeadersToParent(updatedHeaders);\n                          }}\n                        />\n                      )}\n                    />\n                  </Grid>\n                  <Grid item xs={1}>\n                    <IconButton\n                      disabled={isReadonly}\n                      aria-label={`Remove header ${watchedHeaders[index]?.name || index}`}\n                      onClick={() => {\n                        remove(index);\n                        const updatedHeaders = watchedHeaders.filter((_, i) => i !== index);\n                        syncHeadersToParent(updatedHeaders);\n                      }}\n                    >\n                      <MinusIcon />\n                    </IconButton>\n                  </Grid>\n                </Fragment>\n              ))\n            ) : (\n              <Grid item xs={4}>\n                <Typography sx={{ fontStyle: 'italic' }}>None</Typography>\n              </Grid>\n            )}\n            {hasDuplicates && (\n              <Grid item xs={12}>\n                <Typography variant=\"body2\" color=\"error\">\n                  Duplicate header names detected. Each header name must be unique.\n                </Typography>\n              </Grid>\n            )}\n            <Grid item xs={12} sx={{ paddingTop: '0px !important', paddingLeft: '5px !important' }}>\n              <IconButton disabled={isReadonly} onClick={() => append({ name: '', value: '' })}>\n                <PlusIcon />\n              </IconButton>\n            </Grid>\n          </Grid>\n\n          <Controller\n            name=\"Secret\"\n            render={({ field, fieldState }) => (\n              <TextField\n                {...field}\n                fullWidth\n                label=\"Secret\"\n                value={value.proxy?.spec.secret || ''}\n                error={!!fieldState.error}\n                helperText={fieldState.error?.message}\n                InputProps={{\n                  readOnly: isReadonly,\n                }}\n                InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                onChange={(e) => {\n                  field.onChange(e);\n                  onChange(\n                    produce(value, (draft) => {\n                      if (draft.proxy !== undefined) {\n                        draft.proxy.spec.secret = e.target.value;\n                      }\n                    }),\n                  );\n                }}\n              />\n            )}\n          />\n        </>\n      ),\n    },\n    {\n      label: strDirect,\n      content: (\n        <>\n          <Controller\n            name=\"URL\"\n            render={({ field, fieldState }) => (\n              <TextField\n                {...field}\n                fullWidth\n                label=\"URL\"\n                value={value.directUrl || ''}\n                error={!!fieldState.error}\n                helperText={fieldState.error?.message}\n                InputProps={{\n                  readOnly: isReadonly,\n                }}\n                InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                onChange={(e) => {\n                  field.onChange(e);\n                  onChange(\n                    produce(value, (draft) => {\n                      draft.directUrl = e.target.value;\n                    }),\n                  );\n                }}\n              />\n            )}\n          />\n          {testConnection && (\n            <Box my={2} display=\"flex\" justifyContent=\"flex-end\">\n              <DatasourceTestConnectionButton\n                testConnection={testConnection}\n                disabled={!urlSchema.safeParse(value.directUrl).success}\n              />\n            </Box>\n          )}\n        </>\n      ),\n    },\n  ];\n\n  // Use of findIndex instead of providing hardcoded values to avoid desynchronisatio or\n  // bug in case the tabs get eventually swapped in the future.\n  const directModeId = tabs.findIndex((tab) => tab.label === strDirect);\n  const proxyModeId = tabs.findIndex((tab) => tab.label === strProxy);\n\n  // Set defaultTab to the mode that this datasource is currently relying on.\n  const defaultTab = value.proxy ? proxyModeId : directModeId;\n\n  // For better user experience, save previous states in mind for both mode.\n  // This avoids losing everything when the user changes their mind back.\n  const [previousSpecDirect, setPreviousSpecDirect] = useState(initialSpecDirect);\n  const [previousSpecProxy, setPreviousSpecProxy] = useState(initialSpecProxy);\n\n  // When changing mode, remove previous mode's config + append default values for the new mode.\n  const handleModeChange = (v: number): void => {\n    if (tabs[v]?.label === strDirect) {\n      setPreviousSpecProxy(value);\n\n      // Copy all settings (for example, scrapeInterval), except 'proxy'\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { proxy, ...newValue } = value;\n      onChange({ ...newValue, directUrl: previousSpecDirect.directUrl });\n    } else if (tabs[v]?.label === strProxy) {\n      setPreviousSpecDirect(value);\n\n      // Copy all settings (for example, scrapeInterval), except 'directUrl'\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { directUrl, ...newValue } = value;\n      onChange({ ...newValue, proxy: previousSpecProxy.proxy });\n    }\n  };\n\n  return (\n    <>\n      <Typography variant=\"h4\" mt={2}>\n        HTTP Settings\n      </Typography>\n      <OptionsEditorRadios\n        isReadonly={isReadonly}\n        tabs={tabs}\n        defaultTab={defaultTab}\n        onModeChange={handleModeChange}\n      />\n    </>\n  );\n}\n"],"names":["Box","Grid","IconButton","MenuItem","TextField","Typography","produce","MinusIcon","PlusIcon","React","Fragment","useState","Controller","useFieldArray","useForm","z","DatasourceTestConnectionButton","OptionsEditorRadios","urlSchema","string","url","HTTPSettingsEditor","props","value","onChange","isReadonly","initialSpecDirect","initialSpecProxy","testConnection","strDirect","strProxy","directUrl","undefined","proxy","Object","assign","headersForm","defaultValues","headers","entries","spec","map","name","headerValue","fields","append","remove","control","watchedHeaders","watch","nameMap","Map","duplicateNames","Set","forEach","count","get","set","add","hasDuplicates","size","syncHeadersToParent","headersObject","draft","keys","length","tabs","label","content","render","field","fieldState","fullWidth","error","helperText","message","InputProps","readOnly","InputLabelProps","shrink","e","target","sx","mb","display","justifyContent","disabled","safeParse","success","variant","container","spacing","allowedEndpoints","endpointPattern","method","i","item","xs","itemIndex","select","onClick","filter","fontStyle","paddingTop","paddingLeft","index","controllerField","has","updatedHeaders","aria-label","_","id","color","secret","my","directModeId","findIndex","tab","proxyModeId","defaultTab","previousSpecDirect","setPreviousSpecDirect","previousSpecProxy","setPreviousSpecProxy","handleModeChange","v","newValue","mt","onModeChange"],"mappings":"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"}

package/dist/components/HTTPSettingsEditor/index.js

@@ -10,6 +10,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.
-export * from './HTTPSettingsEditor';
+export * from "./HTTPSettingsEditor.js";
 
 //# sourceMappingURL=index.js.map

package/dist/components/HTTPSettingsEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/HTTPSettingsEditor/index.ts"],"sourcesContent":["// Copyright 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 './HTTPSettingsEditor';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,uBAAuB"}
+{"version":3,"sources":["../../../src/components/HTTPSettingsEditor/index.ts"],"sourcesContent":["// Copyright 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 './HTTPSettingsEditor';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,0BAAuB"}

package/dist/components/ItemSelectionActionsOptionsEditor/ItemSelectionActionsOptionsEditor.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 export type ActionIcon = 'play' | 'pause' | 'stop' | 'delete' | 'refresh' | 'send' | 'download' | 'upload' | 'check' | 'close' | 'alert' | 'info' | 'settings' | 'link' | 'sync' | 'troubleshoot' | 'ask-ai';
 export interface BaseAction {
     type: 'event' | 'webhook';

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

@@ -1 +1 @@
-{"version":3,"file":"ItemSelectionActionsOptionsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/ItemSelectionActionsOptionsEditor/ItemSelectionActionsOptionsEditor.tsx"],"names":[],"mappings":"AAoEA,OAAO,EAAE,YAAY,EAAkC,MAAM,OAAO,CAAC;AAErE,MAAM,MAAM,UAAU,GAClB,MAAM,GACN,OAAO,GACP,MAAM,GACN,QAAQ,GACR,SAAS,GACT,MAAM,GACN,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,GACP,MAAM,GACN,UAAU,GACV,MAAM,GACN,MAAM,GACN,cAAc,GACd,QAAQ,CAAC;AAEb,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;AAErE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,IAAI,EAAE,SAAS,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,UAAU,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,aAAa,CAAC;AAErD,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,+BAA+B;IAC9C,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,eAAe,EAAE,CAAC,OAAO,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACnD,iBAAiB,EAAE,CAAC,SAAS,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC3D;AAeD,2DAA2D;AAC3D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,YAAY,CAAA;CAAE,CAkBxF,CAAC;AA6hBF,wBAAgB,0BAA0B,CAAC,EACzC,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,iBAAiB,GAClB,EAAE,+BAA+B,GAAG,YAAY,CAoIhD"}
+{"version":3,"file":"ItemSelectionActionsOptionsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/ItemSelectionActionsOptionsEditor/ItemSelectionActionsOptionsEditor.tsx"],"names":[],"mappings":"AAoEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,MAAM,UAAU,GAClB,MAAM,GACN,OAAO,GACP,MAAM,GACN,QAAQ,GACR,SAAS,GACT,MAAM,GACN,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,GACP,MAAM,GACN,UAAU,GACV,MAAM,GACN,MAAM,GACN,cAAc,GACd,QAAQ,CAAC;AAEb,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;AAErE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,IAAI,EAAE,SAAS,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,UAAU,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,aAAa,CAAC;AAErD,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,+BAA+B;IAC9C,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,eAAe,EAAE,CAAC,OAAO,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACnD,iBAAiB,EAAE,CAAC,SAAS,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC3D;AAeD,2DAA2D;AAC3D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,YAAY,CAAA;CAAE,CAkBxF,CAAC;AA6hBF,wBAAgB,0BAA0B,CAAC,EACzC,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,iBAAiB,GAClB,EAAE,+BAA+B,GAAG,YAAY,CAoIhD"}

package/dist/components/ItemSelectionActionsOptionsEditor/ItemSelectionActionsOptionsEditor.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -11,29 +10,30 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // 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 { Box, Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, FormControl, FormControlLabel, FormLabel, IconButton, InputLabel, MenuItem, Radio, RadioGroup, Select, Stack, Switch, TextField, Typography } from '@mui/material';
-import { DragAndDropElement, DragButton, handleMoveDown, handleMoveUp, InfoTooltip, JSONEditor, OptionsEditorControl, OptionsEditorGroup, useDragAndDropMonitor } from '@perses-dev/components';
-import AlertIcon from 'mdi-material-ui/Alert';
-import CheckIcon from 'mdi-material-ui/Check';
-import ChevronDown from 'mdi-material-ui/ChevronDown';
-import ChevronRight from 'mdi-material-ui/ChevronRight';
-import CloseIcon from 'mdi-material-ui/Close';
-import SettingsIcon from 'mdi-material-ui/Cog';
-import DeleteIcon from 'mdi-material-ui/DeleteOutline';
-import DownloadIcon from 'mdi-material-ui/Download';
-import InfoIcon from 'mdi-material-ui/InformationOutline';
-import LinkIcon from 'mdi-material-ui/Link';
-import MagnifyScan from 'mdi-material-ui/MagnifyScan';
-import PauseIcon from 'mdi-material-ui/Pause';
-import PlayIcon from 'mdi-material-ui/Play';
-import PlusIcon from 'mdi-material-ui/Plus';
-import RefreshIcon from 'mdi-material-ui/Refresh';
-import RobotOutline from 'mdi-material-ui/RobotOutline';
-import SendIcon from 'mdi-material-ui/Send';
-import StopIcon from 'mdi-material-ui/Stop';
-import SyncIcon from 'mdi-material-ui/Sync';
-import UploadIcon from 'mdi-material-ui/Upload';
-import { useCallback, useMemo, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, FormControl, FormControlLabel, FormLabel, IconButton, InputLabel, MenuItem, Radio, RadioGroup, Select, Stack, Switch, TextField, Typography } from "@mui/material";
+import { DragAndDropElement, DragButton, handleMoveDown, handleMoveUp, InfoTooltip, JSONEditor, OptionsEditorControl, OptionsEditorGroup, useDragAndDropMonitor } from "@perses-dev/components";
+import AlertIcon from "mdi-material-ui/Alert";
+import CheckIcon from "mdi-material-ui/Check";
+import ChevronDown from "mdi-material-ui/ChevronDown";
+import ChevronRight from "mdi-material-ui/ChevronRight";
+import CloseIcon from "mdi-material-ui/Close";
+import SettingsIcon from "mdi-material-ui/Cog";
+import DeleteIcon from "mdi-material-ui/DeleteOutline";
+import DownloadIcon from "mdi-material-ui/Download";
+import InfoIcon from "mdi-material-ui/InformationOutline";
+import LinkIcon from "mdi-material-ui/Link";
+import MagnifyScan from "mdi-material-ui/MagnifyScan";
+import PauseIcon from "mdi-material-ui/Pause";
+import PlayIcon from "mdi-material-ui/Play";
+import PlusIcon from "mdi-material-ui/Plus";
+import RefreshIcon from "mdi-material-ui/Refresh";
+import RobotOutline from "mdi-material-ui/RobotOutline";
+import SendIcon from "mdi-material-ui/Send";
+import StopIcon from "mdi-material-ui/Stop";
+import SyncIcon from "mdi-material-ui/Sync";
+import UploadIcon from "mdi-material-ui/Upload";
+import { useCallback, useMemo, useState } from "react";
 const HTTP_METHODS = [
     'GET',
     'POST',
@@ -65,11 +65,11 @@ const CONTENT_TYPES = [
         label: 'Text'
     }
 ];
-const BODY_METHODS = [
+const BODY_METHODS = new Set([
     'POST',
     'PUT',
     'PATCH'
-];
+]);
 const BODY_CLEAR_CONFIRM_MESSAGE = 'Changing this option will remove the current body template. Continue?';
 /** Available action icons with their display components */ export const ACTION_ICONS = [
     {
@@ -553,7 +553,7 @@ function WebhookActionEditor({ action, index, onChange, onRemove, onMoveUp, onMo
     const [pendingChange, setPendingChange] = useState(null);
     const contentTypeValue = webhookAction.contentType ?? 'none';
     const hasBodyTemplate = (webhookAction.bodyTemplate ?? '').trim().length > 0;
-    const supportsBody = BODY_METHODS.includes(webhookAction.method);
+    const supportsBody = BODY_METHODS.has(webhookAction.method);
     const [isCollapsed, setIsCollapsed] = useState(true);
     const handleBodyTemplateChange = useCallback((template)=>{
         onChange(index, {
@@ -603,7 +603,7 @@ function WebhookActionEditor({ action, index, onChange, onRemove, onMoveUp, onMo
         if (nextMethod === webhookAction.method) {
             return;
         }
-        const nextSupportsBody = BODY_METHODS.includes(nextMethod);
+        const nextSupportsBody = BODY_METHODS.has(nextMethod);
         if (!nextSupportsBody && hasBodyTemplate) {
             setPendingChange({
                 kind: 'method',