@procore/core-react 12.20.3 → 12.21.0-cdn.0

package/dist/Form/Form.js

@@ -7,34 +7,34 @@ var _excluded = ["initialValues", "onSubmit", "disabled", "enableConfirmNavigati
   _excluded7 = ["children"],
   _excluded8 = ["onBlur", "onChange", "field"],
   _excluded9 = ["field"],
+  _excluded0 = ["onBlur", "onChange", "field"],
+  _excluded1 = ["decimalScale", "defaultValue", "field", "fillDecimalScale", "locale", "onChange", "prefix", "suffix"],
   _excluded10 = ["onBlur", "onChange", "field"],
-  _excluded11 = ["decimalScale", "defaultValue", "field", "fillDecimalScale", "locale", "onChange", "prefix", "suffix"],
-  _excluded12 = ["onBlur", "onChange", "field"],
-  _excluded13 = ["currencyIsoCode", "currencyDisplay", "decimalScale", "suffix", "prefix"],
-  _excluded14 = ["onChange", "field"],
-  _excluded15 = ["onChange", "field"],
-  _excluded16 = ["field", "i18nScope", "tooltip", "hasRequiredMark", "inlineLabel", "onBlur", "onChange"],
-  _excluded17 = ["field", "tooltip", "inlineLabel", "i18nScope", "hasRequiredMark"],
-  _excluded18 = ["field", "onBlur", "onChange"],
-  _excluded19 = ["field"],
-  _excluded20 = ["onChange", "field"],
-  _excluded21 = ["field", "onBlur", "onChange", "onClick", "onContextMenu", "onCopy", "onCompositionEnd", "onCompositionStart", "onCompositionUpdate", "onCut", "onDrag", "onDragDrop", "onDragEnd", "onDragGesture", "onDragOver", "onDrop", "onFocus", "onInput", "onKeyDown", "onKeyPress", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseMove", "onMouseOut", "onMouseOver", "onMouseUp", "onPaste", "onReset", "onSubmit"],
-  _excluded22 = ["field", "getId", "getLabel", "isDisabledOption", "options"],
-  _excluded23 = ["field", "getId", "getLabel", "options"],
-  _excluded24 = ["field", "getId", "getLabel", "isDisabledOption", "isIndeterminateOption", "options"],
-  _excluded25 = ["field", "getId", "getLabel", "isDisabledOption", "isIndeterminateOption", "options"],
-  _excluded26 = ["getId", "getLabel"],
-  _excluded27 = ["getId", "getLabel"],
-  _excluded28 = ["afterHide", "field", "getGroup", "getId", "getLabel", "groupGetId", "groupGetLabel", "groupHeaderRenderer", "isSuggestedOption", "onClear", "onSearch", "onSelect", "searchComparator", "options", "optgroups", "optionRenderer"],
-  _excluded29 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "field", "footer", "getId", "getGroup", "getLabel", "groupGetId", "groupGetLabel", "groupHeaderRenderer", "i18nScope", "isSuggestedOption", "options", "optgroups", "optionRenderer", "searchComparator", "onBlur", "onClear", "onSearch", "onSelect"],
-  _excluded30 = ["field", "onBlur", "onClear", "onSelect", "getId", "getLabel"],
-  _excluded31 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "color", "field", "footer", "getColor", "getGroup", "getLabel", "getSuggested", "groupGetId", "groupGetLabel", "i18nScope", "onClear", "onSearch", "onSelect", "options", "optgroups"],
+  _excluded11 = ["currencyIsoCode", "currencyDisplay", "decimalScale", "suffix", "prefix"],
+  _excluded12 = ["onChange", "field"],
+  _excluded13 = ["onChange", "field"],
+  _excluded14 = ["field", "i18nScope", "tooltip", "hasRequiredMark", "inlineLabel", "onBlur", "onChange"],
+  _excluded15 = ["field", "tooltip", "inlineLabel", "i18nScope", "hasRequiredMark"],
+  _excluded16 = ["field", "onBlur", "onChange"],
+  _excluded17 = ["field"],
+  _excluded18 = ["onChange", "field"],
+  _excluded19 = ["field", "onBlur", "onChange", "onClick", "onContextMenu", "onCopy", "onCompositionEnd", "onCompositionStart", "onCompositionUpdate", "onCut", "onDrag", "onDragDrop", "onDragEnd", "onDragGesture", "onDragOver", "onDrop", "onFocus", "onInput", "onKeyDown", "onKeyPress", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseMove", "onMouseOut", "onMouseOver", "onMouseUp", "onPaste", "onReset", "onSubmit"],
+  _excluded20 = ["field", "getId", "getLabel", "isDisabledOption", "options"],
+  _excluded21 = ["field", "getId", "getLabel", "options"],
+  _excluded22 = ["field", "getId", "getLabel", "isDisabledOption", "isIndeterminateOption", "options"],
+  _excluded23 = ["field", "getId", "getLabel", "isDisabledOption", "isIndeterminateOption", "options"],
+  _excluded24 = ["getId", "getLabel"],
+  _excluded25 = ["getId", "getLabel"],
+  _excluded26 = ["afterHide", "field", "getGroup", "getId", "getLabel", "groupGetId", "groupGetLabel", "groupHeaderRenderer", "isSuggestedOption", "onClear", "onSearch", "onSelect", "searchComparator", "options", "optgroups", "optionRenderer"],
+  _excluded27 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "field", "footer", "getId", "getGroup", "getLabel", "groupGetId", "groupGetLabel", "groupHeaderRenderer", "i18nScope", "isSuggestedOption", "options", "optgroups", "optionRenderer", "searchComparator", "onBlur", "onClear", "onSearch", "onSelect"],
+  _excluded28 = ["field", "onBlur", "onClear", "onSelect", "getId", "getLabel"],
+  _excluded29 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "color", "field", "footer", "getColor", "getGroup", "getLabel", "getSuggested", "groupGetId", "groupGetLabel", "i18nScope", "onClear", "onSearch", "onSelect", "options", "optgroups"],
+  _excluded30 = ["field", "onBlur", "onChange", "getId", "getLabel"],
+  _excluded31 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "emptyMessage", "field", "getGroup", "getId", "getLabel", "groupHeaderRenderer", "isOptionDisabled", "onChange", "onSearch", "onScrollBottom", "options", "optgroups", "optionRenderer", "placement", "placeholder", "tokenRenderer", "qa"],
   _excluded32 = ["field", "onBlur", "onChange", "getId", "getLabel"],
-  _excluded33 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "emptyMessage", "field", "getGroup", "getId", "getLabel", "groupHeaderRenderer", "isOptionDisabled", "onChange", "onSearch", "onScrollBottom", "options", "optgroups", "optionRenderer", "placement", "placeholder", "tokenRenderer", "qa"],
+  _excluded33 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "emptyMessage", "field", "getGroup", "getId", "getLabel", "getOptGroup", "groupRenderer", "groups", "isOptionDisabled", "placeholder", "placement", "onChange", "onScrollBottom", "onSearch", "optgroups", "options", "optionRenderer", "optGroupRenderer", "tokenRenderer", "qa"],
   _excluded34 = ["field", "onBlur", "onChange", "getId", "getLabel"],
