@grafana/plugin-ui 0.3.4 → 0.3.5

package/dist/components/ConfigEditor/SecureSocksProxyToggle.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecureSocksProxyToggle = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ui_1 = require("@grafana/ui");
+const runtime_1 = require("@grafana/runtime");
+const compatibility_1 = require("../../utils/compatibility");
+const SecureSocksProxyToggle = (_a) => {
+    var { labelWidth = 10 } = _a, props = tslib_1.__rest(_a, ["labelWidth"]);
+    const { dataSourceConfig, onChange } = props;
+    const handleSwitchChange = (e) => {
+        onChange(Object.assign(Object.assign({}, dataSourceConfig), { jsonData: Object.assign(Object.assign({}, dataSourceConfig.jsonData), { enableSecureSocksProxy: e.target.checked }) }));
+    };
+    return (
+    /* if the compatibility check returns true, secureSocksDSProxyEnabled will be an option in the Grafana config */
+    (0, compatibility_1.hasCompatibility)(compatibility_1.CompatibilityFeature.SECURE_SOCKS_PROXY) && runtime_1.config.secureSocksDSProxyEnabled
+        &&
+            (react_1.default.createElement("div", null,
+                react_1.default.createElement("div", { className: "gf-form" },
+                    react_1.default.createElement("div", { className: "gf-form gf-form-inline" },
+                        react_1.default.createElement(ui_1.InlineField, { label: "Secure Socks Proxy Enabled", labelWidth: labelWidth, tooltip: react_1.default.createElement(react_1.default.Fragment, null,
+                                "Proxy the datasource connection through the secure socks proxy to a different network. To learn more about configuring the datasource connection proxy, ",
+                                ' ',
+                                react_1.default.createElement("a", { href: "https://grafana.com/docs/grafana/latest/setup-grafana/configure-grafana/proxy/", target: "_blank", rel: "noopener noreferrer" }, "click here.")) },
+                            react_1.default.createElement(ui_1.InlineSwitch, { value: dataSourceConfig.jsonData.enableSecureSocksProxy, onChange: handleSwitchChange })))))));
+};
+exports.SecureSocksProxyToggle = SecureSocksProxyToggle;
+//# sourceMappingURL=SecureSocksProxyToggle.js.map

package/dist/components/ConfigEditor/SecureSocksProxyToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecureSocksProxyToggle.js","sourceRoot":"","sources":["../../../src/components/ConfigEditor/SecureSocksProxyToggle.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,oCAA0F;AAC1F,8CAA0C;AAE1C,6DAAmF;AAQ5E,MAAM,sBAAsB,GAAoB,CAAC,EAGvD,EAAE,EAAE;QAHmD,EACtD,UAAU,GAAC,EAAE,OAEd,EADI,KAAK,sBAF8C,cAGvD,CADS;IAER,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,kBAAkB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACpE,QAAQ,iCACH,gBAAgB,KACnB,QAAQ,kCACH,gBAAgB,CAAC,QAAQ,KAC5B,sBAAsB,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,OAE1C,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;IACH,gHAAgH;IAChH,IAAA,gCAAgB,EAAC,oCAAoB,CAAC,kBAAkB,CAAC,IAAK,gBAAc,CAAC,yBAAyB;;YAEtG,CACA;gBACE,uCAAK,SAAS,EAAC,SAAS;oBACtB,uCAAK,SAAS,EAAC,wBAAwB;wBACrC,8BAAC,gBAAW,IACV,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAE,UAAU,EACtB,OAAO,EACL;;gCAC2J,GAAG;gCAC5J,qCACE,IAAI,EAAC,gFAAgF,EACrF,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,kBAGvB,CACH;4BAGP,8BAAC,iBAAY,IACX,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,sBAAsB,EACvD,QAAQ,EAAE,kBAAkB,GAC5B,CACY,CACV,CACF,CACA,CACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,sBAAsB,0BAiDjC"}

