@looker/api-explorer 0.9.54 → 0.9.57

package/src/components/DocSource/DocSource.spec.tsx

@@ -23,14 +23,13 @@
  SOFTWARE.
 
  */
-import React from 'react'
-import { screen, waitFor } from '@testing-library/react'
-import type { IDeclarationMine } from '@looker/sdk-codegen'
-import { codeSearchLink } from '@looker/sdk-codegen'
-import userEvent from '@testing-library/user-event'
-import { api } from '../../test-data'
-import { renderWithLode } from '../../test-utils'
-import { DocSource } from './DocSource'
+import React from 'react';
+import { fireEvent, screen } from '@testing-library/react';
+import type { IDeclarationMine } from '@looker/sdk-codegen';
+import { codeSearchLink } from '@looker/sdk-codegen';
+import { api } from '../../test-data';
+import { renderWithLode } from '../../test-utils';
+import { DocSource } from './DocSource';
 
 describe('DocSource', () => {
   const examples = {
@@ -56,10 +55,10 @@ describe('DocSource', () => {
         },
       },
     },
-  }
+  };
 
-  const method = api.methods.login
-  const type = api.types.Query
+  const method = api.methods.login;
+  const type = api.types.Query;
 
   const declarations: IDeclarationMine = {
     commitHash: '1546035fd531c14a1172c9ad5c5b70e5279c1980',
@@ -76,43 +75,40 @@ describe('DocSource', () => {
         sourceFile: 'lib/looker/core/controllers/auth_controller.rb',
       },
     },
-  }
+  };
 
   test('it renders a type declaration link', async () => {
-    renderWithLode(<DocSource type={type} />, examples, declarations)
-    const link = screen.getByRole('link')
-    const declaration = declarations.types.Query
+    renderWithLode(<DocSource type={type} />, examples, declarations);
+    const link = screen.getByRole('link');
+    const declaration = declarations.types.Query;
     const expected = codeSearchLink(
       declarations.remoteOrigin,
       declarations.commitHash,
       declaration.sourceFile,
       declaration.line
-    )
-    expect(link.closest('a')).toHaveAttribute('href', expected)
-    await waitFor(() => {
-      userEvent.hover(link)
-      expect(screen.getByRole('tooltip')).toHaveTextContent(
-        `${declaration.sourceFile}#L${declaration.line}`
-      )
-    })
-  })
+    );
+    expect(link.closest('a')).toHaveAttribute('href', expected);
+    fireEvent.mouseOver(link);
+    expect(screen.getByRole('tooltip')).toHaveTextContent(
+      `${declaration.sourceFile}#L${declaration.line}`
+    );
+  });
 
   test('it renders a method declaration link', async () => {
-    renderWithLode(<DocSource method={method} />, examples, declarations)
-    const link = screen.getByRole('link')
-    const declaration = declarations.methods['POST /login']
+    renderWithLode(<DocSource method={method} />, examples, declarations);
+    const link = screen.getByRole('link');
+    const declaration = declarations.methods['POST /login'];
     const expected = codeSearchLink(
       declarations.remoteOrigin,
       declarations.commitHash,
       declaration.sourceFile,
       declaration.line
-    )
-    expect(link.closest('a')).toHaveAttribute('href', expected)
-    await waitFor(() => {
-      userEvent.hover(link)
-      expect(screen.getByRole('tooltip')).toHaveTextContent(
-        `${declaration.sourceFile}#L${declaration.line}`
-      )
-    })
-  })
-})
+    );
+    expect(link.closest('a')).toHaveAttribute('href', expected);
+    // await userEvent.hover(link);
+    fireEvent.mouseOver(link);
+    expect(screen.getByRole('tooltip')).toHaveTextContent(
+      `${declaration.sourceFile}#L${declaration.line}`
+    );
+  });
+});

package/src/components/DocSource/DocSource.tsx

