@grafana/plugin-ui 0.2.0 → 0.2.1

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

@@ -0,0 +1,15 @@
+/**
+ * Copy & paste from https://github.com/grafana/grafana/blob/main/packages/grafana-ui/src/components/SecretInput/SecretInput.tsx
+ * Available starting from @grafana/ui 9.2
+ */
+import * as React from "react";
+import { Input } from "@grafana/ui";
+export declare 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 */
+    onReset: () => void;
+};
+export declare const CONFIGURED_TEXT = "configured";
+export declare const RESET_BUTTON_TEXT = "Reset";
+export declare const SecretInput: ({ isConfigured, onReset, ...props }: Props) => JSX.Element;

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

@@ -0,0 +1,19 @@
+/**
+ * Copy & paste from https://github.com/grafana/grafana/blob/main/packages/grafana-ui/src/components/SecretTextArea/SecretTextArea.tsx
+ * Available starting from @grafana/ui 9.2
+ */
+import * as React from "react";
+import { TextArea } from "@grafana/ui";
+export declare 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 */
+    onReset: () => void;
+};
+export declare const CONFIGURED_TEXT = "configured";
+export declare const RESET_BUTTON_TEXT = "Reset";
+/**
+ * Text area that does not disclose an already configured value but lets the user reset the current value and enter a new one.
+ * Typically useful for asymmetric cryptography keys.
+ */
+export declare const SecretTextArea: ({ isConfigured, onReset, ...props }: Props) => JSX.Element;

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

@@ -1 +1,2 @@
-export {};
+export { SecretInput } from "./SecretInput";
+export { SecretTextArea } from "./SecretTextarea";

package/dist/unreleasedComponents/SecretInput.js

