fix: bump prettier version

package.json

@@ -115,9 +115,9 @@
     "pm2": "^5.3.0",
     "postcss": "^8.4.21",
     "postcss-loader": "^7.0.2",
-    "prettier": "^2.8.8",
-    "prettier-plugin-organize-imports": "^2.3.4",
-    "prettier-plugin-tailwindcss": "^0.2.1",
+    "prettier": "^3.2.5",
+    "prettier-plugin-organize-imports": "^3.2.4",
+    "prettier-plugin-tailwindcss": "^0.5.13",
     "raw-loader": "^4.0.2",
     "relay-compiler": "^14.1.0",
     "relay-config": "^12.0.0",

packages/client/components/ActivityLibrary/ActivityDetailsSidebar.tsx

@@ -122,9 +122,9 @@ const ActivityDetailsSidebar = (props: Props) => {
     selectedTemplate.scope === 'PUBLIC'
       ? teams
       : selectedTemplate.scope === 'ORGANIZATION'
-      ? teams.filter((team) => team.orgId === selectedTemplate.orgId)
-      : // it is a team-scoped template, templateTeam  must exist
-        [templateTeam!]
+        ? teams.filter((team) => team.orgId === selectedTemplate.orgId)
+        : // it is a team-scoped template, templateTeam  must exist
+          [templateTeam!]
 
   const availableTeamsRef = useRef(availableTeams)
 
@@ -246,12 +246,12 @@ const ActivityDetailsSidebar = (props: Props) => {
     type === 'retrospective'
       ? 'Retro'
       : type === 'teamPrompt'
-      ? 'Standup'
-      : type === 'poker'
-      ? 'Poker'
-      : type === 'action'
-      ? 'Check-in'
-      : 'Meeting'
+        ? 'Standup'
+        : type === 'poker'
+          ? 'Poker'
+          : type === 'action'
+            ? 'Check-in'
+            : 'Meeting'
   const withRecurrence =
     type === 'teamPrompt' ||
     (selectedTeam.organization.featureFlags.recurringRetros && type === 'retrospective')

packages/client/components/ActivityLibrary/ActivityLibrary.tsx

@@ -173,19 +173,22 @@ const mapRetroSubCategories = (templates: readonly Template[]) => {
 const mapTeamCategories = (templates: readonly Template[]) => {
   // list public templates last
   const publicTemplates = [] as Template[]
-  const mapped = templates.reduce((acc, template) => {
-    const {team, scope} = template
-    if (scope === 'PUBLIC') {
-      publicTemplates.push(template)
-    } else {
-      const {name} = team
-      if (!acc[name]) {
-        acc[name] = []
+  const mapped = templates.reduce(
+    (acc, template) => {
+      const {team, scope} = template
+      if (scope === 'PUBLIC') {
+        publicTemplates.push(template)
+      } else {
+        const {name} = team
+        if (!acc[name]) {
+          acc[name] = []
+        }
+        acc[name]!.push(template)
       }
-      acc[name]!.push(template)
-    }
-    return acc
-  }, {} as Record<string, Template[]>)
+      return acc
+    },
+    {} as Record<string, Template[]>
+  )
 
   mapped['Parabol'] = publicTemplates
   return mapped
@@ -245,8 +248,8 @@ export const ActivityLibrary = (props: Props) => {
       categoryId === QUICK_START_CATEGORY_ID
         ? template.isRecommended
         : categoryId === CUSTOM_CATEGORY_ID
-        ? template.scope !== 'PUBLIC'
-        : template.category === categoryId
+          ? template.scope !== 'PUBLIC'
+          : template.category === categoryId
     )
   }, [searchQuery, filteredTemplates, categoryId])
 

packages/client/components/AvatarListUser.tsx

@@ -25,13 +25,13 @@ const StyledAvatar = styled(Avatar)<{
   opacity: !isAnimated
     ? undefined
     : status === TransitionStatus.EXITING || status === TransitionStatus.MOUNTED
-    ? 0
-    : 1,
+      ? 0
+      : 1,
   transform: !isAnimated
     ? undefined
     : status === TransitionStatus.EXITING || status === TransitionStatus.MOUNTED
-    ? 'scale(0)'
-    : 'scale(1)',
+      ? 'scale(0)'
+      : 'scale(1)',
   transition: `all 300ms ${BezierCurve.DECELERATE}`
 }))
 

packages/client/components/AzureDevOpsScopingSelectAllIssues.tsx

@@ -86,7 +86,7 @@ const AzureDevOpsScopingSelectAllIssues = (props: Props) => {
           service: 'azureDevOps',
           serviceTaskId,
           action
-        } as const)
+        }) as const
     )
 
     const variables = {

packages/client/components/BaseButton.tsx

@@ -13,28 +13,33 @@ interface Root {
   size: 'small' | 'medium' | 'large'
 }
 
-const ButtonRoot = styled(PlainButton)<Root>(
-  ({disabled, elevationResting, elevationHovered, elevationPressed, pressedDown, size}) => {
-    return {
-      // size is easy to override, it adds: fontSize, lineHeight, padding
-      ...(ui.buttonSizeStyles[size] as any),
-      alignItems: 'center',
-      border: '1px solid transparent',
-      boxShadow: disabled ? undefined : pressedDown ? elevationPressed : elevationResting,
-      display: 'flex',
-      flexShrink: 0,
-      justifyContent: 'center',
-      textAlign: 'center',
-      transition: `box-shadow 100ms ease-in`,
-      userSelect: 'none',
-      whiteSpace: 'nowrap',
-      ':hover,:focus,:active': {
-        boxShadow: disabled ? undefined : pressedDown ? elevationPressed : elevationHovered,
-        outline: pressedDown && 0
-      }
+const ButtonRoot = styled(PlainButton)<Root>(({
+  disabled,
+  elevationResting,
+  elevationHovered,
+  elevationPressed,
+  pressedDown,
+  size
+}) => {
+  return {
+    // size is easy to override, it adds: fontSize, lineHeight, padding
+    ...(ui.buttonSizeStyles[size] as any),
+    alignItems: 'center',
+    border: '1px solid transparent',
+    boxShadow: disabled ? undefined : pressedDown ? elevationPressed : elevationResting,
+    display: 'flex',
+    flexShrink: 0,
+    justifyContent: 'center',
+    textAlign: 'center',
+    transition: `box-shadow 100ms ease-in`,
+    userSelect: 'none',
+    whiteSpace: 'nowrap',
+    ':hover,:focus,:active': {
+      boxShadow: disabled ? undefined : pressedDown ? elevationPressed : elevationHovered,
+      outline: pressedDown && 0
     }
   }
-)
+})
 
 export interface BaseButtonProps extends PlainButtonProps {
   'aria-label'?: string

packages/client/components/BottomNavControl.tsx

@@ -25,8 +25,8 @@ const BottomNavControl = styled(FlatButton)<Props>((props) => {
     opacity: confirming
       ? 0.5
       : status === TransitionStatus.MOUNTED || status === TransitionStatus.EXITING
-      ? 0
-      : 1,
+        ? 0
+        : 1,
     padding: 0,
     transformOrigin: 'center bottom',
     transition: `all 300ms ${BezierCurve.DECELERATE}`,

packages/client/components/DeckActivityAvatars.tsx

@@ -25,8 +25,8 @@ const PeekingAvatar = styled(AvatarListUser)<{status?: TransitionStatus}>(({stat
     status === TransitionStatus.MOUNTED
       ? `translate(64px)`
       : status === TransitionStatus.EXITING
-      ? 'scale(0)'
-      : undefined
+        ? 'scale(0)'
+        : undefined
 }))
 
 interface Props {

packages/client/components/EstimatePhaseArea.tsx

@@ -55,8 +55,8 @@ const innerStyle = (isDesktop: boolean, hasSingleDimension: boolean): React.CSSP
         ? '12px 8px 0'
         : '4px 4px 0'
       : isDesktop
-      ? '8px 40px 0'
-      : '8px 16px 0',
+        ? '8px 40px 0'
+        : '8px 16px 0',
     width: '100%',
     overflow: 'visible'
   }

packages/client/components/GitHubScopingSelectAllIssues.tsx

@@ -72,7 +72,7 @@ const GitHubScopingSelectAllIssues = (props: Props) => {
           service: 'github',
           serviceTaskId,
           action
-        } as const)
+        }) as const
     )
 
     const variables = {

packages/client/components/GitLabScopingSelectAllIssues.tsx

@@ -70,7 +70,7 @@ const GitLabScopingSelectAllIssues = (props: Props) => {
           service: 'gitlab',
           serviceTaskId,
           action
-        } as const)
+        }) as const
     )
 
     const variables = {

packages/client/components/JiraScopingSelectAllIssues.tsx

@@ -67,7 +67,7 @@ const JiraScopingSelectAllIssues = (props: Props) => {
           service: 'jira',
           serviceTaskId,
           action
-        } as const)
+        }) as const
     )
 
     const variables = {

packages/client/components/MiniPokerCard.tsx

@@ -17,8 +17,8 @@ const MiniPokerCardPlaceholder = styled('div')<{
   border: color
     ? 0
     : isFinal
-    ? `1px solid ${PALETTE.SLATE_400}`
-    : `1px dashed ${PALETTE.SLATE_600}`,
+      ? `1px solid ${PALETTE.SLATE_400}`
+      : `1px dashed ${PALETTE.SLATE_600}`,
   borderRadius: 2,
   color: color ? '#fff' : PALETTE.SLATE_600,
   cursor: onClick || canEdit ? 'pointer' : 'default',

packages/client/components/OverflowAvatar.tsx

@@ -30,14 +30,14 @@ const OverflowCount = styled('div')<{
   opacity: !isAnimated
     ? undefined
     : status === TransitionStatus.EXITING || status === TransitionStatus.MOUNTED
-    ? 0
-    : 1,
+      ? 0
+      : 1,
   overflow: 'hidden',
   transform: !isAnimated
     ? undefined
     : status === TransitionStatus.EXITING || status === TransitionStatus.MOUNTED
-    ? 'scale(0)'
-    : 'scale(1)',
+      ? 'scale(0)'
+      : 'scale(1)',
   transition: `all 300ms ${BezierCurve.DECELERATE}`,
   userSelect: 'none',
   width

packages/client/components/ParabolScopingSelectAllTasks.tsx

@@ -56,7 +56,7 @@ const ParabolScopingSelectAllTasks = (props: Props) => {
           service: 'PARABOL',
           serviceTaskId,
           action
-        } as const)
+        }) as const
     )
     const variables = {
       meetingId,

packages/client/components/PokerCard.tsx

@@ -40,41 +40,39 @@ const getRotation = (
   return `translate(${x}px, ${y + selectedOffset}px)rotate(${rotation}deg)`
 }
 
-const CardBase = styled('div')<CardBaseProps>(
-  ({
-    color,
-    isCollapsed,
-    isDesktop,
-    isSelected,
-    leftEdge,
-    radius,
-    rotation,
-    yOffset,
-    showTransition
-  }) => {
-    const transform = getRotation(isSelected, isCollapsed, leftEdge, radius, rotation, yOffset)
-    const hoverTransform = `${transform} translateY(-8px)`
-    return {
-      background: getPokerCardBackground(color),
-      borderRadius: 6,
-      cursor: 'pointer',
-      display: 'flex',
-      height: PokerCards.HEIGHT,
-      justifyContent: 'center',
-      position: 'absolute',
-      transform,
-      transition: showTransition
-        ? `transform ${isCollapsed ? COLLAPSE_DUR : EXPAND_DUR}ms ${BezierCurve.DECELERATE}`
-        : undefined,
-      userSelect: 'none',
-      width: PokerCards.WIDTH,
-      zIndex: isSelected && isCollapsed ? 1 : undefined,
-      '&:hover': {
-        transform: isCollapsed ? undefined : isDesktop ? hoverTransform : undefined
-      }
+const CardBase = styled('div')<CardBaseProps>(({
+  color,
+  isCollapsed,
+  isDesktop,
+  isSelected,
+  leftEdge,
+  radius,
+  rotation,
+  yOffset,
+  showTransition
+}) => {
+  const transform = getRotation(isSelected, isCollapsed, leftEdge, radius, rotation, yOffset)
+  const hoverTransform = `${transform} translateY(-8px)`
+  return {
+    background: getPokerCardBackground(color),
+    borderRadius: 6,
+    cursor: 'pointer',
+    display: 'flex',
+    height: PokerCards.HEIGHT,
+    justifyContent: 'center',
+    position: 'absolute',
+    transform,
+    transition: showTransition
+      ? `transform ${isCollapsed ? COLLAPSE_DUR : EXPAND_DUR}ms ${BezierCurve.DECELERATE}`
+      : undefined,
+    userSelect: 'none',
+    width: PokerCards.WIDTH,
+    zIndex: isSelected && isCollapsed ? 1 : undefined,
+    '&:hover': {
+      transform: isCollapsed ? undefined : isDesktop ? hoverTransform : undefined
     }
   }
-)
+})
 
 const UpperLeftCardValue = styled('div')({
   color: '#fff',

packages/client/components/RaisedButton.tsx

@@ -17,19 +17,19 @@ const paletteColors = {
 
 const buttonLightThemes = ['white', 'gray']
 
-const StyledBaseButton = styled(BaseButton)<{palette?: keyof typeof paletteColors}>(
-  ({palette = 'gray'}) => {
-    const backgroundColor = paletteColors[palette]
-    const color = buttonLightThemes.includes(palette) ? PALETTE.SLATE_700 : '#FFFFFF'
-    return {
-      backgroundColor,
-      borderRadius: Radius.BUTTON_PILL,
-      color,
-      fontWeight: 600,
-      outline: 0
-    }
+const StyledBaseButton = styled(BaseButton)<{palette?: keyof typeof paletteColors}>(({
+  palette = 'gray'
+}) => {
+  const backgroundColor = paletteColors[palette]
+  const color = buttonLightThemes.includes(palette) ? PALETTE.SLATE_700 : '#FFFFFF'
+  return {
+    backgroundColor,
+    borderRadius: Radius.BUTTON_PILL,
+    color,
+    fontWeight: 600,
+    outline: 0
   }
-)
+})
 
 export interface RaisedButtonProps extends BaseButtonProps {
   palette?: keyof typeof paletteColors

packages/client/components/Recurrence/UpdateRecurrenceSettingsModal.tsx

@@ -115,8 +115,8 @@ export const UpdateRecurrenceSettingsModal = (props: Props) => {
     meetingType === 'teamPrompt'
       ? 'Standup'
       : meetingType === 'retrospective'
-      ? 'Retrospective'
-      : 'Meeting'
+        ? 'Retrospective'
+        : 'Meeting'
   const currentRecurrenceRule = meeting.meetingSeries?.recurrenceRule
   const atmosphere = useAtmosphere()
   const isMeetingSeriesActive = meeting.meetingSeries?.cancelledAt === null