@instructure/ui-text-input 8.56.1 → 8.56.2-pr-snapshot-1721749364069

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.56.2-pr-snapshot-1721749364069](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2-pr-snapshot-1721749364069) (2024-07-23)
+
+**Note:** Version bump only for package @instructure/ui-text-input
+
+
+
+
+
 ## [8.56.1](https://github.com/instructure/instructure-ui/compare/v8.56.0...v8.56.1) (2024-06-13)
 
 **Note:** Version bump only for package @instructure/ui-text-input

package/lib/TextInput/index.js

@@ -8,14 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.TextInput = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
-var _addEventListener = require("@instructure/ui-dom-utils/lib/addEventListener.js");
-var _FormField = require("@instructure/ui-form-field/lib/FormField");
-var _testable = require("@instructure/ui-testable/lib/testable.js");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiFormField = require("@instructure/ui-form-field");
+var _uiTestable = require("@instructure/ui-testable");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -52,7 +48,7 @@ category: components
 tags: form, field
 ---
 **/
-let TextInput = exports.TextInput = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TextInput extends _react.Component {
+let TextInput = exports.TextInput = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TextInput extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -121,7 +117,7 @@ let TextInput = exports.TextInput = (_dec = (0, _withDeterministicId.withDetermi
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
     if (this._input) {
-      this._focusListener = (0, _addEventListener.addEventListener)(this._input, 'focus', this.handleFocus);
+      this._focusListener = (0, _uiDomUtils.addEventListener)(this._input, 'focus', this.handleFocus);
       this.setState({
         beforeElementHasWidth: this.getElementHasWidth(this._beforeElement),
         afterElementHasWidth: this.getElementHasWidth(this._afterElement)
@@ -146,9 +142,9 @@ let TextInput = exports.TextInput = (_dec = (0, _withDeterministicId.withDetermi
         afterElementHasWidth: this.getElementHasWidth(this._afterElement)
       });
     }
-    if ((0, _getInteraction.getInteraction)({
+    if ((0, _uiReactUtils.getInteraction)({
       props: prevProps
-    }) !== 'disabled' && (0, _getInteraction.getInteraction)({
+    }) !== 'disabled' && (0, _uiReactUtils.getInteraction)({
       props: this.props
     }) === 'disabled') {
       this.setState({
@@ -162,7 +158,7 @@ let TextInput = exports.TextInput = (_dec = (0, _withDeterministicId.withDetermi
     (_this$_input = this._input) === null || _this$_input === void 0 ? void 0 : _this$_input.focus();
   }
   get interaction() {
-    return (0, _getInteraction.getInteraction)({
+    return (0, _uiReactUtils.getInteraction)({
       props: this.props
     });
   }
@@ -175,7 +171,7 @@ let TextInput = exports.TextInput = (_dec = (0, _withDeterministicId.withDetermi
     }) >= 0;
   }
   get focused() {
-    return (0, _isActiveElement.isActiveElement)(this._input);
+    return (0, _uiDomUtils.isActiveElement)(this._input);
   }
   get value() {
     var _this$_input2;
@@ -198,7 +194,7 @@ let TextInput = exports.TextInput = (_dec = (0, _withDeterministicId.withDetermi
       isRequired = _this$props3.isRequired,
       onFocus = _this$props3.onFocus,
       rest = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
-    const props = (0, _passthroughProps.passthroughProps)(rest);
+    const props = (0, _uiReactUtils.passthroughProps)(rest);
     const interaction = this.interaction;
     let descriptionIds = '';
     if (props['aria-describedby']) {
@@ -253,12 +249,12 @@ let TextInput = exports.TextInput = (_dec = (0, _withDeterministicId.withDetermi
       messages = _this$props4.messages,
       inputContainerRef = _this$props4.inputContainerRef,
       styles = _this$props4.styles;
-    const beforeElement = renderBeforeInput ? (0, _callRenderProp.callRenderProp)(renderBeforeInput) : null;
-    const afterElement = renderAfterInput ? (0, _callRenderProp.callRenderProp)(renderAfterInput) : null;
+    const beforeElement = renderBeforeInput ? (0, _uiReactUtils.callRenderProp)(renderBeforeInput) : null;
+    const afterElement = renderAfterInput ? (0, _uiReactUtils.callRenderProp)(renderAfterInput) : null;
     const renderBeforeOrAfter = !!beforeElement || !!afterElement;
-    return (0, _emotion.jsx)(_FormField.FormField, {
+    return (0, _emotion.jsx)(_uiFormField.FormField, {
       id: this.id,
-      label: (0, _callRenderProp.callRenderProp)(renderLabel),
+      label: (0, _uiReactUtils.callRenderProp)(renderLabel),
       messagesId: this._messagesId,
       messages: messages,
       inline: display === 'inline-block',

package/lib/TextInput/props.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _FormPropTypes = require("@instructure/ui-form-field/lib/FormPropTypes.js");
-var _controllable = require("@instructure/ui-prop-types/lib/controllable.js");
+var _uiFormField = require("@instructure/ui-form-field");
+var _uiPropTypes = require("@instructure/ui-prop-types");
 /*
  * The MIT License (MIT)
  *
@@ -36,10 +36,10 @@ const propTypes = exports.propTypes = {
   renderLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
   type: _propTypes.default.oneOf(['text', 'email', 'url', 'tel', 'search', 'password']),
   id: _propTypes.default.string,
-  value: (0, _controllable.controllable)(_propTypes.default.string),
+  value: (0, _uiPropTypes.controllable)(_propTypes.default.string),
   defaultValue: _propTypes.default.string,
   interaction: _propTypes.default.oneOf(['enabled', 'disabled', 'readonly']),
-  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
+  messages: _propTypes.default.arrayOf(_uiFormField.FormPropTypes.message),
   size: _propTypes.default.oneOf(['small', 'medium', 'large']),
   textAlign: _propTypes.default.oneOf(['start', 'center']),
   width: _propTypes.default.string,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-text-input",
-  "version": "8.56.1",
+  "version": "8.56.2-pr-snapshot-1721749364069",
   "description": "A styled HTML text input component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,24 +23,24 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.56.1",
-    "@instructure/ui-badge": "8.56.1",
-    "@instructure/ui-color-utils": "8.56.1",
-    "@instructure/ui-test-utils": "8.56.1",
-    "@instructure/ui-themes": "8.56.1",
+    "@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-badge": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-color-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-themes": "8.56.2-pr-snapshot-1721749364069",
     "react-dom": "^18.2.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/emotion": "8.56.1",
-    "@instructure/shared-types": "8.56.1",
-    "@instructure/ui-dom-utils": "8.56.1",
-    "@instructure/ui-form-field": "8.56.1",
-    "@instructure/ui-icons": "8.56.1",
-    "@instructure/ui-prop-types": "8.56.1",
-    "@instructure/ui-react-utils": "8.56.1",
-    "@instructure/ui-tag": "8.56.1",
-    "@instructure/ui-testable": "8.56.1",
+    "@instructure/emotion": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/shared-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-dom-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-form-field": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-icons": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-prop-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-react-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-tag": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-testable": "8.56.2-pr-snapshot-1721749364069",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {