@@ -335,7 +335,7 @@ return /******/ (function(modules) { // webpackBootstrap
335335
336336 getSimplePopover: function getSimplePopover() {
337337 return !this.props.disabled && this.state.isOpen ? _react2['default'].createElement('div', {
338- className: 'slds-dropdown slds-dropdown--left slds-dropdown--small slds-dropdown-- menu',
338+ className: 'slds-dropdown slds-dropdown--left slds-dropdown--menu',
339339 style: { maxHeight: '20em' } }, this.getPopoverContent()) : null;
340340 },
341341
@@ -359,20 +359,6 @@ return /******/ (function(modules) { // webpackBootstrap
359359 });
360360 },
361361
362- render: function render() {
363- return _react2['default'].createElement('div', { className: "slds-form-element slds-theme--" + this.props.theme }, _react2['default'].createElement('div', { className: "slds-picklist slds-theme--" + this.props.theme }, _react2['default'].createElement('button', {
364- id: this.state.triggerId,
365- ref: 'triggerbutton',
366- className: 'slds-button slds-button--neutral slds-picklist__label ' + this.props.className,
367- 'aria-haspopup': 'true',
368- onBlur: this.handleBlur,
369- onFocus: this.handleFocus,
370- onClick: this.handleClick,
371- onMouseDown: this.handleMouseDown,
372- tabIndex: this.state.isOpen ? -1 : 0,
373- onKeyDown: this.handleKeyDown }, _react2['default'].createElement('span', { className: 'slds-truncate' }, this.getPlaceholder()), _react2['default'].createElement(_SLDSIcons2.Icon, { name: 'down', category: 'utility' })), this.props.modal ? this.getModalPopover() : this.getSimplePopover()));
374- },
375-
376362 componentDidUpdate: function componentDidUpdate(prevProps, prevState) {
377363
378364 if (this.state.lastBlurredTimeStamp !== prevState.lastBlurredTimeStamp) {
@@ -398,6 +384,20 @@ return /******/ (function(modules) { // webpackBootstrap
398384 if (this.props.value !== prevProps.value) {
399385 this.handleSelect(this.getIndexByValue(this.props.value));
400386 }
387+ },
388+
389+ render: function render() {
390+ return _react2['default'].createElement('div', { className: 'slds-picklist', 'aria-expanded': this.state.isOpen }, _react2['default'].createElement('button', {
391+ id: this.state.triggerId,
392+ ref: 'triggerbutton',
393+ className: 'slds-button slds-button--neutral slds-picklist__label',
394+ 'aria-haspopup': 'true',
395+ onBlur: this.handleBlur,
396+ onFocus: this.handleFocus,
397+ onClick: this.handleClick,
398+ onMouseDown: this.handleMouseDown,
399+ tabIndex: this.state.isOpen ? -1 : 0,
400+ onKeyDown: this.handleKeyDown }, _react2['default'].createElement('span', { className: 'slds-truncate' }, this.getPlaceholder()), _react2['default'].createElement(_SLDSIcons2.Icon, { name: 'down', category: 'utility' })), this.props.modal ? this.getModalPopover() : this.getSimplePopover());
401401 }
402402
403403 });
@@ -3163,12 +3163,11 @@ return /******/ (function(modules) { // webpackBootstrap
31633163
31643164 return {
31653165 componentDidMount: function() {
3166- if(typeof this.handleClickOutside !== "function" )
3166+ if(! this.handleClickOutside)
31673167 throw new Error("Component lacks a handleClickOutside(event) function for processing outside click events.");
31683168
31693169 var fn = this.__outsideClickHandler = (function(localNode, eventHandler) {
31703170 return function(evt) {
3171- evt.stopPropagation();
31723171 var source = evt.target;
31733172 var found = false;
31743173 // If source=local then this event came from "somewhere"
@@ -3223,7 +3222,7 @@ return /******/ (function(modules) { // webpackBootstrap
32233222 * Can be called to explicitly disable event listening
32243223 * for clicks and touches outside of this element.
32253224 */
3226- disableOnClickOutside: function() {
3225+ disableOnClickOutside: function(fn ) {
32273226 var fn = this.__outsideClickHandler;
32283227 document.removeEventListener("mousedown", fn);
32293228 document.removeEventListener("touchstart", fn);
@@ -3412,7 +3411,7 @@ return /******/ (function(modules) { // webpackBootstrap
34123411 onMouseDown: this.handleMouseDown
34133412 }, _react2["default"].createElement("ul", {
34143413 ref: "scroll",
3415- className: "slds-dropdown__list slds-theme--" + this.props.theme ,
3414+ className: "slds-dropdown__list" ,
34163415 role: "menu",
34173416 "aria-labelledby": this.props.triggerId }, this.getItems()));
34183417 },
@@ -3514,6 +3513,7 @@ return /******/ (function(modules) { // webpackBootstrap
35143513 var name = this.props.name ? this.props.name.replace(/_/g, '-') : '';
35153514 var iconClassName = 'slds-icon-' + this.props.category + '-' + (this.props.theme || name);
35163515 var styles = this.props.category === 'action' ? { padding: '.5rem' } : null;
3516+ var label = null;
35173517
35183518 var className = 'slds-icon';
35193519 if (this.props.stateful) {
@@ -3528,8 +3528,11 @@ return /******/ (function(modules) { // webpackBootstrap
35283528 if (this.props.position) {
35293529 className += ' slds-icon--' + this.props.position;
35303530 }
3531+ if (this.props.assistiveText) {
3532+ label = _react2['default'].createElement('span', { className: 'slds-assistive-text' }, this.props.assistiveText);
3533+ }
35313534 className = className + ' ' + iconClassName;
3532- return _react2['default'].createElement('span', { className: 'slds-icon__container ', style: styles }, _react2['default'].createElement(_SLDSUtilityIcon2['default'], { name: this.props.name, category: this.props.category, 'aria-hidden': 'true', className: className, style: this.props.style }));
3535+ return _react2['default'].createElement('span', { style: styles }, label , _react2['default'].createElement(_SLDSUtilityIcon2['default'], { name: this.props.name, category: this.props.category, 'aria-hidden': 'true', className: className, style: this.props.style }));
35333536 }
35343537
35353538 });
@@ -6484,7 +6487,7 @@ return /******/ (function(modules) { // webpackBootstrap
64846487
64856488 render: function render() {
64866489 return _react2['default'].createElement('li', {
6487- className: " slds-dropdown__item slds-has-icon slds-has-icon--left slds-theme--" + this.props.theme ,
6490+ className: ' slds-dropdown__item slds-has-icon slds-has-icon--left' ,
64886491 onMouseDown: this.handleMouseDown,
64896492 tabIndex: -1 }, _react2['default'].createElement('a', { id: 'menu-0-' + this.props.index,
64906493 href: '',
@@ -7399,11 +7402,11 @@ return /******/ (function(modules) { // webpackBootstrap
73997402 var _again = true;_function: while (_again) {
74007403 var object = _x,
74017404 property = _x2,
7402- receiver = _x3;_again = false;if (object === null) object = Function.prototype;var desc = Object.getOwnPropertyDescriptor(object, property);if (desc === undefined) {
7405+ receiver = _x3;desc = parent = getter = undefined; _again = false;if (object === null) object = Function.prototype;var desc = Object.getOwnPropertyDescriptor(object, property);if (desc === undefined) {
74037406 var parent = Object.getPrototypeOf(object);if (parent === null) {
74047407 return undefined;
74057408 } else {
7406- _x = parent;_x2 = property;_x3 = receiver;_again = true;desc = parent = undefined; continue _function;
7409+ _x = parent;_x2 = property;_x3 = receiver;_again = true;continue _function;
74077410 }
74087411 } else if ("value" in desc) {
74097412 return desc.value;
@@ -9339,14 +9342,12 @@ return /******/ (function(modules) { // webpackBootstrap
93399342 Licensed under the MIT License (MIT), see
93409343 http://jedwatson.github.io/classnames
93419344 */
9342- /* global define */
93439345
93449346 (function () {
93459347 'use strict';
93469348
9347- var hasOwn = {}.hasOwnProperty;
9348-
93499349 function classNames () {
9350+
93509351 var classes = '';
93519352
93529353 for (var i = 0; i < arguments.length; i++) {
@@ -9355,13 +9356,15 @@ return /******/ (function(modules) { // webpackBootstrap
93559356
93569357 var argType = typeof arg;
93579358
9358- if (argType === 'string' || argType === 'number' ) {
9359+ if ('string' === argType || 'number' === argType ) {
93599360 classes += ' ' + arg;
9361+
93609362 } else if (Array.isArray(arg)) {
93619363 classes += ' ' + classNames.apply(null, arg);
9362- } else if (argType === 'object') {
9364+
9365+ } else if ('object' === argType) {
93639366 for (var key in arg) {
9364- if (hasOwn.call(arg, key) && arg[key]) {
9367+ if (arg.hasOwnProperty( key) && arg[key]) {
93659368 classes += ' ' + key;
93669369 }
93679370 }
@@ -9373,14 +9376,15 @@ return /******/ (function(modules) { // webpackBootstrap
93739376
93749377 if (typeof module !== 'undefined' && module.exports) {
93759378 module.exports = classNames;
9376- } else if (true) {
9377- // register as 'classnames', consistent with npm package name
9379+ } else if (true){
9380+ // AMD. Register as an anonymous module.
93789381 !(__WEBPACK_AMD_DEFINE_RESULT__ = function () {
93799382 return classNames;
93809383 }.call(exports, __webpack_require__, exports, module), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
93819384 } else {
93829385 window.classNames = classNames;
93839386 }
9387+
93849388 }());
93859389
93869390
@@ -9415,11 +9419,11 @@ return /******/ (function(modules) { // webpackBootstrap
94159419 var _again = true;_function: while (_again) {
94169420 var object = _x,
94179421 property = _x2,
9418- receiver = _x3;_again = false;if (object === null) object = Function.prototype;var desc = Object.getOwnPropertyDescriptor(object, property);if (desc === undefined) {
9422+ receiver = _x3;desc = parent = getter = undefined; _again = false;if (object === null) object = Function.prototype;var desc = Object.getOwnPropertyDescriptor(object, property);if (desc === undefined) {
94199423 var parent = Object.getPrototypeOf(object);if (parent === null) {
94209424 return undefined;
94219425 } else {
9422- _x = parent;_x2 = property;_x3 = receiver;_again = true;desc = parent = undefined; continue _function;
9426+ _x = parent;_x2 = property;_x3 = receiver;_again = true;continue _function;
94239427 }
94249428 } else if ("value" in desc) {
94259429 return desc.value;
@@ -9512,11 +9516,11 @@ return /******/ (function(modules) { // webpackBootstrap
95129516 var _again = true;_function: while (_again) {
95139517 var object = _x,
95149518 property = _x2,
9515- receiver = _x3;_again = false;if (object === null) object = Function.prototype;var desc = Object.getOwnPropertyDescriptor(object, property);if (desc === undefined) {
9519+ receiver = _x3;desc = parent = getter = undefined; _again = false;if (object === null) object = Function.prototype;var desc = Object.getOwnPropertyDescriptor(object, property);if (desc === undefined) {
95169520 var parent = Object.getPrototypeOf(object);if (parent === null) {
95179521 return undefined;
95189522 } else {
9519- _x = parent;_x2 = property;_x3 = receiver;_again = true;desc = parent = undefined; continue _function;
9523+ _x = parent;_x2 = property;_x3 = receiver;_again = true;continue _function;
95209524 }
95219525 } else if ("value" in desc) {
95229526 return desc.value;
@@ -10015,11 +10019,11 @@ return /******/ (function(modules) { // webpackBootstrap
1001510019 var _again = true;_function: while (_again) {
1001610020 var object = _x,
1001710021 property = _x2,
10018- receiver = _x3;_again = false;if (object === null) object = Function.prototype;var desc = Object.getOwnPropertyDescriptor(object, property);if (desc === undefined) {
10022+ receiver = _x3;desc = parent = getter = undefined; _again = false;if (object === null) object = Function.prototype;var desc = Object.getOwnPropertyDescriptor(object, property);if (desc === undefined) {
1001910023 var parent = Object.getPrototypeOf(object);if (parent === null) {
1002010024 return undefined;
1002110025 } else {
10022- _x = parent;_x2 = property;_x3 = receiver;_again = true;desc = parent = undefined; continue _function;
10026+ _x = parent;_x2 = property;_x3 = receiver;_again = true;continue _function;
1002310027 }
1002410028 } else if ('value' in desc) {
1002510029 return desc.value;
@@ -10234,11 +10238,11 @@ return /******/ (function(modules) { // webpackBootstrap
1023410238 var _again = true;_function: while (_again) {
1023510239 var object = _x,
1023610240 property = _x2,
10237- receiver = _x3;_again = false;if (object === null) object = Function.prototype;var desc = Object.getOwnPropertyDescriptor(object, property);if (desc === undefined) {
10241+ receiver = _x3;desc = parent = getter = undefined; _again = false;if (object === null) object = Function.prototype;var desc = Object.getOwnPropertyDescriptor(object, property);if (desc === undefined) {
1023810242 var parent = Object.getPrototypeOf(object);if (parent === null) {
1023910243 return undefined;
1024010244 } else {
10241- _x = parent;_x2 = property;_x3 = receiver;_again = true;desc = parent = undefined; continue _function;
10245+ _x = parent;_x2 = property;_x3 = receiver;_again = true;continue _function;
1024210246 }
1024310247 } else if ('value' in desc) {
1024410248 return desc.value;
@@ -10521,11 +10525,11 @@ return /******/ (function(modules) { // webpackBootstrap
1052110525 var _again = true;_function: while (_again) {
1052210526 var object = _x,
1052310527 property = _x2,
10524- receiver = _x3;_again = false;if (object === null) object = Function.prototype;var desc = Object.getOwnPropertyDescriptor(object, property);if (desc === undefined) {
10528+ receiver = _x3;desc = parent = getter = undefined; _again = false;if (object === null) object = Function.prototype;var desc = Object.getOwnPropertyDescriptor(object, property);if (desc === undefined) {
1052510529 var parent = Object.getPrototypeOf(object);if (parent === null) {
1052610530 return undefined;
1052710531 } else {
10528- _x = parent;_x2 = property;_x3 = receiver;_again = true;desc = parent = undefined; continue _function;
10532+ _x = parent;_x2 = property;_x3 = receiver;_again = true;continue _function;
1052910533 }
1053010534 } else if ('value' in desc) {
1053110535 return desc.value;
@@ -10633,11 +10637,11 @@ return /******/ (function(modules) { // webpackBootstrap
1063310637 var _again = true;_function: while (_again) {
1063410638 var object = _x,
1063510639 property = _x2,
10636- receiver = _x3;_again = false;if (object === null) object = Function.prototype;var desc = Object.getOwnPropertyDescriptor(object, property);if (desc === undefined) {
10640+ receiver = _x3;desc = parent = getter = undefined; _again = false;if (object === null) object = Function.prototype;var desc = Object.getOwnPropertyDescriptor(object, property);if (desc === undefined) {
1063710641 var parent = Object.getPrototypeOf(object);if (parent === null) {
1063810642 return undefined;
1063910643 } else {
10640- _x = parent;_x2 = property;_x3 = receiver;_again = true;desc = parent = undefined; continue _function;
10644+ _x = parent;_x2 = property;_x3 = receiver;_again = true;continue _function;
1064110645 }
1064210646 } else if ('value' in desc) {
1064310647 return desc.value;
@@ -11200,11 +11204,11 @@ return /******/ (function(modules) { // webpackBootstrap
1120011204 var _again = true;_function: while (_again) {
1120111205 var object = _x,
1120211206 property = _x2,
11203- receiver = _x3;_again = false;if (object === null) object = Function.prototype;var desc = Object.getOwnPropertyDescriptor(object, property);if (desc === undefined) {
11207+ receiver = _x3;desc = parent = getter = undefined; _again = false;if (object === null) object = Function.prototype;var desc = Object.getOwnPropertyDescriptor(object, property);if (desc === undefined) {
1120411208 var parent = Object.getPrototypeOf(object);if (parent === null) {
1120511209 return undefined;
1120611210 } else {
11207- _x = parent;_x2 = property;_x3 = receiver;_again = true;desc = parent = undefined; continue _function;
11211+ _x = parent;_x2 = property;_x3 = receiver;_again = true;continue _function;
1120811212 }
1120911213 } else if ("value" in desc) {
1121011214 return desc.value;
0 commit comments