@khanacademy/wonder-blocks-dropdown 2.8.0 → 2.8.2

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.
Files changed (4) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/index.js +307 -277
  3. package/package.json +6 -6
  4. package/src/__tests__/__snapshots__/generated-snapshot.test.js.snap +248 -248
package/dist/index.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 35);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 36);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ([
@@ -171,6 +171,29 @@ module.exports = require("@khanacademy/wonder-blocks-core");
171
171
 
172
172
  /***/ }),
173
173
  /* 6 */
174
+ /***/ (function(module, exports) {
175
+
176
+ function _extends() {
177
+ module.exports = _extends = Object.assign ? Object.assign.bind() : function (target) {
178
+ for (var i = 1; i < arguments.length; i++) {
179
+ var source = arguments[i];
180
+
181
+ for (var key in source) {
182
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
183
+ target[key] = source[key];
184
+ }
185
+ }
186
+ }
187
+
188
+ return target;
189
+ }, module.exports.__esModule = true, module.exports["default"] = module.exports;
190
+ return _extends.apply(this, arguments);
191
+ }
192
+
193
+ module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
194
+
195
+ /***/ }),
196
+ /* 7 */
174
197
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
175
198
 
176
199
  "use strict";
@@ -225,55 +248,56 @@ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
225
248
  });
226
249
 
227
250
  /***/ }),
228
- /* 7 */
251
+ /* 8 */
229
252
  /***/ (function(module, exports) {
230
253
 
231
254
  module.exports = require("react-dom");
232
255
 
233
256
  /***/ }),
234
- /* 8 */
257
+ /* 9 */
235
258
  /***/ (function(module, exports) {
236
259
 
237
260
  module.exports = require("@khanacademy/wonder-blocks-icon");
238
261
 
239
262
  /***/ }),
240
- /* 9 */
263
+ /* 10 */
241
264
  /***/ (function(module, exports) {
242
265
 
243
266
  module.exports = require("@khanacademy/wonder-blocks-typography");
244
267
 
245
268
  /***/ }),
246
- /* 10 */
269
+ /* 11 */
247
270
  /***/ (function(module, exports) {
248
271
 
249
272
  module.exports = require("@khanacademy/wonder-blocks-clickable");
250
273
 
251
274
  /***/ }),
252
- /* 11 */
275
+ /* 12 */
253
276
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
254
277
 
255
278
  "use strict";
256
279
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ActionItem; });
257
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
258
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
259
- /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
260
- /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(aphrodite__WEBPACK_IMPORTED_MODULE_1__);
261
- /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(24);
262
- /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_2__);
263
- /* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16);
264
- /* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_router__WEBPACK_IMPORTED_MODULE_3__);
265
- /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1);
266
- /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__);
267
- /* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3);
268
- /* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_5__);
269
- /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9);
270
- /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_6__);
271
- /* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(10);
272
- /* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_7__);
273
- /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(5);
274
- /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_8__);
275
- /* harmony import */ var _util_constants_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(2);
276
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
280
+ /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
281
+ /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
282
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);
283
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
284
+ /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
285
+ /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(aphrodite__WEBPACK_IMPORTED_MODULE_2__);
286
+ /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(25);
287
+ /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_3__);
288
+ /* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(17);
289
+ /* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_router__WEBPACK_IMPORTED_MODULE_4__);
290
+ /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1);
291
+ /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__);
292
+ /* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3);
293
+ /* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__);
294
+ /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(10);
295
+ /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_7__);
296
+ /* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(11);
297
+ /* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_8__);
298
+ /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(5);
299
+ /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_9__);
300
+ /* harmony import */ var _util_constants_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2);
277
301
 
278
302
 
279
303
 
@@ -290,17 +314,17 @@ const {
290
314
  white,
291
315
  offBlack,
292
316
  offBlack32
293
- } = _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4___default.a;
294
- const StyledAnchor = Object(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_8__["addStyle"])("a");
295
- const StyledButton = Object(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_8__["addStyle"])("button");
296
- const StyledLink = Object(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_8__["addStyle"])(react_router_dom__WEBPACK_IMPORTED_MODULE_2__["Link"]);
317
+ } = _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5___default.a;
318
+ const StyledAnchor = Object(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_9__["addStyle"])("a");
319
+ const StyledButton = Object(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_9__["addStyle"])("button");
320
+ const StyledLink = Object(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_9__["addStyle"])(react_router_dom__WEBPACK_IMPORTED_MODULE_3__["Link"]);
297
321
  /**
298
322
  * The action item trigger actions, such as navigating to a different page or
299
323
  * opening a modal. Supply the href and/or onClick props. Used as a child of
300
324
  * ActionMenu.
301
325
  */
302
326
 
303
- class ActionItem extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
327
+ class ActionItem extends react__WEBPACK_IMPORTED_MODULE_1__["Component"] {
304
328
  static isClassOf(instance) {
305
329
  return instance && instance.type && instance.type.__IS_ACTION_ITEM__;
306
330
  }
@@ -319,8 +343,8 @@ class ActionItem extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
319
343
  style,
320
344
  testId
321
345
  } = this.props;
322
- const ClickableBehavior = Object(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_7__["getClickableBehavior"])(href, skipClientNav, router);
323
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](ClickableBehavior, {
346
+ const ClickableBehavior = Object(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_8__["getClickableBehavior"])(href, skipClientNav, router);
347
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](ClickableBehavior, {
324
348
  disabled: disabled,
325
349
  onClick: onClick,
326
350
  href: href,
@@ -341,20 +365,20 @@ class ActionItem extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
341
365
  style: [defaultStyle],
342
366
  ...childrenProps
343
367
  };
344
- const children = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_6__["LabelMedium"], {
368
+ const children = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_7__["LabelMedium"], {
345
369
  lang: lang,
346
370
  style: [indent && styles.indent, styles.label]
347
371
  }, label));
348
372
 
349
373
  if (href && !disabled) {
350
- return router && !skipClientNav && Object(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_7__["isClientSideUrl"])(href) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](StyledLink, _extends({}, props, {
374
+ return router && !skipClientNav && Object(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_8__["isClientSideUrl"])(href) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](StyledLink, _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, props, {
351
375
  to: href
352
- }), children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](StyledAnchor, _extends({}, props, {
376
+ }), children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](StyledAnchor, _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, props, {
353
377
  href: href,
354
378
  target: target
355
379
  }), children);
356
380
  } else {
357
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](StyledButton, _extends({
381
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](StyledButton, _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
358
382
  type: "button"
359
383
  }, props, {
360
384
  disabled: disabled
@@ -364,7 +388,7 @@ class ActionItem extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
364
388
  }
365
389
 
366
390
  render() {
367
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_router__WEBPACK_IMPORTED_MODULE_3__["__RouterContext"].Consumer, null, router => this.renderClickableBehavior(router));
391
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react_router__WEBPACK_IMPORTED_MODULE_4__["__RouterContext"].Consumer, null, router => this.renderClickableBehavior(router));
368
392
  }
369
393
 
370
394
  }
@@ -374,7 +398,7 @@ ActionItem.defaultProps = {
374
398
  role: "menuitem"
375
399
  };
376
400
  ActionItem.__IS_ACTION_ITEM__ = true;
