@perses-dev/dashboards 0.37.1 → 0.38.0

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

@@ -1,399 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "VariableEditForm", {
-    enumerable: true,
-    get: ()=>VariableEditForm
-});
-const _jsxRuntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _material = require("@mui/material");
-const _useImmer = require("use-immer");
-const _pluginSystem = require("@perses-dev/plugin-system");
-const _components = require("@perses-dev/components");
-const _variableModel = require("../variable-model");
-const _variablePreview = require("./VariablePreview");
-const _variableEditorFormModel = require("./variable-editor-form-model");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interopRequireWildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {};
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-// 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__*/ (0, _jsxRuntime.jsx)("div", {
-        children: "Error previewing values"
-    });
-}
-function VariableEditForm(props) {
-    const { initialVariableDefinition , onChange , onCancel  } = props;
-    const [state, setState] = (0, _useImmer.useImmer)((0, _variableEditorFormModel.getInitialState)(initialVariableDefinition));
-    const validation = (0, _react.useMemo)(()=>getValidation(state), [
-        state
-    ]);
-    const [previewKey, setPreviewKey] = (0, _react.useState)(0);
-    const refreshPreview = ()=>{
-        setPreviewKey((prev)=>prev + 1);
-    };
-    /** We use the `previewKey` that we increment to know when to explicitly update the
-   * spec that will be used for preview. The reason why we do this is to avoid
-   * having to re-fetch the values when the user is still editing the spec.
-   */ const previewSpec = (0, _react.useMemo)(()=>{
-        return (0, _variableEditorFormModel.getVariableDefinitionFromState)(state);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        previewKey
-    ]);
-    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
-                sx: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    padding: (theme)=>theme.spacing(1, 2),
-                    borderBottom: (theme)=>`1px solid ${theme.palette.divider}`
-                },
-                children: [
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
-                        variant: "h2",
-                        children: "Edit Variable"
-                    }),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
-                        direction: "row",
-                        spacing: 1,
-                        sx: {
-                            marginLeft: 'auto'
-                        },
-                        children: [
-                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Button, {
-                                disabled: !validation.isValid,
-                                variant: "contained",
-                                onClick: ()=>{
-                                    onChange((0, _variableEditorFormModel.getVariableDefinitionFromState)(state));
-                                },
-                                children: "Update"
-                            }),
-                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Button, {
-                                color: "secondary",
-                                variant: "outlined",
-                                onClick: ()=>{
-                                    onCancel();
-                                },
-                                children: "Cancel"
-                            })
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
-                padding: 2,
-                sx: {
-                    overflowY: 'scroll'
-                },
-                children: [
-                    /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Grid, {
-                        container: true,
-                        spacing: 2,
-                        mb: 2,
-                        children: [
-                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
-                                item: true,
-                                xs: 8,
-                                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
-                                    required: true,
-                                    error: !!validation.name,
-                                    fullWidth: true,
-                                    label: "Name",
-                                    value: state.name,
-                                    helperText: validation.name,
-                                    onChange: (v)=>{
-                                        setState((draft)=>{
-                                            draft.name = v.target.value;
-                                        });
-                                    }
-                                })
-                            }),
-                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
-                                item: true,
-                                xs: 4,
-                                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
-                                    fullWidth: true,
-                                    label: "Display Label",
-                                    value: state.title || '',
-                                    onChange: (v)=>{
-                                        setState((draft)=>{
-                                            draft.title = v.target.value;
-                                        });
-                                    }
-                                })
-                            }),
-                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
-                                item: true,
-                                xs: 8,
-                                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
-                                    fullWidth: true,
-                                    label: "Description",
-                                    value: state.description,
-                                    onChange: (v)=>{
-                                        setState((draft)=>{
-                                            draft.description = v.target.value;
-                                        });
-                                    }
-                                })
-                            }),
-                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
-                                item: true,
-                                xs: 4,
-                                children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.FormControl, {
-                                    fullWidth: true,
-                                    children: [
-                                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.InputLabel, {
-                                            id: "variable-type-select-label",
-                                            children: "Type"
-                                        }),
-                                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Select, {
-                                            labelId: "variable-type-select-label",
-                                            id: "variable-type-select",
-                                            label: "Type",
-                                            value: state.kind,
-                                            onChange: (v)=>{
-                                                setState((draft)=>{
-                                                    draft.kind = v.target.value;
-                                                });
-                                            },
-                                            children: _variableModel.VARIABLE_TYPES.map((v)=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.MenuItem, {
-                                                    value: v.kind,
-                                                    children: v.label
-                                                }, v.kind))
-                                        })
-                                    ]
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Divider, {}),
-                    state.kind === 'TextVariable' && /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                        children: [
-                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
-                                py: 1,
-                                variant: "subtitle1",
-                                children: "Text Options"
-                            }),
-                            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
-                                spacing: 2,
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
-                                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_variablePreview.VariablePreview, {
-                                            values: [
-                                                state.textVariableFields.value
-                                            ]
-                                        })
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
-                                        label: "Value",
-                                        value: state.textVariableFields.value,
-                                        onChange: (v)=>{
-                                            setState((draft)=>{
-                                                draft.textVariableFields.value = v.target.value;
-                                            });
-                                        }
-                                    })
-                                ]
-                            })
-                        ]
-                    }),
-                    state.kind === 'ListVariable' && /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                        children: [
-                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
-                                py: 1,
-                                variant: "subtitle1",
-                                children: "List Options"
-                            }),
-                            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
-                                spacing: 2,
-                                mb: 2,
-                                children: [
-                                    state.listVariableFields.plugin.kind ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
-                                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components.ErrorBoundary, {
-                                            FallbackComponent: FallbackPreview,
-                                            resetKeys: [
-                                                previewSpec
-                                            ],
-                                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_variablePreview.VariableListPreview, {
-                                                definition: previewSpec,
-                                                onRefresh: refreshPreview
-                                            })
-                                        })
-                                    }) : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_variablePreview.VariablePreview, {
-                                        isLoading: true
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
-                                        children: [
-                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.ClickAwayListener, {
-                                                onClickAway: ()=>refreshPreview(),
-                                                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {})
-                                            }),
-                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.PluginEditor, {
-                                                width: "100%",
-                                                pluginType: "Variable",
-                                                pluginKindLabel: "Source",
-                                                value: state.listVariableFields.plugin,
-                                                onChange: (val)=>{
-                                                    setState((draft)=>{
-                                                        draft.listVariableFields.plugin = val;
-                                                    });
-                                                }
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Stack, {
-                                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
-                                            label: "Capturing Regexp Filter",
-                                            value: state.listVariableFields.capturing_regexp || '',
-                                            onChange: (e)=>{
-                                                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;
-                                                    } else {
-                                                        draft.listVariableFields.capturing_regexp = undefined;
-                                                    }
-                                                });
-                                            },
-                                            helperText: "Optional, if you want to filter on captured result."
-                                        })
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Divider, {}),
-                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
-                                py: 1,
-                                variant: "subtitle1",
-                                children: "Dropdown Options"
-                            }),
-                            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
-                                spacing: "2",
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
-                                        children: [
-                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.FormControlLabel, {
-                                                control: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Switch, {
-                                                    checked: state.listVariableFields.allowMultiple,
-                                                    onChange: (e)=>{
-                                                        setState((draft)=>{
-                                                            draft.listVariableFields.allowMultiple = e.target.checked;
-                                                        });
-                                                    }
-                                                }),
-                                                label: "Allow Multiple Values"
-                                            }),
-                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
-                                                variant: "caption",
-                                                children: "Enables multiple values to be selected at the same time"
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
-                                        children: [
-                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.FormControlLabel, {
-                                                control: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Switch, {
-                                                    checked: state.listVariableFields.allowAll,
-                                                    onChange: (e)=>{
-                                                        setState((draft)=>{
-                                                            draft.listVariableFields.allowAll = e.target.checked;
-                                                        });
-                                                    }
-                                                }),
-                                                label: "Allow All option"
-                                            }),
-                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
-                                                mb: 1,
-                                                variant: "caption",
-                                                children: "Enables an option to include all variable values"
-                                            }),
-                                            state.listVariableFields.allowAll && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
-                                                label: "Custom All Value",
-                                                value: state.listVariableFields.customAllValue,
-                                                onChange: (e)=>{
-                                                    setState((draft)=>{
-                                                        if (e.target.value) {
-                                                            draft.listVariableFields.customAllValue = e.target.value;
-                                                        } else {
-                                                            draft.listVariableFields.customAllValue = undefined;
-                                                        }
-                                                    });
-                                                },
-                                                helperText: "When All is selected, this value will be used"
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
-}