@@ -23,32 +23,32 @@
  SOFTWARE.
 
  */
-import type { FC } from 'react'
-import React from 'react'
-import type { IMethod, IType } from '@looker/sdk-codegen'
-import { codeSearchLink, findDeclaration } from '@looker/sdk-codegen'
-import { Icon, Link, Tooltip } from '@looker/components'
-import { IdeFileDocument } from '@looker/icons'
-import { useSelector } from 'react-redux'
+import type { FC } from 'react';
+import React from 'react';
+import type { IMethod, IType } from '@looker/sdk-codegen';
+import { codeSearchLink, findDeclaration } from '@looker/sdk-codegen';
+import { Icon, Link, Tooltip } from '@looker/components';
+import { IdeFileDocument } from '@looker/icons';
+import { useSelector } from 'react-redux';
 
-import { selectDeclarationsLode } from '../../state'
+import { selectDeclarationsLode } from '../../state';
 
 interface DocSourceProps {
-  method?: IMethod
-  type?: IType
+  method?: IMethod;
+  type?: IType;
 }
 
 export const DocSource: FC<DocSourceProps> = ({ method, type }) => {
-  const declarations = useSelector(selectDeclarationsLode)
-  let sourceLink
-  let declaration
+  const declarations = useSelector(selectDeclarationsLode);
+  let sourceLink;
+  let declaration;
   if (declarations) {
-    ;({ declaration, link: sourceLink } = findDeclaration(
+    ({ declaration, link: sourceLink } = findDeclaration(
       declarations,
       method?.id,
       type?.name,
       codeSearchLink
-    ))
+    ));
   }
 
   return (
@@ -64,5 +64,5 @@ export const DocSource: FC<DocSourceProps> = ({ method, type }) => {
         </Tooltip>
       )}
     </>
-  )
-}
+  );
+};

package/src/components/DocSource/index.ts

@@ -23,4 +23,4 @@
  SOFTWARE.
 
  */
-export { DocSource } from './DocSource'
+export { DocSource } from './DocSource';

package/src/components/DocStatus/DocStatus.spec.tsx

@@ -23,22 +23,22 @@
  SOFTWARE.
 
  */
-import React from 'react'
-import { renderWithTheme } from '@looker/components-test-utils'
-import { screen, fireEvent, waitFor } from '@testing-library/react'
+import React from 'react';
+import { renderWithTheme } from '@looker/components-test-utils';
+import { fireEvent, screen, waitFor } from '@testing-library/react';
 
-import { api40 } from '../../test-data'
-import { DocStatus } from './DocStatus'
+import { api40 } from '../../test-data';
+import { DocStatus } from './DocStatus';
 
 describe('DocStatus', () => {
   test('it renders a badge with the status and a tooltip on hover', async () => {
-    renderWithTheme(<DocStatus method={api40.methods.invalidate_tokens} />)
-    const badge = screen.getByText('BETA')
-    fireEvent.mouseOver(badge)
+    renderWithTheme(<DocStatus method={api40.methods.invalidate_tokens} />);
+    const badge = screen.getByText('BETA');
+    fireEvent.mouseOver(badge);
     await waitFor(() => {
       expect(screen.getByRole('tooltip')).toHaveTextContent(
         'This beta item is under development and subject to change.'
-      )
-    })
-  })
-})
+      );
+    });
+  });
+});

package/src/components/DocStatus/DocStatus.tsx

@@ -23,16 +23,16 @@
  SOFTWARE.
 
  */
-import type { FC } from 'react'
-import React from 'react'
-import { Tooltip } from '@looker/components'
-import { MethodBadge } from '@looker/run-it'
-import type { IMethod } from '@looker/sdk-codegen'
+import type { FC } from 'react';
+import React from 'react';
+import { Tooltip } from '@looker/components';
+import { MethodBadge } from '@looker/run-it';
+import type { IMethod } from '@looker/sdk-codegen';
 
