@instructure/ui-select 10.24.3-snapshot-9 → 10.24.3-snapshot-10
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/Select/index.js +3 -1
- package/lib/Select/index.js +3 -1
- package/package.json +21 -21
- package/src/Select/index.tsx +8 -2
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Select/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.24.3-snapshot-
|
|
6
|
+
## [10.24.3-snapshot-10](https://github.com/instructure/instructure-ui/compare/v10.24.2...v10.24.3-snapshot-10) (2025-08-29)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-select
|
|
9
9
|
|
package/es/Select/index.js
CHANGED
|
@@ -594,9 +594,11 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
|
|
|
594
594
|
onBlur: utils.createChainedFunction(onBlur, onRequestHideOptions),
|
|
595
595
|
...overrideProps
|
|
596
596
|
};
|
|
597
|
+
// suppressHydrationWarning is needed because `role` depends on the browser type
|
|
597
598
|
return _jsx(TextInput, {
|
|
598
599
|
...triggerProps,
|
|
599
|
-
...getInputProps(inputProps)
|
|
600
|
+
...getInputProps(inputProps),
|
|
601
|
+
suppressHydrationWarning: true
|
|
600
602
|
});
|
|
601
603
|
}
|
|
602
604
|
render() {
|
package/lib/Select/index.js
CHANGED
|
@@ -606,9 +606,11 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
|
|
|
606
606
|
onBlur: utils.createChainedFunction(onBlur, onRequestHideOptions),
|
|
607
607
|
...overrideProps
|
|
608
608
|
};
|
|
609
|
+
// suppressHydrationWarning is needed because `role` depends on the browser type
|
|
609
610
|
return (0, _jsxRuntime.jsx)(_TextInput.TextInput, {
|
|
610
611
|
...triggerProps,
|
|
611
|
-
...getInputProps(inputProps)
|
|
612
|
+
...getInputProps(inputProps),
|
|
613
|
+
suppressHydrationWarning: true
|
|
612
614
|
});
|
|
613
615
|
}
|
|
614
616
|
render() {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-select",
|
|
3
|
-
"version": "10.24.3-snapshot-
|
|
3
|
+
"version": "10.24.3-snapshot-10",
|
|
4
4
|
"description": "A component for select and autocomplete behavior.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -23,10 +23,10 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-babel-preset": "10.24.3-snapshot-
|
|
27
|
-
"@instructure/ui-color-utils": "10.24.3-snapshot-
|
|
28
|
-
"@instructure/ui-scripts": "10.24.3-snapshot-
|
|
29
|
-
"@instructure/ui-themes": "10.24.3-snapshot-
|
|
26
|
+
"@instructure/ui-babel-preset": "10.24.3-snapshot-10",
|
|
27
|
+
"@instructure/ui-color-utils": "10.24.3-snapshot-10",
|
|
28
|
+
"@instructure/ui-scripts": "10.24.3-snapshot-10",
|
|
29
|
+
"@instructure/ui-themes": "10.24.3-snapshot-10",
|
|
30
30
|
"@testing-library/jest-dom": "^6.6.3",
|
|
31
31
|
"@testing-library/react": "^16.0.1",
|
|
32
32
|
"@testing-library/user-event": "^14.6.1",
|
|
@@ -34,22 +34,22 @@
|
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@babel/runtime": "^7.27.6",
|
|
37
|
-
"@instructure/emotion": "10.24.3-snapshot-
|
|
38
|
-
"@instructure/shared-types": "10.24.3-snapshot-
|
|
39
|
-
"@instructure/ui-dom-utils": "10.24.3-snapshot-
|
|
40
|
-
"@instructure/ui-form-field": "10.24.3-snapshot-
|
|
41
|
-
"@instructure/ui-icons": "10.24.3-snapshot-
|
|
42
|
-
"@instructure/ui-options": "10.24.3-snapshot-
|
|
43
|
-
"@instructure/ui-popover": "10.24.3-snapshot-
|
|
44
|
-
"@instructure/ui-position": "10.24.3-snapshot-
|
|
45
|
-
"@instructure/ui-prop-types": "10.24.3-snapshot-
|
|
46
|
-
"@instructure/ui-react-utils": "10.24.3-snapshot-
|
|
47
|
-
"@instructure/ui-selectable": "10.24.3-snapshot-
|
|
48
|
-
"@instructure/ui-testable": "10.24.3-snapshot-
|
|
49
|
-
"@instructure/ui-text-input": "10.24.3-snapshot-
|
|
50
|
-
"@instructure/ui-utils": "10.24.3-snapshot-
|
|
51
|
-
"@instructure/ui-view": "10.24.3-snapshot-
|
|
52
|
-
"@instructure/uid": "10.24.3-snapshot-
|
|
37
|
+
"@instructure/emotion": "10.24.3-snapshot-10",
|
|
38
|
+
"@instructure/shared-types": "10.24.3-snapshot-10",
|
|
39
|
+
"@instructure/ui-dom-utils": "10.24.3-snapshot-10",
|
|
40
|
+
"@instructure/ui-form-field": "10.24.3-snapshot-10",
|
|
41
|
+
"@instructure/ui-icons": "10.24.3-snapshot-10",
|
|
42
|
+
"@instructure/ui-options": "10.24.3-snapshot-10",
|
|
43
|
+
"@instructure/ui-popover": "10.24.3-snapshot-10",
|
|
44
|
+
"@instructure/ui-position": "10.24.3-snapshot-10",
|
|
45
|
+
"@instructure/ui-prop-types": "10.24.3-snapshot-10",
|
|
46
|
+
"@instructure/ui-react-utils": "10.24.3-snapshot-10",
|
|
47
|
+
"@instructure/ui-selectable": "10.24.3-snapshot-10",
|
|
48
|
+
"@instructure/ui-testable": "10.24.3-snapshot-10",
|
|
49
|
+
"@instructure/ui-text-input": "10.24.3-snapshot-10",
|
|
50
|
+
"@instructure/ui-utils": "10.24.3-snapshot-10",
|
|
51
|
+
"@instructure/ui-view": "10.24.3-snapshot-10",
|
|
52
|
+
"@instructure/uid": "10.24.3-snapshot-10",
|
|
53
53
|
"prop-types": "^15.8.1"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
package/src/Select/index.tsx
CHANGED
|
@@ -780,8 +780,14 @@ class Select extends Component<SelectProps> {
|
|
|
780
780
|
onBlur: utils.createChainedFunction(onBlur, onRequestHideOptions),
|
|
781
781
|
...overrideProps
|
|
782
782
|
}
|
|
783
|
-
|
|
784
|
-
return
|
|
783
|
+
// suppressHydrationWarning is needed because `role` depends on the browser type
|
|
784
|
+
return (
|
|
785
|
+
<TextInput
|
|
786
|
+
{...triggerProps}
|
|
787
|
+
{...getInputProps(inputProps)}
|
|
788
|
+
suppressHydrationWarning
|
|
789
|
+
/>
|
|
790
|
+
)
|
|
785
791
|
}
|
|
786
792
|
|
|
787
793
|
render() {
|