377
- const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
401
+ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_2__["StyleSheet"].create({
378
402
  shared: {
379
403
  background: white,
380
404
  color: offBlack,
@@ -384,10 +408,10 @@ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
384
408
  flexDirection: "row",
385
409
  alignItems: "center",
386
410
  display: "flex",
387
- height: _util_constants_js__WEBPACK_IMPORTED_MODULE_9__[/* DROPDOWN_ITEM_HEIGHT */ "a"],
388
- minHeight: _util_constants_js__WEBPACK_IMPORTED_MODULE_9__[/* DROPDOWN_ITEM_HEIGHT */ "a"],
389
- paddingLeft: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_5___default.a.medium_16,
390
- paddingRight: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_5___default.a.medium_16,
411
+ height: _util_constants_js__WEBPACK_IMPORTED_MODULE_10__[/* DROPDOWN_ITEM_HEIGHT */ "a"],
412
+ minHeight: _util_constants_js__WEBPACK_IMPORTED_MODULE_10__[/* DROPDOWN_ITEM_HEIGHT */ "a"],
413
+ paddingLeft: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6___default.a.medium_16,
414
+ paddingRight: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6___default.a.medium_16,
391
415
  // This removes the 300ms click delay on mobile browsers by indicating that
392
416
  // "double-tap to zoom" shouldn't be used on this element.
393
417
  touchAction: "manipulation"
@@ -397,7 +421,7 @@ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
397
421
  userSelect: "none"
398
422
  },
399
423
  indent: {
400
- marginLeft: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_5___default.a.medium_16
424
+ marginLeft: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6___default.a.medium_16
401
425
  },
402
426
  // hover and focus states
403
427
  focus: {
@@ -406,8 +430,8 @@ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
406
430
  },
407
431
  // active and pressed states
408
432
  active: {
409
- color: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["fade"])(blue, 0.32), white),
410
- background: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["mix"])(offBlack32, blue)
433
+ color: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__["fade"])(blue, 0.32), white),
434
+ background: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__["mix"])(offBlack32, blue)
411
435
  },
412
436
  // disabled state
413
437
  disabled: {
@@ -417,29 +441,30 @@ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
417
441
  });
418
442
 
419
443
  /***/ }),
420
- /* 12 */
444
+ /* 13 */
421
445
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
422
446
 
423
447
  "use strict";
424
448
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return OptionItem; });
425
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
426
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
427
- /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
428
- /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(aphrodite__WEBPACK_IMPORTED_MODULE_1__);
429
- /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1);
430
- /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__);
431
- /* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3);
432
- /* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_3__);
433
- /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9);
434
- /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_4__);
435
- /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5);
436
- /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__);
437
- /* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(10);
438
- /* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_6__);
439
- /* harmony import */ var _util_constants_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(2);
440
- /* harmony import */ var _check_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(25);
441
- /* harmony import */ var _checkbox_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(26);
442
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
449
+ /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
450
+ /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
451
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);
452
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
453
+ /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
454
+ /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(aphrodite__WEBPACK_IMPORTED_MODULE_2__);
455
+ /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1);
456
+ /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__);
457
+ /* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3);
458
+ /* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__);
459
+ /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(10);
460
+ /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_5__);
461
+ /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(5);
462
+ /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_6__);
463
+ /* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(11);
464
+ /* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_7__);
465
+ /* harmony import */ var _util_constants_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(2);
466
+ /* harmony import */ var _check_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(26);
467
+ /* harmony import */ var _checkbox_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(27);
443
468
 
444
469
 
445
470
 
@@ -457,7 +482,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
457
482
  * with a check ✔️ or a checkbox ☑️. Use as children in SingleSelect or
458
483
  * MultiSelect.
459
484
  */
460
- class OptionItem extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
485
+ class OptionItem extends react__WEBPACK_IMPORTED_MODULE_1__["Component"] {
461
486
  constructor(...args) {
462
487
  super(...args);
463
488
 
@@ -481,9 +506,9 @@ class OptionItem extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
481
506
 
482
507
  getCheckComponent() {
483
508
  if (this.props.variant === "check") {
484
- return _check_js__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"];
509
+ return _check_js__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"];
485
510
  } else {
486
- return _checkbox_js__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"];
511
+ return _checkbox_js__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"];
487
512
  }
488
513
  }
489
514
 
@@ -506,9 +531,9 @@ class OptionItem extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
506
531
  /* eslint-enable no-unused-vars */
507
532
  ...sharedProps
508
533
  } = this.props;
509
- const ClickableBehavior = Object(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_6__["getClickableBehavior"])();
534
+ const ClickableBehavior = Object(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_7__["getClickableBehavior"])();
510
535
  const CheckComponent = this.getCheckComponent();
511
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](ClickableBehavior, {
536
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](ClickableBehavior, {
512
537
  disabled: disabled,
513
538
  onClick: this.handleClick,
514
539
  role: role
@@ -520,18 +545,18 @@ class OptionItem extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
520
545
  } = state;
521
546
  const defaultStyle = [styles.itemContainer, pressed ? styles.active : (hovered || focused) && styles.focus, disabled && styles.disabled, // pass optional styles from react-window (if applies)
522
547
  style];
523
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__["View"], _extends({}, sharedProps, {
548
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_6__["View"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, sharedProps, {
524
549
  testId: testId,
525
550
  style: defaultStyle,
526
551
  "aria-selected": selected ? "true" : "false",
527
552
  role: role
528
- }, childrenProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](CheckComponent, {
553
+ }, childrenProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](CheckComponent, {
529
554
  disabled: disabled,
530
555
  selected: selected,
531
556
  pressed: pressed,
532
557
  hovered: hovered,
533
558
  focused: focused
534
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_4__["LabelMedium"], {
559
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_5__["LabelMedium"], {
535
560
  style: styles.label
536
561
  }, label));
537
562
  });
@@ -550,19 +575,19 @@ const {
550
575
  white,
551
576
  offBlack,
552
577
  offBlack32
553
- } = _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2___default.a;
554
- const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
578
+ } = _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3___default.a;
579
+ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_2__["StyleSheet"].create({
555
580
  itemContainer: {
556
581
  flexDirection: "row",
557
582
  background: white,
558
583
  color: offBlack,
559
584
  alignItems: "center",
560
- height: _util_constants_js__WEBPACK_IMPORTED_MODULE_7__[/* DROPDOWN_ITEM_HEIGHT */ "a"],
561
- minHeight: _util_constants_js__WEBPACK_IMPORTED_MODULE_7__[/* DROPDOWN_ITEM_HEIGHT */ "a"],
585
+ height: _util_constants_js__WEBPACK_IMPORTED_MODULE_8__[/* DROPDOWN_ITEM_HEIGHT */ "a"],
586
+ minHeight: _util_constants_js__WEBPACK_IMPORTED_MODULE_8__[/* DROPDOWN_ITEM_HEIGHT */ "a"],
562
587
  border: 0,
563
588
  outline: 0,
564
- paddingLeft: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_3___default.a.xSmall_8,
565
- paddingRight: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_3___default.a.medium_16,
589
+ paddingLeft: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4___default.a.xSmall_8,
590
+ paddingRight: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4___default.a.medium_16,
566
591
  whiteSpace: "nowrap",
567
592
  cursor: "default"
568
593
  },
@@ -571,8 +596,8 @@ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
571
596
  background: blue
572
597
  },
573
598
  active: {
574
- color: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__["fade"])(blue, 0.32), white),
575
- background: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__["mix"])(offBlack32, blue)
599
+ color: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["fade"])(blue, 0.32), white),
600
+ background: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["mix"])(offBlack32, blue)
576
601
  },
577
602
  disabled: {
578
603
  color: offBlack32,
@@ -581,7 +606,7 @@ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
581
606
  label: {
582
607
  whiteSpace: "nowrap",
583
608
  userSelect: "none",
584
- marginLeft: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_3___default.a.xSmall_8,
609
+ marginLeft: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4___default.a.xSmall_8,
585
610
  // added to truncate strings that are longer than expected
586
611
  overflow: "hidden",
587
612
  textOverflow: "ellipsis"
@@ -592,13 +617,13 @@ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
592
617
  });
593
618
 
594
619
  /***/ }),
595
- /* 13 */
620
+ /* 14 */
596
621
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
597
622
 
598
623
  "use strict";
