@perses-dev/plugin-system 0.42.0 → 0.43.0-rc0

package/dist/components/Variables/VariableEditorForm/VariableEditorForm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Variables/VariableEditorForm/VariableEditorForm.tsx"],"sourcesContent":["// Copyright 2023 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 React, { DispatchWithoutAction, useCallback, useMemo, useState } from 'react';\nimport {\n  Box,\n  Typography,\n  Switch,\n  TextField,\n  Grid,\n  FormControlLabel,\n  MenuItem,\n  Button,\n  Stack,\n  ClickAwayListener,\n  Divider,\n} from '@mui/material';\nimport { useImmer } from 'use-immer';\nimport { VariableDefinition, ListVariableDefinition, Action } from '@perses-dev/core';\nimport { DiscardChangesConfirmationDialog, ErrorBoundary } from '@perses-dev/components';\nimport { Controller, FormProvider, SubmitHandler, useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { getSubmitText, getTitleAction } from '../../../utils';\nimport { VARIABLE_TYPES } from '../variable-model';\nimport { PluginEditor } from '../../PluginEditor';\nimport { variableEditValidationSchema, VariableEditValidationType } from '../../../validation';\nimport { VariableListPreview, VariablePreview } from './VariablePreview';\nimport { VariableEditorState, getVariableDefinitionFromState, getInitialState } from './variable-editor-form-model';\n\nfunction FallbackPreview() {\n  return <div>Error previewing values</div>;\n}\n\ninterface VariableEditorFormProps {\n  initialVariableDefinition: VariableDefinition;\n  initialAction: Action;\n  isDraft: boolean;\n  isReadonly?: boolean;\n  onSave: (def: VariableDefinition) => void;\n  onClose: () => void;\n  onDelete?: DispatchWithoutAction;\n}\n\nexport function VariableEditorForm(props: VariableEditorFormProps) {\n  const { initialVariableDefinition, initialAction, isDraft, isReadonly, onSave, onClose, onDelete } = props;\n\n  const initialState = getInitialState(initialVariableDefinition);\n  const [state, setState] = useImmer(initialState);\n  const [isDiscardDialogOpened, setDiscardDialogOpened] = useState<boolean>(false);\n  const [previewKey, setPreviewKey] = useState(0);\n  const [action, setAction] = useState(initialAction);\n\n  const refreshPreview = () => {\n    setPreviewKey((prev) => prev + 1);\n  };\n\n  /** We use the `previewKey` that we increment to know when to explicitly update the\n   * spec that will be used for preview. The reason why we do this is to avoid\n   * having to re-fetch the values when the user is still editing the spec.\n   */\n  const previewSpec = useMemo(() => {\n    return getVariableDefinitionFromState(state) as ListVariableDefinition;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [previewKey]);\n\n  const titleAction = getTitleAction(action, isDraft);\n  const submitText = getSubmitText(action, isDraft);\n\n  const form = useForm<VariableEditValidationType>({\n    resolver: zodResolver(variableEditValidationSchema),\n    mode: 'onBlur',\n    defaultValues: state,\n  });\n\n  const processForm: SubmitHandler<VariableEditValidationType> = () => {\n    onSave(getVariableDefinitionFromState(state));\n  };\n\n  // When user click on cancel, several possibilities:\n  // - create action: ask for discard approval\n  // - update action: ask for discard approval if changed\n  // - read action: don´t ask for discard approval\n  const handleCancel = useCallback(() => {\n    if (JSON.stringify(initialState) !== JSON.stringify(state)) {\n      setDiscardDialogOpened(true);\n    } else {\n      onClose();\n    }\n  }, [state, initialState, setDiscardDialogOpened, onClose]);\n\n  return (\n    <FormProvider {...form}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          padding: (theme) => theme.spacing(1, 2),\n          borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n        }}\n      >\n        <Typography variant=\"h2\">{titleAction} Variable</Typography>\n        <Stack direction=\"row\" spacing={1} sx={{ marginLeft: 'auto' }}>\n          {action === 'read' ? (\n            <>\n              <Button disabled={isReadonly} variant=\"contained\" onClick={() => setAction('update')}>\n                Edit\n              </Button>\n              <Button color=\"error\" disabled={isReadonly} variant=\"outlined\" onClick={onDelete}>\n                Delete\n              </Button>\n              <Divider\n                orientation=\"vertical\"\n                flexItem\n                sx={(theme) => ({\n                  borderColor: theme.palette.grey['500'],\n                  '&.MuiDivider-root': {\n                    marginLeft: 2,\n                    marginRight: 1,\n                  },\n                })}\n              />\n              <Button color=\"secondary\" variant=\"outlined\" onClick={onClose}>\n                Close\n              </Button>\n            </>\n          ) : (\n            <>\n              <Button\n                type=\"submit\"\n                variant=\"contained\"\n                disabled={!form.formState.isValid}\n                onClick={form.handleSubmit(processForm)}\n              >\n                {submitText}\n              </Button>\n              <Button color=\"secondary\" variant=\"outlined\" onClick={handleCancel}>\n                Cancel\n              </Button>\n            </>\n          )}\n        </Stack>\n      </Box>\n      <Box padding={2} sx={{ overflowY: 'scroll' }}>\n        <Grid container spacing={2} mb={2}>\n          <Grid item xs={8}>\n            <Controller\n              name=\"name\"\n              render={({ field, fieldState }) => (\n                <TextField\n                  {...field}\n                  required\n                  fullWidth\n                  label=\"Name\"\n                  InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                  InputProps={{\n                    disabled: action === 'update',\n                    readOnly: action === 'read',\n                  }}\n                  error={!!fieldState.error}\n                  helperText={fieldState.error?.message}\n                  onChange={(event) => {\n                    field.onChange(event);\n                    setState((draft) => {\n                      draft.name = event.target.value;\n                    });\n                  }}\n                />\n              )}\n            />\n          </Grid>\n          <Grid item xs={4}>\n            <Controller\n              name=\"title\"\n              render={({ field, fieldState }) => (\n                <TextField\n                  {...field}\n                  fullWidth\n                  label=\"Display Label\"\n                  InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                  InputProps={{\n                    readOnly: action === 'read',\n                  }}\n                  error={!!fieldState.error}\n                  helperText={fieldState.error?.message}\n                  onChange={(event) => {\n                    field.onChange(event);\n                    setState((draft) => {\n                      draft.title = event.target.value;\n                    });\n                  }}\n                />\n              )}\n            />\n          </Grid>\n          <Grid item xs={8}>\n            <Controller\n              name=\"description\"\n              render={({ field, fieldState }) => (\n                <TextField\n                  {...field}\n                  fullWidth\n                  label=\"Description\"\n                  InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                  InputProps={{\n                    readOnly: action === 'read',\n                  }}\n                  error={!!fieldState.error}\n                  helperText={fieldState.error?.message}\n                  onChange={(event) => {\n                    field.onChange(event);\n                    setState((draft) => {\n                      draft.description = event.target.value;\n                    });\n                  }}\n                />\n              )}\n            />\n          </Grid>\n          <Grid item xs={4}>\n            <Controller\n              name=\"kind\"\n              render={({ field, fieldState }) => (\n                <TextField\n                  select\n                  {...field}\n                  fullWidth\n                  label=\"Type\"\n                  InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                  InputProps={{\n                    readOnly: action === 'read',\n                  }}\n                  error={!!fieldState.error}\n                  helperText={fieldState.error?.message}\n                  onChange={(event) => {\n                    field.onChange(event);\n                    setState((draft) => {\n                      draft.kind = event.target.value as VariableEditorState['kind'];\n                    });\n                  }}\n                >\n                  {VARIABLE_TYPES.map((v) => (\n                    <MenuItem key={v.kind} value={v.kind}>\n                      {v.label}\n                    </MenuItem>\n                  ))}\n                </TextField>\n              )}\n            />\n          </Grid>\n        </Grid>\n\n        <Divider />\n\n        {state.kind === 'TextVariable' && (\n          <>\n            <Typography py={1} variant=\"subtitle1\">\n              Text Options\n            </Typography>\n            <Stack spacing={2}>\n              <Box>\n                <VariablePreview values={[state.textVariableFields.value]} />\n              </Box>\n              <TextField\n                label=\"Value\"\n                value={state.textVariableFields.value}\n                InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                InputProps={{\n                  readOnly: action === 'read',\n                }}\n                onChange={(v) => {\n                  setState((draft) => {\n                    draft.textVariableFields.value = v.target.value;\n                  });\n                }}\n              />\n              <FormControlLabel\n                control={\n                  <Switch\n                    checked={state.textVariableFields.constant ?? false}\n                    readOnly={action === 'read'}\n                    onChange={(e) => {\n                      if (action === 'read') return; // ReadOnly prop is not blocking user interaction...\n                      setState((draft) => {\n                        draft.textVariableFields.constant = e.target.checked;\n                      });\n                    }}\n                  />\n                }\n                label=\"Constant\"\n              />\n            </Stack>\n          </>\n        )}\n\n        {state.kind === 'ListVariable' && (\n          <>\n            <Typography py={1} variant=\"subtitle1\">\n              List Options\n            </Typography>\n            <Stack spacing={2} mb={2}>\n              {state.listVariableFields.plugin.kind ? (\n                <Box>\n                  <ErrorBoundary FallbackComponent={FallbackPreview} resetKeys={[previewSpec]}>\n                    <VariableListPreview definition={previewSpec} onRefresh={refreshPreview} />\n                  </ErrorBoundary>\n                </Box>\n              ) : (\n                <VariablePreview isLoading={true} />\n              )}\n\n              <Stack>\n                {/** Hack?: Cool technique to refresh the preview to simulate onBlur event */}\n                <ClickAwayListener onClickAway={() => refreshPreview()}>\n                  <Box />\n                </ClickAwayListener>\n                {/** */}\n                <PluginEditor\n                  width=\"100%\"\n                  pluginType=\"Variable\"\n                  pluginKindLabel=\"Source\"\n                  value={state.listVariableFields.plugin}\n                  isReadonly={action === 'read'}\n                  onChange={(val) => {\n                    setState((draft) => {\n                      draft.listVariableFields.plugin = val;\n                    });\n                  }}\n                />\n              </Stack>\n\n              <Stack>\n                <TextField\n                  label=\"Capturing Regexp Filter\"\n                  value={state.listVariableFields.capturingRegexp ?? ''}\n                  InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                  InputProps={{\n                    readOnly: action === 'read',\n                  }}\n                  onChange={(e) => {\n                    setState((draft) => {\n                      if (e.target.value) {\n                        // TODO: do a better fix, if empty string => it should skip the filter\n                        draft.listVariableFields.capturingRegexp = e.target.value;\n                      } else {\n                        draft.listVariableFields.capturingRegexp = undefined;\n                      }\n                    });\n                  }}\n                  helperText=\"Optional, if you want to filter on captured result.\"\n                />\n              </Stack>\n\n              <Stack>\n                <TextField\n                  select\n                  label=\"Sort\"\n                  value={state.listVariableFields.sort ?? ''}\n                  InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                  InputProps={{\n                    readOnly: isReadonly,\n                  }}\n                  onChange={(e) => {\n                    setState((draft) => {\n                      draft.listVariableFields.sort = e.target.value;\n                    });\n                  }}\n                >\n                  <MenuItem value=\"none\">None</MenuItem>\n                  <MenuItem value=\"alphabetical-asc\">Alphabetical, asc</MenuItem>\n                  <MenuItem value=\"alphabetical-desc\">Alphabetical, desc</MenuItem>\n                  <MenuItem value=\"numerical-asc\">Numerical, asc</MenuItem>\n                  <MenuItem value=\"numerical-desc\">Numerical, desc</MenuItem>\n                  <MenuItem value=\"alphabetical-ci-asc\">Alphabetical, case-insensitive, asc</MenuItem>\n                  <MenuItem value=\"alphabetical-ci-desc\">Alphabetical, case-insensitive, desc</MenuItem>\n                </TextField>\n              </Stack>\n            </Stack>\n\n            <Divider />\n\n            <Typography py={1} variant=\"subtitle1\">\n              Dropdown Options\n            </Typography>\n            <Stack spacing=\"2\">\n              <Stack>\n                <FormControlLabel\n                  control={\n                    <Switch\n                      checked={state.listVariableFields.allowMultiple}\n                      readOnly={action === 'read'}\n                      onChange={(e) => {\n                        if (action === 'read') return; // ReadOnly prop is not blocking user interaction...\n                        setState((draft) => {\n                          draft.listVariableFields.allowMultiple = e.target.checked;\n                        });\n                      }}\n                    />\n                  }\n                  label=\"Allow Multiple Values\"\n                />\n                <Typography variant=\"caption\">Enables multiple values to be selected at the same time</Typography>\n              </Stack>\n              <Stack>\n                <FormControlLabel\n                  control={\n                    <Switch\n                      checked={state.listVariableFields.allowAll}\n                      readOnly={action === 'read'}\n                      onChange={(e) => {\n                        if (action === 'read') return; // ReadOnly prop is not blocking user interaction...\n                        setState((draft) => {\n                          draft.listVariableFields.allowAll = e.target.checked;\n                        });\n                      }}\n                    />\n                  }\n                  label=\"Allow All option\"\n                />\n                <Typography mb={1} variant=\"caption\">\n                  Enables an option to include all variable values\n                </Typography>\n                {state.listVariableFields.allowAll && (\n                  <TextField\n                    label=\"Custom All Value\"\n                    value={state.listVariableFields.customAllValue}\n                    InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                    InputProps={{\n                      readOnly: action === 'read',\n                    }}\n                    onChange={(e) => {\n                      setState((draft) => {\n                        if (e.target.value) {\n                          draft.listVariableFields.customAllValue = e.target.value;\n                        } else {\n                          draft.listVariableFields.customAllValue = undefined;\n                        }\n                      });\n                    }}\n                    helperText=\"When All is selected, this value will be used\"\n                  />\n                )}\n              </Stack>\n            </Stack>\n          </>\n        )}\n      </Box>\n      <DiscardChangesConfirmationDialog\n        description=\"Are you sure you want to discard these changes? Changes cannot be recovered.\"\n        isOpen={isDiscardDialogOpened}\n        onCancel={() => {\n          setDiscardDialogOpened(false);\n        }}\n        onDiscardChanges={() => {\n          setDiscardDialogOpened(false);\n          onClose();\n        }}\n      />\n    </FormProvider>\n  );\n}\n"],"names":["React","useCallback","useMemo","useState","Box","Typography","Switch","TextField","Grid","FormControlLabel","MenuItem","Button","Stack","ClickAwayListener","Divider","useImmer","DiscardChangesConfirmationDialog","ErrorBoundary","Controller","FormProvider","useForm","zodResolver","getSubmitText","getTitleAction","VARIABLE_TYPES","PluginEditor","variableEditValidationSchema","VariableListPreview","VariablePreview","getVariableDefinitionFromState","getInitialState","FallbackPreview","div","VariableEditorForm","props","initialVariableDefinition","initialAction","isDraft","isReadonly","onSave","onClose","onDelete","initialState","state","setState","isDiscardDialogOpened","setDiscardDialogOpened","previewKey","setPreviewKey","action","setAction","refreshPreview","prev","previewSpec","titleAction","submitText","form","resolver","mode","defaultValues","processForm","handleCancel","JSON","stringify","sx","display","alignItems","padding","theme","spacing","borderBottom","palette","divider","variant","direction","marginLeft","disabled","onClick","color","orientation","flexItem","borderColor","grey","marginRight","type","formState","isValid","handleSubmit","overflowY","container","mb","item","xs","name","render","field","fieldState","required","fullWidth","label","InputLabelProps","shrink","undefined","InputProps","readOnly","error","helperText","message","onChange","event","draft","target","value","title","description","select","kind","map","v","py","values","textVariableFields","control","checked","constant","e","listVariableFields","plugin","FallbackComponent","resetKeys","definition","onRefresh","isLoading","onClickAway","width","pluginType","pluginKindLabel","val","capturingRegexp","sort","allowMultiple","allowAll","customAllValue","isOpen","onCancel","onDiscardChanges"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Variables/VariableEditorForm/VariableEditorForm.tsx"],"sourcesContent":["// Copyright 2023 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 React, { DispatchWithoutAction, useCallback, useMemo, useState } from 'react';\nimport {\n  Box,\n  Typography,\n  Switch,\n  TextField,\n  Grid,\n  FormControlLabel,\n  MenuItem,\n  Button,\n  Stack,\n  ClickAwayListener,\n  Divider,\n} from '@mui/material';\nimport { VariableDefinition, ListVariableDefinition, Action } from '@perses-dev/core';\nimport { DiscardChangesConfirmationDialog, ErrorBoundary } from '@perses-dev/components';\nimport { Controller, FormProvider, SubmitHandler, useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { useImmer } from 'use-immer';\nimport { getSubmitText, getTitleAction } from '../../../utils';\nimport { VARIABLE_TYPES } from '../variable-model';\nimport { PluginEditor } from '../../PluginEditor';\nimport { variableEditorValidationSchema, VariableEditorValidationType } from '../../../validation';\nimport { VariableListPreview, VariablePreview } from './VariablePreview';\nimport { getVariableDefinitionFromState, getInitialState, VariableEditorState } from './variable-editor-form-model';\n\nfunction FallbackPreview() {\n  return <div>Error previewing values</div>;\n}\n\ninterface VariableEditorFormProps {\n  initialVariableDefinition: VariableDefinition;\n  initialAction: Action;\n  isDraft: boolean;\n  isReadonly?: boolean;\n  onSave: (def: VariableDefinition) => void;\n  onClose: () => void;\n  onDelete?: DispatchWithoutAction;\n}\n\nexport function VariableEditorForm(props: VariableEditorFormProps) {\n  const { initialVariableDefinition, initialAction, isDraft, isReadonly, onSave, onClose, onDelete } = props;\n\n  const initialState = getInitialState(initialVariableDefinition);\n  const [state, setState] = useImmer(initialState);\n  const [isDiscardDialogOpened, setDiscardDialogOpened] = useState<boolean>(false);\n  const [previewKey, setPreviewKey] = useState(0);\n  const [action, setAction] = useState(initialAction);\n\n  const refreshPreview = () => {\n    setPreviewKey((prev) => prev + 1);\n  };\n\n  /** We use the `previewKey` that we increment to know when to explicitly update the\n   * spec that will be used for preview. The reason why we do this is to avoid\n   * having to re-fetch the values when the user is still editing the spec.\n   */\n  const previewSpec = useMemo(() => {\n    return getVariableDefinitionFromState(state) as ListVariableDefinition;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [previewKey]);\n\n  const titleAction = getTitleAction(action, isDraft);\n  const submitText = getSubmitText(action, isDraft);\n\n  const form = useForm<VariableEditorValidationType>({\n    resolver: zodResolver(variableEditorValidationSchema),\n    mode: 'onBlur',\n    defaultValues: initialState,\n  });\n\n  const processForm: SubmitHandler<VariableEditorValidationType> = () => {\n    // reset display attributes to undefined when empty, because we don't want to save empty strings\n    onSave(\n      getVariableDefinitionFromState({\n        ...state,\n        title: state.title === '' ? undefined : state.title,\n        description: state.description === '' ? undefined : state.description,\n      })\n    );\n  };\n\n  // When user click on cancel, several possibilities:\n  // - create action: ask for discard approval\n  // - update action: ask for discard approval if changed\n  // - read action: don´t ask for discard approval\n  const handleCancel = useCallback(() => {\n    if (JSON.stringify(initialState) !== JSON.stringify(state)) {\n      setDiscardDialogOpened(true);\n    } else {\n      onClose();\n    }\n  }, [initialState, state, onClose]);\n\n  return (\n    <FormProvider {...form}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          padding: (theme) => theme.spacing(1, 2),\n          borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n        }}\n      >\n        <Typography variant=\"h2\">{titleAction} Variable</Typography>\n        <Stack direction=\"row\" spacing={1} sx={{ marginLeft: 'auto' }}>\n          {action === 'read' ? (\n            <>\n              <Button disabled={isReadonly} variant=\"contained\" onClick={() => setAction('update')}>\n                Edit\n              </Button>\n              <Button color=\"error\" disabled={isReadonly} variant=\"outlined\" onClick={onDelete}>\n                Delete\n              </Button>\n              <Divider\n                orientation=\"vertical\"\n                flexItem\n                sx={(theme) => ({\n                  borderColor: theme.palette.grey['500'],\n                  '&.MuiDivider-root': {\n                    marginLeft: 2,\n                    marginRight: 1,\n                  },\n                })}\n              />\n              <Button color=\"secondary\" variant=\"outlined\" onClick={onClose}>\n                Close\n              </Button>\n            </>\n          ) : (\n            <>\n              <Button\n                type=\"submit\"\n                variant=\"contained\"\n                disabled={!form.formState.isValid}\n                onClick={form.handleSubmit(processForm)}\n              >\n                {submitText}\n              </Button>\n              <Button color=\"secondary\" variant=\"outlined\" onClick={handleCancel}>\n                Cancel\n              </Button>\n            </>\n          )}\n        </Stack>\n      </Box>\n      <Box padding={2} sx={{ overflowY: 'scroll' }}>\n        <Grid container spacing={2} mb={2}>\n          <Grid item xs={8}>\n            <Controller\n              name=\"name\"\n              render={({ field, fieldState }) => (\n                <TextField\n                  {...field}\n                  required\n                  fullWidth\n                  label=\"Name\"\n                  InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                  InputProps={{\n                    disabled: action === 'update' && !isDraft,\n                    readOnly: action === 'read',\n                  }}\n                  error={!!fieldState.error}\n                  helperText={fieldState.error?.message}\n                  value={state.name}\n                  onChange={(event) => {\n                    field.onChange(event);\n                    setState((draft) => {\n                      draft.name = event.target.value;\n                    });\n                  }}\n                />\n              )}\n            />\n          </Grid>\n          <Grid item xs={4}>\n            <Controller\n              name=\"title\"\n              render={({ field, fieldState }) => (\n                <TextField\n                  {...field}\n                  fullWidth\n                  label=\"Display Label\"\n                  InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                  InputProps={{\n                    readOnly: action === 'read',\n                  }}\n                  error={!!fieldState.error}\n                  helperText={fieldState.error?.message}\n                  value={state.title ?? ''}\n                  onChange={(event) => {\n                    field.onChange(event);\n                    setState((draft) => {\n                      draft.title = event.target.value;\n                    });\n                  }}\n                />\n              )}\n            />\n          </Grid>\n          <Grid item xs={8}>\n            <Controller\n              name=\"description\"\n              render={({ field, fieldState }) => (\n                <TextField\n                  {...field}\n                  fullWidth\n                  label=\"Description\"\n                  InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                  InputProps={{\n                    readOnly: action === 'read',\n                  }}\n                  error={!!fieldState.error}\n                  helperText={fieldState.error?.message}\n                  value={state.description ?? ''}\n                  onChange={(event) => {\n                    field.onChange(event);\n                    setState((draft) => {\n                      draft.description = event.target.value;\n                    });\n                  }}\n                />\n              )}\n            />\n          </Grid>\n          <Grid item xs={4}>\n            <Controller\n              name=\"kind\"\n              render={({ field, fieldState }) => (\n                <TextField\n                  select\n                  {...field}\n                  fullWidth\n                  label=\"Type\"\n                  InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                  InputProps={{\n                    readOnly: action === 'read',\n                  }}\n                  error={!!fieldState.error}\n                  helperText={fieldState.error?.message}\n                  value={state.kind}\n                  onChange={(event) => {\n                    field.onChange(event);\n                    setState((draft) => {\n                      draft.kind = event.target.value as VariableEditorState['kind'];\n                    });\n                  }}\n                >\n                  {VARIABLE_TYPES.map((v) => (\n                    <MenuItem key={v.kind} value={v.kind}>\n                      {v.label}\n                    </MenuItem>\n                  ))}\n                </TextField>\n              )}\n            />\n          </Grid>\n        </Grid>\n\n        <Divider />\n\n        {state.kind === 'TextVariable' && (\n          <>\n            <Typography py={1} variant=\"subtitle1\">\n              Text Options\n            </Typography>\n            <Stack spacing={2}>\n              <Box>\n                <VariablePreview values={[state.textVariableFields.value]} />\n              </Box>\n              <Controller\n                name=\"textVariableFields.value\"\n                render={({ field, fieldState }) => (\n                  <TextField\n                    {...field}\n                    label=\"Value\"\n                    InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                    InputProps={{\n                      readOnly: action === 'read',\n                    }}\n                    error={!!fieldState.error}\n                    helperText={fieldState.error?.message}\n                    value={state.textVariableFields.value}\n                    onChange={(event) => {\n                      field.onChange(event);\n                      setState((draft) => {\n                        draft.textVariableFields.value = event.target.value;\n                      });\n                    }}\n                  />\n                )}\n              />\n              <Controller\n                name=\"textVariableFields.constant\"\n                render={({ field }) => (\n                  <FormControlLabel\n                    label=\"Constant\"\n                    control={\n                      <Switch\n                        {...field}\n                        checked={!!field.value}\n                        readOnly={action === 'read'}\n                        value={state.textVariableFields.constant}\n                        onChange={(event) => {\n                          if (action === 'read') return; // ReadOnly prop is not blocking user interaction...\n                          field.onChange(event);\n                          setState((draft) => {\n                            draft.textVariableFields.constant = event.target.checked;\n                          });\n                        }}\n                      />\n                    }\n                  />\n                )}\n              />\n            </Stack>\n          </>\n        )}\n\n        {state.kind === 'ListVariable' && (\n          <>\n            <Typography py={1} variant=\"subtitle1\">\n              List Options\n            </Typography>\n            <Stack spacing={2} mb={2}>\n              {state.listVariableFields.plugin.kind ? (\n                <Box>\n                  <ErrorBoundary FallbackComponent={FallbackPreview} resetKeys={[previewSpec]}>\n                    <VariableListPreview definition={previewSpec} onRefresh={refreshPreview} />\n                  </ErrorBoundary>\n                </Box>\n              ) : (\n                <VariablePreview isLoading={true} />\n              )}\n\n              <Stack>\n                {/** Hack?: Cool technique to refresh the preview to simulate onBlur event */}\n                <ClickAwayListener onClickAway={() => refreshPreview()}>\n                  <Box />\n                </ClickAwayListener>\n                {/** */}\n                <Controller\n                  name=\"listVariableFields.plugin\"\n                  render={({ field }) => (\n                    <PluginEditor\n                      width=\"100%\"\n                      pluginType=\"Variable\"\n                      pluginKindLabel=\"Source\"\n                      isReadonly={action === 'read'}\n                      value={state.listVariableFields.plugin}\n                      onChange={(val) => {\n                        field.onChange(val);\n                        setState((draft) => {\n                          draft.listVariableFields.plugin = val;\n                        });\n                      }}\n                    />\n                  )}\n                />\n              </Stack>\n\n              <Stack>\n                <Controller\n                  name=\"listVariableFields.capturingRegexp\"\n                  render={({ field, fieldState }) => (\n                    <TextField\n                      {...field}\n                      label=\"Capturing Regexp Filter\"\n                      InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                      InputProps={{\n                        readOnly: action === 'read',\n                      }}\n                      error={!!fieldState.error}\n                      value={state.listVariableFields.capturingRegexp ?? ''}\n                      onChange={(event) => {\n                        field.onChange(event);\n                        setState((draft) => {\n                          if (event.target.value) {\n                            // TODO: do a better fix, if empty string => it should skip the filter\n                            draft.listVariableFields.capturingRegexp = event.target.value;\n                          } else {\n                            draft.listVariableFields.capturingRegexp = undefined;\n                          }\n                        });\n                      }}\n                      helperText={\n                        fieldState.error?.message\n                          ? fieldState.error.message\n                          : 'Optional, if you want to filter on captured result.'\n                      }\n                    />\n                  )}\n                />\n              </Stack>\n\n              <Stack>\n                <Controller\n                  name=\"listVariableFields.sort\"\n                  render={({ field, fieldState }) => (\n                    <TextField\n                      select\n                      {...field}\n                      fullWidth\n                      label=\"Sort\"\n                      InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                      InputProps={{\n                        readOnly: action === 'read',\n                      }}\n                      error={!!fieldState.error}\n                      helperText={fieldState.error?.message}\n                      value={state.listVariableFields.sort ?? 'none'}\n                      onChange={(event) => {\n                        field.onChange(event);\n                        setState((draft) => {\n                          draft.listVariableFields.sort = event.target.value;\n                        });\n                      }}\n                    >\n                      <MenuItem value=\"none\">None</MenuItem>\n                      <MenuItem value=\"alphabetical-asc\">Alphabetical, asc</MenuItem>\n                      <MenuItem value=\"alphabetical-desc\">Alphabetical, desc</MenuItem>\n                      <MenuItem value=\"numerical-asc\">Numerical, asc</MenuItem>\n                      <MenuItem value=\"numerical-desc\">Numerical, desc</MenuItem>\n                      <MenuItem value=\"alphabetical-ci-asc\">Alphabetical, case-insensitive, asc</MenuItem>\n                      <MenuItem value=\"alphabetical-ci-desc\">Alphabetical, case-insensitive, desc</MenuItem>\n                    </TextField>\n                  )}\n                />\n              </Stack>\n            </Stack>\n\n            <Divider />\n\n            <Typography py={1} variant=\"subtitle1\">\n              Dropdown Options\n            </Typography>\n            <Stack spacing=\"2\">\n              <Stack>\n                <Controller\n                  name=\"listVariableFields.allowMultiple\"\n                  render={({ field }) => (\n                    <FormControlLabel\n                      label=\"Allow Multiple Values\"\n                      control={\n                        <Switch\n                          {...field}\n                          checked={!!field.value}\n                          readOnly={action === 'read'}\n                          value={state.listVariableFields.allowMultiple}\n                          onChange={(event) => {\n                            if (action === 'read') return; // ReadOnly prop is not blocking user interaction...\n                            field.onChange(event);\n                            setState((draft) => {\n                              draft.listVariableFields.allowMultiple = event.target.checked;\n                            });\n                          }}\n                        />\n                      }\n                    />\n                  )}\n                />\n                <Typography variant=\"caption\">Enables multiple values to be selected at the same time</Typography>\n              </Stack>\n              <Stack>\n                <Controller\n                  name=\"listVariableFields.allowAllValue\"\n                  render={({ field }) => (\n                    <FormControlLabel\n                      label=\"Allow All option\"\n                      control={\n                        <Switch\n                          {...field}\n                          checked={!!field.value}\n                          readOnly={action === 'read'}\n                          value={state.listVariableFields.allowAllValue}\n                          onChange={(event) => {\n                            if (action === 'read') return; // ReadOnly prop is not blocking user interaction...\n                            field.onChange(event);\n                            setState((draft) => {\n                              draft.listVariableFields.allowAllValue = event.target.checked;\n                            });\n                          }}\n                        />\n                      }\n                    />\n                  )}\n                />\n                <Typography mb={1} variant=\"caption\">\n                  Enables an option to include all variable values\n                </Typography>\n                {state.listVariableFields.allowAllValue && (\n                  <Controller\n                    name=\"listVariableFields.customAllValue\"\n                    render={({ field, fieldState }) => (\n                      <TextField\n                        {...field}\n                        fullWidth\n                        label=\"Custom All Value\"\n                        InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                        InputProps={{\n                          readOnly: action === 'read',\n                        }}\n                        error={!!fieldState.error}\n                        helperText={\n                          fieldState.error?.message\n                            ? fieldState.error.message\n                            : 'When All is selected, this value will be used'\n                        }\n                        value={state.listVariableFields.customAllValue ?? ''}\n                        onChange={(event) => {\n                          field.onChange(event);\n                          setState((draft) => {\n                            if (event.target.value) {\n                              draft.listVariableFields.customAllValue = event.target.value;\n                            } else {\n                              draft.listVariableFields.customAllValue = undefined;\n                            }\n                          });\n                        }}\n                      />\n                    )}\n                  />\n                )}\n              </Stack>\n            </Stack>\n          </>\n        )}\n      </Box>\n      <DiscardChangesConfirmationDialog\n        description=\"Are you sure you want to discard these changes? Changes cannot be recovered.\"\n        isOpen={isDiscardDialogOpened}\n        onCancel={() => {\n          setDiscardDialogOpened(false);\n        }}\n        onDiscardChanges={() => {\n          setDiscardDialogOpened(false);\n          onClose();\n        }}\n      />\n    </FormProvider>\n  );\n}\n"],"names":["React","useCallback","useMemo","useState","Box","Typography","Switch","TextField","Grid","FormControlLabel","MenuItem","Button","Stack","ClickAwayListener","Divider","DiscardChangesConfirmationDialog","ErrorBoundary","Controller","FormProvider","useForm","zodResolver","useImmer","getSubmitText","getTitleAction","VARIABLE_TYPES","PluginEditor","variableEditorValidationSchema","VariableListPreview","VariablePreview","getVariableDefinitionFromState","getInitialState","FallbackPreview","div","VariableEditorForm","props","initialVariableDefinition","initialAction","isDraft","isReadonly","onSave","onClose","onDelete","initialState","state","setState","isDiscardDialogOpened","setDiscardDialogOpened","previewKey","setPreviewKey","action","setAction","refreshPreview","prev","previewSpec","titleAction","submitText","form","resolver","mode","defaultValues","processForm","title","undefined","description","handleCancel","JSON","stringify","sx","display","alignItems","padding","theme","spacing","borderBottom","palette","divider","variant","direction","marginLeft","disabled","onClick","color","orientation","flexItem","borderColor","grey","marginRight","type","formState","isValid","handleSubmit","overflowY","container","mb","item","xs","name","render","field","fieldState","required","fullWidth","label","InputLabelProps","shrink","InputProps","readOnly","error","helperText","message","value","onChange","event","draft","target","select","kind","map","v","py","values","textVariableFields","control","checked","constant","listVariableFields","plugin","FallbackComponent","resetKeys","definition","onRefresh","isLoading","onClickAway","width","pluginType","pluginKindLabel","val","capturingRegexp","sort","allowMultiple","allowAllValue","customAllValue","isOpen","onCancel","onDiscardChanges"],"mappings":"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"}

