chore(deps): update dependency prettier to v2 (#708) [skip ci]

* chore(deps): update dependency prettier to v2 * Apply new prettier formatting to files Co-authored-by: Renovate Bot <bot@renovateapp.com> Co-authored-by: Austin Green <agreen@zendesk.com>
zendeskgarden · Apr 9, 2020 · 853c159 · 853c159
1 parent 691914b
commit 853c159
Show file tree

Hide file tree

Showing 31 changed files with 144 additions and 158 deletions.
diff --git a/.prettierrc b/.prettierrc
@@ -1,4 +1,6 @@
 {
   "printWidth": 100,
-  "singleQuote": true
+  "singleQuote": true,
+  "trailingComma": "none",
+  "arrowParens": "avoid"
 }
diff --git a/package.json b/package.json
@@ -100,7 +100,7 @@
     "micromatch": "4.0.2",
     "mockdate": "2.0.5",
     "node-fetch": "2.6.0",
-    "prettier": "1.19.1",
+    "prettier": "2.0.4",
     "prettier-package-json": "2.1.3",
     "react": "16.13.0",
     "react-docgen-typescript": "1.14.1",

diff --git a/packages/accordions/src/styled/stepper/StyledIcon.ts b/packages/accordions/src/styled/stepper/StyledIcon.ts
@@ -34,8 +34,9 @@ const sizeStyles = (props: IStyledIcon & ThemeProps<DefaultTheme>) => {
   return css`
     margin-bottom: ${props.isHorizontal && `${props.theme.space.base * 2}px`};
     /* stylelint-disable-next-line property-no-unknown */
-    margin-${props.theme.rtl ? 'left' : 'right'}: ${!props.isHorizontal &&
-    `${props.theme.space.base * 3}px`};
+    margin-${props.theme.rtl ? 'left' : 'right'}: ${
+    !props.isHorizontal && `${props.theme.space.base * 3}px`
+  };
     width: ${size};
     min-width: ${size};
     height: ${size};

diff --git a/packages/avatars/src/styled/StyledAvatar.ts b/packages/avatars/src/styled/StyledAvatar.ts
@@ -105,9 +105,9 @@ const badgeStyles = (props: IStyledAvatarProps & ThemeProps<DefaultTheme>) => {
     content: ${content};
 
     ${props.status === 'active' &&
-      css`
-        animation: ${animation} ${TRANSITION_DURATION * 1.5}s ease-in-out;
-      `}
+    css`
+      animation: ${animation} ${TRANSITION_DURATION * 1.5}s ease-in-out;
+    `}
   `;
 };
 

diff --git a/packages/breadcrumbs/src/styled/StyledBreadcrumbItem.ts b/packages/breadcrumbs/src/styled/StyledBreadcrumbItem.ts
@@ -25,7 +25,7 @@ const linkStyles = ({ isCurrent }: IStyledBreadcrumbItemProps) => css`
   }
 
   ${isCurrent &&
-    `
+  `
       & > :link,
       & > :visited,
       & > :link:hover,

diff --git a/packages/buttons/src/elements/Anchor.tsx b/packages/buttons/src/elements/Anchor.tsx
@@ -22,8 +22,9 @@ interface IAnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
  * @component
  * @name Anchor
  */
-const Anchor: React.FunctionComponent<IAnchorProps &
-  React.RefAttributes<HTMLAnchorElement>> = React.forwardRef<HTMLAnchorElement, IAnchorProps>(
+const Anchor: React.FunctionComponent<
+  IAnchorProps & React.RefAttributes<HTMLAnchorElement>
+> = React.forwardRef<HTMLAnchorElement, IAnchorProps>(
   ({ children, isExternal, ...otherProps }, ref) => {
     return (
       <StyledAnchor ref={ref} {...(otherProps as any)}>

diff --git a/packages/buttons/src/elements/Button.tsx b/packages/buttons/src/elements/Button.tsx
@@ -34,33 +34,32 @@ interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 /**
  * Accepts all `<button>` props
  */
-const Button: React.FunctionComponent<IButtonProps &
-  React.RefAttributes<HTMLButtonElement>> = React.forwardRef<HTMLButtonElement, IButtonProps>(
-  (props, ref) => {
-    const buttonGroupContext = useButtonGroupContext();
-    const splitButtonContext = useSplitButtonContext();
+const Button: React.FunctionComponent<
+  IButtonProps & React.RefAttributes<HTMLButtonElement>
+> = React.forwardRef<HTMLButtonElement, IButtonProps>((props, ref) => {
+  const buttonGroupContext = useButtonGroupContext();
+  const splitButtonContext = useSplitButtonContext();
 
-    let computedProps = {
-      ...props,
-      focusInset: props.focusInset || buttonGroupContext !== undefined || splitButtonContext
-    };
+  let computedProps = {
+    ...props,
+    focusInset: props.focusInset || buttonGroupContext !== undefined || splitButtonContext
+  };
 
-    if (buttonGroupContext && !props.disabled) {
-      if (!props.value) {
-        throw new Error('"value" prop must be provided to Button when used within a ButtonGroup');
-      }
-
-      computedProps = buttonGroupContext.getButtonProps({
-        item: props.value,
-        focusRef: React.createRef(),
-        isSelected: props.value === buttonGroupContext.selectedItem,
-        ...computedProps
-      });
+  if (buttonGroupContext && !props.disabled) {
+    if (!props.value) {
+      throw new Error('"value" prop must be provided to Button when used within a ButtonGroup');
     }
 
-    return <StyledButton ref={ref} {...computedProps} {...computedProps} />;
+    computedProps = buttonGroupContext.getButtonProps({
+      item: props.value,
+      focusRef: React.createRef(),
+      isSelected: props.value === buttonGroupContext.selectedItem,
+      ...computedProps
+    });
   }
-);
+
+  return <StyledButton ref={ref} {...computedProps} {...computedProps} />;
+});
 
 Button.propTypes = {
   isDanger: PropTypes.bool,

diff --git a/packages/buttons/src/elements/ChevronButton.tsx b/packages/buttons/src/elements/ChevronButton.tsx
@@ -29,11 +29,9 @@ interface IChevronButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 /**
  * An `IconButton` with an embedded chevron icon
  */
-const ChevronButton: React.FunctionComponent<IChevronButtonProps &
-  React.RefAttributes<HTMLButtonElement>> = React.forwardRef<
-  HTMLButtonElement,
-  IChevronButtonProps
->(({ ...buttonProps }, ref) => (
+const ChevronButton: React.FunctionComponent<
+  IChevronButtonProps & React.RefAttributes<HTMLButtonElement>
+> = React.forwardRef<HTMLButtonElement, IChevronButtonProps>(({ ...buttonProps }, ref) => (
   <IconButton ref={ref} {...buttonProps}>
     <ChevronDownIcon />
   </IconButton>

diff --git a/packages/buttons/src/elements/IconButton.tsx b/packages/buttons/src/elements/IconButton.tsx
@@ -29,8 +29,9 @@ interface IIconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 /**
  * Accepts all `<button>` props
  */
-const IconButton: React.FunctionComponent<IIconButtonProps &
-  React.RefAttributes<HTMLButtonElement>> = React.forwardRef<HTMLButtonElement, IIconButtonProps>(
+const IconButton: React.FunctionComponent<
+  IIconButtonProps & React.RefAttributes<HTMLButtonElement>
+> = React.forwardRef<HTMLButtonElement, IIconButtonProps>(
   ({ children, isRotated, ...otherProps }, ref) => {
     const focusInset = useSplitButtonContext();
 

diff --git a/packages/datepickers/src/styled/StyledDay.ts b/packages/datepickers/src/styled/StyledDay.ts
@@ -42,8 +42,8 @@ const retrieveStyledDayColors = ({
     color: ${color};
 
     ${!isSelected &&
-      !isDisabled &&
-      `
+    !isDisabled &&
+    `
       :hover {
         background-color: ${getColor('primaryHue', 600, theme, 0.08)};
         color: ${getColor('primaryHue', 800, theme)};

diff --git a/packages/dropdowns/examples/autocomplete.md b/packages/dropdowns/examples/autocomplete.md
@@ -50,12 +50,7 @@ function ExampleAutocomplete() {
   const filterMatchingOptionsRef = React.useRef(
     debounce(value => {
       const matchingOptions = options.filter(option => {
-        return (
-          option
-            .trim()
-            .toLowerCase()
-            .indexOf(value.trim().toLowerCase()) !== -1
-        );
+        return option.trim().toLowerCase().indexOf(value.trim().toLowerCase()) !== -1;
       });
 
       setMatchingOptions(matchingOptions);

diff --git a/packages/dropdowns/examples/multiselect.md b/packages/dropdowns/examples/multiselect.md
@@ -72,12 +72,7 @@ function ExampleAutocomplete() {
   const filterMatchingOptionsRef = React.useRef(
     debounce(value => {
       const matchingOptions = options.filter(option => {
-        return (
-          option
-            .trim()
-            .toLowerCase()
-            .indexOf(value.trim().toLowerCase()) !== -1
-        );
+        return option.trim().toLowerCase().indexOf(value.trim().toLowerCase()) !== -1;
       });
 
       setMatchingOptions(matchingOptions);

diff --git a/packages/dropdowns/src/styled/items/StyledItem.ts b/packages/dropdowns/src/styled/items/StyledItem.ts
@@ -36,8 +36,8 @@ export const getItemPaddingHorizontal = (props: IStyledItemProps & ThemeProps<De
 const getColorStyles = (props: IStyledItemProps & ThemeProps<DefaultTheme>) => {
   return css`
     background-color: ${props.isFocused &&
-      !props.disabled &&
-      getColor('primaryHue', 600, props.theme, 0.08)};
+    !props.disabled &&
+    getColor('primaryHue', 600, props.theme, 0.08)};
     color: ${props.disabled
       ? getColor('neutralHue', 400, props.theme)
       : props.theme.colors.foreground};