package/dist/cjs/components/Variables/VariableEditorForm/VariablePreview.js

@@ -1,178 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    VariablePreview: ()=>VariablePreview,
-    VariableListPreview: ()=>VariableListPreview
-});
-const _jsxRuntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _material = require("@mui/material");
-const _components = require("@perses-dev/components");
-const _refresh = /*#__PURE__*/ _interopRequireDefault(require("mdi-material-ui/Refresh"));
-const _clipboardOutline = /*#__PURE__*/ _interopRequireDefault(require("mdi-material-ui/ClipboardOutline"));
-const _constants = require("../../../constants");
-const _variableModel = require("../variable-model");
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interopRequireWildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {};
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-const DEFAULT_MAX_PREVIEW_VALUES = 50;
-function VariablePreview(props) {
-    const { values , onRefresh , isLoading , error  } = props;
-    const [maxValues, setMaxValues] = (0, _react.useState)(DEFAULT_MAX_PREVIEW_VALUES);
-    const { infoSnackbar  } = (0, _components.useSnackbar)();
-    const showAll = ()=>{
-        setMaxValues(undefined);
-    };
-    let notShown = 0;
-    if (values && (values === null || values === void 0 ? void 0 : values.length) > 0 && maxValues) {
-        notShown = values.length - maxValues;
-    }
-    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
-        children: [
-            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
-                direction: "row",
-                spacing: 1,
-                alignItems: "center",
-                mb: 1,
-                children: [
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
-                        variant: "h4",
-                        children: "Preview Values"
-                    }),
-                    onRefresh && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components.InfoTooltip, {
-                        description: _constants.TOOLTIP_TEXT.refreshVariableValues,
-                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.IconButton, {
-                            onClick: onRefresh,
-                            size: "small",
-                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_refresh.default, {})
-                        })
-                    }),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components.InfoTooltip, {
-                        description: _constants.TOOLTIP_TEXT.copyVariableValues,
-                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.IconButton, {
-                            onClick: async ()=>{
-                                if (values === null || values === void 0 ? void 0 : values.length) {
-                                    await navigator.clipboard.writeText(values.map((value)=>value).join(', '));
-                                    infoSnackbar('Preview values copied to clipboard!');
-                                }
-                            },
-                            size: "small",
-                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_clipboardOutline.default, {})
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Card, {
-                variant: "outlined",
-                children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
-                    sx: {
-                        display: 'flex',
-                        flexWrap: 'wrap',
-                        gap: 1,
-                        m: 2
-                    },
-                    children: [
-                        error && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Alert, {
-                            severity: "error",
-                            children: error
-                        }),
-                        (values === null || values === void 0 ? void 0 : values.length) === 0 && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Alert, {
-                            severity: "info",
-                            children: "No results"
-                        }),
-                        isLoading && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Stack, {
-                            width: "100%",
-                            sx: {
-                                alignItems: 'center',
-                                justifyContent: 'center'
-                            },
-                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.CircularProgress, {})
-                        }),
-                        values === null || values === void 0 ? void 0 : values.slice(0, maxValues).map((val)=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Chip, {
-                                size: "small",
-                                label: val
-                            }, val)),
-                        notShown > 0 && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Chip, {
-                            onClick: showAll,
-                            variant: "outlined",
-                            size: "small",
-                            label: `+${notShown} more`
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-}
-function VariableListPreview(props) {
-    const { definition , onRefresh  } = props;
-    const { data , isFetching , error  } = (0, _variableModel.useListVariablePluginValues)(definition);
-    const errorMessage = error === null || error === void 0 ? void 0 : error.message;
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(VariablePreview, {
-        values: (data === null || data === void 0 ? void 0 : data.map((val)=>val.value)) || [],
-        onRefresh: onRefresh,
-        isLoading: isFetching,
-        error: errorMessage
-    });
-}

package/dist/cjs/components/Variables/VariableEditorForm/index.js

@@ -1,29 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_exportStar(require("./VariableEditorForm"), exports);
-_exportStar(require("./VariablePreview"), exports);
-function _exportStar(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
-    });
-    return from;
-}