@instructure/ui-text-input 10.2.3-snapshot-13 → 10.2.3-snapshot-15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -1
- package/es/TextInput/__new-tests__/TextInput.test.js +10 -10
- package/es/TextInput/index.js +1 -1
- package/lib/TextInput/__new-tests__/TextInput.test.js +10 -10
- package/lib/TextInput/index.js +1 -1
- package/package.json +19 -19
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/TextInput/index.d.ts.map +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [10.2.3-snapshot-
|
|
6
|
+
## [10.2.3-snapshot-15](https://github.com/instructure/instructure-ui/compare/v10.2.2...v10.2.3-snapshot-15) (2024-10-03)
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
### Bug Fixes
|
|
@@ -50,7 +50,7 @@ describe('<TextInput/>', () => {
|
|
|
50
50
|
it('should focus the input when focus is called', async () => {
|
|
51
51
|
var _ref;
|
|
52
52
|
let ref;
|
|
53
|
-
render(
|
|
53
|
+
render(/*#__PURE__*/React.createElement(TextInput, {
|
|
54
54
|
renderLabel: "Name"
|
|
55
55
|
//@ts-expect-error TODO this is coming from ReactComponentWrapper
|
|
56
56
|
,
|
|
@@ -64,7 +64,7 @@ describe('<TextInput/>', () => {
|
|
|
64
64
|
});
|
|
65
65
|
it('should provide an inputRef prop', async () => {
|
|
66
66
|
const inputRef = vi.fn();
|
|
67
|
-
render(
|
|
67
|
+
render(/*#__PURE__*/React.createElement(TextInput, {
|
|
68
68
|
renderLabel: "Name",
|
|
69
69
|
inputRef: inputRef
|
|
70
70
|
}));
|
|
@@ -74,7 +74,7 @@ describe('<TextInput/>', () => {
|
|
|
74
74
|
it('should provide a value getter', async () => {
|
|
75
75
|
var _ref2;
|
|
76
76
|
let ref;
|
|
77
|
-
render(
|
|
77
|
+
render(/*#__PURE__*/React.createElement(TextInput, {
|
|
78
78
|
renderLabel: "Name",
|
|
79
79
|
defaultValue: "bar"
|
|
80
80
|
//@ts-expect-error TODO this is coming from ReactComponentWrapper
|
|
@@ -86,7 +86,7 @@ describe('<TextInput/>', () => {
|
|
|
86
86
|
expect((_ref2 = ref) === null || _ref2 === void 0 ? void 0 : _ref2.value).toBe('bar');
|
|
87
87
|
});
|
|
88
88
|
it('should provide messageId to FormField', async () => {
|
|
89
|
-
render(
|
|
89
|
+
render(/*#__PURE__*/React.createElement(TextInput, {
|
|
90
90
|
renderLabel: "Name",
|
|
91
91
|
messages: [{
|
|
92
92
|
text: 'yup',
|
|
@@ -97,7 +97,7 @@ describe('<TextInput/>', () => {
|
|
|
97
97
|
expect(input).toHaveAttribute('aria-describedby');
|
|
98
98
|
});
|
|
99
99
|
it('should have equal messagesId and aria-describedby values', async () => {
|
|
100
|
-
const _render2 = render(
|
|
100
|
+
const _render2 = render(/*#__PURE__*/React.createElement(TextInput, {
|
|
101
101
|
renderLabel: "Name",
|
|
102
102
|
messages: [{
|
|
103
103
|
text: 'yup',
|
|
@@ -110,7 +110,7 @@ describe('<TextInput/>', () => {
|
|
|
110
110
|
expect(messages).toHaveAttribute('id', id);
|
|
111
111
|
});
|
|
112
112
|
it('should handle multiple aria-describedby ids', async () => {
|
|
113
|
-
render(
|
|
113
|
+
render(/*#__PURE__*/React.createElement(TextInput, {
|
|
114
114
|
renderLabel: "Name",
|
|
115
115
|
"aria-describedby": "assistive-id",
|
|
116
116
|
messages: [{
|
|
@@ -124,7 +124,7 @@ describe('<TextInput/>', () => {
|
|
|
124
124
|
describe('events', () => {
|
|
125
125
|
it('responds to onChange event', async () => {
|
|
126
126
|
const onChange = vi.fn();
|
|
127
|
-
render(
|
|
127
|
+
render(/*#__PURE__*/React.createElement(TextInput, {
|
|
128
128
|
renderLabel: "Name",
|
|
129
129
|
onChange: onChange
|
|
130
130
|
}));
|
|
@@ -140,7 +140,7 @@ describe('<TextInput/>', () => {
|
|
|
140
140
|
});
|
|
141
141
|
it('responds to onBlur event', async () => {
|
|
142
142
|
const onBlur = vi.fn();
|
|
143
|
-
render(
|
|
143
|
+
render(/*#__PURE__*/React.createElement(TextInput, {
|
|
144
144
|
renderLabel: "Name",
|
|
145
145
|
onBlur: onBlur
|
|
146
146
|
}));
|
|
@@ -152,7 +152,7 @@ describe('<TextInput/>', () => {
|
|
|
152
152
|
});
|
|
153
153
|
it('responds to onFocus event', async () => {
|
|
154
154
|
const onFocus = vi.fn();
|
|
155
|
-
render(
|
|
155
|
+
render(/*#__PURE__*/React.createElement(TextInput, {
|
|
156
156
|
renderLabel: "Name",
|
|
157
157
|
onFocus: onFocus
|
|
158
158
|
}));
|
|
@@ -207,7 +207,7 @@ describe('<TextInput/>', () => {
|
|
|
207
207
|
expect(axeCheck).toBe(true);
|
|
208
208
|
});
|
|
209
209
|
it('should set aria-invalid when errors prop is set', async () => {
|
|
210
|
-
render(
|
|
210
|
+
render(/*#__PURE__*/React.createElement(TextInput, {
|
|
211
211
|
renderLabel: "Name",
|
|
212
212
|
messages: [{
|
|
213
213
|
type: 'error',
|
package/es/TextInput/index.js
CHANGED
|
@@ -276,7 +276,7 @@ let TextInput = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
|
|
|
276
276
|
ref: e => {
|
|
277
277
|
this._afterElement = e;
|
|
278
278
|
}
|
|
279
|
-
}, afterElement))))) : (
|
|
279
|
+
}, afterElement))))) : (/* If no prepended or appended content, don't render Flex layout */
|
|
280
280
|
this.renderInput())));
|
|
281
281
|
}
|
|
282
282
|
}, _TextInput.displayName = "TextInput", _TextInput.componentId = 'TextInput', _TextInput.allowedProps = allowedProps, _TextInput.propTypes = propTypes, _TextInput.defaultProps = {
|
|
@@ -52,7 +52,7 @@ describe('<TextInput/>', () => {
|
|
|
52
52
|
it('should focus the input when focus is called', async () => {
|
|
53
53
|
var _ref;
|
|
54
54
|
let ref;
|
|
55
|
-
(0, _react2.render)(
|
|
55
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.TextInput, {
|
|
56
56
|
renderLabel: "Name"
|
|
57
57
|
//@ts-expect-error TODO this is coming from ReactComponentWrapper
|
|
58
58
|
,
|
|
@@ -66,7 +66,7 @@ describe('<TextInput/>', () => {
|
|
|
66
66
|
});
|
|
67
67
|
it('should provide an inputRef prop', async () => {
|
|
68
68
|
const inputRef = _vitest.vi.fn();
|
|
69
|
-
(0, _react2.render)(
|
|
69
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.TextInput, {
|
|
70
70
|
renderLabel: "Name",
|
|
71
71
|
inputRef: inputRef
|
|
72
72
|
}));
|
|
@@ -76,7 +76,7 @@ describe('<TextInput/>', () => {
|
|
|
76
76
|
it('should provide a value getter', async () => {
|
|
77
77
|
var _ref2;
|
|
78
78
|
let ref;
|
|
79
|
-
(0, _react2.render)(
|
|
79
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.TextInput, {
|
|
80
80
|
renderLabel: "Name",
|
|
81
81
|
defaultValue: "bar"
|
|
82
82
|
//@ts-expect-error TODO this is coming from ReactComponentWrapper
|
|
@@ -88,7 +88,7 @@ describe('<TextInput/>', () => {
|
|
|
88
88
|
expect((_ref2 = ref) === null || _ref2 === void 0 ? void 0 : _ref2.value).toBe('bar');
|
|
89
89
|
});
|
|
90
90
|
it('should provide messageId to FormField', async () => {
|
|
91
|
-
(0, _react2.render)(
|
|
91
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.TextInput, {
|
|
92
92
|
renderLabel: "Name",
|
|
93
93
|
messages: [{
|
|
94
94
|
text: 'yup',
|
|
@@ -99,7 +99,7 @@ describe('<TextInput/>', () => {
|
|
|
99
99
|
expect(input).toHaveAttribute('aria-describedby');
|
|
100
100
|
});
|
|
101
101
|
it('should have equal messagesId and aria-describedby values', async () => {
|
|
102
|
-
const _render2 = (0, _react2.render)(
|
|
102
|
+
const _render2 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.TextInput, {
|
|
103
103
|
renderLabel: "Name",
|
|
104
104
|
messages: [{
|
|
105
105
|
text: 'yup',
|
|
@@ -112,7 +112,7 @@ describe('<TextInput/>', () => {
|
|
|
112
112
|
expect(messages).toHaveAttribute('id', id);
|
|
113
113
|
});
|
|
114
114
|
it('should handle multiple aria-describedby ids', async () => {
|
|
115
|
-
(0, _react2.render)(
|
|
115
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.TextInput, {
|
|
116
116
|
renderLabel: "Name",
|
|
117
117
|
"aria-describedby": "assistive-id",
|
|
118
118
|
messages: [{
|
|
@@ -126,7 +126,7 @@ describe('<TextInput/>', () => {
|
|
|
126
126
|
describe('events', () => {
|
|
127
127
|
it('responds to onChange event', async () => {
|
|
128
128
|
const onChange = _vitest.vi.fn();
|
|
129
|
-
(0, _react2.render)(
|
|
129
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.TextInput, {
|
|
130
130
|
renderLabel: "Name",
|
|
131
131
|
onChange: onChange
|
|
132
132
|
}));
|
|
@@ -142,7 +142,7 @@ describe('<TextInput/>', () => {
|
|
|
142
142
|
});
|
|
143
143
|
it('responds to onBlur event', async () => {
|
|
144
144
|
const onBlur = _vitest.vi.fn();
|
|
145
|
-
(0, _react2.render)(
|
|
145
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.TextInput, {
|
|
146
146
|
renderLabel: "Name",
|
|
147
147
|
onBlur: onBlur
|
|
148
148
|
}));
|
|
@@ -154,7 +154,7 @@ describe('<TextInput/>', () => {
|
|
|
154
154
|
});
|
|
155
155
|
it('responds to onFocus event', async () => {
|
|
156
156
|
const onFocus = _vitest.vi.fn();
|
|
157
|
-
(0, _react2.render)(
|
|
157
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.TextInput, {
|
|
158
158
|
renderLabel: "Name",
|
|
159
159
|
onFocus: onFocus
|
|
160
160
|
}));
|
|
@@ -209,7 +209,7 @@ describe('<TextInput/>', () => {
|
|
|
209
209
|
expect(axeCheck).toBe(true);
|
|
210
210
|
});
|
|
211
211
|
it('should set aria-invalid when errors prop is set', async () => {
|
|
212
|
-
(0, _react2.render)(
|
|
212
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.TextInput, {
|
|
213
213
|
renderLabel: "Name",
|
|
214
214
|
messages: [{
|
|
215
215
|
type: 'error',
|
package/lib/TextInput/index.js
CHANGED
|
@@ -286,7 +286,7 @@ let TextInput = exports.TextInput = (_dec = (0, _withDeterministicId.withDetermi
|
|
|
286
286
|
ref: e => {
|
|
287
287
|
this._afterElement = e;
|
|
288
288
|
}
|
|
289
|
-
}, afterElement))))) : (
|
|
289
|
+
}, afterElement))))) : (/* If no prepended or appended content, don't render Flex layout */
|
|
290
290
|
this.renderInput())));
|
|
291
291
|
}
|
|
292
292
|
}, _TextInput.displayName = "TextInput", _TextInput.componentId = 'TextInput', _TextInput.allowedProps = _props.allowedProps, _TextInput.propTypes = _props.propTypes, _TextInput.defaultProps = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-text-input",
|
|
3
|
-
"version": "10.2.3-snapshot-
|
|
3
|
+
"version": "10.2.3-snapshot-15",
|
|
4
4
|
"description": "A styled HTML text input component.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -23,28 +23,28 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-axe-check": "10.2.3-snapshot-
|
|
27
|
-
"@instructure/ui-babel-preset": "10.2.3-snapshot-
|
|
28
|
-
"@instructure/ui-badge": "10.2.3-snapshot-
|
|
29
|
-
"@instructure/ui-color-utils": "10.2.3-snapshot-
|
|
30
|
-
"@instructure/ui-test-utils": "10.2.3-snapshot-
|
|
31
|
-
"@instructure/ui-themes": "10.2.3-snapshot-
|
|
26
|
+
"@instructure/ui-axe-check": "10.2.3-snapshot-15",
|
|
27
|
+
"@instructure/ui-babel-preset": "10.2.3-snapshot-15",
|
|
28
|
+
"@instructure/ui-badge": "10.2.3-snapshot-15",
|
|
29
|
+
"@instructure/ui-color-utils": "10.2.3-snapshot-15",
|
|
30
|
+
"@instructure/ui-test-utils": "10.2.3-snapshot-15",
|
|
31
|
+
"@instructure/ui-themes": "10.2.3-snapshot-15",
|
|
32
32
|
"@testing-library/jest-dom": "^6.4.6",
|
|
33
|
-
"@testing-library/react": "^
|
|
33
|
+
"@testing-library/react": "^16.0.1",
|
|
34
34
|
"@testing-library/user-event": "^14.5.2",
|
|
35
|
-
"vitest": "^2.
|
|
35
|
+
"vitest": "^2.1.1"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@babel/runtime": "^7.
|
|
39
|
-
"@instructure/emotion": "10.2.3-snapshot-
|
|
40
|
-
"@instructure/shared-types": "10.2.3-snapshot-
|
|
41
|
-
"@instructure/ui-dom-utils": "10.2.3-snapshot-
|
|
42
|
-
"@instructure/ui-form-field": "10.2.3-snapshot-
|
|
43
|
-
"@instructure/ui-icons": "10.2.3-snapshot-
|
|
44
|
-
"@instructure/ui-prop-types": "10.2.3-snapshot-
|
|
45
|
-
"@instructure/ui-react-utils": "10.2.3-snapshot-
|
|
46
|
-
"@instructure/ui-tag": "10.2.3-snapshot-
|
|
47
|
-
"@instructure/ui-testable": "10.2.3-snapshot-
|
|
38
|
+
"@babel/runtime": "^7.25.6",
|
|
39
|
+
"@instructure/emotion": "10.2.3-snapshot-15",
|
|
40
|
+
"@instructure/shared-types": "10.2.3-snapshot-15",
|
|
41
|
+
"@instructure/ui-dom-utils": "10.2.3-snapshot-15",
|
|
42
|
+
"@instructure/ui-form-field": "10.2.3-snapshot-15",
|
|
43
|
+
"@instructure/ui-icons": "10.2.3-snapshot-15",
|
|
44
|
+
"@instructure/ui-prop-types": "10.2.3-snapshot-15",
|
|
45
|
+
"@instructure/ui-react-utils": "10.2.3-snapshot-15",
|
|
46
|
+
"@instructure/ui-tag": "10.2.3-snapshot-15",
|
|
47
|
+
"@instructure/ui-testable": "10.2.3-snapshot-15",
|
|
48
48
|
"prop-types": "^15.8.1"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|