@instructure/ui-heading 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.
Files changed (11) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/es/Heading/index.js +22 -10
  3. package/lib/Heading/index.js +22 -10
  4. package/package.json +13 -13
  5. package/src/Heading/index.tsx +8 -1
  6. package/src/Heading/props.ts +1 -1
  7. package/types/Heading/HeadingLocator.d.ts +64 -64
  8. package/types/Heading/index.d.ts +4 -2
  9. package/types/Heading/index.d.ts.map +1 -1
  10. package/types/Heading/props.d.ts +1 -1
  11. package/types/Heading/props.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-heading
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-heading
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-heading
package/es/Heading/index.js CHANGED
@@ -43,6 +43,18 @@ category: components
43
43
  ---
44
44
  **/
45
45
  let Heading = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class Heading extends Component {
46
+ constructor(...args) {
47
+ super(...args);
48
+ this.ref = null;
49
+
50
+ this.handleRef = el => {
51
+ var _this$props$elementRe, _this$props;
52
+
53
+ this.ref = el;
54
+ (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
55
+ };
56
+ }
57
+
46
58
  componentDidMount() {
47
59
  this.props.makeStyles();
48
60
  }
@@ -54,15 +66,15 @@ let Heading = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
54
66
  render() {
55
67
  var _this$props$styles;
56
68
 
57
- const _this$props = this.props,
58
- border = _this$props.border,
59
- children = _this$props.children,
60
- color = _this$props.color,
61
- level = _this$props.level,
62
- margin = _this$props.margin,
63
- elementRef = _this$props.elementRef,
64
- makeStyles = _this$props.makeStyles,
65
- props = _objectWithoutProperties(_this$props, _excluded);
69
+ const _this$props2 = this.props,
70
+ border = _this$props2.border,
71
+ children = _this$props2.children,
72
+ color = _this$props2.color,
73
+ level = _this$props2.level,
74
+ margin = _this$props2.margin,
75
+ elementRef = _this$props2.elementRef,
76
+ makeStyles = _this$props2.makeStyles,
77
+ props = _objectWithoutProperties(_this$props2, _excluded);
66
78
 
67
79
  const ElementType = getElementType(Heading, this.props, () => {
68
80
  if (level === 'reset') {
@@ -74,7 +86,7 @@ let Heading = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
74
86
  return jsx(View, Object.assign({}, passthroughProps(props), {
75
87
  css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.heading,
76
88
  as: ElementType,
77
- elementRef: elementRef,
89
+ elementRef: this.handleRef,
78
90
  margin: margin
79
91
  }), children);
80
92
  }
package/lib/Heading/index.js CHANGED
@@ -37,6 +37,18 @@ category: components
37
37
  ---
38
38
  **/
39
39
  let Heading = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class Heading extends _react.Component {
40
+ constructor(...args) {
41
+ super(...args);
42
+ this.ref = null;
43
+
44
+ this.handleRef = el => {
45
+ var _this$props$elementRe, _this$props;
46
+
47
+ this.ref = el;
48
+ (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
49
+ };
50
+ }
51
+
40
52
  componentDidMount() {
41
53
  this.props.makeStyles();
42
54
  }
@@ -48,15 +60,15 @@ let Heading = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
48
60
  render() {
49
61
  var _this$props$styles;
50
62
 
51
- const _this$props = this.props,
52
- border = _this$props.border,
53
- children = _this$props.children,
54
- color = _this$props.color,
55
- level = _this$props.level,
56
- margin = _this$props.margin,
57
- elementRef = _this$props.elementRef,
58
- makeStyles = _this$props.makeStyles,
59
- props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
63
+ const _this$props2 = this.props,
64
+ border = _this$props2.border,
65
+ children = _this$props2.children,
66
+ color = _this$props2.color,
67
+ level = _this$props2.level,
68
+ margin = _this$props2.margin,
69
+ elementRef = _this$props2.elementRef,
70
+ makeStyles = _this$props2.makeStyles,
71
+ props = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
60
72
  const ElementType = (0, _getElementType.getElementType)(Heading, this.props, () => {
61
73
  if (level === 'reset') {
62
74
  return 'span';
@@ -67,7 +79,7 @@ let Heading = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
67
79
  return (0, _emotion.jsx)(_View.View, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
68
80
  css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.heading,
69
81
  as: ElementType,
70
- elementRef: elementRef,
82
+ elementRef: this.handleRef,
71
83
  margin: margin
72
84
  }), children);
73
85
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-heading",
3
- "version": "8.10.1-snapshot.9+93b506fe0",
3
+ "version": "8.10.3-snapshot.2+ccdf8f43b",
4
4
  "description": "A component for creating typographic headings",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "type": "commonjs",
@@ -25,20 +25,20 @@
25
25
  "license": "MIT",
26
26
  "dependencies": {
27
27
  "@babel/runtime": "^7.13.10",
28
- "@instructure/console": "8.10.1-snapshot.9+93b506fe0",
29
- "@instructure/emotion": "8.10.1-snapshot.9+93b506fe0",
30
- "@instructure/shared-types": "8.10.1-snapshot.9+93b506fe0",
31
- "@instructure/ui-prop-types": "8.10.1-snapshot.9+93b506fe0",
32
- "@instructure/ui-react-utils": "8.10.1-snapshot.9+93b506fe0",
33
- "@instructure/ui-testable": "8.10.1-snapshot.9+93b506fe0",
34
- "@instructure/ui-view": "8.10.1-snapshot.9+93b506fe0",
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-prop-types": "8.10.3-snapshot.2+ccdf8f43b",
32
+ "@instructure/ui-react-utils": "8.10.3-snapshot.2+ccdf8f43b",
33
+ "@instructure/ui-testable": "8.10.3-snapshot.2+ccdf8f43b",
34
+ "@instructure/ui-view": "8.10.3-snapshot.2+ccdf8f43b",
35
35
  "prop-types": "^15"
36
36
  },
37
37
  "devDependencies": {
38
- "@instructure/ui-babel-preset": "8.10.1-snapshot.9+93b506fe0",
39
- "@instructure/ui-test-locator": "8.10.1-snapshot.9+93b506fe0",
40
- "@instructure/ui-test-utils": "8.10.1-snapshot.9+93b506fe0",
41
- "@instructure/ui-themes": "8.10.1-snapshot.9+93b506fe0"
38
+ "@instructure/ui-babel-preset": "8.10.3-snapshot.2+ccdf8f43b",
39
+ "@instructure/ui-test-locator": "8.10.3-snapshot.2+ccdf8f43b",
40
+ "@instructure/ui-test-utils": "8.10.3-snapshot.2+ccdf8f43b",
41
+ "@instructure/ui-themes": "8.10.3-snapshot.2+ccdf8f43b"
42
42
  },
43
43
  "peerDependencies": {
44
44
  "react": ">=16.8 <=17"
@@ -47,5 +47,5 @@
47
47
  "access": "public"
48
48
  },
49
49
  "sideEffects": false,
50
- "gitHead": "93b506fe0860718ebe2cc2729fd023e3e7489231"
50
+ "gitHead": "ccdf8f43b56a8edef32600281692dfeb436d5a01"
51
51
  }
package/src/Heading/index.tsx CHANGED
@@ -55,6 +55,13 @@ class Heading extends Component<HeadingProps> {
55
55
  level: 'h2'
56
56
  } as const
57
57
 
58
+ ref: Element | null = null
59
+
60
+ handleRef = (el: Element | null) => {
61
+ this.ref = el
62
+ this.props.elementRef?.(el)
63
+ }
64
+
58
65
  componentDidMount() {
59
66
  // @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
67
  this.props.makeStyles()
@@ -90,7 +97,7 @@ class Heading extends Component<HeadingProps> {
90
97
  {...passthroughProps(props)}
91
98
  css={this.props.styles?.heading}
92
99
  as={ElementType}
93
- elementRef={elementRef}
100
+ elementRef={this.handleRef}
94
101
  margin={margin}
95
102
  >
96
103
  {children}
package/src/Heading/props.ts CHANGED
@@ -52,7 +52,7 @@ type HeadingOwnProps = {
52
52
  level?: HeadingLevel<'h1' | 'h2' | 'h3' | 'h4' | 'h5'> | 'reset'
53
53
  as?: AsElementType
54
54
  margin?: Spacing
55
- elementRef?: (...args: any[]) => any
55
+ elementRef?: (element: Element | null) => void
56
56
  }
57
57
 
58
58
  type PropKeys = keyof HeadingOwnProps
package/types/Heading/HeadingLocator.d.ts CHANGED
@@ -19,24 +19,28 @@ export declare const HeadingLocator: {
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 HeadingLocator: {
44
48
  } | undefined) => void;
45
49
  accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
46
50
  getTextContent: () => string | null;
47
- getParentNode: () => (Node & ParentNode) | null;
48
- parent: () => (Node & ParentNode) | null;
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 HeadingLocator: {
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) => (Node & ParentNode)[];
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
- children: (selector: string) => Element[];
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 HeadingLocator: {
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 HeadingLocator: {
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 HeadingLocator: {
183
187
  } | undefined) => void;
184
188
  accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
185
189
  getTextContent: () => string | null;
186
- getParentNode: () => (Node & ParentNode) | null;
187
- parent: () => (Node & ParentNode) | null;
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 HeadingLocator: {
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) => (Node & ParentNode)[];
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
- children: (selector: string) => Element[];
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 HeadingLocator: {
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 HeadingLocator: {
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 HeadingLocator: {
322
326
  } | undefined) => void;
323
327
  accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
324
328
  getTextContent: () => string | null;
325
- getParentNode: () => (Node & ParentNode) | null;
326
- parent: () => (Node & ParentNode) | null;
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 HeadingLocator: {
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) => (Node & ParentNode)[];
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
- children: (selector: string) => Element[];
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 HeadingLocator: {
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 HeadingLocator: {
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 HeadingLocator: {
461
465
  } | undefined) => void;
462
466
  accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
463
467
  getTextContent: () => string | null;
464
- getParentNode: () => (Node & ParentNode) | null;
465
- parent: () => (Node & ParentNode) | null;
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 HeadingLocator: {
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) => (Node & ParentNode)[];
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
- children: (selector: string) => Element[];
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 HeadingLocator: {
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>;
package/types/Heading/index.d.ts CHANGED
@@ -16,7 +16,7 @@ declare class Heading extends Component<HeadingProps> {
16
16
  level?: "h1" | "h2" | "h3" | "h4" | "h5" | "reset" | undefined;
17
17
  as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
18
18
  margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
19
- elementRef?: ((...args: any[]) => any) | undefined;
19
+ elementRef?: ((element: Element | null) => void) | undefined;
20
20
  }>;
21
21
  static allowedProps: readonly (keyof {
22
22
  children?: import("react").ReactNode;
@@ -25,7 +25,7 @@ declare class Heading extends Component<HeadingProps> {
25
25
  level?: "h1" | "h2" | "h3" | "h4" | "h5" | "reset" | undefined;
26
26
  as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
27
27
  margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
28
- elementRef?: ((...args: any[]) => any) | undefined;
28
+ elementRef?: ((element: Element | null) => void) | undefined;
29
29
  })[];
30
30
  static defaultProps: {
31
31
  readonly children: null;
@@ -33,6 +33,8 @@ declare class Heading extends Component<HeadingProps> {
33
33
  readonly color: "inherit";
34
34
  readonly level: "h2";
35
35
  };
36
+ ref: Element | null;
37
+ handleRef: (el: Element | null) => void;
36
38
  componentDidMount(): void;
37
39
  componentDidUpdate(): void;
38
40
  render(): jsx.JSX.Element;
package/types/Heading/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Heading/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C;;;;GAIG;AACH,cAEM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,aAAY;IAEvC,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;MAKT;IAEV,iBAAiB;IAKjB,kBAAkB;IAKlB,MAAM;CAgCP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Heading/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C;;;;GAIG;AACH,cAEM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,aAAY;IAEvC,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;MAKT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAED,iBAAiB;IAKjB,kBAAkB;IAKlB,MAAM;CAgCP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}
package/types/Heading/props.d.ts CHANGED
@@ -9,7 +9,7 @@ declare type HeadingOwnProps = {
9
9
  level?: HeadingLevel<'h1' | 'h2' | 'h3' | 'h4' | 'h5'> | 'reset';
10
10
  as?: AsElementType;
11
11
  margin?: Spacing;
12
- elementRef?: (...args: any[]) => any;
12
+ elementRef?: (element: Element | null) => void;
13
13
  };
14
14
  declare type PropKeys = keyof HeadingOwnProps;
15
15
  declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
package/types/Heading/props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Heading/props.ts"],"names":[],"mappings":";AA6BA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,YAAY,EACb,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,aAAK,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,IAAI,CAAC,CAAA;AAE5D,aAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAA;IAClC,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,SAAS,CAAA;IACb,KAAK,CAAC,EAAE,YAAY,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,OAAO,CAAA;IAChE,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACrC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GAAG,cAAc,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;AAEhF,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;AAE7C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAsCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Heading/props.ts"],"names":[],"mappings":";AA6BA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,YAAY,EACb,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,aAAK,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,IAAI,CAAC,CAAA;AAE5D,aAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAA;IAClC,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,SAAS,CAAA;IACb,KAAK,CAAC,EAAE,YAAY,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,OAAO,CAAA;IAChE,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GAAG,cAAc,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;AAEhF,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;AAE7C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAsCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}