@instructure/ui-modal 9.0.2-snapshot-2 → 9.0.2-snapshot-4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,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
- ## [9.0.2-snapshot-2](https://github.com/instructure/instructure-ui/compare/v9.0.1...v9.0.2-snapshot-2) (2024-05-28)
6
+ ## [9.0.2-snapshot-4](https://github.com/instructure/instructure-ui/compare/v9.0.1...v9.0.2-snapshot-4) (2024-06-05)
7
7
 
8
8
  **Note:** Version bump only for package @instructure/ui-modal
9
9
 
@@ -1,6 +1,6 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
2
  const _excluded = ["as", "elementRef", "overflow", "variant", "padding", "children"];
3
- var _dec, _dec2, _class, _class2;
3
+ var _dec, _dec2, _class, _ModalBody;
4
4
  /*
5
5
  * The MIT License (MIT)
6
6
  *
@@ -41,7 +41,7 @@ parent: Modal
41
41
  id: Modal.Body
42
42
  ---
43
43
  **/
44
- let ModalBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class ModalBody extends Component {
44
+ let ModalBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_ModalBody = class ModalBody extends Component {
45
45
  constructor(props) {
46
46
  super(props);
47
47
  this.ref = null;
@@ -101,10 +101,10 @@ let ModalBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
101
101
  tabIndex: -1
102
102
  }), children);
103
103
  }
104
- }, _class2.displayName = "ModalBody", _class2.componentId = 'Modal.Body', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
104
+ }, _ModalBody.displayName = "ModalBody", _ModalBody.componentId = 'Modal.Body', _ModalBody.propTypes = propTypes, _ModalBody.allowedProps = allowedProps, _ModalBody.defaultProps = {
105
105
  padding: 'medium',
106
106
  as: 'div',
107
107
  variant: 'default'
108
- }, _class2)) || _class) || _class);
108
+ }, _ModalBody)) || _class) || _class);
109
109
  export default ModalBody;
110
110
  export { ModalBody };
@@ -1,6 +1,6 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
2
  const _excluded = ["children"];
3
- var _dec, _dec2, _class, _class2;
3
+ var _dec, _dec2, _class, _ModalFooter;
4
4
  /*
5
5
  * The MIT License (MIT)
6
6
  *
@@ -39,7 +39,7 @@ parent: Modal
39
39
  id: Modal.Footer
40
40
  ---
41
41
  **/
42
- let ModalFooter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class ModalFooter extends Component {
42
+ let ModalFooter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_ModalFooter = class ModalFooter extends Component {
43
43
  constructor(...args) {
44
44
  super(...args);
45
45
  this.ref = null;
@@ -66,8 +66,8 @@ let ModalFooter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
66
66
  ref: this.handleRef
67
67
  }), children);
68
68
  }
69
- }, _class2.displayName = "ModalFooter", _class2.componentId = 'Modal.Footer', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
69
+ }, _ModalFooter.displayName = "ModalFooter", _ModalFooter.componentId = 'Modal.Footer', _ModalFooter.propTypes = propTypes, _ModalFooter.allowedProps = allowedProps, _ModalFooter.defaultProps = {
70
70
  variant: 'default'
71
- }, _class2)) || _class) || _class);
71
+ }, _ModalFooter)) || _class) || _class);
72
72
  export default ModalFooter;
73
73
  export { ModalFooter };
@@ -1,6 +1,6 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
2
  const _excluded = ["children"];
3
- var _dec, _dec2, _class, _class2;
3
+ var _dec, _dec2, _class, _ModalHeader;
4
4
  /*
5
5
  * The MIT License (MIT)
6
6
  *
@@ -40,7 +40,7 @@ parent: Modal
40
40
  id: Modal.Header
41
41
  ---
42
42
  **/
43
- let ModalHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class ModalHeader extends Component {
43
+ let ModalHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_ModalHeader = class ModalHeader extends Component {
44
44
  constructor(...args) {
45
45
  super(...args);
46
46
  this.ref = null;
@@ -81,9 +81,9 @@ let ModalHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
81
81
  ref: this.handleRef
82
82
  }), children);