package/dist/components/Variables/VariableEditorForm/variable-editor-form-model.d.ts

@@ -1,25 +1,12 @@
-import { VariableDefinition } from '@perses-dev/core';
-export declare function getInitialState(initialVariableDefinition: VariableDefinition): {
+import { ListVariableSpec, TextVariableSpec, UnknownSpec, VariableDefinition } from '@perses-dev/core';
+export declare type VariableEditorState = {
     name: string;
-    title: string;
-    kind: "ListVariable" | "TextVariable" | "BuiltinVariable";
-    description: string;
-    listVariableFields: {
-        allowMultiple: boolean;
-        allowAll: boolean;
-        customAllValue: string | undefined;
-        capturingRegexp: string | undefined;
-        sort: string | undefined;
-        plugin: {
-            kind: string;
-            spec: {};
-        };
-    };
-    textVariableFields: {
-        value: string;
-        constant: boolean;
-    };
+    title?: string;
+    kind: 'TextVariable' | 'ListVariable' | 'BuiltinVariable';
+    description?: string;
+    listVariableFields: Omit<ListVariableSpec<UnknownSpec>, 'name' | 'display'>;
+    textVariableFields: Omit<TextVariableSpec, 'name' | 'display'>;
 };
-export declare type VariableEditorState = ReturnType<typeof getInitialState>;
+export declare function getInitialState(initialVariableDefinition: VariableDefinition): VariableEditorState;
 export declare function getVariableDefinitionFromState(state: VariableEditorState): VariableDefinition;
 //# sourceMappingURL=variable-editor-form-model.d.ts.map

package/dist/components/Variables/VariableEditorForm/variable-editor-form-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variable-editor-form-model.d.ts","sourceRoot":"","sources":["../../../../src/components/Variables/VariableEditorForm/variable-editor-form-model.ts"],"names":[],"mappings":"AAaA,OAAO,EAA0B,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,wBAAgB,eAAe,CAAC,yBAAyB,EAAE,kBAAkB;;;;;;;;;;;;;;;;;;;;EAkC5E;AAED,oBAAY,mBAAmB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAErE,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,mBAAmB,GAAG,kBAAkB,CAgC7F"}
+{"version":3,"file":"variable-editor-form-model.d.ts","sourceRoot":"","sources":["../../../../src/components/Variables/VariableEditorForm/variable-editor-form-model.ts"],"names":[],"mappings":"AAaA,OAAO,EACL,gBAAgB,EAEhB,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAE1B,oBAAY,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,cAAc,GAAG,cAAc,GAAG,iBAAiB,CAAC;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IAC5E,kBAAkB,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;CAChE,CAAC;AAEF,wBAAgB,eAAe,CAAC,yBAAyB,EAAE,kBAAkB,GAAG,mBAAmB,CAkClG;AAED,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,mBAAmB,GAAG,kBAAkB,CAgC7F"}

package/dist/components/Variables/VariableEditorForm/variable-editor-form-model.js

@@ -19,7 +19,7 @@ export function getInitialState(initialVariableDefinition) {
     };
     const listVariableFields = {
         allowMultiple: false,
-        allowAll: false,
+        allowAllValue: false,
         customAllValue: undefined,
         capturingRegexp: undefined,
         sort: undefined,
@@ -32,7 +32,7 @@ export function getInitialState(initialVariableDefinition) {
         var _initialVariableDefinition_spec_allowMultiple;
         listVariableFields.allowMultiple = (_initialVariableDefinition_spec_allowMultiple = initialVariableDefinition.spec.allowMultiple) !== null && _initialVariableDefinition_spec_allowMultiple !== void 0 ? _initialVariableDefinition_spec_allowMultiple : false;
         var _initialVariableDefinition_spec_allowAllValue;
-        listVariableFields.allowAll = (_initialVariableDefinition_spec_allowAllValue = initialVariableDefinition.spec.allowAllValue) !== null && _initialVariableDefinition_spec_allowAllValue !== void 0 ? _initialVariableDefinition_spec_allowAllValue : false;
+        listVariableFields.allowAllValue = (_initialVariableDefinition_spec_allowAllValue = initialVariableDefinition.spec.allowAllValue) !== null && _initialVariableDefinition_spec_allowAllValue !== void 0 ? _initialVariableDefinition_spec_allowAllValue : false;
         listVariableFields.customAllValue = initialVariableDefinition.spec.customAllValue;
         listVariableFields.capturingRegexp = initialVariableDefinition.spec.capturingRegexp;
         listVariableFields.sort = initialVariableDefinition.spec.sort;
@@ -71,7 +71,7 @@ export function getVariableDefinitionFromState(state) {
                 name,
                 display,
                 allowMultiple: state.listVariableFields.allowMultiple,
-                allowAllValue: state.listVariableFields.allowAll,
+                allowAllValue: state.listVariableFields.allowAllValue,
                 customAllValue: state.listVariableFields.customAllValue,
                 capturingRegexp: state.listVariableFields.capturingRegexp,
                 sort: state.listVariableFields.sort,

package/dist/components/Variables/VariableEditorForm/variable-editor-form-model.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Variables/VariableEditorForm/variable-editor-form-model.ts"],"sourcesContent":["// Copyright 2023 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 { TextVariableDefinition, VariableDefinition } from '@perses-dev/core';\n\nexport function getInitialState(initialVariableDefinition: VariableDefinition) {\n  const textVariableFields = {\n    value: (initialVariableDefinition as TextVariableDefinition).spec.value ?? '',\n    constant: (initialVariableDefinition as TextVariableDefinition).spec.constant ?? false,\n  };\n\n  const listVariableFields = {\n    allowMultiple: false,\n    allowAll: false,\n    customAllValue: undefined as string | undefined,\n    capturingRegexp: undefined as string | undefined,\n    sort: undefined as string | undefined,\n    plugin: {\n      kind: '',\n      spec: {},\n    },\n  };\n  if (initialVariableDefinition.kind === 'ListVariable') {\n    listVariableFields.allowMultiple = initialVariableDefinition.spec.allowMultiple ?? false;\n    listVariableFields.allowAll = initialVariableDefinition.spec.allowAllValue ?? false;\n    listVariableFields.customAllValue = initialVariableDefinition.spec.customAllValue;\n    listVariableFields.capturingRegexp = initialVariableDefinition.spec.capturingRegexp;\n    listVariableFields.sort = initialVariableDefinition.spec.sort;\n    listVariableFields.plugin = initialVariableDefinition.spec.plugin;\n  }\n\n  return {\n    name: initialVariableDefinition.spec.name,\n    title: initialVariableDefinition.spec.display?.name ?? '',\n    kind: initialVariableDefinition.kind,\n    description: initialVariableDefinition.spec.display?.description ?? '',\n    listVariableFields,\n    textVariableFields,\n  };\n}\n\nexport type VariableEditorState = ReturnType<typeof getInitialState>;\n\nexport function getVariableDefinitionFromState(state: VariableEditorState): VariableDefinition {\n  const { name, title, kind, description } = state;\n\n  const display = { name: title, description: description };\n\n  if (kind === 'TextVariable') {\n    return {\n      kind,\n      spec: {\n        name,\n        display,\n        ...state.textVariableFields,\n      },\n    };\n  }\n\n  if (kind === 'ListVariable') {\n    return {\n      kind,\n      spec: {\n        name,\n        display,\n        allowMultiple: state.listVariableFields.allowMultiple,\n        allowAllValue: state.listVariableFields.allowAll,\n        customAllValue: state.listVariableFields.customAllValue,\n        capturingRegexp: state.listVariableFields.capturingRegexp,\n        sort: state.listVariableFields.sort,\n        plugin: state.listVariableFields.plugin,\n      },\n    };\n  }\n  throw new Error(`Unknown variable kind: ${kind}`);\n}\n"],"names":["getInitialState","initialVariableDefinition","textVariableFields","value","spec","constant","listVariableFields","allowMultiple","allowAll","customAllValue","undefined","capturingRegexp","sort","plugin","kind","allowAllValue","name","title","display","description","getVariableDefinitionFromState","state","Error"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,OAAO,SAASA,gBAAgBC,yBAA6C;QA4BlEA,yCAEMA;QA5BN,uCACG;IAFZ,MAAMC,qBAAqB;QACzBC,OAAO,CAAA,wCAAA,AAACF,0BAAqDG,KAAKD,mBAA3D,mDAAA,wCAAoE;QAC3EE,UAAU,CAAA,2CAAA,AAACJ,0BAAqDG,KAAKC,sBAA3D,sDAAA,2CAAuE;IACnF;IAEA,MAAMC,qBAAqB;QACzBC,eAAe;QACfC,UAAU;QACVC,gBAAgBC;QAChBC,iBAAiBD;QACjBE,MAAMF;QACNG,QAAQ;YACNC,MAAM;YACNV,MAAM,CAAC;QACT;IACF;IACA,IAAIH,0BAA0Ba,SAAS,gBAAgB;YAClBb;QAAnCK,mBAAmBC,gBAAgBN,CAAAA,gDAAAA,0BAA0BG,KAAKG,2BAA/BN,2DAAAA,gDAAgD;YACrDA;QAA9BK,mBAAmBE,WAAWP,CAAAA,gDAAAA,0BAA0BG,KAAKW,2BAA/Bd,2DAAAA,gDAAgD;QAC9EK,mBAAmBG,iBAAiBR,0BAA0BG,KAAKK;QACnEH,mBAAmBK,kBAAkBV,0BAA0BG,KAAKO;QACpEL,mBAAmBM,OAAOX,0BAA0BG,KAAKQ;QACzDN,mBAAmBO,SAASZ,0BAA0BG,KAAKS;IAC7D;QAISZ,8CAEMA;IAJf,OAAO;QACLe,MAAMf,0BAA0BG,KAAKY;QACrCC,OAAOhB,CAAAA,+CAAAA,CAAAA,0CAAAA,0BAA0BG,KAAKc,qBAA/BjB,qDAAAA,KAAAA,IAAAA,wCAAwCe,kBAAxCf,0DAAAA,+CAAgD;QACvDa,MAAMb,0BAA0Ba;QAChCK,aAAalB,CAAAA,sDAAAA,CAAAA,2CAAAA,0BAA0BG,KAAKc,qBAA/BjB,sDAAAA,KAAAA,IAAAA,yCAAwCkB,yBAAxClB,iEAAAA,sDAAuD;QACpEK;QACAJ;IACF;AACF;AAIA,OAAO,SAASkB,+BAA+BC,KAA0B;IACvE,MAAM,EAAEL,KAAI,EAAEC,MAAK,EAAEH,KAAI,EAAEK,YAAW,EAAE,GAAGE;IAE3C,MAAMH,UAAU;QAAEF,MAAMC;QAAOE,aAAaA;IAAY;IAExD,IAAIL,SAAS,gBAAgB;QAC3B,OAAO;YACLA;YACAV,MAAM;gBACJY;gBACAE;gBACA,GAAGG,MAAMnB,kBAAkB;YAC7B;QACF;IACF;IAEA,IAAIY,SAAS,gBAAgB;QAC3B,OAAO;YACLA;YACAV,MAAM;gBACJY;gBACAE;gBACAX,eAAec,MAAMf,mBAAmBC;gBACxCQ,eAAeM,MAAMf,mBAAmBE;gBACxCC,gBAAgBY,MAAMf,mBAAmBG;gBACzCE,iBAAiBU,MAAMf,mBAAmBK;gBAC1CC,MAAMS,MAAMf,mBAAmBM;gBAC/BC,QAAQQ,MAAMf,mBAAmBO;YACnC;QACF;IACF;IACA,MAAM,IAAIS,MAAM,CAAC,uBAAuB,EAAER,KAAK,CAAC;AAClD"}
+{"version":3,"sources":["../../../../src/components/Variables/VariableEditorForm/variable-editor-form-model.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport {\n  ListVariableSpec,\n  TextVariableDefinition,\n  TextVariableSpec,\n  UnknownSpec,\n  VariableDefinition,\n} from '@perses-dev/core';\n\nexport type VariableEditorState = {\n  name: string;\n  title?: string;\n  kind: 'TextVariable' | 'ListVariable' | 'BuiltinVariable';\n  description?: string;\n  listVariableFields: Omit<ListVariableSpec<UnknownSpec>, 'name' | 'display'>;\n  textVariableFields: Omit<TextVariableSpec, 'name' | 'display'>;\n};\n\nexport function getInitialState(initialVariableDefinition: VariableDefinition): VariableEditorState {\n  const textVariableFields: Omit<TextVariableSpec, 'name' | 'display'> = {\n    value: (initialVariableDefinition as TextVariableDefinition).spec.value ?? '',\n    constant: (initialVariableDefinition as TextVariableDefinition).spec.constant ?? false,\n  };\n\n  const listVariableFields: Omit<ListVariableSpec<UnknownSpec>, 'name' | 'display'> = {\n    allowMultiple: false,\n    allowAllValue: false,\n    customAllValue: undefined,\n    capturingRegexp: undefined,\n    sort: undefined,\n    plugin: {\n      kind: '',\n      spec: {},\n    },\n  };\n  if (initialVariableDefinition.kind === 'ListVariable') {\n    listVariableFields.allowMultiple = initialVariableDefinition.spec.allowMultiple ?? false;\n    listVariableFields.allowAllValue = initialVariableDefinition.spec.allowAllValue ?? false;\n    listVariableFields.customAllValue = initialVariableDefinition.spec.customAllValue;\n    listVariableFields.capturingRegexp = initialVariableDefinition.spec.capturingRegexp;\n    listVariableFields.sort = initialVariableDefinition.spec.sort;\n    listVariableFields.plugin = initialVariableDefinition.spec.plugin;\n  }\n\n  return {\n    name: initialVariableDefinition.spec.name,\n    title: initialVariableDefinition.spec.display?.name ?? '',\n    kind: initialVariableDefinition.kind,\n    description: initialVariableDefinition.spec.display?.description ?? '',\n    listVariableFields,\n    textVariableFields,\n  };\n}\n\nexport function getVariableDefinitionFromState(state: VariableEditorState): VariableDefinition {\n  const { name, title, kind, description } = state;\n\n  const display = { name: title, description: description };\n\n  if (kind === 'TextVariable') {\n    return {\n      kind,\n      spec: {\n        name,\n        display,\n        ...state.textVariableFields,\n      },\n    };\n  }\n\n  if (kind === 'ListVariable') {\n    return {\n      kind,\n      spec: {\n        name,\n        display,\n        allowMultiple: state.listVariableFields.allowMultiple,\n        allowAllValue: state.listVariableFields.allowAllValue,\n        customAllValue: state.listVariableFields.customAllValue,\n        capturingRegexp: state.listVariableFields.capturingRegexp,\n        sort: state.listVariableFields.sort,\n        plugin: state.listVariableFields.plugin,\n      },\n    };\n  }\n  throw new Error(`Unknown variable kind: ${kind}`);\n}\n"],"names":["getInitialState","initialVariableDefinition","textVariableFields","value","spec","constant","listVariableFields","allowMultiple","allowAllValue","customAllValue","undefined","capturingRegexp","sort","plugin","kind","name","title","display","description","getVariableDefinitionFromState","state","Error"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAmBjC,OAAO,SAASA,gBAAgBC,yBAA6C;QA4BlEA,yCAEMA;QA5BN,uCACG;IAFZ,MAAMC,qBAAiE;QACrEC,OAAO,CAAA,wCAAA,AAACF,0BAAqDG,KAAKD,mBAA3D,mDAAA,wCAAoE;QAC3EE,UAAU,CAAA,2CAAA,AAACJ,0BAAqDG,KAAKC,sBAA3D,sDAAA,2CAAuE;IACnF;IAEA,MAAMC,qBAA8E;QAClFC,eAAe;QACfC,eAAe;QACfC,gBAAgBC;QAChBC,iBAAiBD;QACjBE,MAAMF;QACNG,QAAQ;YACNC,MAAM;YACNV,MAAM,CAAC;QACT;IACF;IACA,IAAIH,0BAA0Ba,SAAS,gBAAgB;YAClBb;QAAnCK,mBAAmBC,gBAAgBN,CAAAA,gDAAAA,0BAA0BG,KAAKG,2BAA/BN,2DAAAA,gDAAgD;YAChDA;QAAnCK,mBAAmBE,gBAAgBP,CAAAA,gDAAAA,0BAA0BG,KAAKI,2BAA/BP,2DAAAA,gDAAgD;QACnFK,mBAAmBG,iBAAiBR,0BAA0BG,KAAKK;QACnEH,mBAAmBK,kBAAkBV,0BAA0BG,KAAKO;QACpEL,mBAAmBM,OAAOX,0BAA0BG,KAAKQ;QACzDN,mBAAmBO,SAASZ,0BAA0BG,KAAKS;IAC7D;QAISZ,8CAEMA;IAJf,OAAO;QACLc,MAAMd,0BAA0BG,KAAKW;QACrCC,OAAOf,CAAAA,+CAAAA,CAAAA,0CAAAA,0BAA0BG,KAAKa,qBAA/BhB,qDAAAA,KAAAA,IAAAA,wCAAwCc,kBAAxCd,0DAAAA,+CAAgD;QACvDa,MAAMb,0BAA0Ba;QAChCI,aAAajB,CAAAA,sDAAAA,CAAAA,2CAAAA,0BAA0BG,KAAKa,qBAA/BhB,sDAAAA,KAAAA,IAAAA,yCAAwCiB,yBAAxCjB,iEAAAA,sDAAuD;QACpEK;QACAJ;IACF;AACF;AAEA,OAAO,SAASiB,+BAA+BC,KAA0B;IACvE,MAAM,EAAEL,KAAI,EAAEC,MAAK,EAAEF,KAAI,EAAEI,YAAW,EAAE,GAAGE;IAE3C,MAAMH,UAAU;QAAEF,MAAMC;QAAOE,aAAaA;IAAY;IAExD,IAAIJ,SAAS,gBAAgB;QAC3B,OAAO;YACLA;YACAV,MAAM;gBACJW;gBACAE;gBACA,GAAGG,MAAMlB,kBAAkB;YAC7B;QACF;IACF;IAEA,IAAIY,SAAS,gBAAgB;QAC3B,OAAO;YACLA;YACAV,MAAM;gBACJW;gBACAE;gBACAV,eAAea,MAAMd,mBAAmBC;gBACxCC,eAAeY,MAAMd,mBAAmBE;gBACxCC,gBAAgBW,MAAMd,mBAAmBG;gBACzCE,iBAAiBS,MAAMd,mBAAmBK;gBAC1CC,MAAMQ,MAAMd,mBAAmBM;gBAC/BC,QAAQO,MAAMd,mBAAmBO;YACnC;QACF;IACF;IACA,MAAM,IAAIQ,MAAM,CAAC,uBAAuB,EAAEP,KAAK,CAAC;AAClD"}

package/dist/validation/index.d.ts

@@ -1,4 +1,5 @@
 export * from './datasource';
 export * from './resource';
+export * from './secret';
 export * from './variable';
 //# sourceMappingURL=index.d.ts.map

package/dist/validation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/validation/index.ts"],"names":[],"mappings":"AAaA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/validation/index.ts"],"names":[],"mappings":"AAaA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}

package/dist/validation/index.js

@@ -12,6 +12,7 @@
 // limitations under the License.
 export * from './datasource';
 export * from './resource';
+export * from './secret';
 export * from './variable';
 
 //# sourceMappingURL=index.js.map

package/dist/validation/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/validation/index.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './datasource';\nexport * from './resource';\nexport * from './variable';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,aAAa"}
+{"version":3,"sources":["../../src/validation/index.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './datasource';\nexport * from './resource';\nexport * from './secret';\nexport * from './variable';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,aAAa"}

package/dist/validation/role.d.ts

@@ -17,20 +17,20 @@ export declare const roleValidationSchema: z.ZodObject<{
             scopes: z.ZodArray<z.ZodEnum<["*", "Dashboard", "Datasource", "Folder", "GlobalDatasource", "GlobalRole", "GlobalRoleBinding", "GlobalSecret", "GlobalVariable", "Project", "Role", "RoleBinding", "Secret", "User", "Variable"]>, "atleastone">;
         }, "strip", z.ZodTypeAny, {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }, {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }>, "many">;
     }, "strip", z.ZodTypeAny, {
         permissions: {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }[];
     }, {
         permissions: {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }[];
     }>;
 }, "strip", z.ZodTypeAny, {
@@ -42,7 +42,7 @@ export declare const roleValidationSchema: z.ZodObject<{
     spec: {
         permissions: {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }[];
     };
 }, {
@@ -54,7 +54,7 @@ export declare const roleValidationSchema: z.ZodObject<{
     spec: {
         permissions: {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }[];
     };
 }>;
@@ -73,20 +73,20 @@ export declare const globalRoleValidationSchema: z.ZodObject<{
             scopes: z.ZodArray<z.ZodEnum<["*", "Dashboard", "Datasource", "Folder", "GlobalDatasource", "GlobalRole", "GlobalRoleBinding", "GlobalSecret", "GlobalVariable", "Project", "Role", "RoleBinding", "Secret", "User", "Variable"]>, "atleastone">;
         }, "strip", z.ZodTypeAny, {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }, {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }>, "many">;
     }, "strip", z.ZodTypeAny, {
         permissions: {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }[];
     }, {
         permissions: {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }[];
     }>;
 }, "strip", z.ZodTypeAny, {
@@ -97,7 +97,7 @@ export declare const globalRoleValidationSchema: z.ZodObject<{
     spec: {
         permissions: {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }[];
     };
 }, {
@@ -108,7 +108,7 @@ export declare const globalRoleValidationSchema: z.ZodObject<{
     spec: {
         permissions: {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }[];
     };
 }>;
@@ -130,20 +130,20 @@ export declare const rolesEditorValidationSchema: z.ZodDiscriminatedUnion<"kind"
             scopes: z.ZodArray<z.ZodEnum<["*", "Dashboard", "Datasource", "Folder", "GlobalDatasource", "GlobalRole", "GlobalRoleBinding", "GlobalSecret", "GlobalVariable", "Project", "Role", "RoleBinding", "Secret", "User", "Variable"]>, "atleastone">;
         }, "strip", z.ZodTypeAny, {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }, {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }>, "many">;
     }, "strip", z.ZodTypeAny, {
         permissions: {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }[];
     }, {
         permissions: {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }[];
     }>;
 }, "strip", z.ZodTypeAny, {
@@ -155,7 +155,7 @@ export declare const rolesEditorValidationSchema: z.ZodDiscriminatedUnion<"kind"
     spec: {
         permissions: {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }[];
     };
 }, {
@@ -167,7 +167,7 @@ export declare const rolesEditorValidationSchema: z.ZodDiscriminatedUnion<"kind"
     spec: {
         permissions: {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }[];
     };
 }>, z.ZodObject<{
@@ -185,20 +185,20 @@ export declare const rolesEditorValidationSchema: z.ZodDiscriminatedUnion<"kind"
             scopes: z.ZodArray<z.ZodEnum<["*", "Dashboard", "Datasource", "Folder", "GlobalDatasource", "GlobalRole", "GlobalRoleBinding", "GlobalSecret", "GlobalVariable", "Project", "Role", "RoleBinding", "Secret", "User", "Variable"]>, "atleastone">;
         }, "strip", z.ZodTypeAny, {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }, {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }>, "many">;
     }, "strip", z.ZodTypeAny, {
         permissions: {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }[];
     }, {
         permissions: {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }[];
     }>;
 }, "strip", z.ZodTypeAny, {
@@ -209,7 +209,7 @@ export declare const rolesEditorValidationSchema: z.ZodDiscriminatedUnion<"kind"
     spec: {
         permissions: {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }[];
     };
 }, {
@@ -220,7 +220,7 @@ export declare const rolesEditorValidationSchema: z.ZodDiscriminatedUnion<"kind"
     spec: {
         permissions: {
             actions: ["create" | "read" | "update" | "delete" | "*", ...("create" | "read" | "update" | "delete" | "*")[]];
-            scopes: ["*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User", ...("*" | "Datasource" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalSecret" | "GlobalVariable" | "Role" | "RoleBinding" | "Secret" | "User")[]];
+            scopes: ["*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User", ...("*" | "Datasource" | "Secret" | "GlobalSecret" | "Variable" | "Project" | "Dashboard" | "Folder" | "GlobalDatasource" | "GlobalRole" | "GlobalRoleBinding" | "GlobalVariable" | "Role" | "RoleBinding" | "User")[]];
         }[];
     };
 }>]>;

package/dist/validation/role.js

@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { z } from 'zod';
-import { resourceIdValidationSchema } from '@perses-dev/plugin-system';
+import { resourceIdValidationSchema } from './resource';
 const permissionValidationSchema = z.object({
     // TODO: use SCOPE & ACTIONS constants
     actions: z.array(z.enum([

package/dist/validation/role.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/validation/role.ts"],"sourcesContent":["// Copyright 2023 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 { z } from 'zod';\nimport { resourceIdValidationSchema } from '@perses-dev/plugin-system';\n\nconst permissionValidationSchema = z.object({\n  // TODO: use SCOPE & ACTIONS constants\n  actions: z.array(z.enum(['*', 'create', 'read', 'update', 'delete'])).nonempty('Must contains at least 1 action'),\n  scopes: z\n    .array(\n      z.enum([\n        '*',\n        'Dashboard',\n        'Datasource',\n        'Folder',\n        'GlobalDatasource',\n        'GlobalRole',\n        'GlobalRoleBinding',\n        'GlobalSecret',\n        'GlobalVariable',\n        'Project',\n        'Role',\n        'RoleBinding',\n        'Secret',\n        'User',\n        'Variable',\n      ])\n    )\n    .nonempty('Must contains at least 1 scope'), // TODO: limit project role\n});\n\nexport const roleValidationSchema = z.object({\n  kind: z.literal('Role'),\n  metadata: z.object({\n    name: resourceIdValidationSchema,\n    project: resourceIdValidationSchema,\n  }),\n  spec: z.object({\n    permissions: z.array(permissionValidationSchema),\n  }),\n});\n\nexport const globalRoleValidationSchema = z.object({\n  kind: z.literal('GlobalRole'),\n  metadata: z.object({\n    name: resourceIdValidationSchema,\n  }),\n  spec: z.object({\n    permissions: z.array(permissionValidationSchema),\n  }),\n});\n\nexport const rolesEditorValidationSchema = z.discriminatedUnion('kind', [\n  roleValidationSchema,\n  globalRoleValidationSchema,\n]);\n\nexport type RolesEditorValidationType = z.infer<typeof rolesEditorValidationSchema>;\n"],"names":["z","resourceIdValidationSchema","permissionValidationSchema","object","actions","array","enum","nonempty","scopes","roleValidationSchema","kind","literal","metadata","name","project","spec","permissions","globalRoleValidationSchema","rolesEditorValidationSchema","discriminatedUnion"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,CAAC,QAAQ,MAAM;AACxB,SAASC,0BAA0B,QAAQ,4BAA4B;AAEvE,MAAMC,6BAA6BF,EAAEG,OAAO;IAC1C,sCAAsC;IACtCC,SAASJ,EAAEK,MAAML,EAAEM,KAAK;QAAC;QAAK;QAAU;QAAQ;QAAU;KAAS,GAAGC,SAAS;IAC/EC,QAAQR,EACLK,MACCL,EAAEM,KAAK;QACL;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;KACD,GAEFC,SAAS;AACd;AAEA,OAAO,MAAME,uBAAuBT,EAAEG,OAAO;IAC3CO,MAAMV,EAAEW,QAAQ;IAChBC,UAAUZ,EAAEG,OAAO;QACjBU,MAAMZ;QACNa,SAASb;IACX;IACAc,MAAMf,EAAEG,OAAO;QACba,aAAahB,EAAEK,MAAMH;IACvB;AACF,GAAG;AAEH,OAAO,MAAMe,6BAA6BjB,EAAEG,OAAO;IACjDO,MAAMV,EAAEW,QAAQ;IAChBC,UAAUZ,EAAEG,OAAO;QACjBU,MAAMZ;IACR;IACAc,MAAMf,EAAEG,OAAO;QACba,aAAahB,EAAEK,MAAMH;IACvB;AACF,GAAG;AAEH,OAAO,MAAMgB,8BAA8BlB,EAAEmB,mBAAmB,QAAQ;IACtEV;IACAQ;CACD,EAAE"}
+{"version":3,"sources":["../../src/validation/role.ts"],"sourcesContent":["// Copyright 2023 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 { z } from 'zod';\nimport { resourceIdValidationSchema } from './resource';\n\nconst permissionValidationSchema = z.object({\n  // TODO: use SCOPE & ACTIONS constants\n  actions: z.array(z.enum(['*', 'create', 'read', 'update', 'delete'])).nonempty('Must contains at least 1 action'),\n  scopes: z\n    .array(\n      z.enum([\n        '*',\n        'Dashboard',\n        'Datasource',\n        'Folder',\n        'GlobalDatasource',\n        'GlobalRole',\n        'GlobalRoleBinding',\n        'GlobalSecret',\n        'GlobalVariable',\n        'Project',\n        'Role',\n        'RoleBinding',\n        'Secret',\n        'User',\n        'Variable',\n      ])\n    )\n    .nonempty('Must contains at least 1 scope'), // TODO: limit project role\n});\n\nexport const roleValidationSchema = z.object({\n  kind: z.literal('Role'),\n  metadata: z.object({\n    name: resourceIdValidationSchema,\n    project: resourceIdValidationSchema,\n  }),\n  spec: z.object({\n    permissions: z.array(permissionValidationSchema),\n  }),\n});\n\nexport const globalRoleValidationSchema = z.object({\n  kind: z.literal('GlobalRole'),\n  metadata: z.object({\n    name: resourceIdValidationSchema,\n  }),\n  spec: z.object({\n    permissions: z.array(permissionValidationSchema),\n  }),\n});\n\nexport const rolesEditorValidationSchema = z.discriminatedUnion('kind', [\n  roleValidationSchema,\n  globalRoleValidationSchema,\n]);\n\nexport type RolesEditorValidationType = z.infer<typeof rolesEditorValidationSchema>;\n"],"names":["z","resourceIdValidationSchema","permissionValidationSchema","object","actions","array","enum","nonempty","scopes","roleValidationSchema","kind","literal","metadata","name","project","spec","permissions","globalRoleValidationSchema","rolesEditorValidationSchema","discriminatedUnion"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,CAAC,QAAQ,MAAM;AACxB,SAASC,0BAA0B,QAAQ,aAAa;AAExD,MAAMC,6BAA6BF,EAAEG,OAAO;IAC1C,sCAAsC;IACtCC,SAASJ,EAAEK,MAAML,EAAEM,KAAK;QAAC;QAAK;QAAU;QAAQ;QAAU;KAAS,GAAGC,SAAS;IAC/EC,QAAQR,EACLK,MACCL,EAAEM,KAAK;QACL;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;KACD,GAEFC,SAAS;AACd;AAEA,OAAO,MAAME,uBAAuBT,EAAEG,OAAO;IAC3CO,MAAMV,EAAEW,QAAQ;IAChBC,UAAUZ,EAAEG,OAAO;QACjBU,MAAMZ;QACNa,SAASb;IACX;IACAc,MAAMf,EAAEG,OAAO;QACba,aAAahB,EAAEK,MAAMH;IACvB;AACF,GAAG;AAEH,OAAO,MAAMe,6BAA6BjB,EAAEG,OAAO;IACjDO,MAAMV,EAAEW,QAAQ;IAChBC,UAAUZ,EAAEG,OAAO;QACjBU,MAAMZ;IACR;IACAc,MAAMf,EAAEG,OAAO;QACba,aAAahB,EAAEK,MAAMH;IACvB;AACF,GAAG;AAEH,OAAO,MAAMgB,8BAA8BlB,EAAEmB,mBAAmB,QAAQ;IACtEV;IACAQ;CACD,EAAE"}

package/dist/validation/rolebinding.js

@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { z } from 'zod';
-import { resourceIdValidationSchema } from '@perses-dev/plugin-system';
+import { resourceIdValidationSchema } from './resource';
 const subjectValidationSchema = z.object({
     kind: z.enum([
         'User'