@perses-dev/plugin-system 0.55.0-beta.14 → 0.55.0-beta.15

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

@@ -1 +1 @@
-{"version":3,"file":"DatasourceSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DatasourceSelect/DatasourceSelect.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAEV,yBAAyB,EACzB,4BAA4B,EAC5B,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAQvB,KAAK,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;AAWzD,MAAM,MAAM,qBAAqB,CAAC,CAAC,GAAG,kBAAkB,IAAI,CAAC,GAAG,YAAY,CAAC;AAE7E,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,mBAAmB,GAAG,eAAe,CAAC,MAAM,CAAC,EAAE,eAAe,CAAC;IACjH,KAAK,EAAE,qBAAqB,CAAC;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CAkH3E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,YAAY,CAahH;AAKD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,4BAA4B,GAAG,YAAY,GAAG,MAAM,CAKnG;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,MAAM,GAAG,qBAAqB,CAehF;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,GAAG,KAAK,IAAI,YAAY,CAEpG;AAED,eAAO,MAAM,+BAA+B,UACnC,qBAAqB,GAAG,SAAS,aAC7B,gBAAgB,8BACC,yBAAyB,EAAE,GAAG,SAAS,KAClE,kBAAkB,GAAG,SA4BvB,CAAC;AAEF,eAAO,MAAM,kCAAkC,UACtC,qBAAqB,wBACN,MAAM,KAC3B,kBAQF,CAAC"}
+{"version":3,"file":"DatasourceSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DatasourceSelect/DatasourceSelect.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAEV,yBAAyB,EACzB,4BAA4B,EAC5B,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAQvB,KAAK,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;AAWzD,MAAM,MAAM,qBAAqB,CAAC,CAAC,GAAG,kBAAkB,IAAI,CAAC,GAAG,YAAY,CAAC;AAE7E,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,mBAAmB,GAAG,eAAe,CAAC,MAAM,CAAC,EAAE,eAAe,CAAC;IACjH,KAAK,EAAE,qBAAqB,CAAC;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CAiH3E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,YAAY,CAahH;AAKD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,4BAA4B,GAAG,YAAY,GAAG,MAAM,CAKnG;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,MAAM,GAAG,qBAAqB,CAehF;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,GAAG,KAAK,IAAI,YAAY,CAEpG;AAED,eAAO,MAAM,+BAA+B,UACnC,qBAAqB,GAAG,SAAS,aAC7B,gBAAgB,8BACC,yBAAyB,EAAE,GAAG,SAAS,KAClE,kBAAkB,GAAG,SA4BvB,CAAC;AAEF,eAAO,MAAM,kCAAkC,UACtC,qBAAqB,wBACN,MAAM,KAC3B,kBAQF,CAAC"}

package/dist/components/DatasourceSelect/DatasourceSelect.js

