@perses-dev/plugin-system 0.0.0-snapshot-panel-extra-content-2-2767e21 → 0.0.0-snapshot-scatter-chart-embed-8efdfab

package/dist/cjs/validation/rolebinding.js

@@ -0,0 +1,55 @@
+// 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, "roleBindingsEditorValidationSchema", {
+    enumerable: true,
+    get: function() {
+        return roleBindingsEditorValidationSchema;
+    }
+});
+const _zod = require("zod");
+const _resource = require("./resource");
+const subjectValidationSchema = _zod.z.object({
+    kind: _zod.z.enum([
+        'User'
+    ]),
+    name: _resource.resourceIdValidationSchema
+});
+const roleBindingValidationSchema = _zod.z.object({
+    kind: _zod.z.literal('RoleBinding'),
+    metadata: _zod.z.object({
+        name: _resource.resourceIdValidationSchema,
+        project: _resource.resourceIdValidationSchema
+    }),
+    spec: _zod.z.object({
+        role: _resource.resourceIdValidationSchema,
+        subjects: _zod.z.array(subjectValidationSchema).nonempty()
+    })
+});
+const globalRoleBindingValidationSchema = _zod.z.object({
+    kind: _zod.z.literal('GlobalRoleBinding'),
+    metadata: _zod.z.object({
+        name: _resource.resourceIdValidationSchema
+    }),
+    spec: _zod.z.object({
+        role: _resource.resourceIdValidationSchema,
+        subjects: _zod.z.array(subjectValidationSchema)
+    })
+});
+const roleBindingsEditorValidationSchema = _zod.z.discriminatedUnion('kind', [
+    roleBindingValidationSchema,
+    globalRoleBindingValidationSchema
+]);

package/dist/cjs/validation/secret.js

