Upgrade Prettier to v3.3 (#19756)

GitOrigin-RevId: 86d628d8c2fe55e3b2e4867a8e1f29876d38feab

package-lock.json

@@ -50,7 +50,7 @@
         "eslint-plugin-node": "^11.1.0",
         "eslint-plugin-prettier": "^4.0.0",
         "eslint-plugin-promise": "^6.0.0",
-        "prettier": "3.2.5",
+        "prettier": "3.3.3",
         "typescript": "^5.0.4"
       }
     },
@@ -33558,9 +33558,9 @@
       }
     },
     "node_modules/prettier": {
-      "version": "3.2.5",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
-      "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
+      "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
       "dev": true,
       "bin": {
         "prettier": "bin/prettier.cjs"
@@ -74495,9 +74495,9 @@
       "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="
     },
     "prettier": {
-      "version": "3.2.5",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
-      "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
+      "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
       "dev": true
     },
     "prettier-linter-helpers": {

package.json

@@ -18,7 +18,7 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-promise": "^6.0.0",
-    "prettier": "3.2.5",
+    "prettier": "3.3.3",
     "typescript": "^5.0.4"
   },
   "scripts": {

services/web/frontend/js/features/ide-react/context/editor-manager-context.tsx

@@ -538,7 +538,7 @@ export const EditorManagerProvider: FC = ({ children }) => {
     if (docError) {
       const { doc, document, error, meta } = docError
       let { editorContent } = docError
-      const message = typeof error === 'string' ? error : error?.message ?? ''
+      const message = typeof error === 'string' ? error : (error?.message ?? '')
 
       // Clear document error so that it's only handled once
       setDocError(null)

services/web/frontend/js/features/project-list/components/modals/edit-tag-modal.tsx

@@ -100,7 +100,7 @@ export function EditTagModal({ id, tag, onEdit, onClose }: EditTagModalProps) {
               type="text"
               placeholder="Tag Name"
               name="new-tag-name"
-              value={newTagName === undefined ? tag.name ?? '' : newTagName}
+              value={newTagName === undefined ? (tag.name ?? '') : newTagName}
               required
               onChange={e => setNewTagName(e.target.value)}
             />

services/web/frontend/js/features/project-list/components/modals/manage-tag-modal.tsx

@@ -92,7 +92,7 @@ export function ManageTagModal({
               type="text"
               placeholder="Tag Name"
               name="new-tag-name"
-              value={newTagName === undefined ? tag.name ?? '' : newTagName}
+              value={newTagName === undefined ? (tag.name ?? '') : newTagName}
               required
               onChange={e => setNewTagName(e.target.value)}
             />

services/web/frontend/js/features/settings/components/password-section.tsx

@@ -190,7 +190,7 @@ function PasswordForm() {
                   {t('use_a_different_password')}.
                 </>
               ) : (
-                getUserFacingMessage(error) ?? ''
+                (getUserFacingMessage(error) ?? '')
               )
             }
           />

services/web/frontend/js/features/source-editor/components/table-generator/toolbar/column-width-modal/modal.tsx

@@ -158,7 +158,7 @@ const ColumnWidthModalBody = () => {
                 }
                 items={UNITS}
                 itemToKey={x => x ?? ''}
-                itemToString={x => (x === 'custom' ? t('custom') : x ?? '')}
+                itemToString={x => (x === 'custom' ? t('custom') : (x ?? ''))}
                 onSelectedItemChanged={item => setCurrentUnit(item)}
                 defaultItem={currentUnit}
               />

services/web/frontend/js/features/source-editor/components/toolbar/section-heading-dropdown.tsx

@@ -48,7 +48,7 @@ export const SectionHeadingDropdown = () => {
   )
 
   const currentLabel = currentLevel
-    ? levels.get(currentLevel.level) ?? currentLevel.level
+    ? (levels.get(currentLevel.level) ?? currentLevel.level)
     : '---'
 
   return (