@instructure/ui-tray 8.25.1-snapshot-10 → 8.25.1-snapshot-13

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 (4) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/es/Tray/index.js +44 -46
  3. package/lib/Tray/index.js +44 -46
  4. package/package.json +17 -17
package/CHANGELOG.md CHANGED
@@ -3,7 +3,7 @@
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.25.1-snapshot-10](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-10) (2022-06-20)
6
+ ## [8.25.1-snapshot-13](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-13) (2022-06-22)
7
7
 
8
8
  **Note:** Version bump only for package @instructure/ui-tray
9
9
 
package/es/Tray/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
2
  const _excluded = ["label", "children", "size", "placement", "open", "defaultFocusElement", "contentRef", "shouldContainFocus", "shouldReturnFocus", "shouldCloseOnDocumentClick", "onOpen", "onClose", "onDismiss", "mountNode", "insertAt", "liveRegion", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "onTransition", "border", "shadow"];
3
3
 
4
- var _dec, _dec2, _dec3, _class;
4
+ var _dec, _dec2, _dec3, _class, _class2;
5
5
 
6
6
  /*
7
7
  * The MIT License (MIT)
@@ -47,40 +47,24 @@ import { propTypes, allowedProps } from './props';
47
47
  category: components
48
48
  ---
49
49
  **/
50
- let Tray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = textDirectionContextConsumer(), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = class Tray extends Component {
51
- static displayName = "Tray";
52
- static componentId = 'Tray';
53
- static allowedProps = allowedProps;
54
- static propTypes = propTypes;
55
- static defaultProps = {
56
- open: false,
57
- onOpen: event => {},
58
- onClose: event => {},
59
- onDismiss: event => {},
60
- onEnter: () => {},
61
- onEntering: () => {},
62
- onEntered: () => {},
63
- onExit: () => {},
64
- onExiting: () => {},
65
- onExited: () => {},
66
- mountNode: null,
67
- insertAt: 'bottom',
68
- liveRegion: null,
69
- contentRef: el => {},
70
- shouldCloseOnDocumentClick: false,
71
- shouldContainFocus: true,
72
- shouldReturnFocus: true,
73
- defaultFocusElement: null,
74
- size: 'small',
75
- placement: 'start',
76
- shadow: true,
77
- border: false,
78
- children: null
79
- };
80
- state = {
81
- transitioning: false
82
- };
83
- ref = null;
50
+ let Tray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = textDirectionContextConsumer(), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Tray extends Component {
51
+ constructor() {
52
+ super(...arguments);
53
+ this.state = {
54
+ transitioning: false
55
+ };
56
+ this.ref = null;
57
+
58
+ this.handleTransitionComplete = _type => {
59
+ this.setState({
60
+ transitioning: false
61
+ });
62
+ };
63
+
64
+ this.handlePortalOpen = DOMNode => {
65
+ this.DOMNode = DOMNode;
66
+ };
67
+ }
84
68
 
85
69
  componentDidMount() {
86
70
  var _this$props$makeStyle, _this$props;
@@ -133,12 +117,6 @@ let Tray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tex
133
117
  return this.props.defaultFocusElement || (() => this._closeButton);
134
118
  }
135
119
 
136
- handleTransitionComplete = _type => {
137
- this.setState({
138
- transitioning: false
139
- });
140
- };
141
-
142
120
  get DOMNode() {
143
121
  return this.ref;
144
122
  }
@@ -147,10 +125,6 @@ let Tray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tex
147
125
  this.ref = el ? el : null;
148
126
  }
149
127
 
150
- handlePortalOpen = DOMNode => {
151
- this.DOMNode = DOMNode;
152
- };
153
-
154
128
  render() {
155
129
  var _this$props$styles, _this$props$styles2;
156
130
 
@@ -220,6 +194,30 @@ let Tray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tex
220
194
  }, children)))));
221
195
  }
222
196
 
