@instructure/ui-form-field 9.10.1 → 9.11.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [9.11.0](https://github.com/instructure/instructure-ui/compare/v9.10.2...v9.11.0) (2025-02-12)
+
+**Note:** Version bump only for package @instructure/ui-form-field
+
+
+
+
+
+## [9.10.2](https://github.com/instructure/instructure-ui/compare/v9.10.1...v9.10.2) (2024-12-19)
+
+
+### Bug Fixes
+
+* **ui-date-time-input,ui-form-field:** make DateTimeInput compatible with the new error format ([064a1a9](https://github.com/instructure/instructure-ui/commit/064a1a9e581660dfd2804d35f11d6ae514875614)), closes [#1826](https://github.com/instructure/instructure-ui/issues/1826)
+
+
+
+
+
 ## [9.10.1](https://github.com/instructure/instructure-ui/compare/v9.10.0...v9.10.1) (2024-12-09)
 
 **Note:** Version bump only for package @instructure/ui-form-field

package/es/FormFieldGroup/index.js

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["styles", "makeStyles"];
+const _excluded = ["styles", "makeStyles", "isGroup"];
 var _dec, _class, _FormFieldGroup;
 /*
  * The MIT License (MIT)
@@ -96,6 +96,7 @@ let FormFieldGroup = (_dec = withStyle(generateStyle, generateComponentTheme), _
     const _this$props3 = this.props,
       styles = _this$props3.styles,
       makeStyles = _this$props3.makeStyles,
+      isGroup = _this$props3.isGroup,
       props = _objectWithoutProperties(_this$props3, _excluded);
     return jsx(FormFieldLayout, Object.assign({}, omitProps(props, FormFieldGroup.allowedProps), pickProps(props, FormFieldLayout.allowedProps), {
       vAlign: props.vAlign,
@@ -104,7 +105,7 @@ let FormFieldGroup = (_dec = withStyle(generateStyle, generateComponentTheme), _
       "aria-disabled": props.disabled ? 'true' : void 0,
       "aria-invalid": this.invalid ? 'true' : void 0,
       elementRef: this.handleRef,
-      isGroup: true
+      isGroup: isGroup
     }), this.renderFields());
   }
 }, _FormFieldGroup.displayName = "FormFieldGroup", _FormFieldGroup.componentId = 'FormFieldGroup', _FormFieldGroup.propTypes = propTypes, _FormFieldGroup.allowedProps = allowedProps, _FormFieldGroup.defaultProps = {

package/es/FormFieldMessage/index.js

@@ -70,7 +70,7 @@ let FormFieldMessage = (_dec = withStyle(generateStyle, generateComponentTheme),
       css: {
         display: 'flex'
       }
-    }, this.props.variant === 'newError' && jsx("span", {
+    }, this.props.variant === 'newError' && this.props.children && jsx("span", {
       css: styles === null || styles === void 0 ? void 0 : styles.errorIcon
     }, _IconWarningSolid || (_IconWarningSolid = jsx(IconWarningSolid, {
       color: "error"

package/lib/FormFieldGroup/index.js

@@ -15,7 +15,7 @@ var _FormFieldLayout = require("../FormFieldLayout");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _props = require("./props");
-const _excluded = ["styles", "makeStyles"];
+const _excluded = ["styles", "makeStyles", "isGroup"];
 var _dec, _class, _FormFieldGroup;
 /*
  * The MIT License (MIT)
@@ -103,6 +103,7 @@ let FormFieldGroup = exports.FormFieldGroup = (_dec = (0, _emotion.withStyle)(_s
     const _this$props3 = this.props,
       styles = _this$props3.styles,
       makeStyles = _this$props3.makeStyles,
+      isGroup = _this$props3.isGroup,
       props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
     return (0, _emotion.jsx)(_FormFieldLayout.FormFieldLayout, Object.assign({}, (0, _omitProps.omitProps)(props, FormFieldGroup.allowedProps), (0, _pickProps.pickProps)(props, _FormFieldLayout.FormFieldLayout.allowedProps), {
       vAlign: props.vAlign,
@@ -111,7 +112,7 @@ let FormFieldGroup = exports.FormFieldGroup = (_dec = (0, _emotion.withStyle)(_s
       "aria-disabled": props.disabled ? 'true' : void 0,
       "aria-invalid": this.invalid ? 'true' : void 0,
       elementRef: this.handleRef,
-      isGroup: true
+      isGroup: isGroup
     }), this.renderFields());
   }
 }, _FormFieldGroup.displayName = "FormFieldGroup", _FormFieldGroup.componentId = 'FormFieldGroup', _FormFieldGroup.propTypes = _props.propTypes, _FormFieldGroup.allowedProps = _props.allowedProps, _FormFieldGroup.defaultProps = {

package/lib/FormFieldMessage/index.js

@@ -76,7 +76,7 @@ let FormFieldMessage = exports.FormFieldMessage = (_dec = (0, _emotion.withStyle
       css: {
         display: 'flex'
       }
-    }, this.props.variant === 'newError' && (0, _emotion.jsx)("span", {
+    }, this.props.variant === 'newError' && this.props.children && (0, _emotion.jsx)("span", {
       css: styles === null || styles === void 0 ? void 0 : styles.errorIcon
     }, _IconWarningSolid || (_IconWarningSolid = (0, _emotion.jsx)(_IconWarningSolid2.IconWarningSolid, {
       color: "error"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-form-field",
-  "version": "9.10.1",
+  "version": "9.11.0",
   "description": "Form layout components.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,26 +23,26 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-axe-check": "9.10.1",
-    "@instructure/ui-babel-preset": "9.10.1",
-    "@instructure/ui-test-utils": "9.10.1",
-    "@instructure/ui-themes": "9.10.1",
+    "@instructure/ui-axe-check": "9.11.0",
+    "@instructure/ui-babel-preset": "9.11.0",
+    "@instructure/ui-test-utils": "9.11.0",
+    "@instructure/ui-themes": "9.11.0",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^15.0.7",
     "vitest": "^2.0.2"
   },
   "dependencies": {
     "@babel/runtime": "^7.24.5",
-    "@instructure/console": "9.10.1",
-    "@instructure/emotion": "9.10.1",
-    "@instructure/shared-types": "9.10.1",
-    "@instructure/ui-a11y-content": "9.10.1",
-    "@instructure/ui-a11y-utils": "9.10.1",
-    "@instructure/ui-grid": "9.10.1",
-    "@instructure/ui-icons": "9.10.1",
-    "@instructure/ui-react-utils": "9.10.1",
-    "@instructure/ui-utils": "9.10.1",
-    "@instructure/uid": "9.10.1",
+    "@instructure/console": "9.11.0",
+    "@instructure/emotion": "9.11.0",
+    "@instructure/shared-types": "9.11.0",
+    "@instructure/ui-a11y-content": "9.11.0",
+    "@instructure/ui-a11y-utils": "9.11.0",
+    "@instructure/ui-grid": "9.11.0",
+    "@instructure/ui-icons": "9.11.0",
+    "@instructure/ui-react-utils": "9.11.0",
+    "@instructure/ui-utils": "9.11.0",
+    "@instructure/uid": "9.11.0",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {

package/src/FormFieldGroup/index.tsx

@@ -133,7 +133,7 @@ class FormFieldGroup extends Component<FormFieldGroupProps> {
   }
 
   render() {
-    const { styles, makeStyles, ...props } = this.props
+    const { styles, makeStyles, isGroup, ...props } = this.props
 
     return (
       <FormFieldLayout
@@ -145,7 +145,7 @@ class FormFieldGroup extends Component<FormFieldGroupProps> {
         aria-disabled={props.disabled ? 'true' : undefined}
         aria-invalid={this.invalid ? 'true' : undefined}
         elementRef={this.handleRef}
-        isGroup
+        isGroup={isGroup}
       >
         {this.renderFields()}
       </FormFieldLayout>

package/src/FormFieldMessage/index.tsx

@@ -81,7 +81,7 @@ class FormFieldMessage extends Component<FormFieldMessageProps> {
 
     return this.props.variant !== 'screenreader-only' ? (
       <span css={{ display: 'flex' }}>
-        {this.props.variant === 'newError' && (
+        {this.props.variant === 'newError' && this.props.children && (
           <span css={styles?.errorIcon}>
             <IconWarningSolid color="error" />
           </span>