@instructure/ui-form-field 10.7.0 → 10.7.1-snapshot-0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.7.1-snapshot-0](https://github.com/instructure/instructure-ui/compare/v10.7.0...v10.7.1-snapshot-0) (2024-12-06)
+
+
+### Bug Fixes
+
+* **ui-select,ui-text-input:** fix long before elements overflowing in TextInput, Select, SimpleSelect ([ee9cafd](https://github.com/instructure/instructure-ui/commit/ee9cafdd027b9a1caaa0791d1b6dc4f8401c87e7))
+
+
+
+
+
 # [10.7.0](https://github.com/instructure/instructure-ui/compare/v10.6.1...v10.7.0) (2024-12-03)
 
 **Note:** Version bump only for package @instructure/ui-form-field

package/es/FormFieldLayout/index.js

@@ -30,7 +30,6 @@ import { Component } from 'react';
 import { hasVisibleChildren } from '@instructure/ui-a11y-utils';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { Grid } from '@instructure/ui-grid';
-import { logError as error } from '@instructure/console';
 import { omitProps, pickProps, getElementType, withDeterministicId } from '@instructure/ui-react-utils';
 import { withStyle, jsx } from '@instructure/emotion';
 import { FormFieldLabel } from '../FormFieldLabel';
@@ -60,8 +59,6 @@ let FormFieldLayout = (_dec = withDeterministicId(), _dec2 = withStyle(generateS
       }
     };
     this._messagesId = props.messagesId || props.deterministicId();
-    error(typeof props.width !== 'undefined' || !props.inline || props.layout !== 'inline', `[FormFieldLayout] The 'inline' prop is true, and the 'layout' is set to 'inline'.
-      This will cause a layout issue in Internet Explorer 11 unless you also add a value for the 'width' prop.`);
   }
   componentDidMount() {
     var _this$props$makeStyle, _this$props;

package/lib/FormFieldLayout/index.js

@@ -10,7 +10,6 @@ var _react = require("react");
 var _hasVisibleChildren = require("@instructure/ui-a11y-utils/lib/hasVisibleChildren.js");
 var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
 var _Grid = require("@instructure/ui-grid/lib/Grid");
-var _console = require("@instructure/console");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
 var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
@@ -69,8 +68,6 @@ let FormFieldLayout = exports.FormFieldLayout = (_dec = (0, _withDeterministicId
       }
     };
     this._messagesId = props.messagesId || props.deterministicId();
-    (0, _console.logError)(typeof props.width !== 'undefined' || !props.inline || props.layout !== 'inline', `[FormFieldLayout] The 'inline' prop is true, and the 'layout' is set to 'inline'.
-      This will cause a layout issue in Internet Explorer 11 unless you also add a value for the 'width' prop.`);
   }
   componentDidMount() {
     var _this$props$makeStyle, _this$props;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-form-field",
-  "version": "10.7.0",
+  "version": "10.7.1-snapshot-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": "10.7.0",
-    "@instructure/ui-babel-preset": "10.7.0",
-    "@instructure/ui-test-utils": "10.7.0",
-    "@instructure/ui-themes": "10.7.0",
+    "@instructure/ui-axe-check": "10.7.1-snapshot-0",
+    "@instructure/ui-babel-preset": "10.7.1-snapshot-0",
+    "@instructure/ui-test-utils": "10.7.1-snapshot-0",
+    "@instructure/ui-themes": "10.7.1-snapshot-0",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^16.0.1",
     "vitest": "^2.1.1"
   },
   "dependencies": {
     "@babel/runtime": "^7.25.6",
-    "@instructure/console": "10.7.0",
-    "@instructure/emotion": "10.7.0",
-    "@instructure/shared-types": "10.7.0",
-    "@instructure/ui-a11y-content": "10.7.0",
-    "@instructure/ui-a11y-utils": "10.7.0",
-    "@instructure/ui-grid": "10.7.0",
-    "@instructure/ui-icons": "10.7.0",
-    "@instructure/ui-react-utils": "10.7.0",
-    "@instructure/ui-utils": "10.7.0",
-    "@instructure/uid": "10.7.0",
+    "@instructure/console": "10.7.1-snapshot-0",
+    "@instructure/emotion": "10.7.1-snapshot-0",
+    "@instructure/shared-types": "10.7.1-snapshot-0",
+    "@instructure/ui-a11y-content": "10.7.1-snapshot-0",
+    "@instructure/ui-a11y-utils": "10.7.1-snapshot-0",
+    "@instructure/ui-grid": "10.7.1-snapshot-0",
+    "@instructure/ui-icons": "10.7.1-snapshot-0",
+    "@instructure/ui-react-utils": "10.7.1-snapshot-0",
+    "@instructure/ui-utils": "10.7.1-snapshot-0",
+    "@instructure/uid": "10.7.1-snapshot-0",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {

package/src/FormFieldLayout/index.tsx

@@ -28,7 +28,6 @@ import { Component } from 'react'
 import { hasVisibleChildren } from '@instructure/ui-a11y-utils'
 import { ScreenReaderContent } from '@instructure/ui-a11y-content'
 import { Grid } from '@instructure/ui-grid'
-import { logError as error } from '@instructure/console'
 import {
   omitProps,
   pickProps,
@@ -67,16 +66,7 @@ class FormFieldLayout extends Component<FormFieldLayoutProps> {
 
   constructor(props: FormFieldLayoutProps) {
     super(props)
-
     this._messagesId = props.messagesId || props.deterministicId!()
-
-    error(
-      typeof props.width !== 'undefined' ||
-        !props.inline ||
-        props.layout !== 'inline',
-      `[FormFieldLayout] The 'inline' prop is true, and the 'layout' is set to 'inline'.
-      This will cause a layout issue in Internet Explorer 11 unless you also add a value for the 'width' prop.`
-    )
   }
 
   private _messagesId: string
@@ -212,7 +202,9 @@ class FormFieldLayout extends Component<FormFieldLayoutProps> {
               elementRef={this.handleInputContainerRef}
             >
               {hasNewErrorMsg && (
-                <div css={styles?.groupErrorMessage}>{this.renderVisibleMessages()}</div>
+                <div css={styles?.groupErrorMessage}>
+                  {this.renderVisibleMessages()}
+                </div>
               )}
               {children}
             </Grid.Col>