223
- }) || _class) || _class) || _class);
197
+ }, _class2.displayName = "Tray", _class2.componentId = 'Tray', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
198
+ open: false,
199
+ onOpen: event => {},
200
+ onClose: event => {},
201
+ onDismiss: event => {},
202
+ onEnter: () => {},
203
+ onEntering: () => {},
204
+ onEntered: () => {},
205
+ onExit: () => {},
206
+ onExiting: () => {},
207
+ onExited: () => {},
208
+ mountNode: null,
209
+ insertAt: 'bottom',
210
+ liveRegion: null,
211
+ contentRef: el => {},
212
+ shouldCloseOnDocumentClick: false,
213
+ shouldContainFocus: true,
214
+ shouldReturnFocus: true,
215
+ defaultFocusElement: null,
216
+ size: 'small',
217
+ placement: 'start',
218
+ shadow: true,
219
+ border: false,
220
+ children: null
221
+ }, _class2)) || _class) || _class) || _class);
224
222
  export default Tray;
225
223
  export { Tray };
package/lib/Tray/index.js CHANGED
@@ -37,47 +37,31 @@ var _props = require("./props");
37
37
 
38
38
  const _excluded = ["label", "children", "size", "placement", "open", "defaultFocusElement", "contentRef", "shouldContainFocus", "shouldReturnFocus", "shouldCloseOnDocumentClick", "onOpen", "onClose", "onDismiss", "mountNode", "insertAt", "liveRegion", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "onTransition", "border", "shadow"];
39
39
 
40
- var _dec, _dec2, _dec3, _class;
40
+ var _dec, _dec2, _dec3, _class, _class2;
41
41
 
42
42
  /**
43
43
  ---
44
44
  category: components
45
45
  ---
46
46
  **/
47
- let Tray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = class Tray extends _react.Component {
48
- static displayName = "Tray";
49
- static componentId = 'Tray';
50
- static allowedProps = _props.allowedProps;
51
- static propTypes = _props.propTypes;
52
- static defaultProps = {
53
- open: false,
54
- onOpen: event => {},
55
- onClose: event => {},
56
- onDismiss: event => {},
57
- onEnter: () => {},
58
- onEntering: () => {},
59
- onEntered: () => {},
60
- onExit: () => {},
61
- onExiting: () => {},
62
- onExited: () => {},
63
- mountNode: null,
64
- insertAt: 'bottom',
65
- liveRegion: null,
66
- contentRef: el => {},
67
- shouldCloseOnDocumentClick: false,
68
- shouldContainFocus: true,
69
- shouldReturnFocus: true,
70
- defaultFocusElement: null,
71
- size: 'small',
72
- placement: 'start',
73
- shadow: true,
74
- border: false,
75
- children: null
76
- };
77
- state = {
78
- transitioning: false
79
- };
80
- ref = null;
47
+ let Tray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Tray extends _react.Component {
48
+ constructor() {
49
+ super(...arguments);
50
+ this.state = {
51
+ transitioning: false
52
+ };
53
+ this.ref = null;
54
+
55
+ this.handleTransitionComplete = _type => {
56
+ this.setState({
57
+ transitioning: false
58
+ });
59
+ };
60
+
61
+ this.handlePortalOpen = DOMNode => {
62
+ this.DOMNode = DOMNode;
63
+ };
64
+ }
81
65
 
82
66
  componentDidMount() {
83
67
  var _this$props$makeStyle, _this$props;
@@ -130,12 +114,6 @@ let Tray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
130
114
  return this.props.defaultFocusElement || (() => this._closeButton);
131
115
  }
132
116
 
133
- handleTransitionComplete = _type => {
134
- this.setState({
135
- transitioning: false
136
- });
137
- };
138
-
139
117
  get DOMNode() {
140
118
  return this.ref;
141
119
  }
@@ -144,10 +122,6 @@ let Tray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
144
122
  this.ref = el ? el : null;
145
123
  }
146
124
 
147
- handlePortalOpen = DOMNode => {
148
- this.DOMNode = DOMNode;
149
- };
150
-
151
125
  render() {
152
126
  var _this$props$styles, _this$props$styles2;
153
127
 
@@ -216,7 +190,31 @@ let Tray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
216
190
  }, children)))));
217
191
  }
218
192
 
