@instructure/ui-select 8.56.0 → 8.56.2-pr-snapshot-1721749364069

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.
Files changed (6) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/lib/Select/Group/props.js +2 -2
  3. package/lib/Select/SelectLocator.js +5 -5
  4. package/lib/Select/index.js +32 -37
  5. package/lib/Select/props.js +8 -8
  6. package/package.json +22 -22
package/CHANGELOG.md CHANGED
@@ -3,6 +3,22 @@
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
+ ## [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)
7
+
8
+ **Note:** Version bump only for package @instructure/ui-select
9
+
10
+
11
+
12
+
13
+
14
+ ## [8.56.1](https://github.com/instructure/instructure-ui/compare/v8.56.0...v8.56.1) (2024-06-13)
15
+
16
+ **Note:** Version bump only for package @instructure/ui-select
17
+
18
+
19
+
20
+
21
+
6
22
  # [8.56.0](https://github.com/instructure/instructure-ui/compare/v8.55.1...v8.56.0) (2024-05-06)
7
23
 
8
24
  **Note:** Version bump only for package @instructure/ui-select
package/lib/Select/Group/props.js CHANGED
@@ -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 _Children = require("@instructure/ui-prop-types/lib/Children.js");
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: _Children.Children.oneOf([_Option.Option])
37
+ children: _uiPropTypes.Children.oneOf([_Option.Option])
38
38
  };
39
39
  const allowedProps = exports.allowedProps = ['renderLabel', 'children'];
