@khanacademy/wonder-blocks-accordion 3.0.6 → 3.1.0
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.md +197 -165
- package/LICENSE +21 -0
- package/dist/es/index.js +23 -48
- package/dist/index.js +39 -71
- package/package.json +11 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,408 +1,440 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-accordion
|
|
2
2
|
|
|
3
|
+
## 3.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- f03298f: Tooling:
|
|
8
|
+
|
|
9
|
+
- Switching to `pnpm`.
|
|
10
|
+
- Upgrading `rollup` to v4 and `@babel/runtime` to match the current webapp version.
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- 969864b: Update internal addStyle variable name to address aphrodite-add-style-variable-name linting rule
|
|
15
|
+
- bb2a026: pnpm: Switch to workspace protocol to handle dependency versions with changesets on monorepo setup"
|
|
16
|
+
- Updated dependencies [969864b]
|
|
17
|
+
- Updated dependencies [bb2a026]
|
|
18
|
+
- Updated dependencies [f03298f]
|
|
19
|
+
- @khanacademy/wonder-blocks-clickable@6.1.0
|
|
20
|
+
- @khanacademy/wonder-blocks-core@12.1.0
|
|
21
|
+
- @khanacademy/wonder-blocks-icon@5.1.0
|
|
22
|
+
- @khanacademy/wonder-blocks-typography@3.1.0
|
|
23
|
+
- @khanacademy/wonder-blocks-tokens@4.2.0
|
|
24
|
+
|
|
25
|
+
## 3.0.7
|
|
26
|
+
|
|
27
|
+
### Patch Changes
|
|
28
|
+
|
|
29
|
+
- Updated dependencies [0199324d]
|
|
30
|
+
- @khanacademy/wonder-blocks-clickable@6.0.0
|
|
31
|
+
- @khanacademy/wonder-blocks-core@12.0.0
|
|
32
|
+
- @khanacademy/wonder-blocks-icon@5.0.6
|
|
33
|
+
- @khanacademy/wonder-blocks-typography@3.0.6
|
|
34
|
+
|
|
3
35
|
## 3.0.6
|
|
4
36
|
|
|
5
37
|
### Patch Changes
|
|
6
38
|
|
|
7
|
-
-
|
|
39
|
+
- 7057fa7c: Replace `color` with `semanticColor` tokens
|
|
8
40
|
|
|
9
41
|
## 3.0.5
|
|
10
42
|
|
|
11
43
|
### Patch Changes
|
|
12
44
|
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
-
-
|
|
16
|
-
-
|
|
45
|
+
- Updated dependencies [8cfaeab0]
|
|
46
|
+
- Updated dependencies [c162abb4]
|
|
47
|
+
- @khanacademy/wonder-blocks-tokens@4.1.0
|
|
48
|
+
- @khanacademy/wonder-blocks-clickable@5.0.7
|
|
17
49
|
|
|
18
50
|
## 3.0.4
|
|
19
51
|
|
|
20
52
|
### Patch Changes
|
|
21
53
|
|
|
22
|
-
-
|
|
23
|
-
-
|
|
24
|
-
-
|
|
54
|
+
- Updated dependencies [0de25cd8]
|
|
55
|
+
- @khanacademy/wonder-blocks-tokens@4.0.0
|
|
56
|
+
- @khanacademy/wonder-blocks-clickable@5.0.6
|
|
25
57
|
|
|
26
58
|
## 3.0.3
|
|
27
59
|
|
|
28
60
|
### Patch Changes
|
|
29
61
|
|
|
30
|
-
-
|
|
31
|
-
-
|
|
32
|
-
-
|
|
33
|
-
-
|
|
34
|
-
-
|
|
62
|
+
- Updated dependencies [7516b239]
|
|
63
|
+
- @khanacademy/wonder-blocks-core@11.1.0
|
|
64
|
+
- @khanacademy/wonder-blocks-clickable@5.0.5
|
|
65
|
+
- @khanacademy/wonder-blocks-icon@5.0.5
|
|
66
|
+
- @khanacademy/wonder-blocks-typography@3.0.5
|
|
35
67
|
|
|
36
68
|
## 3.0.2
|
|
37
69
|
|
|
38
70
|
### Patch Changes
|
|
39
71
|
|
|
40
|
-
-
|
|
41
|
-
-
|
|
42
|
-
-
|
|
43
|
-
-
|
|
44
|
-
-
|
|
45
|
-
-
|
|
46
|
-
-
|
|
72
|
+
- 11a0f5c6: No functional changes. Adding prepublishOnly script.
|
|
73
|
+
- Updated dependencies [11a0f5c6]
|
|
74
|
+
- @khanacademy/wonder-blocks-typography@3.0.4
|
|
75
|
+
- @khanacademy/wonder-blocks-clickable@5.0.4
|
|
76
|
+
- @khanacademy/wonder-blocks-tokens@3.0.1
|
|
77
|
+
- @khanacademy/wonder-blocks-core@11.0.1
|
|
78
|
+
- @khanacademy/wonder-blocks-icon@5.0.4
|
|
47
79
|
|
|
48
80
|
## 3.0.1
|
|
49
81
|
|
|
50
82
|
### Patch Changes
|
|
51
83
|
|
|
52
|
-
-
|
|
53
|
-
-
|
|
54
|
-
-
|
|
55
|
-
-
|
|
56
|
-
-
|
|
84
|
+
- Updated dependencies [d23c9c5f]
|
|
85
|
+
- @khanacademy/wonder-blocks-core@11.0.0
|
|
86
|
+
- @khanacademy/wonder-blocks-clickable@5.0.3
|
|
87
|
+
- @khanacademy/wonder-blocks-icon@5.0.3
|
|
88
|
+
- @khanacademy/wonder-blocks-typography@3.0.3
|
|
57
89
|
|
|
58
90
|
## 3.0.0
|
|
59
91
|
|
|
60
92
|
### Major Changes
|
|
61
93
|
|
|
62
|
-
-
|
|
94
|
+
- 56d961f1: - Migrate Wonder Blocks components off old id providers and onto new `Id` component
|
|
63
95
|
|
|
64
96
|
### Patch Changes
|
|
65
97
|
|
|
66
|
-
-
|
|
67
|
-
-
|
|
68
|
-
-
|
|
69
|
-
-
|
|
70
|
-
-
|
|
71
|
-
-
|
|
72
|
-
-
|
|
73
|
-
-
|
|
98
|
+
- b6009b77: Deprecate the ID provider and unique ID utilities
|
|
99
|
+
- Updated dependencies [b6009b77]
|
|
100
|
+
- Updated dependencies [897686bc]
|
|
101
|
+
- Updated dependencies [56d961f1]
|
|
102
|
+
- @khanacademy/wonder-blocks-core@10.0.0
|
|
103
|
+
- @khanacademy/wonder-blocks-clickable@5.0.2
|
|
104
|
+
- @khanacademy/wonder-blocks-icon@5.0.2
|
|
105
|
+
- @khanacademy/wonder-blocks-typography@3.0.2
|
|
74
106
|
|
|
75
107
|
## 2.0.1
|
|
76
108
|
|
|
77
109
|
### Patch Changes
|
|
78
110
|
|
|
79
|
-
-
|
|
80
|
-
-
|
|
81
|
-
-
|
|
82
|
-
-
|
|
83
|
-
-
|
|
111
|
+
- Updated dependencies [f4abd572]
|
|
112
|
+
- @khanacademy/wonder-blocks-core@9.0.0
|
|
113
|
+
- @khanacademy/wonder-blocks-clickable@5.0.1
|
|
114
|
+
- @khanacademy/wonder-blocks-icon@5.0.1
|
|
115
|
+
- @khanacademy/wonder-blocks-typography@3.0.1
|
|
84
116
|
|
|
85
117
|
## 2.0.0
|
|
86
118
|
|
|
87
119
|
### Major Changes
|
|
88
120
|
|
|
89
|
-
-
|
|
121
|
+
- e6abdd17: Upgrade to React 18
|
|
90
122
|
|
|
91
123
|
### Patch Changes
|
|
92
124
|
|
|
93
|
-
-
|
|
94
|
-
-
|
|
95
|
-
-
|
|
96
|
-
-
|
|
97
|
-
-
|
|
98
|
-
-
|
|
125
|
+
- Updated dependencies [e6abdd17]
|
|
126
|
+
- @khanacademy/wonder-blocks-core@8.0.0
|
|
127
|
+
- @khanacademy/wonder-blocks-clickable@5.0.0
|
|
128
|
+
- @khanacademy/wonder-blocks-icon@5.0.0
|
|
129
|
+
- @khanacademy/wonder-blocks-tokens@3.0.0
|
|
130
|
+
- @khanacademy/wonder-blocks-typography@3.0.0
|
|
99
131
|
|
|
100
132
|
## 1.3.10
|
|
101
133
|
|
|
102
134
|
### Patch Changes
|
|
103
135
|
|
|
104
|
-
-
|
|
105
|
-
-
|
|
136
|
+
- Updated dependencies [c1110599]
|
|
137
|
+
- @khanacademy/wonder-blocks-icon@4.2.0
|
|
106
138
|
|
|
107
139
|
## 1.3.9
|
|
108
140
|
|
|
109
141
|
### Patch Changes
|
|
110
142
|
|
|
111
|
-
-
|
|
112
|
-
-
|
|
113
|
-
-
|
|
143
|
+
- Updated dependencies [6999fd39]
|
|
144
|
+
- @khanacademy/wonder-blocks-tokens@2.1.0
|
|
145
|
+
- @khanacademy/wonder-blocks-clickable@4.2.9
|
|
114
146
|
|
|
115
147
|
## 1.3.8
|
|
116
148
|
|
|
117
149
|
### Patch Changes
|
|
118
150
|
|
|
119
|
-
-
|
|
120
|
-
-
|
|
121
|
-
-
|
|
122
|
-
-
|
|
123
|
-
-
|
|
124
|
-
-
|
|
125
|
-
-
|
|
151
|
+
- 02a1b298: Make sure we don't package tsconfig and tsbuildinfo files
|
|
152
|
+
- Updated dependencies [02a1b298]
|
|
153
|
+
- @khanacademy/wonder-blocks-clickable@4.2.8
|
|
154
|
+
- @khanacademy/wonder-blocks-core@7.0.1
|
|
155
|
+
- @khanacademy/wonder-blocks-icon@4.1.5
|
|
156
|
+
- @khanacademy/wonder-blocks-tokens@2.0.1
|
|
157
|
+
- @khanacademy/wonder-blocks-typography@2.1.16
|
|
126
158
|
|
|
127
159
|
## 1.3.7
|
|
128
160
|
|
|
129
161
|
### Patch Changes
|
|
130
162
|
|
|
131
|
-
-
|
|
132
|
-
-
|
|
133
|
-
-
|
|
134
|
-
-
|
|
135
|
-
-
|
|
163
|
+
- Updated dependencies [07f7f407]
|
|
164
|
+
- @khanacademy/wonder-blocks-core@7.0.0
|
|
165
|
+
- @khanacademy/wonder-blocks-clickable@4.2.7
|
|
166
|
+
- @khanacademy/wonder-blocks-icon@4.1.4
|
|
167
|
+
- @khanacademy/wonder-blocks-typography@2.1.15
|
|
136
168
|
|
|
137
169
|
## 1.3.6
|
|
138
170
|
|
|
139
171
|
### Patch Changes
|
|
140
172
|
|
|
141
|
-
-
|
|
142
|
-
-
|
|
143
|
-
-
|
|
144
|
-
-
|
|
173
|
+
- Updated dependencies [f17dc1ee]
|
|
174
|
+
- Updated dependencies [991eb43f]
|
|
175
|
+
- @khanacademy/wonder-blocks-tokens@2.0.0
|
|
176
|
+
- @khanacademy/wonder-blocks-clickable@4.2.6
|
|
145
177
|
|
|
146
178
|
## 1.3.5
|
|
147
179
|
|
|
148
180
|
### Patch Changes
|
|
149
181
|
|
|
150
|
-
-
|
|
151
|
-
-
|
|
152
|
-
-
|
|
153
|
-
-
|
|
154
|
-
-
|
|
155
|
-
-
|
|
156
|
-
-
|
|
182
|
+
- 559e82d5: Update to build tooling, generating smaller output
|
|
183
|
+
- Updated dependencies [559e82d5]
|
|
184
|
+
- @khanacademy/wonder-blocks-clickable@4.2.5
|
|
185
|
+
- @khanacademy/wonder-blocks-core@6.4.3
|
|
186
|
+
- @khanacademy/wonder-blocks-icon@4.1.3
|
|
187
|
+
- @khanacademy/wonder-blocks-tokens@1.3.1
|
|
188
|
+
- @khanacademy/wonder-blocks-typography@2.1.14
|
|
157
189
|
|
|
158
190
|
## 1.3.4
|
|
159
191
|
|
|
160
192
|
### Patch Changes
|
|
161
193
|
|
|
162
|
-
-
|
|
163
|
-
-
|
|
164
|
-
-
|
|
165
|
-
-
|
|
166
|
-
-
|
|
194
|
+
- Updated dependencies [eab37b8b]
|
|
195
|
+
- @khanacademy/wonder-blocks-core@6.4.2
|
|
196
|
+
- @khanacademy/wonder-blocks-clickable@4.2.4
|
|
197
|
+
- @khanacademy/wonder-blocks-icon@4.1.2
|
|
198
|
+
- @khanacademy/wonder-blocks-typography@2.1.13
|
|
167
199
|
|
|
168
200
|
## 1.3.3
|
|
169
201
|
|
|
170
202
|
### Patch Changes
|
|
171
203
|
|
|
172
|
-
-
|
|
173
|
-
-
|
|
204
|
+
- Updated dependencies [f099cf87]
|
|
205
|
+
- @khanacademy/wonder-blocks-clickable@4.2.3
|
|
174
206
|
|
|
175
207
|
## 1.3.2
|
|
176
208
|
|
|
177
209
|
### Patch Changes
|
|
178
210
|
|
|
179
|
-
-
|
|
180
|
-
-
|
|
181
|
-
-
|
|
182
|
-
-
|
|
183
|
-
-
|
|
211
|
+
- Updated dependencies [5dfac06e]
|
|
212
|
+
- @khanacademy/wonder-blocks-core@6.4.1
|
|
213
|
+
- @khanacademy/wonder-blocks-clickable@4.2.2
|
|
214
|
+
- @khanacademy/wonder-blocks-icon@4.1.1
|
|
215
|
+
- @khanacademy/wonder-blocks-typography@2.1.12
|
|
184
216
|
|
|
185
217
|
## 1.3.1
|
|
186
218
|
|
|
187
219
|
### Patch Changes
|
|
188
220
|
|
|
189
|
-
-
|
|
190
|
-
-
|
|
191
|
-
-
|
|
221
|
+
- Updated dependencies [9bfeead9]
|
|
222
|
+
- @khanacademy/wonder-blocks-tokens@1.3.0
|
|
223
|
+
- @khanacademy/wonder-blocks-clickable@4.2.1
|
|
192
224
|
|
|
193
225
|
## 1.3.0
|
|
194
226
|
|
|
195
227
|
### Minor Changes
|
|
196
228
|
|
|
197
|
-
-
|
|
229
|
+
- 58075352: Change testId to render the default Testing Library HTML attribute: data-testid (was data-test-id)
|
|
198
230
|
|
|
199
231
|
### Patch Changes
|
|
200
232
|
|
|
201
|
-
-
|
|
202
|
-
-
|
|
203
|
-
-
|
|
204
|
-
-
|
|
205
|
-
-
|
|
233
|
+
- Updated dependencies [58075352]
|
|
234
|
+
- @khanacademy/wonder-blocks-clickable@4.2.0
|
|
235
|
+
- @khanacademy/wonder-blocks-core@6.4.0
|
|
236
|
+
- @khanacademy/wonder-blocks-icon@4.1.0
|
|
237
|
+
- @khanacademy/wonder-blocks-typography@2.1.11
|
|
206
238
|
|
|
207
239
|
## 1.2.16
|
|
208
240
|
|
|
209
241
|
### Patch Changes
|
|
210
242
|
|
|
211
|
-
-
|
|
212
|
-
-
|
|
213
|
-
-
|
|
214
|
-
-
|
|
215
|
-
-
|
|
243
|
+
- Updated dependencies [874081aa]
|
|
244
|
+
- Updated dependencies [874081aa]
|
|
245
|
+
- Updated dependencies [a9bf603a]
|
|
246
|
+
- @khanacademy/wonder-blocks-tokens@1.2.0
|
|
247
|
+
- @khanacademy/wonder-blocks-clickable@4.1.3
|
|
216
248
|
|
|
217
249
|
## 1.2.15
|
|
218
250
|
|
|
219
251
|
### Patch Changes
|
|
220
252
|
|
|
221
|
-
-
|
|
222
|
-
-
|
|
253
|
+
- Updated dependencies [e6433bee]
|
|
254
|
+
- @khanacademy/wonder-blocks-clickable@4.1.2
|
|
223
255
|
|
|
224
256
|
## 1.2.14
|
|
225
257
|
|
|
226
258
|
### Patch Changes
|
|
227
259
|
|
|
228
|
-
-
|
|
229
|
-
-
|
|
230
|
-
-
|
|
260
|
+
- Updated dependencies [4cfb4977]
|
|
261
|
+
- @khanacademy/wonder-blocks-tokens@1.1.0
|
|
262
|
+
- @khanacademy/wonder-blocks-clickable@4.1.1
|
|
231
263
|
|
|
232
264
|
## 1.2.13
|
|
233
265
|
|
|
234
266
|
### Patch Changes
|
|
235
267
|
|
|
236
|
-
-
|
|
237
|
-
-
|
|
268
|
+
- Updated dependencies [60fdac1c]
|
|
269
|
+
- @khanacademy/wonder-blocks-clickable@4.1.0
|
|
238
270
|
|
|
239
271
|
## 1.2.12
|
|
240
272
|
|
|
241
273
|
### Patch Changes
|
|
242
274
|
|
|
243
|
-
-
|
|
244
|
-
-
|
|
245
|
-
-
|
|
275
|
+
- Updated dependencies [e83f8991]
|
|
276
|
+
- @khanacademy/wonder-blocks-tokens@1.0.0
|
|
277
|
+
- @khanacademy/wonder-blocks-clickable@4.0.14
|
|
246
278
|
|
|
247
279
|
## 1.2.11
|
|
248
280
|
|
|
249
281
|
### Patch Changes
|
|
250
282
|
|
|
251
|
-
-
|
|
252
|
-
-
|
|
253
|
-
-
|
|
254
|
-
-
|
|
255
|
-
-
|
|
256
|
-
-
|
|
283
|
+
- 7cd7f6cc: Replace theming.tokens with wb-tokens and update callsites to use the new export
|
|
284
|
+
- Updated dependencies [7cd7f6cc]
|
|
285
|
+
- Updated dependencies [7c51f377]
|
|
286
|
+
- Updated dependencies [7c51f377]
|
|
287
|
+
- @khanacademy/wonder-blocks-tokens@0.2.0
|
|
288
|
+
- @khanacademy/wonder-blocks-clickable@4.0.13
|
|
257
289
|
|
|
258
290
|
## 1.2.10
|
|
259
291
|
|
|
260
292
|
### Patch Changes
|
|
261
293
|
|
|
262
|
-
-
|
|
294
|
+
- fafa8a69: Prevent default in home, end, and arrow keys
|
|
263
295
|
|
|
264
296
|
## 1.2.9
|
|
265
297
|
|
|
266
298
|
### Patch Changes
|
|
267
299
|
|
|
268
|
-
-
|
|
269
|
-
-
|
|
300
|
+
- Updated dependencies [80592e75]
|
|
301
|
+
- @khanacademy/wonder-blocks-theming@1.3.0
|
|
270
302
|
|
|
271
303
|
## 1.2.8
|
|
272
304
|
|
|
273
305
|
### Patch Changes
|
|
274
306
|
|
|
275
|
-
-
|
|
307
|
+
- 5cf814ce: Fix focus handling for Accordion headers
|
|
276
308
|
|
|
277
309
|
## 1.2.7
|
|
278
310
|
|
|
279
311
|
### Patch Changes
|
|
280
312
|
|
|
281
|
-
-
|
|
313
|
+
- d0d567a5: Use minWidth: 0 in the header to prevent overflow issues
|
|
282
314
|
|
|
283
315
|
## 1.2.6
|
|
284
316
|
|
|
285
317
|
### Patch Changes
|
|
286
318
|
|
|
287
|
-
-
|
|
319
|
+
- 48e939d0: Use z-index to put the header outline in front of the content panel instead of adding a 2px margin that can cause weird spacing issues
|
|
288
320
|
|
|
289
321
|
## 1.2.5
|
|
290
322
|
|
|
291
323
|
### Patch Changes
|
|
292
324
|
|
|
293
|
-
-
|
|
294
|
-
-
|
|
295
|
-
-
|
|
296
|
-
-
|
|
297
|
-
-
|
|
298
|
-
-
|
|
325
|
+
- Updated dependencies [23ab9f8c]
|
|
326
|
+
- Updated dependencies [6df21f71]
|
|
327
|
+
- @khanacademy/wonder-blocks-icon@4.0.1
|
|
328
|
+
- @khanacademy/wonder-blocks-core@6.3.1
|
|
329
|
+
- @khanacademy/wonder-blocks-clickable@4.0.12
|
|
330
|
+
- @khanacademy/wonder-blocks-typography@2.1.10
|
|
299
331
|
|
|
300
332
|
## 1.2.4
|
|
301
333
|
|
|
302
334
|
### Patch Changes
|
|
303
335
|
|
|
304
|
-
-
|
|
336
|
+
- 138d25c5: Give AccordionSection static position to fix outline overlap issue
|
|
305
337
|
|
|
306
338
|
## 1.2.3
|
|
307
339
|
|
|
308
340
|
### Patch Changes
|
|
309
341
|
|
|
310
|
-
-
|
|
311
|
-
-
|
|
342
|
+
- Updated dependencies [171e3b01]
|
|
343
|
+
- @khanacademy/wonder-blocks-icon@4.0.0
|
|
312
344
|
|
|
313
345
|
## 1.2.2
|
|
314
346
|
|
|
315
347
|
### Patch Changes
|
|
316
348
|
|
|
317
|
-
-
|
|
318
|
-
-
|
|
349
|
+
- Updated dependencies [96f675d2]
|
|
350
|
+
- @khanacademy/wonder-blocks-icon@3.0.0
|
|
319
351
|
|
|
320
352
|
## 1.2.1
|
|
321
353
|
|
|
322
354
|
### Patch Changes
|
|
323
355
|
|
|
324
|
-
-
|
|
325
|
-
-
|
|
356
|
+
- Updated dependencies [edcfbe14]
|
|
357
|
+
- @khanacademy/wonder-blocks-theming@1.2.1
|
|
326
358
|
|
|
327
359
|
## 1.2.0
|
|
328
360
|
|
|
329
361
|
### Minor Changes
|
|
330
362
|
|
|
331
|
-
-
|
|
363
|
+
- b13d4321: Cleanup: prioritize all children overloaded props, fix typos, update documentation, make the accordion component public
|
|
332
364
|
|
|
333
365
|
## 1.1.2
|
|
334
366
|
|
|
335
367
|
### Patch Changes
|
|
336
368
|
|
|
337
|
-
-
|
|
338
|
-
-
|
|
339
|
-
-
|
|
369
|
+
- 16d99bde: Add region and aria-labelledby to accordion
|
|
370
|
+
- Updated dependencies [6b8bf8d5]
|
|
371
|
+
- @khanacademy/wonder-blocks-clickable@4.0.11
|
|
340
372
|
|
|
341
373
|
## 1.1.1
|
|
342
374
|
|
|
343
375
|
### Patch Changes
|
|
344
376
|
|
|
345
|
-
-
|
|
346
|
-
-
|
|
347
|
-
-
|
|
377
|
+
- 7b24db93: Add support for up arrow, down arrow, home, and end keys
|
|
378
|
+
- Updated dependencies [7b24db93]
|
|
379
|
+
- @khanacademy/wonder-blocks-clickable@4.0.10
|
|
348
380
|
|
|
349
381
|
## 1.1.0
|
|
350
382
|
|
|
351
383
|
### Minor Changes
|
|
352
384
|
|
|
353
|
-
-
|
|
354
|
-
-
|
|
385
|
+
- 2f0b77f2: Add animations to Accordion
|
|
386
|
+
- 1424a2c3: Add `collapsible` prop to AccordionSection
|
|
355
387
|
|
|
356
388
|
## 1.0.1
|
|
357
389
|
|
|
358
390
|
### Patch Changes
|
|
359
391
|
|
|
360
|
-
-
|
|
361
|
-
-
|
|
392
|
+
- Updated dependencies [3f854fe8]
|
|
393
|
+
- @khanacademy/wonder-blocks-theming@1.2.0
|
|
362
394
|
|
|
363
395
|
## 1.0.0
|
|
364
396
|
|
|
365
397
|
### Major Changes
|
|
366
398
|
|
|
367
|
-
-
|
|
399
|
+
- ff34408e: Create Accordion and AccordionSection components
|
|
368
400
|
|
|
369
401
|
### Patch Changes
|
|
370
402
|
|
|
371
|
-
-
|
|
372
|
-
-
|
|
373
|
-
-
|
|
374
|
-
-
|
|
375
|
-
-
|
|
403
|
+
- Updated dependencies [7055ca94]
|
|
404
|
+
- @khanacademy/wonder-blocks-core@6.3.0
|
|
405
|
+
- @khanacademy/wonder-blocks-clickable@4.0.9
|
|
406
|
+
- @khanacademy/wonder-blocks-icon@2.2.1
|
|
407
|
+
- @khanacademy/wonder-blocks-typography@2.1.9
|
|
376
408
|
|
|
377
409
|
## 0.0.5
|
|
378
410
|
|
|
379
411
|
### Patch Changes
|
|
380
412
|
|
|
381
|
-
-
|
|
382
|
-
-
|
|
413
|
+
- Updated dependencies [ea0e7c02]
|
|
414
|
+
- @khanacademy/wonder-blocks-icon@2.2.0
|
|
383
415
|
|
|
384
416
|
## 0.0.4
|
|
385
417
|
|
|
386
418
|
### Patch Changes
|
|
387
419
|
|
|
388
|
-
-
|
|
389
|
-
-
|
|
390
|
-
-
|
|
420
|
+
- Updated dependencies [48d3c7e9]
|
|
421
|
+
- @khanacademy/wonder-blocks-color@3.0.0
|
|
422
|
+
- @khanacademy/wonder-blocks-clickable@4.0.8
|
|
391
423
|
|
|
392
424
|
## 0.0.3
|
|
393
425
|
|
|
394
426
|
### Patch Changes
|
|
395
427
|
|
|
396
|
-
-
|
|
397
|
-
-
|
|
428
|
+
- Updated dependencies [80cab317]
|
|
429
|
+
- @khanacademy/wonder-blocks-clickable@4.0.7
|
|
398
430
|
|
|
399
431
|
## 0.0.2
|
|
400
432
|
|
|
401
433
|
### Patch Changes
|
|
402
434
|
|
|
403
|
-
-
|
|
404
|
-
-
|
|
405
|
-
-
|
|
406
|
-
-
|
|
407
|
-
-
|
|
408
|
-
-
|
|
435
|
+
- cde5377f: Create `wonder-blocks-accordion` package
|
|
436
|
+
- Updated dependencies [4b97b9a2]
|
|
437
|
+
- @khanacademy/wonder-blocks-core@6.2.0
|
|
438
|
+
- @khanacademy/wonder-blocks-clickable@4.0.6
|
|
439
|
+
- @khanacademy/wonder-blocks-icon@2.1.6
|
|
440
|
+
- @khanacademy/wonder-blocks-typography@2.1.8
|
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2018 Khan Academy
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/dist/es/index.js
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import _extends from '@babel/runtime/helpers/extends';
|
|
2
|
+
import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
|
|
1
3
|
import * as React from 'react';
|
|
2
4
|
import { useId } from 'react';
|
|
3
5
|
import { StyleSheet } from 'aphrodite';
|
|
@@ -8,36 +10,8 @@ import caretDown from '@phosphor-icons/core/bold/caret-down-bold.svg';
|
|
|
8
10
|
import Clickable from '@khanacademy/wonder-blocks-clickable';
|
|
9
11
|
import { PhosphorIcon } from '@khanacademy/wonder-blocks-icon';
|
|
10
12
|
|
|
11
|
-
function _extends() {
|
|
12
|
-
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
13
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
14
|
-
var source = arguments[i];
|
|
15
|
-
for (var key in source) {
|
|
16
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
17
|
-
target[key] = source[key];
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
return target;
|
|
22
|
-
};
|
|
23
|
-
return _extends.apply(this, arguments);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
27
|
-
if (source == null) return {};
|
|
28
|
-
var target = {};
|
|
29
|
-
var sourceKeys = Object.keys(source);
|
|
30
|
-
var key, i;
|
|
31
|
-
for (i = 0; i < sourceKeys.length; i++) {
|
|
32
|
-
key = sourceKeys[i];
|
|
33
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
34
|
-
target[key] = source[key];
|
|
35
|
-
}
|
|
36
|
-
return target;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
13
|
const _excluded$1 = ["children", "id", "initialExpandedIndex", "allowMultipleExpanded", "caretPosition", "cornerKind", "animated", "style"];
|
|
40
|
-
const
|
|
14
|
+
const StyledUl = addStyle("ul");
|
|
41
15
|
const LANDMARK_PROLIFERATION_THRESHOLD = 6;
|
|
42
16
|
const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
43
17
|
const {
|
|
@@ -78,27 +52,27 @@ const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
|
78
52
|
event.preventDefault();
|
|
79
53
|
const previousSectionIndex = (currentlyFocusedHeaderIndex + children.length - 1) % children.length;
|
|
80
54
|
const previousChildRef = childRefs[previousSectionIndex];
|
|
81
|
-
(_previousChildRef$cur = previousChildRef.current) == null
|
|
55
|
+
(_previousChildRef$cur = previousChildRef.current) == null || _previousChildRef$cur.focus();
|
|
82
56
|
break;
|
|
83
57
|
case "ArrowDown":
|
|
84
58
|
event.preventDefault();
|
|
85
59
|
const nextSectionIndex = (currentlyFocusedHeaderIndex + 1) % children.length;
|
|
86
60
|
const nextChildRef = childRefs[nextSectionIndex];
|
|
87
|
-
(_nextChildRef$current = nextChildRef.current) == null
|
|
61
|
+
(_nextChildRef$current = nextChildRef.current) == null || _nextChildRef$current.focus();
|
|
88
62
|
break;
|
|
89
63
|
case "Home":
|
|
90
64
|
event.preventDefault();
|
|
91
65
|
const firstChildRef = childRefs[0];
|
|
92
|
-
(_firstChildRef$curren = firstChildRef.current) == null
|
|
66
|
+
(_firstChildRef$curren = firstChildRef.current) == null || _firstChildRef$curren.focus();
|
|
93
67
|
break;
|
|
94
68
|
case "End":
|
|
95
69
|
event.preventDefault();
|
|
96
70
|
const lastChildRef = childRefs[children.length - 1];
|
|
97
|
-
(_lastChildRef$current = lastChildRef.current) == null
|
|
71
|
+
(_lastChildRef$current = lastChildRef.current) == null || _lastChildRef$current.focus();
|
|
98
72
|
break;
|
|
99
73
|
}
|
|
100
74
|
};
|
|
101
|
-
return React.createElement(
|
|
75
|
+
return React.createElement(StyledUl, _extends({
|
|
102
76
|
style: [styles$2.wrapper, style],
|
|
103
77
|
onKeyDown: handleKeyDown
|
|
104
78
|
}, ariaProps, {
|
|
@@ -114,20 +88,21 @@ const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
|
114
88
|
childRefs[index] = childRef;
|
|
115
89
|
const isFirstChild = index === 0;
|
|
116
90
|
const isLastChild = index === children.length - 1;
|
|
117
|
-
return React.createElement("li", {
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
91
|
+
return (React.createElement("li", {
|
|
92
|
+
key: index,
|
|
93
|
+
id: id
|
|
94
|
+
}, React.cloneElement(child, {
|
|
95
|
+
animated: childAnimated != null ? childAnimated : animated,
|
|
96
|
+
caretPosition: childCaretPosition != null ? childCaretPosition : caretPosition,
|
|
97
|
+
cornerKind: childCornerKind != null ? childCornerKind : cornerKind,
|
|
98
|
+
expanded: sectionsOpened[index],
|
|
99
|
+
onToggle: () => handleSectionClick(index, childOnToggle),
|
|
100
|
+
isFirstSection: isFirstChild,
|
|
101
|
+
isLastSection: isLastChild,
|
|
102
|
+
isRegion: sectionsAreRegions,
|
|
103
|
+
ref: childRef
|
|
104
|
+
}))
|
|
105
|
+
);
|
|
131
106
|
}));
|
|
132
107
|
});
|
|
133
108
|
const styles$2 = StyleSheet.create({
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
|
+
var _objectWithoutPropertiesLoose = require('@babel/runtime/helpers/objectWithoutPropertiesLoose');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var aphrodite = require('aphrodite');
|
|
7
7
|
var wonderBlocksCore = require('@khanacademy/wonder-blocks-core');
|
|
@@ -11,60 +11,27 @@ var caretDown = require('@phosphor-icons/core/bold/caret-down-bold.svg');
|
|
|
11
11
|
var Clickable = require('@khanacademy/wonder-blocks-clickable');
|
|
12
12
|
var wonderBlocksIcon = require('@khanacademy/wonder-blocks-icon');
|
|
13
13
|
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
get: function () { return e[k]; }
|
|
14
|
+
function _interopNamespaceDefault(e) {
|
|
15
|
+
var n = Object.create(null);
|
|
16
|
+
if (e) {
|
|
17
|
+
Object.keys(e).forEach(function (k) {
|
|
18
|
+
if (k !== 'default') {
|
|
19
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
20
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function () { return e[k]; }
|
|
23
|
+
});
|
|
24
|
+
}
|
|
26
25
|
});
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
n["default"] = e;
|
|
31
|
-
return Object.freeze(n);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
35
|
-
var caretDown__default = /*#__PURE__*/_interopDefaultLegacy(caretDown);
|
|
36
|
-
var Clickable__default = /*#__PURE__*/_interopDefaultLegacy(Clickable);
|
|
37
|
-
|
|
38
|
-
function _extends() {
|
|
39
|
-
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
40
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
41
|
-
var source = arguments[i];
|
|
42
|
-
for (var key in source) {
|
|
43
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
44
|
-
target[key] = source[key];
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
26
|
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
return _extends.apply(this, arguments);
|
|
27
|
+
n.default = e;
|
|
28
|
+
return Object.freeze(n);
|
|
51
29
|
}
|
|
52
30
|
|
|
53
|
-
|
|
54
|
-
if (source == null) return {};
|
|
55
|
-
var target = {};
|
|
56
|
-
var sourceKeys = Object.keys(source);
|
|
57
|
-
var key, i;
|
|
58
|
-
for (i = 0; i < sourceKeys.length; i++) {
|
|
59
|
-
key = sourceKeys[i];
|
|
60
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
61
|
-
target[key] = source[key];
|
|
62
|
-
}
|
|
63
|
-
return target;
|
|
64
|
-
}
|
|
31
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
65
32
|
|
|
66
33
|
const _excluded$1 = ["children", "id", "initialExpandedIndex", "allowMultipleExpanded", "caretPosition", "cornerKind", "animated", "style"];
|
|
67
|
-
const
|
|
34
|
+
const StyledUl = wonderBlocksCore.addStyle("ul");
|
|
68
35
|
const LANDMARK_PROLIFERATION_THRESHOLD = 6;
|
|
69
36
|
const Accordion = React__namespace.forwardRef(function Accordion(props, ref) {
|
|
70
37
|
const {
|
|
@@ -105,27 +72,27 @@ const Accordion = React__namespace.forwardRef(function Accordion(props, ref) {
|
|
|
105
72
|
event.preventDefault();
|
|
106
73
|
const previousSectionIndex = (currentlyFocusedHeaderIndex + children.length - 1) % children.length;
|
|
107
74
|
const previousChildRef = childRefs[previousSectionIndex];
|
|
108
|
-
(_previousChildRef$cur = previousChildRef.current) == null
|
|
75
|
+
(_previousChildRef$cur = previousChildRef.current) == null || _previousChildRef$cur.focus();
|
|
109
76
|
break;
|
|
110
77
|
case "ArrowDown":
|
|
111
78
|
event.preventDefault();
|
|
112
79
|
const nextSectionIndex = (currentlyFocusedHeaderIndex + 1) % children.length;
|
|
113
80
|
const nextChildRef = childRefs[nextSectionIndex];
|
|
114
|
-
(_nextChildRef$current = nextChildRef.current) == null
|
|
81
|
+
(_nextChildRef$current = nextChildRef.current) == null || _nextChildRef$current.focus();
|
|
115
82
|
break;
|
|
116
83
|
case "Home":
|
|
117
84
|
event.preventDefault();
|
|
118
85
|
const firstChildRef = childRefs[0];
|
|
119
|
-
(_firstChildRef$curren = firstChildRef.current) == null
|
|
86
|
+
(_firstChildRef$curren = firstChildRef.current) == null || _firstChildRef$curren.focus();
|
|
120
87
|
break;
|
|
121
88
|
case "End":
|
|
122
89
|
event.preventDefault();
|
|
123
90
|
const lastChildRef = childRefs[children.length - 1];
|
|
124
|
-
(_lastChildRef$current = lastChildRef.current) == null
|
|
91
|
+
(_lastChildRef$current = lastChildRef.current) == null || _lastChildRef$current.focus();
|
|
125
92
|
break;
|
|
126
93
|
}
|
|
127
94
|
};
|
|
128
|
-
return React__namespace.createElement(
|
|
95
|
+
return React__namespace.createElement(StyledUl, _extends({
|
|
129
96
|
style: [styles$2.wrapper, style],
|
|
130
97
|
onKeyDown: handleKeyDown
|
|
131
98
|
}, ariaProps, {
|
|
@@ -141,20 +108,21 @@ const Accordion = React__namespace.forwardRef(function Accordion(props, ref) {
|
|
|
141
108
|
childRefs[index] = childRef;
|
|
142
109
|
const isFirstChild = index === 0;
|
|
143
110
|
const isLastChild = index === children.length - 1;
|
|
144
|
-
return React__namespace.createElement("li", {
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
111
|
+
return (React__namespace.createElement("li", {
|
|
112
|
+
key: index,
|
|
113
|
+
id: id
|
|
114
|
+
}, React__namespace.cloneElement(child, {
|
|
115
|
+
animated: childAnimated != null ? childAnimated : animated,
|
|
116
|
+
caretPosition: childCaretPosition != null ? childCaretPosition : caretPosition,
|
|
117
|
+
cornerKind: childCornerKind != null ? childCornerKind : cornerKind,
|
|
118
|
+
expanded: sectionsOpened[index],
|
|
119
|
+
onToggle: () => handleSectionClick(index, childOnToggle),
|
|
120
|
+
isFirstSection: isFirstChild,
|
|
121
|
+
isLastSection: isLastChild,
|
|
122
|
+
isRegion: sectionsAreRegions,
|
|
123
|
+
ref: childRef
|
|
124
|
+
}))
|
|
125
|
+
);
|
|
158
126
|
}));
|
|
159
127
|
});
|
|
160
128
|
const styles$2 = aphrodite.StyleSheet.create({
|
|
@@ -211,7 +179,7 @@ const AccordionSectionHeader = React__namespace.forwardRef(function AccordionSec
|
|
|
211
179
|
return React__namespace.createElement(wonderBlocksTypography.HeadingSmall, {
|
|
212
180
|
tag: tag,
|
|
213
181
|
style: styles$1.heading
|
|
214
|
-
}, React__namespace.createElement(
|
|
182
|
+
}, React__namespace.createElement(Clickable, {
|
|
215
183
|
id: id,
|
|
216
184
|
"aria-expanded": expanded,
|
|
217
185
|
"aria-controls": sectionContentUniqueId,
|
|
@@ -225,7 +193,7 @@ const AccordionSectionHeader = React__namespace.forwardRef(function AccordionSec
|
|
|
225
193
|
}, headerIsString ? React__namespace.createElement(wonderBlocksCore.View, {
|
|
226
194
|
style: [caretPosition === "end" ? styles$1.headerStringCaretEnd : styles$1.headerStringCaretStart]
|
|
227
195
|
}, header) : header), collapsible && React__namespace.createElement(wonderBlocksIcon.PhosphorIcon, {
|
|
228
|
-
icon:
|
|
196
|
+
icon: caretDown,
|
|
229
197
|
color: wonderBlocksTokens.semanticColor.icon.primary,
|
|
230
198
|
size: "small",
|
|
231
199
|
style: [animated && styles$1.iconWithAnimation, caretPosition === "start" ? styles$1.iconStart : styles$1.iconEnd, expanded && styles$1.iconExpanded],
|
package/package.json
CHANGED
|
@@ -1,15 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@khanacademy/wonder-blocks-accordion",
|
|
3
|
-
"version": "3.0
|
|
3
|
+
"version": "3.1.0",
|
|
4
4
|
"design": "v1",
|
|
5
5
|
"description": "Accordion components for Wonder Blocks.",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"module": "dist/es/index.js",
|
|
8
8
|
"source": "src/index.js",
|
|
9
|
-
"scripts": {
|
|
10
|
-
"test": "echo \"Error: no test specified\" && exit 1",
|
|
11
|
-
"prepublishOnly": "../../utils/publish/package-pre-publish-check.sh"
|
|
12
|
-
},
|
|
13
9
|
"types": "dist/index.d.ts",
|
|
14
10
|
"author": "",
|
|
15
11
|
"license": "MIT",
|
|
@@ -17,11 +13,12 @@
|
|
|
17
13
|
"access": "public"
|
|
18
14
|
},
|
|
19
15
|
"dependencies": {
|
|
20
|
-
"@
|
|
21
|
-
"@khanacademy/wonder-blocks-
|
|
22
|
-
"@khanacademy/wonder-blocks-
|
|
23
|
-
"@khanacademy/wonder-blocks-
|
|
24
|
-
"@khanacademy/wonder-blocks-
|
|
16
|
+
"@babel/runtime": "^7.24.5",
|
|
17
|
+
"@khanacademy/wonder-blocks-clickable": "6.1.0",
|
|
18
|
+
"@khanacademy/wonder-blocks-core": "12.1.0",
|
|
19
|
+
"@khanacademy/wonder-blocks-icon": "5.1.0",
|
|
20
|
+
"@khanacademy/wonder-blocks-tokens": "4.2.0",
|
|
21
|
+
"@khanacademy/wonder-blocks-typography": "3.1.0"
|
|
25
22
|
},
|
|
26
23
|
"peerDependencies": {
|
|
27
24
|
"@phosphor-icons/core": "^2.0.2",
|
|
@@ -29,6 +26,9 @@
|
|
|
29
26
|
"react": "18.2.0"
|
|
30
27
|
},
|
|
31
28
|
"devDependencies": {
|
|
32
|
-
"@khanacademy/wb-dev-build-settings": "
|
|
29
|
+
"@khanacademy/wb-dev-build-settings": "2.1.0"
|
|
30
|
+
},
|
|
31
|
+
"scripts": {
|
|
32
|
+
"test": "echo \"Error: no test specified\" && exit 1"
|
|
33
33
|
}
|
|
34
34
|
}
|