-import { pickTooltipContent } from '../DocMethodSummary'
+import { pickTooltipContent } from '../DocMethodSummary';
 
 interface DocStatusProps {
-  method: IMethod
+  method: IMethod;
 }
 
 /**
@@ -44,4 +44,4 @@ export const DocStatus: FC<DocStatusProps> = ({ method }) => (
       {method.status.toLocaleUpperCase()}
     </MethodBadge>
   </Tooltip>
-)
+);

package/src/components/DocStatus/index.ts

@@ -23,4 +23,4 @@
  SOFTWARE.
 
  */
-export { DocStatus } from './DocStatus'
+export { DocStatus } from './DocStatus';

package/src/components/DocTitle/DocTitle.spec.tsx

@@ -24,15 +24,15 @@
 
  */
 
-import React from 'react'
-import { screen } from '@testing-library/react'
-import { renderWithTheme } from '@looker/components-test-utils'
+import React from 'react';
+import { screen } from '@testing-library/react';
+import { renderWithTheme } from '@looker/components-test-utils';
 
-import { DocTitle } from './DocTitle'
+import { DocTitle } from './DocTitle';
 
 test('DocTitle renders a heading with title prop content', () => {
-  const title = 'An API Explorer by Looker'
-  renderWithTheme(<DocTitle>{title}</DocTitle>)
-  const heading = screen.getByRole('heading')
-  expect(heading).toHaveTextContent(title)
-})
+  const title = 'An API Explorer by Looker';
+  renderWithTheme(<DocTitle>{title}</DocTitle>);
+  const heading = screen.getByRole('heading');
+  expect(heading).toHaveTextContent(title);
+});

package/src/components/DocTitle/DocTitle.tsx

@@ -24,10 +24,10 @@
 
  */
 
-import type { FC } from 'react'
-import React from 'react'
-import { RunItHeading } from '@looker/run-it'
+import type { FC } from 'react';
+import React from 'react';
+import { RunItHeading } from '@looker/run-it';
 
 export const DocTitle: FC = (props) => (
   <RunItHeading fontSize="xxxlarge" {...props} />
-)
+);

package/src/components/DocTitle/index.ts

@@ -23,4 +23,4 @@
  SOFTWARE.
 
  */
-export { DocTitle } from './DocTitle'
+export { DocTitle } from './DocTitle';

package/src/components/DocTypeSummary/DocTypeSummary.spec.tsx

@@ -23,20 +23,20 @@
  SOFTWARE.
 
  */
-import React from 'react'
-import { renderWithTheme } from '@looker/components-test-utils'
-import { screen } from '@testing-library/react'
+import React from 'react';
+import { renderWithTheme } from '@looker/components-test-utils';
+import { screen } from '@testing-library/react';
 
-import { api } from '../../test-data'
-import { DocTypeSummary } from './DocTypeSummary'
+import { api } from '../../test-data';
+import { DocTypeSummary } from './DocTypeSummary';
 
 describe('DocTypeSummary', () => {
   test('it renders a type summary', async () => {
-    const type = api.types.Dashboard
-    renderWithTheme(<DocTypeSummary type={type} />)
+    const type = api.types.Dashboard;
+    renderWithTheme(<DocTypeSummary type={type} />);
     expect(
       screen.getByText(type.metaType.toString().toLocaleUpperCase())
-    ).toBeInTheDocument()
-    expect(screen.getByText(type.jsonName)).toBeInTheDocument()
-  })
-})
+    ).toBeInTheDocument();
+    expect(screen.getByText(type.jsonName)).toBeInTheDocument();
+  });
+});

package/src/components/DocTypeSummary/DocTypeSummary.tsx

@@ -24,21 +24,21 @@
 
  */
 
-import type { FC } from 'react'
-import React from 'react'
-import { Card, CardContent, Flex, Space } from '@looker/components'
-import type { IType } from '@looker/sdk-codegen'
-import { MethodBadge, RunItHeading } from '@looker/run-it'
-import { DocSummaryStatus } from '../../components'
+import type { FC } from 'react';
+import React from 'react';
+import { Card, CardContent, Flex, Space } from '@looker/components';
+import type { IType } from '@looker/sdk-codegen';
+import { MethodBadge, RunItHeading } from '@looker/run-it';
+import { DocSummaryStatus } from '../../components';
 
 interface DocTypeSummaryProps {
-  type: IType
+  type: IType;
 }
 
 const typeDescription = (type: IType) => {
-  if (type.description) return type.description
-  return `${Object.entries(type.properties).length} properties`
-}
+  if (type.description) return type.description;
+  return `${Object.entries(type.properties).length} properties`;
+};
 
 export const DocTypeSummary: FC<DocTypeSummaryProps> = ({ type }) => (
   <Card maxWidth="50rem" border>
@@ -61,4 +61,4 @@ export const DocTypeSummary: FC<DocTypeSummaryProps> = ({ type }) => (
       </Space>
     </CardContent>
   </Card>
-)
+);

package/src/components/DocTypeSummary/index.tsx

@@ -23,4 +23,4 @@
  SOFTWARE.
 
  */
-export { DocTypeSummary } from './DocTypeSummary'
+export { DocTypeSummary } from './DocTypeSummary';

package/src/components/ErrorBoundary/ErrorBoundary.spec.tsx

@@ -23,52 +23,52 @@
  SOFTWARE.
 
  */
-import { renderWithTheme } from '@looker/components-test-utils'
-import React from 'react'
-import { screen } from '@testing-library/react'
+import { renderWithTheme } from '@looker/components-test-utils';
+import React from 'react';
+import { screen } from '@testing-library/react';
 
-import { ErrorBoundary } from './ErrorBoundary'
+import { ErrorBoundary } from './ErrorBoundary';
 
 const ErrorComp = ({ text }: { text: string }) => {
   const terminateWithPrejudice = () => {
-    const badObj: any = {}
-    return badObj.a.b
-  }
-  return <div>{text + terminateWithPrejudice()}</div>
-}
+    const badObj: any = {};
+    return badObj.a.b;
+  };
+  return <div>{text + terminateWithPrejudice()}</div>;
+};
 
 describe('ErrorBoundary', () => {
-  const header = 'Uh oh! Something went wrong!'
-  const actionMessage = 'Try refreshing the page to correct the problem.'
-  const childText = 'Sweet Child'
+  const header = 'Uh oh! Something went wrong!';
+  const actionMessage = 'Try refreshing the page to correct the problem.';
+  const childText = 'Sweet Child';
 
   beforeEach(() => {
-    jest.spyOn(console, 'error').mockImplementation()
-  })
+    jest.spyOn(console, 'error').mockImplementation();
+  });
 
   it('should render child component', () => {
-    const logError = jest.fn()
+    const logError = jest.fn();
     renderWithTheme(
       <ErrorBoundary logError={logError}>
         <div>{childText}</div>
       </ErrorBoundary>
-    )
-    expect(screen.queryByText(header)).not.toBeInTheDocument()
-    expect(screen.queryByText(actionMessage)).not.toBeInTheDocument()
-    expect(screen.getByText(childText)).toBeVisible()
-    expect(logError).not.toHaveBeenCalled()
-  })
+    );
+    expect(screen.queryByText(header)).not.toBeInTheDocument();
+    expect(screen.queryByText(actionMessage)).not.toBeInTheDocument();
+    expect(screen.getByText(childText)).toBeVisible();
+    expect(logError).not.toHaveBeenCalled();
+  });
 
   it('should render error detail on error', () => {
-    const logError = jest.fn()
+    const logError = jest.fn();
     renderWithTheme(
       <ErrorBoundary logError={logError}>
         <ErrorComp text={childText} />
       </ErrorBoundary>
-    )
-    expect(screen.queryByText(childText)).not.toBeInTheDocument()
-    expect(screen.getByText(header)).toBeVisible()
-    expect(screen.getByText(actionMessage)).toBeVisible()
-    expect(logError).toHaveBeenCalled()
-  })
-})
+    );
+    expect(screen.queryByText(childText)).not.toBeInTheDocument();
+    expect(screen.getByText(header)).toBeVisible();
+    expect(screen.getByText(actionMessage)).toBeVisible();
+    expect(logError).toHaveBeenCalled();
+  });
+});

