@instructure/ui-checkbox 8.10.1-snapshot.9 → 8.10.3-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.
- package/CHANGELOG.md +8 -0
- package/es/Checkbox/CheckboxFacade/index.js +11 -1
- package/es/Checkbox/ToggleFacade/index.js +11 -1
- package/es/Checkbox/index.js +7 -1
- package/es/CheckboxGroup/index.js +7 -1
- package/lib/Checkbox/CheckboxFacade/index.js +11 -1
- package/lib/Checkbox/ToggleFacade/index.js +11 -1
- package/lib/Checkbox/index.js +7 -1
- package/lib/CheckboxGroup/index.js +7 -1
- package/package.json +20 -20
- package/src/Checkbox/CheckboxFacade/index.tsx +7 -1
- package/src/Checkbox/ToggleFacade/index.tsx +7 -1
- package/src/Checkbox/index.tsx +7 -0
- package/src/CheckboxGroup/index.tsx +7 -0
- package/types/Checkbox/CheckboxFacade/index.d.ts +2 -0
- package/types/Checkbox/CheckboxFacade/index.d.ts.map +1 -1
- package/types/Checkbox/CheckboxLocator.d.ts +64 -64
- package/types/Checkbox/ToggleFacade/index.d.ts +2 -0
- package/types/Checkbox/ToggleFacade/index.d.ts.map +1 -1
- package/types/Checkbox/index.d.ts +2 -0
- package/types/Checkbox/index.d.ts.map +1 -1
- package/types/CheckboxGroup/CheckboxGroupLocator.d.ts +64 -64
- package/types/CheckboxGroup/index.d.ts +2 -0
- package/types/CheckboxGroup/index.d.ts.map +1 -1
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
|
+
## [8.10.2](https://github.com/instructure/instructure-ui/compare/v8.10.1...v8.10.2) (2021-10-01)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @instructure/ui-checkbox
|
|
9
|
+
|
|
10
|
+
## [8.10.1](https://github.com/instructure/instructure-ui/compare/v8.10.0...v8.10.1) (2021-10-01)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @instructure/ui-checkbox
|
|
13
|
+
|
|
6
14
|
# [8.10.0](https://github.com/instructure/instructure-ui/compare/v8.9.1...v8.10.0) (2021-09-28)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @instructure/ui-checkbox
|
|
@@ -39,6 +39,15 @@ parent: Checkbox
|
|
|
39
39
|
---
|
|
40
40
|
**/
|
|
41
41
|
let CheckboxFacade = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = class CheckboxFacade extends Component {
|
|
42
|
+
constructor(...args) {
|
|
43
|
+
super(...args);
|
|
44
|
+
this.ref = null;
|
|
45
|
+
|
|
46
|
+
this.handleRef = el => {
|
|
47
|
+
this.ref = el;
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
|
|
42
51
|
componentDidMount() {
|
|
43
52
|
this.props.makeStyles();
|
|
44
53
|
}
|
|
@@ -72,7 +81,8 @@ let CheckboxFacade = (_dec = withStyle(generateStyle, generateComponentTheme), _
|
|
|
72
81
|
children = _this$props.children,
|
|
73
82
|
styles = _this$props.styles;
|
|
74
83
|
return jsx("span", {
|
|
75
|
-
css: styles === null || styles === void 0 ? void 0 : styles.checkboxFacade
|
|
84
|
+
css: styles === null || styles === void 0 ? void 0 : styles.checkboxFacade,
|
|
85
|
+
ref: this.handleRef
|
|
76
86
|
}, jsx("span", {
|
|
77
87
|
css: styles === null || styles === void 0 ? void 0 : styles.facade,
|
|
78
88
|
"aria-hidden": "true"
|
|
@@ -38,6 +38,15 @@ parent: Checkbox
|
|
|
38
38
|
---
|
|
39
39
|
**/
|
|
40
40
|
let ToggleFacade = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = class ToggleFacade extends Component {
|
|
41
|
+
constructor(...args) {
|
|
42
|
+
super(...args);
|
|
43
|
+
this.ref = null;
|
|
44
|
+
|
|
45
|
+
this.handleRef = el => {
|
|
46
|
+
this.ref = el;
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
|
|
41
50
|
componentDidMount() {
|
|
42
51
|
this.props.makeStyles();
|
|
43
52
|
}
|
|
@@ -76,7 +85,8 @@ let ToggleFacade = (_dec = withStyle(generateStyle, generateComponentTheme), _de
|
|
|
76
85
|
labelPlacement = _this$props3.labelPlacement,
|
|
77
86
|
styles = _this$props3.styles;
|
|
78
87
|
return jsx("span", {
|
|
79
|
-
css: styles === null || styles === void 0 ? void 0 : styles.toggleFacade
|
|
88
|
+
css: styles === null || styles === void 0 ? void 0 : styles.toggleFacade,
|
|
89
|
+
ref: this.handleRef
|
|
80
90
|
}, (labelPlacement === 'top' || labelPlacement === 'start') && this.renderLabel(), jsx("span", {
|
|
81
91
|
css: styles === null || styles === void 0 ? void 0 : styles.facade,
|
|
82
92
|
"aria-hidden": "true"
|
package/es/Checkbox/index.js
CHANGED
|
@@ -50,6 +50,11 @@ tags: toggle, switch
|
|
|
50
50
|
let Checkbox = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class Checkbox extends Component {
|
|
51
51
|
constructor(props) {
|
|
52
52
|
super(props);
|
|
53
|
+
this.ref = null;
|
|
54
|
+
|
|
55
|
+
this.handleRef = el => {
|
|
56
|
+
this.ref = el;
|
|
57
|
+
};
|
|
53
58
|
|
|
54
59
|
this.handleChange = e => {
|
|
55
60
|
const _this$props = this.props,
|
|
@@ -217,7 +222,8 @@ let Checkbox = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec(
|
|
|
217
222
|
return jsx("div", {
|
|
218
223
|
css: styles === null || styles === void 0 ? void 0 : styles.checkbox,
|
|
219
224
|
onMouseOver: createChainedFunction(onMouseOver, this.handleMouseOver),
|
|
220
|
-
onMouseOut: createChainedFunction(onMouseOut, this.handleMouseOut)
|
|
225
|
+
onMouseOut: createChainedFunction(onMouseOut, this.handleMouseOut),
|
|
226
|
+
ref: this.handleRef
|
|
221
227
|
}, jsx("input", Object.assign({}, props, {
|
|
222
228
|
id: this.id,
|
|
223
229
|
value: value,
|
|
@@ -39,6 +39,11 @@ category: components
|
|
|
39
39
|
let CheckboxGroup = (_dec = testable(), _dec(_class = (_temp = _class2 = class CheckboxGroup extends Component {
|
|
40
40
|
constructor(props) {
|
|
41
41
|
super();
|
|
42
|
+
this.ref = null;
|
|
43
|
+
|
|
44
|
+
this.handleRef = el => {
|
|
45
|
+
this.ref = el;
|
|
46
|
+
};
|
|
42
47
|
|
|
43
48
|
this.handleChange = e => {
|
|
44
49
|
const newValue = this.value || [];
|
|
@@ -118,7 +123,8 @@ let CheckboxGroup = (_dec = testable(), _dec(_class = (_temp = _class2 = class C
|
|
|
118
123
|
React.createElement(FormFieldGroup, Object.assign({}, omitProps(this.props, CheckboxGroup.allowedProps), pickProps(this.props, FormFieldGroup.allowedProps), {
|
|
119
124
|
rowSpacing: "small",
|
|
120
125
|
vAlign: "top",
|
|
121
|
-
messagesId: this._messagesId
|
|
126
|
+
messagesId: this._messagesId,
|
|
127
|
+
elementRef: this.handleRef
|
|
122
128
|
}), this.renderChildren())
|
|
123
129
|
);
|
|
124
130
|
}
|
|
@@ -29,6 +29,15 @@ parent: Checkbox
|
|
|
29
29
|
---
|
|
30
30
|
**/
|
|
31
31
|
let CheckboxFacade = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = class CheckboxFacade extends _react.Component {
|
|
32
|
+
constructor(...args) {
|
|
33
|
+
super(...args);
|
|
34
|
+
this.ref = null;
|
|
35
|
+
|
|
36
|
+
this.handleRef = el => {
|
|
37
|
+
this.ref = el;
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
|
|
32
41
|
componentDidMount() {
|
|
33
42
|
this.props.makeStyles();
|
|
34
43
|
}
|
|
@@ -62,7 +71,8 @@ let CheckboxFacade = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
|
|
|
62
71
|
children = _this$props.children,
|
|
63
72
|
styles = _this$props.styles;
|
|
64
73
|
return (0, _emotion.jsx)("span", {
|
|
65
|
-
css: styles === null || styles === void 0 ? void 0 : styles.checkboxFacade
|
|
74
|
+
css: styles === null || styles === void 0 ? void 0 : styles.checkboxFacade,
|
|
75
|
+
ref: this.handleRef
|
|
66
76
|
}, (0, _emotion.jsx)("span", {
|
|
67
77
|
css: styles === null || styles === void 0 ? void 0 : styles.facade,
|
|
68
78
|
"aria-hidden": "true"
|
|
@@ -29,6 +29,15 @@ parent: Checkbox
|
|
|
29
29
|
---
|
|
30
30
|
**/
|
|
31
31
|
let ToggleFacade = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = class ToggleFacade extends _react.Component {
|
|
32
|
+
constructor(...args) {
|
|
33
|
+
super(...args);
|
|
34
|
+
this.ref = null;
|
|
35
|
+
|
|
36
|
+
this.handleRef = el => {
|
|
37
|
+
this.ref = el;
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
|
|
32
41
|
componentDidMount() {
|
|
33
42
|
this.props.makeStyles();
|
|
34
43
|
}
|
|
@@ -67,7 +76,8 @@ let ToggleFacade = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
|
|
|
67
76
|
labelPlacement = _this$props3.labelPlacement,
|
|
68
77
|
styles = _this$props3.styles;
|
|
69
78
|
return (0, _emotion.jsx)("span", {
|
|
70
|
-
css: styles === null || styles === void 0 ? void 0 : styles.toggleFacade
|
|
79
|
+
css: styles === null || styles === void 0 ? void 0 : styles.toggleFacade,
|
|
80
|
+
ref: this.handleRef
|
|
71
81
|
}, (labelPlacement === 'top' || labelPlacement === 'start') && this.renderLabel(), (0, _emotion.jsx)("span", {
|
|
72
82
|
css: styles === null || styles === void 0 ? void 0 : styles.facade,
|
|
73
83
|
"aria-hidden": "true"
|
package/lib/Checkbox/index.js
CHANGED
|
@@ -60,6 +60,11 @@ tags: toggle, switch
|
|
|
60
60
|
let Checkbox = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class Checkbox extends _react.Component {
|
|
61
61
|
constructor(props) {
|
|
62
62
|
super(props);
|
|
63
|
+
this.ref = null;
|
|
64
|
+
|
|
65
|
+
this.handleRef = el => {
|
|
66
|
+
this.ref = el;
|
|
67
|
+
};
|
|
63
68
|
|
|
64
69
|
this.handleChange = e => {
|
|
65
70
|
const _this$props = this.props,
|
|
@@ -227,7 +232,8 @@ let Checkbox = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (
|
|
|
227
232
|
return (0, _emotion.jsx)("div", {
|
|
228
233
|
css: styles === null || styles === void 0 ? void 0 : styles.checkbox,
|
|
229
234
|
onMouseOver: (0, _createChainedFunction.createChainedFunction)(onMouseOver, this.handleMouseOver),
|
|
230
|
-
onMouseOut: (0, _createChainedFunction.createChainedFunction)(onMouseOut, this.handleMouseOut)
|
|
235
|
+
onMouseOut: (0, _createChainedFunction.createChainedFunction)(onMouseOut, this.handleMouseOut),
|
|
236
|
+
ref: this.handleRef
|
|
231
237
|
}, (0, _emotion.jsx)("input", Object.assign({}, props, {
|
|
232
238
|
id: this.id,
|
|
233
239
|
value: value,
|
|
@@ -37,6 +37,11 @@ category: components
|
|
|
37
37
|
let CheckboxGroup = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _class2 = class CheckboxGroup extends _react.Component {
|
|
38
38
|
constructor(props) {
|
|
39
39
|
super();
|
|
40
|
+
this.ref = null;
|
|
41
|
+
|
|
42
|
+
this.handleRef = el => {
|
|
43
|
+
this.ref = el;
|
|
44
|
+
};
|
|
40
45
|
|
|
41
46
|
this.handleChange = e => {
|
|
42
47
|
const newValue = this.value || [];
|
|
@@ -116,7 +121,8 @@ let CheckboxGroup = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _c
|
|
|
116
121
|
_react.default.createElement(_FormFieldGroup.FormFieldGroup, Object.assign({}, (0, _omitProps.omitProps)(this.props, CheckboxGroup.allowedProps), (0, _pickProps.pickProps)(this.props, _FormFieldGroup.FormFieldGroup.allowedProps), {
|
|
117
122
|
rowSpacing: "small",
|
|
118
123
|
vAlign: "top",
|
|
119
|
-
messagesId: this._messagesId
|
|
124
|
+
messagesId: this._messagesId,
|
|
125
|
+
elementRef: this.handleRef
|
|
120
126
|
}), this.renderChildren())
|
|
121
127
|
);
|
|
122
128
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-checkbox",
|
|
3
|
-
"version": "8.10.
|
|
3
|
+
"version": "8.10.3-snapshot.2+ccdf8f43b",
|
|
4
4
|
"description": " styled HTML input type='checkbox' component.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"type": "commonjs",
|
|
@@ -25,28 +25,28 @@
|
|
|
25
25
|
"license": "MIT",
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@babel/runtime": "^7.13.10",
|
|
28
|
-
"@instructure/console": "8.10.
|
|
29
|
-
"@instructure/emotion": "8.10.
|
|
30
|
-
"@instructure/shared-types": "8.10.
|
|
31
|
-
"@instructure/ui-dom-utils": "8.10.
|
|
32
|
-
"@instructure/ui-form-field": "8.10.
|
|
33
|
-
"@instructure/ui-icons": "8.10.
|
|
34
|
-
"@instructure/ui-prop-types": "8.10.
|
|
35
|
-
"@instructure/ui-react-utils": "8.10.
|
|
36
|
-
"@instructure/ui-svg-images": "8.10.
|
|
37
|
-
"@instructure/ui-testable": "8.10.
|
|
38
|
-
"@instructure/ui-utils": "8.10.
|
|
39
|
-
"@instructure/ui-view": "8.10.
|
|
40
|
-
"@instructure/uid": "8.10.
|
|
28
|
+
"@instructure/console": "8.10.3-snapshot.2+ccdf8f43b",
|
|
29
|
+
"@instructure/emotion": "8.10.3-snapshot.2+ccdf8f43b",
|
|
30
|
+
"@instructure/shared-types": "8.10.3-snapshot.2+ccdf8f43b",
|
|
31
|
+
"@instructure/ui-dom-utils": "8.10.3-snapshot.2+ccdf8f43b",
|
|
32
|
+
"@instructure/ui-form-field": "8.10.3-snapshot.2+ccdf8f43b",
|
|
33
|
+
"@instructure/ui-icons": "8.10.3-snapshot.2+ccdf8f43b",
|
|
34
|
+
"@instructure/ui-prop-types": "8.10.3-snapshot.2+ccdf8f43b",
|
|
35
|
+
"@instructure/ui-react-utils": "8.10.3-snapshot.2+ccdf8f43b",
|
|
36
|
+
"@instructure/ui-svg-images": "8.10.3-snapshot.2+ccdf8f43b",
|
|
37
|
+
"@instructure/ui-testable": "8.10.3-snapshot.2+ccdf8f43b",
|
|
38
|
+
"@instructure/ui-utils": "8.10.3-snapshot.2+ccdf8f43b",
|
|
39
|
+
"@instructure/ui-view": "8.10.3-snapshot.2+ccdf8f43b",
|
|
40
|
+
"@instructure/uid": "8.10.3-snapshot.2+ccdf8f43b",
|
|
41
41
|
"keycode": "^2",
|
|
42
42
|
"prop-types": "^15"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@instructure/ui-babel-preset": "8.10.
|
|
46
|
-
"@instructure/ui-color-utils": "8.10.
|
|
47
|
-
"@instructure/ui-test-locator": "8.10.
|
|
48
|
-
"@instructure/ui-test-utils": "8.10.
|
|
49
|
-
"@instructure/ui-themes": "8.10.
|
|
45
|
+
"@instructure/ui-babel-preset": "8.10.3-snapshot.2+ccdf8f43b",
|
|
46
|
+
"@instructure/ui-color-utils": "8.10.3-snapshot.2+ccdf8f43b",
|
|
47
|
+
"@instructure/ui-test-locator": "8.10.3-snapshot.2+ccdf8f43b",
|
|
48
|
+
"@instructure/ui-test-utils": "8.10.3-snapshot.2+ccdf8f43b",
|
|
49
|
+
"@instructure/ui-themes": "8.10.3-snapshot.2+ccdf8f43b"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
52
|
"react": ">=16.8 <=17"
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"access": "public"
|
|
56
56
|
},
|
|
57
57
|
"sideEffects": false,
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "ccdf8f43b56a8edef32600281692dfeb436d5a01"
|
|
59
59
|
}
|
|
@@ -55,6 +55,12 @@ class CheckboxFacade extends Component<CheckboxFacadeProps> {
|
|
|
55
55
|
indeterminate: false
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
+
ref: Element | null = null
|
|
59
|
+
|
|
60
|
+
handleRef = (el: Element | null) => {
|
|
61
|
+
this.ref = el
|
|
62
|
+
}
|
|
63
|
+
|
|
58
64
|
componentDidMount() {
|
|
59
65
|
// @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
|
|
60
66
|
this.props.makeStyles()
|
|
@@ -85,7 +91,7 @@ class CheckboxFacade extends Component<CheckboxFacadeProps> {
|
|
|
85
91
|
const { children, styles } = this.props
|
|
86
92
|
|
|
87
93
|
return (
|
|
88
|
-
<span css={styles?.checkboxFacade}>
|
|
94
|
+
<span css={styles?.checkboxFacade} ref={this.handleRef}>
|
|
89
95
|
<span css={styles?.facade} aria-hidden="true">
|
|
90
96
|
{this.renderIcon()}
|
|
91
97
|
</span>
|
|
@@ -55,6 +55,12 @@ class ToggleFacade extends Component<ToggleFacadeProps> {
|
|
|
55
55
|
labelPlacement: 'end'
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
+
ref: Element | null = null
|
|
59
|
+
|
|
60
|
+
handleRef = (el: Element | null) => {
|
|
61
|
+
this.ref = el
|
|
62
|
+
}
|
|
63
|
+
|
|
58
64
|
componentDidMount() {
|
|
59
65
|
// @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
|
|
60
66
|
this.props.makeStyles()
|
|
@@ -86,7 +92,7 @@ class ToggleFacade extends Component<ToggleFacadeProps> {
|
|
|
86
92
|
const { labelPlacement, styles } = this.props
|
|
87
93
|
|
|
88
94
|
return (
|
|
89
|
-
<span css={styles?.toggleFacade}>
|
|
95
|
+
<span css={styles?.toggleFacade} ref={this.handleRef}>
|
|
90
96
|
{(labelPlacement === 'top' || labelPlacement === 'start') &&
|
|
91
97
|
this.renderLabel()}
|
|
92
98
|
<span css={styles?.facade} aria-hidden="true">
|
package/src/Checkbox/index.tsx
CHANGED
|
@@ -92,6 +92,12 @@ class Checkbox extends Component<CheckboxProps> {
|
|
|
92
92
|
this._defaultId = uid('Checkbox')
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
+
ref: Element | null = null
|
|
96
|
+
|
|
97
|
+
handleRef = (el: Element | null) => {
|
|
98
|
+
this.ref = el
|
|
99
|
+
}
|
|
100
|
+
|
|
95
101
|
componentDidMount() {
|
|
96
102
|
// see https://github.com/facebook/react/issues/1798
|
|
97
103
|
// @ts-expect-error ts-migrate(2339) FIXME: Property '_input' does not exist on type 'Checkbox... Remove this comment to see the full error message
|
|
@@ -286,6 +292,7 @@ class Checkbox extends Component<CheckboxProps> {
|
|
|
286
292
|
css={styles?.checkbox}
|
|
287
293
|
onMouseOver={createChainedFunction(onMouseOver, this.handleMouseOver)}
|
|
288
294
|
onMouseOut={createChainedFunction(onMouseOut, this.handleMouseOut)}
|
|
295
|
+
ref={this.handleRef}
|
|
289
296
|
>
|
|
290
297
|
<input
|
|
291
298
|
{...props}
|
|
@@ -74,6 +74,12 @@ class CheckboxGroup extends Component<CheckboxGroupProps> {
|
|
|
74
74
|
this._messagesId = uid('CheckboxGroup-messages')
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
+
ref: Element | null = null
|
|
78
|
+
|
|
79
|
+
handleRef = (el: Element | null) => {
|
|
80
|
+
this.ref = el
|
|
81
|
+
}
|
|
82
|
+
|
|
77
83
|
get hasMessages() {
|
|
78
84
|
return this.props.messages && this.props.messages.length > 0
|
|
79
85
|
}
|
|
@@ -156,6 +162,7 @@ class CheckboxGroup extends Component<CheckboxGroupProps> {
|
|
|
156
162
|
vAlign="top"
|
|
157
163
|
// @ts-expect-error ts-migrate(2339) FIXME: Property '_messagesId' does not exist on type 'Che... Remove this comment to see the full error message
|
|
158
164
|
messagesId={this._messagesId}
|
|
165
|
+
elementRef={this.handleRef}
|
|
159
166
|
>
|
|
160
167
|
{this.renderChildren()}
|
|
161
168
|
</FormFieldGroup>
|
|
@@ -32,6 +32,8 @@ declare class CheckboxFacade extends Component<CheckboxFacadeProps> {
|
|
|
32
32
|
size: string;
|
|
33
33
|
indeterminate: boolean;
|
|
34
34
|
};
|
|
35
|
+
ref: Element | null;
|
|
36
|
+
handleRef: (el: Element | null) => void;
|
|
35
37
|
componentDidMount(): void;
|
|
36
38
|
componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
|
|
37
39
|
renderIcon(): jsx.JSX.Element | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,UAAU;IAeV,MAAM;CAYP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,UAAU;IAeV,MAAM;CAYP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -19,24 +19,28 @@ export declare const CheckboxLocator: {
|
|
|
19
19
|
findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
|
|
20
20
|
findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
|
|
21
21
|
} & {
|
|
22
|
+
toString: (maxLength?: number | undefined, options?: {
|
|
23
|
+
highlight: boolean;
|
|
24
|
+
} | undefined) => string;
|
|
25
|
+
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
26
|
+
children: (selector: string) => Element[];
|
|
27
|
+
title: () => string | null | undefined;
|
|
28
|
+
id: () => string;
|
|
29
|
+
tagName: () => string;
|
|
30
|
+
getAttribute: (qualifiedName: string) => string | null;
|
|
31
|
+
getBoundingClientRect: () => DOMRect;
|
|
32
|
+
matches: (selector: string | undefined) => boolean;
|
|
22
33
|
visible: () => boolean;
|
|
23
34
|
value: () => string | null;
|
|
24
35
|
disabled: () => string | null;
|
|
25
36
|
role: () => string | null;
|
|
26
|
-
id: () => string;
|
|
27
37
|
label: () => string | null | undefined;
|
|
28
|
-
title: () => string | null | undefined;
|
|
29
|
-
toString: (maxLength?: number | undefined, options?: {
|
|
30
|
-
highlight: boolean;
|
|
31
|
-
} | undefined) => string;
|
|
32
38
|
getId: () => string;
|
|
33
39
|
getOwnerWindow: () => (Window & typeof globalThis) | null;
|
|
34
40
|
getOwnerDocument: () => Document;
|
|
35
41
|
getComputedStyle: () => CSSStyleDeclaration;
|
|
36
42
|
getTagName: () => string;
|
|
37
|
-
tagName: () => string;
|
|
38
43
|
typeIn: (text: string) => Promise<void>;
|
|
39
|
-
getAttribute: (qualifiedName: string) => string | null;
|
|
40
44
|
getDOMNode: () => Element;
|
|
41
45
|
node: () => Element;
|
|
42
46
|
debug: (maxLength?: number | undefined, options?: {
|
|
@@ -44,9 +48,8 @@ export declare const CheckboxLocator: {
|
|
|
44
48
|
} | undefined) => void;
|
|
45
49
|
accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
|
|
46
50
|
getTextContent: () => string | null;
|
|
47
|
-
getParentNode: () =>
|
|
48
|
-
parent: () =>
|
|
49
|
-
getBoundingClientRect: () => DOMRect;
|
|
51
|
+
getParentNode: () => ParentNode | null;
|
|
52
|
+
parent: () => ParentNode | null;
|
|
50
53
|
rect: () => DOMRect;
|
|
51
54
|
hasClass: (classname: string) => boolean;
|
|
52
55
|
containsFocus: () => boolean;
|
|
@@ -58,19 +61,17 @@ export declare const CheckboxLocator: {
|
|
|
58
61
|
exists: () => boolean;
|
|
59
62
|
text: () => string | null;
|
|
60
63
|
empty: () => boolean;
|
|
61
|
-
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
62
64
|
descendants: (selector: string) => Element[];
|
|
63
|
-
ancestors: (selector: string) =>
|
|
65
|
+
ancestors: (selector: string) => ParentNode[];
|
|
64
66
|
attribute: (qualifiedName: string) => string | null;
|
|
65
67
|
style: (property: string) => string;
|
|
66
68
|
classNames: () => string[];
|
|
67
|
-
matches: (selector: string | undefined) => boolean;
|
|
68
69
|
checked: () => any;
|
|
69
70
|
selected: () => any;
|
|
70
71
|
readonly: () => any;
|
|
71
|
-
|
|
72
|
-
parents: (selector: string) => (Node & ParentNode)[];
|
|
72
|
+
parents: (selector: string) => ParentNode[];
|
|
73
73
|
} & {
|
|
74
|
+
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
74
75
|
copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
75
76
|
cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
76
77
|
paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -108,7 +109,6 @@ export declare const CheckboxLocator: {
|
|
|
108
109
|
touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
109
110
|
touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
110
111
|
touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
111
|
-
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
112
112
|
wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
113
113
|
abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
114
114
|
canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -158,24 +158,28 @@ export declare const CheckboxLocator: {
|
|
|
158
158
|
findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
|
|
159
159
|
findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
|
|
160
160
|
} & {
|
|
161
|
+
toString: (maxLength?: number | undefined, options?: {
|
|
162
|
+
highlight: boolean;
|
|
163
|
+
} | undefined) => string;
|
|
164
|
+
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
165
|
+
children: (selector: string) => Element[];
|
|
166
|
+
title: () => string | null | undefined;
|
|
167
|
+
id: () => string;
|
|
168
|
+
tagName: () => string;
|
|
169
|
+
getAttribute: (qualifiedName: string) => string | null;
|
|
170
|
+
getBoundingClientRect: () => DOMRect;
|
|
171
|
+
matches: (selector: string | undefined) => boolean;
|
|
161
172
|
visible: () => boolean;
|
|
162
173
|
value: () => string | null;
|
|
163
174
|
disabled: () => string | null;
|
|
164
175
|
role: () => string | null;
|
|
165
|
-
id: () => string;
|
|
166
176
|
label: () => string | null | undefined;
|
|
167
|
-
title: () => string | null | undefined;
|
|
168
|
-
toString: (maxLength?: number | undefined, options?: {
|
|
169
|
-
highlight: boolean;
|
|
170
|
-
} | undefined) => string;
|
|
171
177
|
getId: () => string;
|
|
172
178
|
getOwnerWindow: () => (Window & typeof globalThis) | null;
|
|
173
179
|
getOwnerDocument: () => Document;
|
|
174
180
|
getComputedStyle: () => CSSStyleDeclaration;
|
|
175
181
|
getTagName: () => string;
|
|
176
|
-
tagName: () => string;
|
|
177
182
|
typeIn: (text: string) => Promise<void>;
|
|
178
|
-
getAttribute: (qualifiedName: string) => string | null;
|
|
179
183
|
getDOMNode: () => Element;
|
|
180
184
|
node: () => Element;
|
|
181
185
|
debug: (maxLength?: number | undefined, options?: {
|
|
@@ -183,9 +187,8 @@ export declare const CheckboxLocator: {
|
|
|
183
187
|
} | undefined) => void;
|
|
184
188
|
accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
|
|
185
189
|
getTextContent: () => string | null;
|
|
186
|
-
getParentNode: () =>
|
|
187
|
-
parent: () =>
|
|
188
|
-
getBoundingClientRect: () => DOMRect;
|
|
190
|
+
getParentNode: () => ParentNode | null;
|
|
191
|
+
parent: () => ParentNode | null;
|
|
189
192
|
rect: () => DOMRect;
|
|
190
193
|
hasClass: (classname: string) => boolean;
|
|
191
194
|
containsFocus: () => boolean;
|
|
@@ -197,19 +200,17 @@ export declare const CheckboxLocator: {
|
|
|
197
200
|
exists: () => boolean;
|
|
198
201
|
text: () => string | null;
|
|
199
202
|
empty: () => boolean;
|
|
200
|
-
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
201
203
|
descendants: (selector: string) => Element[];
|
|
202
|
-
ancestors: (selector: string) =>
|
|
204
|
+
ancestors: (selector: string) => ParentNode[];
|
|
203
205
|
attribute: (qualifiedName: string) => string | null;
|
|
204
206
|
style: (property: string) => string;
|
|
205
207
|
classNames: () => string[];
|
|
206
|
-
matches: (selector: string | undefined) => boolean;
|
|
207
208
|
checked: () => any;
|
|
208
209
|
selected: () => any;
|
|
209
210
|
readonly: () => any;
|
|
210
|
-
|
|
211
|
-
parents: (selector: string) => (Node & ParentNode)[];
|
|
211
|
+
parents: (selector: string) => ParentNode[];
|
|
212
212
|
} & {
|
|
213
|
+
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
213
214
|
copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
214
215
|
cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
215
216
|
paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -247,7 +248,6 @@ export declare const CheckboxLocator: {
|
|
|
247
248
|
touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
248
249
|
touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
249
250
|
touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
250
|
-
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
251
251
|
wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
252
252
|
abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
253
253
|
canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -297,24 +297,28 @@ export declare const CheckboxLocator: {
|
|
|
297
297
|
findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
|
|
298
298
|
findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
|
|
299
299
|
} & {
|
|
300
|
+
toString: (maxLength?: number | undefined, options?: {
|
|
301
|
+
highlight: boolean;
|
|
302
|
+
} | undefined) => string;
|
|
303
|
+
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
304
|
+
children: (selector: string) => Element[];
|
|
305
|
+
title: () => string | null | undefined;
|
|
306
|
+
id: () => string;
|
|
307
|
+
tagName: () => string;
|
|
308
|
+
getAttribute: (qualifiedName: string) => string | null;
|
|
309
|
+
getBoundingClientRect: () => DOMRect;
|
|
310
|
+
matches: (selector: string | undefined) => boolean;
|
|
300
311
|
visible: () => boolean;
|
|
301
312
|
value: () => string | null;
|
|
302
313
|
disabled: () => string | null;
|
|
303
314
|
role: () => string | null;
|
|
304
|
-
id: () => string;
|
|
305
315
|
label: () => string | null | undefined;
|
|
306
|
-
title: () => string | null | undefined;
|
|
307
|
-
toString: (maxLength?: number | undefined, options?: {
|
|
308
|
-
highlight: boolean;
|
|
309
|
-
} | undefined) => string;
|
|
310
316
|
getId: () => string;
|
|
311
317
|
getOwnerWindow: () => (Window & typeof globalThis) | null;
|
|
312
318
|
getOwnerDocument: () => Document;
|
|
313
319
|
getComputedStyle: () => CSSStyleDeclaration;
|
|
314
320
|
getTagName: () => string;
|
|
315
|
-
tagName: () => string;
|
|
316
321
|
typeIn: (text: string) => Promise<void>;
|
|
317
|
-
getAttribute: (qualifiedName: string) => string | null;
|
|
318
322
|
getDOMNode: () => Element;
|
|
319
323
|
node: () => Element;
|
|
320
324
|
debug: (maxLength?: number | undefined, options?: {
|
|
@@ -322,9 +326,8 @@ export declare const CheckboxLocator: {
|
|
|
322
326
|
} | undefined) => void;
|
|
323
327
|
accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
|
|
324
328
|
getTextContent: () => string | null;
|
|
325
|
-
getParentNode: () =>
|
|
326
|
-
parent: () =>
|
|
327
|
-
getBoundingClientRect: () => DOMRect;
|
|
329
|
+
getParentNode: () => ParentNode | null;
|
|
330
|
+
parent: () => ParentNode | null;
|
|
328
331
|
rect: () => DOMRect;
|
|
329
332
|
hasClass: (classname: string) => boolean;
|
|
330
333
|
containsFocus: () => boolean;
|
|
@@ -336,19 +339,17 @@ export declare const CheckboxLocator: {
|
|
|
336
339
|
exists: () => boolean;
|
|
337
340
|
text: () => string | null;
|
|
338
341
|
empty: () => boolean;
|
|
339
|
-
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
340
342
|
descendants: (selector: string) => Element[];
|
|
341
|
-
ancestors: (selector: string) =>
|
|
343
|
+
ancestors: (selector: string) => ParentNode[];
|
|
342
344
|
attribute: (qualifiedName: string) => string | null;
|
|
343
345
|
style: (property: string) => string;
|
|
344
346
|
classNames: () => string[];
|
|
345
|
-
matches: (selector: string | undefined) => boolean;
|
|
346
347
|
checked: () => any;
|
|
347
348
|
selected: () => any;
|
|
348
349
|
readonly: () => any;
|
|
349
|
-
|
|
350
|
-
parents: (selector: string) => (Node & ParentNode)[];
|
|
350
|
+
parents: (selector: string) => ParentNode[];
|
|
351
351
|
} & {
|
|
352
|
+
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
352
353
|
copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
353
354
|
cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
354
355
|
paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -386,7 +387,6 @@ export declare const CheckboxLocator: {
|
|
|
386
387
|
touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
387
388
|
touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
388
389
|
touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
389
|
-
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
390
390
|
wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
391
391
|
abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
392
392
|
canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -436,24 +436,28 @@ export declare const CheckboxLocator: {
|
|
|
436
436
|
findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
|
|
437
437
|
findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
|
|
438
438
|
} & {
|
|
439
|
+
toString: (maxLength?: number | undefined, options?: {
|
|
440
|
+
highlight: boolean;
|
|
441
|
+
} | undefined) => string;
|
|
442
|
+
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
443
|
+
children: (selector: string) => Element[];
|
|
444
|
+
title: () => string | null | undefined;
|
|
445
|
+
id: () => string;
|
|
446
|
+
tagName: () => string;
|
|
447
|
+
getAttribute: (qualifiedName: string) => string | null;
|
|
448
|
+
getBoundingClientRect: () => DOMRect;
|
|
449
|
+
matches: (selector: string | undefined) => boolean;
|
|
439
450
|
visible: () => boolean;
|
|
440
451
|
value: () => string | null;
|
|
441
452
|
disabled: () => string | null;
|
|
442
453
|
role: () => string | null;
|
|
443
|
-
id: () => string;
|
|
444
454
|
label: () => string | null | undefined;
|
|
445
|
-
title: () => string | null | undefined;
|
|
446
|
-
toString: (maxLength?: number | undefined, options?: {
|
|
447
|
-
highlight: boolean;
|
|
448
|
-
} | undefined) => string;
|
|
449
455
|
getId: () => string;
|
|
450
456
|
getOwnerWindow: () => (Window & typeof globalThis) | null;
|
|
451
457
|
getOwnerDocument: () => Document;
|
|
452
458
|
getComputedStyle: () => CSSStyleDeclaration;
|
|
453
459
|
getTagName: () => string;
|
|
454
|
-
tagName: () => string;
|
|
455
460
|
typeIn: (text: string) => Promise<void>;
|
|
456
|
-
getAttribute: (qualifiedName: string) => string | null;
|
|
457
461
|
getDOMNode: () => Element;
|
|
458
462
|
node: () => Element;
|
|
459
463
|
debug: (maxLength?: number | undefined, options?: {
|
|
@@ -461,9 +465,8 @@ export declare const CheckboxLocator: {
|
|
|
461
465
|
} | undefined) => void;
|
|
462
466
|
accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
|
|
463
467
|
getTextContent: () => string | null;
|
|
464
|
-
getParentNode: () =>
|
|
465
|
-
parent: () =>
|
|
466
|
-
getBoundingClientRect: () => DOMRect;
|
|
468
|
+
getParentNode: () => ParentNode | null;
|
|
469
|
+
parent: () => ParentNode | null;
|
|
467
470
|
rect: () => DOMRect;
|
|
468
471
|
hasClass: (classname: string) => boolean;
|
|
469
472
|
containsFocus: () => boolean;
|
|
@@ -475,19 +478,17 @@ export declare const CheckboxLocator: {
|
|
|
475
478
|
exists: () => boolean;
|
|
476
479
|
text: () => string | null;
|
|
477
480
|
empty: () => boolean;
|
|
478
|
-
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
479
481
|
descendants: (selector: string) => Element[];
|
|
480
|
-
ancestors: (selector: string) =>
|
|
482
|
+
ancestors: (selector: string) => ParentNode[];
|
|
481
483
|
attribute: (qualifiedName: string) => string | null;
|
|
482
484
|
style: (property: string) => string;
|
|
483
485
|
classNames: () => string[];
|
|
484
|
-
matches: (selector: string | undefined) => boolean;
|
|
485
486
|
checked: () => any;
|
|
486
487
|
selected: () => any;
|
|
487
488
|
readonly: () => any;
|
|
488
|
-
|
|
489
|
-
parents: (selector: string) => (Node & ParentNode)[];
|
|
489
|
+
parents: (selector: string) => ParentNode[];
|
|
490
490
|
} & {
|
|
491
|
+
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
491
492
|
copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
492
493
|
cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
493
494
|
paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -525,7 +526,6 @@ export declare const CheckboxLocator: {
|
|
|
525
526
|
touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
526
527
|
touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
527
528
|
touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
528
|
-
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
529
529
|
wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
530
530
|
abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
531
531
|
canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -35,6 +35,8 @@ declare class ToggleFacade extends Component<ToggleFacadeProps> {
|
|
|
35
35
|
readOnly: boolean;
|
|
36
36
|
labelPlacement: string;
|
|
37
37
|
};
|
|
38
|
+
ref: Element | null;
|
|
39
|
+
handleRef: (el: Element | null) => void;
|
|
38
40
|
componentDidMount(): void;
|
|
39
41
|
componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
|
|
40
42
|
renderIcon(): jsx.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ToggleFacade/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;;GAIG;AACH,cACM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACrD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,UAAU;IAUV,WAAW;IAMX,MAAM;CAgBP;AAED,eAAe,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ToggleFacade/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;;GAIG;AACH,cACM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACrD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,UAAU;IAUV,WAAW;IAMX,MAAM;CAgBP;AAED,eAAe,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -64,6 +64,8 @@ declare class Checkbox extends Component<CheckboxProps> {
|
|
|
64
64
|
labelPlacement: string;
|
|
65
65
|
};
|
|
66
66
|
constructor(props: any);
|
|
67
|
+
ref: Element | null;
|
|
68
|
+
handleRef: (el: Element | null) => void;
|
|
67
69
|
componentDidMount(): void;
|
|
68
70
|
componentDidUpdate(prevProps: any): void;
|
|
69
71
|
handleChange: (e: any) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Checkbox/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAK7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO5C;;;;;GAKG;AAEH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAQlB;gBAGW,KAAK,KAAA;IAiBjB,iBAAiB;IAUjB,kBAAkB,CAAC,SAAS,KAAA;IAY5B,YAAY,mBAgBX;IAGD,aAAa,mBAUZ;IAGD,WAAW,mBAIV;IAGD,UAAU,mBAIT;IAGD,eAAe,mBAId;IAGD,cAAc,mBAIb;IAED,IAAI,EAAE,QAGL;IAED,IAAI,OAAO,QAKV;IAED,IAAI,OAAO,YAGV;IAED,KAAK;IAKL,YAAY;IAoDZ,cAAc;IAUd,MAAM;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Checkbox/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAK7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO5C;;;;;GAKG;AAEH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAQlB;gBAGW,KAAK,KAAA;IAiBjB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAUjB,kBAAkB,CAAC,SAAS,KAAA;IAY5B,YAAY,mBAgBX;IAGD,aAAa,mBAUZ;IAGD,WAAW,mBAIV;IAGD,UAAU,mBAIT;IAGD,eAAe,mBAId;IAGD,cAAc,mBAIb;IAED,IAAI,EAAE,QAGL;IAED,IAAI,OAAO,QAKV;IAED,IAAI,OAAO,YAGV;IAED,KAAK;IAKL,YAAY;IAoDZ,cAAc;IAUd,MAAM;CA0DP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -19,24 +19,28 @@ export declare const CheckboxGroupLocator: {
|
|
|
19
19
|
findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
|
|
20
20
|
findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
|
|
21
21
|
} & {
|
|
22
|
+
toString: (maxLength?: number | undefined, options?: {
|
|
23
|
+
highlight: boolean;
|
|
24
|
+
} | undefined) => string;
|
|
25
|
+
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
26
|
+
children: (selector: string) => Element[];
|
|
27
|
+
title: () => string | null | undefined;
|
|
28
|
+
id: () => string;
|
|
29
|
+
tagName: () => string;
|
|
30
|
+
getAttribute: (qualifiedName: string) => string | null;
|
|
31
|
+
getBoundingClientRect: () => DOMRect;
|
|
32
|
+
matches: (selector: string | undefined) => boolean;
|
|
22
33
|
visible: () => boolean;
|
|
23
34
|
value: () => string | null;
|
|
24
35
|
disabled: () => string | null;
|
|
25
36
|
role: () => string | null;
|
|
26
|
-
id: () => string;
|
|
27
37
|
label: () => string | null | undefined;
|
|
28
|
-
title: () => string | null | undefined;
|
|
29
|
-
toString: (maxLength?: number | undefined, options?: {
|
|
30
|
-
highlight: boolean;
|
|
31
|
-
} | undefined) => string;
|
|
32
38
|
getId: () => string;
|
|
33
39
|
getOwnerWindow: () => (Window & typeof globalThis) | null;
|
|
34
40
|
getOwnerDocument: () => Document;
|
|
35
41
|
getComputedStyle: () => CSSStyleDeclaration;
|
|
36
42
|
getTagName: () => string;
|
|
37
|
-
tagName: () => string;
|
|
38
43
|
typeIn: (text: string) => Promise<void>;
|
|
39
|
-
getAttribute: (qualifiedName: string) => string | null;
|
|
40
44
|
getDOMNode: () => Element;
|
|
41
45
|
node: () => Element;
|
|
42
46
|
debug: (maxLength?: number | undefined, options?: {
|
|
@@ -44,9 +48,8 @@ export declare const CheckboxGroupLocator: {
|
|
|
44
48
|
} | undefined) => void;
|
|
45
49
|
accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
|
|
46
50
|
getTextContent: () => string | null;
|
|
47
|
-
getParentNode: () =>
|
|
48
|
-
parent: () =>
|
|
49
|
-
getBoundingClientRect: () => DOMRect;
|
|
51
|
+
getParentNode: () => ParentNode | null;
|
|
52
|
+
parent: () => ParentNode | null;
|
|
50
53
|
rect: () => DOMRect;
|
|
51
54
|
hasClass: (classname: string) => boolean;
|
|
52
55
|
containsFocus: () => boolean;
|
|
@@ -58,19 +61,17 @@ export declare const CheckboxGroupLocator: {
|
|
|
58
61
|
exists: () => boolean;
|
|
59
62
|
text: () => string | null;
|
|
60
63
|
empty: () => boolean;
|
|
61
|
-
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
62
64
|
descendants: (selector: string) => Element[];
|
|
63
|
-
ancestors: (selector: string) =>
|
|
65
|
+
ancestors: (selector: string) => ParentNode[];
|
|
64
66
|
attribute: (qualifiedName: string) => string | null;
|
|
65
67
|
style: (property: string) => string;
|
|
66
68
|
classNames: () => string[];
|
|
67
|
-
matches: (selector: string | undefined) => boolean;
|
|
68
69
|
checked: () => any;
|
|
69
70
|
selected: () => any;
|
|
70
71
|
readonly: () => any;
|
|
71
|
-
|
|
72
|
-
parents: (selector: string) => (Node & ParentNode)[];
|
|
72
|
+
parents: (selector: string) => ParentNode[];
|
|
73
73
|
} & {
|
|
74
|
+
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
74
75
|
copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
75
76
|
cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
76
77
|
paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -108,7 +109,6 @@ export declare const CheckboxGroupLocator: {
|
|
|
108
109
|
touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
109
110
|
touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
110
111
|
touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
111
|
-
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
112
112
|
wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
113
113
|
abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
114
114
|
canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -158,24 +158,28 @@ export declare const CheckboxGroupLocator: {
|
|
|
158
158
|
findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
|
|
159
159
|
findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
|
|
160
160
|
} & {
|
|
161
|
+
toString: (maxLength?: number | undefined, options?: {
|
|
162
|
+
highlight: boolean;
|
|
163
|
+
} | undefined) => string;
|
|
164
|
+
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
165
|
+
children: (selector: string) => Element[];
|
|
166
|
+
title: () => string | null | undefined;
|
|
167
|
+
id: () => string;
|
|
168
|
+
tagName: () => string;
|
|
169
|
+
getAttribute: (qualifiedName: string) => string | null;
|
|
170
|
+
getBoundingClientRect: () => DOMRect;
|
|
171
|
+
matches: (selector: string | undefined) => boolean;
|
|
161
172
|
visible: () => boolean;
|
|
162
173
|
value: () => string | null;
|
|
163
174
|
disabled: () => string | null;
|
|
164
175
|
role: () => string | null;
|
|
165
|
-
id: () => string;
|
|
166
176
|
label: () => string | null | undefined;
|
|
167
|
-
title: () => string | null | undefined;
|
|
168
|
-
toString: (maxLength?: number | undefined, options?: {
|
|
169
|
-
highlight: boolean;
|
|
170
|
-
} | undefined) => string;
|
|
171
177
|
getId: () => string;
|
|
172
178
|
getOwnerWindow: () => (Window & typeof globalThis) | null;
|
|
173
179
|
getOwnerDocument: () => Document;
|
|
174
180
|
getComputedStyle: () => CSSStyleDeclaration;
|
|
175
181
|
getTagName: () => string;
|
|
176
|
-
tagName: () => string;
|
|
177
182
|
typeIn: (text: string) => Promise<void>;
|
|
178
|
-
getAttribute: (qualifiedName: string) => string | null;
|
|
179
183
|
getDOMNode: () => Element;
|
|
180
184
|
node: () => Element;
|
|
181
185
|
debug: (maxLength?: number | undefined, options?: {
|
|
@@ -183,9 +187,8 @@ export declare const CheckboxGroupLocator: {
|
|
|
183
187
|
} | undefined) => void;
|
|
184
188
|
accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
|
|
185
189
|
getTextContent: () => string | null;
|
|
186
|
-
getParentNode: () =>
|
|
187
|
-
parent: () =>
|
|
188
|
-
getBoundingClientRect: () => DOMRect;
|
|
190
|
+
getParentNode: () => ParentNode | null;
|
|
191
|
+
parent: () => ParentNode | null;
|
|
189
192
|
rect: () => DOMRect;
|
|
190
193
|
hasClass: (classname: string) => boolean;
|
|
191
194
|
containsFocus: () => boolean;
|
|
@@ -197,19 +200,17 @@ export declare const CheckboxGroupLocator: {
|
|
|
197
200
|
exists: () => boolean;
|
|
198
201
|
text: () => string | null;
|
|
199
202
|
empty: () => boolean;
|
|
200
|
-
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
201
203
|
descendants: (selector: string) => Element[];
|
|
202
|
-
ancestors: (selector: string) =>
|
|
204
|
+
ancestors: (selector: string) => ParentNode[];
|
|
203
205
|
attribute: (qualifiedName: string) => string | null;
|
|
204
206
|
style: (property: string) => string;
|
|
205
207
|
classNames: () => string[];
|
|
206
|
-
matches: (selector: string | undefined) => boolean;
|
|
207
208
|
checked: () => any;
|
|
208
209
|
selected: () => any;
|
|
209
210
|
readonly: () => any;
|
|
210
|
-
|
|
211
|
-
parents: (selector: string) => (Node & ParentNode)[];
|
|
211
|
+
parents: (selector: string) => ParentNode[];
|
|
212
212
|
} & {
|
|
213
|
+
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
213
214
|
copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
214
215
|
cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
215
216
|
paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -247,7 +248,6 @@ export declare const CheckboxGroupLocator: {
|
|
|
247
248
|
touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
248
249
|
touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
249
250
|
touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
250
|
-
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
251
251
|
wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
252
252
|
abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
253
253
|
canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -297,24 +297,28 @@ export declare const CheckboxGroupLocator: {
|
|
|
297
297
|
findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
|
|
298
298
|
findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
|
|
299
299
|
} & {
|
|
300
|
+
toString: (maxLength?: number | undefined, options?: {
|
|
301
|
+
highlight: boolean;
|
|
302
|
+
} | undefined) => string;
|
|
303
|
+
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
304
|
+
children: (selector: string) => Element[];
|
|
305
|
+
title: () => string | null | undefined;
|
|
306
|
+
id: () => string;
|
|
307
|
+
tagName: () => string;
|
|
308
|
+
getAttribute: (qualifiedName: string) => string | null;
|
|
309
|
+
getBoundingClientRect: () => DOMRect;
|
|
310
|
+
matches: (selector: string | undefined) => boolean;
|
|
300
311
|
visible: () => boolean;
|
|
301
312
|
value: () => string | null;
|
|
302
313
|
disabled: () => string | null;
|
|
303
314
|
role: () => string | null;
|
|
304
|
-
id: () => string;
|
|
305
315
|
label: () => string | null | undefined;
|
|
306
|
-
title: () => string | null | undefined;
|
|
307
|
-
toString: (maxLength?: number | undefined, options?: {
|
|
308
|
-
highlight: boolean;
|
|
309
|
-
} | undefined) => string;
|
|
310
316
|
getId: () => string;
|
|
311
317
|
getOwnerWindow: () => (Window & typeof globalThis) | null;
|
|
312
318
|
getOwnerDocument: () => Document;
|
|
313
319
|
getComputedStyle: () => CSSStyleDeclaration;
|
|
314
320
|
getTagName: () => string;
|
|
315
|
-
tagName: () => string;
|
|
316
321
|
typeIn: (text: string) => Promise<void>;
|
|
317
|
-
getAttribute: (qualifiedName: string) => string | null;
|
|
318
322
|
getDOMNode: () => Element;
|
|
319
323
|
node: () => Element;
|
|
320
324
|
debug: (maxLength?: number | undefined, options?: {
|
|
@@ -322,9 +326,8 @@ export declare const CheckboxGroupLocator: {
|
|
|
322
326
|
} | undefined) => void;
|
|
323
327
|
accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
|
|
324
328
|
getTextContent: () => string | null;
|
|
325
|
-
getParentNode: () =>
|
|
326
|
-
parent: () =>
|
|
327
|
-
getBoundingClientRect: () => DOMRect;
|
|
329
|
+
getParentNode: () => ParentNode | null;
|
|
330
|
+
parent: () => ParentNode | null;
|
|
328
331
|
rect: () => DOMRect;
|
|
329
332
|
hasClass: (classname: string) => boolean;
|
|
330
333
|
containsFocus: () => boolean;
|
|
@@ -336,19 +339,17 @@ export declare const CheckboxGroupLocator: {
|
|
|
336
339
|
exists: () => boolean;
|
|
337
340
|
text: () => string | null;
|
|
338
341
|
empty: () => boolean;
|
|
339
|
-
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
340
342
|
descendants: (selector: string) => Element[];
|
|
341
|
-
ancestors: (selector: string) =>
|
|
343
|
+
ancestors: (selector: string) => ParentNode[];
|
|
342
344
|
attribute: (qualifiedName: string) => string | null;
|
|
343
345
|
style: (property: string) => string;
|
|
344
346
|
classNames: () => string[];
|
|
345
|
-
matches: (selector: string | undefined) => boolean;
|
|
346
347
|
checked: () => any;
|
|
347
348
|
selected: () => any;
|
|
348
349
|
readonly: () => any;
|
|
349
|
-
|
|
350
|
-
parents: (selector: string) => (Node & ParentNode)[];
|
|
350
|
+
parents: (selector: string) => ParentNode[];
|
|
351
351
|
} & {
|
|
352
|
+
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
352
353
|
copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
353
354
|
cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
354
355
|
paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -386,7 +387,6 @@ export declare const CheckboxGroupLocator: {
|
|
|
386
387
|
touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
387
388
|
touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
388
389
|
touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
389
|
-
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
390
390
|
wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
391
391
|
abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
392
392
|
canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -436,24 +436,28 @@ export declare const CheckboxGroupLocator: {
|
|
|
436
436
|
findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
|
|
437
437
|
findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
|
|
438
438
|
} & {
|
|
439
|
+
toString: (maxLength?: number | undefined, options?: {
|
|
440
|
+
highlight: boolean;
|
|
441
|
+
} | undefined) => string;
|
|
442
|
+
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
443
|
+
children: (selector: string) => Element[];
|
|
444
|
+
title: () => string | null | undefined;
|
|
445
|
+
id: () => string;
|
|
446
|
+
tagName: () => string;
|
|
447
|
+
getAttribute: (qualifiedName: string) => string | null;
|
|
448
|
+
getBoundingClientRect: () => DOMRect;
|
|
449
|
+
matches: (selector: string | undefined) => boolean;
|
|
439
450
|
visible: () => boolean;
|
|
440
451
|
value: () => string | null;
|
|
441
452
|
disabled: () => string | null;
|
|
442
453
|
role: () => string | null;
|
|
443
|
-
id: () => string;
|
|
444
454
|
label: () => string | null | undefined;
|
|
445
|
-
title: () => string | null | undefined;
|
|
446
|
-
toString: (maxLength?: number | undefined, options?: {
|
|
447
|
-
highlight: boolean;
|
|
448
|
-
} | undefined) => string;
|
|
449
455
|
getId: () => string;
|
|
450
456
|
getOwnerWindow: () => (Window & typeof globalThis) | null;
|
|
451
457
|
getOwnerDocument: () => Document;
|
|
452
458
|
getComputedStyle: () => CSSStyleDeclaration;
|
|
453
459
|
getTagName: () => string;
|
|
454
|
-
tagName: () => string;
|
|
455
460
|
typeIn: (text: string) => Promise<void>;
|
|
456
|
-
getAttribute: (qualifiedName: string) => string | null;
|
|
457
461
|
getDOMNode: () => Element;
|
|
458
462
|
node: () => Element;
|
|
459
463
|
debug: (maxLength?: number | undefined, options?: {
|
|
@@ -461,9 +465,8 @@ export declare const CheckboxGroupLocator: {
|
|
|
461
465
|
} | undefined) => void;
|
|
462
466
|
accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
|
|
463
467
|
getTextContent: () => string | null;
|
|
464
|
-
getParentNode: () =>
|
|
465
|
-
parent: () =>
|
|
466
|
-
getBoundingClientRect: () => DOMRect;
|
|
468
|
+
getParentNode: () => ParentNode | null;
|
|
469
|
+
parent: () => ParentNode | null;
|
|
467
470
|
rect: () => DOMRect;
|
|
468
471
|
hasClass: (classname: string) => boolean;
|
|
469
472
|
containsFocus: () => boolean;
|
|
@@ -475,19 +478,17 @@ export declare const CheckboxGroupLocator: {
|
|
|
475
478
|
exists: () => boolean;
|
|
476
479
|
text: () => string | null;
|
|
477
480
|
empty: () => boolean;
|
|
478
|
-
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
479
481
|
descendants: (selector: string) => Element[];
|
|
480
|
-
ancestors: (selector: string) =>
|
|
482
|
+
ancestors: (selector: string) => ParentNode[];
|
|
481
483
|
attribute: (qualifiedName: string) => string | null;
|
|
482
484
|
style: (property: string) => string;
|
|
483
485
|
classNames: () => string[];
|
|
484
|
-
matches: (selector: string | undefined) => boolean;
|
|
485
486
|
checked: () => any;
|
|
486
487
|
selected: () => any;
|
|
487
488
|
readonly: () => any;
|
|
488
|
-
|
|
489
|
-
parents: (selector: string) => (Node & ParentNode)[];
|
|
489
|
+
parents: (selector: string) => ParentNode[];
|
|
490
490
|
} & {
|
|
491
|
+
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
491
492
|
copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
492
493
|
cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
493
494
|
paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -525,7 +526,6 @@ export declare const CheckboxGroupLocator: {
|
|
|
525
526
|
touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
526
527
|
touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
527
528
|
touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
528
|
-
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
529
529
|
wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
530
530
|
abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
531
531
|
canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -41,6 +41,8 @@ declare class CheckboxGroup extends Component<CheckboxGroupProps> {
|
|
|
41
41
|
children: null;
|
|
42
42
|
};
|
|
43
43
|
constructor(props: any);
|
|
44
|
+
ref: Element | null;
|
|
45
|
+
handleRef: (el: Element | null) => void;
|
|
44
46
|
get hasMessages(): boolean | undefined;
|
|
45
47
|
handleChange: (e: any) => void;
|
|
46
48
|
get value(): any[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAgB,MAAM,OAAO,CAAA;AAehE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD;;;;GAIG;AAEH,cACM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,CAAC;IACvD,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;IAE7C,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;gBAGW,KAAK,KAAA;IAcjB,IAAI,WAAW,wBAEd;IAGD,YAAY,mBAqBX;IAED,IAAI,KAAK,UAaR;IAED,cAAc;IA6Bd,MAAM;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAgB,MAAM,OAAO,CAAA;AAehE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD;;;;GAIG;AAEH,cACM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,CAAC;IACvD,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;IAE7C,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;gBAGW,KAAK,KAAA;IAcjB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,IAAI,WAAW,wBAEd;IAGD,YAAY,mBAqBX;IAED,IAAI,KAAK,UAaR;IAED,cAAc;IA6Bd,MAAM;CAgBP;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}
|