-  _excluded35 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "emptyMessage", "field", "getGroup", "getId", "getLabel", "getOptGroup", "groupRenderer", "groups", "isOptionDisabled", "placeholder", "placement", "onChange", "onScrollBottom", "onSearch", "optgroups", "options", "optionRenderer", "optGroupRenderer", "tokenRenderer", "qa"],
-  _excluded36 = ["field", "onBlur", "onChange", "getId", "getLabel"],
-  _excluded37 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "field", "getId", "getLabel", "getGroupId", "getNextGroupId", "getValueString", "i18nScope", "isLeaf", "isTierDisabled", "loadingMore", "onChange", "onClear", "onNavigate", "onScrollBottom", "onSearch", "onQuickCreate", "options", "selectableTiers"];
+  _excluded35 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "field", "getId", "getLabel", "getGroupId", "getNextGroupId", "getValueString", "i18nScope", "isLeaf", "isTierDisabled", "loadingMore", "onChange", "onClear", "onNavigate", "onScrollBottom", "onSearch", "onQuickCreate", "options", "selectableTiers"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -646,9 +646,9 @@ export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref9, r
  * `<span ref={ref} {...props}>{field.input.value}</span>`.
  * @deprecatedSince 12.21.0
  */
-export var TextOutput = /*#__PURE__*/React.forwardRef(function TextOutput(_ref10, ref) {
-  var field = _ref10.field,
-    props = _objectWithoutProperties(_ref10, _excluded9);
+export var TextOutput = /*#__PURE__*/React.forwardRef(function TextOutput(_ref0, ref) {
+  var field = _ref0.field,
+    props = _objectWithoutProperties(_ref0, _excluded9);
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref
   }, props), field.input.value);
@@ -657,11 +657,11 @@ var FieldText = makeField(TextInput, TextOutput);
 
 // NUMBER
 
-export var NumberInput = /*#__PURE__*/React.forwardRef(function NumberInput(_ref11, ref) {
-  var onBlur_ = _ref11.onBlur,
-    onChange_ = _ref11.onChange,
-    field = _ref11.field,
-    props = _objectWithoutProperties(_ref11, _excluded10);
+export var NumberInput = /*#__PURE__*/React.forwardRef(function NumberInput(_ref1, ref) {
+  var onBlur_ = _ref1.onBlur,
+    onChange_ = _ref1.onChange,
+    field = _ref1.field,
+    props = _objectWithoutProperties(_ref1, _excluded0);
   var onBlur = function onBlur(e) {
     field.input.onBlur(e);
     onBlur_ === null || onBlur_ === void 0 ? void 0 : onBlur_(e);
@@ -689,16 +689,16 @@ export var NumberInput = /*#__PURE__*/React.forwardRef(function NumberInput(_ref
     value: field.input.value
   }, props));
 });
-export var NumberOutput = /*#__PURE__*/React.forwardRef(function NumberOutput(_ref12, ref) {
-  var decimalScale = _ref12.decimalScale,
-    defaultValue = _ref12.defaultValue,
-    field = _ref12.field,
-    fillDecimalScale = _ref12.fillDecimalScale,
-    _locale = _ref12.locale,
-    onChange = _ref12.onChange,
-    prefix = _ref12.prefix,
-    suffix = _ref12.suffix,
-    props = _objectWithoutProperties(_ref12, _excluded11);
+export var NumberOutput = /*#__PURE__*/React.forwardRef(function NumberOutput(_ref10, ref) {
+  var decimalScale = _ref10.decimalScale,
+    defaultValue = _ref10.defaultValue,
+    field = _ref10.field,
+    fillDecimalScale = _ref10.fillDecimalScale,
+    _locale = _ref10.locale,
+    onChange = _ref10.onChange,
+    prefix = _ref10.prefix,
+    suffix = _ref10.suffix,
+    props = _objectWithoutProperties(_ref10, _excluded1);
   var I18n = useI18nContext();
   var locale = _locale || I18n.locale || defaultLocale;
   var _useNumberFormat = useNumberFormat({
@@ -716,11 +716,11 @@ var FieldNumber = makeField(NumberInput, NumberOutput);
 
 // CURRENCY
 
-export var CurrencyInput = /*#__PURE__*/React.forwardRef(function CurrencyInput(_ref13, ref) {
-  var onBlur_ = _ref13.onBlur,
-    onChange_ = _ref13.onChange,
-    field = _ref13.field,
-    props = _objectWithoutProperties(_ref13, _excluded12);
+export var CurrencyInput = /*#__PURE__*/React.forwardRef(function CurrencyInput(_ref11, ref) {
+  var onBlur_ = _ref11.onBlur,
+    onChange_ = _ref11.onChange,
+    field = _ref11.field,
+    props = _objectWithoutProperties(_ref11, _excluded10);
   var onBlur = function onBlur(e) {
     field.input.onBlur(e);
     onBlur_ === null || onBlur_ === void 0 ? void 0 : onBlur_(e);
@@ -747,15 +747,15 @@ export var CurrencyInput = /*#__PURE__*/React.forwardRef(function CurrencyInput(
     value: field.input.value
   }, props));
 });
-export var CurrencyOutput = /*#__PURE__*/React.forwardRef(function CurrencyOutput(_ref14, ref) {
-  var currencyIsoCode = _ref14.currencyIsoCode,
-    currencyDisplay = _ref14.currencyDisplay,
-    _ref14$decimalScale = _ref14.decimalScale,
-    decimalScale = _ref14$decimalScale === void 0 ? defaultCurrencyDecimalScale : _ref14$decimalScale,
-    suffix = _ref14.suffix,
-    _ref14$prefix = _ref14.prefix,
-    prefix = _ref14$prefix === void 0 ? defaultCurrencyInputPrefix : _ref14$prefix,
-    props = _objectWithoutProperties(_ref14, _excluded13);
+export var CurrencyOutput = /*#__PURE__*/React.forwardRef(function CurrencyOutput(_ref12, ref) {
+  var currencyIsoCode = _ref12.currencyIsoCode,
+    currencyDisplay = _ref12.currencyDisplay,
+    _ref12$decimalScale = _ref12.decimalScale,
+    decimalScale = _ref12$decimalScale === void 0 ? defaultCurrencyDecimalScale : _ref12$decimalScale,
+    suffix = _ref12.suffix,
+    _ref12$prefix = _ref12.prefix,
+    prefix = _ref12$prefix === void 0 ? defaultCurrencyInputPrefix : _ref12$prefix,
+    props = _objectWithoutProperties(_ref12, _excluded11);
   var i18n = useI18nContext();
   var locale = props.locale || i18n.locale || defaultLocale;
   var numberProps = getCurrencyProps(locale, decimalScale, prefix || suffix, currencyIsoCode, currencyDisplay);
@@ -768,10 +768,10 @@ var FieldCurrency = makeField(CurrencyInput, CurrencyOutput);
 
 // DATE
 
-export var DateInput = /*#__PURE__*/React.forwardRef(function DateInput(_ref15, ref) {
-  var _onChange = _ref15.onChange,
-    field = _ref15.field,
-    props = _objectWithoutProperties(_ref15, _excluded14);
+export var DateInput = /*#__PURE__*/React.forwardRef(function DateInput(_ref13, ref) {
+  var _onChange = _ref13.onChange,
+    field = _ref13.field,
+    props = _objectWithoutProperties(_ref13, _excluded12);
   var value = field.input.value ? toDate(field.input.value, 'Form.DateSelect Create or Update Input') : undefined;
   var onChange = function onChange(value) {
     field.helpers.setValue(value);
@@ -786,10 +786,10 @@ export var DateInput = /*#__PURE__*/React.forwardRef(function DateInput(_ref15,
     value: value
   }, props));
 });
-export var DateOutput = /*#__PURE__*/React.forwardRef(function DateOutput(_ref16, ref) {
-  var onChange = _ref16.onChange,
-    field = _ref16.field,
-    props = _objectWithoutProperties(_ref16, _excluded15);
+export var DateOutput = /*#__PURE__*/React.forwardRef(function DateOutput(_ref14, ref) {
+  var onChange = _ref14.onChange,
+    field = _ref14.field,
+    props = _objectWithoutProperties(_ref14, _excluded13);
   var dateTime = useDateTime();
   var value = field.input.value ? dateTime.format(toDate(field.input.value, 'Form.DateSelect Read Output'), 'numeric-date') : undefined;
   var machineValue = field.input.value ? formatMachineDate(dateTime.shiftUtcToZonedTime(toDate(field.input.value))) : undefined;
@@ -803,15 +803,15 @@ var FieldDateSelect = makeField(DateInput, DateOutput);
 
 // CHECKBOX
 
-export var CheckboxInput = /*#__PURE__*/React.forwardRef(function CheckboxInput(_ref17, ref) {
-  var field = _ref17.field,
-    i18nScope = _ref17.i18nScope,
-    tooltip = _ref17.tooltip,
-    hasRequiredMark = _ref17.hasRequiredMark,
-    inlineLabel = _ref17.inlineLabel,
-    _onBlur = _ref17.onBlur,
-    _onChange = _ref17.onChange,
-    props = _objectWithoutProperties(_ref17, _excluded16);
+export var CheckboxInput = /*#__PURE__*/React.forwardRef(function CheckboxInput(_ref15, ref) {
+  var field = _ref15.field,
+    i18nScope = _ref15.i18nScope,
+    tooltip = _ref15.tooltip,
+    hasRequiredMark = _ref15.hasRequiredMark,
+    inlineLabel = _ref15.inlineLabel,
+    _onBlur = _ref15.onBlur,
+    _onChange = _ref15.onChange,
+    props = _objectWithoutProperties(_ref15, _excluded14);
   var value = field.input.value || false;
   var onBlur = function onBlur(e) {
     field.input.onBlur(e);
@@ -835,14 +835,14 @@ export var CheckboxInput = /*#__PURE__*/React.forwardRef(function CheckboxInput(
     tooltip: tooltip
   }, props), inlineLabel);
 });
-export var CheckboxOutput = /*#__PURE__*/React.forwardRef(function CheckboxOutput(_ref18, ref) {
-  var field = _ref18.field,
-    tooltip = _ref18.tooltip,
-    inlineLabel = _ref18.inlineLabel,
-    _ref18$i18nScope = _ref18.i18nScope,
-    i18nScope = _ref18$i18nScope === void 0 ? 'core.form.checkbox' : _ref18$i18nScope,
-    hasRequiredMark = _ref18.hasRequiredMark,
-    props = _objectWithoutProperties(_ref18, _excluded17);
+export var CheckboxOutput = /*#__PURE__*/React.forwardRef(function CheckboxOutput(_ref16, ref) {
+  var field = _ref16.field,
+    tooltip = _ref16.tooltip,
+    inlineLabel = _ref16.inlineLabel,
+    _ref16$i18nScope = _ref16.i18nScope,
+    i18nScope = _ref16$i18nScope === void 0 ? 'core.form.checkbox' : _ref16$i18nScope,
+    hasRequiredMark = _ref16.hasRequiredMark,
+    props = _objectWithoutProperties(_ref16, _excluded15);
   var i18n = useI18nContext();
   var yes = /*#__PURE__*/React.createElement("span", {
     style: {
@@ -883,11 +883,11 @@ var FieldCheckbox = makeField(CheckboxInput, CheckboxOutput, {
 
 // TEXTAREA
 
-export var TextAreaInput = /*#__PURE__*/React.forwardRef(function TextAreaInput(_ref19, ref) {
-  var field = _ref19.field,
-    _onBlur = _ref19.onBlur,
-    _onChange = _ref19.onChange,
-    props = _objectWithoutProperties(_ref19, _excluded18);
+export var TextAreaInput = /*#__PURE__*/React.forwardRef(function TextAreaInput(_ref17, ref) {
+  var field = _ref17.field,
+    _onBlur = _ref17.onBlur,
+    _onChange = _ref17.onChange,
+    props = _objectWithoutProperties(_ref17, _excluded16);
   var onBlur = function onBlur(e) {
     field.input.onBlur(e);
     _onBlur && _onBlur(e);
@@ -907,9 +907,9 @@ export var TextAreaInput = /*#__PURE__*/React.forwardRef(function TextAreaInput(
     value: field.input.value
   }, props));
 });
-export var TextAreaOutput = /*#__PURE__*/React.forwardRef(function TextAreaOutput(_ref20, ref) {
-  var field = _ref20.field,
-    props = _objectWithoutProperties(_ref20, _excluded19);
+export var TextAreaOutput = /*#__PURE__*/React.forwardRef(function TextAreaOutput(_ref18, ref) {
+  var field = _ref18.field,
+    props = _objectWithoutProperties(_ref18, _excluded17);
   return /*#__PURE__*/React.createElement(StyledFormOutputTextArea, _extends({
     ref: ref
   }, props), field.input.value);
@@ -918,10 +918,10 @@ var FieldTextArea = makeField(TextAreaInput, TextAreaOutput);
 
 // RICHTEXT
 
-export var RichTextInput = /*#__PURE__*/React.forwardRef(function RichTextInput(_ref21, ref) {
-  var _onChange = _ref21.onChange,
-    field = _ref21.field,
-    props = _objectWithoutProperties(_ref21, _excluded20);
+export var RichTextInput = /*#__PURE__*/React.forwardRef(function RichTextInput(_ref19, ref) {
+  var _onChange = _ref19.onChange,
+    field = _ref19.field,
+    props = _objectWithoutProperties(_ref19, _excluded18);
   var onChange = function onChange(value, isDirty) {
     field.helpers.setValue(value, false, isDirty);
     if (isDirty) {
@@ -936,38 +936,38 @@ export var RichTextInput = /*#__PURE__*/React.forwardRef(function RichTextInput(
     onChange: onChange
   }, props));
 });
-export var RichTextOutput = /*#__PURE__*/React.forwardRef(function RichTextOutput(_ref22, ref) {
-  var field = _ref22.field,
-    onBlur = _ref22.onBlur,
-    onChange = _ref22.onChange,
-    onClick = _ref22.onClick,
-    onContextMenu = _ref22.onContextMenu,
-    onCopy = _ref22.onCopy,
-    onCompositionEnd = _ref22.onCompositionEnd,
-    onCompositionStart = _ref22.onCompositionStart,
-    onCompositionUpdate = _ref22.onCompositionUpdate,
-    onCut = _ref22.onCut,
-    onDrag = _ref22.onDrag,
-    onDragDrop = _ref22.onDragDrop,
-    onDragEnd = _ref22.onDragEnd,
-    onDragGesture = _ref22.onDragGesture,
-    onDragOver = _ref22.onDragOver,
-    onDrop = _ref22.onDrop,
-    onFocus = _ref22.onFocus,
-    onInput = _ref22.onInput,
-    onKeyDown = _ref22.onKeyDown,
-    onKeyPress = _ref22.onKeyPress,
-    onMouseDown = _ref22.onMouseDown,
-    onMouseEnter = _ref22.onMouseEnter,
-    onMouseLeave = _ref22.onMouseLeave,
-    onMouseMove = _ref22.onMouseMove,
-    onMouseOut = _ref22.onMouseOut,
-    onMouseOver = _ref22.onMouseOver,
-    onMouseUp = _ref22.onMouseUp,
-    onPaste = _ref22.onPaste,
-    onReset = _ref22.onReset,
-    onSubmit = _ref22.onSubmit,
-    props = _objectWithoutProperties(_ref22, _excluded21);
+export var RichTextOutput = /*#__PURE__*/React.forwardRef(function RichTextOutput(_ref20, ref) {
+  var field = _ref20.field,
+    onBlur = _ref20.onBlur,
+    onChange = _ref20.onChange,
+    onClick = _ref20.onClick,
+    onContextMenu = _ref20.onContextMenu,
+    onCopy = _ref20.onCopy,
+    onCompositionEnd = _ref20.onCompositionEnd,
+    onCompositionStart = _ref20.onCompositionStart,
+    onCompositionUpdate = _ref20.onCompositionUpdate,
+    onCut = _ref20.onCut,
+    onDrag = _ref20.onDrag,
+    onDragDrop = _ref20.onDragDrop,
+    onDragEnd = _ref20.onDragEnd,
+    onDragGesture = _ref20.onDragGesture,
+    onDragOver = _ref20.onDragOver,
+    onDrop = _ref20.onDrop,
+    onFocus = _ref20.onFocus,
+    onInput = _ref20.onInput,
+    onKeyDown = _ref20.onKeyDown,
+    onKeyPress = _ref20.onKeyPress,
+    onMouseDown = _ref20.onMouseDown,
+    onMouseEnter = _ref20.onMouseEnter,
+    onMouseLeave = _ref20.onMouseLeave,
+    onMouseMove = _ref20.onMouseMove,
+    onMouseOut = _ref20.onMouseOut,
+    onMouseOver = _ref20.onMouseOver,
+    onMouseUp = _ref20.onMouseUp,
+    onPaste = _ref20.onPaste,
+    onReset = _ref20.onReset,
+    onSubmit = _ref20.onSubmit,
+    props = _objectWithoutProperties(_ref20, _excluded19);
   return /*#__PURE__*/React.createElement(TextEditorOutput, _extends({
     value: field.input.value,
     ref: ref
@@ -977,15 +977,15 @@ var FieldRichText = makeField(RichTextInput, RichTextOutput);
 
 // RADIO BUTTONS
 
-export var RadioButtonsInput = /*#__PURE__*/React.forwardRef(function RadioButtonsInput(_ref23, ref) {
-  var field = _ref23.field,
-    _ref23$getId = _ref23.getId,
-    getId = _ref23$getId === void 0 ? defaultGetId : _ref23$getId,
-    _ref23$getLabel = _ref23.getLabel,
-    getLabel = _ref23$getLabel === void 0 ? defaultGetLabel : _ref23$getLabel,
-    isDisabledOption = _ref23.isDisabledOption,
-    options = _ref23.options,
-    props = _objectWithoutProperties(_ref23, _excluded22);
+export var RadioButtonsInput = /*#__PURE__*/React.forwardRef(function RadioButtonsInput(_ref21, ref) {
+  var field = _ref21.field,
+    _ref21$getId = _ref21.getId,
+    getId = _ref21$getId === void 0 ? defaultGetId : _ref21$getId,
+    _ref21$getLabel = _ref21.getLabel,
+    getLabel = _ref21$getLabel === void 0 ? defaultGetLabel : _ref21$getLabel,
+    isDisabledOption = _ref21.isDisabledOption,
+    options = _ref21.options,
+    props = _objectWithoutProperties(_ref21, _excluded20);
   if (!options || options.length === 0) return null;
   var onSelect = function onSelect(option) {
     return function () {
@@ -1007,13 +1007,13 @@ export var RadioButtonsInput = /*#__PURE__*/React.forwardRef(function RadioButto
     }, getLabel(option));
   }));
 });
-export var RadioButtonsOutput = /*#__PURE__*/React.forwardRef(function RadioButtonsOutput(_ref24, ref) {
-  var field = _ref24.field,
-    getId = _ref24.getId,
-    _ref24$getLabel = _ref24.getLabel,
-    getLabel = _ref24$getLabel === void 0 ? defaultGetLabel : _ref24$getLabel,
-    options = _ref24.options,
-    props = _objectWithoutProperties(_ref24, _excluded23);
+export var RadioButtonsOutput = /*#__PURE__*/React.forwardRef(function RadioButtonsOutput(_ref22, ref) {
+  var field = _ref22.field,
+    getId = _ref22.getId,
+    _ref22$getLabel = _ref22.getLabel,
+    getLabel = _ref22$getLabel === void 0 ? defaultGetLabel : _ref22$getLabel,
+    options = _ref22.options,
+    props = _objectWithoutProperties(_ref22, _excluded21);
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref
   }, props), getLabel(field.input.value));
@@ -1022,16 +1022,16 @@ var FieldRadioButtons = makeField(RadioButtonsInput, RadioButtonsOutput);
 
 // CHECKBOXES
 
-export var CheckboxesInput = /*#__PURE__*/React.forwardRef(function CheckboxesInput(_ref25, ref) {
-  var field = _ref25.field,
-    _ref25$getId = _ref25.getId,
-    getId = _ref25$getId === void 0 ? defaultGetId : _ref25$getId,
-    _ref25$getLabel = _ref25.getLabel,
-    getLabel = _ref25$getLabel === void 0 ? defaultGetLabel : _ref25$getLabel,
-    isDisabledOption = _ref25.isDisabledOption,
-    isIndeterminateOption = _ref25.isIndeterminateOption,
-    options = _ref25.options,
-    props = _objectWithoutProperties(_ref25, _excluded24);
+export var CheckboxesInput = /*#__PURE__*/React.forwardRef(function CheckboxesInput(_ref23, ref) {
+  var field = _ref23.field,
+    _ref23$getId = _ref23.getId,
+    getId = _ref23$getId === void 0 ? defaultGetId : _ref23$getId,
+    _ref23$getLabel = _ref23.getLabel,
+    getLabel = _ref23$getLabel === void 0 ? defaultGetLabel : _ref23$getLabel,
+    isDisabledOption = _ref23.isDisabledOption,
+    isIndeterminateOption = _ref23.isIndeterminateOption,
+    options = _ref23.options,
+    props = _objectWithoutProperties(_ref23, _excluded22);
   if (!options || options.length === 0) return null;
   var selectedIds = (field.input.value || emptyArray).map(getId);
   var onSelect = function onSelect(changedOption) {
@@ -1061,15 +1061,15 @@ export var CheckboxesInput = /*#__PURE__*/React.forwardRef(function CheckboxesIn
     }, getLabel(option));
   }));
 });
-export var CheckboxesOutput = /*#__PURE__*/React.forwardRef(function CheckboxesOutput(_ref26, ref) {
-  var field = _ref26.field,
-    getId = _ref26.getId,
-    _ref26$getLabel = _ref26.getLabel,
-    getLabel = _ref26$getLabel === void 0 ? defaultGetLabel : _ref26$getLabel,
-    isDisabledOption = _ref26.isDisabledOption,
-    isIndeterminateOption = _ref26.isIndeterminateOption,
-    options = _ref26.options,
-    props = _objectWithoutProperties(_ref26, _excluded25);
+export var CheckboxesOutput = /*#__PURE__*/React.forwardRef(function CheckboxesOutput(_ref24, ref) {
+  var field = _ref24.field,
+    getId = _ref24.getId,
+    _ref24$getLabel = _ref24.getLabel,
+    getLabel = _ref24$getLabel === void 0 ? defaultGetLabel : _ref24$getLabel,
+    isDisabledOption = _ref24.isDisabledOption,
+    isIndeterminateOption = _ref24.isIndeterminateOption,
+    options = _ref24.options,
+    props = _objectWithoutProperties(_ref24, _excluded23);
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref
   }, props), field.input.value && field.input.value.map(getLabel).join(', '));
@@ -1082,18 +1082,18 @@ var lowerStartsWith = function lowerStartsWith(query) {
   var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   return startsWith(toLower(query), toLower(value));
 };
-export function useOptions(_ref27) {
-  var value = _ref27.value,
-    optgroups = _ref27.optgroups,
-    _ref27$options = _ref27.options,
-    options = _ref27$options === void 0 ? emptyArray : _ref27$options,
-    getLabel = _ref27.getLabel,
-    getId = _ref27.getId,
-    groupGetId = _ref27.groupGetId,
-    _ref27$getGroup = _ref27.getGroup,
-    getGroup = _ref27$getGroup === void 0 ? defaultGetGroup : _ref27$getGroup,
-    _ref27$comparator = _ref27.comparator,
-    comparator = _ref27$comparator === void 0 ? lowerStartsWith : _ref27$comparator;
+export function useOptions(_ref25) {
+  var value = _ref25.value,
+    optgroups = _ref25.optgroups,
+    _ref25$options = _ref25.options,
+    options = _ref25$options === void 0 ? emptyArray : _ref25$options,
+    getLabel = _ref25.getLabel,
+    getId = _ref25.getId,
+    groupGetId = _ref25.groupGetId,
+    _ref25$getGroup = _ref25.getGroup,
+    getGroup = _ref25$getGroup === void 0 ? defaultGetGroup : _ref25$getGroup,
+    _ref25$comparator = _ref25.comparator,
+    comparator = _ref25$comparator === void 0 ? lowerStartsWith : _ref25$comparator;
   var _React$useState3 = React.useState(''),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     query = _React$useState4[0],
@@ -1149,43 +1149,43 @@ export function useOptions(_ref27) {
     search: search
   };
 }
-function defaultOptionRenderer(item, _ref28) {
-  var getId = _ref28.getId,
-    getLabel = _ref28.getLabel,
-    props = _objectWithoutProperties(_ref28, _excluded26);
+function defaultOptionRenderer(item, _ref26) {
+  var getId = _ref26.getId,
+    getLabel = _ref26.getLabel,
+    props = _objectWithoutProperties(_ref26, _excluded24);
   return /*#__PURE__*/React.createElement(Select.Option, props, getLabel(item));
 }
-function defaultGroupHeaderRenderer(group, _ref29) {
-  var getId = _ref29.getId,
-    getLabel = _ref29.getLabel,
-    props = _objectWithoutProperties(_ref29, _excluded27);
+function defaultGroupHeaderRenderer(group, _ref27) {
+  var getId = _ref27.getId,
+    getLabel = _ref27.getLabel,
+    props = _objectWithoutProperties(_ref27, _excluded25);
   return /*#__PURE__*/React.createElement(Select.OptGroup, props, getLabel(group));
 }
-export var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(_ref30, ref) {
-  var _afterHide = _ref30.afterHide,
-    field = _ref30.field,
-    _ref30$getGroup = _ref30.getGroup,
-    getGroup = _ref30$getGroup === void 0 ? defaultGetGroup : _ref30$getGroup,
-    _ref30$getId = _ref30.getId,
-    getId = _ref30$getId === void 0 ? defaultGetId : _ref30$getId,
-    _ref30$getLabel = _ref30.getLabel,
-    getLabel = _ref30$getLabel === void 0 ? defaultGetLabel : _ref30$getLabel,
-    _ref30$groupGetId = _ref30.groupGetId,
-    groupGetId = _ref30$groupGetId === void 0 ? defaultGetId : _ref30$groupGetId,
-    _ref30$groupGetLabel = _ref30.groupGetLabel,
-    groupGetLabel = _ref30$groupGetLabel === void 0 ? defaultGetLabel : _ref30$groupGetLabel,
-    _ref30$groupHeaderRen = _ref30.groupHeaderRenderer,
-    groupHeaderRenderer = _ref30$groupHeaderRen === void 0 ? defaultGroupHeaderRenderer : _ref30$groupHeaderRen,
-    isSuggestedOption = _ref30.isSuggestedOption,
-    _onClear = _ref30.onClear,
-    _onSearch = _ref30.onSearch,
-    _onSelect = _ref30.onSelect,
-    searchComparator = _ref30.searchComparator,
-    options = _ref30.options,
-    optgroups = _ref30.optgroups,
-    _ref30$optionRenderer = _ref30.optionRenderer,
-    optionRenderer = _ref30$optionRenderer === void 0 ? defaultOptionRenderer : _ref30$optionRenderer,
-    props = _objectWithoutProperties(_ref30, _excluded28);
+export var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(_ref28, ref) {
+  var _afterHide = _ref28.afterHide,
+    field = _ref28.field,
+    _ref28$getGroup = _ref28.getGroup,
+    getGroup = _ref28$getGroup === void 0 ? defaultGetGroup : _ref28$getGroup,
+    _ref28$getId = _ref28.getId,
+    getId = _ref28$getId === void 0 ? defaultGetId : _ref28$getId,
+    _ref28$getLabel = _ref28.getLabel,
+    getLabel = _ref28$getLabel === void 0 ? defaultGetLabel : _ref28$getLabel,
+    _ref28$groupGetId = _ref28.groupGetId,
+    groupGetId = _ref28$groupGetId === void 0 ? defaultGetId : _ref28$groupGetId,
+    _ref28$groupGetLabel = _ref28.groupGetLabel,
+    groupGetLabel = _ref28$groupGetLabel === void 0 ? defaultGetLabel : _ref28$groupGetLabel,
+    _ref28$groupHeaderRen = _ref28.groupHeaderRenderer,
+    groupHeaderRenderer = _ref28$groupHeaderRen === void 0 ? defaultGroupHeaderRenderer : _ref28$groupHeaderRen,
+    isSuggestedOption = _ref28.isSuggestedOption,
+    _onClear = _ref28.onClear,
+    _onSearch = _ref28.onSearch,
+    _onSelect = _ref28.onSelect,
+    searchComparator = _ref28.searchComparator,
+    options = _ref28.options,
+    optgroups = _ref28.optgroups,
+    _ref28$optionRenderer = _ref28.optionRenderer,
+    optionRenderer = _ref28$optionRenderer === void 0 ? defaultOptionRenderer : _ref28$optionRenderer,
+    props = _objectWithoutProperties(_ref28, _excluded26);
   var menu = useOptions({
     options: options,
     optgroups: optgroups,
@@ -1251,44 +1251,109 @@ export var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(_ref
     });
   }));
 });
-export var SelectOutput = /*#__PURE__*/React.forwardRef(function SelectOutput(_ref31, ref) {
+export var SelectOutput = /*#__PURE__*/React.forwardRef(function SelectOutput(_ref29, ref) {
+  var afterHide = _ref29.afterHide,
+    afterShow = _ref29.afterShow,
+    beforeHide = _ref29.beforeHide,
+    beforeShow = _ref29.beforeShow,
+    field = _ref29.field,
+    footer = _ref29.footer,
+    getId = _ref29.getId,
+    getGroup = _ref29.getGroup,
+    _ref29$getLabel = _ref29.getLabel,
+    getLabel = _ref29$getLabel === void 0 ? defaultGetLabel : _ref29$getLabel,
+    groupGetId = _ref29.groupGetId,
+    groupGetLabel = _ref29.groupGetLabel,
+    groupHeaderRenderer = _ref29.groupHeaderRenderer,
+    i18nScope = _ref29.i18nScope,
+    isSuggestedOption = _ref29.isSuggestedOption,
+    options = _ref29.options,
+    optgroups = _ref29.optgroups,
+    optionRenderer = _ref29.optionRenderer,
+    searchComparator = _ref29.searchComparator,
+    onBlur = _ref29.onBlur,
+    onClear = _ref29.onClear,
+    onSearch = _ref29.onSearch,
+    onSelect = _ref29.onSelect,
+    props = _objectWithoutProperties(_ref29, _excluded27);
+  return /*#__PURE__*/React.createElement("span", _extends({
+    ref: ref
+  }, props), getLabel(field.input.value));
+});
+var FieldSelect = makeField(SelectInput, SelectOutput);
+
+// PILL SELECT
+
+export var PillSelectInput = /*#__PURE__*/React.forwardRef(function PillSelectInput(_ref30, ref) {
+  var field = _ref30.field,
+    _onBlur = _ref30.onBlur,
+    _onClear = _ref30.onClear,
+    _onSelect = _ref30.onSelect,
+    _ref30$getId = _ref30.getId,
+    getId = _ref30$getId === void 0 ? defaultGetId : _ref30$getId,
+    _ref30$getLabel = _ref30.getLabel,
+    getLabel = _ref30$getLabel === void 0 ? defaultGetLabel : _ref30$getLabel,
+    props = _objectWithoutProperties(_ref30, _excluded28);
+  var onBlur = function onBlur(e) {
+    field.helpers.setTouched(true);
+    _onBlur && _onBlur(e);
+  };
+  var onClear = function onClear(e) {
+    field.helpers.setValue(null);
+    _onClear && _onClear(e);
+  };
+  var onSelect = function onSelect(selection) {
+    field.helpers.setValue(selection.item);
+    _onSelect && _onSelect(selection);
+  };
+  return /*#__PURE__*/React.createElement(PillSelect, _extends({
+    block: true,
+    disabled: field.meta.disabled,
+    error: field.meta.error,
+    getId: getId,
+    getLabel: getLabel,
+    onBlur: onBlur,
+    onClear: _onClear || _onClear === undefined ? onClear : undefined,
+    onSelect: onSelect,
+    ref: ref,
+    value: field.input.value
+  }, props));
+});
+export var PillSelectOutput = /*#__PURE__*/React.forwardRef(function PillSelectOutput(_ref31, ref) {
   var afterHide = _ref31.afterHide,
     afterShow = _ref31.afterShow,
     beforeHide = _ref31.beforeHide,
     beforeShow = _ref31.beforeShow,
+    color = _ref31.color,
     field = _ref31.field,
     footer = _ref31.footer,
-    getId = _ref31.getId,
+    _ref31$getColor = _ref31.getColor,
+    getColor = _ref31$getColor === void 0 ? defaultGetColor : _ref31$getColor,
     getGroup = _ref31.getGroup,
     _ref31$getLabel = _ref31.getLabel,
     getLabel = _ref31$getLabel === void 0 ? defaultGetLabel : _ref31$getLabel,
+    getSuggested = _ref31.getSuggested,
     groupGetId = _ref31.groupGetId,
     groupGetLabel = _ref31.groupGetLabel,
-    groupHeaderRenderer = _ref31.groupHeaderRenderer,
     i18nScope = _ref31.i18nScope,
-    isSuggestedOption = _ref31.isSuggestedOption,
-    options = _ref31.options,
-    optgroups = _ref31.optgroups,
-    optionRenderer = _ref31.optionRenderer,
-    searchComparator = _ref31.searchComparator,
-    onBlur = _ref31.onBlur,
     onClear = _ref31.onClear,
     onSearch = _ref31.onSearch,
     onSelect = _ref31.onSelect,
+    options = _ref31.options,
+    optgroups = _ref31.optgroups,
     props = _objectWithoutProperties(_ref31, _excluded29);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    ref: ref
+  return /*#__PURE__*/React.createElement(Pill, _extends({
+    color: getColor(field.input.value)
   }, props), getLabel(field.input.value));
 });
-var FieldSelect = makeField(SelectInput, SelectOutput);
+var FieldPillSelect = makeField(PillSelectInput, PillSelectOutput);
 
-// PILL SELECT
+// MULTISELECT
 
-export var PillSelectInput = /*#__PURE__*/React.forwardRef(function PillSelectInput(_ref32, ref) {
+export var MultiSelectInput = /*#__PURE__*/React.forwardRef(function MultiSelectInput(_ref32, ref) {
   var field = _ref32.field,
     _onBlur = _ref32.onBlur,
-    _onClear = _ref32.onClear,
-    _onSelect = _ref32.onSelect,
+    _onChange = _ref32.onChange,
     _ref32$getId = _ref32.getId,
     getId = _ref32$getId === void 0 ? defaultGetId : _ref32$getId,
     _ref32$getLabel = _ref32.getLabel,
@@ -1298,59 +1363,55 @@ export var PillSelectInput = /*#__PURE__*/React.forwardRef(function PillSelectIn
     field.helpers.setTouched(true);
     _onBlur && _onBlur(e);
   };
-  var onClear = function onClear(e) {
-    field.helpers.setValue(null);
-    _onClear && _onClear(e);
-  };
-  var onSelect = function onSelect(selection) {
-    field.helpers.setValue(selection.item);
-    _onSelect && _onSelect(selection);
+  var onChange = function onChange(value, e) {
+    field.helpers.setValue(value);
+    _onChange && _onChange(value, e);
   };
-  return /*#__PURE__*/React.createElement(PillSelect, _extends({
+  return /*#__PURE__*/React.createElement(MultiSelect, _extends({
     block: true,
     disabled: field.meta.disabled,
     error: field.meta.error,
     getId: getId,
     getLabel: getLabel,
     onBlur: onBlur,
-    onClear: _onClear || _onClear === undefined ? onClear : undefined,
-    onSelect: onSelect,
+    onChange: onChange,
     ref: ref,
     value: field.input.value
   }, props));
 });
-export var PillSelectOutput = /*#__PURE__*/React.forwardRef(function PillSelectOutput(_ref33, ref) {
+export var MultiSelectOutput = /*#__PURE__*/React.forwardRef(function MultiSelectOutput(_ref33, ref) {
   var afterHide = _ref33.afterHide,
     afterShow = _ref33.afterShow,
     beforeHide = _ref33.beforeHide,
     beforeShow = _ref33.beforeShow,
-    color = _ref33.color,
+    emptyMessage = _ref33.emptyMessage,
     field = _ref33.field,
-    footer = _ref33.footer,
-    _ref33$getColor = _ref33.getColor,
-    getColor = _ref33$getColor === void 0 ? defaultGetColor : _ref33$getColor,
     getGroup = _ref33.getGroup,
+    getId = _ref33.getId,
     _ref33$getLabel = _ref33.getLabel,
     getLabel = _ref33$getLabel === void 0 ? defaultGetLabel : _ref33$getLabel,
-    getSuggested = _ref33.getSuggested,
-    groupGetId = _ref33.groupGetId,
-    groupGetLabel = _ref33.groupGetLabel,
-    i18nScope = _ref33.i18nScope,
-    onClear = _ref33.onClear,
+    groupHeaderRenderer = _ref33.groupHeaderRenderer,
+    isOptionDisabled = _ref33.isOptionDisabled,
+    onChange = _ref33.onChange,
     onSearch = _ref33.onSearch,
-    onSelect = _ref33.onSelect,
+    onScrollBottom = _ref33.onScrollBottom,
     options = _ref33.options,
     optgroups = _ref33.optgroups,
+    optionRenderer = _ref33.optionRenderer,
+    placement = _ref33.placement,
+    placeholder = _ref33.placeholder,
+    tokenRenderer = _ref33.tokenRenderer,
+    qa = _ref33.qa,
     props = _objectWithoutProperties(_ref33, _excluded31);
-  return /*#__PURE__*/React.createElement(Pill, _extends({
-    color: getColor(field.input.value)
-  }, props), getLabel(field.input.value));
+  return /*#__PURE__*/React.createElement("span", _extends({
+    ref: ref
+  }, props), field.input.value && field.input.value.map(getLabel).join(', '));
 });
-var FieldPillSelect = makeField(PillSelectInput, PillSelectOutput);
+var FieldMultiSelect = makeField(MultiSelectInput, MultiSelectOutput);
 
-// MULTISELECT
+// GROUP SELECT
 
-export var MultiSelectInput = /*#__PURE__*/React.forwardRef(function MultiSelectInput(_ref34, ref) {
+export var GroupSelectInput = /*#__PURE__*/React.forwardRef(function GroupSelectInput(_ref34, ref) {
   var field = _ref34.field,
     _onBlur = _ref34.onBlur,
     _onChange = _ref34.onChange,
@@ -1367,7 +1428,7 @@ export var MultiSelectInput = /*#__PURE__*/React.forwardRef(function MultiSelect
     field.helpers.setValue(value);
     _onChange && _onChange(value, e);
   };
-  return /*#__PURE__*/React.createElement(MultiSelect, _extends({
+  return /*#__PURE__*/React.createElement(GroupSelect, _extends({
     block: true,
     disabled: field.meta.disabled,
     error: field.meta.error,
@@ -1379,7 +1440,7 @@ export var MultiSelectInput = /*#__PURE__*/React.forwardRef(function MultiSelect
     value: field.input.value
   }, props));
 });
-export var MultiSelectOutput = /*#__PURE__*/React.forwardRef(function MultiSelectOutput(_ref35, ref) {
+export var GroupSelectOutput = /*#__PURE__*/React.forwardRef(function GroupSelectOutput(_ref35, ref) {
   var afterHide = _ref35.afterHide,
     afterShow = _ref35.afterShow,
     beforeHide = _ref35.beforeHide,
@@ -1390,16 +1451,19 @@ export var MultiSelectOutput = /*#__PURE__*/React.forwardRef(function MultiSelec
     getId = _ref35.getId,
     _ref35$getLabel = _ref35.getLabel,
     getLabel = _ref35$getLabel === void 0 ? defaultGetLabel : _ref35$getLabel,
-    groupHeaderRenderer = _ref35.groupHeaderRenderer,
+    getOptGroup = _ref35.getOptGroup,
+    groupRenderer = _ref35.groupRenderer,
+    groups = _ref35.groups,
     isOptionDisabled = _ref35.isOptionDisabled,
+    placeholder = _ref35.placeholder,
+    placement = _ref35.placement,
     onChange = _ref35.onChange,
-    onSearch = _ref35.onSearch,
     onScrollBottom = _ref35.onScrollBottom,
-    options = _ref35.options,
+    onSearch = _ref35.onSearch,
     optgroups = _ref35.optgroups,
+    options = _ref35.options,
     optionRenderer = _ref35.optionRenderer,
-    placement = _ref35.placement,
-    placeholder = _ref35.placeholder,
+    optGroupRenderer = _ref35.optGroupRenderer,
     tokenRenderer = _ref35.tokenRenderer,
     qa = _ref35.qa,
     props = _objectWithoutProperties(_ref35, _excluded33);
@@ -1407,11 +1471,11 @@ export var MultiSelectOutput = /*#__PURE__*/React.forwardRef(function MultiSelec
     ref: ref
   }, props), field.input.value && field.input.value.map(getLabel).join(', '));
 });
-var FieldMultiSelect = makeField(MultiSelectInput, MultiSelectOutput);
+var FieldGroupSelect = makeField(GroupSelectInput, GroupSelectOutput);
 
-// GROUP SELECT
+// TIERED SELECT
 
-export var GroupSelectInput = /*#__PURE__*/React.forwardRef(function GroupSelectInput(_ref36, ref) {
+export var TieredSelectInput = /*#__PURE__*/React.forwardRef(function TieredSelectInput(_ref36, ref) {
   var field = _ref36.field,
     _onBlur = _ref36.onBlur,
     _onChange = _ref36.onChange,
@@ -1424,11 +1488,11 @@ export var GroupSelectInput = /*#__PURE__*/React.forwardRef(function GroupSelect
     field.helpers.setTouched(true);
     _onBlur && _onBlur(e);
   };
-  var onChange = function onChange(value, e) {
-    field.helpers.setValue(value);
-    _onChange && _onChange(value, e);
+  var onChange = function onChange(selection) {
+    field.helpers.setValue(selection.value);
+    _onChange && _onChange(selection);
   };
-  return /*#__PURE__*/React.createElement(GroupSelect, _extends({
+  return /*#__PURE__*/React.createElement(TieredSelect, _extends({
     block: true,
     disabled: field.meta.disabled,
     error: field.meta.error,
@@ -1440,97 +1504,33 @@ export var GroupSelectInput = /*#__PURE__*/React.forwardRef(function GroupSelect
     value: field.input.value
   }, props));
 });
-export var GroupSelectOutput = /*#__PURE__*/React.forwardRef(function GroupSelectOutput(_ref37, ref) {
+export var TieredSelectOutput = /*#__PURE__*/React.forwardRef(function TieredSelectOutput(_ref37, ref) {
   var afterHide = _ref37.afterHide,
     afterShow = _ref37.afterShow,
     beforeHide = _ref37.beforeHide,
     beforeShow = _ref37.beforeShow,
-    emptyMessage = _ref37.emptyMessage,
     field = _ref37.field,
-    getGroup = _ref37.getGroup,
     getId = _ref37.getId,
     _ref37$getLabel = _ref37.getLabel,
     getLabel = _ref37$getLabel === void 0 ? defaultGetLabel : _ref37$getLabel,
-    getOptGroup = _ref37.getOptGroup,
-    groupRenderer = _ref37.groupRenderer,
-    groups = _ref37.groups,
-    isOptionDisabled = _ref37.isOptionDisabled,
-    placeholder = _ref37.placeholder,
-    placement = _ref37.placement,
+    getGroupId = _ref37.getGroupId,
+    getNextGroupId = _ref37.getNextGroupId,
+    getValueString = _ref37.getValueString,
+    i18nScope = _ref37.i18nScope,
+    isLeaf = _ref37.isLeaf,
+    isTierDisabled = _ref37.isTierDisabled,
+    loadingMore = _ref37.loadingMore,
     onChange = _ref37.onChange,
+    onClear = _ref37.onClear,
+    onNavigate = _ref37.onNavigate,
     onScrollBottom = _ref37.onScrollBottom,
     onSearch = _ref37.onSearch,
-    optgroups = _ref37.optgroups,
+    onQuickCreate = _ref37.onQuickCreate,
     options = _ref37.options,
-    optionRenderer = _ref37.optionRenderer,
-    optGroupRenderer = _ref37.optGroupRenderer,
-    tokenRenderer = _ref37.tokenRenderer,
-    qa = _ref37.qa,
+    selectableTiers = _ref37.selectableTiers,
     props = _objectWithoutProperties(_ref37, _excluded35);
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref
-  }, props), field.input.value && field.input.value.map(getLabel).join(', '));
-});
-var FieldGroupSelect = makeField(GroupSelectInput, GroupSelectOutput);
-
-// TIERED SELECT
-
-export var TieredSelectInput = /*#__PURE__*/React.forwardRef(function TieredSelectInput(_ref38, ref) {
-  var field = _ref38.field,
-    _onBlur = _ref38.onBlur,
-    _onChange = _ref38.onChange,
-    _ref38$getId = _ref38.getId,
-    getId = _ref38$getId === void 0 ? defaultGetId : _ref38$getId,
-    _ref38$getLabel = _ref38.getLabel,
-    getLabel = _ref38$getLabel === void 0 ? defaultGetLabel : _ref38$getLabel,
-    props = _objectWithoutProperties(_ref38, _excluded36);
-  var onBlur = function onBlur(e) {
-    field.helpers.setTouched(true);
-    _onBlur && _onBlur(e);
-  };
-  var onChange = function onChange(selection) {
-    field.helpers.setValue(selection.value);
-    _onChange && _onChange(selection);
-  };
-  return /*#__PURE__*/React.createElement(TieredSelect, _extends({
-    block: true,
-    disabled: field.meta.disabled,
-    error: field.meta.error,
-    getId: getId,
-    getLabel: getLabel,
-    onBlur: onBlur,
-    onChange: onChange,
-    ref: ref,
-    value: field.input.value
-  }, props));
-});
-export var TieredSelectOutput = /*#__PURE__*/React.forwardRef(function TieredSelectOutput(_ref39, ref) {
-  var afterHide = _ref39.afterHide,
-    afterShow = _ref39.afterShow,
-    beforeHide = _ref39.beforeHide,
-    beforeShow = _ref39.beforeShow,
-    field = _ref39.field,
-    getId = _ref39.getId,
-    _ref39$getLabel = _ref39.getLabel,
-    getLabel = _ref39$getLabel === void 0 ? defaultGetLabel : _ref39$getLabel,
-    getGroupId = _ref39.getGroupId,
-    getNextGroupId = _ref39.getNextGroupId,
-    getValueString = _ref39.getValueString,
-    i18nScope = _ref39.i18nScope,
-    isLeaf = _ref39.isLeaf,
-    isTierDisabled = _ref39.isTierDisabled,
-    loadingMore = _ref39.loadingMore,
-    onChange = _ref39.onChange,
-    onClear = _ref39.onClear,
-    onNavigate = _ref39.onNavigate,
-    onScrollBottom = _ref39.onScrollBottom,
-    onSearch = _ref39.onSearch,
-    onQuickCreate = _ref39.onQuickCreate,
-    options = _ref39.options,
-    selectableTiers = _ref39.selectableTiers,
-    props = _objectWithoutProperties(_ref39, _excluded37);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    ref: ref
   }, props), field.input.value && field.input.value.map(function (tier) {
     return getLabel(tier);
   }).join(' > '));