@instructure/ui-simple-select 8.56.5-pr-snapshot-1728655013879 → 8.56.5-pr-snapshot-1729507712924

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 +1 -1
  2. package/lib/SimpleSelect/Group/props.js +2 -2
  3. package/lib/SimpleSelect/SimpleSelectLocator.js +3 -3
  4. package/lib/SimpleSelect/index.js +23 -19
  5. package/lib/SimpleSelect/props.js +8 -8
  6. package/package.json +15 -15
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.5-pr-snapshot-1728655013879](https://github.com/instructure/instructure-ui/compare/v8.56.4...v8.56.5-pr-snapshot-1728655013879) (2024-10-11)
6
+ ## [8.56.5-pr-snapshot-1729507712924](https://github.com/instructure/instructure-ui/compare/v8.56.4...v8.56.5-pr-snapshot-1729507712924) (2024-10-21)
7
7
 
8
8
  **Note:** Version bump only for package @instructure/ui-simple-select
9
9
 
package/lib/SimpleSelect/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/SimpleSelect/SimpleSelectLocator.js CHANGED
@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.SimpleSelectLocator = void 0;
7
- var _uiTestLocator = require("@instructure/ui-test-locator");
8
- var _SelectLocator = require("@instructure/ui-select/es/Select/SelectLocator");
7
+ var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
8
+ var _SelectLocator = require("@instructure/ui-select/lib/Select/SelectLocator");
9
9
  var _index = require("./index");
10
10
  /*
11
11
  * The MIT License (MIT)
@@ -37,7 +37,7 @@ var _index = require("./index");
37
37
  /* eslint-enable no-restricted-imports */
38
38
 
39
39
  // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
40
- const SimpleSelectLocator = exports.SimpleSelectLocator = (0, _uiTestLocator.locator)(_index.SimpleSelect.selector, {
40
+ const SimpleSelectLocator = exports.SimpleSelectLocator = (0, _locator.locator)(_index.SimpleSelect.selector, {
41
41
  findInput: _SelectLocator.SelectLocator.findInput,
42
42
  // TODO these dont work because TS doesnt find its type declarations,
43
43
  findOptionsList: _SelectLocator.SelectLocator.findOptionsList
package/lib/SimpleSelect/index.js CHANGED
@@ -8,9 +8,13 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = exports.SimpleSelect = void 0;
9
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
10
  var _react = _interopRequireWildcard(require("react"));
11
- var _uiTestable = require("@instructure/ui-testable");
12
- var _uiReactUtils = require("@instructure/ui-react-utils");
13
- var _uiSelect = require("@instructure/ui-select");
11
+ var _testable = require("@instructure/ui-testable/lib/testable.js");
12
+ var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
13
+ var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
14
+ var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.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 _Select = require("@instructure/ui-select/lib/Select");
14
18
  var _Option = require("./Option");
15
19
  var _Group = require("./Group");
16
20
  var _props = require("./props");
@@ -47,7 +51,7 @@ category: components
47
51
  tags: form, field, dropdown
48
52
  ---
49
53
  **/
50
- let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class SimpleSelect extends _react.Component {
54
+ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class SimpleSelect extends _react.Component {
51
55
  constructor(props) {
52
56
  super(props);
53
57
  this.ref = null;
@@ -57,11 +61,11 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
57
61
  let match;
58
62
  for (let i = 0; i < children.length; ++i) {
59
63
  const child = children[i];
60
- if ((0, _uiReactUtils.matchComponentTypes)(child, [_Option.Option])) {
64
+ if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Option.Option])) {
61
65
  if (child.props[field] === value) {
62
66
  match = child;
63
67
  }
64
- } else if ((0, _uiReactUtils.matchComponentTypes)(child, [_Group.Group])) {
68
+ } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
65
69
  const groupChildren = _react.Children.toArray(child.props.children);
66
70
  for (let j = 0; j < groupChildren.length; ++j) {
67
71
  const groupChild = groupChildren[j];
@@ -179,7 +183,7 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
179
183
  return typeof this.props.value !== 'undefined';
180
184
  }
181
185
  get interaction() {
182
- return (0, _uiReactUtils.getInteraction)({
186
+ return (0, _getInteraction.getInteraction)({
183
187
  props: this.props
184
188
  });
185
189
  }
@@ -216,9 +220,9 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
216
220
  let match;
217
221
  for (let i = 0; i < children.length; i++) {
218
222
  const child = children[i];
219
- if ((0, _uiReactUtils.matchComponentTypes)(child, [_Option.Option])) {
223
+ if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Option.Option])) {
220
224
  match = child;
221
- } else if ((0, _uiReactUtils.matchComponentTypes)(child, [_Group.Group])) {
225
+ } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
222
226
  // first child is a group, not an option, find first child in group
223
227
  match = _react.Children.toArray(child.props.children)[0];
224
228
  }
@@ -231,9 +235,9 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
231
235
  renderChildren() {
232
236
  let children = _react.Children.toArray(this.props.children);
233
237
  children = _react.Children.map(children, child => {
234
- if ((0, _uiReactUtils.matchComponentTypes)(child, [_Option.Option])) {
238
+ if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Option.Option])) {
235
239
  return this.renderOption(child);
236
- } else if ((0, _uiReactUtils.matchComponentTypes)(child, [_Group.Group])) {
240
+ } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
237
241
  return this.renderGroup(child);
238
242
  }
239
243
  return null;
@@ -245,11 +249,11 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
245
249
  return children;
246
250
  }
247
251
  renderEmptyOption() {
248
- return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
252
+ return /*#__PURE__*/_react.default.createElement(_Select.Select.Option, {
249
253
  id: this._emptyOptionId,
250
254
  isHighlighted: false,
251
255
  isSelected: false
252
- }, (0, _uiReactUtils.callRenderProp)(this.props.renderEmptyOption));
256
+ }, (0, _callRenderProp.callRenderProp)(this.props.renderEmptyOption));
253
257
  }
254
258
  renderOption(option) {
255
259
  const _option$props = option.props,
@@ -272,7 +276,7 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
272
276
  children
273
277
  }) : renderLabel;
274
278
  };
275
- return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, Object.assign({
279
+ return /*#__PURE__*/_react.default.createElement(_Select.Select.Option, Object.assign({
276
280
  id: id,
277
281
  value: value,
278
282
  key: option.key || id,
@@ -281,7 +285,7 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
281
285
  isDisabled: option.props.isDisabled,
282
286
  renderBeforeLabel: getRenderLabel(renderBeforeLabel),
283
287
  renderAfterLabel: getRenderLabel(renderAfterLabel)
284
- }, (0, _uiReactUtils.passthroughProps)(rest)), children);
288
+ }, (0, _passthroughProps.passthroughProps)(rest)), children);
285
289
  }
