Replace @grafana/experimental with @grafana/plugin-ui and prepare 0.6…

….0 (#111)

* Replace experimental with plugin-ui

* prepare 0.6.0

CHANGELOG.md

@@ -2,6 +2,38 @@
 
 All notable changes to this project will be documented in this file.
 
+## v.0.6.0
+
+- Replace @grafana/experimental with @grafana/plugin-ui
+- Chore: add dependabot in [#97](https://github.com/grafana/grafana-aws-sdk-react/pull/97)
+- Dependency updates in [#98](https://github.com/grafana/grafana-aws-sdk-react/pull/9899), [#99](https://github.com/grafana/grafana-aws-sdk-react/pull/), [#102](https://github.com/grafana/grafana-aws-sdk-react/pull/102)
+  - actions/checkout from 2 to 4
+  - tibdex/github-app-token from 1.8.0 to 2.1.0
+  - EndBug/version-check from 1 to 2
+  - actions/setup-node from 3 to 4
+  - actions/github-script from 6.2.0 to 7.0.1
+  - @grafana/experimental from 2.1.1 to 2.1.2
+  - @types/node from 22.7.4 to 22.7.5
+  - @types/react-dom from 18.3.0 to 18.3.1
+  - cspell from 8.14.4 to 8.15.2
+  - @grafana/data from 11.2.2 to 11.3.0
+  - @grafana/eslint-config from 7.0.0 to 8.0.0
+  - @grafana/runtime from 11.2.2 to 11.3.0
+  - @grafana/ui from 11.2.2 to 11.3.0
+  - @swc/core from 1.7.28 to 1.8.0
+  - @testing-library/jest-dom from 6.5.0 to 6.6.3
+  - @types/jest from 29.5.13 to 29.5.14
+  - @types/lodash from 4.17.10 to 4.17.13
+  - @types/node from 22.7.5 to 22.8.7
+  - @types/react from 18.3.11 to 18.3.12
+  - cspell from 8.15.2 to 8.15.7
+  - rollup from 4.24.0 to 4.24.4
+  - @grafana/async-query-data 0.2.0 0.3.0
+  - @eslint/js 9.13.0 9.14.0
+  - @stylistic/eslint-plugin-ts 2.10.0 2.10.1
+  - @swc/jest 0.2.36 0.2.37
+  - eslint 9.13.0 9.14.0
+
 ## v0.5.0
 
 - Chore: update dependencies in [#96](https://github.com/grafana/grafana-aws-sdk-react/pull/96)

README.md

@@ -2,6 +2,10 @@
 
 This is a common package that can be used for all amazon plugins.
 
+## Compatibility
+
+@grafana/aws-sdk-react version >=0.7.0 is not compatible with Grafana versions <=10.3.x
+
 ## Frontend configuration
 
 see the ./src folder

cspell.config.json

@@ -15,6 +15,7 @@
     "testid",
     "Datasources",
     "Datasource",
-    "typecheck"
+    "typecheck",
+    "tibdex"
   ]
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/aws-sdk",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Common AWS features for grafana",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
@@ -28,7 +28,7 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@grafana/async-query-data": "0.3.0",
-    "@grafana/experimental": "^2.1.2"
+    "@grafana/plugin-ui": "^0.9.3"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.1.0",

src/components/ConnectionConfig.tsx

@@ -11,7 +11,7 @@ import { standardRegions } from '../regions';
 import { AwsAuthType, ConnectionConfigProps } from '../types';
 import { awsAuthProviderOptions } from '../providers';
 import { assumeRoleInstructionsStyle } from './ConnectionConfig.styles';
-import { ConfigSection, ConfigSubSection } from '@grafana/experimental';
+import { ConfigSection, ConfigSubSection } from '@grafana/plugin-ui';
 
 export const DEFAULT_LABEL_WIDTH = 28;
 const DS_TYPES_THAT_SUPPORT_TEMP_CREDS = ['cloudwatch', 'grafana-athena-datasource'];

src/sql/ConfigEditor/ConfigSelect.tsx

@@ -86,11 +86,11 @@ export function ConfigSelect(props: ConfigSelectProps) {
       menuPlacement={props.menuPlacement}
       menuPosition={props.menuPosition}
       noOptionsMessage={props.noOptionsMessage}
+      placeholder={props.placeholder}
+      width={props.width}
       onBlur={props.onBlur}
       onCreateOption={props.onCreateOption}
       onInputChange={props.onInputChange}
-      placeholder={props.placeholder}
-      width={props.width}
       isOptionDisabled={props.isOptionDisabled}
       {...commonProps}
     />

src/sql/QueryEditor/FillValueSelect.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { SelectableValue } from '@grafana/data';
 import { DataQuery } from '@grafana/schema';
 import { Input, Select } from '@grafana/ui';
-import { EditorField } from '@grafana/experimental';
+import { EditorField } from '@grafana/plugin-ui';
 
 export enum FillValueOptions {
   Previous,

src/sql/QueryEditor/QueryEditorHeader.tsx

@@ -1,8 +1,7 @@
 import React from 'react';
 
-import { DataSourceApi, DataSourceJsonData, LoadingState, QueryEditorProps } from '@grafana/data';
-import { DataQuery } from '@grafana/schema';
-import { EditorHeader, FlexItem } from '@grafana/experimental';
+import { DataQuery, DataSourceApi, DataSourceJsonData, LoadingState, QueryEditorProps } from '@grafana/data';
+import { EditorHeader, FlexItem } from '@grafana/plugin-ui';
 import { Button } from '@grafana/ui';
 import { RunQueryButtons } from '@grafana/async-query-data';