@grafana/aws-sdk 0.3.4 → 0.4.0

package/dist/esm/components/ConnectionConfig.js

@@ -1,12 +1,12 @@
 import React, { useState, useMemo, useEffect } from 'react';
-import { FieldSet, InlineField, Select, Input, ButtonGroup, ToolbarButton, Collapse } from '@grafana/ui';
+import { Field, Select, Input, ButtonGroup, ToolbarButton, Collapse } from '@grafana/ui';
 import { onUpdateDatasourceJsonDataOptionSelect, onUpdateDatasourceJsonDataOption, onUpdateDatasourceResetOption, onUpdateDatasourceSecureJsonDataOption } from '@grafana/data';
 import { config } from '@grafana/runtime';
 import { standardRegions } from '../regions.js';
 import { AwsAuthType } from '../types.js';
 import { awsAuthProviderOptions } from '../providers.js';
-import { NewConnectionConfig } from './NewConnectionConfig.js';
 import { assumeRoleInstructionsStyle } from './ConnectionConfig.styles.js';
+import { ConfigSection, ConfigSubSection } from '@grafana/experimental';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -37,8 +37,7 @@ const ConnectionConfig = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const [isARNInstructionsOpen, setIsARNInstructionsOpen] = useState(false);
   const [regions, setRegions] = useState((props.standardRegions || standardRegions).map(toOption));
-  const { loadRegions, onOptionsChange, skipHeader = false, skipEndpoint = false } = props;
-  const { labelWidth = DEFAULT_LABEL_WIDTH, options, inExperimentalAuthComponent } = props;
+  const { loadRegions, onOptionsChange, skipHeader = false, skipEndpoint = false, options } = props;
   let profile = options.jsonData.profile;
   if (profile === void 0) {
     profile = options.database;
@@ -65,30 +64,18 @@ const ConnectionConfig = (props) => {
     }
     loadRegions().then((regions2) => setRegions(regions2.map(toOption)));
   }, [loadRegions]);
-  const inputWidth = inExperimentalAuthComponent ? "width-20" : "width-30";
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, props.newFormStylingEnabled ? /* @__PURE__ */ React.createElement(
-    NewConnectionConfig,
-    __spreadValues({
-      currentProvider,
-      awsAllowedAuthProviders,
-      isARNInstructionsOpen,
-      setIsARNInstructionsOpen,
-      awsAssumeRoleEnabled,
-      regions
-    }, props)
-  ) : /* @__PURE__ */ React.createElement(FieldSet, { label: skipHeader ? "" : "Connection Details", "data-testid": "connection-config" }, /* @__PURE__ */ React.createElement(
-    InlineField,
+  return /* @__PURE__ */ React.createElement("div", { "data-testid": "connection-config" }, /* @__PURE__ */ React.createElement(ConfigSection, { title: skipHeader ? "" : "Connection Details", "data-testid": "connection-config" }, /* @__PURE__ */ React.createElement(ConfigSubSection, { title: "Authentication" }, /* @__PURE__ */ React.createElement(
+    Field,
     {
       label: "Authentication Provider",
-      labelWidth,
-      tooltip: "Specify which AWS credentials chain to use.",
-      htmlFor: "authenticationProvider"
+      description: "Specify which AWS credentials chain to use.",
+      htmlFor: "authProvider"
     },
     /* @__PURE__ */ React.createElement(
       Select,
       {
-        inputId: "authenticationProvider",
-        className: inputWidth,
+        "aria-label": "Authentication Provider",
+        inputId: "authProvider",
         value: currentProvider,
         options: awsAuthProviderOptions.filter((opt) => awsAllowedAuthProviders.includes(opt.value)),
         defaultValue: options.jsonData.authType,
@@ -99,24 +86,22 @@ const ConnectionConfig = (props) => {
       }
     )
   ), options.jsonData.authType === "credentials" && /* @__PURE__ */ React.createElement(
-    InlineField,
+    Field,
     {
       label: "Credentials Profile Name",
-      labelWidth,
-      tooltip: "Credentials profile name, as specified in ~/.aws/credentials, leave blank for default.",
+      description: "Credentials profile name, as specified in ~/.aws/credentials, leave blank for default.",
       htmlFor: "credentialsProfileName"
     },
     /* @__PURE__ */ React.createElement(
       Input,
       {
         id: "credentialsProfileName",
-        className: inputWidth,
         placeholder: "default",
-        value: profile,
+        value: options.jsonData.profile,
         onChange: onUpdateDatasourceJsonDataOption(props, "profile")
       }
     )
-  ), options.jsonData.authType === "keys" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InlineField, { label: "Access Key ID", htmlFor: "accessKeyId", labelWidth }, ((_b = props.options.secureJsonFields) == null ? void 0 : _b.accessKey) ? /* @__PURE__ */ React.createElement(ButtonGroup, { className: inputWidth }, /* @__PURE__ */ React.createElement(Input, { disabled: true, placeholder: "Configured" }), /* @__PURE__ */ React.createElement(
+  ), options.jsonData.authType === "keys" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Field, { label: "Access Key ID", htmlFor: "accessKeyId" }, ((_b = props.options.secureJsonFields) == null ? void 0 : _b.accessKey) ? /* @__PURE__ */ React.createElement(ButtonGroup, null, /* @__PURE__ */ React.createElement(Input, { disabled: true, placeholder: "Configured", id: "accessKeyId" }), /* @__PURE__ */ React.createElement(
     ToolbarButton,
     {
       icon: "edit",
@@ -128,13 +113,13 @@ const ConnectionConfig = (props) => {
     Input,
     {
       id: "accessKeyId",
-      className: inputWidth,
       value: (_d = (_c = options.secureJsonData) == null ? void 0 : _c.accessKey) != null ? _d : "",
       onChange: onUpdateDatasourceSecureJsonDataOption(props, "accessKey")
     }
-  )), /* @__PURE__ */ React.createElement(InlineField, { label: "Secret Access Key", htmlFor: "secretAccessKey", labelWidth }, ((_e = props.options.secureJsonFields) == null ? void 0 : _e.secretKey) ? /* @__PURE__ */ React.createElement(ButtonGroup, { className: inputWidth }, /* @__PURE__ */ React.createElement(Input, { disabled: true, placeholder: "Configured" }), /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React.createElement(Field, { label: "Secret Access Key", htmlFor: "secretKey" }, ((_e = props.options.secureJsonFields) == null ? void 0 : _e.secretKey) ? /* @__PURE__ */ React.createElement(ButtonGroup, null, /* @__PURE__ */ React.createElement(Input, { disabled: true, placeholder: "Configured" }), /* @__PURE__ */ React.createElement(
     ToolbarButton,
     {
+      id: "secretKey",
       icon: "edit",
       type: "button",
       tooltip: "Edit Secret Access Key",
@@ -143,12 +128,11 @@ const ConnectionConfig = (props) => {
   )) : /* @__PURE__ */ React.createElement(
     Input,
     {
-      id: "secretAccessKey",
-      className: inputWidth,
+      id: "secretKey",
       value: (_g = (_f = options.secureJsonData) == null ? void 0 : _f.secretKey) != null ? _g : "",
       onChange: onUpdateDatasourceSecureJsonDataOption(props, "secretKey")
     }
-  ))), options.jsonData.authType === AwsAuthType.GrafanaAssumeRole && /* @__PURE__ */ React.createElement("div", { className: assumeRoleInstructionsStyle }, /* @__PURE__ */ React.createElement(
+  )))), /* @__PURE__ */ React.createElement(ConfigSubSection, { title: "Assume Role" }, options.jsonData.authType === AwsAuthType.GrafanaAssumeRole && /* @__PURE__ */ React.createElement("div", { className: assumeRoleInstructionsStyle }, /* @__PURE__ */ React.createElement(
     Collapse,
     {
       label: "How to create an IAM role for grafana to assume:",
@@ -156,7 +140,7 @@ const ConnectionConfig = (props) => {
       isOpen: isARNInstructionsOpen,
       onToggle: () => setIsARNInstructionsOpen(!isARNInstructionsOpen)
     },
-    /* @__PURE__ */ React.createElement("ol", null, /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("p", null, "1. Create a new IAM role in the AWS console, and select ", /* @__PURE__ */ React.createElement("code", null, "AWS account"), " as the Trusted entity, and select ", /* @__PURE__ */ React.createElement("code", null, "Another AWS account"), " as the account.")), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("p", null, "2. Enter the account ID of the Grafana account that has permission to assume this role:", /* @__PURE__ */ React.createElement("code", null, " 008923505280 "), " and check the ", /* @__PURE__ */ React.createElement("code", null, "Require external ID"), " box.")), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("p", null, "3. Enter the following external ID:", " ", /* @__PURE__ */ React.createElement("code", null, props.externalId || "External Id is currently unavailable"), " and click", " ", /* @__PURE__ */ React.createElement("code", null, "Next"), ".")), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("p", null, "4. Add any required permissions you would like Grafana to be able to access on your behalf. For more details on our permissions please", " ", /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement("ol", null, /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("p", null, "1. Create a new IAM role in the AWS console, and select ", /* @__PURE__ */ React.createElement("code", null, "Another AWS account"), " as the", " ", /* @__PURE__ */ React.createElement("code", null, "Trusted entity"), ".")), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("p", null, "2. Enter the account ID of the Grafana account that has permission to assume this role:", /* @__PURE__ */ React.createElement("code", null, " 008923505280 "), " and check the ", /* @__PURE__ */ React.createElement("code", null, "Require external ID"), " box.")), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("p", null, "3. Enter the following external ID:", " ", /* @__PURE__ */ React.createElement("code", null, props.externalId || "External Id is currently unavailable"), " and click", " ", /* @__PURE__ */ React.createElement("code", null, "Next"), ".")), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("p", null, "4. Add any required permissions you would like Grafana to be able to access on your behalf. For more details on our permissions please", " ", /* @__PURE__ */ React.createElement(
       "a",
       {
         href: "https://grafana.com/docs/grafana/latest/datasources/aws-cloudwatch/",
@@ -166,72 +150,64 @@ const ConnectionConfig = (props) => {
       "read through our documentation"
     ), ".")), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("p", null, "5. Give the role a name and description, and click ", /* @__PURE__ */ React.createElement("code", null, "Create role"), ".")), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("p", null, "6. Copy the ARN of the role you just created and paste it into the ", /* @__PURE__ */ React.createElement("code", null, "Assume Role ARN"), " ", "field below.")))
   )), awsAssumeRoleEnabled && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    InlineField,
+    Field,
     {
+      htmlFor: "assumeRoleArn",
       label: "Assume Role ARN",
-      labelWidth,
-      tooltip: "Optionally, specify the ARN of a role to assume. Specifying a role here will ensure that the selected authentication provider is used to assume the specified role rather than using the credentials directly. Leave blank if you don't need to assume a role at all",
-      htmlFor: "assumeRoleArn"
+      description: "Optional. Specifying the ARN of a role will ensure that the\n                     selected authentication provider is used to assume the role rather than the\n                     credentials directly."
     },
     /* @__PURE__ */ React.createElement(
       Input,
       {
         id: "assumeRoleArn",
-        className: inputWidth,
         placeholder: "arn:aws:iam:*",
         value: options.jsonData.assumeRoleArn || "",
         onChange: onUpdateDatasourceJsonDataOption(props, "assumeRoleArn")
       }
     )
   ), options.jsonData.authType !== AwsAuthType.GrafanaAssumeRole && /* @__PURE__ */ React.createElement(
-    InlineField,
+    Field,
     {
+      htmlFor: "externalId",
       label: "External ID",
-      labelWidth,
-      tooltip: "If you are assuming a role in another account, that has been created with an external ID, specify the external ID here.",
-      htmlFor: "externalId"
+      description: "If you are assuming a role in another account, that has been created with an external ID, specify the external ID here."
     },
     /* @__PURE__ */ React.createElement(
       Input,
       {
         id: "externalId",
-        className: inputWidth,
         placeholder: "External ID",
         value: options.jsonData.externalId || "",
         onChange: onUpdateDatasourceJsonDataOption(props, "externalId")
       }
     )
-  )), !skipEndpoint && options.jsonData.authType !== AwsAuthType.GrafanaAssumeRole && /* @__PURE__ */ React.createElement(
-    InlineField,
+  ))), /* @__PURE__ */ React.createElement(ConfigSubSection, { title: "Additional Settings" }, !skipEndpoint && options.jsonData.authType !== AwsAuthType.GrafanaAssumeRole && /* @__PURE__ */ React.createElement(
+    Field,
     {
       label: "Endpoint",
-      labelWidth,
-      tooltip: "Optionally, specify a custom endpoint for the service",
+      description: "Optionally, specify a custom endpoint for the service",
       htmlFor: "endpoint"
     },
     /* @__PURE__ */ React.createElement(
       Input,
       {
         id: "endpoint",
-        className: inputWidth,
         placeholder: (_h = props.defaultEndpoint) != null ? _h : "https://{service}.{region}.amazonaws.com",
         value: options.jsonData.endpoint || "",
         onChange: onUpdateDatasourceJsonDataOption(props, "endpoint")
       }
     )
   ), /* @__PURE__ */ React.createElement(
-    InlineField,
+    Field,
     {
       label: "Default Region",
-      labelWidth,
-      tooltip: "Specify the region, such as for US West (Oregon) use ` us-west-2 ` as the region.",
+      description: "Specify the region, such as for US West (Oregon) use ` us-west-2 ` as the region.",
       htmlFor: "defaultRegion"
     },
     /* @__PURE__ */ React.createElement(
       Select,
       {
         inputId: "defaultRegion",
-        className: inputWidth,
         value: regions.find((region) => region.value === options.jsonData.defaultRegion),
         options: regions,
         defaultValue: options.jsonData.defaultRegion,
@@ -241,7 +217,7 @@ const ConnectionConfig = (props) => {
         menuShouldPortal: true
       }
     )
-  ), props.children));
+  )), props.children));
 };
 
 export { ConnectionConfig, DEFAULT_LABEL_WIDTH };