599
624
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
600
625
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
601
- /* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10);
626
+ /* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(11);
602
627
  /* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_1__);
603
628
 
604
629
 
@@ -653,17 +678,17 @@ DropdownOpener.defaultProps = {
653
678
  /* harmony default export */ __webpack_exports__["a"] = (DropdownOpener);
654
679
 
655
680
  /***/ }),
656
- /* 14 */
681
+ /* 15 */
657
682
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
658
683
 
659
684
  "use strict";
660
685
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
661
686
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
662
- /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
687
+ /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
663
688
  /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
664
689
  /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
665
690
  /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(aphrodite__WEBPACK_IMPORTED_MODULE_2__);
666
- /* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(19);
691
+ /* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20);
667
692
  /* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_window__WEBPACK_IMPORTED_MODULE_3__);
668
693
  /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1);
669
694
  /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__);
@@ -671,18 +696,18 @@ DropdownOpener.defaultProps = {
671
696
  /* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_5__);
672
697
  /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(5);
673
698
  /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_6__);
674
- /* harmony import */ var _khanacademy_wonder_blocks_search_field__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(27);
699
+ /* harmony import */ var _khanacademy_wonder_blocks_search_field__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(28);
675
700
  /* harmony import */ var _khanacademy_wonder_blocks_search_field__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_search_field__WEBPACK_IMPORTED_MODULE_7__);
676
- /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(9);
701
+ /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(10);
677
702
  /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_8__);
678
- /* harmony import */ var _khanacademy_wonder_blocks_timing__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(17);
703
+ /* harmony import */ var _khanacademy_wonder_blocks_timing__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(18);
679
704
  /* harmony import */ var _khanacademy_wonder_blocks_timing__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_timing__WEBPACK_IMPORTED_MODULE_9__);
680
- /* harmony import */ var _dropdown_core_virtualized_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(28);
681
- /* harmony import */ var _separator_item_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(6);
705
+ /* harmony import */ var _dropdown_core_virtualized_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(29);
706
+ /* harmony import */ var _separator_item_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(7);
682
707
  /* harmony import */ var _util_constants_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(2);
683
- /* harmony import */ var _dropdown_popper_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(30);
684
- /* harmony import */ var _util_helpers_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(20);
685
- /* harmony import */ var _util_dropdown_menu_styles_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(15);
708
+ /* harmony import */ var _dropdown_popper_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(31);
709
+ /* harmony import */ var _util_helpers_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(21);
710
+ /* harmony import */ var _util_dropdown_menu_styles_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(16);
686
711
  /* eslint-disable max-lines */
687
712
  // A menu that consists of action items
688
713
 
@@ -1486,7 +1511,7 @@ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_2__["StyleSheet"].create({
1486
1511
  /* harmony default export */ __webpack_exports__["a"] = (Object(_khanacademy_wonder_blocks_timing__WEBPACK_IMPORTED_MODULE_9__["withActionScheduler"])(DropdownCore));
1487
1512
 
1488
1513
  /***/ }),
1489
- /* 15 */
1514
+ /* 16 */
1490
1515
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1491
1516
 
1492
1517
  "use strict";
@@ -1495,7 +1520,7 @@ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_2__["StyleSheet"].create({
1495
1520
  /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
1496
1521
  /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(aphrodite__WEBPACK_IMPORTED_MODULE_0__);
1497
1522
  /* harmony import */ var _constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
1498
- /* harmony import */ var _components_separator_item_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6);
1523
+ /* harmony import */ var _components_separator_item_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1499
1524
 
1500
1525
 
1501
1526
 
@@ -1540,43 +1565,44 @@ function generateDropdownMenuStyles(minWidth, maxHeight) {
1540
1565
  }
1541
1566
 
1542
1567
  /***/ }),
1543
- /* 16 */
1568
+ /* 17 */
1544
1569
  /***/ (function(module, exports) {
1545
1570
 
1546
1571
  module.exports = require("react-router");
1547
1572
 
1548
1573
  /***/ }),
1549
- /* 17 */
1574
+ /* 18 */
1550
1575
  /***/ (function(module, exports) {
1551
1576
 
1552
1577
  module.exports = require("@khanacademy/wonder-blocks-timing");
1553
1578
 
1554
1579
  /***/ }),
1555
- /* 18 */
1580
+ /* 19 */
1556
1581
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1557
1582
 
1558
1583
  "use strict";
1559
1584
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SelectOpener; });
1560
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
1561
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1562
- /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
1563
- /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(aphrodite__WEBPACK_IMPORTED_MODULE_1__);
1564
- /* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16);
1565
- /* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_router__WEBPACK_IMPORTED_MODULE_2__);
1566
- /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1);
1567
- /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__);
1568
- /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5);
1569
- /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_4__);
1570
- /* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(10);
1571
- /* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_5__);
1572
- /* harmony import */ var _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8);
1573
- /* harmony import */ var _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_6__);
1574
- /* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(3);
1575
- /* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_7__);
1576
- /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(9);
1577
- /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_8__);
1578
- /* harmony import */ var _util_constants_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(2);
1579
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1585
+ /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
1586
+ /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
1587
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);
1588
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
1589
+ /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
1590
+ /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(aphrodite__WEBPACK_IMPORTED_MODULE_2__);
1591
+ /* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17);
1592
+ /* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_router__WEBPACK_IMPORTED_MODULE_3__);
1593
+ /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1);
1594
+ /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__);
1595
+ /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5);
1596
+ /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__);
1597
+ /* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(11);
1598
+ /* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_6__);
1599
+ /* harmony import */ var _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9);
1600
+ /* harmony import */ var _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_7__);
1601
+ /* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(3);
1602
+ /* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_8__);
1603
+ /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(10);
1604
+ /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_9__);
1605
+ /* harmony import */ var _util_constants_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2);
1580
1606
 
1581
1607
 
1582
1608
 
@@ -1588,7 +1614,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
1588
1614
 
1589
1615
 
1590
1616
 
1591
- const StyledButton = Object(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_4__["addStyle"])("button");
1617
+ const StyledButton = Object(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__["addStyle"])("button");
1592
1618
  const {
1593
1619
  blue,
1594
1620
  white,
@@ -1597,12 +1623,12 @@ const {
1597
1623
  offBlack16,
1598
1624
  offBlack32,
1599
1625
  offBlack64
1600
- } = _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3___default.a;
1626
+ } = _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4___default.a;
1601
1627
 
1602
1628
  /**
1603
1629
  * An opener that opens select boxes.
1604
1630
  */
