Skip to content

Commit 4f39c27

Browse files
committed
Merge branch 'codemod-remove-items-sections-imports' of https://github.com/adobe/react-spectrum into codemod-remove-items-sections-imports
2 parents e367422 + 03febae commit 4f39c27

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

64 files changed

+454
-368
lines changed

.storybook/.parcelrc

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
"*.{js,mjs,jsm,jsx,es6,cjs,ts,tsx}": [
77
"@parcel/transformer-js",
88
"@parcel/transformer-react-refresh-wrap"
9-
]
9+
],
10+
"raw:*": ["@parcel/transformer-raw"]
1011
}
1112
}

.storybook/logo-dark.svg

Lines changed: 19 additions & 0 deletions
Loading

.storybook/logo.svg

Lines changed: 19 additions & 0 deletions
Loading

.storybook/preview.js

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,17 @@ export const parameters = {
3434
source: {
3535
type: 'code'
3636
}
37-
}
37+
},
38+
darkMode: {
39+
light: {
40+
brandTitle: 'React Spectrum',
41+
brandImage: new URL('raw:logo.svg', import.meta.url).toString()
42+
},
43+
dark: {
44+
brandTitle: 'React Spectrum',
45+
brandImage: new URL('raw:logo-dark.svg', import.meta.url).toString()
46+
}
47+
},
3848
};
3949