package/src/components/ErrorBoundary/ErrorBoundary.tsx

@@ -24,18 +24,18 @@
 
  */
 
-import React, { Component } from 'react'
-import type { ReactNode, ErrorInfo } from 'react'
-import { SomethingWentWrong } from './components/SomethingWentWrong'
+import React, { Component } from 'react';
+import type { ErrorInfo, ReactNode } from 'react';
+import { SomethingWentWrong } from './components/SomethingWentWrong';
 
 interface ErrorBoundaryProps {
-  children: ReactNode
-  logError: (error: Error, componentStack: string) => void
+  children: ReactNode;
+  logError: (error: Error, componentStack: string) => void;
 }
 
 interface ErrorBoundaryState {
-  hasError: boolean
-  errorMessage: Error
+  hasError: boolean;
+  errorMessage: Error;
 }
 
 export class ErrorBoundary extends Component<
@@ -43,30 +43,30 @@ export class ErrorBoundary extends Component<
   ErrorBoundaryState
 > {
   constructor(props: ErrorBoundaryProps) {
-    super(props)
-    this.state = { hasError: false, errorMessage: new Error('') }
+    super(props);
+    this.state = { hasError: false, errorMessage: new Error('') };
   }
 
   static getDerivedStateFromError(error: Error) {
-    return { hasError: true, errorMessage: error }
+    return { hasError: true, errorMessage: error };
   }
 
   componentDidCatch(error: Error, errorInfo: ErrorInfo) {
-    const { logError } = this.props
-    logError(error, errorInfo.componentStack)
+    const { logError } = this.props;
+    logError(error, errorInfo.componentStack);
   }
 
   render() {
-    const { hasError } = this.state
-    const { children } = this.props
+    const { hasError } = this.state;
+    const { children } = this.props;
     if (hasError) {
       return (
         <SomethingWentWrong
           header="Uh oh! Something went wrong!"
           actionMessage="Try refreshing the page to correct the problem."
         />
-      )
+      );
     }
-    return children || <></>
+    return children || <></>;
   }
 }

package/src/components/ErrorBoundary/components/SomethingWentWrong/SomethingWentWrong.spec.tsx

@@ -23,26 +23,26 @@
  SOFTWARE.
 
  */
-import React from 'react'
-import { renderWithTheme } from '@looker/components-test-utils'
-import { screen } from '@testing-library/react'
-import { SomethingWentWrong } from './SomethingWentWrong'
+import React from 'react';
+import { renderWithTheme } from '@looker/components-test-utils';
+import { screen } from '@testing-library/react';
+import { SomethingWentWrong } from './SomethingWentWrong';
 
 const getMockedComponent = (propOverrides = {}) => {
   const defaultProps = {
     header: '',
     actionMessage: '',
     altText: '',
-  }
-  const updatedProps = { ...defaultProps, ...propOverrides }
-  return <SomethingWentWrong {...updatedProps} />
-}
+  };
+  const updatedProps = { ...defaultProps, ...propOverrides };
+  return <SomethingWentWrong {...updatedProps} />;
+};
 
 describe('SomethingWentWrong', () => {
   it('Should render proper component with correct texts', () => {
-    const header = 'Uh oh something went wrong'
-    const actionMessage = 'User please do this action. It might help'
-    const altText = '500 error graphic'
+    const header = 'Uh oh something went wrong';
+    const actionMessage = 'User please do this action. It might help';
+    const altText = '500 error graphic';
 
     renderWithTheme(
       getMockedComponent({
@@ -50,10 +50,10 @@ describe('SomethingWentWrong', () => {
         actionMessage,
         altText,
       })
-    )
+    );
 
-    expect(screen.getByText(header)).toBeVisible()
-    expect(screen.getByText(actionMessage)).toBeVisible()
-    expect(screen.getByTitle(altText)).toBeInTheDocument()
-  })
-})
+    expect(screen.getByText(header)).toBeVisible();
+    expect(screen.getByText(actionMessage)).toBeVisible();
+    expect(screen.getByTitle(altText)).toBeInTheDocument();
+  });
+});

