Change EuiLoadingElastic to EuiLoadingSpinner (#337)

Signed-off-by: Anan Zhuang <[email protected]>

src/plugins/newsfeed/public/components/loading_news.tsx

@@ -28,12 +28,12 @@ import React from 'react';
 import { FormattedMessage } from '@osd/i18n/react';
 
 import { EuiEmptyPrompt } from '@elastic/eui';
-import { EuiLoadingElastic } from '@elastic/eui';
+import { EuiLoadingSpinner } from '@elastic/eui';
 
 export const NewsLoadingPrompt = () => {
   return (
     <EuiEmptyPrompt
-      title={<EuiLoadingElastic size="xl" />}
+      title={<EuiLoadingSpinner size="xl" />}
       body={
         <p>
           <FormattedMessage

src/plugins/saved_objects_management/public/management_section/objects_table/components/flyout.tsx

@@ -48,7 +48,7 @@ import {
   EuiSelect,
   EuiFlexGroup,
   EuiFlexItem,
-  EuiLoadingElastic,
+  EuiLoadingSpinner,
   EuiCallOut,
   EuiSpacer,
   EuiLink,
@@ -624,7 +624,7 @@ export class Flyout extends Component<FlyoutProps, FlyoutState> {
       return (
         <EuiFlexGroup justifyContent="spaceAround">
           <EuiFlexItem grow={false}>
-            <EuiLoadingElastic size="xl" />
+            <EuiLoadingSpinner size="xl" />
             <EuiSpacer size="m" />
             <EuiText>
               <p>{loadingMessage}</p>

src/plugins/saved_objects_management/public/management_section/objects_table/components/relationships.test.tsx

@@ -100,7 +100,7 @@ describe('Relationships', () => {
     const component = shallowWithI18nProvider(<Relationships {...props} />);
 
     // Make sure we are showing loading
-    expect(component.find('EuiLoadingElastic').length).toBe(1);
+    expect(component.find('EuiLoadingSpinner').length).toBe(1);
 
     // Ensure all promises resolve
     await new Promise((resolve) => process.nextTick(resolve));
@@ -167,7 +167,7 @@ describe('Relationships', () => {
     const component = shallowWithI18nProvider(<Relationships {...props} />);
 
     // Make sure we are showing loading
-    expect(component.find('EuiLoadingElastic').length).toBe(1);
+    expect(component.find('EuiLoadingSpinner').length).toBe(1);
 
     // Ensure all promises resolve
     await new Promise((resolve) => process.nextTick(resolve));
@@ -234,7 +234,7 @@ describe('Relationships', () => {
     const component = shallowWithI18nProvider(<Relationships {...props} />);
 
     // Make sure we are showing loading
-    expect(component.find('EuiLoadingElastic').length).toBe(1);
+    expect(component.find('EuiLoadingSpinner').length).toBe(1);
 
     // Ensure all promises resolve
     await new Promise((resolve) => process.nextTick(resolve));
@@ -301,7 +301,7 @@ describe('Relationships', () => {
     const component = shallowWithI18nProvider(<Relationships {...props} />);
 
     // Make sure we are showing loading
-    expect(component.find('EuiLoadingElastic').length).toBe(1);
+    expect(component.find('EuiLoadingSpinner').length).toBe(1);
 
     // Ensure all promises resolve
     await new Promise((resolve) => process.nextTick(resolve));

src/plugins/saved_objects_management/public/management_section/objects_table/components/relationships.tsx

@@ -39,7 +39,7 @@ import {
   EuiLink,
   EuiIcon,
   EuiCallOut,
-  EuiLoadingElastic,
+  EuiLoadingSpinner,
   EuiInMemoryTable,
   EuiToolTip,
   EuiText,
@@ -132,7 +132,7 @@ export class Relationships extends Component<RelationshipsProps, RelationshipsSt
     }
 
     if (isLoading) {
-      return <EuiLoadingElastic size="xl" />;
+      return <EuiLoadingSpinner size="xl" />;
     }
 
     const columns = [

src/plugins/saved_objects_management/public/management_section/objects_table/saved_objects_table.tsx

@@ -40,7 +40,7 @@ import {
   EuiInMemoryTable,
   EuiIcon,
   EuiConfirmModal,
-  EuiLoadingElastic,
+  EuiLoadingSpinner,
   EuiOverlayMask,
   EUI_MODAL_CONFIRM_BUTTON,
   EuiCheckboxGroup,
@@ -558,7 +558,7 @@ export class SavedObjectsTable extends Component<SavedObjectsTableProps, SavedOb
 
     if (isDeleting) {
       // Block the user from interacting with the table while its contents are being deleted.
-      modal = <EuiLoadingElastic size="xl" />;
+      modal = <EuiLoadingSpinner size="xl" />;
     } else {
       const onCancel = () => {
         this.setState({ isShowingDeleteConfirmModal: false });