@@ -0,0 +1,21 @@
+"use strict";
+/**
+ * Copy & paste from https://github.com/grafana/grafana/blob/main/packages/grafana-ui/src/components/SecretInput/SecretInput.tsx
+ * Available starting from @grafana/ui 9.2
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecretInput = exports.RESET_BUTTON_TEXT = exports.CONFIGURED_TEXT = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const ui_1 = require("@grafana/ui");
+exports.CONFIGURED_TEXT = "configured";
+exports.RESET_BUTTON_TEXT = "Reset";
+const SecretInput = (_a) => {
+    var { isConfigured, onReset } = _a, props = tslib_1.__rest(_a, ["isConfigured", "onReset"]);
+    return (React.createElement(ui_1.HorizontalGroup, null,
+        !isConfigured && React.createElement(ui_1.Input, Object.assign({}, props, { type: "password" })),
+        isConfigured && (React.createElement(ui_1.Input, Object.assign({}, props, { type: "text", disabled: true, value: exports.CONFIGURED_TEXT }))),
+        isConfigured && (React.createElement(ui_1.Button, { onClick: onReset, variant: "secondary" }, exports.RESET_BUTTON_TEXT))));
+};
+exports.SecretInput = SecretInput;
+//# sourceMappingURL=SecretInput.js.map

package/dist/unreleasedComponents/SecretInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecretInput.js","sourceRoot":"","sources":["../../src/unreleasedComponents/SecretInput.tsx"],"names":[],"mappings":";AAAA;;;GAGG;;;;AAEH,qDAA+B;AAC/B,oCAA6D;AAShD,QAAA,eAAe,GAAG,YAAY,CAAC;AAC/B,QAAA,iBAAiB,GAAG,OAAO,CAAC;AAElC,MAAM,WAAW,GAAG,CAAC,EAA0C,EAAE,EAAE;QAA9C,EAAE,YAAY,EAAE,OAAO,OAAmB,EAAd,KAAK,sBAAjC,2BAAmC,CAAF;IAAc,OAAA,CACzE,oBAAC,oBAAe;QACb,CAAC,YAAY,IAAI,oBAAC,UAAK,oBAAK,KAAK,IAAE,IAAI,EAAC,UAAU,IAAG;QACrD,YAAY,IAAI,CACf,oBAAC,UAAK,oBAAK,KAAK,IAAE,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,uBAAe,IAAI,CACzE;QACA,YAAY,IAAI,CACf,oBAAC,WAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAC,WAAW,IAC1C,yBAAiB,CACX,CACV,CACe,CACnB,CAAA;CAAA,CAAC;AAZW,QAAA,WAAW,eAYtB"}

package/dist/unreleasedComponents/SecretTextarea.js

@@ -0,0 +1,36 @@
+"use strict";
+/**
+ * Copy & paste from https://github.com/grafana/grafana/blob/main/packages/grafana-ui/src/components/SecretTextArea/SecretTextArea.tsx
+ * Available starting from @grafana/ui 9.2
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecretTextArea = exports.RESET_BUTTON_TEXT = exports.CONFIGURED_TEXT = void 0;
+const tslib_1 = require("tslib");
+const css_1 = require("@emotion/css");
+const React = tslib_1.__importStar(require("react"));
+const ui_1 = require("@grafana/ui");
+exports.CONFIGURED_TEXT = "configured";
+exports.RESET_BUTTON_TEXT = "Reset";
+const getStyles = (theme) => {
+    return {
+        configuredStyle: (0, css_1.css) `
+      min-height: ${theme.spacing(theme.components.height.md)};
+      padding-top: ${theme.spacing(0.5) /** Needed to mimic vertically centered text in an input box */};
+      resize: none;
+    `,
+    };
+};
+/**
+ * Text area that does not disclose an already configured value but lets the user reset the current value and enter a new one.
+ * Typically useful for asymmetric cryptography keys.
+ */
+const SecretTextArea = (_a) => {
+    var { isConfigured, onReset } = _a, props = tslib_1.__rest(_a, ["isConfigured", "onReset"]);
+    const styles = (0, ui_1.useStyles2)(getStyles);
+    return (React.createElement(ui_1.HorizontalGroup, null,
+        !isConfigured && React.createElement(ui_1.TextArea, Object.assign({}, props)),
+        isConfigured && (React.createElement(ui_1.TextArea, Object.assign({}, props, { rows: 1, disabled: true, value: exports.CONFIGURED_TEXT, className: (0, css_1.cx)(styles.configuredStyle) }))),
+        isConfigured && (React.createElement(ui_1.Button, { onClick: onReset, variant: "secondary" }, exports.RESET_BUTTON_TEXT))));
+};
+exports.SecretTextArea = SecretTextArea;
+//# sourceMappingURL=SecretTextarea.js.map

package/dist/unreleasedComponents/SecretTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecretTextarea.js","sourceRoot":"","sources":["../../src/unreleasedComponents/SecretTextarea.tsx"],"names":[],"mappings":";AAAA;;;GAGG;;;;AAEH,sCAAuC;AACvC,qDAA+B;AAG/B,oCAA4E;AAS/D,QAAA,eAAe,GAAG,YAAY,CAAC;AAC/B,QAAA,iBAAiB,GAAG,OAAO,CAAC;AAEzC,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;IACzC,OAAO;QACL,eAAe,EAAE,IAAA,SAAG,EAAA;oBACJ,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;qBAErD,KAAK,CAAC,OAAO,CACX,GAAG,CACJ,CAAC,+DACJ;;KAED;KACF,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACI,MAAM,cAAc,GAAG,CAAC,EAA0C,EAAE,EAAE;QAA9C,EAAE,YAAY,EAAE,OAAO,OAAmB,EAAd,KAAK,sBAAjC,2BAAmC,CAAF;IAC9D,MAAM,MAAM,GAAG,IAAA,eAAU,EAAC,SAAS,CAAC,CAAC;IACrC,OAAO,CACL,oBAAC,oBAAe;QACb,CAAC,YAAY,IAAI,oBAAC,aAAQ,oBAAK,KAAK,EAAI;QACxC,YAAY,IAAI,CACf,oBAAC,aAAQ,oBACH,KAAK,IACT,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,uBAAe,EACtB,SAAS,EAAE,IAAA,QAAE,EAAC,MAAM,CAAC,eAAe,CAAC,IACrC,CACH;QACA,YAAY,IAAI,CACf,oBAAC,WAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAC,WAAW,IAC1C,yBAAiB,CACX,CACV,CACe,CACnB,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,cAAc,kBAqBzB"}

package/dist/unreleasedComponents/index.js

@@ -1,3 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecretTextArea = exports.SecretInput = void 0;
+// noop for when there are no components here
+var SecretInput_1 = require("./SecretInput");
+Object.defineProperty(exports, "SecretInput", { enumerable: true, get: function () { return SecretInput_1.SecretInput; } });
+var SecretTextarea_1 = require("./SecretTextarea");
+Object.defineProperty(exports, "SecretTextArea", { enumerable: true, get: function () { return SecretTextarea_1.SecretTextArea; } });
 //# sourceMappingURL=index.js.map

package/dist/unreleasedComponents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/unreleasedComponents/index.ts"],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/unreleasedComponents/index.ts"],"names":[],"mappings":";;;AAAA,6CAA6C;AAC7C,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/plugin-ui",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "repository": "git@github.com:grafana/plugin-ui.git",
   "author": "Grafana Labs",
   "main": "dist/index.js",