package/dist/esm/components/ConnectionConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionConfig.js","sources":["../../../src/components/ConnectionConfig.tsx"],"sourcesContent":["import React, { FC, useEffect, useMemo, useState } from 'react';\nimport { Input, Select, InlineField, ButtonGroup, ToolbarButton, FieldSet, Collapse } from '@grafana/ui';\nimport {\n  onUpdateDatasourceJsonDataOptionSelect,\n  onUpdateDatasourceResetOption,\n  onUpdateDatasourceJsonDataOption,\n  onUpdateDatasourceSecureJsonDataOption,\n} from '@grafana/data';\nimport { config } from '@grafana/runtime';\nimport { standardRegions } from '../regions';\nimport { AwsAuthType, ConnectionConfigProps } from '../types';\nimport { awsAuthProviderOptions } from '../providers';\nimport { NewConnectionConfig } from './NewConnectionConfig';\nimport { assumeRoleInstructionsStyle } from './ConnectionConfig.styles';\n\nexport const DEFAULT_LABEL_WIDTH = 28;\nconst DS_TYPES_THAT_SUPPORT_TEMP_CREDS = ['cloudwatch', 'grafana-athena-datasource'];\nconst toOption = (value: string) => ({ value, label: value });\nconst isAwsAuthType = (value: any): value is AwsAuthType => {\n  return typeof value === 'string' && awsAuthProviderOptions.some((opt) => opt.value === value);\n};\n\nexport const ConnectionConfig: FC<ConnectionConfigProps> = (props: ConnectionConfigProps) => {\n  const [isARNInstructionsOpen, setIsARNInstructionsOpen] = useState(false);\n  const [regions, setRegions] = useState((props.standardRegions || standardRegions).map(toOption));\n  const { loadRegions, onOptionsChange, skipHeader = false, skipEndpoint = false } = props;\n  const { labelWidth = DEFAULT_LABEL_WIDTH, options, inExperimentalAuthComponent } = props;\n  let profile = options.jsonData.profile;\n  if (profile === undefined) {\n    profile = options.database;\n  }\n  const tempCredsFeatureEnabled =\n    config.featureToggles.awsDatasourcesTempCredentials && DS_TYPES_THAT_SUPPORT_TEMP_CREDS.includes(options.type);\n  const awsAssumeRoleEnabled = config.awsAssumeRoleEnabled ?? true;\n  const awsAllowedAuthProviders = useMemo(\n    () =>\n      config.awsAllowedAuthProviders\n        .filter((provider) => (provider === AwsAuthType.GrafanaAssumeRole ? tempCredsFeatureEnabled : true))\n        .filter(isAwsAuthType),\n    [tempCredsFeatureEnabled]\n  );\n  const currentProvider = awsAuthProviderOptions.find((p) => p.value === options.jsonData.authType);\n\n  useEffect(() => {\n    // Make sure a authType exists in the current model\n    if (!currentProvider && awsAllowedAuthProviders.length) {\n      onOptionsChange({\n        ...options,\n        jsonData: {\n          ...options.jsonData,\n          authType: awsAllowedAuthProviders[0],\n        },\n      });\n    }\n  }, [currentProvider, options, onOptionsChange, awsAllowedAuthProviders]);\n\n  useEffect(() => {\n    if (!loadRegions) {\n      return;\n    }\n\n    loadRegions().then((regions) => setRegions(regions.map(toOption)));\n  }, [loadRegions]);\n\n  const inputWidth = inExperimentalAuthComponent ? 'width-20' : 'width-30';\n\n  return (\n    <>\n      {props.newFormStylingEnabled ? (\n        <NewConnectionConfig\n          currentProvider={currentProvider}\n          awsAllowedAuthProviders={awsAllowedAuthProviders}\n          isARNInstructionsOpen={isARNInstructionsOpen}\n          setIsARNInstructionsOpen={setIsARNInstructionsOpen}\n          awsAssumeRoleEnabled={awsAssumeRoleEnabled}\n          regions={regions}\n          {...props}\n        />\n      ) : (\n        <FieldSet label={skipHeader ? '' : 'Connection Details'} data-testid=\"connection-config\">\n          <InlineField\n            label=\"Authentication Provider\"\n            labelWidth={labelWidth}\n            tooltip=\"Specify which AWS credentials chain to use.\"\n            htmlFor=\"authenticationProvider\"\n          >\n            <Select\n              inputId=\"authenticationProvider\"\n              className={inputWidth}\n              value={currentProvider}\n              options={awsAuthProviderOptions.filter((opt) => awsAllowedAuthProviders.includes(opt.value!))}\n              defaultValue={options.jsonData.authType}\n              onChange={(option) => {\n                onUpdateDatasourceJsonDataOptionSelect(props, 'authType')(option);\n              }}\n              menuShouldPortal={true}\n            />\n          </InlineField>\n          {options.jsonData.authType === 'credentials' && (\n            <InlineField\n              label=\"Credentials Profile Name\"\n              labelWidth={labelWidth}\n              tooltip=\"Credentials profile name, as specified in ~/.aws/credentials, leave blank for default.\"\n              htmlFor=\"credentialsProfileName\"\n            >\n              <Input\n                id=\"credentialsProfileName\"\n                className={inputWidth}\n                placeholder=\"default\"\n                value={profile}\n                onChange={onUpdateDatasourceJsonDataOption(props, 'profile')}\n              />\n            </InlineField>\n          )}\n\n          {options.jsonData.authType === 'keys' && (\n            <>\n              <InlineField label=\"Access Key ID\" htmlFor=\"accessKeyId\" labelWidth={labelWidth}>\n                {props.options.secureJsonFields?.accessKey ? (\n                  <ButtonGroup className={inputWidth}>\n                    <Input disabled placeholder=\"Configured\" />\n                    <ToolbarButton\n                      icon=\"edit\"\n                      tooltip=\"Edit Access Key ID\"\n                      type=\"button\"\n                      onClick={onUpdateDatasourceResetOption(props as any, 'accessKey')}\n                    />\n                  </ButtonGroup>\n                ) : (\n                  <Input\n                    id=\"accessKeyId\"\n                    className={inputWidth}\n                    value={options.secureJsonData?.accessKey ?? ''}\n                    onChange={onUpdateDatasourceSecureJsonDataOption(props, 'accessKey')}\n                  />\n                )}\n              </InlineField>\n\n              <InlineField label=\"Secret Access Key\" htmlFor=\"secretAccessKey\" labelWidth={labelWidth}>\n                {props.options.secureJsonFields?.secretKey ? (\n                  <ButtonGroup className={inputWidth}>\n                    <Input disabled placeholder=\"Configured\" />\n                    <ToolbarButton\n                      icon=\"edit\"\n                      type=\"button\"\n                      tooltip=\"Edit Secret Access Key\"\n                      onClick={onUpdateDatasourceResetOption(props as any, 'secretKey')}\n                    />\n                  </ButtonGroup>\n                ) : (\n                  <Input\n                    id=\"secretAccessKey\"\n                    className={inputWidth}\n                    value={options.secureJsonData?.secretKey ?? ''}\n                    onChange={onUpdateDatasourceSecureJsonDataOption(props, 'secretKey')}\n                  />\n                )}\n              </InlineField>\n            </>\n          )}\n\n          {options.jsonData.authType === AwsAuthType.GrafanaAssumeRole && (\n            <div className={assumeRoleInstructionsStyle}>\n              <Collapse\n                label={'How to create an IAM role for grafana to assume:'}\n                collapsible={true}\n                isOpen={isARNInstructionsOpen}\n                onToggle={() => setIsARNInstructionsOpen(!isARNInstructionsOpen)}\n              >\n                <ol>\n                  <li>\n                    <p>\n                      1. Create a new IAM role in the AWS console, and select <code>AWS account</code> as the Trusted\n                      entity, and select <code>Another AWS account</code> as the account.\n                    </p>\n                  </li>\n                  <li>\n                    <p>\n                      2. Enter the account ID of the Grafana account that has permission to assume this role:\n                      <code> 008923505280 </code> and check the <code>Require external ID</code> box.\n                    </p>\n                  </li>\n                  <li>\n                    <p>\n                      3. Enter the following external ID:{' '}\n                      <code>{props.externalId || 'External Id is currently unavailable'}</code> and click{' '}\n                      <code>Next</code>.\n                    </p>\n                  </li>\n                  <li>\n                    <p>\n                      4. Add any required permissions you would like Grafana to be able to access on your behalf. For\n                      more details on our permissions please{' '}\n                      <a\n                        href=\"https://grafana.com/docs/grafana/latest/datasources/aws-cloudwatch/\"\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                      >\n                        read through our documentation\n                      </a>\n                      .\n                    </p>\n                  </li>\n                  <li>\n                    <p>\n                      5. Give the role a name and description, and click <code>Create role</code>.\n                    </p>\n                  </li>\n                  <li>\n                    <p>\n                      6. Copy the ARN of the role you just created and paste it into the <code>Assume Role ARN</code>{' '}\n                      field below.\n                    </p>\n                  </li>\n                </ol>\n              </Collapse>\n            </div>\n          )}\n\n          {awsAssumeRoleEnabled && (\n            <>\n              <InlineField\n                label=\"Assume Role ARN\"\n                labelWidth={labelWidth}\n                tooltip=\"Optionally, specify the ARN of a role to assume. Specifying a role here will ensure that the selected authentication provider is used to assume the specified role rather than using the credentials directly. Leave blank if you don't need to assume a role at all\"\n                htmlFor=\"assumeRoleArn\"\n              >\n                <Input\n                  id=\"assumeRoleArn\"\n                  className={inputWidth}\n                  placeholder=\"arn:aws:iam:*\"\n                  value={options.jsonData.assumeRoleArn || ''}\n                  onChange={onUpdateDatasourceJsonDataOption(props, 'assumeRoleArn')}\n                />\n              </InlineField>\n              {options.jsonData.authType !== AwsAuthType.GrafanaAssumeRole && (\n                <InlineField\n                  label=\"External ID\"\n                  labelWidth={labelWidth}\n                  tooltip=\"If you are assuming a role in another account, that has been created with an external ID, specify the external ID here.\"\n                  htmlFor=\"externalId\"\n                >\n                  <Input\n                    id=\"externalId\"\n                    className={inputWidth}\n                    placeholder=\"External ID\"\n                    value={options.jsonData.externalId || ''}\n                    onChange={onUpdateDatasourceJsonDataOption(props, 'externalId')}\n                  />\n                </InlineField>\n              )}\n            </>\n          )}\n          {!skipEndpoint && options.jsonData.authType !== AwsAuthType.GrafanaAssumeRole && (\n            <InlineField\n              label=\"Endpoint\"\n              labelWidth={labelWidth}\n              tooltip=\"Optionally, specify a custom endpoint for the service\"\n              htmlFor=\"endpoint\"\n            >\n              <Input\n                id=\"endpoint\"\n                className={inputWidth}\n                placeholder={props.defaultEndpoint ?? 'https://{service}.{region}.amazonaws.com'}\n                value={options.jsonData.endpoint || ''}\n                onChange={onUpdateDatasourceJsonDataOption(props, 'endpoint')}\n              />\n            </InlineField>\n          )}\n          <InlineField\n            label=\"Default Region\"\n            labelWidth={labelWidth}\n            tooltip=\"Specify the region, such as for US West (Oregon) use ` us-west-2 ` as the region.\"\n            htmlFor=\"defaultRegion\"\n          >\n            <Select\n              inputId=\"defaultRegion\"\n              className={inputWidth}\n              value={regions.find((region) => region.value === options.jsonData.defaultRegion)}\n              options={regions}\n              defaultValue={options.jsonData.defaultRegion}\n              allowCustomValue={true}\n              onChange={onUpdateDatasourceJsonDataOptionSelect(props, 'defaultRegion')}\n              formatCreateLabel={(r) => `Use region: ${r}`}\n              menuShouldPortal={true}\n            />\n          </InlineField>\n          {props.children}\n        </FieldSet>\n      )}\n    </>\n  );\n};\n"],"names":["regions"],"mappings":"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"}
+{"version":3,"file":"ConnectionConfig.js","sources":["../../../src/components/ConnectionConfig.tsx"],"sourcesContent":["import React, { FC, useEffect, useMemo, useState } from 'react';\nimport { Input, Select, ButtonGroup, ToolbarButton, Collapse, Field } from '@grafana/ui';\nimport {\n  onUpdateDatasourceJsonDataOptionSelect,\n  onUpdateDatasourceResetOption,\n  onUpdateDatasourceJsonDataOption,\n  onUpdateDatasourceSecureJsonDataOption,\n} from '@grafana/data';\nimport { config } from '@grafana/runtime';\nimport { standardRegions } from '../regions';\nimport { AwsAuthType, ConnectionConfigProps } from '../types';\nimport { awsAuthProviderOptions } from '../providers';\nimport { assumeRoleInstructionsStyle } from './ConnectionConfig.styles';\nimport { ConfigSection, ConfigSubSection } from '@grafana/experimental';\n\nexport const DEFAULT_LABEL_WIDTH = 28;\nconst DS_TYPES_THAT_SUPPORT_TEMP_CREDS = ['cloudwatch', 'grafana-athena-datasource'];\nconst toOption = (value: string) => ({ value, label: value });\nconst isAwsAuthType = (value: any): value is AwsAuthType => {\n  return typeof value === 'string' && awsAuthProviderOptions.some((opt) => opt.value === value);\n};\n\nexport const ConnectionConfig: FC<ConnectionConfigProps> = (props: ConnectionConfigProps) => {\n  const [isARNInstructionsOpen, setIsARNInstructionsOpen] = useState(false);\n  const [regions, setRegions] = useState((props.standardRegions || standardRegions).map(toOption));\n  const { loadRegions, onOptionsChange, skipHeader = false, skipEndpoint = false, options } = props;\n  let profile = options.jsonData.profile;\n  if (profile === undefined) {\n    profile = options.database;\n  }\n  const tempCredsFeatureEnabled =\n    config.featureToggles.awsDatasourcesTempCredentials && DS_TYPES_THAT_SUPPORT_TEMP_CREDS.includes(options.type);\n  const awsAssumeRoleEnabled = config.awsAssumeRoleEnabled ?? true;\n  const awsAllowedAuthProviders = useMemo(\n    () =>\n      config.awsAllowedAuthProviders\n        .filter((provider) => (provider === AwsAuthType.GrafanaAssumeRole ? tempCredsFeatureEnabled : true))\n        .filter(isAwsAuthType),\n    [tempCredsFeatureEnabled]\n  );\n  const currentProvider = awsAuthProviderOptions.find((p) => p.value === options.jsonData.authType);\n\n  useEffect(() => {\n    // Make sure a authType exists in the current model\n    if (!currentProvider && awsAllowedAuthProviders.length) {\n      onOptionsChange({\n        ...options,\n        jsonData: {\n          ...options.jsonData,\n          authType: awsAllowedAuthProviders[0],\n        },\n      });\n    }\n  }, [currentProvider, options, onOptionsChange, awsAllowedAuthProviders]);\n\n  useEffect(() => {\n    if (!loadRegions) {\n      return;\n    }\n\n    loadRegions().then((regions) => setRegions(regions.map(toOption)));\n  }, [loadRegions]);\n\n\n  return <div data-testid=\"connection-config\">\n         <ConfigSection title={skipHeader ? '' : 'Connection Details'} data-testid=\"connection-config\">\n           <ConfigSubSection title=\"Authentication\">\n             <Field\n               label=\"Authentication Provider\"\n               description=\"Specify which AWS credentials chain to use.\"\n               htmlFor=\"authProvider\"\n             >\n               <Select\n               aria-label='Authentication Provider'\n                 inputId=\"authProvider\"\n                 value={currentProvider}\n                 options={awsAuthProviderOptions.filter((opt) => awsAllowedAuthProviders.includes(opt.value!))}\n                 defaultValue={options.jsonData.authType}\n                 onChange={(option) => {\n                   onUpdateDatasourceJsonDataOptionSelect(props, 'authType')(option);\n                 }}\n                 menuShouldPortal={true}\n               />\n             </Field>\n             {options.jsonData.authType === 'credentials' && (\n               <Field\n                 label=\"Credentials Profile Name\"\n                 description=\"Credentials profile name, as specified in ~/.aws/credentials, leave blank for default.\"\n                 htmlFor=\"credentialsProfileName\"\n               >\n                 <Input\n                   id=\"credentialsProfileName\"\n                   placeholder=\"default\"\n                   value={options.jsonData.profile}\n                   onChange={onUpdateDatasourceJsonDataOption(props, 'profile')}\n                 />\n               </Field>\n             )}\n             {options.jsonData.authType === 'keys' && (\n               <>\n                 <Field label=\"Access Key ID\" htmlFor=\"accessKeyId\">\n                   {props.options.secureJsonFields?.accessKey ? (\n                     <ButtonGroup>\n                       <Input disabled placeholder=\"Configured\" id=\"accessKeyId\" />\n                       <ToolbarButton\n                         icon=\"edit\"\n                         tooltip=\"Edit Access Key ID\"\n                         type=\"button\"\n                         onClick={onUpdateDatasourceResetOption(props as any, 'accessKey')}\n                       />\n                     </ButtonGroup>\n                   ) : (\n                     <Input\n                       id=\"accessKeyId\"\n                       value={options.secureJsonData?.accessKey ?? ''}\n                       onChange={onUpdateDatasourceSecureJsonDataOption(props, 'accessKey')}\n                     />\n                   )}\n                 </Field>\n   \n                 <Field label=\"Secret Access Key\" htmlFor=\"secretKey\">\n                   {props.options.secureJsonFields?.secretKey ? (\n                     <ButtonGroup>\n                       <Input disabled placeholder=\"Configured\" />\n                       <ToolbarButton\n                         id=\"secretKey\"\n                         icon=\"edit\"\n                         type=\"button\"\n                         tooltip=\"Edit Secret Access Key\"\n                         onClick={onUpdateDatasourceResetOption(props as any, 'secretKey')}\n                       />\n                     </ButtonGroup>\n                   ) : (\n                     <Input\n                       id=\"secretKey\"\n                       value={options.secureJsonData?.secretKey ?? ''}\n                       onChange={onUpdateDatasourceSecureJsonDataOption(props, 'secretKey')}\n                     />\n                   )}\n                 </Field>\n               </>\n             )}\n           </ConfigSubSection>\n   \n           <ConfigSubSection title=\"Assume Role\">\n             {options.jsonData.authType === AwsAuthType.GrafanaAssumeRole && (\n               <div className={assumeRoleInstructionsStyle}>\n                 <Collapse\n                   label={'How to create an IAM role for grafana to assume:'}\n                   collapsible={true}\n                   isOpen={isARNInstructionsOpen}\n                   onToggle={() => setIsARNInstructionsOpen(!isARNInstructionsOpen)}\n                 >\n                   <ol>\n                     <li>\n                       <p>\n                       1. Create a new IAM role in the AWS console, and select <code>Another AWS account</code> as the{' '}\n   <code>Trusted entity</code>.\n                       </p>\n                     </li>\n                     <li>\n                       <p>\n                         2. Enter the account ID of the Grafana account that has permission to assume this role:\n                         <code> 008923505280 </code> and check the <code>Require external ID</code> box.\n                       </p>\n                     </li>\n                     <li>\n                       <p>\n                         3. Enter the following external ID:{' '}\n                         <code>{props.externalId || 'External Id is currently unavailable'}</code> and click{' '}\n                         <code>Next</code>.\n                       </p>\n                     </li>\n                     <li>\n                       <p>\n                         4. Add any required permissions you would like Grafana to be able to access on your behalf. For\n                         more details on our permissions please{' '}\n                         <a\n                           href=\"https://grafana.com/docs/grafana/latest/datasources/aws-cloudwatch/\"\n                           target=\"_blank\"\n                           rel=\"noreferrer\"\n                         >\n                           read through our documentation\n                         </a>\n                         .\n                       </p>\n                     </li>\n                     <li>\n                       <p>\n                         5. Give the role a name and description, and click <code>Create role</code>.\n                       </p>\n                     </li>\n                     <li>\n                       <p>\n                         6. Copy the ARN of the role you just created and paste it into the <code>Assume Role ARN</code>{' '}\n                         field below.\n                       </p>\n                     </li>\n                   </ol>\n                 </Collapse>\n               </div>\n             )}\n             {awsAssumeRoleEnabled && (\n               <>\n                 <Field\n                   htmlFor=\"assumeRoleArn\"\n                   label=\"Assume Role ARN\"\n                   description=\"Optional. Specifying the ARN of a role will ensure that the\n                     selected authentication provider is used to assume the role rather than the\n                     credentials directly.\"\n                 >\n                   <Input\n                     id=\"assumeRoleArn\"\n                     placeholder=\"arn:aws:iam:*\"\n                     value={options.jsonData.assumeRoleArn || ''}\n                     onChange={onUpdateDatasourceJsonDataOption(props, 'assumeRoleArn')}\n                   />\n                 </Field>\n                 {options.jsonData.authType !== AwsAuthType.GrafanaAssumeRole && (\n                   <Field\n                     htmlFor=\"externalId\"\n                     label=\"External ID\"\n                     description=\"If you are assuming a role in another account, that has been created with an external ID, specify the external ID here.\"\n                   >\n                     <Input\n                       id=\"externalId\"\n                       placeholder=\"External ID\"\n                       value={options.jsonData.externalId || ''}\n                       onChange={onUpdateDatasourceJsonDataOption(props, 'externalId')}\n                     />\n                   </Field>\n                 )}\n               </>\n             )}\n           </ConfigSubSection>\n           <ConfigSubSection title=\"Additional Settings\">\n             {!skipEndpoint && options.jsonData.authType !== AwsAuthType.GrafanaAssumeRole && (\n               <Field\n                 label=\"Endpoint\"\n                 description=\"Optionally, specify a custom endpoint for the service\"\n                 htmlFor=\"endpoint\"\n               >\n                 <Input\n                   id=\"endpoint\"\n                   placeholder={props.defaultEndpoint ?? 'https://{service}.{region}.amazonaws.com'}\n                   value={options.jsonData.endpoint || ''}\n                   onChange={onUpdateDatasourceJsonDataOption(props, 'endpoint')}\n                 />\n               </Field>\n             )}\n   \n             <Field\n               label=\"Default Region\"\n               description=\"Specify the region, such as for US West (Oregon) use ` us-west-2 ` as the region.\"\n               htmlFor=\"defaultRegion\"\n             >\n               <Select\n                 inputId=\"defaultRegion\"\n                 value={regions.find((region) => region.value === options.jsonData.defaultRegion)}\n                 options={regions}\n                 defaultValue={options.jsonData.defaultRegion}\n                 allowCustomValue={true}\n                 onChange={onUpdateDatasourceJsonDataOptionSelect(props, 'defaultRegion')}\n                 formatCreateLabel={(r) => `Use region: ${r}`}\n                 menuShouldPortal={true}\n               />\n             </Field>\n           </ConfigSubSection>\n           {props.children}\n         </ConfigSection>\n       </div>\n};\n"],"names":["regions"],"mappings":"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"}

package/dist/esm/sql/ConfigEditor/ConfigSelect.js

@@ -40,7 +40,6 @@ function ConfigSelect(props) {
     ResourceSelector,
     __spreadValues({
       id: props.id,
-      newFormStylingEnabled: props.newFormStylingEnabled,
       label: props.label,
       "data-testid": props["data-testid"],
       onChange: props.onChange,

package/dist/esm/sql/ConfigEditor/ConfigSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigSelect.js","sources":["../../../../src/sql/ConfigEditor/ConfigSelect.tsx"],"sourcesContent":["import React, { DependencyList } from 'react';\nimport { DataSourcePluginOptionsEditorProps, SelectableValue } from '@grafana/data';\nimport { InputActionMeta } from '@grafana/ui';\nimport { AwsAuthDataSourceJsonData, AwsAuthDataSourceSecureJsonData } from '../../types';\nimport { ResourceSelector } from '../ResourceSelector';\nimport { DEFAULT_LABEL_WIDTH } from '../../components/ConnectionConfig';\n\nexport interface ConfigSelectProps\n  extends DataSourcePluginOptionsEditorProps<AwsAuthDataSourceJsonData, AwsAuthDataSourceSecureJsonData> {\n  value: string;\n  fetch: () => Promise<Array<string | SelectableValue<string>>>;\n  onChange: (e: SelectableValue<string> | null) => void;\n  dependencies?: string[];\n  // input id and label necessary for accessibility attributes\n  id: string;\n  label: string;\n  'data-testid'?: string;\n  hidden?: boolean;\n  disabled?: boolean;\n  allowCustomValue?: boolean;\n  saveOptions: () => Promise<void>;\n  autoFocus?: boolean;\n  backspaceRemovesValue?: boolean;\n  className?: string;\n  invalid?: boolean;\n  isClearable?: boolean;\n  isMulti?: boolean;\n  inputId?: string;\n  showAllSelectedWhenOpen?: boolean;\n  maxMenuHeight?: number;\n  minMenuHeight?: number;\n  maxVisibleValues?: number;\n  menuPlacement?: 'auto' | 'bottom' | 'top';\n  menuPosition?: 'fixed' | 'absolute';\n  noOptionsMessage?: string;\n  onBlur?: () => void;\n  onCreateOption?: (value: string) => void;\n  onInputChange?: (value: string, actionMeta: InputActionMeta) => void;\n  placeholder?: string;\n  width?: number;\n  isOptionDisabled?: () => boolean;\n  labelWidth?: number;\n  newFormStylingEnabled?: boolean;\n}\n\nexport function ConfigSelect(props: ConfigSelectProps) {\n  const { jsonData } = props.options;\n  const commonProps = {\n    title: jsonData.defaultRegion ? '' : 'select a default region',\n    labelWidth: props.labelWidth ?? DEFAULT_LABEL_WIDTH,\n    className: 'width-30',\n  };\n  // Any change in the AWS connection details will affect selectors\n  const dependencies: DependencyList = [\n    props.options.jsonData.assumeRoleArn,\n    props.options.jsonData.authType,\n    props.options.jsonData.defaultRegion,\n    props.options.jsonData.endpoint,\n    props.options.jsonData.externalId,\n    props.options.jsonData.profile,\n    props.options.secureJsonData?.accessKey,\n    props.options.secureJsonData?.secretKey,\n  ].concat(props.dependencies);\n  return (\n    <ResourceSelector\n      id={props.id}\n      newFormStylingEnabled={props.newFormStylingEnabled}\n      label={props.label}\n      data-testid={props['data-testid']}\n      onChange={props.onChange}\n      fetch={props.fetch}\n      value={props.value}\n      saveOptions={props.saveOptions}\n      dependencies={dependencies}\n      hidden={props.hidden}\n      disabled={props.disabled || !jsonData.defaultRegion}\n      allowCustomValue={props.allowCustomValue}\n      autoFocus={props.autoFocus}\n      backspaceRemovesValue={props.backspaceRemovesValue}\n      invalid={props.invalid}\n      isClearable={props.isClearable}\n      isMulti={props.isMulti}\n      inputId={props.inputId}\n      showAllSelectedWhenOpen={props.showAllSelectedWhenOpen}\n      maxMenuHeight={props.maxMenuHeight}\n      minMenuHeight={props.minMenuHeight}\n      maxVisibleValues={props.maxVisibleValues}\n      menuPlacement={props.menuPlacement}\n      menuPosition={props.menuPosition}\n      noOptionsMessage={props.noOptionsMessage}\n      onBlur={props.onBlur}\n      onCreateOption={props.onCreateOption}\n      onInputChange={props.onInputChange}\n      placeholder={props.placeholder}\n      width={props.width}\n      isOptionDisabled={props.isOptionDisabled}\n      {...commonProps}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA6CO,SAAS,aAAa,KAA0B,EAAA;AA7CvD,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AA8CE,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,KAAM,CAAA,OAAA,CAAA;AAC3B,EAAA,MAAM,WAAc,GAAA;AAAA,IAClB,KAAA,EAAO,QAAS,CAAA,aAAA,GAAgB,EAAK,GAAA,yBAAA;AAAA,IACrC,UAAA,EAAA,CAAY,EAAM,GAAA,KAAA,CAAA,UAAA,KAAN,IAAoB,GAAA,EAAA,GAAA,mBAAA;AAAA,IAChC,SAAW,EAAA,UAAA;AAAA,GACb,CAAA;AAEA,EAAA,MAAM,YAA+B,GAAA;AAAA,IACnC,KAAA,CAAM,QAAQ,QAAS,CAAA,aAAA;AAAA,IACvB,KAAA,CAAM,QAAQ,QAAS,CAAA,QAAA;AAAA,IACvB,KAAA,CAAM,QAAQ,QAAS,CAAA,aAAA;AAAA,IACvB,KAAA,CAAM,QAAQ,QAAS,CAAA,QAAA;AAAA,IACvB,KAAA,CAAM,QAAQ,QAAS,CAAA,UAAA;AAAA,IACvB,KAAA,CAAM,QAAQ,QAAS,CAAA,OAAA;AAAA,IACvB,CAAA,EAAA,GAAA,KAAA,CAAM,OAAQ,CAAA,cAAA,KAAd,IAA8B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA;AAAA,IAC9B,CAAA,EAAA,GAAA,KAAA,CAAM,OAAQ,CAAA,cAAA,KAAd,IAA8B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA;AAAA,GAChC,CAAE,MAAO,CAAA,KAAA,CAAM,YAAY,CAAA,CAAA;AAC3B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,IAAI,KAAM,CAAA,EAAA;AAAA,MACV,uBAAuB,KAAM,CAAA,qBAAA;AAAA,MAC7B,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,eAAa,KAAM,CAAA,aAAA,CAAA;AAAA,MACnB,UAAU,KAAM,CAAA,QAAA;AAAA,MAChB,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,aAAa,KAAM,CAAA,WAAA;AAAA,MACnB,YAAA;AAAA,MACA,QAAQ,KAAM,CAAA,MAAA;AAAA,MACd,QAAU,EAAA,KAAA,CAAM,QAAY,IAAA,CAAC,QAAS,CAAA,aAAA;AAAA,MACtC,kBAAkB,KAAM,CAAA,gBAAA;AAAA,MACxB,WAAW,KAAM,CAAA,SAAA;AAAA,MACjB,uBAAuB,KAAM,CAAA,qBAAA;AAAA,MAC7B,SAAS,KAAM,CAAA,OAAA;AAAA,MACf,aAAa,KAAM,CAAA,WAAA;AAAA,MACnB,SAAS,KAAM,CAAA,OAAA;AAAA,MACf,SAAS,KAAM,CAAA,OAAA;AAAA,MACf,yBAAyB,KAAM,CAAA,uBAAA;AAAA,MAC/B,eAAe,KAAM,CAAA,aAAA;AAAA,MACrB,eAAe,KAAM,CAAA,aAAA;AAAA,MACrB,kBAAkB,KAAM,CAAA,gBAAA;AAAA,MACxB,eAAe,KAAM,CAAA,aAAA;AAAA,MACrB,cAAc,KAAM,CAAA,YAAA;AAAA,MACpB,kBAAkB,KAAM,CAAA,gBAAA;AAAA,MACxB,QAAQ,KAAM,CAAA,MAAA;AAAA,MACd,gBAAgB,KAAM,CAAA,cAAA;AAAA,MACtB,eAAe,KAAM,CAAA,aAAA;AAAA,MACrB,aAAa,KAAM,CAAA,WAAA;AAAA,MACnB,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,kBAAkB,KAAM,CAAA,gBAAA;AAAA,KACpB,EAAA,WAAA,CAAA;AAAA,GACN,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ConfigSelect.js","sources":["../../../../src/sql/ConfigEditor/ConfigSelect.tsx"],"sourcesContent":["import React, { DependencyList } from 'react';\nimport { DataSourcePluginOptionsEditorProps, SelectableValue } from '@grafana/data';\nimport { InputActionMeta } from '@grafana/ui';\nimport { AwsAuthDataSourceJsonData, AwsAuthDataSourceSecureJsonData } from '../../types';\nimport { ResourceSelector } from '../ResourceSelector';\nimport { DEFAULT_LABEL_WIDTH } from '../../components/ConnectionConfig';\n\nexport interface ConfigSelectProps\n  extends DataSourcePluginOptionsEditorProps<AwsAuthDataSourceJsonData, AwsAuthDataSourceSecureJsonData> {\n  value: string;\n  fetch: () => Promise<Array<string | SelectableValue<string>>>;\n  onChange: (e: SelectableValue<string> | null) => void;\n  dependencies?: string[];\n  // input id and label necessary for accessibility attributes\n  id: string;\n  label: string;\n  'data-testid'?: string;\n  hidden?: boolean;\n  disabled?: boolean;\n  allowCustomValue?: boolean;\n  saveOptions: () => Promise<void>;\n  autoFocus?: boolean;\n  backspaceRemovesValue?: boolean;\n  className?: string;\n  invalid?: boolean;\n  isClearable?: boolean;\n  isMulti?: boolean;\n  inputId?: string;\n  showAllSelectedWhenOpen?: boolean;\n  maxMenuHeight?: number;\n  minMenuHeight?: number;\n  maxVisibleValues?: number;\n  menuPlacement?: 'auto' | 'bottom' | 'top';\n  menuPosition?: 'fixed' | 'absolute';\n  noOptionsMessage?: string;\n  onBlur?: () => void;\n  onCreateOption?: (value: string) => void;\n  onInputChange?: (value: string, actionMeta: InputActionMeta) => void;\n  placeholder?: string;\n  width?: number;\n  isOptionDisabled?: () => boolean;\n  labelWidth?: number;\n}\n\nexport function ConfigSelect(props: ConfigSelectProps) {\n  const { jsonData } = props.options;\n  const commonProps = {\n    title: jsonData.defaultRegion ? '' : 'select a default region',\n    labelWidth: props.labelWidth ?? DEFAULT_LABEL_WIDTH,\n    className: 'width-30',\n  };\n  // Any change in the AWS connection details will affect selectors\n  const dependencies: DependencyList = [\n    props.options.jsonData.assumeRoleArn,\n    props.options.jsonData.authType,\n    props.options.jsonData.defaultRegion,\n    props.options.jsonData.endpoint,\n    props.options.jsonData.externalId,\n    props.options.jsonData.profile,\n    props.options.secureJsonData?.accessKey,\n    props.options.secureJsonData?.secretKey,\n  ].concat(props.dependencies);\n  return (\n    <ResourceSelector\n      id={props.id}\n      label={props.label}\n      data-testid={props['data-testid']}\n      onChange={props.onChange}\n      fetch={props.fetch}\n      value={props.value}\n      saveOptions={props.saveOptions}\n      dependencies={dependencies}\n      hidden={props.hidden}\n      disabled={props.disabled || !jsonData.defaultRegion}\n      allowCustomValue={props.allowCustomValue}\n      autoFocus={props.autoFocus}\n      backspaceRemovesValue={props.backspaceRemovesValue}\n      invalid={props.invalid}\n      isClearable={props.isClearable}\n      isMulti={props.isMulti}\n      inputId={props.inputId}\n      showAllSelectedWhenOpen={props.showAllSelectedWhenOpen}\n      maxMenuHeight={props.maxMenuHeight}\n      minMenuHeight={props.minMenuHeight}\n      maxVisibleValues={props.maxVisibleValues}\n      menuPlacement={props.menuPlacement}\n      menuPosition={props.menuPosition}\n      noOptionsMessage={props.noOptionsMessage}\n      onBlur={props.onBlur}\n      onCreateOption={props.onCreateOption}\n      onInputChange={props.onInputChange}\n      placeholder={props.placeholder}\n      width={props.width}\n      isOptionDisabled={props.isOptionDisabled}\n      {...commonProps}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA4CO,SAAS,aAAa,KAA0B,EAAA;AA5CvD,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AA6CE,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,KAAM,CAAA,OAAA,CAAA;AAC3B,EAAA,MAAM,WAAc,GAAA;AAAA,IAClB,KAAA,EAAO,QAAS,CAAA,aAAA,GAAgB,EAAK,GAAA,yBAAA;AAAA,IACrC,UAAA,EAAA,CAAY,EAAM,GAAA,KAAA,CAAA,UAAA,KAAN,IAAoB,GAAA,EAAA,GAAA,mBAAA;AAAA,IAChC,SAAW,EAAA,UAAA;AAAA,GACb,CAAA;AAEA,EAAA,MAAM,YAA+B,GAAA;AAAA,IACnC,KAAA,CAAM,QAAQ,QAAS,CAAA,aAAA;AAAA,IACvB,KAAA,CAAM,QAAQ,QAAS,CAAA,QAAA;AAAA,IACvB,KAAA,CAAM,QAAQ,QAAS,CAAA,aAAA;AAAA,IACvB,KAAA,CAAM,QAAQ,QAAS,CAAA,QAAA;AAAA,IACvB,KAAA,CAAM,QAAQ,QAAS,CAAA,UAAA;AAAA,IACvB,KAAA,CAAM,QAAQ,QAAS,CAAA,OAAA;AAAA,IACvB,CAAA,EAAA,GAAA,KAAA,CAAM,OAAQ,CAAA,cAAA,KAAd,IAA8B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA;AAAA,IAC9B,CAAA,EAAA,GAAA,KAAA,CAAM,OAAQ,CAAA,cAAA,KAAd,IAA8B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA;AAAA,GAChC,CAAE,MAAO,CAAA,KAAA,CAAM,YAAY,CAAA,CAAA;AAC3B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,IAAI,KAAM,CAAA,EAAA;AAAA,MACV,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,eAAa,KAAM,CAAA,aAAA,CAAA;AAAA,MACnB,UAAU,KAAM,CAAA,QAAA;AAAA,MAChB,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,aAAa,KAAM,CAAA,WAAA;AAAA,MACnB,YAAA;AAAA,MACA,QAAQ,KAAM,CAAA,MAAA;AAAA,MACd,QAAU,EAAA,KAAA,CAAM,QAAY,IAAA,CAAC,QAAS,CAAA,aAAA;AAAA,MACtC,kBAAkB,KAAM,CAAA,gBAAA;AAAA,MACxB,WAAW,KAAM,CAAA,SAAA;AAAA,MACjB,uBAAuB,KAAM,CAAA,qBAAA;AAAA,MAC7B,SAAS,KAAM,CAAA,OAAA;AAAA,MACf,aAAa,KAAM,CAAA,WAAA;AAAA,MACnB,SAAS,KAAM,CAAA,OAAA;AAAA,MACf,SAAS,KAAM,CAAA,OAAA;AAAA,MACf,yBAAyB,KAAM,CAAA,uBAAA;AAAA,MAC/B,eAAe,KAAM,CAAA,aAAA;AAAA,MACrB,eAAe,KAAM,CAAA,aAAA;AAAA,MACrB,kBAAkB,KAAM,CAAA,gBAAA;AAAA,MACxB,eAAe,KAAM,CAAA,aAAA;AAAA,MACrB,cAAc,KAAM,CAAA,YAAA;AAAA,MACpB,kBAAkB,KAAM,CAAA,gBAAA;AAAA,MACxB,QAAQ,KAAM,CAAA,MAAA;AAAA,MACd,gBAAgB,KAAM,CAAA,cAAA;AAAA,MACtB,eAAe,KAAM,CAAA,aAAA;AAAA,MACrB,aAAa,KAAM,CAAA,WAAA;AAAA,MACnB,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,kBAAkB,KAAM,CAAA,gBAAA;AAAA,KACpB,EAAA,WAAA,CAAA;AAAA,GACN,CAAA;AAEJ;;;;"}

package/dist/esm/sql/QueryEditor/FillValueSelect.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Select, Input, InlineField } from '@grafana/ui';
+import { Select, Input } from '@grafana/ui';
 import { EditorField } from '@grafana/experimental';
 
 var __defProp = Object.defineProperty;
@@ -42,8 +42,8 @@ const SelectableFillValueOptions = [
   }
 ];
 function FillValueSelect(props) {
-  var _a, _b, _c, _d, _e, _f;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, props.newFormStylingEnabled ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(EditorField, { label: "Fill with", tooltip: "value to fill missing points", htmlFor: "fillWith" }, /* @__PURE__ */ React.createElement(
+  var _a, _b, _c;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(EditorField, { label: "Fill with", tooltip: "value to fill missing points", htmlFor: "fillWith" }, /* @__PURE__ */ React.createElement(
     Select,
     {
       id: "fillWith",
@@ -78,40 +78,7 @@ function FillValueSelect(props) {
         return (_a2 = props.onRunQuery) == null ? void 0 : _a2.call(props);
       }
     }
-  ))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InlineField, { label: "Fill value", tooltip: "value to fill missing points" }, /* @__PURE__ */ React.createElement(
-    Select,
-    {
-      "aria-label": "Fill value",
-      options: SelectableFillValueOptions,
-      value: (_e = (_d = props.query.fillMode) == null ? void 0 : _d.mode) != null ? _e : 0 /* Previous */,
-      onChange: ({ value }) => {
-        var _a2;
-        props.onChange(__spreadProps(__spreadValues({}, props.query), {
-          fillMode: __spreadProps(__spreadValues({}, props.query.fillMode), { mode: value })
-        }));
-        (_a2 = props.onRunQuery) == null ? void 0 : _a2.call(props);
-      },
-      className: "width-12",
-      menuShouldPortal: true
-    }
-  )), ((_f = props.query.fillMode) == null ? void 0 : _f.mode) === 2 /* Value */ && /* @__PURE__ */ React.createElement(InlineField, { label: "Value", labelWidth: 11 }, /* @__PURE__ */ React.createElement(
-    Input,
-    {
-      type: "number",
-      "aria-label": "Value",
-      value: props.query.fillMode.value,
-      onChange: ({ currentTarget }) => props.onChange(__spreadProps(__spreadValues({}, props.query), {
-        fillMode: {
-          mode: 2 /* Value */,
-          value: currentTarget.valueAsNumber
-        }
-      })),
-      onBlur: () => {
-        var _a2;
-        return (_a2 = props.onRunQuery) == null ? void 0 : _a2.call(props);
-      }
-    }
-  ))));
+  )));
 }
 
 export { FillValueOptions, FillValueSelect, SelectableFillValueOptions };

package/dist/esm/sql/QueryEditor/FillValueSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"FillValueSelect.js","sources":["../../../../src/sql/QueryEditor/FillValueSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { DataQuery, SelectableValue } from '@grafana/data';\nimport { InlineField, Input, Select } from '@grafana/ui';\nimport { EditorField } from '@grafana/experimental';\n\nexport enum FillValueOptions {\n  Previous,\n  Null,\n  Value,\n}\n\nexport const SelectableFillValueOptions: Array<SelectableValue<FillValueOptions>> = [\n  {\n    label: 'Previous Value',\n    value: FillValueOptions.Previous,\n  },\n  {\n    label: 'NULL',\n    value: FillValueOptions.Null,\n  },\n  {\n    label: 'Value',\n    value: FillValueOptions.Value,\n  },\n];\n\nexport type FillValueSelectProps<TQuery extends DataQuery> = {\n  query: TQuery;\n  onChange: (value: TQuery) => void;\n  newFormStylingEnabled?: boolean;\n  onRunQuery?: () => void;\n};\n\nexport function FillValueSelect<TQuery extends DataQuery & Record<string, any>>(props: FillValueSelectProps<TQuery>) {\n  return (\n    <>\n      {props.newFormStylingEnabled ? (\n        <>\n          <EditorField label=\"Fill with\" tooltip=\"value to fill missing points\" htmlFor=\"fillWith\">\n            <Select\n              id=\"fillWith\"\n              aria-label=\"Fill with\"\n              data-testid=\"table-fill-with-select\"\n              options={SelectableFillValueOptions}\n              value={props.query.fillMode?.mode ?? FillValueOptions.Previous}\n              onChange={({ value }) => {\n                props.onChange({\n                  ...props.query,\n                  // Keep the fillMode.value in case FillValueOptions.Value mode is selected back\n                  fillMode: { ...props.query.fillMode, mode: value },\n                });\n                props.onRunQuery?.();\n              }}\n              menuShouldPortal={true}\n            />\n          </EditorField>\n          {props.query.fillMode?.mode === FillValueOptions.Value && (\n            <EditorField label=\"Value\" htmlFor=\"valueToFill\" width={6}>\n              <Input\n                id=\"valueToFill\"\n                aria-label=\"Value\"\n                type=\"number\"\n                value={props.query.fillMode.value}\n                onChange={({ currentTarget }: React.FormEvent<HTMLInputElement>) =>\n                  props.onChange({\n                    ...props.query,\n                    fillMode: {\n                      mode: FillValueOptions.Value,\n                      value: currentTarget.valueAsNumber,\n                    },\n                  })\n                }\n                onBlur={() => props.onRunQuery?.()}\n              />\n            </EditorField>\n          )}\n        </>\n      ) : (\n        <>\n          <InlineField label=\"Fill value\" tooltip=\"value to fill missing points\">\n            <Select\n              aria-label=\"Fill value\"\n              options={SelectableFillValueOptions}\n              value={props.query.fillMode?.mode ?? FillValueOptions.Previous}\n              onChange={({ value }) => {\n                props.onChange({\n                  ...props.query,\n                  // Keep the fillMode.value in case FillValueOptions.Value mode is selected back\n                  fillMode: { ...props.query.fillMode, mode: value },\n                });\n                props.onRunQuery?.();\n              }}\n              className=\"width-12\"\n              menuShouldPortal={true}\n            />\n          </InlineField>\n          {props.query.fillMode?.mode === FillValueOptions.Value && (\n            <InlineField label=\"Value\" labelWidth={11}>\n              <Input\n                type=\"number\"\n                aria-label=\"Value\"\n                value={props.query.fillMode.value}\n                onChange={({ currentTarget }: React.FormEvent<HTMLInputElement>) =>\n                  props.onChange({\n                    ...props.query,\n                    fillMode: {\n                      mode: FillValueOptions.Value,\n                      value: currentTarget.valueAsNumber,\n                    },\n                  })\n                }\n                onBlur={() => props.onRunQuery?.()}\n              />\n            </InlineField>\n          )}\n        </>\n      )}\n    </>\n  );\n}\n"],"names":["FillValueOptions","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKY,IAAA,gBAAA,qBAAAA,iBAAL,KAAA;AACL,EAAAA,iBAAA,CAAA,iBAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AACA,EAAAA,iBAAA,CAAA,iBAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AACA,EAAAA,iBAAA,CAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAHU,EAAAA,OAAAA,iBAAAA,CAAAA;AAAA,CAAA,EAAA,gBAAA,IAAA,EAAA,EAAA;AAML,MAAM,0BAAuE,GAAA;AAAA,EAClF;AAAA,IACE,KAAO,EAAA,gBAAA;AAAA,IACP,KAAO,EAAA,CAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA,CAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,OAAA;AAAA,IACP,KAAO,EAAA,CAAA;AAAA,GACT;AACF,EAAA;AASO,SAAS,gBAAgE,KAAqC,EAAA;AAjCrH,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAkCE,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,KAAM,CAAA,qBAAA,mBAEH,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,KAAA,EAAM,WAAY,EAAA,OAAA,EAAQ,8BAA+B,EAAA,OAAA,EAAQ,UAC5E,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,UAAA;AAAA,MACH,YAAW,EAAA,WAAA;AAAA,MACX,aAAY,EAAA,wBAAA;AAAA,MACZ,OAAS,EAAA,0BAAA;AAAA,MACT,QAAO,EAAM,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,KAAA,CAAM,QAAZ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAsB,SAAtB,IAA8B,GAAA,EAAA,GAAA,CAAA;AAAA,MACrC,QAAU,EAAA,CAAC,EAAE,KAAA,EAAY,KAAA;AA7CvC,QAAAC,IAAAA,GAAAA,CAAAA;AA8CgB,QAAM,KAAA,CAAA,QAAA,CAAS,aACV,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAM,KADI,CAAA,EAAA;AAAA,UAGb,UAAU,aAAK,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAM,MAAM,QAAjB,CAAA,EAAA,EAA2B,MAAM,KAAM,EAAA,CAAA;AAAA,SAClD,CAAA,CAAA,CAAA;AACD,QAAA,CAAAA,GAAA,GAAA,KAAA,CAAM,UAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OACF;AAAA,MACA,gBAAkB,EAAA,IAAA;AAAA,KAAA;AAAA,GAEtB,CAAA,EAAA,CAAA,CACC,EAAM,GAAA,KAAA,CAAA,KAAA,CAAM,aAAZ,IAAsB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,MAAS,CAC9B,gCAAA,KAAA,CAAA,aAAA,CAAC,eAAY,KAAM,EAAA,OAAA,EAAQ,OAAQ,EAAA,aAAA,EAAc,OAAO,CACtD,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,aAAA;AAAA,MACH,YAAW,EAAA,OAAA;AAAA,MACX,IAAK,EAAA,QAAA;AAAA,MACL,KAAA,EAAO,KAAM,CAAA,KAAA,CAAM,QAAS,CAAA,KAAA;AAAA,MAC5B,QAAA,EAAU,CAAC,EAAE,aAAA,OACX,KAAM,CAAA,QAAA,CAAS,aACV,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAM,KADI,CAAA,EAAA;AAAA,QAEb,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,CAAA;AAAA,UACN,OAAO,aAAc,CAAA,aAAA;AAAA,SACvB;AAAA,OACD,CAAA,CAAA;AAAA,MAEH,QAAQ,MAAG;AAxE3B,QAAAA,IAAAA,GAAAA,CAAAA;AAwE8B,QAAA,OAAA,CAAAA,GAAA,GAAA,KAAA,CAAM,UAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAElB,CAEJ,CAEA,mBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,sCACG,WAAY,EAAA,EAAA,KAAA,EAAM,YAAa,EAAA,OAAA,EAAQ,8BACtC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,YAAA;AAAA,MACX,OAAS,EAAA,0BAAA;AAAA,MACT,QAAO,EAAM,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,KAAA,CAAM,QAAZ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAsB,SAAtB,IAA8B,GAAA,EAAA,GAAA,CAAA;AAAA,MACrC,QAAU,EAAA,CAAC,EAAE,KAAA,EAAY,KAAA;AApFvC,QAAAA,IAAAA,GAAAA,CAAAA;AAqFgB,QAAM,KAAA,CAAA,QAAA,CAAS,aACV,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAM,KADI,CAAA,EAAA;AAAA,UAGb,UAAU,aAAK,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAM,MAAM,QAAjB,CAAA,EAAA,EAA2B,MAAM,KAAM,EAAA,CAAA;AAAA,SAClD,CAAA,CAAA,CAAA;AACD,QAAA,CAAAA,GAAA,GAAA,KAAA,CAAM,UAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OACF;AAAA,MACA,SAAU,EAAA,UAAA;AAAA,MACV,gBAAkB,EAAA,IAAA;AAAA,KAAA;AAAA,GAEtB,CAAA,EAAA,CAAA,CACC,EAAM,GAAA,KAAA,CAAA,KAAA,CAAM,QAAZ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAsB,IAAS,MAAA,CAAA,gCAC7B,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,KAAM,EAAA,OAAA,EAAQ,YAAY,EACrC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,QAAA;AAAA,MACL,YAAW,EAAA,OAAA;AAAA,MACX,KAAA,EAAO,KAAM,CAAA,KAAA,CAAM,QAAS,CAAA,KAAA;AAAA,MAC5B,QAAA,EAAU,CAAC,EAAE,aAAA,OACX,KAAM,CAAA,QAAA,CAAS,aACV,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAM,KADI,CAAA,EAAA;AAAA,QAEb,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,CAAA;AAAA,UACN,OAAO,aAAc,CAAA,aAAA;AAAA,SACvB;AAAA,OACD,CAAA,CAAA;AAAA,MAEH,QAAQ,MAAG;AA/G3B,QAAAA,IAAAA,GAAAA,CAAAA;AA+G8B,QAAA,OAAA,CAAAA,GAAA,GAAA,KAAA,CAAM,UAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAElB,CAEJ,CAEJ,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FillValueSelect.js","sources":["../../../../src/sql/QueryEditor/FillValueSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { DataQuery, SelectableValue } from '@grafana/data';\nimport { Input, Select } from '@grafana/ui';\nimport { EditorField } from '@grafana/experimental';\n\nexport enum FillValueOptions {\n  Previous,\n  Null,\n  Value,\n}\n\nexport const SelectableFillValueOptions: Array<SelectableValue<FillValueOptions>> = [\n  {\n    label: 'Previous Value',\n    value: FillValueOptions.Previous,\n  },\n  {\n    label: 'NULL',\n    value: FillValueOptions.Null,\n  },\n  {\n    label: 'Value',\n    value: FillValueOptions.Value,\n  },\n];\n\nexport type FillValueSelectProps<TQuery extends DataQuery> = {\n  query: TQuery;\n  onChange: (value: TQuery) => void;\n  onRunQuery?: () => void;\n};\n\nexport function FillValueSelect<TQuery extends DataQuery & Record<string, any>>(props: FillValueSelectProps<TQuery>) {\n  return (\n        <>\n          <EditorField label=\"Fill with\" tooltip=\"value to fill missing points\" htmlFor=\"fillWith\">\n            <Select\n              id=\"fillWith\"\n              aria-label=\"Fill with\"\n              data-testid=\"table-fill-with-select\"\n              options={SelectableFillValueOptions}\n              value={props.query.fillMode?.mode ?? FillValueOptions.Previous}\n              onChange={({ value }) => {\n                props.onChange({\n                  ...props.query,\n                  // Keep the fillMode.value in case FillValueOptions.Value mode is selected back\n                  fillMode: { ...props.query.fillMode, mode: value },\n                });\n                props.onRunQuery?.();\n              }}\n              menuShouldPortal={true}\n            />\n          </EditorField>\n          {props.query.fillMode?.mode === FillValueOptions.Value && (\n            <EditorField label=\"Value\" htmlFor=\"valueToFill\" width={6}>\n              <Input\n                id=\"valueToFill\"\n                aria-label=\"Value\"\n                type=\"number\"\n                value={props.query.fillMode.value}\n                onChange={({ currentTarget }: React.FormEvent<HTMLInputElement>) =>\n                  props.onChange({\n                    ...props.query,\n                    fillMode: {\n                      mode: FillValueOptions.Value,\n                      value: currentTarget.valueAsNumber,\n                    },\n                  })\n                }\n                onBlur={() => props.onRunQuery?.()}\n              />\n            </EditorField>\n          )}\n        </>\n  );\n}\n"],"names":["FillValueOptions","_a"],"mappings":"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"}

package/dist/esm/sql/QueryEditor/FormatSelect.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Select, InlineField } from '@grafana/ui';
+import { Select } from '@grafana/ui';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -29,7 +29,7 @@ function FormatSelect(props) {
     }));
     (_a2 = props.onRunQuery) == null ? void 0 : _a2.call(props);
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, props.newFormStylingEnabled ? /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(
     Select,
     {
       "aria-label": "Format data frames as",
@@ -39,17 +39,7 @@ function FormatSelect(props) {
       onChange: onChangeFormat,
       menuShouldPortal: true
     }
-  ) : /* @__PURE__ */ React.createElement(InlineField, { label: "Format as", labelWidth: 11 }, /* @__PURE__ */ React.createElement(
-    Select,
-    {
-      "aria-label": "Format as",
-      options: props.options,
-      value: props.query.format,
-      onChange: onChangeFormat,
-      className: "width-12",
-      menuShouldPortal: true
-    }
-  )));
+  );
 }
 
 export { FormatSelect };

