npm - @perses-dev/plugin-system - Versions diffs - 0.43.0-rc2 → 0.44.0-rc0 - Mend

@perses-dev/plugin-system 0.43.0-rc2 → 0.44.0-rc0

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 (255) hide show

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

@@ -29,7 +29,7 @@ function FallbackPreview() {
     });
 }
 export function VariableEditorForm(props) {
-    const { initialVariableDefinition , initialAction , isDraft , isReadonly , onSave , onClose , onDelete  } = props;
+    const { initialVariableDefinition, initialAction, isDraft, isReadonly, onSave, onClose, onDelete } = props;
     const initialState = getInitialState(initialVariableDefinition);
     const [state, setState] = useImmer(initialState);
     const [isDiscardDialogOpened, setDiscardDialogOpened] = useState(false);
@@ -77,7 +77,6 @@ export function VariableEditorForm(props) {
         state,
         onClose
     ]);
-    var _state_title, _state_description, _state_listVariableFields_capturingRegexp, _state_listVariableFields_sort, _state_listVariableFields_customAllValue;
     return /*#__PURE__*/ _jsxs(FormProvider, {
         ...form,
         children: [
@@ -171,9 +170,9 @@ export function VariableEditorForm(props) {
                                 xs: 8,
                                 children: /*#__PURE__*/ _jsx(Controller, {
                                     name: "name",
-                                    render: ({ field , fieldState  })=>{
+                                    render: ({ field, fieldState })=>{
                                         var _fieldState_error;
-                                        /*#__PURE__*/ return _jsx(TextField, {
+                                        return /*#__PURE__*/ _jsx(TextField, {
                                             ...field,
                                             required: true,
                                             fullWidth: true,
@@ -203,9 +202,10 @@ export function VariableEditorForm(props) {
                                 xs: 4,
                                 children: /*#__PURE__*/ _jsx(Controller, {
                                     name: "title",
-                                    render: ({ field , fieldState  })=>{
+                                    render: ({ field, fieldState })=>/*#__PURE__*/ {
                                         var _fieldState_error;
-                                        /*#__PURE__*/ return _jsx(TextField, {
+                                        var _state_title;
+                                        return _jsx(TextField, {
                                             ...field,
                                             fullWidth: true,
                                             label: "Display Label",
@@ -233,9 +233,10 @@ export function VariableEditorForm(props) {
                                 xs: 8,
                                 children: /*#__PURE__*/ _jsx(Controller, {
                                     name: "description",
-                                    render: ({ field , fieldState  })=>{
+                                    render: ({ field, fieldState })=>/*#__PURE__*/ {
                                         var _fieldState_error;
-                                        /*#__PURE__*/ return _jsx(TextField, {
+                                        var _state_description;
+                                        return _jsx(TextField, {
                                             ...field,
                                             fullWidth: true,
                                             label: "Description",
@@ -263,9 +264,9 @@ export function VariableEditorForm(props) {
                                 xs: 4,
                                 children: /*#__PURE__*/ _jsx(Controller, {
                                     name: "kind",
-                                    render: ({ field , fieldState  })=>{
+                                    render: ({ field, fieldState })=>{
                                         var _fieldState_error;
-                                        /*#__PURE__*/ return _jsx(TextField, {
+                                        return /*#__PURE__*/ _jsx(TextField, {
                                             select: true,
                                             ...field,
                                             fullWidth: true,
@@ -315,9 +316,9 @@ export function VariableEditorForm(props) {
                                     }),
                                     /*#__PURE__*/ _jsx(Controller, {
                                         name: "textVariableFields.value",
-                                        render: ({ field , fieldState  })=>{
+                                        render: ({ field, fieldState })=>{
                                             var _fieldState_error;
-                                            /*#__PURE__*/ return _jsx(TextField, {
+                                            return /*#__PURE__*/ _jsx(TextField, {
                                                 ...field,
                                                 label: "Value",
                                                 InputLabelProps: {
@@ -340,7 +341,7 @@ export function VariableEditorForm(props) {
                                     }),
                                     /*#__PURE__*/ _jsx(Controller, {
                                         name: "textVariableFields.constant",
-                                        render: ({ field  })=>/*#__PURE__*/ _jsx(FormControlLabel, {
+                                        render: ({ field })=>/*#__PURE__*/ _jsx(FormControlLabel, {
                                                 label: "Constant",
                                                 control: /*#__PURE__*/ _jsx(Switch, {
                                                     ...field,
@@ -394,7 +395,7 @@ export function VariableEditorForm(props) {
                                             }),
                                             /*#__PURE__*/ _jsx(Controller, {
                                                 name: "listVariableFields.plugin",
-                                                render: ({ field  })=>/*#__PURE__*/ _jsx(PluginEditor, {
+                                                render: ({ field })=>/*#__PURE__*/ _jsx(PluginEditor, {
                                                         width: "100%",
                                                         pluginType: "Variable",
                                                         pluginKindLabel: "Source",
@@ -413,9 +414,10 @@ export function VariableEditorForm(props) {
                                     /*#__PURE__*/ _jsx(Stack, {
                                         children: /*#__PURE__*/ _jsx(Controller, {
                                             name: "listVariableFields.capturingRegexp",
-                                            render: ({ field , fieldState  })=>{
+                                            render: ({ field, fieldState })=>/*#__PURE__*/ {
                                                 var _fieldState_error;
-                                                /*#__PURE__*/ return _jsx(TextField, {
+                                                var _state_listVariableFields_capturingRegexp;
+                                                return _jsx(TextField, {
                                                     ...field,
                                                     label: "Capturing Regexp Filter",
                                                     InputLabelProps: {
@@ -445,9 +447,10 @@ export function VariableEditorForm(props) {
                                     /*#__PURE__*/ _jsx(Stack, {
                                         children: /*#__PURE__*/ _jsx(Controller, {
                                             name: "listVariableFields.sort",
-                                            render: ({ field , fieldState  })=>{
+                                            render: ({ field, fieldState })=>/*#__PURE__*/ {
                                                 var _fieldState_error;
-                                                /*#__PURE__*/ return _jsxs(TextField, {
+                                                var _state_listVariableFields_sort;
+                                                return _jsxs(TextField, {
                                                     select: true,
                                                     ...field,
                                                     fullWidth: true,
@@ -516,7 +519,7 @@ export function VariableEditorForm(props) {
                                         children: [
                                             /*#__PURE__*/ _jsx(Controller, {
                                                 name: "listVariableFields.allowMultiple",
-                                                render: ({ field  })=>/*#__PURE__*/ _jsx(FormControlLabel, {
+                                                render: ({ field })=>/*#__PURE__*/ _jsx(FormControlLabel, {
                                                         label: "Allow Multiple Values",
                                                         control: /*#__PURE__*/ _jsx(Switch, {
                                                             ...field,
@@ -543,7 +546,7 @@ export function VariableEditorForm(props) {
                                         children: [
                                             /*#__PURE__*/ _jsx(Controller, {
                                                 name: "listVariableFields.allowAllValue",
-                                                render: ({ field  })=>/*#__PURE__*/ _jsx(FormControlLabel, {
+                                                render: ({ field })=>/*#__PURE__*/ _jsx(FormControlLabel, {
                                                         label: "Allow All option",
                                                         control: /*#__PURE__*/ _jsx(Switch, {
                                                             ...field,
@@ -567,9 +570,10 @@ export function VariableEditorForm(props) {
                                             }),
                                             state.listVariableFields.allowAllValue && /*#__PURE__*/ _jsx(Controller, {
                                                 name: "listVariableFields.customAllValue",
-                                                render: ({ field , fieldState  })=>{
+                                                render: ({ field, fieldState })=>/*#__PURE__*/ {
                                                     var _fieldState_error;
-                                                    /*#__PURE__*/ return _jsx(TextField, {
+                                                    var _state_listVariableFields_customAllValue;
+                                                    return _jsx(TextField, {
                                                         ...field,
                                                         fullWidth: true,
                                                         label: "Custom All Value",

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

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,OAAOA,SAASC,QAAQ,QAAQ,QAAQ;AACxC,SAASC,KAAK,EAAEC,GAAG,EAAEC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,UAAU,EAAEC,KAAK,EAAEC,UAAU,QAAQ,gBAAgB;AACxG,SAASC,WAAW,EAAEC,WAAW,QAAQ,yBAAyB;AAClE,OAAOC,aAAa,0BAA0B;AAC9C,OAAOC,eAAe,mCAAmC;AAEzD,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAASC,2BAA2B,QAAQ,oBAAoB;AAEhE,MAAMC,6BAA6B;AASnC,OAAO,SAASC,gBAAgBC,KAA2B;IACzD,MAAM,EAAEC,~~OAAM~~,EAAEC,~~UAAS~~,EAAEC,~~UAAS~~,EAAEC,~~MAAK~~,EAAE,GAAGJ;IAChD,MAAM,CAACK,WAAWC,aAAa,GAAGvB,SAA6Be;IAC/D,MAAM,EAAES,~~aAAY~~,EAAE,GAAGd;IACzB,MAAMe,UAAU;QACdF,aAAaG;IACf;IACA,IAAIC,WAAW;IAEf,IAAIT,UAAUA,CAAAA,mBAAAA,~~oBAAAA~~,~~KAAAA,IAAAA,~~OAAQU,~~MAAK~~,~~IAAI~~,KAAKN,WAAW;QAC7CK,WAAWT,OAAOU,~~SAASN~~;IAC7B;IAEA,qBACE,MAACpB;;0BACC,MAACK;gBAAMsB,WAAU;gBAAMC,SAAS;gBAAGC,YAAW;gBAASC,IAAI;;kCACzD,KAACxB;wBAAWyB,SAAQ;kCAAK;;oBACxBd,2BACC,KAACV;wBAAYyB,aAAarB,aAAasB;~~kCACrC~~,cAAA,KAAC7B;4BAAW8B,SAASjB;4BAAWkB,MAAK;sCACnC,cAAA,KAAC1B;;;kCAIP,KAACF;wBAAYyB,aAAarB,aAAayB;~~kCACrC~~,cAAA,KAAChC;4BACC8B,SAAS;gCACP,IAAIlB,mBAAAA,~~oBAAAA~~,~~KAAAA~~,~~IAAAA~~,~~OAAQU,QAAQ~~;oCAClB,MAAMW,UAAUC,~~UAAUC~~,~~UAAUvB~~,OAAOwB,~~IAAI~~,CAACC,QAAUA,OAAOC,~~KAAK~~;oCACtEpB,aAAa;gCACf;4BACF;4BACAa,MAAK;sCAEL,cAAA,KAACzB;;;;;0BAIP,KAACT;gBAAK8B,SAAQ;0BACZ,cAAA,MAAC/B;oBAAI2C,IAAI;wBAAEC,SAAS;wBAAQC,UAAU;wBAAQC,KAAK;wBAAGC,GAAG;oBAAE;;wBACxD5B,uBAAS,KAACpB;4BAAMiD,UAAS;sCAAS7B;;wBAClCH,CAAAA,mBAAAA,~~oBAAAA~~,~~KAAAA~~,~~IAAAA~~,~~OAAQU,~~MAAK,~~MAAM,~~mBAAK,KAAC3B;4BAAMiD,UAAS;sCAAO;;wBAC/C9B,2BACC,KAACb;4BAAM4C,OAAM;4BAAON,IAAI;gCAAEd,YAAY;gCAAUqB,gBAAgB;4BAAS;sCACvE,cAAA,KAAC/C;;wBAGJa,mBAAAA,~~oBAAAA~~,~~KAAAA~~,~~IAAAA~~,~~OAAQmC~~,~~MAAM,~~GAAG/B,WAAWoB,~~IAAI~~,CAACY,~~oBAChC~~,KAAClD;gCAAKiC,MAAK;gCAAkBkB,OAAOD;+BAAZA;~~wBAEzB3B~~,WAAW,mBAAK,KAACvB;4BAAKgC,SAASX;4BAASQ,SAAQ;4BAAWI,MAAK;4BAAQkB,OAAO,CAAC,CAAC,EAAE5B,SAAS,KAAK,CAAC;;;;;;;AAK7G;AAOA,OAAO,SAAS6B,oBAAoBvC,KAA+B;IACjE,MAAM,EAAEwC,~~WAAU~~,EAAEtC,~~UAAS~~,EAAE,GAAGF;IAClC,MAAM,EAAEyC,~~KAAI~~,EAAEC,~~WAAU~~,EAAEtC,~~MAAK~~,EAAE,GAAGP,4BAA4B2C;IAChE,MAAMG,~~eAAe~~,~~AAACvC,~~kBAAAA,~~mBAAD~~,~~KAAA,IAAA,~~AAACA,MAAiBwC;~~IAEvC~~,qBACE,KAAC7C;QACCE,QAAQwC,CAAAA,iBAAAA,~~kBAAAA~~,~~KAAAA~~,~~IAAAA~~,~~KAAMhB~~,~~IAAI,~~CAACY,MAAQA,IAAIX,~~WAAU~~,EAAE;QAC3CxB,WAAWA;QACXC,WAAWuC;QACXtC,OAAOuC;;AAGb"}
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/variable-editor-form-model.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ListVariableSpec, TextVariableSpec, UnknownSpec, VariableDefinition } from '@perses-dev/core';
-export declare type VariableEditorState = {
+export type VariableEditorState = {
     name: string;
     title?: string;
     kind: 'TextVariable' | 'ListVariable' | 'BuiltinVariable';

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,EACL,gBAAgB,EAEhB,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAE1B,~~oBAAY~~,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,cAAc,GAAG,cAAc,GAAG,iBAAiB,CAAC;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IAC5E,kBAAkB,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;CAChE,CAAC;AAEF,wBAAgB,eAAe,CAAC,yBAAyB,EAAE,kBAAkB,GAAG,mBAAmB,CAkClG;AAED,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,mBAAmB,GAAG,kBAAkB,CAgC7F"}
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

@@ -49,7 +49,7 @@ export function getInitialState(initialVariableDefinition) {
     };
 }
 export function getVariableDefinitionFromState(state) {
-    const { name , title , kind , description  } = state;
+    const { name, title, kind, description } = state;
     const display = {
         name: title,
         description: description

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 {\n ListVariableSpec,\n TextVariableDefinition,\n TextVariableSpec,\n UnknownSpec,\n VariableDefinition,\n} from '@perses-dev/core';\n\nexport type VariableEditorState = {\n name: string;\n title?: string;\n kind: 'TextVariable' \| 'ListVariable' \| 'BuiltinVariable';\n description?: string;\n listVariableFields: Omit<ListVariableSpec<UnknownSpec>, 'name' \| 'display'>;\n textVariableFields: Omit<TextVariableSpec, 'name' \| 'display'>;\n};\n\nexport function getInitialState(initialVariableDefinition: VariableDefinition): VariableEditorState {\n const textVariableFields: Omit<TextVariableSpec, 'name' \| 'display'> = {\n value: (initialVariableDefinition as TextVariableDefinition).spec.value ?? '',\n constant: (initialVariableDefinition as TextVariableDefinition).spec.constant ?? false,\n };\n\n const listVariableFields: Omit<ListVariableSpec<UnknownSpec>, 'name' \| 'display'> = {\n allowMultiple: false,\n allowAllValue: false,\n customAllValue: undefined,\n capturingRegexp: undefined,\n sort: undefined,\n plugin: {\n kind: '',\n spec: {},\n },\n };\n if (initialVariableDefinition.kind === 'ListVariable') {\n listVariableFields.allowMultiple = initialVariableDefinition.spec.allowMultiple ?? false;\n listVariableFields.allowAllValue = initialVariableDefinition.spec.allowAllValue ?? false;\n listVariableFields.customAllValue = initialVariableDefinition.spec.customAllValue;\n listVariableFields.capturingRegexp = initialVariableDefinition.spec.capturingRegexp;\n listVariableFields.sort = initialVariableDefinition.spec.sort;\n listVariableFields.plugin = initialVariableDefinition.spec.plugin;\n }\n\n return {\n name: initialVariableDefinition.spec.name,\n title: initialVariableDefinition.spec.display?.name ?? '',\n kind: initialVariableDefinition.kind,\n description: initialVariableDefinition.spec.display?.description ?? '',\n listVariableFields,\n textVariableFields,\n };\n}\n\nexport function getVariableDefinitionFromState(state: VariableEditorState): VariableDefinition {\n const { name, title, kind, description } = state;\n\n const display = { name: title, description: description };\n\n if (kind === 'TextVariable') {\n return {\n kind,\n spec: {\n name,\n display,\n ...state.textVariableFields,\n },\n };\n }\n\n if (kind === 'ListVariable') {\n return {\n kind,\n spec: {\n name,\n display,\n allowMultiple: state.listVariableFields.allowMultiple,\n allowAllValue: state.listVariableFields.allowAllValue,\n customAllValue: state.listVariableFields.customAllValue,\n capturingRegexp: state.listVariableFields.capturingRegexp,\n sort: state.listVariableFields.sort,\n plugin: state.listVariableFields.plugin,\n },\n };\n }\n throw new Error(`Unknown variable kind: ${kind}`);\n}\n"],"names":["getInitialState","initialVariableDefinition","textVariableFields","value","spec","constant","listVariableFields","allowMultiple","allowAllValue","customAllValue","undefined","capturingRegexp","sort","plugin","kind","name","title","display","description","getVariableDefinitionFromState","state","Error"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAmBjC,OAAO,SAASA,gBAAgBC,yBAA6C;QA4BlEA,yCAEMA;QA5BN,uCACG;IAFZ,MAAMC,qBAAiE;QACrEC,OAAO,CAAA,wCAAA,AAACF,0BAAqDG,~~KAAKD~~,~~mBAA3D~~,mDAAA,wCAAoE;QAC3EE,UAAU,CAAA,2CAAA,AAACJ,0BAAqDG,~~KAAKC~~,~~sBAA3D~~,sDAAA,2CAAuE;IACnF;IAEA,MAAMC,qBAA8E;QAClFC,eAAe;QACfC,eAAe;QACfC,gBAAgBC;QAChBC,iBAAiBD;QACjBE,MAAMF;QACNG,QAAQ;YACNC,MAAM;YACNV,MAAM,CAAC;QACT;IACF;IACA,IAAIH,0BAA0Ba,~~SAAS~~,gBAAgB;YAClBb;QAAnCK,mBAAmBC,~~gBAAgBN~~,CAAAA,gDAAAA,0BAA0BG,~~KAAKG~~,~~2BAA/BN~~,2DAAAA,gDAAgD;YAChDA;QAAnCK,mBAAmBE,~~gBAAgBP~~,CAAAA,gDAAAA,0BAA0BG,~~KAAKI~~,~~2BAA/BP~~,2DAAAA,gDAAgD;QACnFK,mBAAmBG,~~iBAAiBR~~,0BAA0BG,~~KAAKK~~;~~QACnEH~~,mBAAmBK,~~kBAAkBV~~,0BAA0BG,~~KAAKO~~;~~QACpEL~~,mBAAmBM,~~OAAOX~~,0BAA0BG,~~KAAKQ~~;~~QACzDN~~,mBAAmBO,~~SAASZ~~,0BAA0BG,~~KAAKS~~;~~IAC7D~~;QAISZ,8CAEMA;IAJf,OAAO;QACLc,MAAMd,0BAA0BG,~~KAAKW~~;~~QACrCC~~,OAAOf,CAAAA~~,+CAAAA~~,~~CAAAA~~,0CAAAA,0BAA0BG,~~KAAKa~~,~~qBAA/BhB~~,~~qDAAAA~~,~~KAAAA~~,~~IAAAA~~,wCAAwCc,~~kBAAxCd~~,0DAAAA,+CAAgD;QACvDa,MAAMb,0BAA0Ba;~~QAChCI~~,aAAajB,CAAAA,~~sDAAAA~~,~~CAAAA,~~2CAAAA,0BAA0BG,~~KAAKa~~,~~qBAA/BhB~~,~~sDAAAA~~,~~KAAAA~~,~~IAAAA,~~yCAAwCiB,~~yBAAxCjB~~,iEAAAA,sDAAuD;QACpEK;QACAJ;IACF;AACF;AAEA,OAAO,SAASiB,+BAA+BC,KAA0B;IACvE,MAAM,EAAEL,~~KAAI~~,EAAEC,~~MAAK~~,EAAEF,~~KAAI~~,EAAEI,~~YAAW~~,EAAE,GAAGE;IAE3C,MAAMH,UAAU;QAAEF,MAAMC;QAAOE,aAAaA;IAAY;IAExD,IAAIJ,SAAS,gBAAgB;QAC3B,OAAO;YACLA;YACAV,MAAM;gBACJW;gBACAE;gBACA,GAAGG,MAAMlB,kBAAkB;YAC7B;QACF;IACF;IAEA,IAAIY,SAAS,gBAAgB;QAC3B,OAAO;YACLA;YACAV,MAAM;gBACJW;gBACAE;gBACAV,eAAea,MAAMd,~~mBAAmBC~~;~~gBACxCC~~,eAAeY,MAAMd,~~mBAAmBE~~;~~gBACxCC~~,gBAAgBW,MAAMd,~~mBAAmBG~~;~~gBACzCE~~,iBAAiBS,MAAMd,~~mBAAmBK~~;~~gBAC1CC~~,MAAMQ,MAAMd,~~mBAAmBM~~;~~gBAC/BC~~,QAAQO,MAAMd,~~mBAAmBO~~;~~YACnC~~;QACF;IACF;IACA,MAAM,IAAIQ,MAAM,CAAC,uBAAuB,EAAEP,KAAK,CAAC;AAClD"}
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/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,10 +38,10 @@ 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,
@@ -54,7 +54,7 @@ export function useListVariablePluginValues(definition) {
         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)=>{
@@ -64,7 +64,6 @@ export function useListVariablePluginValues(definition) {
     }
     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.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 = ~~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","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,wBAAwB;AAEjD,~~SACEC~~,kBAAkB,~~EAClBC~~,SAAS,~~EACTC~~,~~yBAAyB~~,~~EACzBC~~,~~YAAY~~,~~QAEP~~,gBAAgB;~~AAEvB~~,OAAO,SAASC,mBAAmBC,IAAsB,EAAEC,cAAsB;IAC/E,MAAMC,SAA2B,EAAE;IACnC,MAAMC,cAAc,IAAIC;IACxB,KAAK,MAAMC,iBAAiBL,KAAM;QAChC,MAAMM,UAAUD,cAAcE,~~MAAMC~~,~~SAASP~~;QAC7C,IAAIQ,SAAS;QACb,KAAK,MAAMC,SAASJ,QAAS;YAC3B,IAAK,IAAIK,IAAI,GAAGA,IAAID,MAAME,~~QAAQD~~,IAAK;gBACrC,MAAME,IAAIH,KAAK,CAACC,EAAE;gBAClB,IAAIE,MAAMC,WAAW;oBACnBL,SAAS,CAAC,EAAEA,OAAO,EAAEI,EAAE,CAAC;gBAC1B;YACF;QACF;QACA,IAAIJ,WAAW,MAAM,CAACN,YAAYY,~~IAAIN~~,SAAS;YAC7C,+DAA+D;YAC/DN,YAAYa,~~IAAIP~~;YAChBP,OAAOe,~~KAAK~~;gBAAEC,OAAOb,cAAca;~~gBAAOX~~,OAAOE;YAAO;QAC1D;IACF;IACA,OAAOP;AACT;AAEA,OAAO,SAASiB,4BAA4BC,UAAkC;IAC5E,MAAM,EAAEpB,MAAMqB,~~eAAc~~,EAAE,GAAGzB,UAAU,YAAYwB,WAAWE,~~KAAKC~~,~~OAAOC~~;~~IAC9E~~,MAAMC,kBAAkB9B;IACxB,MAAM+B,~~eAAe7B~~;IACrB,MAAM,~~EAAE8B~~,mBAAmBC,~~UAAS~~,EAAEC,~~WAAU~~,EAAE,~~GAAG/B~~;IAErD,~~MAAMgC~~,oBAAoB;QAAEF;QAAWH;QAAiBM,WAAWL;IAAa;IAEhF,MAAMJ,OAAOF,WAAWE,~~KAAKC~~,~~OAAOD~~;~~IACpC~~,MAAMU,kBACJZ,WAAWE,~~KAAKU~~,~~oBAAoBlB~~,YAAY,IAAImB,OAAOb,WAAWE,~~KAAKU~~,~~iBAAiB~~,OAAOlB;IAErG,IAAIoB;IACJ,IAAIb,2BAAAA,~~4BAAAA~~,~~KAAAA~~,~~IAAAA~~,~~eAAgBc,WAAW~~;QAC7B,MAAMC,eAAef,eAAec,~~UAAUb~~,MAAMQ;QACpDI,qBAAqBE,aAAaL;~~IACpC~~;IAEA,MAAMA,~~YAAYlC~~,~~0BAA0BqC~~;~~IAE5C~~,IAAIG,aAAa;IACjB,IAAIH,oBAAoB;QACtBG,aAAaH,mBAAmBI,~~KAAK~~,CAACC;gBAAMR;~~YAAAA~~,~~OAAAA,CAAAA,~~eAAAA,SAAS,CAACQ,EAAE,cAAZR,~~0BAAAA~~,~~KAAAA~~,~~IAAAA,aAAcS~~;;~~IAC5D~~;IAEA,MAAMC,oBAAoBC,qBAAqBX;IAE/C,OAAOrC,SACL;~~QAACiD~~;~~QAAMvB;~~QAAYqB;QAAmBb;QAAWC;KAAW,~~EAC5D~~;QACE,~~MAAMe~~,OAAO,~~OAAMvB~~,2BAAAA,~~4BAAAA~~,~~KAAAA~~,~~IAAAA~~,~~eAAgBwB~~,~~mBAAmBvB,~~MAAM;YAAEG;YAAiBM;YAAWH;QAAU;QACpG,~~IAAIgB~~,~~SAAS9B~~,WAAW;YACtB,OAAO,EAAE;QACX;QACA,~~IAAIkB~~,~~oBAAoBlB~~,~~WAAW~~;~~YACjC~~,~~OAAO8B~~,~~KAAK5C~~;~~QACd~~;QACA,OAAOD,~~mBAAmB6C~~,~~KAAK5C~~,~~MAAMgC~~;IACvC,GACA;~~QAAEc~~,SAAS,CAAC,~~CAACzB~~,kBAAkBgB;IAAW;AAE9C;AAEA;;CAEC,GACD,OAAO,SAASK,qBAAqBH,CAAmB;IACtD,~~OAAOQ~~,OAAOC,~~OAAOT~~,~~GAClBU~~,~~IAAI~~,~~CAACV~~,~~IAAMW~~,KAAKC,~~UAAUZ~~,EAAEhC,~~QAC5B6C~~,~~KAAK~~;AACV;AAEA,OAAO,MAAMC,iBAAiB;IAC5B;~~QAAEnC~~,OAAO;QAAQM,MAAM;IAAe;IACtC;QAAEN,OAAO;QAAQM,MAAM;IAAe;CACvC,CAAU"}
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/context/ProjectStoreProvider.d.ts CHANGED Viewed

@@ -12,5 +12,5 @@ export interface ProjectStoreProviderProps {
 export declare const ProjectStoreContext: import("react").Context<ProjectStore | undefined>;
 export declare function useProjectList(): UseQueryResult<ProjectResource[], Error>;
 export declare function useProjectStore(): ProjectStore;
-export declare function ProjectStoreProvider(props: ProjectStoreProviderProps): JSX.Element;
+export declare function ProjectStoreProvider(props: ProjectStoreProviderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProjectStoreProvider.d.ts.map

package/dist/context/ProjectStoreProvider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectStoreProvider.d.ts","sourceRoot":"","sources":["../../src/context/ProjectStoreProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAY,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAsC,MAAM,OAAO,CAAC;AACtE,OAAO,EAAa,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAG9D,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,eAAe,CAAC;CAC1B;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,mDAAqD,CAAC;AAEtF,wBAAgB,cAAc,IAAI,cAAc,CAAC,eAAe,EAAE,EAAE,KAAK,CAAC,CAIzE;AAED,wBAAgB,eAAe,iBAM9B;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,~~eAoBpE~~"}
1	+ {"version":3,"file":"ProjectStoreProvider.d.ts","sourceRoot":"","sources":["../../src/context/ProjectStoreProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAY,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAsC,MAAM,OAAO,CAAC;AACtE,OAAO,EAAa,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAG9D,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,eAAe,CAAC;CAC1B;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,mDAAqD,CAAC;AAEtF,wBAAgB,cAAc,IAAI,cAAc,CAAC,eAAe,EAAE,EAAE,KAAK,CAAC,CAIzE;AAED,wBAAgB,eAAe,iBAM9B;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAoBpE"}