@perses-dev/plugin-system 0.55.0-beta.8 → 0.55.0-rc.0

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';\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 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 handleHeaderPolicyChange = 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          <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\n              value={value.proxy.spec}\n              isReadonly={isReadonly}\n              onChange={handleHeaderPolicyChange}\n            />\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","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","handleHeaderPolicyChange","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":"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"}

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: {

package/dist/components/ItemSelectionActionsOptionsEditor/ItemSelectionActionsOptionsEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ItemSelectionActionsOptionsEditor/ItemSelectionActionsOptionsEditor.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 {\n  Box,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  FormControl,\n  FormControlLabel,\n  FormLabel,\n  IconButton,\n  InputLabel,\n  MenuItem,\n  Radio,\n  RadioGroup,\n  Select,\n  Stack,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material';\nimport type { SelectChangeEvent } from '@mui/material/Select';\nimport {\n  DragAndDropElement,\n  DragButton,\n  handleMoveDown,\n  handleMoveUp,\n  InfoTooltip,\n  JSONEditor,\n  OptionsEditorControl,\n  OptionsEditorGroup,\n  useDragAndDropMonitor,\n} from '@perses-dev/components';\nimport AlertIcon from 'mdi-material-ui/Alert';\nimport CheckIcon from 'mdi-material-ui/Check';\nimport ChevronDown from 'mdi-material-ui/ChevronDown';\nimport ChevronRight from 'mdi-material-ui/ChevronRight';\nimport CloseIcon from 'mdi-material-ui/Close';\nimport SettingsIcon from 'mdi-material-ui/Cog';\nimport DeleteIcon from 'mdi-material-ui/DeleteOutline';\nimport DownloadIcon from 'mdi-material-ui/Download';\nimport InfoIcon from 'mdi-material-ui/InformationOutline';\nimport LinkIcon from 'mdi-material-ui/Link';\nimport MagnifyScan from 'mdi-material-ui/MagnifyScan';\nimport PauseIcon from 'mdi-material-ui/Pause';\nimport PlayIcon from 'mdi-material-ui/Play';\nimport PlusIcon from 'mdi-material-ui/Plus';\nimport RefreshIcon from 'mdi-material-ui/Refresh';\nimport RobotOutline from 'mdi-material-ui/RobotOutline';\nimport SendIcon from 'mdi-material-ui/Send';\nimport StopIcon from 'mdi-material-ui/Stop';\nimport SyncIcon from 'mdi-material-ui/Sync';\nimport UploadIcon from 'mdi-material-ui/Upload';\nimport type { ReactElement } from 'react';\nimport { useCallback, useMemo, useState } from 'react';\n\nexport type ActionIcon =\n  | 'play'\n  | 'pause'\n  | 'stop'\n  | 'delete'\n  | 'refresh'\n  | 'send'\n  | 'download'\n  | 'upload'\n  | 'check'\n  | 'close'\n  | 'alert'\n  | 'info'\n  | 'settings'\n  | 'link'\n  | 'sync'\n  | 'troubleshoot'\n  | 'ask-ai';\n\nexport interface BaseAction {\n  type: 'event' | 'webhook';\n  name: string;\n  confirmMessage?: string;\n  icon?: ActionIcon;\n  enabled?: boolean;\n  batchMode: BatchMode;\n  bodyTemplate?: string;\n}\n\nexport type HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';\n\nexport type BatchMode = 'batch' | 'individual';\n\nexport type ContentType = 'none' | 'json' | 'text';\n\nexport interface WebhookAction extends BaseAction {\n  type: 'webhook';\n  url: string;\n  method: HttpMethod;\n  contentType: ContentType;\n  headers?: Record<string, string>;\n}\n\nexport interface EventAction extends BaseAction {\n  type: 'event';\n  eventName: string;\n}\n\nexport type ItemAction = EventAction | WebhookAction;\n\nexport interface ActionOptions {\n  enabled?: boolean;\n  actionsList?: ItemAction[];\n  displayInHeader?: boolean;\n  displayWithItem?: boolean;\n}\n\nexport interface SelectionOptions {\n  enabled?: boolean;\n}\n\nexport interface ItemSelectionActionsEditorProps {\n  actionOptions?: ActionOptions;\n  selectionOptions?: SelectionOptions;\n  onChangeActions: (actions?: ActionOptions) => void;\n  onChangeSelection: (selection?: SelectionOptions) => void;\n}\n\nconst HTTP_METHODS: HttpMethod[] = ['GET', 'POST', 'PUT', 'PATCH', 'DELETE'];\nconst BATCH_MODES: Array<{ value: BatchMode; label: string }> = [\n  { value: 'individual', label: 'Individual (one request per selection)' },\n  { value: 'batch', label: 'Batch (single request with all selections)' },\n];\nconst CONTENT_TYPES: Array<{ value: ContentType; label: string }> = [\n  { value: 'none', label: 'None' },\n  { value: 'json', label: 'JSON' },\n  { value: 'text', label: 'Text' },\n];\nconst BODY_METHODS: Set<HttpMethod> = new Set(['POST', 'PUT', 'PATCH']);\nconst BODY_CLEAR_CONFIRM_MESSAGE = 'Changing this option will remove the current body template. Continue?';\n\n/** Available action icons with their display components */\nexport const ACTION_ICONS: Array<{ value: ActionIcon; label: string; icon: ReactElement }> = [\n  { value: 'play', label: 'Play', icon: <PlayIcon fontSize=\"inherit\" /> },\n  { value: 'pause', label: 'Pause', icon: <PauseIcon fontSize=\"inherit\" /> },\n  { value: 'stop', label: 'Stop', icon: <StopIcon fontSize=\"inherit\" /> },\n  { value: 'delete', label: 'Delete', icon: <DeleteIcon fontSize=\"inherit\" /> },\n  { value: 'refresh', label: 'Refresh', icon: <RefreshIcon fontSize=\"inherit\" /> },\n  { value: 'send', label: 'Send', icon: <SendIcon fontSize=\"inherit\" /> },\n  { value: 'download', label: 'Download', icon: <DownloadIcon fontSize=\"inherit\" /> },\n  { value: 'upload', label: 'Upload', icon: <UploadIcon fontSize=\"inherit\" /> },\n  { value: 'check', label: 'Check', icon: <CheckIcon fontSize=\"inherit\" /> },\n  { value: 'close', label: 'Close', icon: <CloseIcon fontSize=\"inherit\" /> },\n  { value: 'alert', label: 'Alert', icon: <AlertIcon fontSize=\"inherit\" /> },\n  { value: 'info', label: 'Info', icon: <InfoIcon fontSize=\"inherit\" /> },\n  { value: 'settings', label: 'Settings', icon: <SettingsIcon fontSize=\"inherit\" /> },\n  { value: 'link', label: 'Link', icon: <LinkIcon fontSize=\"inherit\" /> },\n  { value: 'sync', label: 'Sync', icon: <SyncIcon fontSize=\"inherit\" /> },\n  { value: 'troubleshoot', label: 'Troubleshoot', icon: <MagnifyScan fontSize=\"inherit\" /> },\n  { value: 'ask-ai', label: 'Ask AI', icon: <RobotOutline fontSize=\"inherit\" /> },\n];\n\nconst URL_HELPER_TEXT = 'Supports interpolation: ${__data.fields[\"fieldName\"]}, ${__data.index}, ${__data.count}';\n\nfunction createDefaultEventAction(): EventAction {\n  return {\n    type: 'event',\n    name: 'New Event Action',\n    eventName: 'selection-action',\n    batchMode: 'individual',\n    enabled: true,\n  };\n}\n\nfunction createDefaultWebhookAction(): WebhookAction {\n  return {\n    type: 'webhook',\n    name: 'New Webhook Action',\n    url: '',\n    method: 'POST',\n    contentType: 'none',\n    batchMode: 'individual',\n    enabled: true,\n  };\n}\n\ninterface ItemActionEditorProps {\n  action: ItemAction;\n  index: number;\n  onChange: (index: number, action: ItemAction) => void;\n  onRemove: (index: number) => void;\n  onMoveUp: () => void;\n  onMoveDown: () => void;\n}\n\ninterface InterpolationHelperProps {\n  batchMode: BatchMode;\n}\n\nfunction InterpolationHelper({ batchMode }: InterpolationHelperProps): ReactElement {\n  let content: ReactElement = (\n    <div>\n      Individual mode patterns: <code>{'${__data.fields[\"field\"]}'}</code>, <code>{'${__data.index}'}</code>,{' '}\n      <code>{'${__data.count}'}</code>\n    </div>\n  );\n\n  if (batchMode === 'batch') {\n    content = (\n      <div>\n        Batch mode patterns: <code>{'${__data}'}</code>, <code>{\"${__data[0].fields['field']}\"}</code>,{' '}\n        <code>{\"${__data.fields['field']:csv}\"}</code>, <code>{'${__data.count}'}</code>\n      </div>\n    );\n  }\n\n  return (\n    <Typography variant=\"caption\" color=\"text.secondary\" sx={{ mb: 1, display: 'block' }}>\n      {content}\n    </Typography>\n  );\n}\n\nfunction EventActionEditor({\n  action,\n  index,\n  onChange,\n  onRemove,\n  onMoveDown,\n  onMoveUp,\n}: ItemActionEditorProps): ReactElement {\n  const eventAction = action as EventAction;\n\n  const [isCollapsed, setIsCollapsed] = useState(true);\n  const hasBodyTemplate = (eventAction.bodyTemplate ?? '').trim().length > 0;\n\n  const handleIncludesTemplateChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const nextContentType = event.target.value as 'custom' | 'none';\n\n      const bodyTemplate = nextContentType === 'custom' ? JSON.stringify({}) : undefined;\n\n      onChange(index, { ...eventAction, bodyTemplate: bodyTemplate });\n    },\n    [index, onChange, eventAction],\n  );\n\n  const handleBodyTemplateChange = useCallback(\n    (template: string) => {\n      onChange(index, { ...eventAction, bodyTemplate: template || undefined });\n    },\n    [index, onChange, eventAction],\n  );\n\n  const jsonDataTemplate = useMemo(() => {\n    if (eventAction.bodyTemplate) {\n      try {\n        return JSON.parse(eventAction.bodyTemplate);\n      } catch {\n        return {};\n      }\n    }\n  }, [eventAction.bodyTemplate]);\n\n  return (\n    <DragAndDropElement data={eventAction as unknown as Record<string, unknown>}>\n      <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\" gap={4}>\n        <Stack direction=\"row\" gap={1}>\n          <IconButton\n            data-testid={`event-action-toggle#${eventAction.name}`}\n            size=\"small\"\n            onClick={() => setIsCollapsed(!isCollapsed)}\n          >\n            {isCollapsed ? <ChevronRight /> : <ChevronDown />}\n          </IconButton>\n          <Typography variant=\"overline\" component=\"h4\" sx={{ textTransform: 'none' }}>\n            EVENT ACTION:{' '}\n            {eventAction.name ? (\n              <span>\n                <strong>{eventAction.name}</strong>\n              </span>\n            ) : (\n              <strong>{eventAction.name}</strong>\n            )}\n          </Typography>\n        </Stack>\n\n        <Stack direction=\"row\" gap={1}>\n          <InfoTooltip description=\"Remove action settings\" placement=\"top\">\n            <IconButton\n              size=\"small\"\n              sx={{ marginLeft: 'auto' }}\n              onClick={() => onRemove(index)}\n              key=\"delete-action-button\"\n            >\n              <DeleteIcon />\n            </IconButton>\n          </InfoTooltip>\n          <InfoTooltip description=\"Reorder action settings\" placement=\"top\">\n            <DragButton\n              onMoveUp={onMoveUp}\n              onMoveDown={onMoveDown}\n              menuSx={{\n                '.MuiPaper-root': { backgroundColor: (theme) => theme.palette.background.lighter },\n              }}\n              key=\"reorder-action-button\"\n            />\n          </InfoTooltip>\n        </Stack>\n      </Stack>\n\n      {!isCollapsed && (\n        <Stack spacing={2}>\n          <OptionsEditorControl\n            label=\"Enabled\"\n            control={\n              <Switch\n                checked={eventAction?.enabled ?? false}\n                onChange={(e) => onChange(index, { ...eventAction, enabled: e.target.checked })}\n              />\n            }\n          />\n\n          <Stack direction=\"row\" spacing={2}>\n            <TextField\n              label=\"Action Name\"\n              size=\"small\"\n              value={eventAction.name}\n              onChange={(e) => onChange(index, { ...eventAction, name: e.target.value })}\n              sx={{ flexGrow: 1 }}\n            />\n\n            <FormControl size=\"small\" sx={{ minWidth: 120 }}>\n              <InputLabel>Icon</InputLabel>\n              <Select\n                value={eventAction.icon || ''}\n                label=\"Icon\"\n                onChange={(e) => onChange(index, { ...eventAction, icon: (e.target.value as ActionIcon) || undefined })}\n              >\n                <MenuItem value=\"\">\n                  <em>None</em>\n                </MenuItem>\n                {ACTION_ICONS.map((iconOption) => (\n                  <MenuItem key={iconOption.value} value={iconOption.value}>\n                    <Stack direction=\"row\" alignItems=\"center\" spacing={1}>\n                      {iconOption.icon}\n                      <span>{iconOption.label}</span>\n                    </Stack>\n                  </MenuItem>\n                ))}\n              </Select>\n            </FormControl>\n          </Stack>\n\n          <Stack direction=\"row\" spacing={2}>\n            <TextField\n              label=\"Event Name\"\n              size=\"small\"\n              value={eventAction.eventName}\n              onChange={(e) => onChange(index, { ...eventAction, eventName: e.target.value })}\n              helperText=\"Name of the CustomEvent to dispatch (e.g., 'selection-action')\"\n              fullWidth\n            />\n\n            <FormControl size=\"small\" sx={{ flexGrow: 1, minWidth: 280 }}>\n              <InputLabel>Batch Mode</InputLabel>\n              <Select\n                value={eventAction.batchMode ?? 'individual'}\n                label=\"Batch Mode\"\n                onChange={(e) => onChange(index, { ...eventAction, batchMode: e.target.value as BatchMode })}\n              >\n                {BATCH_MODES.map((mode) => (\n                  <MenuItem key={mode.value} value={mode.value}>\n                    {mode.label}\n                  </MenuItem>\n                ))}\n              </Select>\n            </FormControl>\n          </Stack>\n\n          <FormControl component=\"fieldset\" size=\"small\">\n            <FormLabel component=\"legend\">Template</FormLabel>\n            <RadioGroup row value={hasBodyTemplate ? 'custom' : 'none'} onChange={handleIncludesTemplateChange}>\n              <FormControlLabel value=\"none\" control={<Radio size=\"small\" />} label=\"None\" />\n              <FormControlLabel value=\"custom\" control={<Radio size=\"small\" />} label=\"JSON template\" />\n            </RadioGroup>\n          </FormControl>\n\n          {hasBodyTemplate && (\n            <>\n              <InterpolationHelper batchMode={eventAction.batchMode} />\n              <JSONEditor\n                value={jsonDataTemplate || ''}\n                onChange={handleBodyTemplateChange}\n                minHeight=\"100px\"\n                maxHeight=\"200px\"\n              />\n            </>\n          )}\n\n          <TextField\n            label=\"Confirmation Message (optional)\"\n            size=\"small\"\n            value={eventAction.confirmMessage || ''}\n            onChange={(e) => onChange(index, { ...eventAction, confirmMessage: e.target.value || undefined })}\n            helperText=\"If set, shows a confirmation dialog before executing the action\"\n            fullWidth\n            multiline\n            rows={2}\n          />\n        </Stack>\n      )}\n    </DragAndDropElement>\n  );\n}\n\nfunction WebhookActionEditor({\n  action,\n  index,\n  onChange,\n  onRemove,\n  onMoveUp,\n  onMoveDown,\n}: ItemActionEditorProps): ReactElement {\n  const webhookAction = action as WebhookAction;\n  const [pendingChange, setPendingChange] = useState<\n    { kind: 'contentType'; value: ContentType } | { kind: 'method'; value: HttpMethod } | null\n  >(null);\n  const contentTypeValue = webhookAction.contentType ?? 'none';\n  const hasBodyTemplate = (webhookAction.bodyTemplate ?? '').trim().length > 0;\n  const supportsBody = BODY_METHODS.has(webhookAction.method);\n\n  const [isCollapsed, setIsCollapsed] = useState(true);\n\n  const handleBodyTemplateChange = useCallback(\n    (template: string) => {\n      onChange(index, { ...webhookAction, bodyTemplate: template || undefined });\n    },\n    [index, onChange, webhookAction],\n  );\n\n  const handleTextTemplateChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onChange(index, { ...webhookAction, bodyTemplate: event.target.value || undefined });\n    },\n    [index, onChange, webhookAction],\n  );\n\n  const handleContentTypeChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const nextContentType = event.target.value as ContentType;\n      if (nextContentType === contentTypeValue) {\n        return;\n      }\n\n      if (hasBodyTemplate) {\n        setPendingChange({ kind: 'contentType', value: nextContentType });\n        return;\n      }\n\n      onChange(index, { ...webhookAction, contentType: nextContentType });\n    },\n    [contentTypeValue, hasBodyTemplate, index, onChange, webhookAction],\n  );\n\n  const handleMethodChange = useCallback(\n    (event: SelectChangeEvent<HttpMethod>) => {\n      const nextMethod = event.target.value as HttpMethod;\n      if (nextMethod === webhookAction.method) {\n        return;\n      }\n\n      const nextSupportsBody = BODY_METHODS.has(nextMethod);\n      if (!nextSupportsBody && hasBodyTemplate) {\n        setPendingChange({ kind: 'method', value: nextMethod });\n        return;\n      }\n\n      onChange(index, { ...webhookAction, method: nextMethod });\n    },\n    [hasBodyTemplate, index, onChange, webhookAction],\n  );\n\n  const handleConfirmClose = useCallback(() => {\n    setPendingChange(null);\n  }, []);\n\n  const handleConfirmApply = useCallback(() => {\n    if (!pendingChange) {\n      return;\n    }\n\n    if (pendingChange.kind === 'contentType') {\n      onChange(index, { ...webhookAction, contentType: pendingChange.value, bodyTemplate: undefined });\n    } else {\n      onChange(index, { ...webhookAction, method: pendingChange.value, bodyTemplate: undefined });\n    }\n\n    setPendingChange(null);\n  }, [index, onChange, pendingChange, webhookAction]);\n\n  const jsonBodyTemplate = useMemo(() => {\n    if (webhookAction.contentType === 'json' && webhookAction.bodyTemplate) {\n      try {\n        return JSON.parse(webhookAction.bodyTemplate);\n      } catch {\n        return {};\n      }\n    }\n  }, [webhookAction.bodyTemplate, webhookAction.contentType]);\n\n  return (\n    <DragAndDropElement data={webhookAction as unknown as Record<string, unknown>}>\n      <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\" gap={4}>\n        <Stack direction=\"row\" gap={1}>\n          <IconButton\n            data-testid={`column-toggle#${webhookAction.name}`}\n            size=\"small\"\n            onClick={() => setIsCollapsed(!isCollapsed)}\n          >\n            {isCollapsed ? <ChevronRight /> : <ChevronDown />}\n          </IconButton>\n          <Typography variant=\"overline\" component=\"h4\" sx={{ textTransform: 'none' }}>\n            WEBHOOK ACTION: <strong>{webhookAction.name}</strong>\n          </Typography>\n        </Stack>\n\n        <Stack direction=\"row\" gap={1}>\n          <InfoTooltip description=\"Remove action settings\" placement=\"top\">\n            <IconButton\n              size=\"small\"\n              sx={{ marginLeft: 'auto' }}\n              onClick={() => onRemove(index)}\n              key=\"delete-action-button\"\n            >\n              <DeleteIcon />\n            </IconButton>\n          </InfoTooltip>\n          <InfoTooltip description=\"Reorder action settings\" placement=\"top\">\n            <DragButton\n              onMoveUp={onMoveUp}\n              onMoveDown={onMoveDown}\n              menuSx={{\n                '.MuiPaper-root': { backgroundColor: (theme) => theme.palette.background.lighter },\n              }}\n              key=\"reorder-action-button\"\n            />\n          </InfoTooltip>\n        </Stack>\n      </Stack>\n\n      {!isCollapsed && (\n        <Stack spacing={2}>\n          <OptionsEditorControl\n            label=\"Enabled\"\n            control={\n              <Switch\n                checked={action?.enabled ?? false}\n                onChange={(e) => onChange(index, { ...webhookAction, enabled: e.target.checked })}\n              />\n            }\n          />\n\n          <Stack direction=\"row\" spacing={2}>\n            <TextField\n              label=\"Action Name\"\n              size=\"small\"\n              value={webhookAction.name}\n              onChange={(e) => onChange(index, { ...webhookAction, name: e.target.value })}\n              sx={{ flexGrow: 1 }}\n            />\n\n            <FormControl size=\"small\" sx={{ minWidth: 120 }}>\n              <InputLabel>Icon</InputLabel>\n              <Select\n                value={webhookAction.icon || ''}\n                label=\"Icon\"\n                onChange={(e) =>\n                  onChange(index, { ...webhookAction, icon: (e.target.value as ActionIcon) || undefined })\n                }\n              >\n                <MenuItem value=\"\">\n                  <em>None</em>\n                </MenuItem>\n                {ACTION_ICONS.map((iconOption) => (\n                  <MenuItem key={iconOption.value} value={iconOption.value}>\n                    <Stack direction=\"row\" alignItems=\"center\" spacing={1}>\n                      {iconOption.icon}\n                      <span>{iconOption.label}</span>\n                    </Stack>\n                  </MenuItem>\n                ))}\n              </Select>\n            </FormControl>\n          </Stack>\n\n          <TextField\n            label=\"URL\"\n            size=\"small\"\n            value={webhookAction.url}\n            onChange={(e) => onChange(index, { ...webhookAction, url: e.target.value })}\n            helperText={URL_HELPER_TEXT}\n            fullWidth\n          />\n\n          <Stack direction=\"row\" spacing={2}>\n            <FormControl size=\"small\" sx={{ minWidth: 120 }}>\n              <InputLabel>Method</InputLabel>\n              <Select value={webhookAction.method} label=\"Method\" onChange={handleMethodChange}>\n                {HTTP_METHODS.map((method) => (\n                  <MenuItem key={method} value={method}>\n                    {method}\n                  </MenuItem>\n                ))}\n              </Select>\n            </FormControl>\n\n            <FormControl size=\"small\" sx={{ flexGrow: 1 }}>\n              <InputLabel>Batch Mode</InputLabel>\n              <Select\n                value={webhookAction.batchMode}\n                label=\"Batch Mode\"\n                onChange={(e) => onChange(index, { ...webhookAction, batchMode: e.target.value as BatchMode })}\n              >\n                {BATCH_MODES.map((mode) => (\n                  <MenuItem key={mode.value} value={mode.value}>\n                    {mode.label}\n                  </MenuItem>\n                ))}\n              </Select>\n            </FormControl>\n          </Stack>\n\n          <FormControl component=\"fieldset\" size=\"small\">\n            <FormLabel component=\"legend\">Content Type</FormLabel>\n            <RadioGroup row value={contentTypeValue} onChange={handleContentTypeChange}>\n              {CONTENT_TYPES.map((option) => (\n                <FormControlLabel\n                  key={option.value}\n                  value={option.value}\n                  control={<Radio size=\"small\" />}\n                  label={option.label}\n                />\n              ))}\n            </RadioGroup>\n          </FormControl>\n\n          {supportsBody && contentTypeValue !== 'none' && (\n            <Box>\n              <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mb: 1 }}>\n                {contentTypeValue === 'json' ? 'Body Template (JSON)' : 'Body Template (Text)'}\n              </Typography>\n              <InterpolationHelper batchMode={webhookAction.batchMode} />\n              {contentTypeValue === 'json' ? (\n                <JSONEditor\n                  value={jsonBodyTemplate || ''}\n                  onChange={handleBodyTemplateChange}\n                  minHeight=\"100px\"\n                  maxHeight=\"200px\"\n                />\n              ) : (\n                <TextField\n                  value={webhookAction.bodyTemplate || ''}\n                  onChange={handleTextTemplateChange}\n                  fullWidth\n                  multiline\n                  rows={5}\n                />\n              )}\n            </Box>\n          )}\n\n          <TextField\n            label=\"Confirmation Message (optional)\"\n            size=\"small\"\n            value={webhookAction.confirmMessage || ''}\n            onChange={(e) => onChange(index, { ...webhookAction, confirmMessage: e.target.value || undefined })}\n            helperText=\"If set, shows a confirmation dialog before executing the action\"\n            fullWidth\n            multiline\n            rows={2}\n          />\n        </Stack>\n      )}\n\n      <Dialog open={Boolean(pendingChange)} onClose={handleConfirmClose} aria-labelledby=\"selection-body-clear-title\">\n        <DialogTitle id=\"selection-body-clear-title\">Remove Body Template?</DialogTitle>\n        <DialogContent>\n          <DialogContentText>{BODY_CLEAR_CONFIRM_MESSAGE}</DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={handleConfirmClose}>Cancel</Button>\n          <Button onClick={handleConfirmApply} variant=\"contained\" color=\"primary\">\n            Continue\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </DragAndDropElement>\n  );\n}\n\nexport function ItemSelectionActionsEditor({\n  actionOptions,\n  selectionOptions,\n  onChangeActions,\n  onChangeSelection,\n}: ItemSelectionActionsEditorProps): ReactElement {\n  const actions = useMemo(\n    () => actionOptions || { enabled: true, displayInHeader: true, displayWithItem: false },\n    [actionOptions],\n  );\n\n  const handleEnableActionsChange: SwitchProps['onChange'] = (_: unknown, checked: boolean) => {\n    onChangeActions({ ...actions, enabled: checked ? true : undefined });\n  };\n\n  const handleEnableSelectionChange: SwitchProps['onChange'] = (_: unknown, checked: boolean) => {\n    onChangeSelection({ ...selectionOptions, enabled: checked ? true : undefined });\n  };\n\n  const handleDisplayInHeaderChange: SwitchProps['onChange'] = (_: unknown, checked: boolean) => {\n    onChangeActions({ ...actions, displayInHeader: checked ? true : undefined });\n  };\n\n  const handleDisplayWithItemChange: SwitchProps['onChange'] = (_: unknown, checked: boolean) => {\n    onChangeActions({ ...actions, displayWithItem: checked ? true : undefined });\n  };\n\n  const handleAddEventAction = useCallback(() => {\n    onChangeActions({ ...actions, actionsList: [...(actions.actionsList ?? []), createDefaultEventAction()] });\n  }, [actions, onChangeActions]);\n\n  const handleAddWebhookAction = useCallback(() => {\n    onChangeActions({ ...actions, actionsList: [...(actions.actionsList ?? []), createDefaultWebhookAction()] });\n  }, [actions, onChangeActions]);\n\n  const handleActionChange = useCallback(\n    (index: number, updatedAction: ItemAction) => {\n      const newActions = actions.actionsList ? [...actions.actionsList] : [];\n      newActions[index] = updatedAction;\n      onChangeActions({ ...actions, actionsList: newActions });\n    },\n    [actions, onChangeActions],\n  );\n\n  const handleRemoveAction = useCallback(\n    (index: number) => {\n      const newActions = actions.actionsList ? actions.actionsList.filter((_, i) => i !== index) : [];\n      onChangeActions(newActions.length > 0 ? { ...actions, actionsList: newActions } : undefined);\n    },\n    [actions, onChangeActions],\n  );\n\n  useDragAndDropMonitor({\n    elements: actions.actionsList as unknown as Array<Record<string, unknown>>,\n    accessKey: 'name',\n    onChange: (newElements) => {\n      onChangeActions({ ...actions, actionsList: newElements as unknown as ItemAction[] });\n    },\n  });\n\n  return (\n    <Stack spacing={1}>\n      <OptionsEditorControl\n        label=\"Enable Item Selection\"\n        description=\"Allow selecting items\"\n        control={<Switch checked={selectionOptions?.enabled ?? false} onChange={handleEnableSelectionChange} />}\n      />\n      <OptionsEditorControl\n        label=\"Enable Item Actions\"\n        description=\"Allow executing actions on selected items\"\n        control={<Switch checked={actionOptions?.enabled ?? false} onChange={handleEnableActionsChange} />}\n      />\n      <OptionsEditorControl\n        label=\"Display Actions in Panel Header\"\n        description=\"Show action buttons in the panel header when items are selected\"\n        control={<Switch checked={actionOptions?.displayInHeader ?? false} onChange={handleDisplayInHeaderChange} />}\n      />\n      <OptionsEditorControl\n        label=\"Display Actions with Each Item\"\n        description=\"Show action buttons alongside each item when selected\"\n        control={<Switch checked={actionOptions?.displayWithItem ?? false} onChange={handleDisplayWithItemChange} />}\n      />\n      <OptionsEditorGroup title=\"Actions\">\n        <Stack spacing={3}>\n          {!actions.actionsList || actions.actionsList.length === 0 ? (\n            <Typography variant=\"body2\" color=\"text.secondary\" fontStyle=\"italic\">\n              No actions defined. Add an action to enable triggering events or webhooks on selected data.\n            </Typography>\n          ) : (\n            <Stack spacing={1} border=\"none\">\n              {actions.actionsList &&\n                actions.actionsList.map((action, index) => (\n                  <Box key={index} borderBottom={1} borderColor={(theme) => theme.palette.divider} pb={1}>\n                    {action.type === 'event' ? (\n                      <EventActionEditor\n                        action={action}\n                        index={index}\n                        onChange={handleActionChange}\n                        onRemove={handleRemoveAction}\n                        onMoveDown={() =>\n                          onChangeActions({ ...actions, actionsList: handleMoveDown(action, actions.actionsList!) })\n                        }\n                        onMoveUp={() =>\n                          onChangeActions({ ...actions, actionsList: handleMoveUp(action, actions.actionsList!) })\n                        }\n                      />\n                    ) : (\n                      <WebhookActionEditor\n                        action={action}\n                        index={index}\n                        onChange={handleActionChange}\n                        onRemove={handleRemoveAction}\n                        onMoveDown={() =>\n                          onChangeActions({ ...actions, actionsList: handleMoveDown(action, actions.actionsList!) })\n                        }\n                        onMoveUp={() =>\n                          onChangeActions({ ...actions, actionsList: handleMoveUp(action, actions.actionsList!) })\n                        }\n                      />\n                    )}\n                  </Box>\n                ))}\n            </Stack>\n          )}\n\n          <Stack direction=\"row\" spacing={1}>\n            <Button variant=\"contained\" startIcon={<PlusIcon />} onClick={handleAddEventAction}>\n              Add Event Action\n            </Button>\n            <Button variant=\"contained\" startIcon={<PlusIcon />} onClick={handleAddWebhookAction}>\n              Add Webhook Action\n            </Button>\n          </Stack>\n        </Stack>\n      </OptionsEditorGroup>\n    </Stack>\n  );\n}\n"],"names":["Box","Button","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","FormControl","FormControlLabel","FormLabel","IconButton","InputLabel","MenuItem","Radio","RadioGroup","Select","Stack","Switch","TextField","Typography","DragAndDropElement","DragButton","handleMoveDown","handleMoveUp","InfoTooltip","JSONEditor","OptionsEditorControl","OptionsEditorGroup","useDragAndDropMonitor","AlertIcon","CheckIcon","ChevronDown","ChevronRight","CloseIcon","SettingsIcon","DeleteIcon","DownloadIcon","InfoIcon","LinkIcon","MagnifyScan","PauseIcon","PlayIcon","PlusIcon","RefreshIcon","RobotOutline","SendIcon","StopIcon","SyncIcon","UploadIcon","useCallback","useMemo","useState","HTTP_METHODS","BATCH_MODES","value","label","CONTENT_TYPES","BODY_METHODS","Set","BODY_CLEAR_CONFIRM_MESSAGE","ACTION_ICONS","icon","fontSize","URL_HELPER_TEXT","createDefaultEventAction","type","name","eventName","batchMode","enabled","createDefaultWebhookAction","url","method","contentType","InterpolationHelper","content","div","code","variant","color","sx","mb","display","EventActionEditor","action","index","onChange","onRemove","onMoveDown","onMoveUp","eventAction","isCollapsed","setIsCollapsed","hasBodyTemplate","bodyTemplate","trim","length","handleIncludesTemplateChange","event","nextContentType","target","JSON","stringify","undefined","handleBodyTemplateChange","template","jsonDataTemplate","parse","data","direction","alignItems","justifyContent","gap","data-testid","size","onClick","component","textTransform","span","strong","description","placement","marginLeft","menuSx","backgroundColor","theme","palette","background","lighter","spacing","control","checked","e","flexGrow","minWidth","em","map","iconOption","helperText","fullWidth","mode","row","minHeight","maxHeight","confirmMessage","multiline","rows","WebhookActionEditor","webhookAction","pendingChange","setPendingChange","contentTypeValue","supportsBody","has","handleTextTemplateChange","handleContentTypeChange","kind","handleMethodChange","nextMethod","nextSupportsBody","handleConfirmClose","handleConfirmApply","jsonBodyTemplate","option","open","Boolean","onClose","aria-labelledby","id","ItemSelectionActionsEditor","actionOptions","selectionOptions","onChangeActions","onChangeSelection","actions","displayInHeader","displayWithItem","handleEnableActionsChange","_","handleEnableSelectionChange","handleDisplayInHeaderChange","handleDisplayWithItemChange","handleAddEventAction","actionsList","handleAddWebhookAction","handleActionChange","updatedAction","newActions","handleRemoveAction","filter","i","elements","accessKey","newElements","title","fontStyle","border","borderBottom","borderColor","divider","pb","startIcon"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/ItemSelectionActionsOptionsEditor/ItemSelectionActionsOptionsEditor.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 {\n  Box,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  FormControl,\n  FormControlLabel,\n  FormLabel,\n  IconButton,\n  InputLabel,\n  MenuItem,\n  Radio,\n  RadioGroup,\n  Select,\n  Stack,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material';\nimport type { SelectChangeEvent } from '@mui/material/Select';\nimport {\n  DragAndDropElement,\n  DragButton,\n  handleMoveDown,\n  handleMoveUp,\n  InfoTooltip,\n  JSONEditor,\n  OptionsEditorControl,\n  OptionsEditorGroup,\n  useDragAndDropMonitor,\n} from '@perses-dev/components';\nimport AlertIcon from 'mdi-material-ui/Alert';\nimport CheckIcon from 'mdi-material-ui/Check';\nimport ChevronDown from 'mdi-material-ui/ChevronDown';\nimport ChevronRight from 'mdi-material-ui/ChevronRight';\nimport CloseIcon from 'mdi-material-ui/Close';\nimport SettingsIcon from 'mdi-material-ui/Cog';\nimport DeleteIcon from 'mdi-material-ui/DeleteOutline';\nimport DownloadIcon from 'mdi-material-ui/Download';\nimport InfoIcon from 'mdi-material-ui/InformationOutline';\nimport LinkIcon from 'mdi-material-ui/Link';\nimport MagnifyScan from 'mdi-material-ui/MagnifyScan';\nimport PauseIcon from 'mdi-material-ui/Pause';\nimport PlayIcon from 'mdi-material-ui/Play';\nimport PlusIcon from 'mdi-material-ui/Plus';\nimport RefreshIcon from 'mdi-material-ui/Refresh';\nimport RobotOutline from 'mdi-material-ui/RobotOutline';\nimport SendIcon from 'mdi-material-ui/Send';\nimport StopIcon from 'mdi-material-ui/Stop';\nimport SyncIcon from 'mdi-material-ui/Sync';\nimport UploadIcon from 'mdi-material-ui/Upload';\nimport type { ReactElement } from 'react';\nimport { useCallback, useMemo, useRef, useState } from 'react';\n\nexport type ActionIcon =\n  | 'play'\n  | 'pause'\n  | 'stop'\n  | 'delete'\n  | 'refresh'\n  | 'send'\n  | 'download'\n  | 'upload'\n  | 'check'\n  | 'close'\n  | 'alert'\n  | 'info'\n  | 'settings'\n  | 'link'\n  | 'sync'\n  | 'troubleshoot'\n  | 'ask-ai';\n\nexport interface BaseAction {\n  type: 'event' | 'webhook';\n  name: string;\n  confirmMessage?: string;\n  icon?: ActionIcon;\n  enabled?: boolean;\n  batchMode: BatchMode;\n  bodyTemplate?: string;\n}\n\nexport type HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';\n\nexport type BatchMode = 'batch' | 'individual';\n\nexport type ContentType = 'none' | 'json' | 'text';\n\nexport interface WebhookAction extends BaseAction {\n  type: 'webhook';\n  url: string;\n  method: HttpMethod;\n  contentType: ContentType;\n  headers?: Record<string, string>;\n}\n\nexport interface EventAction extends BaseAction {\n  type: 'event';\n  eventName: string;\n}\n\nexport type ItemAction = EventAction | WebhookAction;\n\nexport interface ActionOptions {\n  enabled?: boolean;\n  actionsList?: ItemAction[];\n  displayInHeader?: boolean;\n  displayWithItem?: boolean;\n}\n\nexport interface SelectionOptions {\n  enabled?: boolean;\n}\n\nexport interface ItemSelectionActionsEditorProps {\n  actionOptions?: ActionOptions;\n  selectionOptions?: SelectionOptions;\n  onChangeActions: (actions?: ActionOptions) => void;\n  onChangeSelection: (selection?: SelectionOptions) => void;\n}\n\nconst HTTP_METHODS: HttpMethod[] = ['GET', 'POST', 'PUT', 'PATCH', 'DELETE'];\nconst BATCH_MODES: Array<{ value: BatchMode; label: string }> = [\n  { value: 'individual', label: 'Individual (one request per selection)' },\n  { value: 'batch', label: 'Batch (single request with all selections)' },\n];\nconst CONTENT_TYPES: Array<{ value: ContentType; label: string }> = [\n  { value: 'none', label: 'None' },\n  { value: 'json', label: 'JSON' },\n  { value: 'text', label: 'Text' },\n];\nconst BODY_METHODS: Set<HttpMethod> = new Set(['POST', 'PUT', 'PATCH']);\nconst BODY_CLEAR_CONFIRM_MESSAGE = 'Changing this option will remove the current body template. Continue?';\n\n/** Available action icons with their display components */\nexport const ACTION_ICONS: Array<{ value: ActionIcon; label: string; icon: ReactElement }> = [\n  { value: 'play', label: 'Play', icon: <PlayIcon fontSize=\"inherit\" /> },\n  { value: 'pause', label: 'Pause', icon: <PauseIcon fontSize=\"inherit\" /> },\n  { value: 'stop', label: 'Stop', icon: <StopIcon fontSize=\"inherit\" /> },\n  { value: 'delete', label: 'Delete', icon: <DeleteIcon fontSize=\"inherit\" /> },\n  { value: 'refresh', label: 'Refresh', icon: <RefreshIcon fontSize=\"inherit\" /> },\n  { value: 'send', label: 'Send', icon: <SendIcon fontSize=\"inherit\" /> },\n  { value: 'download', label: 'Download', icon: <DownloadIcon fontSize=\"inherit\" /> },\n  { value: 'upload', label: 'Upload', icon: <UploadIcon fontSize=\"inherit\" /> },\n  { value: 'check', label: 'Check', icon: <CheckIcon fontSize=\"inherit\" /> },\n  { value: 'close', label: 'Close', icon: <CloseIcon fontSize=\"inherit\" /> },\n  { value: 'alert', label: 'Alert', icon: <AlertIcon fontSize=\"inherit\" /> },\n  { value: 'info', label: 'Info', icon: <InfoIcon fontSize=\"inherit\" /> },\n  { value: 'settings', label: 'Settings', icon: <SettingsIcon fontSize=\"inherit\" /> },\n  { value: 'link', label: 'Link', icon: <LinkIcon fontSize=\"inherit\" /> },\n  { value: 'sync', label: 'Sync', icon: <SyncIcon fontSize=\"inherit\" /> },\n  { value: 'troubleshoot', label: 'Troubleshoot', icon: <MagnifyScan fontSize=\"inherit\" /> },\n  { value: 'ask-ai', label: 'Ask AI', icon: <RobotOutline fontSize=\"inherit\" /> },\n];\n\nconst URL_HELPER_TEXT = 'Supports interpolation: ${__data.fields[\"fieldName\"]}, ${__data.index}, ${__data.count}';\n\nfunction createDefaultEventAction(): EventAction {\n  return {\n    type: 'event',\n    name: 'New Event Action',\n    eventName: 'selection-action',\n    batchMode: 'individual',\n    enabled: true,\n  };\n}\n\nfunction createDefaultWebhookAction(): WebhookAction {\n  return {\n    type: 'webhook',\n    name: 'New Webhook Action',\n    url: '',\n    method: 'POST',\n    contentType: 'none',\n    batchMode: 'individual',\n    enabled: true,\n  };\n}\n\ninterface ItemActionEditorProps {\n  action: ItemAction;\n  index: number;\n  onChange: (index: number, action: ItemAction) => void;\n  onRemove: (index: number) => void;\n  onMoveUp: () => void;\n  onMoveDown: () => void;\n}\n\ninterface InterpolationHelperProps {\n  batchMode: BatchMode;\n}\n\nfunction InterpolationHelper({ batchMode }: InterpolationHelperProps): ReactElement {\n  let content: ReactElement = (\n    <div>\n      Individual mode patterns: <code>{'${__data.fields[\"field\"]}'}</code>, <code>{'${__data.index}'}</code>,{' '}\n      <code>{'${__data.count}'}</code>\n    </div>\n  );\n\n  if (batchMode === 'batch') {\n    content = (\n      <div>\n        Batch mode patterns: <code>{'${__data}'}</code>, <code>{\"${__data[0].fields['field']}\"}</code>,{' '}\n        <code>{\"${__data.fields['field']:csv}\"}</code>, <code>{'${__data.count}'}</code>\n      </div>\n    );\n  }\n\n  return (\n    <Typography variant=\"caption\" color=\"text.secondary\" sx={{ mb: 1, display: 'block' }}>\n      {content}\n    </Typography>\n  );\n}\n\nfunction EventActionEditor({\n  action,\n  index,\n  onChange,\n  onRemove,\n  onMoveDown,\n  onMoveUp,\n}: ItemActionEditorProps): ReactElement {\n  const eventAction = action as EventAction;\n  const dragHandleRef = useRef<HTMLButtonElement>(null);\n\n  const [isCollapsed, setIsCollapsed] = useState(true);\n  const hasBodyTemplate = (eventAction.bodyTemplate ?? '').trim().length > 0;\n\n  const handleIncludesTemplateChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const nextContentType = event.target.value as 'custom' | 'none';\n\n      const bodyTemplate = nextContentType === 'custom' ? JSON.stringify({}) : undefined;\n\n      onChange(index, { ...eventAction, bodyTemplate: bodyTemplate });\n    },\n    [index, onChange, eventAction],\n  );\n\n  const handleBodyTemplateChange = useCallback(\n    (template: string) => {\n      onChange(index, { ...eventAction, bodyTemplate: template || undefined });\n    },\n    [index, onChange, eventAction],\n  );\n\n  const jsonDataTemplate = useMemo(() => {\n    if (eventAction.bodyTemplate) {\n      try {\n        return JSON.parse(eventAction.bodyTemplate);\n      } catch {\n        return {};\n      }\n    }\n  }, [eventAction.bodyTemplate]);\n\n  return (\n    <DragAndDropElement data={eventAction as unknown as Record<string, unknown>} dragHandleRef={dragHandleRef}>\n      <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\" gap={4}>\n        <Stack direction=\"row\" gap={1}>\n          <IconButton\n            data-testid={`event-action-toggle#${eventAction.name}`}\n            size=\"small\"\n            onClick={() => setIsCollapsed(!isCollapsed)}\n          >\n            {isCollapsed ? <ChevronRight /> : <ChevronDown />}\n          </IconButton>\n          <Typography variant=\"overline\" component=\"h4\" sx={{ textTransform: 'none' }}>\n            EVENT ACTION:{' '}\n            {eventAction.name ? (\n              <span>\n                <strong>{eventAction.name}</strong>\n              </span>\n            ) : (\n              <strong>{eventAction.name}</strong>\n            )}\n          </Typography>\n        </Stack>\n\n        <Stack direction=\"row\" gap={1}>\n          <InfoTooltip description=\"Remove action settings\" placement=\"top\">\n            <IconButton\n              size=\"small\"\n              sx={{ marginLeft: 'auto' }}\n              onClick={() => onRemove(index)}\n              key=\"delete-action-button\"\n            >\n              <DeleteIcon />\n            </IconButton>\n          </InfoTooltip>\n          <InfoTooltip description=\"Reorder action settings\" placement=\"top\">\n            <DragButton\n              ref={dragHandleRef}\n              onMoveUp={onMoveUp}\n              onMoveDown={onMoveDown}\n              menuSx={{\n                '.MuiPaper-root': { backgroundColor: (theme) => theme.palette.background.lighter },\n              }}\n              key=\"reorder-action-button\"\n            />\n          </InfoTooltip>\n        </Stack>\n      </Stack>\n\n      {!isCollapsed && (\n        <Stack spacing={2}>\n          <OptionsEditorControl\n            label=\"Enabled\"\n            control={\n              <Switch\n                checked={eventAction?.enabled ?? false}\n                onChange={(e) => onChange(index, { ...eventAction, enabled: e.target.checked })}\n              />\n            }\n          />\n\n          <Stack direction=\"row\" spacing={2}>\n            <TextField\n              label=\"Action Name\"\n              size=\"small\"\n              value={eventAction.name}\n              onChange={(e) => onChange(index, { ...eventAction, name: e.target.value })}\n              sx={{ flexGrow: 1 }}\n            />\n\n            <FormControl size=\"small\" sx={{ minWidth: 120 }}>\n              <InputLabel>Icon</InputLabel>\n              <Select\n                value={eventAction.icon || ''}\n                label=\"Icon\"\n                onChange={(e) => onChange(index, { ...eventAction, icon: (e.target.value as ActionIcon) || undefined })}\n              >\n                <MenuItem value=\"\">\n                  <em>None</em>\n                </MenuItem>\n                {ACTION_ICONS.map((iconOption) => (\n                  <MenuItem key={iconOption.value} value={iconOption.value}>\n                    <Stack direction=\"row\" alignItems=\"center\" spacing={1}>\n                      {iconOption.icon}\n                      <span>{iconOption.label}</span>\n                    </Stack>\n                  </MenuItem>\n                ))}\n              </Select>\n            </FormControl>\n          </Stack>\n\n          <Stack direction=\"row\" spacing={2}>\n            <TextField\n              label=\"Event Name\"\n              size=\"small\"\n              value={eventAction.eventName}\n              onChange={(e) => onChange(index, { ...eventAction, eventName: e.target.value })}\n              helperText=\"Name of the CustomEvent to dispatch (e.g., 'selection-action')\"\n              fullWidth\n            />\n\n            <FormControl size=\"small\" sx={{ flexGrow: 1, minWidth: 280 }}>\n              <InputLabel>Batch Mode</InputLabel>\n              <Select\n                value={eventAction.batchMode ?? 'individual'}\n                label=\"Batch Mode\"\n                onChange={(e) => onChange(index, { ...eventAction, batchMode: e.target.value as BatchMode })}\n              >\n                {BATCH_MODES.map((mode) => (\n                  <MenuItem key={mode.value} value={mode.value}>\n                    {mode.label}\n                  </MenuItem>\n                ))}\n              </Select>\n            </FormControl>\n          </Stack>\n\n          <FormControl component=\"fieldset\" size=\"small\">\n            <FormLabel component=\"legend\">Template</FormLabel>\n            <RadioGroup row value={hasBodyTemplate ? 'custom' : 'none'} onChange={handleIncludesTemplateChange}>\n              <FormControlLabel value=\"none\" control={<Radio size=\"small\" />} label=\"None\" />\n              <FormControlLabel value=\"custom\" control={<Radio size=\"small\" />} label=\"JSON template\" />\n            </RadioGroup>\n          </FormControl>\n\n          {hasBodyTemplate && (\n            <>\n              <InterpolationHelper batchMode={eventAction.batchMode} />\n              <JSONEditor\n                value={jsonDataTemplate || ''}\n                onChange={handleBodyTemplateChange}\n                minHeight=\"100px\"\n                maxHeight=\"200px\"\n              />\n            </>\n          )}\n\n          <TextField\n            label=\"Confirmation Message (optional)\"\n            size=\"small\"\n            value={eventAction.confirmMessage || ''}\n            onChange={(e) => onChange(index, { ...eventAction, confirmMessage: e.target.value || undefined })}\n            helperText=\"If set, shows a confirmation dialog before executing the action\"\n            fullWidth\n            multiline\n            rows={2}\n          />\n        </Stack>\n      )}\n    </DragAndDropElement>\n  );\n}\n\nfunction WebhookActionEditor({\n  action,\n  index,\n  onChange,\n  onRemove,\n  onMoveUp,\n  onMoveDown,\n}: ItemActionEditorProps): ReactElement {\n  const webhookAction = action as WebhookAction;\n  const dragHandleRef = useRef<HTMLButtonElement>(null);\n  const [pendingChange, setPendingChange] = useState<\n    { kind: 'contentType'; value: ContentType } | { kind: 'method'; value: HttpMethod } | null\n  >(null);\n  const contentTypeValue = webhookAction.contentType ?? 'none';\n  const hasBodyTemplate = (webhookAction.bodyTemplate ?? '').trim().length > 0;\n  const supportsBody = BODY_METHODS.has(webhookAction.method);\n\n  const [isCollapsed, setIsCollapsed] = useState(true);\n\n  const handleBodyTemplateChange = useCallback(\n    (template: string) => {\n      onChange(index, { ...webhookAction, bodyTemplate: template || undefined });\n    },\n    [index, onChange, webhookAction],\n  );\n\n  const handleTextTemplateChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onChange(index, { ...webhookAction, bodyTemplate: event.target.value || undefined });\n    },\n    [index, onChange, webhookAction],\n  );\n\n  const handleContentTypeChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const nextContentType = event.target.value as ContentType;\n      if (nextContentType === contentTypeValue) {\n        return;\n      }\n\n      if (hasBodyTemplate) {\n        setPendingChange({ kind: 'contentType', value: nextContentType });\n        return;\n      }\n\n      onChange(index, { ...webhookAction, contentType: nextContentType });\n    },\n    [contentTypeValue, hasBodyTemplate, index, onChange, webhookAction],\n  );\n\n  const handleMethodChange = useCallback(\n    (event: SelectChangeEvent<HttpMethod>) => {\n      const nextMethod = event.target.value as HttpMethod;\n      if (nextMethod === webhookAction.method) {\n        return;\n      }\n\n      const nextSupportsBody = BODY_METHODS.has(nextMethod);\n      if (!nextSupportsBody && hasBodyTemplate) {\n        setPendingChange({ kind: 'method', value: nextMethod });\n        return;\n      }\n\n      onChange(index, { ...webhookAction, method: nextMethod });\n    },\n    [hasBodyTemplate, index, onChange, webhookAction],\n  );\n\n  const handleConfirmClose = useCallback(() => {\n    setPendingChange(null);\n  }, []);\n\n  const handleConfirmApply = useCallback(() => {\n    if (!pendingChange) {\n      return;\n    }\n\n    if (pendingChange.kind === 'contentType') {\n      onChange(index, { ...webhookAction, contentType: pendingChange.value, bodyTemplate: undefined });\n    } else {\n      onChange(index, { ...webhookAction, method: pendingChange.value, bodyTemplate: undefined });\n    }\n\n    setPendingChange(null);\n  }, [index, onChange, pendingChange, webhookAction]);\n\n  const jsonBodyTemplate = useMemo(() => {\n    if (webhookAction.contentType === 'json' && webhookAction.bodyTemplate) {\n      try {\n        return JSON.parse(webhookAction.bodyTemplate);\n      } catch {\n        return {};\n      }\n    }\n  }, [webhookAction.bodyTemplate, webhookAction.contentType]);\n\n  return (\n    <DragAndDropElement data={webhookAction as unknown as Record<string, unknown>} dragHandleRef={dragHandleRef}>\n      <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\" gap={4}>\n        <Stack direction=\"row\" gap={1}>\n          <IconButton\n            data-testid={`column-toggle#${webhookAction.name}`}\n            size=\"small\"\n            onClick={() => setIsCollapsed(!isCollapsed)}\n          >\n            {isCollapsed ? <ChevronRight /> : <ChevronDown />}\n          </IconButton>\n          <Typography variant=\"overline\" component=\"h4\" sx={{ textTransform: 'none' }}>\n            WEBHOOK ACTION: <strong>{webhookAction.name}</strong>\n          </Typography>\n        </Stack>\n\n        <Stack direction=\"row\" gap={1}>\n          <InfoTooltip description=\"Remove action settings\" placement=\"top\">\n            <IconButton\n              size=\"small\"\n              sx={{ marginLeft: 'auto' }}\n              onClick={() => onRemove(index)}\n              key=\"delete-action-button\"\n            >\n              <DeleteIcon />\n            </IconButton>\n          </InfoTooltip>\n          <InfoTooltip description=\"Reorder action settings\" placement=\"top\">\n            <DragButton\n              ref={dragHandleRef}\n              onMoveUp={onMoveUp}\n              onMoveDown={onMoveDown}\n              menuSx={{\n                '.MuiPaper-root': { backgroundColor: (theme) => theme.palette.background.lighter },\n              }}\n              key=\"reorder-action-button\"\n            />\n          </InfoTooltip>\n        </Stack>\n      </Stack>\n\n      {!isCollapsed && (\n        <Stack spacing={2}>\n          <OptionsEditorControl\n            label=\"Enabled\"\n            control={\n              <Switch\n                checked={action?.enabled ?? false}\n                onChange={(e) => onChange(index, { ...webhookAction, enabled: e.target.checked })}\n              />\n            }\n          />\n\n          <Stack direction=\"row\" spacing={2}>\n            <TextField\n              label=\"Action Name\"\n              size=\"small\"\n              value={webhookAction.name}\n              onChange={(e) => onChange(index, { ...webhookAction, name: e.target.value })}\n              sx={{ flexGrow: 1 }}\n            />\n\n            <FormControl size=\"small\" sx={{ minWidth: 120 }}>\n              <InputLabel>Icon</InputLabel>\n              <Select\n                value={webhookAction.icon || ''}\n                label=\"Icon\"\n                onChange={(e) =>\n                  onChange(index, { ...webhookAction, icon: (e.target.value as ActionIcon) || undefined })\n                }\n              >\n                <MenuItem value=\"\">\n                  <em>None</em>\n                </MenuItem>\n                {ACTION_ICONS.map((iconOption) => (\n                  <MenuItem key={iconOption.value} value={iconOption.value}>\n                    <Stack direction=\"row\" alignItems=\"center\" spacing={1}>\n                      {iconOption.icon}\n                      <span>{iconOption.label}</span>\n                    </Stack>\n                  </MenuItem>\n                ))}\n              </Select>\n            </FormControl>\n          </Stack>\n\n          <TextField\n            label=\"URL\"\n            size=\"small\"\n            value={webhookAction.url}\n            onChange={(e) => onChange(index, { ...webhookAction, url: e.target.value })}\n            helperText={URL_HELPER_TEXT}\n            fullWidth\n          />\n\n          <Stack direction=\"row\" spacing={2}>\n            <FormControl size=\"small\" sx={{ minWidth: 120 }}>\n              <InputLabel>Method</InputLabel>\n              <Select value={webhookAction.method} label=\"Method\" onChange={handleMethodChange}>\n                {HTTP_METHODS.map((method) => (\n                  <MenuItem key={method} value={method}>\n                    {method}\n                  </MenuItem>\n                ))}\n              </Select>\n            </FormControl>\n\n            <FormControl size=\"small\" sx={{ flexGrow: 1 }}>\n              <InputLabel>Batch Mode</InputLabel>\n              <Select\n                value={webhookAction.batchMode}\n                label=\"Batch Mode\"\n                onChange={(e) => onChange(index, { ...webhookAction, batchMode: e.target.value as BatchMode })}\n              >\n                {BATCH_MODES.map((mode) => (\n                  <MenuItem key={mode.value} value={mode.value}>\n                    {mode.label}\n                  </MenuItem>\n                ))}\n              </Select>\n            </FormControl>\n          </Stack>\n\n          <FormControl component=\"fieldset\" size=\"small\">\n            <FormLabel component=\"legend\">Content Type</FormLabel>\n            <RadioGroup row value={contentTypeValue} onChange={handleContentTypeChange}>\n              {CONTENT_TYPES.map((option) => (\n                <FormControlLabel\n                  key={option.value}\n                  value={option.value}\n                  control={<Radio size=\"small\" />}\n                  label={option.label}\n                />\n              ))}\n            </RadioGroup>\n          </FormControl>\n\n          {supportsBody && contentTypeValue !== 'none' && (\n            <Box>\n              <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mb: 1 }}>\n                {contentTypeValue === 'json' ? 'Body Template (JSON)' : 'Body Template (Text)'}\n              </Typography>\n              <InterpolationHelper batchMode={webhookAction.batchMode} />\n              {contentTypeValue === 'json' ? (\n                <JSONEditor\n                  value={jsonBodyTemplate || ''}\n                  onChange={handleBodyTemplateChange}\n                  minHeight=\"100px\"\n                  maxHeight=\"200px\"\n                />\n              ) : (\n                <TextField\n                  value={webhookAction.bodyTemplate || ''}\n                  onChange={handleTextTemplateChange}\n                  fullWidth\n                  multiline\n                  rows={5}\n                />\n              )}\n            </Box>\n          )}\n\n          <TextField\n            label=\"Confirmation Message (optional)\"\n            size=\"small\"\n            value={webhookAction.confirmMessage || ''}\n            onChange={(e) => onChange(index, { ...webhookAction, confirmMessage: e.target.value || undefined })}\n            helperText=\"If set, shows a confirmation dialog before executing the action\"\n            fullWidth\n            multiline\n            rows={2}\n          />\n        </Stack>\n      )}\n\n      <Dialog open={Boolean(pendingChange)} onClose={handleConfirmClose} aria-labelledby=\"selection-body-clear-title\">\n        <DialogTitle id=\"selection-body-clear-title\">Remove Body Template?</DialogTitle>\n        <DialogContent>\n          <DialogContentText>{BODY_CLEAR_CONFIRM_MESSAGE}</DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={handleConfirmClose}>Cancel</Button>\n          <Button onClick={handleConfirmApply} variant=\"contained\" color=\"primary\">\n            Continue\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </DragAndDropElement>\n  );\n}\n\nexport function ItemSelectionActionsEditor({\n  actionOptions,\n  selectionOptions,\n  onChangeActions,\n  onChangeSelection,\n}: ItemSelectionActionsEditorProps): ReactElement {\n  const actions = useMemo(\n    () => actionOptions || { enabled: true, displayInHeader: true, displayWithItem: false },\n    [actionOptions],\n  );\n\n  const handleEnableActionsChange: SwitchProps['onChange'] = (_: unknown, checked: boolean) => {\n    onChangeActions({ ...actions, enabled: checked ? true : undefined });\n  };\n\n  const handleEnableSelectionChange: SwitchProps['onChange'] = (_: unknown, checked: boolean) => {\n    onChangeSelection({ ...selectionOptions, enabled: checked ? true : undefined });\n  };\n\n  const handleDisplayInHeaderChange: SwitchProps['onChange'] = (_: unknown, checked: boolean) => {\n    onChangeActions({ ...actions, displayInHeader: checked ? true : undefined });\n  };\n\n  const handleDisplayWithItemChange: SwitchProps['onChange'] = (_: unknown, checked: boolean) => {\n    onChangeActions({ ...actions, displayWithItem: checked ? true : undefined });\n  };\n\n  const handleAddEventAction = useCallback(() => {\n    onChangeActions({ ...actions, actionsList: [...(actions.actionsList ?? []), createDefaultEventAction()] });\n  }, [actions, onChangeActions]);\n\n  const handleAddWebhookAction = useCallback(() => {\n    onChangeActions({ ...actions, actionsList: [...(actions.actionsList ?? []), createDefaultWebhookAction()] });\n  }, [actions, onChangeActions]);\n\n  const handleActionChange = useCallback(\n    (index: number, updatedAction: ItemAction) => {\n      const newActions = actions.actionsList ? [...actions.actionsList] : [];\n      newActions[index] = updatedAction;\n      onChangeActions({ ...actions, actionsList: newActions });\n    },\n    [actions, onChangeActions],\n  );\n\n  const handleRemoveAction = useCallback(\n    (index: number) => {\n      const newActions = actions.actionsList ? actions.actionsList.filter((_, i) => i !== index) : [];\n      onChangeActions(newActions.length > 0 ? { ...actions, actionsList: newActions } : undefined);\n    },\n    [actions, onChangeActions],\n  );\n\n  useDragAndDropMonitor({\n    elements: actions.actionsList as unknown as Array<Record<string, unknown>>,\n    accessKey: 'name',\n    onChange: (newElements) => {\n      onChangeActions({ ...actions, actionsList: newElements as unknown as ItemAction[] });\n    },\n  });\n\n  return (\n    <Stack spacing={1}>\n      <OptionsEditorControl\n        label=\"Enable Item Selection\"\n        description=\"Allow selecting items\"\n        control={<Switch checked={selectionOptions?.enabled ?? false} onChange={handleEnableSelectionChange} />}\n      />\n      <OptionsEditorControl\n        label=\"Enable Item Actions\"\n        description=\"Allow executing actions on selected items\"\n        control={<Switch checked={actionOptions?.enabled ?? false} onChange={handleEnableActionsChange} />}\n      />\n      <OptionsEditorControl\n        label=\"Display Actions in Panel Header\"\n        description=\"Show action buttons in the panel header when items are selected\"\n        control={<Switch checked={actionOptions?.displayInHeader ?? false} onChange={handleDisplayInHeaderChange} />}\n      />\n      <OptionsEditorControl\n        label=\"Display Actions with Each Item\"\n        description=\"Show action buttons alongside each item when selected\"\n        control={<Switch checked={actionOptions?.displayWithItem ?? false} onChange={handleDisplayWithItemChange} />}\n      />\n      <OptionsEditorGroup title=\"Actions\">\n        <Stack spacing={3}>\n          {!actions.actionsList || actions.actionsList.length === 0 ? (\n            <Typography variant=\"body2\" color=\"text.secondary\" fontStyle=\"italic\">\n              No actions defined. Add an action to enable triggering events or webhooks on selected data.\n            </Typography>\n          ) : (\n            <Stack spacing={1} border=\"none\">\n              {actions.actionsList &&\n                actions.actionsList.map((action, index) => (\n                  <Box key={index} borderBottom={1} borderColor={(theme) => theme.palette.divider} pb={1}>\n                    {action.type === 'event' ? (\n                      <EventActionEditor\n                        action={action}\n                        index={index}\n                        onChange={handleActionChange}\n                        onRemove={handleRemoveAction}\n                        onMoveDown={() =>\n                          onChangeActions({ ...actions, actionsList: handleMoveDown(action, actions.actionsList!) })\n                        }\n                        onMoveUp={() =>\n                          onChangeActions({ ...actions, actionsList: handleMoveUp(action, actions.actionsList!) })\n                        }\n                      />\n                    ) : (\n                      <WebhookActionEditor\n                        action={action}\n                        index={index}\n                        onChange={handleActionChange}\n                        onRemove={handleRemoveAction}\n                        onMoveDown={() =>\n                          onChangeActions({ ...actions, actionsList: handleMoveDown(action, actions.actionsList!) })\n                        }\n                        onMoveUp={() =>\n                          onChangeActions({ ...actions, actionsList: handleMoveUp(action, actions.actionsList!) })\n                        }\n                      />\n                    )}\n                  </Box>\n                ))}\n            </Stack>\n          )}\n\n          <Stack direction=\"row\" spacing={1}>\n            <Button variant=\"contained\" startIcon={<PlusIcon />} onClick={handleAddEventAction}>\n              Add Event Action\n            </Button>\n            <Button variant=\"contained\" startIcon={<PlusIcon />} onClick={handleAddWebhookAction}>\n              Add Webhook Action\n            </Button>\n          </Stack>\n        </Stack>\n      </OptionsEditorGroup>\n    </Stack>\n  );\n}\n"],"names":["Box","Button","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","FormControl","FormControlLabel","FormLabel","IconButton","InputLabel","MenuItem","Radio","RadioGroup","Select","Stack","Switch","TextField","Typography","DragAndDropElement","DragButton","handleMoveDown","handleMoveUp","InfoTooltip","JSONEditor","OptionsEditorControl","OptionsEditorGroup","useDragAndDropMonitor","AlertIcon","CheckIcon","ChevronDown","ChevronRight","CloseIcon","SettingsIcon","DeleteIcon","DownloadIcon","InfoIcon","LinkIcon","MagnifyScan","PauseIcon","PlayIcon","PlusIcon","RefreshIcon","RobotOutline","SendIcon","StopIcon","SyncIcon","UploadIcon","useCallback","useMemo","useRef","useState","HTTP_METHODS","BATCH_MODES","value","label","CONTENT_TYPES","BODY_METHODS","Set","BODY_CLEAR_CONFIRM_MESSAGE","ACTION_ICONS","icon","fontSize","URL_HELPER_TEXT","createDefaultEventAction","type","name","eventName","batchMode","enabled","createDefaultWebhookAction","url","method","contentType","InterpolationHelper","content","div","code","variant","color","sx","mb","display","EventActionEditor","action","index","onChange","onRemove","onMoveDown","onMoveUp","eventAction","dragHandleRef","isCollapsed","setIsCollapsed","hasBodyTemplate","bodyTemplate","trim","length","handleIncludesTemplateChange","event","nextContentType","target","JSON","stringify","undefined","handleBodyTemplateChange","template","jsonDataTemplate","parse","data","direction","alignItems","justifyContent","gap","data-testid","size","onClick","component","textTransform","span","strong","description","placement","marginLeft","ref","menuSx","backgroundColor","theme","palette","background","lighter","spacing","control","checked","e","flexGrow","minWidth","em","map","iconOption","helperText","fullWidth","mode","row","minHeight","maxHeight","confirmMessage","multiline","rows","WebhookActionEditor","webhookAction","pendingChange","setPendingChange","contentTypeValue","supportsBody","has","handleTextTemplateChange","handleContentTypeChange","kind","handleMethodChange","nextMethod","nextSupportsBody","handleConfirmClose","handleConfirmApply","jsonBodyTemplate","option","open","Boolean","onClose","aria-labelledby","id","ItemSelectionActionsEditor","actionOptions","selectionOptions","onChangeActions","onChangeSelection","actions","displayInHeader","displayWithItem","handleEnableActionsChange","_","handleEnableSelectionChange","handleDisplayInHeaderChange","handleDisplayWithItemChange","handleAddEventAction","actionsList","handleAddWebhookAction","handleActionChange","updatedAction","newActions","handleRemoveAction","filter","i","elements","accessKey","newElements","title","fontStyle","border","borderBottom","borderColor","divider","pb","startIcon"],"mappings":"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"}

package/dist/components/LinksEditor/LinksEditor.js

@@ -88,6 +88,7 @@ function LinkControl({ control, index }) {
             return /*#__PURE__*/ _jsx(LinkEditorForm, {
                 mode: "inline",
                 url: {
+                    onBlur: field.onBlur,
                     value: safeLink.url,
                     label: 'URL',
                     error: {
@@ -102,6 +103,7 @@ function LinkControl({ control, index }) {
                     }
                 },
                 newTabOpen: {
+                    onBlur: field.onBlur,
                     value: !!safeLink.targetBlank,
                     onChange: (targetBlank)=>{
                         field.onChange({
@@ -112,6 +114,7 @@ function LinkControl({ control, index }) {
                     label: 'Open in new tab'
                 },
                 name: {
+                    onBlur: field.onBlur,
                     value: safeLink.name ?? '',
                     label: 'Name',
                     onChange: (name)=>{
@@ -122,6 +125,7 @@ function LinkControl({ control, index }) {
                     }
                 },
                 renderVariables: {
+                    onBlur: field.onBlur,
                     value: !!safeLink.renderVariables,
                     label: 'Render variables',
                     onChange: (renderVariables)=>{
@@ -132,6 +136,7 @@ function LinkControl({ control, index }) {
                     }
                 },
                 tooltip: {
+                    onBlur: field.onBlur,
                     value: safeLink.tooltip ?? '',
                     label: 'Tooltip',
                     onChange: (tooltip)=>{

package/dist/components/LinksEditor/LinksEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/LinksEditor/LinksEditor.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 { Divider, IconButton, Stack, Typography } from '@mui/material';\nimport { LinkEditorForm } from '@perses-dev/components';\nimport MinusIcon from 'mdi-material-ui/Minus';\nimport PlusIcon from 'mdi-material-ui/Plus';\nimport type { HTMLAttributes, ReactElement } from 'react';\nimport { Fragment } from 'react';\nimport type { Control } from 'react-hook-form';\nimport { Controller, useFieldArray } from 'react-hook-form';\n\nimport type { PanelEditorValues } from '../../model';\n\nexport interface LinksEditorProps extends HTMLAttributes<HTMLDivElement> {\n  control: Control<PanelEditorValues>;\n}\n\nexport function LinksEditor({ control, ...props }: LinksEditorProps): ReactElement {\n  const { fields, append, remove } = useFieldArray({\n    control: control,\n    name: 'panelDefinition.spec.links',\n  });\n\n  return (\n    <Stack {...props} gap={3}>\n      {fields && fields.length > 0 ? (\n        fields.map((field, index) => (\n          <Fragment key={field.id}>\n            <Stack direction=\"row\" gap={1} alignItems=\"center\">\n              <LinkControl control={control} index={index} />\n              <IconButton style={{ width: 'fit-content', height: 'fit-content' }} onClick={() => remove(index)}>\n                <MinusIcon />\n              </IconButton>\n            </Stack>\n            <Divider />\n          </Fragment>\n        ))\n      ) : (\n        <Typography variant=\"subtitle1\" mb={2} fontStyle=\"italic\">\n          No links defined\n        </Typography>\n      )}\n      <IconButton\n        style={{ width: 'fit-content', height: 'fit-content' }}\n        onClick={() => append({ url: '', name: '', tooltip: '', renderVariables: false, targetBlank: false })}\n      >\n        <PlusIcon />\n      </IconButton>\n    </Stack>\n  );\n}\n\nfunction LinkControl({ control, index }: { control: Control<PanelEditorValues>; index: number }): ReactElement {\n  const defaultLink = { url: '', name: '', tooltip: '', renderVariables: false, targetBlank: false };\n  return (\n    <Controller\n      control={control}\n      name={`panelDefinition.spec.links.${index}`}\n      render={({ field, field: { value: link }, fieldState }) => {\n        const safeLink = link ?? defaultLink;\n        return (\n          <LinkEditorForm\n            mode=\"inline\"\n            url={{\n              value: safeLink.url,\n              label: 'URL',\n              error: { hasError: !!fieldState.error, helperText: fieldState.error?.message },\n              onChange: (url) => {\n                field.onChange({ ...link, url });\n              },\n            }}\n            newTabOpen={{\n              value: !!safeLink.targetBlank,\n              onChange: (targetBlank) => {\n                field.onChange({ ...link, targetBlank });\n              },\n              label: 'Open in new tab',\n            }}\n            name={{\n              value: safeLink.name ?? '',\n              label: 'Name',\n              onChange: (name) => {\n                field.onChange({ ...link, name });\n              },\n            }}\n            renderVariables={{\n              value: !!safeLink.renderVariables,\n              label: 'Render variables',\n              onChange: (renderVariables) => {\n                field.onChange({ ...link, renderVariables });\n              },\n            }}\n            tooltip={{\n              value: safeLink.tooltip ?? '',\n              label: 'Tooltip',\n              onChange: (tooltip) => {\n                field.onChange({ ...link, tooltip });\n              },\n            }}\n          />\n        );\n      }}\n    />\n  );\n}\n"],"names":["Divider","IconButton","Stack","Typography","LinkEditorForm","MinusIcon","PlusIcon","Fragment","Controller","useFieldArray","LinksEditor","control","props","fields","append","remove","name","gap","length","map","field","index","direction","alignItems","LinkControl","style","width","height","onClick","id","variant","mb","fontStyle","url","tooltip","renderVariables","targetBlank","defaultLink","render","value","link","fieldState","safeLink","mode","label","error","hasError","helperText","message","onChange","newTabOpen"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/LinksEditor/LinksEditor.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 { Divider, IconButton, Stack, Typography } from '@mui/material';\nimport { LinkEditorForm } from '@perses-dev/components';\nimport MinusIcon from 'mdi-material-ui/Minus';\nimport PlusIcon from 'mdi-material-ui/Plus';\nimport type { HTMLAttributes, ReactElement } from 'react';\nimport { Fragment } from 'react';\nimport type { Control } from 'react-hook-form';\nimport { Controller, useFieldArray } from 'react-hook-form';\n\nimport type { PanelEditorValues } from '../../model';\n\nexport interface LinksEditorProps extends HTMLAttributes<HTMLDivElement> {\n  control: Control<PanelEditorValues>;\n}\n\nexport function LinksEditor({ control, ...props }: LinksEditorProps): ReactElement {\n  const { fields, append, remove } = useFieldArray({\n    control: control,\n    name: 'panelDefinition.spec.links',\n  });\n\n  return (\n    <Stack {...props} gap={3}>\n      {fields && fields.length > 0 ? (\n        fields.map((field, index) => (\n          <Fragment key={field.id}>\n            <Stack direction=\"row\" gap={1} alignItems=\"center\">\n              <LinkControl control={control} index={index} />\n              <IconButton style={{ width: 'fit-content', height: 'fit-content' }} onClick={() => remove(index)}>\n                <MinusIcon />\n              </IconButton>\n            </Stack>\n            <Divider />\n          </Fragment>\n        ))\n      ) : (\n        <Typography variant=\"subtitle1\" mb={2} fontStyle=\"italic\">\n          No links defined\n        </Typography>\n      )}\n      <IconButton\n        style={{ width: 'fit-content', height: 'fit-content' }}\n        onClick={() => append({ url: '', name: '', tooltip: '', renderVariables: false, targetBlank: false })}\n      >\n        <PlusIcon />\n      </IconButton>\n    </Stack>\n  );\n}\n\nfunction LinkControl({ control, index }: { control: Control<PanelEditorValues>; index: number }): ReactElement {\n  const defaultLink = { url: '', name: '', tooltip: '', renderVariables: false, targetBlank: false };\n  return (\n    <Controller\n      control={control}\n      name={`panelDefinition.spec.links.${index}`}\n      render={({ field, field: { value: link }, fieldState }) => {\n        const safeLink = link ?? defaultLink;\n        return (\n          <LinkEditorForm\n            mode=\"inline\"\n            url={{\n              onBlur: field.onBlur,\n              value: safeLink.url,\n              label: 'URL',\n              error: { hasError: !!fieldState.error, helperText: fieldState.error?.message },\n              onChange: (url) => {\n                field.onChange({ ...link, url });\n              },\n            }}\n            newTabOpen={{\n              onBlur: field.onBlur,\n              value: !!safeLink.targetBlank,\n              onChange: (targetBlank) => {\n                field.onChange({ ...link, targetBlank });\n              },\n              label: 'Open in new tab',\n            }}\n            name={{\n              onBlur: field.onBlur,\n              value: safeLink.name ?? '',\n              label: 'Name',\n              onChange: (name) => {\n                field.onChange({ ...link, name });\n              },\n            }}\n            renderVariables={{\n              onBlur: field.onBlur,\n              value: !!safeLink.renderVariables,\n              label: 'Render variables',\n              onChange: (renderVariables) => {\n                field.onChange({ ...link, renderVariables });\n              },\n            }}\n            tooltip={{\n              onBlur: field.onBlur,\n              value: safeLink.tooltip ?? '',\n              label: 'Tooltip',\n              onChange: (tooltip) => {\n                field.onChange({ ...link, tooltip });\n              },\n            }}\n          />\n        );\n      }}\n    />\n  );\n}\n"],"names":["Divider","IconButton","Stack","Typography","LinkEditorForm","MinusIcon","PlusIcon","Fragment","Controller","useFieldArray","LinksEditor","control","props","fields","append","remove","name","gap","length","map","field","index","direction","alignItems","LinkControl","style","width","height","onClick","id","variant","mb","fontStyle","url","tooltip","renderVariables","targetBlank","defaultLink","render","value","link","fieldState","safeLink","mode","onBlur","label","error","hasError","helperText","message","onChange","newTabOpen"],"mappings":"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"}