219
- }) || _class) || _class) || _class);
193
+ }, _class2.displayName = "Tray", _class2.componentId = 'Tray', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
194
+ open: false,
195
+ onOpen: event => {},
196
+ onClose: event => {},
197
+ onDismiss: event => {},
198
+ onEnter: () => {},
199
+ onEntering: () => {},
200
+ onEntered: () => {},
201
+ onExit: () => {},
202
+ onExiting: () => {},
203
+ onExited: () => {},
204
+ mountNode: null,
205
+ insertAt: 'bottom',
206
+ liveRegion: null,
207
+ contentRef: el => {},
208
+ shouldCloseOnDocumentClick: false,
209
+ shouldContainFocus: true,
210
+ shouldReturnFocus: true,
211
+ defaultFocusElement: null,
212
+ size: 'small',
213
+ placement: 'start',
214
+ shadow: true,
215
+ border: false,
216
+ children: null
217
+ }, _class2)) || _class) || _class) || _class);
220
218
  exports.Tray = Tray;
221
219
  var _default = Tray;
222
220
  exports.default = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-tray",
3
- "version": "8.25.1-snapshot-10",
3
+ "version": "8.25.1-snapshot-13",
4
4
  "description": "Tray component for secondary/menu content",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -24,25 +24,25 @@
24
24
  "license": "MIT",
25
25
  "dependencies": {
26
26
  "@babel/runtime": "^7.13.10",
27
- "@instructure/console": "8.25.1-snapshot-10",
28
- "@instructure/emotion": "8.25.1-snapshot-10",
29
- "@instructure/shared-types": "8.25.1-snapshot-10",
30
- "@instructure/ui-dialog": "8.25.1-snapshot-10",
31
- "@instructure/ui-i18n": "8.25.1-snapshot-10",
32
- "@instructure/ui-motion": "8.25.1-snapshot-10",
33
- "@instructure/ui-portal": "8.25.1-snapshot-10",
34
- "@instructure/ui-position": "8.25.1-snapshot-10",
35
- "@instructure/ui-prop-types": "8.25.1-snapshot-10",
36
- "@instructure/ui-react-utils": "8.25.1-snapshot-10",
37
- "@instructure/ui-testable": "8.25.1-snapshot-10",
38
- "@instructure/ui-utils": "8.25.1-snapshot-10",
27
+ "@instructure/console": "8.25.1-snapshot-13",
28
+ "@instructure/emotion": "8.25.1-snapshot-13",
29
+ "@instructure/shared-types": "8.25.1-snapshot-13",
30
+ "@instructure/ui-dialog": "8.25.1-snapshot-13",
31
+ "@instructure/ui-i18n": "8.25.1-snapshot-13",
32
+ "@instructure/ui-motion": "8.25.1-snapshot-13",
33
+ "@instructure/ui-portal": "8.25.1-snapshot-13",
34
+ "@instructure/ui-position": "8.25.1-snapshot-13",
35
+ "@instructure/ui-prop-types": "8.25.1-snapshot-13",
36
+ "@instructure/ui-react-utils": "8.25.1-snapshot-13",
37
+ "@instructure/ui-testable": "8.25.1-snapshot-13",
38
+ "@instructure/ui-utils": "8.25.1-snapshot-13",
39
39
  "prop-types": "^15"
40
40
  },
41
41
  "devDependencies": {
42
- "@instructure/ui-babel-preset": "8.25.1-snapshot-10",
43
- "@instructure/ui-test-locator": "8.25.1-snapshot-10",
44
- "@instructure/ui-test-utils": "8.25.1-snapshot-10",
45
- "@instructure/ui-themes": "8.25.1-snapshot-10"
42
+ "@instructure/ui-babel-preset": "8.25.1-snapshot-13",
43
+ "@instructure/ui-test-locator": "8.25.1-snapshot-13",
44
+ "@instructure/ui-test-utils": "8.25.1-snapshot-13",
45
+ "@instructure/ui-themes": "8.25.1-snapshot-13"
46
46
  },
47
47
  "peerDependencies": {
48
48
  "react": ">=16.8 <=17"