adobe · Feb 14, 2024 · Feb 14, 2024 · Feb 14, 2024 · Feb 14, 2024 · Feb 14, 2024
Showing 1,069 changed files with 29,062 additions and 9,262 deletions.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -551,12 +551,6 @@ workflows:
       - test-17:
           requires:
             - install-17
-      - test-ssr-canary:
-          requires:
-            - install-canary
-      - test-canary:
-          requires:
-            - install-canary
       - test-esm:
           requires:
             - install
@@ -612,9 +606,6 @@ workflows:
             - test-16
             - test-ssr-17
             - test-17
-            - test-ssr-canary
-            - test-canary
-            - test-ssr-canary
             - test-esm
             - storybook
             - storybook-16

diff --git a/.gitignore b/.gitignore
@@ -1,18 +1,15 @@
 .DS_Store
-coverage
-node_modules
-npm-debug.log
-build-storybook.log
-test-reports.xml
-junit.xml
-.nyc_output
-dist
+.cache
 .idea
+.nyc_output
 .package-lock.json
-.cache
 .parcel-cache
-
+build-storybook.log
+coverage
 dist
+junit.xml
+node_modules
+npm-debug.log
 public
 storybook-static
-junit.xml
+test-reports.xml
diff --git a/.parcelrc b/.parcelrc
@@ -5,6 +5,7 @@
     "apiCheck:*.{js,ts,tsx,json}": ["parcel-transformer-docs"],
     "docs:*.{js,ts,tsx,json}": ["parcel-transformer-docs", "@parcel/transformer-inline"],
     "docs-json:*.{js,ts,tsx,json}": ["parcel-transformer-docs"],
+    "extract:*.mdx": ["parcel-transformer-mdx-extract"],
     "packages/*/*/intl/*.json": ["parcel-transformer-intl"],
     "bundle-text:*.svg": ["@parcel/transformer-svg", "@parcel/transformer-inline-string"],
     "*.{md,mdx}": ["parcel-transformer-mdx-docs"],

diff --git a/.parcelrc-build b/.parcelrc-build
@@ -0,0 +1,15 @@
+{
+  "extends": "@parcel/config-default",
+  "resolvers": ["@parcel/resolver-glob", "parcel-resolver-build", "..."],
+  "bundler": "@parcel/bundler-library",
+  "transformers": {
+    "packages/**/intl/*.json": ["parcel-transformer-intl"],
+    "bundle-text:*.svg": ["@parcel/transformer-svg", "@parcel/transformer-inline-string"],
+    "*.svg": ["@parcel/transformer-svg-react"],
+    "*.{js,mjs,jsm,jsx,es6,cjs,ts,tsx}": [
+      "@parcel/transformer-js",
+      "@parcel/transformer-react-refresh-wrap"
+    ]
+  },
+  "namers": ["parcel-namer-intl", "..."]
+}
diff --git a/Makefile b/Makefile
@@ -92,19 +92,11 @@ publish-nightly: build
 	yarn publish:nightly
 
 build:
-	parcel build packages/@react-{spectrum,aria,stately}/*/ packages/@internationalized/{message,string,date,number}/ packages/react-aria-components --no-optimize
+	parcel build packages/@react-{spectrum,aria,stately}/*/ packages/@internationalized/{message,string,date,number}/ packages/react-aria-components --no-optimize --config .parcelrc-build
 	yarn lerna run prepublishOnly
 	for pkg in packages/@react-{spectrum,aria,stately}/*/  packages/@internationalized/{message,string,date,number}/ packages/@adobe/react-spectrum/ packages/react-aria/ packages/react-stately/ packages/react-aria-components/; \
 		do node scripts/buildEsm.js $$pkg; \
 	done
-	sed -i.bak s/\.js/\.mjs/ packages/@react-aria/i18n/dist/import.mjs
-	sed -i.bak 's/@react-aria\/i18n/.\/real-main.js/' packages/@react-aria/i18n/dist/useMessageFormatter.js
-	sed -i.bak 's/@react-aria\/i18n/.\/real-module.js/' packages/@react-aria/i18n/dist/useMessageFormatter.module.js
-	sed -i.bak 's/@react-aria\/i18n/.\/real-module.mjs/' packages/@react-aria/i18n/dist/useMessageFormatter.module.mjs
-	rm packages/@react-aria/i18n/dist/import.mjs.bak
-	rm packages/@react-aria/i18n/dist/useMessageFormatter.js.bak
-	rm packages/@react-aria/i18n/dist/useMessageFormatter.module.js.bak
-	rm packages/@react-aria/i18n/dist/useMessageFormatter.module.mjs.bak
 	node scripts/buildI18n.js
 
 website:

diff --git a/bin/imports.js b/bin/imports.js
@@ -16,6 +16,11 @@ const fs = require('fs');
 const Module = require('module');
 const substrings = ['-', '+'];
 
+const devDependencies = new Set([
+  '@adobe/spectrum-css-temp',
+  '@react-spectrum/style-macro-s1'
+]);
+
 module.exports = {
   meta: {
     fixable: 'code'
@@ -45,7 +50,7 @@ module.exports = {
       let pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'));
 
       // The only dev dependency should be spectrum-css.
-      if (exists(pkg.devDependencies, pkgName) && pkgName === '@adobe/spectrum-css-temp') {
+      if (exists(pkg.devDependencies, pkgName) && devDependencies.has(pkgName)) {
         return;
       }
 

diff --git a/examples/next-app/app/page.tsx b/examples/next-app/app/page.tsx
@@ -1,10 +1,18 @@
 "use client";
 
 import {Provider, defaultTheme, DatePicker} from '@adobe/react-spectrum';
+import {useRouter} from 'next/navigation';
+
+declare module '@adobe/react-spectrum' {
+  interface RouterConfig {
+    routerOptions: NonNullable<Parameters<ReturnType<typeof useRouter>['push']>[1]>
+  }
+}
 
 export default function Home() {
+  let router = useRouter();
   return (
-    <Provider theme={defaultTheme} locale="en">
+    <Provider theme={defaultTheme} locale="en" router={{navigate: router.push}}>
       <DatePicker label="Date" />
     </Provider>
   )

diff --git a/examples/next-app/next.config.js b/examples/next-app/next.config.js
@@ -1,69 +1,20 @@
 const localesPlugin = require('@react-aria/optimize-locales-plugin');
+const glob = require('glob');
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  webpack(config, {isServer}) {
+  webpack(config, { isServer }) {
     if (!isServer) {
       // Don't include any locale strings in the client JS bundle.
-      config.plugins.push(localesPlugin.webpack({locales: []}));
+      config.plugins.push(localesPlugin.webpack({ locales: [] }));
     }
     return config;
   },
   transpilePackages: [
     '@adobe/react-spectrum',
-    '@react-spectrum/actionbar',
-    '@react-spectrum/actiongroup',
-    '@react-spectrum/avatar',
-    '@react-spectrum/badge',
-    '@react-spectrum/breadcrumbs',
-    '@react-spectrum/button',
-    '@react-spectrum/buttongroup',
-    '@react-spectrum/calendar',
-    '@react-spectrum/checkbox',
-    '@react-spectrum/combobox',
-    '@react-spectrum/contextualhelp',
-    '@react-spectrum/datepicker',
-    '@react-spectrum/dialog',
-    '@react-spectrum/divider',
-    '@react-spectrum/dnd',
-    '@react-spectrum/form',
-    '@react-spectrum/icon',
-    '@react-spectrum/illustratedmessage',
-    '@react-spectrum/inlinealert',
-    '@react-spectrum/image',
-    '@react-spectrum/label',
-    '@react-spectrum/labeledvalue',
-    '@react-spectrum/layout',
-    '@react-spectrum/link',
-    '@react-spectrum/list',
-    '@react-spectrum/listbox',
-    '@react-spectrum/menu',
-    '@react-spectrum/meter',
-    '@react-spectrum/numberfield',
-    '@react-spectrum/overlays',
-    '@react-spectrum/picker',
-    '@react-spectrum/progress',
-    '@react-spectrum/provider',
-    '@react-spectrum/radio',
-    '@react-spectrum/slider',
-    '@react-spectrum/searchfield',
-    '@react-spectrum/statuslight',
-    '@react-spectrum/switch',
-    '@react-spectrum/table',
-    '@react-spectrum/tabs',
-    '@react-spectrum/tag',
-    '@react-spectrum/text',
-    '@react-spectrum/textfield',
-    '@react-spectrum/theme-dark',
-    '@react-spectrum/theme-default',
-    '@react-spectrum/theme-light',
-    '@react-spectrum/tooltip',
-    '@react-spectrum/view',
-    '@react-spectrum/well',
-    '@spectrum-icons/illustrations',
-    '@spectrum-icons/ui',
-    '@spectrum-icons/workflow'
-  ]
+    '@react-spectrum/*',
+    '@spectrum-icons/*',
+  ].flatMap(spec => glob.sync(`${spec}`, { cwd: 'node_modules/' })),
 }
 
 module.exports = nextConfig
diff --git a/examples/next-app/package.json b/examples/next-app/package.json
@@ -17,7 +17,8 @@
     "typescript": "^5",
     "@types/node": "^20",
     "@types/react": "^18",
-    "@types/react-dom": "^18"
+    "@types/react-dom": "^18",
+    "glob": "^10.3.12"
   },
   "workspaces": [
     "../../packages/react-aria-components",

diff --git a/examples/rac-spectrum-tailwind/package.json b/examples/rac-spectrum-tailwind/package.json
@@ -10,7 +10,7 @@
     "@adobe/react-spectrum": "^3.28.0",
     "@spectrum-icons/illustrations": "^3.6.3",
     "@spectrum-icons/workflow": "^4.2.2",
-    "parcel": "^2.10.2",
+    "parcel": "2.0.0-canary.1563",
     "postcss": "^8.2.1",
     "react": "^18.2.0",
     "react-aria-components": "^1.0.0-alpha.4",

diff --git a/examples/rac-tailwind/package.json b/examples/rac-tailwind/package.json
@@ -10,7 +10,7 @@
     "@heroicons/react": "^2.0.16",
     "@react-aria/parcel-resolver-optimize-locales": "^1.0.0",
     "framer-motion": "^10.12.16",
-    "parcel": "^2.10.2",
+    "parcel": "2.0.0-canary.1563",
     "postcss": "^8.4.21",
     "react": "^18.2.0",
     "react-aria-components": "^1.0.0-alpha.4",

diff --git a/examples/remix/app/root.tsx b/examples/remix/app/root.tsx
@@ -5,10 +5,20 @@ import {
   Outlet,
   Scripts,
   ScrollRestoration,
+  useNavigate,
+  useHref
 } from '@remix-run/react';
+import type {NavigateOptions} from 'react-router-dom';
 import {Provider, defaultTheme} from '@adobe/react-spectrum';
 
+declare module '@adobe/react-spectrum' {
+  interface RouterConfig {
+    routerOptions: NavigateOptions
+  }
+}
+
 export default function App() {
+  let navigate = useNavigate();
   return (
     <html lang="en">
       <head>
@@ -18,7 +28,13 @@ export default function App() {
         <Links />
       </head>
       <body>
-        <Provider theme={defaultTheme} locale="en">
+        <Provider 
+          theme={defaultTheme}
+          locale="en"
+          router={{
+            navigate,
+            useHref
+          }}>
           <Outlet />
         </Provider>
         <ScrollRestoration />

diff --git a/examples/remix/app/routes/_index.tsx b/examples/remix/app/routes/_index.tsx
@@ -1,5 +1,5 @@
 import type { MetaFunction } from "@remix-run/node";
-import {DatePicker} from '@adobe/react-spectrum';
+import {ActionMenu, DatePicker, Item} from '@adobe/react-spectrum';
 
 export const meta: MetaFunction = () => {
   return [
@@ -13,6 +13,9 @@ export default function Index() {
     <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.8" }}>
       <h1>Welcome to Remix</h1>
       <DatePicker label="Date" />
+      <ActionMenu>
+        <Item href="/foo" routerOptions={{replace: true}}>Link to foo</Item>
+      </ActionMenu>
     </div>
   );
 }
diff --git a/examples/remix/app/routes/foo.tsx b/examples/remix/app/routes/foo.tsx
@@ -0,0 +1,3 @@
+export default function Foo() {
+  return <h1>Foo</h1>
+}
diff --git a/examples/rsp-next-ts-17/next.config.js b/examples/rsp-next-ts-17/next.config.js
@@ -1,61 +1,10 @@
+const glob = require('glob');
+
 const withTM = require("next-transpile-modules")([
   '@adobe/react-spectrum',
-  '@react-spectrum/actionbar',
-  '@react-spectrum/actiongroup',
-  '@react-spectrum/avatar',
-  '@react-spectrum/badge',
-  '@react-spectrum/breadcrumbs',
-  '@react-spectrum/button',
-  '@react-spectrum/buttongroup',
-  '@react-spectrum/calendar',
-  '@react-spectrum/checkbox',
-  '@react-spectrum/color',
-  '@react-spectrum/combobox',
-  '@react-spectrum/contextualhelp',
-  '@react-spectrum/datepicker',
-  '@react-spectrum/dialog',
-  '@react-spectrum/divider',
-  '@react-spectrum/dnd',
-  '@react-spectrum/form',
-  '@react-spectrum/icon',
-  '@react-spectrum/illustratedmessage',
-  '@react-spectrum/image',
-  '@react-spectrum/inlinealert',
-  '@react-spectrum/label',
-  '@react-spectrum/labeledvalue',
-  '@react-spectrum/layout',
-  '@react-spectrum/link',
-  '@react-spectrum/list',
-  '@react-spectrum/listbox',
-  '@react-spectrum/menu',
-  '@react-spectrum/meter',
-  '@react-spectrum/numberfield',
-  '@react-spectrum/overlays',
-  '@react-spectrum/picker',
-  '@react-spectrum/progress',
-  '@react-spectrum/provider',
-  '@react-spectrum/radio',
-  '@react-spectrum/slider',
-  '@react-spectrum/searchfield',
-  '@react-spectrum/statuslight',
-  '@react-spectrum/switch',
-  '@react-spectrum/table',
-  '@react-spectrum/tabs',
-  '@react-spectrum/tag',
-  '@react-spectrum/text',
-  '@react-spectrum/textfield',
-  '@react-spectrum/theme-dark',
-  '@react-spectrum/theme-default',
-  '@react-spectrum/theme-light',
-  '@react-spectrum/tooltip',
-  '@react-spectrum/toast',
-  '@react-spectrum/view',
-  '@react-spectrum/well',
-  '@spectrum-icons/illustrations',
-  '@spectrum-icons/ui',
-  '@spectrum-icons/workflow',
-  '@spectrum-icons/express'
-]);
+  '@react-spectrum/*',
+  '@spectrum-icons/*',
+].flatMap(spec => glob.sync(`${spec}`, { cwd: 'node_modules/' })));
 
 module.exports = withTM({
   basePath:

diff --git a/examples/rsp-next-ts-17/package.json b/examples/rsp-next-ts-17/package.json
@@ -17,6 +17,7 @@
     "@react-spectrum/toast": "^3.0.0-alpha.0",
     "@spectrum-icons/illustrations": "^3.5.0",
     "@spectrum-icons/workflow": "^4.0.3",
+    "glob": "^10.3.12",
     "next": "^12",
     "next-transpile-modules": "^10.0.0",
     "react": "^17",
@@ -28,5 +29,8 @@
     "eslint": "^8.24.0",
     "eslint-config-next": "^13.4.1",
     "typescript": "^5.1.3"
+  },
+  "resolutions": {
+    "next/@swc/helpers": "0.4.36"
   }
 }