@zendeskgarden/react-selection - npm Package Compare versions

Comparing version 4.6.0 to 4.6.1

CHANGELOG.md

		@@ -6,2 +6,10 @@ # Change Log

		## [4.6.1](https://github.com/zendeskgarden/react-components/compare/@zendeskgarden/react-selection@4.6.0...@zendeskgarden/react-selection@4.6.1) (2018-12-04)

		Note: Version bump only for package @zendeskgarden/react-selection





		<a name="4.6.0"></a>
		@@ -8,0 +16,0 @@ # [4.6.0](https://github.com/zendeskgarden/react-components/compare/@zendeskgarden/react-selection@4.5.1...@zendeskgarden/react-selection@4.6.0) (2018-09-27)

1159

dist/index.js

		@@ -90,3 +90,3 @@ /*!
		/******/ // Load entry module and return exports
		/******/ return __webpack_require__(__webpack_require__.s = 7);
		/******/ return __webpack_require__(__webpack_require__.s = 4);
		/******/ })
		@@ -102,11 +102,73 @@ /************************************************************************/
		/* 1 */
		/***/ (function(module, exports, __webpack_require__) {
		/***/ (function(module, exports) {

		module.exports = require("@zendeskgarden/react-theming");

		/***/ }),
		/* 2 */
		/***/ (function(module, exports) {

		module.exports = require("react");

		/***/ }),
		/* 3 */
		/***/ (function(module, exports) {

		module.exports = require("dom-helpers/util/scrollTo");

		/***/ }),
		/* 4 */
		/***/ (function(module, __webpack_exports__, __webpack_require__) {

		"use strict";
		__webpack_require__.r(__webpack_exports__);

		// CONCATENATED MODULE: ./src/constants/KEY_CODES.js
		/**
		* Copyright Zendesk, Inc.
		*
		* Use of this source code is governed under the Apache License, Version 2.0
		* found at http://www.apache.org/licenses/LICENSE-2.0.
		*/

		Object.defineProperty(exports, "__esModule", {
		value: true
		/**
		* Inspired by the jQuery UI keyCode constants
		* https://api.jqueryui.com/jQuery.ui.keyCode/
		*
		* @component
		*/
		/* harmony default export */ var KEY_CODES = ({
		ALT: 18,
		BACKSPACE: 8,
		COMMA: 188,
		DELETE: 46,
		DOWN: 40,
		END: 35,
		ENTER: 13,
		ESCAPE: 27,
		HOME: 36,
		LEFT: 37,
		NUMPAD_ADD: 107,
		NUMPAD_DECIMAL: 110,
		NUMPAD_DIVIDE: 111,
		NUMPAD_ENTER: 108,
		NUMPAD_MULTIPLY: 106,
		NUMPAD_SUBTRACT: 109,
		PAGE_DOWN: 34,
		PAGE_UP: 33,
		PERIOD: 190,
		RIGHT: 39,
		SHIFT: 16,
		SPACE: 32,
		TAB: 9,
		UP: 38
		});
		exports.default = composeEventHandlers;
		// EXTERNAL MODULE: external "react"
		var external_react_ = __webpack_require__(2);

		// EXTERNAL MODULE: external "prop-types"
		var external_prop_types_ = __webpack_require__(0);
		var external_prop_types_default = /#__PURE__/__webpack_require__.n(external_prop_types_);

		// CONCATENATED MODULE: ./src/utils/composeEventHandlers.js
		/**
		@@ -136,3 +198,3 @@ * Copyright Zendesk, Inc.
		function composeEventHandlers() {
		for (var _len = arguments.length, fns = Array(_len), _key = 0; _key < _len; _key++) {
		for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
		fns[_key] = arguments[_key];
		@@ -142,3 +204,3 @@ }
		return function (event) {
		for (var _len2 = arguments.length, args = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
		for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
		args[_key2 - 1] = arguments[_key2];
		@@ -148,4 +210,3 @@ }
		return fns.some(function (fn) {
		fn && fn.apply(undefined, [event].concat(args));

		fn && fn.apply(void 0, [event].concat(args));
		return event && event.defaultPrevented;
		@@ -155,63 +216,206 @@ });
		}
		// CONCATENATED MODULE: ./src/containers/KeyboardFocusContainer.js
		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		/***/ }),
		/* 2 */
		/***/ (function(module, exports, __webpack_require__) {
		function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }

		"use strict";
		function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

		function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

		Object.defineProperty(exports, "__esModule", {
		value: true
		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

		/**
		* Copyright Zendesk, Inc.
		*
		* Use of this source code is governed under the Apache License, Version 2.0
		* found at http://www.apache.org/licenses/LICENSE-2.0.
		*/




		var KeyboardFocusContainer_KeyboardFocusContainer =
		/#__PURE__/
		function (_Component) {
		_inherits(KeyboardFocusContainer, _Component);

		function KeyboardFocusContainer() {
		var _getPrototypeOf2;

		var _this;

		_classCallCheck(this, KeyboardFocusContainer);

		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
		args[_key] = arguments[_key];
		}

		_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(KeyboardFocusContainer)).call.apply(_getPrototypeOf2, [this].concat(args)));

		_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "onMouseDown", function () {
		_this.keyboardFocusable = false;
		/**
		* This is necessary to recognize focus events caused by keyboard vs mouseDown.
		* Due to React event ordering this is always called before onFocus.
		*/

		setTimeout(function () {
		_this.keyboardFocusable = true;
		}, 0);
		});

		_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "onFocus", function () {
		if (_this.keyboardFocusable) {
		_this.setState({
		keyboardFocused: true
		});
		}
		});

		_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "onBlur", function () {
		_this.setState({
		keyboardFocused: false
		});
		});

		_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "getFocusProps", function () {
		var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
		_ref$tabIndex = _ref.tabIndex,
		tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
		onBlur = _ref.onBlur,
		onFocus = _ref.onFocus,
		onMouseDown = _ref.onMouseDown,
		otherProps = _objectWithoutProperties(_ref, ["tabIndex", "onBlur", "onFocus", "onMouseDown"]);

		return _objectSpread({
		tabIndex: tabIndex,
		onBlur: composeEventHandlers(onBlur, _this.onBlur),
		onFocus: composeEventHandlers(onFocus, _this.onFocus),
		onMouseDown: composeEventHandlers(onMouseDown, _this.onMouseDown)
		}, otherProps);
		});

		_this.state = {
		keyboardFocused: false
		};
		_this.keyboardFocusable = true;
		return _this;
		}

		_createClass(KeyboardFocusContainer, [{
		key: "render",
		value: function render() {
		var _this$props = this.props,
		children = _this$props.children,
		_this$props$render = _this$props.render,
		render = _this$props$render === void 0 ? children : _this$props$render;
		var keyboardFocused = this.state.keyboardFocused;
		return render({
		getFocusProps: this.getFocusProps,
		keyboardFocused: keyboardFocused
		});
		}
		}]);

		return KeyboardFocusContainer;
		}(external_react_["Component"]);

		_defineProperty(KeyboardFocusContainer_KeyboardFocusContainer, "propTypes", {
		/**
		* @param {Object} renderProps
		* @param {Function} renderProps.getFocusProps - Props to be spread onto the trigger
		* @param {Boolean} renderProps.keyboardFocused - Whether the item is currently focused by a keyboard
		*/
		children: external_prop_types_default.a.func,

		/** Same as children */
		render: external_prop_types_default.a.func
		});

		var _react = __webpack_require__(5);

		var _propTypes = __webpack_require__(0);
		// EXTERNAL MODULE: external "dom-helpers/util/scrollTo"
		var scrollTo_ = __webpack_require__(3);
		var scrollTo_default = /#__PURE__/__webpack_require__.n(scrollTo_);

		var _propTypes2 = _interopRequireDefault(_propTypes);
		// EXTERNAL MODULE: external "@zendeskgarden/react-theming"
		var react_theming_ = __webpack_require__(1);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		// CONCATENATED MODULE: ./src/utils/ControlledComponent.js
		function ControlledComponent_typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { ControlledComponent_typeof = function _typeof(obj) { return typeof obj; }; } else { ControlledComponent_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return ControlledComponent_typeof(obj); }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
		function ControlledComponent_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" \|\| typeof call === "function") ? call : self; }
		function ControlledComponent_possibleConstructorReturn(self, call) { if (call && (ControlledComponent_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return ControlledComponent_assertThisInitialized(self); }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
		* Copyright Zendesk, Inc.
		*
		* Use of this source code is governed under the Apache License, Version 2.0
		* found at http://www.apache.org/licenses/LICENSE-2.0.
		*/
		function ControlledComponent_getPrototypeOf(o) { ControlledComponent_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return ControlledComponent_getPrototypeOf(o); }

		function ControlledComponent_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) ControlledComponent_setPrototypeOf(subClass, superClass); }

		function ControlledComponent_setPrototypeOf(o, p) { ControlledComponent_setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return ControlledComponent_setPrototypeOf(o, p); }

		function ControlledComponent_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function ControlledComponent_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

		/**
		* Copyright Zendesk, Inc.
		*
		* Use of this source code is governed under the Apache License, Version 2.0
		* found at http://www.apache.org/licenses/LICENSE-2.0.
		*/


		/** @component */
		var ControlledComponent = function (_Component) {
		_inherits(ControlledComponent, _Component);

		var ControlledComponent =
		/#__PURE__/
		function (_Component) {
		ControlledComponent_inherits(ControlledComponent, _Component);

		function ControlledComponent() {
		var _ref;
		var _getPrototypeOf2;

		var _temp, _this, _ret;
		var _this;

		_classCallCheck(this, ControlledComponent);
		ControlledComponent_classCallCheck(this, ControlledComponent);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
		args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ControlledComponent.__proto__ \|\| Object.getPrototypeOf(ControlledComponent)).call.apply(_ref, [this].concat(args))), _this), _this.isControlledProp = function (key) {
		_this = ControlledComponent_possibleConstructorReturn(this, (_getPrototypeOf2 = ControlledComponent_getPrototypeOf(ControlledComponent)).call.apply(_getPrototypeOf2, [this].concat(args)));

		ControlledComponent_defineProperty(ControlledComponent_assertThisInitialized(ControlledComponent_assertThisInitialized(_this)), "isControlledProp", function (key) {
		return Object.prototype.hasOwnProperty.call(_this.props, key);
		}, _this.getControlledState = function () {
		});

		ControlledComponent_defineProperty(ControlledComponent_assertThisInitialized(ControlledComponent_assertThisInitialized(_this)), "getControlledState", function () {
		var stateToMerge = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.state;

		return Object.keys(stateToMerge).reduce(function (state, key) {
		state[key] = _this.isControlledProp(key) ? _this.props[key] : stateToMerge[key];

		return state;
		}, {});
		}, _this.setControlledState = function () {
		});

		ControlledComponent_defineProperty(ControlledComponent_assertThisInitialized(ControlledComponent_assertThisInitialized(_this)), "setControlledState", function () {
		var newState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
		var onStateChange = _this.props.onStateChange;


		if (onStateChange) {
		@@ -230,2 +434,3 @@ var newExternalState = {};
		onStateChange(newExternalState);

		_this.setState(newInternalState);
		@@ -235,33 +440,16 @@ } else {
		}
		}, _temp), _possibleConstructorReturn(_this, _ret);
		});

		return _this;
		}

		/**
		* Used to help retrieve state that can be controlled through props
		*/


		/**
		* Used to help set state that can be controlled through props
		*/


		return ControlledComponent;
		}(_react.Component);
		}(external_react_["Component"]);

		ControlledComponent.propTypes = {
		onStateChange: _propTypes2.default.func
		};
		exports.default = ControlledComponent;
		ControlledComponent_defineProperty(ControlledComponent, "propTypes", {
		onStateChange: external_prop_types_default.a.func
		});

		/***/ }),
		/* 3 */
		/***/ (function(module, exports, __webpack_require__) {

		"use strict";


		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		// CONCATENATED MODULE: ./src/utils/IdManager.js
		/**
		@@ -273,5 +461,3 @@ * Copyright Zendesk, Inc.
		*/

		var idCounter = 0;

		/**
		@@ -282,8 +468,7 @@ * This generates a unique ID for all autocomplete inputs
		*/

		function generateId() {
		var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'garden';

		return prefix + '-' + idCounter++;
		return "".concat(prefix, "-").concat(idCounter++);
		}

		/**
		@@ -293,6 +478,7 @@ * This is only used in tests... Could be useful in SSR?
		*/


		function setIdCounter(num) {
		idCounter = num;
		}

		/**
		@@ -307,78 +493,15 @@ * Utility methods for ID management
		**/
		exports.default = {


		/* harmony default export */ var IdManager = ({
		generateId: generateId,
		setIdCounter: setIdCounter
		};

		/***/ }),
		/* 4 */
		/***/ (function(module, exports, __webpack_require__) {

		"use strict";


		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		/**
		* Copyright Zendesk, Inc.
		*
		* Use of this source code is governed under the Apache License, Version 2.0
		* found at http://www.apache.org/licenses/LICENSE-2.0.
		*/
		// CONCATENATED MODULE: ./src/utils/SingleSelectionModel.js
		function SingleSelectionModel_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		/**
		* Inspired by the jQuery UI keyCode constants
		* https://api.jqueryui.com/jQuery.ui.keyCode/
		*
		* @component
		*/
		exports.default = {
		ALT: 18,
		BACKSPACE: 8,
		COMMA: 188,
		DELETE: 46,
		DOWN: 40,
		END: 35,
		ENTER: 13,
		ESCAPE: 27,
		HOME: 36,
		LEFT: 37,
		NUMPAD_ADD: 107,
		NUMPAD_DECIMAL: 110,
		NUMPAD_DIVIDE: 111,
		NUMPAD_ENTER: 108,
		NUMPAD_MULTIPLY: 106,
		NUMPAD_SUBTRACT: 109,
		PAGE_DOWN: 34,
		PAGE_UP: 33,
		PERIOD: 190,
		RIGHT: 39,
		SHIFT: 16,
		SPACE: 32,
		TAB: 9,
		UP: 38
		};
		function SingleSelectionModel_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		/***/ }),
		/* 5 */
		/***/ (function(module, exports) {
		function SingleSelectionModel_createClass(Constructor, protoProps, staticProps) { if (protoProps) SingleSelectionModel_defineProperties(Constructor.prototype, protoProps); if (staticProps) SingleSelectionModel_defineProperties(Constructor, staticProps); return Constructor; }

		module.exports = require("react");

		/***/ }),
		/* 6 */
		/***/ (function(module, exports, __webpack_require__) {

		"use strict";


		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		/**
		@@ -395,9 +518,11 @@ * Copyright Zendesk, Inc.
		*/
		var SingleSelectionModel = function () {
		var SingleSelectionModel =
		/#__PURE__/
		function () {
		function SingleSelectionModel() {
		var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
		_ref$wrapping = _ref.wrapping,
		wrapping = _ref$wrapping === undefined ? 'items' : _ref$wrapping;
		wrapping = _ref$wrapping === void 0 ? 'items' : _ref$wrapping;

		_classCallCheck(this, SingleSelectionModel);
		SingleSelectionModel_classCallCheck(this, SingleSelectionModel);

		@@ -409,4 +534,4 @@ this.selectedIndex = undefined;

		_createClass(SingleSelectionModel, [{
		key: 'fireSelectionChanged',
		SingleSelectionModel_createClass(SingleSelectionModel, [{
		key: "fireSelectionChanged",
		value: function fireSelectionChanged(newSelection, previousSelection) {
		@@ -419,6 +544,5 @@ this.onSelectionChanged && this.onSelectionChanged({
		}, {
		key: 'select',
		key: "select",
		value: function select(index) {
		var previousSelectedIndex = this.selectedIndex;

		this.selectedIndex = index;
		@@ -433,3 +557,3 @@
		}, {
		key: 'selectNext',
		key: "selectNext",
		value: function selectNext() {
		@@ -454,3 +578,2 @@ if (this.numItems > 0) {
		this.select(newIndex);

		return true;
		@@ -462,3 +585,3 @@ }
		}, {
		key: 'selectPrevious',
		key: "selectPrevious",
		value: function selectPrevious() {
		@@ -483,3 +606,2 @@ if (this.numItems > 0) {
		this.select(newIndex);

		return true;
		@@ -491,7 +613,6 @@ }
		}, {
		key: 'selectFirst',
		key: "selectFirst",
		value: function selectFirst() {
		if (this.numItems > 0) {
		this.select(0);

		return true;
		@@ -503,7 +624,6 @@ }
		}, {
		key: 'selectLast',
		key: "selectLast",
		value: function selectLast() {
		if (this.numItems > 0) {
		this.select(this.numItems - 1);

		return true;
		@@ -515,3 +635,3 @@ }
		}, {
		key: 'clearSelection',
		key: "clearSelection",
		value: function clearSelection() {
		@@ -521,7 +641,7 @@ this.select();
		}, {
		key: 'reset',
		key: "reset",
		value: function reset() {
		var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
		_ref2$numItems = _ref2.numItems,
		numItems = _ref2$numItems === undefined ? 0 : _ref2$numItems,
		numItems = _ref2$numItems === void 0 ? 0 : _ref2$numItems,
		selectedIndex = _ref2.selectedIndex;
		@@ -533,3 +653,3 @@
		}, {
		key: 'hasSelection',
		key: "hasSelection",
		value: function hasSelection() {
		@@ -543,286 +663,44 @@ return this.selectedIndex !== undefined;

		exports.default = SingleSelectionModel;

		/***/ }),
		/* 7 */
		/***/ (function(module, exports, __webpack_require__) {
		// CONCATENATED MODULE: ./src/containers/SelectionContainer.js
		function SelectionContainer_typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { SelectionContainer_typeof = function _typeof(obj) { return typeof obj; }; } else { SelectionContainer_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return SelectionContainer_typeof(obj); }

		"use strict";
		function SelectionContainer_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { SelectionContainer_defineProperty(target, key, source[key]); }); } return target; }

		function SelectionContainer_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = SelectionContainer_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		function SelectionContainer_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

		var _KEY_CODES = __webpack_require__(4);
		function SelectionContainer_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		Object.defineProperty(exports, 'KEY_CODES', {
		enumerable: true,
		get: function get() {
		return _interopRequireDefault(_KEY_CODES).default;
		}
		});
		function SelectionContainer_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		var _KeyboardFocusContainer = __webpack_require__(8);
		function SelectionContainer_createClass(Constructor, protoProps, staticProps) { if (protoProps) SelectionContainer_defineProperties(Constructor.prototype, protoProps); if (staticProps) SelectionContainer_defineProperties(Constructor, staticProps); return Constructor; }

		Object.defineProperty(exports, 'KeyboardFocusContainer', {
		enumerable: true,
		get: function get() {
		return _interopRequireDefault(_KeyboardFocusContainer).default;
		}
		});
		function SelectionContainer_possibleConstructorReturn(self, call) { if (call && (SelectionContainer_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return SelectionContainer_assertThisInitialized(self); }

		var _SelectionContainer = __webpack_require__(9);
		function SelectionContainer_getPrototypeOf(o) { SelectionContainer_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return SelectionContainer_getPrototypeOf(o); }

		Object.defineProperty(exports, 'SelectionContainer', {
		enumerable: true,
		get: function get() {
		return _interopRequireDefault(_SelectionContainer).default;
		}
		});
		function SelectionContainer_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) SelectionContainer_setPrototypeOf(subClass, superClass); }

		var _FieldContainer = __webpack_require__(12);
		function SelectionContainer_setPrototypeOf(o, p) { SelectionContainer_setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return SelectionContainer_setPrototypeOf(o, p); }

		Object.defineProperty(exports, 'FieldContainer', {
		enumerable: true,
		get: function get() {
		return _interopRequireDefault(_FieldContainer).default;
		}
		});
		function SelectionContainer_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		var _composeEventHandlers = __webpack_require__(1);
		function SelectionContainer_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

		Object.defineProperty(exports, 'composeEventHandlers', {
		enumerable: true,
		get: function get() {
		return _interopRequireDefault(_composeEventHandlers).default;
		}
		});
		/**
		* Copyright Zendesk, Inc.
		*
		* Use of this source code is governed under the Apache License, Version 2.0
		* found at http://www.apache.org/licenses/LICENSE-2.0.
		*/

		var _ControlledComponent = __webpack_require__(2);

		Object.defineProperty(exports, 'ControlledComponent', {
		enumerable: true,
		get: function get() {
		return _interopRequireDefault(_ControlledComponent).default;
		}
		});

		var _IdManager = __webpack_require__(3);

		Object.defineProperty(exports, 'IdManager', {
		enumerable: true,
		get: function get() {
		return _interopRequireDefault(_IdManager).default;
		}
		});

		var _SingleSelectionModel = __webpack_require__(6);

		Object.defineProperty(exports, 'SingleSelectionModel', {
		enumerable: true,
		get: function get() {
		return _interopRequireDefault(_SingleSelectionModel).default;
		}
		});

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		/***/ }),
		/* 8 */
		/***/ (function(module, exports, __webpack_require__) {

		"use strict";


		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _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; };

		var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

		var _react = __webpack_require__(5);

		var _propTypes = __webpack_require__(0);

		var _propTypes2 = _interopRequireDefault(_propTypes);

		var _composeEventHandlers = __webpack_require__(1);

		var _composeEventHandlers2 = _interopRequireDefault(_composeEventHandlers);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" \|\| typeof call === "function") ? call : self; }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
		* Copyright Zendesk, Inc.
		*
		* Use of this source code is governed under the Apache License, Version 2.0
		* found at http://www.apache.org/licenses/LICENSE-2.0.
		*/

		var KeyboardFocusContainer = function (_Component) {
		_inherits(KeyboardFocusContainer, _Component);

		function KeyboardFocusContainer() {
		var _ref;

		_classCallCheck(this, KeyboardFocusContainer);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
		args[_key] = arguments[_key];
		}

		var _this = _possibleConstructorReturn(this, (_ref = KeyboardFocusContainer.__proto__ \|\| Object.getPrototypeOf(KeyboardFocusContainer)).call.apply(_ref, [this].concat(args)));

		_this.onMouseDown = function () {
		_this.keyboardFocusable = false;

		/**
		* This is necessary to recognize focus events caused by keyboard vs mouseDown.
		* Due to React event ordering this is always called before onFocus.
		*/
		setTimeout(function () {
		_this.keyboardFocusable = true;
		}, 0);
		};

		_this.onFocus = function () {
		if (_this.keyboardFocusable) {
		_this.setState({ keyboardFocused: true });
		}
		};

		_this.onBlur = function () {
		_this.setState({ keyboardFocused: false });
		};

		_this.getFocusProps = function () {
		var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

		var _ref2$tabIndex = _ref2.tabIndex,
		tabIndex = _ref2$tabIndex === undefined ? 0 : _ref2$tabIndex,
		onBlur = _ref2.onBlur,
		onFocus = _ref2.onFocus,
		onMouseDown = _ref2.onMouseDown,
		otherProps = _objectWithoutProperties(_ref2, ['tabIndex', 'onBlur', 'onFocus', 'onMouseDown']);

		return _extends({
		tabIndex: tabIndex,
		onBlur: (0, _composeEventHandlers2.default)(onBlur, _this.onBlur),
		onFocus: (0, _composeEventHandlers2.default)(onFocus, _this.onFocus),
		onMouseDown: (0, _composeEventHandlers2.default)(onMouseDown, _this.onMouseDown)
		}, otherProps);
		};

		_this.state = {
		keyboardFocused: false
		};

		_this.keyboardFocusable = true;
		return _this;
		}

		_createClass(KeyboardFocusContainer, [{
		key: 'render',
		value: function render() {
		var _props = this.props,
		children = _props.children,
		_props$render = _props.render,
		render = _props$render === undefined ? children : _props$render;
		var keyboardFocused = this.state.keyboardFocused;


		return render({
		getFocusProps: this.getFocusProps,
		keyboardFocused: keyboardFocused
		});
		}
		}]);

		return KeyboardFocusContainer;
		}(_react.Component);

		KeyboardFocusContainer.propTypes = {
		/**
		* @param {Object} renderProps
		* @param {Function} renderProps.getFocusProps - Props to be spread onto the trigger
		* @param {Boolean} renderProps.keyboardFocused - Whether the item is currently focused by a keyboard
		*/
		children: _propTypes2.default.func,
		/** Same as children */
		render: _propTypes2.default.func
		};
		exports.default = KeyboardFocusContainer;

		/***/ }),
		/* 9 */
		/***/ (function(module, exports, __webpack_require__) {

		"use strict";


		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports.SelectionContainer = undefined;

		var _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; };

		var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

		var _propTypes = __webpack_require__(0);

		var _propTypes2 = _interopRequireDefault(_propTypes);

		var _scrollTo = __webpack_require__(10);

		var _scrollTo2 = _interopRequireDefault(_scrollTo);

		var _reactTheming = __webpack_require__(11);

		var _ControlledComponent2 = __webpack_require__(2);

		var _ControlledComponent3 = _interopRequireDefault(_ControlledComponent2);

		var _composeEventHandlers = __webpack_require__(1);

		var _composeEventHandlers2 = _interopRequireDefault(_composeEventHandlers);

		var _IdManager = __webpack_require__(3);

		var _IdManager2 = _interopRequireDefault(_IdManager);

		var _KEY_CODES = __webpack_require__(4);

		var _KEY_CODES2 = _interopRequireDefault(_KEY_CODES);

		var _SingleSelectionModel = __webpack_require__(6);

		var _SingleSelectionModel2 = _interopRequireDefault(_SingleSelectionModel);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

		function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" \|\| typeof call === "function") ? call : self; }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
		* Copyright Zendesk, Inc.
		*
		* Use of this source code is governed under the Apache License, Version 2.0
		* found at http://www.apache.org/licenses/LICENSE-2.0.
		*/

		var KEYBOARD_DIRECTION = {
		@@ -833,18 +711,21 @@ HORIZONTAL: 'horizontal',
		};
		var SelectionContainer_SelectionContainer =
		/#__PURE__/
		function (_ControlledComponent) {
		SelectionContainer_inherits(SelectionContainer, _ControlledComponent);

		var SelectionContainer = exports.SelectionContainer = function (_ControlledComponent) {
		_inherits(SelectionContainer, _ControlledComponent);

		function SelectionContainer() {
		var _ref, _this$keyDownEventHan;
		var _getPrototypeOf2, _defineProperty2;

		_classCallCheck(this, SelectionContainer);
		var _this;

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
		SelectionContainer_classCallCheck(this, SelectionContainer);

		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
		args[_key] = arguments[_key];
		}

		var _this = _possibleConstructorReturn(this, (_ref = SelectionContainer.__proto__ \|\| Object.getPrototypeOf(SelectionContainer)).call.apply(_ref, [this].concat(args)));
		_this = SelectionContainer_possibleConstructorReturn(this, (_getPrototypeOf2 = SelectionContainer_getPrototypeOf(SelectionContainer)).call.apply(_getPrototypeOf2, [this].concat(args)));

		_this.keyDownEventHandlers = (_this$keyDownEventHan = {}, _defineProperty(_this$keyDownEventHan, _KEY_CODES2.default.ENTER, function (event) {
		SelectionContainer_defineProperty(SelectionContainer_assertThisInitialized(SelectionContainer_assertThisInitialized(_this)), "keyDownEventHandlers", (_defineProperty2 = {}, SelectionContainer_defineProperty(_defineProperty2, KEY_CODES.ENTER, function (event) {
		event.preventDefault();
		@@ -856,3 +737,3 @@
		_this.selectItem(focusedKey, focusedKey);
		}), _defineProperty(_this$keyDownEventHan, _KEY_CODES2.default.SPACE, function (event) {
		}), SelectionContainer_defineProperty(_defineProperty2, KEY_CODES.SPACE, function (event) {
		event.preventDefault();
		@@ -864,16 +745,17 @@
		_this.selectItem(focusedKey, focusedKey);
		}), _defineProperty(_this$keyDownEventHan, _KEY_CODES2.default.END, function (event) {
		}), SelectionContainer_defineProperty(_defineProperty2, KEY_CODES.END, function (event) {
		event.preventDefault();

		_this.focusSelectionModel.selectLast();
		}), _defineProperty(_this$keyDownEventHan, _KEY_CODES2.default.HOME, function (event) {
		}), SelectionContainer_defineProperty(_defineProperty2, KEY_CODES.HOME, function (event) {
		event.preventDefault();

		_this.focusSelectionModel.selectFirst();
		}), _defineProperty(_this$keyDownEventHan, _KEY_CODES2.default.LEFT, function (event) {
		}), SelectionContainer_defineProperty(_defineProperty2, KEY_CODES.LEFT, function (event) {
		var direction = _this.props.direction;


		if (direction !== KEYBOARD_DIRECTION.VERTICAL) {
		event.preventDefault();

		if ((0, _reactTheming.isRtl)(_this.props)) {
		if (Object(react_theming_["isRtl"])(_this.props)) {
		_this.focusSelectionModel.selectNext();
		@@ -884,10 +766,9 @@ } else {
		}
		}), _defineProperty(_this$keyDownEventHan, _KEY_CODES2.default.RIGHT, function (event) {
		}), SelectionContainer_defineProperty(_defineProperty2, KEY_CODES.RIGHT, function (event) {
		var direction = _this.props.direction;


		if (direction !== KEYBOARD_DIRECTION.VERTICAL) {
		event.preventDefault();

		if ((0, _reactTheming.isRtl)(_this.props)) {
		if (Object(react_theming_["isRtl"])(_this.props)) {
		_this.focusSelectionModel.selectPrevious();
		@@ -898,51 +779,54 @@ } else {
		}
		}), _defineProperty(_this$keyDownEventHan, _KEY_CODES2.default.UP, function (event) {
		}), SelectionContainer_defineProperty(_defineProperty2, KEY_CODES.UP, function (event) {
		var direction = _this.props.direction;


		if (direction !== KEYBOARD_DIRECTION.HORIZONTAL) {
		event.preventDefault();

		_this.focusSelectionModel.selectPrevious();
		}
		}), _defineProperty(_this$keyDownEventHan, _KEY_CODES2.default.DOWN, function (event) {
		}), SelectionContainer_defineProperty(_defineProperty2, KEY_CODES.DOWN, function (event) {
		var direction = _this.props.direction;


		if (direction !== KEYBOARD_DIRECTION.HORIZONTAL) {
		event.preventDefault();

		_this.focusSelectionModel.selectNext();
		}
		}), _this$keyDownEventHan);
		}), _defineProperty2));

		_this.onFocusSelectionModelChange = function (_ref2) {
		var newSelection = _ref2.newSelection;

		SelectionContainer_defineProperty(SelectionContainer_assertThisInitialized(SelectionContainer_assertThisInitialized(_this)), "onFocusSelectionModelChange", function (_ref) {
		var newSelection = _ref.newSelection;
		var focusedKey = _this.indexKeyMap[newSelection];

		_this.setControlledState({ focusedKey: focusedKey });
		};
		_this.setControlledState({
		focusedKey: focusedKey
		});
		});

		_this.selectItem = function (selectedKey, focusedKey) {
		_this.setControlledState({ selectedKey: selectedKey, focusedKey: focusedKey });
		};
		SelectionContainer_defineProperty(SelectionContainer_assertThisInitialized(SelectionContainer_assertThisInitialized(_this)), "selectItem", function (selectedKey, focusedKey) {
		_this.setControlledState({
		selectedKey: selectedKey,
		focusedKey: focusedKey
		});
		});

		_this.getContainerId = function () {
		return _this.getControlledState().id + '--container';
		};
		SelectionContainer_defineProperty(SelectionContainer_assertThisInitialized(SelectionContainer_assertThisInitialized(_this)), "getContainerId", function () {
		return "".concat(_this.getControlledState().id, "--container");
		});

		_this.getContainerProps = function () {
		var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
		SelectionContainer_defineProperty(SelectionContainer_assertThisInitialized(SelectionContainer_assertThisInitialized(_this)), "getContainerProps", function () {
		var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
		_ref2$id = _ref2.id,
		id = _ref2$id === void 0 ? _this.getContainerId() : _ref2$id,
		_ref2$role = _ref2.role,
		role = _ref2$role === void 0 ? 'listbox' : _ref2$role,
		_ref2$tabIndex = _ref2.tabIndex,
		tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex,
		onKeyDown = _ref2.onKeyDown,
		onFocus = _ref2.onFocus,
		onBlur = _ref2.onBlur,
		onMouseDown = _ref2.onMouseDown,
		other = SelectionContainer_objectWithoutProperties(_ref2, ["id", "role", "tabIndex", "onKeyDown", "onFocus", "onBlur", "onMouseDown"]);

		var _ref3$id = _ref3.id,
		id = _ref3$id === undefined ? _this.getContainerId() : _ref3$id,
		_ref3$role = _ref3.role,
		role = _ref3$role === undefined ? 'listbox' : _ref3$role,
		_ref3$tabIndex = _ref3.tabIndex,
		tabIndex = _ref3$tabIndex === undefined ? 0 : _ref3$tabIndex,
		onKeyDown = _ref3.onKeyDown,
		onFocus = _ref3.onFocus,
		onBlur = _ref3.onBlur,
		onMouseDown = _ref3.onMouseDown,
		other = _objectWithoutProperties(_ref3, ['id', 'role', 'tabIndex', 'onKeyDown', 'onFocus', 'onBlur', 'onMouseDown']);

		var _this$getControlledSt3 = _this.getControlledState(),
		@@ -952,5 +836,3 @@ focusedKey = _this$getControlledSt3.focusedKey;
		var defaultFocusedIndex = _this.props.defaultFocusedIndex;


		return _extends({
		return SelectionContainer_objectSpread({
		id: id,
		@@ -960,8 +842,7 @@ role: role,
		'aria-activedescendant': _this.getItemId(focusedKey),
		onKeyDown: (0, _composeEventHandlers2.default)(onKeyDown, function (event) {
		onKeyDown: composeEventHandlers(onKeyDown, function (event) {
		var keyHandler = _this.keyDownEventHandlers[event.keyCode];

		keyHandler && keyHandler(event);
		}),
		onFocus: (0, _composeEventHandlers2.default)(onFocus, function () {
		onFocus: composeEventHandlers(onFocus, function () {
		if (!_this.containerMouseDown) {
		@@ -979,5 +860,4 @@ if (typeof focusedKey === 'undefined') {
		}),
		onMouseDown: (0, _composeEventHandlers2.default)(onMouseDown, function () {
		onMouseDown: composeEventHandlers(onMouseDown, function () {
		_this.containerMouseDown = true;

		/**
		@@ -987,2 +867,3 @@ * This is necessary to recognize focus events caused by keyboard vs mouseDown.
		*/

		setTimeout(function () {
		@@ -992,30 +873,29 @@ _this.containerMouseDown = false;
		}),
		onBlur: (0, _composeEventHandlers2.default)(onBlur, function () {
		onBlur: composeEventHandlers(onBlur, function () {
		_this.focusSelectionModel.clearSelection();
		})
		}, other);
		};
		});

		_this.getItemId = function (key) {
		return typeof key === 'undefined' ? null : _this.getControlledState().id + '--item-' + key;
		};
		SelectionContainer_defineProperty(SelectionContainer_assertThisInitialized(SelectionContainer_assertThisInitialized(_this)), "getItemId", function (key) {
		return typeof key === 'undefined' ? null : "".concat(_this.getControlledState().id, "--item-").concat(key);
		});

		_this.getItemProps = function () {
		var _extends2;
		SelectionContainer_defineProperty(SelectionContainer_assertThisInitialized(SelectionContainer_assertThisInitialized(_this)), "getItemProps", function () {
		var _objectSpread2;

		var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
		var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
		key = _ref3.key,
		_ref3$id = _ref3.id,
		id = _ref3$id === void 0 ? _this.getItemId(key) : _ref3$id,
		_ref3$role = _ref3.role,
		role = _ref3$role === void 0 ? 'option' : _ref3$role,
		onClick = _ref3.onClick,
		index = _ref3.index,
		props = SelectionContainer_objectWithoutProperties(_ref3, ["key", "id", "role", "onClick", "index"]);

		var _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
		_ref5$selectedAriaKey = _ref5.selectedAriaKey,
		selectedAriaKey = _ref5$selectedAriaKey === undefined ? 'aria-selected' : _ref5$selectedAriaKey;
		var _ref4 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
		_ref4$selectedAriaKey = _ref4.selectedAriaKey,
		selectedAriaKey = _ref4$selectedAriaKey === void 0 ? 'aria-selected' : _ref4$selectedAriaKey;

		var key = _ref4.key,
		_ref4$id = _ref4.id,
		id = _ref4$id === undefined ? _this.getItemId(key) : _ref4$id,
		_ref4$role = _ref4.role,
		role = _ref4$role === undefined ? 'option' : _ref4$role,
		onClick = _ref4.onClick,
		index = _ref4.index,
		props = _objectWithoutProperties(_ref4, ['key', 'id', 'role', 'onClick', 'index']);

		if (typeof key === 'undefined') {
		@@ -1031,5 +911,3 @@ throw new Error('"key" must be defined within getItemProps regardless of being used within a .map()');
		var isFocusedItem = key === focusedKey;

		var currentIndex = index === undefined ? _this.focusSelectionModel.numItems : index;

		_this.indexKeyMap[currentIndex] = key;
		@@ -1043,11 +921,10 @@ _this.keyIndexMap[key] = currentIndex;
		_this.focusSelectionModel.numItems++;

		return _extends((_extends2 = {
		return SelectionContainer_objectSpread((_objectSpread2 = {
		id: id,
		key: key,
		role: role
		}, _defineProperty(_extends2, selectedAriaKey, isSelectedItem), _defineProperty(_extends2, 'onClick', (0, _composeEventHandlers2.default)(onClick, function () {
		}, SelectionContainer_defineProperty(_objectSpread2, selectedAriaKey, isSelectedItem), SelectionContainer_defineProperty(_objectSpread2, "onClick", composeEventHandlers(onClick, function () {
		_this.selectItem(key, undefined);
		})), _extends2), props);
		};
		})), _objectSpread2), props);
		});

		@@ -1057,6 +934,5 @@ _this.state = {
		selectedKey: undefined,
		id: _IdManager2.default.generateId('garden-selection-container')
		id: IdManager.generateId('garden-selection-container')
		};

		_this.focusSelectionModel = new _SingleSelectionModel2.default();
		_this.focusSelectionModel = new SingleSelectionModel();
		_this.focusSelectionModel.onSelectionChanged = _this.onFocusSelectionModelChange;
		@@ -1066,9 +942,8 @@ return _this;

		_createClass(SelectionContainer, [{
		key: 'componentDidUpdate',
		SelectionContainer_createClass(SelectionContainer, [{
		key: "componentDidUpdate",
		value: function componentDidUpdate(prevProps, prevState) {
		var current = this.props.focusedKey === undefined ? this.state : this.props;
		var prev = prevProps.focusedKey === undefined ? prevState : prevProps;
		var doc = _reactTheming.getDocument ? (0, _reactTheming.getDocument)(this.props) : document;

		var doc = react_theming_["getDocument"] ? Object(react_theming_["getDocument"])(this.props) : document;
		/**
		@@ -1078,8 +953,9 @@ * We must programatically scroll the newly focused element into view.
		*/

		if (typeof current.focusedKey !== 'undefined' && current.focusedKey !== prev.focusedKey) {
		var itemNode = doc.getElementById(this.getItemId(current.focusedKey));
		/* istanbul ignore if */

		/* istanbul ignore if */
		if (itemNode) {
		(0, _scrollTo2.default)(itemNode);
		scrollTo_default()(itemNode);
		}
		@@ -1089,12 +965,12 @@ }
		}, {
		key: 'render',
		key: "render",
		value: function render() {
		var _props = this.props,
		children = _props.children,
		_props$render = _props.render,
		render = _props$render === undefined ? children : _props$render;
		var _this$props = this.props,
		children = _this$props.children,
		_this$props$render = _this$props.render,
		render = _this$props$render === void 0 ? children : _this$props$render;

		var _getControlledState = this.getControlledState(),
		focusedKey = _getControlledState.focusedKey,
		selectedKey = _getControlledState.selectedKey;
		var _this$getControlledSt5 = this.getControlledState(),
		focusedKey = _this$getControlledSt5.focusedKey,
		selectedKey = _this$getControlledSt5.selectedKey;

		@@ -1105,3 +981,2 @@ this.focusSelectionModel.reset();
		this.items = [];

		return render({
		@@ -1118,5 +993,5 @@ getContainerProps: this.getContainerProps,
		return SelectionContainer;
		}(_ControlledComponent3.default);
		}(ControlledComponent);

		SelectionContainer.propTypes = {
		SelectionContainer_defineProperty(SelectionContainer_SelectionContainer, "propTypes", {
		/**
		@@ -1130,145 +1005,138 @@ * @param {Object} renderProps
		*/
		children: _propTypes2.default.func,
		children: external_prop_types_default.a.func,

		/**
		* Whether the up/down or left/right arrow keys should be used for keyboard navigation
		*/
		direction: _propTypes2.default.oneOf([KEYBOARD_DIRECTION.HORIZONTAL, KEYBOARD_DIRECTION.VERTICAL, KEYBOARD_DIRECTION.BOTH]),
		direction: external_prop_types_default.a.oneOf([KEYBOARD_DIRECTION.HORIZONTAL, KEYBOARD_DIRECTION.VERTICAL, KEYBOARD_DIRECTION.BOTH]),

		/**
		* Default item to assign as focused if container is focused (-1 is equivalent to last item)
		*/
		defaultFocusedIndex: _propTypes2.default.number,
		defaultFocusedIndex: external_prop_types_default.a.number,

		/**
		* Unique key of currently focused item
		*/
		focusedKey: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
		focusedKey: external_prop_types_default.a.oneOfType([external_prop_types_default.a.string, external_prop_types_default.a.number]),

		/**
		* Unique key of currently selected item
		*/
		selectedKey: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
		selectedKey: external_prop_types_default.a.oneOfType([external_prop_types_default.a.string, external_prop_types_default.a.number]),

		/**
		* Callback for all state objects. Used when in 'controlled' mode.
		**/
		onStateChange: _propTypes2.default.func,
		onStateChange: external_prop_types_default.a.func,

		/**
		* The root ID to use for descendants. A unique ID is created if none is provided.
		**/
		id: _propTypes2.default.string,
		id: external_prop_types_default.a.string,

		/**
		* Same as children
		**/
		render: _propTypes2.default.func
		};
		SelectionContainer.defaultProps = {
		render: external_prop_types_default.a.func
		});

		SelectionContainer_defineProperty(SelectionContainer_SelectionContainer, "defaultProps", {
		defaultFocusedIndex: 0,
		direction: KEYBOARD_DIRECTION.HORIZONTAL
		};
		exports.default = (0, _reactTheming.withTheme)(SelectionContainer);
		});

		/***/ }),
		/* 10 */
		/***/ (function(module, exports) {
		/* harmony default export */ var containers_SelectionContainer = (Object(react_theming_["withTheme"])(SelectionContainer_SelectionContainer));
		// CONCATENATED MODULE: ./src/containers/FieldContainer.js
		function FieldContainer_typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { FieldContainer_typeof = function _typeof(obj) { return typeof obj; }; } else { FieldContainer_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return FieldContainer_typeof(obj); }

		module.exports = require("dom-helpers/util/scrollTo");
		function FieldContainer_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { FieldContainer_defineProperty(target, key, source[key]); }); } return target; }

		/***/ }),
		/* 11 */
		/***/ (function(module, exports) {
		function FieldContainer_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = FieldContainer_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

		module.exports = require("@zendeskgarden/react-theming");
		function FieldContainer_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

		/***/ }),
		/* 12 */
		/***/ (function(module, exports, __webpack_require__) {
		function FieldContainer_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		"use strict";
		function FieldContainer_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function FieldContainer_createClass(Constructor, protoProps, staticProps) { if (protoProps) FieldContainer_defineProperties(Constructor.prototype, protoProps); if (staticProps) FieldContainer_defineProperties(Constructor, staticProps); return Constructor; }

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		function FieldContainer_possibleConstructorReturn(self, call) { if (call && (FieldContainer_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return FieldContainer_assertThisInitialized(self); }

		var _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; };
		function FieldContainer_getPrototypeOf(o) { FieldContainer_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return FieldContainer_getPrototypeOf(o); }

		var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
		function FieldContainer_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) FieldContainer_setPrototypeOf(subClass, superClass); }

		var _propTypes = __webpack_require__(0);
		function FieldContainer_setPrototypeOf(o, p) { FieldContainer_setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return FieldContainer_setPrototypeOf(o, p); }

		var _propTypes2 = _interopRequireDefault(_propTypes);
		function FieldContainer_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		var _ControlledComponent2 = __webpack_require__(2);
		function FieldContainer_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

		var _ControlledComponent3 = _interopRequireDefault(_ControlledComponent2);
		/**
		* Copyright Zendesk, Inc.
		*
		* Use of this source code is governed under the Apache License, Version 2.0
		* found at http://www.apache.org/licenses/LICENSE-2.0.
		*/

		var _IdManager = __webpack_require__(3);

		var _IdManager2 = _interopRequireDefault(_IdManager);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
		var FieldContainer_FieldContainer =
		/#__PURE__/
		function (_ControlledComponent) {
		FieldContainer_inherits(FieldContainer, _ControlledComponent);

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
		function FieldContainer() {
		var _getPrototypeOf2;

		function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" \|\| typeof call === "function") ? call : self; }
		var _this;

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
		* Copyright Zendesk, Inc.
		*
		* Use of this source code is governed under the Apache License, Version 2.0
		* found at http://www.apache.org/licenses/LICENSE-2.0.
		*/
		FieldContainer_classCallCheck(this, FieldContainer);

		var FieldContainer = function (_ControlledComponent) {
		_inherits(FieldContainer, _ControlledComponent);

		function FieldContainer() {
		var _ref;

		_classCallCheck(this, FieldContainer);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
		args[_key] = arguments[_key];
		}

		var _this = _possibleConstructorReturn(this, (_ref = FieldContainer.__proto__ \|\| Object.getPrototypeOf(FieldContainer)).call.apply(_ref, [this].concat(args)));
		_this = FieldContainer_possibleConstructorReturn(this, (_getPrototypeOf2 = FieldContainer_getPrototypeOf(FieldContainer)).call.apply(_getPrototypeOf2, [this].concat(args)));

		_this.retrieveInputId = function () {
		return _this.getControlledState().id + '--input';
		};
		FieldContainer_defineProperty(FieldContainer_assertThisInitialized(FieldContainer_assertThisInitialized(_this)), "retrieveInputId", function () {
		return "".concat(_this.getControlledState().id, "--input");
		});

		_this.retrieveLabelId = function () {
		return _this.getControlledState().id + '--label';
		};
		FieldContainer_defineProperty(FieldContainer_assertThisInitialized(FieldContainer_assertThisInitialized(_this)), "retrieveLabelId", function () {
		return "".concat(_this.getControlledState().id, "--label");
		});

		_this.retrieveHintId = function () {
		return _this.getControlledState().id + '--hint';
		};
		FieldContainer_defineProperty(FieldContainer_assertThisInitialized(FieldContainer_assertThisInitialized(_this)), "retrieveHintId", function () {
		return "".concat(_this.getControlledState().id, "--hint");
		});

		_this.getLabelProps = function () {
		var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
		FieldContainer_defineProperty(FieldContainer_assertThisInitialized(FieldContainer_assertThisInitialized(_this)), "getLabelProps", function () {
		var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
		_ref$id = _ref.id,
		id = _ref$id === void 0 ? _this.retrieveLabelId() : _ref$id,
		_ref$htmlFor = _ref.htmlFor,
		htmlFor = _ref$htmlFor === void 0 ? _this.retrieveInputId() : _ref$htmlFor,
		other = FieldContainer_objectWithoutProperties(_ref, ["id", "htmlFor"]);

		var _ref2$id = _ref2.id,
		id = _ref2$id === undefined ? _this.retrieveLabelId() : _ref2$id,
		_ref2$htmlFor = _ref2.htmlFor,
		htmlFor = _ref2$htmlFor === undefined ? _this.retrieveInputId() : _ref2$htmlFor,
		other = _objectWithoutProperties(_ref2, ['id', 'htmlFor']);

		return _extends({
		return FieldContainer_objectSpread({
		id: id,
		htmlFor: htmlFor
		}, other);
		};
		});

		_this.getInputProps = function () {
		var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
		FieldContainer_defineProperty(FieldContainer_assertThisInitialized(FieldContainer_assertThisInitialized(_this)), "getInputProps", function () {
		var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
		_ref2$id = _ref2.id,
		id = _ref2$id === void 0 ? _this.retrieveInputId() : _ref2$id,
		other = FieldContainer_objectWithoutProperties(_ref2, ["id"]);

		var _ref4 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
		_ref4$isDescribed = _ref4.isDescribed,
		isDescribed = _ref4$isDescribed === undefined ? false : _ref4$isDescribed;
		var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
		_ref3$isDescribed = _ref3.isDescribed,
		isDescribed = _ref3$isDescribed === void 0 ? false : _ref3$isDescribed;

		var _ref3$id = _ref3.id,
		id = _ref3$id === undefined ? _this.retrieveInputId() : _ref3$id,
		other = _objectWithoutProperties(_ref3, ['id']);

		return _extends({
		return FieldContainer_objectSpread({
		id: id,
		@@ -1278,24 +1146,23 @@ 'aria-labelledby': _this.retrieveLabelId(),
		}, other);
		};
		});

		_this.getHintProps = function () {
		var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
		FieldContainer_defineProperty(FieldContainer_assertThisInitialized(FieldContainer_assertThisInitialized(_this)), "getHintProps", function () {
		var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
		_ref4$id = _ref4.id,
		id = _ref4$id === void 0 ? _this.retrieveHintId() : _ref4$id,
		other = FieldContainer_objectWithoutProperties(_ref4, ["id"]);

		var _ref5$id = _ref5.id,
		id = _ref5$id === undefined ? _this.retrieveHintId() : _ref5$id,
		other = _objectWithoutProperties(_ref5, ['id']);

		return _extends({
		return FieldContainer_objectSpread({
		id: id
		}, other);
		};
		});

		_this.getMessageProps = function (props) {
		FieldContainer_defineProperty(FieldContainer_assertThisInitialized(FieldContainer_assertThisInitialized(_this)), "getMessageProps", function (props) {
		if (false) {}

		return props;
		};
		});

		_this.state = {
		id: _IdManager2.default.generateId('garden-field-container')
		id: IdManager.generateId('garden-field-container')
		};
		@@ -1305,11 +1172,9 @@ return _this;

		_createClass(FieldContainer, [{
		key: 'render',
		FieldContainer_createClass(FieldContainer, [{
		key: "render",
		value: function render() {
		var _props = this.props,
		children = _props.children,
		_props$render = _props.render,
		render = _props$render === undefined ? children : _props$render;


		var _this$props = this.props,
		children = _this$props.children,
		_this$props$render = _this$props.render,
		render = _this$props$render === void 0 ? children : _this$props$render;
		return render({
		@@ -1325,5 +1190,5 @@ getLabelProps: this.getLabelProps,
		return FieldContainer;
		}(_ControlledComponent3.default);
		}(ControlledComponent);

		FieldContainer.propTypes = {
		FieldContainer_defineProperty(FieldContainer_FieldContainer, "propTypes", {
		/**
		@@ -1335,16 +1200,42 @@ * @param {Object} renderProps
		*/
		children: _propTypes2.default.func,
		children: external_prop_types_default.a.func,

		/**
		* Identical to children
		*/
		render: _propTypes2.default.func,
		render: external_prop_types_default.a.func,

		/**
		* The root ID to use for descendants. A unique ID is created if none is provided.
		**/
		id: _propTypes2.default.string
		};
		exports.default = FieldContainer;
		id: external_prop_types_default.a.string
		});


		// CONCATENATED MODULE: ./src/index.js
		/* concated harmony reexport KEY_CODES */__webpack_require__.d(__webpack_exports__, "KEY_CODES", function() { return KEY_CODES; });
		/* concated harmony reexport KeyboardFocusContainer */__webpack_require__.d(__webpack_exports__, "KeyboardFocusContainer", function() { return KeyboardFocusContainer_KeyboardFocusContainer; });
		/* concated harmony reexport SelectionContainer */__webpack_require__.d(__webpack_exports__, "SelectionContainer", function() { return containers_SelectionContainer; });
		/* concated harmony reexport FieldContainer */__webpack_require__.d(__webpack_exports__, "FieldContainer", function() { return FieldContainer_FieldContainer; });
		/* concated harmony reexport composeEventHandlers */__webpack_require__.d(__webpack_exports__, "composeEventHandlers", function() { return composeEventHandlers; });
		/* concated harmony reexport ControlledComponent */__webpack_require__.d(__webpack_exports__, "ControlledComponent", function() { return ControlledComponent; });
		/* concated harmony reexport IdManager */__webpack_require__.d(__webpack_exports__, "IdManager", function() { return IdManager; });
		/* concated harmony reexport SingleSelectionModel */__webpack_require__.d(__webpack_exports__, "SingleSelectionModel", function() { return SingleSelectionModel; });
		/**
		* Copyright Zendesk, Inc.
		*
		* Use of this source code is governed under the Apache License, Version 2.0
		* found at http://www.apache.org/licenses/LICENSE-2.0.
		*/









		/***/ })
		/******/ ])));
		//# sourceMappingURL=index.js.map

dist/umd/bundle.min.js

		@@ -7,3 +7,3 @@ /*!
		*/
		!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("rop-types"),require("react"),require("@zendeskgarden/react-theming")):"function"==typeof define&&define.amd?define(["prop-types","react","@zendeskgarden/react-theming"],t):"object"==typeof exports?exports.GardenSelection=t(require("rop-types"),require("react"),require("@zendeskgarden/react-theming")):e.GardenSelection=t(e.PropTypes,e.React,e.GardenTheming)}(window,function(n,o,r){return function(n){var o={};function r(e){if(o[e])return o[e].exports;var t=o[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,r),t.l=!0,t.exports}return r.m=n,r.c=o,r.d=function(e,t,n){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)r.d(n,o,function(e){return t[e]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=12)}([function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return e===e.window?e:9===e.nodeType&&(e.defaultView\|\|e.parentWindow)},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){for(var e=arguments.length,r=Array(e),t=0;t<e;t++)r[t]=arguments[t];return function(t){for(var e=arguments.length,n=Array(1<e?e-1:0),o=1;o<e;o++)n[o-1]=arguments[o];return r.some(function(e){return e&&e.apply(void 0,[t].concat(n)),t&&t.defaultPrevented})}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=!("undefined"==typeof window\|\|!window.document\|\|!window.document.createElement),e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o,r=n(7),i=n(0),u=(o=i)&&o.__esModule?o:{default:o};function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t}var l=function(e){function u(){var e,t,i;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u);for(var n=arguments.length,o=Array(n),r=0;r<n;r++)o[r]=arguments[r];return(t=i=a(this,(e=u.__proto__\|\|Object.getPrototypeOf(u)).call.apply(e,[this].concat(o)))).isControlledProp=function(e){return Object.prototype.hasOwnProperty.call(i.props,e)},i.getControlledState=function(){var n=0<arguments.length&&void 0!==arguments[0]?arguments[0]:i.state;return Object.keys(n).reduce(function(e,t){return e[t]=i.isControlledProp(t)?i.props[t]:n[t],e},{})},i.setControlledState=function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},t=i.props.onStateChange;if(t){var n={},o={};for(var r in e)i.isControlledProp(r)?n[r]=e[r]:o[r]=e[r];t(n),i.setState(o)}else i.setState(e)},a(i,t)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(u,r.Component),u}();l.propTypes={onStateChange:u.default.func},t.default=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=0;t.default={generateId:function(){return(0<arguments.length&&void 0!==arguments[0]?arguments[0]:"garden")+"-"+o++},setIdCounter:function(e){o=e}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={ALT:18,BACKSPACE:8,COMMA:188,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,LEFT:37,NUMPAD_ADD:107,NUMPAD_DECIMAL:110,NUMPAD_DIVIDE:111,NUMPAD_ENTER:108,NUMPAD_MULTIPLY:106,NUMPAD_SUBTRACT:109,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SHIFT:16,SPACE:32,TAB:9,UP:38}},function(e,t){e.exports=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=(0,a.default)(e),n=(0,u.default)(t),o=t&&t.documentElement,r={top:0,left:0,height:0,width:0};if(!t)return;if(!(0,i.default)(o,e))return r;void 0!==e.getBoundingClientRect&&(r=e.getBoundingClientRect());return r={top:r.top+(n.pageYOffset\|\|o.scrollTop)-(o.clientTop\|\|0),left:r.left+(n.pageXOffset\|\|o.scrollLeft)-(o.clientLeft\|\|0),width:(null==r.width?e.offsetWidth:r.width)\|\|0,height:(null==r.height?e.offsetHeight:r.height)\|\|0}};var i=o(n(16)),u=o(n(1)),a=o(n(17));function o(e){return e&&e.__esModule?e:{default:e}}e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=(0,r.default)(e);return n?n.innerHeight:t?e.clientHeight:(0,o.default)(e).height};var o=i(n(8)),r=i(n(1));function i(e){return e&&e.__esModule?e:{default:e}}e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return(0,i.default)(e.replace(u,"ms-"))};var o,r=n(20),i=(o=r)&&o.__esModule?o:{default:o};var u=/^-ms-/;e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(){function o(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}}();var r=function(){function n(){var e=(0<arguments.length&&void 0!==arguments[0]?arguments[0]:{}).wrapping,t=void 0===e?"items":e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n),this.selectedIndex=void 0,this.numItems=0,this.wrapping=t}return o(n,[{key:"fireSelectionChanged",value:function(e,t){this.onSelectionChanged&&this.onSelectionChanged({newSelection:e,previousSelection:t})}},{key:"select",value:function(e){var t=this.selectedIndex;this.selectedIndex=e,-1===this.selectedIndex&&(this.selectedIndex=void 0),this.fireSelectionChanged(this.selectedIndex,t)}},{key:"selectNext",value:function(){if(0<this.numItems){if(!this.hasSelection())return this.selectFirst();var e=this.selectedIndex+1;return this.numItems<=e&&("clear"===this.wrapping?e=-1:"items"===this.wrapping?e%=this.numItems:"off"===this.wrapping&&(e=this.numItems-1)),this.select(e),!0}return!1}},{key:"selectPrevious",value:function(){if(0<this.numItems){if(!this.hasSelection())return this.selectLast();var e=this.selectedIndex-1;return e<0&&("clear"===this.wrapping?e=-1:"items"===this.wrapping?e=this.numItems-1:"off"===this.wrapping&&(e=0)),this.select(e),!0}return!1}},{key:"selectFirst",value:function(){return 0<this.numItems&&(this.select(0),!0)}},{key:"selectLast",value:function(){return 0<this.numItems&&(this.select(this.numItems-1),!0)}},{key:"clearSelection",value:function(){this.select()}},{key:"reset",value:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},t=e.numItems,n=void 0===t?0:t,o=e.selectedIndex;this.numItems=n,this.selectedIndex=o}},{key:"hasSelection",value:function(){return void 0!==this.selectedIndex}}]),n}();t.default=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(6);Object.defineProperty(t,"KEY_CODES",{enumerable:!0,get:function(){return d(o).default}});var r=n(13);Object.defineProperty(t,"KeyboardFocusContainer",{enumerable:!0,get:function(){return d(r).default}});var i=n(14);Object.defineProperty(t,"SelectionContainer",{enumerable:!0,get:function(){return d(i).default}});var u=n(30);Object.defineProperty(t,"FieldContainer",{enumerable:!0,get:function(){return d(u).default}});var a=n(2);Object.defineProperty(t,"composeEventHandlers",{enumerable:!0,get:function(){return d(a).default}});var l=n(4);Object.defineProperty(t,"ControlledComponent",{enumerable:!0,get:function(){return d(l).default}});var f=n(5);Object.defineProperty(t,"IdManager",{enumerable:!0,get:function(){return d(f).default}});var c=n(11);function d(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"SingleSelectionModel",{enumerable:!0,get:function(){return d(c).default}})},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},o=function(){function o(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}}(),i=n(7),r=u(n(0)),f=u(n(2));function u(e){return e&&e.__esModule?e:{default:e}}var a=function(e){function r(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,r);for(var t=arguments.length,n=Array(t),o=0;o<t;o++)n[o]=arguments[o];var a=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t}(this,(e=r.__proto__\|\|Object.getPrototypeOf(r)).call.apply(e,[this].concat(n)));return a.onMouseDown=function(){a.keyboardFocusable=!1,setTimeout(function(){a.keyboardFocusable=!0},0)},a.onFocus=function(){a.keyboardFocusable&&a.setState({keyboardFocused:!0})},a.onBlur=function(){a.setState({keyboardFocused:!1})},a.getFocusProps=function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},t=e.tabIndex,n=void 0===t?0:t,o=e.onBlur,r=e.onFocus,i=e.onMouseDown,u=function(e,t){var n={};for(var o in e)0<=t.indexOf(o)\|\|Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}(e,["tabIndex","onBlur","onFocus","onMouseDown"]);return l({tabIndex:n,onBlur:(0,f.default)(o,a.onBlur),onFocus:(0,f.default)(r,a.onFocus),onMouseDown:(0,f.default)(i,a.onMouseDown)},u)},a.state={keyboardFocused:!1},a.keyboardFocusable=!0,a}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(r,i.Component),o(r,[{key:"render",value:function(){var e=this.props,t=e.children,n=e.render,o=void 0===n?t:n,r=this.state.keyboardFocused;return o({getFocusProps:this.getFocusProps,keyboardFocused:r})}}]),r}();a.propTypes={children:r.default.func,render:r.default.func},t.default=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SelectionContainer=void 0;var g=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},o=function(){function o(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}}(),r=i(n(0)),u=i(n(15)),a=n(29),l=i(n(4)),_=i(n(2)),f=i(n(5)),c=i(n(6)),d=i(n(11));function i(e){return e&&e.__esModule?e:{default:e}}function w(e,t){var n={};for(var o in e)0<=t.indexOf(o)\|\|Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}function P(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var s="horizontal",p="vertical",v="both",y=t.SelectionContainer=function(e){function i(){var e,t;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i);for(var n=arguments.length,o=Array(n),r=0;r<n;r++)o[r]=arguments[r];var b=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t}(this,(e=i.__proto__\|\|Object.getPrototypeOf(i)).call.apply(e,[this].concat(o)));return b.keyDownEventHandlers=(P(t={},c.default.ENTER,function(e){e.preventDefault();var t=b.getControlledState().focusedKey;b.selectItem(t,t)}),P(t,c.default.SPACE,function(e){e.preventDefault();var t=b.getControlledState().focusedKey;b.selectItem(t,t)}),P(t,c.default.END,function(e){e.preventDefault(),b.focusSelectionModel.selectLast()}),P(t,c.default.HOME,function(e){e.preventDefault(),b.focusSelectionModel.selectFirst()}),P(t,c.default.LEFT,function(e){b.props.direction!==p&&(e.preventDefault(),(0,a.isRtl)(b.props)?b.focusSelectionModel.selectNext():b.focusSelectionModel.selectPrevious())}),P(t,c.default.RIGHT,function(e){b.props.direction!==p&&(e.preventDefault(),(0,a.isRtl)(b.props)?b.focusSelectionModel.selectPrevious():b.focusSelectionModel.selectNext())}),P(t,c.default.UP,function(e){b.props.direction!==s&&(e.preventDefault(),b.focusSelectionModel.selectPrevious())}),P(t,c.default.DOWN,function(e){b.props.direction!==s&&(e.preventDefault(),b.focusSelectionModel.selectNext())}),t),b.onFocusSelectionModelChange=function(e){var t=e.newSelection,n=b.indexKeyMap[t];b.setControlledState({focusedKey:n})},b.selectItem=function(e,t){b.setControlledState({selectedKey:e,focusedKey:t})},b.getContainerId=function(){return b.getControlledState().id+"--container"},b.getContainerProps=function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},t=e.id,n=void 0===t?b.getContainerId():t,o=e.role,r=void 0===o?"listbox":o,i=e.tabIndex,u=void 0===i?0:i,a=e.onKeyDown,l=e.onFocus,f=e.onBlur,c=e.onMouseDown,d=w(e,["id","role","tabIndex","onKeyDown","onFocus","onBlur","onMouseDown"]),s=b.getControlledState().focusedKey,p=b.props.defaultFocusedIndex;return g({id:n,role:r,tabIndex:u,"aria-activedescendant":b.getItemId(s),onKeyDown:(0,_.default)(a,function(e){var t=b.keyDownEventHandlers[e.keyCode];t&&t(e)}),onFocus:(0,_.default)(l,function(){if(!b.containerMouseDown&&void 0===s){var e=b.keyIndexMap[b.getControlledState().selectedKey];void 0===e&&(e=-1===p?e=Object.keys(b.keyIndexMap).length-1:p),b.focusSelectionModel.select(e)}}),onMouseDown:(0,_.default)(c,function(){b.containerMouseDown=!0,setTimeout(function(){b.containerMouseDown=!1},0)}),onBlur:(0,_.default)(f,function(){b.focusSelectionModel.clearSelection()})},d)},b.getItemId=function(e){return void 0===e?null:b.getControlledState().id+"--item-"+e},b.getItemProps=function(){var e,t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},n=(1<arguments.length&&void 0!==arguments[1]?arguments[1]:{}).selectedAriaKey,o=void 0===n?"aria-selected":n,r=t.key,i=t.id,u=void 0===i?b.getItemId(r):i,a=t.role,l=void 0===a?"option":a,f=t.onClick,c=t.index,d=w(t,["key","id","role","onClick","index"]);if(void 0===r)throw new Error('"key" must be defined within getItemProps regardless of being used within a .map()');var s=b.getControlledState(),p=s.selectedKey,v=s.focusedKey,y=r===p,h=r===v,m=void 0===c?b.focusSelectionModel.numItems:c;return b.indexKeyMap[m]=r,b.keyIndexMap[r]=m,(h\|\|void 0===v&&y)&&(b.focusSelectionModel.selectedIndex=m),b.focusSelectionModel.numItems++,g((P(e={id:u,key:r,role:l},o,y),P(e,"onClick",(0,_.default)(f,function(){b.selectItem(r,void 0)})),e),d)},b.state={focusedKey:void 0,selectedKey:void 0,id:f.default.generateId("garden-selection-container")},b.focusSelectionModel=new d.default,b.focusSelectionModel.onSelectionChanged=b.onFocusSelectionModelChange,b}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(i,l.default),o(i,[{key:"componentDidUpdate",value:function(e,t){var n=void 0===this.props.focusedKey?this.state:this.props,o=void 0===e.focusedKey?t:e,r=a.getDocument?(0,a.getDocument)(this.props):document;if(void 0!==n.focusedKey&&n.focusedKey!==o.focusedKey){var i=r.getElementById(this.getItemId(n.focusedKey));i&&(0,u.default)(i)}}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.render,o=void 0===n?t:n,r=this.getControlledState(),i=r.focusedKey,u=r.selectedKey;return this.focusSelectionModel.reset(),this.indexKeyMap={},this.keyIndexMap={},this.items=[],o({getContainerProps:this.getContainerProps,getItemProps:this.getItemProps,focusedKey:i,selectedKey:u,focusSelectionModel:this.focusSelectionModel})}}]),i}();y.propTypes={children:r.default.func,direction:r.default.oneOf([s,p,v]),defaultFocusedIndex:r.default.number,focusedKey:r.default.oneOfType([r.default.string,r.default.number]),selectedKey:r.default.oneOfType([r.default.string,r.default.number]),onStateChange:r.default.func,id:r.default.string,render:r.default.func},y.defaultProps={defaultFocusedIndex:0,direction:s},t.default=(0,a.withTheme)(y)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=(0,s.default)(e),o={top:0,left:0},r=void 0,i=void 0,u=void 0,a=void 0,l=void 0,f=void 0,c=void 0;if(!e)return;r=t\|\|(0,v.default)(e),a=(0,m.default)(r),i=(0,y.default)(r),f=(0,p.default)(r,!0),(a=(0,m.default)(r))\|\|(o=(0,s.default)(r));n={top:n.top-o.top,left:n.left-o.left,height:n.height,width:n.width},l=n.height,u=n.top+(a?0:i),c=u+l,i=u<i?u:i+f<c?c-f:i;var d=(0,h.default)(function(){return(0,y.default)(r,i)});return function(){return h.default.cancel(d)}};var s=o(n(8)),p=o(n(9)),v=o(n(18)),y=o(n(27)),h=o(n(28)),m=o(n(1));function o(e){return e&&e.__esModule?e:{default:e}}e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o,r=n(3),i=(o=r)&&o.__esModule?o:{default:o};function u(e,t){if(t)do{if(t===e)return!0}while(t=t.parentNode);return!1}t.default=i.default?function(e,t){return e.contains?e.contains(t):e.compareDocumentPosition?e===t\|\|!!(16&e.compareDocumentPosition(t)):u(e,t)}:u,e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return e&&e.ownerDocument\|\|document},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=(0,u.default)(e,"position"),n="absolute"===t,o=e.ownerDocument;if("fixed"===t)return o\|\|document;for(;(e=e.parentNode)&&9!==e.nodeType;){var r=n&&"static"===(0,u.default)(e,"position"),i=(0,u.default)(e,"overflow")+(0,u.default)(e,"overflow-y")+(0,u.default)(e,"overflow-x");if(!r&&(/(auto\|scroll)/.test(i)&&(0,a.default)(e)<e.scrollHeight))return e}return document};var u=o(n(19)),a=o(n(9));function o(e){return e&&e.__esModule?e:{default:e}}e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(n,e,t){var o="",r="",i=e;if("string"==typeof e){if(void 0===t)return n.style[(0,u.default)(e)]\|\|(0,l.default)(n).getPropertyValue((0,a.default)(e));(i={})[e]=t}Object.keys(i).forEach(function(e){var t=i[e];t\|\|0===t?(0,d.default)(e)?r+=e+"("+t+") ":o+=(0,a.default)(e)+": "+t+";":(0,f.default)(n,(0,a.default)(e))}),r&&(o+=c.transform+": "+r+";");n.style.cssText+=";"+o};var u=o(n(10)),a=o(n(21)),l=o(n(23)),f=o(n(24)),c=n(25),d=o(n(26));function o(e){return e&&e.__esModule?e:{default:e}}e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return e.replace(o,function(e,t){return t.toUpperCase()})};var o=/-(.)/g;e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return(0,i.default)(e).replace(u,"-ms-")};var o,r=n(22),i=(o=r)&&o.__esModule?o:{default:o};var u=/^ms-/;e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return e.replace(o,"-$1").toLowerCase()};var o=/([A-Z])/g;e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(u){if(!u)throw new TypeError("No Element passed to `getComputedStyle()`");var e=u.ownerDocument;return"defaultView"in e?e.defaultView.opener?u.ownerDocument.defaultView.getComputedStyle(u,null):window.getComputedStyle(u,null):{getPropertyValue:function(e){var t=u.style;"float"==(e=(0,a.default)(e))&&(e="styleFloat");var n=u.currentStyle[e]\|\|null;if(null==n&&t&&t[e]&&(n=t[e]),f.test(n)&&!l.test(e)){var o=t.left,r=u.runtimeStyle,i=r&&r.left;i&&(r.left=u.currentStyle.left),t.left="fontSize"===e?"1em":n,n=t.pixelLeft+"px",t.left=o,i&&(r.left=i)}return n}}};var o,r=n(10),a=(o=r)&&o.__esModule?o:{default:o};var l=/^(top\|right\|bottom\|left)$/,f=/^([+-]?(?:\d*\.\|)\d+(?:[eE][+-]?\d+\|))(?!px)[a-z%]+$/i;e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){return"removeProperty"in e.style?e.style.removeProperty(t):e.style.removeAttribute(t)},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.animationEnd=t.animationDelay=t.animationTiming=t.animationDuration=t.animationName=t.transitionEnd=t.transitionDuration=t.transitionDelay=t.transitionTiming=t.transitionProperty=t.transform=void 0;var o,r=n(3);var i="transform",u=void 0,a=void 0,l=void 0,f=void 0,c=void 0,d=void 0,s=void 0,p=void 0,v=void 0,y=void 0,h=void 0;if(((o=r)&&o.__esModule?o:{default:o}).default){var m=function(){for(var e=document.createElement("div").style,t={O:function(e){return"o"+e.toLowerCase()},Moz:function(e){return e.toLowerCase()},Webkit:function(e){return"webkit"+e},ms:function(e){return"MS"+e}},n=Object.keys(t),o=void 0,r=void 0,i="",u=0;u<n.length;u++){var a=n[u];if(a+"TransitionProperty"in e){i="-"+a.toLowerCase(),o=t[a]("TransitionEnd"),r=t[a]("AnimationEnd");break}}!o&&"transitionProperty"in e&&(o="transitionend");!r&&"animationName"in e&&(r="animationend");return e=null,{animationEnd:r,transitionEnd:o,prefix:i}}();u=m.prefix,t.transitionEnd=a=m.transitionEnd,t.animationEnd=l=m.animationEnd,t.transform=i=u+"-"+i,t.transitionProperty=f=u+"-transition-property",t.transitionDuration=c=u+"-transition-duration",t.transitionDelay=s=u+"-transition-delay",t.transitionTiming=d=u+"-transition-timing-function",t.animationName=p=u+"-animation-name",t.animationDuration=v=u+"-animation-duration",t.animationTiming=y=u+"-animation-delay",t.animationDelay=h=u+"-animation-timing-function"}t.transform=i,t.transitionProperty=f,t.transitionTiming=d,t.transitionDelay=s,t.transitionDuration=c,t.transitionEnd=a,t.animationName=p,t.animationDuration=v,t.animationTiming=y,t.animationDelay=h,t.animationEnd=l,t.default={transform:i,end:a,property:f,timing:d,delay:s,duration:c}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return!(!e\|\|!o.test(e))};var o=/^((translate\|rotate\|scale)(X\|Y\|Z\|3d)?\|matrix(3d)?\|perspective\|skew(X\|Y)?)$/i;e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=(0,i.default)(e);if(void 0===t)return n?"pageYOffset"in n?n.pageYOffset:n.document.documentElement.scrollTop:e.scrollTop;n?n.scrollTo("pageXOffset"in n?n.pageXOffset:n.document.documentElement.scrollLeft,t):e.scrollTop=t};var o,r=n(1),i=(o=r)&&o.__esModule?o:{default:o};e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o,r=n(3),i=(o=r)&&o.__esModule?o:{default:o};var u,a="clearTimeout",l=function(e){var t=(new Date).getTime(),n=Math.max(0,16-(t-c)),o=setTimeout(e,n);return c=t,o},f=function(e,t){return e+(e?t[0].toUpperCase()+t.substr(1):t)+"AnimationFrame"};i.default&&["","webkit","moz","o","ms"].some(function(e){var t=f(e,"request");if(t in window)return a=f(e,"cancel"),l=function(e){return window[t](e)}});var c=(new Date).getTime();(u=function(e){return l(e)}).cancel=function(e){window[a]&&"function"==typeof window[a]&&window[a](e)},t.default=u,e.exports=t.default},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},o=function(){function o(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}}(),r=u(n(0)),i=u(n(4)),l=u(n(5));function u(e){return e&&e.__esModule?e:{default:e}}function f(e,t){var n={};for(var o in e)0<=t.indexOf(o)\|\|Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}var c=function(e){function r(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,r);for(var t=arguments.length,n=Array(t),o=0;o<t;o++)n[o]=arguments[o];var u=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t}(this,(e=r.__proto__\|\|Object.getPrototypeOf(r)).call.apply(e,[this].concat(n)));return u.retrieveInputId=function(){return u.getControlledState().id+"--input"},u.retrieveLabelId=function(){return u.getControlledState().id+"--label"},u.retrieveHintId=function(){return u.getControlledState().id+"--hint"},u.getLabelProps=function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},t=e.id,n=void 0===t?u.retrieveLabelId():t,o=e.htmlFor,r=void 0===o?u.retrieveInputId():o,i=f(e,["id","htmlFor"]);return a({id:n,htmlFor:r},i)},u.getInputProps=function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},t=(1<arguments.length&&void 0!==arguments[1]?arguments[1]:{}).isDescribed,n=void 0!==t&&t,o=e.id,r=void 0===o?u.retrieveInputId():o,i=f(e,["id"]);return a({id:r,"aria-labelledby":u.retrieveLabelId(),"aria-describedby":n?u.retrieveHintId():null},i)},u.getHintProps=function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},t=e.id,n=void 0===t?u.retrieveHintId():t,o=f(e,["id"]);return a({id:n},o)},u.getMessageProps=function(e){return e},u.state={id:l.default.generateId("garden-field-container")},u}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(r,i.default),o(r,[{key:"render",value:function(){var e=this.props,t=e.children,n=e.render,o=void 0===n?t:n;return o({getLabelProps:this.getLabelProps,getInputProps:this.getInputProps,getHintProps:this.getHintProps,getMessageProps:this.getMessageProps})}}]),r}();c.propTypes={children:r.default.func,render:r.default.func,id:r.default.string},t.default=c}])});
		!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("rop-types"),require("@zendeskgarden/react-theming"),require("react")):"function"==typeof define&&define.amd?define(["prop-types","@zendeskgarden/react-theming","react"],t):"object"==typeof exports?exports.GardenSelection=t(require("rop-types"),require("@zendeskgarden/react-theming"),require("react")):e.GardenSelection=t(e.PropTypes,e.GardenTheming,e.React)}(window,function(n,o,r){return function(n){var o={};function r(e){if(o[e])return o[e].exports;var t=o[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,r),t.l=!0,t.exports}return r.m=n,r.c=o,r.d=function(e,t,n){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)r.d(n,o,function(e){return t[e]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=23)}([function(e,t){e.exports=n},function(e,t){e.exports=function(e){return e&&e.__esModule?e:{default:e}}},function(e,t){e.exports=o},function(e,t,n){"use strict";t.__esModule=!0,t.default=function(e){return e===e.window?e:9===e.nodeType&&(e.defaultView\|\|e.parentWindow)},e.exports=t.default},function(e,t){e.exports=r},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0;var o=!("undefined"==typeof window\|\|!window.document\|\|!window.document.createElement);t.default=o,e.exports=t.default},function(e,t,n){"use strict";var o=n(1);t.__esModule=!0,t.default=function(e){var t=(0,a.default)(e),n=(0,u.default)(t),o=t&&t.documentElement,r={top:0,left:0,height:0,width:0};if(!t)return;if(!(0,i.default)(o,e))return r;void 0!==e.getBoundingClientRect&&(r=e.getBoundingClientRect());return r={top:r.top+(n.pageYOffset\|\|o.scrollTop)-(o.clientTop\|\|0),left:r.left+(n.pageXOffset\|\|o.scrollLeft)-(o.clientLeft\|\|0),width:(null==r.width?e.offsetWidth:r.width)\|\|0,height:(null==r.height?e.offsetHeight:r.height)\|\|0}};var i=o(n(10)),u=o(n(3)),a=o(n(11));e.exports=t.default},function(e,t,n){"use strict";var o=n(1);t.__esModule=!0,t.default=function(e,t){var n=(0,i.default)(e);return n?n.innerHeight:t?e.clientHeight:(0,r.default)(e).height};var r=o(n(6)),i=o(n(3));e.exports=t.default},function(e,t,n){"use strict";var o=n(1);t.__esModule=!0,t.default=function(e){return(0,r.default)(e.replace(i,"ms-"))};var r=o(n(14)),i=/^-ms-/;e.exports=t.default},function(e,t,n){"use strict";var o=n(1);t.__esModule=!0,t.default=function(e,t){var n,o,r,i,u,a,c,l=(0,d.default)(e),s={top:0,left:0};if(!e)return;n=t\|\|(0,y.default)(e),i=(0,b.default)(n),o=(0,v.default)(n),a=(0,p.default)(n,!0),(i=(0,b.default)(n))\|\|(s=(0,d.default)(n));l={top:l.top-s.top,left:l.left-s.left,height:l.height,width:l.width},u=l.height,r=l.top+(i?0:o),c=r+u,o=r<o?r:o+a<c?c-a:o;var f=(0,m.default)(function(){return(0,v.default)(n,o)});return function(){return m.default.cancel(f)}};var d=o(n(6)),p=o(n(7)),y=o(n(12)),v=o(n(21)),m=o(n(22)),b=o(n(3));e.exports=t.default},function(e,t,n){"use strict";var o=n(1);t.__esModule=!0,t.default=void 0;var r=o(n(5)).default?function(e,t){return e.contains?e.contains(t):e.compareDocumentPosition?e===t\|\|!!(16&e.compareDocumentPosition(t)):i(e,t)}:i;function i(e,t){if(t)do{if(t===e)return!0}while(t=t.parentNode);return!1}t.default=r,e.exports=t.default},function(e,t,n){"use strict";t.__esModule=!0,t.default=function(e){return e&&e.ownerDocument\|\|document},e.exports=t.default},function(e,t,n){"use strict";var o=n(1);t.__esModule=!0,t.default=function(e){var t=(0,u.default)(e,"position"),n="absolute"===t,o=e.ownerDocument;if("fixed"===t)return o\|\|document;for(;(e=e.parentNode)&&9!==e.nodeType;){var r=n&&"static"===(0,u.default)(e,"position"),i=(0,u.default)(e,"overflow")+(0,u.default)(e,"overflow-y")+(0,u.default)(e,"overflow-x");if(!r&&(/(auto\|scroll)/.test(i)&&(0,a.default)(e)<e.scrollHeight))return e}return document};var u=o(n(13)),a=o(n(7));e.exports=t.default},function(e,t,n){"use strict";var o=n(1);t.__esModule=!0,t.default=function(n,e,t){var o="",r="",i=e;if("string"==typeof e){if(void 0===t)return n.style[(0,u.default)(e)]\|\|(0,c.default)(n).getPropertyValue((0,a.default)(e));(i={})[e]=t}Object.keys(i).forEach(function(e){var t=i[e];t\|\|0===t?(0,f.default)(e)?r+=e+"("+t+") ":o+=(0,a.default)(e)+": "+t+";":(0,l.default)(n,(0,a.default)(e))}),r&&(o+=s.transform+": "+r+";");n.style.cssText+=";"+o};var u=o(n(8)),a=o(n(15)),c=o(n(17)),l=o(n(18)),s=n(19),f=o(n(20));e.exports=t.default},function(e,t,n){"use strict";t.__esModule=!0,t.default=function(e){return e.replace(o,function(e,t){return t.toUpperCase()})};var o=/-(.)/g;e.exports=t.default},function(e,t,n){"use strict";var o=n(1);t.__esModule=!0,t.default=function(e){return(0,r.default)(e).replace(i,"-ms-")};var r=o(n(16)),i=/^ms-/;e.exports=t.default},function(e,t,n){"use strict";t.__esModule=!0,t.default=function(e){return e.replace(o,"-$1").toLowerCase()};var o=/([A-Z])/g;e.exports=t.default},function(e,t,n){"use strict";var o=n(1);t.__esModule=!0,t.default=function(u){if(!u)throw new TypeError("No Element passed to `getComputedStyle()`");var e=u.ownerDocument;return"defaultView"in e?e.defaultView.opener?u.ownerDocument.defaultView.getComputedStyle(u,null):window.getComputedStyle(u,null):{getPropertyValue:function(e){var t=u.style;"float"==(e=(0,a.default)(e))&&(e="styleFloat");var n=u.currentStyle[e]\|\|null;if(null==n&&t&&t[e]&&(n=t[e]),l.test(n)&&!c.test(e)){var o=t.left,r=u.runtimeStyle,i=r&&r.left;i&&(r.left=u.currentStyle.left),t.left="fontSize"===e?"1em":n,n=t.pixelLeft+"px",t.left=o,i&&(r.left=i)}return n}}};var a=o(n(8)),c=/^(top\|right\|bottom\|left)$/,l=/^([+-]?(?:\d*\.\|)\d+(?:[eE][+-]?\d+\|))(?!px)[a-z%]+$/i;e.exports=t.default},function(e,t,n){"use strict";t.__esModule=!0,t.default=function(e,t){return"removeProperty"in e.style?e.style.removeProperty(t):e.style.removeAttribute(t)},e.exports=t.default},function(e,t,n){"use strict";var o=n(1);t.__esModule=!0,t.default=t.animationEnd=t.animationDelay=t.animationTiming=t.animationDuration=t.animationName=t.transitionEnd=t.transitionDuration=t.transitionDelay=t.transitionTiming=t.transitionProperty=t.transform=void 0;var r,i,u,a,c,l,s,f,d,p,y,v=o(n(5)),m="transform";if(t.transform=m,t.animationEnd=u,t.transitionEnd=i,t.transitionDelay=s,t.transitionTiming=l,t.transitionDuration=c,t.transitionProperty=a,t.animationDelay=y,t.animationTiming=p,t.animationDuration=d,t.animationName=f,v.default){var b=function(){for(var e,t,n=document.createElement("div").style,o={O:function(e){return"o"+e.toLowerCase()},Moz:function(e){return e.toLowerCase()},Webkit:function(e){return"webkit"+e},ms:function(e){return"MS"+e}},r=Object.keys(o),i="",u=0;u<r.length;u++){var a=r[u];if(a+"TransitionProperty"in n){i="-"+a.toLowerCase(),e=o[a]("TransitionEnd"),t=o[a]("AnimationEnd");break}}!e&&"transitionProperty"in n&&(e="transitionend");!t&&"animationName"in n&&(t="animationend");return n=null,{animationEnd:t,transitionEnd:e,prefix:i}}();r=b.prefix,t.transitionEnd=i=b.transitionEnd,t.animationEnd=u=b.animationEnd,t.transform=m=r+"-"+m,t.transitionProperty=a=r+"-transition-property",t.transitionDuration=c=r+"-transition-duration",t.transitionDelay=s=r+"-transition-delay",t.transitionTiming=l=r+"-transition-timing-function",t.animationName=f=r+"-animation-name",t.animationDuration=d=r+"-animation-duration",t.animationTiming=p=r+"-animation-delay",t.animationDelay=y=r+"-animation-timing-function"}var h={transform:m,end:i,property:a,timing:l,delay:s,duration:c};t.default=h},function(e,t,n){"use strict";t.__esModule=!0,t.default=function(e){return!(!e\|\|!o.test(e))};var o=/^((translate\|rotate\|scale)(X\|Y\|Z\|3d)?\|matrix(3d)?\|perspective\|skew(X\|Y)?)$/i;e.exports=t.default},function(e,t,n){"use strict";var o=n(1);t.__esModule=!0,t.default=function(e,t){var n=(0,r.default)(e);if(void 0===t)return n?"pageYOffset"in n?n.pageYOffset:n.document.documentElement.scrollTop:e.scrollTop;n?n.scrollTo("pageXOffset"in n?n.pageXOffset:n.document.documentElement.scrollLeft,t):e.scrollTop=t};var r=o(n(3));e.exports=t.default},function(e,t,n){"use strict";var o=n(1);t.__esModule=!0,t.default=void 0;var r,i=o(n(5)),u="clearTimeout",a=function(e){var t=(new Date).getTime(),n=Math.max(0,16-(t-l)),o=setTimeout(e,n);return l=t,o},c=function(e,t){return e+(e?t[0].toUpperCase()+t.substr(1):t)+"AnimationFrame"};i.default&&["","webkit","moz","o","ms"].some(function(e){var t=c(e,"request");if(t in window)return u=c(e,"cancel"),a=function(e){return window[t](e)}});var l=(new Date).getTime();(r=function(e){return a(e)}).cancel=function(e){window[u]&&"function"==typeof window[u]&&window[u](e)};var s=r;t.default=s,e.exports=t.default},function(e,t,n){"use strict";n.r(t);var c={ALT:18,BACKSPACE:8,COMMA:188,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,LEFT:37,NUMPAD_ADD:107,NUMPAD_DECIMAL:110,NUMPAD_DIVIDE:111,NUMPAD_ENTER:108,NUMPAD_MULTIPLY:106,NUMPAD_SUBTRACT:109,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SHIFT:16,SPACE:32,TAB:9,UP:38},r=n(4),o=n(0),i=n.n(o);function g(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return function(t){for(var e=arguments.length,n=new Array(1<e?e-1:0),o=1;o<e;o++)n[o-1]=arguments[o];return r.some(function(e){return e&&e.apply(void 0,[t].concat(n)),t&&t.defaultPrevented})}}function l(e){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function s(e,t){if(null==e)return{};var n,o,r=function(e,t){if(null==e)return{};var n,o,r={},i=Object.keys(e);for(o=0;o<i.length;o++)n=i[o],0<=t.indexOf(n)\|\|(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],0<=t.indexOf(n)\|\|Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function a(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}function d(e,t){return(d=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var u=function(e){function u(){var e,a,t,n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u);for(var o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return t=this,n=(e=f(u)).call.apply(e,[this].concat(r)),y(p(p(a=!n\|\|"object"!==l(n)&&"function"!=typeof n?p(t):n)),"onMouseDown",function(){a.keyboardFocusable=!1,setTimeout(function(){a.keyboardFocusable=!0},0)}),y(p(p(a)),"onFocus",function(){a.keyboardFocusable&&a.setState({keyboardFocused:!0})}),y(p(p(a)),"onBlur",function(){a.setState({keyboardFocused:!1})}),y(p(p(a)),"getFocusProps",function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},t=e.tabIndex,n=void 0===t?0:t,o=e.onBlur,r=e.onFocus,i=e.onMouseDown,u=s(e,["tabIndex","onBlur","onFocus","onMouseDown"]);return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(e){y(t,e,n[e])})}return t}({tabIndex:n,onBlur:g(o,a.onBlur),onFocus:g(r,a.onFocus),onMouseDown:g(i,a.onMouseDown)},u)}),a.state={keyboardFocused:!1},a.keyboardFocusable=!0,a}var t,n,o;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&d(e,t)}(u,r["Component"]),t=u,(n=[{key:"render",value:function(){var e=this.props,t=e.children,n=e.render,o=void 0===n?t:n,r=this.state.keyboardFocused;return o({getFocusProps:this.getFocusProps,keyboardFocused:r})}}])&&a(t.prototype,n),o&&a(t,o),u}();y(u,"propTypes",{children:i.a.func,render:i.a.func});var v=n(9),m=n.n(v),b=n(2);function h(e){return(h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function w(e){return(w=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}function O(e,t){return(O=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function S(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function P(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var I=function(e){function a(){var e,i,t,n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a);for(var o=arguments.length,r=new Array(o),u=0;u<o;u++)r[u]=arguments[u];return t=this,n=(e=w(a)).call.apply(e,[this].concat(r)),P(S(S(i=!n\|\|"object"!==h(n)&&"function"!=typeof n?S(t):n)),"isControlledProp",function(e){return Object.prototype.hasOwnProperty.call(i.props,e)}),P(S(S(i)),"getControlledState",function(){var n=0<arguments.length&&void 0!==arguments[0]?arguments[0]:i.state;return Object.keys(n).reduce(function(e,t){return e[t]=i.isControlledProp(t)?i.props[t]:n[t],e},{})}),P(S(S(i)),"setControlledState",function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},t=i.props.onStateChange;if(t){var n={},o={};for(var r in e)i.isControlledProp(r)?n[r]=e[r]:o[r]=e[r];t(n),i.setState(o)}else i.setState(e)}),i}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&O(e,t)}(a,r["Component"]),a}();P(I,"propTypes",{onStateChange:i.a.func});var _=0;var x={generateId:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"garden";return"".concat(e,"-").concat(_++)},setIdCounter:function(e){_=e}};function M(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var j=function(){function n(){var e=(0<arguments.length&&void 0!==arguments[0]?arguments[0]:{}).wrapping,t=void 0===e?"items":e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n),this.selectedIndex=void 0,this.numItems=0,this.wrapping=t}var e,t,o;return e=n,(t=[{key:"fireSelectionChanged",value:function(e,t){this.onSelectionChanged&&this.onSelectionChanged({newSelection:e,previousSelection:t})}},{key:"select",value:function(e){var t=this.selectedIndex;this.selectedIndex=e,-1===this.selectedIndex&&(this.selectedIndex=void 0),this.fireSelectionChanged(this.selectedIndex,t)}},{key:"selectNext",value:function(){if(0<this.numItems){if(!this.hasSelection())return this.selectFirst();var e=this.selectedIndex+1;return this.numItems<=e&&("clear"===this.wrapping?e=-1:"items"===this.wrapping?e%=this.numItems:"off"===this.wrapping&&(e=this.numItems-1)),this.select(e),!0}return!1}},{key:"selectPrevious",value:function(){if(0<this.numItems){if(!this.hasSelection())return this.selectLast();var e=this.selectedIndex-1;return e<0&&("clear"===this.wrapping?e=-1:"items"===this.wrapping?e=this.numItems-1:"off"===this.wrapping&&(e=0)),this.select(e),!0}return!1}},{key:"selectFirst",value:function(){return 0<this.numItems&&(this.select(0),!0)}},{key:"selectLast",value:function(){return 0<this.numItems&&(this.select(this.numItems-1),!0)}},{key:"clearSelection",value:function(){this.select()}},{key:"reset",value:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},t=e.numItems,n=void 0===t?0:t,o=e.selectedIndex;this.numItems=n,this.selectedIndex=o}},{key:"hasSelection",value:function(){return void 0!==this.selectedIndex}}])&&M(e.prototype,t),o&&M(e,o),n}();function E(e){return(E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function C(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(e){A(t,e,n[e])})}return t}function D(e,t){if(null==e)return{};var n,o,r=function(e,t){if(null==e)return{};var n,o,r={},i=Object.keys(e);for(o=0;o<i.length;o++)n=i[o],0<=t.indexOf(n)\|\|(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],0<=t.indexOf(n)\|\|Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function k(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function T(e){return(T=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}function F(e,t){return(F=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function K(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function A(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var N="horizontal",L="vertical",H="both",R=function(e){function a(){var e,t,h,n,o;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a);for(var r=arguments.length,i=new Array(r),u=0;u<r;u++)i[u]=arguments[u];return n=this,o=(e=T(a)).call.apply(e,[this].concat(i)),A(K(K(h=!o\|\|"object"!==E(o)&&"function"!=typeof o?K(n):o)),"keyDownEventHandlers",(A(t={},c.ENTER,function(e){e.preventDefault();var t=h.getControlledState().focusedKey;h.selectItem(t,t)}),A(t,c.SPACE,function(e){e.preventDefault();var t=h.getControlledState().focusedKey;h.selectItem(t,t)}),A(t,c.END,function(e){e.preventDefault(),h.focusSelectionModel.selectLast()}),A(t,c.HOME,function(e){e.preventDefault(),h.focusSelectionModel.selectFirst()}),A(t,c.LEFT,function(e){h.props.direction!==L&&(e.preventDefault(),Object(b.isRtl)(h.props)?h.focusSelectionModel.selectNext():h.focusSelectionModel.selectPrevious())}),A(t,c.RIGHT,function(e){h.props.direction!==L&&(e.preventDefault(),Object(b.isRtl)(h.props)?h.focusSelectionModel.selectPrevious():h.focusSelectionModel.selectNext())}),A(t,c.UP,function(e){h.props.direction!==N&&(e.preventDefault(),h.focusSelectionModel.selectPrevious())}),A(t,c.DOWN,function(e){h.props.direction!==N&&(e.preventDefault(),h.focusSelectionModel.selectNext())}),t)),A(K(K(h)),"onFocusSelectionModelChange",function(e){var t=e.newSelection,n=h.indexKeyMap[t];h.setControlledState({focusedKey:n})}),A(K(K(h)),"selectItem",function(e,t){h.setControlledState({selectedKey:e,focusedKey:t})}),A(K(K(h)),"getContainerId",function(){return"".concat(h.getControlledState().id,"--container")}),A(K(K(h)),"getContainerProps",function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},t=e.id,n=void 0===t?h.getContainerId():t,o=e.role,r=void 0===o?"listbox":o,i=e.tabIndex,u=void 0===i?0:i,a=e.onKeyDown,c=e.onFocus,l=e.onBlur,s=e.onMouseDown,f=D(e,["id","role","tabIndex","onKeyDown","onFocus","onBlur","onMouseDown"]),d=h.getControlledState().focusedKey,p=h.props.defaultFocusedIndex;return C({id:n,role:r,tabIndex:u,"aria-activedescendant":h.getItemId(d),onKeyDown:g(a,function(e){var t=h.keyDownEventHandlers[e.keyCode];t&&t(e)}),onFocus:g(c,function(){if(!h.containerMouseDown&&void 0===d){var e=h.keyIndexMap[h.getControlledState().selectedKey];void 0===e&&(e=-1===p?e=Object.keys(h.keyIndexMap).length-1:p),h.focusSelectionModel.select(e)}}),onMouseDown:g(s,function(){h.containerMouseDown=!0,setTimeout(function(){h.containerMouseDown=!1},0)}),onBlur:g(l,function(){h.focusSelectionModel.clearSelection()})},f)}),A(K(K(h)),"getItemId",function(e){return void 0===e?null:"".concat(h.getControlledState().id,"--item-").concat(e)}),A(K(K(h)),"getItemProps",function(){var e,t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},n=t.key,o=t.id,r=void 0===o?h.getItemId(n):o,i=t.role,u=void 0===i?"option":i,a=t.onClick,c=t.index,l=D(t,["key","id","role","onClick","index"]),s=(1<arguments.length&&void 0!==arguments[1]?arguments[1]:{}).selectedAriaKey,f=void 0===s?"aria-selected":s;if(void 0===n)throw new Error('"key" must be defined within getItemProps regardless of being used within a .map()');var d=h.getControlledState(),p=d.selectedKey,y=d.focusedKey,v=n===p,m=n===y,b=void 0===c?h.focusSelectionModel.numItems:c;return h.indexKeyMap[b]=n,h.keyIndexMap[n]=b,(m\|\|void 0===y&&v)&&(h.focusSelectionModel.selectedIndex=b),h.focusSelectionModel.numItems++,C((A(e={id:r,key:n,role:u},f,v),A(e,"onClick",g(a,function(){h.selectItem(n,void 0)})),e),l)}),h.state={focusedKey:void 0,selectedKey:void 0,id:x.generateId("garden-selection-container")},h.focusSelectionModel=new j,h.focusSelectionModel.onSelectionChanged=h.onFocusSelectionModelChange,h}var t,n,o;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&F(e,t)}(a,I),t=a,(n=[{key:"componentDidUpdate",value:function(e,t){var n=void 0===this.props.focusedKey?this.state:this.props,o=void 0===e.focusedKey?t:e,r=b.getDocument?Object(b.getDocument)(this.props):document;if(void 0!==n.focusedKey&&n.focusedKey!==o.focusedKey){var i=r.getElementById(this.getItemId(n.focusedKey));i&&m()(i)}}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.render,o=void 0===n?t:n,r=this.getControlledState(),i=r.focusedKey,u=r.selectedKey;return this.focusSelectionModel.reset(),this.indexKeyMap={},this.keyIndexMap={},this.items=[],o({getContainerProps:this.getContainerProps,getItemProps:this.getItemProps,focusedKey:i,selectedKey:u,focusSelectionModel:this.focusSelectionModel})}}])&&k(t.prototype,n),o&&k(t,o),a}();A(R,"propTypes",{children:i.a.func,direction:i.a.oneOf([N,L,H]),defaultFocusedIndex:i.a.number,focusedKey:i.a.oneOfType([i.a.string,i.a.number]),selectedKey:i.a.oneOfType([i.a.string,i.a.number]),onStateChange:i.a.func,id:i.a.string,render:i.a.func}),A(R,"defaultProps",{defaultFocusedIndex:0,direction:N});var B=Object(b.withTheme)(R);function U(e){return(U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function z(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(e){X(t,e,n[e])})}return t}function q(e,t){if(null==e)return{};var n,o,r=function(e,t){if(null==e)return{};var n,o,r={},i=Object.keys(e);for(o=0;o<i.length;o++)n=i[o],0<=t.indexOf(n)\|\|(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],0<=t.indexOf(n)\|\|Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function G(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function V(e){return(V=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}function Y(e,t){return(Y=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function W(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function X(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var $=function(e){function a(){var e,u,t,n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a);for(var o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return t=this,n=(e=V(a)).call.apply(e,[this].concat(r)),X(W(W(u=!n\|\|"object"!==U(n)&&"function"!=typeof n?W(t):n)),"retrieveInputId",function(){return"".concat(u.getControlledState().id,"--input")}),X(W(W(u)),"retrieveLabelId",function(){return"".concat(u.getControlledState().id,"--label")}),X(W(W(u)),"retrieveHintId",function(){return"".concat(u.getControlledState().id,"--hint")}),X(W(W(u)),"getLabelProps",function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},t=e.id,n=void 0===t?u.retrieveLabelId():t,o=e.htmlFor;return z({id:n,htmlFor:void 0===o?u.retrieveInputId():o},q(e,["id","htmlFor"]))}),X(W(W(u)),"getInputProps",function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},t=e.id,n=void 0===t?u.retrieveInputId():t,o=q(e,["id"]),r=(1<arguments.length&&void 0!==arguments[1]?arguments[1]:{}).isDescribed,i=void 0!==r&&r;return z({id:n,"aria-labelledby":u.retrieveLabelId(),"aria-describedby":i?u.retrieveHintId():null},o)}),X(W(W(u)),"getHintProps",function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},t=e.id;return z({id:void 0===t?u.retrieveHintId():t},q(e,["id"]))}),X(W(W(u)),"getMessageProps",function(e){return e}),u.state={id:x.generateId("garden-field-container")},u}var t,n,o;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Y(e,t)}(a,I),t=a,(n=[{key:"render",value:function(){var e=this.props,t=e.children,n=e.render,o=void 0===n?t:n;return o({getLabelProps:this.getLabelProps,getInputProps:this.getInputProps,getHintProps:this.getHintProps,getMessageProps:this.getMessageProps})}}])&&G(t.prototype,n),o&&G(t,o),a}();X($,"propTypes",{children:i.a.func,render:i.a.func,id:i.a.string}),n.d(t,"KEY_CODES",function(){return c}),n.d(t,"KeyboardFocusContainer",function(){return u}),n.d(t,"SelectionContainer",function(){return B}),n.d(t,"FieldContainer",function(){return $}),n.d(t,"composeEventHandlers",function(){return g}),n.d(t,"ControlledComponent",function(){return I}),n.d(t,"IdManager",function(){return x}),n.d(t,"SingleSelectionModel",function(){return j})}])});
		//# sourceMappingURL=bundle.min.js.map

package.json

		@@ -11,3 +11,3 @@ {
		},
		"version": "4.6.0",
		"version": "4.6.1",
		"main": "./dist/index.js",
		@@ -33,3 +33,3 @@ "files": [
		"devDependencies": {
		"@zendeskgarden/react-theming": "^3.1.3"
		"@zendeskgarden/react-theming": "^3.2.0"
		},
		@@ -47,3 +47,3 @@ "keywords": [
		"zendeskgarden:src": "src/index.js",
		"gitHead": "7a32b2d9799f32d09385bc7d64c0b20fd66d61db"
		"gitHead": "100dd0814a481ce46eecd0246a9ea35b024aa154"
		}

dist/index.js.map

Sorry, the diff of this file is not supported yet

dist/umd/bundle.min.js.map

Sorry, the diff of this file is not supported yet

@zendeskgarden/react-selection - npm Package Compare versions

New alerts

Worsened metrics