83
83
  }
84
- }, _class2.displayName = "ModalHeader", _class2.componentId = 'Modal.Header', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
84
+ }, _ModalHeader.displayName = "ModalHeader", _ModalHeader.componentId = 'Modal.Header', _ModalHeader.propTypes = propTypes, _ModalHeader.allowedProps = allowedProps, _ModalHeader.defaultProps = {
85
85
  variant: 'default',
86
86
  spacing: 'default'
87
- }, _class2)) || _class) || _class);
87
+ }, _ModalHeader)) || _class) || _class);
88
88
  export default ModalHeader;
89
89
  export { ModalHeader };
@@ -315,7 +315,7 @@ describe('<Modal />', () => {
315
315
  });
316
316
  });
317
317
  describe('managed focus', () => {
318
- var _ModalExample;
318
+ var _ModalExample2;
319
319
  class ModalExample extends React.Component {
320
320
  render() {
321
321
  const _this$props = this.props,
@@ -342,7 +342,7 @@ describe('<Modal />', () => {
342
342
  ...Modal.propTypes
343
343
  };
344
344
  it('should focus closeButton by default', async () => {
345
- const _render18 = render(_ModalExample || (_ModalExample = /*#__PURE__*/React.createElement(ModalExample, {
345
+ const _render18 = render(_ModalExample2 || (_ModalExample2 = /*#__PURE__*/React.createElement(ModalExample, {
346
346
  open: true,
347
347
  label: "A Modal"
348
348
  }))),
package/es/Modal/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
2
  const _excluded = ["open", "onOpen", "onClose", "mountNode", "insertAt", "transition", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "constrain", "overflow"];
3
- var _dec, _dec2, _class, _class2;
3
+ var _dec, _dec2, _class, _Modal;
4
4
  /*
5
5
  * The MIT License (MIT)
6
6
  *
@@ -47,7 +47,7 @@ category: components
47
47
  tags: overlay, portal, dialog
48
48
  ---
49
49
  **/
50
- let Modal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class Modal extends Component {
50
+ let Modal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_Modal = class Modal extends Component {
51
51
  constructor(props) {
52
52
  var _props$open;
53
53
  super(props);
@@ -200,7 +200,7 @@ let Modal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = te
200
200
  css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.constrainContext
201
201
  }, this.renderDialog(passthroughProps)) : this.renderDialog(passthroughProps)));
202
202
  }
203
- }, _class2.displayName = "Modal", _class2.componentId = 'Modal', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
203
+ }, _Modal.displayName = "Modal", _Modal.componentId = 'Modal', _Modal.propTypes = propTypes, _Modal.allowedProps = allowedProps, _Modal.defaultProps = {
204
204
  open: false,
205
205
  size: 'auto',
206
206
  variant: 'default',
@@ -210,6 +210,6 @@ let Modal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = te
210
210
  shouldReturnFocus: true,
211
211
  constrain: 'window',
212
212
  overflow: 'scroll'
213
- }, _class2.Header = ModalHeader, _class2.Body = ModalBody, _class2.Footer = ModalFooter, _class2)) || _class) || _class);
213
+ }, _Modal.Header = ModalHeader, _Modal.Body = ModalBody, _Modal.Footer = ModalFooter, _Modal)) || _class) || _class);
214
214
  export default Modal;
215
215
  export { Modal, ModalHeader, ModalBody, ModalFooter };
@@ -16,7 +16,7 @@ var _styles = _interopRequireDefault(require("./styles"));
16
16
  var _theme = _interopRequireDefault(require("./theme"));
17
17
  var _props = require("./props");
18
18
  const _excluded = ["as", "elementRef", "overflow", "variant", "padding", "children"];
