@procore/core-react 11.24.1 → 11.24.2

package/dist/Form/Form.js

@@ -1,39 +1,40 @@
 var _excluded = ["initialValues", "onSubmit", "disabled", "enableConfirmNavigation", "variant", "validationSchema", "view"],
   _excluded2 = ["children", "className", "onKeyDown", "style"],
-  _excluded3 = ["as", "children", "colStart", "colWidth", "disabled", "error", "label", "name", "required", "tooltip", "validate", "view"],
-  _excluded4 = ["as", "children", "colWidth", "disabled", "error", "label", "name", "required", "tooltip", "validate", "view"],
-  _excluded5 = ["children"],
+  _excluded3 = ["item", "i18nScope"],
+  _excluded4 = ["as", "children", "colStart", "colWidth", "disabled", "error", "label", "name", "required", "tooltip", "validate", "view"],
+  _excluded5 = ["as", "children", "colWidth", "disabled", "error", "label", "name", "required", "tooltip", "validate", "view"],
   _excluded6 = ["children"],
-  _excluded7 = ["onBlur", "onChange", "field"],
-  _excluded8 = ["field"],
-  _excluded9 = ["onBlur", "onChange", "field"],
-  _excluded10 = ["decimalScale", "defaultValue", "field", "fillDecimalScale", "locale", "onChange", "prefix", "suffix"],
-  _excluded11 = ["onBlur", "onChange", "field"],
-  _excluded12 = ["currencyIsoCode", "currencyDisplay", "decimalScale", "suffix", "prefix"],
-  _excluded13 = ["onChange", "field"],
+  _excluded7 = ["children"],
+  _excluded8 = ["onBlur", "onChange", "field"],
+  _excluded9 = ["field"],
+  _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 = ["field", "i18nScope", "onBlur", "onChange"],
-  _excluded16 = ["field", "i18nScope"],
-  _excluded17 = ["field", "onBlur", "onChange"],
-  _excluded18 = ["field"],
-  _excluded19 = ["onChange", "field"],
-  _excluded20 = ["field", "onBlur", "onChange", "onClick", "onContextMenu", "onCopy", "onCut", "onDrag", "onDragDrop", "onDragEnd", "onDragGesture", "onDragOver", "onDrop", "onFocus", "onKeyDown", "onKeyPress", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseMove", "onMouseOut", "onMouseOver", "onMouseUp", "onPaste", "onReset", "onSubmit"],
-  _excluded21 = ["field", "getId", "getLabel", "isDisabledOption", "options"],
-  _excluded22 = ["field", "getId", "getLabel", "options"],
-  _excluded23 = ["field", "getId", "getLabel", "isDisabledOption", "isIndeterminateOption", "options"],
+  _excluded15 = ["onChange", "field"],
+  _excluded16 = ["field", "i18nScope", "onBlur", "onChange"],
+  _excluded17 = ["field", "i18nScope"],
+  _excluded18 = ["field", "onBlur", "onChange"],
+  _excluded19 = ["field"],
+  _excluded20 = ["onChange", "field"],
+  _excluded21 = ["field", "onBlur", "onChange", "onClick", "onContextMenu", "onCopy", "onCut", "onDrag", "onDragDrop", "onDragEnd", "onDragGesture", "onDragOver", "onDrop", "onFocus", "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 = ["getId", "getLabel"],
+  _excluded25 = ["field", "getId", "getLabel", "isDisabledOption", "isIndeterminateOption", "options"],
   _excluded26 = ["getId", "getLabel"],
-  _excluded27 = ["afterHide", "field", "getGroup", "getId", "getLabel", "groupGetId", "groupGetLabel", "groupHeaderRenderer", "isSuggestedOption", "onClear", "onSearch", "onSelect", "searchComparator", "options", "optgroups", "optionRenderer"],
-  _excluded28 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "field", "footer", "getId", "getGroup", "getLabel", "groupGetId", "groupGetLabel", "groupHeaderRenderer", "i18nScope", "isSuggestedOption", "options", "optgroups", "optionRenderer", "searchComparator", "onBlur", "onClear", "onSearch", "onSelect"],
-  _excluded29 = ["field", "onBlur", "onClear", "onSelect", "getId", "getLabel"],
-  _excluded30 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "color", "field", "footer", "getColor", "getGroup", "getLabel", "getSuggested", "groupGetId", "groupGetLabel", "i18nScope", "onClear", "onSearch", "onSelect", "options", "optgroups"],
-  _excluded31 = ["field", "onBlur", "onChange", "getId", "getLabel"],
-  _excluded32 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "emptyMessage", "field", "getGroup", "getId", "getLabel", "groupHeaderRenderer", "isOptionDisabled", "onChange", "onSearch", "onScrollBottom", "options", "optgroups", "optionRenderer", "placement", "placeholder", "tokenRenderer", "qa"],
-  _excluded33 = ["field", "onBlur", "onChange", "getId", "getLabel"],
-  _excluded34 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "emptyMessage", "field", "getGroup", "getId", "getLabel", "getOptGroup", "groupRenderer", "groups", "isOptionDisabled", "placeholder", "placement", "onChange", "onScrollBottom", "onSearch", "optgroups", "options", "optionRenderer", "optGroupRenderer", "tokenRenderer", "qa"],
-  _excluded35 = ["field", "onBlur", "onChange", "getId", "getLabel"],
-  _excluded36 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "field", "getId", "getLabel", "getGroupId", "getNextGroupId", "getValueString", "i18nScope", "isLeaf", "isTierDisabled", "loadingMore", "onChange", "onClear", "onNavigate", "onScrollBottom", "onSearch", "onQuickCreate", "options", "selectableTiers"];
+  _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"],
+  _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"],
+  _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"];
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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."); }
@@ -326,13 +327,19 @@ export function FormForm(_ref3) {
 export function FormErrorBanner(_ref4) {
   var item = _ref4.item,
     _ref4$i18nScope = _ref4.i18nScope,
-    i18nScope = _ref4$i18nScope === void 0 ? 'core.form.errorBanner' : _ref4$i18nScope;
+    i18nScope = _ref4$i18nScope === void 0 ? 'core.form.errorBanner' : _ref4$i18nScope,
+    rest = _objectWithoutProperties(_ref4, _excluded3);
   var context = useFormContext();
   var I18n = useI18nContext();
-  if ((context.view === 'create' || context.view === 'update') && !isEmpty(context.errors)) {
-    return /*#__PURE__*/React.createElement(ErrorBanner, {
+  var errors = context.errors,
+    touched = context.touched;
+  var someErrorsTouched = context.validateOnBlur || context.validateOnChange ? Object.keys(errors).some(function (errorField) {
+    return touched[errorField];
+  }) : true;
+  if ((context.view === 'create' || context.view === 'update') && !isEmpty(errors) && someErrorsTouched) {
+    return /*#__PURE__*/React.createElement(ErrorBanner, _extends({
       role: "alert"
-    }, /*#__PURE__*/React.createElement(Banner.Content, null, /*#__PURE__*/React.createElement(Banner.Title, null, context.view === 'create' ? I18n.t('coundNotCreateItem', {
+    }, rest), /*#__PURE__*/React.createElement(Banner.Content, null, /*#__PURE__*/React.createElement(Banner.Title, null, context.view === 'create' ? I18n.t('coundNotCreateItem', {
       item: item,
       scope: i18nScope
     }) : I18n.t('couldNotUpdateItem', {
@@ -364,7 +371,7 @@ export function WXPField(_ref5) {
     tooltip = _ref5.tooltip,
     validate = _ref5.validate,
     view = _ref5.view,
-    props = _objectWithoutProperties(_ref5, _excluded3);
+    props = _objectWithoutProperties(_ref5, _excluded4);
   var i18n = useI18nContext();
   var field = useField({
     disabled: disabled,
@@ -428,7 +435,7 @@ export function TraditionalField(_ref6) {
     tooltip = _ref6.tooltip,
     validate = _ref6.validate,
     view = _ref6.view,
-    props = _objectWithoutProperties(_ref6, _excluded4);
+    props = _objectWithoutProperties(_ref6, _excluded5);
   var field = useField({
     disabled: disabled,
     error: error,
@@ -469,7 +476,7 @@ export function TraditionalField(_ref6) {
 }
 export function Row(_ref7) {
   var children = _ref7.children,
-    props = _objectWithoutProperties(_ref7, _excluded5);
+    props = _objectWithoutProperties(_ref7, _excluded6);
   var _React$useContext3 = React.useContext(FormContext),
     variant = _React$useContext3.variant,
     view = _React$useContext3.view;
@@ -493,7 +500,7 @@ export function BaseField(props) {
 function makeSharedField(viewAs) {
   return function Field(_ref8) {
     var children = _ref8.children,
-      props = _objectWithoutProperties(_ref8, _excluded6);
+      props = _objectWithoutProperties(_ref8, _excluded7);
     if (children) {
       return /*#__PURE__*/React.createElement(SharedPropsContext.Provider, {
         value: props
@@ -581,7 +588,7 @@ export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref9, r
   var _onBlur = _ref9.onBlur,
     _onChange = _ref9.onChange,
     field = _ref9.field,
-    props = _objectWithoutProperties(_ref9, _excluded7);
+    props = _objectWithoutProperties(_ref9, _excluded8);
   var onBlur = function onBlur(e) {
     field.input.onBlur(e);
     _onBlur && _onBlur(e);
@@ -603,7 +610,7 @@ export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref9, r
 });
 export var TextOutput = /*#__PURE__*/React.forwardRef(function TextOutput(_ref10, ref) {
   var field = _ref10.field,
-    props = _objectWithoutProperties(_ref10, _excluded8);
+    props = _objectWithoutProperties(_ref10, _excluded9);
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref
   }, props), field.input.value);
@@ -616,7 +623,7 @@ export var NumberInput = /*#__PURE__*/React.forwardRef(function NumberInput(_ref
   var onBlur_ = _ref11.onBlur,
     onChange_ = _ref11.onChange,
     field = _ref11.field,
-    props = _objectWithoutProperties(_ref11, _excluded9);
+    props = _objectWithoutProperties(_ref11, _excluded10);
   var onBlur = function onBlur(e) {
     field.input.onBlur(e);
     onBlur_ === null || onBlur_ === void 0 ? void 0 : onBlur_(e);
@@ -653,7 +660,7 @@ export var NumberOutput = /*#__PURE__*/React.forwardRef(function NumberOutput(_r
     onChange = _ref12.onChange,
     prefix = _ref12.prefix,
     suffix = _ref12.suffix,
-    props = _objectWithoutProperties(_ref12, _excluded10);
+    props = _objectWithoutProperties(_ref12, _excluded11);
   var I18n = useI18nContext();
   var locale = _locale || I18n.locale || defaultLocale;
   var _useNumberFormat = useNumberFormat({
@@ -675,7 +682,7 @@ export var CurrencyInput = /*#__PURE__*/React.forwardRef(function CurrencyInput(
   var onBlur_ = _ref13.onBlur,
     onChange_ = _ref13.onChange,
     field = _ref13.field,
-    props = _objectWithoutProperties(_ref13, _excluded11);
+    props = _objectWithoutProperties(_ref13, _excluded12);
   var onBlur = function onBlur(e) {
     field.input.onBlur(e);
     onBlur_ === null || onBlur_ === void 0 ? void 0 : onBlur_(e);
@@ -710,7 +717,7 @@ export var CurrencyOutput = /*#__PURE__*/React.forwardRef(function CurrencyOutpu
     suffix = _ref14.suffix,
     _ref14$prefix = _ref14.prefix,
     prefix = _ref14$prefix === void 0 ? defaultCurrencyInputPrefix : _ref14$prefix,
-    props = _objectWithoutProperties(_ref14, _excluded12);
+    props = _objectWithoutProperties(_ref14, _excluded13);
   var i18n = useI18nContext();
   var locale = props.locale || i18n.locale || defaultLocale;
   var numberProps = getCurrencyProps(locale, decimalScale, prefix || suffix, currencyIsoCode, currencyDisplay);
@@ -726,7 +733,7 @@ var FieldCurrency = makeField(CurrencyInput, CurrencyOutput);
 export var DateInput = /*#__PURE__*/React.forwardRef(function DateInput(_ref15, ref) {
   var _onChange = _ref15.onChange,
     field = _ref15.field,
-    props = _objectWithoutProperties(_ref15, _excluded13);
+    props = _objectWithoutProperties(_ref15, _excluded14);
   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);
@@ -744,7 +751,7 @@ export var DateInput = /*#__PURE__*/React.forwardRef(function DateInput(_ref15,
 export var DateOutput = /*#__PURE__*/React.forwardRef(function DateOutput(_ref16, ref) {
   var onChange = _ref16.onChange,
     field = _ref16.field,
-    props = _objectWithoutProperties(_ref16, _excluded14);
+    props = _objectWithoutProperties(_ref16, _excluded15);
   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;
@@ -763,7 +770,7 @@ export var CheckboxInput = /*#__PURE__*/React.forwardRef(function CheckboxInput(
     i18nScope = _ref17.i18nScope,
     _onBlur = _ref17.onBlur,
     _onChange = _ref17.onChange,
-    props = _objectWithoutProperties(_ref17, _excluded15);
+    props = _objectWithoutProperties(_ref17, _excluded16);
   var value = field.input.value || false;
   var onBlur = function onBlur(e) {
     field.input.onBlur(e);
@@ -789,7 +796,7 @@ export var CheckboxOutput = /*#__PURE__*/React.forwardRef(function CheckboxOutpu
   var field = _ref18.field,
     _ref18$i18nScope = _ref18.i18nScope,
     i18nScope = _ref18$i18nScope === void 0 ? 'core.form.checkbox' : _ref18$i18nScope,
-    props = _objectWithoutProperties(_ref18, _excluded16);
+    props = _objectWithoutProperties(_ref18, _excluded17);
   var i18n = useI18nContext();
   var yes = i18n.t('yes', {
     scope: i18nScope
@@ -811,7 +818,7 @@ export var TextAreaInput = /*#__PURE__*/React.forwardRef(function TextAreaInput(
   var field = _ref19.field,
     _onBlur = _ref19.onBlur,
     _onChange = _ref19.onChange,
-    props = _objectWithoutProperties(_ref19, _excluded17);
+    props = _objectWithoutProperties(_ref19, _excluded18);
   var onBlur = function onBlur(e) {
     field.input.onBlur(e);
     _onBlur && _onBlur(e);
@@ -833,7 +840,7 @@ export var TextAreaInput = /*#__PURE__*/React.forwardRef(function TextAreaInput(
 });
 export var TextAreaOutput = /*#__PURE__*/React.forwardRef(function TextAreaOutput(_ref20, ref) {
   var field = _ref20.field,
-    props = _objectWithoutProperties(_ref20, _excluded18);
+    props = _objectWithoutProperties(_ref20, _excluded19);
   return /*#__PURE__*/React.createElement(StyledFormOutputTextArea, _extends({
     ref: ref
   }, props), field.input.value);
@@ -845,7 +852,7 @@ var FieldTextArea = makeField(TextAreaInput, TextAreaOutput);
 export var RichTextInput = /*#__PURE__*/React.forwardRef(function RichTextInput(_ref21, ref) {
   var _onChange = _ref21.onChange,
     field = _ref21.field,
-    props = _objectWithoutProperties(_ref21, _excluded19);
+    props = _objectWithoutProperties(_ref21, _excluded20);
   var onChange = function onChange(value, isDirty) {
     field.helpers.setValue(value, false, isDirty);
     if (isDirty) {
@@ -887,7 +894,7 @@ export var RichTextOutput = /*#__PURE__*/React.forwardRef(function RichTextOutpu
     onPaste = _ref22.onPaste,
     onReset = _ref22.onReset,
     onSubmit = _ref22.onSubmit,
-    props = _objectWithoutProperties(_ref22, _excluded20);
+    props = _objectWithoutProperties(_ref22, _excluded21);
   return /*#__PURE__*/React.createElement(TextEditorOutput, _extends({
     value: field.input.value,
     ref: ref
@@ -905,7 +912,7 @@ export var RadioButtonsInput = /*#__PURE__*/React.forwardRef(function RadioButto
     getLabel = _ref23$getLabel === void 0 ? defaultGetLabel : _ref23$getLabel,
     isDisabledOption = _ref23.isDisabledOption,
     options = _ref23.options,
-    props = _objectWithoutProperties(_ref23, _excluded21);
+    props = _objectWithoutProperties(_ref23, _excluded22);
   if (!options || options.length === 0) return null;
   var onSelect = function onSelect(option) {
     return function () {
@@ -933,7 +940,7 @@ export var RadioButtonsOutput = /*#__PURE__*/React.forwardRef(function RadioButt
     _ref24$getLabel = _ref24.getLabel,
     getLabel = _ref24$getLabel === void 0 ? defaultGetLabel : _ref24$getLabel,
     options = _ref24.options,
-    props = _objectWithoutProperties(_ref24, _excluded22);
+    props = _objectWithoutProperties(_ref24, _excluded23);
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref
   }, props), getLabel(field.input.value));
@@ -951,7 +958,7 @@ export var CheckboxesInput = /*#__PURE__*/React.forwardRef(function CheckboxesIn
     isDisabledOption = _ref25.isDisabledOption,
     isIndeterminateOption = _ref25.isIndeterminateOption,
     options = _ref25.options,
-    props = _objectWithoutProperties(_ref25, _excluded23);
+    props = _objectWithoutProperties(_ref25, _excluded24);
   if (!options || options.length === 0) return null;
   var selectedIds = (field.input.value || emptyArray).map(getId);
   var onSelect = function onSelect(changedOption) {
@@ -989,7 +996,7 @@ export var CheckboxesOutput = /*#__PURE__*/React.forwardRef(function CheckboxesO
     isDisabledOption = _ref26.isDisabledOption,
     isIndeterminateOption = _ref26.isIndeterminateOption,
     options = _ref26.options,
-    props = _objectWithoutProperties(_ref26, _excluded24);
+    props = _objectWithoutProperties(_ref26, _excluded25);
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref
   }, props), field.input.value && field.input.value.map(getLabel).join(', '));
@@ -1072,13 +1079,13 @@ export function useOptions(_ref27) {
 function defaultOptionRenderer(item, _ref28) {
   var getId = _ref28.getId,
     getLabel = _ref28.getLabel,
-    props = _objectWithoutProperties(_ref28, _excluded25);
+    props = _objectWithoutProperties(_ref28, _excluded26);
   return /*#__PURE__*/React.createElement(Select.Option, props, getLabel(item));
 }
 function defaultGroupHeaderRenderer(group, _ref29) {
   var getId = _ref29.getId,
     getLabel = _ref29.getLabel,
-    props = _objectWithoutProperties(_ref29, _excluded26);
+    props = _objectWithoutProperties(_ref29, _excluded27);
   return /*#__PURE__*/React.createElement(Select.OptGroup, props, getLabel(group));
 }
 export var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(_ref30, ref) {
@@ -1105,7 +1112,7 @@ export var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(_ref
     optgroups = _ref30.optgroups,
     _ref30$optionRenderer = _ref30.optionRenderer,
     optionRenderer = _ref30$optionRenderer === void 0 ? defaultOptionRenderer : _ref30$optionRenderer,
-    props = _objectWithoutProperties(_ref30, _excluded27);
+    props = _objectWithoutProperties(_ref30, _excluded28);
   var menu = useOptions({
     options: options,
     optgroups: optgroups,
@@ -1194,7 +1201,7 @@ export var SelectOutput = /*#__PURE__*/React.forwardRef(function SelectOutput(_r
     onClear = _ref31.onClear,
     onSearch = _ref31.onSearch,
     onSelect = _ref31.onSelect,
-    props = _objectWithoutProperties(_ref31, _excluded28);
+    props = _objectWithoutProperties(_ref31, _excluded29);
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref
   }, props), getLabel(field.input.value));
@@ -1212,7 +1219,7 @@ export var PillSelectInput = /*#__PURE__*/React.forwardRef(function PillSelectIn
     getId = _ref32$getId === void 0 ? defaultGetId : _ref32$getId,
     _ref32$getLabel = _ref32.getLabel,
     getLabel = _ref32$getLabel === void 0 ? defaultGetLabel : _ref32$getLabel,
-    props = _objectWithoutProperties(_ref32, _excluded29);
+    props = _objectWithoutProperties(_ref32, _excluded30);
   var onBlur = function onBlur(e) {
     field.helpers.setTouched(true);
     _onBlur && _onBlur(e);
@@ -1260,7 +1267,7 @@ export var PillSelectOutput = /*#__PURE__*/React.forwardRef(function PillSelectO
     onSelect = _ref33.onSelect,
     options = _ref33.options,
     optgroups = _ref33.optgroups,
-    props = _objectWithoutProperties(_ref33, _excluded30);
+    props = _objectWithoutProperties(_ref33, _excluded31);
   return /*#__PURE__*/React.createElement(Pill, _extends({
     color: getColor(field.input.value)
   }, props), getLabel(field.input.value));
@@ -1277,7 +1284,7 @@ export var MultiSelectInput = /*#__PURE__*/React.forwardRef(function MultiSelect
     getId = _ref34$getId === void 0 ? defaultGetId : _ref34$getId,
     _ref34$getLabel = _ref34.getLabel,
     getLabel = _ref34$getLabel === void 0 ? defaultGetLabel : _ref34$getLabel,
-    props = _objectWithoutProperties(_ref34, _excluded31);
+    props = _objectWithoutProperties(_ref34, _excluded32);
   var onBlur = function onBlur(e) {
     field.helpers.setTouched(true);
     _onBlur && _onBlur(e);
@@ -1321,7 +1328,7 @@ export var MultiSelectOutput = /*#__PURE__*/React.forwardRef(function MultiSelec
     placeholder = _ref35.placeholder,
     tokenRenderer = _ref35.tokenRenderer,
     qa = _ref35.qa,
-    props = _objectWithoutProperties(_ref35, _excluded32);
+    props = _objectWithoutProperties(_ref35, _excluded33);
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref
   }, props), field.input.value && field.input.value.map(getLabel).join(', '));
@@ -1338,7 +1345,7 @@ export var GroupSelectInput = /*#__PURE__*/React.forwardRef(function GroupSelect
     getId = _ref36$getId === void 0 ? defaultGetId : _ref36$getId,
     _ref36$getLabel = _ref36.getLabel,
     getLabel = _ref36$getLabel === void 0 ? defaultGetLabel : _ref36$getLabel,
-    props = _objectWithoutProperties(_ref36, _excluded33);
+    props = _objectWithoutProperties(_ref36, _excluded34);
   var onBlur = function onBlur(e) {
     field.helpers.setTouched(true);
     _onBlur && _onBlur(e);
@@ -1385,7 +1392,7 @@ export var GroupSelectOutput = /*#__PURE__*/React.forwardRef(function GroupSelec
     optGroupRenderer = _ref37.optGroupRenderer,
     tokenRenderer = _ref37.tokenRenderer,
     qa = _ref37.qa,
-    props = _objectWithoutProperties(_ref37, _excluded34);
+    props = _objectWithoutProperties(_ref37, _excluded35);
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref
   }, props), field.input.value && field.input.value.map(getLabel).join(', '));
@@ -1402,7 +1409,7 @@ export var TieredSelectInput = /*#__PURE__*/React.forwardRef(function TieredSele
     getId = _ref38$getId === void 0 ? defaultGetId : _ref38$getId,
     _ref38$getLabel = _ref38.getLabel,
     getLabel = _ref38$getLabel === void 0 ? defaultGetLabel : _ref38$getLabel,
-    props = _objectWithoutProperties(_ref38, _excluded35);
+    props = _objectWithoutProperties(_ref38, _excluded36);
   var onBlur = function onBlur(e) {
     field.helpers.setTouched(true);
     _onBlur && _onBlur(e);
@@ -1447,7 +1454,7 @@ export var TieredSelectOutput = /*#__PURE__*/React.forwardRef(function TieredSel
     onQuickCreate = _ref39.onQuickCreate,
     options = _ref39.options,
     selectableTiers = _ref39.selectableTiers,
-    props = _objectWithoutProperties(_ref39, _excluded36);
+    props = _objectWithoutProperties(_ref39, _excluded37);
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref
   }, props), field.input.value && field.input.value.map(function (tier) {