package/dist/esm/sql/QueryEditor/FormatSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormatSelect.js","sources":["../../../../src/sql/QueryEditor/FormatSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { DataQuery, SelectableValue } from '@grafana/data';\nimport { InlineField, Select } from '@grafana/ui';\n\nexport type FormatSelectProps<TQuery extends DataQuery, FormatOptions> = {\n  newFormStylingEnabled?: boolean;\n  id?: string;\n  query: TQuery;\n  options: Array<SelectableValue<FormatOptions>>;\n  onChange: (value: TQuery) => void;\n  onRunQuery?: () => void;\n};\n\nexport function FormatSelect<TQuery extends DataQuery & Record<string, any>, FormatOptions>(\n  props: FormatSelectProps<TQuery, FormatOptions>\n) {\n  const onChangeFormat = (e: SelectableValue<FormatOptions>) => {\n    props.onChange({\n      ...props.query,\n      format: e.value || 0,\n    });\n    props.onRunQuery?.();\n  };\n  return (\n    <>\n      {props.newFormStylingEnabled ? (\n        <Select\n          aria-label=\"Format data frames as\"\n          id={props.id ?? 'formatAs'}\n          options={props.options}\n          value={props.query.format}\n          onChange={onChangeFormat}\n          menuShouldPortal={true}\n        />\n      ) : (\n        <InlineField label=\"Format as\" labelWidth={11}>\n          <Select\n            aria-label=\"Format as\"\n            options={props.options}\n            value={props.query.format}\n            onChange={onChangeFormat}\n            className=\"width-12\"\n            menuShouldPortal={true}\n          />\n        </InlineField>\n      )}\n    </>\n  );\n}\n"],"names":["_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAaO,SAAS,aACd,KACA,EAAA;AAfF,EAAA,IAAA,EAAA,CAAA;AAgBE,EAAM,MAAA,cAAA,GAAiB,CAAC,CAAsC,KAAA;AAhBhE,IAAAA,IAAAA,GAAAA,CAAAA;AAiBI,IAAM,KAAA,CAAA,QAAA,CAAS,aACV,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAM,KADI,CAAA,EAAA;AAAA,MAEb,MAAA,EAAQ,EAAE,KAAS,IAAA,CAAA;AAAA,KACpB,CAAA,CAAA,CAAA;AACD,IAAA,CAAAA,GAAA,GAAA,KAAA,CAAM,UAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AAAA,GACF,CAAA;AACA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,MAAM,qBACL,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,uBAAA;AAAA,MACX,EAAA,EAAA,CAAI,EAAM,GAAA,KAAA,CAAA,EAAA,KAAN,IAAY,GAAA,EAAA,GAAA,UAAA;AAAA,MAChB,SAAS,KAAM,CAAA,OAAA;AAAA,MACf,KAAA,EAAO,MAAM,KAAM,CAAA,MAAA;AAAA,MACnB,QAAU,EAAA,cAAA;AAAA,MACV,gBAAkB,EAAA,IAAA;AAAA,KAAA;AAAA,sBAGnB,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,KAAM,EAAA,WAAA,EAAY,YAAY,EACzC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,WAAA;AAAA,MACX,SAAS,KAAM,CAAA,OAAA;AAAA,MACf,KAAA,EAAO,MAAM,KAAM,CAAA,MAAA;AAAA,MACnB,QAAU,EAAA,cAAA;AAAA,MACV,SAAU,EAAA,UAAA;AAAA,MACV,gBAAkB,EAAA,IAAA;AAAA,KAAA;AAAA,GAEtB,CAEJ,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FormatSelect.js","sources":["../../../../src/sql/QueryEditor/FormatSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { DataQuery, SelectableValue } from '@grafana/data';\nimport { Select } from '@grafana/ui';\n\nexport type FormatSelectProps<TQuery extends DataQuery, FormatOptions> = {\n  id?: string;\n  query: TQuery;\n  options: Array<SelectableValue<FormatOptions>>;\n  onChange: (value: TQuery) => void;\n  onRunQuery?: () => void;\n};\n\nexport function FormatSelect<TQuery extends DataQuery & Record<string, any>, FormatOptions>(\n  props: FormatSelectProps<TQuery, FormatOptions>\n) {\n  const onChangeFormat = (e: SelectableValue<FormatOptions>) => {\n    props.onChange({\n      ...props.query,\n      format: e.value || 0,\n    });\n    props.onRunQuery?.();\n  };\n  return <Select\n          aria-label=\"Format data frames as\"\n          id={props.id ?? 'formatAs'}\n          options={props.options}\n          value={props.query.format}\n          onChange={onChangeFormat}\n          menuShouldPortal={true}\n        />\n}\n"],"names":["_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAYO,SAAS,aACd,KACA,EAAA;AAdF,EAAA,IAAA,EAAA,CAAA;AAeE,EAAM,MAAA,cAAA,GAAiB,CAAC,CAAsC,KAAA;AAfhE,IAAAA,IAAAA,GAAAA,CAAAA;AAgBI,IAAM,KAAA,CAAA,QAAA,CAAS,aACV,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAM,KADI,CAAA,EAAA;AAAA,MAEb,MAAA,EAAQ,EAAE,KAAS,IAAA,CAAA;AAAA,KACpB,CAAA,CAAA,CAAA;AACD,IAAA,CAAAA,GAAA,GAAA,KAAA,CAAM,UAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AAAA,GACF,CAAA;AACA,EAAO,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACA,YAAW,EAAA,uBAAA;AAAA,MACX,EAAA,EAAA,CAAI,EAAM,GAAA,KAAA,CAAA,EAAA,KAAN,IAAY,GAAA,EAAA,GAAA,UAAA;AAAA,MAChB,SAAS,KAAM,CAAA,OAAA;AAAA,MACf,KAAA,EAAO,MAAM,KAAM,CAAA,MAAA;AAAA,MACnB,QAAU,EAAA,cAAA;AAAA,MACV,gBAAkB,EAAA,IAAA;AAAA,KAAA;AAAA,GACpB,CAAA;AACR;;;;"}

package/dist/esm/sql/ResourceSelector.js

@@ -1,4 +1,4 @@
-import { Select, InlineField } from '@grafana/ui';
+import { Select } from '@grafana/ui';
 import { isEqual } from 'lodash';
 import React, { useRef, useState, useMemo, useEffect } from 'react';
 import { defaultKey } from './types.js';
@@ -102,10 +102,11 @@ function ResourceSelector(props) {
       setIsLoading(false);
     }
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, props.newFormStylingEnabled ? /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(
     Select,
     __spreadProps(__spreadValues({}, props), {
       id: props.id,
+      inputId: props.id,
       "aria-label": props.label,
       options,
       onChange,
@@ -114,29 +115,7 @@ function ResourceSelector(props) {
       onOpenMenu: () => props.fetch && onClick(),
       menuShouldPortal: true
     })
-  ) : /* @__PURE__ */ React.createElement(
-    InlineField,
-    {
-      label: props.label,
-      labelWidth: props.labelWidth,
-      tooltip: props.tooltip,
-      hidden: props.hidden,
-      htmlFor: props.id
-    },
-    /* @__PURE__ */ React.createElement("div", { "data-testid": props["data-testid"], title: props.title }, /* @__PURE__ */ React.createElement(
-      Select,
-      __spreadProps(__spreadValues({}, props), {
-        id: props.id,
-        "aria-label": props.label,
-        options,
-        onChange,
-        isLoading,
-        className: props.className || "min-width-6",
-        onOpenMenu: () => props.fetch && onClick(),
-        menuShouldPortal: true
-      })
-    ))
-  ));
+  );
 }
 
 export { ResourceSelector };

package/dist/esm/sql/ResourceSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceSelector.js","sources":["../../../src/sql/ResourceSelector.tsx"],"sourcesContent":["import { SelectableValue } from '@grafana/data';\nimport { InlineField, Select, SelectCommonProps } from '@grafana/ui';\nimport { isEqual } from 'lodash';\nimport React, { useEffect, useMemo, useState, DependencyList, useRef } from 'react';\n\nimport { defaultKey } from './types';\n\nexport interface ResourceSelectorProps extends SelectCommonProps<string> {\n  // props for old form styling\n  tooltip?: string;\n  hidden?: boolean;\n\n  newFormStylingEnabled?: boolean; // awsDatasourcesNewForStyling feature toggle\n  value: string | null;\n  dependencies?: DependencyList;\n  id: string;\n  label: string;\n  'data-testid'?: string;\n  // Options only needed for QueryEditor\n  default?: string;\n  // Options only needed for the ConfigEditor\n  title?: string;\n  labelWidth?: number;\n  saveOptions?: () => Promise<void>;\n  // Either set a way of fetching resources or the resource list\n  fetch?: () => Promise<Array<string | SelectableValue<string>>>;\n  resources?: string[];\n  onChange: (e: SelectableValue<string> | null) => void;\n}\n\nexport function ResourceSelector(props: ResourceSelectorProps) {\n  const propsDependencies = props.dependencies;\n  const propsOnChange = props.onChange;\n\n  const dependencies = useRef(props.dependencies);\n  const fetched = useRef<boolean>(false);\n  const resource = useRef<string | null>(props.value || props.default || null);\n\n  const [resources, setResources] = useState<Array<string | SelectableValue>>(\n    resource.current ? [resource.current] : []\n  );\n  const [isLoading, setIsLoading] = useState(false);\n\n  const defaultOpts = useMemo(() => {\n    const opts: Array<SelectableValue<string>> = [\n      {\n        label: `default (${props.default})`,\n        value: defaultKey,\n        description: `Default value set in the data source`,\n      },\n    ];\n    if (props.value && props.value !== defaultKey) {\n      opts.push({ label: props.value, value: props.value });\n    }\n    return opts;\n  }, [props.default, props.value]);\n  const [options, setOptions] = useState<Array<SelectableValue<string>>>(props.default ? defaultOpts : []);\n  useEffect(() => {\n    if (props.resources !== undefined) {\n      setResources(props.resources);\n    }\n  }, [props.resources]);\n  useEffect(() => {\n    const newOptions: Array<SelectableValue<string>> = props.default ? defaultOpts : [];\n    if (resources.length) {\n      resources.forEach((r) => {\n        const value = typeof r === 'string' ? r : r.value;\n        if (!newOptions.find((o) => o.value === value)) {\n          typeof r === 'string' ? newOptions.push({ label: r, value: r }) : newOptions.push(r);\n        }\n      });\n      setOptions(newOptions);\n    } else {\n      setOptions([]);\n    }\n  }, [resources, defaultOpts, props.default]);\n\n  useEffect(() => {\n    // A change in the dependencies cause a state clean-up\n    if (!isEqual(propsDependencies, dependencies.current)) {\n      fetched.current = false;\n      resource.current = null;\n      dependencies.current = propsDependencies;\n      propsOnChange(null);\n    }\n  }, [propsDependencies, propsOnChange]);\n\n  const fetch = async () => {\n    if (fetched.current) {\n      return;\n    }\n    if (props.saveOptions) {\n      await props.saveOptions();\n    }\n    try {\n      const resources = (await props.fetch?.()) || [];\n      setResources(resources);\n    } finally {\n      fetched.current = true;\n    }\n  };\n\n  const onChange = (e: SelectableValue<string>) => {\n    propsOnChange(e);\n    if (e.value) {\n      resource.current = e.value;\n    }\n  };\n  const onClick = async () => {\n    setIsLoading(true);\n    try {\n      await fetch();\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <>\n      {props.newFormStylingEnabled ? (\n        <Select\n          {...props}\n          id={props.id}\n          aria-label={props.label}\n          options={options}\n          onChange={onChange}\n          isLoading={isLoading}\n          className={props.className || 'min-width-6'}\n          onOpenMenu={() => props.fetch && onClick()}\n          menuShouldPortal={true}\n        />\n      ) : (\n        <InlineField\n          label={props.label}\n          labelWidth={props.labelWidth}\n          tooltip={props.tooltip}\n          hidden={props.hidden}\n          htmlFor={props.id}\n        >\n          <div data-testid={props['data-testid']} title={props.title}>\n            <Select\n              {...props}\n              id={props.id}\n              aria-label={props.label}\n              options={options}\n              onChange={onChange}\n              isLoading={isLoading}\n              className={props.className || 'min-width-6'}\n              onOpenMenu={() => props.fetch && onClick()}\n              menuShouldPortal={true}\n            />\n          </div>\n        </InlineField>\n      )}\n    </>\n  );\n}\n"],"names":["resources"],"mappings":"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"}
+{"version":3,"file":"ResourceSelector.js","sources":["../../../src/sql/ResourceSelector.tsx"],"sourcesContent":["import { SelectableValue } from '@grafana/data';\nimport { Select, SelectCommonProps } from '@grafana/ui';\nimport { isEqual } from 'lodash';\nimport React, { useEffect, useMemo, useState, DependencyList, useRef } from 'react';\n\nimport { defaultKey } from './types';\n\nexport interface ResourceSelectorProps extends SelectCommonProps<string> {\n  // props for old form styling\n  tooltip?: string;\n  hidden?: boolean;\n\n  value: string | null;\n  dependencies?: DependencyList;\n  id: string;\n  label: string;\n  'data-testid'?: string;\n  // Options only needed for QueryEditor\n  default?: string;\n  // Options only needed for the ConfigEditor\n  title?: string;\n  labelWidth?: number;\n  saveOptions?: () => Promise<void>;\n  // Either set a way of fetching resources or the resource list\n  fetch?: () => Promise<Array<string | SelectableValue<string>>>;\n  resources?: string[];\n  onChange: (e: SelectableValue<string> | null) => void;\n}\n\nexport function ResourceSelector(props: ResourceSelectorProps) {\n  const propsDependencies = props.dependencies;\n  const propsOnChange = props.onChange;\n\n  const dependencies = useRef(props.dependencies);\n  const fetched = useRef<boolean>(false);\n  const resource = useRef<string | null>(props.value || props.default || null);\n\n  const [resources, setResources] = useState<Array<string | SelectableValue>>(\n    resource.current ? [resource.current] : []\n  );\n  const [isLoading, setIsLoading] = useState(false);\n\n  const defaultOpts = useMemo(() => {\n    const opts: Array<SelectableValue<string>> = [\n      {\n        label: `default (${props.default})`,\n        value: defaultKey,\n        description: `Default value set in the data source`,\n      },\n    ];\n    if (props.value && props.value !== defaultKey) {\n      opts.push({ label: props.value, value: props.value });\n    }\n    return opts;\n  }, [props.default, props.value]);\n  const [options, setOptions] = useState<Array<SelectableValue<string>>>(props.default ? defaultOpts : []);\n  useEffect(() => {\n    if (props.resources !== undefined) {\n      setResources(props.resources);\n    }\n  }, [props.resources]);\n  useEffect(() => {\n    const newOptions: Array<SelectableValue<string>> = props.default ? defaultOpts : [];\n    if (resources.length) {\n      resources.forEach((r) => {\n        const value = typeof r === 'string' ? r : r.value;\n        if (!newOptions.find((o) => o.value === value)) {\n          typeof r === 'string' ? newOptions.push({ label: r, value: r }) : newOptions.push(r);\n        }\n      });\n      setOptions(newOptions);\n    } else {\n      setOptions([]);\n    }\n  }, [resources, defaultOpts, props.default]);\n\n  useEffect(() => {\n    // A change in the dependencies cause a state clean-up\n    if (!isEqual(propsDependencies, dependencies.current)) {\n      fetched.current = false;\n      resource.current = null;\n      dependencies.current = propsDependencies;\n      propsOnChange(null);\n    }\n  }, [propsDependencies, propsOnChange]);\n\n  const fetch = async () => {\n    if (fetched.current) {\n      return;\n    }\n    if (props.saveOptions) {\n      await props.saveOptions();\n    }\n    try {\n      const resources = (await props.fetch?.()) || [];\n      setResources(resources);\n    } finally {\n      fetched.current = true;\n    }\n  };\n\n  const onChange = (e: SelectableValue<string>) => {\n    propsOnChange(e);\n    if (e.value) {\n      resource.current = e.value;\n    }\n  };\n  const onClick = async () => {\n    setIsLoading(true);\n    try {\n      await fetch();\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return <Select\n          {...props}\n          id={props.id}\n          inputId={props.id}\n          aria-label={props.label}\n          options={options}\n          onChange={onChange}\n          isLoading={isLoading}\n          className={props.className || 'min-width-6'}\n          onOpenMenu={() => props.fetch && onClick()}\n          menuShouldPortal={true}\n        />\n\n}\n"],"names":["resources"],"mappings":"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"}