@instructure/ui-drawer-layout 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.
Files changed (19) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/es/DrawerLayout/DrawerContent/index.js +4 -4
  3. package/es/DrawerLayout/DrawerTray/DrawerTrayLocator.js +1 -1
  4. package/es/DrawerLayout/DrawerTray/index.js +4 -4
  5. package/es/DrawerLayout/index.js +4 -4
  6. package/lib/DrawerLayout/DrawerContent/index.js +4 -4
  7. package/lib/DrawerLayout/DrawerTray/DrawerTrayLocator.js +1 -1
  8. package/lib/DrawerLayout/DrawerTray/index.js +4 -4
  9. package/lib/DrawerLayout/index.js +4 -4
  10. package/package.json +22 -22
  11. package/src/DrawerLayout/DrawerTray/DrawerTrayLocator.ts +1 -1
  12. package/tsconfig.build.tsbuildinfo +1 -1
  13. package/types/DrawerLayout/DrawerContent/DrawerContentLocator.d.ts +36 -36
  14. package/types/DrawerLayout/DrawerContent/index.d.ts +1 -1
  15. package/types/DrawerLayout/DrawerLayoutLocator.d.ts +126 -126
  16. package/types/DrawerLayout/DrawerTray/DrawerTrayLocator.d.ts +36 -36
  17. package/types/DrawerLayout/DrawerTray/index.d.ts +3 -3
  18. package/types/DrawerLayout/index.d.ts +15 -15
  19. package/types/DrawerLayout/index.d.ts.map +1 -1
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-drawer-layout
9
9
 
package/es/DrawerLayout/DrawerContent/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var _dec, _dec2, _class, _class2;
1
+ var _dec, _dec2, _class, _DrawerContent;
2
2
  /*
3
3
  * The MIT License (MIT)
4
4
  *
@@ -39,7 +39,7 @@ parent: DrawerLayout
39
39
  id: DrawerLayout.Content
40
40
  ---
41
41
  **/
42
- let DrawerContent = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class DrawerContent extends Component {
42
+ let DrawerContent = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_DrawerContent = class DrawerContent extends Component {
43
43
  constructor(...args) {
44
44
  super(...args);
45
45
  this.ref = null;
@@ -116,8 +116,8 @@ let DrawerContent = (_dec = withStyle(generateStyle, generateComponentTheme), _d
116
116
  css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.drawerContent
117
117
  }), this.props.children);
118
118
  }
119
- }, _class2.displayName = "DrawerContent", _class2.componentId = 'DrawerLayout.Content', _class2.locatorAttribute = 'data-drawer-content', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
119
+ }, _DrawerContent.displayName = "DrawerContent", _DrawerContent.componentId = 'DrawerLayout.Content', _DrawerContent.locatorAttribute = 'data-drawer-content', _DrawerContent.propTypes = propTypes, _DrawerContent.allowedProps = allowedProps, _DrawerContent.defaultProps = {
120
120
  role: 'region'
121
- }, _class2)) || _class) || _class);
121
+ }, _DrawerContent)) || _class) || _class);
122
122
  export default DrawerContent;
123
123
  export { DrawerContent };
package/es/DrawerLayout/DrawerTray/DrawerTrayLocator.js CHANGED
@@ -25,5 +25,5 @@
25
25
  import { locator } from '@instructure/ui-test-locator';
26
26
  import { DrawerTray } from './index';
27
27
 
28
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
28
+ // @ts-ignore: property 'selector' does not exist on typeof DrawerTray
29
29
  export const DrawerTrayLocator = locator(DrawerTray.selector);
package/es/DrawerLayout/DrawerTray/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
2
  const _excluded = ["label", "children", "render", "placement", "open", "onOpen", "onClose", "border", "shadow", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "contentRef", "mountNode", "defaultFocusElement", "liveRegion", "onDismiss", "onTransition", "shouldReturnFocus", "shouldCloseOnEscape", "shouldCloseOnDocumentClick", "shouldContainFocus", "styles"];
3
- var _dec, _dec2, _dec3, _class, _class2;
3
+ var _dec, _dec2, _dec3, _class, _DrawerTray;
4
4
  /*
5
5
  * The MIT License (MIT)
6
6
  *
@@ -45,7 +45,7 @@ parent: DrawerLayout
45
45
  id: DrawerLayout.Tray
46
46
  ---
47
47
  **/
48
- let DrawerTray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = textDirectionContextConsumer(), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class DrawerTray extends Component {
48
+ let DrawerTray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = textDirectionContextConsumer(), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_DrawerTray = class DrawerTray extends Component {
49
49
  get _content() {
50
50
  return this.ref;
51
51
  }
@@ -206,7 +206,7 @@ let DrawerTray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
206
206
  }
207
207
  });
