fix: Improve S2 docs bundle size (#8891)

* Update parcel to v2.16.0

* Remove card descriptions

* Update SSGPackager

matches changes in Parcel for ReactStaticPackager

* refactor search menu to be code split

* code split illustration types

* Fix collections wrapped in suspense updating incorrectly

* Only include english strings

* Update packages/dev/parcel-packager-ssg/SSGPackager.js

Co-authored-by: Robert Snow <[email protected]>

---------

Co-authored-by: Robert Snow <[email protected]>

Author: devongovett

package.json

@@ -91,21 +91,22 @@
     "@faker-js/faker": "^8.4.1",
     "@jdb8/eslint-plugin-monorepo": "^1.0.1",
     "@octokit/rest": "*",
-    "@parcel/bundler-library": "^2.15.4",
-    "@parcel/config-default": "^2.15.4",
+    "@parcel/bundler-library": "^2.16.0",
+    "@parcel/config-default": "^2.16.0",
     "@parcel/config-storybook": ">=0.0.2",
-    "@parcel/core": "^2.15.4",
-    "@parcel/optimizer-data-url": "^2.15.4",
-    "@parcel/optimizer-terser": "^2.15.4",
-    "@parcel/packager-react-static": "^2.15.4",
-    "@parcel/packager-ts": "^2.15.4",
-    "@parcel/reporter-cli": "^2.15.4",
-    "@parcel/resolver-glob": "^2.15.4",
-    "@parcel/transformer-inline": "^2.15.4",
-    "@parcel/transformer-inline-string": "^2.15.4",
-    "@parcel/transformer-react-static": "^2.15.4",
-    "@parcel/transformer-svg-react": "^2.15.4",
-    "@parcel/transformer-typescript-types": "^2.15.4",
+    "@parcel/core": "^2.16.0",
+    "@parcel/optimizer-data-url": "^2.16.0",
+    "@parcel/optimizer-terser": "^2.16.0",
+    "@parcel/packager-react-static": "^2.16.0",
+    "@parcel/packager-ts": "^2.16.0",
+    "@parcel/reporter-bundle-analyzer": "^2.16.0",
+    "@parcel/reporter-cli": "^2.16.0",
+    "@parcel/resolver-glob": "^2.16.0",
+    "@parcel/transformer-inline": "^2.16.0",
+    "@parcel/transformer-inline-string": "^2.16.0",
+    "@parcel/transformer-react-static": "^2.16.0",
+    "@parcel/transformer-svg-react": "^2.16.0",
+    "@parcel/transformer-typescript-types": "^2.16.0",
     "@react-spectrum/parcel-namer-s2": "^0.3.0",
     "@react-spectrum/s2-icon-builder": "^0.3.0",
     "@spectrum-css/component-builder": "workspace:^",
@@ -183,7 +184,7 @@
     "npm-cli-login": "^1.0.0",
     "nyc": "^10.2.0",
     "p-queue": "^6.2.1",
-    "parcel": "^2.15.4",
+    "parcel": "^2.16.0",
     "parcel-optimizer-strict-mode": "workspace:^",
     "patch-package": "^6.2.0",
     "playwright": "^1.45.3",
@@ -293,5 +294,8 @@
         ]
       }
     ]
-  }
+  },
+  "locales": [
+    "en-US"
+  ]
 }

packages/@react-aria/collections/src/CollectionBuilder.tsx

@@ -19,7 +19,6 @@ import {forwardRefType, Key, Node} from '@react-types/shared';
 import {Hidden} from './Hidden';
 import React, {createContext, ForwardedRef, forwardRef, JSX, ReactElement, ReactNode, useCallback, useContext, useMemo, useRef, useState} from 'react';
 import {useIsSSR} from '@react-aria/ssr';
-import {useLayoutEffect} from '@react-aria/utils';
 import {useSyncExternalStore as useSyncExternalStoreShim} from 'use-sync-external-store/shim/index.js';
 
 const ShallowRenderContext = createContext(false);