19
- var _dec, _dec2, _class, _class2;
19
+ var _dec, _dec2, _class, _ModalBody;
20
20
  /*
21
21
  * The MIT License (MIT)
22
22
  *
@@ -47,7 +47,7 @@ parent: Modal
47
47
  id: Modal.Body
48
48
  ---
49
49
  **/
50
- let ModalBody = exports.ModalBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ModalBody extends _react.Component {
50
+ let ModalBody = exports.ModalBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_ModalBody = class ModalBody extends _react.Component {
51
51
  constructor(props) {
52
52
  super(props);
53
53
  this.ref = null;
@@ -107,9 +107,9 @@ let ModalBody = exports.ModalBody = (_dec = (0, _emotion.withStyle)(_styles.defa
107
107
  tabIndex: -1
108
108
  }), children);
109
109
  }
110
- }, _class2.displayName = "ModalBody", _class2.componentId = 'Modal.Body', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
110
+ }, _ModalBody.displayName = "ModalBody", _ModalBody.componentId = 'Modal.Body', _ModalBody.propTypes = _props.propTypes, _ModalBody.allowedProps = _props.allowedProps, _ModalBody.defaultProps = {
111
111
  padding: 'medium',
112
112
  as: 'div',
113
113
  variant: 'default'
114
- }, _class2)) || _class) || _class);
114
+ }, _ModalBody)) || _class) || _class);
115
115
  var _default = exports.default = ModalBody;
@@ -14,7 +14,7 @@ var _styles = _interopRequireDefault(require("./styles"));
14
14
  var _theme = _interopRequireDefault(require("./theme"));
15
15
  var _props = require("./props");
16
16
  const _excluded = ["children"];
17
- var _dec, _dec2, _class, _class2;
17
+ var _dec, _dec2, _class, _ModalFooter;
18
18
  /*
19
19
  * The MIT License (MIT)
20
20
  *
@@ -45,7 +45,7 @@ parent: Modal
45
45
  id: Modal.Footer
46
46
  ---
47
47
  **/
48
- let ModalFooter = exports.ModalFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ModalFooter extends _react.Component {
48
+ let ModalFooter = exports.ModalFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_ModalFooter = class ModalFooter extends _react.Component {
49
49
  constructor(...args) {
50
50
  super(...args);
51
51
  this.ref = null;
@@ -72,7 +72,7 @@ let ModalFooter = exports.ModalFooter = (_dec = (0, _emotion.withStyle)(_styles.
72
72
  ref: this.handleRef
73
73
  }), children);
74
74
  }
75
- }, _class2.displayName = "ModalFooter", _class2.componentId = 'Modal.Footer', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
75
+ }, _ModalFooter.displayName = "ModalFooter", _ModalFooter.componentId = 'Modal.Footer', _ModalFooter.propTypes = _props.propTypes, _ModalFooter.allowedProps = _props.allowedProps, _ModalFooter.defaultProps = {
76
76
  variant: 'default'
77
- }, _class2)) || _class) || _class);
77
+ }, _ModalFooter)) || _class) || _class);
78
78
  var _default = exports.default = ModalFooter;
@@ -17,7 +17,7 @@ var _styles = _interopRequireDefault(require("./styles"));
17
17
  var _theme = _interopRequireDefault(require("./theme"));
18
18
  var _props = require("./props");
19
19
  const _excluded = ["children"];
20
- var _dec, _dec2, _class, _class2;
20
+ var _dec, _dec2, _class, _ModalHeader;
21
21
  /*
22
22
  * The MIT License (MIT)
23
23
  *
@@ -48,7 +48,7 @@ parent: Modal
48
48
  id: Modal.Header
49
49
  ---
50
50
  **/
