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

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 (7) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/lib/Select/Group/props.js +2 -2
  3. package/lib/Select/SelectLocator.js +5 -5
  4. package/lib/Select/index.js +37 -32
  5. package/lib/Select/props.js +8 -8
  6. package/package.json +22 -22
  7. package/tsconfig.build.tsbuildinfo +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
- ## [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)
6
+ ## [8.56.2-snapshot-2](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2-snapshot-2) (2024-08-06)
7
7
 
8
8
  **Note:** Version bump only for package @instructure/ui-select
9
9
 
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 _uiPropTypes = require("@instructure/ui-prop-types");
9
+ var _Children = require("@instructure/ui-prop-types/lib/Children.js");
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: _uiPropTypes.Children.oneOf([_Option.Option])
37
+ children: _Children.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 _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");
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");
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, _uiTestLocator.locator)(_index.Select.selector, {
44
- findInput: (...args) => (0, _uiTestLocator.locator)('input').find(...args),
43
+ const SelectLocator = exports.SelectLocator = (0, _locator.locator)(_index.Select.selector, {
44
+ findInput: (...args) => (0, _locator.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,15 +9,20 @@ 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 _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");
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");
21
26
  var _emotion = require("@instructure/emotion");
22
27
  var _styles = _interopRequireDefault(require("./styles"));
23
28
  var _theme = _interopRequireDefault(require("./theme"));
@@ -61,7 +66,7 @@ const MemoedOption = /*#__PURE__*/(0, _react.memo)(function Opt(props) {
61
66
  children = props.children;
62
67
  return (
63
68
  // The main <Options> that renders this is always an "ul"
64
- (0, _emotion.jsx)(_uiOptions.Options.Item, Object.assign({
69
+ (0, _emotion.jsx)(_Options.Options.Item, Object.assign({
65
70
  as: "li"
66
71
  }, optionsItemProps), children)
67
72
  );
@@ -81,7 +86,7 @@ category: components
81
86
  tags: autocomplete, typeahead, combobox, dropdown, search, form
82
87
  ---
83
88
  **/
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 {
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 {
85
90
  constructor(...args) {
86
91
  super(...args);
87
92
  this.state = {
@@ -142,7 +147,7 @@ let Select = exports.Select = (_dec = (0, _uiReactUtils.withDeterministicId)(),
142
147
  return _react.Children.toArray(group.props.children);
143
148
  }
144
149
  get focused() {
145
- return this._input ? (0, _uiDomUtils.isActiveElement)(this._input) : false;
150
+ return this._input ? (0, _isActiveElement.isActiveElement)(this._input) : false;
146
151
  }
147
152
  get id() {
148
153
  return this.props.id || this._defaultId;
@@ -151,14 +156,14 @@ let Select = exports.Select = (_dec = (0, _uiReactUtils.withDeterministicId)(),
151
156
  return this._inputContainer ? this._inputContainer.offsetWidth : void 0;
152
157
  }
153
158
  get interaction() {
154
- return (0, _uiReactUtils.getInteraction)({
159
+ return (0, _getInteraction.getInteraction)({
155
160
  props: this.props
156
161
  });
157
162
  }
158
163
  get highlightedOptionId() {
159
164
  let highlightedOptionId;
160
165
  this.childrenArray.forEach(child => {
161
- if ((0, _uiReactUtils.matchComponentTypes)(child, [_Group.Group])) {
166
+ if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
162
167
  // group found
163
168
  this.getGroupChildrenArray(child).forEach(option => {
164
169
  // check options in group
@@ -178,7 +183,7 @@ let Select = exports.Select = (_dec = (0, _uiReactUtils.withDeterministicId)(),
178
183
  get selectedOptionId() {
179
184
  const selectedOptionId = [];
180
185
  this.childrenArray.forEach(child => {
181
- if ((0, _uiReactUtils.matchComponentTypes)(child, [_Group.Group])) {
186
+ if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
182
187
  // group found
183
188
  this.getGroupChildrenArray(child).forEach(option => {
184
189
  // check options in group
@@ -206,8 +211,8 @@ let Select = exports.Select = (_dec = (0, _uiReactUtils.withDeterministicId)(),
206
211
  const option = this._listView.querySelector(`[id="${id}"]`);
207
212
  if (!option) return;
208
213
  const listItem = option.parentNode;
209
- const parentTop = (0, _uiDomUtils.getBoundingClientRect)(this._listView).top;
210
- const elemTop = (0, _uiDomUtils.getBoundingClientRect)(listItem).top;
214
+ const parentTop = (0, _getBoundingClientRect.getBoundingClientRect)(this._listView).top;
215
+ const elemTop = (0, _getBoundingClientRect.getBoundingClientRect)(listItem).top;
211
216
  const parentBottom = parentTop + this._listView.clientHeight;
212
217
  const elemBottom = elemTop + (listItem ? listItem.clientHeight : 0);
213
218
  if (elemBottom > parentBottom) {
@@ -307,7 +312,7 @@ let Select = exports.Select = (_dec = (0, _uiReactUtils.withDeterministicId)(),
307
312
  };
308
313
  let optionProps = {
309
314
  // passthrough props
310
- ...(0, _uiReactUtils.omitProps)(option.props, [..._Option.Option.allowedProps, ..._uiOptions.Options.Item.allowedProps]),
315
+ ...(0, _omitProps.omitProps)(option.props, [..._Option.Option.allowedProps, ..._Options.Options.Item.allowedProps]),
311
316
  // props from selectable
312
317
  ...getOptionProps({
313
318
  id
@@ -352,16 +357,16 @@ let Select = exports.Select = (_dec = (0, _uiReactUtils.withDeterministicId)(),
352
357
  const groupChildren = [];
353
358
  // add a separator above
354
359
  if (!isFirstChild && !afterGroup) {
355
- groupChildren.push(_Options$Separator || (_Options$Separator = (0, _emotion.jsx)(_uiOptions.Options.Separator, null)));
360
+ groupChildren.push(_Options$Separator || (_Options$Separator = (0, _emotion.jsx)(_Options.Options.Separator, null)));
356
361
  }
357
362
  // create a sublist as a group
358
363
  // a wrapping listitem will be created by Options
359
- groupChildren.push((0, _emotion.jsx)(_uiOptions.Options, Object.assign({
364
+ groupChildren.push((0, _emotion.jsx)(_Options.Options, Object.assign({
360
365
  id: id,
361
366
  as: "ul",
362
367
  role: "group",
363
368
  renderLabel: renderLabel
364
- }, (0, _uiReactUtils.omitProps)(rest, [..._uiOptions.Options.allowedProps, ..._Group.Group.allowedProps])), _react.Children.map(children, child => {
369
+ }, (0, _omitProps.omitProps)(rest, [..._Options.Options.allowedProps, ..._Group.Group.allowedProps])), _react.Children.map(children, child => {
365
370
  return this.renderOption(child, {
366
371
  getOptionProps,
367
372
  getDisabledOptionProps
@@ -369,7 +374,7 @@ let Select = exports.Select = (_dec = (0, _uiReactUtils.withDeterministicId)(),
369
374
  })));
370
375
  // add a separator below
371
376
  if (!isLastChild) {
372
- groupChildren.push(_Options$Separator2 || (_Options$Separator2 = (0, _emotion.jsx)(_uiOptions.Options.Separator, null)));
377
+ groupChildren.push(_Options$Separator2 || (_Options$Separator2 = (0, _emotion.jsx)(_Options.Options.Separator, null)));
373
378
  }
374
379
  return groupChildren;
375
380
  }
@@ -394,22 +399,22 @@ let Select = exports.Select = (_dec = (0, _uiReactUtils.withDeterministicId)(),
394
399
  } : {
395
400
  maxHeight: 0
396
401
  };
397
- return (0, _emotion.jsx)(_uiView.View, viewProps, (0, _emotion.jsx)(_uiOptions.Options, getListProps({
402
+ return (0, _emotion.jsx)(_View.View, viewProps, (0, _emotion.jsx)(_Options.Options, getListProps({
398
403
  as: 'ul',
399
404
  elementRef: this.handleListRef
400
405
  }), isShowingOptions ? _react.Children.map(children, (child, index) => {
401
- if (!child || !(0, _uiReactUtils.matchComponentTypes)(child, [_Group.Group, _Option.Option])) {
406
+ if (!child || !(0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group, _Option.Option])) {
402
407
  return; // ignore invalid children
403
408
  }
404
409
 
405
- if ((0, _uiReactUtils.matchComponentTypes)(child, [_Option.Option])) {
410
+ if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Option.Option])) {
406
411
  lastWasGroup = false;
407
412
  return this.renderOption(child, {
408
413
  getOptionProps,
409
414
  getDisabledOptionProps
410
415
  });
411
416
  }
412
- if ((0, _uiReactUtils.matchComponentTypes)(child, [_Group.Group])) {
417
+ if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
413
418
  const afterGroup = lastWasGroup;
414
419
  lastWasGroup = true;
415
420
  return this.renderGroup(child, {
@@ -430,9 +435,9 @@ let Select = exports.Select = (_dec = (0, _uiReactUtils.withDeterministicId)(),
430
435
  isShowingOptions = _this$props7.isShowingOptions;
431
436
  return (0, _emotion.jsx)("span", {
432
437
  css: styles === null || styles === void 0 ? void 0 : styles.icon
433
- }, isShowingOptions ? _IconArrowOpenUpLine || (_IconArrowOpenUpLine = (0, _emotion.jsx)(_uiIcons.IconArrowOpenUpLine, {
438
+ }, isShowingOptions ? _IconArrowOpenUpLine || (_IconArrowOpenUpLine = (0, _emotion.jsx)(_IconArrowOpenUpLine2.IconArrowOpenUpLine, {
434
439
  inline: false
435
- })) : _IconArrowOpenDownLin || (_IconArrowOpenDownLin = (0, _emotion.jsx)(_uiIcons.IconArrowOpenDownLine, {
440
+ })) : _IconArrowOpenDownLin || (_IconArrowOpenDownLin = (0, _emotion.jsx)(_IconArrowOpenDownLine.IconArrowOpenDownLine, {
436
441
  inline: false
437
442
  })));
438
443
  }
@@ -458,7 +463,7 @@ let Select = exports.Select = (_dec = (0, _uiReactUtils.withDeterministicId)(),
458
463
  onRequestHideOptions = _this$props8.onRequestHideOptions,
459
464
  rest = (0, _objectWithoutProperties2.default)(_this$props8, _excluded2);
460
465
  const interaction = this.interaction;
461
- const passthroughProps = (0, _uiReactUtils.omitProps)(rest, Select.allowedProps);
466
+ const passthroughProps = (0, _omitProps.omitProps)(rest, Select.allowedProps);
462
467
  const _getTriggerProps = getTriggerProps({
463
468
  ...passthroughProps
464
469
  }),
@@ -509,7 +514,7 @@ let Select = exports.Select = (_dec = (0, _uiReactUtils.withDeterministicId)(),
509
514
  onBlur: utils.createChainedFunction(onBlur, onRequestHideOptions),
510
515
  ...overrideProps
511
516
  };
512
- return (0, _emotion.jsx)(_uiTextInput.TextInput, Object.assign({}, triggerProps, getInputProps(inputProps)));
517
+ return (0, _emotion.jsx)(_TextInput.TextInput, Object.assign({}, triggerProps, getInputProps(inputProps)));
513
518
  }
514
519
  render() {
515
520
  const _this$props9 = this.props,
@@ -523,7 +528,7 @@ let Select = exports.Select = (_dec = (0, _uiReactUtils.withDeterministicId)(),
523
528
  this._optionIds = [];
524
529
  const highlightedOptionId = this.highlightedOptionId;
525
530
  const selectedOptionId = this.selectedOptionId;
526
- return (0, _emotion.jsx)(_uiSelectable.Selectable, Object.assign({
531
+ return (0, _emotion.jsx)(_Selectable.Selectable, Object.assign({
527
532
  highlightedOptionId: highlightedOptionId,
528
533
  isShowingOptions: isShowingOptions,
529
534
  selectedOptionId: selectedOptionId
@@ -544,7 +549,7 @@ let Select = exports.Select = (_dec = (0, _uiReactUtils.withDeterministicId)(),
544
549
  getTriggerProps
545
550
  }), (0, _emotion.jsx)("span", Object.assign({}, getDescriptionProps(), {
546
551
  css: styles === null || styles === void 0 ? void 0 : styles.assistiveText
547
- }), assistiveText), (0, _emotion.jsx)(_uiPopover.Popover, {
552
+ }), assistiveText), (0, _emotion.jsx)(_Popover.Popover, {
548
553
  constrain: constrain,
549
554
  placement: placement,
550
555
  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 _uiPropTypes = require("@instructure/ui-prop-types");
10
- var _uiFormField = require("@instructure/ui-form-field");
11
- var _uiPosition = require("@instructure/ui-position");
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");
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(_uiFormField.FormPropTypes.message),
60
- placement: _uiPosition.PositionPropTypes.placement,
61
- constrain: _uiPosition.PositionPropTypes.constrain,
62
- mountNode: _uiPosition.PositionPropTypes.mountNode,
59
+ messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
60
+ placement: _PositionPropTypes.PositionPropTypes.placement,
61
+ constrain: _PositionPropTypes.PositionPropTypes.constrain,
62
+ mountNode: _PositionPropTypes.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: _uiPropTypes.Children.oneOf([_Group.Group, _Option.Option]),
75
+ children: _Children.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.2-pr-snapshot-1721749364069",
3
+ "version": "8.56.2-snapshot-2",
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.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",
26
+ "@instructure/ui-babel-preset": "8.56.2-snapshot-2",
27
+ "@instructure/ui-color-utils": "8.56.2-snapshot-2",
28
+ "@instructure/ui-test-locator": "8.56.2-snapshot-2",
29
+ "@instructure/ui-test-utils": "8.56.2-snapshot-2",
30
+ "@instructure/ui-themes": "8.56.2-snapshot-2",
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.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",
36
+ "@instructure/emotion": "8.56.2-snapshot-2",
37
+ "@instructure/shared-types": "8.56.2-snapshot-2",
38
+ "@instructure/ui-dom-utils": "8.56.2-snapshot-2",
39
+ "@instructure/ui-form-field": "8.56.2-snapshot-2",
40
+ "@instructure/ui-icons": "8.56.2-snapshot-2",
41
+ "@instructure/ui-options": "8.56.2-snapshot-2",
42
+ "@instructure/ui-popover": "8.56.2-snapshot-2",
43
+ "@instructure/ui-position": "8.56.2-snapshot-2",
44
+ "@instructure/ui-prop-types": "8.56.2-snapshot-2",
45
+ "@instructure/ui-react-utils": "8.56.2-snapshot-2",
46
+ "@instructure/ui-selectable": "8.56.2-snapshot-2",
47
+ "@instructure/ui-testable": "8.56.2-snapshot-2",
48
+ "@instructure/ui-text-input": "8.56.2-snapshot-2",
49
+ "@instructure/ui-utils": "8.56.2-snapshot-2",
50
+ "@instructure/ui-view": "8.56.2-snapshot-2",
51
+ "@instructure/uid": "8.56.2-snapshot-2",
52
52
  "prop-types": "^15.8.1"
53
53
  },
54
54
  "peerDependencies": {