1605
- class SelectOpener extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
1631
+ class SelectOpener extends react__WEBPACK_IMPORTED_MODULE_1__["Component"] {
1606
1632
  constructor(...args) {
1607
1633
  super(...args);
1608
1634
 
@@ -1627,8 +1653,8 @@ class SelectOpener extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
1627
1653
  onOpenChanged,
1628
1654
  ...sharedProps
1629
1655
  } = this.props;
1630
- const ClickableBehavior = Object(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_5__["getClickableBehavior"])(router);
1631
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](ClickableBehavior, {
1656
+ const ClickableBehavior = Object(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_6__["getClickableBehavior"])(router);
1657
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](ClickableBehavior, {
1632
1658
  disabled: disabled,
1633
1659
  onClick: this.handleClick
1634
1660
  }, (state, childrenProps) => {
@@ -1643,7 +1669,7 @@ class SelectOpener extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
1643
1669
 
1644
1670
  const iconColor = light ? disabled || pressed ? "currentColor" : white : disabled ? offBlack32 : offBlack64;
1645
1671
  const style = [styles.shared, stateStyles.default, disabled && stateStyles.disabled, !disabled && (pressed ? stateStyles.active : (hovered || focused) && stateStyles.focus)];
1646
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](StyledButton, _extends({}, sharedProps, {
1672
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](StyledButton, _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, sharedProps, {
1647
1673
  "aria-expanded": open ? "true" : "false",
1648
1674
  "aria-haspopup": "listbox",
1649
1675
  "data-test-id": testId,
@@ -1651,10 +1677,10 @@ class SelectOpener extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
1651
1677
  id: id,
1652
1678
  style: style,
1653
1679
  type: "button"
1654
- }, childrenProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_8__["LabelMedium"], {
1680
+ }, childrenProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_9__["LabelMedium"], {
1655
1681
  style: styles.text
1656
- }, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_6___default.a, {
1657
- icon: _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_6__["icons"].caretDown,
1682
+ }, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_7___default.a, {
1683
+ icon: _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_7__["icons"].caretDown,
1658
1684
  color: iconColor,
1659
1685
  size: "small",
1660
1686
  style: styles.caret,
@@ -1664,7 +1690,7 @@ class SelectOpener extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
1664
1690
  }
1665
1691
 
1666
1692
  render() {
1667
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_router__WEBPACK_IMPORTED_MODULE_2__["__RouterContext"].Consumer, null, router => this.renderClickableBehavior(router));
1693
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react_router__WEBPACK_IMPORTED_MODULE_3__["__RouterContext"].Consumer, null, router => this.renderClickableBehavior(router));
1668
1694
  }
1669
1695
 
1670
1696
  }
@@ -1674,7 +1700,7 @@ SelectOpener.defaultProps = {
1674
1700
  isPlaceholder: false
1675
1701
  };
1676
1702
  const buttonRadius = 4;
1677
- const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
1703
+ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_2__["StyleSheet"].create({
1678
1704
  // TODO: Dedupe with Button styles
1679
1705
  shared: {
1680
1706
  position: "relative",
@@ -1682,7 +1708,7 @@ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
1682
1708
  alignItems: "center",
1683
1709
  justifyContent: "space-between",
1684
1710
  color: offBlack,
1685
- height: _util_constants_js__WEBPACK_IMPORTED_MODULE_9__[/* DROPDOWN_ITEM_HEIGHT */ "a"],
1711
+ height: _util_constants_js__WEBPACK_IMPORTED_MODULE_10__[/* DROPDOWN_ITEM_HEIGHT */ "a"],
1686
1712
  // This asymmetry arises from the Icon on the right side, which has
1687
1713
  // extra padding built in. To have the component look more balanced,
1688
1714
  // we need to take off some paddingRight here.
@@ -1700,7 +1726,7 @@ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
1700
1726
  touchAction: "manipulation"
1701
1727
  },
1702
1728
  text: {
1703
- marginRight: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_7___default.a.xSmall_8,
1729
+ marginRight: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_8___default.a.xSmall_8,
1704
1730
  whiteSpace: "nowrap",
1705
1731
  userSelect: "none",
1706
1732
  overflow: "hidden",
@@ -1744,14 +1770,14 @@ const _generateStyles = (light, placeholder) => {
1744
1770
  active: {
1745
1771
  paddingLeft: adjustedPaddingLeft,
1746
1772
  paddingRight: adjustedPaddingRight,
1747
- borderColor: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["fade"])(blue, 0.32), white),
1773
+ borderColor: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["fade"])(blue, 0.32), white),
1748
1774
  borderWidth: 2,
1749
- color: placeholder ? Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["fade"])(white, 0.32), blue) : Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["fade"])(blue, 0.32), white),
1750
- backgroundColor: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["mix"])(offBlack32, blue)
1775
+ color: placeholder ? Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["fade"])(white, 0.32), blue) : Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["fade"])(blue, 0.32), white),
1776
+ backgroundColor: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["mix"])(offBlack32, blue)
1751
1777
  },
1752
1778
  disabled: {
1753
- borderColor: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["fade"])(white, 0.32), blue),
1754
- color: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["fade"])(white, 0.32), blue),
1779
+ borderColor: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["fade"])(white, 0.32), blue),
1780
+ color: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["fade"])(white, 0.32), blue),
1755
1781
  cursor: "auto"
1756
1782
  }
1757
1783
  };
@@ -1770,14 +1796,14 @@ const _generateStyles = (light, placeholder) => {
1770
1796
  paddingRight: adjustedPaddingRight
1771
1797
  },
1772
1798
  active: {
1773
- background: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["fade"])(blue, 0.32), white),
1774
- borderColor: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["mix"])(offBlack32, blue),
1799
+ background: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["fade"])(blue, 0.32), white),
1800
+ borderColor: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["mix"])(offBlack32, blue),
1775
1801
  borderWidth: 2,
1776
1802
  paddingLeft: adjustedPaddingLeft,
1777
1803
  paddingRight: adjustedPaddingRight
1778
1804
  },
1779
1805
  disabled: {
1780
- background: _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3___default.a.offWhite,
1806
+ background: _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4___default.a.offWhite,
1781
1807
  borderColor: offBlack16,
1782
1808
  color: offBlack64,
1783
1809
  cursor: "auto"
@@ -1785,18 +1811,18 @@ const _generateStyles = (light, placeholder) => {
1785
1811
  };
1786
1812
  }
1787
1813
 
1788
- stateStyles[styleKey] = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create(newStyles);
1814
+ stateStyles[styleKey] = aphrodite__WEBPACK_IMPORTED_MODULE_2__["StyleSheet"].create(newStyles);
1789
1815
  return stateStyles[styleKey];
1790
1816
  };
1791
1817
 
1792
1818
  /***/ }),
1793
- /* 19 */
1819
+ /* 20 */
1794
1820
  /***/ (function(module, exports) {
1795
1821
 
1796
1822
  module.exports = require("react-window");
1797
1823
 
1798
1824
  /***/ }),
1799
- /* 20 */
1825
+ /* 21 */
1800
1826
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1801
1827
 
1802
1828
  "use strict";
@@ -1842,23 +1868,24 @@ function debounce(callback, wait) {
1842
1868
  }
1843
1869
 
1844
1870
  /***/ }),
1845
- /* 21 */
1871
+ /* 22 */
1846
1872
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1847
1873
 
1848
1874
  "use strict";
1849
1875
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ActionMenu; });
1850
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
1851
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1852
- /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
1853
- /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
1854
- /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
1855
- /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(aphrodite__WEBPACK_IMPORTED_MODULE_2__);
1856
- /* harmony import */ var _dropdown_opener_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(13);
1857
- /* harmony import */ var _action_item_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(11);
1858
- /* harmony import */ var _option_item_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(12);
1859
- /* harmony import */ var _dropdown_core_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(14);
1860
- /* harmony import */ var _action_menu_opener_core_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(33);
1861
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1876
+ /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
1877
+ /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
1878
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);
1879
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
1880
+ /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8);
1881
+ /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_2__);
1882
+ /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4);
1883
+ /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(aphrodite__WEBPACK_IMPORTED_MODULE_3__);
1884
+ /* harmony import */ var _dropdown_opener_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(14);
1885
+ /* harmony import */ var _action_item_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(12);
1886
+ /* harmony import */ var _option_item_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(13);
1887
+ /* harmony import */ var _dropdown_core_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(15);
1888
+ /* harmony import */ var _action_menu_opener_core_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(34);
1862
1889
 
1863
1890
 
1864
1891
 
@@ -1883,7 +1910,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
1883
1910
  * </ActionMenu>
