diff --git a/packages/@react-spectrum/searchwithin/README.md b/packages/@react-spectrum/searchwithin/README.md deleted file mode 100644 index e462ef8bb08..00000000000 --- a/packages/@react-spectrum/searchwithin/README.md +++ /dev/null @@ -1,3 +0,0 @@ -# @react-spectrum/searchwithin - -This package is part of [react-spectrum](https://github.com/adobe/react-spectrum). See the repo for more details. diff --git a/packages/@react-spectrum/searchwithin/chromatic/SearchWithin.stories.tsx b/packages/@react-spectrum/searchwithin/chromatic/SearchWithin.stories.tsx deleted file mode 100644 index f1d4cb90931..00000000000 --- a/packages/@react-spectrum/searchwithin/chromatic/SearchWithin.stories.tsx +++ /dev/null @@ -1,125 +0,0 @@ -/* - * Copyright 2020 Adobe. All rights reserved. - * This file is licensed to you under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. You may obtain a copy - * of the License at http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software distributed under - * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS - * OF ANY KIND, either express or implied. See the License for the specific language - * governing permissions and limitations under the License. - */ - -import {generatePowerset} from '@react-spectrum/story-utils'; -import {Grid, repeat} from '@react-spectrum/layout'; -import {Item, Picker} from '@react-spectrum/picker'; -import {Meta, StoryFn} from '@storybook/react'; -import React from 'react'; -import {SearchField} from '@react-spectrum/searchfield'; -import {SearchWithin} from '../'; -import {SpectrumSearchWithinProps} from '@react-types/searchwithin'; - -let states = [ - {isRequired: true}, - {isDisabled: true}, - {necessityIndicator: 'label'} -]; - -let items = [ - {name: 'All', id: 'all'}, - {name: 'Campaigns', id: 'campaigns'}, - {name: 'Tags', id: 'tags'}, - {name: 'Audiences', id: 'audiences'} -]; - -let combinations = generatePowerset(states); - -function shortName(key) { - let returnVal = ''; - switch (key) { - case 'isRequired': - returnVal = 'req'; - break; - case 'isDisabled': - returnVal = 'disable'; - break; - case 'necessityIndicator': - returnVal = 'necInd=label'; - break; - } - return returnVal; -} - -const meta: Meta = { - title: 'SearchWithin', - parameters: { - chromaticProvider: {colorSchemes: ['light', 'dark', 'lightest', 'darkest'], locales: ['en-US', 'ar-AE'], scales: ['medium', 'large']} - } -}; - -export default meta; - -const Template: StoryFn = (args) => ( - - {combinations.map(c => { - let key = Object.keys(c).map(k => shortName(k)).join(' '); - if (!key) { - key = 'empty'; - } - - return ( - - - - {items.map((item) => {item.name})} - - - ); - })} - -); - -// Chromatic can't handle the size of the side label story so removed some extraneous props that don't matter for side label case. -const TemplateSideLabel: StoryFn = (args) => ( - - {combinations.map(c => { - let key = Object.keys(c).map(k => shortName(k)).join(' '); - if (!key) { - key = 'empty'; - } - - return ( - - - - {items.map((item) => {item.name})} - - - ); - })} - -); - -export const PropDefaults = { - render: Template, - name: 'default', - args: {} -}; - -export const PropLabelSide = { - render: TemplateSideLabel, - name: 'label side', - args: {...PropDefaults.args, labelPosition: 'side'} -}; - -export const PropNoLabel = { - render: TemplateSideLabel, - name: 'no label', - args: {...PropDefaults.args, label: undefined, 'aria-label': 'Aria Label'} -}; - -export const PropCustomWidth = { - render: Template, - name: 'custom width', - args: {...PropDefaults.args, width: 300} -}; diff --git a/packages/@react-spectrum/searchwithin/docs/SearchWithin.mdx b/packages/@react-spectrum/searchwithin/docs/SearchWithin.mdx deleted file mode 100644 index 81e6807817f..00000000000 --- a/packages/@react-spectrum/searchwithin/docs/SearchWithin.mdx +++ /dev/null @@ -1,124 +0,0 @@ -{/* Copyright 2020 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. */} - -import {Layout} from '@react-spectrum/docs'; -export default Layout; - -import docs from 'docs:@react-spectrum/searchwithin'; -import {HeaderInfo, PropTable, PageDescription} from '@react-spectrum/docs'; -import packageData from '@react-spectrum/searchwithin/package.json'; - -```jsx import -import {SearchWithin} from '@react-spectrum/searchwithin'; -import {SearchField} from '@react-spectrum/searchfield'; -import {Picker, Item} from '@react-spectrum/picker'; -``` - ---- -category: Forms -keywords: [search within] -after_version: 3.0.0 ---- - -# SearchWithin - -{docs.exports.SearchWithin.description} - - - -## Example - -```tsx example - - - - All - Campaigns - Audiences - Tags - - -``` - -## Content - -SearchWithin accepts exactly two children: a [Search Field](SearchField.html) and a [Picker](SearchField.html). The SearchField element should be the first child passed into the SearchWithin. - -## Labeling - -SearchWithin can be labeled using the `label` prop. This will add a visible label, and be used by the SearchField and the Picker's aria-labelledby, as well as by the group's aria-label. - -## Internationalization - -In order to internationalize a SearchWithin, a localized string should be passed to the label prop. When the necessityIndicator prop is set to "label", a localized string will be provided for "(required)" or "(optional)" automatically. - -## Props - - - -## Visual options - -### Disabled - -```tsx example - - - - All - Campaigns - Audiences - Tags - - -``` - -### Read only - -```tsx example - - - - All - Campaigns - Audiences - Tags - - -``` - -### Label Position - -```tsx example - - - - All - Campaigns - Audiences - Tags - - -``` - -### Custom width - -```tsx example - - - - All - Campaigns - Audiences - Tags - - -``` - diff --git a/packages/@react-spectrum/searchwithin/index.ts b/packages/@react-spectrum/searchwithin/index.ts deleted file mode 100644 index 1210ae1e402..00000000000 --- a/packages/@react-spectrum/searchwithin/index.ts +++ /dev/null @@ -1,13 +0,0 @@ -/* - * Copyright 2020 Adobe. All rights reserved. - * This file is licensed to you under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. You may obtain a copy - * of the License at http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software distributed under - * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS - * OF ANY KIND, either express or implied. See the License for the specific language - * governing permissions and limitations under the License. - */ - -export * from './src'; diff --git a/packages/@react-spectrum/searchwithin/intl/ar-AE.json b/packages/@react-spectrum/searchwithin/intl/ar-AE.json deleted file mode 100644 index 1413bc8cbe2..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/ar-AE.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "بحث", - "searchWithin": "بحث في" -} diff --git a/packages/@react-spectrum/searchwithin/intl/bg-BG.json b/packages/@react-spectrum/searchwithin/intl/bg-BG.json deleted file mode 100644 index fbb3f3d2ed4..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/bg-BG.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Търсене", - "searchWithin": "Търсене из" -} diff --git a/packages/@react-spectrum/searchwithin/intl/cs-CZ.json b/packages/@react-spectrum/searchwithin/intl/cs-CZ.json deleted file mode 100644 index 978f2b2585a..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/cs-CZ.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Hledat", - "searchWithin": "Hledat v rámci" -} diff --git a/packages/@react-spectrum/searchwithin/intl/da-DK.json b/packages/@react-spectrum/searchwithin/intl/da-DK.json deleted file mode 100644 index e38ad897a5e..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/da-DK.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Søg", - "searchWithin": "Søg i" -} diff --git a/packages/@react-spectrum/searchwithin/intl/de-DE.json b/packages/@react-spectrum/searchwithin/intl/de-DE.json deleted file mode 100644 index b03720ffc2c..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/de-DE.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Suchen", - "searchWithin": "Suchen in" -} diff --git a/packages/@react-spectrum/searchwithin/intl/el-GR.json b/packages/@react-spectrum/searchwithin/intl/el-GR.json deleted file mode 100644 index 4ef6fb8d7fe..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/el-GR.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Αναζήτηση", - "searchWithin": "Αναζήτηση εντός" -} diff --git a/packages/@react-spectrum/searchwithin/intl/en-US.json b/packages/@react-spectrum/searchwithin/intl/en-US.json deleted file mode 100644 index f8caf689c4f..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/en-US.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Search", - "searchWithin": "Search within" -} diff --git a/packages/@react-spectrum/searchwithin/intl/es-ES.json b/packages/@react-spectrum/searchwithin/intl/es-ES.json deleted file mode 100644 index 5b91a55f2f1..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/es-ES.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Buscar", - "searchWithin": "Buscar en" -} diff --git a/packages/@react-spectrum/searchwithin/intl/et-EE.json b/packages/@react-spectrum/searchwithin/intl/et-EE.json deleted file mode 100644 index 2074f2b03e6..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/et-EE.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Otsi", - "searchWithin": "Otsi kohast" -} diff --git a/packages/@react-spectrum/searchwithin/intl/fi-FI.json b/packages/@react-spectrum/searchwithin/intl/fi-FI.json deleted file mode 100644 index d5a1428c549..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/fi-FI.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Hae", - "searchWithin": "Hae kohteesta" -} diff --git a/packages/@react-spectrum/searchwithin/intl/fr-FR.json b/packages/@react-spectrum/searchwithin/intl/fr-FR.json deleted file mode 100644 index c579982f398..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/fr-FR.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Rechercher", - "searchWithin": "Rechercher dans" -} diff --git a/packages/@react-spectrum/searchwithin/intl/he-IL.json b/packages/@react-spectrum/searchwithin/intl/he-IL.json deleted file mode 100644 index 4320bbc847f..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/he-IL.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "חפש", - "searchWithin": "חפש בתוך" -} diff --git a/packages/@react-spectrum/searchwithin/intl/hr-HR.json b/packages/@react-spectrum/searchwithin/intl/hr-HR.json deleted file mode 100644 index 0b5656a5d92..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/hr-HR.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Traži", - "searchWithin": "Traži unutar" -} diff --git a/packages/@react-spectrum/searchwithin/intl/hu-HU.json b/packages/@react-spectrum/searchwithin/intl/hu-HU.json deleted file mode 100644 index 6ef9d3b165c..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/hu-HU.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Keresés", - "searchWithin": "Keresés ezen belül:" -} diff --git a/packages/@react-spectrum/searchwithin/intl/it-IT.json b/packages/@react-spectrum/searchwithin/intl/it-IT.json deleted file mode 100644 index 4d1a9e11481..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/it-IT.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Cerca", - "searchWithin": "Cerca in" -} diff --git a/packages/@react-spectrum/searchwithin/intl/ja-JP.json b/packages/@react-spectrum/searchwithin/intl/ja-JP.json deleted file mode 100644 index 5f0b0ce0140..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/ja-JP.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "検索", - "searchWithin": "検索範囲" -} diff --git a/packages/@react-spectrum/searchwithin/intl/ko-KR.json b/packages/@react-spectrum/searchwithin/intl/ko-KR.json deleted file mode 100644 index 73565858d34..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/ko-KR.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "검색", - "searchWithin": "다음 범위 내 검색:" -} diff --git a/packages/@react-spectrum/searchwithin/intl/lt-LT.json b/packages/@react-spectrum/searchwithin/intl/lt-LT.json deleted file mode 100644 index c1182c68eb5..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/lt-LT.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Ieškoti", - "searchWithin": "Ieškoti" -} diff --git a/packages/@react-spectrum/searchwithin/intl/lv-LV.json b/packages/@react-spectrum/searchwithin/intl/lv-LV.json deleted file mode 100644 index ffea12761be..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/lv-LV.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Meklēt", - "searchWithin": "Meklēt šajā:" -} diff --git a/packages/@react-spectrum/searchwithin/intl/nb-NO.json b/packages/@react-spectrum/searchwithin/intl/nb-NO.json deleted file mode 100644 index 4710cd3b1ee..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/nb-NO.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Søk", - "searchWithin": "Søk i" -} diff --git a/packages/@react-spectrum/searchwithin/intl/nl-NL.json b/packages/@react-spectrum/searchwithin/intl/nl-NL.json deleted file mode 100644 index e8ce0270981..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/nl-NL.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Zoeken", - "searchWithin": "Zoeken in" -} diff --git a/packages/@react-spectrum/searchwithin/intl/pl-PL.json b/packages/@react-spectrum/searchwithin/intl/pl-PL.json deleted file mode 100644 index d09e7031a27..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/pl-PL.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Szukaj", - "searchWithin": "Szukaj w następującym zakresie" -} diff --git a/packages/@react-spectrum/searchwithin/intl/pt-BR.json b/packages/@react-spectrum/searchwithin/intl/pt-BR.json deleted file mode 100644 index 8e9b4ee47e9..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/pt-BR.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Pesquisar", - "searchWithin": "Pesquisar em" -} diff --git a/packages/@react-spectrum/searchwithin/intl/pt-PT.json b/packages/@react-spectrum/searchwithin/intl/pt-PT.json deleted file mode 100644 index 6acb2389ef6..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/pt-PT.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Procurar", - "searchWithin": "Procurar em" -} diff --git a/packages/@react-spectrum/searchwithin/intl/ro-RO.json b/packages/@react-spectrum/searchwithin/intl/ro-RO.json deleted file mode 100644 index 2bb669d378e..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/ro-RO.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Căutare", - "searchWithin": "Căutați în" -} diff --git a/packages/@react-spectrum/searchwithin/intl/ru-RU.json b/packages/@react-spectrum/searchwithin/intl/ru-RU.json deleted file mode 100644 index fba3c629893..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/ru-RU.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Поиск", - "searchWithin": "Поиск в" -} diff --git a/packages/@react-spectrum/searchwithin/intl/sk-SK.json b/packages/@react-spectrum/searchwithin/intl/sk-SK.json deleted file mode 100644 index 832b5fbe56a..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/sk-SK.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Vyhľadávať", - "searchWithin": "Vyhľadávať v rozsahu" -} diff --git a/packages/@react-spectrum/searchwithin/intl/sl-SI.json b/packages/@react-spectrum/searchwithin/intl/sl-SI.json deleted file mode 100644 index 557391255c2..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/sl-SI.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Iskanje", - "searchWithin": "Iščite znotraj" -} diff --git a/packages/@react-spectrum/searchwithin/intl/sr-SP.json b/packages/@react-spectrum/searchwithin/intl/sr-SP.json deleted file mode 100644 index 63be43e05fe..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/sr-SP.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Pretraga", - "searchWithin": "Pretraga u" -} diff --git a/packages/@react-spectrum/searchwithin/intl/sv-SE.json b/packages/@react-spectrum/searchwithin/intl/sv-SE.json deleted file mode 100644 index 947447e5fba..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/sv-SE.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Sök", - "searchWithin": "Sök inom" -} diff --git a/packages/@react-spectrum/searchwithin/intl/tr-TR.json b/packages/@react-spectrum/searchwithin/intl/tr-TR.json deleted file mode 100644 index 943ea8e2254..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/tr-TR.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Ara", - "searchWithin": "Şurada ara:" -} diff --git a/packages/@react-spectrum/searchwithin/intl/uk-UA.json b/packages/@react-spectrum/searchwithin/intl/uk-UA.json deleted file mode 100644 index 5ca52bd0600..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/uk-UA.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "Пошук", - "searchWithin": "Пошук у" -} diff --git a/packages/@react-spectrum/searchwithin/intl/zh-CN.json b/packages/@react-spectrum/searchwithin/intl/zh-CN.json deleted file mode 100644 index b7e8cb6697e..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/zh-CN.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "搜索", - "searchWithin": "搜索范围" -} diff --git a/packages/@react-spectrum/searchwithin/intl/zh-TW.json b/packages/@react-spectrum/searchwithin/intl/zh-TW.json deleted file mode 100644 index 9672db32833..00000000000 --- a/packages/@react-spectrum/searchwithin/intl/zh-TW.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "search": "搜尋", - "searchWithin": "搜尋範圍" -} diff --git a/packages/@react-spectrum/searchwithin/package.json b/packages/@react-spectrum/searchwithin/package.json deleted file mode 100644 index ccab9f54bc4..00000000000 --- a/packages/@react-spectrum/searchwithin/package.json +++ /dev/null @@ -1,66 +0,0 @@ -{ - "name": "@react-spectrum/searchwithin", - "version": "3.0.0-alpha.13", - "description": "Spectrum UI components in React", - "license": "Apache-2.0", - "private": true, - "main": "dist/main.js", - "module": "dist/module.js", - "exports": { - "source": "./src/index.ts", - "types": [ - "./dist/types.d.ts", - "./src/index.ts" - ], - "import": "./dist/import.mjs", - "require": "./dist/main.js" - }, - "types": "dist/types.d.ts", - "source": "src/index.ts", - "files": [ - "dist", - "src" - ], - "sideEffects": [ - "*.css" - ], - "targets": { - "main": { - "includeNodeModules": [ - "@adobe/spectrum-css-temp" - ] - }, - "module": { - "includeNodeModules": [ - "@adobe/spectrum-css-temp" - ] - } - }, - "repository": { - "type": "git", - "url": "https://github.com/adobe/react-spectrum" - }, - "dependencies": { - "@react-aria/i18n": "^3.6.3", - "@react-aria/label": "^3.4.4", - "@react-aria/utils": "^3.14.2", - "@react-aria/visually-hidden": "^3.6.1", - "@react-spectrum/form": "^3.5.2", - "@react-spectrum/label": "^3.10.0", - "@react-spectrum/utils": "^3.8.1", - "@react-types/searchwithin": "3.0.0-alpha.10", - "@react-types/shared": "^3.16.0", - "@swc/helpers": "^0.5.0" - }, - "devDependencies": { - "@adobe/spectrum-css-temp": "3.0.0-alpha.1" - }, - "peerDependencies": { - "@react-spectrum/provider": "^3.0.0-rc.1", - "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1", - "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" - }, - "publishConfig": { - "access": "public" - } -} diff --git a/packages/@react-spectrum/searchwithin/src/SearchWithin.tsx b/packages/@react-spectrum/searchwithin/src/SearchWithin.tsx deleted file mode 100644 index f3f6b014abc..00000000000 --- a/packages/@react-spectrum/searchwithin/src/SearchWithin.tsx +++ /dev/null @@ -1,140 +0,0 @@ -/* - * Copyright 2020 Adobe. All rights reserved. - * This file is licensed to you under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. You may obtain a copy - * of the License at http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software distributed under - * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS - * OF ANY KIND, either express or implied. See the License for the specific language - * governing permissions and limitations under the License. - */ - -import {classNames, SlotProvider, useFocusableRef, useResizeObserver, useStyleProps} from '@react-spectrum/utils'; -import {Field} from '@react-spectrum/label'; -import {FocusableRef} from '@react-types/shared'; -// @ts-ignore -import intlMessages from '../intl/*.json'; -import React, {useCallback, useRef, useState} from 'react'; -import {SpectrumSearchWithinProps} from '@react-types/searchwithin'; -import styles from '@adobe/spectrum-css-temp/components/searchwithin/vars.css'; -import {useFormProps} from '@react-spectrum/form'; -import {useId, useLayoutEffect} from '@react-aria/utils'; -import {useLabel} from '@react-aria/label'; -import {useLocalizedStringFormatter} from '@react-aria/i18n'; -import {useProvider, useProviderProps} from '@react-spectrum/provider'; -import {VisuallyHidden} from '@react-aria/visually-hidden'; - -/** - * A SearchWithin combines a SearchField and a Picker into a single group. This allows a user to constrain the scope of their search to a particular category, for example. - */ -export const SearchWithin = React.forwardRef(function SearchWithin(props: SpectrumSearchWithinProps, ref: FocusableRef) { - props = useProviderProps(props); - props = useFormProps(props); - let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/searchwithin'); - let {styleProps} = useStyleProps(props); - let { - children, - isDisabled, - isRequired, - label - } = props; - - let defaultAriaLabel = stringFormatter.format('search'); - if (!label && !props['aria-label'] && !props['aria-labelledby']) { - props['aria-label'] = defaultAriaLabel; - } - // Get label and group props (aka fieldProps) - let {labelProps, fieldProps} = useLabel(props); - - // Grab aria-labelledby for the search input. Will need the entire concatenated aria-labelledby if it exists since pointing at the group id doesn’t - // suffice if there is a external label - let labelledBy = fieldProps['aria-labelledby'] || (fieldProps['aria-label'] !== defaultAriaLabel ? fieldProps.id : ''); - let pickerId = useId(); - - let domRef = useFocusableRef(ref); - let groupRef = useRef(null); - - // Measure the width of the field to inform the width of the menu. - let [menuWidth, setMenuWidth] = useState(null); - let {scale} = useProvider(); - - let onResize = useCallback(() => { - let shouldUseGroup = !!label; - let width = shouldUseGroup ? groupRef.current?.offsetWidth : domRef.current?.offsetWidth; - - if (width && !isNaN(width)) { - setMenuWidth(width); - } - }, [groupRef, domRef, setMenuWidth, label]); - - useResizeObserver({ - ref: domRef, - onResize: onResize - }); - - useLayoutEffect(onResize, [scale, onResize]); - - let defaultSlotValues = { - isDisabled, - isRequired, - label: null, - isQuiet: false, - validationState: null, - description: null, - errorMessage: null, - descriptionProps: null, - errorMessageProps: null, - 'aria-label': null - }; - - let searchFieldClassName = classNames(styles, 'spectrum-SearchWithin-searchfield'); - let pickerClassName = classNames(styles, 'spectrum-SearchWithin-picker'); - let visuallyHiddenId = useId(); - - let slots = { - searchfield: { - ...defaultSlotValues, - UNSAFE_className: searchFieldClassName, - // Apply aria-labelledby of group or the group id to searchfield. No need to pass the group id (we want a new one) and aria-label (aria-labelledby will suffice) - 'aria-labelledby': `${labelledBy} ${visuallyHiddenId} ${pickerId}`, - // When label is provided, input should have id referenced by htmlFor of label, instead of group - id: label && fieldProps.id - }, - picker: { - ...defaultSlotValues, - id: pickerId, - UNSAFE_className: pickerClassName, - menuWidth, - align: 'end', - 'aria-labelledby': `${labelledBy} ${visuallyHiddenId}` - } - }; - - if (label) { - // When label is provided, input should have id referenced by htmlFor of label, instead of group - delete fieldProps.id; - } - - return ( - -
- {stringFormatter.format('searchWithin')} - - {children} - -
- - ); -}); diff --git a/packages/@react-spectrum/searchwithin/src/index.ts b/packages/@react-spectrum/searchwithin/src/index.ts deleted file mode 100644 index ff120f618d5..00000000000 --- a/packages/@react-spectrum/searchwithin/src/index.ts +++ /dev/null @@ -1,16 +0,0 @@ -/* - * Copyright 2020 Adobe. All rights reserved. - * This file is licensed to you under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. You may obtain a copy - * of the License at http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software distributed under - * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS - * OF ANY KIND, either express or implied. See the License for the specific language - * governing permissions and limitations under the License. - */ - -/// - -export {SearchWithin} from './SearchWithin'; -export type {SpectrumSearchWithinProps} from '@react-types/searchwithin'; diff --git a/packages/@react-spectrum/searchwithin/stories/SearchWithin.stories.tsx b/packages/@react-spectrum/searchwithin/stories/SearchWithin.stories.tsx deleted file mode 100644 index daa64e3a22b..00000000000 --- a/packages/@react-spectrum/searchwithin/stories/SearchWithin.stories.tsx +++ /dev/null @@ -1,150 +0,0 @@ -/* - * Copyright 2020 Adobe. All rights reserved. - * This file is licensed to you under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. You may obtain a copy - * of the License at http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software distributed under - * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS - * OF ANY KIND, either express or implied. See the License for the specific language - * governing permissions and limitations under the License. - */ -import {action} from '@storybook/addon-actions'; -import {ActionButton} from '@react-spectrum/button'; -import Filter from '@spectrum-icons/workflow/Filter'; -import {Flex} from '@react-spectrum/layout'; -import {Item, Picker} from '@react-spectrum/picker'; -import React, {useState} from 'react'; -import {SearchField} from '@react-spectrum/searchfield'; -import {SearchWithin} from '../'; -import {SpectrumPickerProps} from '@react-types/select'; -import {SpectrumSearchFieldProps} from '@react-types/searchfield'; -import {SpectrumSearchWithinProps} from '@react-types/searchwithin'; - -export default { - title: 'SearchWithin' -}; - -function render(props: Omit = {}, searchFieldProps: SpectrumSearchFieldProps = {}, pickerProps: Omit, 'children'> = {}) { - return ( - - - - All - Campaigns - Audiences - Tags - This item is very long and word wraps poorly - - - ); -} - -function renderReverse(props: Omit = {}, searchFieldProps: SpectrumSearchFieldProps = {}, pickerProps: Omit, 'children'> = {}) { - return ( - - - All - Campaigns - Audiences - Tags - This item is very long and word wraps poorly - - - - ); -} - -function ResizeSearchWithinApp(props) { - const [state, setState] = useState(true); - - return ( - -
- - - - All - Campaigns - Audiences - Tags - This item is very long and word wraps poorly - - -
- setState(!state)}>Toggle size - - ); -} - -export const Default = () => render({}); - -export const ValueControlled = () => render({}, {value: 'Controlled'}); -ValueControlled.name = 'value (controlled) '; - -export const isDisabled = () => render({isDisabled: true}); -isDisabled.name = 'isDisabled: true'; - -export const isRequired = () => render({isRequired: true}); -isRequired.name = 'isRequired: true'; - -export const isReadOnly = () => render({}, {isReadOnly: true, value: 'Read Only'}); -isReadOnly.name = 'isReadOnly: true'; - -export const searchfieldDefaultValue = () => render({}, {defaultValue: 'Default Value'}); -searchfieldDefaultValue.name = 'Default value for Searchfield'; - -export const pickerDefaultValue = () => render({}, {}, {defaultSelectedKey: 'tags'}); -pickerDefaultValue.name = 'Default value for Picker'; - -export const isRequiredNecessityIndicatorLabel = () => render({isRequired: true, necessityIndicator: 'label'}); -isRequiredNecessityIndicatorLabel.name = 'isRequired: true, necessityIndicator "label"'; - -export const isRequiredFalse_necessityIndicator = () => render({isRequired: false, necessityIndicator: 'label'}); -isRequiredFalse_necessityIndicator.name = 'isRequired: false, necessityIndicator "label"'; - -export const InputValidationSateInvalid = () => render({}, {validationState: 'invalid'}); -InputValidationSateInvalid.name = 'input validationState: invalid'; - -export const PickerValidationSateInvalid = () => render({}, {}, {isInvalid: true}); -PickerValidationSateInvalid.name = 'picker validationState: invalid'; - -export const PickerDisabled = () => render({}, {}, {isDisabled: true}); - -export const CustomWidth300 = () => render({width: 300}); -CustomWidth300.name = 'Custom width: 300'; - -export const CustomWidth30 = () => render({width: 30}); -CustomWidth30.name = 'Custom width: 30'; - -export const LabelPositionSide = () => render({labelPosition: 'side'}); -LabelPositionSide.name = 'labelPosition: side'; - -export const NoVisibleLabel = () => render({label: undefined, 'aria-label': 'Test aria label'}); - -export const NoLabels = () => render({label: undefined}); - -export const ExternalLabel = () => ( -
- External label - {render({label: undefined, 'aria-labelledby': 'foo'})} -
-); - -export const AutoFocusSearchField = () => render({}, {autoFocus: true}); -AutoFocusSearchField.name = 'autoFocus: true on SearchField'; - -export const AutoFocusPicker = () => render({}, {}, {autoFocus: true}); -AutoFocusPicker.name = 'autoFocus: true on Picker'; - -export const ReverseChildrenOrder = () => renderReverse({}); - -export const ResizeSearchWithin = () => ; - -export const ResizeSearchWithinNoLabel = () => ; - -export const iconFilter = () => render({}, {icon: }); -iconFilter.name = 'icon: Filter'; - -export const iconNull = () => render({}, {icon: null}); -iconNull.name = 'icon: null'; diff --git a/packages/@react-spectrum/searchwithin/test/SearchWithin.test.js b/packages/@react-spectrum/searchwithin/test/SearchWithin.test.js deleted file mode 100644 index f6d1516fdab..00000000000 --- a/packages/@react-spectrum/searchwithin/test/SearchWithin.test.js +++ /dev/null @@ -1,260 +0,0 @@ -/* - * Copyright 2020 Adobe. All rights reserved. - * This file is licensed to you under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. You may obtain a copy - * of the License at http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software distributed under - * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS - * OF ANY KIND, either express or implied. See the License for the specific language - * governing permissions and limitations under the License. - */ -import {act, pointerMap, render} from '@react-spectrum/test-utils-internal'; -import Filter from '@spectrum-icons/workflow/Filter'; -import {Item, Picker} from '@react-spectrum/picker'; -import {Provider} from '@react-spectrum/provider'; -import React from 'react'; -import {SearchField} from '@react-spectrum/searchfield'; -import {SearchWithin} from '../src'; -import {theme} from '@react-spectrum/theme-default'; -import userEvent from '@testing-library/user-event'; - -let defaultProps = { - label: 'Test' -}; - -function renderSearchWithin(props = {}, searchFieldProps = {}, pickerProps = {}) { - return render( - - - - - All - Campaigns - Audiences - Tags - - - - ); -} - -describe('SearchWithin', function () { - let user; - - beforeAll(function () { - user = userEvent.setup({delay: null, pointerMap}); - jest.useFakeTimers(); - }); - - afterEach(() => { - jest.clearAllMocks(); - act(() => jest.runAllTimers()); - }); - - afterAll(function () { - jest.restoreAllMocks(); - }); - - it('renders correctly', function () { - let {getAllByText, getByRole} = renderSearchWithin(); - - let searchfield = getByRole('searchbox'); - expect(searchfield).toBeVisible(); - expect(searchfield).toHaveAttribute('type', 'search'); - - let button = getByRole('button'); - expect(button).toBeVisible(); - expect(button).toHaveAttribute('aria-haspopup', 'listbox'); - - let label = getAllByText('Test')[0]; - expect(label).toBeVisible(); - }); - - it('should support custom icon', function () { - let {getByTestId} = renderSearchWithin({}, {icon: }); - - expect(getByTestId('filtericon')).toBeTruthy(); - }); - - it('should support no icon', function () { - let {queryByTestId} = renderSearchWithin({}, {icon: null}); - - expect(queryByTestId('searchicon')).toBeNull(); - }); - - it('can type in search and get onChange', async function () { - let onChange = jest.fn(); - let {getByRole} = renderSearchWithin({}, {onChange}); - let searchfield = getByRole('searchbox'); - expect(searchfield).toHaveAttribute('value', ''); - - act(() => {searchfield.focus();}); - await user.keyboard('test search'); - act(() => {searchfield.blur();}); - expect(searchfield).toHaveAttribute('value', 'test search'); - expect(onChange).toBeCalledTimes(11); - }); - - it('can open menu and get onChange', async function () { - let onOpenChange = jest.fn(); - let {getByRole} = renderSearchWithin({}, {}, {onOpenChange}); - - let picker = getByRole('button'); - await user.click(picker); - - let listbox = getByRole('listbox'); - expect(listbox).toBeVisible(); - expect(onOpenChange).toBeCalledTimes(1); - expect(onOpenChange).toHaveBeenCalledWith(true); - }); - - it('searchfield and picker are labelled correctly', async function () { - let {getByRole, getAllByText, getByText} = renderSearchWithin(); - - let searchfield = getByRole('searchbox'); - let picker = getByRole('button'); - let group = getByRole('group'); - let hiddenLabel = getByText('Search within'); - await user.click(picker); - - let listbox = getByRole('listbox'); - let label = getAllByText('Test')[0]; - expect(listbox).toHaveAttribute('aria-labelledby', `${label.id} ${hiddenLabel.id}`); - expect(searchfield).toHaveAttribute('aria-labelledby', `${label.id} ${hiddenLabel.id} ${picker.id}`); - expect(group).toHaveAttribute('aria-labelledby', label.id); - }); - - it('isDisabled=true disables both the searchfield and picker', function () { - let {getByRole} = renderSearchWithin({isDisabled: true}); - - let searchfield = getByRole('searchbox'); - let picker = getByRole('button'); - - expect(searchfield).toHaveAttribute('disabled'); - expect(picker).toHaveAttribute('disabled'); - }); - - it('autoFocus=true on searchfield will automatically focus the input', function () { - let {getByRole} = renderSearchWithin({}, {autoFocus: true}); - - let searchfield = getByRole('searchbox'); - - expect(searchfield).toHaveFocus(); - }); - - it('autoFocus=true on picker will automatically focus the picker', function () { - let {getByRole} = renderSearchWithin({}, {}, {autoFocus: true}); - - let picker = getByRole('button'); - - expect(picker).toHaveFocus(); - }); - - it('slot props override props provided to children', async function () { - let {getByRole, getAllByText, getByText} = renderSearchWithin( - {isDisabled: true, isRequired: false, label: 'Test1'}, - {isDisabled: false, isRequired: true, label: 'Test2', isQuiet: true}, - {isDisabled: false, isRequired: true, label: 'Test3', isQuiet: true} - ); - - let searchfield = getByRole('searchbox'); - let picker = getByRole('button'); - let group = getByRole('group'); - let hiddenLabel = getByText('Search within'); - await user.click(picker); - let label = getAllByText('Test1')[0]; - - expect(searchfield).toHaveAttribute('disabled'); - expect(picker).toHaveAttribute('disabled'); - - expect(searchfield).not.toHaveAttribute('aria-required'); - - expect(searchfield).toHaveAttribute('aria-labelledby', `${label.id} ${hiddenLabel.id} ${picker.id}`); - expect(group).toHaveAttribute('aria-labelledby', label.id); - - expect(searchfield.classList.contains('is-quiet')).toBeFalsy(); - expect(picker.classList.contains('spectrum-Dropdown--quiet')).toBeFalsy(); - }); -}); - -describe('SearchWithin labeling', function () { - it('no label - default', function () { - let {getByRole, getByText} = renderSearchWithin({label: undefined}); - - let group = getByRole('group'); - let searchfield = getByRole('searchbox'); - let picker = getByRole('button'); - let hiddenLabel = getByText('Search within'); - - expect(group).toHaveAttribute('aria-label', 'Search'); - - expect(group).not.toHaveAttribute('aria-labelledby'); - expect(searchfield).toHaveAttribute('aria-labelledby', `${hiddenLabel.id} ${picker.id}`); - expect(picker).toHaveAttribute('aria-labelledby', `${picker.childNodes[0].id} ${hiddenLabel.id}`); - }); - - it('label = foo', function () { - let {getByRole, getByText} = renderSearchWithin({label: 'foo'}); - - let group = getByRole('group'); - let searchfield = getByRole('searchbox'); - let picker = getByRole('button'); - let label = getByText('foo'); - let hiddenLabel = getByText('Search within'); - - expect(group).not.toHaveAttribute('aria-label'); - - expect(group).toHaveAttribute('aria-labelledby', label.id); - expect(searchfield).toHaveAttribute('aria-labelledby', `${label.id} ${hiddenLabel.id} ${picker.id}`); - expect(picker).toHaveAttribute('aria-labelledby', `${picker.childNodes[0].id} ${label.id} ${hiddenLabel.id}`); - - expect(label).toHaveAttribute('for', searchfield.id); - }); - - it('aria-label = bar', function () { - let {getByRole, getByText} = renderSearchWithin({'aria-label': 'bar', label: undefined}); - - let group = getByRole('group'); - let searchfield = getByRole('searchbox'); - let picker = getByRole('button'); - let hiddenLabel = getByText('Search within'); - - expect(group).toHaveAttribute('aria-label', 'bar'); - - expect(group).not.toHaveAttribute('aria-labelledby'); - expect(searchfield).toHaveAttribute('aria-labelledby', `${group.id} ${hiddenLabel.id} ${picker.id}`); - expect(picker).toHaveAttribute('aria-labelledby', `${picker.childNodes[0].id} ${group.id} ${hiddenLabel.id}`); - }); - - it('aria-labelledby = {id}', function () { - let {getByRole, getByText} = render( - - - - - - All - Campaigns - Audiences - Tags - - - - ); - - let group = getByRole('group'); - let searchfield = getByRole('searchbox'); - let picker = getByRole('button'); - let hiddenLabel = getByText('Search within'); - - expect(group).not.toHaveAttribute('aria-label'); - - expect(group).toHaveAttribute('aria-labelledby', 'id-foo-label'); - expect(searchfield).toHaveAttribute('aria-labelledby', `id-foo-label ${hiddenLabel.id} ${picker.id}`); - expect(searchfield).toHaveAttribute('id', 'id-searchfield'); - expect(picker).toHaveAttribute('aria-labelledby', `${picker.childNodes[0].id} id-foo-label ${hiddenLabel.id}`); - }); -}); diff --git a/packages/@react-types/searchwithin/README.md b/packages/@react-types/searchwithin/README.md deleted file mode 100644 index 5875792228f..00000000000 --- a/packages/@react-types/searchwithin/README.md +++ /dev/null @@ -1,3 +0,0 @@ -# @react-types/searchwithin - -This package is part of [react-spectrum](https://github.com/adobe/react-spectrum). See the repo for more details. diff --git a/packages/@react-types/searchwithin/package.json b/packages/@react-types/searchwithin/package.json deleted file mode 100644 index 4a3f07919b7..00000000000 --- a/packages/@react-types/searchwithin/package.json +++ /dev/null @@ -1,21 +0,0 @@ -{ - "name": "@react-types/searchwithin", - "version": "3.0.0-alpha.10", - "description": "Spectrum UI components in React", - "license": "Apache-2.0", - "private": true, - "types": "src/index.d.ts", - "repository": { - "type": "git", - "url": "https://github.com/adobe/react-spectrum" - }, - "dependencies": { - "@react-types/shared": "^3.16.0" - }, - "peerDependencies": { - "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" - }, - "publishConfig": { - "access": "public" - } -} diff --git a/packages/@react-types/searchwithin/src/index.d.ts b/packages/@react-types/searchwithin/src/index.d.ts deleted file mode 100644 index 1ef64c93985..00000000000 --- a/packages/@react-types/searchwithin/src/index.d.ts +++ /dev/null @@ -1,22 +0,0 @@ -/* - * Copyright 2020 Adobe. All rights reserved. - * This file is licensed to you under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. You may obtain a copy - * of the License at http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software distributed under - * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS - * OF ANY KIND, either express or implied. See the License for the specific language - * governing permissions and limitations under the License. - */ - -import {AriaLabelingProps, DOMProps, SpectrumLabelableProps, StyleProps} from '@react-types/shared'; -import {ReactElement} from 'react'; - -export interface SpectrumSearchWithinProps extends SpectrumLabelableProps, DOMProps, StyleProps, AriaLabelingProps { - /** The SearchField and Picker contained within the SearchWithin. */ - children: [ReactElement, ReactElement], - - /** Whether the children should be disabled. Propagated to both children. */ - isDisabled?: boolean -} diff --git a/yarn.lock b/yarn.lock index 56957f5e18d..f033f2380b1 100644 --- a/yarn.lock +++ b/yarn.lock @@ -6299,7 +6299,7 @@ __metadata: languageName: unknown linkType: soft -"@react-aria/i18n@npm:^3.12.9, @react-aria/i18n@npm:^3.6.3, @react-aria/i18n@workspace:packages/@react-aria/i18n": +"@react-aria/i18n@npm:^3.12.9, @react-aria/i18n@workspace:packages/@react-aria/i18n": version: 0.0.0-use.local resolution: "@react-aria/i18n@workspace:packages/@react-aria/i18n" dependencies: @@ -6332,7 +6332,7 @@ __metadata: languageName: unknown linkType: soft -"@react-aria/label@npm:^3.4.4, @react-aria/label@npm:^3.7.18, @react-aria/label@workspace:packages/@react-aria/label": +"@react-aria/label@npm:^3.7.18, @react-aria/label@workspace:packages/@react-aria/label": version: 0.0.0-use.local resolution: "@react-aria/label@workspace:packages/@react-aria/label" dependencies: @@ -6858,7 +6858,7 @@ __metadata: languageName: unknown linkType: soft -"@react-aria/utils@npm:^3.14.2, @react-aria/utils@npm:^3.29.0, @react-aria/utils@npm:^3.8.0, @react-aria/utils@workspace:packages/@react-aria/utils": +"@react-aria/utils@npm:^3.29.0, @react-aria/utils@npm:^3.8.0, @react-aria/utils@workspace:packages/@react-aria/utils": version: 0.0.0-use.local resolution: "@react-aria/utils@workspace:packages/@react-aria/utils" dependencies: @@ -6890,7 +6890,7 @@ __metadata: languageName: unknown linkType: soft -"@react-aria/visually-hidden@npm:^3.1.0, @react-aria/visually-hidden@npm:^3.6.1, @react-aria/visually-hidden@npm:^3.8.23, @react-aria/visually-hidden@workspace:packages/@react-aria/visually-hidden": +"@react-aria/visually-hidden@npm:^3.1.0, @react-aria/visually-hidden@npm:^3.8.23, @react-aria/visually-hidden@workspace:packages/@react-aria/visually-hidden": version: 0.0.0-use.local resolution: "@react-aria/visually-hidden@workspace:packages/@react-aria/visually-hidden" dependencies: @@ -7493,7 +7493,7 @@ __metadata: languageName: unknown linkType: soft -"@react-spectrum/form@npm:^3.5.2, @react-spectrum/form@npm:^3.7.15, @react-spectrum/form@workspace:packages/@react-spectrum/form": +"@react-spectrum/form@npm:^3.7.15, @react-spectrum/form@workspace:packages/@react-spectrum/form": version: 0.0.0-use.local resolution: "@react-spectrum/form@workspace:packages/@react-spectrum/form" dependencies: @@ -7582,7 +7582,7 @@ __metadata: languageName: unknown linkType: soft -"@react-spectrum/label@npm:^3.10.0, @react-spectrum/label@npm:^3.16.15, @react-spectrum/label@workspace:packages/@react-spectrum/label": +"@react-spectrum/label@npm:^3.16.15, @react-spectrum/label@workspace:packages/@react-spectrum/label": version: 0.0.0-use.local resolution: "@react-spectrum/label@workspace:packages/@react-spectrum/label" dependencies: @@ -8011,28 +8011,6 @@ __metadata: languageName: unknown linkType: soft -"@react-spectrum/searchwithin@workspace:packages/@react-spectrum/searchwithin": - version: 0.0.0-use.local - resolution: "@react-spectrum/searchwithin@workspace:packages/@react-spectrum/searchwithin" - dependencies: - "@adobe/spectrum-css-temp": "npm:3.0.0-alpha.1" - "@react-aria/i18n": "npm:^3.6.3" - "@react-aria/label": "npm:^3.4.4" - "@react-aria/utils": "npm:^3.14.2" - "@react-aria/visually-hidden": "npm:^3.6.1" - "@react-spectrum/form": "npm:^3.5.2" - "@react-spectrum/label": "npm:^3.10.0" - "@react-spectrum/utils": "npm:^3.8.1" - "@react-types/searchwithin": "npm:3.0.0-alpha.10" - "@react-types/shared": "npm:^3.16.0" - "@swc/helpers": "npm:^0.5.0" - peerDependencies: - "@react-spectrum/provider": ^3.0.0-rc.1 - react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 - react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 - languageName: unknown - linkType: soft - "@react-spectrum/slider@npm:^3.7.5, @react-spectrum/slider@workspace:packages/@react-spectrum/slider": version: 0.0.0-use.local resolution: "@react-spectrum/slider@workspace:packages/@react-spectrum/slider" @@ -8441,7 +8419,7 @@ __metadata: languageName: unknown linkType: soft -"@react-spectrum/utils@npm:^3.12.5, @react-spectrum/utils@npm:^3.8.1, @react-spectrum/utils@workspace:packages/@react-spectrum/utils": +"@react-spectrum/utils@npm:^3.12.5, @react-spectrum/utils@workspace:packages/@react-spectrum/utils": version: 0.0.0-use.local resolution: "@react-spectrum/utils@workspace:packages/@react-spectrum/utils" dependencies: @@ -9274,16 +9252,6 @@ __metadata: languageName: unknown linkType: soft -"@react-types/searchwithin@npm:3.0.0-alpha.10, @react-types/searchwithin@workspace:packages/@react-types/searchwithin": - version: 0.0.0-use.local - resolution: "@react-types/searchwithin@workspace:packages/@react-types/searchwithin" - dependencies: - "@react-types/shared": "npm:^3.16.0" - peerDependencies: - react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 - languageName: unknown - linkType: soft - "@react-types/select@npm:^3.9.12, @react-types/select@workspace:packages/@react-types/select": version: 0.0.0-use.local resolution: "@react-types/select@workspace:packages/@react-types/select" @@ -9294,7 +9262,7 @@ __metadata: languageName: unknown linkType: soft -"@react-types/shared@npm:^3.1.0, @react-types/shared@npm:^3.16.0, @react-types/shared@npm:^3.29.1, @react-types/shared@workspace:packages/@react-types/shared": +"@react-types/shared@npm:^3.1.0, @react-types/shared@npm:^3.29.1, @react-types/shared@workspace:packages/@react-types/shared": version: 0.0.0-use.local resolution: "@react-types/shared@workspace:packages/@react-types/shared" peerDependencies: