@instructure/ui-toggle-details 8.10.3-snapshot.9 → 8.11.2-snapshot.10

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 (13) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/es/ToggleGroup/index.js +15 -7
  3. package/lib/ToggleGroup/index.js +15 -8
  4. package/package.json +22 -22
  5. package/src/ToggleDetails/props.ts +3 -1
  6. package/src/ToggleGroup/index.tsx +17 -8
  7. package/src/ToggleGroup/props.ts +7 -2
  8. package/types/ToggleDetails/props.d.ts +2 -2
  9. package/types/ToggleDetails/props.d.ts.map +1 -1
  10. package/types/ToggleGroup/index.d.ts +3 -1
  11. package/types/ToggleGroup/index.d.ts.map +1 -1
  12. package/types/ToggleGroup/props.d.ts +2 -2
  13. package/types/ToggleGroup/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.11.1](https://github.com/instructure/instructure-ui/compare/v8.11.0...v8.11.1) (2021-10-19)
7
+
8
+ **Note:** Version bump only for package @instructure/ui-toggle-details
9
+
10
+ # [8.11.0](https://github.com/instructure/instructure-ui/compare/v8.10.2...v8.11.0) (2021-10-15)
11
+
12
+ **Note:** Version bump only for package @instructure/ui-toggle-details
13
+
6
14
  ## [8.10.2](https://github.com/instructure/instructure-ui/compare/v8.10.1...v8.10.2) (2021-10-01)
7
15
 
8
16
  **Note:** Version bump only for package @instructure/ui-toggle-details
package/es/ToggleGroup/index.js CHANGED
@@ -34,7 +34,6 @@ import { View } from '@instructure/ui-view';
34
34
  import { IconArrowOpenEndSolid, IconArrowOpenDownSolid } from '@instructure/ui-icons';
35
35
  import { testable } from '@instructure/ui-testable';
36
36
  import { allowedProps, propTypes } from './props';
37
- import { createChainedFunction } from '@instructure/ui-utils';
38
37
  /**
39
38
  ---
40
39
  category: components
@@ -47,6 +46,19 @@ let ToggleGroup = (_dec = testable(), _dec(_class = (_temp = _class2 = class Tog
47
46
  this.ref = null;
48
47
  this._button = null;
49
48
  this._shouldTransition = false;
49
+
50
+ this.handleRef = el => {
51
+ const elementRef = this.props.elementRef;
52
+ this.ref = el;
53
+
54
+ if (typeof elementRef === 'function') {
55
+ elementRef(el);
56
+ }
57
+ };
58
+
59
+ this.handleButtonRef = el => {
60
+ this._button = el;
61
+ };
50
62
  }
51
63
 
52
64
  get focused() {
@@ -82,9 +94,7 @@ let ToggleGroup = (_dec = testable(), _dec(_class = (_temp = _class2 = class Tog
82
94
  withBackground: false,
83
95
  withBorder: false,
84
96
  size: size === 'large' ? 'medium' : 'small',
85
- elementRef: el => {
86
- this._button = el;
87
- },
97
+ elementRef: this.handleButtonRef,
88
98
  screenReaderLabel: label
89
99
  }), this.renderIcon(expanded));
90
100
  }
@@ -110,9 +120,7 @@ let ToggleGroup = (_dec = testable(), _dec(_class = (_temp = _class2 = class Tog
110
120
  return /*#__PURE__*/React.createElement(View, Object.assign({}, omitProps(this.props, ToggleGroup.allowedProps), {
111
121
  borderWidth: this.props.border ? 'small' : 'none',
112
122
  as: Element,
113
- elementRef: createChainedFunction(this.props.elementRef, el => {
114
- this.ref = el;
115
- }),
123
+ elementRef: this.handleRef,
116
124
  display: "block",
117
125
  borderRadius: "medium",
118
126
  background: "primary"
package/lib/ToggleGroup/index.js CHANGED
@@ -35,8 +35,6 @@ var _testable = require("@instructure/ui-testable/lib/testable.js");
35
35
 
36
36
  var _props = require("./props");
37
37
 
38
- var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
39
-
40
38
  var _dec, _class, _class2, _temp;
41
39
 
42
40
  /**
@@ -50,6 +48,19 @@ let ToggleGroup = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _cla
50
48
  this.ref = null;
51
49
  this._button = null;
52
50
  this._shouldTransition = false;
51
+
52
+ this.handleRef = el => {
53
+ const elementRef = this.props.elementRef;
54
+ this.ref = el;
55
+
56
+ if (typeof elementRef === 'function') {
57
+ elementRef(el);
58
+ }
59
+ };
60
+
61
+ this.handleButtonRef = el => {
62
+ this._button = el;
63
+ };
53
64
  }
54
65
 
55
66
  get focused() {
@@ -85,9 +96,7 @@ let ToggleGroup = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _cla
85
96
  withBackground: false,
86
97
  withBorder: false,
87
98
  size: size === 'large' ? 'medium' : 'small',
88
- elementRef: el => {
89
- this._button = el;
90
- },
99
+ elementRef: this.handleButtonRef,
91
100
  screenReaderLabel: label
92
101
  }), this.renderIcon(expanded));
93
102
  }
@@ -113,9 +122,7 @@ let ToggleGroup = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _cla
113
122
  return /*#__PURE__*/_react.default.createElement(_View.View, Object.assign({}, (0, _omitProps.omitProps)(this.props, ToggleGroup.allowedProps), {
114
123
  borderWidth: this.props.border ? 'small' : 'none',
115
124
  as: Element,
116
- elementRef: (0, _createChainedFunction.createChainedFunction)(this.props.elementRef, el => {
117
- this.ref = el;
118
- }),
125
+ elementRef: this.handleRef,
119
126
  display: "block",
120
127
  borderRadius: "medium",
121
128
  background: "primary"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-toggle-details",
3
- "version": "8.10.3-snapshot.9+47592ffa9",
3
+ "version": "8.11.2-snapshot.10+162c2a15c",
4
4
  "description": "A styled toggleable, accordion-like component.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "type": "commonjs",
@@ -24,29 +24,29 @@
24
24
  },
25
25
  "license": "MIT",
26
26
  "devDependencies": {
27
- "@instructure/ui-babel-preset": "8.10.3-snapshot.9+47592ffa9",
28
- "@instructure/ui-test-locator": "8.10.3-snapshot.9+47592ffa9",
29
- "@instructure/ui-test-queries": "8.10.3-snapshot.9+47592ffa9",
30
- "@instructure/ui-test-utils": "8.10.3-snapshot.9+47592ffa9",
31
- "@instructure/ui-themes": "8.10.3-snapshot.9+47592ffa9"
27
+ "@instructure/ui-babel-preset": "8.11.2-snapshot.10+162c2a15c",
28
+ "@instructure/ui-test-locator": "8.11.2-snapshot.10+162c2a15c",
29
+ "@instructure/ui-test-queries": "8.11.2-snapshot.10+162c2a15c",
30
+ "@instructure/ui-test-utils": "8.11.2-snapshot.10+162c2a15c",
31
+ "@instructure/ui-themes": "8.11.2-snapshot.10+162c2a15c"
32
32
  },
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.13.10",
35
- "@instructure/emotion": "8.10.3-snapshot.9+47592ffa9",
36
- "@instructure/shared-types": "8.10.3-snapshot.9+47592ffa9",
37
- "@instructure/ui-buttons": "8.10.3-snapshot.9+47592ffa9",
38
- "@instructure/ui-dom-utils": "8.10.3-snapshot.9+47592ffa9",
39
- "@instructure/ui-expandable": "8.10.3-snapshot.9+47592ffa9",
40
- "@instructure/ui-flex": "8.10.3-snapshot.9+47592ffa9",
41
- "@instructure/ui-icons": "8.10.3-snapshot.9+47592ffa9",
42
- "@instructure/ui-menu": "8.10.3-snapshot.9+47592ffa9",
43
- "@instructure/ui-motion": "8.10.3-snapshot.9+47592ffa9",
44
- "@instructure/ui-prop-types": "8.10.3-snapshot.9+47592ffa9",
45
- "@instructure/ui-react-utils": "8.10.3-snapshot.9+47592ffa9",
46
- "@instructure/ui-testable": "8.10.3-snapshot.9+47592ffa9",
47
- "@instructure/ui-utils": "8.10.3-snapshot.9+47592ffa9",
48
- "@instructure/ui-view": "8.10.3-snapshot.9+47592ffa9",
49
- "@instructure/uid": "8.10.3-snapshot.9+47592ffa9",
35
+ "@instructure/emotion": "8.11.2-snapshot.10+162c2a15c",
36
+ "@instructure/shared-types": "8.11.2-snapshot.10+162c2a15c",
37
+ "@instructure/ui-buttons": "8.11.2-snapshot.10+162c2a15c",
38
+ "@instructure/ui-dom-utils": "8.11.2-snapshot.10+162c2a15c",
39
+ "@instructure/ui-expandable": "8.11.2-snapshot.10+162c2a15c",
40
+ "@instructure/ui-flex": "8.11.2-snapshot.10+162c2a15c",
41
+ "@instructure/ui-icons": "8.11.2-snapshot.10+162c2a15c",
42
+ "@instructure/ui-menu": "8.11.2-snapshot.10+162c2a15c",
43
+ "@instructure/ui-motion": "8.11.2-snapshot.10+162c2a15c",
44
+ "@instructure/ui-prop-types": "8.11.2-snapshot.10+162c2a15c",
45
+ "@instructure/ui-react-utils": "8.11.2-snapshot.10+162c2a15c",
46
+ "@instructure/ui-testable": "8.11.2-snapshot.10+162c2a15c",
47
+ "@instructure/ui-utils": "8.11.2-snapshot.10+162c2a15c",
48
+ "@instructure/ui-view": "8.11.2-snapshot.10+162c2a15c",
49
+ "@instructure/uid": "8.11.2-snapshot.10+162c2a15c",
50
50
  "prop-types": "^15"
51
51
  },
52
52
  "peerDependencies": {
@@ -56,5 +56,5 @@
56
56
  "access": "public"
57
57
  },
58
58
  "sideEffects": false,
59
- "gitHead": "47592ffa9fed565a9df0677c77e6d890d5e964ea"
59
+ "gitHead": "162c2a15c78f0c641fb71cffd17bc97d6b5c6e0e"
60
60
  }
package/src/ToggleDetails/props.ts CHANGED
@@ -28,6 +28,7 @@ import PropTypes from 'prop-types'
28
28
  import { controllable } from '@instructure/ui-prop-types'
29
29
 
30
30
  import type {
31
+ OtherHTMLAttributes,
31
32
  PropValidators,
32
33
  ToggleDetailsTheme
33
34
  } from '@instructure/shared-types'
@@ -52,7 +53,8 @@ type PropKeys = keyof ToggleDetailsOwnProps
52
53
  type AllowedPropKeys = Readonly<Array<PropKeys>>
53
54
 
54
55
  type ToggleDetailsProps = ToggleDetailsOwnProps &
55
- WithStyleProps<ToggleDetailsTheme, ToggleDetailsStyle>
56
+ WithStyleProps<ToggleDetailsTheme, ToggleDetailsStyle> &
57
+ OtherHTMLAttributes<ToggleDetailsOwnProps>
56
58
 
57
59
  type ToggleDetailsStyle = ComponentStyle<
58
60
  | 'toggleDetails'
package/src/ToggleGroup/index.tsx CHANGED
@@ -42,7 +42,6 @@ import {
42
42
  import { testable } from '@instructure/ui-testable'
43
43
  import type { ToggleGroupProps } from './props'
44
44
  import { allowedProps, propTypes } from './props'
45
- import { createChainedFunction } from '@instructure/ui-utils'
46
45
 
47
46
  /**
48
47
  ---
@@ -71,9 +70,23 @@ class ToggleGroup extends Component<ToggleGroupProps> {
71
70
  } as const
72
71
 
73
72
  ref: Element | null = null
74
- _button = null
73
+ _button: Element | null = null
75
74
  _shouldTransition = false
76
75
 
76
+ handleRef = (el: Element | null) => {
77
+ const { elementRef } = this.props
78
+
79
+ this.ref = el
80
+
81
+ if (typeof elementRef === 'function') {
82
+ elementRef(el)
83
+ }
84
+ }
85
+
86
+ handleButtonRef = (el: Element | null) => {
87
+ this._button = el
88
+ }
89
+
77
90
  get focused() {
78
91
  return isActiveElement(this._button)
79
92
  }
@@ -109,9 +122,7 @@ class ToggleGroup extends Component<ToggleGroupProps> {
109
122
  withBackground={false}
110
123
  withBorder={false}
111
124
  size={size === 'large' ? 'medium' : 'small'}
112
- elementRef={(el: any) => {
113
- this._button = el
114
- }}
125
+ elementRef={this.handleButtonRef}
115
126
  screenReaderLabel={label}
116
127
  >
117
128
  {this.renderIcon(expanded)}
@@ -149,9 +160,7 @@ class ToggleGroup extends Component<ToggleGroupProps> {
149
160
  {...omitProps(this.props, ToggleGroup.allowedProps)}
150
161
  borderWidth={this.props.border ? 'small' : 'none'}
151
162
  as={Element}
152
- elementRef={createChainedFunction(this.props.elementRef, (el) => {
153
- this.ref = el
154
- })}
163
+ elementRef={this.handleRef}
155
164
  display="block"
156
165
  borderRadius="medium"
157
166
  background="primary"
package/src/ToggleGroup/props.ts CHANGED
@@ -27,7 +27,11 @@ import PropTypes from 'prop-types'
27
27
 
28
28
  import { controllable } from '@instructure/ui-prop-types'
29
29
 
30
- import { AsElementType, PropValidators } from '@instructure/shared-types'
30
+ import {
31
+ AsElementType,
32
+ OtherHTMLAttributes,
33
+ PropValidators
34
+ } from '@instructure/shared-types'
31
35
 
32
36
  type ToggleGroupOwnProps = {
33
37
  children: React.ReactNode
@@ -49,7 +53,8 @@ type PropKeys = keyof ToggleGroupOwnProps
49
53
 
50
54
  type AllowedPropKeys = Readonly<Array<PropKeys>>
51
55
 
52
- type ToggleGroupProps = ToggleGroupOwnProps
56
+ type ToggleGroupProps = ToggleGroupOwnProps &
57
+ OtherHTMLAttributes<ToggleGroupOwnProps>
53
58
 
54
59
  const propTypes: PropValidators<PropKeys> = {
55
60
  /**
package/types/ToggleDetails/props.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { PropValidators, ToggleDetailsTheme } from '@instructure/shared-types';
2
+ import type { OtherHTMLAttributes, PropValidators, ToggleDetailsTheme } from '@instructure/shared-types';
3
3
  import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
4
4
  declare type ToggleDetailsOwnProps = {
5
5
  variant?: 'default' | 'filled';
@@ -16,7 +16,7 @@ declare type ToggleDetailsOwnProps = {
16
16
  };
17
17
  declare type PropKeys = keyof ToggleDetailsOwnProps;
18
18
  declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
19
- declare type ToggleDetailsProps = ToggleDetailsOwnProps & WithStyleProps<ToggleDetailsTheme, ToggleDetailsStyle>;
19
+ declare type ToggleDetailsProps = ToggleDetailsOwnProps & WithStyleProps<ToggleDetailsTheme, ToggleDetailsStyle> & OtherHTMLAttributes<ToggleDetailsOwnProps>;
20
20
  declare type ToggleDetailsStyle = ComponentStyle<'toggleDetails' | 'summary' | 'summaryText' | 'toggle' | 'icon' | 'details' | 'content'>;
21
21
  declare type ToggleDetailsStyleProps = {
22
22
  animate: boolean;
package/types/ToggleDetails/props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ToggleDetails/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EACnB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAC9B,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACtC,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,qBAAqB,CAAA;AAE3C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,kBAAkB,GAAG,qBAAqB,GAC7C,cAAc,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAA;AAExD,aAAK,kBAAkB,GAAG,cAAc,CACpC,eAAe,GACf,SAAS,GACT,aAAa,GACb,QAAQ,GACR,MAAM,GACN,SAAS,GACT,SAAS,CACZ,CAAA;AAED,aAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAuCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,CAAA;AAC/E,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ToggleDetails/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,kBAAkB,EACnB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAC9B,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACtC,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,qBAAqB,CAAA;AAE3C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,kBAAkB,GAAG,qBAAqB,GAC7C,cAAc,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,GACtD,mBAAmB,CAAC,qBAAqB,CAAC,CAAA;AAE5C,aAAK,kBAAkB,GAAG,cAAc,CACpC,eAAe,GACf,SAAS,GACT,aAAa,GACb,QAAQ,GACR,MAAM,GACN,SAAS,GACT,SAAS,CACZ,CAAA;AAED,aAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAuCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,CAAA;AAC/E,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
package/types/ToggleGroup/index.d.ts CHANGED
@@ -50,8 +50,10 @@ declare class ToggleGroup extends Component<ToggleGroupProps> {
50
50
  readonly border: true;
51
51
  };
52
52
  ref: Element | null;
53
- _button: null;
53
+ _button: Element | null;
54
54
  _shouldTransition: boolean;
55
+ handleRef: (el: Element | null) => void;
56
+ handleButtonRef: (el: Element | null) => void;
55
57
  get focused(): boolean;
56
58
  focus(): void;
57
59
  componentDidMount(): void;
package/types/ToggleGroup/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ToggleGroup/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAaxC,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAI/C;;;;GAIG;AACH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;MAYT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,OAAO,OAAO;IACd,iBAAiB,UAAQ;IAEzB,IAAI,OAAO,YAEV;IAED,KAAK;IAKL,iBAAiB;IAKjB,UAAU,CAAC,QAAQ,KAAA;IAOnB,YAAY,CAAC,WAAW,KAAA,EAAE,QAAQ,KAAA;IAyBlC,aAAa,CAAC,YAAY,KAAA;IAkB1B,MAAM;CA2CP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ToggleGroup/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAaxC,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;GAIG;AACH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;MAYT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,OAAO,EAAE,OAAO,GAAG,IAAI,CAAO;IAC9B,iBAAiB,UAAQ;IAEzB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,eAAe,OAAQ,OAAO,GAAG,IAAI,UAEpC;IAED,IAAI,OAAO,YAEV;IAED,KAAK;IAKL,iBAAiB;IAKjB,UAAU,CAAC,QAAQ,KAAA;IAOnB,YAAY,CAAC,WAAW,KAAA,EAAE,QAAQ,KAAA;IAuBlC,aAAa,CAAC,YAAY,KAAA;IAkB1B,MAAM;CAyCP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
package/types/ToggleGroup/props.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { AsElementType, PropValidators } from '@instructure/shared-types';
2
+ import { AsElementType, OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
3
3
  declare type ToggleGroupOwnProps = {
4
4
  children: React.ReactNode;
5
5
  summary: React.ReactNode;
@@ -17,7 +17,7 @@ declare type ToggleGroupOwnProps = {
17
17
  };
18
18
  declare type PropKeys = keyof ToggleGroupOwnProps;
19
19
  declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
20
- declare type ToggleGroupProps = ToggleGroupOwnProps;
20
+ declare type ToggleGroupProps = ToggleGroupOwnProps & OtherHTMLAttributes<ToggleGroupOwnProps>;
21
21
  declare const propTypes: PropValidators<PropKeys>;
22
22
  declare const allowedProps: AllowedPropKeys;
23
23
  export type { ToggleGroupProps };
package/types/ToggleGroup/props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ToggleGroup/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAEzE,aAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAClD,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,CAAA;AAE3C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAmDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ToggleGroup/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAClD,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GACzC,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAmDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}