1884
1911
  * ```
1885
1912
  */
1886
- class ActionMenu extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
1913
+ class ActionMenu extends react__WEBPACK_IMPORTED_MODULE_1__["Component"] {
1887
1914
  constructor(...args) {
1888
1915
  super(...args);
1889
1916
  this.state = {
@@ -1932,7 +1959,7 @@ class ActionMenu extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
1932
1959
  };
1933
1960
 
1934
1961
  this.handleOpenerRef = node => {
1935
- this.openerElement = react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.findDOMNode(node);
1962
+ this.openerElement = react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.findDOMNode(node);
1936
1963
  };
1937
1964
 
1938
1965
  this.handleClick = e => {
@@ -1955,10 +1982,10 @@ class ActionMenu extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
1955
1982
  children,
1956
1983
  selectedValues
1957
1984
  } = this.props;
1958
- const allChildren = react__WEBPACK_IMPORTED_MODULE_0__["Children"].toArray(children).filter(Boolean); // verify if there's at least one OptionItem element to indent the
1985
+ const allChildren = react__WEBPACK_IMPORTED_MODULE_1__["Children"].toArray(children).filter(Boolean); // verify if there's at least one OptionItem element to indent the
1959
1986
  // possible Action items
1960
1987
 
1961
- const isOptionItemIncluded = allChildren.some(item => _option_item_js__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"].isClassOf(item));
1988
+ const isOptionItemIncluded = allChildren.some(item => _option_item_js__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"].isClassOf(item));
1962
1989
  return allChildren.map(item => {
1963
1990
  const {
1964
1991
  value,
@@ -1966,18 +1993,18 @@ class ActionMenu extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
1966
1993
  } = item.props;
1967
1994
  const itemObject = {
1968
1995
  component: item,
1969
- focusable: _action_item_js__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"].isClassOf(item) || _option_item_js__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"].isClassOf(item) ? !disabled : false,
1996
+ focusable: _action_item_js__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"].isClassOf(item) || _option_item_js__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"].isClassOf(item) ? !disabled : false,
1970
1997
  populatedProps: {}
1971
1998
  };
1972
1999
 
1973
- if (_action_item_js__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"].isClassOf(item)) {
2000
+ if (_action_item_js__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"].isClassOf(item)) {
1974
2001
  return { ...itemObject,
1975
2002
  populatedProps: {
1976
2003
  indent: isOptionItemIncluded,
1977
2004
  onClick: this.handleItemSelected
1978
2005
  }
1979
2006
  };
1980
- } else if (_option_item_js__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"].isClassOf(item)) {
2007
+ } else if (_option_item_js__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"].isClassOf(item)) {
1981
2008
  return { ...itemObject,
1982
2009
  populatedProps: {
1983
2010
  onToggle: this.handleOptionSelected,
@@ -2001,7 +2028,7 @@ class ActionMenu extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
2001
2028
  const {
2002
2029
  opened
2003
2030
  } = this.state;
2004
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_dropdown_opener_js__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], {
2031
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_dropdown_opener_js__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"], {
2005
2032
  onClick: this.handleClick,
2006
2033
  disabled: numItems === 0 || disabled,
2007
2034
  text: menuText,
@@ -2013,7 +2040,7 @@ class ActionMenu extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
2013
2040
  text,
2014
2041
  ...eventState
2015
2042
  } = openerProps;
2016
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_action_menu_opener_core_js__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], _extends({}, eventState, {
2043
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_action_menu_opener_core_js__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, eventState, {
2017
2044
  disabled: disabled,
2018
2045
  opened: !!opened,
2019
2046
  testId: testId
@@ -2030,7 +2057,7 @@ class ActionMenu extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
2030
2057
  } = this.props;
2031
2058
  const items = this.getMenuItems();
2032
2059
  const dropdownOpener = this.renderOpener(items.length);
2033
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_dropdown_core_js__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"], {
2060
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_dropdown_core_js__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], {
2034
2061
  role: "menu",
2035
2062
  style: style,
2036
2063
  className: className,
@@ -2049,7 +2076,7 @@ ActionMenu.defaultProps = {
2049
2076
  alignment: "left",
2050
2077
  disabled: false
2051
2078
  };
2052
- const styles = aphrodite__WEBPACK_IMPORTED_MODULE_2__["StyleSheet"].create({
2079
+ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_3__["StyleSheet"].create({
2053
2080
  caret: {
2054
2081
  marginLeft: 4
2055
2082
  },
@@ -2067,20 +2094,21 @@ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_2__["StyleSheet"].create({
2067
2094
  });
2068
2095
 
2069
2096
  /***/ }),
2070
- /* 22 */
2097
+ /* 23 */
2071
2098
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
2072
2099
 
2073
2100
  "use strict";
2074
2101
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SingleSelect; });
2075
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
2076
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2077
- /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
2078
- /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
2079
- /* harmony import */ var _dropdown_core_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14);
2080
- /* harmony import */ var _dropdown_opener_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(13);
2081
- /* harmony import */ var _select_opener_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(18);
2082
- /* harmony import */ var _util_constants_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2);
2083
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2102
+ /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
2103
+ /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
2104
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);
2105
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
2106
+ /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8);
2107
+ /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_2__);
2108
+ /* harmony import */ var _dropdown_core_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15);
2109
+ /* harmony import */ var _dropdown_opener_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(14);
2110
+ /* harmony import */ var _select_opener_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(19);
2111
+ /* harmony import */ var _util_constants_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2);
2084
2112
 
2085
2113
 
2086
2114
 
@@ -2114,7 +2142,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
2114
2142
  * </SingleSelect>
2115
2143
  * ```
2116
2144
  */
2117
- class SingleSelect extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
2145
+ class SingleSelect extends react__WEBPACK_IMPORTED_MODULE_1__["Component"] {
2118
2146
  constructor(props) {
2119
2147
  super(props);
2120
2148
 
@@ -2192,7 +2220,7 @@ class SingleSelect extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
2192
2220
  };
2193
2221
 
2194
2222
  this.handleOpenerRef = node => {
2195
- const openerElement = react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.findDOMNode(node);
2223
+ const openerElement = react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.findDOMNode(node);
2196
2224
  this.setState({
2197
2225
  openerElement
2198
2226
  });
@@ -2267,16 +2295,16 @@ class SingleSelect extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
2267
2295
  /* eslint-enable no-unused-vars */
2268
2296
  ...sharedProps
2269
2297
  } = this.props;
2270
- const selectedItem = react__WEBPACK_IMPORTED_MODULE_0__["Children"].toArray(children).find(option => option.props.value === selectedValue); // If nothing is selected, or if the selectedValue doesn't match any
2298
+ const selectedItem = react__WEBPACK_IMPORTED_MODULE_1__["Children"].toArray(children).find(option => option.props.value === selectedValue); // If nothing is selected, or if the selectedValue doesn't match any
2271
2299
  // item in the menu, use the placeholder.
2272
2300
 
2273
2301
  const menuText = selectedItem ? selectedItem.props.label : placeholder;
2274
- const dropdownOpener = opener ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_dropdown_opener_js__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], {
2302
+ const dropdownOpener = opener ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_dropdown_opener_js__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"], {
2275
2303
  onClick: this.handleClick,
2276
2304
  disabled: numItems === 0 || disabled,
2277
2305
  ref: this.handleOpenerRef,
2278
2306
  text: menuText
2279
- }, opener) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_select_opener_js__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"], _extends({}, sharedProps, {
2307
+ }, opener) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_select_opener_js__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, sharedProps, {
2280
2308
  disabled: numItems === 0 || disabled,
2281
2309
  id: id,
2282
2310
  isPlaceholder: !selectedItem,
@@ -2302,14 +2330,14 @@ class SingleSelect extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
2302
2330
  const {
2303
2331
  searchText
2304
2332
  } = this.state;
2305
- const allChildren = react__WEBPACK_IMPORTED_MODULE_0__["Children"].toArray(children).filter(Boolean);
2333
+ const allChildren = react__WEBPACK_IMPORTED_MODULE_1__["Children"].toArray(children).filter(Boolean);
2306
2334
  const items = this.getMenuItems(allChildren);
2307
2335
  const opener = this.renderOpener(allChildren.length);
2308
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_dropdown_core_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], {
2336
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_dropdown_core_js__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], {
2309
2337
  role: "listbox",
2310
2338
  selectionType: "single",
2311
2339
  alignment: alignment,
2312
- dropdownStyle: [isFilterable && _util_constants_js__WEBPACK_IMPORTED_MODULE_5__[/* filterableDropdownStyle */ "e"], _util_constants_js__WEBPACK_IMPORTED_MODULE_5__[/* selectDropdownStyle */ "g"], dropdownStyle],
2340
+ dropdownStyle: [isFilterable && _util_constants_js__WEBPACK_IMPORTED_MODULE_6__[/* filterableDropdownStyle */ "e"], _util_constants_js__WEBPACK_IMPORTED_MODULE_6__[/* selectDropdownStyle */ "g"], dropdownStyle],
2313
2341
  initialFocusedIndex: this.selectedIndex,
2314
2342
  items: items,
2315
2343
  light: light,
@@ -2333,22 +2361,23 @@ SingleSelect.defaultProps = {
2333
2361
  };
2334
2362
 
2335
2363
  /***/ }),
