@perses-dev/plugin-system 0.50.3 → 0.51.0-beta.1

package/dist/cjs/components/DatasourceEditorForm/DatasourceEditorForm.js

@@ -21,55 +21,14 @@ Object.defineProperty(exports, "DatasourceEditorForm", {
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _zod = require("@hookform/resolvers/zod");
 const _material = require("@mui/material");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _components = require("@perses-dev/components");
+const _react = require("react");
 const _reacthookform = require("react-hook-form");
-const _zod = require("@hookform/resolvers/zod");
-const _PluginEditor = require("../PluginEditor");
-const _utils = require("../../utils");
 const _context = require("../../context");
-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 _interop_require_wildcard(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 = {
-        __proto__: null
-    };
-    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 _utils = require("../../utils");
+const _PluginEditor = require("../PluginEditor");
 function DatasourceEditorForm(props) {
     const { initialDatasourceDefinition, action, isDraft, isReadonly, onActionChange, onSave, onClose, onDelete } = props;
     const [isDiscardDialogOpened, setDiscardDialogOpened] = (0, _react.useState)(false);
@@ -84,11 +43,10 @@ function DatasourceEditorForm(props) {
     /*
    * Remove empty fields that are optional
    */ function clearFormData(data) {
-        var _result_spec_display, _result_spec_display1;
         const result = {
             ...data
         };
-        if (((_result_spec_display = result.spec.display) === null || _result_spec_display === void 0 ? void 0 : _result_spec_display.name) === undefined && ((_result_spec_display1 = result.spec.display) === null || _result_spec_display1 === void 0 ? void 0 : _result_spec_display1.description) === undefined) {
+        if (result.spec.display?.name === undefined && result.spec.display?.description === undefined) {
             delete result.spec.display;
         }
         return result;
@@ -154,10 +112,7 @@ function DatasourceEditorForm(props) {
                                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
                                     control: form.control,
                                     name: "name",
-                                    render: ({ field, fieldState })=>{
-                                        var _fieldState_error;
-                                        var _field_value;
-                                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
+                                    render: ({ field, fieldState })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
                                             ...field,
                                             required: true,
                                             fullWidth: true,
@@ -171,13 +126,12 @@ function DatasourceEditorForm(props) {
                                                 readOnly: action === 'read'
                                             },
                                             error: !!fieldState.error,
-                                            helperText: (_fieldState_error = fieldState.error) === null || _fieldState_error === void 0 ? void 0 : _fieldState_error.message,
-                                            value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : '',
+                                            helperText: fieldState.error?.message,
+                                            value: field.value ?? '',
                                             onChange: (event)=>{
                                                 field.onChange(event);
                                             }
-                                        });
-                                    }
+                                        })
                                 })
                             }),
                             /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid, {
@@ -186,10 +140,7 @@ function DatasourceEditorForm(props) {
                                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
                                     control: form.control,
                                     name: "spec.display.name",
-                                    render: ({ field, fieldState })=>{
-                                        var _fieldState_error;
-                                        var _field_value;
-                                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
+                                    render: ({ field, fieldState })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
                                             ...field,
                                             fullWidth: true,
                                             name: "title",
@@ -201,13 +152,12 @@ function DatasourceEditorForm(props) {
                                                 readOnly: action === 'read'
                                             },
                                             error: !!fieldState.error,
-                                            helperText: (_fieldState_error = fieldState.error) === null || _fieldState_error === void 0 ? void 0 : _fieldState_error.message,
-                                            value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : '',
+                                            helperText: fieldState.error?.message,
+                                            value: field.value ?? '',
                                             onChange: (event)=>{
                                                 field.onChange(event);
                                             }
-                                        });
-                                    }
+                                        })
                                 })
                             }),
                             /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid, {
@@ -216,10 +166,7 @@ function DatasourceEditorForm(props) {
                                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
                                     control: form.control,
                                     name: "spec.display.description",
-                                    render: ({ field, fieldState })=>{
-                                        var _fieldState_error;
-                                        var _field_value;
-                                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
+                                    render: ({ field, fieldState })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
                                             ...field,
                                             fullWidth: true,
                                             name: "description",
@@ -231,13 +178,12 @@ function DatasourceEditorForm(props) {
                                                 readOnly: action === 'read'
                                             },
                                             error: !!fieldState.error,
-                                            helperText: (_fieldState_error = fieldState.error) === null || _fieldState_error === void 0 ? void 0 : _fieldState_error.message,
-                                            value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : '',
+                                            helperText: fieldState.error?.message,
+                                            value: field.value ?? '',
                                             onChange: (event)=>{
                                                 field.onChange(event);
                                             }
-                                        });
-                                    }
+                                        })
                                 })
                             }),
                             /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid, {

package/dist/cjs/components/DatasourceSelect.js

@@ -43,10 +43,9 @@ function DatasourceSelect(props) {
     const { data, isLoading } = (0, _runtime.useListDatasourceSelectItems)(datasourcePluginKind, project);
     // Rebuild the group of the value if not provided
     const defaultValue = (0, _react.useMemo)(()=>{
-        var _flatMap_find;
-        const group = (_flatMap_find = (data !== null && data !== void 0 ? data : []).flatMap((itemGroup)=>itemGroup.items).find((item)=>{
+        const group = (data ?? []).flatMap((itemGroup)=>itemGroup.items).find((item)=>{
             return value.kind === item.selector.kind && value.name === item.selector.name && !item.overridden;
-        })) === null || _flatMap_find === void 0 ? void 0 : _flatMap_find.selector.group;
+        })?.selector.group;
         return {
             ...value,
             group
@@ -57,20 +56,17 @@ function DatasourceSelect(props) {
     ]);
     // Convert the datasource list into menu items with name/group?/value strings that the Select input can work with
     const menuItems = (0, _react.useMemo)(()=>{
-        return (data !== null && data !== void 0 ? data : []).map((itemGroup)=>({
+        return (data ?? []).map((itemGroup)=>({
                 group: itemGroup.group,
                 editLink: itemGroup.editLink,
-                items: itemGroup.items.map((item)=>{
-                    var _item_saved;
-                    return {
+                items: itemGroup.items.map((item)=>({
                         name: item.name,
                         overriding: item.overriding,
                         overridden: item.overridden,
-                        saved: (_item_saved = item.saved) !== null && _item_saved !== void 0 ? _item_saved : true,
+                        saved: item.saved ?? true,
                         group: item.selector.group,
                         value: selectorToOptionValue(item.selector)
-                    };
-                })
+                    }))
             }));
     }, [
         data
@@ -163,11 +159,10 @@ const OPTION_VALUE_DELIMITER = '_____';
  * returns a string value like `{kind}_____{group}_____{name}` that can be used as a Select input value.
  * @param selector
  */ function selectorToOptionValue(selector) {
-    var _selector_group, _selector_name;
     return [
         selector.kind,
-        (_selector_group = selector.group) !== null && _selector_group !== void 0 ? _selector_group : '',
-        (_selector_name = selector.name) !== null && _selector_name !== void 0 ? _selector_name : ''
+        selector.group ?? '',
+        selector.name ?? ''
     ].join(OPTION_VALUE_DELIMITER);
 }
 /**