286
290
  renderGroup(group) {
287
291
  const _group$props = group.props,
@@ -289,10 +293,10 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
289
293
  renderLabel = _group$props.renderLabel,
290
294
  children = _group$props.children,
291
295
  rest = (0, _objectWithoutProperties2.default)(_group$props, _excluded2);
292
- return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Group, Object.assign({
296
+ return /*#__PURE__*/_react.default.createElement(_Select.Select.Group, Object.assign({
293
297
  renderLabel: renderLabel,
294
298
  key: group.key || id
295
- }, (0, _uiReactUtils.passthroughProps)(rest)), _react.Children.map(children, child => this.renderOption(child)));
299
+ }, (0, _passthroughProps.passthroughProps)(rest)), _react.Children.map(children, child => this.renderOption(child)));
296
300
  }
297
301
  render() {
298
302
  const _this$props = this.props,
@@ -325,7 +329,7 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
325
329
  onHideOptions = _this$props.onHideOptions,
326
330
  children = _this$props.children,
327
331
  rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded3);
328
- return /*#__PURE__*/_react.default.createElement(_uiSelect.Select, Object.assign({
332
+ return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({
329
333
  renderLabel: renderLabel,
330
334
  inputValue: this.state.inputValue,
331
335
  isShowingOptions: this.state.isShowingOptions,
@@ -355,7 +359,7 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
355
359
  onRequestHideOptions: this.handleHideOptions,
356
360
  onRequestHighlightOption: this.handleHighlightOption,
357
361
  onRequestSelectOption: this.handleSelectOption
358
- }, (0, _uiReactUtils.passthroughProps)(rest)), this.renderChildren());
362
+ }, (0, _passthroughProps.passthroughProps)(rest)), this.renderChildren());
359
363
  }
360
364
  }, _class2.displayName = "SimpleSelect", _class2.componentId = 'SimpleSelect', _class2.Option = _Option.Option, _class2.Group = _Group.Group, _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
361
365
  size: 'medium',