package/lib/Select/SelectLocator.js CHANGED
@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.SelectLocator = void 0;
7
- var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
8
- var _OptionsLocator = require("@instructure/ui-options/lib/Options/OptionsLocator");
9
- var _PopoverLocator = require("@instructure/ui-popover/lib/Popover/PopoverLocator");
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-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
43
- const SelectLocator = exports.SelectLocator = (0, _locator.locator)(_index.Select.selector, {
44
- findInput: (...args) => (0, _locator.locator)('input').find(...args),
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;
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 _testable = require("@instructure/ui-testable/lib/testable.js");
13
- var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
14
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
15
- var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
16
- var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
17
- var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
18
- var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
19
- var _View = require("@instructure/ui-view/lib/View");
20
- var _Selectable = require("@instructure/ui-selectable/lib/Selectable");
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)(_Options.Options.Item, Object.assign({
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, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Select extends _react.Component {
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 = (_class2 = 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, _isActiveElement.isActiveElement)(this._input) : false;
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, _getInteraction.getInteraction)({
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, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
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, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
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, _getBoundingClientRect.getBoundingClientRect)(this._listView).top;
215
- const elemTop = (0, _getBoundingClientRect.getBoundingClientRect)(listItem).top;
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, _omitProps.omitProps)(option.props, [..._Option.Option.allowedProps, ..._Options.Options.Item.allowedProps]),
310
+ ...(0, _uiReactUtils.omitProps)(option.props, [..._Option.Option.allowedProps, ..._uiOptions.Options.Item.allowedProps]),
316
311
  // props from selectable
317
312
  ...getOptionProps({
318
313
  id
@@ -357,16 +352,16 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
357
352
  const groupChildren = [];
358
353
  // add a separator above
359
354
  if (!isFirstChild && !afterGroup) {
360
- groupChildren.push(_Options$Separator || (_Options$Separator = (0, _emotion.jsx)(_Options.Options.Separator, null)));
355
+ groupChildren.push(_Options$Separator || (_Options$Separator = (0, _emotion.jsx)(_uiOptions.Options.Separator, null)));
361
356
  }
362
357
  // create a sublist as a group
363
358
  // a wrapping listitem will be created by Options
364
- groupChildren.push((0, _emotion.jsx)(_Options.Options, Object.assign({
359
+ groupChildren.push((0, _emotion.jsx)(_uiOptions.Options, Object.assign({
365
360
  id: id,
366
361
  as: "ul",
367
362
  role: "group",
368
363
  renderLabel: renderLabel
369
- }, (0, _omitProps.omitProps)(rest, [..._Options.Options.allowedProps, ..._Group.Group.allowedProps])), _react.Children.map(children, child => {
364
+ }, (0, _uiReactUtils.omitProps)(rest, [..._uiOptions.Options.allowedProps, ..._Group.Group.allowedProps])), _react.Children.map(children, child => {
370
365
  return this.renderOption(child, {
371
366
  getOptionProps,
372
367
  getDisabledOptionProps
@@ -374,7 +369,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
374
369
  })));
375
370
  // add a separator below
376
371
  if (!isLastChild) {
377
- groupChildren.push(_Options$Separator2 || (_Options$Separator2 = (0, _emotion.jsx)(_Options.Options.Separator, null)));
372
+ groupChildren.push(_Options$Separator2 || (_Options$Separator2 = (0, _emotion.jsx)(_uiOptions.Options.Separator, null)));
378
373
  }
379
374
  return groupChildren;
380
375
  }
@@ -399,22 +394,22 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
399
394
  } : {
400
395
  maxHeight: 0
401
396
  };
402
- return (0, _emotion.jsx)(_View.View, viewProps, (0, _emotion.jsx)(_Options.Options, getListProps({
397
+ return (0, _emotion.jsx)(_uiView.View, viewProps, (0, _emotion.jsx)(_uiOptions.Options, getListProps({
403
398
  as: 'ul',
404
399
  elementRef: this.handleListRef
405
400
  }), isShowingOptions ? _react.Children.map(children, (child, index) => {
406
- if (!child || !(0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group, _Option.Option])) {
401
+ if (!child || !(0, _uiReactUtils.matchComponentTypes)(child, [_Group.Group, _Option.Option])) {
407
402
  return; // ignore invalid children
408
403
  }
409
404
 
410
- if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Option.Option])) {
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, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
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)(_IconArrowOpenUpLine2.IconArrowOpenUpLine, {
433
+ }, isShowingOptions ? _IconArrowOpenUpLine || (_IconArrowOpenUpLine = (0, _emotion.jsx)(_uiIcons.IconArrowOpenUpLine, {
439
434
  inline: false
440
- })) : _IconArrowOpenDownLin || (_IconArrowOpenDownLin = (0, _emotion.jsx)(_IconArrowOpenDownLine.IconArrowOpenDownLine, {
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, _omitProps.omitProps)(rest, Select.allowedProps);
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)(_TextInput.TextInput, Object.assign({}, triggerProps, getInputProps(inputProps)));
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)(_Selectable.Selectable, Object.assign({
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)(_Popover.Popover, {
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 _Children = require("@instructure/ui-prop-types/lib/Children.js");
10
- var _FormPropTypes = require("@instructure/ui-form-field/lib/FormPropTypes.js");
11
- var _PositionPropTypes = require("@instructure/ui-position/lib/PositionPropTypes.js");
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
  /*
@@ -56,10 +56,10 @@ const propTypes = exports.propTypes = {
56
56
  visibleOptionsCount: _propTypes.default.number,
57
57
  optionsMaxHeight: _propTypes.default.string,
58
58
  optionsMaxWidth: _propTypes.default.string,
59
- messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
60
- placement: _PositionPropTypes.PositionPropTypes.placement,
61
- constrain: _PositionPropTypes.PositionPropTypes.constrain,
62
- mountNode: _PositionPropTypes.PositionPropTypes.mountNode,
59
+ messages: _propTypes.default.arrayOf(_uiFormField.FormPropTypes.message),
60
+ placement: _uiPosition.PositionPropTypes.placement,
61
+ constrain: _uiPosition.PositionPropTypes.constrain,
62
+ mountNode: _uiPosition.PositionPropTypes.mountNode,
63
63
  onFocus: _propTypes.default.func,
64
64
  onBlur: _propTypes.default.func,
65
65
  onInputChange: _propTypes.default.func,
@@ -72,7 +72,7 @@ const propTypes = exports.propTypes = {
72
72
  listRef: _propTypes.default.func,
73
73
  renderBeforeInput: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
74
74
  renderAfterInput: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
75
- children: _Children.Children.oneOf([_Group.Group, _Option.Option]),
75
+ children: _uiPropTypes.Children.oneOf([_Group.Group, _Option.Option]),
76
76
  shouldNotWrap: _propTypes.default.bool,
77
77
  scrollToHighlightedOption: _propTypes.default.bool
78
78
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-select",
3
- "version": "8.56.0",
3
+ "version": "8.56.2-pr-snapshot-1721749364069",
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,32 +23,32 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-babel-preset": "8.56.0",
27
- "@instructure/ui-color-utils": "8.56.0",
28
- "@instructure/ui-test-locator": "8.56.0",
29
- "@instructure/ui-test-utils": "8.56.0",
30
- "@instructure/ui-themes": "8.56.0",
26
+ "@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
27
+ "@instructure/ui-color-utils": "8.56.2-pr-snapshot-1721749364069",
28
+ "@instructure/ui-test-locator": "8.56.2-pr-snapshot-1721749364069",
29
+ "@instructure/ui-test-utils": "8.56.2-pr-snapshot-1721749364069",
30
+ "@instructure/ui-themes": "8.56.2-pr-snapshot-1721749364069",
31
31
  "@testing-library/jest-dom": "^6.1.4",
32
32
  "@testing-library/react": "^14.1.2"
33
33
  },
34
34
  "dependencies": {
35
35
  "@babel/runtime": "^7.23.2",
36
- "@instructure/emotion": "8.56.0",
37
- "@instructure/shared-types": "8.56.0",
38
- "@instructure/ui-dom-utils": "8.56.0",
39
- "@instructure/ui-form-field": "8.56.0",
40
- "@instructure/ui-icons": "8.56.0",
41
- "@instructure/ui-options": "8.56.0",
42
- "@instructure/ui-popover": "8.56.0",
43
- "@instructure/ui-position": "8.56.0",
44
- "@instructure/ui-prop-types": "8.56.0",
45
- "@instructure/ui-react-utils": "8.56.0",
46
- "@instructure/ui-selectable": "8.56.0",
47
- "@instructure/ui-testable": "8.56.0",
48
- "@instructure/ui-text-input": "8.56.0",
49
- "@instructure/ui-utils": "8.56.0",
50
- "@instructure/ui-view": "8.56.0",
51
- "@instructure/uid": "8.56.0",
36
+ "@instructure/emotion": "8.56.2-pr-snapshot-1721749364069",
37
+ "@instructure/shared-types": "8.56.2-pr-snapshot-1721749364069",
38
+ "@instructure/ui-dom-utils": "8.56.2-pr-snapshot-1721749364069",
39
+ "@instructure/ui-form-field": "8.56.2-pr-snapshot-1721749364069",
40
+ "@instructure/ui-icons": "8.56.2-pr-snapshot-1721749364069",
41
+ "@instructure/ui-options": "8.56.2-pr-snapshot-1721749364069",
42
+ "@instructure/ui-popover": "8.56.2-pr-snapshot-1721749364069",
43
+ "@instructure/ui-position": "8.56.2-pr-snapshot-1721749364069",
44
+ "@instructure/ui-prop-types": "8.56.2-pr-snapshot-1721749364069",
45
+ "@instructure/ui-react-utils": "8.56.2-pr-snapshot-1721749364069",
46
+ "@instructure/ui-selectable": "8.56.2-pr-snapshot-1721749364069",
47
+ "@instructure/ui-testable": "8.56.2-pr-snapshot-1721749364069",
48
+ "@instructure/ui-text-input": "8.56.2-pr-snapshot-1721749364069",
49
+ "@instructure/ui-utils": "8.56.2-pr-snapshot-1721749364069",
50
+ "@instructure/ui-view": "8.56.2-pr-snapshot-1721749364069",
51
+ "@instructure/uid": "8.56.2-pr-snapshot-1721749364069",
52
52
  "prop-types": "^15.8.1"
53
53
  },
54
54
  "peerDependencies": {