diff --git a/packages/modals/src/styled/StyledFooter.ts b/packages/modals/src/styled/StyledFooter.ts
@@ -27,8 +27,9 @@ export const StyledFooter = styled.div.attrs<IStyledFooter>({
   padding: ${props =>
     props.isLarge
       ? `${props.theme.space.base * 8}px ${props.theme.space.base * 10}px`
-      : `${props.theme.space.base * 5}px ${props.theme.space.base * 10}px ${props.theme.space.base *
-          8}px`};
+      : `${props.theme.space.base * 5}px ${props.theme.space.base * 10}px ${
+          props.theme.space.base * 8
+        }px`};
 
   ${props => retrieveComponentStyles(COMPONENT_ID, props)};
 `;

diff --git a/packages/theming/src/utils/arrowStyles.example.md b/packages/theming/src/utils/arrowStyles.example.md
@@ -21,7 +21,7 @@ initialState = {
 
 const StyledDiv = styled.div`
   box-shadow: ${state.boxShadow &&
-    DEFAULT_THEME.shadows.lg('8px', '12px', getColor('chromeHue', 600, DEFAULT_THEME, 0.15))};
+  DEFAULT_THEME.shadows.lg('8px', '12px', getColor('chromeHue', 600, DEFAULT_THEME, 0.15))};
   border: ${state.border && `${DEFAULT_THEME.borders.sm} ${getColor('primaryHue')}`};
   background-color: ${getColor('primaryHue', 200)};
 