package/src/components/ErrorBoundary/components/SomethingWentWrong/SomethingWentWrong.tsx

@@ -23,15 +23,15 @@
  SOFTWARE.
 
  */
-import React from 'react'
-import { Box, Flex } from '@looker/components'
-import styled from 'styled-components'
-import { SomethingWentWrongGraphic } from './components'
+import React from 'react';
+import { Box, Flex } from '@looker/components';
+import styled from 'styled-components';
+import { SomethingWentWrongGraphic } from './components';
 
 export interface SomethingWentWrongProps {
-  header: string
-  actionMessage: string
-  altText?: string
+  header: string;
+  actionMessage: string;
+  altText?: string;
 }
 
 export const SomethingWentWrong: React.FC<SomethingWentWrongProps> = ({
@@ -46,7 +46,7 @@ export const SomethingWentWrong: React.FC<SomethingWentWrongProps> = ({
       <ActionMessage>{actionMessage}</ActionMessage>
     </Box>
   </OuterFlex>
-)
+);
 
 const OuterFlex = styled(Flex)`
   width: 100%;
@@ -54,7 +54,7 @@ const OuterFlex = styled(Flex)`
   justify-content: center;
   flex-direction: column;
   align-items: center;
-`
+`;
 
 const HeaderText = styled.h1`
   margin-top: ${(props) => props.theme.space.large};
@@ -63,7 +63,7 @@ const HeaderText = styled.h1`
   font-weight: ${(props) => props.theme.fontWeights.normal};
   font-size: ${(props) => props.theme.fontSizes.xxxxlarge};
   color: ${(props) => props.theme.colors.text5};
-`
+`;
 
 const ActionMessage = styled.h3`
   margin-top: ${(props) => props.theme.space.small};
@@ -72,4 +72,4 @@ const ActionMessage = styled.h3`
   font-weight: ${(props) => props.theme.fontWeights.normal};
   font-size: ${(props) => props.theme.fontSizes.large};
   color: ${(props) => props.theme.colors.text3};
-`
+`;

package/src/components/ErrorBoundary/components/SomethingWentWrong/components/SomethingWentWrongGraphic/SomethingWentWrongGraphic.tsx

@@ -23,10 +23,10 @@
  SOFTWARE.
 
  */
-import React from 'react'
+import React from 'react';
 
 interface SomethingWentWrongGraphicProps {
-  altText?: string
+  altText?: string;
 }
 
 /**
@@ -200,8 +200,8 @@ const SomethingWentWrongGraphicImage: React.FC<
       fill="#202124"
     />
   </svg>
-)
+);
 
 export const SomethingWentWrongGraphic = React.memo(
   SomethingWentWrongGraphicImage
-)
+);

package/src/components/ErrorBoundary/components/SomethingWentWrong/components/SomethingWentWrongGraphic/index.ts

@@ -23,4 +23,4 @@
  SOFTWARE.
 
  */
-export { SomethingWentWrongGraphic } from './SomethingWentWrongGraphic'
+export { SomethingWentWrongGraphic } from './SomethingWentWrongGraphic';