diff --git a/.gitignore b/.gitignore index 34e94977fb3..507d85abab0 100644 --- a/.gitignore +++ b/.gitignore @@ -19,3 +19,5 @@ packages/dev/storybook-builder-parcel/iframe.html packages/dev/storybook-builder-parcel/preview.js starters/docs/registry starters/tailwind/registry +starters/docs/yarn.lock +starters/tailwind/yarn.lock diff --git a/package.json b/package.json index a8e14a59c93..30fc1b77691 100644 --- a/package.json +++ b/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" + ] } diff --git a/packages/@react-aria/collections/src/CollectionBuilder.tsx b/packages/@react-aria/collections/src/CollectionBuilder.tsx index 83b1e834d57..7726c2c6168 100644 --- a/packages/@react-aria/collections/src/CollectionBuilder.tsx +++ b/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>(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}; } diff --git a/packages/@react-aria/collections/src/Document.ts b/packages/@react-aria/collections/src/Document.ts index 453ce572404..f7fb5f61d7c 100644 --- a/packages/@react-aria/collections/src/Document.ts +++ b/packages/@react-aria/collections/src/Document.ts @@ -179,7 +179,7 @@ export class BaseNode { } removeChild(child: ElementNode): void { - if (child.parentNode !== this || !this.ownerDocument.isMounted) { + if (child.parentNode !== this) { return; } @@ -411,7 +411,6 @@ export class Document = BaseCollection> extend isSSR = false; nodeId = 0; nodesByProps: WeakMap> = new WeakMap>(); - isMounted = true; private collection: C; private nextCollection: C | null = null; private subscriptions: Set<() => void> = new Set(); @@ -426,7 +425,7 @@ export class Document = BaseCollection> extend } get isConnected(): boolean { - return this.isMounted; + return true; } createElement(type: string): ElementNode { diff --git a/packages/@react-spectrum/s2/intl/ar-AE.json b/packages/@react-spectrum/s2/intl/ar-AE.json index 63c753e9578..da0c74bfa40 100644 --- a/packages/@react-spectrum/s2/intl/ar-AE.json +++ b/packages/@react-spectrum/s2/intl/ar-AE.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "نشاط جديد", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "تحديد…", + "picker.selectedCount": "{count, plural, =0 {لم يتم تحديد عناصر} one {# عنصر محدد} other {# عنصر محدد}}", "slider.maximum": "أقصى", "slider.minimum": "أدنى", "table.loading": "جارٍ التحميل...", diff --git a/packages/@react-spectrum/s2/intl/bg-BG.json b/packages/@react-spectrum/s2/intl/bg-BG.json index 71abfe418fb..57a159b530a 100644 --- a/packages/@react-spectrum/s2/intl/bg-BG.json +++ b/packages/@react-spectrum/s2/intl/bg-BG.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Нова дейност", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Изберете…", + "picker.selectedCount": "{count, plural, =0 {Няма избрани елементи} one {# избран елемент} other {# избрани елементи}}", "slider.maximum": "Максимум", "slider.minimum": "Минимум", "table.loading": "Зареждане...", diff --git a/packages/@react-spectrum/s2/intl/cs-CZ.json b/packages/@react-spectrum/s2/intl/cs-CZ.json index 9d7ef4dfb16..cafc3d9afbb 100644 --- a/packages/@react-spectrum/s2/intl/cs-CZ.json +++ b/packages/@react-spectrum/s2/intl/cs-CZ.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Nová aktivita", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Vybrat…", + "picker.selectedCount": "{count, plural, =0 {Nevybrány žádné položky} one {Vybrána # položka} other {Vybráno # položek}}", "slider.maximum": "Maximum", "slider.minimum": "Minimum", "table.loading": "Načítání...", diff --git a/packages/@react-spectrum/s2/intl/da-DK.json b/packages/@react-spectrum/s2/intl/da-DK.json index d4987a27db4..796047f0199 100644 --- a/packages/@react-spectrum/s2/intl/da-DK.json +++ b/packages/@react-spectrum/s2/intl/da-DK.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Ny aktivitet", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Vælg…", + "picker.selectedCount": "{count, plural, =0 {Ingen elementer valgt} one {# element valgt} other {# elementer valgt}}", "slider.maximum": "Maksimum", "slider.minimum": "Minimum", "table.loading": "Indlæser...", diff --git a/packages/@react-spectrum/s2/intl/de-DE.json b/packages/@react-spectrum/s2/intl/de-DE.json index be126db8e9e..df797d68c2e 100644 --- a/packages/@react-spectrum/s2/intl/de-DE.json +++ b/packages/@react-spectrum/s2/intl/de-DE.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Neue Aktivität", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Auswählen…", + "picker.selectedCount": "{count, plural, =0 {Keine Elemente ausgewählt} one {# Element ausgewählt} other {# Elemente ausgewählt}}", "slider.maximum": "Maximum", "slider.minimum": "Minimum", "table.loading": "Laden...", diff --git a/packages/@react-spectrum/s2/intl/el-GR.json b/packages/@react-spectrum/s2/intl/el-GR.json index 9687cf911fd..a1381bae42d 100644 --- a/packages/@react-spectrum/s2/intl/el-GR.json +++ b/packages/@react-spectrum/s2/intl/el-GR.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Νέα δραστηριότητα", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Επιλογή…", + "picker.selectedCount": "{count, plural, =0 {Δεν επιλέχθηκαν στοιχεία} one {Επιλέχθηκε # στοιχείο} other {Επιλέχθηκαν # στοιχεία}}", "slider.maximum": "Μέγιστο", "slider.minimum": "Ελάχιστο", "table.loading": "Φόρτωση...", diff --git a/packages/@react-spectrum/s2/intl/en-US.json b/packages/@react-spectrum/s2/intl/en-US.json index e6379d040e7..b90516f839a 100644 --- a/packages/@react-spectrum/s2/intl/en-US.json +++ b/packages/@react-spectrum/s2/intl/en-US.json @@ -1,43 +1,44 @@ { + "actionbar.actions": "Actions", + "actionbar.actionsAvailable": "Actions available.", "actionbar.clearSelection": "Clear selection", "actionbar.selected": "{count, plural, =0 {None selected} other {# selected}}", "actionbar.selectedAll": "All selected", - "actionbar.actions": "Actions", - "actionbar.actionsAvailable": "Actions available.", + "breadcrumbs.more": "More items", "button.pending": "pending", "calendar.invalidSelection": "Selected {selectedCount, plural, one {date} other {dates}} unavailable.", - "contextualhelp.info": "Information", + "combobox.noResults": "No results", "contextualhelp.help": "Help", - "datepicker.time": "Time", - "datepicker.startTime": "Start time", + "contextualhelp.info": "Information", "datepicker.endTime": "End time", - "dialog.dismiss": "Dismiss", + "datepicker.startTime": "Start time", + "datepicker.time": "Time", "dialog.alert": "Alert", + "dialog.dismiss": "Dismiss", "dropzone.replaceMessage": "Drop file to replace", + "inlinealert.informative": "Information", "inlinealert.negative": "Error", "inlinealert.notice": "Warning", - "inlinealert.informative": "Information", "inlinealert.positive": "Success", - "label.(required)": "(required)", "label.(optional)": "(optional)", + "label.(required)": "(required)", "menu.moreActions": "More actions", + "notificationbadge.indicatorOnly": "New activity", + "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Select…", - "slider.minimum": "Minimum", + "picker.selectedCount": "{count, plural, =0 {No items selected} one {# item selected} other {# items selected}}", "slider.maximum": "Maximum", + "slider.minimum": "Minimum", "table.loading": "Loading…", "table.loadingMore": "Loading more…", + "table.resizeColumn": "Resize column", "table.sortAscending": "Sort Ascending", "table.sortDescending": "Sort Descending", - "table.resizeColumn": "Resize column", - "tag.showAllButtonLabel": "Show all ({tagCount, number})", - "tag.hideButtonLabel": "Show less", "tag.actions": "Actions", + "tag.hideButtonLabel": "Show less", "tag.noTags": "None", - "combobox.noResults": "No results", - "notificationbadge.plus": "{notifications}+", - "notificationbadge.indicatorOnly": "New activity", - "breadcrumbs.more": "More items", + "tag.showAllButtonLabel": "Show all ({tagCount, number})", "toast.clearAll": "Clear all", "toast.collapse": "Collapse", "toast.showAll": "Show all" -} \ No newline at end of file +} diff --git a/packages/@react-spectrum/s2/intl/es-ES.json b/packages/@react-spectrum/s2/intl/es-ES.json index 21b4364d820..2dfcc26a3f7 100644 --- a/packages/@react-spectrum/s2/intl/es-ES.json +++ b/packages/@react-spectrum/s2/intl/es-ES.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Nueva actividad", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Seleccione…", + "picker.selectedCount": "{count, plural, =0 {Ningún elemento seleccionado} one {# elemento seleccionado} other {# elementos seleccionados}}", "slider.maximum": "Máximo", "slider.minimum": "Mínimo", "table.loading": "Cargando…", diff --git a/packages/@react-spectrum/s2/intl/et-EE.json b/packages/@react-spectrum/s2/intl/et-EE.json index 240a5b384db..0961526bc2c 100644 --- a/packages/@react-spectrum/s2/intl/et-EE.json +++ b/packages/@react-spectrum/s2/intl/et-EE.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Uus tegevus", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Valige…", + "picker.selectedCount": "{count, plural, =0 {Üksusi pole valitud} one {# üksus valitud} other {# üksust valitud}}", "slider.maximum": "Maksimaalne", "slider.minimum": "Minimaalne", "table.loading": "Laadimine...", diff --git a/packages/@react-spectrum/s2/intl/fi-FI.json b/packages/@react-spectrum/s2/intl/fi-FI.json index 28751379674..3c841a3fe38 100644 --- a/packages/@react-spectrum/s2/intl/fi-FI.json +++ b/packages/@react-spectrum/s2/intl/fi-FI.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Uusi toiminta", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Valitse…", + "picker.selectedCount": "{count, plural, =0 {Ei yhtään kohdetta valittu} one {# kohde valittu} other {# kohdetta valittu}}", "slider.maximum": "Maksimi", "slider.minimum": "Minimi", "table.loading": "Ladataan…", diff --git a/packages/@react-spectrum/s2/intl/fr-FR.json b/packages/@react-spectrum/s2/intl/fr-FR.json index 1769fcf84b3..e67742c73a6 100644 --- a/packages/@react-spectrum/s2/intl/fr-FR.json +++ b/packages/@react-spectrum/s2/intl/fr-FR.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Nouvelle activité", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Sélectionner…", + "picker.selectedCount": "{count, plural, =0 {Aucun élément sélectionné} one {# élément sélectionné} other {# éléments sélectionnés}}", "slider.maximum": "Maximum", "slider.minimum": "Minimum", "table.loading": "Chargement...", diff --git a/packages/@react-spectrum/s2/intl/he-IL.json b/packages/@react-spectrum/s2/intl/he-IL.json index 4cbd06d0192..caae5e3ac7d 100644 --- a/packages/@react-spectrum/s2/intl/he-IL.json +++ b/packages/@react-spectrum/s2/intl/he-IL.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "פעילות חדשה", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "בחר…", + "picker.selectedCount": "{count, plural, =0 {לא נבחרו פריטים} one {פריט # נבחר} other {# פריטים נבחרו}}", "slider.maximum": "מקסימום", "slider.minimum": "מינימום", "table.loading": "טוען...", diff --git a/packages/@react-spectrum/s2/intl/hr-HR.json b/packages/@react-spectrum/s2/intl/hr-HR.json index 8e16ba6e24f..3b98a57760d 100644 --- a/packages/@react-spectrum/s2/intl/hr-HR.json +++ b/packages/@react-spectrum/s2/intl/hr-HR.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Nova aktivnost", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Odaberite…", + "picker.selectedCount": "{count, plural, =0 {Nije odabrana nijedna stavka} one {Odabrana je # stavka} other {Odabrano je # stavki}}", "slider.maximum": "Najviše", "slider.minimum": "Najmanje", "table.loading": "Učitavam...", diff --git a/packages/@react-spectrum/s2/intl/hu-HU.json b/packages/@react-spectrum/s2/intl/hu-HU.json index 14cb6c573ed..3c2e6052c59 100644 --- a/packages/@react-spectrum/s2/intl/hu-HU.json +++ b/packages/@react-spectrum/s2/intl/hu-HU.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Új tevékenység", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Kiválasztás…", + "picker.selectedCount": "{count, plural, =0 {Egy elem sincs kijelölve} one {# elem kijelölve} other {# elem kijelölve}}", "slider.maximum": "Maximum", "slider.minimum": "Minimum", "table.loading": "Betöltés folyamatban…", diff --git a/packages/@react-spectrum/s2/intl/it-IT.json b/packages/@react-spectrum/s2/intl/it-IT.json index b33ff7b5918..c2995e56129 100644 --- a/packages/@react-spectrum/s2/intl/it-IT.json +++ b/packages/@react-spectrum/s2/intl/it-IT.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Nuova attività", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Seleziona…", + "picker.selectedCount": "{count, plural, =0 {Nessun elemento selezionato} one {# elemento selezionato} other {# elementi selezionati}}", "slider.maximum": "Massimo", "slider.minimum": "Minimo", "table.loading": "Caricamento...", diff --git a/packages/@react-spectrum/s2/intl/ja-JP.json b/packages/@react-spectrum/s2/intl/ja-JP.json index f2e89bed5d7..e62d9e3cdc1 100644 --- a/packages/@react-spectrum/s2/intl/ja-JP.json +++ b/packages/@react-spectrum/s2/intl/ja-JP.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "新規アクティビティ", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "選択…", + "picker.selectedCount": "{count, plural, =0 {項目が選択されていません} one {# 項目を選択しました} other {# 項目を選択しました}}", "slider.maximum": "最大", "slider.minimum": "最小", "table.loading": "読み込み中...", diff --git a/packages/@react-spectrum/s2/intl/ko-KR.json b/packages/@react-spectrum/s2/intl/ko-KR.json index 82a0d88ba32..0b73bddd9ed 100644 --- a/packages/@react-spectrum/s2/intl/ko-KR.json +++ b/packages/@react-spectrum/s2/intl/ko-KR.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "새로운 활동", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "선택…", + "picker.selectedCount": "{count, plural, =0 {선택된 항목이 없습니다} one {#개 항목이 선택되었습니다} other {#개 항목이 선택되었습니다}}", "slider.maximum": "최대", "slider.minimum": "최소", "table.loading": "로드 중…", diff --git a/packages/@react-spectrum/s2/intl/lt-LT.json b/packages/@react-spectrum/s2/intl/lt-LT.json index fc56052e3cc..b51bce6380b 100644 --- a/packages/@react-spectrum/s2/intl/lt-LT.json +++ b/packages/@react-spectrum/s2/intl/lt-LT.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Nauja veikla", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Pasirinkite…", + "picker.selectedCount": "{count, plural, =0 {Nepasirinktas nė vienas elementas} one {Pasirinktas # elementas} other {Pasirinkta elementų: #}}", "slider.maximum": "Daugiausia", "slider.minimum": "Mažiausia", "table.loading": "Įkeliama...", diff --git a/packages/@react-spectrum/s2/intl/lv-LV.json b/packages/@react-spectrum/s2/intl/lv-LV.json index e2f9bb316ad..e3f7a7ea231 100644 --- a/packages/@react-spectrum/s2/intl/lv-LV.json +++ b/packages/@react-spectrum/s2/intl/lv-LV.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Jauna aktivitāte", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Izvēlēties…", + "picker.selectedCount": "{count, plural, =0 {Nav atlasīts neviens vienums} one {Atlasīto vienumu skaits: #} other {Atlasīto vienumu skaits: #}}", "slider.maximum": "Maksimālā vērtība", "slider.minimum": "Minimālā vērtība", "table.loading": "Notiek ielāde...", diff --git a/packages/@react-spectrum/s2/intl/nb-NO.json b/packages/@react-spectrum/s2/intl/nb-NO.json index 226ce20af0f..74a143762ca 100644 --- a/packages/@react-spectrum/s2/intl/nb-NO.json +++ b/packages/@react-spectrum/s2/intl/nb-NO.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Ny aktivitet", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Velg …", + "picker.selectedCount": "{count, plural, =0 {Ingen elementer er valgt} one {# element er valgt} other {# elementer er valgt}}", "slider.maximum": "Maksimum", "slider.minimum": "Minimum", "table.loading": "Laster inn...", diff --git a/packages/@react-spectrum/s2/intl/nl-NL.json b/packages/@react-spectrum/s2/intl/nl-NL.json index 6fd3c0e362d..0db747b6997 100644 --- a/packages/@react-spectrum/s2/intl/nl-NL.json +++ b/packages/@react-spectrum/s2/intl/nl-NL.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Nieuwe activiteit", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Selecteren…", + "picker.selectedCount": "{count, plural, =0 {Geen items geselecteerd} one {# item geselecteerd} other {# items geselecteerd}}", "slider.maximum": "Maximum", "slider.minimum": "Minimum", "table.loading": "Laden...", diff --git a/packages/@react-spectrum/s2/intl/pl-PL.json b/packages/@react-spectrum/s2/intl/pl-PL.json index 930f617b1ef..66d29db7d34 100644 --- a/packages/@react-spectrum/s2/intl/pl-PL.json +++ b/packages/@react-spectrum/s2/intl/pl-PL.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Nowa aktywność", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Zaznacz…", + "picker.selectedCount": "{count, plural, =0 {Nie zaznaczono żadnych elementów} one {# zaznaczony element} other {# zaznaczonych elementów}}", "slider.maximum": "Maksimum", "slider.minimum": "Minimum", "table.loading": "Wczytywanie...", diff --git a/packages/@react-spectrum/s2/intl/pt-BR.json b/packages/@react-spectrum/s2/intl/pt-BR.json index a0c57db51d2..ac628a96544 100644 --- a/packages/@react-spectrum/s2/intl/pt-BR.json +++ b/packages/@react-spectrum/s2/intl/pt-BR.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Nova atividade", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Selecionar…", + "picker.selectedCount": "{count, plural, =0 {Nenhum item selecionado} one {# item selecionado} other {# itens selecionados}}", "slider.maximum": "Máximo", "slider.minimum": "Mínimo", "table.loading": "Carregando...", diff --git a/packages/@react-spectrum/s2/intl/pt-PT.json b/packages/@react-spectrum/s2/intl/pt-PT.json index 5e8200ec1e4..4678701584b 100644 --- a/packages/@react-spectrum/s2/intl/pt-PT.json +++ b/packages/@react-spectrum/s2/intl/pt-PT.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Nova atividade", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Selecionar…", + "picker.selectedCount": "{count, plural, =0 {Nenhum item selecionado} one {# item selecionado} other {# itens selecionados}}", "slider.maximum": "Máximo", "slider.minimum": "Mínimo", "table.loading": "A carregar...", diff --git a/packages/@react-spectrum/s2/intl/ro-RO.json b/packages/@react-spectrum/s2/intl/ro-RO.json index 145546503cd..df2a88359ce 100644 --- a/packages/@react-spectrum/s2/intl/ro-RO.json +++ b/packages/@react-spectrum/s2/intl/ro-RO.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Activitate nouă", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Selectați…", + "picker.selectedCount": "{count, plural, =0 {Niciun element selectat} one {# element selectat} other {# elemente selectate}}", "slider.maximum": "Maximum", "slider.minimum": "Minimum", "table.loading": "Se încarcă...", diff --git a/packages/@react-spectrum/s2/intl/ru-RU.json b/packages/@react-spectrum/s2/intl/ru-RU.json index eabe8666d8a..dd877691be5 100644 --- a/packages/@react-spectrum/s2/intl/ru-RU.json +++ b/packages/@react-spectrum/s2/intl/ru-RU.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Новая активность", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Выбрать…", + "picker.selectedCount": "{count, plural, =0 {Нет выбранных элементов} one {# элемент выбран} other {# элементов выбрано}}", "slider.maximum": "Максимум", "slider.minimum": "Минимум", "table.loading": "Загрузка...", diff --git a/packages/@react-spectrum/s2/intl/sk-SK.json b/packages/@react-spectrum/s2/intl/sk-SK.json index 5e564b9a9c2..35616f124e2 100644 --- a/packages/@react-spectrum/s2/intl/sk-SK.json +++ b/packages/@react-spectrum/s2/intl/sk-SK.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Nová aktivita", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Vybrať…", + "picker.selectedCount": "{count, plural, =0 {Žiadne vybraté položky} one {# vybratá položka} other {Počet vybratých položiek:#}}", "slider.maximum": "Maximum", "slider.minimum": "Minimum", "table.loading": "Načítava sa...", diff --git a/packages/@react-spectrum/s2/intl/sl-SI.json b/packages/@react-spectrum/s2/intl/sl-SI.json index 65ad064cebf..83336132f92 100644 --- a/packages/@react-spectrum/s2/intl/sl-SI.json +++ b/packages/@react-spectrum/s2/intl/sl-SI.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Nova dejavnost", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Izberite…", + "picker.selectedCount": "{count, plural, =0 {Noben element ni izbran} one {# element je izbran} other {# elementov je izbranih}}", "slider.maximum": "Največji", "slider.minimum": "Najmanj", "table.loading": "Nalaganje...", diff --git a/packages/@react-spectrum/s2/intl/sr-SP.json b/packages/@react-spectrum/s2/intl/sr-SP.json index 43c0d8100ec..cad130e5cb4 100644 --- a/packages/@react-spectrum/s2/intl/sr-SP.json +++ b/packages/@react-spectrum/s2/intl/sr-SP.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Nova aktivnost", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Izaberite...", + "picker.selectedCount": "{count, plural, =0 {Nije izabrana nijedna stavka} one {Izabrana je # stavka} other {Izabrano je # stavki}}", "slider.maximum": "Najviše", "slider.minimum": "Najmanje", "table.loading": "Učitavam...", diff --git a/packages/@react-spectrum/s2/intl/sv-SE.json b/packages/@react-spectrum/s2/intl/sv-SE.json index 1bf191fc9eb..a7d5a894872 100644 --- a/packages/@react-spectrum/s2/intl/sv-SE.json +++ b/packages/@react-spectrum/s2/intl/sv-SE.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Ny aktivitet", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Välj…", + "picker.selectedCount": "{count, plural, =0 {Inga markerade objekt} one {# markerat objekt} other {# markerade objekt}}", "slider.maximum": "Maximum", "slider.minimum": "Minimum", "table.loading": "Läser in...", diff --git a/packages/@react-spectrum/s2/intl/tr-TR.json b/packages/@react-spectrum/s2/intl/tr-TR.json index 1b563d0b56e..f9aa48680a0 100644 --- a/packages/@react-spectrum/s2/intl/tr-TR.json +++ b/packages/@react-spectrum/s2/intl/tr-TR.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Yeni etkinlik", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Seçin…", + "picker.selectedCount": "{count, plural, =0 {Hiçbir öge seçilmedi} one {# öge seçildi} other {# öge seçildi}}", "slider.maximum": "Maksimum", "slider.minimum": "Minimum", "table.loading": "Yükleniyor...", diff --git a/packages/@react-spectrum/s2/intl/uk-UA.json b/packages/@react-spectrum/s2/intl/uk-UA.json index 4000e3bc351..c78c03d9ce6 100644 --- a/packages/@react-spectrum/s2/intl/uk-UA.json +++ b/packages/@react-spectrum/s2/intl/uk-UA.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "Нова активність", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Вибрати…", + "picker.selectedCount": "{count, plural, =0 {Жодних елементів не вибрано} one {# елемент вибрано} other {Вибрано елементів: #}}", "slider.maximum": "Максимум", "slider.minimum": "Мінімум", "table.loading": "Завантаження…", diff --git a/packages/@react-spectrum/s2/intl/zh-CN.json b/packages/@react-spectrum/s2/intl/zh-CN.json index 6ea8983b9d4..83fb0898fb1 100644 --- a/packages/@react-spectrum/s2/intl/zh-CN.json +++ b/packages/@react-spectrum/s2/intl/zh-CN.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "新活动", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "选择...", + "picker.selectedCount": "{count, plural, =0 {未选择项目} one {已选择 # 个项目} other {已选择 # 个项目}}", "slider.maximum": "最大", "slider.minimum": "最小", "table.loading": "正在加载...", diff --git a/packages/@react-spectrum/s2/intl/zh-TW.json b/packages/@react-spectrum/s2/intl/zh-TW.json index a112e4d3a76..e098b8c221e 100644 --- a/packages/@react-spectrum/s2/intl/zh-TW.json +++ b/packages/@react-spectrum/s2/intl/zh-TW.json @@ -26,6 +26,7 @@ "notificationbadge.indicatorOnly": "新活動", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "選取…", + "picker.selectedCount": "{count, plural, =0 {未選取任何項目} one {已選取 # 個項目} other {已選取 # 個項目}}", "slider.maximum": "最大值", "slider.minimum": "最小值", "table.loading": "載入中…", diff --git a/packages/@react-spectrum/s2/package.json b/packages/@react-spectrum/s2/package.json index d3d2b842bcd..cc2cb3e71df 100644 --- a/packages/@react-spectrum/s2/package.json +++ b/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", diff --git a/packages/@react-spectrum/s2/src/Picker.tsx b/packages/@react-spectrum/s2/src/Picker.tsx index 21b9ecf27c3..312670de82d 100644 --- a/packages/@react-spectrum/s2/src/Picker.tsx +++ b/packages/@react-spectrum/s2/src/Picker.tsx @@ -479,6 +479,7 @@ const PickerButton = createHideableComponent(function PickerButton ( <> * {display: none;}')}> - {({selectedItems, defaultChildren, selectedText}) => { + {({selectedItems, defaultChildren}) => { return ( - {selectedItems.length <= 1 ? defaultChildren : {selectedText}} + {selectedItems.length <= 1 + ? defaultChildren + : {stringFormatter.format('picker.selectedCount', {count: selectedItems.length})} + } ); }} diff --git a/packages/@react-spectrum/s2/src/SegmentedControl.tsx b/packages/@react-spectrum/s2/src/SegmentedControl.tsx index de31da5bde6..0dafd0cc08d 100644 --- a/packages/@react-spectrum/s2/src/SegmentedControl.tsx +++ b/packages/@react-spectrum/s2/src/SegmentedControl.tsx @@ -13,13 +13,13 @@ import {AriaLabelingProps, DOMRef, DOMRefValue, FocusableRef, Key} from '@react-types/shared'; import {baseColor, focusRing, style} from '../style' with {type: 'macro'}; import {centerBaseline} from './CenterBaseline'; -import {ContextValue, DEFAULT_SLOT, Provider, TextContext as RACTextContext, SlotProps, ToggleButton, ToggleButtonGroup, ToggleButtonRenderProps, ToggleGroupStateContext} from 'react-aria-components'; +import {ContextValue, DEFAULT_SLOT, Provider, TextContext as RACTextContext, SelectionIndicator, SlotProps, ToggleButton, ToggleButtonGroup, ToggleButtonRenderProps, ToggleGroupStateContext} from 'react-aria-components'; import {control, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'}; -import {createContext, forwardRef, ReactNode, RefObject, useCallback, useContext, useRef} from 'react'; +import {createContext, forwardRef, ReactNode, useCallback, useContext, useRef} from 'react'; import {IconContext} from './Icon'; import {pressScale} from './pressScale'; import {Text, TextContext} from './Content'; -import {useDOMRef, useFocusableRef, useMediaQuery} from '@react-spectrum/utils'; +import {useDOMRef, useFocusableRef} from '@react-spectrum/utils'; import {useLayoutEffect} from '@react-aria/utils'; import {useSpectrumContextProps} from './useSpectrumContextProps'; @@ -113,6 +113,13 @@ const slider = style<{isDisabled: boolean}>({ left: 0, width: 'full', height: 'full', + contain: 'strict', + transition: { + default: '[translate,width]', + '@media (prefers-reduced-motion: reduce)': 'none' + }, + transitionDuration: 200, + transitionTimingFunction: 'out', position: 'absolute', boxSizing: 'border-box', borderStyle: 'solid', @@ -130,8 +137,6 @@ const slider = style<{isDisabled: boolean}>({ interface InternalSegmentedControlContextProps { register?: (value: Key, isDisabled?: boolean) => void, - prevRef?: RefObject, - currentSelectedRef?: RefObject, isJustified?: boolean } @@ -139,8 +144,6 @@ interface DefaultSelectionTrackProps { defaultValue?: Key | null, value?: Key | null, children: ReactNode, - prevRef: RefObject, - currentSelectedRef: RefObject, isJustified?: boolean } @@ -158,14 +161,7 @@ export const SegmentedControl = /*#__PURE__*/ forwardRef(function SegmentedContr } = props; let domRef = useDOMRef(ref); - let prevRef = useRef(null); - let currentSelectedRef = useRef(null); - let onChange = (values: Set) => { - if (currentSelectedRef.current) { - prevRef.current = currentSelectedRef?.current.getBoundingClientRect(); - } - if (onSelectionChange) { let firstKey = values.values().next().value; if (firstKey != null) { @@ -186,7 +182,7 @@ export const SegmentedControl = /*#__PURE__*/ forwardRef(function SegmentedContr onSelectionChange={onChange} className={(props.UNSAFE_className || '') + segmentedControl(null, props.styles)} aria-label={props['aria-label']}> - + {props.children} @@ -209,7 +205,7 @@ function DefaultSelectionTracker(props: DefaultSelectionTrackProps) { return ( {props.children} @@ -222,46 +218,21 @@ function DefaultSelectionTracker(props: DefaultSelectionTrackProps) { export const SegmentedControlItem = /*#__PURE__*/ forwardRef(function SegmentedControlItem(props: SegmentedControlItemProps, ref: FocusableRef) { let domRef = useFocusableRef(ref); let divRef = useRef(null); - let {register, prevRef, currentSelectedRef, isJustified} = useContext(InternalSegmentedControlContext); - let state = useContext(ToggleGroupStateContext); - let isSelected = state?.selectedKeys.has(props.id); - // do not apply animation if a user has the prefers-reduced-motion setting - let reduceMotion = useMediaQuery('(prefers-reduced-motion: reduce)'); + let {register, isJustified} = useContext(InternalSegmentedControlContext); useLayoutEffect(() => { register?.(props.id); }, [register, props.id]); - useLayoutEffect(() => { - if (isSelected && prevRef?.current && currentSelectedRef?.current && !reduceMotion) { - let currentItem = currentSelectedRef?.current.getBoundingClientRect(); - - let deltaX = prevRef?.current.left - currentItem?.left; - - currentSelectedRef.current.animate( - [ - {transform: `translateX(${deltaX}px)`, width: `${prevRef?.current.width}px`}, - {transform: 'translateX(0px)', width: `${currentItem.width}px`} - ], - { - duration: 200, - easing: 'ease-out' - } - ); - - prevRef.current = null; - } - }, [isSelected, reduceMotion, prevRef, currentSelectedRef]); - return ( (props.UNSAFE_className || '') + controlItem({...renderProps, isJustified}, props.styles)} > - {({isSelected, isPressed, isDisabled}) => ( + {({isPressed, isDisabled}) => ( <> - {isSelected &&
} + , DOMRefValue>>(null); const InternalTabsContext = createContext & { tablistRef?: RefObject, - prevRef?: RefObject, selectedKey?: Key | null }>({}); @@ -133,14 +133,6 @@ export const Tabs = forwardRef(function Tabs(props: TabsProps, ref: DOMRef(null); - let prevRef = useRef(null); - - let onChange = useEffectEvent((val: Key) => { - if (tablistRef.current) { - prevRef.current = tablistRef.current.querySelector('[role=tab][data-selected=true]')?.getBoundingClientRect() ?? null; - } - setValue(val); - }); return ( )} @@ -294,6 +285,13 @@ const selectedIndicator = style<{isDisabled: boolean, orientation?: Orientation} vertical: '[2px]' } }, + contain: 'strict', + transition: { + default: '[translate,width,height]', + '@media (prefers-reduced-motion: reduce)': 'none' + }, + transitionDuration: 200, + transitionTimingFunction: 'out', bottom: { default: 0 }, @@ -374,7 +372,7 @@ const icon = style({ }); export function Tab(props: TabProps): ReactNode { - let {density, orientation, labelBehavior, prevRef} = useContext(InternalTabsContext) ?? {}; + let {density, orientation, labelBehavior} = useContext(InternalTabsContext) ?? {}; let contentId = useId(); let ariaLabelledBy = props['aria-labelledby'] || ''; @@ -390,7 +388,6 @@ export function Tab(props: TabProps): ReactNode { {({ // @ts-ignore isMenu, - isSelected, isDisabled }) => { if (isMenu) { @@ -417,10 +414,8 @@ export function Tab(props: TabProps): ReactNode { }] ]}> + isDisabled={isDisabled}> {typeof props.children === 'string' ? {props.children} : props.children} @@ -431,53 +426,17 @@ export function Tab(props: TabProps): ReactNode { ); } -function TabInner({isSelected, isDisabled, orientation, children, prevRef}: { - isSelected: boolean, +function TabInner({isDisabled, orientation, children}: { isDisabled: boolean, orientation: Orientation, - children: ReactNode, - prevRef?: RefObject + children: ReactNode }) { - let reduceMotion = useMediaQuery('(prefers-reduced-motion: reduce)'); let ref = useRef(null); - - useLayoutEffect(() => { - if (isSelected && prevRef?.current && ref?.current && !reduceMotion) { - let currentItem = ref?.current.getBoundingClientRect(); - - if (orientation === 'horizontal') { - let deltaX = prevRef.current.left - currentItem.left; - ref.current.animate( - [ - {transform: `translateX(${deltaX}px)`, width: `${prevRef.current.width}px`}, - {transform: 'translateX(0px)', width: '100%'} - ], - { - duration: 200, - easing: 'ease-out' - } - ); - } else { - let deltaY = prevRef.current.top - currentItem.top; - ref.current.animate( - [ - {transform: `translateY(${deltaY}px)`, height: `${prevRef.current.height}px`}, - {transform: 'translateY(0px)', height: '100%'} - ], - { - duration: 200, - easing: 'ease-out' - } - ); - } - - prevRef.current = null; - } - }, [isSelected, reduceMotion, prevRef, orientation]); + let isHidden = useContext(HiddenTabsContext); return ( <> - {isSelected &&
} + {!isHidden && } {children} ); @@ -549,6 +508,8 @@ function isEveryTabDisabled(collection: Collection> | undefined, disa return false; } +const HiddenTabsContext = createContext(false); + let HiddenTabs = function (props: { listRef: RefObject, items: Array>, @@ -573,18 +534,20 @@ let HiddenTabs = function (props: { overflow: 'hidden', opacity: 0 })}> - {items.map((item) => { - // pull off individual props as an allow list, don't want refs or other props getting through - return ( -
- {item.props.children({size, density})} -
- ); - })} + + {items.map((item) => { + // pull off individual props as an allow list, don't want refs or other props getting through + return ( +
+ {item.props.children({size, density})} +
+ ); + })} +
); }; diff --git a/packages/dev/parcel-config-storybook/package.json b/packages/dev/parcel-config-storybook/package.json index 68479871f93..f4e45a43096 100644 --- a/packages/dev/parcel-config-storybook/package.json +++ b/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": { diff --git a/packages/dev/parcel-namer-docs/package.json b/packages/dev/parcel-namer-docs/package.json index 4453410fa18..ae2a93cfdc6 100644 --- a/packages/dev/parcel-namer-docs/package.json +++ b/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" } } diff --git a/packages/dev/parcel-namer-intl/package.json b/packages/dev/parcel-namer-intl/package.json index 097f4b35179..c851b789699 100644 --- a/packages/dev/parcel-namer-intl/package.json +++ b/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" } } diff --git a/packages/dev/parcel-namer-s2/package.json b/packages/dev/parcel-namer-s2/package.json index c948e8e2ea3..60af570c735 100644 --- a/packages/dev/parcel-namer-s2/package.json +++ b/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" diff --git a/packages/dev/parcel-optimizer-strict-mode/package.json b/packages/dev/parcel-optimizer-strict-mode/package.json index fe0cc1ed719..0e39bb7a923 100644 --- a/packages/dev/parcel-optimizer-strict-mode/package.json +++ b/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" } } diff --git a/packages/dev/parcel-packager-docs/package.json b/packages/dev/parcel-packager-docs/package.json index bfed26a4a98..fc164c23fb4 100644 --- a/packages/dev/parcel-packager-docs/package.json +++ b/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" } } diff --git a/packages/dev/parcel-packager-ssg/SSGPackager.js b/packages/dev/parcel-packager-ssg/SSGPackager.js index 1694e53e12e..40cfecfaecf 100644 --- a/packages/dev/parcel-packager-ssg/SSGPackager.js +++ b/packages/dev/parcel-packager-ssg/SSGPackager.js @@ -83,7 +83,28 @@ module.exports = new Packager({ if (resolved.type !== 'js') { deps.set(getSpecifier(dep), {skipped: true}); } else { - deps.set(getSpecifier(dep), {id: resolved.id}); + let resolution = {id: resolved.id}; + + // Dependencies may be re-targeted to follow re-exports. + for (let [name, sym] of dep.symbols) { + let rewritten = sym.meta?.rewritten; + /* eslint-disable max-depth */ + if (typeof rewritten === 'string') { + if (Array.isArray(resolution)) { + resolution.push([rewritten, resolved.id, name]); + } else { + resolution = [[rewritten, resolved.id, name]]; + } + } + } + + let specifier = getSpecifier(dep); + let cur = deps.get(specifier); + if (Array.isArray(cur) && Array.isArray(resolution)) { + cur.push(...resolution); + } else { + deps.set(specifier, resolution); + } } } else { deps.set(getSpecifier(dep), {specifier: dep.specifier}); @@ -97,6 +118,52 @@ module.exports = new Packager({ return {}; } + // Synthesize a module to follow re-exports. + if (Array.isArray(resolution)) { + var m = {__esModule: true}; + resolution.forEach(function (v) { + var key = v[0]; + var id = v[1]; + var exp = v[2]; + var x = load(id); + if (key === '*') { + Object.keys(x).forEach(function (key) { + if ( + key === 'default' || + key === '__esModule' || + // $FlowFixMe + Object.prototype.hasOwnProperty.call(m, key) + ) { + return; + } + + Object.defineProperty(m, key, { + enumerable: true, + get: function () { + return x[key]; + } + }); + }); + } else if (exp === '*') { + Object.defineProperty(m, key, { + enumerable: true, + value: x + }); + } else { + Object.defineProperty(m, key, { + enumerable: true, + get: function () { + if (exp === 'default') { + return x.__esModule ? x.default : x; + } + return x[exp]; + } + }); + } + }); + return m; + } + if (resolution?.id) { return load(resolution.id); } diff --git a/packages/dev/parcel-packager-ssg/package.json b/packages/dev/parcel-packager-ssg/package.json index 577ecbe5008..88a9ed2fdbb 100644 --- a/packages/dev/parcel-packager-ssg/package.json +++ b/packages/dev/parcel-packager-ssg/package.json @@ -7,8 +7,8 @@ "parcel": "^2.0.0" }, "dependencies": { - "@parcel/plugin": "^2.15.4", - "@parcel/utils": "^2.15.4" + "@parcel/plugin": "^2.16.0", + "@parcel/utils": "^2.16.0" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1", diff --git a/packages/dev/parcel-resolver-build/package.json b/packages/dev/parcel-resolver-build/package.json index fe24c112f1c..81897d43d68 100644 --- a/packages/dev/parcel-resolver-build/package.json +++ b/packages/dev/parcel-resolver-build/package.json @@ -7,8 +7,8 @@ "parcel": "^2.0.0" }, "dependencies": { - "@parcel/core": "^2.15.4", - "@parcel/node-resolver-core": "^3.6.4", - "@parcel/plugin": "^2.15.4" + "@parcel/core": "^2.16.0", + "@parcel/node-resolver-core": "^3.7.0", + "@parcel/plugin": "^2.16.0" } } diff --git a/packages/dev/parcel-resolver-docs/package.json b/packages/dev/parcel-resolver-docs/package.json index 6900b4fa557..25091a79414 100644 --- a/packages/dev/parcel-resolver-docs/package.json +++ b/packages/dev/parcel-resolver-docs/package.json @@ -7,8 +7,8 @@ "parcel": "^2.0.0" }, "dependencies": { - "@parcel/core": "^2.15.4", - "@parcel/node-resolver-core": "^3.6.4", - "@parcel/plugin": "^2.15.4" + "@parcel/core": "^2.16.0", + "@parcel/node-resolver-core": "^3.7.0", + "@parcel/plugin": "^2.16.0" } } diff --git a/packages/dev/parcel-resolver-storybook/package.json b/packages/dev/parcel-resolver-storybook/package.json index 16c2cce0c41..55406e5d789 100644 --- a/packages/dev/parcel-resolver-storybook/package.json +++ b/packages/dev/parcel-resolver-storybook/package.json @@ -11,10 +11,10 @@ "parcel": "^2.8.0" }, "dependencies": { - "@parcel/core": "^2.13.1", - "@parcel/node-resolver-core": "^3.1.2", - "@parcel/plugin": "^2.13.1", - "@parcel/utils": "^2.13.1" + "@parcel/core": "^2.16.0", + "@parcel/node-resolver-core": "^3.7.0", + "@parcel/plugin": "^2.16.0", + "@parcel/utils": "^2.16.0" }, "scripts": { "build": "rm -rf dist && swc . -d dist --config-file ../../.swcrc", diff --git a/packages/dev/parcel-transformer-css-env/package.json b/packages/dev/parcel-transformer-css-env/package.json index fb6cf819ecc..c231754a15c 100644 --- a/packages/dev/parcel-transformer-css-env/package.json +++ b/packages/dev/parcel-transformer-css-env/package.json @@ -7,6 +7,6 @@ "parcel": "^2.0.0" }, "dependencies": { - "@parcel/plugin": "^2.15.4" + "@parcel/plugin": "^2.16.0" } } diff --git a/packages/dev/parcel-transformer-docs/package.json b/packages/dev/parcel-transformer-docs/package.json index 0fd57ac235b..1db6ec3daff 100644 --- a/packages/dev/parcel-transformer-docs/package.json +++ b/packages/dev/parcel-transformer-docs/package.json @@ -10,11 +10,11 @@ "@babel/parser": "^7.24.0", "@babel/traverse": "^7.24.0", "@babel/types": "^7.24.0", - "@parcel/plugin": "^2.15.4", + "@parcel/plugin": "^2.16.0", "doctrine": "^3.0.0" }, "devDependencies": { - "@parcel/core": "^2.15.4", - "@parcel/fs": "^2.15.4" + "@parcel/core": "^2.16.0", + "@parcel/fs": "^2.16.0" } } diff --git a/packages/dev/parcel-transformer-intl/package.json b/packages/dev/parcel-transformer-intl/package.json index 296930babe3..78188f9b6b8 100644 --- a/packages/dev/parcel-transformer-intl/package.json +++ b/packages/dev/parcel-transformer-intl/package.json @@ -8,6 +8,6 @@ }, "dependencies": { "@internationalized/string-compiler": "^3.0.0", - "@parcel/plugin": "^2.15.4" + "@parcel/plugin": "^2.16.0" } } diff --git a/packages/dev/parcel-transformer-mdx-docs/package.json b/packages/dev/parcel-transformer-mdx-docs/package.json index 54582a55c95..b4daa8178b5 100644 --- a/packages/dev/parcel-transformer-mdx-docs/package.json +++ b/packages/dev/parcel-transformer-mdx-docs/package.json @@ -9,8 +9,8 @@ "dependencies": { "@mdx-js/mdx": "next", "@mdx-js/react": "next", - "@parcel/core": "^2.15.4", - "@parcel/plugin": "^2.15.4", + "@parcel/core": "^2.16.0", + "@parcel/plugin": "^2.16.0", "dprint-node": "^1.0.7", "js-yaml": "^3.13.1", "mdast-util-toc": "^6.1.0", diff --git a/packages/dev/parcel-transformer-mdx-extract/package.json b/packages/dev/parcel-transformer-mdx-extract/package.json index 1584c377f13..a55e91ee658 100644 --- a/packages/dev/parcel-transformer-mdx-extract/package.json +++ b/packages/dev/parcel-transformer-mdx-extract/package.json @@ -7,7 +7,7 @@ "parcel": "^2.12.0" }, "dependencies": { - "@parcel/plugin": "^2.15.4", + "@parcel/plugin": "^2.16.0", "remark-mdx": "^2.0.0-rc.2", "remark-parse": "^10.0.1", "unified": "^10.0.1", diff --git a/packages/dev/parcel-transformer-mdx-storybook/package.json b/packages/dev/parcel-transformer-mdx-storybook/package.json index 75986aaf692..41161343b68 100644 --- a/packages/dev/parcel-transformer-mdx-storybook/package.json +++ b/packages/dev/parcel-transformer-mdx-storybook/package.json @@ -9,7 +9,7 @@ "dependencies": { "@mdx-js/mdx": "next", "@mdx-js/react": "next", - "@parcel/plugin": "^2.15.4" + "@parcel/plugin": "^2.16.0" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" diff --git a/packages/dev/parcel-transformer-storybook/package.json b/packages/dev/parcel-transformer-storybook/package.json index f6c68c5d4da..d39eee4ea4f 100644 --- a/packages/dev/parcel-transformer-storybook/package.json +++ b/packages/dev/parcel-transformer-storybook/package.json @@ -13,7 +13,7 @@ "dependencies": { "@babel/parser": "^7.23.0", "@babel/types": "^7.23.0", - "@parcel/plugin": "^2.13.1", + "@parcel/plugin": "^2.16.0", "@parcel/source-map": "^2.1.1", "@storybook/csf-tools": "^8", "@storybook/docs-tools": "^8", diff --git a/packages/dev/s2-docs/package.json b/packages/dev/s2-docs/package.json index 96cc4502816..dd299a38e5f 100644 --- a/packages/dev/s2-docs/package.json +++ b/packages/dev/s2-docs/package.json @@ -27,8 +27,8 @@ } }, "dependencies": { - "@parcel/plugin": "^2.15.4", - "@parcel/rsc": "^2.15.4", + "@parcel/plugin": "^2.16.0", + "@parcel/rsc": "^2.16.0", "@react-aria/focus": "^3.20.4", "@react-aria/i18n": "^3.12.10", "@react-aria/interactions": "^3.25.1", diff --git a/packages/dev/s2-docs/pages/react-aria/GridList.mdx b/packages/dev/s2-docs/pages/react-aria/GridList.mdx index 7fcb080411e..894d2be8efb 100644 --- a/packages/dev/s2-docs/pages/react-aria/GridList.mdx +++ b/packages/dev/s2-docs/pages/react-aria/GridList.mdx @@ -263,11 +263,11 @@ function Example() { -```tsx links={{GridList: '#gridlist', GridListItem: '#gridlistitem', GridListLoadMoreItem: '#gridlistloadmoreitem', Button: 'Button.html', Checkbox: 'Checkbox.html'}} +```tsx links={{GridList: '#gridlist', GridListItem: '#gridlistitem', GridListLoadMoreItem: '#gridlistloadmoreitem', Button: 'Button.html', Checkbox: 'Checkbox.html', SelectionIndicator: 'selection.html#animated-selectionindicator'}}