208
208
  }
209
- }, _class2.displayName = "DrawerTray", _class2.componentId = 'DrawerLayout.Tray', _class2.locatorAttribute = 'data-drawer-tray', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
209
+ }, _DrawerTray.displayName = "DrawerTray", _DrawerTray.componentId = 'DrawerLayout.Tray', _DrawerTray.locatorAttribute = 'data-drawer-tray', _DrawerTray.propTypes = propTypes, _DrawerTray.allowedProps = allowedProps, _DrawerTray.defaultProps = {
210
210
  shouldContainFocus: true,
211
211
  shouldCloseOnEscape: true,
212
212
  shouldCloseOnDocumentClick: true,
@@ -215,6 +215,6 @@ let DrawerTray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
215
215
  shadow: true,
216
216
  border: true,
217
217
  placement: 'start'
218
- }, _class2)) || _class) || _class) || _class);
218
+ }, _DrawerTray)) || _class) || _class) || _class);
219
219
  export default DrawerTray;
220
220
  export { DrawerTray };
package/es/DrawerLayout/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var _dec, _dec2, _dec3, _dec4, _class, _class2;
1
+ var _dec, _dec2, _dec3, _dec4, _class, _DrawerLayout;
2
2
  /*
3
3
  * The MIT License (MIT)
4
4
  *
@@ -42,7 +42,7 @@ import { propTypes, allowedProps } from './props';
42
42
  category: components
43
43
  ---
44
44
  **/
45
- let DrawerLayout = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, null), _dec3 = textDirectionContextConsumer(), _dec4 = testable(), _dec(_class = _dec2(_class = _dec3(_class = _dec4(_class = (_class2 = class DrawerLayout extends Component {
45
+ let DrawerLayout = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, null), _dec3 = textDirectionContextConsumer(), _dec4 = testable(), _dec(_class = _dec2(_class = _dec3(_class = _dec4(_class = (_DrawerLayout = class DrawerLayout extends Component {
46
46
  constructor(_props) {
47
47
  super(_props);
48
48
  this._id = void 0;
@@ -213,9 +213,9 @@ let DrawerLayout = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyl
213
213
  ref: this.handleRef
214
214
  }), this.renderChildren()));
215
215
  }
216
- }, _class2.displayName = "DrawerLayout", _class2.componentId = 'DrawerLayout', _class2.locatorAttribute = 'data-drawer-layout', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
216
+ }, _DrawerLayout.displayName = "DrawerLayout", _DrawerLayout.componentId = 'DrawerLayout', _DrawerLayout.locatorAttribute = 'data-drawer-layout', _DrawerLayout.propTypes = propTypes, _DrawerLayout.allowedProps = allowedProps, _DrawerLayout.defaultProps = {
217
217
  minWidth: '30rem'
218
- }, _class2.Content = DrawerContent, _class2.Tray = DrawerTray, _class2)) || _class) || _class) || _class) || _class);
218
+ }, _DrawerLayout.Content = DrawerContent, _DrawerLayout.Tray = DrawerTray, _DrawerLayout)) || _class) || _class) || _class) || _class);
219
219
  export default DrawerLayout;
220
220
  export { DrawerLayout, DrawerContent, DrawerTray };
221
221
  export const DrawerLayoutContext = /*#__PURE__*/createContext(false);
package/lib/DrawerLayout/DrawerContent/index.js CHANGED
@@ -14,7 +14,7 @@ var _emotion = require("@instructure/emotion");
14
14
  var _styles = _interopRequireDefault(require("./styles"));
15
15
  var _theme = _interopRequireDefault(require("./theme"));
16
16
  var _props = require("./props");
17
- var _dec, _dec2, _class, _class2;
17
+ var _dec, _dec2, _class, _DrawerContent;
18
18
  /*
19
19
  * The MIT License (MIT)
20
20
  *
@@ -45,7 +45,7 @@ parent: DrawerLayout
45
45
  id: DrawerLayout.Content
46
46
  ---
47
47
  **/
48
- let DrawerContent = exports.DrawerContent = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class DrawerContent extends _react.Component {
48
+ let DrawerContent = exports.DrawerContent = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_DrawerContent = class DrawerContent extends _react.Component {
49
49
  constructor(...args) {
50
50
  super(...args);
51
51
  this.ref = null;
@@ -122,7 +122,7 @@ let DrawerContent = exports.DrawerContent = (_dec = (0, _emotion.withStyle)(_sty
122
122
  css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.drawerContent
123
123
  }), this.props.children);
124
124
  }
125
- }, _class2.displayName = "DrawerContent", _class2.componentId = 'DrawerLayout.Content', _class2.locatorAttribute = 'data-drawer-content', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
125
+ }, _DrawerContent.displayName = "DrawerContent", _DrawerContent.componentId = 'DrawerLayout.Content', _DrawerContent.locatorAttribute = 'data-drawer-content', _DrawerContent.propTypes = _props.propTypes, _DrawerContent.allowedProps = _props.allowedProps, _DrawerContent.defaultProps = {
126
126
  role: 'region'
127
- }, _class2)) || _class) || _class);
127
+ }, _DrawerContent)) || _class) || _class);
128
128
  var _default = exports.default = DrawerContent;
