@instructure/ui-select 10.11.0 → 10.11.1-pr-snapshot-1741369431545
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
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
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.11.1-pr-snapshot-1741369431545](https://github.com/instructure/instructure-ui/compare/v10.11.0...v10.11.1-pr-snapshot-1741369431545) (2025-03-07)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @instructure/ui-select
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
# [10.11.0](https://github.com/instructure/instructure-ui/compare/v10.10.0...v10.11.0) (2025-02-03)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @instructure/ui-select
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.propTypes = exports.allowedProps = void 0;
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var
|
|
9
|
+
var _uiPropTypes = require("@instructure/ui-prop-types");
|
|
10
10
|
var _Option = require("../Option");
|
|
11
11
|
/*
|
|
12
12
|
* The MIT License (MIT)
|
|
@@ -34,6 +34,6 @@ var _Option = require("../Option");
|
|
|
34
34
|
|
|
35
35
|
const propTypes = exports.propTypes = {
|
|
36
36
|
renderLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
|
|
37
|
-
children:
|
|
37
|
+
children: _uiPropTypes.Children.oneOf([_Option.Option])
|
|
38
38
|
};
|
|
39
39
|
const allowedProps = exports.allowedProps = ['renderLabel', 'children'];
|
|
@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.SelectLocator = void 0;
|
|
7
|
-
var
|
|
8
|
-
var _OptionsLocator = require("@instructure/ui-options/
|
|
9
|
-
var _PopoverLocator = require("@instructure/ui-popover/
|
|
7
|
+
var _uiTestLocator = require("@instructure/ui-test-locator");
|
|
8
|
+
var _OptionsLocator = require("@instructure/ui-options/es/Options/OptionsLocator");
|
|
9
|
+
var _PopoverLocator = require("@instructure/ui-popover/es/Popover/PopoverLocator");
|
|
10
10
|
var _index = require("./index");
|
|
11
11
|
/*
|
|
12
12
|
* The MIT License (MIT)
|
|
@@ -40,8 +40,8 @@ var _index = require("./index");
|
|
|
40
40
|
/* eslint-enable no-restricted-imports */
|
|
41
41
|
|
|
42
42
|
// @ts-ignore: property 'selector' does not exist on typeof Select
|
|
43
|
-
const SelectLocator = exports.SelectLocator = (0,
|
|
44
|
-
findInput: (...args) => (0,
|
|
43
|
+
const SelectLocator = exports.SelectLocator = (0, _uiTestLocator.locator)(_index.Select.selector, {
|
|
44
|
+
findInput: (...args) => (0, _uiTestLocator.locator)('input').find(...args),
|
|
45
45
|
findOptionsList: async (element, ...args) => {
|
|
46
46
|
const content = await _PopoverLocator.PopoverLocator.findContent(element, ...args);
|
|
47
47
|
return content ? _OptionsLocator.OptionsLocator.find(content.getDOMNode()) : null;
|
|
@@ -8,7 +8,7 @@ var _vitest = require("vitest");
|
|
|
8
8
|
var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
|
|
9
9
|
require("@testing-library/jest-dom");
|
|
10
10
|
var _generateA11yTests = require("@instructure/ui-scripts/lib/test/generateA11yTests");
|
|
11
|
-
var
|
|
11
|
+
var _uiAxeCheck = require("@instructure/ui-axe-check");
|
|
12
12
|
var _index = _interopRequireDefault(require("../index"));
|
|
13
13
|
var _Select8 = _interopRequireDefault(require("../__examples__/Select.examples"));
|
|
14
14
|
var utils = _interopRequireWildcard(require("@instructure/ui-utils"));
|
|
@@ -578,7 +578,7 @@ describe('<Select />', () => {
|
|
|
578
578
|
}) => {
|
|
579
579
|
const _render13 = (0, _react2.render)(content),
|
|
580
580
|
container = _render13.container;
|
|
581
|
-
const axeCheck = await (0,
|
|
581
|
+
const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
|
|
582
582
|
expect(axeCheck).toBe(true);
|
|
583
583
|
});
|
|
584
584
|
});
|
package/lib/Select/index.js
CHANGED
|
@@ -9,20 +9,15 @@ exports.default = exports.Select = void 0;
|
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var utils = _interopRequireWildcard(require("@instructure/ui-utils"));
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var _Popover = require("@instructure/ui-popover/lib/Popover");
|
|
22
|
-
var _TextInput = require("@instructure/ui-text-input/lib/TextInput");
|
|
23
|
-
var _Options = require("@instructure/ui-options/lib/Options");
|
|
24
|
-
var _IconArrowOpenDownLine = require("@instructure/ui-icons/lib/IconArrowOpenDownLine.js");
|
|
25
|
-
var _IconArrowOpenUpLine2 = require("@instructure/ui-icons/lib/IconArrowOpenUpLine.js");
|
|
12
|
+
var _uiTestable = require("@instructure/ui-testable");
|
|
13
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
14
|
+
var _uiDomUtils = require("@instructure/ui-dom-utils");
|
|
15
|
+
var _uiView = require("@instructure/ui-view");
|
|
16
|
+
var _uiSelectable = require("@instructure/ui-selectable");
|
|
17
|
+
var _uiPopover = require("@instructure/ui-popover");
|
|
18
|
+
var _uiTextInput = require("@instructure/ui-text-input");
|
|
19
|
+
var _uiOptions = require("@instructure/ui-options");
|
|
20
|
+
var _uiIcons = require("@instructure/ui-icons");
|
|
26
21
|
var _emotion = require("@instructure/emotion");
|
|
27
22
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
28
23
|
var _theme = _interopRequireDefault(require("./theme"));
|
|
@@ -66,7 +61,7 @@ const MemoedOption = /*#__PURE__*/(0, _react.memo)(function Opt(props) {
|
|
|
66
61
|
children = props.children;
|
|
67
62
|
return (
|
|
68
63
|
// The main <Options> that renders this is always an "ul"
|
|
69
|
-
(0, _emotion.jsx)(
|
|
64
|
+
(0, _emotion.jsx)(_uiOptions.Options.Item, Object.assign({
|
|
70
65
|
as: "li"
|
|
71
66
|
}, optionsItemProps), children)
|
|
72
67
|
);
|
|
@@ -86,7 +81,7 @@ category: components
|
|
|
86
81
|
tags: autocomplete, typeahead, combobox, dropdown, search, form
|
|
87
82
|
---
|
|
88
83
|
**/
|
|
89
|
-
let Select = exports.Select = (_dec = (0,
|
|
84
|
+
let Select = exports.Select = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_Select = class Select extends _react.Component {
|
|
90
85
|
constructor(...args) {
|
|
91
86
|
super(...args);
|
|
92
87
|
this.state = {
|
|
@@ -147,7 +142,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
|
|
|
147
142
|
return _react.Children.toArray(group.props.children);
|
|
148
143
|
}
|
|
149
144
|
get focused() {
|
|
150
|
-
return this._input ? (0,
|
|
145
|
+
return this._input ? (0, _uiDomUtils.isActiveElement)(this._input) : false;
|
|
151
146
|
}
|
|
152
147
|
get id() {
|
|
153
148
|
return this.props.id || this._defaultId;
|
|
@@ -156,14 +151,14 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
|
|
|
156
151
|
return this._inputContainer ? this._inputContainer.offsetWidth : void 0;
|
|
157
152
|
}
|
|
158
153
|
get interaction() {
|
|
159
|
-
return (0,
|
|
154
|
+
return (0, _uiReactUtils.getInteraction)({
|
|
160
155
|
props: this.props
|
|
161
156
|
});
|
|
162
157
|
}
|
|
163
158
|
get highlightedOptionId() {
|
|
164
159
|
let highlightedOptionId;
|
|
165
160
|
this.childrenArray.forEach(child => {
|
|
166
|
-
if ((0,
|
|
161
|
+
if ((0, _uiReactUtils.matchComponentTypes)(child, [_Group.Group])) {
|
|
167
162
|
// group found
|
|
168
163
|
this.getGroupChildrenArray(child).forEach(option => {
|
|
169
164
|
// check options in group
|
|
@@ -183,7 +178,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
|
|
|
183
178
|
get selectedOptionId() {
|
|
184
179
|
const selectedOptionId = [];
|
|
185
180
|
this.childrenArray.forEach(child => {
|
|
186
|
-
if ((0,
|
|
181
|
+
if ((0, _uiReactUtils.matchComponentTypes)(child, [_Group.Group])) {
|
|
187
182
|
// group found
|
|
188
183
|
this.getGroupChildrenArray(child).forEach(option => {
|
|
189
184
|
// check options in group
|
|
@@ -211,8 +206,8 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
|
|
|
211
206
|
const option = this._listView.querySelector(`[id="${id}"]`);
|
|
212
207
|
if (!option) return;
|
|
213
208
|
const listItem = option.parentNode;
|
|
214
|
-
const parentTop = (0,
|
|
215
|
-
const elemTop = (0,
|
|
209
|
+
const parentTop = (0, _uiDomUtils.getBoundingClientRect)(this._listView).top;
|
|
210
|
+
const elemTop = (0, _uiDomUtils.getBoundingClientRect)(listItem).top;
|
|
216
211
|
const parentBottom = parentTop + this._listView.clientHeight;
|
|
217
212
|
const elemBottom = elemTop + (listItem ? listItem.clientHeight : 0);
|
|
218
213
|
if (elemBottom > parentBottom) {
|
|
@@ -312,7 +307,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
|
|
|
312
307
|
};
|
|
313
308
|
let optionProps = {
|
|
314
309
|
// passthrough props
|
|
315
|
-
...(0,
|
|
310
|
+
...(0, _uiReactUtils.omitProps)(option.props, [..._Option.Option.allowedProps, ..._uiOptions.Options.Item.allowedProps]),
|
|
316
311
|
// props from selectable
|
|
317
312
|
...getOptionProps({
|
|
318
313
|
id
|
|
@@ -358,16 +353,16 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
|
|
|
358
353
|
const groupChildren = [];
|
|
359
354
|
// add a separator above
|
|
360
355
|
if (!isFirstChild && !afterGroup) {
|
|
361
|
-
groupChildren.push(_Options$Separator || (_Options$Separator = (0, _emotion.jsx)(
|
|
356
|
+
groupChildren.push(_Options$Separator || (_Options$Separator = (0, _emotion.jsx)(_uiOptions.Options.Separator, null)));
|
|
362
357
|
}
|
|
363
358
|
// create a sublist as a group
|
|
364
359
|
// a wrapping listitem will be created by Options
|
|
365
|
-
groupChildren.push((0, _emotion.jsx)(
|
|
360
|
+
groupChildren.push((0, _emotion.jsx)(_uiOptions.Options, Object.assign({
|
|
366
361
|
id: id,
|
|
367
362
|
as: "ul",
|
|
368
363
|
role: "group",
|
|
369
364
|
renderLabel: renderLabel
|
|
370
|
-
}, (0,
|
|
365
|
+
}, (0, _uiReactUtils.omitProps)(rest, [..._uiOptions.Options.allowedProps, ..._Group.Group.allowedProps])), _react.Children.map(children, child => {
|
|
371
366
|
return this.renderOption(child, {
|
|
372
367
|
getOptionProps,
|
|
373
368
|
getDisabledOptionProps
|
|
@@ -375,7 +370,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
|
|
|
375
370
|
})));
|
|
376
371
|
// add a separator below
|
|
377
372
|
if (!isLastChild) {
|
|
378
|
-
groupChildren.push(_Options$Separator2 || (_Options$Separator2 = (0, _emotion.jsx)(
|
|
373
|
+
groupChildren.push(_Options$Separator2 || (_Options$Separator2 = (0, _emotion.jsx)(_uiOptions.Options.Separator, null)));
|
|
379
374
|
}
|
|
380
375
|
return groupChildren;
|
|
381
376
|
}
|
|
@@ -400,21 +395,21 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
|
|
|
400
395
|
} : {
|
|
401
396
|
maxHeight: 0
|
|
402
397
|
};
|
|
403
|
-
return (0, _emotion.jsx)(
|
|
398
|
+
return (0, _emotion.jsx)(_uiView.View, viewProps, (0, _emotion.jsx)(_uiOptions.Options, getListProps({
|
|
404
399
|
as: 'ul',
|
|
405
400
|
elementRef: this.handleListRef
|
|
406
401
|
}), isShowingOptions ? _react.Children.map(children, (child, index) => {
|
|
407
|
-
if (!child || !(0,
|
|
402
|
+
if (!child || !(0, _uiReactUtils.matchComponentTypes)(child, [_Group.Group, _Option.Option])) {
|
|
408
403
|
return; // ignore invalid children
|
|
409
404
|
}
|
|
410
|
-
if ((0,
|
|
405
|
+
if ((0, _uiReactUtils.matchComponentTypes)(child, [_Option.Option])) {
|
|
411
406
|
lastWasGroup = false;
|
|
412
407
|
return this.renderOption(child, {
|
|
413
408
|
getOptionProps,
|
|
414
409
|
getDisabledOptionProps
|
|
415
410
|
});
|
|
416
411
|
}
|
|
417
|
-
if ((0,
|
|
412
|
+
if ((0, _uiReactUtils.matchComponentTypes)(child, [_Group.Group])) {
|
|
418
413
|
const afterGroup = lastWasGroup;
|
|
419
414
|
lastWasGroup = true;
|
|
420
415
|
return this.renderGroup(child, {
|
|
@@ -435,9 +430,9 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
|
|
|
435
430
|
isShowingOptions = _this$props7.isShowingOptions;
|
|
436
431
|
return (0, _emotion.jsx)("span", {
|
|
437
432
|
css: styles === null || styles === void 0 ? void 0 : styles.icon
|
|
438
|
-
}, isShowingOptions ? _IconArrowOpenUpLine || (_IconArrowOpenUpLine = (0, _emotion.jsx)(
|
|
433
|
+
}, isShowingOptions ? _IconArrowOpenUpLine || (_IconArrowOpenUpLine = (0, _emotion.jsx)(_uiIcons.IconArrowOpenUpLine, {
|
|
439
434
|
inline: false
|
|
440
|
-
})) : _IconArrowOpenDownLin || (_IconArrowOpenDownLin = (0, _emotion.jsx)(
|
|
435
|
+
})) : _IconArrowOpenDownLin || (_IconArrowOpenDownLin = (0, _emotion.jsx)(_uiIcons.IconArrowOpenDownLine, {
|
|
441
436
|
inline: false
|
|
442
437
|
})));
|
|
443
438
|
}
|
|
@@ -463,7 +458,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
|
|
|
463
458
|
onRequestHideOptions = _this$props8.onRequestHideOptions,
|
|
464
459
|
rest = (0, _objectWithoutProperties2.default)(_this$props8, _excluded2);
|
|
465
460
|
const interaction = this.interaction;
|
|
466
|
-
const passthroughProps = (0,
|
|
461
|
+
const passthroughProps = (0, _uiReactUtils.omitProps)(rest, Select.allowedProps);
|
|
467
462
|
const _getTriggerProps = getTriggerProps({
|
|
468
463
|
...passthroughProps
|
|
469
464
|
}),
|
|
@@ -514,7 +509,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
|
|
|
514
509
|
onBlur: utils.createChainedFunction(onBlur, onRequestHideOptions),
|
|
515
510
|
...overrideProps
|
|
516
511
|
};
|
|
517
|
-
return (0, _emotion.jsx)(
|
|
512
|
+
return (0, _emotion.jsx)(_uiTextInput.TextInput, Object.assign({}, triggerProps, getInputProps(inputProps)));
|
|
518
513
|
}
|
|
519
514
|
render() {
|
|
520
515
|
const _this$props9 = this.props,
|
|
@@ -528,7 +523,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
|
|
|
528
523
|
this._optionIds = [];
|
|
529
524
|
const highlightedOptionId = this.highlightedOptionId;
|
|
530
525
|
const selectedOptionId = this.selectedOptionId;
|
|
531
|
-
return (0, _emotion.jsx)(
|
|
526
|
+
return (0, _emotion.jsx)(_uiSelectable.Selectable, Object.assign({
|
|
532
527
|
highlightedOptionId: highlightedOptionId,
|
|
533
528
|
isShowingOptions: isShowingOptions,
|
|
534
529
|
selectedOptionId: selectedOptionId
|
|
@@ -549,7 +544,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
|
|
|
549
544
|
getTriggerProps
|
|
550
545
|
}), (0, _emotion.jsx)("span", Object.assign({}, getDescriptionProps(), {
|
|
551
546
|
css: styles === null || styles === void 0 ? void 0 : styles.assistiveText
|
|
552
|
-
}), assistiveText), (0, _emotion.jsx)(
|
|
547
|
+
}), assistiveText), (0, _emotion.jsx)(_uiPopover.Popover, {
|
|
553
548
|
constrain: constrain,
|
|
554
549
|
placement: placement,
|
|
555
550
|
mountNode: mountNode,
|
package/lib/Select/props.js
CHANGED
|
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.propTypes = exports.allowedProps = void 0;
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
9
|
+
var _uiPropTypes = require("@instructure/ui-prop-types");
|
|
10
|
+
var _uiFormField = require("@instructure/ui-form-field");
|
|
11
|
+
var _uiPosition = require("@instructure/ui-position");
|
|
12
12
|
var _Group = require("./Group");
|
|
13
13
|
var _Option = require("./Option");
|
|
14
14
|
/*
|
|
@@ -59,10 +59,10 @@ const propTypes = exports.propTypes = {
|
|
|
59
59
|
visibleOptionsCount: _propTypes.default.number,
|
|
60
60
|
optionsMaxHeight: _propTypes.default.string,
|
|
61
61
|
optionsMaxWidth: _propTypes.default.string,
|
|
62
|
-
messages: _propTypes.default.arrayOf(
|
|
63
|
-
placement:
|
|
64
|
-
constrain:
|
|
65
|
-
mountNode:
|
|
62
|
+
messages: _propTypes.default.arrayOf(_uiFormField.FormPropTypes.message),
|
|
63
|
+
placement: _uiPosition.PositionPropTypes.placement,
|
|
64
|
+
constrain: _uiPosition.PositionPropTypes.constrain,
|
|
65
|
+
mountNode: _uiPosition.PositionPropTypes.mountNode,
|
|
66
66
|
onFocus: _propTypes.default.func,
|
|
67
67
|
onBlur: _propTypes.default.func,
|
|
68
68
|
onInputChange: _propTypes.default.func,
|
|
@@ -75,7 +75,7 @@ const propTypes = exports.propTypes = {
|
|
|
75
75
|
listRef: _propTypes.default.func,
|
|
76
76
|
renderBeforeInput: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
|
|
77
77
|
renderAfterInput: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
|
|
78
|
-
children:
|
|
78
|
+
children: _uiPropTypes.Children.oneOf([_Group.Group, _Option.Option]),
|
|
79
79
|
shouldNotWrap: _propTypes.default.bool,
|
|
80
80
|
scrollToHighlightedOption: _propTypes.default.bool
|
|
81
81
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-select",
|
|
3
|
-
"version": "10.11.
|
|
3
|
+
"version": "10.11.1-pr-snapshot-1741369431545",
|
|
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,13 +23,13 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-axe-check": "10.11.
|
|
27
|
-
"@instructure/ui-babel-preset": "10.11.
|
|
28
|
-
"@instructure/ui-color-utils": "10.11.
|
|
29
|
-
"@instructure/ui-scripts": "10.11.
|
|
30
|
-
"@instructure/ui-test-locator": "10.11.
|
|
31
|
-
"@instructure/ui-test-utils": "10.11.
|
|
32
|
-
"@instructure/ui-themes": "10.11.
|
|
26
|
+
"@instructure/ui-axe-check": "10.11.1-pr-snapshot-1741369431545",
|
|
27
|
+
"@instructure/ui-babel-preset": "10.11.1-pr-snapshot-1741369431545",
|
|
28
|
+
"@instructure/ui-color-utils": "10.11.1-pr-snapshot-1741369431545",
|
|
29
|
+
"@instructure/ui-scripts": "10.11.1-pr-snapshot-1741369431545",
|
|
30
|
+
"@instructure/ui-test-locator": "10.11.1-pr-snapshot-1741369431545",
|
|
31
|
+
"@instructure/ui-test-utils": "10.11.1-pr-snapshot-1741369431545",
|
|
32
|
+
"@instructure/ui-themes": "10.11.1-pr-snapshot-1741369431545",
|
|
33
33
|
"@testing-library/jest-dom": "^6.6.3",
|
|
34
34
|
"@testing-library/react": "^16.0.1",
|
|
35
35
|
"@testing-library/user-event": "^14.5.2",
|
|
@@ -37,22 +37,22 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@babel/runtime": "^7.26.0",
|
|
40
|
-
"@instructure/emotion": "10.11.
|
|
41
|
-
"@instructure/shared-types": "10.11.
|
|
42
|
-
"@instructure/ui-dom-utils": "10.11.
|
|
43
|
-
"@instructure/ui-form-field": "10.11.
|
|
44
|
-
"@instructure/ui-icons": "10.11.
|
|
45
|
-
"@instructure/ui-options": "10.11.
|
|
46
|
-
"@instructure/ui-popover": "10.11.
|
|
47
|
-
"@instructure/ui-position": "10.11.
|
|
48
|
-
"@instructure/ui-prop-types": "10.11.
|
|
49
|
-
"@instructure/ui-react-utils": "10.11.
|
|
50
|
-
"@instructure/ui-selectable": "10.11.
|
|
51
|
-
"@instructure/ui-testable": "10.11.
|
|
52
|
-
"@instructure/ui-text-input": "10.11.
|
|
53
|
-
"@instructure/ui-utils": "10.11.
|
|
54
|
-
"@instructure/ui-view": "10.11.
|
|
55
|
-
"@instructure/uid": "10.11.
|
|
40
|
+
"@instructure/emotion": "10.11.1-pr-snapshot-1741369431545",
|
|
41
|
+
"@instructure/shared-types": "10.11.1-pr-snapshot-1741369431545",
|
|
42
|
+
"@instructure/ui-dom-utils": "10.11.1-pr-snapshot-1741369431545",
|
|
43
|
+
"@instructure/ui-form-field": "10.11.1-pr-snapshot-1741369431545",
|
|
44
|
+
"@instructure/ui-icons": "10.11.1-pr-snapshot-1741369431545",
|
|
45
|
+
"@instructure/ui-options": "10.11.1-pr-snapshot-1741369431545",
|
|
46
|
+
"@instructure/ui-popover": "10.11.1-pr-snapshot-1741369431545",
|
|
47
|
+
"@instructure/ui-position": "10.11.1-pr-snapshot-1741369431545",
|
|
48
|
+
"@instructure/ui-prop-types": "10.11.1-pr-snapshot-1741369431545",
|
|
49
|
+
"@instructure/ui-react-utils": "10.11.1-pr-snapshot-1741369431545",
|
|
50
|
+
"@instructure/ui-selectable": "10.11.1-pr-snapshot-1741369431545",
|
|
51
|
+
"@instructure/ui-testable": "10.11.1-pr-snapshot-1741369431545",
|
|
52
|
+
"@instructure/ui-text-input": "10.11.1-pr-snapshot-1741369431545",
|
|
53
|
+
"@instructure/ui-utils": "10.11.1-pr-snapshot-1741369431545",
|
|
54
|
+
"@instructure/ui-view": "10.11.1-pr-snapshot-1741369431545",
|
|
55
|
+
"@instructure/uid": "10.11.1-pr-snapshot-1741369431545",
|
|
56
56
|
"prop-types": "^15.8.1"
|
|
57
57
|
},
|
|
58
58
|
"peerDependencies": {
|