run prettier

mattcosta7 · mattcosta7 · commit 2144cdc15319 · 2022-07-27T13:35:42.000Z
diff --git a/src/ActionList/Description.tsx b/src/ActionList/Description.tsx
@@ -14,7 +14,11 @@ export type ActionListDescriptionProps = {
   variant?: 'inline' | 'block'
 } & SxProp
 
-export const Description: React.FC<React.PropsWithChildren<ActionListDescriptionProps>> = ({variant = 'inline', sx = {}, ...props}) => {
+export const Description: React.FC<React.PropsWithChildren<ActionListDescriptionProps>> = ({
+  variant = 'inline',
+  sx = {},
+  ...props
+}) => {
   const styles = {
     fontSize: 0,
     lineHeight: '16px',
diff --git a/src/Dialog/Dialog.tsx b/src/Dialog/Dialog.tsx
@@ -213,7 +213,13 @@ const StyledDialog = styled.div<StyledDialogProps>`
   ${sx};
 `
 
-const DefaultHeader: React.FC<React.PropsWithChildren<DialogHeaderProps>> = ({dialogLabelId, title, subtitle, dialogDescriptionId, onClose}) => {
+const DefaultHeader: React.FC<React.PropsWithChildren<DialogHeaderProps>> = ({
+  dialogLabelId,
+  title,
+  subtitle,
+  dialogDescriptionId,
+  onClose
+}) => {
   const onCloseClick = useCallback(() => {
     onClose('close-button')
   }, [onClose])
diff --git a/src/FormControl/_FormControlValidation.tsx b/src/FormControl/_FormControlValidation.tsx
@@ -10,7 +10,12 @@ export type FormControlValidationProps = {
   id?: string
 } & SxProp
 
-const FormControlValidation: React.FC<React.PropsWithChildren<FormControlValidationProps>> = ({children, variant, sx, id}) => (
+const FormControlValidation: React.FC<React.PropsWithChildren<FormControlValidationProps>> = ({
+  children,
+  variant,
+  sx,
+  id
+}) => (
   <Slot name="Validation">
     {({validationMessageId}: FormControlContext) => (
       <InputValidation validationStatus={variant} id={id || validationMessageId} sx={sx}>
diff --git a/src/PageLayout/PageLayout.tsx b/src/PageLayout/PageLayout.tsx
@@ -111,7 +111,11 @@ function negateSpacingValue(value: number | null | Array<number | null>) {
   return value === null ? null : -value
 }
 
-const HorizontalDivider: React.FC<React.PropsWithChildren<DividerProps>> = ({variant = 'none', variantWhenNarrow = 'inherit', sx = {}}) => {
+const HorizontalDivider: React.FC<React.PropsWithChildren<DividerProps>> = ({
+  variant = 'none',
+  variantWhenNarrow = 'inherit',
+  sx = {}
+}) => {
   const {padding} = React.useContext(PageLayoutContext)
   return (
     <Box
@@ -153,7 +157,11 @@ const verticalDividerVariants = {
   }
 }
 
-const VerticalDivider: React.FC<React.PropsWithChildren<DividerProps>> = ({variant = 'none', variantWhenNarrow = 'inherit', sx = {}}) => {
+const VerticalDivider: React.FC<React.PropsWithChildren<DividerProps>> = ({
+  variant = 'none',
+  variantWhenNarrow = 'inherit',
+  sx = {}
+}) => {
   return (
     <Box
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -232,7 +240,12 @@ const contentWidths = {
   xlarge: '1280px'
 }
 
-const Content: React.FC<React.PropsWithChildren<PageLayoutContentProps>> = ({width = 'full', hidden = false, children, sx = {}}) => {
+const Content: React.FC<React.PropsWithChildren<PageLayoutContentProps>> = ({
+  width = 'full',
+  hidden = false,
+  children,
+  sx = {}
+}) => {
   const isHidden = useResponsiveValue(hidden, false)
   return (
     <Box
diff --git a/src/Placeholder.tsx b/src/Placeholder.tsx
@@ -2,11 +2,13 @@ import {Box} from '.'
 import React from 'react'
 
 /** Private component used to render placeholders in storybook and documentation examples  */
-export const Placeholder: React.FC<React.PropsWithChildren<{
-  width?: number | string
-  height: number | string
-  label?: string
-}>> = ({width, height, label}) => {
+export const Placeholder: React.FC<
+  React.PropsWithChildren<{
+    width?: number | string
+    height: number | string
+    label?: string
+  }>
+> = ({width, height, label}) => {
   return (
     <Box
       sx={{
diff --git a/src/Portal/Portal.tsx b/src/Portal/Portal.tsx
@@ -60,7 +60,11 @@ export interface PortalProps {
  * Creates a React Portal, placing all children in a separate physical DOM root node.
  * @see https://reactjs.org/docs/portals.html
  */
-export const Portal: React.FC<React.PropsWithChildren<PortalProps>> = ({children, onMount, containerName: _containerName}) => {
+export const Portal: React.FC<React.PropsWithChildren<PortalProps>> = ({
+  children,
+  onMount,
+  containerName: _containerName
+}) => {
   const hostElement = document.createElement('div')
 
   // Portaled content should get their own stacking context so they don't interfere
diff --git a/src/Select.tsx b/src/Select.tsx
@@ -101,9 +101,13 @@ const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
   )
 )
 
-const Option: React.FC<React.PropsWithChildren<React.HTMLProps<HTMLOptionElement> & {value: string}>> = props => <option {...props} />
+const Option: React.FC<React.PropsWithChildren<React.HTMLProps<HTMLOptionElement> & {value: string}>> = props => (
+  <option {...props} />
+)
 
-const OptGroup: React.FC<React.PropsWithChildren<React.HTMLProps<HTMLOptGroupElement>>> = props => <optgroup {...props} />
+const OptGroup: React.FC<React.PropsWithChildren<React.HTMLProps<HTMLOptGroupElement>>> = props => (
+  <optgroup {...props} />
+)
 
 export default Object.assign(Select, {
   Option,
diff --git a/src/TextInputWithTokens.tsx b/src/TextInputWithTokens.tsx
@@ -23,7 +23,9 @@ export type TextInputWithTokensProps<TokenComponentType extends AnyReactComponen
   /**
    * The array of tokens to render
    */
-  tokens: TokenComponentType extends React.ComponentType<React.PropsWithChildren<infer TokenProps>> ? TokenProps[] : never
+  tokens: TokenComponentType extends React.ComponentType<React.PropsWithChildren<infer TokenProps>>
+    ? TokenProps[]
+    : never
   /**
    * The function that gets called when a token is removed
    */
diff --git a/src/_CheckboxOrRadioGroup/_CheckboxOrRadioGroupLabel.tsx b/src/_CheckboxOrRadioGroup/_CheckboxOrRadioGroupLabel.tsx
@@ -12,7 +12,11 @@ export type CheckboxOrRadioGroupLabelProps = {
   visuallyHidden?: boolean
 } & SxProp
 
-const CheckboxOrRadioGroupLabel: React.FC<React.PropsWithChildren<CheckboxOrRadioGroupLabelProps>> = ({children, visuallyHidden, sx}) => (
+const CheckboxOrRadioGroupLabel: React.FC<React.PropsWithChildren<CheckboxOrRadioGroupLabelProps>> = ({
+  children,
+  visuallyHidden,
+  sx
+}) => (
   <Slot name="Label">
     {({required, disabled}: CheckboxOrRadioGroupContext) => (
       <VisuallyHidden
diff --git a/src/_CheckboxOrRadioGroup/_CheckboxOrRadioGroupValidation.tsx b/src/_CheckboxOrRadioGroup/_CheckboxOrRadioGroupValidation.tsx
@@ -10,7 +10,11 @@ export type CheckboxOrRadioGroupValidationProps = {
   variant: FormValidationStatus
 } & SxProp
 
-const CheckboxOrRadioGroupValidation: React.FC<React.PropsWithChildren<CheckboxOrRadioGroupValidationProps>> = ({children, variant, sx}) => (
+const CheckboxOrRadioGroupValidation: React.FC<React.PropsWithChildren<CheckboxOrRadioGroupValidationProps>> = ({
+  children,
+  variant,
+  sx
+}) => (
   <Slot name="Validation">
     {({validationMessageId = ''}: CheckboxOrRadioGroupContext) => (
       <InputValidation validationStatus={variant} id={validationMessageId} sx={sx}>
diff --git a/src/_InputLabel.tsx b/src/_InputLabel.tsx
@@ -9,7 +9,15 @@ interface Props extends React.HTMLProps<HTMLLabelElement> {
   visuallyHidden?: boolean
 }
 
-const InputLabel: React.FC<React.PropsWithChildren<Props & SxProp>> = ({children, disabled, htmlFor, id, required, visuallyHidden, sx}) => {
+const InputLabel: React.FC<React.PropsWithChildren<Props & SxProp>> = ({
+  children,
+  disabled,
+  htmlFor,
+  id,
+  required,
+  visuallyHidden,
+  sx
+}) => {
   return (
     <VisuallyHidden
       isVisible={!visuallyHidden}
diff --git a/src/_InputValidation.tsx b/src/_InputValidation.tsx
@@ -9,7 +9,10 @@ type Props = {
   validationStatus?: FormValidationStatus
 } & SxProp
 
-const validationIconMap: Record<NonNullable<Props['validationStatus']>, React.ComponentType<React.PropsWithChildren<IconProps>>> = {
+const validationIconMap: Record<
+  NonNullable<Props['validationStatus']>,
+  React.ComponentType<React.PropsWithChildren<IconProps>>
+> = {
   success: CheckCircleFillIcon,
   error: AlertFillIcon,
   warning: AlertFillIcon
diff --git a/src/_TextInputInnerAction.tsx b/src/_TextInputInnerAction.tsx
@@ -39,10 +39,12 @@ const invisibleButtonStyleOverrides = {
   }
 }
 
-const ConditionalTooltip: React.FC<React.PropsWithChildren<{
-  ['aria-label']?: string
-  children: React.ReactNode
-}>> = ({'aria-label': ariaLabel, children}) => (
+const ConditionalTooltip: React.FC<
+  React.PropsWithChildren<{
+    ['aria-label']?: string
+    children: React.ReactNode
+  }>
+> = ({'aria-label': ariaLabel, children}) => (
   <>
     {ariaLabel ? (
       <Tooltip
diff --git a/src/_TextInputInnerVisualSlot.tsx b/src/_TextInputInnerVisualSlot.tsx
@@ -2,14 +2,16 @@ import React from 'react'
 import {Box, Spinner} from '.'
 import {TextInputNonPassthroughProps} from './TextInput'
 
-const TextInputInnerVisualSlot: React.FC<React.PropsWithChildren<{
-  /** Whether the input is expected to ever show a loading indicator */
-  hasLoadingIndicator: boolean
-  /** Whether the to show the loading indicator */
-  showLoadingIndicator: TextInputNonPassthroughProps['loading']
-  /** Which side of this visual is being rendered */
-  visualPosition: 'leading' | 'trailing'
-}>> = ({children, hasLoadingIndicator, showLoadingIndicator, visualPosition}) => {
+const TextInputInnerVisualSlot: React.FC<
+  React.PropsWithChildren<{
+    /** Whether the input is expected to ever show a loading indicator */
+    hasLoadingIndicator: boolean
+    /** Whether the to show the loading indicator */
+    showLoadingIndicator: TextInputNonPassthroughProps['loading']
+    /** Which side of this visual is being rendered */
+    visualPosition: 'leading' | 'trailing'
+  }>
+> = ({children, hasLoadingIndicator, showLoadingIndicator, visualPosition}) => {
   if ((!children && !hasLoadingIndicator) || (visualPosition === 'leading' && !children && !showLoadingIndicator)) {
     return null
   }
diff --git a/src/__tests__/.eslintrc.json b/src/__tests__/.eslintrc.json
@@ -1,7 +1,5 @@
 {
-  "extends": [
-    "plugin:jest/recommended"
-  ],
+  "extends": ["plugin:jest/recommended"],
   "parserOptions": {
     "project": "../../tsconfig.json"
   },
diff --git a/src/__tests__/TextInputWithTokens.test.tsx b/src/__tests__/TextInputWithTokens.test.tsx
@@ -20,7 +20,11 @@ const mockTokens = [
   {text: 'seven', id: 7}
 ]
 
-const LabelledTextInputWithTokens: React.FC<React.PropsWithChildren<TextInputWithTokensProps>> = ({onTokenRemove, tokens, ...rest}) => (
+const LabelledTextInputWithTokens: React.FC<React.PropsWithChildren<TextInputWithTokensProps>> = ({
+  onTokenRemove,
+  tokens,
+  ...rest
+}) => (
   <>
     {/* eslint-disable-next-line jsx-a11y/label-has-for */}
     <label htmlFor="tokenInput" id="tokenLabel">
diff --git a/src/__tests__/deprecated/ChoiceFieldset.test.tsx b/src/__tests__/deprecated/ChoiceFieldset.test.tsx
@@ -7,34 +7,31 @@ import userEvent from '@testing-library/user-event'
 import ChoiceFieldset, {Item, ChoiceFieldsetProps} from '../../deprecated/ChoiceFieldset'
 import {ChoiceFieldsetListProps} from '../../deprecated/ChoiceFieldset/ChoiceFieldsetList'
 
-const SelectableChoicelistFieldset: React.FC<React.PropsWithChildren<ChoiceFieldsetProps & ChoiceFieldsetListProps>> = ({
-  onSelect,
-  selectionVariant,
-  selected = []
-}) => {
-  const [selectionVals, setSelectionVals] = React.useState<string[]>(selected)
+const SelectableChoicelistFieldset: React.FC<React.PropsWithChildren<ChoiceFieldsetProps & ChoiceFieldsetListProps>> =
+  ({onSelect, selectionVariant, selected = []}) => {
+    const [selectionVals, setSelectionVals] = React.useState<string[]>(selected)
 
-  React.useEffect(() => {
-    onSelect && onSelect(selectionVals)
-  }, [onSelect, selectionVals])
+    React.useEffect(() => {
+      onSelect && onSelect(selectionVals)
+    }, [onSelect, selectionVals])
 
-  return (
-    <SSRProvider>
-      <ChoiceFieldset
-        onSelect={selectedVals => {
-          setSelectionVals(selectedVals)
-        }}
-        selected={selectionVals}
-      >
-        <ChoiceFieldset.Legend>Legend</ChoiceFieldset.Legend>
-        <ChoiceFieldset.List selectionVariant={selectionVariant}>
-          <ChoiceFieldset.Item value="labelOne">Label one</ChoiceFieldset.Item>
-          <ChoiceFieldset.Item value="labelTwo">Label two</ChoiceFieldset.Item>
-        </ChoiceFieldset.List>
-      </ChoiceFieldset>
-    </SSRProvider>
-  )
-}
+    return (
+      <SSRProvider>
+        <ChoiceFieldset
+          onSelect={selectedVals => {
+            setSelectionVals(selectedVals)
+          }}
+          selected={selectionVals}
+        >
+          <ChoiceFieldset.Legend>Legend</ChoiceFieldset.Legend>
+          <ChoiceFieldset.List selectionVariant={selectionVariant}>
+            <ChoiceFieldset.Item value="labelOne">Label one</ChoiceFieldset.Item>
+            <ChoiceFieldset.Item value="labelTwo">Label two</ChoiceFieldset.Item>
+          </ChoiceFieldset.List>
+        </ChoiceFieldset>
+      </SSRProvider>
+    )
+  }
 
 describe('ChoiceFieldset', () => {
   it('renders default', () => {
diff --git a/src/deprecated/ChoiceFieldset/ChoiceFieldCaption.tsx b/src/deprecated/ChoiceFieldset/ChoiceFieldCaption.tsx
@@ -1,6 +1,8 @@
 import React from 'react'
 import ChoiceInputField from '../ChoiceInputField'
 
-const ChoiceFieldCaption: React.FC<React.PropsWithChildren<unknown>> = ({children}) => <ChoiceInputField.Caption>{children}</ChoiceInputField.Caption>
+const ChoiceFieldCaption: React.FC<React.PropsWithChildren<unknown>> = ({children}) => (
+  <ChoiceInputField.Caption>{children}</ChoiceInputField.Caption>
+)
 
 export default ChoiceFieldCaption
diff --git a/src/deprecated/ChoiceFieldset/ChoiceFieldLabel.tsx b/src/deprecated/ChoiceFieldset/ChoiceFieldLabel.tsx
@@ -1,6 +1,8 @@
 import React from 'react'
 import ChoiceInputField from '../ChoiceInputField'
 
-const ChoiceFieldLabel: React.FC<React.PropsWithChildren<unknown>> = ({children}) => <ChoiceInputField.Label>{children}</ChoiceInputField.Label>
+const ChoiceFieldLabel: React.FC<React.PropsWithChildren<unknown>> = ({children}) => (
+  <ChoiceInputField.Label>{children}</ChoiceInputField.Label>
+)
 
 export default ChoiceFieldLabel
diff --git a/src/deprecated/ChoiceFieldset/ChoiceFieldsetLegend.tsx b/src/deprecated/ChoiceFieldset/ChoiceFieldsetLegend.tsx
@@ -10,7 +10,10 @@ export interface ChoiceFieldsetLegendProps {
   visuallyHidden?: boolean
 }
 
-const ChoiceFieldsetLegend: React.FC<React.PropsWithChildren<ChoiceFieldsetLegendProps>> = ({children, visuallyHidden}) => (
+const ChoiceFieldsetLegend: React.FC<React.PropsWithChildren<ChoiceFieldsetLegendProps>> = ({
+  children,
+  visuallyHidden
+}) => (
   <Slot name="Legend">
     {({required, disabled}: ChoiceFieldsetContext) => (
       <VisuallyHidden
diff --git a/src/deprecated/ChoiceFieldset/ChoiceFieldsetList.tsx b/src/deprecated/ChoiceFieldset/ChoiceFieldsetList.tsx
@@ -37,7 +37,10 @@ const getSelectedCheckboxes = (
   return selectedValues.filter(selectedValue => selectedValue !== value)
 }
 
-const ChoiceFieldsetList: React.FC<React.PropsWithChildren<ChoiceFieldsetListProps>> = ({selectionVariant, children}) => {
+const ChoiceFieldsetList: React.FC<React.PropsWithChildren<ChoiceFieldsetListProps>> = ({
+  selectionVariant,
+  children
+}) => {
   const ssrSafeUniqueName = useSSRSafeId()
 
   return (
diff --git a/src/deprecated/ChoiceFieldset/ChoiceFieldsetListItem.tsx b/src/deprecated/ChoiceFieldset/ChoiceFieldsetListItem.tsx
@@ -23,7 +23,12 @@ export interface ChoiceFieldProps {
   value: string
 }
 
-const ChoiceFieldsetListItem: React.FC<React.PropsWithChildren<ChoiceFieldProps>> = ({children, id, disabled: disabledProp, value}) => {
+const ChoiceFieldsetListItem: React.FC<React.PropsWithChildren<ChoiceFieldProps>> = ({
+  children,
+  id,
+  disabled: disabledProp,
+  value
+}) => {
   const choiceFieldsetListContext = useContext(ChoiceFieldsetListContext)
   if (choiceFieldsetListContext === null) {
     throw new Error('ChoiceFieldsetListContext returned null')
diff --git a/src/deprecated/ChoiceFieldset/ChoiceFieldsetValidation.tsx b/src/deprecated/ChoiceFieldset/ChoiceFieldsetValidation.tsx
@@ -4,6 +4,8 @@ export interface ChoiceFieldsetValidationProps {
   validationKey: string
 }
 
-const ChoiceFieldsetValidation: React.FC<React.PropsWithChildren<ChoiceFieldsetValidationProps>> = ({children}) => <>{children}</>
+const ChoiceFieldsetValidation: React.FC<React.PropsWithChildren<ChoiceFieldsetValidationProps>> = ({children}) => (
+  <>{children}</>
+)
 
 export default ChoiceFieldsetValidation
diff --git a/src/deprecated/ChoiceInputField.tsx b/src/deprecated/ChoiceInputField.tsx
diff --git a/src/deprecated/InputField/_InputFieldValidation.tsx b/src/deprecated/InputField/_InputFieldValidation.tsx
diff --git a/src/deprecated/_ChoiceInputLeadingVisual.tsx b/src/deprecated/_ChoiceInputLeadingVisual.tsx
diff --git a/src/utils/create-slots.tsx b/src/utils/create-slots.tsx
diff --git a/src/utils/testing.tsx b/src/utils/testing.tsx

Original file line number	Diff line number	Diff line change
`@@ -101,9 +101,13 @@ const Select = React.forwardRef<HTMLSelectElement, SelectProps>(`
`101`	`101`	`)`
`102`	`102`	`)`
`103`	`103`
`104`		`-const Option: React.FC<React.PropsWithChildren<React.HTMLProps<HTMLOptionElement> & {value: string}>> = props => <option {...props} />`
	`104`	`+const Option: React.FC<React.PropsWithChildren<React.HTMLProps<HTMLOptionElement> & {value: string}>> = props => (`
	`105`	`+ <option {...props} />`
	`106`	`+)`
`105`	`107`
`106`		`-const OptGroup: React.FC<React.PropsWithChildren<React.HTMLProps<HTMLOptGroupElement>>> = props => <optgroup {...props} />`
	`108`	`+const OptGroup: React.FC<React.PropsWithChildren<React.HTMLProps<HTMLOptGroupElement>>> = props => (`
	`109`	`+ <optgroup {...props} />`
	`110`	`+)`
`107`	`111`
`108`	`112`	`export default Object.assign(Select, {`
`109`	`113`	`Option,`