@moda/om 21.6.10 → 21.6.11

package/dist/index.cjs.js

@@ -10011,6 +10011,13 @@ var ChevronUp12 = function ChevronUp12(_a) {
 };
 ChevronUp12.displayName = 'ChevronUp12';
 
+var FormControlContext = /*#__PURE__*/React.createContext({
+  displaysError: false
+});
+var useFormControlContext = function useFormControlContext() {
+  return React.useContext(FormControlContext);
+};
+
 var dist$1 = {};
 
 var mapCursorToMax = {};
@@ -10844,6 +10851,8 @@ var Select = function Select(_ref) {
     _ref$smallMobileText = _ref.smallMobileText,
     smallMobileText = _ref$smallMobileText === void 0 ? false : _ref$smallMobileText,
     rest = _objectWithoutProperties(_ref, _excluded$j);
+  var _useFormControlContex = useFormControlContext(),
+    errorDisplayedByParent = _useFormControlContex.displaysError;
   var _useSelect = useSelect({
       value: value,
       defaultValue: defaultValue
@@ -10963,7 +10972,7 @@ var Select = function Select(_ref) {
         type: 'CLOSE'
       });
     }
-  })), typeof error === 'string' && /*#__PURE__*/React.createElement("div", {
+  })), typeof error === 'string' && !errorDisplayedByParent && /*#__PURE__*/React.createElement("div", {
     role: "status",
     "aria-live": "polite",
     "aria-atomic": "true",
@@ -11170,7 +11179,14 @@ var Field = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     label = _ref.label,
     placeholder = _ref.placeholder,
     rest = _objectWithoutProperties(_ref, _excluded$h);
-  return /*#__PURE__*/React.createElement("label", {
+  var fieldContextValue = React.useMemo(function () {
+    return {
+      displaysError: Boolean(error)
+    };
+  }, [error]);
+  return /*#__PURE__*/React.createElement(FormControlContext.Provider, {
+    value: fieldContextValue
+  }, /*#__PURE__*/React.createElement("label", {
     className: classNames('Field', className)
   }, label && /*#__PURE__*/React.createElement("span", {
     className: "Field__label"
@@ -11193,7 +11209,7 @@ var Field = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: "Field__icon"
   }, /*#__PURE__*/React.createElement(Warning16, null)))), error && /*#__PURE__*/React.createElement("span", {
     className: "Field__error"
-  }, error));
+  }, error)));
 });
 Field.displayName = 'Field';
 
@@ -12777,6 +12793,7 @@ exports.ExceedConstrain = ExceedConstrain;
 exports.Expandable = Expandable;
 exports.Field = Field;
 exports.FocusOn = FocusOn;
+exports.FormControlContext = FormControlContext;
 exports.Input = Field;
 exports.Keyhole = Keyhole;
 exports.Label = Label;
@@ -12836,5 +12853,6 @@ exports.tokens = tokens;
 exports.useBreakpoint = useBreakpoint;
 exports.useClickOutside = useClickOutside;
 exports.useConfirm = useConfirm;
+exports.useFormControlContext = useFormControlContext;
 exports.useKeyboardListNavigation = useKeyboardListNavigation;
 exports.useUpdateEffect = useUpdateEffect;