@@ -0,0 +1,176 @@
+// 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, {
+    secretValidationSchema: function() {
+        return secretValidationSchema;
+    },
+    globalSecretValidationSchema: function() {
+        return globalSecretValidationSchema;
+    },
+    secretsEditorValidationSchema: function() {
+        return secretsEditorValidationSchema;
+    }
+});
+const _zod = require("zod");
+const _resource = require("./resource");
+const secretSpecSchema = _zod.z.object({
+    basicAuth: _zod.z.object({
+        username: _zod.z.string().min(1),
+        password: _zod.z.string().optional(),
+        passwordFile: _zod.z.string().optional()
+    }).superRefine((val, ctx)=>{
+        if (val.password && val.password.length > 0 && val.passwordFile && val.passwordFile.length > 0) {
+            ctx.addIssue({
+                code: _zod.z.ZodIssueCode.custom,
+                message: 'Only one of the fields must be defined',
+                path: [
+                    'password'
+                ]
+            });
+            ctx.addIssue({
+                code: _zod.z.ZodIssueCode.custom,
+                message: 'Only one of the fields must be defined',
+                path: [
+                    'passwordFile'
+                ]
+            });
+        }
+    }).optional(),
+    authorization: _zod.z.object({
+        type: _zod.z.string().optional(),
+        credentials: _zod.z.string().optional(),
+        credentialsFile: _zod.z.string().optional()
+    }).superRefine((val, ctx)=>{
+        if (val.credentials && val.credentials.length > 0 && val.credentialsFile && val.credentialsFile.length > 0) {
+            ctx.addIssue({
+                code: _zod.z.ZodIssueCode.custom,
+                message: 'Only one of the fields must be defined',
+                path: [
+                    'credentials'
+                ]
+            });
+            ctx.addIssue({
+                code: _zod.z.ZodIssueCode.custom,
+                message: 'Only one of the fields must be defined',
+                path: [
+                    'credentialsFile'
+                ]
+            });
+        }
+    }).optional(),
+    tlsConfig: _zod.z.object({
+        ca: _zod.z.string().optional(),
+        cert: _zod.z.string().optional(),
+        key: _zod.z.string().optional(),
+        caFile: _zod.z.string().optional(),
+        certFile: _zod.z.string().optional(),
+        keyFile: _zod.z.string().optional(),
+        serverName: _zod.z.string().optional(),
+        insecureSkipVerify: _zod.z.boolean()
+    }).superRefine((val, ctx)=>{
+        if (val.ca && val.ca.length > 0 && val.caFile && val.caFile.length > 0) {
+            ctx.addIssue({
+                code: _zod.z.ZodIssueCode.custom,
+                message: 'Only one of the fields must be defined',
+                path: [
+                    'ca'
+                ]
+            });
+            ctx.addIssue({
+                code: _zod.z.ZodIssueCode.custom,
+                message: 'Only one of the fields must be defined',
+                path: [
+                    'caFile'
+                ]
+            });
+        }
+        if (val.cert && val.cert.length > 0 && val.certFile && val.certFile.length > 0) {
+            ctx.addIssue({
+                code: _zod.z.ZodIssueCode.custom,
+                message: 'Only one of the fields must be defined',
+                path: [
+                    'cert'
+                ]
+            });
+            ctx.addIssue({
+                code: _zod.z.ZodIssueCode.custom,
+                message: 'Only one of the fields must be defined',
+                path: [
+                    'certFile'
+                ]
+            });
+        }
+        if (val.key && val.key.length > 0 && val.keyFile && val.keyFile.length > 0) {
+            ctx.addIssue({
+                code: _zod.z.ZodIssueCode.custom,
+                message: 'Only one of the fields must be defined',
+                path: [
+                    'key'
+                ]
+            });
+            ctx.addIssue({
+                code: _zod.z.ZodIssueCode.custom,
+                message: 'Only one of the fields must be defined',
+                path: [
+                    'keyFile'
+                ]
+            });
+        }
+    }).optional()
+}).superRefine((val, ctx)=>{
+    if (val.basicAuth && val.authorization) {
+        ctx.addIssue({
+            code: _zod.z.ZodIssueCode.custom,
+            message: 'Only one of the fields must be defined',
+            path: [
+                'basicAuth'
+            ]
+        });
+        ctx.addIssue({
+            code: _zod.z.ZodIssueCode.custom,
+            message: 'Only one of the fields must be defined',
+            path: [
+                'authorization'
+            ]
+        });
+    }
+});
+const secretValidationSchema = _zod.z.object({
+    kind: _zod.z.literal('Secret'),
+    metadata: _zod.z.object({
+        name: _resource.resourceIdValidationSchema,
+        project: _resource.resourceIdValidationSchema
+    }),
+    spec: secretSpecSchema
+});
+const globalSecretValidationSchema = _zod.z.object({
+    kind: _zod.z.literal('GlobalSecret'),
+    metadata: _zod.z.object({
+        name: _resource.resourceIdValidationSchema
+    }),
+    spec: secretSpecSchema
+});
+const secretsEditorValidationSchema = _zod.z.discriminatedUnion('kind', [
+    secretValidationSchema,
+    globalSecretValidationSchema
+]);

package/dist/cjs/validation/variable.js

@@ -0,0 +1,48 @@
+// 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, "variableEditorValidationSchema", {
+    enumerable: true,
+    get: function() {
+        return variableEditorValidationSchema;
+    }
+});
+const _zod = require("zod");
+const variableEditorValidationSchema = _zod.z.object({
+    name: _zod.z.string().nonempty('Required').regex(/^\w+$/, 'Must only contains alphanumerical characters and underscores').refine((val)=>!val.startsWith('__'), '__ prefix is reserved to builtin variables'),
+    title: _zod.z.string().optional(),
+    description: _zod.z.string().optional(),
+    kind: _zod.z.enum([
+        'TextVariable',
+        'ListVariable',
+        'BuiltinVariable'
+    ]),
+    textVariableFields: _zod.z.object({
+        value: _zod.z.string(),
+        constant: _zod.z.boolean()
+    }),
+    listVariableFields: _zod.z.object({
+        allowMultiple: _zod.z.boolean(),
+        allowAllValue: _zod.z.boolean(),
+        customAllValue: _zod.z.string().optional(),
+        capturingRegexp: _zod.z.string().optional(),
+        sort: _zod.z.string().optional(),
+        plugin: _zod.z.object({
+            kind: _zod.z.string(),
+            spec: _zod.z.object({})
+        })
+    })
+});