2336
- /* 23 */
2364
+ /* 24 */
2337
2365
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
2338
2366
 
2339
2367
  "use strict";
2340
2368
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MultiSelect; });
2341
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
2342
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2343
- /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
2344
- /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
2345
- /* harmony import */ var _action_item_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11);
2346
- /* harmony import */ var _dropdown_core_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(14);
2347
- /* harmony import */ var _dropdown_opener_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(13);
2348
- /* harmony import */ var _select_opener_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(18);
2349
- /* harmony import */ var _separator_item_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6);
2350
- /* harmony import */ var _util_constants_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(2);
2351
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2369
+ /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
2370
+ /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
2371
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);
2372
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
2373
+ /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8);
2374
+ /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_2__);
2375
+ /* harmony import */ var _action_item_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12);
2376
+ /* harmony import */ var _dropdown_core_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(15);
2377
+ /* harmony import */ var _dropdown_opener_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(14);
2378
+ /* harmony import */ var _select_opener_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(19);
2379
+ /* harmony import */ var _separator_item_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7);
2380
+ /* harmony import */ var _util_constants_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(2);
2352
2381
 
2353
2382
 
2354
2383
 
@@ -2378,7 +2407,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
2378
2407
  * </MultiSelect>
2379
2408
  * ```
2380
2409
  */
2381
- class MultiSelect extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
2410
+ class MultiSelect extends react__WEBPACK_IMPORTED_MODULE_1__["Component"] {
2382
2411
  constructor(props) {
2383
2412
  super(props);
2384
2413
 
@@ -2415,7 +2444,7 @@ class MultiSelect extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
2415
2444
  children,
2416
2445
  onChange
2417
2446
  } = this.props;
2418
- const selected = react__WEBPACK_IMPORTED_MODULE_0__["Children"].toArray(children).filter(Boolean).map(option => option.props.value);
2447
+ const selected = react__WEBPACK_IMPORTED_MODULE_1__["Children"].toArray(children).filter(Boolean).map(option => option.props.value);
2419
2448
  onChange(selected);
2420
2449
  };
2421
2450
 
@@ -2446,7 +2475,7 @@ class MultiSelect extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
2446
2475
  };
2447
2476
 
2448
2477
  this.handleOpenerRef = node => {
2449
- const openerElement = react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.findDOMNode(node);
2478
+ const openerElement = react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.findDOMNode(node);
2450
2479
  this.setState({
2451
2480
  openerElement
2452
2481
  });
@@ -2467,13 +2496,13 @@ class MultiSelect extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
2467
2496
  searchText: "",
2468
2497
  lastSelectedValues: [],
2469
2498
  // merge custom labels with the default ones
2470
- labels: { ..._util_constants_js__WEBPACK_IMPORTED_MODULE_7__[/* defaultLabels */ "d"],
2499
+ labels: { ..._util_constants_js__WEBPACK_IMPORTED_MODULE_8__[/* defaultLabels */ "d"],
2471
2500
  ...props.labels
2472
2501
  },
2473
2502
  openerElement: null
2474
2503
  }; // merge custom labels with the default ones
2475
2504
 
2476
- this.labels = { ..._util_constants_js__WEBPACK_IMPORTED_MODULE_7__[/* defaultLabels */ "d"],
2505
+ this.labels = { ..._util_constants_js__WEBPACK_IMPORTED_MODULE_8__[/* defaultLabels */ "d"],
2477
2506
  ...props.labels
2478
2507
  };
2479
2508
  }
@@ -2546,7 +2575,7 @@ class MultiSelect extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
2546
2575
  if (shortcuts && !this.state.searchText) {
2547
2576
  const selectAllDisabled = numOptions === selectedValues.length;
2548
2577
  const selectAll = {
2549
- component: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_action_item_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], {
2578
+ component: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_action_item_js__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], {
2550
2579
  disabled: selectAllDisabled,
2551
2580
  label: selectAllLabel(numOptions),
2552
2581
  indent: true,
@@ -2557,7 +2586,7 @@ class MultiSelect extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
2557
2586
  };
2558
2587
  const selectNoneDisabled = selectedValues.length === 0;
2559
2588
  const selectNone = {
2560
- component: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_action_item_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], {
2589
+ component: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_action_item_js__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], {
2561
2590
  disabled: selectNoneDisabled,
2562
2591
  label: selectNoneLabel,
2563
2592
  indent: true,
@@ -2567,7 +2596,7 @@ class MultiSelect extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
2567
2596
  populatedProps: {}
2568
2597
  };
2569
2598
  const separator = {
2570
- component: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_separator_item_js__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"], {
2599
+ component: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_separator_item_js__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], {
2571
2600
  key: "shortcuts-separator"
2572
2601
  }),
2573
2602
  focusable: false,
@@ -2614,7 +2643,7 @@ class MultiSelect extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
2614
2643
 
2615
2644
  if (lastSelectedChildren.length && restOfTheChildren.length) {
2616
2645
  lastSelectedItems.push({
2617
- component: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_separator_item_js__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"], {
2646
+ component: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_separator_item_js__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], {
2618
2647
  key: "selected-separator"
2619
2648
  }),
2620
2649
  focusable: false,
@@ -2657,12 +2686,12 @@ class MultiSelect extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
2657
2686
  } = this.state.labels;
2658
2687
  const menuText = this.getMenuText(allChildren);
2659
2688
  const numOptions = allChildren.length;
2660
- const dropdownOpener = opener ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_dropdown_opener_js__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"], {
2689
+ const dropdownOpener = opener ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_dropdown_opener_js__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"], {
2661
2690
  onClick: this.handleClick,
2662
2691
  disabled: numOptions === 0 || disabled,
2663
2692
  ref: this.handleOpenerRef,
2664
2693
  text: menuText
2665
- }, opener) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_select_opener_js__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"], _extends({}, sharedProps, {
2694
+ }, opener) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_select_opener_js__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, sharedProps, {
2666
2695
  disabled: numOptions === 0 || disabled,
2667
2696
  id: id,
2668
2697
  isPlaceholder: menuText === noneSelected,
@@ -2695,14 +2724,14 @@ class MultiSelect extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
2695
2724
  noResults,
2696
2725
  someSelected
2697
2726
  } = this.state.labels;
2698
- const allChildren = react__WEBPACK_IMPORTED_MODULE_0__["Children"].toArray(children).filter(Boolean);
2727
+ const allChildren = react__WEBPACK_IMPORTED_MODULE_1__["Children"].toArray(children).filter(Boolean);
2699
2728
  const numOptions = allChildren.length;
2700
2729
  const filteredItems = this.getMenuItems(allChildren);
2701
2730
  const opener = this.renderOpener(allChildren);
2702
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_dropdown_core_js__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], {
2731
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_dropdown_core_js__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"], {
2703
2732
  role: "listbox",
2704
2733
  alignment: alignment,
2705
- dropdownStyle: [isFilterable && _util_constants_js__WEBPACK_IMPORTED_MODULE_7__[/* filterableDropdownStyle */ "e"], _util_constants_js__WEBPACK_IMPORTED_MODULE_7__[/* selectDropdownStyle */ "g"], dropdownStyle],
2734
+ dropdownStyle: [isFilterable && _util_constants_js__WEBPACK_IMPORTED_MODULE_8__[/* filterableDropdownStyle */ "e"], _util_constants_js__WEBPACK_IMPORTED_MODULE_8__[/* selectDropdownStyle */ "g"], dropdownStyle],
2706
2735
  isFilterable: isFilterable,
2707
2736
  items: [].concat(this.getShortcuts(numOptions), filteredItems),
2708
2737
  light: light,
@@ -2734,13 +2763,13 @@ MultiSelect.defaultProps = {
2734
2763
  };
2735
2764
 
2736
2765
  /***/ }),
2737
- /* 24 */
2766
+ /* 25 */
2738
2767
  /***/ (function(module, exports) {
2739
2768
 
2740
2769
  module.exports = require("react-router-dom");
2741
2770
 
2742
2771
  /***/ }),
2743
- /* 25 */
2772
+ /* 26 */
2744
2773
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
2745
2774
 
2746
2775
  "use strict";
@@ -2751,7 +2780,7 @@ module.exports = require("react-router-dom");
2751
2780
  /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(aphrodite__WEBPACK_IMPORTED_MODULE_1__);
2752
2781
  /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1);
2753
2782
  /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__);
2754
- /* harmony import */ var _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8);
2783
+ /* harmony import */ var _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9);
2755
2784
  /* harmony import */ var _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_3__);
2756
2785
 
2757
2786
 
@@ -2797,7 +2826,7 @@ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
2797
2826
  });
2798
2827
 
2799
2828
  /***/ }),
2800
- /* 26 */
2829
+ /* 27 */
2801
2830
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
2802
2831
 
2803
2832
  "use strict";
@@ -2810,7 +2839,7 @@ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
2810
2839
  /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__);
2811
2840
  /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5);
2812
2841
  /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__);
2813
- /* harmony import */ var _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8);
2842
+ /* harmony import */ var _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9);
2814
2843
  /* harmony import */ var _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_4__);
2815
2844
 
2816
2845
 
@@ -2890,28 +2919,28 @@ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
2890
2919
  });
2891
2920
 
2892
2921
  /***/ }),
2893
- /* 27 */
2922
+ /* 28 */
2894
2923
  /***/ (function(module, exports) {
2895
2924
 
2896
2925
  module.exports = require("@khanacademy/wonder-blocks-search-field");
2897
2926
 
2898
2927
  /***/ }),
2899
- /* 28 */
2928
+ /* 29 */
2900
2929
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
2901
2930
 
2902
2931
  "use strict";
2903
2932
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
2904
2933
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2905
- /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
2934
+ /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
2906
2935
  /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
2907
- /* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(19);
2936
+ /* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20);
2908
2937
  /* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_window__WEBPACK_IMPORTED_MODULE_2__);
2909
- /* harmony import */ var _khanacademy_wonder_blocks_timing__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17);
2938
+ /* harmony import */ var _khanacademy_wonder_blocks_timing__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18);
2910
2939
  /* harmony import */ var _khanacademy_wonder_blocks_timing__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_timing__WEBPACK_IMPORTED_MODULE_3__);
2911
- /* harmony import */ var _dropdown_core_virtualized_item_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(29);
2912
- /* harmony import */ var _separator_item_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6);
2940
+ /* harmony import */ var _dropdown_core_virtualized_item_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(30);
2941
+ /* harmony import */ var _separator_item_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7);
2913
2942
  /* harmony import */ var _util_constants_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2);
2914
- /* harmony import */ var _util_dropdown_menu_styles_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(15);
2943
+ /* harmony import */ var _util_dropdown_menu_styles_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(16);
2915
2944
 
2916
2945
 
2917
2946
 
@@ -3089,13 +3118,13 @@ class DropdownCoreVirtualized extends react__WEBPACK_IMPORTED_MODULE_0__["Compon
3089
3118
  /* harmony default export */ __webpack_exports__["a"] = (Object(_khanacademy_wonder_blocks_timing__WEBPACK_IMPORTED_MODULE_3__["withActionScheduler"])(DropdownCoreVirtualized));
3090
3119
 
3091
3120
  /***/ }),
3092
- /* 29 */
3121
+ /* 30 */
3093
3122
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
3094
3123
 
3095
3124
  "use strict";
3096
3125
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
3097
3126
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3098
- /* harmony import */ var _separator_item_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
3127
+ /* harmony import */ var _separator_item_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
3099
3128
 
3100
3129
 
3101
3130
 
@@ -3143,18 +3172,18 @@ class DropdownVirtualizedItem extends react__WEBPACK_IMPORTED_MODULE_0__["Compon
3143
3172
  /* harmony default export */ __webpack_exports__["a"] = (DropdownVirtualizedItem);
3144
3173
 
3145
3174
  /***/ }),
3146
- /* 30 */
3175
+ /* 31 */
3147
3176
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
3148
3177
 
3149
3178
  "use strict";
3150
3179
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return DropdownPopper; });
3151
3180
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
3152
3181
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3153
- /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
3182
+ /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
3154
3183
  /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
3155
- /* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(31);
3184
+ /* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(32);
3156
3185
  /* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_popper__WEBPACK_IMPORTED_MODULE_2__);
3157
- /* harmony import */ var _khanacademy_wonder_blocks_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(32);
3186
+ /* harmony import */ var _khanacademy_wonder_blocks_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(33);
3158
3187
  /* harmony import */ var _khanacademy_wonder_blocks_modal__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_modal__WEBPACK_IMPORTED_MODULE_3__);
3159
3188
 
3160
3189
 
@@ -3219,41 +3248,42 @@ function DropdownPopper({
3219
3248
  }
3220
3249
 
3221
3250
  /***/ }),
3222
- /* 31 */
3251
+ /* 32 */
3223
3252
  /***/ (function(module, exports) {
3224
3253
 
3225
3254
  module.exports = require("react-popper");
3226
3255
 
3227
3256
  /***/ }),
3228
- /* 32 */
3257
+ /* 33 */
3229
3258
  /***/ (function(module, exports) {
3230
3259
 
3231
3260
  module.exports = require("@khanacademy/wonder-blocks-modal");
3232
3261
 
3233
3262
  /***/ }),
3234
- /* 33 */
3263
+ /* 34 */
3235
3264
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
3236
3265
 
3237
3266
  "use strict";
3238
3267
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ActionMenuOpenerCore; });
3239
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
3240
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3241
- /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
3242
- /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(aphrodite__WEBPACK_IMPORTED_MODULE_1__);
3243
- /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
3244
- /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_2__);
3245
- /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1);
3246
- /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__);
3247
- /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5);
3248
- /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_4__);
3249
- /* harmony import */ var _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8);
3250
- /* harmony import */ var _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_5__);
3251
- /* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3);
3252
- /* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__);
3253
- /* harmony import */ var _khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(34);
3254
- /* harmony import */ var _khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_7__);
3255
- /* harmony import */ var _util_constants_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(2);
3256
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3268
+ /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
3269
+ /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
3270
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);
3271
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
3272
+ /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
3273
+ /* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(aphrodite__WEBPACK_IMPORTED_MODULE_2__);
3274
+ /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(10);
3275
+ /* harmony import */ var _khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_3__);
3276
+ /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1);
3277
+ /* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__);
3278
+ /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5);
3279
+ /* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__);
3280
+ /* harmony import */ var _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9);
3281
+ /* harmony import */ var _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_6__);
3282
+ /* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(3);
3283
+ /* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_7__);
3284
+ /* harmony import */ var _khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(35);
3285
+ /* harmony import */ var _khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_8__);
3286
+ /* harmony import */ var _util_constants_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(2);
3257
3287
 
3258
3288
 
3259
3289
 
@@ -3264,7 +3294,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
3264
3294
 
3265
3295
 
3266
3296
 
3267
- const StyledButton = Object(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_4__["addStyle"])("button");
3297
+ const StyledButton = Object(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__["addStyle"])("button");
3268
3298
  /**
3269
3299
  * Although this component shares a lot with ButtonCore there are a couple
3270
3300
  * of differences:
@@ -3272,7 +3302,7 @@ const StyledButton = Object(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MO
3272
3302
  * - the down caret icon is smaller that the one that would be used by ButtonCore
3273
3303
  */
3274
3304
 
3275
- class ActionMenuOpenerCore extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
3305
+ class ActionMenuOpenerCore extends react__WEBPACK_IMPORTED_MODULE_1__["Component"] {
3276
3306
  render() {
3277
3307
  const {
3278
3308
  children,
@@ -3286,16 +3316,16 @@ class ActionMenuOpenerCore extends react__WEBPACK_IMPORTED_MODULE_0__["Component
3286
3316
  "aria-label": ariaLabel,
3287
3317
  ...restProps
3288
3318
  } = this.props;
3289
- const buttonColor = _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["SemanticColor"].controlDefault;
3319
+ const buttonColor = _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["SemanticColor"].controlDefault;
3290
3320
 
3291
3321
  const buttonStyles = _generateStyles(buttonColor);
3292
3322
 
3293
3323
  const disabled = disabledProp;
3294
3324
  const defaultStyle = [sharedStyles.shared, disabled && sharedStyles.disabled, buttonStyles.default, disabled && buttonStyles.disabled, !disabled && pressed && buttonStyles.active];
3295
- const label = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_2__["LabelLarge"], {
3325
+ const label = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_3__["LabelLarge"], {
3296
3326
  style: sharedStyles.text
3297
3327
  }, children);
3298
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](StyledButton, _extends({
3328
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](StyledButton, _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
3299
3329
  "aria-expanded": opened ? "true" : "false",
3300
3330
  "aria-haspopup": "menu",
3301
3331
  "aria-label": ariaLabel,
@@ -3304,27 +3334,27 @@ class ActionMenuOpenerCore extends react__WEBPACK_IMPORTED_MODULE_0__["Component
3304
3334
  type: "button"
3305
3335
  }, restProps, {
3306
3336
  "data-test-id": testId
3307
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_4__["View"], {
3337
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__["View"], {
3308
3338
  style: !disabled && (hovered || focused) && buttonStyles.focus
3309
- }, label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_7__["Strut"], {
3310
- size: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6___default.a.xxxSmall_4
3311
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_5___default.a, {
3339
+ }, label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_8__["Strut"], {
3340
+ size: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_7___default.a.xxxSmall_4
3341
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_6___default.a, {
3312
3342
  size: "small",
3313
3343
  color: "currentColor",
3314
- icon: _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_5__["icons"].caretDown
3344
+ icon: _khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_6__["icons"].caretDown
3315
3345
  }));
3316
3346
  }
3317
3347
 
3318
3348
  }
3319
- const sharedStyles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
3349
+ const sharedStyles = aphrodite__WEBPACK_IMPORTED_MODULE_2__["StyleSheet"].create({
3320
3350
  shared: {
3321
3351
  position: "relative",
3322
3352
  display: "inline-flex",
3323
3353
  alignItems: "center",
3324
3354
  justifyContent: "center",
3325
- height: _util_constants_js__WEBPACK_IMPORTED_MODULE_8__[/* DROPDOWN_ITEM_HEIGHT */ "a"],
3355
+ height: _util_constants_js__WEBPACK_IMPORTED_MODULE_9__[/* DROPDOWN_ITEM_HEIGHT */ "a"],
3326
3356
  border: "none",
3327
- borderRadius: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6___default.a.xxxSmall_4,
3357
+ borderRadius: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_7___default.a.xxxSmall_4,
3328
3358
  cursor: "pointer",
3329
3359
  outline: "none",
3330
3360
  textDecoration: "none",
@@ -3341,7 +3371,7 @@ const sharedStyles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create
3341
3371
  cursor: "auto"
3342
3372
  },
3343
3373
  small: {
3344
- height: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6___default.a.xLarge_32
3374
+ height: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_7___default.a.xLarge_32
3345
3375
  },
3346
3376
  text: {
3347
3377
  textAlign: "left",
@@ -3373,8 +3403,8 @@ const _generateStyles = color => {
3373
3403
 
3374
3404
  const {
3375
3405
  offBlack32
3376
- } = _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3___default.a;
3377
- const activeColor = Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__["mix"])(offBlack32, color);
3406
+ } = _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4___default.a;
3407
+ const activeColor = Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__["mix"])(offBlack32, color);
3378
3408
  let newStyles = {};
3379
3409
  newStyles = {
3380
3410
  default: {
@@ -3401,38 +3431,38 @@ const _generateStyles = color => {
3401
3431
  cursor: "default"
3402
3432
  }
3403
3433
  };
3404
- styles[buttonType] = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create(newStyles);
3434
+ styles[buttonType] = aphrodite__WEBPACK_IMPORTED_MODULE_2__["StyleSheet"].create(newStyles);
3405
3435
  return styles[buttonType];
3406
3436
  };
3407
3437
 
3408
3438
  /***/ }),
3409
- /* 34 */
3439
+ /* 35 */
3410
3440
  /***/ (function(module, exports) {
3411
3441
 
3412
3442
  module.exports = require("@khanacademy/wonder-blocks-layout");
3413
3443
 
3414
3444
  /***/ }),
3415
- /* 35 */
3445
+ /* 36 */
3416
3446
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
3417
3447
 
3418
3448
  "use strict";
3419
3449
  __webpack_require__.r(__webpack_exports__);
3420
- /* harmony import */ var _components_action_item_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(11);
3450
+ /* harmony import */ var _components_action_item_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
3421
3451
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ActionItem", function() { return _components_action_item_js__WEBPACK_IMPORTED_MODULE_0__["a"]; });
3422
3452
 
3423
- /* harmony import */ var _components_option_item_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12);
3453
+ /* harmony import */ var _components_option_item_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(13);
3424
3454
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "OptionItem", function() { return _components_option_item_js__WEBPACK_IMPORTED_MODULE_1__["a"]; });
3425
3455
 
3426
- /* harmony import */ var _components_separator_item_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6);
3456
+ /* harmony import */ var _components_separator_item_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
3427
3457
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SeparatorItem", function() { return _components_separator_item_js__WEBPACK_IMPORTED_MODULE_2__["a"]; });
3428
3458
 
3429
- /* harmony import */ var _components_action_menu_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(21);
3459
+ /* harmony import */ var _components_action_menu_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(22);
3430
3460
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ActionMenu", function() { return _components_action_menu_js__WEBPACK_IMPORTED_MODULE_3__["a"]; });
3431
3461
 
3432
- /* harmony import */ var _components_single_select_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(22);
3462
+ /* harmony import */ var _components_single_select_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23);
3433
3463
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SingleSelect", function() { return _components_single_select_js__WEBPACK_IMPORTED_MODULE_4__["a"]; });
3434
3464
 
3435
- /* harmony import */ var _components_multi_select_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(23);
3465
+ /* harmony import */ var _components_multi_select_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(24);
3436
3466
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultiSelect", function() { return _components_multi_select_js__WEBPACK_IMPORTED_MODULE_5__["a"]; });
3437
3467
 
3438
3468