@fluentui/react-select 9.0.0-beta.1 → 9.0.0-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +325 -1
- package/CHANGELOG.md +117 -2
- package/Spec.md +3 -8
- package/dist/index.d.ts +16 -7
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/Select/Select.types.js.map +1 -1
- package/lib/components/Select/renderSelect.js.map +1 -1
- package/lib/components/Select/useSelect.js +15 -6
- package/lib/components/Select/useSelect.js.map +1 -1
- package/lib/components/Select/useSelectStyles.js +71 -26
- package/lib/components/Select/useSelectStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/components/Select/Select.js.map +1 -1
- package/lib-commonjs/components/Select/renderSelect.js.map +1 -1
- package/lib-commonjs/components/Select/useSelect.js +14 -5
- package/lib-commonjs/components/Select/useSelect.js.map +1 -1
- package/lib-commonjs/components/Select/useSelectStyles.js +71 -26
- package/lib-commonjs/components/Select/useSelectStyles.js.map +1 -1
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +8 -8
- package/dist/tsdoc-metadata.json +0 -11
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,331 @@
|
|
|
2
2
|
"name": "@fluentui/react-select",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Thu,
|
|
5
|
+
"date": "Thu, 13 Oct 2022 10:59:37 GMT",
|
|
6
|
+
"tag": "@fluentui/react-select_v9.0.0-beta.11",
|
|
7
|
+
"version": "9.0.0-beta.11",
|
|
8
|
+
"comments": {
|
|
9
|
+
"prerelease": [
|
|
10
|
+
{
|
|
11
|
+
"author": "olfedias@microsoft.com",
|
|
12
|
+
"package": "@fluentui/react-select",
|
|
13
|
+
"commit": "1a527d440e0497ef8046b3ce240492241e7a04ac",
|
|
14
|
+
"comment": "chore: Update Griffel to latest version"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui/react-select",
|
|
19
|
+
"comment": "Bump @fluentui/react-utilities to v9.1.1",
|
|
20
|
+
"commit": "cd05c21e62ff37812d614330eb70f97fd978c97a"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui/react-select",
|
|
25
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.15",
|
|
26
|
+
"commit": "cd05c21e62ff37812d614330eb70f97fd978c97a"
|
|
27
|
+
}
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"date": "Tue, 20 Sep 2022 20:55:45 GMT",
|
|
33
|
+
"tag": "@fluentui/react-select_v9.0.0-beta.10",
|
|
34
|
+
"version": "9.0.0-beta.10",
|
|
35
|
+
"comments": {
|
|
36
|
+
"prerelease": [
|
|
37
|
+
{
|
|
38
|
+
"author": "beachball",
|
|
39
|
+
"package": "@fluentui/react-select",
|
|
40
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.14",
|
|
41
|
+
"commit": "4ceba844c804a2f49b0465389100e7a3dabf116e"
|
|
42
|
+
}
|
|
43
|
+
]
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"date": "Thu, 15 Sep 2022 09:49:20 GMT",
|
|
48
|
+
"tag": "@fluentui/react-select_v9.0.0-beta.9",
|
|
49
|
+
"version": "9.0.0-beta.9",
|
|
50
|
+
"comments": {
|
|
51
|
+
"none": [
|
|
52
|
+
{
|
|
53
|
+
"author": "martinhochel@microsoft.com",
|
|
54
|
+
"package": "@fluentui/react-select",
|
|
55
|
+
"commit": "e6cf183695d6d67a24e038c49a876224e5ed35e5",
|
|
56
|
+
"comment": "chore: update package scaffold"
|
|
57
|
+
}
|
|
58
|
+
],
|
|
59
|
+
"prerelease": [
|
|
60
|
+
{
|
|
61
|
+
"author": "olfedias@microsoft.com",
|
|
62
|
+
"package": "@fluentui/react-select",
|
|
63
|
+
"commit": "e610024474cfe5d45f61501a8b6a21daf4c794a2",
|
|
64
|
+
"comment": "chore: Update Griffel to latest version"
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"author": "beachball",
|
|
68
|
+
"package": "@fluentui/react-select",
|
|
69
|
+
"comment": "Bump @fluentui/react-theme to v9.1.0",
|
|
70
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"author": "beachball",
|
|
74
|
+
"package": "@fluentui/react-select",
|
|
75
|
+
"comment": "Bump @fluentui/react-utilities to v9.1.0",
|
|
76
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"author": "beachball",
|
|
80
|
+
"package": "@fluentui/react-select",
|
|
81
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.13",
|
|
82
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
83
|
+
}
|
|
84
|
+
]
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"date": "Wed, 03 Aug 2022 16:03:58 GMT",
|
|
89
|
+
"tag": "@fluentui/react-select_v9.0.0-beta.8",
|
|
90
|
+
"version": "9.0.0-beta.8",
|
|
91
|
+
"comments": {
|
|
92
|
+
"prerelease": [
|
|
93
|
+
{
|
|
94
|
+
"author": "sarah.higley@microsoft.com",
|
|
95
|
+
"package": "@fluentui/react-select",
|
|
96
|
+
"commit": "c66808887bcd7fd150c22eda462b325075742694",
|
|
97
|
+
"comment": "bugfix: add reduced motion styles for avatar, spinner, switch, and input focus styles"
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"author": "miroslav.stastny@microsoft.com",
|
|
101
|
+
"package": "@fluentui/react-select",
|
|
102
|
+
"commit": "08563664778fd80284561d3c9d254307a0a32362",
|
|
103
|
+
"comment": "chore: Bump Griffel dependencies"
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
"author": "beachball",
|
|
107
|
+
"package": "@fluentui/react-select",
|
|
108
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.12",
|
|
109
|
+
"commit": "ee4a8be0d0831a6615f878f98db6a97cc61a802d"
|
|
110
|
+
}
|
|
111
|
+
],
|
|
112
|
+
"none": [
|
|
113
|
+
{
|
|
114
|
+
"author": "popatudor@microsoft.com",
|
|
115
|
+
"package": "@fluentui/react-select",
|
|
116
|
+
"commit": "16c5ea573489dfd05921c6569dc3ac6c8da38a66",
|
|
117
|
+
"comment": "fix(docs): add Select usage warning and style best practices"
|
|
118
|
+
}
|
|
119
|
+
]
|
|
120
|
+
}
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"date": "Thu, 14 Jul 2022 21:21:03 GMT",
|
|
124
|
+
"tag": "@fluentui/react-select_v9.0.0-beta.7",
|
|
125
|
+
"version": "9.0.0-beta.7",
|
|
126
|
+
"comments": {
|
|
127
|
+
"prerelease": [
|
|
128
|
+
{
|
|
129
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
130
|
+
"package": "@fluentui/react-select",
|
|
131
|
+
"commit": "802bc4e3730a88b0fc61b5bf42ef7fc6b6543fe2",
|
|
132
|
+
"comment": "fix: Fixing bad version bump of @fluentui/react-utilities."
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
"author": "beachball",
|
|
136
|
+
"package": "@fluentui/react-select",
|
|
137
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.2",
|
|
138
|
+
"commit": "79b513146194367544160f364b0a7dd749ed93e4"
|
|
139
|
+
}
|
|
140
|
+
]
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
"date": "Thu, 14 Jul 2022 17:06:21 GMT",
|
|
145
|
+
"tag": "@fluentui/react-select_v9.0.0-beta.6",
|
|
146
|
+
"version": "9.0.0-beta.6",
|
|
147
|
+
"comments": {
|
|
148
|
+
"prerelease": [
|
|
149
|
+
{
|
|
150
|
+
"author": "ololubek@microsoft.com",
|
|
151
|
+
"package": "@fluentui/react-select",
|
|
152
|
+
"commit": "63ab03fa7a9b3d02204147ea5356b8f78751df42",
|
|
153
|
+
"comment": "chore: Update @fluentui/react-icons dependency to v2.0.175"
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
"author": "beachball",
|
|
157
|
+
"package": "@fluentui/react-select",
|
|
158
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.1-0",
|
|
159
|
+
"commit": "35237381e941c8935b1892c9217096cea3e5601f"
|
|
160
|
+
},
|
|
161
|
+
{
|
|
162
|
+
"author": "beachball",
|
|
163
|
+
"package": "@fluentui/react-select",
|
|
164
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.11",
|
|
165
|
+
"commit": "35237381e941c8935b1892c9217096cea3e5601f"
|
|
166
|
+
}
|
|
167
|
+
]
|
|
168
|
+
}
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
"date": "Tue, 28 Jun 2022 17:39:51 GMT",
|
|
172
|
+
"tag": "@fluentui/react-select_v9.0.0-beta.5",
|
|
173
|
+
"version": "9.0.0-beta.5",
|
|
174
|
+
"comments": {
|
|
175
|
+
"prerelease": [
|
|
176
|
+
{
|
|
177
|
+
"author": "lingfangao@hotmail.com",
|
|
178
|
+
"package": "@fluentui/react-select",
|
|
179
|
+
"commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b",
|
|
180
|
+
"comment": "fix: Use caret dependency range for Griffel"
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"author": "beachball",
|
|
184
|
+
"package": "@fluentui/react-select",
|
|
185
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.10",
|
|
186
|
+
"commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b"
|
|
187
|
+
}
|
|
188
|
+
]
|
|
189
|
+
}
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
"date": "Tue, 28 Jun 2022 15:13:55 GMT",
|
|
193
|
+
"tag": "@fluentui/react-select_v9.0.0-beta.4",
|
|
194
|
+
"version": "9.0.0-beta.4",
|
|
195
|
+
"comments": {
|
|
196
|
+
"prerelease": [
|
|
197
|
+
{
|
|
198
|
+
"author": "lingfangao@hotmail.com",
|
|
199
|
+
"package": "@fluentui/react-select",
|
|
200
|
+
"commit": "e0aabd850b15adf9c151ebd4e332f7c50ad6cfdf",
|
|
201
|
+
"comment": "Update 9.0.0-rc dependencies to use caret range"
|
|
202
|
+
},
|
|
203
|
+
{
|
|
204
|
+
"author": "sarah.higley@microsoft.com",
|
|
205
|
+
"package": "@fluentui/react-select",
|
|
206
|
+
"commit": "81a5050ea49ca9dfe6eff602d3e680901ce39254",
|
|
207
|
+
"comment": "export change data type from select"
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"author": "olfedias@microsoft.com",
|
|
211
|
+
"package": "@fluentui/react-select",
|
|
212
|
+
"commit": "aa6ff59c3664e5e29402debcc1a4d4a65a8e65c1",
|
|
213
|
+
"comment": "fix: handle \"defaultValue\""
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
"author": "lingfangao@hotmail.com",
|
|
217
|
+
"package": "@fluentui/react-select",
|
|
218
|
+
"commit": "675acea49c97f10837ddee9b8c4350ca27750125",
|
|
219
|
+
"comment": "Bump Griffel dependencies"
|
|
220
|
+
},
|
|
221
|
+
{
|
|
222
|
+
"author": "olfedias@microsoft.com",
|
|
223
|
+
"package": "@fluentui/react-select",
|
|
224
|
+
"commit": "82bd30dd41ad58df1f325e9b721200ed15d674a2",
|
|
225
|
+
"comment": "chore: Update @fluentui/react-icons to latest version"
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
229
|
+
"package": "@fluentui/react-select",
|
|
230
|
+
"commit": "09f58dcbef2306875046261dc0b7821283ccc287",
|
|
231
|
+
"comment": "chore: Using ::before and ::after instead of :before and :after."
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
"author": "sarah.higley@microsoft.com",
|
|
235
|
+
"package": "@fluentui/react-select",
|
|
236
|
+
"commit": "66dc6e9684baf35e7930622e1f3accdb51ba8516",
|
|
237
|
+
"comment": "add custom onChange with value data to react-select"
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
"author": "sarah.higley@microsoft.com",
|
|
241
|
+
"package": "@fluentui/react-select",
|
|
242
|
+
"commit": "0d4794d3924d648c788993e087a48dd45fe10a1b",
|
|
243
|
+
"comment": "Remove inline prop from Select"
|
|
244
|
+
},
|
|
245
|
+
{
|
|
246
|
+
"author": "beachball",
|
|
247
|
+
"package": "@fluentui/react-select",
|
|
248
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0",
|
|
249
|
+
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
|
250
|
+
},
|
|
251
|
+
{
|
|
252
|
+
"author": "beachball",
|
|
253
|
+
"package": "@fluentui/react-select",
|
|
254
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0",
|
|
255
|
+
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
|
256
|
+
},
|
|
257
|
+
{
|
|
258
|
+
"author": "beachball",
|
|
259
|
+
"package": "@fluentui/react-select",
|
|
260
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.9",
|
|
261
|
+
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
|
262
|
+
}
|
|
263
|
+
],
|
|
264
|
+
"none": [
|
|
265
|
+
{
|
|
266
|
+
"author": "mgodbolt@microsoft.com",
|
|
267
|
+
"package": "@fluentui/react-select",
|
|
268
|
+
"commit": "e4c4cd20632f733df2985f5a68033181ccc031c4",
|
|
269
|
+
"comment": "chore: update select stories to use index based approach"
|
|
270
|
+
}
|
|
271
|
+
]
|
|
272
|
+
}
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
"date": "Thu, 23 Jun 2022 14:25:31 GMT",
|
|
276
|
+
"tag": "@fluentui/react-select_v9.0.0-beta.3",
|
|
277
|
+
"version": "9.0.0-beta.3",
|
|
278
|
+
"comments": {
|
|
279
|
+
"prerelease": [
|
|
280
|
+
{
|
|
281
|
+
"author": "beachball",
|
|
282
|
+
"package": "@fluentui/react-select",
|
|
283
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.10",
|
|
284
|
+
"commit": "b00790b7a0ea1473d8c3cc49c7ca0088002957ed"
|
|
285
|
+
}
|
|
286
|
+
]
|
|
287
|
+
}
|
|
288
|
+
},
|
|
289
|
+
{
|
|
290
|
+
"date": "Tue, 31 May 2022 21:28:44 GMT",
|
|
291
|
+
"tag": "@fluentui/react-select_v9.0.0-beta.2",
|
|
292
|
+
"version": "9.0.0-beta.2",
|
|
293
|
+
"comments": {
|
|
294
|
+
"prerelease": [
|
|
295
|
+
{
|
|
296
|
+
"author": "sarah.higley@microsoft.com",
|
|
297
|
+
"package": "@fluentui/react-select",
|
|
298
|
+
"commit": "969708ea8759adeceb51f3d60a401989ceb2a9b4",
|
|
299
|
+
"comment": "update disabled select style"
|
|
300
|
+
},
|
|
301
|
+
{
|
|
302
|
+
"author": "olfedias@microsoft.com",
|
|
303
|
+
"package": "@fluentui/react-select",
|
|
304
|
+
"commit": "0a5e9fa77a72eecafdd07034ccdc0b95fd49877c",
|
|
305
|
+
"comment": "chore: Update Griffel to latest version"
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
"author": "tristan.watanabe@gmail.com",
|
|
309
|
+
"package": "@fluentui/react-select",
|
|
310
|
+
"commit": "45f628f2adb838d206f374887217ea8fc8e0e433",
|
|
311
|
+
"comment": "Remove usage of focus-visible pseudo-class."
|
|
312
|
+
},
|
|
313
|
+
{
|
|
314
|
+
"author": "beachball",
|
|
315
|
+
"package": "@fluentui/react-select",
|
|
316
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.10",
|
|
317
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
318
|
+
},
|
|
319
|
+
{
|
|
320
|
+
"author": "beachball",
|
|
321
|
+
"package": "@fluentui/react-select",
|
|
322
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.8",
|
|
323
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
324
|
+
}
|
|
325
|
+
]
|
|
326
|
+
}
|
|
327
|
+
},
|
|
328
|
+
{
|
|
329
|
+
"date": "Thu, 26 May 2022 21:01:28 GMT",
|
|
6
330
|
"tag": "@fluentui/react-select_v9.0.0-beta.1",
|
|
7
331
|
"version": "9.0.0-beta.1",
|
|
8
332
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,127 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-select
|
|
2
2
|
|
|
3
|
-
This log was last generated on Thu,
|
|
3
|
+
This log was last generated on Thu, 13 Oct 2022 10:59:37 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.0-beta.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.11)
|
|
8
|
+
|
|
9
|
+
Thu, 13 Oct 2022 10:59:37 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.0.0-beta.10..@fluentui/react-select_v9.0.0-beta.11)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- chore: Update Griffel to latest version ([PR #25075](https://github.com/microsoft/fluentui/pull/25075) by olfedias@microsoft.com)
|
|
15
|
+
- Bump @fluentui/react-utilities to v9.1.1 ([PR #25181](https://github.com/microsoft/fluentui/pull/25181) by beachball)
|
|
16
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.15 ([PR #25181](https://github.com/microsoft/fluentui/pull/25181) by beachball)
|
|
17
|
+
|
|
18
|
+
## [9.0.0-beta.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.10)
|
|
19
|
+
|
|
20
|
+
Tue, 20 Sep 2022 20:55:45 GMT
|
|
21
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.0.0-beta.9..@fluentui/react-select_v9.0.0-beta.10)
|
|
22
|
+
|
|
23
|
+
### Changes
|
|
24
|
+
|
|
25
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.14 ([PR #24869](https://github.com/microsoft/fluentui/pull/24869) by beachball)
|
|
26
|
+
|
|
27
|
+
## [9.0.0-beta.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.9)
|
|
28
|
+
|
|
29
|
+
Thu, 15 Sep 2022 09:49:20 GMT
|
|
30
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.0.0-beta.8..@fluentui/react-select_v9.0.0-beta.9)
|
|
31
|
+
|
|
32
|
+
### Changes
|
|
33
|
+
|
|
34
|
+
- chore: Update Griffel to latest version ([PR #24221](https://github.com/microsoft/fluentui/pull/24221) by olfedias@microsoft.com)
|
|
35
|
+
- Bump @fluentui/react-theme to v9.1.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
36
|
+
- Bump @fluentui/react-utilities to v9.1.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
37
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.13 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
38
|
+
|
|
39
|
+
## [9.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.8)
|
|
40
|
+
|
|
41
|
+
Wed, 03 Aug 2022 16:03:58 GMT
|
|
42
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.0.0-beta.7..@fluentui/react-select_v9.0.0-beta.8)
|
|
43
|
+
|
|
44
|
+
### Changes
|
|
45
|
+
|
|
46
|
+
- bugfix: add reduced motion styles for avatar, spinner, switch, and input focus styles ([PR #23788](https://github.com/microsoft/fluentui/pull/23788) by sarah.higley@microsoft.com)
|
|
47
|
+
- chore: Bump Griffel dependencies ([PR #24114](https://github.com/microsoft/fluentui/pull/24114) by miroslav.stastny@microsoft.com)
|
|
48
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.12 ([PR #24131](https://github.com/microsoft/fluentui/pull/24131) by beachball)
|
|
49
|
+
|
|
50
|
+
## [9.0.0-beta.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.7)
|
|
51
|
+
|
|
52
|
+
Thu, 14 Jul 2022 21:21:03 GMT
|
|
53
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.0.0-beta.6..@fluentui/react-select_v9.0.0-beta.7)
|
|
54
|
+
|
|
55
|
+
### Changes
|
|
56
|
+
|
|
57
|
+
- fix: Fixing bad version bump of @fluentui/react-utilities. ([PR #23920](https://github.com/microsoft/fluentui/pull/23920) by Humberto.Morimoto@microsoft.com)
|
|
58
|
+
- Bump @fluentui/react-utilities to v9.0.2 ([PR #23918](https://github.com/microsoft/fluentui/pull/23918) by beachball)
|
|
59
|
+
|
|
60
|
+
## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.6)
|
|
61
|
+
|
|
62
|
+
Thu, 14 Jul 2022 17:06:21 GMT
|
|
63
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.0.0-beta.5..@fluentui/react-select_v9.0.0-beta.6)
|
|
64
|
+
|
|
65
|
+
### Changes
|
|
66
|
+
|
|
67
|
+
- chore: Update @fluentui/react-icons dependency to v2.0.175 ([PR #23812](https://github.com/microsoft/fluentui/pull/23812) by ololubek@microsoft.com)
|
|
68
|
+
- Bump @fluentui/react-utilities to v9.0.1-0 ([PR #23897](https://github.com/microsoft/fluentui/pull/23897) by beachball)
|
|
69
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.11 ([PR #23897](https://github.com/microsoft/fluentui/pull/23897) by beachball)
|
|
70
|
+
|
|
71
|
+
## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.5)
|
|
72
|
+
|
|
73
|
+
Tue, 28 Jun 2022 17:39:51 GMT
|
|
74
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.0.0-beta.4..@fluentui/react-select_v9.0.0-beta.5)
|
|
75
|
+
|
|
76
|
+
### Changes
|
|
77
|
+
|
|
78
|
+
- fix: Use caret dependency range for Griffel ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by lingfangao@hotmail.com)
|
|
79
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.10 ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by beachball)
|
|
80
|
+
|
|
81
|
+
## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.4)
|
|
82
|
+
|
|
83
|
+
Tue, 28 Jun 2022 15:13:55 GMT
|
|
84
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.0.0-beta.3..@fluentui/react-select_v9.0.0-beta.4)
|
|
85
|
+
|
|
86
|
+
### Changes
|
|
87
|
+
|
|
88
|
+
- Update 9.0.0-rc dependencies to use caret range ([PR #23732](https://github.com/microsoft/fluentui/pull/23732) by lingfangao@hotmail.com)
|
|
89
|
+
- export change data type from select ([PR #23701](https://github.com/microsoft/fluentui/pull/23701) by sarah.higley@microsoft.com)
|
|
90
|
+
- fix: handle "defaultValue" ([PR #23463](https://github.com/microsoft/fluentui/pull/23463) by olfedias@microsoft.com)
|
|
91
|
+
- Bump Griffel dependencies ([PR #23688](https://github.com/microsoft/fluentui/pull/23688) by lingfangao@hotmail.com)
|
|
92
|
+
- chore: Update @fluentui/react-icons to latest version ([PR #23459](https://github.com/microsoft/fluentui/pull/23459) by olfedias@microsoft.com)
|
|
93
|
+
- chore: Using ::before and ::after instead of :before and :after. ([PR #23469](https://github.com/microsoft/fluentui/pull/23469) by Humberto.Morimoto@microsoft.com)
|
|
94
|
+
- add custom onChange with value data to react-select ([PR #23399](https://github.com/microsoft/fluentui/pull/23399) by sarah.higley@microsoft.com)
|
|
95
|
+
- Remove inline prop from Select ([PR #23416](https://github.com/microsoft/fluentui/pull/23416) by sarah.higley@microsoft.com)
|
|
96
|
+
- Bump @fluentui/react-theme to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
|
|
97
|
+
- Bump @fluentui/react-utilities to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
|
|
98
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.9 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
|
|
99
|
+
|
|
100
|
+
## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.3)
|
|
101
|
+
|
|
102
|
+
Thu, 23 Jun 2022 14:25:31 GMT
|
|
103
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.0.0-beta.2..@fluentui/react-select_v9.0.0-beta.3)
|
|
104
|
+
|
|
105
|
+
### Changes
|
|
106
|
+
|
|
107
|
+
- Bump @fluentui/react-theme to v9.0.0-rc.10 ([PR #23608](https://github.com/microsoft/fluentui/pull/23608) by beachball)
|
|
108
|
+
|
|
109
|
+
## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.2)
|
|
110
|
+
|
|
111
|
+
Tue, 31 May 2022 21:28:44 GMT
|
|
112
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.0.0-beta.1..@fluentui/react-select_v9.0.0-beta.2)
|
|
113
|
+
|
|
114
|
+
### Changes
|
|
115
|
+
|
|
116
|
+
- update disabled select style ([PR #23265](https://github.com/microsoft/fluentui/pull/23265) by sarah.higley@microsoft.com)
|
|
117
|
+
- chore: Update Griffel to latest version ([PR #23275](https://github.com/microsoft/fluentui/pull/23275) by olfedias@microsoft.com)
|
|
118
|
+
- Remove usage of focus-visible pseudo-class. ([PR #23282](https://github.com/microsoft/fluentui/pull/23282) by tristan.watanabe@gmail.com)
|
|
119
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
|
120
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.8 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
|
121
|
+
|
|
7
122
|
## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.1)
|
|
8
123
|
|
|
9
|
-
Thu, 26 May 2022 21:
|
|
124
|
+
Thu, 26 May 2022 21:01:28 GMT
|
|
10
125
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.0.0-beta.0..@fluentui/react-select_v9.0.0-beta.1)
|
|
11
126
|
|
|
12
127
|
### Changes
|
package/Spec.md
CHANGED
|
@@ -81,11 +81,11 @@ Select with grouped options:
|
|
|
81
81
|
</Select>
|
|
82
82
|
```
|
|
83
83
|
|
|
84
|
-
|
|
84
|
+
Select with appearance and size set:
|
|
85
85
|
|
|
86
86
|
```tsx
|
|
87
87
|
<label htmlFor="selectID">Choose a color</label>
|
|
88
|
-
<Select id="selectID" appearance="filledDarker" size="small"
|
|
88
|
+
<Select id="selectID" appearance="filledDarker" size="small">
|
|
89
89
|
<option>Red</option>
|
|
90
90
|
<option>Green</option>
|
|
91
91
|
<option>Blue</option>
|
|
@@ -105,11 +105,6 @@ Disabled Select with second option selected:
|
|
|
105
105
|
|
|
106
106
|
## Variants
|
|
107
107
|
|
|
108
|
-
### Layout
|
|
109
|
-
|
|
110
|
-
- Block (default)
|
|
111
|
-
- Inline
|
|
112
|
-
|
|
113
108
|
### Size
|
|
114
109
|
|
|
115
110
|
- Small
|
|
@@ -219,7 +214,7 @@ The Select component is a new approach that was not present in `@fluentui/react`
|
|
|
219
214
|
| n/a | headerMessage | optgroup child with `name` |
|
|
220
215
|
| n/a | highlightFirstItemOnOpen | n/a |
|
|
221
216
|
| n/a | highlightedIndex | n/a |
|
|
222
|
-
| n/a | inline |
|
|
217
|
+
| n/a | inline | use custom styles |
|
|
223
218
|
| n/a | inverted | n/a |
|
|
224
219
|
| n/a | loading | n/a |
|
|
225
220
|
| n/a | noResultsMessage | use children |
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
|
|
1
3
|
import type { ComponentProps } from '@fluentui/react-utilities';
|
|
2
4
|
import type { ComponentState } from '@fluentui/react-utilities';
|
|
3
5
|
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
@@ -17,7 +19,17 @@ export declare const Select: ForwardRefComponent<SelectProps>;
|
|
|
17
19
|
|
|
18
20
|
export declare const selectClassNames: SlotClassNames<SelectSlots>;
|
|
19
21
|
|
|
20
|
-
|
|
22
|
+
/**
|
|
23
|
+
* Data passed to the `onChange` callback when a new option is selected.
|
|
24
|
+
*/
|
|
25
|
+
export declare type SelectOnChangeData = {
|
|
26
|
+
/**
|
|
27
|
+
* Updated `<select>` value, taken from either the selected option's value prop or inner text.
|
|
28
|
+
*/
|
|
29
|
+
value: string;
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
export declare type SelectProps = Omit<ComponentProps<Partial<SelectSlots>, 'select'>, 'size' | 'onChange'> & {
|
|
21
33
|
/**
|
|
22
34
|
* Controls the colors and borders of the Select.
|
|
23
35
|
*
|
|
@@ -25,12 +37,9 @@ export declare type SelectProps = Omit<ComponentProps<Partial<SelectSlots>, 'sel
|
|
|
25
37
|
*/
|
|
26
38
|
appearance?: 'outline' | 'underline' | 'filled-darker' | 'filled-lighter';
|
|
27
39
|
/**
|
|
28
|
-
*
|
|
29
|
-
* By default, Select has block layout.
|
|
30
|
-
*
|
|
31
|
-
* @default false
|
|
40
|
+
* Called when the user changes the select element's value by selecting an option.
|
|
32
41
|
*/
|
|
33
|
-
|
|
42
|
+
onChange?: (ev: React_2.ChangeEvent<HTMLSelectElement>, data: SelectOnChangeData) => void;
|
|
34
43
|
/**
|
|
35
44
|
* Matches the Input sizes
|
|
36
45
|
*
|
|
@@ -47,7 +56,7 @@ export declare type SelectSlots = {
|
|
|
47
56
|
icon: Slot<'span'>;
|
|
48
57
|
};
|
|
49
58
|
|
|
50
|
-
export declare type SelectState = ComponentState<SelectSlots> & Required<Pick<SelectProps, 'appearance' | '
|
|
59
|
+
export declare type SelectState = ComponentState<SelectSlots> & Required<Pick<SelectProps, 'appearance' | 'size'>>;
|
|
51
60
|
|
|
52
61
|
/**
|
|
53
62
|
* Create the state required to render Select.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,kBAAT,QAAmC,aAAnC;AACA,SAAS,qBAAT,QAAsC,gBAAtC;AACA,SAAS,wBAAT,QAAyC,mBAAzC;AAIA;;AAEG;;AACH,OAAO,MAAM,MAAM,gBAAqC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;
|
|
1
|
+
{"version":3,"sources":["components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,kBAAT,QAAmC,aAAnC;AACA,SAAS,qBAAT,QAAsC,gBAAtC;AACA,SAAS,wBAAT,QAAyC,mBAAzC;AAIA;;AAEG;;AACH,OAAO,MAAM,MAAM,gBAAqC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EACtF,MAAM,KAAK,GAAG,kBAAkB,CAAC,KAAD,EAAQ,GAAR,CAAhC;EAEA,wBAAwB,CAAC,KAAD,CAAxB;EACA,OAAO,qBAAqB,CAAC,KAAD,CAA5B;AACD,CALuD,CAAjD;AAOP,MAAM,CAAC,WAAP,GAAqB,QAArB","sourcesContent":["import * as React from 'react';\nimport { useSelect_unstable } from './useSelect';\nimport { renderSelect_unstable } from './renderSelect';\nimport { useSelectStyles_unstable } from './useSelectStyles';\nimport type { SelectProps } from './Select.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Select component\n */\nexport const Select: ForwardRefComponent<SelectProps> = React.forwardRef((props, ref) => {\n const state = useSelect_unstable(props, ref);\n\n useSelectStyles_unstable(state);\n return renderSelect_unstable(state);\n});\n\nSelect.displayName = 'Select';\n"],"sourceRoot":"../src/"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.types.js","sourceRoot":"../src/","sources":["components/Select/Select.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type SelectSlots = {\n /*\n * Wrapper for both the select and icon, renders as a `<span>`.\n * The `className` and `style` props on `<Select>` are applied to this slot;\n * All other top-level props are applied to the primary slot, `select`.\n */\n root: NonNullable<Slot<'span'>>;\n\n /** Primary slot: the actual `<select>` element */\n select: NonNullable<Slot<'select'>>;\n\n /** the icon, typically a down arrow */\n icon: Slot<'span'>;\n};\n\nexport type SelectProps = Omit<ComponentProps<Partial<SelectSlots>, 'select'>, 'size'> & {\n /**\n * Controls the colors and borders of the Select.\n *\n * @default 'outline'\n */\n appearance?: 'outline' | 'underline' | 'filled-darker' | 'filled-lighter';\n\n /**\n *
|
|
1
|
+
{"version":3,"file":"Select.types.js","sourceRoot":"../src/","sources":["components/Select/Select.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type SelectSlots = {\n /*\n * Wrapper for both the select and icon, renders as a `<span>`.\n * The `className` and `style` props on `<Select>` are applied to this slot;\n * All other top-level props are applied to the primary slot, `select`.\n */\n root: NonNullable<Slot<'span'>>;\n\n /** Primary slot: the actual `<select>` element */\n select: NonNullable<Slot<'select'>>;\n\n /** the icon, typically a down arrow */\n icon: Slot<'span'>;\n};\n\nexport type SelectProps = Omit<ComponentProps<Partial<SelectSlots>, 'select'>, 'size' | 'onChange'> & {\n /**\n * Controls the colors and borders of the Select.\n *\n * @default 'outline'\n */\n appearance?: 'outline' | 'underline' | 'filled-darker' | 'filled-lighter';\n\n /**\n * Called when the user changes the select element's value by selecting an option.\n */\n onChange?: (ev: React.ChangeEvent<HTMLSelectElement>, data: SelectOnChangeData) => void;\n\n /**\n * Matches the Input sizes\n *\n * @default 'medium'\n */\n size?: 'small' | 'medium' | 'large';\n};\n\nexport type SelectState = ComponentState<SelectSlots> & Required<Pick<SelectProps, 'appearance' | 'size'>>;\n\n/**\n * Data passed to the `onChange` callback when a new option is selected.\n */\nexport type SelectOnChangeData = {\n /**\n * Updated `<select>` value, taken from either the selected option's value prop or inner text.\n */\n value: string;\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Select/renderSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,qBAAqB,GAAI,KAAD,IAAuB;
|
|
1
|
+
{"version":3,"sources":["components/Select/renderSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,qBAAqB,GAAI,KAAD,IAAuB;EAC1D,MAAM;IAAE,KAAF;IAAS;EAAT,IAAuB,QAAQ,CAAc,KAAd,CAArC;EACA,oBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;EAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;EAAf,CAAb,EAAqC,SAAS,CAAC,MAAV,CAAiB,QAAtD,CADF,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;EAAf,CAAX,CAFF,CADF;AAMD,CARM","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { SelectSlots, SelectState } from './Select.types';\n\n/**\n * Render the final JSX of Select\n */\nexport const renderSelect_unstable = (state: SelectState) => {\n const { slots, slotProps } = getSlots<SelectSlots>(state);\n return (\n <slots.root {...slotProps.root}>\n <slots.select {...slotProps.select}>{slotProps.select.children}</slots.select>\n <slots.icon {...slotProps.icon} />\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { getPartitionedNativeProps, resolveShorthand } from '@fluentui/react-utilities';
|
|
2
|
+
import { getPartitionedNativeProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';
|
|
3
3
|
import { ChevronDownRegular } from '@fluentui/react-icons';
|
|
4
4
|
/**
|
|
5
5
|
* Create the state required to render Select.
|
|
@@ -13,22 +13,23 @@ import { ChevronDownRegular } from '@fluentui/react-icons';
|
|
|
13
13
|
|
|
14
14
|
export const useSelect_unstable = (props, ref) => {
|
|
15
15
|
const {
|
|
16
|
+
defaultValue,
|
|
17
|
+
value,
|
|
16
18
|
select,
|
|
17
19
|
icon,
|
|
18
20
|
root,
|
|
19
|
-
size = 'medium',
|
|
20
21
|
appearance = 'outline',
|
|
21
|
-
|
|
22
|
+
onChange,
|
|
23
|
+
size = 'medium'
|
|
22
24
|
} = props;
|
|
23
25
|
const nativeProps = getPartitionedNativeProps({
|
|
24
26
|
props,
|
|
25
27
|
primarySlotTagName: 'select',
|
|
26
|
-
excludedPropNames: ['appearance', '
|
|
28
|
+
excludedPropNames: ['appearance', 'defaultValue', 'onChange', 'size', 'value']
|
|
27
29
|
});
|
|
28
|
-
|
|
30
|
+
const state = {
|
|
29
31
|
size,
|
|
30
32
|
appearance,
|
|
31
|
-
inline,
|
|
32
33
|
components: {
|
|
33
34
|
root: 'span',
|
|
34
35
|
select: 'select',
|
|
@@ -37,6 +38,8 @@ export const useSelect_unstable = (props, ref) => {
|
|
|
37
38
|
select: resolveShorthand(select, {
|
|
38
39
|
required: true,
|
|
39
40
|
defaultProps: {
|
|
41
|
+
defaultValue,
|
|
42
|
+
value,
|
|
40
43
|
ref,
|
|
41
44
|
...nativeProps.primary
|
|
42
45
|
}
|
|
@@ -52,5 +55,11 @@ export const useSelect_unstable = (props, ref) => {
|
|
|
52
55
|
defaultProps: nativeProps.root
|
|
53
56
|
})
|
|
54
57
|
};
|
|
58
|
+
state.select.onChange = useEventCallback(event => {
|
|
59
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(event, {
|
|
60
|
+
value: event.target.value
|
|
61
|
+
});
|
|
62
|
+
});
|
|
63
|
+
return state;
|
|
55
64
|
};
|
|
56
65
|
//# sourceMappingURL=useSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Select/useSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,yBAAT,EAAoC,gBAApC,
|
|
1
|
+
{"version":3,"sources":["components/Select/useSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,yBAAT,EAAoC,gBAApC,EAAsD,gBAAtD,QAA8E,2BAA9E;AACA,SAAS,kBAAT,QAAmC,uBAAnC;AAGA;;;;;;;;AAQG;;AACH,OAAO,MAAM,kBAAkB,GAAG,CAAC,KAAD,EAAqB,GAArB,KAAuE;EACvG,MAAM;IACJ,YADI;IAEJ,KAFI;IAGJ,MAHI;IAIJ,IAJI;IAKJ,IALI;IAMJ,UAAU,GAAG,SANT;IAQJ,QARI;IASJ,IAAI,GAAG;EATH,IAUF,KAVJ;EAYA,MAAM,WAAW,GAAG,yBAAyB,CAAC;IAC5C,KAD4C;IAE5C,kBAAkB,EAAE,QAFwB;IAG5C,iBAAiB,EAAE,CAAC,YAAD,EAAe,cAAf,EAA+B,UAA/B,EAA2C,MAA3C,EAAmD,OAAnD;EAHyB,CAAD,CAA7C;EAMA,MAAM,KAAK,GAAgB;IACzB,IADyB;IAEzB,UAFyB;IAGzB,UAAU,EAAE;MACV,IAAI,EAAE,MADI;MAEV,MAAM,EAAE,QAFE;MAGV,IAAI,EAAE;IAHI,CAHa;IAQzB,MAAM,EAAE,gBAAgB,CAAC,MAAD,EAAS;MAC/B,QAAQ,EAAE,IADqB;MAE/B,YAAY,EAAE;QACZ,YADY;QAEZ,KAFY;QAGZ,GAHY;QAIZ,GAAG,WAAW,CAAC;MAJH;IAFiB,CAAT,CARC;IAiBzB,IAAI,EAAE,gBAAgB,CAAC,IAAD,EAAO;MAC3B,QAAQ,EAAE,IADiB;MAE3B,YAAY,EAAE;QAAE,QAAQ,eAAE,KAAA,CAAA,aAAA,CAAC,kBAAD,EAAmB,IAAnB;MAAZ;IAFa,CAAP,CAjBG;IAqBzB,IAAI,EAAE,gBAAgB,CAAC,IAAD,EAAO;MAC3B,QAAQ,EAAE,IADiB;MAE3B,YAAY,EAAE,WAAW,CAAC;IAFC,CAAP;EArBG,CAA3B;EA2BA,KAAK,CAAC,MAAN,CAAa,QAAb,GAAwB,gBAAgB,CAAC,KAAK,IAAG;IAC/C,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAQ,KAAA,CAAR,GAAA,QAAQ,CAAG,KAAH,EAAU;MAAE,KAAK,EAAG,KAAK,CAAC,MAAN,CAAmC;IAA7C,CAAV,CAAR;EACD,CAFuC,CAAxC;EAIA,OAAO,KAAP;AACD,CAnDM","sourcesContent":["import * as React from 'react';\nimport { getPartitionedNativeProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport type { SelectProps, SelectState } from './Select.types';\n\n/**\n * Create the state required to render Select.\n *\n * The returned state can be modified with hooks such as useSelectStyles,\n * before being passed to renderSelect.\n *\n * @param props - props from this instance of Select\n * @param ref - reference to the `<select>` element in Select\n */\nexport const useSelect_unstable = (props: SelectProps, ref: React.Ref<HTMLSelectElement>): SelectState => {\n const {\n defaultValue,\n value,\n select,\n icon,\n root,\n appearance = 'outline',\n\n onChange,\n size = 'medium',\n } = props;\n\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: 'select',\n excludedPropNames: ['appearance', 'defaultValue', 'onChange', 'size', 'value'],\n });\n\n const state: SelectState = {\n size,\n appearance,\n components: {\n root: 'span',\n select: 'select',\n icon: 'span',\n },\n select: resolveShorthand(select, {\n required: true,\n defaultProps: {\n defaultValue,\n value,\n ref,\n ...nativeProps.primary,\n },\n }),\n icon: resolveShorthand(icon, {\n required: true,\n defaultProps: { children: <ChevronDownRegular /> },\n }),\n root: resolveShorthand(root, {\n required: true,\n defaultProps: nativeProps.root,\n }),\n };\n\n state.select.onChange = useEventCallback(event => {\n onChange?.(event, { value: (event.target as HTMLSelectElement).value });\n });\n\n return state;\n};\n"],"sourceRoot":"../src/"}
|