package/dist/components/ConfigEditor/index.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InlineLabel = void 0;
+exports.SecureSocksProxyToggle = exports.InlineLabel = void 0;
 var InlineLabel_1 = require("./InlineLabel");
 Object.defineProperty(exports, "InlineLabel", { enumerable: true, get: function () { return InlineLabel_1.InlineLabel; } });
+var SecureSocksProxyToggle_1 = require("./SecureSocksProxyToggle");
+Object.defineProperty(exports, "SecureSocksProxyToggle", { enumerable: true, get: function () { return SecureSocksProxyToggle_1.SecureSocksProxyToggle; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ConfigEditor/index.ts"],"names":[],"mappings":";;;AAAA,6CAA4C;AAAnC,0GAAA,WAAW,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ConfigEditor/index.ts"],"names":[],"mappings":";;;AAAA,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,mEAAkE;AAAzD,gIAAA,sBAAsB,OAAA"}

package/dist/src/components/ConfigEditor/InlineLabel.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { InlineLabel as OriginalInlineLabel } from "@grafana/ui";
-declare type Props = React.ComponentProps<typeof OriginalInlineLabel> & {
+type Props = React.ComponentProps<typeof OriginalInlineLabel> & {
     required?: boolean;
 };
 export declare const InlineLabel: React.FC<Props>;

package/dist/src/components/ConfigEditor/SecureSocksProxyToggle.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { InlineLabel as OriginalInlineLabel } from "@grafana/ui";
+import { DataSourceSettings } from "@grafana/data";
+type Props = Omit<React.ComponentProps<typeof OriginalInlineLabel>, 'children'> & {
+    dataSourceConfig: DataSourceSettings<any, any>;
+    onChange: (config: DataSourceSettings) => void;
+    labelWidth: number;
+};
+export declare const SecureSocksProxyToggle: React.FC<Props>;
+export {};

package/dist/src/components/ConfigEditor/index.d.ts

@@ -1 +1,2 @@
 export { InlineLabel } from "./InlineLabel";
+export { SecureSocksProxyToggle } from "./SecureSocksProxyToggle";

package/dist/src/components/CustomHeadersSettings/CustomHeadersSettings.d.ts

@@ -6,7 +6,7 @@ export interface CustomHeader {
     value: string;
     configured: boolean;
 }
-export declare type CustomHeaders = CustomHeader[];
+export type CustomHeaders = CustomHeader[];
 export interface Props {
     dataSourceConfig: DataSourceSettings<any, any>;
     onChange: (config: DataSourceSettings) => void;

package/dist/src/components/DataLinks/DataLink.d.ts

@@ -1,6 +1,6 @@
 import { VariableSuggestion, DataSourceInstanceSettings, DataSourceJsonData } from '@grafana/data';
 import { DataLinkConfig } from './types';
-declare type Props = {
+type Props = {
     value: DataLinkConfig;
     datasources?: DataSourceInstanceSettings<DataSourceJsonData>[];
     onChange: (value: DataLinkConfig) => void;

package/dist/src/components/DataLinks/DataLinks.d.ts

@@ -1,5 +1,5 @@
 import { DataLinkConfig } from './types';
-declare type Props = {
+type Props = {
     value?: DataLinkConfig[];
     onChange: (value: DataLinkConfig[]) => void;
 };

package/dist/src/components/DataLinks/types.d.ts

@@ -1,4 +1,4 @@
-export declare type DataLinkConfig = {
+export type DataLinkConfig = {
     field: string;
     label: string;
     matcherRegex: string;

package/dist/src/components/QueryEditor/ConfirmModal.d.ts

@@ -1,4 +1,4 @@
-declare type ConfirmModalProps = {
+type ConfirmModalProps = {
     isOpen: boolean;
     onCancel?: () => void;
     onDiscard?: () => void;

package/dist/src/components/QueryEditor/ErrorBoundary.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Props = {
+type Props = {
     fallBackComponent?: React.ReactNode;
 };
 export declare class ErrorBoundary extends React.Component<Props, {

package/dist/src/components/QueryEditor/QueryEditor.d.ts

@@ -1,6 +1,6 @@
 import { QueryEditorProps } from '@grafana/data';
 import { SQLQuery, SQLOptions } from './types';
 import { SqlDatasource } from '../../datasource/SqlDatasource';
-declare type Props = QueryEditorProps<SqlDatasource, SQLQuery, SQLOptions>;
+type Props = QueryEditorProps<SqlDatasource, SQLQuery, SQLOptions>;
 export declare function SqlQueryEditor({ datasource, query, onChange, onRunQuery, range }: Props): JSX.Element | null;
 export {};

package/dist/src/components/QueryEditor/RunQueryButton.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { PopoverContent } from "@grafana/ui";
-declare type RunQueryButtonProps = {
+type RunQueryButtonProps = {
     ariaLabel?: string;
     queryInvalid?: boolean;
     invalidQueryTooltip?: PopoverContent;

package/dist/src/components/QueryEditor/defaults.d.ts

@@ -1,3 +1,3 @@
 import { SQLQuery } from './types';
 export declare function applyQueryDefaults(q?: SQLQuery): SQLQuery;
-export declare type QueryWithDefaults = ReturnType<typeof applyQueryDefaults>;
+export type QueryWithDefaults = ReturnType<typeof applyQueryDefaults>;

package/dist/src/components/QueryEditor/expressions.d.ts

@@ -5,8 +5,8 @@ export interface QueryEditorProperty {
     type: QueryEditorPropertyType;
     name?: string;
 }
-export declare type QueryEditorOperatorType = string | boolean | number;
-declare type QueryEditorOperatorValueType = QueryEditorOperatorType | QueryEditorOperatorType[];
+export type QueryEditorOperatorType = string | boolean | number;
+type QueryEditorOperatorValueType = QueryEditorOperatorType | QueryEditorOperatorType[];
 export interface QueryEditorOperator<T extends QueryEditorOperatorValueType> {
     name?: string;
     value?: T;
@@ -33,7 +33,7 @@ export declare enum QueryEditorExpressionType {
     Function = "function",
     FunctionParameter = "functionParameter"
 }
-export declare type QueryEditorExpression = QueryEditorArrayExpression | QueryEditorPropertyExpression | QueryEditorGroupByExpression | QueryEditorFunctionExpression | QueryEditorFunctionParameterExpression | QueryEditorOperatorExpression;
+export type QueryEditorExpression = QueryEditorArrayExpression | QueryEditorPropertyExpression | QueryEditorGroupByExpression | QueryEditorFunctionExpression | QueryEditorFunctionParameterExpression | QueryEditorOperatorExpression;
 export interface QueryEditorGroupByExpression {
     type: QueryEditorExpressionType.GroupBy;
     property: QueryEditorProperty;

package/dist/src/components/QueryEditor/query-editor-raw/QueryEditorRaw.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { LanguageCompletionProvider } from '@grafana/experimental';
 import { SQLQuery } from '../types';
-declare type Props = {
+type Props = {
     query: SQLQuery;
     onChange: (value: SQLQuery, processQuery: boolean) => void;
     children?: (props: {

package/dist/src/components/QueryEditor/types.d.ts

@@ -48,7 +48,7 @@ export interface NameValue {
     name: string;
     value: string;
 }
-export declare type SQLFilters = NameValue[];
+export type SQLFilters = NameValue[];
 export interface SQLExpression {
     columns?: QueryEditorFunctionExpression[];
     whereJsonTree?: JsonTree;
@@ -87,7 +87,7 @@ export interface ResourceSelectorProps {
     className?: string;
     applyDefault?: boolean;
 }
-export declare type RAQBFieldTypes = 'text' | 'number' | 'boolean' | 'datetime' | 'date' | 'time';
+export type RAQBFieldTypes = 'text' | 'number' | 'boolean' | 'datetime' | 'date' | 'time';
 export interface SQLSelectableValue extends SelectableValue {
     type?: string;
     raqbFieldType?: RAQBFieldTypes;

package/dist/src/components/QueryEditor/visual-query-builder/OrderByRow.d.ts

@@ -1,6 +1,6 @@
 import { SelectableValue } from '@grafana/data';
 import { SQLExpression } from '../types';
-declare type OrderByRowProps = {
+type OrderByRowProps = {
     sql: SQLExpression;
     onSqlChange: (sql: SQLExpression) => void;
     columns?: Array<SelectableValue<string>>;

package/dist/src/components/QueryEditor/visual-query-builder/Preview.d.ts

@@ -1,4 +1,4 @@
-declare type PreviewProps = {
+type PreviewProps = {
     rawSql: string;
 };
 export declare function Preview({ rawSql }: PreviewProps): JSX.Element;

package/dist/src/components/QueryEditor/visual-query-builder/SQLOrderByRow.d.ts

@@ -1,7 +1,7 @@
 import { SelectableValue } from '@grafana/data';
 import { QueryWithDefaults } from '../defaults';
 import { SQLQuery, DB } from '../types';
-declare type SQLOrderByRowProps = {
+type SQLOrderByRowProps = {
     fields: SelectableValue[];
     query: QueryWithDefaults;
     onQueryChange: (query: SQLQuery) => void;

package/dist/src/unreleasedComponents/SecretInput.d.ts

@@ -4,7 +4,7 @@
  */
 import * as React from "react";
 import { Input } from "@grafana/ui";
-export declare type Props = React.ComponentProps<typeof Input> & {
+export type Props = React.ComponentProps<typeof Input> & {
     /** TRUE if the secret was already configured. (It is needed as often the backend doesn't send back the actual secret, only the information that it was configured) */
     isConfigured: boolean;
     /** Called when the user clicks on the "Reset" button in order to clear the secret */

package/dist/src/unreleasedComponents/SecretTextarea.d.ts

@@ -4,7 +4,7 @@
  */
 import * as React from "react";
 import { TextArea } from "@grafana/ui";
-export declare type Props = React.ComponentProps<typeof TextArea> & {
+export type Props = React.ComponentProps<typeof TextArea> & {
     /** TRUE if the secret was already configured. (It is needed as often the backend doesn't send back the actual secret, only the information that it was configured) */
     isConfigured: boolean;
     /** Called when the user clicks on the "Reset" button in order to clear the secret */

package/dist/src/utils/compatibility.d.ts

@@ -1,5 +1,6 @@
 export declare enum CompatibilityFeature {
-    HEALTH_DIAGNOSTICS_ERRORS = 0
+    HEALTH_DIAGNOSTICS_ERRORS = 0,
+    SECURE_SOCKS_PROXY = 1
 }
 /**
  * Checks if the currently running version of Grafana supports the feature.

package/dist/src/utils/testDatasource.d.ts

@@ -1,11 +1,11 @@
 import { HealthCheckResult } from '@grafana/runtime';
-export declare type HealthCheckResultDetails = Record<string, any> | undefined;
+export type HealthCheckResultDetails = Record<string, any> | undefined;
 export declare class HealthCheckError extends Error {
     details: HealthCheckResultDetails;
     constructor(message: string, details: HealthCheckResultDetails);
 }
-export declare type TestDatasourceReturn = Partial<HealthCheckResult> | Error;
-export declare type BaseTestDatasource = () => Promise<TestDatasourceReturn>;
+export type TestDatasourceReturn = Partial<HealthCheckResult> | Error;
+export type BaseTestDatasource = () => Promise<TestDatasourceReturn>;
 /**
  * Override function for testDatasource in Grafana for the health check
  *

package/dist/utils/compatibility.js

@@ -6,6 +6,7 @@ const semver_1 = require("semver");
 var CompatibilityFeature;
 (function (CompatibilityFeature) {
     CompatibilityFeature[CompatibilityFeature["HEALTH_DIAGNOSTICS_ERRORS"] = 0] = "HEALTH_DIAGNOSTICS_ERRORS";
+    CompatibilityFeature[CompatibilityFeature["SECURE_SOCKS_PROXY"] = 1] = "SECURE_SOCKS_PROXY";
 })(CompatibilityFeature = exports.CompatibilityFeature || (exports.CompatibilityFeature = {}));
 /**
  * Checks if the currently running version of Grafana supports the feature.
@@ -20,6 +21,8 @@ const hasCompatibility = (feature) => {
     switch (feature) {
         case CompatibilityFeature.HEALTH_DIAGNOSTICS_ERRORS:
             return (0, semver_1.gte)(version, "8.0.0");
+        case CompatibilityFeature.SECURE_SOCKS_PROXY:
+            return (0, semver_1.gte)(version, "10.0.0");
         default:
             return false;
     }

package/dist/utils/compatibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"compatibility.js","sourceRoot":"","sources":["../../src/utils/compatibility.ts"],"names":[],"mappings":";;;AAAA,8CAA0C;AAC1C,mCAA6B;AAE7B,IAAY,oBAEX;AAFD,WAAY,oBAAoB;IAC9B,yGAAyB,CAAA;AAC3B,CAAC,EAFW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAE/B;AAED;;;;;;;GAOG;AACK,MAAM,gBAAgB,GAAG,CAAC,OAA6B,EAAW,EAAE;IAC1E,MAAM,OAAO,GAAG,gBAAM,CAAC,SAAS,CAAC,OAAO,CAAC;IAEzC,QAAQ,OAAO,EAAE;QACf,KAAK,oBAAoB,CAAC,yBAAyB;YACjD,OAAO,IAAA,YAAG,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC/B;YACE,OAAO,KAAK,CAAC;KAChB;AACH,CAAC,CAAC;AATY,QAAA,gBAAgB,oBAS5B"}
+{"version":3,"file":"compatibility.js","sourceRoot":"","sources":["../../src/utils/compatibility.ts"],"names":[],"mappings":";;;AAAA,8CAA0C;AAC1C,mCAA6B;AAE7B,IAAY,oBAGX;AAHD,WAAY,oBAAoB;IAC9B,yGAAyB,CAAA;IACzB,2FAAkB,CAAA;AACpB,CAAC,EAHW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAG/B;AAED;;;;;;;GAOG;AACK,MAAM,gBAAgB,GAAG,CAAC,OAA6B,EAAW,EAAE;IAC1E,MAAM,OAAO,GAAG,gBAAM,CAAC,SAAS,CAAC,OAAO,CAAC;IAEzC,QAAQ,OAAO,EAAE;QACf,KAAK,oBAAoB,CAAC,yBAAyB;YACjD,OAAO,IAAA,YAAG,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC/B,KAAK,oBAAoB,CAAC,kBAAkB;YAC1C,OAAO,IAAA,YAAG,EAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAChC;YACE,OAAO,KAAK,CAAC;KAChB;AACH,CAAC,CAAC;AAXY,QAAA,gBAAgB,oBAW5B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/plugin-ui",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "repository": "git@github.com:grafana/plugin-ui.git",
   "author": "Grafana Labs",
   "main": "dist/index.js",
@@ -37,8 +37,7 @@
     "react-use": "17.3.1",
     "react-virtualized-auto-sizer": "^1.0.6",
     "semver": "^7.3.5",
-    "sql-formatter-plus": "^1.3.6",
-    "typescript": "^4.7.4"
+    "sql-formatter-plus": "^1.3.6"
   },
   "devDependencies": {
     "@babel/core": "^7.12.9",
@@ -64,7 +63,8 @@
     "babel-loader": "^8.2.2",
     "jest-fetch-mock": "^3.0.3",
     "mockdate": "^3.0.2",
-    "ts-jest": "^26.4.4"
+    "ts-jest": "^26.4.4",
+    "typescript": "^4.9.5"
   },
   "peerDependencies": {
     "@changesets/cli": ">=2.x"