4050
export const decorators = [

Makefile

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,7 @@ build:
107107
do node scripts/buildEsm.js $$pkg; \
108108
done
109109
node scripts/buildI18n.js
110-
node scripts/copyIconDts.js
110+
node scripts/generateIconDts.js
111111

112112
website:
113113
yarn build:docs --public-url /reactspectrum/$$(git rev-parse HEAD)/docs --dist-dir dist/$$(git rev-parse HEAD)/docs

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@adobe/react-spectrum",
3-
"version": "3.36.2",
3+
"version": "3.36.3",
44
"description": "Spectrum UI components in React",
55
"license": "Apache-2.0",
66
"main": "dist/main.js",
@@ -51,7 +51,7 @@
5151
"@react-spectrum/buttongroup": "^3.6.15",
5252
"@react-spectrum/calendar": "^3.4.11",
5353
"@react-spectrum/checkbox": "^3.9.8",
54-
"@react-spectrum/combobox": "^3.13.1",
54+
"@react-spectrum/combobox": "^3.13.2",
5555
"@react-spectrum/contextualhelp": "^3.6.13",
5656
"@react-spectrum/datepicker": "^3.10.1",
5757
"@react-spectrum/dialog": "^3.8.13",
@@ -69,7 +69,7 @@
6969
"@react-spectrum/link": "^3.6.9",
7070
"@react-spectrum/list": "^3.8.1",
7171
"@react-spectrum/listbox": "^3.13.1",
72-
"@react-spectrum/menu": "^3.20.2",
72+
"@react-spectrum/menu": "^3.20.3",
7373
"@react-spectrum/meter": "^3.5.3",
7474
"@react-spectrum/numberfield": "^3.9.5",
7575
"@react-spectrum/overlays": "^5.6.3",

packages/@react-aria/accordion/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@react-aria/accordion",
3-
"version": "3.0.0-alpha.32",
3+
"version": "3.0.0-alpha.33",
44
"description": "Spectrum UI components in React",
55
"license": "Apache-2.0",
66
"main": "dist/main.js",
@@ -23,7 +23,7 @@
2323
},
2424
"dependencies": {
2525
"@react-aria/button": "^3.9.8",
26-
"@react-aria/selection": "^3.19.2",
26+
"@react-aria/selection": "^3.19.3",
2727
"@react-aria/utils": "^3.25.2",
2828
"@react-stately/tree": "^3.8.4",
2929
"@react-types/accordion": "3.0.0-alpha.23",

packages/@react-aria/autocomplete/package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@react-aria/autocomplete",
3-
"version": "3.0.0-alpha.32",
3+
"version": "3.0.0-alpha.33",
44
"description": "Spectrum UI components in React",
55
"license": "Apache-2.0",
66
"main": "dist/main.js",
@@ -22,8 +22,8 @@
2222
"url": "https://github.com/adobe/react-spectrum"
2323
},
2424
"dependencies": {
25-
"@react-aria/combobox": "^3.10.2",
26-
"@react-aria/listbox": "^3.13.2",
25+
"@react-aria/combobox": "^3.10.3",
26+
"@react-aria/listbox": "^3.13.3",
2727
"@react-aria/searchfield": "^3.7.8",
2828
"@react-aria/utils": "^3.25.2",
2929
"@react-stately/combobox": "^3.9.2",

packages/@react-aria/color/docs/useColorField.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -108,7 +108,7 @@ The following examples show how to use the `ColorField` component created in the
108108
By default, `ColorField` is uncontrolled. You can set a default value using the `defaultValue` prop.
109109

110110
```tsx example
111-
<ColorField defaultValue="#7f007f" />
111+
<ColorField aria-label="Color" defaultValue="#7f007f" />
112112
```
113113

114114
### Controlled
@@ -124,7 +124,7 @@ function Example() {
124124
let [color, setColor] = React.useState(parseColor('#7f007f'));
125125
return (
126126
<>
127-
<ColorField value={color} onChange={setColor} />
127+
<ColorField aria-label="Color" value={color} onChange={setColor} />
128128
<p>Current color value: {color.toString('hex')}</p>
129129
</>
130130
);
@@ -137,8 +137,8 @@ A `ColorField` can be disabled using the `isDisabled` prop, and made read only u
137137
The difference is that read only color fields are focusable but disabled color fields are not.
138138

139139
```tsx example
140-
<ColorField defaultValue="#7f007f" isDisabled />
141-
<ColorField defaultValue="#7f007f" isReadOnly />
140+
<ColorField aria-label="Color" defaultValue="#7f007f" isDisabled />
141+
<ColorField aria-label="Color" defaultValue="#7f007f" isReadOnly />
142142
```
143143

144144
### HTML forms

packages/@react-aria/combobox/package.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@react-aria/combobox",
3-
"version": "3.10.2",
3+
"version": "3.10.3",
44
"description": "Spectrum UI components in React",
55
"license": "Apache-2.0",
66
"main": "dist/main.js",
@@ -23,11 +23,11 @@
2323
},
2424
"dependencies": {
2525
"@react-aria/i18n": "^3.12.2",
26-
"@react-aria/listbox": "^3.13.2",
26+
"@react-aria/listbox": "^3.13.3",
2727
"@react-aria/live-announcer": "^3.3.4",
28-
"@react-aria/menu": "^3.15.2",
28+
"@react-aria/menu": "^3.15.3",
2929
"@react-aria/overlays": "^3.23.2",
30-
"@react-aria/selection": "^3.19.2",
30+
"@react-aria/selection": "^3.19.3",
3131
"@react-aria/textfield": "^3.14.8",
3232
"@react-aria/utils": "^3.25.2",
3333
"@react-stately/collections": "^3.10.9",

packages/@react-aria/dnd/docs/useDraggableCollection.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -290,7 +290,7 @@ let getItems = (keys) => (
290290

291291
<ListBox aria-label="Adobe Apps" items={items} getItems={getItems} selectionMode="multiple">
292292
{([id, item]) => (
293-
<Item key={id}>
293+
<Item key={id} textValue={item.name}>
294294
<item.style>{item.name}</item.style>
295295
</Item>
296296
)}

packages/@react-aria/dnd/docs/useDroppableCollection.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -737,7 +737,7 @@ function Example() {
737737
onRootDrop={onRootDrop}
738738
onInsert={onInsert}>
739739
{item => (
740-
<Item>
740+
<Item textValue={item.name}>
741741
<div className="image-item">
742742
<img src={item.url} />
743743
<span>{item.name}</span>
@@ -813,7 +813,7 @@ function Example() {
813813
///- end highlight -///
814814
onRootDrop={onRootDrop}>
815815
{item => (
816-
<Item key={item.name}>
816+
<Item key={item.name} textValue={item.name}>
817817
<div className="dir-item">
818818
{item.kind === 'directory' ? <Folder /> : <File />}
819819
<span>{item.name}</span>
@@ -897,7 +897,7 @@ function Example() {
897897
acceptedDragTypes={['image/png']}
898898
onRootDrop={onRootDrop}>
899899
{item => (
900-
<Item>
900+
<Item textValue={item.name}>
901901
<div className="image-item">
902902
<img src={item.url} />
903903
<span>{item.name}</span>
@@ -1015,7 +1015,7 @@ function Example() {
10151015
getDropOperation={getDropOperation}
10161016
onDrop={onDrop}>
10171017
{item => (
1018-
<Item>
1018+
<Item textValue={item.name}>
10191019
<div className="dir-item">
10201020
<Folder />
10211021
<span>{item.name} ({item.contains} items)</span>

packages/@react-aria/grid/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@react-aria/grid",
3-
"version": "3.10.2",
3+
"version": "3.10.3",
44
"description": "Spectrum UI components in React",
55
"license": "Apache-2.0",
66
"main": "dist/main.js",
@@ -26,7 +26,7 @@
2626
"@react-aria/i18n": "^3.12.2",
2727
"@react-aria/interactions": "^3.22.2",
2828
"@react-aria/live-announcer": "^3.3.4",
29-
"@react-aria/selection": "^3.19.2",
29+
"@react-aria/selection": "^3.19.3",
3030
"@react-aria/utils": "^3.25.2",
3131
"@react-stately/collections": "^3.10.9",
3232
"@react-stately/grid": "^3.9.2",

packages/@react-aria/gridlist/docs/useGridList.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -375,7 +375,7 @@ function ExampleList(props) {
375375
return (
376376
<List aria-label="Example dynamic collection List" selectionMode="multiple" items={rows} {...props}>
377377
{item => (
378-
<Item>
378+
<Item textValue={item.name}>
379379
{item.name}
380380
<Button onPress={() => alert(`Info for ${item.name}...`)}>
381381
Info

0 commit comments

Comments
 (0)