diff --git a/packages/@react-spectrum/s2/src/CheckboxGroup.tsx b/packages/@react-spectrum/s2/src/CheckboxGroup.tsx index 470db185e2b..94e8d1edb1b 100644 --- a/packages/@react-spectrum/s2/src/CheckboxGroup.tsx +++ b/packages/@react-spectrum/s2/src/CheckboxGroup.tsx @@ -94,6 +94,7 @@ export const CheckboxGroup = forwardRef(function CheckboxGroup(props: CheckboxGr }, props.styles)}> {({isDisabled, isInvalid}) => (<> +
-
  • Arabic (United Arab Emirates)
    • -
  • Bulgarian (Bulgaria)
    • -
  • Chinese (Simplified)
    • -
  • Chinese (Traditional)
    • -
  • Croatian (Croatia)
    • -
  • Czech (Czech Republic)
    • -
  • Danish (Denmark)
    • -
  • Dutch (Netherlands)
    • -
  • English (Great Britain)
    • -
  • English (United States)
    • -
  • Estonian (Estonia)
    • -
  • Finnish (Finland)
    • -
  • French (Canada)
    • -
  • French (France)
    • -
  • German (Germany)
    • -
  • Greek (Greece)
    • -
  • Hebrew (Israel)
    • -
  • Hungarian (Hungary)
    • -
  • Italian (Italy)
    • -
  • Japanese (Japan)
    • -
  • Korean (Korea)
    • -
  • Latvian (Latvia)
    • -
  • Lithuanian (Lithuania)
    • -
  • Norwegian (Norway)
    • -
  • Polish (Poland)
    • -
  • Portuguese (Brazil)
    • -
  • Romanian (Romania)
    • -
  • Russian (Russia)
    • -
  • Serbian (Serbia)
    • -
  • Slovakian (Slovakia)
    • -
  • Slovenian (Slovenia)
    • -
  • Spanish (Spain)
    • -
  • Swedish (Sweden)
    • -
  • Turkish (Turkey)
    • -
  • Ukrainian (Ukraine)
    • +
  • Arabic (United Arab Emirates) (`ar-AE`)
    • +
  • Bulgarian (Bulgaria) (`bg-BG`)
    • +
  • Chinese (Simplified) (`zh-CN`)
    • +
  • Chinese (Traditional) (`zh-TW`)
    • +
  • Croatian (Croatia) (`hr-HR`)
    • +
  • Czech (Czech Republic) (`cs-CZ`)
    • +
  • Danish (Denmark) (`da-DK`)
    • +
  • Dutch (Netherlands) (`nl-NL`)
    • +
  • English (Great Britain) (`en-GB`)
    • +
  • English (United States) (`en-US`)
    • +
  • Estonian (Estonia) (`et-EE`)
    • +
  • Finnish (Finland) (`fi-FI`)
    • +
  • French (Canada) (`fr-CA`)
    • +
  • French (France) (`fr-FR`)
    • +
  • German (Germany) (`de-DE`)
    • +
  • Greek (Greece) (`el-GR`)
    • +
  • Hebrew (Israel) (`he-IL`)
    • +
  • Hungarian (Hungary) (`hu-HU`)
    • +
  • Italian (Italy) (`it-IT`)
    • +
  • Japanese (Japan) (`ja-JP`)
    • +
  • Korean (Korea) (`ko-KR`)
    • +
  • Latvian (Latvia) (`lv-LV`)
    • +
  • Lithuanian (Lithuania) (`lt-LT`)
    • +
  • Norwegian (Norway) (`nb-NO`)
    • +
  • Polish (Poland) (`pl-PL`)
    • +
  • Portuguese (Brazil) (`pt-BR`)
    • +
  • Romanian (Romania) (`ro-RO`)
    • +
  • Russian (Russia) (`ru-RU`)
    • +
  • Serbian (Serbia) (`sr-SP`)
    • +
  • Slovakian (Slovakia) (`sk-SK`)
    • +
  • Slovenian (Slovenia) (`sl-SI`)
    • +
  • Spanish (Spain) (`es-ES`)
    • +
  • Swedish (Sweden) (`sv-SE`)
    • +
  • Turkish (Turkey) (`tr-TR`)
    • +
  • Ukrainian (Ukraine) (`uk-UA`)
    • ## Interactions diff --git a/packages/dev/s2-docs/src/CodeBlock.tsx b/packages/dev/s2-docs/src/CodeBlock.tsx index 78cde6de64e..41105ac7069 100644 --- a/packages/dev/s2-docs/src/CodeBlock.tsx +++ b/packages/dev/s2-docs/src/CodeBlock.tsx @@ -1,5 +1,5 @@ // @ts-ignore -import assets from 'url:../pages/**/*.{png,jpg,svg}'; +import assets from 'url:../pages/**/*.{png,jpg,svg}' with {env: 'react-client'}; import {cache, ReactNode} from 'react'; import {Code, ICodeProps} from './Code'; import {CodePlatter, FileProvider, Pre} from './CodePlatter'; diff --git a/packages/dev/s2-docs/src/MobileSearchMenu.tsx b/packages/dev/s2-docs/src/MobileSearchMenu.tsx index fd9794b05e9..8446905746f 100644 --- a/packages/dev/s2-docs/src/MobileSearchMenu.tsx +++ b/packages/dev/s2-docs/src/MobileSearchMenu.tsx @@ -283,18 +283,31 @@ function MobileNav({pages, currentPage}: {pages: Page[], currentPage: Page}) { let filteredPages = filterPages(pages, searchValue); - return filteredPages - .sort((a, b) => getPageTitle(a).localeCompare(getPageTitle(b))) - .map(page => ({id: page.url.replace(/^\//, ''), name: getPageTitle(page), href: page.url, description: stripMarkdown(page.exports?.description)})); + let items = filteredPages.map(page => ({ + id: page.url.replace(/^\//, ''), + name: getPageTitle(page), + href: page.url, + description: stripMarkdown(page.exports?.description), + date: page.exports?.date + })); + + return sortItemsForDisplay(items, searchValue); }; let getAllContent = (libraryId: string, searchValue: string = ''): ComponentCardItem[] => { let librarySections = getSectionsForLibrary(libraryId); let allPages = Array.from(librarySections.values()).flat(); let filteredPages = filterPages(allPages, searchValue); - return filteredPages - .sort((a, b) => getPageTitle(a).localeCompare(getPageTitle(b))) - .map(page => ({id: page.url.replace(/^\//, ''), name: getPageTitle(page), href: page.url, description: stripMarkdown(page.exports?.description)})); + + let items = filteredPages.map(page => ({ + id: page.url.replace(/^\//, ''), + name: getPageTitle(page), + href: page.url, + description: stripMarkdown(page.exports?.description), + date: page.exports?.date + })); + + return sortItemsForDisplay(items, searchValue); }; let getItemsForSelection = (section: string | undefined, libraryId: string, searchValue: string = ''): ComponentCardItem[] => { @@ -363,8 +376,7 @@ function MobileNav({pages, currentPage}: {pages: Page[], currentPage: Page}) { searchValue, sectionsForDisplay.map(s => ({id: s.id, name: s.name})), resourceTags, - initialSelectedSection, - currentPage.exports?.title + initialSelectedSection ); const sectionTags = useSectionTagsForDisplay( @@ -428,6 +440,11 @@ function MobileNav({pages, currentPage}: {pages: Page[], currentPage: Page}) {
    {libraries.map(library => { const isIconsSelected = selectedSection === 'icons' && library.id === 'react-spectrum'; + const libraryResourceTags = getResourceTags(library.id); + const selectedResourceTag = libraryResourceTags.find(tag => tag.id === selectedSection); + const placeholderText = selectedResourceTag + ? `Search ${selectedResourceTag.name}` + : `Search ${library.label}`; return ( @@ -438,6 +455,7 @@ function MobileNav({pages, currentPage}: {pages: Page[], currentPage: Page}) { onChange={handleSearchChange} onFocus={handleSearchFocus} onBlur={handleSearchBlur} + placeholder={placeholderText} styles={style({marginX: 16})} />
    (initialTagId); const prevSearchWasEmptyRef = useRef(true); @@ -237,10 +236,6 @@ export function useSearchTagSelection( prevSearchWasEmptyRef.current = isEmpty; }, [searchValue, isResourceSelected]); - if (selectedTagId === 'overview' && title === 'Home') { - setSelectedTagId('components'); - } - return [selectedTagId, setSelectedTagId] as const; }