Merge pull request #115 from grafana/chore/deprecate-components

Chore: Deprecate components available in @grafana/ui
grafana · Feb 8, 2024 · e3b16e2 · e3b16e2
2 parents d8f2817 + 46ee372
commit e3b16e2
Show file tree

Hide file tree

Showing 9 changed files with 10 additions and 92 deletions.
diff --git a/src/ConfigEditor/Auth/auth-method/BasicAuth.tsx b/src/ConfigEditor/Auth/auth-method/BasicAuth.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import { cx, css } from '@emotion/css';
-import { InlineField, Input, PopoverContent } from '@grafana/ui';
-import { SecretInput } from '../common';
+import { InlineField, Input, PopoverContent, SecretInput } from '@grafana/ui';
 import { useCommonStyles } from '../styles';
 
 export type Props = {

diff --git a/src/ConfigEditor/Auth/common/SecretInput.tsx b/src/ConfigEditor/Auth/common/SecretInput.tsx
diff --git a/src/ConfigEditor/Auth/common/SecretTextarea.tsx b/src/ConfigEditor/Auth/common/SecretTextarea.tsx
diff --git a/src/ConfigEditor/Auth/common/index.ts b/src/ConfigEditor/Auth/common/index.ts
diff --git a/src/ConfigEditor/Auth/custom-headers/CustomHeader.tsx b/src/ConfigEditor/Auth/custom-headers/CustomHeader.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import { css, cx } from '@emotion/css';
-import { InlineFieldRow, InlineField, Input, IconButton, useTheme2 } from '@grafana/ui';
-import { SecretInput } from '../common';
+import { InlineFieldRow, InlineField, Input, IconButton, useTheme2, SecretInput } from '@grafana/ui';
 import type { LocalHeader } from '../types';
 import { useCommonStyles } from '../styles';
 

diff --git a/src/ConfigEditor/Auth/tls/SelfSignedCertificate.tsx b/src/ConfigEditor/Auth/tls/SelfSignedCertificate.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import { cx } from '@emotion/css';
-import { InlineField } from '@grafana/ui';
-import { SecretTextArea } from '../common';
+import { InlineField, SecretTextArea } from '@grafana/ui';
 import { TLSSettingsSection } from './TLSSettingsSection';
 import { useCommonStyles } from '../styles';
 

diff --git a/src/ConfigEditor/Auth/tls/TLSClientAuth.tsx b/src/ConfigEditor/Auth/tls/TLSClientAuth.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import { cx } from '@emotion/css';
-import { InlineField, Input } from '@grafana/ui';
-import { SecretTextArea } from '../common';
+import { InlineField, Input, SecretTextArea } from '@grafana/ui';
 import { TLSSettingsSection } from './TLSSettingsSection';
 import { useCommonStyles } from '../styles';
 

diff --git a/src/QueryEditor/Space.tsx b/src/QueryEditor/Space.tsx
@@ -10,6 +10,9 @@ export interface SpaceProps {
   layout?: 'block' | 'inline';
 }
 
+/**
+ * @deprecated use the Space component from @grafana/ui instead. Available starting from @grafana/[email protected]
+ */
 export const Space = (props: SpaceProps) => {
   const styles = useStyles2(useCallback((theme) => getStyles(theme, props), [props]));
 

diff --git a/src/QueryEditor/Stack.tsx b/src/QueryEditor/Stack.tsx
@@ -12,6 +12,9 @@ interface StackProps {
   flexGrow?: CSSProperties['flexGrow'];
 }
 
+/**
+ * @deprecated use the Stack component from @grafana/ui instead. Available starting from @grafana/[email protected]
+ */
 export const Stack = ({ children, ...props }: React.PropsWithChildren<StackProps>) => {
   const styles = useStyles2(useCallback((theme) => getStyles(theme, props), [props]));