@instructure/ui-number-input 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.
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-number-input
|
|
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-number-input
|
|
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-number-input
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.NumberInputLocator = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _uiTestLocator = require("@instructure/ui-test-locator");
|
|
8
8
|
var _index = require("./index");
|
|
9
9
|
/*
|
|
10
10
|
* The MIT License (MIT)
|
|
@@ -31,7 +31,7 @@ var _index = require("./index");
|
|
|
31
31
|
*/
|
|
32
32
|
|
|
33
33
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
34
|
-
const NumberInputLocator = exports.NumberInputLocator = (0,
|
|
35
|
-
findInput: (...args) => (0,
|
|
36
|
-
findArrowButtons: (...args) => (0,
|
|
34
|
+
const NumberInputLocator = exports.NumberInputLocator = (0, _uiTestLocator.locator)(_index.NumberInput.selector, {
|
|
35
|
+
findInput: (...args) => (0, _uiTestLocator.locator)('input').find(...args),
|
|
36
|
+
findArrowButtons: (...args) => (0, _uiTestLocator.locator)('button').findAll(...args)
|
|
37
37
|
});
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
var _react = require("@testing-library/react");
|
|
5
|
-
var
|
|
5
|
+
var _uiAxeCheck = require("@instructure/ui-axe-check");
|
|
6
6
|
var _index = require("../index");
|
|
7
7
|
var _NumberInput = _interopRequireDefault(require("../__examples__/NumberInput.examples"));
|
|
8
8
|
var _generateA11yTests = require("@instructure/ui-scripts/lib/test/generateA11yTests");
|
|
@@ -38,7 +38,7 @@ describe('<Breadcrumb />', () => {
|
|
|
38
38
|
it(component.description, async () => {
|
|
39
39
|
const _render = (0, _react.render)(component.content),
|
|
40
40
|
container = _render.container;
|
|
41
|
-
const axeCheck = await (0,
|
|
41
|
+
const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
|
|
42
42
|
expect(axeCheck).toBe(true);
|
|
43
43
|
});
|
|
44
44
|
}
|
package/lib/NumberInput/index.js
CHANGED
|
@@ -8,15 +8,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.default = exports.NumberInput = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _keycode = _interopRequireDefault(require("keycode"));
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
|
16
|
-
var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
|
|
17
|
-
var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
|
|
18
|
-
var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
|
|
19
|
-
var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
|
|
11
|
+
var _uiFormField = require("@instructure/ui-form-field");
|
|
12
|
+
var _uiIcons = require("@instructure/ui-icons");
|
|
13
|
+
var _uiTestable = require("@instructure/ui-testable");
|
|
14
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
20
15
|
var _emotion = require("@instructure/emotion");
|
|
21
16
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
22
17
|
var _theme = _interopRequireDefault(require("./theme"));
|
|
@@ -52,7 +47,7 @@ category: components
|
|
|
52
47
|
id: NumberInput
|
|
53
48
|
---
|
|
54
49
|
**/
|
|
55
|
-
let NumberInput = exports.NumberInput = (_dec = (0,
|
|
50
|
+
let NumberInput = exports.NumberInput = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class NumberInput extends _react.Component {
|
|
56
51
|
constructor(...args) {
|
|
57
52
|
super(...args);
|
|
58
53
|
this.state = {
|
|
@@ -131,7 +126,7 @@ let NumberInput = exports.NumberInput = (_dec = (0, _withDeterministicId.withDet
|
|
|
131
126
|
return !!this.props.messages && this.props.messages.some(message => message.type === 'error');
|
|
132
127
|
}
|
|
133
128
|
get interaction() {
|
|
134
|
-
return (0,
|
|
129
|
+
return (0, _uiReactUtils.getInteraction)({
|
|
135
130
|
props: this.props
|
|
136
131
|
});
|
|
137
132
|
}
|
|
@@ -171,13 +166,13 @@ let NumberInput = exports.NumberInput = (_dec = (0, _withDeterministicId.withDet
|
|
|
171
166
|
onMouseDown: this.handleClickUpArrow,
|
|
172
167
|
tabIndex: -1,
|
|
173
168
|
type: "button"
|
|
174
|
-
}, _IconArrowOpenUpLine || (_IconArrowOpenUpLine = (0, _emotion.jsx)(
|
|
169
|
+
}, _IconArrowOpenUpLine || (_IconArrowOpenUpLine = (0, _emotion.jsx)(_uiIcons.IconArrowOpenUpLine, null))), (0, _emotion.jsx)("button", {
|
|
175
170
|
"aria-hidden": true,
|
|
176
171
|
css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.arrow,
|
|
177
172
|
onMouseDown: this.handleClickDownArrow,
|
|
178
173
|
tabIndex: -1,
|
|
179
174
|
type: "button"
|
|
180
|
-
}, _IconArrowOpenDownLin || (_IconArrowOpenDownLin = (0, _emotion.jsx)(
|
|
175
|
+
}, _IconArrowOpenDownLin || (_IconArrowOpenDownLin = (0, _emotion.jsx)(_uiIcons.IconArrowOpenDownLine, null))));
|
|
181
176
|
}
|
|
182
177
|
render() {
|
|
183
178
|
var _this$props$styles4, _this$props$styles5, _this$props$styles6;
|
|
@@ -190,8 +185,8 @@ let NumberInput = exports.NumberInput = (_dec = (0, _withDeterministicId.withDet
|
|
|
190
185
|
value = _this$props4.value,
|
|
191
186
|
width = _this$props4.width;
|
|
192
187
|
const interaction = this.interaction;
|
|
193
|
-
return (0, _emotion.jsx)(
|
|
194
|
-
label: (0,
|
|
188
|
+
return (0, _emotion.jsx)(_uiFormField.FormField, Object.assign({}, (0, _uiReactUtils.pickProps)(this.props, _uiFormField.FormField.allowedProps), {
|
|
189
|
+
label: (0, _uiReactUtils.callRenderProp)(renderLabel),
|
|
195
190
|
inline: display === 'inline-block',
|
|
196
191
|
id: this.id,
|
|
197
192
|
elementRef: this.handleRef
|
|
@@ -202,7 +197,7 @@ let NumberInput = exports.NumberInput = (_dec = (0, _withDeterministicId.withDet
|
|
|
202
197
|
} : void 0
|
|
203
198
|
}, (0, _emotion.jsx)("span", {
|
|
204
199
|
css: (_this$props$styles5 = this.props.styles) === null || _this$props$styles5 === void 0 ? void 0 : _this$props$styles5.inputContainer
|
|
205
|
-
}, (0, _emotion.jsx)("input", Object.assign({}, (0,
|
|
200
|
+
}, (0, _emotion.jsx)("input", Object.assign({}, (0, _uiReactUtils.omitProps)(this.props, [..._uiFormField.FormField.allowedProps, ...NumberInput.allowedProps]), {
|
|
206
201
|
css: (_this$props$styles6 = this.props.styles) === null || _this$props$styles6 === void 0 ? void 0 : _this$props$styles6.input,
|
|
207
202
|
"aria-invalid": this.invalid ? 'true' : void 0,
|
|
208
203
|
id: this.id,
|
package/lib/NumberInput/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
|
|
9
|
+
var _uiFormField = require("@instructure/ui-form-field");
|
|
10
10
|
/*
|
|
11
11
|
* The MIT License (MIT)
|
|
12
12
|
*
|
|
@@ -35,7 +35,7 @@ const propTypes = exports.propTypes = {
|
|
|
35
35
|
renderLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
|
|
36
36
|
id: _propTypes.default.string,
|
|
37
37
|
interaction: _propTypes.default.oneOf(['enabled', 'disabled', 'readonly']),
|
|
38
|
-
messages: _propTypes.default.arrayOf(
|
|
38
|
+
messages: _propTypes.default.arrayOf(_uiFormField.FormPropTypes.message),
|
|
39
39
|
placeholder: _propTypes.default.string,
|
|
40
40
|
isRequired: _propTypes.default.bool,
|
|
41
41
|
showArrows: _propTypes.default.bool,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-number-input",
|
|
3
|
-
"version": "8.56.
|
|
3
|
+
"version": "8.56.2-pr-snapshot-1721749364069",
|
|
4
4
|
"description": "A UI component library made by Instructure Inc.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"homepage": "https://instructure.github.io/instructure-ui/",
|
|
@@ -23,24 +23,24 @@
|
|
|
23
23
|
"ts:check": "tsc -p tsconfig.build.json --noEmit --emitDeclarationOnly false"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-axe-check": "8.56.
|
|
27
|
-
"@instructure/ui-babel-preset": "8.56.
|
|
28
|
-
"@instructure/ui-scripts": "8.56.
|
|
29
|
-
"@instructure/ui-test-locator": "8.56.
|
|
30
|
-
"@instructure/ui-test-utils": "8.56.
|
|
31
|
-
"@instructure/ui-themes": "8.56.
|
|
26
|
+
"@instructure/ui-axe-check": "8.56.2-pr-snapshot-1721749364069",
|
|
27
|
+
"@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
|
|
28
|
+
"@instructure/ui-scripts": "8.56.2-pr-snapshot-1721749364069",
|
|
29
|
+
"@instructure/ui-test-locator": "8.56.2-pr-snapshot-1721749364069",
|
|
30
|
+
"@instructure/ui-test-utils": "8.56.2-pr-snapshot-1721749364069",
|
|
31
|
+
"@instructure/ui-themes": "8.56.2-pr-snapshot-1721749364069",
|
|
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.
|
|
37
|
-
"@instructure/shared-types": "8.56.
|
|
38
|
-
"@instructure/ui-form-field": "8.56.
|
|
39
|
-
"@instructure/ui-icons": "8.56.
|
|
40
|
-
"@instructure/ui-react-utils": "8.56.
|
|
41
|
-
"@instructure/ui-testable": "8.56.
|
|
42
|
-
"@instructure/ui-utils": "8.56.
|
|
43
|
-
"@instructure/uid": "8.56.
|
|
36
|
+
"@instructure/emotion": "8.56.2-pr-snapshot-1721749364069",
|
|
37
|
+
"@instructure/shared-types": "8.56.2-pr-snapshot-1721749364069",
|
|
38
|
+
"@instructure/ui-form-field": "8.56.2-pr-snapshot-1721749364069",
|
|
39
|
+
"@instructure/ui-icons": "8.56.2-pr-snapshot-1721749364069",
|
|
40
|
+
"@instructure/ui-react-utils": "8.56.2-pr-snapshot-1721749364069",
|
|
41
|
+
"@instructure/ui-testable": "8.56.2-pr-snapshot-1721749364069",
|
|
42
|
+
"@instructure/ui-utils": "8.56.2-pr-snapshot-1721749364069",
|
|
43
|
+
"@instructure/uid": "8.56.2-pr-snapshot-1721749364069",
|
|
44
44
|
"keycode": "^2.2.1",
|
|
45
45
|
"prop-types": "^15.8.1"
|
|
46
46
|
},
|