package/lib/SimpleSelect/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
  /*
@@ -51,10 +51,10 @@ const propTypes = exports.propTypes = {
51
51
  visibleOptionsCount: _propTypes.default.number,
52
52
  optionsMaxHeight: _propTypes.default.string,
53
53
  optionsMaxWidth: _propTypes.default.string,
54
- messages: _propTypes.default.arrayOf(_uiFormField.FormPropTypes.message),
55
- placement: _uiPosition.PositionPropTypes.placement,
56
- constrain: _uiPosition.PositionPropTypes.constrain,
57
- mountNode: _uiPosition.PositionPropTypes.mountNode,
54
+ messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
55
+ placement: _PositionPropTypes.PositionPropTypes.placement,
56
+ constrain: _PositionPropTypes.PositionPropTypes.constrain,
57
+ mountNode: _PositionPropTypes.PositionPropTypes.mountNode,
58
58
  onChange: _propTypes.default.func,
59
59
  onFocus: _propTypes.default.func,
60
60
  onBlur: _propTypes.default.func,
@@ -65,6 +65,6 @@ const propTypes = exports.propTypes = {
65
65
  renderEmptyOption: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
66
66
  renderBeforeInput: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
67
67
  renderAfterInput: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
68
- children: _uiPropTypes.Children.oneOf([_Group.Group, _Option.Option])
68
+ children: _Children.Children.oneOf([_Group.Group, _Option.Option])
69
69
  };
70
70
  const allowedProps = exports.allowedProps = ['renderLabel', 'value', 'defaultValue', 'id', 'size', 'assistiveText', 'placeholder', 'interaction', 'isRequired', 'isInline', 'width', 'visibleOptionsCount', 'optionsMaxHeight', 'optionsMaxWidth', 'messages', 'placement', 'constrain', 'mountNode', 'onChange', 'onFocus', 'onBlur', 'onShowOptions', 'onHideOptions', 'inputRef', 'listRef', 'renderEmptyOption', 'renderBeforeInput', 'renderAfterInput', 'children'];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-simple-select",
3
- "version": "8.56.5-pr-snapshot-1728655013879",
3
+ "version": "8.56.5-pr-snapshot-1729507712924",
4
4
  "description": "A component for standard select element behavior.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -24,23 +24,23 @@
24
24
  "license": "MIT",
25
25
  "dependencies": {
26
26
  "@babel/runtime": "^7.23.2",
27
- "@instructure/console": "8.56.5-pr-snapshot-1728655013879",
28
- "@instructure/shared-types": "8.56.5-pr-snapshot-1728655013879",
29
- "@instructure/ui-form-field": "8.56.5-pr-snapshot-1728655013879",
30
- "@instructure/ui-position": "8.56.5-pr-snapshot-1728655013879",
31
- "@instructure/ui-prop-types": "8.56.5-pr-snapshot-1728655013879",
32
- "@instructure/ui-react-utils": "8.56.5-pr-snapshot-1728655013879",
33
- "@instructure/ui-select": "8.56.5-pr-snapshot-1728655013879",
34
- "@instructure/ui-testable": "8.56.5-pr-snapshot-1728655013879",
27
+ "@instructure/console": "8.56.5-pr-snapshot-1729507712924",
28
+ "@instructure/shared-types": "8.56.5-pr-snapshot-1729507712924",
29
+ "@instructure/ui-form-field": "8.56.5-pr-snapshot-1729507712924",
30
+ "@instructure/ui-position": "8.56.5-pr-snapshot-1729507712924",
31
+ "@instructure/ui-prop-types": "8.56.5-pr-snapshot-1729507712924",
32
+ "@instructure/ui-react-utils": "8.56.5-pr-snapshot-1729507712924",
33
+ "@instructure/ui-select": "8.56.5-pr-snapshot-1729507712924",
34
+ "@instructure/ui-testable": "8.56.5-pr-snapshot-1729507712924",
35
35
  "prop-types": "^15.8.1"
36
36
  },
37
37
  "devDependencies": {
38
- "@instructure/ui-babel-preset": "8.56.5-pr-snapshot-1728655013879",
39
- "@instructure/ui-color-utils": "8.56.5-pr-snapshot-1728655013879",
40
- "@instructure/ui-icons": "8.56.5-pr-snapshot-1728655013879",
41
- "@instructure/ui-test-locator": "8.56.5-pr-snapshot-1728655013879",
42
- "@instructure/ui-test-utils": "8.56.5-pr-snapshot-1728655013879",
43
- "@instructure/ui-utils": "8.56.5-pr-snapshot-1728655013879",
38
+ "@instructure/ui-babel-preset": "8.56.5-pr-snapshot-1729507712924",
39
+ "@instructure/ui-color-utils": "8.56.5-pr-snapshot-1729507712924",
40
+ "@instructure/ui-icons": "8.56.5-pr-snapshot-1729507712924",
41
+ "@instructure/ui-test-locator": "8.56.5-pr-snapshot-1729507712924",
42
+ "@instructure/ui-test-utils": "8.56.5-pr-snapshot-1729507712924",
43
+ "@instructure/ui-utils": "8.56.5-pr-snapshot-1729507712924",
44
44
  "@testing-library/jest-dom": "^6.1.4",
45
45
  "@testing-library/react": "^14.1.2"
46
46
  },