package/dist/components/CalculationSelector/CalculationSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CalculationSelector/CalculationSelector.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 { OptionsEditorControl, SettingsAutocomplete } from '@perses-dev/components';\nimport { CALCULATIONS_CONFIG, CalculationConfig, CalculationType } from '@perses-dev/core';\n\ntype AutocompleteCalculationOption = CalculationConfig & { id: CalculationType };\nconst CALC_OPTIONS: AutocompleteCalculationOption[] = Object.entries(CALCULATIONS_CONFIG).map(([id, config]) => {\n  return {\n    id: id as CalculationType,\n    ...config,\n  };\n});\n\nexport interface CalculationSelectorProps {\n  value: CalculationType;\n  onChange: (unit: CalculationType) => void;\n}\n\nexport function CalculationSelector({ value, onChange }: CalculationSelectorProps) {\n  const handleCalculationChange = (_: unknown, newValue: AutocompleteCalculationOption) => {\n    onChange(newValue.id);\n  };\n\n  const calcConfig = CALCULATIONS_CONFIG[value];\n\n  return (\n    <OptionsEditorControl\n      label=\"Calculation\"\n      control={\n        <SettingsAutocomplete\n          value={{\n            ...calcConfig,\n            id: value,\n          }}\n          options={CALC_OPTIONS}\n          onChange={handleCalculationChange}\n          disableClearable\n        ></SettingsAutocomplete>\n      }\n    />\n  );\n}\n"],"names":["OptionsEditorControl","SettingsAutocomplete","CALCULATIONS_CONFIG","CALC_OPTIONS","Object","entries","map","id","config","CalculationSelector","value","onChange","handleCalculationChange","_","newValue","calcConfig","label","control","options","disableClearable"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC;AAAA,SAASA,oBAAoB,EAAEC,oBAAoB,QAAQ,wBAAwB,CAAC;AACpF,SAASC,mBAAmB,QAA4C,kBAAkB,CAAC;AAG3F,MAAMC,YAAY,GAAoCC,MAAM,CAACC,OAAO,CAACH,mBAAmB,CAAC,CAACI,GAAG,CAAC,CAAC,CAACC,EAAE,EAAEC,MAAM,CAAC,GAAK;IAC9G,OAAO;QACLD,EAAE,EAAEA,EAAE;QACN,GAAGC,MAAM;KACV,CAAC;AACJ,CAAC,CAAC,AAAC;AAOH,OAAO,SAASC,mBAAmB,CAAC,EAAEC,KAAK,CAAA,EAAEC,QAAQ,CAAA,EAA4B,EAAE;IACjF,MAAMC,uBAAuB,GAAG,CAACC,CAAU,EAAEC,QAAuC,GAAK;QACvFH,QAAQ,CAACG,QAAQ,CAACP,EAAE,CAAC,CAAC;IACxB,CAAC,AAAC;IAEF,MAAMQ,UAAU,GAAGb,mBAAmB,CAACQ,KAAK,CAAC,AAAC;IAE9C,qBACE,KAACV,oBAAoB;QACnBgB,KAAK,EAAC,aAAa;QACnBC,OAAO,gBACL,KAAChB,oBAAoB;YACnBS,KAAK,EAAE;gBACL,GAAGK,UAAU;gBACbR,EAAE,EAAEG,KAAK;aACV;YACDQ,OAAO,EAAEf,YAAY;YACrBQ,QAAQ,EAAEC,uBAAuB;YACjCO,gBAAgB;UACM;MAE1B,CACF;AACJ,CAAC"}
+{"version":3,"sources":["../../../src/components/CalculationSelector/CalculationSelector.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 { OptionsEditorControl, SettingsAutocomplete } from '@perses-dev/components';\nimport { CALCULATIONS_CONFIG, CalculationConfig, CalculationType } from '@perses-dev/core';\n\ntype AutocompleteCalculationOption = CalculationConfig & { id: CalculationType };\nconst CALC_OPTIONS: AutocompleteCalculationOption[] = Object.entries(CALCULATIONS_CONFIG).map(([id, config]) => {\n  return {\n    id: id as CalculationType,\n    ...config,\n  };\n});\n\nexport interface CalculationSelectorProps {\n  value: CalculationType;\n  onChange: (unit: CalculationType) => void;\n}\n\nexport function CalculationSelector({ value, onChange }: CalculationSelectorProps) {\n  const handleCalculationChange = (_: unknown, newValue: AutocompleteCalculationOption) => {\n    onChange(newValue.id);\n  };\n\n  const calcConfig = CALCULATIONS_CONFIG[value];\n\n  return (\n    <OptionsEditorControl\n      label=\"Calculation\"\n      control={\n        <SettingsAutocomplete\n          value={{\n            ...calcConfig,\n            id: value,\n          }}\n          options={CALC_OPTIONS}\n          onChange={handleCalculationChange}\n          disableClearable\n        ></SettingsAutocomplete>\n      }\n    />\n  );\n}\n"],"names":["OptionsEditorControl","SettingsAutocomplete","CALCULATIONS_CONFIG","CALC_OPTIONS","Object","entries","map","id","config","CalculationSelector","value","onChange","handleCalculationChange","_","newValue","calcConfig","label","control","options","disableClearable"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,oBAAoB,EAAEC,oBAAoB,QAAQ,yBAAyB;AACpF,SAASC,mBAAmB,QAA4C,mBAAmB;AAG3F,MAAMC,eAAgDC,OAAOC,QAAQH,qBAAqBI,IAAI,CAAC,CAACC,IAAIC,OAAO;IACzG,OAAO;QACLD,IAAIA;QACJ,GAAGC,MAAM;IACX;AACF;AAOA,OAAO,SAASC,oBAAoB,EAAEC,MAAK,EAAEC,SAAQ,EAA4B;IAC/E,MAAMC,0BAA0B,CAACC,GAAYC;QAC3CH,SAASG,SAASP;IACpB;IAEA,MAAMQ,aAAab,mBAAmB,CAACQ,MAAM;IAE7C,qBACE,KAACV;QACCgB,OAAM;QACNC,uBACE,KAAChB;YACCS,OAAO;gBACL,GAAGK,UAAU;gBACbR,IAAIG;YACN;YACAQ,SAASf;YACTQ,UAAUC;YACVO,gBAAgB;;;AAK1B"}

package/dist/components/CalculationSelector/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CalculationSelector/index.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './CalculationSelector';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,uBAAuB,CAAC"}
+{"version":3,"sources":["../../../src/components/CalculationSelector/index.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './CalculationSelector';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,wBAAwB"}

package/dist/components/DatasourceEditorForm/DatasourceEditorForm.d.ts

@@ -0,0 +1,15 @@
+import { Action, DatasourceSpec } from '@perses-dev/core';
+import { DispatchWithoutAction } from 'react';
+interface DatasourceEditorFormProps {
+    initialName: string;
+    initialSpec: DatasourceSpec;
+    initialAction: Action;
+    isDraft: boolean;
+    isReadonly?: boolean;
+    onSave: (name: string, spec: DatasourceSpec) => void;
+    onClose: DispatchWithoutAction;
+    onDelete?: DispatchWithoutAction;
+}
+export declare function DatasourceEditorForm(props: DatasourceEditorFormProps): JSX.Element;
+export {};
+//# sourceMappingURL=DatasourceEditorForm.d.ts.map

package/dist/components/DatasourceEditorForm/DatasourceEditorForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatasourceEditorForm.d.ts","sourceRoot":"","sources":["../../../src/components/DatasourceEditorForm/DatasourceEditorForm.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EAAE,qBAAqB,EAAyB,MAAM,OAAO,CAAC;AA2BrE,UAAU,yBAAyB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,cAAc,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACrD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,eAwOpE"}

package/dist/components/DatasourceEditorForm/DatasourceEditorForm.js

@@ -0,0 +1,342 @@
+// 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.
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useImmer } from 'use-immer';
+import { Box, Button, Divider, FormControlLabel, Grid, Stack, Switch, TextField, Typography } from '@mui/material';
+import { useCallback, useState } from 'react';
+import { DiscardChangesConfirmationDialog } from '@perses-dev/components';
+import { Controller, FormProvider, useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { PluginEditor } from '../PluginEditor';
+import { getSubmitText, getTitleAction } from '../../utils';
+import { datasourceEditValidationSchema } from '../../validation';
+/**
+ * This preprocessing ensures that we always have a defined object for the `display` property
+ * @param datasource
+ */ function getInitialState(name, spec) {
+    var _spec_display, _spec_display1;
+    var _spec_display_name, _spec_display_description;
+    const patchedDisplay = {
+        name: (_spec_display_name = (_spec_display = spec.display) === null || _spec_display === void 0 ? void 0 : _spec_display.name) !== null && _spec_display_name !== void 0 ? _spec_display_name : '',
+        description: (_spec_display_description = (_spec_display1 = spec.display) === null || _spec_display1 === void 0 ? void 0 : _spec_display1.description) !== null && _spec_display_description !== void 0 ? _spec_display_description : ''
+    };
+    return {
+        name: name,
+        spec: {
+            ...spec,
+            display: patchedDisplay
+        }
+    };
+}
+export function DatasourceEditorForm(props) {
+    var _state_spec_display, _state_spec_display1;
+    const { initialName , initialSpec , initialAction , isDraft , isReadonly , onSave , onClose , onDelete  } = props;
+    const initialState = getInitialState(initialName, initialSpec);
+    const [state, setState] = useImmer(initialState);
+    const [isDiscardDialogOpened, setDiscardDialogOpened] = useState(false);
+    const [action, setAction] = useState(initialAction);
+    const titleAction = getTitleAction(action, isDraft);
+    const submitText = getSubmitText(action, isDraft);
+    const form = useForm({
+        resolver: zodResolver(datasourceEditValidationSchema),
+        mode: 'onBlur',
+        defaultValues: {
+            name: state.name,
+            title: (_state_spec_display = state.spec.display) === null || _state_spec_display === void 0 ? void 0 : _state_spec_display.name,
+            description: (_state_spec_display1 = state.spec.display) === null || _state_spec_display1 === void 0 ? void 0 : _state_spec_display1.description,
+            default: state.spec.default
+        }
+    });
+    const processForm = ()=>{
+        var _state_spec_display, _state_spec_display1, _state_spec_display2, _state_spec_display3;
+        // reset display attributes to undefined when empty, because we don't want to save empty strings
+        onSave(state.name, {
+            ...state.spec,
+            display: {
+                name: ((_state_spec_display = state.spec.display) === null || _state_spec_display === void 0 ? void 0 : _state_spec_display.name) === '' ? undefined : (_state_spec_display1 = state.spec.display) === null || _state_spec_display1 === void 0 ? void 0 : _state_spec_display1.name,
+                description: ((_state_spec_display2 = state.spec.display) === null || _state_spec_display2 === void 0 ? void 0 : _state_spec_display2.description) === '' ? undefined : (_state_spec_display3 = state.spec.display) === null || _state_spec_display3 === void 0 ? void 0 : _state_spec_display3.description
+            }
+        });
+    };
+    // 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 (JSON.stringify(initialState) !== JSON.stringify(state)) {
+            setDiscardDialogOpened(true);
+        } else {
+            onClose();
+        }
+    }, [
+        state,
+        initialState,
+        setDiscardDialogOpened,
+        onClose
+    ]);
+    return /*#__PURE__*/ _jsxs(FormProvider, {
+        ...form,
+        children: [
+            /*#__PURE__*/ _jsxs(Box, {
+                sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    padding: (theme)=>theme.spacing(1, 2),
+                    borderBottom: (theme)=>`1px solid ${theme.palette.divider}`
+                },
+                children: [
+                    /*#__PURE__*/ _jsxs(Typography, {
+                        variant: "h2",
+                        children: [
+                            titleAction,
+                            " Datasource"
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Stack, {
+                        direction: "row",
+                        spacing: 1,
+                        sx: {
+                            marginLeft: 'auto'
+                        },
+                        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, {
+                                    variant: "contained",
+                                    disabled: !form.formState.isValid,
+                                    onClick: form.handleSubmit(processForm),
+                                    children: submitText
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    color: "secondary",
+                                    variant: "outlined",
+                                    onClick: handleCancel,
+                                    children: "Cancel"
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Box, {
+                padding: 2,
+                sx: {
+                    overflowY: 'scroll'
+                },
+                children: [
+                    /*#__PURE__*/ _jsxs(Grid, {
+                        container: true,
+                        spacing: 2,
+                        mb: 2,
+                        children: [
+                            /*#__PURE__*/ _jsx(Grid, {
+                                item: true,
+                                xs: 4,
+                                children: /*#__PURE__*/ _jsx(Controller, {
+                                    name: "name",
+                                    render: ({ field , fieldState  })=>{
+                                        var _fieldState_error;
+                                        /*#__PURE__*/ return _jsx(TextField, {
+                                            ...field,
+                                            required: true,
+                                            fullWidth: true,
+                                            name: "name",
+                                            label: "Name",
+                                            InputLabelProps: {
+                                                shrink: action === 'read' ? true : undefined
+                                            },
+                                            InputProps: {
+                                                disabled: action === 'update' && !isDraft,
+                                                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;
+                                                });
+                                            }
+                                        });
+                                    }
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(Grid, {
+                                item: true,
+                                xs: 8,
+                                children: /*#__PURE__*/ _jsx(Controller, {
+                                    name: "title",
+                                    render: ({ field , fieldState  })=>{
+                                        var _fieldState_error;
+                                        /*#__PURE__*/ return _jsx(TextField, {
+                                            ...field,
+                                            fullWidth: true,
+                                            name: "title",
+                                            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)=>{
+                                                setState((draft)=>{
+                                                    field.onChange(event);
+                                                    if (draft.spec.display) {
+                                                        draft.spec.display.name = event.target.value;
+                                                    }
+                                                });
+                                            }
+                                        });
+                                    }
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(Grid, {
+                                item: true,
+                                xs: 12,
+                                children: /*#__PURE__*/ _jsx(Controller, {
+                                    name: "description",
+                                    render: ({ field , fieldState  })=>{
+                                        var _fieldState_error;
+                                        /*#__PURE__*/ return _jsx(TextField, {
+                                            ...field,
+                                            fullWidth: true,
+                                            name: "description",
+                                            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)=>{
+                                                    if (draft.spec.display) {
+                                                        draft.spec.display.description = event.target.value;
+                                                    }
+                                                });
+                                            }
+                                        });
+                                    }
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(Grid, {
+                                item: true,
+                                xs: 6,
+                                sx: {
+                                    paddingTop: '5px !important'
+                                },
+                                children: /*#__PURE__*/ _jsxs(Stack, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Controller, {
+                                            name: "default",
+                                            render: ({ field  })=>/*#__PURE__*/ _jsx(FormControlLabel, {
+                                                    ...field,
+                                                    control: /*#__PURE__*/ _jsx(Switch, {
+                                                        checked: state.spec.default,
+                                                        readOnly: action === 'read',
+                                                        onChange: (event)=>{
+                                                            if (action === 'read') return; // ReadOnly prop is not blocking user interaction...
+                                                            field.onChange(event);
+                                                            setState((draft)=>{
+                                                                draft.spec.default = event.target.checked;
+                                                            });
+                                                        }
+                                                    }),
+                                                    label: "Set as default"
+                                                })
+                                        }),
+                                        /*#__PURE__*/ _jsxs(Typography, {
+                                            variant: "caption",
+                                            children: [
+                                                "Whether this datasource should be the default ",
+                                                state.spec.plugin.kind,
+                                                " to be used"
+                                            ]
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Divider, {}),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        py: 1,
+                        variant: "h3",
+                        children: "Plugin Options"
+                    }),
+                    /*#__PURE__*/ _jsx(PluginEditor, {
+                        width: "100%",
+                        pluginType: "Datasource",
+                        pluginKindLabel: "Source",
+                        value: state.spec.plugin,
+                        isReadonly: action === 'read',
+                        onChange: (v)=>{
+                            setState((draft)=>{
+                                draft.spec.plugin = v;
+                            });
+                        }
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(DiscardChangesConfirmationDialog, {
+                description: "Are you sure you want to discard your changes? Changes cannot be recovered.",
+                isOpen: isDiscardDialogOpened,
+                onCancel: ()=>setDiscardDialogOpened(false),
+                onDiscardChanges: ()=>{
+                    setDiscardDialogOpened(false);
+                    onClose();
+                }
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=DatasourceEditorForm.js.map