package/lib/DrawerLayout/DrawerTray/DrawerTrayLocator.js CHANGED
@@ -30,5 +30,5 @@ var _index = require("./index");
30
30
  * SOFTWARE.
31
31
  */
32
32
 
33
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
33
+ // @ts-ignore: property 'selector' does not exist on typeof DrawerTray
34
34
  const DrawerTrayLocator = exports.DrawerTrayLocator = (0, _locator.locator)(_index.DrawerTray.selector);
package/lib/DrawerLayout/DrawerTray/index.js CHANGED
@@ -21,7 +21,7 @@ var _theme = _interopRequireDefault(require("./theme"));
21
21
  var _index = require("../index");
22
22
  var _props = require("./props");
23
23
  const _excluded = ["label", "children", "render", "placement", "open", "onOpen", "onClose", "border", "shadow", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "contentRef", "mountNode", "defaultFocusElement", "liveRegion", "onDismiss", "onTransition", "shouldReturnFocus", "shouldCloseOnEscape", "shouldCloseOnDocumentClick", "shouldContainFocus", "styles"];
24
- var _dec, _dec2, _dec3, _class, _class2;
24
+ var _dec, _dec2, _dec3, _class, _DrawerTray;
25
25
  /*
26
26
  * The MIT License (MIT)
27
27
  *
@@ -52,7 +52,7 @@ parent: DrawerLayout
52
52
  id: DrawerLayout.Tray
53
53
  ---
54
54
  **/
55
- let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class DrawerTray extends _react.Component {
55
+ let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_DrawerTray = class DrawerTray extends _react.Component {
56
56
  get _content() {
57
57
  return this.ref;
58
58
  }
@@ -213,7 +213,7 @@ let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.de
213
213
  }
214
214
  });
215
215
  }
216
- }, _class2.displayName = "DrawerTray", _class2.componentId = 'DrawerLayout.Tray', _class2.locatorAttribute = 'data-drawer-tray', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
216
+ }, _DrawerTray.displayName = "DrawerTray", _DrawerTray.componentId = 'DrawerLayout.Tray', _DrawerTray.locatorAttribute = 'data-drawer-tray', _DrawerTray.propTypes = _props.propTypes, _DrawerTray.allowedProps = _props.allowedProps, _DrawerTray.defaultProps = {
217
217
  shouldContainFocus: true,
218
218
  shouldCloseOnEscape: true,
219
219
  shouldCloseOnDocumentClick: true,
@@ -222,5 +222,5 @@ let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.de
222
222
  shadow: true,
223
223
  border: true,
224
224
  placement: 'start'
225
- }, _class2)) || _class) || _class) || _class);
225
+ }, _DrawerTray)) || _class) || _class) || _class);
226
226
  var _default = exports.default = DrawerTray;
package/lib/DrawerLayout/index.js CHANGED
@@ -35,7 +35,7 @@ var _DrawerTray = require("./DrawerTray");
35
35
  var _emotion = require("@instructure/emotion");
36
36
  var _styles = _interopRequireDefault(require("./styles"));
37
37
  var _props2 = require("./props");
38
- var _dec, _dec2, _dec3, _dec4, _class, _class2;
38
+ var _dec, _dec2, _dec3, _dec4, _class, _DrawerLayout;
39
39
  /*
40
40
  * The MIT License (MIT)
41
41
  *
@@ -65,7 +65,7 @@ var _dec, _dec2, _dec3, _dec4, _class, _class2;
65
65
  category: components
66
66
  ---
67
67
  **/