@@ -95,7 +95,6 @@ const emptyDatasourceOption = {
     // We use a fake action event when we click on the action of the chip (hijack the "delete" feature).
     // This is because the href link action is on the `deleteIcon` property already, but the `onDelete` property
     // controls its visibility.
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     const fakeActionEvent = ()=>{};
     return /*#__PURE__*/ _jsx(Autocomplete, {
         readOnly: readOnly,

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 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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"}
+{"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  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/DatasourceTestConnectionButton/DatasourceTestConnectionButton.d.ts.map

@@ -1 +1 @@
-{"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,iDAIxC,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,iDAIxC,mCAAmC,KAAG,YAoBxC,CAAC"}

package/dist/components/DatasourceTestConnectionButton/DatasourceTestConnectionButton.js

@@ -19,14 +19,9 @@ export const DatasourceTestConnectionButton = ({ testConnection, disabled, ...bu
     const [isTesting, setIsTesting] = useState(false);
     const handleClick = useCallback(async ()=>{
         setIsTesting(true);
-        try {
-            await testConnection();
-            successSnackbar('Datasource is healthy');
-        } catch (e) {
+        await Promise.resolve().then(()=>testConnection()).then(()=>successSnackbar('Datasource is healthy')).catch((e)=>{
             exceptionSnackbar(e instanceof Error ? e : new Error('Datasource is not healthy'));
-        } finally{
-            setIsTesting(false);
-        }
+        }).finally(()=>setIsTesting(false));
     }, [
         testConnection,
         successSnackbar,

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 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"}
+{"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    await Promise.resolve()\n      .then(() => testConnection())\n      .then(() => successSnackbar('Datasource is healthy'))\n      .catch((e: unknown) => {\n        exceptionSnackbar(e instanceof Error ? e : new Error('Datasource is not healthy'));\n      })\n      .finally(() => setIsTesting(false));\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","Promise","resolve","then","catch","e","Error","finally","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,MAAME,QAAQC,OAAO,GAClBC,IAAI,CAAC,IAAMV,kBACXU,IAAI,CAAC,IAAMP,gBAAgB,0BAC3BQ,KAAK,CAAC,CAACC;YACNR,kBAAkBQ,aAAaC,QAAQD,IAAI,IAAIC,MAAM;QACvD,GACCC,OAAO,CAAC,IAAMR,aAAa;IAChC,GAAG;QAACN;QAAgBG;QAAiBC;KAAkB;IAEvD,qBACE,KAACT;QAAOoB,SAASR;QAAaS,OAAM;QAAOC,SAAQ;QAAWhB,UAAUA,YAAYI;QAAY,GAAGH,WAAW;kBAAE;;AAIpH,EAAE"}

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

@@ -0,0 +1,11 @@
+import type { HTTPProxySpec } from '@perses-dev/spec';
+import type { ReactElement } from 'react';
+interface HTTPProxyOAuthPassthroughEditorProps {
+    value: HTTPProxySpec;
+    onChange: (next: HTTPProxySpec) => void;
+    isReadonly?: boolean;
+}
+/** Toggles forwarding of the logged-in user's OAuth/OIDC access token to the datasource. Disabling it unsets the field. */
+export declare function HTTPProxyOAuthPassthroughEditor({ value, onChange, isReadonly, }: HTTPProxyOAuthPassthroughEditorProps): ReactElement;
+export {};
+//# sourceMappingURL=HTTPProxyOAuthPassthroughEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HTTPProxyOAuthPassthroughEditor.d.ts","sourceRoot":"","sources":["../../../src/components/HTTPSettingsEditor/HTTPProxyOAuthPassthroughEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,UAAU,oCAAoC;IAC5C,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,2HAA2H;AAC3H,wBAAgB,+BAA+B,CAAC,EAC9C,KAAK,EACL,QAAQ,EACR,UAAU,GACX,EAAE,oCAAoC,GAAG,YAAY,CA4BrD"}

package/dist/components/HTTPSettingsEditor/HTTPProxyOAuthPassthroughEditor.js

@@ -0,0 +1,62 @@
+// 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.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControlLabel, Stack, Switch, Typography } from "@mui/material";
+import { useCallback, useId, useMemo } from "react";
+/** Toggles forwarding of the logged-in user's OAuth/OIDC access token to the datasource. Disabling it unsets the field. */ export function HTTPProxyOAuthPassthroughEditor({ value, onChange, isReadonly }) {
+    const descriptionId = useId();
+    const checked = value.oauthPassthrough ?? false;
+    const handleChange = useCallback((_, nextChecked)=>{
+        // The readOnly attribute does not prevent a checkbox from being toggled.
+        if (isReadonly) return;
+        onChange({
+            ...value,
+            oauthPassthrough: nextChecked ? true : undefined
+        });
+    }, [
+        isReadonly,
+        value,
+        onChange
+    ]);
+    const inputProps = useMemo(()=>({
+            'aria-describedby': descriptionId
+        }), [
+        descriptionId
+    ]);
+    const control = useMemo(()=>/*#__PURE__*/ _jsx(Switch, {
+            checked: checked,
+            readOnly: isReadonly,
+            inputProps: inputProps,
+            onChange: handleChange
+        }), [
+        checked,
+        isReadonly,
+        inputProps,
+        handleChange
+    ]);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        children: [
+            /*#__PURE__*/ _jsx(FormControlLabel, {
+                label: "Forward OAuth identity",
+                control: control
+            }),
+            /*#__PURE__*/ _jsx(Typography, {
+                id: descriptionId,
+                variant: "caption",
+                children: "Forward the OAuth/OIDC access token of the logged-in user to the datasource. Users must be signed in through an OAuth or OIDC provider. When enabled, the authentication settings of the secret are ignored, but its TLS settings still apply."
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=HTTPProxyOAuthPassthroughEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/HTTPSettingsEditor/HTTPProxyOAuthPassthroughEditor.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 { SwitchProps } from '@mui/material';\nimport { FormControlLabel, Stack, Switch, Typography } from '@mui/material';\nimport type { HTTPProxySpec } from '@perses-dev/spec';\nimport type { ReactElement } from 'react';\nimport { useCallback, useId, useMemo } from 'react';\n\ninterface HTTPProxyOAuthPassthroughEditorProps {\n  value: HTTPProxySpec;\n  onChange: (next: HTTPProxySpec) => void;\n  isReadonly?: boolean;\n}\n\n/** Toggles forwarding of the logged-in user's OAuth/OIDC access token to the datasource. Disabling it unsets the field. */\nexport function HTTPProxyOAuthPassthroughEditor({\n  value,\n  onChange,\n  isReadonly,\n}: HTTPProxyOAuthPassthroughEditorProps): ReactElement {\n  const descriptionId = useId();\n  const checked = value.oauthPassthrough ?? false;\n\n  const handleChange = useCallback<NonNullable<SwitchProps['onChange']>>(\n    (_, nextChecked) => {\n      // The readOnly attribute does not prevent a checkbox from being toggled.\n      if (isReadonly) return;\n      onChange({ ...value, oauthPassthrough: nextChecked ? true : undefined });\n    },\n    [isReadonly, value, onChange],\n  );\n  const inputProps = useMemo(() => ({ 'aria-describedby': descriptionId }), [descriptionId]);\n  const control = useMemo(\n    () => <Switch checked={checked} readOnly={isReadonly} inputProps={inputProps} onChange={handleChange} />,\n    [checked, isReadonly, inputProps, handleChange],\n  );\n\n  return (\n    <Stack>\n      <FormControlLabel label=\"Forward OAuth identity\" control={control} />\n      <Typography id={descriptionId} variant=\"caption\">\n        Forward the OAuth/OIDC access token of the logged-in user to the datasource. Users must be signed in through an\n        OAuth or OIDC provider. When enabled, the authentication settings of the secret are ignored, but its TLS\n        settings still apply.\n      </Typography>\n    </Stack>\n  );\n}\n"],"names":["FormControlLabel","Stack","Switch","Typography","useCallback","useId","useMemo","HTTPProxyOAuthPassthroughEditor","value","onChange","isReadonly","descriptionId","checked","oauthPassthrough","handleChange","_","nextChecked","undefined","inputProps","control","readOnly","label","id","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,gBAAgB,EAAEC,KAAK,EAAEC,MAAM,EAAEC,UAAU,QAAQ,gBAAgB;AAG5E,SAASC,WAAW,EAAEC,KAAK,EAAEC,OAAO,QAAQ,QAAQ;AAQpD,yHAAyH,GACzH,OAAO,SAASC,gCAAgC,EAC9CC,KAAK,EACLC,QAAQ,EACRC,UAAU,EAC2B;IACrC,MAAMC,gBAAgBN;IACtB,MAAMO,UAAUJ,MAAMK,gBAAgB,IAAI;IAE1C,MAAMC,eAAeV,YACnB,CAACW,GAAGC;QACF,yEAAyE;QACzE,IAAIN,YAAY;QAChBD,SAAS;YAAE,GAAGD,KAAK;YAAEK,kBAAkBG,cAAc,OAAOC;QAAU;IACxE,GACA;QAACP;QAAYF;QAAOC;KAAS;IAE/B,MAAMS,aAAaZ,QAAQ,IAAO,CAAA;YAAE,oBAAoBK;QAAc,CAAA,GAAI;QAACA;KAAc;IACzF,MAAMQ,UAAUb,QACd,kBAAM,KAACJ;YAAOU,SAASA;YAASQ,UAAUV;YAAYQ,YAAYA;YAAYT,UAAUK;YACxF;QAACF;QAASF;QAAYQ;QAAYJ;KAAa;IAGjD,qBACE,MAACb;;0BACC,KAACD;gBAAiBqB,OAAM;gBAAyBF,SAASA;;0BAC1D,KAAChB;gBAAWmB,IAAIX;gBAAeY,SAAQ;0BAAU;;;;AAOvD"}

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

@@ -8,6 +8,6 @@ export interface HTTPSettingsEditor {
     initialSpecProxy: HTTPDatasourceSpec;
     testConnection?: () => Promise<void>;
 }
-/** Edits direct URLs and proxy settings, including the connection timeout and mutually exclusive allow/drop request header lists. */
+/** Edits direct URLs and proxy settings, including the connection timeout, mutually exclusive allow/drop request header lists, and OAuth identity forwarding. */
 export declare function HTTPSettingsEditor(props: HTTPSettingsEditor): ReactElement;
 //# sourceMappingURL=HTTPSettingsEditor.d.ts.map

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,KAAK,EAAE,kBAAkB,EAAiB,MAAM,kBAAkB,CAAC;AAI1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAqB1C,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,qIAAqI;AACrI,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAue1E"}
+{"version":3,"file":"HTTPSettingsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/HTTPSettingsEditor/HTTPSettingsEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,kBAAkB,EAAiB,MAAM,kBAAkB,CAAC;AAI1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAsB1C,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,iKAAiK;AACjK,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAkf1E"}

package/dist/components/HTTPSettingsEditor/HTTPSettingsEditor.js

@@ -15,22 +15,39 @@ import { Box, Grid, IconButton, MenuItem, Stack, TextField, Typography } from "@
 import { produce } from "immer";
 import MinusIcon from "mdi-material-ui/Minus";
 import PlusIcon from "mdi-material-ui/Plus";
-import React, { Fragment, useCallback, useState } from "react";
-import { Controller, useFieldArray, useForm } from "react-hook-form";
+import React, { Fragment, useCallback, useEffect, useMemo, useState } from "react";
+import { Controller, useFieldArray, useForm, useWatch } from "react-hook-form";
 import { z } from "zod";
 import { DatasourceTestConnectionButton } from "../DatasourceTestConnectionButton/index.js";
 import { OptionsEditorRadios } from "../OptionsEditorRadios/index.js";
 import { HTTPHeaderPolicyEditor } from "./HTTPHeaderPolicyEditor.js";
+import { HTTPProxyOAuthPassthroughEditor } from "./HTTPProxyOAuthPassthroughEditor.js";
 import { HTTPProxyTimeoutEditor } from "./HTTPProxyTimeoutEditor.js";
 const urlSchema = z.string().url();
-/** Edits direct URLs and proxy settings, including the connection timeout and mutually exclusive allow/drop request header lists. */ export function HTTPSettingsEditor(props) {
-    const { value, onChange, isReadonly, initialSpecDirect, initialSpecProxy, testConnection } = props;
+/** Edits direct URLs and proxy settings, including the connection timeout, mutually exclusive allow/drop request header lists, and OAuth identity forwarding. */ export function HTTPSettingsEditor(props) {
+    const { value: providedValue, onChange, isReadonly, initialSpecDirect, initialSpecProxy, testConnection } = props;
     const strDirect = 'Direct access';
     const strProxy = 'Proxy';
-    // Initialize Proxy mode by default, if neither direct nor proxy mode is selected.
-    if (value.directUrl === undefined && value.proxy === undefined) {
-        Object.assign(value, initialSpecProxy);
-    }
+    // Initialize proxy mode without mutating the caller's datasource definition.
+    const value = useMemo(()=>{
+        if (providedValue.directUrl === undefined && providedValue.proxy === undefined) {
+            return {
+                ...providedValue,
+                ...initialSpecProxy
+            };
+        }
+        return providedValue;
+    }, [
+        providedValue,
+        initialSpecProxy
+    ]);
+    useEffect(()=>{
+        if (value !== providedValue) onChange(value);
+    }, [
+        value,
+        providedValue,
+        onChange
+    ]);
     // Use local state to maintain an array of header entries during editing, instead of
     // manipulating a map directly which causes weird UX.
     const headersForm = useForm({
@@ -46,7 +63,10 @@ const urlSchema = z.string().url();
         name: 'headers'
     });
     // Watch the headers array for changes to detect duplicates
-    const watchedHeaders = headersForm.watch('headers');
+    const watchedHeaders = useWatch({
+        control: headersForm.control,
+        name: 'headers'
+    });
     // Check for duplicate header names
     // TODO: duplication detection logic to be replaced by proper zod schema validation in the future
     // ref https://github.com/perses/perses/issues/3014
@@ -472,6 +492,11 @@ const urlSchema = z.string().url();
                                             }));
                                         }
                                     })
+                            }),
+                            value.proxy && /*#__PURE__*/ _jsx(HTTPProxyOAuthPassthroughEditor, {
+                                value: value.proxy.spec,
+                                isReadonly: isReadonly,
+                                onChange: handleProxySpecChange
                             })
                         ]
                     })
@@ -533,8 +558,7 @@ const urlSchema = z.string().url();
         if (tabs[v]?.label === strDirect) {
             setPreviousSpecProxy(value);
             // Copy all settings (for example, scrapeInterval), except 'proxy'
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const { proxy, ...newValue } = value;
+            const { proxy: _proxy, ...newValue } = value;
             onChange({
                 ...newValue,
                 directUrl: previousSpecDirect.directUrl
@@ -542,8 +566,7 @@ const urlSchema = z.string().url();
         } else if (tabs[v]?.label === strProxy) {
             setPreviousSpecDirect(value);
             // Copy all settings (for example, scrapeInterval), except 'directUrl'
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const { directUrl, ...newValue } = value;
+            const { directUrl: _directUrl, ...newValue } = value;
             onChange({
                 ...newValue,
                 proxy: previousSpecProxy.proxy

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, Stack, TextField, Typography } from '@mui/material';\nimport type { RequestHeaders } from '@perses-dev/client';\nimport type { HTTPDatasourceSpec, HTTPProxySpec } 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, useCallback, useState } from 'react';\nimport { Controller, useFieldArray, useForm } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { DatasourceTestConnectionButton } from '../DatasourceTestConnectionButton';\nimport { OptionsEditorRadios } from '../OptionsEditorRadios';\nimport { HTTPHeaderPolicyEditor } from './HTTPHeaderPolicyEditor';\nimport { HTTPProxyTimeoutEditor } from './HTTPProxyTimeoutEditor';\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\n/** Edits direct URLs and proxy settings, including the connection timeout and mutually exclusive allow/drop request header lists. */\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 handleProxySpecChange = useCallback(\n    (next: HTTPProxySpec): void => {\n      onChange(\n        produce(value, (draft) => {\n          if (draft.proxy !== undefined) {\n            draft.proxy.spec = next;\n          }\n        }),\n      );\n    },\n    [value, onChange],\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          {value.proxy && (\n            <HTTPProxyTimeoutEditor value={value.proxy.spec} isReadonly={isReadonly} onChange={handleProxySpecChange} />\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          {value.proxy && (\n            <HTTPHeaderPolicyEditor value={value.proxy.spec} isReadonly={isReadonly} onChange={handleProxySpecChange} />\n          )}\n\n          <Stack spacing={1}>\n            <Typography variant=\"h5\">Secret</Typography>\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          </Stack>\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","Stack","TextField","Typography","produce","MinusIcon","PlusIcon","React","Fragment","useCallback","useState","Controller","useFieldArray","useForm","z","DatasourceTestConnectionButton","OptionsEditorRadios","HTTPHeaderPolicyEditor","HTTPProxyTimeoutEditor","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","handleProxySpecChange","next","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, Stack, TextField, Typography } from '@mui/material';\nimport type { RequestHeaders } from '@perses-dev/client';\nimport type { HTTPDatasourceSpec, HTTPProxySpec } 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, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Controller, useFieldArray, useForm, useWatch } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { DatasourceTestConnectionButton } from '../DatasourceTestConnectionButton';\nimport { OptionsEditorRadios } from '../OptionsEditorRadios';\nimport { HTTPHeaderPolicyEditor } from './HTTPHeaderPolicyEditor';\nimport { HTTPProxyOAuthPassthroughEditor } from './HTTPProxyOAuthPassthroughEditor';\nimport { HTTPProxyTimeoutEditor } from './HTTPProxyTimeoutEditor';\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\n/** Edits direct URLs and proxy settings, including the connection timeout, mutually exclusive allow/drop request header lists, and OAuth identity forwarding. */\nexport function HTTPSettingsEditor(props: HTTPSettingsEditor): ReactElement {\n  const { value: providedValue, onChange, isReadonly, initialSpecDirect, initialSpecProxy, testConnection } = props;\n  const strDirect = 'Direct access';\n  const strProxy = 'Proxy';\n\n  // Initialize proxy mode without mutating the caller's datasource definition.\n  const value = useMemo(() => {\n    if (providedValue.directUrl === undefined && providedValue.proxy === undefined) {\n      return { ...providedValue, ...initialSpecProxy };\n    }\n    return providedValue;\n  }, [providedValue, initialSpecProxy]);\n  useEffect(() => {\n    if (value !== providedValue) onChange(value);\n  }, [value, providedValue, onChange]);\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 = useWatch({ control: headersForm.control, name: '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 handleProxySpecChange = useCallback(\n    (next: HTTPProxySpec): void => {\n      onChange(\n        produce(value, (draft) => {\n          if (draft.proxy !== undefined) {\n            draft.proxy.spec = next;\n          }\n        }),\n      );\n    },\n    [value, onChange],\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          {value.proxy && (\n            <HTTPProxyTimeoutEditor value={value.proxy.spec} isReadonly={isReadonly} onChange={handleProxySpecChange} />\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          {value.proxy && (\n            <HTTPHeaderPolicyEditor value={value.proxy.spec} isReadonly={isReadonly} onChange={handleProxySpecChange} />\n          )}\n\n          <Stack spacing={1}>\n            <Typography variant=\"h5\">Secret</Typography>\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            {value.proxy && (\n              <HTTPProxyOAuthPassthroughEditor\n                value={value.proxy.spec}\n                isReadonly={isReadonly}\n                onChange={handleProxySpecChange}\n              />\n            )}\n          </Stack>\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      const { proxy: _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      const { directUrl: _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","Stack","TextField","Typography","produce","MinusIcon","PlusIcon","React","Fragment","useCallback","useEffect","useMemo","useState","Controller","useFieldArray","useForm","useWatch","z","DatasourceTestConnectionButton","OptionsEditorRadios","HTTPHeaderPolicyEditor","HTTPProxyOAuthPassthroughEditor","HTTPProxyTimeoutEditor","urlSchema","string","url","HTTPSettingsEditor","props","value","providedValue","onChange","isReadonly","initialSpecDirect","initialSpecProxy","testConnection","strDirect","strProxy","directUrl","undefined","proxy","headersForm","defaultValues","headers","Object","entries","spec","map","name","headerValue","fields","append","remove","control","watchedHeaders","nameMap","Map","duplicateNames","Set","forEach","count","get","set","add","hasDuplicates","size","syncHeadersToParent","headersObject","draft","keys","length","handleProxySpecChange","next","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","_proxy","newValue","_directUrl","mt","onModeChange"],"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,GAAG,EAAEC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,SAAS,EAAEC,UAAU,QAAQ,gBAAgB;AAG9F,SAASC,OAAO,QAAQ,QAAQ;AAChC,OAAOC,eAAe,wBAAwB;AAC9C,OAAOC,cAAc,uBAAuB;AAE5C,OAAOC,SAASC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAQ;AACnF,SAASC,UAAU,EAAEC,aAAa,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,kBAAkB;AAC/E,SAASC,CAAC,QAAQ,MAAM;AAExB,SAASC,8BAA8B,QAAQ,6CAAoC;AACnF,SAASC,mBAAmB,QAAQ,kCAAyB;AAC7D,SAASC,sBAAsB,QAAQ,8BAA2B;AAClE,SAASC,+BAA+B,QAAQ,uCAAoC;AACpF,SAASC,sBAAsB,QAAQ,8BAA2B;AAElE,MAAMC,YAAYN,EAAEO,MAAM,GAAGC,GAAG;AAoBhC,+JAA+J,GAC/J,OAAO,SAASC,mBAAmBC,KAAyB;IAC1D,MAAM,EAAEC,OAAOC,aAAa,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,iBAAiB,EAAEC,gBAAgB,EAAEC,cAAc,EAAE,GAAGP;IAC5G,MAAMQ,YAAY;IAClB,MAAMC,WAAW;IAEjB,6EAA6E;IAC7E,MAAMR,QAAQjB,QAAQ;QACpB,IAAIkB,cAAcQ,SAAS,KAAKC,aAAaT,cAAcU,KAAK,KAAKD,WAAW;YAC9E,OAAO;gBAAE,GAAGT,aAAa;gBAAE,GAAGI,gBAAgB;YAAC;QACjD;QACA,OAAOJ;IACT,GAAG;QAACA;QAAeI;KAAiB;IACpCvB,UAAU;QACR,IAAIkB,UAAUC,eAAeC,SAASF;IACxC,GAAG;QAACA;QAAOC;QAAeC;KAAS;IAEnC,oFAAoF;IACpF,qDAAqD;IACrD,MAAMU,cAAczB,QAA0B;QAC5C0B,eAAe;YACbC,SAASC,OAAOC,OAAO,CAAChB,MAAMW,KAAK,EAAEM,KAAKH,WAAW,CAAC,GAAGI,GAAG,CAAC,CAAC,CAACC,MAAMC,YAAY,GAAM,CAAA;oBACrFD;oBACAnB,OAAOoB;gBACT,CAAA;QACF;IACF;IAEA,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAE,GAAGrC,cAAc;QAC/CsC,SAASZ,YAAYY,OAAO;QAC5BL,MAAM;IACR;IAEA,2DAA2D;IAC3D,MAAMM,iBAAiBrC,SAAS;QAAEoC,SAASZ,YAAYY,OAAO;QAAEL,MAAM;IAAU;IAEhF,mCAAmC;IACnC,iGAAiG;IACjG,mDAAmD;IACnD,MAAMO,UAAU,IAAIC;IACpB,MAAMC,iBAAiB,IAAIC;IAC3BJ,eAAeK,OAAO,CAAC,CAAC,EAAEX,IAAI,EAAE;QAC9B,IAAIA,SAAS,IAAI;YACf,MAAMY,QAAQ,AAACL,CAAAA,QAAQM,GAAG,CAACb,SAAS,CAAA,IAAK;YACzCO,QAAQO,GAAG,CAACd,MAAMY;YAClB,IAAIA,QAAQ,GAAG;gBACbH,eAAeM,GAAG,CAACf;YACrB;QACF;IACF;IACA,MAAMgB,gBAAgBP,eAAeQ,IAAI,GAAG;IAE5C,yBAAyB;IACzB,MAAMC,sBAAsB,CAACvB;QAC3B,MAAMwB,gBAAgC,CAAC;QACvCxB,QAAQgB,OAAO,CAAC,CAAC,EAAEX,IAAI,EAAEnB,OAAOoB,WAAW,EAAE;YAC3C,IAAID,SAAS,IAAI;gBACfmB,aAAa,CAACnB,KAAK,GAAGC;YACxB;QACF;QAEAlB,SACE1B,QAAQwB,OAAO,CAACuC;YACd,IAAIA,MAAM5B,KAAK,KAAKD,WAAW;gBAC7B6B,MAAM5B,KAAK,CAACM,IAAI,CAACH,OAAO,GAAGC,OAAOyB,IAAI,CAACF,eAAeG,MAAM,GAAG,IAAIH,gBAAgB5B;YACrF;QACF;IAEJ;IAEA,MAAMgC,wBAAwB7D,YAC5B,CAAC8D;QACCzC,SACE1B,QAAQwB,OAAO,CAACuC;YACd,IAAIA,MAAM5B,KAAK,KAAKD,WAAW;gBAC7B6B,MAAM5B,KAAK,CAACM,IAAI,GAAG0B;YACrB;QACF;IAEJ,GACA;QAAC3C;QAAOE;KAAS;IAGnB,MAAM0C,OAAO;QACX;YACEC,OAAOrC;YACPsC,uBACE;;kCACE,KAAC7D;wBACCkC,MAAK;wBACL4B,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE,iBAC5B,KAAC3E;gCACE,GAAG0E,KAAK;gCACTE,SAAS;gCACTL,OAAM;gCACN7C,OAAOA,MAAMW,KAAK,EAAEM,KAAKpB,OAAO;gCAChCsD,OAAO,CAAC,CAACF,WAAWE,KAAK;gCACzBC,YAAYH,WAAWE,KAAK,EAAEE;gCAC9BC,YAAY;oCACVC,UAAUpD;gCACZ;gCACAqD,iBAAiB;oCAAEC,QAAQtD,aAAa,OAAOO;gCAAU;gCACzDR,UAAU,CAACwD;oCACTV,MAAM9C,QAAQ,CAACwD;oCACfxD,SACE1B,QAAQwB,OAAO,CAACuC;wCACd,IAAIA,MAAM5B,KAAK,KAAKD,WAAW;4CAC7B6B,MAAM5B,KAAK,CAACM,IAAI,CAACpB,GAAG,GAAG6D,EAAEC,MAAM,CAAC3D,KAAK;wCACvC;oCACF;gCAEJ;gCACA4D,IAAI;oCAAEC,IAAI;gCAAE;;;oBAIjBvD,gCACC,KAACrC;wBAAI4F,IAAI;wBAAGC,SAAQ;wBAAOC,gBAAe;kCACxC,cAAA,KAACzE;4BACCgB,gBAAgBA;4BAChB0D,UAAU,CAACrE,UAAUsE,SAAS,CAACjE,MAAMW,KAAK,EAAEM,KAAKpB,KAAKqE,OAAO;;;oBAIlElE,MAAMW,KAAK,kBACV,KAACjB;wBAAuBM,OAAOA,MAAMW,KAAK,CAACM,IAAI;wBAAEd,YAAYA;wBAAYD,UAAUwC;;kCAErF,KAACnE;wBAAW4F,SAAQ;wBAAKN,IAAI;kCAAG;;kCAGhC,MAAC3F;wBAAKkG,SAAS;wBAACC,SAAS;wBAAGR,IAAI;;4BAC7B7D,MAAMW,KAAK,EAAEM,KAAKqD,oBAAoBtE,MAAMW,KAAK,EAAEM,KAAKqD,iBAAiB7B,WAAW,IACnFzC,MAAMW,KAAK,CAACM,IAAI,CAACqD,gBAAgB,CAACpD,GAAG,CAAC,CAAC,EAAEqD,eAAe,EAAEC,MAAM,EAAE,EAAEC;gCAClE,qBACE,MAAC7F;;sDACC,KAACV;4CAAKwG,IAAI;4CAACC,IAAI;sDACb,cAAA,KAAC1F;gDACCkC,MAAM,CAAC,iBAAiB,EAAEsD,GAAG;gDAC7B1B,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE,iBAC5B,KAAC3E;wDACE,GAAG0E,KAAK;wDACTE,SAAS;wDACTL,OAAM;wDACN7C,OAAOuE;wDACPpB,OAAO,CAAC,CAACF,WAAWE,KAAK;wDACzBC,YAAYH,WAAWE,KAAK,EAAEE;wDAC9BC,YAAY;4DACVC,UAAUpD;wDACZ;wDACAqD,iBAAiB;4DAAEC,QAAQtD,aAAa,OAAOO;wDAAU;wDACzDR,UAAU,CAACwD;4DACTV,MAAM9C,QAAQ,CAACwD;4DACfxD,SACE1B,QAAQwB,OAAO,CAACuC;gEACd,IAAIA,MAAM5B,KAAK,KAAKD,WAAW;oEAC7B6B,MAAM5B,KAAK,CAACM,IAAI,CAACqD,gBAAgB,GAAG/B,MAAM5B,KAAK,CAACM,IAAI,CAACqD,gBAAgB,EAAEpD,IACrE,CAACwD,MAAME;wEACL,IAAIH,MAAMG,WAAW;4EACnB,OAAO;gFACLL,iBAAiBb,EAAEC,MAAM,CAAC3D,KAAK;gFAC/BwE,QAAQE,KAAKF,MAAM;4EACrB;wEACF,OAAO;4EACL,OAAOE;wEACT;oEACF;gEAEJ;4DACF;wDAEJ;;;;sDAKR,KAACxG;4CAAKwG,IAAI;4CAACC,IAAI;sDACb,cAAA,KAAC1F;gDACCkC,MAAM,CAAC,OAAO,EAAEsD,GAAG;gDACnB1B,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE,iBAC5B,MAAC3E;wDACE,GAAG0E,KAAK;wDACT6B,MAAM;wDACN3B,SAAS;wDACTL,OAAM;wDACN7C,OAAOwE;wDACPrB,OAAO,CAAC,CAACF,WAAWE,KAAK;wDACzBC,YAAYH,WAAWE,KAAK,EAAEE;wDAC9BC,YAAY;4DACVC,UAAUpD;wDACZ;wDACAqD,iBAAiB;4DAAEC,QAAQtD,aAAa,OAAOO;wDAAU;wDACzDR,UAAU,CAACwD;4DACTV,MAAM9C,QAAQ,CAACwD;4DACfxD,SACE1B,QAAQwB,OAAO,CAACuC;gEACd,IAAIA,MAAM5B,KAAK,KAAKD,WAAW;oEAC7B6B,MAAM5B,KAAK,CAACM,IAAI,CAACqD,gBAAgB,GAAG/B,MAAM5B,KAAK,CAACM,IAAI,CAACqD,gBAAgB,EAAEpD,IACrE,CAACwD,MAAME;wEACL,IAAIH,MAAMG,WAAW;4EACnB,OAAO;gFACLL,iBAAiBG,KAAKH,eAAe;gFACrCC,QAAQd,EAAEC,MAAM,CAAC3D,KAAK;4EACxB;wEACF,OAAO;4EACL,OAAO0E;wEACT;oEACF;gEAEJ;4DACF;wDAEJ;;0EAEA,KAACtG;gEAAS4B,OAAM;0EAAM;;0EACtB,KAAC5B;gEAAS4B,OAAM;0EAAO;;0EACvB,KAAC5B;gEAAS4B,OAAM;0EAAM;;0EACtB,KAAC5B;gEAAS4B,OAAM;0EAAQ;;0EACxB,KAAC5B;gEAAS4B,OAAM;0EAAS;;;;;;sDAKjC,KAAC9B;4CAAKwG,IAAI;4CAACC,IAAI;sDACb,cAAA,KAAC1F;gDACCkC,MAAM,CAAC,gBAAgB,EAAEsD,GAAG;gDAC5B1B,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,KAAC7E;wDACE,GAAG6E,KAAK;wDACTgB,UAAU7D;wDACV,kDAAkD;wDAClD2E,SAAS,CAACpB;4DACRV,MAAM9C,QAAQ,CAACwD;4DACfxD,SACE1B,QAAQwB,OAAO,CAACuC;gEACd,IAAIA,MAAM5B,KAAK,KAAKD,WAAW;oEAC7B6B,MAAM5B,KAAK,CAACM,IAAI,CAACqD,gBAAgB,GAAG;2EAC9B/B,MAAM5B,KAAK,CAACM,IAAI,CAACqD,gBAAgB,EAAES,OAAO,CAACL,MAAME;4EACnD,OAAOA,cAAcH;wEACvB,MAAM,EAAE;qEACT;gEACH;4DACF;wDAEJ;kEAEA,cAAA,KAAChG;;;;;mCA/GIgG;4BAsHnB,mBAEA,KAACvG;gCAAKwG,IAAI;gCAACC,IAAI;0CACb,cAAA,KAACpG;oCAAWqF,IAAI;wCAAEoB,WAAW;oCAAS;8CAAG;;;0CAG7C,KAAC9G;gCAAKwG,IAAI;gCAACC,IAAI;gCAAIf,IAAI;oCAAEqB,YAAY;oCAAkBC,aAAa;gCAAiB;0CACnF,cAAA,KAAC/G;oCACC6F,UAAU7D;oCACV,iDAAiD;oCACjD2E,SAAS,IACP5E,SACE1B,QAAQwB,OAAO,CAACuC;4CACd,IAAIA,MAAM5B,KAAK,KAAKD,WAAW;gDAC7B6B,MAAM5B,KAAK,CAACM,IAAI,CAACqD,gBAAgB,GAAG;uDAC9B/B,MAAM5B,KAAK,CAACM,IAAI,CAACqD,gBAAgB,IAAI,EAAE;oDAC3C;wDAAEC,iBAAiB;wDAAIC,QAAQ;oDAAG;iDACnC;4CACH;wCACF;8CAIJ,cAAA,KAAC9F;;;;;kCAIP,KAACH;wBAAW4F,SAAQ;wBAAKN,IAAI;kCAAG;;kCAGhC,MAAC3F;wBAAKkG,SAAS;wBAACC,SAAS;wBAAGR,IAAI;;4BAC7BxC,OAAOoB,MAAM,GAAG,IACfpB,OAAOH,GAAG,CAAC,CAAC8B,OAAOmC,sBACjB,MAACvG;;sDACC,KAACV;4CAAKwG,IAAI;4CAACC,IAAI;sDACb,cAAA,KAAC1F;gDACCuC,SAASZ,YAAYY,OAAO;gDAC5BL,MAAM,CAAC,QAAQ,EAAEgE,MAAM,KAAK,CAAC;gDAC7BpC,QAAQ,CAAC,EAAEC,OAAOoC,eAAe,EAAEnC,UAAU,EAAE,iBAC7C,KAAC3E;wDACE,GAAG8G,eAAe;wDACnBlC,SAAS;wDACTL,OAAM;wDACNM,OAAO,CAAC,CAACF,WAAWE,KAAK,IAAIvB,eAAeyD,GAAG,CAACD,gBAAgBpF,KAAK;wDACrEoD,YAAYH,WAAWE,KAAK,EAAEE;wDAC9BC,YAAY;4DACVC,UAAUpD;wDACZ;wDACAqD,iBAAiB;4DAAEC,QAAQtD,aAAa,OAAOO;wDAAU;wDACzDR,UAAU,CAACwD;4DACT0B,gBAAgBlF,QAAQ,CAACwD;4DACzB,MAAM4B,iBAAiB;mEAAI7D;6DAAe;4DAC1C6D,cAAc,CAACH,MAAM,GAAG;gEAAEhE,MAAMuC,EAAEC,MAAM,CAAC3D,KAAK;gEAAEA,OAAOsF,cAAc,CAACH,MAAM,EAAEnF,SAAS;4DAAG;4DAC1FqC,oBAAoBiD;wDACtB;;;;sDAKR,KAACpH;4CAAKwG,IAAI;4CAACC,IAAI;sDACb,cAAA,KAAC1F;gDACCuC,SAASZ,YAAYY,OAAO;gDAC5BL,MAAM,CAAC,QAAQ,EAAEgE,MAAM,MAAM,CAAC;gDAC9BpC,QAAQ,CAAC,EAAEC,OAAOoC,eAAe,EAAEnC,UAAU,EAAE,iBAC7C,KAAC3E;wDACE,GAAG8G,eAAe;wDACnBlC,SAAS;wDACTL,OAAM;wDACNM,OAAO,CAAC,CAACF,WAAWE,KAAK;wDACzBC,YAAYH,WAAWE,KAAK,EAAEE;wDAC9BC,YAAY;4DACVC,UAAUpD;wDACZ;wDACAqD,iBAAiB;4DAAEC,QAAQtD,aAAa,OAAOO;wDAAU;wDACzDR,UAAU,CAACwD;4DACT0B,gBAAgBlF,QAAQ,CAACwD;4DACzB,MAAM4B,iBAAiB;mEAAI7D;6DAAe;4DAC1C6D,cAAc,CAACH,MAAM,GAAG;gEAAEhE,MAAMmE,cAAc,CAACH,MAAM,EAAEhE,QAAQ;gEAAInB,OAAO0D,EAAEC,MAAM,CAAC3D,KAAK;4DAAC;4DACzFqC,oBAAoBiD;wDACtB;;;;sDAKR,KAACpH;4CAAKwG,IAAI;4CAACC,IAAI;sDACb,cAAA,KAACxG;gDACC6F,UAAU7D;gDACVoF,cAAY,CAAC,cAAc,EAAE9D,cAAc,CAAC0D,MAAM,EAAEhE,QAAQgE,OAAO;gDACnEL,SAAS;oDACPvD,OAAO4D;oDACP,MAAMG,iBAAiB7D,eAAesD,MAAM,CAAC,CAACS,GAAGf,IAAMA,MAAMU;oDAC7D9C,oBAAoBiD;gDACtB;0DAEA,cAAA,KAAC7G;;;;mCA7DQuE,MAAMyC,EAAE,mBAmEzB,KAACvH;gCAAKwG,IAAI;gCAACC,IAAI;0CACb,cAAA,KAACpG;oCAAWqF,IAAI;wCAAEoB,WAAW;oCAAS;8CAAG;;;4BAG5C7C,+BACC,KAACjE;gCAAKwG,IAAI;gCAACC,IAAI;0CACb,cAAA,KAACpG;oCAAW4F,SAAQ;oCAAQuB,OAAM;8CAAQ;;;0CAK9C,KAACxH;gCAAKwG,IAAI;gCAACC,IAAI;gCAAIf,IAAI;oCAAEqB,YAAY;oCAAkBC,aAAa;gCAAiB;0CACnF,cAAA,KAAC/G;oCAAW6F,UAAU7D;oCAAY2E,SAAS,IAAMxD,OAAO;4CAAEH,MAAM;4CAAInB,OAAO;wCAAG;8CAC5E,cAAA,KAACtB;;;;;oBAKNsB,MAAMW,KAAK,kBACV,KAACnB;wBAAuBQ,OAAOA,MAAMW,KAAK,CAACM,IAAI;wBAAEd,YAAYA;wBAAYD,UAAUwC;;kCAGrF,MAACrE;wBAAMgG,SAAS;;0CACd,KAAC9F;gCAAW4F,SAAQ;0CAAK;;0CACzB,KAAClF;gCACCkC,MAAK;gCACL4B,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE,iBAC5B,KAAC3E;wCACE,GAAG0E,KAAK;wCACTE,SAAS;wCACTL,OAAM;wCACN7C,OAAOA,MAAMW,KAAK,EAAEM,KAAK0E,UAAU;wCACnCxC,OAAO,CAAC,CAACF,WAAWE,KAAK;wCACzBC,YAAYH,WAAWE,KAAK,EAAEE;wCAC9BC,YAAY;4CACVC,UAAUpD;wCACZ;wCACAqD,iBAAiB;4CAAEC,QAAQtD,aAAa,OAAOO;wCAAU;wCACzDR,UAAU,CAACwD;4CACTV,MAAM9C,QAAQ,CAACwD;4CACfxD,SACE1B,QAAQwB,OAAO,CAACuC;gDACd,IAAIA,MAAM5B,KAAK,KAAKD,WAAW;oDAC7B6B,MAAM5B,KAAK,CAACM,IAAI,CAAC0E,MAAM,GAAGjC,EAAEC,MAAM,CAAC3D,KAAK;gDAC1C;4CACF;wCAEJ;;;4BAILA,MAAMW,KAAK,kBACV,KAAClB;gCACCO,OAAOA,MAAMW,KAAK,CAACM,IAAI;gCACvBd,YAAYA;gCACZD,UAAUwC;;;;;;QAMtB;QACA;YACEG,OAAOtC;YACPuC,uBACE;;kCACE,KAAC7D;wBACCkC,MAAK;wBACL4B,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE,iBAC5B,KAAC3E;gCACE,GAAG0E,KAAK;gCACTE,SAAS;gCACTL,OAAM;gCACN7C,OAAOA,MAAMS,SAAS,IAAI;gCAC1B0C,OAAO,CAAC,CAACF,WAAWE,KAAK;gCACzBC,YAAYH,WAAWE,KAAK,EAAEE;gCAC9BC,YAAY;oCACVC,UAAUpD;gCACZ;gCACAqD,iBAAiB;oCAAEC,QAAQtD,aAAa,OAAOO;gCAAU;gCACzDR,UAAU,CAACwD;oCACTV,MAAM9C,QAAQ,CAACwD;oCACfxD,SACE1B,QAAQwB,OAAO,CAACuC;wCACdA,MAAM9B,SAAS,GAAGiD,EAAEC,MAAM,CAAC3D,KAAK;oCAClC;gCAEJ;;;oBAILM,gCACC,KAACrC;wBAAI2H,IAAI;wBAAG9B,SAAQ;wBAAOC,gBAAe;kCACxC,cAAA,KAACzE;4BACCgB,gBAAgBA;4BAChB0D,UAAU,CAACrE,UAAUsE,SAAS,CAACjE,MAAMS,SAAS,EAAEyD,OAAO;;;;;QAMnE;KACD;IAED,sFAAsF;IACtF,6DAA6D;IAC7D,MAAM2B,eAAejD,KAAKkD,SAAS,CAAC,CAACC,MAAQA,IAAIlD,KAAK,KAAKtC;IAC3D,MAAMyF,cAAcpD,KAAKkD,SAAS,CAAC,CAACC,MAAQA,IAAIlD,KAAK,KAAKrC;IAE1D,2EAA2E;IAC3E,MAAMyF,aAAajG,MAAMW,KAAK,GAAGqF,cAAcH;IAE/C,0EAA0E;IAC1E,uEAAuE;IACvE,MAAM,CAACK,oBAAoBC,sBAAsB,GAAGnH,SAASoB;IAC7D,MAAM,CAACgG,mBAAmBC,qBAAqB,GAAGrH,SAASqB;IAE3D,8FAA8F;IAC9F,MAAMiG,mBAAmB,CAACC;QACxB,IAAI3D,IAAI,CAAC2D,EAAE,EAAE1D,UAAUtC,WAAW;YAChC8F,qBAAqBrG;YAErB,kEAAkE;YAClE,MAAM,EAAEW,OAAO6F,MAAM,EAAE,GAAGC,UAAU,GAAGzG;YACvCE,SAAS;gBAAE,GAAGuG,QAAQ;gBAAEhG,WAAWyF,mBAAmBzF,SAAS;YAAC;QAClE,OAAO,IAAImC,IAAI,CAAC2D,EAAE,EAAE1D,UAAUrC,UAAU;YACtC2F,sBAAsBnG;YAEtB,sEAAsE;YACtE,MAAM,EAAES,WAAWiG,UAAU,EAAE,GAAGD,UAAU,GAAGzG;YAC/CE,SAAS;gBAAE,GAAGuG,QAAQ;gBAAE9F,OAAOyF,kBAAkBzF,KAAK;YAAC;QACzD;IACF;IAEA,qBACE;;0BACE,KAACpC;gBAAW4F,SAAQ;gBAAKwC,IAAI;0BAAG;;0BAGhC,KAACpH;gBACCY,YAAYA;gBACZyC,MAAMA;gBACNqD,YAAYA;gBACZW,cAAcN;;;;AAItB"}

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,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"}
+{"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;AAiiBF,wBAAgB,0BAA0B,CAAC,EACzC,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,iBAAiB,GAClB,EAAE,+BAA+B,GAAG,YAAY,CAoIhD"}

package/dist/components/ItemSelectionActionsOptionsEditor/ItemSelectionActionsOptionsEditor.js

@@ -33,7 +33,7 @@ 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 { useCallback, useMemo, useRef, useState } from "react";
 const HTTP_METHODS = [
     'GET',
     'POST',
@@ -266,6 +266,7 @@ function InterpolationHelper({ batchMode }) {
 }
 function EventActionEditor({ action, index, onChange, onRemove, onMoveDown, onMoveUp }) {
     const eventAction = action;
+    const dragHandleRef = useRef(null);
     const [isCollapsed, setIsCollapsed] = useState(true);
     const hasBodyTemplate = (eventAction.bodyTemplate ?? '').trim().length > 0;
     const handleIncludesTemplateChange = useCallback((event)=>{
@@ -303,6 +304,7 @@ function EventActionEditor({ action, index, onChange, onRemove, onMoveDown, onMo
     ]);
     return /*#__PURE__*/ _jsxs(DragAndDropElement, {
         data: eventAction,
+        dragHandleRef: dragHandleRef,
         children: [
             /*#__PURE__*/ _jsxs(Stack, {
                 direction: "row",
@@ -360,6 +362,7 @@ function EventActionEditor({ action, index, onChange, onRemove, onMoveDown, onMo
                                 description: "Reorder action settings",
                                 placement: "top",
                                 children: /*#__PURE__*/ _jsx(DragButton, {
+                                    ref: dragHandleRef,
                                     onMoveUp: onMoveUp,
                                     onMoveDown: onMoveDown,
                                     menuSx: {
@@ -550,6 +553,7 @@ function EventActionEditor({ action, index, onChange, onRemove, onMoveDown, onMo
 }
 function WebhookActionEditor({ action, index, onChange, onRemove, onMoveUp, onMoveDown }) {
     const webhookAction = action;
+    const dragHandleRef = useRef(null);
     const [pendingChange, setPendingChange] = useState(null);
     const contentTypeValue = webhookAction.contentType ?? 'none';
     const hasBodyTemplate = (webhookAction.bodyTemplate ?? '').trim().length > 0;
@@ -662,6 +666,7 @@ function WebhookActionEditor({ action, index, onChange, onRemove, onMoveUp, onMo
     ]);
     return /*#__PURE__*/ _jsxs(DragAndDropElement, {
         data: webhookAction,
+        dragHandleRef: dragHandleRef,
         children: [
             /*#__PURE__*/ _jsxs(Stack, {
                 direction: "row",
@@ -714,6 +719,7 @@ function WebhookActionEditor({ action, index, onChange, onRemove, onMoveUp, onMo
                                 description: "Reorder action settings",
                                 placement: "top",
                                 children: /*#__PURE__*/ _jsx(DragButton, {
+                                    ref: dragHandleRef,
                                     onMoveUp: onMoveUp,
                                     onMoveDown: onMoveDown,
                                     menuSx: {