@instructure/ui-select 8.20.1-snapshot.18 → 8.20.1-snapshot.35
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/es/Select/index.js +3 -1
- package/lib/Select/index.js +3 -1
- package/package.json +23 -23
- package/src/Select/index.tsx +5 -4
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Select/index.d.ts.map +1 -1
package/es/Select/index.js
CHANGED
|
@@ -301,7 +301,9 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
|
|
|
301
301
|
children = _option$props.children;
|
|
302
302
|
|
|
303
303
|
const getRenderOptionLabel = renderOptionLabel => {
|
|
304
|
-
|
|
304
|
+
var _renderOptionLabel$pr;
|
|
305
|
+
|
|
306
|
+
return typeof renderOptionLabel === 'function' && !(renderOptionLabel !== null && renderOptionLabel !== void 0 && (_renderOptionLabel$pr = renderOptionLabel.prototype) !== null && _renderOptionLabel$pr !== void 0 && _renderOptionLabel$pr.isReactComponent) ? renderOptionLabel.bind(null, {
|
|
305
307
|
id,
|
|
306
308
|
isDisabled,
|
|
307
309
|
isSelected,
|
package/lib/Select/index.js
CHANGED
|
@@ -314,7 +314,9 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
|
|
|
314
314
|
children = _option$props.children;
|
|
315
315
|
|
|
316
316
|
const getRenderOptionLabel = renderOptionLabel => {
|
|
317
|
-
|
|
317
|
+
var _renderOptionLabel$pr;
|
|
318
|
+
|
|
319
|
+
return typeof renderOptionLabel === 'function' && !(renderOptionLabel !== null && renderOptionLabel !== void 0 && (_renderOptionLabel$pr = renderOptionLabel.prototype) !== null && _renderOptionLabel$pr !== void 0 && _renderOptionLabel$pr.isReactComponent) ? renderOptionLabel.bind(null, {
|
|
318
320
|
id,
|
|
319
321
|
isDisabled,
|
|
320
322
|
isSelected,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-select",
|
|
3
|
-
"version": "8.20.1-snapshot.
|
|
3
|
+
"version": "8.20.1-snapshot.35+7728545a5",
|
|
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,30 +23,30 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-babel-preset": "8.20.1-snapshot.
|
|
27
|
-
"@instructure/ui-color-utils": "8.20.1-snapshot.
|
|
28
|
-
"@instructure/ui-test-locator": "8.20.1-snapshot.
|
|
29
|
-
"@instructure/ui-test-utils": "8.20.1-snapshot.
|
|
30
|
-
"@instructure/ui-themes": "8.20.1-snapshot.
|
|
26
|
+
"@instructure/ui-babel-preset": "8.20.1-snapshot.35+7728545a5",
|
|
27
|
+
"@instructure/ui-color-utils": "8.20.1-snapshot.35+7728545a5",
|
|
28
|
+
"@instructure/ui-test-locator": "8.20.1-snapshot.35+7728545a5",
|
|
29
|
+
"@instructure/ui-test-utils": "8.20.1-snapshot.35+7728545a5",
|
|
30
|
+
"@instructure/ui-themes": "8.20.1-snapshot.35+7728545a5"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@babel/runtime": "^7.13.10",
|
|
34
|
-
"@instructure/emotion": "8.20.1-snapshot.
|
|
35
|
-
"@instructure/shared-types": "8.20.1-snapshot.
|
|
36
|
-
"@instructure/ui-dom-utils": "8.20.1-snapshot.
|
|
37
|
-
"@instructure/ui-form-field": "8.20.1-snapshot.
|
|
38
|
-
"@instructure/ui-icons": "8.20.1-snapshot.
|
|
39
|
-
"@instructure/ui-options": "8.20.1-snapshot.
|
|
40
|
-
"@instructure/ui-popover": "8.20.1-snapshot.
|
|
41
|
-
"@instructure/ui-position": "8.20.1-snapshot.
|
|
42
|
-
"@instructure/ui-prop-types": "8.20.1-snapshot.
|
|
43
|
-
"@instructure/ui-react-utils": "8.20.1-snapshot.
|
|
44
|
-
"@instructure/ui-selectable": "8.20.1-snapshot.
|
|
45
|
-
"@instructure/ui-testable": "8.20.1-snapshot.
|
|
46
|
-
"@instructure/ui-text-input": "8.20.1-snapshot.
|
|
47
|
-
"@instructure/ui-utils": "8.20.1-snapshot.
|
|
48
|
-
"@instructure/ui-view": "8.20.1-snapshot.
|
|
49
|
-
"@instructure/uid": "8.20.1-snapshot.
|
|
34
|
+
"@instructure/emotion": "8.20.1-snapshot.35+7728545a5",
|
|
35
|
+
"@instructure/shared-types": "8.20.1-snapshot.35+7728545a5",
|
|
36
|
+
"@instructure/ui-dom-utils": "8.20.1-snapshot.35+7728545a5",
|
|
37
|
+
"@instructure/ui-form-field": "8.20.1-snapshot.35+7728545a5",
|
|
38
|
+
"@instructure/ui-icons": "8.20.1-snapshot.35+7728545a5",
|
|
39
|
+
"@instructure/ui-options": "8.20.1-snapshot.35+7728545a5",
|
|
40
|
+
"@instructure/ui-popover": "8.20.1-snapshot.35+7728545a5",
|
|
41
|
+
"@instructure/ui-position": "8.20.1-snapshot.35+7728545a5",
|
|
42
|
+
"@instructure/ui-prop-types": "8.20.1-snapshot.35+7728545a5",
|
|
43
|
+
"@instructure/ui-react-utils": "8.20.1-snapshot.35+7728545a5",
|
|
44
|
+
"@instructure/ui-selectable": "8.20.1-snapshot.35+7728545a5",
|
|
45
|
+
"@instructure/ui-testable": "8.20.1-snapshot.35+7728545a5",
|
|
46
|
+
"@instructure/ui-text-input": "8.20.1-snapshot.35+7728545a5",
|
|
47
|
+
"@instructure/ui-utils": "8.20.1-snapshot.35+7728545a5",
|
|
48
|
+
"@instructure/ui-view": "8.20.1-snapshot.35+7728545a5",
|
|
49
|
+
"@instructure/uid": "8.20.1-snapshot.35+7728545a5",
|
|
50
50
|
"prop-types": "^15"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
"access": "public"
|
|
57
57
|
},
|
|
58
58
|
"sideEffects": false,
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "7728545a5ce1ba82aeb1819dead26d44a36baf86"
|
|
60
60
|
}
|
package/src/Select/index.tsx
CHANGED
|
@@ -237,9 +237,9 @@ class Select extends Component<SelectProps> {
|
|
|
237
237
|
|
|
238
238
|
// store option height to calculate list maxHeight
|
|
239
239
|
if (node && node.querySelector('[role="option"]')) {
|
|
240
|
-
this._optionHeight = (
|
|
241
|
-
'[role="option"]'
|
|
242
|
-
)
|
|
240
|
+
this._optionHeight = (
|
|
241
|
+
node.querySelector('[role="option"]') as HTMLElement
|
|
242
|
+
).offsetHeight
|
|
243
243
|
}
|
|
244
244
|
}
|
|
245
245
|
|
|
@@ -357,7 +357,8 @@ class Select extends Component<SelectProps> {
|
|
|
357
357
|
const getRenderOptionLabel = (
|
|
358
358
|
renderOptionLabel: RenderSelectOptionLabel
|
|
359
359
|
): React.ReactNode => {
|
|
360
|
-
return typeof renderOptionLabel === 'function'
|
|
360
|
+
return typeof renderOptionLabel === 'function' &&
|
|
361
|
+
!renderOptionLabel?.prototype?.isReactComponent
|
|
361
362
|
? renderOptionLabel.bind(null, {
|
|
362
363
|
id,
|
|
363
364
|
isDisabled,
|