@grafana/plugin-ui 0.7.2 → 0.8.0

package/dist/src/components/Plugins/PluginSignatureBadge.d.ts

@@ -1,9 +1,12 @@
-import React, { HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 import { PluginErrorCode, PluginSignatureStatus } from '@grafana/data';
 interface Props extends HTMLAttributes<HTMLDivElement> {
     status?: PluginSignatureStatus;
 }
-export declare const PluginSignatureBadge: React.FC<Props>;
+export declare const PluginSignatureBadge: {
+    ({ status, ...otherProps }: Props): JSX.Element;
+    displayName: string;
+};
 export declare function isUnsignedPluginSignature(signature?: PluginSignatureStatus): boolean | undefined;
 export declare function mapPluginErrorCodeToSignatureStatus(code: PluginErrorCode): PluginSignatureStatus.invalid | PluginSignatureStatus.modified | PluginSignatureStatus.missing;
 export {};

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

@@ -1,6 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 import { ButtonProps } from '@grafana/ui';
 interface AccessoryButtonProps extends ButtonProps {
 }
-export declare const AccessoryButton: React.FC<AccessoryButtonProps>;
+export declare const AccessoryButton: ({ className, ...props }: AccessoryButtonProps) => JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { SelectableValue } from '@grafana/data';
 import { DB, ResourceSelectorProps } from './types';
 interface DatasetSelectorProps extends ResourceSelectorProps {
@@ -9,5 +9,5 @@ interface DatasetSelectorProps extends ResourceSelectorProps {
     disabled?: boolean;
     onChange: (v: SelectableValue) => void;
 }
-export declare const DatasetSelector: React.FC<DatasetSelectorProps>;
+export declare const DatasetSelector: ({ db, dataset, value, onChange, disabled, className, applyDefault, }: DatasetSelectorProps) => JSX.Element;
 export {};

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

@@ -7,5 +7,5 @@ interface EditorFieldProps extends ComponentProps<typeof Field> {
     optional?: boolean;
     tooltip?: PopoverContent;
 }
-export declare const EditorField: React.FC<EditorFieldProps>;
+export declare const EditorField: (props: EditorFieldProps) => JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 import React from 'react';
 interface EditorFieldGroupProps {
+    children?: React.ReactNode;
 }
-export declare const EditorFieldGroup: React.FC<EditorFieldGroupProps>;
+export declare const EditorFieldGroup: ({ children }: EditorFieldGroupProps) => JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 import React from 'react';
 interface EditorHeaderProps {
+    children?: React.ReactNode;
 }
-export declare const EditorHeader: React.FC<EditorHeaderProps>;
+export declare const EditorHeader: ({ children }: EditorHeaderProps) => JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 import React from 'react';
 interface EditorRowProps {
+    children?: React.ReactNode;
 }
-export declare const EditorRow: React.FC<EditorRowProps>;
+export declare const EditorRow: ({ children }: EditorRowProps) => JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 import React from 'react';
 interface EditorRowsProps {
+    children?: React.ReactNode;
 }
-export declare const EditorRows: React.FC<EditorRowsProps>;
+export declare const EditorRows: ({ children }: EditorRowsProps) => JSX.Element;
 export {};

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

@@ -1,3 +1,3 @@
 import { Switch } from '@grafana/ui';
-import React, { ComponentProps } from 'react';
-export declare const EditorSwitch: React.FC<ComponentProps<typeof Switch>>;
+import { ComponentProps } from 'react';
+export declare const EditorSwitch: (props: ComponentProps<typeof Switch>) => JSX.Element;

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

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 interface FlexItemProps {
     grow?: number;
     shrink?: number;
 }
-export declare const FlexItem: React.FC<FlexItemProps>;
+export declare const FlexItem: ({ grow, shrink }: FlexItemProps) => JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 import React from 'react';
 interface InputGroupProps {
+    children?: React.ReactNode;
 }
-export declare const InputGroup: React.FC<InputGroupProps>;
+export declare const InputGroup: ({ children }: InputGroupProps) => JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
-import React from "react";
-import { PopoverContent } from "@grafana/ui";
+/// <reference types="react" />
+import { PopoverContent } from '@grafana/ui';
 type RunQueryButtonProps = {
     ariaLabel?: string;
     queryInvalid?: boolean;
@@ -9,5 +9,5 @@ type RunQueryButtonProps = {
     onClick: () => void;
     dataTestId?: string;
 };
-export declare const RunQueryButton: React.FC<RunQueryButtonProps>;
+export declare const RunQueryButton: ({ ariaLabel, queryRunning, queryInvalid, invalidQueryTooltip, disabled, onClick, dataTestId, }: RunQueryButtonProps) => JSX.Element;
 export {};

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

@@ -1,9 +1,10 @@
 import React, { CSSProperties } from 'react';
 interface StackProps {
+    children?: React.ReactNode;
     direction?: CSSProperties['flexDirection'];
     alignItems?: CSSProperties['alignItems'];
     wrap?: boolean;
     gap?: number;
 }
-export declare const Stack: React.FC<StackProps>;
+export declare const Stack: ({ children, ...props }: StackProps) => JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { SelectableValue } from '@grafana/data';
 import { DB, ResourceSelectorProps } from './types';
 import { QueryWithDefaults } from './defaults';
@@ -9,5 +9,5 @@ interface TableSelectorProps extends ResourceSelectorProps {
     query: QueryWithDefaults;
     onChange: (v: SelectableValue) => void;
 }
-export declare const TableSelector: React.FC<TableSelectorProps>;
+export declare const TableSelector: ({ db, dataset, value, className, onChange }: TableSelectorProps) => JSX.Element;
 export {};

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

@@ -1,9 +1,9 @@
-import { JsonTree } from "react-awesome-query-builder";
-import { DataFrame, DataSourceJsonData, MetricFindValue, SelectableValue, TimeRange } from "@grafana/data";
-import { DataQuery } from "@grafana/schema";
-import { QueryWithDefaults } from "./defaults";
-import { QueryEditorFunctionExpression, QueryEditorGroupByExpression, QueryEditorPropertyExpression } from "./expressions";
-import { CompletionItemKind, LanguageCompletionProvider } from "@grafana/experimental";
+import { JsonTree } from 'react-awesome-query-builder';
+import { DataFrame, DataSourceJsonData, MetricFindValue, SelectableValue, TimeRange } from '@grafana/data';
+import { DataQuery } from '@grafana/schema';
+import { QueryWithDefaults } from './defaults';
+import { QueryEditorFunctionExpression, QueryEditorGroupByExpression, QueryEditorPropertyExpression } from './expressions';
+import { CompletionItemKind, LanguageCompletionProvider } from '@grafana/experimental';
 export interface SqlQueryForInterpolation {
     dataset?: string;
     alias?: string;
@@ -60,7 +60,7 @@ export interface SQLExpression {
     filters?: SQLFilters;
     groupBy?: QueryEditorGroupByExpression[];
     orderBy?: QueryEditorPropertyExpression;
-    orderByDirection?: "ASC" | "DESC";
+    orderByDirection?: 'ASC' | 'DESC';
     limit?: number;
     offset?: number;
 }
@@ -91,7 +91,7 @@ export interface ResourceSelectorProps {
     className?: string;
     applyDefault?: boolean;
 }
-export 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;
@@ -116,7 +116,7 @@ export interface DB {
     getSqlCompletionProvider: () => LanguageCompletionProvider;
     toRawSql?: (query: SQLQuery) => string;
     functions: () => Promise<Aggregate[]>;
-    labels?: Map<"dataset", string>;
+    labels?: Map<'dataset', string>;
     disableDatasets?: boolean;
 }
 export interface QueryEditorProps {

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

@@ -7,5 +7,5 @@ interface EditorFieldProps extends ComponentProps<typeof Field> {
     optional?: boolean;
     tooltip?: PopoverContent;
 }
-export declare const EditorField: React.FC<EditorFieldProps>;
+export declare const EditorField: (props: EditorFieldProps) => JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 import React from 'react';
 interface EditorRowProps {
+    children?: React.ReactNode;
 }
-export declare const EditorRow: React.FC<EditorRowProps>;
+export declare const EditorRow: ({ children }: EditorRowProps) => JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 import React from 'react';
 interface EditorRowsProps {
+    children?: React.ReactNode;
 }
-export declare const EditorRows: React.FC<EditorRowsProps>;
+export declare const EditorRows: ({ children }: EditorRowsProps) => JSX.Element;
 export {};

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

@@ -4,6 +4,7 @@ interface StackProps {
     alignItems?: CSSProperties['alignItems'];
     wrap?: boolean;
     gap?: number;
+    children?: React.ReactNode;
 }
-export declare const Stack: React.FC<StackProps>;
+export declare const Stack: ({ children, ...props }: StackProps) => JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { DB, QueryEditorProps, QueryRowFilter } from '../types';
 import { SQLQuery } from '../types';
 import { TimeRange } from '@grafana/data';
@@ -10,5 +10,5 @@ interface VisualEditorProps extends QueryEditorProps {
     onValidate: (isValid: boolean) => void;
     range?: TimeRange;
 }
-export declare const VisualEditor: React.FC<VisualEditorProps>;
+export declare const VisualEditor: ({ query, db, queryRowFilter, onChange, onValidate, range }: VisualEditorProps) => JSX.Element;
 export {};

package/dist/src/datasource/SqlDatasource.d.ts

@@ -1,4 +1,4 @@
-import { DataFrameView, DataSourceInstanceSettings, DataSourceRef, MetricFindValue, ScopedVars, TimeRange, VariableModel } from '@grafana/data';
+import { DataFrameView, DataSourceInstanceSettings, MetricFindValue, ScopedVars, TimeRange, VariableModel } from '@grafana/data';
 import { DataSourceWithBackend, TemplateSrv } from '@grafana/runtime';
 import { SQLQuery, SQLOptions, DB, SqlQueryModel, ResponseParser } from '../components/QueryEditor/types';
 export interface SearchFilterOptions {
@@ -35,10 +35,10 @@ export declare abstract class SqlDatasource extends DataSourceWithBackend<SQLQue
     interpolateVariable: (value: string | string[] | number, variable: VariableWithMultiSupport) => string | number;
     interpolateVariablesInQueries(queries: SQLQuery[], scopedVars: ScopedVars): SQLQuery[];
     filterQuery(query: SQLQuery): boolean;
-    applyTemplateVariables(target: SQLQuery, scopedVars: ScopedVars): Record<string, string | DataSourceRef | SQLQuery['format']>;
+    applyTemplateVariables(target: SQLQuery, scopedVars: ScopedVars): SQLQuery;
     clean(value: string): string;
     metricFindQuery(query: string, optionalOptions?: MetricFindQueryOptions): Promise<MetricFindValue[]>;
-    runSql<T>(query: string, options?: RunSQLOptions): Promise<DataFrameView<T>>;
+    runSql<T extends object>(query: string, options?: RunSQLOptions): Promise<DataFrameView<T>>;
     private runMetaQuery;
     testDatasource(): Promise<{
         status: string;

package/dist/src/index.d.ts

@@ -4,7 +4,6 @@
  * @packageDocumentation
  */
 export * from './components';
-export * from './unreleasedComponents';
 export * from './test/mocks';
 export * from './utils';
 export { SqlDatasource } from './datasource/SqlDatasource';

package/dist/test/mocks/QueryEditorProps.js

@@ -23,7 +23,6 @@ const mockQueryEditorProps = () => ({
         timeRange: (0, exports.mockTimeRange)(),
     },
     range: (0, exports.mockTimeRange)(),
-    exploreId: (0, chance_1.Chance)().guid(),
     history: [],
 });
 exports.mockQueryEditorProps = mockQueryEditorProps;

package/dist/test/mocks/QueryEditorProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryEditorProps.js","sourceRoot":"","sources":["../../../src/test/mocks/QueryEditorProps.ts"],"names":[],"mappings":";;;AAAA,wCAMuB;AACvB,mCAAgC;AAEzB,MAAM,oBAAoB,GAAG,GAAoC,EAAE,CAAC,CAAC;IAC1E,UAAU,EAAE,EAAE;IACd,KAAK,EAAE;QACL,KAAK,EAAE,IAAA,eAAM,GAAE,CAAC,IAAI,EAAE;QACtB,IAAI,EAAE,KAAK;QACX,GAAG,EAAE,IAAA,eAAM,GAAE,CAAC,IAAI,EAAE;QACpB,SAAS,EAAE,IAAA,eAAM,GAAE,CAAC,IAAI,EAAE;QAC1B,SAAS,EAAE,gBAAS,CAAC,WAAW;QAChC,UAAU,EAAE,IAAA,eAAM,GAAE,CAAC,OAAO,CAAC,CAAC,IAAA,eAAM,GAAE,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;KACtD;IACD,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE;IACrB,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE;IACnB,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE;IACjB,IAAI,EAAE;QACJ,KAAK,EAAE,IAAA,wBAAgB,GAAE;QACzB,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,IAAA,qBAAa,GAAE;KAC3B;IACD,KAAK,EAAE,IAAA,qBAAa,GAAE;IACtB,SAAS,EAAE,IAAA,eAAM,GAAE,CAAC,IAAI,EAAE;IAC1B,OAAO,EAAE,EAAE;CACZ,CAAC,CAAC;AAtBU,QAAA,oBAAoB,wBAsB9B;AAEI,MAAM,gBAAgB,GAAG,GAAiB,EAAE,CACjD,IAAA,eAAM,GAAE,CAAC,OAAO,CAAC;IACf,mBAAY,CAAC,UAAU;IACvB,mBAAY,CAAC,OAAO;IACpB,mBAAY,CAAC,SAAS;IACtB,mBAAY,CAAC,IAAI;IACjB,mBAAY,CAAC,KAAK;CACnB,CAAC,CAAC;AAPQ,QAAA,gBAAgB,oBAOxB;AAEE,MAAM,aAAa,GAAG,GAAc,EAAE,CAAC,CAAC;IAC7C,IAAI,EAAE,IAAA,eAAQ,GAAE;IAChB,EAAE,EAAE,IAAA,eAAQ,GAAE;IACd,GAAG,EAAE;QACH,IAAI,EAAE,IAAA,eAAQ,GAAE;QAChB,EAAE,EAAE,IAAA,eAAQ,GAAE;KACf;CACF,CAAC,CAAC;AAPU,QAAA,aAAa,iBAOvB"}
+{"version":3,"file":"QueryEditorProps.js","sourceRoot":"","sources":["../../../src/test/mocks/QueryEditorProps.ts"],"names":[],"mappings":";;;AAAA,wCAA+F;AAC/F,mCAAgC;AAEzB,MAAM,oBAAoB,GAAG,GAAoC,EAAE,CAAC,CAAC;IAC1E,UAAU,EAAE,EAAE;IACd,KAAK,EAAE;QACL,KAAK,EAAE,IAAA,eAAM,GAAE,CAAC,IAAI,EAAE;QACtB,IAAI,EAAE,KAAK;QACX,GAAG,EAAE,IAAA,eAAM,GAAE,CAAC,IAAI,EAAE;QACpB,SAAS,EAAE,IAAA,eAAM,GAAE,CAAC,IAAI,EAAE;QAC1B,SAAS,EAAE,gBAAS,CAAC,WAAW;QAChC,UAAU,EAAE,IAAA,eAAM,GAAE,CAAC,OAAO,CAAC,CAAC,IAAA,eAAM,GAAE,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;KACtD;IACD,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE;IACrB,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE;IACnB,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE;IACjB,IAAI,EAAE;QACJ,KAAK,EAAE,IAAA,wBAAgB,GAAE;QACzB,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,IAAA,qBAAa,GAAE;KAC3B;IACD,KAAK,EAAE,IAAA,qBAAa,GAAE;IACtB,OAAO,EAAE,EAAE;CACZ,CAAC,CAAC;AArBU,QAAA,oBAAoB,wBAqB9B;AAEI,MAAM,gBAAgB,GAAG,GAAiB,EAAE,CACjD,IAAA,eAAM,GAAE,CAAC,OAAO,CAAC;IACf,mBAAY,CAAC,UAAU;IACvB,mBAAY,CAAC,OAAO;IACpB,mBAAY,CAAC,SAAS;IACtB,mBAAY,CAAC,IAAI;IACjB,mBAAY,CAAC,KAAK;CACnB,CAAC,CAAC;AAPQ,QAAA,gBAAgB,oBAOxB;AAEE,MAAM,aAAa,GAAG,GAAc,EAAE,CAAC,CAAC;IAC7C,IAAI,EAAE,IAAA,eAAQ,GAAE;IAChB,EAAE,EAAE,IAAA,eAAQ,GAAE;IACd,GAAG,EAAE;QACH,IAAI,EAAE,IAAA,eAAQ,GAAE;QAChB,EAAE,EAAE,IAAA,eAAQ,GAAE;KACf;CACF,CAAC,CAAC;AAPU,QAAA,aAAa,iBAOvB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/plugin-ui",
-  "version": "0.7.2",
+  "version": "0.8.0",
   "repository": "git@github.com:grafana/plugin-ui.git",
   "author": "Grafana Labs",
   "main": "dist/index.js",
@@ -19,12 +19,7 @@
   "dependencies": {
     "@changesets/read": "^0.5.9",
     "@changesets/write": "^0.2.3",
-    "@grafana/data": "^9.5.13",
-    "@grafana/e2e-selectors": "^9.5.13",
     "@grafana/experimental": "1.7.4",
-    "@grafana/runtime": "^9.5.13",
-    "@grafana/tsconfig": "1.2.0-rc1",
-    "@grafana/ui": "^9.5.13",
     "chance": "^1.1.7",
     "fast-glob": "^3.3.1",
     "lodash": "^4.17.21",
@@ -35,7 +30,6 @@
     "react-use": "17.3.1",
     "react-virtualized-auto-sizer": "^1.0.6",
     "semver": "^7.5.4",
-    "@testing-library/user-event": "^12.8.3",
     "sql-formatter-plus": "^1.3.6"
   },
   "devDependencies": {
@@ -47,14 +41,20 @@
     "@babel/preset-typescript": "^7.12.7",
     "@changesets/cli": "^2.26.2",
     "@changesets/types": "^5.2.1",
+    "@grafana/data": "^10.4.0",
+    "@grafana/e2e-selectors": "^10.4.0",
+    "@grafana/runtime": "^10.4.0",
+    "@grafana/tsconfig": "1.3.0-rc1",
+    "@grafana/ui": "^10.4.0",
     "@storybook/addon-actions": "^6.5.16",
     "@storybook/addon-essentials": "^6.5.16",
     "@storybook/addon-links": "^6.5.16",
     "@storybook/addons": "^6.5.16",
     "@storybook/react": "^6.5.16",
     "@storybook/theming": "^6.5.16",
-    "@testing-library/jest-dom": "^5.11.6",
-    "@testing-library/react": "^11.2.2",
+    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/react": "15.0.2",
+    "@testing-library/user-event": "14.5.2",
     "@types/chance": "^1.1.0",
     "@types/lodash": "^4.14.194",
     "@types/memoize-one": "^5.1.2",
@@ -67,12 +67,23 @@
     "copyfiles": "^2.4.1",
     "jest-fetch-mock": "^3.0.3",
     "mockdate": "^3.0.2",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "rxjs": "^7.8.1",
     "ts-jest": "^26.4.4",
     "ts-node": "^10.9.1",
     "typescript": "^4.9.5"
   },
   "peerDependencies": {
-    "@changesets/cli": ">=2.x"
+    "@changesets/cli": ">=2.x",
+    "@grafana/data": "^10.4.0",
+    "@grafana/e2e-selectors": "^10.4.0",
+    "@grafana/runtime": "^10.4.0",
+    "@grafana/tsconfig": "1.3.0-rc1",
+    "@grafana/ui": "^10.4.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "rxjs": "^7.8.1"
   },
   "files": [
     "dist/**/*",

package/CHANGELOG.md

@@ -1,25 +0,0 @@
-# Change Log
-
-## v0.7.0 - 2024-04-30
-
-- ⚙️ **Chore**: changing the QueryFormat enum to match grafana's sqlds and sqlutil constant values
-
-## v0.6.3 - 2024-04-15
-
-- ⚙️ **Chore**: allow datasets to be disabled in the sql query editor
-
-## v0.6.2 - 2024-02-02
-
-- ⚙️ **Chore**: better type checks for DB.labels
-
-## v0.6.1 - 2024-01-09
-
-- 🐛 **Fix**: moving user_event library from dev-dependencies to dependencies
-
-## v0.6.0 - 2023-10-25
-
-- ⚙️ **Chore**: **BREAKING**: Remove e2e related functionality
-
-## v0.5.0 - 2023-10-24
-
-- ⚙️ **Chore**: Update `@grafana` dependencies from v8 to latest v9

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

@@ -1,15 +0,0 @@
-/**
- * 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 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

@@ -1,19 +0,0 @@
-/**
- * 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 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,2 +0,0 @@
-export { SecretInput } from "./SecretInput";
-export { SecretTextArea } from "./SecretTextarea";

package/dist/unreleasedComponents/SecretInput.js

@@ -1,21 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,36 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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,9 +0,0 @@
-"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 +0,0 @@
-{"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"}