@instructure/ui-range-input 10.13.0 → 10.13.1-pr-snapshot-1741357986437

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 +8 -0
  2. package/lib/RangeInput/__new-tests__/RangeInput.test.js +2 -2
  3. package/lib/RangeInput/index.js +11 -13
  4. package/lib/RangeInput/props.js +6 -6
  5. package/lib/RangeInput/theme.js +5 -6
  6. package/package.json +18 -18
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.13.1-pr-snapshot-1741357986437](https://github.com/instructure/instructure-ui/compare/v10.13.0...v10.13.1-pr-snapshot-1741357986437) (2025-03-07)
7
+
8
+ **Note:** Version bump only for package @instructure/ui-range-input
9
+
10
+
11
+
12
+
13
+
6
14
  # [10.13.0](https://github.com/instructure/instructure-ui/compare/v10.12.0...v10.13.0) (2025-03-06)
7
15
 
8
16
 
package/lib/RangeInput/__new-tests__/RangeInput.test.js CHANGED
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  var _react = _interopRequireDefault(require("react"));
5
5
  var _react2 = require("@testing-library/react");
6
6
  var _vitest = require("vitest");
7
- var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
7
+ var _uiAxeCheck = require("@instructure/ui-axe-check");
8
8
  require("@testing-library/jest-dom");
9
9
  var _index = require("../index");
10
10
  var _RangeInput, _RangeInput2, _RangeInput3, _RangeInput4, _RangeInput5, _RangeInput6, _RangeInput7, _RangeInput8, _RangeInput9, _RangeInput10, _RangeInput11;
@@ -198,7 +198,7 @@ describe('<RangeInput />', () => {
198
198
  defaultValue: 50
199
199
  }))),
200
200
  container = _render7.container;
201
- const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
201
+ const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
202
202
  (0, _vitest.expect)(axeCheck).toBe(true);
203
203
  });
204
204
  it('formats the aria-valuetext attribute', async () => {
package/lib/RangeInput/index.js CHANGED
@@ -8,14 +8,12 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = exports.RangeInput = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _console = require("@instructure/console");
11
- var _ContextView = require("@instructure/ui-view/lib/ContextView");
12
- var _FormField = require("@instructure/ui-form-field/lib/FormField");
13
- var _addEventListener = require("@instructure/ui-dom-utils/lib/addEventListener.js");
11
+ var _uiView = require("@instructure/ui-view");
12
+ var _uiFormField = require("@instructure/ui-form-field");
13
+ var _uiDomUtils = require("@instructure/ui-dom-utils");
14
14
  var _emotion = require("@instructure/emotion");
15
- var _testable = require("@instructure/ui-testable/lib/testable.js");
16
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
17
- var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
18
- var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
15
+ var _uiTestable = require("@instructure/ui-testable");
16
+ var _uiReactUtils = require("@instructure/ui-react-utils");
19
17
  var _styles = _interopRequireDefault(require("./styles"));
20
18
  var _theme = _interopRequireDefault(require("./theme"));
21
19
  var _props = require("./props");
@@ -49,7 +47,7 @@ var _dec, _dec2, _dec3, _class, _RangeInput;
49
47
  category: components
50
48
  ---
51
49
  **/
52
- let RangeInput = exports.RangeInput = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_RangeInput = class RangeInput extends _react.Component {
50
+ let RangeInput = exports.RangeInput = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_RangeInput = class RangeInput extends _react.Component {
53
51
  constructor(props) {
54
52
  super(props);
55
53
  this.ref = null;
@@ -89,8 +87,8 @@ let RangeInput = exports.RangeInput = (_dec = (0, _withDeterministicId.withDeter
89
87
  (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
90
88
  if (this._input !== null) {
91
89
  // https://connect.microsoft.com/IE/Feedback/Details/856998
92
- this._inputListener = (0, _addEventListener.addEventListener)(this._input, 'input', this.handleChange);
93
- this._changeListener = (0, _addEventListener.addEventListener)(this._input, 'change', this.handleChange);
90
+ this._inputListener = (0, _uiDomUtils.addEventListener)(this._input, 'input', this.handleChange);
91
+ this._changeListener = (0, _uiDomUtils.addEventListener)(this._input, 'change', this.handleChange);
94
92
  }
95
93
  }
96
94
  componentWillUnmount() {
@@ -124,7 +122,7 @@ let RangeInput = exports.RangeInput = (_dec = (0, _withDeterministicId.withDeter
124
122
  const props = {
125
123
  [RangeInput.outputLocatorAttribute]: this.id
126
124
  };
127
- return (0, _emotion.jsx)(_ContextView.ContextView, {
125
+ return (0, _emotion.jsx)(_uiView.ContextView, {
128
126
  background: "inverse",
129
127
  placement: "end center"
130
128
  }, (0, _emotion.jsx)("div", Object.assign({}, props, {
@@ -139,8 +137,8 @@ let RangeInput = exports.RangeInput = (_dec = (0, _withDeterministicId.withDeter
139
137
  formatValue = _this$props4.formatValue,
140
138
  disabled = _this$props4.disabled,
141
139
  readOnly = _this$props4.readOnly;
142
- const props = (0, _omitProps.omitProps)(this.props, RangeInput.allowedProps);
143
- return (0, _emotion.jsx)(_FormField.FormField, Object.assign({}, (0, _pickProps.pickProps)(this.props, _FormField.FormField.allowedProps), {
140
+ const props = (0, _uiReactUtils.omitProps)(this.props, RangeInput.allowedProps);
141
+ return (0, _emotion.jsx)(_uiFormField.FormField, Object.assign({}, (0, _uiReactUtils.pickProps)(this.props, _uiFormField.FormField.allowedProps), {
144
142
  label: this.props.label,
145
143
  id: this.id,
146
144
  elementRef: this.handleRef
package/lib/RangeInput/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 _controllable = require("@instructure/ui-prop-types/lib/controllable.js");
10
- var _deprecated = require("@instructure/ui-react-utils/lib/deprecated.js");
11
- var _FormPropTypes = require("@instructure/ui-form-field/lib/FormPropTypes.js");
9
+ var _uiPropTypes = require("@instructure/ui-prop-types");
10
+ var _uiReactUtils = require("@instructure/ui-react-utils");
11
+ var _uiFormField = require("@instructure/ui-form-field");
12
12
  /*
13
13
  * The MIT License (MIT)
14
14
  *
@@ -37,9 +37,9 @@ const propTypes = exports.propTypes = {
37
37
  min: _propTypes.default.number.isRequired,
38
38
  max: _propTypes.default.number.isRequired,
39
39
  defaultValue: _propTypes.default.number,
40
- value: (0, _controllable.controllable)(_propTypes.default.number),
40
+ value: (0, _uiPropTypes.controllable)(_propTypes.default.number),
41
41
  onChange: _propTypes.default.func,
42
- messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
42
+ messages: _propTypes.default.arrayOf(_uiFormField.FormPropTypes.message),
43
43
  size: _propTypes.default.oneOf(['small', 'medium', 'large']),
44
44
  layout: _propTypes.default.oneOf(['stacked', 'inline']),
45
45
  id: _propTypes.default.string,
@@ -50,6 +50,6 @@ const propTypes = exports.propTypes = {
50
50
  inline: _propTypes.default.bool,
51
51
  disabled: _propTypes.default.bool,
52
52
  readOnly: _propTypes.default.bool,
53
- thumbVariant: _deprecated.deprecated.deprecatePropValues(_propTypes.default.oneOf(['deprecated', 'accessible']), ['deprecated'], 'The `deprecated` variant is not fully accessible and will be removed in V9. The connected theme variables will be removed as well: `handleShadowColor`, `handleFocusOutlineColor`, `handleFocusOutlineWidth`. Please use the `accessible` variant.')
53
+ thumbVariant: _uiReactUtils.deprecated.deprecatePropValues(_propTypes.default.oneOf(['deprecated', 'accessible']), ['deprecated'], 'The `deprecated` variant is not fully accessible and will be removed in V9. The connected theme variables will be removed as well: `handleShadowColor`, `handleFocusOutlineColor`, `handleFocusOutlineWidth`. Please use the `accessible` variant.')
54
54
  };
55
55
  const allowedProps = exports.allowedProps = ['min', 'max', 'defaultValue', 'value', 'onChange', 'messages', 'size', 'layout', 'id', 'label', 'displayValue', 'step', 'formatValue', 'inline', 'disabled', 'readOnly', 'thumbVariant'];
package/lib/RangeInput/theme.js CHANGED
@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _alpha = require("@instructure/ui-color-utils/lib/alpha.js");
8
- var _darken = require("@instructure/ui-color-utils/lib/darken.js");
7
+ var _uiColorUtils = require("@instructure/ui-color-utils");
9
8
  /*
10
9
  * The MIT License (MIT)
11
10
  *
@@ -49,8 +48,8 @@ const generateComponentTheme = theme => {
49
48
  handleHoverBackground: theme['ic-brand-primary'],
50
49
  handleFocusBackground: theme['ic-brand-primary'],
51
50
  // Deprecated, remove with "deprecated" thumbVariant
52
- handleShadowColor: (0, _darken.darken)(theme['ic-brand-primary'], 15),
53
- handleFocusOutlineColor: (0, _alpha.alpha)(theme['ic-brand-primary'], 40)
51
+ handleShadowColor: (0, _uiColorUtils.darken)(theme['ic-brand-primary'], 15),
52
+ handleFocusOutlineColor: (0, _uiColorUtils.alpha)(theme['ic-brand-primary'], 40)
54
53
  }
55
54
  };
56
55
  const componentVariables = {
@@ -66,8 +65,8 @@ const generateComponentTheme = theme => {
66
65
  handleFocusBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.blue4570,
67
66
  handleHoverBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.blue4570,
68
67
  // Deprecated, remove with "deprecated" thumbVariant
69
- handleShadowColor: (0, _darken.darken)(colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.blue5782, 10),
70
- handleFocusOutlineColor: (0, _alpha.alpha)(colors === null || colors === void 0 ? void 0 : (_colors$contrasts7 = colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.blue4570, 40),
68
+ handleShadowColor: (0, _uiColorUtils.darken)(colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.blue5782, 10),
69
+ handleFocusOutlineColor: (0, _uiColorUtils.alpha)(colors === null || colors === void 0 ? void 0 : (_colors$contrasts7 = colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.blue4570, 40),
71
70
  handleFocusOutlineWidth: '0.75em',
72
71
  trackBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts8 = colors.contrasts) === null || _colors$contrasts8 === void 0 ? void 0 : _colors$contrasts8.grey4570,
73
72
  valueColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts9 = colors.contrasts) === null || _colors$contrasts9 === void 0 ? void 0 : _colors$contrasts9.white1010,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-range-input",
3
- "version": "10.13.0",
3
+ "version": "10.13.1-pr-snapshot-1741357986437",
4
4
  "description": "A styled HTML range input",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -24,26 +24,26 @@
24
24
  "license": "MIT",
25
25
  "dependencies": {
26
26
  "@babel/runtime": "^7.26.0",
27
- "@instructure/console": "10.13.0",
28
- "@instructure/emotion": "10.13.0",
29
- "@instructure/shared-types": "10.13.0",
30
- "@instructure/ui-color-utils": "10.13.0",
31
- "@instructure/ui-dom-utils": "10.13.0",
32
- "@instructure/ui-form-field": "10.13.0",
33
- "@instructure/ui-i18n": "10.13.0",
34
- "@instructure/ui-prop-types": "10.13.0",
35
- "@instructure/ui-react-utils": "10.13.0",
36
- "@instructure/ui-testable": "10.13.0",
37
- "@instructure/ui-utils": "10.13.0",
38
- "@instructure/ui-view": "10.13.0",
39
- "@instructure/uid": "10.13.0",
27
+ "@instructure/console": "10.13.1-pr-snapshot-1741357986437",
28
+ "@instructure/emotion": "10.13.1-pr-snapshot-1741357986437",
29
+ "@instructure/shared-types": "10.13.1-pr-snapshot-1741357986437",
30
+ "@instructure/ui-color-utils": "10.13.1-pr-snapshot-1741357986437",
31
+ "@instructure/ui-dom-utils": "10.13.1-pr-snapshot-1741357986437",
32
+ "@instructure/ui-form-field": "10.13.1-pr-snapshot-1741357986437",
33
+ "@instructure/ui-i18n": "10.13.1-pr-snapshot-1741357986437",
34
+ "@instructure/ui-prop-types": "10.13.1-pr-snapshot-1741357986437",
35
+ "@instructure/ui-react-utils": "10.13.1-pr-snapshot-1741357986437",
36
+ "@instructure/ui-testable": "10.13.1-pr-snapshot-1741357986437",
37
+ "@instructure/ui-utils": "10.13.1-pr-snapshot-1741357986437",
38
+ "@instructure/ui-view": "10.13.1-pr-snapshot-1741357986437",
39
+ "@instructure/uid": "10.13.1-pr-snapshot-1741357986437",
40
40
  "prop-types": "^15.8.1"
41
41
  },
42
42
  "devDependencies": {
43
- "@instructure/ui-axe-check": "10.13.0",
44
- "@instructure/ui-babel-preset": "10.13.0",
45
- "@instructure/ui-test-utils": "10.13.0",
46
- "@instructure/ui-themes": "10.13.0",
43
+ "@instructure/ui-axe-check": "10.13.1-pr-snapshot-1741357986437",
44
+ "@instructure/ui-babel-preset": "10.13.1-pr-snapshot-1741357986437",
45
+ "@instructure/ui-test-utils": "10.13.1-pr-snapshot-1741357986437",
46
+ "@instructure/ui-themes": "10.13.1-pr-snapshot-1741357986437",
47
47
  "@testing-library/jest-dom": "^6.6.3",
48
48
  "@testing-library/react": "^16.0.1",
49
49
  "vitest": "^2.1.8"