npm - @perses-dev/plugin-system - Versions diffs - 0.0.0-snapshot-panel-extra-content-3-17f9c42 → 0.0.0-snapshot-scatterplot-fix-imports-95e1b59 - Mend

@perses-dev/plugin-system 0.0.0-snapshot-panel-extra-content-3-17f9c42 → 0.0.0-snapshot-scatterplot-fix-imports-95e1b59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (425) hide show

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

	@@ -1 +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, { useCallback, useMemo, useState } from 'react';\nimport {\n Box,\n Typography,\n Switch,\n TextField,\n Grid,\n FormControl,\n FormControlLabel,\n InputLabel,\n MenuItem,\n Button,\n Stack,\n ClickAwayListener,\n Divider,\n Select,\n capitalize,\n} from '@mui/material';\nimport { useImmer } from 'use-immer';\nimport { VariableDefinition, ListVariableDefinition } from '@perses-dev/core';\nimport { DiscardChangesConfirmationDialog, ErrorBoundary } from '@perses-dev/components';\nimport { VARIABLE_TYPES } from '../variable-model';\nimport { PluginEditor } from '../../PluginEditor';\nimport { VariableListPreview, VariablePreview } from './VariablePreview';\nimport { VariableEditorState, getVariableDefinitionFromState, getInitialState } from './variable-editor-form-model';\n\n// TODO: Replace with proper validation library\nfunction getValidation(state: ReturnType<typeof getInitialState>) {\n /** Name validation /\n let name = null;\n if (!state.name) {\n name = 'Name is required';\n }\n // name can only contain alphanumeric characters and underscores and no spaces\n if (state.name && !/^[a-zA-Z0-9_-]+$/.test(state.name)) {\n name = 'Name can only contain alphanumeric characters, underscores, and dashes';\n }\n\n return {\n name,\n isValid: !name,\n };\n}\n\nfunction FallbackPreview() {\n return <div>Error previewing values</div>;\n}\n\nexport type Action = 'create' \| 'read' \| 'update';\n\ninterface VariableEditFormProps {\n initialVariableDefinition: VariableDefinition;\n onChange: (def: VariableDefinition) => void;\n onCancel: () => void;\n action?: Action;\n}\n\nexport function VariableEditForm(props: VariableEditFormProps) {\n const { initialVariableDefinition, onChange, onCancel, action = 'update' } = props;\n const initialState = getInitialState(initialVariableDefinition);\n const [state, setState] = useImmer(initialState);\n const validation = useMemo(() => getValidation(state), [state]);\n const [isDiscardDialogStateOpened, setDiscardDialogStateOpened] = useState<boolean>(false);\n const [previewKey, setPreviewKey] = useState(0);\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 title = useMemo(() => {\n if (action === 'read') return 'View Variable';\n if (action === 'create') return 'Create Variable';\n if (action === 'update') return 'Edit Variable';\n return '';\n }, [action]);\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 (action === 'create' \|\| (action === 'update' && JSON.stringify(initialState) !== JSON.stringify(state))) {\n setDiscardDialogStateOpened(true);\n } else {\n onCancel();\n }\n }, [state, initialState, action, setDiscardDialogStateOpened, onCancel]);\n\n return (\n <>\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\">{title}</Typography>\n <Stack direction=\"row\" spacing={1} sx={{ marginLeft: 'auto' }}>\n {action !== 'read' && (\n <Button\n disabled={!validation.isValid}\n variant=\"contained\"\n onClick={() => {\n onChange(getVariableDefinitionFromState(state));\n }}\n >\n {capitalize(action)}\n </Button>\n )}\n <Button color=\"secondary\" variant=\"outlined\" onClick={handleCancel}>\n {action === 'read' ? 'Close' : 'Cancel'}\n </Button>\n </Stack>\n </Box>\n <Box padding={2} sx={{ overflowY: 'scroll' }}>\n <Grid container spacing={2} mb={2}>\n <Grid item xs={8}>\n <TextField\n required\n error={!!validation.name}\n fullWidth\n label=\"Name\"\n value={state.name}\n helperText={validation.name}\n InputProps={{\n readOnly: action === 'update' \|\| action === 'read',\n }}\n onChange={(v) => {\n setState((draft) => {\n draft.name = v.target.value;\n });\n }}\n />\n </Grid>\n <Grid item xs={4}>\n <TextField\n fullWidth\n label=\"Display Label\"\n value={state.title \|\| ''}\n InputProps={{\n readOnly: action === 'read',\n }}\n onChange={(v) => {\n setState((draft) => {\n draft.title = v.target.value;\n });\n }}\n />\n </Grid>\n <Grid item xs={8}>\n <TextField\n fullWidth\n label=\"Description\"\n value={state.description}\n InputProps={{\n readOnly: action === 'read',\n }}\n onChange={(v) => {\n setState((draft) => {\n draft.description = v.target.value;\n });\n }}\n />\n </Grid>\n <Grid item xs={4}>\n <FormControl fullWidth>\n <InputLabel id=\"variable-type-select-label\">Type</InputLabel>\n <Select\n labelId=\"variable-type-select-label\"\n id=\"variable-type-select\"\n label=\"Type\"\n value={state.kind}\n readOnly={action === 'read'}\n onChange={(v) => {\n setState((draft) => {\n draft.kind = v.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 </Select>\n </FormControl>\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 InputProps={{\n readOnly: action === 'read',\n }}\n onChange={(v) => {\n setState((draft) => {\n draft.textVariableFields.value = v.target.value;\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 <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.capturing_regexp \|\| ''}\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.capturing_regexp = e.target.value;\n } else {\n draft.listVariableFields.capturing_regexp = undefined;\n }\n });\n }}\n helperText=\"Optional, if you want to filter on captured result.\"\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 <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 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={isDiscardDialogStateOpened}\n onCancel={() => {\n setDiscardDialogStateOpened(false);\n }}\n onDiscardChanges={() => {\n setDiscardDialogStateOpened(false);\n onCancel();\n }}\n />\n </>\n );\n}\n"],"names":["React","useCallback","useMemo","useState","Box","Typography","Switch","TextField","Grid","FormControl","FormControlLabel","InputLabel","MenuItem","Button","Stack","ClickAwayListener","Divider","Select","capitalize","useImmer","DiscardChangesConfirmationDialog","ErrorBoundary","VARIABLE_TYPES","PluginEditor","VariableListPreview","VariablePreview","getVariableDefinitionFromState","getInitialState","getValidation","state","name","test","isValid","FallbackPreview","div","VariableEditForm","props","initialVariableDefinition","onChange","onCancel","action","initialState","setState","validation","isDiscardDialogStateOpened","setDiscardDialogStateOpened","previewKey","setPreviewKey","refreshPreview","prev","previewSpec","title","handleCancel","JSON","stringify","sx","display","alignItems","padding","theme","spacing","borderBottom","palette","divider","variant","direction","marginLeft","disabled","onClick","color","overflowY","container","mb","item","xs","required","error","fullWidth","label","value","helperText","InputProps","readOnly","v","draft","target","description","id","labelId","kind","map","py","values","textVariableFields","listVariableFields","plugin","FallbackComponent","resetKeys","definition","onRefresh","isLoading","onClickAway","width","pluginType","pluginKindLabel","isReadonly","val","capturing_regexp","e","undefined","control","checked","allowMultiple","allowAll","customAllValue","isOpen","onDiscardChanges"],"mappings":"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"}
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 { 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":"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,OAAOA,SAAgCC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAQ;AACrF,SACEC,GAAG,EACHC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,IAAI,EACJC,gBAAgB,EAChBC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,iBAAiB,EACjBC,OAAO,QACF,gBAAgB;AAEvB,SAASC,gCAAgC,EAAEC,aAAa,QAAQ,yBAAyB;AACzF,SAASC,UAAU,EAAEC,YAAY,EAAiBC,OAAO,QAAQ,kBAAkB;AACnF,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,aAAa,EAAEC,cAAc,QAAQ,iBAAiB;AAC/D,SAASC,cAAc,QAAQ,oBAAoB;AACnD,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAASC,8BAA8B,QAAsC,sBAAsB;AACnG,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,oBAAoB;AACzE,SAASC,8BAA8B,EAAEC,eAAe,QAA6B,+BAA+B;AAEpH,SAASC;IACP,qBAAO,KAACC;kBAAI;;AACd;AAYA,OAAO,SAASC,mBAAmBC,KAA8B;IAC/D,MAAM,EAAEC,yBAAyB,EAAEC,aAAa,EAAEC,OAAO,EAAEC,UAAU,EAAEC,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGP;IAErG,MAAMQ,eAAeZ,gBAAgBK;IACrC,MAAM,CAACQ,OAAOC,SAAS,GAAGvB,SAASqB;IACnC,MAAM,CAACG,uBAAuBC,uBAAuB,GAAG3C,SAAkB;IAC1E,MAAM,CAAC4C,YAAYC,cAAc,GAAG7C,SAAS;IAC7C,MAAM,CAAC8C,QAAQC,UAAU,GAAG/C,SAASiC;IAErC,MAAMe,iBAAiB;QACrBH,cAAc,CAACI,OAASA,OAAO;IACjC;IAEA;;;GAGC,GACD,MAAMC,cAAcnD,QAAQ;QAC1B,OAAO2B,+BAA+Bc;IACtC,uDAAuD;IACzD,GAAG;QAACI;KAAW;IAEf,MAAMO,cAAc/B,eAAe0B,QAAQZ;IAC3C,MAAMkB,aAAajC,cAAc2B,QAAQZ;IAEzC,MAAMmB,OAAOrC,QAAsC;QACjDsC,UAAUrC,YAAYM;QACtBgC,MAAM;QACNC,eAAejB;IACjB;IAEA,MAAMkB,cAA2D;QAC/D,gGAAgG;QAChGrB,OACEV,+BAA+B;YAC7B,GAAGc,KAAK;YACRkB,OAAOlB,MAAMkB,KAAK,KAAK,KAAKC,YAAYnB,MAAMkB,KAAK;YACnDE,aAAapB,MAAMoB,WAAW,KAAK,KAAKD,YAAYnB,MAAMoB,WAAW;QACvE;IAEJ;IAEA,oDAAoD;IACpD,4CAA4C;IAC5C,uDAAuD;IACvD,gDAAgD;IAChD,MAAMC,eAAe/D,YAAY;QAC/B,IAAIgE,KAAKC,SAAS,CAACxB,kBAAkBuB,KAAKC,SAAS,CAACvB,QAAQ;YAC1DG,uBAAuB;QACzB,OAAO;YACLN;QACF;IACF,GAAG;QAACE;QAAcC;QAAOH;KAAQ;IAEjC,qBACE,MAACtB;QAAc,GAAGsC,IAAI;;0BACpB,MAACpD;gBACC+D,IAAI;oBACFC,SAAS;oBACTC,YAAY;oBACZC,SAAS,CAACC,QAAUA,MAAMC,OAAO,CAAC,GAAG;oBACrCC,cAAc,CAACF,QAAU,CAAC,UAAU,EAAEA,MAAMG,OAAO,CAACC,OAAO,CAAC,CAAC;gBAC/D;;kCAEA,MAACtE;wBAAWuE,SAAQ;;4BAAMtB;4BAAY;;;kCACtC,KAAC1C;wBAAMiE,WAAU;wBAAML,SAAS;wBAAGL,IAAI;4BAAEW,YAAY;wBAAO;kCACzD7B,WAAW,uBACV;;8CACE,KAACtC;oCAAOoE,UAAUzC;oCAAYsC,SAAQ;oCAAYI,SAAS,IAAM9B,UAAU;8CAAW;;8CAGtF,KAACvC;oCAAOsE,OAAM;oCAAQF,UAAUzC;oCAAYsC,SAAQ;oCAAWI,SAASvC;8CAAU;;8CAGlF,KAAC3B;oCACCoE,aAAY;oCACZC,QAAQ;oCACRhB,IAAI,CAACI,QAAW,CAAA;4CACda,aAAab,MAAMG,OAAO,CAACW,IAAI,CAAC,MAAM;4CACtC,qBAAqB;gDACnBP,YAAY;gDACZQ,aAAa;4CACf;wCACF,CAAA;;8CAEF,KAAC3E;oCAAOsE,OAAM;oCAAYL,SAAQ;oCAAWI,SAASxC;8CAAS;;;2CAKjE;;8CACE,KAAC7B;oCACC4E,MAAK;oCACLX,SAAQ;oCACRG,UAAU,CAACvB,KAAKgC,SAAS,CAACC,OAAO;oCACjCT,SAASxB,KAAKkC,YAAY,CAAC9B;8CAE1BL;;8CAEH,KAAC5C;oCAAOsE,OAAM;oCAAYL,SAAQ;oCAAWI,SAAShB;8CAAc;;;;;;;0BAO5E,MAAC5D;gBAAIkE,SAAS;gBAAGH,IAAI;oBAAEwB,WAAW;gBAAS;;kCACzC,MAACnF;wBAAKoF,SAAS;wBAACpB,SAAS;wBAAGqB,IAAI;;0CAC9B,KAACrF;gCAAKsF,IAAI;gCAACC,IAAI;0CACb,cAAA,KAAC9E;oCACC+E,MAAK;oCACLC,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE;4CAYdA;6DAXd,KAAC5F;4CACE,GAAG2F,KAAK;4CACTE,QAAQ;4CACRC,SAAS;4CACTC,OAAM;4CACNC,iBAAiB;gDAAEC,QAAQvD,WAAW,SAAS,OAAOa;4CAAU;4CAChE2C,YAAY;gDACV1B,UAAU9B,WAAW,YAAY,CAACZ;gDAClCqE,UAAUzD,WAAW;4CACvB;4CACA0D,OAAO,CAAC,CAACR,WAAWQ,KAAK;4CACzBC,UAAU,GAAET,oBAAAA,WAAWQ,KAAK,cAAhBR,wCAAAA,kBAAkBU,OAAO;4CACrCC,OAAOnE,MAAMqD,IAAI;4CACjBe,UAAU,CAACC;gDACTd,MAAMa,QAAQ,CAACC;gDACfpE,SAAS,CAACqE;oDACRA,MAAMjB,IAAI,GAAGgB,MAAME,MAAM,CAACJ,KAAK;gDACjC;4CACF;;;;;0CAKR,KAACtG;gCAAKsF,IAAI;gCAACC,IAAI;0CACb,cAAA,KAAC9E;oCACC+E,MAAK;oCACLC,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE;4CAUdA;4CACLxD;+CAVT,KAACpC;4CACE,GAAG2F,KAAK;4CACTG,SAAS;4CACTC,OAAM;4CACNC,iBAAiB;gDAAEC,QAAQvD,WAAW,SAAS,OAAOa;4CAAU;4CAChE2C,YAAY;gDACVC,UAAUzD,WAAW;4CACvB;4CACA0D,OAAO,CAAC,CAACR,WAAWQ,KAAK;4CACzBC,UAAU,GAAET,oBAAAA,WAAWQ,KAAK,cAAhBR,wCAAAA,kBAAkBU,OAAO;4CACrCC,OAAOnE,CAAAA,eAAAA,MAAMkB,KAAK,cAAXlB,0BAAAA,eAAe;4CACtBoE,UAAU,CAACC;gDACTd,MAAMa,QAAQ,CAACC;gDACfpE,SAAS,CAACqE;oDACRA,MAAMpD,KAAK,GAAGmD,MAAME,MAAM,CAACJ,KAAK;gDAClC;4CACF;;oCACD;;;0CAIP,KAACtG;gCAAKsF,IAAI;gCAACC,IAAI;0CACb,cAAA,KAAC9E;oCACC+E,MAAK;oCACLC,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE;4CAUdA;4CACLxD;+CAVT,KAACpC;4CACE,GAAG2F,KAAK;4CACTG,SAAS;4CACTC,OAAM;4CACNC,iBAAiB;gDAAEC,QAAQvD,WAAW,SAAS,OAAOa;4CAAU;4CAChE2C,YAAY;gDACVC,UAAUzD,WAAW;4CACvB;4CACA0D,OAAO,CAAC,CAACR,WAAWQ,KAAK;4CACzBC,UAAU,GAAET,oBAAAA,WAAWQ,KAAK,cAAhBR,wCAAAA,kBAAkBU,OAAO;4CACrCC,OAAOnE,CAAAA,qBAAAA,MAAMoB,WAAW,cAAjBpB,gCAAAA,qBAAqB;4CAC5BoE,UAAU,CAACC;gDACTd,MAAMa,QAAQ,CAACC;gDACfpE,SAAS,CAACqE;oDACRA,MAAMlD,WAAW,GAAGiD,MAAME,MAAM,CAACJ,KAAK;gDACxC;4CACF;;oCACD;;;0CAIP,KAACtG;gCAAKsF,IAAI;gCAACC,IAAI;0CACb,cAAA,KAAC9E;oCACC+E,MAAK;oCACLC,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE;4CAWdA;6DAVd,KAAC5F;4CACC4G,MAAM;4CACL,GAAGjB,KAAK;4CACTG,SAAS;4CACTC,OAAM;4CACNC,iBAAiB;gDAAEC,QAAQvD,WAAW,SAAS,OAAOa;4CAAU;4CAChE2C,YAAY;gDACVC,UAAUzD,WAAW;4CACvB;4CACA0D,OAAO,CAAC,CAACR,WAAWQ,KAAK;4CACzBC,UAAU,GAAET,oBAAAA,WAAWQ,KAAK,cAAhBR,wCAAAA,kBAAkBU,OAAO;4CACrCC,OAAOnE,MAAMyE,IAAI;4CACjBL,UAAU,CAACC;gDACTd,MAAMa,QAAQ,CAACC;gDACfpE,SAAS,CAACqE;oDACRA,MAAMG,IAAI,GAAGJ,MAAME,MAAM,CAACJ,KAAK;gDACjC;4CACF;sDAECtF,eAAe6F,GAAG,CAAC,CAACC,kBACnB,KAAC5G;oDAAsBoG,OAAOQ,EAAEF,IAAI;8DACjCE,EAAEhB,KAAK;mDADKgB,EAAEF,IAAI;;;;;;;kCAUjC,KAACtG;oBAEA6B,MAAMyE,IAAI,KAAK,gCACd;;0CACE,KAAC/G;gCAAWkH,IAAI;gCAAG3C,SAAQ;0CAAY;;0CAGvC,MAAChE;gCAAM4D,SAAS;;kDACd,KAACpE;kDACC,cAAA,KAACwB;4CAAgB4F,QAAQ;gDAAC7E,MAAM8E,kBAAkB,CAACX,KAAK;6CAAC;;;kDAE3D,KAAC7F;wCACC+E,MAAK;wCACLC,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE;gDASdA;iEARd,KAAC5F;gDACE,GAAG2F,KAAK;gDACTI,OAAM;gDACNC,iBAAiB;oDAAEC,QAAQvD,WAAW,SAAS,OAAOa;gDAAU;gDAChE2C,YAAY;oDACVC,UAAUzD,WAAW;gDACvB;gDACA0D,OAAO,CAAC,CAACR,WAAWQ,KAAK;gDACzBC,UAAU,GAAET,oBAAAA,WAAWQ,KAAK,cAAhBR,wCAAAA,kBAAkBU,OAAO;gDACrCC,OAAOnE,MAAM8E,kBAAkB,CAACX,KAAK;gDACrCC,UAAU,CAACC;oDACTd,MAAMa,QAAQ,CAACC;oDACfpE,SAAS,CAACqE;wDACRA,MAAMQ,kBAAkB,CAACX,KAAK,GAAGE,MAAME,MAAM,CAACJ,KAAK;oDACrD;gDACF;;;;kDAIN,KAAC7F;wCACC+E,MAAK;wCACLC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,KAACzF;gDACC6F,OAAM;gDACNoB,uBACE,KAACpH;oDACE,GAAG4F,KAAK;oDACTyB,SAAS,CAAC,CAACzB,MAAMY,KAAK;oDACtBJ,UAAUzD,WAAW;oDACrB6D,OAAOnE,MAAM8E,kBAAkB,CAACG,QAAQ;oDACxCb,UAAU,CAACC;wDACT,IAAI/D,WAAW,QAAQ,QAAQ,oDAAoD;wDACnFiD,MAAMa,QAAQ,CAACC;wDACfpE,SAAS,CAACqE;4DACRA,MAAMQ,kBAAkB,CAACG,QAAQ,GAAGZ,MAAME,MAAM,CAACS,OAAO;wDAC1D;oDACF;;;;;;;;oBAUfhF,MAAMyE,IAAI,KAAK,gCACd;;0CACE,KAAC/G;gCAAWkH,IAAI;gCAAG3C,SAAQ;0CAAY;;0CAGvC,MAAChE;gCAAM4D,SAAS;gCAAGqB,IAAI;;oCACpBlD,MAAMkF,kBAAkB,CAACC,MAAM,CAACV,IAAI,iBACnC,KAAChH;kDACC,cAAA,KAACY;4CAAc+G,mBAAmBhG;4CAAiBiG,WAAW;gDAAC3E;6CAAY;sDACzE,cAAA,KAAC1B;gDAAoBsG,YAAY5E;gDAAa6E,WAAW/E;;;uDAI7D,KAACvB;wCAAgBuG,WAAW;;kDAG9B,MAACvH;;0DAEC,KAACC;gDAAkBuH,aAAa,IAAMjF;0DACpC,cAAA,KAAC/C;;0DAGH,KAACa;gDACC+E,MAAK;gDACLC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,KAACzE;wDACC4G,OAAM;wDACNC,YAAW;wDACXC,iBAAgB;wDAChBjG,YAAYW,WAAW;wDACvB6D,OAAOnE,MAAMkF,kBAAkB,CAACC,MAAM;wDACtCf,UAAU,CAACyB;4DACTtC,MAAMa,QAAQ,CAACyB;4DACf5F,SAAS,CAACqE;gEACRA,MAAMY,kBAAkB,CAACC,MAAM,GAAGU;4DACpC;wDACF;;;;;kDAMR,KAAC5H;kDACC,cAAA,KAACK;4CACC+E,MAAK;4CACLC,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE;oDAsBxBA;oDAbKxD;uDART,KAACpC;oDACE,GAAG2F,KAAK;oDACTI,OAAM;oDACNC,iBAAiB;wDAAEC,QAAQvD,WAAW,SAAS,OAAOa;oDAAU;oDAChE2C,YAAY;wDACVC,UAAUzD,WAAW;oDACvB;oDACA0D,OAAO,CAAC,CAACR,WAAWQ,KAAK;oDACzBG,OAAOnE,CAAAA,4CAAAA,MAAMkF,kBAAkB,CAACY,eAAe,cAAxC9F,uDAAAA,4CAA4C;oDACnDoE,UAAU,CAACC;wDACTd,MAAMa,QAAQ,CAACC;wDACfpE,SAAS,CAACqE;4DACR,IAAID,MAAME,MAAM,CAACJ,KAAK,EAAE;gEACtB,sEAAsE;gEACtEG,MAAMY,kBAAkB,CAACY,eAAe,GAAGzB,MAAME,MAAM,CAACJ,KAAK;4DAC/D,OAAO;gEACLG,MAAMY,kBAAkB,CAACY,eAAe,GAAG3E;4DAC7C;wDACF;oDACF;oDACA8C,YACET,EAAAA,oBAAAA,WAAWQ,KAAK,cAAhBR,wCAAAA,kBAAkBU,OAAO,IACrBV,WAAWQ,KAAK,CAACE,OAAO,GACxB;;4CAEP;;;kDAKP,KAACjG;kDACC,cAAA,KAACK;4CACC+E,MAAK;4CACLC,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE;oDAWdA;oDACLxD;uDAXT,MAACpC;oDACC4G,MAAM;oDACL,GAAGjB,KAAK;oDACTG,SAAS;oDACTC,OAAM;oDACNC,iBAAiB;wDAAEC,QAAQvD,WAAW,SAAS,OAAOa;oDAAU;oDAChE2C,YAAY;wDACVC,UAAUzD,WAAW;oDACvB;oDACA0D,OAAO,CAAC,CAACR,WAAWQ,KAAK;oDACzBC,UAAU,GAAET,oBAAAA,WAAWQ,KAAK,cAAhBR,wCAAAA,kBAAkBU,OAAO;oDACrCC,OAAOnE,CAAAA,iCAAAA,MAAMkF,kBAAkB,CAACa,IAAI,cAA7B/F,4CAAAA,iCAAiC;oDACxCoE,UAAU,CAACC;wDACTd,MAAMa,QAAQ,CAACC;wDACfpE,SAAS,CAACqE;4DACRA,MAAMY,kBAAkB,CAACa,IAAI,GAAG1B,MAAME,MAAM,CAACJ,KAAK;wDACpD;oDACF;;sEAEA,KAACpG;4DAASoG,OAAM;sEAAO;;sEACvB,KAACpG;4DAASoG,OAAM;sEAAmB;;sEACnC,KAACpG;4DAASoG,OAAM;sEAAoB;;sEACpC,KAACpG;4DAASoG,OAAM;sEAAgB;;sEAChC,KAACpG;4DAASoG,OAAM;sEAAiB;;sEACjC,KAACpG;4DAASoG,OAAM;sEAAsB;;sEACtC,KAACpG;4DAASoG,OAAM;sEAAuB;;;;4CAC9B;;;;;0CAMnB,KAAChG;0CAED,KAACT;gCAAWkH,IAAI;gCAAG3C,SAAQ;0CAAY;;0CAGvC,MAAChE;gCAAM4D,SAAQ;;kDACb,MAAC5D;;0DACC,KAACK;gDACC+E,MAAK;gDACLC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,KAACzF;wDACC6F,OAAM;wDACNoB,uBACE,KAACpH;4DACE,GAAG4F,KAAK;4DACTyB,SAAS,CAAC,CAACzB,MAAMY,KAAK;4DACtBJ,UAAUzD,WAAW;4DACrB6D,OAAOnE,MAAMkF,kBAAkB,CAACc,aAAa;4DAC7C5B,UAAU,CAACC;gEACT,IAAI/D,WAAW,QAAQ,QAAQ,oDAAoD;gEACnFiD,MAAMa,QAAQ,CAACC;gEACfpE,SAAS,CAACqE;oEACRA,MAAMY,kBAAkB,CAACc,aAAa,GAAG3B,MAAME,MAAM,CAACS,OAAO;gEAC/D;4DACF;;;;0DAMV,KAACtH;gDAAWuE,SAAQ;0DAAU;;;;kDAEhC,MAAChE;;0DACC,KAACK;gDACC+E,MAAK;gDACLC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,KAACzF;wDACC6F,OAAM;wDACNoB,uBACE,KAACpH;4DACE,GAAG4F,KAAK;4DACTyB,SAAS,CAAC,CAACzB,MAAMY,KAAK;4DACtBJ,UAAUzD,WAAW;4DACrB6D,OAAOnE,MAAMkF,kBAAkB,CAACe,aAAa;4DAC7C7B,UAAU,CAACC;gEACT,IAAI/D,WAAW,QAAQ,QAAQ,oDAAoD;gEACnFiD,MAAMa,QAAQ,CAACC;gEACfpE,SAAS,CAACqE;oEACRA,MAAMY,kBAAkB,CAACe,aAAa,GAAG5B,MAAME,MAAM,CAACS,OAAO;gEAC/D;4DACF;;;;0DAMV,KAACtH;gDAAWwF,IAAI;gDAAGjB,SAAQ;0DAAU;;4CAGpCjC,MAAMkF,kBAAkB,CAACe,aAAa,kBACrC,KAAC3H;gDACC+E,MAAK;gDACLC,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE;wDAWxBA;wDAIKxD;2DAdT,KAACpC;wDACE,GAAG2F,KAAK;wDACTG,SAAS;wDACTC,OAAM;wDACNC,iBAAiB;4DAAEC,QAAQvD,WAAW,SAAS,OAAOa;wDAAU;wDAChE2C,YAAY;4DACVC,UAAUzD,WAAW;wDACvB;wDACA0D,OAAO,CAAC,CAACR,WAAWQ,KAAK;wDACzBC,YACET,EAAAA,oBAAAA,WAAWQ,KAAK,cAAhBR,wCAAAA,kBAAkBU,OAAO,IACrBV,WAAWQ,KAAK,CAACE,OAAO,GACxB;wDAENC,OAAOnE,CAAAA,2CAAAA,MAAMkF,kBAAkB,CAACgB,cAAc,cAAvClG,sDAAAA,2CAA2C;wDAClDoE,UAAU,CAACC;4DACTd,MAAMa,QAAQ,CAACC;4DACfpE,SAAS,CAACqE;gEACR,IAAID,MAAME,MAAM,CAACJ,KAAK,EAAE;oEACtBG,MAAMY,kBAAkB,CAACgB,cAAc,GAAG7B,MAAME,MAAM,CAACJ,KAAK;gEAC9D,OAAO;oEACLG,MAAMY,kBAAkB,CAACgB,cAAc,GAAG/E;gEAC5C;4DACF;wDACF;;gDACD;;;;;;;;;;0BASjB,KAAC/C;gBACCgD,aAAY;gBACZ+E,QAAQjG;gBACRkG,UAAU;oBACRjG,uBAAuB;gBACzB;gBACAkG,kBAAkB;oBAChBlG,uBAAuB;oBACvBN;gBACF;;;;AAIR"}

package/dist/components/Variables/VariableEditorForm/VariablePreview.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ListVariableDefinition } from '@perses-dev/core';
 interface VariablePreviewProps {
     values?: string[];
@@ -6,11 +5,11 @@ interface VariablePreviewProps {
     isLoading?: boolean;
     error?: string;
 }
-export declare function VariablePreview(props: VariablePreviewProps): JSX.Element;
+export declare function VariablePreview(props: VariablePreviewProps): import("react/jsx-runtime").JSX.Element;
 interface VariableListPreviewProps {
     definition: ListVariableDefinition;
     onRefresh: () => void;
 }
-export declare function VariableListPreview(props: VariableListPreviewProps): JSX.Element;
+export declare function VariableListPreview(props: VariableListPreviewProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=VariablePreview.d.ts.map

package/dist/components/Variables/VariableEditorForm/VariablePreview.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VariablePreview.d.ts","sourceRoot":"","sources":["../../../../src/components/Variables/VariableEditorForm/VariablePreview.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAM1D,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,~~eAuD1D~~;AAED,UAAU,wBAAwB;IAChC,UAAU,EAAE,sBAAsB,CAAC;IACnC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,~~eAalE~~"}
1	+ {"version":3,"file":"VariablePreview.d.ts","sourceRoot":"","sources":["../../../../src/components/Variables/VariableEditorForm/VariablePreview.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAM1D,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAqD1D;AAED,UAAU,wBAAwB;IAChC,UAAU,EAAE,sBAAsB,CAAC;IACnC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAalE"}

package/dist/components/Variables/VariableEditorForm/VariablePreview.js CHANGED Viewed

@@ -20,9 +20,9 @@ import { TOOLTIP_TEXT } from '../../../constants';
 import { useListVariablePluginValues } from '../variable-model';
 const DEFAULT_MAX_PREVIEW_VALUES = 50;
 export function VariablePreview(props) {
-    const { values , onRefresh , isLoading , error  } = props;
+    const { values, onRefresh, isLoading, error } = props;
     const [maxValues, setMaxValues] = useState(DEFAULT_MAX_PREVIEW_VALUES);
-    const { infoSnackbar  } = useSnackbar();
+    const { infoSnackbar } = useSnackbar();
     const showAll = ()=>{
         setMaxValues(undefined);
     };
@@ -108,8 +108,8 @@ export function VariablePreview(props) {
     });
 }
 export function VariableListPreview(props) {
-    const { definition , onRefresh  } = props;
-    const { data , isFetching , error  } = useListVariablePluginValues(definition);
+    const { definition, onRefresh } = props;
+    const { data, isFetching, error } = useListVariablePluginValues(definition);
     const errorMessage = error === null || error === void 0 ? void 0 : error.message;
     return /*#__PURE__*/ _jsx(VariablePreview, {
         values: (data === null || data === void 0 ? void 0 : data.map((val)=>val.value)) || [],

package/dist/components/Variables/VariableEditorForm/VariablePreview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Variables/VariableEditorForm/VariablePreview.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, { useState } from 'react';\nimport { Alert, Box, Card, Chip, CircularProgress, IconButton, Stack, Typography } from '@mui/material';\nimport { InfoTooltip, useSnackbar } from '@perses-dev/components';\nimport Refresh from 'mdi-material-ui/Refresh';\nimport Clipboard from 'mdi-material-ui/ClipboardOutline';\nimport { ListVariableDefinition } from '@perses-dev/core';\nimport { TOOLTIP_TEXT } from '../../../constants';\nimport { useListVariablePluginValues } from '../variable-model';\n\nconst DEFAULT_MAX_PREVIEW_VALUES = 50;\n\ninterface VariablePreviewProps {\n values?: string[];\n onRefresh?: () => void;\n isLoading?: boolean;\n error?: string;\n}\n\nexport function VariablePreview(props: VariablePreviewProps) {\n const { values, onRefresh, isLoading, error } = props;\n const [maxValues, setMaxValues] = useState<number \| undefined>(DEFAULT_MAX_PREVIEW_VALUES);\n const { infoSnackbar } = useSnackbar();\n const showAll = () => {\n setMaxValues(undefined);\n };\n let notShown = 0;\n\n if (values && values?.length > 0 && maxValues) {\n notShown = values.length - maxValues;\n }\n\n return (\n <Box>\n <Stack direction=\"row\" spacing={1} alignItems=\"center\" mb={1}>\n <Typography variant=\"h4\">Preview Values</Typography>\n {onRefresh && (\n <InfoTooltip description={TOOLTIP_TEXT.refreshVariableValues}>\n <IconButton onClick={onRefresh} size=\"small\">\n <Refresh />\n </IconButton>\n </InfoTooltip>\n )}\n <InfoTooltip description={TOOLTIP_TEXT.copyVariableValues}>\n <IconButton\n onClick={async () => {\n if (values?.length) {\n await navigator.clipboard.writeText(values.map((value) => value).join(', '));\n infoSnackbar('Preview values copied to clipboard!');\n }\n }}\n size=\"small\"\n >\n <Clipboard />\n </IconButton>\n </InfoTooltip>\n </Stack>\n <Card variant=\"outlined\">\n <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 1, m: 2 }}>\n {error && <Alert severity=\"error\">{error}</Alert>}\n {values?.length === 0 && <Alert severity=\"info\">No results</Alert>}\n {isLoading && (\n <Stack width=\"100%\" sx={{ alignItems: 'center', justifyContent: 'center' }}>\n <CircularProgress />\n </Stack>\n )}\n {values?.slice(0, maxValues).map((val) => ~~(\n~~ <Chip size=\"small\" key={val} label={val} ~~/>\n~~ ))}\n {notShown > 0 && <Chip onClick={showAll} variant=\"outlined\" size=\"small\" label={`+${notShown} more`} />}\n </Box>\n </Card>\n </Box>\n );\n}\n\ninterface VariableListPreviewProps {\n definition: ListVariableDefinition;\n onRefresh: () => void;\n}\n\nexport function VariableListPreview(props: VariableListPreviewProps) {\n const { definition, onRefresh } = props;\n const { data, isFetching, error } = useListVariablePluginValues(definition);\n const errorMessage = (error as Error)?.message;\n\n return (\n <VariablePreview\n values={data?.map((val) => val.value) \|\| []}\n onRefresh={onRefresh}\n isLoading={isFetching}\n error={errorMessage}\n />\n );\n}\n"],"names":["React","useState","Alert","Box","Card","Chip","CircularProgress","IconButton","Stack","Typography","InfoTooltip","useSnackbar","Refresh","Clipboard","TOOLTIP_TEXT","useListVariablePluginValues","DEFAULT_MAX_PREVIEW_VALUES","VariablePreview","props","values","onRefresh","isLoading","error","maxValues","setMaxValues","infoSnackbar","showAll","undefined","notShown","length","direction","spacing","alignItems","mb","variant","description","refreshVariableValues","onClick","size","copyVariableValues","navigator","clipboard","writeText","map","value","join","sx","display","flexWrap","gap","m","severity","width","justifyContent","slice","val","label","VariableListPreview","definition","data","isFetching","errorMessage","message"],"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~~;AAAA~~,OAAOA,~~KAAK~~,~~IAAIC~~,QAAQ,QAAQ~~,OAAO,CAAC~~;AACxC,SAASC,KAAK,EAAEC,GAAG,EAAEC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,UAAU,EAAEC,KAAK,EAAEC,UAAU,QAAQ,~~eAAe,CAAC~~;AACxG,SAASC,WAAW,EAAEC,WAAW,QAAQ,~~wBAAwB,CAAC~~;AAClE,OAAOC,~~OAAO~~,~~MAAM,yBAAyB,CAAC~~;AAC9C,OAAOC,~~SAAS~~,~~MAAM,kCAAkC,CAAC~~;AAEzD,SAASC,YAAY,QAAQ,~~oBAAoB,CAAC~~;AAClD,SAASC,2BAA2B,QAAQ,~~mBAAmB,CAAC~~;AAEhE,MAAMC,~~0BAA0B,GAAG,EAAE,AAAC~~;~~AAStC~~,OAAO,SAASC,~~eAAe~~,~~CAACC,~~KAA2B~~,EAAE~~;~~IAC3D~~,MAAM,EAAEC,MAAM,~~CAAA,~~EAAEC,SAAS,~~CAAA,~~EAAEC,SAAS,~~CAAA,~~EAAEC,KAAK,~~CAAA,~~EAAE,GAAGJ~~,KAAK,AAAC~~;~~IACtD~~,MAAM,CAACK,~~SAAS~~,~~EAAEC~~,~~YAAY,CAAC,~~GAAGvB,~~QAAQ,CAAqBe,0BAA0B,CAAC,AAAC~~;~~IAC3F~~,MAAM,EAAES,YAAY,~~CAAA,~~EAAE,GAAGd~~,WAAW,EAAE,AAAC~~;~~IACvC~~,MAAMe,~~OAAO,GAAG,IAAM~~;~~QACpBF~~,~~YAAY,CAACG,SAAS,CAAC,CAAC~~;~~IAC1B,CAAC,AAAC~~;~~IACF~~,IAAIC,~~QAAQ,GAAG,CAAC,AAAC~~;~~IAEjB~~,IAAIT,~~MAAM~~,~~IAAIA,~~CAAAA,~~MAAM~~,~~aAANA~~,~~MAAM~~,~~WAAQ,GAAdA,KAAAA,CAAc,GAAdA,~~MAAM,~~CAAEU~~,~~MAAM~~,~~CAAA,GAAG,CAAC,IAAIN,SAAS,EAAE~~;QAC7CK,~~QAAQ~~,~~GAAGT~~,MAAM,~~CAACU,MAAM,~~GAAGN~~,SAAS,CAAC~~;~~IACvC,CAAC~~;~~IAED~~,qBACE,MAACpB~~,GAAG~~;;~~0BACF~~,MAACK,~~KAAK~~;~~gBAACsB~~,SAAS~~,EAAC,KAAK~~;~~gBAACC~~,~~OAAO,EAAE,CAAC~~;~~gBAAEC~~,~~UAAU,EAAC,QAAQ;gBAACC,EAAE,EAAE,CAAC~~;;~~kCAC1D~~,KAACxB~~,UAAU~~;~~wBAACyB~~,~~OAAO,EAAC,IAAI~~;~~kCAAC~~,~~gBAAc;sBAAa;oBACnDd~~,~~SAAS,kBACR,~~KAACV~~,WAAW~~;~~wBAACyB~~,~~WAAW~~,~~EAAErB~~,~~YAAY,CAACsB,~~qBAAqB;kCAC1D,cAAA,KAAC7B~~,UAAU~~;~~4BAAC8B~~,~~OAAO,EAAEjB,SAAS~~;~~4BAAEkB~~,~~IAAI,EAAC,OAAO~~;~~sCAC1C~~,cAAA,KAAC1B,~~OAAO,KAAG;0BACA;sBACD,AACf;kCACD,~~KAACF~~,WAAW~~;~~wBAACyB~~,~~WAAW~~,~~EAAErB~~,~~YAAY,CAACyB,~~kBAAkB;kCACvD,cAAA,KAAChC~~,UAAU~~;~~4BACT8B~~,~~OAAO,EAAE,UAAY~~;~~gCACnB~~,IAAIlB,~~MAAM~~,~~aAANA~~,~~MAAM~~,~~WAAQ,GAAdA,KAAAA,CAAc,GAAdA,~~MAAM,~~CAAEU,MAAM,~~EAAE;oCAClB,MAAMW,~~SAAS~~,~~CAACC,~~SAAS,CAACC,SAAS,CAACvB,~~MAAM~~,~~CAACwB,~~GAAG,CAAC,CAACC,~~KAAK~~,~~GAAKA~~,~~KAAK,CAAC,CAACC,~~IAAI,CAAC~~,IAAI,CAAC,CAAC,CAAC~~;~~oCAC7EpB~~,~~YAAY,CAAC,qCAAqC,CAAC,CAAC~~;~~gCACtD,CAAC~~;~~4BACH,CAAC~~;~~4BACDa~~,~~IAAI,EAAC,OAAO~~;~~sCAEZ~~,cAAA,KAACzB,~~SAAS,KAAG;0BACF;sBACD;;cACR;0BACR,~~KAACT~~,IAAI~~;~~gBAAC8B~~,~~OAAO,EAAC,UAAU~~;~~0BACtB~~,cAAA,MAAC/B~~,GAAG~~;~~oBAAC2C~~,~~EAAE,EAAE~~;wBAAEC,~~OAAO~~,~~EAAE,MAAM~~;~~wBAAEC~~,~~QAAQ,EAAE,MAAM~~;~~wBAAEC~~,GAAG~~,EAAE,CAAC~~;~~wBAAEC,CAAC,EAAE,CAAC;qBAAE~~;;~~wBACzD5B~~,~~KAAK~~,~~kBAAI,~~KAACpB~~,KAAK~~;~~4BAACiD~~,~~QAAQ,EAAC,OAAO~~;~~sCAAE7B~~,~~KAAK;0BAAS;wBAChDH,~~CAAAA,~~MAAM~~,~~aAANA~~,~~MAAM~~,~~WAAQ,GAAdA,KAAAA,CAAc,GAAdA,~~MAAM,~~CAAEU~~,~~MAAM~~,~~CAAA,KAAK,CAAC,kBAAI,~~KAAC3B~~,KAAK~~;~~4BAACiD~~,~~QAAQ,EAAC,MAAM~~;~~sCAAC~~,~~YAAU;0BAAQ;wBACjE9B~~,~~SAAS,kBACR,~~KAACb~~,KAAK~~;~~4BAAC4C~~,~~KAAK,EAAC,MAAM~~;~~4BAACN~~,~~EAAE,EAAE~~;gCAAEd,~~UAAU,EAAE,QAAQ~~;~~gCAAEqB~~,~~cAAc,EAAE,QAAQ~~;~~6BAAE~~;~~sCACxE~~,cAAA,KAAC/C,~~gBAAgB~~,~~KAAG;0BACd~~,~~AACT;wBACAa~~,~~MAAM,aAANA,MAAM,WAAO,GAAbA,KAAAA,CAAa,GAAbA,MAAM,CAAEmC,~~KAAK,CAAC,~~CAAC,EAAE~~/B,~~SAAS~~,~~CAAC,CAACoB,~~GAAG,CAAC,CAACY,~~GAAG~~,~~iBACnC,~~KAAClD~~,IAAI~~;~~gCAACiC~~,~~IAAI,EAAC,OAAO~~;~~gCAAWkB~~,~~KAAK,EAAED,GAAG~~;+~~BAAfA,GAAG,CAAgB,AAC5C,CAAC~~;~~wBACD3B~~,~~QAAQ~~,~~GAAG~~,~~CAAC,kBAAI,~~KAACvB,~~IAAI~~;~~4BAACgC~~,~~OAAO,EAAEX,OAAO~~;~~4BAAEQ~~,~~OAAO,EAAC,UAAU~~;~~4BAACI~~,~~IAAI,EAAC,~~OAAO~~;4BAACkB~~,~~KAAK,EAAE,~~CAAC,CAAC,EAAE5B,~~QAAQ~~,~~CAAC,~~KAAK,CAAC;~~0BAAI;;kBACnG;cACD;;MACH~~,~~CACN;AACJ,CAAC;AAOD,~~OAAO,SAAS6B,~~mBAAmB~~,~~CAACvC,~~KAA+B~~,EAAE~~;~~IACnE~~,MAAM,EAAEwC,UAAU,~~CAAA,~~EAAEtC,SAAS,~~CAAA,~~EAAE,GAAGF~~,KAAK,AAAC~~;~~IACxC~~,MAAM,EAAEyC,IAAI,~~CAAA,~~EAAEC,UAAU,~~CAAA,~~EAAEtC,KAAK,~~CAAA,~~EAAE,GAAGP,~~2BAA2B,CAAC2C,UAAU,CAAC,AAAC~~;~~IAC5E~~,MAAMG,~~YAAY~~,~~GAAG~~,~~AAACvC~~,~~KAAK,aAALA,KAAK,WAAmB,GAAzB,KAAA,CAAyB,GAAzB,~~AAACA,~~KAAK~~,~~CAAYwC,~~OAAO~~,AAAC~~;~~IAE/C~~,qBACE,KAAC7C~~,eAAe~~;~~QACdE~~,~~MAAM~~,~~EAAEwC,~~CAAAA,~~IAAI~~,~~aAAJA~~,~~IAAI~~,~~WAAK,GAATA,KAAAA,CAAS,GAATA,IAAI,CAAEhB,~~GAAG,CAAC,CAACY,~~GAAG~~,~~GAAKA~~,~~GAAG,CAACX,~~KAAK,~~CAAC~~,~~KAAI,~~EAAE;QAC3CxB,~~SAAS,EAAEA,SAAS~~;~~QACpBC~~,~~SAAS,EAAEuC,UAAU~~;~~QACrBtC~~,~~KAAK,EAAEuC,YAAY;MACnB,CACF;AACJ,CAAC~~"}
1	+ {"version":3,"sources":["../../../../src/components/Variables/VariableEditorForm/VariablePreview.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, { useState } from 'react';\nimport { Alert, Box, Card, Chip, CircularProgress, IconButton, Stack, Typography } from '@mui/material';\nimport { InfoTooltip, useSnackbar } from '@perses-dev/components';\nimport Refresh from 'mdi-material-ui/Refresh';\nimport Clipboard from 'mdi-material-ui/ClipboardOutline';\nimport { ListVariableDefinition } from '@perses-dev/core';\nimport { TOOLTIP_TEXT } from '../../../constants';\nimport { useListVariablePluginValues } from '../variable-model';\n\nconst DEFAULT_MAX_PREVIEW_VALUES = 50;\n\ninterface VariablePreviewProps {\n values?: string[];\n onRefresh?: () => void;\n isLoading?: boolean;\n error?: string;\n}\n\nexport function VariablePreview(props: VariablePreviewProps) {\n const { values, onRefresh, isLoading, error } = props;\n const [maxValues, setMaxValues] = useState<number \| undefined>(DEFAULT_MAX_PREVIEW_VALUES);\n const { infoSnackbar } = useSnackbar();\n const showAll = () => {\n setMaxValues(undefined);\n };\n let notShown = 0;\n\n if (values && values?.length > 0 && maxValues) {\n notShown = values.length - maxValues;\n }\n\n return (\n <Box>\n <Stack direction=\"row\" spacing={1} alignItems=\"center\" mb={1}>\n <Typography variant=\"h4\">Preview Values</Typography>\n {onRefresh && (\n <InfoTooltip description={TOOLTIP_TEXT.refreshVariableValues}>\n <IconButton onClick={onRefresh} size=\"small\">\n <Refresh />\n </IconButton>\n </InfoTooltip>\n )}\n <InfoTooltip description={TOOLTIP_TEXT.copyVariableValues}>\n <IconButton\n onClick={async () => {\n if (values?.length) {\n await navigator.clipboard.writeText(values.map((value) => value).join(', '));\n infoSnackbar('Preview values copied to clipboard!');\n }\n }}\n size=\"small\"\n >\n <Clipboard />\n </IconButton>\n </InfoTooltip>\n </Stack>\n <Card variant=\"outlined\">\n <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 1, m: 2 }}>\n {error && <Alert severity=\"error\">{error}</Alert>}\n {values?.length === 0 && <Alert severity=\"info\">No results</Alert>}\n {isLoading && (\n <Stack width=\"100%\" sx={{ alignItems: 'center', justifyContent: 'center' }}>\n <CircularProgress />\n </Stack>\n )}\n {values?.slice(0, maxValues).map((val) => <Chip size=\"small\" key={val} label={val} />)}\n {notShown > 0 && <Chip onClick={showAll} variant=\"outlined\" size=\"small\" label={`+${notShown} more`} />}\n </Box>\n </Card>\n </Box>\n );\n}\n\ninterface VariableListPreviewProps {\n definition: ListVariableDefinition;\n onRefresh: () => void;\n}\n\nexport function VariableListPreview(props: VariableListPreviewProps) {\n const { definition, onRefresh } = props;\n const { data, isFetching, error } = useListVariablePluginValues(definition);\n const errorMessage = (error as Error)?.message;\n\n return (\n <VariablePreview\n values={data?.map((val) => val.value) \|\| []}\n onRefresh={onRefresh}\n isLoading={isFetching}\n error={errorMessage}\n />\n );\n}\n"],"names":["React","useState","Alert","Box","Card","Chip","CircularProgress","IconButton","Stack","Typography","InfoTooltip","useSnackbar","Refresh","Clipboard","TOOLTIP_TEXT","useListVariablePluginValues","DEFAULT_MAX_PREVIEW_VALUES","VariablePreview","props","values","onRefresh","isLoading","error","maxValues","setMaxValues","infoSnackbar","showAll","undefined","notShown","length","direction","spacing","alignItems","mb","variant","description","refreshVariableValues","onClick","size","copyVariableValues","navigator","clipboard","writeText","map","value","join","sx","display","flexWrap","gap","m","severity","width","justifyContent","slice","val","label","VariableListPreview","definition","data","isFetching","errorMessage","message"],"mappings":"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"}

package/dist/components/Variables/VariableEditorForm/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Variables/VariableEditorForm/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 './VariableEditorForm';\nexport * from './VariablePreview';\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,~~sBAAsB,CAAC~~;AACrC,cAAc,~~mBAAmB,CAAC~~"}
1	+ {"version":3,"sources":["../../../../src/components/Variables/VariableEditorForm/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 './VariableEditorForm';\nexport * from './VariablePreview';\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,uBAAuB;AACrC,cAAc,oBAAoB"}

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

@@ -1,23 +1,12 @@
-import { VariableDefinition } from '@perses-dev/core';
-export declare function getInitialState(initialVariableDefinition: VariableDefinition): {
+import { ListVariableSpec, TextVariableSpec, UnknownSpec, VariableDefinition } from '@perses-dev/core';
+export type VariableEditorState = {
     name: string;
-    title: string | undefined;
-    kind: "ListVariable" | "TextVariable";
-    description: string | undefined;
-    listVariableFields: {
-        allowMultiple: boolean;
-        allowAll: boolean;
-        capturing_regexp: string | undefined;
-        plugin: {
-            kind: string;
-            spec: {};
-        };
-        customAllValue: string | undefined;
-    };
-    textVariableFields: {
-        value: string;
-    };
+    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 CHANGED Viewed

	@@ -1 +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,~~EAAmC~~,kBAAkB,~~EAAE~~,MAAM,kBAAkB,CAAC;~~AAEvF~~,~~wBAAgB~~,~~eAAe~~,CAAC,~~yBAAyB~~,EAAE,kBAAkB~~;;;;;;;;;;;;;;;;;;EA+B5E~~;~~AAED~~,~~oBAAY~~,~~mBAAmB~~,GAAG,~~UAAU~~,CAAC,~~OAAO~~,eAAe,CAAC,~~CAAC~~;~~AAErE~~,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,mBAAmB,GAAG,kBAAkB,~~CAuC7F~~"}
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,EACL,gBAAgB,EAEhB,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,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 CHANGED Viewed

@@ -11,55 +11,49 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 export function getInitialState(initialVariableDefinition) {
-    var ref, ref1;
-    var _value;
+    var _initialVariableDefinition_spec_display, _initialVariableDefinition_spec_display1;
+    var _initialVariableDefinition_spec_value, _initialVariableDefinition_spec_constant;
     const textVariableFields = {
-        value: (_value = initialVariableDefinition.spec.value) !== null && _value !== void 0 ? _value : ''
+        value: (_initialVariableDefinition_spec_value = initialVariableDefinition.spec.value) !== null && _initialVariableDefinition_spec_value !== void 0 ? _initialVariableDefinition_spec_value : '',
+        constant: (_initialVariableDefinition_spec_constant = initialVariableDefinition.spec.constant) !== null && _initialVariableDefinition_spec_constant !== void 0 ? _initialVariableDefinition_spec_constant : false
     };
     const listVariableFields = {
         allowMultiple: false,
-        allowAll: false,
-        capturing_regexp: undefined,
+        allowAllValue: false,
+        customAllValue: undefined,
+        capturingRegexp: undefined,
+        sort: undefined,
         plugin: {
             kind: '',
             spec: {}
-        },
-        customAllValue: undefined
+        }
     };
     if (initialVariableDefinition.kind === 'ListVariable') {
-        var _allow_all_value;
-        listVariableFields.allowMultiple = (_allow_all_value = initialVariableDefinition.spec.allow_all_value) !== null && _allow_all_value !== void 0 ? _allow_all_value : false;
-        var _allow_all_value1;
-        listVariableFields.allowAll = (_allow_all_value1 = initialVariableDefinition.spec.allow_all_value) !== null && _allow_all_value1 !== void 0 ? _allow_all_value1 : false;
-        listVariableFields.capturing_regexp = initialVariableDefinition.spec.capturing_regexp;
+        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.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;
         listVariableFields.plugin = initialVariableDefinition.spec.plugin;
-        listVariableFields.customAllValue = initialVariableDefinition.spec.custom_all_value;
     }
+    var _initialVariableDefinition_spec_display_name, _initialVariableDefinition_spec_display_description;
     return {
         name: initialVariableDefinition.spec.name,
-        title: (ref = initialVariableDefinition.spec.display) === null || ref === void 0 ? void 0 : ref.name,
+        title: (_initialVariableDefinition_spec_display_name = (_initialVariableDefinition_spec_display = initialVariableDefinition.spec.display) === null || _initialVariableDefinition_spec_display === void 0 ? void 0 : _initialVariableDefinition_spec_display.name) !== null && _initialVariableDefinition_spec_display_name !== void 0 ? _initialVariableDefinition_spec_display_name : '',
         kind: initialVariableDefinition.kind,
-        description: (ref1 = initialVariableDefinition.spec.display) === null || ref1 === void 0 ? void 0 : ref1.description,
+        description: (_initialVariableDefinition_spec_display_description = (_initialVariableDefinition_spec_display1 = initialVariableDefinition.spec.display) === null || _initialVariableDefinition_spec_display1 === void 0 ? void 0 : _initialVariableDefinition_spec_display1.description) !== null && _initialVariableDefinition_spec_display_description !== void 0 ? _initialVariableDefinition_spec_display_description : '',
         listVariableFields,
         textVariableFields
     };
 }
 export function getVariableDefinitionFromState(state) {
-    const { name , title , kind , description  } = state;
-    let display = title ? {
-        name: title
-    } : undefined;
-    if (description) {
-        if (display) {
-            display.description = description;
-        } else {
-            // Name is mandatory if you want to add a description, autofilled by the metadata name if undefined
-            display = {
-                name: name,
-                description: description
-            };
-        }
-    }
+    const { name, title, kind, description } = state;
+    const display = {
+        name: title,
+        description: description
+    };
     if (kind === 'TextVariable') {
         return {
             kind,
@@ -76,11 +70,12 @@ export function getVariableDefinitionFromState(state) {
             spec: {
                 name,
                 display,
-                allow_multiple: state.listVariableFields.allowMultiple,
-                allow_all_value: state.listVariableFields.allowAll,
-                capturing_regexp: state.listVariableFields.capturing_regexp,
-                plugin: state.listVariableFields.plugin,
-                custom_all_value: state.listVariableFields.customAllValue
+                allowMultiple: state.listVariableFields.allowMultiple,
+                allowAllValue: state.listVariableFields.allowAllValue,
+                customAllValue: state.listVariableFields.customAllValue,
+                capturingRegexp: state.listVariableFields.capturingRegexp,
+                sort: state.listVariableFields.sort,
+                plugin: state.listVariableFields.plugin
             }
         };
     }

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

	@@ -1 +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 { ~~Display,~~ TextVariableDefinition, VariableDefinition } from '@perses-dev/core';\n\nexport function getInitialState(initialVariableDefinition: VariableDefinition) {\n const textVariableFields = {\n value: (initialVariableDefinition as TextVariableDefinition).spec.value ?? '',\n };\n\n const listVariableFields = {\n allowMultiple: false,\n ~~allowAll~~: false,\n ~~capturing_regexp~~: undefined as ~~string \|~~ undefined,\n plugin: {\n kind: '',\n spec: {},\n },\n ~~customAllValue: undefined as string \| undefined,\n~~ };\n if (initialVariableDefinition.kind === 'ListVariable') {\n listVariableFields.allowMultiple = initialVariableDefinition.spec.~~allow_all_value~~ ?? false;\n listVariableFields.~~allowAll~~ = initialVariableDefinition.spec.~~allow_all_value~~ ?? false;\n listVariableFields.~~capturing_regexp~~ = initialVariableDefinition.spec.~~capturing_regexp~~;\n listVariableFields.~~plugin~~ = initialVariableDefinition.spec.~~plugin~~;\n listVariableFields.~~customAllValue~~ = initialVariableDefinition.spec.~~custom_all_value~~;\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 ~~let~~ display: ~~Display \| undefined~~ = ~~title ?~~ { name: title ~~} : undefined;\n if (description) {\n if (display) {\n display.description = description;\n } else {\n // Name is mandatory if you want to add a description~~, ~~autofilled by the metadata name if undefined\n display = { name: name,~~ description: description };\n }\n ~~}\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 ~~allow_multiple~~: state.listVariableFields.allowMultiple,\n ~~allow_all_value~~: state.listVariableFields.~~allowAll~~,\n ~~capturing_regexp~~: state.listVariableFields.~~capturing_regexp~~,\n ~~plugin~~: state.listVariableFields.~~plugin~~,\n ~~custom_all_value~~: state.listVariableFields.~~customAllValue~~,\n },\n };\n }\n throw new Error(`Unknown variable kind: ${kind}`);\n}\n"],"names":["getInitialState","initialVariableDefinition","textVariableFields","value","spec","listVariableFields","allowMultiple","~~allowAll~~","~~capturing_regexp~~","undefined","~~plugin~~","~~kind~~","~~customAllValue~~","~~allow_all_value~~","~~custom_all_value","~~name","title","display","description","getVariableDefinitionFromState","state","~~allow_multiple","~~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,~~eAAe~~,~~CAACC,~~yBAA6C~~,EAAE~~;~~QAyBpEA~~,~~GAAsC,EAEhCA,IAAsC~~;~~QAzB5C~~,~~MAAgE~~;~~IADzE~~,MAAMC,~~kBAAkB,GAAG~~;~~QACzBC~~,~~KAAK~~,~~EAAE,~~CAAA,~~MAAgE~~,~~GAAhE,~~AAACF,~~yBAAyB~~,~~CAA4BG,~~IAAI,CAACD,KAAK,cAAhE,~~MAAgE~~,~~cAAhE~~,~~MAAgE~~,~~GAAI~~,~~EAAE;KAC9E~~,~~AAAC;IAEF~~,~~MAAME~~,~~kBAAkB~~,~~GAAG;QACzBC~~,~~aAAa~~,~~EAAE~~,~~KAAK~~;~~QACpBC~~,~~QAAQ~~,~~EAAE~~,~~KAAK~~;QACfC,~~gBAAgB~~,~~EAAEC~~,~~SAAS~~;~~QAC3BC~~,~~MAAM~~,~~EAAE~~;YACNC,~~IAAI,EAAE,EAAE~~;~~YACRP~~,~~IAAI~~,~~EAAE,EAAE~~;~~SACT~~;~~QACDQ,cAAc,EAAEH,SAAS~~;~~KAC1B~~,~~AAAC;IACF~~,~~IAAIR~~,~~yBAAyB,CAACU,~~IAAI,KAAK,~~cAAc,EAAE~~;~~YAClBV,gBAA8C~~;~~QAAjFI~~,~~kBAAkB~~,~~CAACC,~~aAAa,~~GAAGL~~,CAAAA,~~gBAA8C~~,~~GAA9CA~~,~~yBAAyB~~,CAACG,~~IAAI~~,~~CAACS~~,~~eAAe~~,~~cAA9CZ,gBAA8C,cAA9CA,gBAA8C,GAAI,KAAK,CAAC~~;~~YAC7DA,iBAA8C~~;~~QAA5EI~~,~~kBAAkB~~,~~CAACE~~,~~QAAQ~~,~~GAAGN,~~CAAAA,~~iBAA8C~~,~~GAA9CA~~,~~yBAAyB~~,~~CAACG~~,~~IAAI~~,~~CAACS~~,~~eAAe~~,~~cAA9CZ~~,~~iBAA8C~~,~~cAA9CA~~,~~iBAA8C~~,~~GAAI~~,~~KAAK~~,~~CAAC~~;~~QACtFI~~,~~kBAAkB~~,~~CAACG~~,~~gBAAgB~~,~~GAAGP~~,~~yBAAyB,CAACG,~~IAAI,~~CAACI~~,~~gBAAgB,CAAC~~;~~QACtFH~~,~~kBAAkB~~,~~CAACK~~,~~MAAM~~,~~GAAGT~~,~~yBAAyB~~,~~CAACG~~,IAAI,~~CAACM~~,MAAM,~~CAAC;QAClEL~~,~~kBAAkB~~,~~CAACO,cAAc,GAAGX,yBAAyB,CAACG,~~IAAI,~~CAACU~~,~~gBAAgB,CAAC~~;~~IACtF~~,~~CAAC~~;~~IAED~~,OAAO;~~QACLC~~,~~IAAI~~,~~EAAEd~~,~~yBAAyB,CAACG,~~IAAI,CAACW,IAAI;QACzCC,~~KAAK~~,~~EAAEf,~~CAAAA,~~GAAsC~~,~~GAAtCA~~,~~yBAAyB~~,~~CAACG,~~IAAI,CAACa,OAAO,cAAtChB,~~GAAsC~~,~~WAAM~~,~~GAA5CA~~,~~KAAAA~~,~~CAA4C,GAA5CA,GAAsC,CAAEc,IAAI~~;~~QACnDJ~~,~~IAAI~~,~~EAAEV~~,~~yBAAyB,CAACU,~~IAAI;~~QACpCO~~,~~WAAW~~,~~EAAEjB,~~CAAAA,~~IAAsC~~,~~GAAtCA~~,~~yBAAyB~~,~~CAACG,~~IAAI,CAACa,OAAO,cAAtChB,~~IAAsC~~,~~WAAa~~,~~GAAnDA~~,~~KAAAA~~,~~CAAmD,GAAnDA,IAAsC,CAAEiB,WAAW~~;~~QAChEb,kBAAkB~~;~~QAClBH,kBAAkB~~;~~KACnB,CAAC~~;~~AACJ,CAAC~~;~~AAID~~,OAAO,SAASiB,~~8BAA8B,CAACC,~~KAA0B~~,EAAsB~~;~~IAC7F~~,MAAM,EAAEL,IAAI,~~CAAA,~~EAAEC,KAAK,~~CAAA~~,~~EAAEL,~~IAAI,~~CAAA~~,~~EAAEO,~~WAAW,~~CAAA,~~EAAE,GAAGE~~,KAAK,AAAC~~;~~IAEjD~~,~~IAAIH~~,~~OAAO,GAAwBD,KAAK,GAAG~~;~~QAAED~~,~~IAAI,EAAEC,KAAK~~;~~KAAE~~,~~GAAGP,SAAS,AAAC~~;~~IACvE,IAAIS,WAAW,EAAE~~;~~QACf~~,~~IAAID~~,~~OAAO~~,~~EAAE~~;~~YACXA,OAAO,CAACC,WAAW,GAAGA,WAAW,CAAC;QACpC,OAAO;YACL,mGAAmG;YACnGD,OAAO,GAAG;gBAAEF,IAAI,EAAEA,IAAI;gBAAEG,WAAW,EAAEA,WAAW;aAAE,CAAC;QACrD,CAAC;IACH,CAAC;IAED,IAAIP,IAAI,KAAK,cAAc,EAAE;~~QAC3B,OAAO;YACLA~~,IAAI~~;~~YACJP~~,~~IAAI,EAAE~~;gBACJW~~,IAAI~~;~~gBACJE,OAAO~~;~~gBACP~~,GAAGG,~~KAAK~~,~~CAAClB,~~kBAAkB;~~aAC5B~~;~~SACF,CAAC~~;~~IACJ,CAAC~~;~~IAED~~,~~IAAIS~~,~~IAAI~~,~~KAAK,cAAc,EAAE~~;QAC3B,OAAO;YACLA~~,IAAI~~;~~YACJP~~,~~IAAI,EAAE~~;gBACJW~~,IAAI~~;~~gBACJE,OAAO~~;~~gBACPI~~,~~cAAc~~,~~EAAED~~,~~KAAK,CAACf,~~kBAAkB,CAACC,aAAa;~~gBACtDO~~,~~eAAe~~,~~EAAEO~~,~~KAAK,CAACf,~~kBAAkB,CAACE,~~QAAQ~~;~~gBAClDC~~,~~gBAAgB~~,~~EAAEY~~,~~KAAK,CAACf,~~kBAAkB,CAACG,~~gBAAgB~~;~~gBAC3DE~~,~~MAAM~~,~~EAAEU~~,~~KAAK,CAACf,~~kBAAkB,CAACK,~~MAAM~~;~~gBACvCI~~,~~gBAAgB~~,~~EAAEM~~,~~KAAK~~,~~CAACf~~,kBAAkB,CAACO,~~cAAc~~;~~aAC1D~~;~~SACF,CAAC~~;~~IACJ,CAAC~~;~~IACD~~,MAAM,~~IAAIU~~,~~KAAK~~,CAAC,~~CAAC,~~uBAAuB,~~EAAEX~~,~~IAAI~~,CAAC~~,CAAC,CAAC,CAAC~~;~~AACpD,CAAC~~"}
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 {\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,IAAI,CAACD,KAAK,cAAhE,mDAAA,wCAAoE;QAC3EE,UAAU,CAAA,2CAAA,AAACJ,0BAAqDG,IAAI,CAACC,QAAQ,cAAnE,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,IAAI,KAAK,gBAAgB;YAClBb;QAAnCK,mBAAmBC,aAAa,GAAGN,CAAAA,gDAAAA,0BAA0BG,IAAI,CAACG,aAAa,cAA5CN,2DAAAA,gDAAgD;YAChDA;QAAnCK,mBAAmBE,aAAa,GAAGP,CAAAA,gDAAAA,0BAA0BG,IAAI,CAACI,aAAa,cAA5CP,2DAAAA,gDAAgD;QACnFK,mBAAmBG,cAAc,GAAGR,0BAA0BG,IAAI,CAACK,cAAc;QACjFH,mBAAmBK,eAAe,GAAGV,0BAA0BG,IAAI,CAACO,eAAe;QACnFL,mBAAmBM,IAAI,GAAGX,0BAA0BG,IAAI,CAACQ,IAAI;QAC7DN,mBAAmBO,MAAM,GAAGZ,0BAA0BG,IAAI,CAACS,MAAM;IACnE;QAISZ,8CAEMA;IAJf,OAAO;QACLc,MAAMd,0BAA0BG,IAAI,CAACW,IAAI;QACzCC,OAAOf,CAAAA,gDAAAA,0CAAAA,0BAA0BG,IAAI,CAACa,OAAO,cAAtChB,8DAAAA,wCAAwCc,IAAI,cAA5Cd,0DAAAA,+CAAgD;QACvDa,MAAMb,0BAA0Ba,IAAI;QACpCI,aAAajB,CAAAA,uDAAAA,2CAAAA,0BAA0BG,IAAI,CAACa,OAAO,cAAtChB,+DAAAA,yCAAwCiB,WAAW,cAAnDjB,iEAAAA,sDAAuD;QACpEK;QACAJ;IACF;AACF;AAEA,OAAO,SAASiB,+BAA+BC,KAA0B;IACvE,MAAM,EAAEL,IAAI,EAAEC,KAAK,EAAEF,IAAI,EAAEI,WAAW,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,kBAAkB,CAACC,aAAa;gBACrDC,eAAeY,MAAMd,kBAAkB,CAACE,aAAa;gBACrDC,gBAAgBW,MAAMd,kBAAkB,CAACG,cAAc;gBACvDE,iBAAiBS,MAAMd,kBAAkB,CAACK,eAAe;gBACzDC,MAAMQ,MAAMd,kBAAkB,CAACM,IAAI;gBACnCC,QAAQO,MAAMd,kBAAkB,CAACO,MAAM;YACzC;QACF;IACF;IACA,MAAM,IAAIQ,MAAM,CAAC,uBAAuB,EAAEP,KAAK,CAAC;AAClD"}

package/dist/components/Variables/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Variables/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 './variable-model';\nexport * from './VariableEditorForm';\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,~~kBAAkB,CAAC~~;AACjC,cAAc,~~sBAAsB,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/components/Variables/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 './variable-model';\nexport * from './VariableEditorForm';\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,mBAAmB;AACjC,cAAc,uBAAuB"}

package/dist/components/Variables/variable-model.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"variable-model.d.ts","sourceRoot":"","sources":["../../../src/components/Variables/variable-model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,~~EAKL~~,gBAAgB,~~EACjB~~,MAAM,eAAe,CAAC;~~AAEvB~~,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,cAAc,EAAE,MAAM,GAAG,cAAc,EAAE,CAqBnG;AAED,wBAAgB,2BAA2B,CAAC,UAAU,EAAE,sBAAsB,6EAyC7E;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,gBAAgB,UAIvD;AAED,eAAO,MAAM,cAAc;;;;;;EAGjB,CAAC"}
1	+ {"version":3,"file":"variable-model.d.ts","sourceRoot":"","sources":["../../../src/components/Variables/variable-model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAkE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,cAAc,EAAE,MAAM,GAAG,cAAc,EAAE,CAqBnG;AAED,wBAAgB,2BAA2B,CAAC,UAAU,EAAE,sBAAsB,6EAyC7E;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,gBAAgB,UAIvD;AAED,eAAO,MAAM,cAAc;;;;;;EAGjB,CAAC"}

package/dist/components/Variables/variable-model.js CHANGED Viewed

@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { useQuery } from '@tanstack/react-query';
-import { useDatasourceStore, usePlugin, useTemplateVariableValues, useTimeRange } from '../../runtime';
+import { useDatasourceStore, usePlugin, useTimeRange, useVariableValues } from '../../runtime';
 export function filterVariableList(data, capturedRegexp) {
     const result = [];
     const filteredSet = new Set();
@@ -38,33 +38,32 @@ export function filterVariableList(data, capturedRegexp) {
     return result;
 }
 export function useListVariablePluginValues(definition) {
-    const { data: variablePlugin  } = usePlugin('Variable', definition.spec.plugin.kind);
+    const { data: variablePlugin } = usePlugin('Variable', definition.spec.plugin.kind);
     const datasourceStore = useDatasourceStore();
-    const allVariables = useTemplateVariableValues();
-    const { absoluteTimeRange: timeRange , refreshKey  } = useTimeRange();
+    const allVariables = useVariableValues();
+    const { absoluteTimeRange: timeRange, refreshKey } = useTimeRange();
     const variablePluginCtx = {
         timeRange,
         datasourceStore,
         variables: allVariables
     };
     const spec = definition.spec.plugin.spec;
-    const capturingRegexp = definition.spec.capturing_regexp !== undefined ? new RegExp(definition.spec.capturing_regexp, 'g') : undefined;
+    const capturingRegexp = definition.spec.capturingRegexp !== undefined ? new RegExp(definition.spec.capturingRegexp, 'g') : undefined;
     let dependsOnVariables;
     if (variablePlugin === null || variablePlugin === void 0 ? void 0 : variablePlugin.dependsOn) {
         const dependencies = variablePlugin.dependsOn(spec, variablePluginCtx);
         dependsOnVariables = dependencies.variables;
     }
-    const variables = useTemplateVariableValues(dependsOnVariables);
+    const variables = useVariableValues(dependsOnVariables);
     let waitToLoad = false;
     if (dependsOnVariables) {
         waitToLoad = dependsOnVariables.some((v)=>{
-            var ref;
-            return (ref = variables[v]) === null || ref === void 0 ? void 0 : ref.loading;
+            var _variables_v;
+            return (_variables_v = variables[v]) === null || _variables_v === void 0 ? void 0 : _variables_v.loading;
         });
     }
     const variablesValueKey = getVariableValuesKey(variables);
     return useQuery([
-        name,
         definition,
         variablesValueKey,
         timeRange,
@@ -78,7 +77,7 @@ export function useListVariablePluginValues(definition) {
         if (resp === undefined) {
             return [];
         }
-        if (capturingRegexp === undefined) {
+        if (!capturingRegexp) {
             return resp.data;
         }
         return filterVariableList(resp.data, capturingRegexp);

package/dist/components/Variables/variable-model.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Variables/variable-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 { ListVariableDefinition } from '@perses-dev/core';\nimport { useQuery } from '@tanstack/react-query';\nimport { VariableOption } from '../../model';\nimport {\n useDatasourceStore~~,\n~~ usePlugin~~,\n useTemplateVariableValues,\n~~ useTimeRange~~,\n~~ VariableStateMap~~,\n~~} from '../../runtime';\n\nexport function filterVariableList(data: VariableOption[], capturedRegexp: RegExp): VariableOption[] {\n const result: VariableOption[] = [];\n const filteredSet = new Set<string>();\n for (const variableValue of data) {\n const matches = variableValue.value.matchAll(capturedRegexp);\n let concat = '';\n for (const match of matches) {\n for (let i = 1; i < match.length; i++) {\n const m = match[i];\n if (m !== undefined) {\n concat = `${concat}${m}`;\n }\n }\n }\n if (concat !== '' && !filteredSet.has(concat)) {\n // like that we are avoiding to have duplicating variable value\n filteredSet.add(concat);\n result.push({ label: variableValue.label, value: concat });\n }\n }\n return result;\n}\n\nexport function useListVariablePluginValues(definition: ListVariableDefinition) {\n const { data: variablePlugin } = usePlugin('Variable', definition.spec.plugin.kind);\n const datasourceStore = useDatasourceStore();\n const allVariables = ~~useTemplateVariableValues~~();\n const { absoluteTimeRange: timeRange, refreshKey } = useTimeRange();\n\n const variablePluginCtx = { timeRange, datasourceStore, variables: allVariables };\n\n const spec = definition.spec.plugin.spec;\n const capturingRegexp =\n definition.spec.~~capturing_regexp~~ !== undefined ? new RegExp(definition.spec.~~capturing_regexp~~, 'g') : undefined;\n\n let dependsOnVariables: string[] \| undefined;\n if (variablePlugin?.dependsOn) {\n const dependencies = variablePlugin.dependsOn(spec, variablePluginCtx);\n dependsOnVariables = dependencies.variables;\n }\n\n const variables = ~~useTemplateVariableValues~~(dependsOnVariables);\n\n let waitToLoad = false;\n if (dependsOnVariables) {\n waitToLoad = dependsOnVariables.some((v) => variables[v]?.loading);\n }\n\n const variablesValueKey = getVariableValuesKey(variables);\n\n return useQuery(\n [~~name,~~ definition, variablesValueKey, timeRange, refreshKey],\n async () => {\n const resp = await variablePlugin?.getVariableOptions(spec, { datasourceStore, variables, timeRange });\n if (resp === undefined) {\n return [];\n }\n if (capturingRegexp ~~=== undefined~~) {\n return resp.data;\n }\n return filterVariableList(resp.data, capturingRegexp);\n },\n { enabled: !!variablePlugin \|\| waitToLoad }\n );\n}\n\n/*\n Returns a serialized string of the current state of variable values.\n */\nexport function getVariableValuesKey(v: VariableStateMap) {\n return Object.values(v)\n .map((v) => JSON.stringify(v.value))\n .join(',');\n}\n\nexport const VARIABLE_TYPES = [\n { label: 'List', kind: 'ListVariable' },\n { label: 'Text', kind: 'TextVariable' },\n] as const;\n"],"names":["useQuery","useDatasourceStore","usePlugin","~~useTemplateVariableValues~~","~~useTimeRange~~","filterVariableList","data","capturedRegexp","result","filteredSet","Set","variableValue","matches","value","matchAll","concat","match","i","length","m","undefined","has","add","push","label","useListVariablePluginValues","definition","variablePlugin","spec","plugin","kind","datasourceStore","allVariables","absoluteTimeRange","timeRange","refreshKey","variablePluginCtx","variables","capturingRegexp","~~capturing_regexp","~~RegExp","dependsOnVariables","dependsOn","dependencies","waitToLoad","some","v","loading","variablesValueKey","getVariableValuesKey","~~name","~~resp","getVariableOptions","enabled","Object","values","map","JSON","stringify","join","VARIABLE_TYPES"],"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;AAGjC,SAASA,QAAQ,QAAQ,~~uBAAuB,CAAC~~;AAEjD,~~SACEC~~,kBAAkB,~~EAClBC~~,SAAS,~~EACTC~~,~~yBAAyB~~,~~EACzBC~~,~~YAAY~~,~~QAEP~~,~~eAAe,CAAC~~;~~AAEvB~~,OAAO,SAASC,~~kBAAkB~~,~~CAACC,~~IAAsB,EAAEC,cAAsB~~,EAAoB~~;~~IACnG~~,MAAMC,~~MAAM~~,~~GAAqB,~~EAAE~~,AAAC~~;~~IACpC~~,MAAMC,~~WAAW~~,~~GAAG,~~IAAIC~~,GAAG,EAAU,AAAC~~;~~IACtC~~,KAAK,MAAMC,~~aAAa~~,~~IAAIL,IAAI,CAAE~~;QAChC,MAAMM,~~OAAO~~,~~GAAGD~~,~~aAAa,CAACE,~~KAAK,CAACC,QAAQ,CAACP~~,cAAc,CAAC,AAAC~~;~~QAC7D~~,IAAIQ,~~MAAM,GAAG,EAAE,AAAC~~;~~QAChB~~,KAAK,MAAMC,~~KAAK~~,~~IAAIJ,OAAO,CAAE~~;YAC3B,IAAK,IAAIK,~~CAAC~~,~~GAAG~~,~~CAAC~~,~~EAAEA~~,~~CAAC,GAAGD,KAAK,CAACE,~~MAAM,EAAED,~~CAAC,EAAE,CAAE~~;gBACrC,MAAME,~~CAAC~~,~~GAAGH,~~KAAK,CAACC,~~CAAC,CAAC,AAAC~~;~~gBACnB~~,IAAIE,~~CAAC~~,~~KAAKC,SAAS,EAAE~~;oBACnBL,~~MAAM~~,~~GAAG,~~CAAC,EAAEA,~~MAAM~~,~~CAAC,~~EAAEI,~~CAAC~~,CAAC~~,CAAC,CAAC~~;~~gBAC3B,CAAC~~;~~YACH,CAAC~~;~~QACH,CAAC~~;~~QACD~~,IAAIJ,MAAM,~~KAAK,EAAE,IAAI,~~CAACN,~~WAAW~~,~~CAACY,~~GAAG,CAACN,~~MAAM,CAAC,EAAE~~;YAC7C,+DAA+D;YAC/DN,~~WAAW~~,~~CAACa,~~GAAG,CAACP~~,MAAM,CAAC,CAAC~~;~~YACxBP~~,~~MAAM~~,~~CAACe,~~IAAI,CAAC;gBAAEC,~~KAAK~~,~~EAAEb~~,~~aAAa,CAACa,~~KAAK;gBAAEX,~~KAAK,EAAEE,MAAM~~;~~aAAE,CAAC,CAAC~~;~~QAC7D,CAAC~~;~~IACH,CAAC~~;~~IACD~~,OAAOP~~,MAAM,CAAC~~;~~AAChB,CAAC~~;~~AAED~~,OAAO,SAASiB,~~2BAA2B~~,~~CAACC,~~UAAkC~~,EAAE~~;~~IAC9E~~,MAAM,EAAEpB,~~IAAI~~,~~EAAEqB,~~cAAc,~~CAAA,~~EAAE,GAAGzB,~~SAAS,CAAC,~~UAAU,~~EAAEwB~~,~~UAAU~~,~~CAACE,~~IAAI,CAACC,MAAM,CAACC,IAAI~~,CAAC,AAAC~~;~~IACpF~~,MAAMC,~~eAAe,GAAG9B,kBAAkB,EAAE,AAAC~~;~~IAC7C~~,MAAM+B,~~YAAY,GAAG7B,yBAAyB,EAAE,AAAC~~;~~IACjD~~,MAAM,~~EAAE8B~~,~~iBAAiB~~,~~EAAEC,~~SAAS,~~CAAA,~~EAAEC,UAAU,~~CAAA,~~EAAE,~~GAAG/B,YAAY,EAAE,AAAC~~;~~IAEpE~~,~~MAAMgC~~,~~iBAAiB,GAAG~~;QAAEF~~,SAAS~~;~~QAAEH,eAAe~~;~~QAAEM~~,~~SAAS,EAAEL,YAAY~~;~~KAAE,AAAC~~;~~IAElF~~,MAAMJ,~~IAAI~~,~~GAAGF~~,~~UAAU,CAACE,~~IAAI,CAACC,MAAM,CAACD,IAAI~~,AAAC~~;~~IACzC~~,MAAMU,~~eAAe~~,~~GACnBZ~~,~~UAAU,CAACE,~~IAAI,~~CAACW~~,~~gBAAgB~~,~~KAAKnB~~,~~SAAS~~,~~GAAG~~,~~IAAIoB~~,~~MAAM~~,~~CAACd,UAAU,CAACE,~~IAAI,~~CAACW~~,~~gBAAgB~~,EAAE,~~GAAG,CAAC,GAAGnB,SAAS,AAAC~~;~~IAEjH~~,~~IAAIqB,kBAAkB,AAAsB,AAAC~~;~~IAC7C~~,~~IAAId~~,~~cAAc~~,~~aAAdA~~,~~cAAc~~,~~WAAW,GAAzBA,KAAAA,CAAyB,GAAzBA,cAAc,CAAEe,~~SAAS,EAAE;QAC7B,MAAMC,~~YAAY~~,~~GAAGhB~~,~~cAAc,CAACe,~~SAAS,~~CAACd~~,~~IAAI,EAAEQ,iBAAiB,CAAC,AAAC~~;~~QACvEK~~,~~kBAAkB~~,~~GAAGE~~,~~YAAY,CAACN,~~SAAS~~,CAAC~~;~~IAC9C,CAAC~~;~~IAED~~,MAAMA,~~SAAS~~,~~GAAGlC,yBAAyB,CAACsC,kBAAkB,CAAC,AAAC~~;~~IAEhE~~,IAAIG,~~UAAU,GAAG,KAAK,AAAC~~;~~IACvB~~,IAAIH,~~kBAAkB,EAAE~~;QACtBG,~~UAAU~~,~~GAAGH~~,~~kBAAkB,CAACI,~~IAAI,CAAC,CAACC~~,CAAC~~;~~gBAAKT,GAAY~~;~~YAAZA~~,~~OAAAA~~,~~CAAAA,GAAY,GAAZA,~~SAAS,~~CAACS~~,~~CAAC~~,~~CAAC~~,~~cAAZT~~,~~GAAY~~,~~WAAS,GAArBA,KAAAA,CAAqB,GAArBA,GAAY,CAAEU,~~OAAO~~,CAAA~~;~~SAAA~~,~~CAAC,CAAC;IACrE,CAAC;IAED,~~MAAMC,~~iBAAiB~~,~~GAAGC,oBAAoB,CAACZ,SAAS,CAAC,AAAC~~;~~IAE1D~~,OAAOrC,~~QAAQ,CACb~~;~~QAACkD,IAAI~~;~~QAAExB,UAAU~~;~~QAAEsB,iBAAiB~~;~~QAAEd,SAAS~~;~~QAAEC~~,~~UAAU~~;~~KAAC~~,~~EAC5D~~,~~UAAY;QACV~~,~~MAAMgB~~,~~IAAI~~,~~GAAG~~,~~OAAMxB~~,~~cAAc,aAAdA,cAAc,WAAoB,GAAlCA,KAAAA,CAAkC,GAAlCA,cAAc,CAAEyB,~~kBAAkB,~~CAACxB~~,~~IAAI,EAAE~~;YAAEG~~,eAAe~~;~~YAAEM,SAAS~~;~~YAAEH,SAAS~~;~~SAAE,CAAC,CAAA,AAAC~~;~~QACvG~~,~~IAAIiB~~,~~IAAI~~,~~KAAK/B,SAAS,EAAE~~;YACtB,OAAO,EAAE~~,CAAC~~;~~QACZ,CAAC~~;~~QACD~~,~~IAAIkB~~,~~eAAe~~,~~KAAKlB,SAAS,EAAE~~;~~YACjC~~,~~OAAO+B~~,~~IAAI~~,~~CAAC7C,~~IAAI~~,CAAC~~;~~QACnB,CAAC~~;~~QACD~~,OAAOD,~~kBAAkB~~,~~CAAC8C~~,IAAI,~~CAAC7C,IAAI,~~EAAEgC~~,eAAe,CAAC,CAAC~~;~~IACxD~~,~~CAAC,EACD~~;~~QAAEe~~,~~OAAO~~,~~EAAE,~~CAAC,~~CAAC1B~~,~~cAAc,IAAIiB,UAAU~~;~~KAAE,CAC5C,CAAC~~;~~AACJ,CAAC~~;~~AAED~~;;CAEC,GACD,OAAO,SAASK,~~oBAAoB~~,~~CAACH,~~CAAmB~~,EAAE~~;~~IACxD~~,~~OAAOQ~~,~~MAAM~~,~~CAACC,~~MAAM,~~CAACT~~,~~CAAC~~,~~CAAC,CACpBU,~~GAAG,CAAC,~~CAACV~~,~~CAAC~~,~~GAAKW~~,~~IAAI,CAACC,~~SAAS,~~CAACZ~~,~~CAAC~~,~~CAACjC,~~KAAK,~~CAAC~~,~~CAAC,CACnC8C,~~IAAI,CAAC~~,GAAG,CAAC,CAAC~~;~~AACf,CAAC~~;~~AAED~~,OAAO,MAAMC,~~cAAc,GAAG~~;IAC5B;~~QAAEpC~~,~~KAAK~~,~~EAAE,~~MAAM;~~QAAEM,IAAI,EAAE,cAAc~~;~~KAAE~~;~~IACvC;~~QAAEN,~~KAAK~~,~~EAAE,~~MAAM;~~QAAEM,IAAI,EAAE,cAAc~~;~~KAAE;CACxC~~,~~AAAS,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/components/Variables/variable-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 { ListVariableDefinition } from '@perses-dev/core';\nimport { useQuery } from '@tanstack/react-query';\nimport { VariableOption } from '../../model';\nimport { useDatasourceStore, usePlugin, useTimeRange, useVariableValues, VariableStateMap } from '../../runtime';\n\nexport function filterVariableList(data: VariableOption[], capturedRegexp: RegExp): VariableOption[] {\n const result: VariableOption[] = [];\n const filteredSet = new Set<string>();\n for (const variableValue of data) {\n const matches = variableValue.value.matchAll(capturedRegexp);\n let concat = '';\n for (const match of matches) {\n for (let i = 1; i < match.length; i++) {\n const m = match[i];\n if (m !== undefined) {\n concat = `${concat}${m}`;\n }\n }\n }\n if (concat !== '' && !filteredSet.has(concat)) {\n // like that we are avoiding to have duplicating variable value\n filteredSet.add(concat);\n result.push({ label: variableValue.label, value: concat });\n }\n }\n return result;\n}\n\nexport function useListVariablePluginValues(definition: ListVariableDefinition) {\n const { data: variablePlugin } = usePlugin('Variable', definition.spec.plugin.kind);\n const datasourceStore = useDatasourceStore();\n const allVariables = useVariableValues();\n const { absoluteTimeRange: timeRange, refreshKey } = useTimeRange();\n\n const variablePluginCtx = { timeRange, datasourceStore, variables: allVariables };\n\n const spec = definition.spec.plugin.spec;\n const capturingRegexp =\n definition.spec.capturingRegexp !== undefined ? new RegExp(definition.spec.capturingRegexp, 'g') : undefined;\n\n let dependsOnVariables: string[] \| undefined;\n if (variablePlugin?.dependsOn) {\n const dependencies = variablePlugin.dependsOn(spec, variablePluginCtx);\n dependsOnVariables = dependencies.variables;\n }\n\n const variables = useVariableValues(dependsOnVariables);\n\n let waitToLoad = false;\n if (dependsOnVariables) {\n waitToLoad = dependsOnVariables.some((v) => variables[v]?.loading);\n }\n\n const variablesValueKey = getVariableValuesKey(variables);\n\n return useQuery(\n [definition, variablesValueKey, timeRange, refreshKey],\n async () => {\n const resp = await variablePlugin?.getVariableOptions(spec, { datasourceStore, variables, timeRange });\n if (resp === undefined) {\n return [];\n }\n if (!capturingRegexp) {\n return resp.data;\n }\n return filterVariableList(resp.data, capturingRegexp);\n },\n { enabled: !!variablePlugin \|\| waitToLoad }\n );\n}\n\n/*\n Returns a serialized string of the current state of variable values.\n */\nexport function getVariableValuesKey(v: VariableStateMap) {\n return Object.values(v)\n .map((v) => JSON.stringify(v.value))\n .join(',');\n}\n\nexport const VARIABLE_TYPES = [\n { label: 'List', kind: 'ListVariable' },\n { label: 'Text', kind: 'TextVariable' },\n] as const;\n"],"names":["useQuery","useDatasourceStore","usePlugin","useTimeRange","useVariableValues","filterVariableList","data","capturedRegexp","result","filteredSet","Set","variableValue","matches","value","matchAll","concat","match","i","length","m","undefined","has","add","push","label","useListVariablePluginValues","definition","variablePlugin","spec","plugin","kind","datasourceStore","allVariables","absoluteTimeRange","timeRange","refreshKey","variablePluginCtx","variables","capturingRegexp","RegExp","dependsOnVariables","dependsOn","dependencies","waitToLoad","some","v","loading","variablesValueKey","getVariableValuesKey","resp","getVariableOptions","enabled","Object","values","map","JSON","stringify","join","VARIABLE_TYPES"],"mappings":"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"}

package/dist/components/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 export * from './CalculationSelector';
+export * from './DatasourceEditorForm';
 export * from './DatasourceSelect';
 export * from './LegendOptionsEditor';
 export * from './OptionsEditorRadios';
@@ -9,5 +10,7 @@ export * from './PluginKindSelect';
 export * from './PluginRegistry';
 export * from './PluginSpecEditor';
 export * from './TimeSeriesQueryEditor';
+export * from './TimeRangeControls';
 export * from './Variables';
+export * from './ProjectSelect';
 //# sourceMappingURL=index.d.ts.map