Na}{

File Content: `AzureAuthSettings.tsx`

import React, { useMemo } from 'react';
import { useEffectOnce } from 'react-use';

import { config } from '@grafana/runtime';
import { HttpSettingsBaseProps } from '@grafana/ui/src/components/DataSourceSettings/types';

import { AzureCredentialsType } from '../types';

import { KnownAzureClouds } from './AzureCredentials';
import { getCredentials, updateCredentials } from './AzureCredentialsConfig';
import { AzureCredentialsForm } from './AzureCredentialsForm';

export const AzureAuthSettings = (props: HttpSettingsBaseProps) => {
  const { dataSourceConfig: dsSettings, onChange } = props;
  const managedIdentityEnabled = config.azure.managedIdentityEnabled;

  const credentials = useMemo(() => getCredentials(dsSettings, config), [dsSettings]);

  const onCredentialsChange = (credentials: AzureCredentialsType): void => {
    onChange(updateCredentials(dsSettings, config, credentials));
  };

  // The auth type needs to be set on the first load of the data source
  useEffectOnce(() => {
    if (!dsSettings.jsonData.authType) {
      onCredentialsChange(credentials);
    }
  });

  return (
    <AzureCredentialsForm
      managedIdentityEnabled={managedIdentityEnabled}
      credentials={credentials}
      azureCloudOptions={KnownAzureClouds}
      onCredentialsChange={onCredentialsChange}
      disabled={dsSettings.readOnly}
    />
  );
};

export default AzureAuthSettings;

Name	Size	Permission
AzureAuth.test.ts	7676 bytes	0644
AzureAuth.testMocks.ts	1599 bytes	0644
AzureAuthSettings.tsx	1396 bytes	0644
AzureCredentials.ts	624 bytes	0644
AzureCredentialsConfig.ts	4339 bytes	0644
AzureCredentialsForm.tsx	5909 bytes	0644

File Content: AzureAuthSettings.tsx

File Content: `AzureAuthSettings.tsx`