@hyphen/hyphen-components 2.15.0 → 2.15.2

package/dist/hyphen-components.cjs.development.js

@@ -2335,6 +2335,7 @@ var SelectInput = function SelectInput(_ref) {
 
 var _excluded$j = ["field", "form", "onChange", "id", "label", "options"];
 var FormikSelectInput = function FormikSelectInput(_ref) {
+  var _errorMessage$label;
   var _ref$field = _ref.field,
     name = _ref$field.name,
     onBlur = _ref$field.onBlur,
@@ -2348,7 +2349,11 @@ var FormikSelectInput = function FormikSelectInput(_ref) {
     label = _ref.label,
     options = _ref.options,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
-  return React.createElement(SelectInput, _extends({}, props, {
+  var error = formik.getIn(errors, name);
+  var errorMessage = typeof error !== 'string' && (error == null ? void 0 : error.find(function (error) {
+    return error == null ? void 0 : error.label;
+  }));
+  return React.createElement(SelectInput, _extends({
     id: id,
     label: label,
     options: options,
@@ -2356,8 +2361,8 @@ var FormikSelectInput = function FormikSelectInput(_ref) {
     onBlur: onBlur,
     onChange: onChange != null ? onChange : formikOnChange,
     value: value,
-    error: formik.getIn(touched, name) && formik.getIn(errors, name)
-  }));
+    error: (_errorMessage$label = errorMessage == null ? void 0 : errorMessage.label) != null ? _errorMessage$label : formik.getIn(touched, name) && error
+  }, props));
 };
 
 var styles$d = {"text-input-wrapper":"SelectInputInset-module_text-input-wrapper__hZ4Fy","size-md":"SelectInputInset-module_size-md__6MFcV","select-input-label":"SelectInputInset-module_select-input-label__6XdR6","clear-button":"SelectInputInset-module_clear-button__xbZaY","size-lg":"SelectInputInset-module_size-lg__i2Bzf","disabled":"SelectInputInset-module_disabled__DYSr2","size-md-tablet":"SelectInputInset-module_size-md-tablet__xwoPz","size-lg-tablet":"SelectInputInset-module_size-lg-tablet__2DgFa","size-md-desktop":"SelectInputInset-module_size-md-desktop__MfemS","size-lg-desktop":"SelectInputInset-module_size-lg-desktop__etLGJ","size-md-hd":"SelectInputInset-module_size-md-hd__NWb1q","size-lg-hd":"SelectInputInset-module_size-lg-hd__ycjXC","error":"SelectInputInset-module_error__j-jgS"};