@@ -114,14 +113,6 @@ function useCollectionDocument<T extends object, C extends BaseCollection<T>>(cr
     return document.getCollection();
   }, [document]);
   let collection = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-  useLayoutEffect(() => {
-    document.isMounted = true;
-    return () => {
-      // Mark unmounted so we can skip all of the collection updates caused by
-      // React calling removeChild on every item in the collection.
-      document.isMounted = false;
-    };
-  }, [document]);
   return {collection, document};
 }
 

packages/@react-aria/collections/src/Document.ts

@@ -179,7 +179,7 @@ export class BaseNode<T> {
   }
 
   removeChild(child: ElementNode<T>): void {
-    if (child.parentNode !== this || !this.ownerDocument.isMounted) {
+    if (child.parentNode !== this) {
       return;
     }
 
@@ -411,7 +411,6 @@ export class Document<T, C extends BaseCollection<T> = BaseCollection<T>> extend
   isSSR = false;
   nodeId = 0;
   nodesByProps: WeakMap<object, ElementNode<T>> = new WeakMap<object, ElementNode<T>>();
-  isMounted = true;
   private collection: C;
   private nextCollection: C | null = null;
   private subscriptions: Set<() => void> = new Set();
@@ -426,7 +425,7 @@ export class Document<T, C extends BaseCollection<T> = BaseCollection<T>> extend
   }
 
   get isConnected(): boolean {
-    return this.isMounted;
+    return true;
   }
 
   createElement(type: string): ElementNode<T> {

packages/@react-spectrum/s2/package.json

@@ -141,7 +141,7 @@
   },
   "devDependencies": {
     "@adobe/spectrum-tokens": "^13.10.0",
-    "@parcel/macros": "^2.15.4",
+    "@parcel/macros": "^2.16.0",
     "@react-aria/test-utils": "^1.0.0-alpha.8",
     "@storybook/jest": "^0.2.3",
     "@testing-library/dom": "^10.1.0",

packages/dev/parcel-config-storybook/package.json

@@ -10,11 +10,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@parcel/config-default": "^2.13.1",
-    "@parcel/core": "^2.13.1",
+    "@parcel/config-default": "^2.16.0",
+    "@parcel/core": "^2.16.0",
     "@parcel/resolver-storybook": ">=0.0.0",
-    "@parcel/transformer-js": "^2.13.1",
-    "@parcel/transformer-react-refresh-wrap": "^2.13.1",
+    "@parcel/transformer-js": "^2.16.0",
+    "@parcel/transformer-react-refresh-wrap": "^2.16.0",
     "@parcel/transformer-storybook": ">=0.0.2"
   },
   "scripts": {

packages/dev/parcel-namer-docs/package.json

@@ -7,6 +7,6 @@
     "parcel": "^2.0.0"
   },
   "dependencies": {
-    "@parcel/plugin": "^2.15.4"
+    "@parcel/plugin": "^2.16.0"
   }
 }

packages/dev/parcel-namer-intl/package.json

@@ -7,6 +7,6 @@
     "parcel": "^2.0.0"
   },
   "dependencies": {
-    "@parcel/plugin": "^2.15.4"
+    "@parcel/plugin": "^2.16.0"
   }
 }

packages/dev/parcel-namer-s2/package.json

@@ -6,7 +6,7 @@
     "parcel": "^2.0.0"
   },
   "dependencies": {
-    "@parcel/plugin": "^2.15.4"
+    "@parcel/plugin": "^2.16.0"
   },
   "rsp": {
     "type": "cli"

packages/dev/parcel-optimizer-strict-mode/package.json

@@ -7,6 +7,6 @@
     "parcel": "^2.0.0"
   },
   "dependencies": {
-    "@parcel/plugin": "^2.15.4"
+    "@parcel/plugin": "^2.16.0"
   }
 }

packages/dev/parcel-packager-docs/package.json

@@ -7,6 +7,6 @@
     "parcel": "^2.0.0"
   },
   "dependencies": {
-    "@parcel/plugin": "^2.15.4"
+    "@parcel/plugin": "^2.16.0"
   }
 }