npm - @perses-dev/plugin-system - Versions diffs - 0.39.0 → 0.40.1 - Mend

@perses-dev/plugin-system 0.39.0 → 0.40.1

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

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

@@ -12,42 +12,29 @@
 // limitations under the License.
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useCallback, useMemo, useState } from 'react';
-import { Box, Typography, Switch, TextField, Grid, FormControl, FormControlLabel, InputLabel, MenuItem, Button, Stack, ClickAwayListener, Divider, Select, capitalize } from '@mui/material';
+import { Box, Typography, Switch, TextField, Grid, FormControlLabel, MenuItem, Button, Stack, ClickAwayListener, Divider } from '@mui/material';
 import { useImmer } from 'use-immer';
 import { DiscardChangesConfirmationDialog, ErrorBoundary } from '@perses-dev/components';
+import { Controller, FormProvider, useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { getSubmitText, getTitleAction } from '../../../utils';
 import { VARIABLE_TYPES } from '../variable-model';
 import { PluginEditor } from '../../PluginEditor';
+import { variableEditValidationSchema } from '../../../validation';
 import { VariableListPreview, VariablePreview } from './VariablePreview';
 import { getVariableDefinitionFromState, getInitialState } from './variable-editor-form-model';
-// TODO: Replace with proper validation library
-function getValidation(state) {
-    /** Name validation */ let name = null;
-    if (!state.name) {
-        name = 'Name is required';
-    }
-    // name can only contain alphanumeric characters and underscores and no spaces
-    if (state.name && !/^[a-zA-Z0-9_-]+$/.test(state.name)) {
-        name = 'Name can only contain alphanumeric characters, underscores, and dashes';
-    }
-    return {
-        name,
-        isValid: !name
-    };
-}
 function FallbackPreview() {
     return /*#__PURE__*/ _jsx("div", {
         children: "Error previewing values"
     });
 }
-export function VariableEditForm(props) {
-    const { initialVariableDefinition , onChange , onCancel , action ='update'  } = props;
+export function VariableEditorForm(props) {
+    const { initialVariableDefinition , initialAction , isDraft , isReadonly , onSave , onClose , onDelete  } = props;
     const initialState = getInitialState(initialVariableDefinition);
     const [state, setState] = useImmer(initialState);
-    const validation = useMemo(()=>getValidation(state), [
-        state
-    ]);
-    const [isDiscardDialogStateOpened, setDiscardDialogStateOpened] = useState(false);
+    const [isDiscardDialogOpened, setDiscardDialogOpened] = useState(false);
     const [previewKey, setPreviewKey] = useState(0);
+    const [action, setAction] = useState(initialAction);
     const refreshPreview = ()=>{
         setPreviewKey((prev)=>prev + 1);
     };
@@ -60,32 +47,35 @@ export function VariableEditForm(props) {
     }, [
         previewKey
     ]);
-    const title = useMemo(()=>{
-        if (action === 'read') return 'View Variable';
-        if (action === 'create') return 'Create Variable';
-        if (action === 'update') return 'Edit Variable';
-        return '';
-    }, [
-        action
-    ]);
+    const titleAction = getTitleAction(action, isDraft);
+    const submitText = getSubmitText(action, isDraft);
+    const form = useForm({
+        resolver: zodResolver(variableEditValidationSchema),
+        mode: 'onBlur',
+        defaultValues: state
+    });
+    const processForm = ()=>{
+        onSave(getVariableDefinitionFromState(state));
+    };
     // When user click on cancel, several possibilities:
     // - create action: ask for discard approval
     // - update action: ask for discard approval if changed
     // - read action: don´t ask for discard approval
     const handleCancel = useCallback(()=>{
-        if (action === 'create' || action === 'update' && JSON.stringify(initialState) !== JSON.stringify(state)) {
-            setDiscardDialogStateOpened(true);
+        if (JSON.stringify(initialState) !== JSON.stringify(state)) {
+            setDiscardDialogOpened(true);
         } else {
-            onCancel();
+            onClose();
         }
     }, [
         state,
         initialState,
-        action,
-        setDiscardDialogStateOpened,
-        onCancel
+        setDiscardDialogOpened,
+        onClose
     ]);
-    return /*#__PURE__*/ _jsxs(_Fragment, {
+    var _state_textVariableFields_constant;
+    return /*#__PURE__*/ _jsxs(FormProvider, {
+        ...form,
         children: [
             /*#__PURE__*/ _jsxs(Box, {
                 sx: {
@@ -95,32 +85,69 @@ export function VariableEditForm(props) {
                     borderBottom: (theme)=>`1px solid ${theme.palette.divider}`
                 },
                 children: [
-                    /*#__PURE__*/ _jsx(Typography, {
+                    /*#__PURE__*/ _jsxs(Typography, {
                         variant: "h2",
-                        children: title
+                        children: [
+                            titleAction,
+                            " Variable"
+                        ]
                     }),
-                    /*#__PURE__*/ _jsxs(Stack, {
+                    /*#__PURE__*/ _jsx(Stack, {
                         direction: "row",
                         spacing: 1,
                         sx: {
                             marginLeft: 'auto'
                         },
-                        children: [
-                            action !== 'read' && /*#__PURE__*/ _jsx(Button, {
-                                disabled: !validation.isValid,
-                                variant: "contained",
-                                onClick: ()=>{
-                                    onChange(getVariableDefinitionFromState(state));
-                                },
-                                children: capitalize(action)
-                            }),
-                            /*#__PURE__*/ _jsx(Button, {
-                                color: "secondary",
-                                variant: "outlined",
-                                onClick: handleCancel,
-                                children: action === 'read' ? 'Close' : 'Cancel'
-                            })
-                        ]
+                        children: action === 'read' ? /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx(Button, {
+                                    disabled: isReadonly,
+                                    variant: "contained",
+                                    onClick: ()=>setAction('update'),
+                                    children: "Edit"
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    color: "error",
+                                    disabled: isReadonly,
+                                    variant: "outlined",
+                                    onClick: onDelete,
+                                    children: "Delete"
+                                }),
+                                /*#__PURE__*/ _jsx(Divider, {
+                                    orientation: "vertical",
+                                    flexItem: true,
+                                    sx: (theme)=>({
+                                            borderColor: theme.palette.grey['500'],
+                                            '&.MuiDivider-root': {
+                                                marginLeft: 2,
+                                                marginRight: 1
+                                            }
+                                        })
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    color: "secondary",
+                                    variant: "outlined",
+                                    onClick: onClose,
+                                    children: "Close"
+                                })
+                            ]
+                        }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx(Button, {
+                                    type: "submit",
+                                    variant: "contained",
+                                    disabled: !form.formState.isValid,
+                                    onClick: form.handleSubmit(processForm),
+                                    children: submitText
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    color: "secondary",
+                                    variant: "outlined",
+                                    onClick: handleCancel,
+                                    children: "Cancel"
+                                })
+                            ]
+                        })
                     })
                 ]
             }),
@@ -138,19 +165,30 @@ export function VariableEditForm(props) {
                             /*#__PURE__*/ _jsx(Grid, {
                                 item: true,
                                 xs: 8,
-                                children: /*#__PURE__*/ _jsx(TextField, {
-                                    required: true,
-                                    error: !!validation.name,
-                                    fullWidth: true,
-                                    label: "Name",
-                                    value: state.name,
-                                    helperText: validation.name,
-                                    InputProps: {
-                                        readOnly: action === 'update' || action === 'read'
-                                    },
-                                    onChange: (v)=>{
-                                        setState((draft)=>{
-                                            draft.name = v.target.value;
+                                children: /*#__PURE__*/ _jsx(Controller, {
+                                    name: "name",
+                                    render: ({ field , fieldState  })=>{
+                                        var _fieldState_error;
+                                        /*#__PURE__*/ return _jsx(TextField, {
+                                            ...field,
+                                            required: true,
+                                            fullWidth: true,
+                                            label: "Name",
+                                            InputLabelProps: {
+                                                shrink: action === 'read' ? true : undefined
+                                            },
+                                            InputProps: {
+                                                disabled: action === 'update',
+                                                readOnly: action === 'read'
+                                            },
+                                            error: !!fieldState.error,
+                                            helperText: (_fieldState_error = fieldState.error) === null || _fieldState_error === void 0 ? void 0 : _fieldState_error.message,
+                                            onChange: (event)=>{
+                                                field.onChange(event);
+                                                setState((draft)=>{
+                                                    draft.name = event.target.value;
+                                                });
+                                            }
                                         });
                                     }
                                 })
@@ -158,16 +196,28 @@ export function VariableEditForm(props) {
                             /*#__PURE__*/ _jsx(Grid, {
                                 item: true,
                                 xs: 4,
-                                children: /*#__PURE__*/ _jsx(TextField, {
-                                    fullWidth: true,
-                                    label: "Display Label",
-                                    value: state.title || '',
-                                    InputProps: {
-                                        readOnly: action === 'read'
-                                    },
-                                    onChange: (v)=>{
-                                        setState((draft)=>{
-                                            draft.title = v.target.value;
+                                children: /*#__PURE__*/ _jsx(Controller, {
+                                    name: "title",
+                                    render: ({ field , fieldState  })=>{
+                                        var _fieldState_error;
+                                        /*#__PURE__*/ return _jsx(TextField, {
+                                            ...field,
+                                            fullWidth: true,
+                                            label: "Display Label",
+                                            InputLabelProps: {
+                                                shrink: action === 'read' ? true : undefined
+                                            },
+                                            InputProps: {
+                                                readOnly: action === 'read'
+                                            },
+                                            error: !!fieldState.error,
+                                            helperText: (_fieldState_error = fieldState.error) === null || _fieldState_error === void 0 ? void 0 : _fieldState_error.message,
+                                            onChange: (event)=>{
+                                                field.onChange(event);
+                                                setState((draft)=>{
+                                                    draft.title = event.target.value;
+                                                });
+                                            }
                                         });
                                     }
                                 })
@@ -175,16 +225,28 @@ export function VariableEditForm(props) {
                             /*#__PURE__*/ _jsx(Grid, {
                                 item: true,
                                 xs: 8,
-                                children: /*#__PURE__*/ _jsx(TextField, {
-                                    fullWidth: true,
-                                    label: "Description",
-                                    value: state.description,
-                                    InputProps: {
-                                        readOnly: action === 'read'
-                                    },
-                                    onChange: (v)=>{
-                                        setState((draft)=>{
-                                            draft.description = v.target.value;
+                                children: /*#__PURE__*/ _jsx(Controller, {
+                                    name: "description",
+                                    render: ({ field , fieldState  })=>{
+                                        var _fieldState_error;
+                                        /*#__PURE__*/ return _jsx(TextField, {
+                                            ...field,
+                                            fullWidth: true,
+                                            label: "Description",
+                                            InputLabelProps: {
+                                                shrink: action === 'read' ? true : undefined
+                                            },
+                                            InputProps: {
+                                                readOnly: action === 'read'
+                                            },
+                                            error: !!fieldState.error,
+                                            helperText: (_fieldState_error = fieldState.error) === null || _fieldState_error === void 0 ? void 0 : _fieldState_error.message,
+                                            onChange: (event)=>{
+                                                field.onChange(event);
+                                                setState((draft)=>{
+                                                    draft.description = event.target.value;
+                                                });
+                                            }
                                         });
                                     }
                                 })
@@ -192,30 +254,35 @@ export function VariableEditForm(props) {
                             /*#__PURE__*/ _jsx(Grid, {
                                 item: true,
                                 xs: 4,
-                                children: /*#__PURE__*/ _jsxs(FormControl, {
-                                    fullWidth: true,
-                                    children: [
-                                        /*#__PURE__*/ _jsx(InputLabel, {
-                                            id: "variable-type-select-label",
-                                            children: "Type"
-                                        }),
-                                        /*#__PURE__*/ _jsx(Select, {
-                                            labelId: "variable-type-select-label",
-                                            id: "variable-type-select",
+                                children: /*#__PURE__*/ _jsx(Controller, {
+                                    name: "kind",
+                                    render: ({ field , fieldState  })=>{
+                                        var _fieldState_error;
+                                        /*#__PURE__*/ return _jsx(TextField, {
+                                            select: true,
+                                            ...field,
+                                            fullWidth: true,
                                             label: "Type",
-                                            value: state.kind,
-                                            readOnly: action === 'read',
-                                            onChange: (v)=>{
+                                            InputLabelProps: {
+                                                shrink: action === 'read' ? true : undefined
+                                            },
+                                            InputProps: {
+                                                readOnly: action === 'read'
+                                            },
+                                            error: !!fieldState.error,
+                                            helperText: (_fieldState_error = fieldState.error) === null || _fieldState_error === void 0 ? void 0 : _fieldState_error.message,
+                                            onChange: (event)=>{
+                                                field.onChange(event);
                                                 setState((draft)=>{
-                                                    draft.kind = v.target.value;
+                                                    draft.kind = event.target.value;
                                                 });
                                             },
                                             children: VARIABLE_TYPES.map((v)=>/*#__PURE__*/ _jsx(MenuItem, {
                                                     value: v.kind,
                                                     children: v.label
                                                 }, v.kind))
-                                        })
-                                    ]
+                                        });
+                                    }
                                 })
                             })
                         ]
@@ -241,6 +308,9 @@ export function VariableEditForm(props) {
                                     /*#__PURE__*/ _jsx(TextField, {
                                         label: "Value",
                                         value: state.textVariableFields.value,
+                                        InputLabelProps: {
+                                            shrink: action === 'read' ? true : undefined
+                                        },
                                         InputProps: {
                                             readOnly: action === 'read'
                                         },
@@ -249,6 +319,19 @@ export function VariableEditForm(props) {
                                                 draft.textVariableFields.value = v.target.value;
                                             });
                                         }
+                                    }),
+                                    /*#__PURE__*/ _jsx(FormControlLabel, {
+                                        control: /*#__PURE__*/ _jsx(Switch, {
+                                            checked: (_state_textVariableFields_constant = state.textVariableFields.constant) !== null && _state_textVariableFields_constant !== void 0 ? _state_textVariableFields_constant : false,
+                                            readOnly: action === 'read',
+                                            onChange: (e)=>{
+                                                if (action === 'read') return; // ReadOnly prop is not blocking user interaction...
+                                                setState((draft)=>{
+                                                    draft.textVariableFields.constant = e.target.checked;
+                                                });
+                                            }
+                                        }),
+                                        label: "Constant"
                                     })
                                 ]
                             })
@@ -302,7 +385,10 @@ export function VariableEditForm(props) {
                                     /*#__PURE__*/ _jsx(Stack, {
                                         children: /*#__PURE__*/ _jsx(TextField, {
                                             label: "Capturing Regexp Filter",
-                                            value: state.listVariableFields.capturing_regexp || '',
+                                            value: state.listVariableFields.capturingRegexp || '',
+                                            InputLabelProps: {
+                                                shrink: action === 'read' ? true : undefined
+                                            },
                                             InputProps: {
                                                 readOnly: action === 'read'
                                             },
@@ -310,9 +396,9 @@ export function VariableEditForm(props) {
                                                 setState((draft)=>{
                                                     if (e.target.value) {
                                                         // TODO: do a better fix, if empty string => it should skip the filter
-                                                        draft.listVariableFields.capturing_regexp = e.target.value;
+                                                        draft.listVariableFields.capturingRegexp = e.target.value;
                                                     } else {
-                                                        draft.listVariableFields.capturing_regexp = undefined;
+                                                        draft.listVariableFields.capturingRegexp = undefined;
                                                     }
                                                 });
                                             },
@@ -374,6 +460,9 @@ export function VariableEditForm(props) {
                                             state.listVariableFields.allowAll && /*#__PURE__*/ _jsx(TextField, {
                                                 label: "Custom All Value",
                                                 value: state.listVariableFields.customAllValue,
+                                                InputLabelProps: {
+                                                    shrink: action === 'read' ? true : undefined
+                                                },
                                                 InputProps: {
                                                     readOnly: action === 'read'
                                                 },
@@ -398,13 +487,13 @@ export function VariableEditForm(props) {
             }),
             /*#__PURE__*/ _jsx(DiscardChangesConfirmationDialog, {
                 description: "Are you sure you want to discard these changes? Changes cannot be recovered.",
-                isOpen: isDiscardDialogStateOpened,
+                isOpen: isDiscardDialogOpened,
                 onCancel: ()=>{
-                    setDiscardDialogStateOpened(false);
+                    setDiscardDialogOpened(false);
                 },
                 onDiscardChanges: ()=>{
-                    setDiscardDialogStateOpened(false);
-                    onCancel();
+                    setDiscardDialogOpened(false);
+                    onClose();
                 }
             })
         ]

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