68
- let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec3 = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec4 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = _dec4(_class = (_class2 = class DrawerLayout extends _react.Component {
68
+ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec3 = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec4 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = _dec4(_class = (_DrawerLayout = class DrawerLayout extends _react.Component {
69
69
  constructor(_props) {
70
70
  super(_props);
71
71
  this._id = void 0;
@@ -236,8 +236,8 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
236
236
  ref: this.handleRef
237
237
  }), this.renderChildren()));
238
238
  }
239
- }, _class2.displayName = "DrawerLayout", _class2.componentId = 'DrawerLayout', _class2.locatorAttribute = 'data-drawer-layout', _class2.propTypes = _props2.propTypes, _class2.allowedProps = _props2.allowedProps, _class2.defaultProps = {
239
+ }, _DrawerLayout.displayName = "DrawerLayout", _DrawerLayout.componentId = 'DrawerLayout', _DrawerLayout.locatorAttribute = 'data-drawer-layout', _DrawerLayout.propTypes = _props2.propTypes, _DrawerLayout.allowedProps = _props2.allowedProps, _DrawerLayout.defaultProps = {
240
240
  minWidth: '30rem'
241
- }, _class2.Content = _DrawerContent.DrawerContent, _class2.Tray = _DrawerTray.DrawerTray, _class2)) || _class) || _class) || _class) || _class);
241
+ }, _DrawerLayout.Content = _DrawerContent.DrawerContent, _DrawerLayout.Tray = _DrawerTray.DrawerTray, _DrawerLayout)) || _class) || _class) || _class) || _class);
242
242
  var _default = exports.default = DrawerLayout;
243
243
  const DrawerLayoutContext = exports.DrawerLayoutContext = /*#__PURE__*/(0, _react.createContext)(false);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-drawer-layout",
3
- "version": "9.0.2-snapshot-2",
3
+ "version": "9.0.2-snapshot-4",
4
4
  "description": "A main-content-plus-tray layout component",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,30 +23,30 @@
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/debounce": "9.0.2-snapshot-2",
29
- "@instructure/emotion": "9.0.2-snapshot-2",
30
- "@instructure/shared-types": "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-i18n": "9.0.2-snapshot-2",
34
- "@instructure/ui-motion": "9.0.2-snapshot-2",
35
- "@instructure/ui-portal": "9.0.2-snapshot-2",
36
- "@instructure/ui-position": "9.0.2-snapshot-2",
37
- "@instructure/ui-prop-types": "9.0.2-snapshot-2",
38
- "@instructure/ui-react-utils": "9.0.2-snapshot-2",
39
- "@instructure/ui-test-utils": "9.0.2-snapshot-2",
40
- "@instructure/ui-testable": "9.0.2-snapshot-2",
41
- "@instructure/ui-utils": "9.0.2-snapshot-2",
42
- "@instructure/ui-view": "9.0.2-snapshot-2",
43
- "@instructure/uid": "9.0.2-snapshot-2",
26
+ "@babel/runtime": "^7.24.5",
27
+ "@instructure/console": "9.0.2-snapshot-4",
28
+ "@instructure/debounce": "9.0.2-snapshot-4",
29
+ "@instructure/emotion": "9.0.2-snapshot-4",
30
+ "@instructure/shared-types": "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-i18n": "9.0.2-snapshot-4",
34
+ "@instructure/ui-motion": "9.0.2-snapshot-4",
35
+ "@instructure/ui-portal": "9.0.2-snapshot-4",
36
+ "@instructure/ui-position": "9.0.2-snapshot-4",
37
+ "@instructure/ui-prop-types": "9.0.2-snapshot-4",
38
+ "@instructure/ui-react-utils": "9.0.2-snapshot-4",
39
+ "@instructure/ui-test-utils": "9.0.2-snapshot-4",
40
+ "@instructure/ui-testable": "9.0.2-snapshot-4",
41
+ "@instructure/ui-utils": "9.0.2-snapshot-4",
42
+ "@instructure/ui-view": "9.0.2-snapshot-4",
43
+ "@instructure/uid": "9.0.2-snapshot-4",
44
44
  "prop-types": "^15.8.1"
45
45
  },
46
46
  "devDependencies": {
47
- "@instructure/ui-babel-preset": "9.0.2-snapshot-2",
48
- "@instructure/ui-test-locator": "9.0.2-snapshot-2",
49
- "@instructure/ui-themes": "9.0.2-snapshot-2"
47
+ "@instructure/ui-babel-preset": "9.0.2-snapshot-4",
48
+ "@instructure/ui-test-locator": "9.0.2-snapshot-4",
49
+ "@instructure/ui-themes": "9.0.2-snapshot-4"
50
50
  },
51
51
  "peerDependencies": {
52
52
  "react": ">=16.8 <=18"
package/src/DrawerLayout/DrawerTray/DrawerTrayLocator.ts CHANGED
@@ -26,5 +26,5 @@ import { locator } from '@instructure/ui-test-locator'
26
26
 
27
27
  import { DrawerTray } from './index'
28
28
 
29
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
29
+ // @ts-ignore: property 'selector' does not exist on typeof DrawerTray
30
30
  export const DrawerTrayLocator = locator(DrawerTray.selector)