diff --git a/packages/theming/src/utils/arrowStyles.ts b/packages/theming/src/utils/arrowStyles.ts
@@ -107,7 +107,7 @@ const positionStyles = (position: ARROW_POSITION, size: string, inset: string) =
 
     &::before,
     &::after {
-      ${positionCss} /* [3] */
+      ${positionCss}/* [3] */
     }
   `;
 };

diff --git a/packages/typography/src/elements/Code.tsx b/packages/typography/src/elements/Code.tsx
@@ -17,22 +17,21 @@ export interface ICodeProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * Accepts all `<code>` attributes and events
  */
-const Code: React.FunctionComponent<ICodeProps &
-  React.RefAttributes<HTMLDivElement>> = React.forwardRef<HTMLDivElement, ICodeProps>(
-  ({ size, hue, ...other }, ref) => {
-    let _size: 'sm' | 'md' | 'lg';
-
-    if (size === 'small') {
-      _size = 'sm';
-    } else if (size === 'medium') {
-      _size = 'md';
-    } else {
-      _size = 'lg';
-    }
-
-    return <StyledCode ref={ref} size={_size} hue={hue} {...other} />;
+const Code: React.FunctionComponent<
+  ICodeProps & React.RefAttributes<HTMLDivElement>
+> = React.forwardRef<HTMLDivElement, ICodeProps>(({ size, hue, ...other }, ref) => {
+  let _size: 'sm' | 'md' | 'lg';
+
+  if (size === 'small') {
+    _size = 'sm';
+  } else if (size === 'medium') {
+    _size = 'md';
+  } else {
+    _size = 'lg';
   }
-);
+
+  return <StyledCode ref={ref} size={_size} hue={hue} {...other} />;
+});
 
 Code.displayName = 'Code';
 

diff --git a/packages/typography/src/elements/Ellipsis.tsx b/packages/typography/src/elements/Ellipsis.tsx
@@ -23,24 +23,23 @@ interface IEllipsisProps extends HTMLAttributes<HTMLSpanElement> {
  * text-overflow styling. Accepts all standard attributes and events for the
  * provided `tag`.
  */
-const Ellipsis: React.FunctionComponent<IEllipsisProps &
-  React.RefAttributes<HTMLDivElement>> = React.forwardRef<HTMLDivElement, IEllipsisProps>(
-  ({ children, title, tag, ...other }, ref) => {
-    let textContent = undefined;
-
-    if (title !== undefined) {
-      textContent = title;
-    } else if (typeof children === 'string') {
-      textContent = children;
-    }
-
-    return (
-      <StyledEllipsis as={tag} ref={ref} title={textContent} {...other}>
-        {children}
-      </StyledEllipsis>
-    );
+const Ellipsis: React.FunctionComponent<
+  IEllipsisProps & React.RefAttributes<HTMLDivElement>
+> = React.forwardRef<HTMLDivElement, IEllipsisProps>(({ children, title, tag, ...other }, ref) => {
+  let textContent = undefined;
+
+  if (title !== undefined) {
+    textContent = title;
+  } else if (typeof children === 'string') {
+    textContent = children;
   }
-);
+
+  return (
+    <StyledEllipsis as={tag} ref={ref} title={textContent} {...other}>
+      {children}
+    </StyledEllipsis>
+  );
+});
 
 Ellipsis.displayName = 'Ellipsis';
 

diff --git a/packages/typography/src/elements/LG.tsx b/packages/typography/src/elements/LG.tsx
@@ -19,10 +19,11 @@ interface ILGProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * Accepts all standard attributes and events for the provided `tag`
  */
-const LG: React.FunctionComponent<ILGProps &
-  React.RefAttributes<HTMLDivElement>> = React.forwardRef<HTMLDivElement, ILGProps>(
-  ({ tag, ...other }, ref) => <StyledFont as={tag} ref={ref} size="lg" {...other} />
-);
+const LG: React.FunctionComponent<
+  ILGProps & React.RefAttributes<HTMLDivElement>
+> = React.forwardRef<HTMLDivElement, ILGProps>(({ tag, ...other }, ref) => (
+  <StyledFont as={tag} ref={ref} size="lg" {...other} />
+));
 
 LG.displayName = 'LG';
 

diff --git a/packages/typography/src/elements/MD.tsx b/packages/typography/src/elements/MD.tsx
@@ -19,10 +19,11 @@ interface IMDProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * Accepts all standard attributes and events for the provided `tag`
  */
-const MD: React.FunctionComponent<IMDProps &
-  React.RefAttributes<HTMLDivElement>> = React.forwardRef<HTMLDivElement, IMDProps>(
-  ({ tag, ...other }, ref) => <StyledFont as={tag} ref={ref} size="md" {...other} />
-);
+const MD: React.FunctionComponent<
+  IMDProps & React.RefAttributes<HTMLDivElement>
+> = React.forwardRef<HTMLDivElement, IMDProps>(({ tag, ...other }, ref) => (
+  <StyledFont as={tag} ref={ref} size="md" {...other} />
+));
 
 MD.displayName = 'MD';
 

diff --git a/packages/typography/src/elements/SM.tsx b/packages/typography/src/elements/SM.tsx
@@ -19,10 +19,11 @@ interface ISMProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * Accepts all standard attributes and events for the provided `tag`
  */
-const SM: React.FunctionComponent<ISMProps &
-  React.RefAttributes<HTMLDivElement>> = React.forwardRef<HTMLDivElement, ISMProps>(
-  ({ tag, ...other }, ref) => <StyledFont as={tag} ref={ref} size="sm" {...other} />
-);
+const SM: React.FunctionComponent<
+  ISMProps & React.RefAttributes<HTMLDivElement>
+> = React.forwardRef<HTMLDivElement, ISMProps>(({ tag, ...other }, ref) => (
+  <StyledFont as={tag} ref={ref} size="sm" {...other} />
+));
 
 SM.displayName = 'SM';
 

diff --git a/packages/typography/src/elements/XL.tsx b/packages/typography/src/elements/XL.tsx
@@ -17,10 +17,11 @@ interface IXLProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * Accepts all standard attributes and events for the provided `tag`
  */
-const XL: React.FunctionComponent<IXLProps &
-  React.RefAttributes<HTMLDivElement>> = React.forwardRef<HTMLDivElement, IXLProps>(
-  ({ tag, ...other }, ref) => <StyledFont as={tag} ref={ref} size="xl" {...other} />
-);
+const XL: React.FunctionComponent<
+  IXLProps & React.RefAttributes<HTMLDivElement>
+> = React.forwardRef<HTMLDivElement, IXLProps>(({ tag, ...other }, ref) => (
+  <StyledFont as={tag} ref={ref} size="xl" {...other} />
+));
 
 XL.displayName = 'XL';
 

diff --git a/packages/typography/src/elements/XXL.tsx b/packages/typography/src/elements/XXL.tsx
@@ -17,10 +17,11 @@ interface IXXLProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * Accepts all standard attributes and events for the provided `tag`
  */
-const XXL: React.FunctionComponent<IXXLProps &
-  React.RefAttributes<HTMLDivElement>> = React.forwardRef<HTMLDivElement, IXXLProps>(
-  ({ tag, ...other }, ref) => <StyledFont as={tag} ref={ref} size="xxl" {...other} />
-);
+const XXL: React.FunctionComponent<
+  IXXLProps & React.RefAttributes<HTMLDivElement>
+> = React.forwardRef<HTMLDivElement, IXXLProps>(({ tag, ...other }, ref) => (
+  <StyledFont as={tag} ref={ref} size="xxl" {...other} />
+));
 
 XXL.displayName = 'XXL';
 

diff --git a/packages/typography/src/elements/XXXL.tsx b/packages/typography/src/elements/XXXL.tsx
@@ -17,10 +17,11 @@ interface IXXXLProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * Accepts all standard attributes and events for the provided `tag`
  */
-const XXXL: React.FunctionComponent<IXXXLProps &
-  React.RefAttributes<HTMLDivElement>> = React.forwardRef<HTMLDivElement, IXXXLProps>(
-  ({ tag, ...other }, ref) => <StyledFont as={tag} ref={ref} size="xxxl" {...other} />
-);
+const XXXL: React.FunctionComponent<
+  IXXXLProps & React.RefAttributes<HTMLDivElement>
+> = React.forwardRef<HTMLDivElement, IXXXLProps>(({ tag, ...other }, ref) => (
+  <StyledFont as={tag} ref={ref} size="xxxl" {...other} />
+));
 
 XXXL.displayName = 'XXXL';