51
- let ModalHeader = exports.ModalHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ModalHeader extends _react.Component {
51
+ let ModalHeader = exports.ModalHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_ModalHeader = class ModalHeader extends _react.Component {
52
52
  constructor(...args) {
53
53
  super(...args);
54
54
  this.ref = null;
@@ -89,8 +89,8 @@ let ModalHeader = exports.ModalHeader = (_dec = (0, _emotion.withStyle)(_styles.
89
89
  ref: this.handleRef
90
90
  }), children);
91
91
  }
92
- }, _class2.displayName = "ModalHeader", _class2.componentId = 'Modal.Header', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
92
+ }, _ModalHeader.displayName = "ModalHeader", _ModalHeader.componentId = 'Modal.Header', _ModalHeader.propTypes = _props.propTypes, _ModalHeader.allowedProps = _props.allowedProps, _ModalHeader.defaultProps = {
93
93
  variant: 'default',
94
94
  spacing: 'default'
95
- }, _class2)) || _class) || _class);
95
+ }, _ModalHeader)) || _class) || _class);
96
96
  var _default = exports.default = ModalHeader;
@@ -317,7 +317,7 @@ describe('<Modal />', () => {
317
317
  });
318
318
  });
319
319
  describe('managed focus', () => {
320
- var _ModalExample;
320
+ var _ModalExample2;
321
321
  class ModalExample extends _react.default.Component {
322
322
  render() {
323
323
  const _this$props = this.props,
@@ -344,7 +344,7 @@ describe('<Modal />', () => {
344
344
  ..._index.Modal.propTypes
345
345
  };
346
346
  it('should focus closeButton by default', async () => {
347
- const _render18 = (0, _react2.render)(_ModalExample || (_ModalExample = /*#__PURE__*/_react.default.createElement(ModalExample, {
347
+ const _render18 = (0, _react2.render)(_ModalExample2 || (_ModalExample2 = /*#__PURE__*/_react.default.createElement(ModalExample, {
348
348
  open: true,
349
349
  label: "A Modal"
350
350
  }))),
@@ -44,7 +44,7 @@ var _styles = _interopRequireDefault(require("./styles"));
44
44
  var _theme = _interopRequireDefault(require("./theme"));
45
45
  var _props = require("./props");
46
46
  const _excluded = ["open", "onOpen", "onClose", "mountNode", "insertAt", "transition", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "constrain", "overflow"];
47
- var _dec, _dec2, _class, _class2;
47
+ var _dec, _dec2, _class, _Modal;
48
48
  /*
49
49
  * The MIT License (MIT)
50
50
  *
@@ -75,7 +75,7 @@ category: components
75
75
  tags: overlay, portal, dialog
76
76
  ---
77
77
  **/
78
- let Modal = exports.Modal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class Modal extends _react.Component {
78
+ let Modal = exports.Modal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_Modal = class Modal extends _react.Component {
79
79
  constructor(props) {
80
80
  var _props$open;
81
81
  super(props);
@@ -228,7 +228,7 @@ let Modal = exports.Modal = (_dec = (0, _emotion.withStyle)(_styles.default, _th
228
228
  css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.constrainContext
229
229
  }, this.renderDialog(passthroughProps)) : this.renderDialog(passthroughProps)));
230
230
  }
231
- }, _class2.displayName = "Modal", _class2.componentId = 'Modal', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
231
+ }, _Modal.displayName = "Modal", _Modal.componentId = 'Modal', _Modal.propTypes = _props.propTypes, _Modal.allowedProps = _props.allowedProps, _Modal.defaultProps = {
232
232
  open: false,
233
233
  size: 'auto',
234
234
  variant: 'default',
@@ -238,5 +238,5 @@ let Modal = exports.Modal = (_dec = (0, _emotion.withStyle)(_styles.default, _th
238
238
  shouldReturnFocus: true,
239
239
  constrain: 'window',
240
240
  overflow: 'scroll'
241
- }, _class2.Header = _ModalHeader.ModalHeader, _class2.Body = _ModalBody.ModalBody, _class2.Footer = _ModalFooter.ModalFooter, _class2)) || _class) || _class);
241
+ }, _Modal.Header = _ModalHeader.ModalHeader, _Modal.Body = _ModalBody.ModalBody, _Modal.Footer = _ModalFooter.ModalFooter, _Modal)) || _class) || _class);
242
242
  var _default = exports.default = Modal;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-modal",
3
- "version": "9.0.2-snapshot-2",
3
+ "version": "9.0.2-snapshot-4",
4
4
  "description": "A component for displaying content in a dialog overlay",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,34 +23,34 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "dependencies": {
26
- "@babel/runtime": "^7.23.2",
27
- "@instructure/console": "9.0.2-snapshot-2",
28
- "@instructure/emotion": "9.0.2-snapshot-2",
29
- "@instructure/shared-types": "9.0.2-snapshot-2",
30
- "@instructure/ui-buttons": "9.0.2-snapshot-2",
31
- "@instructure/ui-dialog": "9.0.2-snapshot-2",
32
- "@instructure/ui-dom-utils": "9.0.2-snapshot-2",
33
- "@instructure/ui-motion": "9.0.2-snapshot-2",
34
- "@instructure/ui-overlays": "9.0.2-snapshot-2",
35
- "@instructure/ui-portal": "9.0.2-snapshot-2",
36
- "@instructure/ui-prop-types": "9.0.2-snapshot-2",
37
- "@instructure/ui-react-utils": "9.0.2-snapshot-2",
38
- "@instructure/ui-testable": "9.0.2-snapshot-2",
39
- "@instructure/ui-utils": "9.0.2-snapshot-2",
40
- "@instructure/ui-view": "9.0.2-snapshot-2",
26
+ "@babel/runtime": "^7.24.5",
27
+ "@instructure/console": "9.0.2-snapshot-4",
28
+ "@instructure/emotion": "9.0.2-snapshot-4",
29
+ "@instructure/shared-types": "9.0.2-snapshot-4",
30
+ "@instructure/ui-buttons": "9.0.2-snapshot-4",
31
+ "@instructure/ui-dialog": "9.0.2-snapshot-4",
32
+ "@instructure/ui-dom-utils": "9.0.2-snapshot-4",
33
+ "@instructure/ui-motion": "9.0.2-snapshot-4",
34
+ "@instructure/ui-overlays": "9.0.2-snapshot-4",
35
+ "@instructure/ui-portal": "9.0.2-snapshot-4",
36
+ "@instructure/ui-prop-types": "9.0.2-snapshot-4",
37
+ "@instructure/ui-react-utils": "9.0.2-snapshot-4",
38
+ "@instructure/ui-testable": "9.0.2-snapshot-4",
39
+ "@instructure/ui-utils": "9.0.2-snapshot-4",
40
+ "@instructure/ui-view": "9.0.2-snapshot-4",
41
41
  "prop-types": "^15.8.1"
42
42
  },
43
43
  "peerDependencies": {
44
44
  "react": ">=16.8 <=18"
45
45
  },
46
46
  "devDependencies": {
47
- "@instructure/ui-babel-preset": "9.0.2-snapshot-2",
48
- "@instructure/ui-color-utils": "9.0.2-snapshot-2",
49
- "@instructure/ui-position": "9.0.2-snapshot-2",
50
- "@instructure/ui-themes": "9.0.2-snapshot-2",
51
- "@testing-library/jest-dom": "^6.1.4",
52
- "@testing-library/react": "^14.0.0",
53
- "@testing-library/user-event": "^14.5.1"
47
+ "@instructure/ui-babel-preset": "9.0.2-snapshot-4",
48
+ "@instructure/ui-color-utils": "9.0.2-snapshot-4",
49
+ "@instructure/ui-position": "9.0.2-snapshot-4",
50
+ "@instructure/ui-themes": "9.0.2-snapshot-4",
51
+ "@testing-library/jest-dom": "^6.4.5",
52
+ "@testing-library/react": "^15.0.7",
53
+ "@testing-library/user-event": "^14.5.2"
54
54
  },
55
55
  "publishConfig": {
56
56
  "access": "public"