@instructure/ui-tray 11.7.8 → 11.7.9-snapshot-1

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 +8 -0
  2. package/lib/Tray/v1/index.js +16 -16
  3. package/lib/Tray/v2/index.js +16 -16
  4. package/package.json +14 -14
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
+ ## [11.7.9-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-1) (2026-10-06)
7
+
8
+ **Note:** Version bump only for package @instructure/ui-tray
9
+
10
+
11
+
12
+
13
+
6
14
  ## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
7
15
 
8
16
  **Note:** Version bump only for package @instructure/ui-tray
package/lib/Tray/v1/index.js CHANGED
@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = exports.Tray = void 0;
8
8
  var _react = require("react");
9
- var _Dialog = require("@instructure/ui-dialog/lib/Dialog");
10
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
11
- var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
12
- var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js");
13
- var _Portal = require("@instructure/ui-portal/lib/Portal");
14
- var _mirrorHorizontalPlacement = require("@instructure/ui-position/lib/mirrorHorizontalPlacement.js");
15
- var _Transition = require("@instructure/ui-motion/lib/Transition");
9
+ var _uiDialog = require("@instructure/ui-dialog");
10
+ var _uiReactUtils = require("@instructure/ui-react-utils");
11
+ var _uiUtils = require("@instructure/ui-utils");
12
+ var _uiI18n = require("@instructure/ui-i18n");
13
+ var _uiPortal = require("@instructure/ui-portal");
14
+ var _uiPosition = require("@instructure/ui-position");
15
+ var _uiMotion = require("@instructure/ui-motion");
16
16
  var _emotion = require("@instructure/emotion");
17
17
  var _styles = _interopRequireDefault(require("./styles.js"));
18
18
  var _theme = _interopRequireDefault(require("./theme.js"));
@@ -48,7 +48,7 @@ var _dec, _dec2, _class;
48
48
  category: components
49
49
  ---
50
50
  **/
51
- let Tray = exports.Tray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec(_class = _dec2(_class = class Tray extends _react.Component {
51
+ let Tray = exports.Tray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiI18n.textDirectionContextConsumer)(), _dec(_class = _dec2(_class = class Tray extends _react.Component {
52
52
  static displayName = 'Tray';
53
53
  static componentId = 'Tray';
54
54
  static allowedProps = _props.allowedProps;
@@ -100,8 +100,8 @@ let Tray = exports.Tray = (_dec = (0, _emotion.withStyle)(_styles.default, _them
100
100
  placement,
101
101
  dir
102
102
  } = this.props;
103
- const isRtl = dir === _textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION.rtl;
104
- return isRtl ? (0, _mirrorHorizontalPlacement.mirrorHorizontalPlacement)(placement, ' ') : placement;
103
+ const isRtl = dir === _uiI18n.textDirectionContextConsumer.DIRECTION.rtl;
104
+ return isRtl ? (0, _uiPosition.mirrorHorizontalPlacement)(placement, ' ') : placement;
105
105
  }
106
106
  get direction() {
107
107
  switch (this.placement) {
@@ -171,24 +171,24 @@ let Tray = exports.Tray = (_dec = (0, _emotion.withStyle)(_styles.default, _them
171
171
  ...props
172
172
  } = this.props;
173
173
  const portalIsOpen = this.state.open || this.state.transitioning;
174
- const content = (0, _jsxRuntime.jsx)(_Transition.Transition, {
174
+ const content = (0, _jsxRuntime.jsx)(_uiMotion.Transition, {
175
175
  in: open,
176
176
  type: this.transition,
177
177
  onTransition: onTransition,
178
178
  onEnter: onEnter,
179
179
  onEntering: onEntering,
180
- onEntered: (0, _createChainedFunction.createChainedFunction)(this.handleTransitionComplete, onEntered, onOpen),
180
+ onEntered: (0, _uiUtils.createChainedFunction)(this.handleTransitionComplete, onEntered, onOpen),
181
181
  onExit: onExit,
182
182
  onExiting: onExiting,
183
- onExited: (0, _createChainedFunction.createChainedFunction)(this.handleTransitionComplete, onExited, onClose),
183
+ onExited: (0, _uiUtils.createChainedFunction)(this.handleTransitionComplete, onExited, onClose),
184
184
  transitionOnMount: transitionOnMount,
185
185
  transitionEnter: transitionEnter,
186
186
  transitionExit: transitionExit,
187
187
  children: (0, _jsxRuntime.jsx)("span", {
188
- ...(0, _omitProps.omitProps)(props, Tray.allowedProps),
188
+ ...(0, _uiReactUtils.omitProps)(props, Tray.allowedProps),
189
189
  css: this.props.styles?.tray,
190
190
  ref: contentRef,
191
- children: (0, _jsxRuntime.jsx)(_Dialog.Dialog, {
191
+ children: (0, _jsxRuntime.jsx)(_uiDialog.Dialog, {
192
192
  ref: this.dialogRef,
193
193
  as: "div",
194
194
  label: label,
@@ -208,7 +208,7 @@ let Tray = exports.Tray = (_dec = (0, _emotion.withStyle)(_styles.default, _them
208
208
  })
209
209
  })
210
210
  });
211
- return (0, _jsxRuntime.jsx)(_Portal.Portal, {
211
+ return (0, _jsxRuntime.jsx)(_uiPortal.Portal, {
212
212
  open: portalIsOpen,
213
213
  onOpen: this.handlePortalOpen,
214
214
  insertAt: insertAt,
package/lib/Tray/v2/index.js CHANGED
@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = exports.Tray = void 0;
8
8
  var _react = require("react");
9
- var _Dialog = require("@instructure/ui-dialog/lib/Dialog");
10
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
11
- var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
12
- var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js");
13
- var _Portal = require("@instructure/ui-portal/lib/Portal");
14
- var _mirrorHorizontalPlacement = require("@instructure/ui-position/lib/mirrorHorizontalPlacement.js");
15
- var _Transition = require("@instructure/ui-motion/lib/Transition");
9
+ var _uiDialog = require("@instructure/ui-dialog");
10
+ var _uiReactUtils = require("@instructure/ui-react-utils");
11
+ var _uiUtils = require("@instructure/ui-utils");
12
+ var _uiI18n = require("@instructure/ui-i18n");
13
+ var _uiPortal = require("@instructure/ui-portal");
14
+ var _uiPosition = require("@instructure/ui-position");
15
+ var _uiMotion = require("@instructure/ui-motion");
16
16
  var _emotion = require("@instructure/emotion");
17
17
  var _styles = _interopRequireDefault(require("./styles.js"));
18
18
  var _props = require("./props.js");
@@ -47,7 +47,7 @@ var _dec, _dec2, _class;
47
47
  category: components
48
48
  ---
49
49
  **/
50
- let Tray = exports.Tray = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec2 = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec(_class = _dec2(_class = class Tray extends _react.Component {
50
+ let Tray = exports.Tray = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec2 = (0, _uiI18n.textDirectionContextConsumer)(), _dec(_class = _dec2(_class = class Tray extends _react.Component {
51
51
  static displayName = 'Tray';
52
52
  static componentId = 'Tray';
53
53
  static allowedProps = _props.allowedProps;
@@ -99,8 +99,8 @@ let Tray = exports.Tray = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
99
99
  placement,
100
100
  dir
101
101
  } = this.props;
102
- const isRtl = dir === _textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION.rtl;
103
- return isRtl ? (0, _mirrorHorizontalPlacement.mirrorHorizontalPlacement)(placement, ' ') : placement;
102
+ const isRtl = dir === _uiI18n.textDirectionContextConsumer.DIRECTION.rtl;
103
+ return isRtl ? (0, _uiPosition.mirrorHorizontalPlacement)(placement, ' ') : placement;
104
104
  }
105
105
  get direction() {
106
106
  switch (this.placement) {
@@ -170,24 +170,24 @@ let Tray = exports.Tray = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
170
170
  ...props
171
171
  } = this.props;
172
172
  const portalIsOpen = this.state.open || this.state.transitioning;
173
- const content = (0, _jsxRuntime.jsx)(_Transition.Transition, {
173
+ const content = (0, _jsxRuntime.jsx)(_uiMotion.Transition, {
174
174
  in: open,
175
175
  type: this.transition,
176
176
  onTransition: onTransition,
177
177
  onEnter: onEnter,
178
178
  onEntering: onEntering,
179
- onEntered: (0, _createChainedFunction.createChainedFunction)(this.handleTransitionComplete, onEntered, onOpen),
179
+ onEntered: (0, _uiUtils.createChainedFunction)(this.handleTransitionComplete, onEntered, onOpen),
180
180
  onExit: onExit,
181
181
  onExiting: onExiting,
182
- onExited: (0, _createChainedFunction.createChainedFunction)(this.handleTransitionComplete, onExited, onClose),
182
+ onExited: (0, _uiUtils.createChainedFunction)(this.handleTransitionComplete, onExited, onClose),
183
183
  transitionOnMount: transitionOnMount,
184
184
  transitionEnter: transitionEnter,
185
185
  transitionExit: transitionExit,
186
186
  children: (0, _jsxRuntime.jsx)("span", {
187
- ...(0, _omitProps.omitProps)(props, Tray.allowedProps),
187
+ ...(0, _uiReactUtils.omitProps)(props, Tray.allowedProps),
188
188
  css: this.props.styles?.tray,
189
189
  ref: contentRef,
190
- children: (0, _jsxRuntime.jsx)(_Dialog.Dialog, {
190
+ children: (0, _jsxRuntime.jsx)(_uiDialog.Dialog, {
191
191
  ref: this.dialogRef,
192
192
  as: "div",
193
193
  label: label,
@@ -207,7 +207,7 @@ let Tray = exports.Tray = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
207
207
  })
208
208
  })
209
209
  });
210
- return (0, _jsxRuntime.jsx)(_Portal.Portal, {
210
+ return (0, _jsxRuntime.jsx)(_uiPortal.Portal, {
211
211
  open: portalIsOpen,
212
212
  onOpen: this.handlePortalOpen,
213
213
  insertAt: insertAt,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-tray",
3
- "version": "11.7.8",
3
+ "version": "11.7.9-snapshot-1",
4
4
  "description": "Tray component for secondary/menu content",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -15,22 +15,22 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.7",
18
- "@instructure/console": "11.7.8",
19
- "@instructure/emotion": "11.7.8",
20
- "@instructure/shared-types": "11.7.8",
21
- "@instructure/ui-i18n": "11.7.8",
22
- "@instructure/ui-dialog": "11.7.8",
23
- "@instructure/ui-motion": "11.7.8",
24
- "@instructure/ui-overlays": "11.7.8",
25
- "@instructure/ui-portal": "11.7.8",
26
- "@instructure/ui-position": "11.7.8",
27
- "@instructure/ui-themes": "11.7.8",
28
- "@instructure/ui-react-utils": "11.7.8",
29
- "@instructure/ui-utils": "11.7.8"
18
+ "@instructure/console": "11.7.9-snapshot-1",
19
+ "@instructure/emotion": "11.7.9-snapshot-1",
20
+ "@instructure/ui-dialog": "11.7.9-snapshot-1",
21
+ "@instructure/ui-i18n": "11.7.9-snapshot-1",
22
+ "@instructure/shared-types": "11.7.9-snapshot-1",
23
+ "@instructure/ui-motion": "11.7.9-snapshot-1",
24
+ "@instructure/ui-overlays": "11.7.9-snapshot-1",
25
+ "@instructure/ui-portal": "11.7.9-snapshot-1",
26
+ "@instructure/ui-position": "11.7.9-snapshot-1",
27
+ "@instructure/ui-react-utils": "11.7.9-snapshot-1",
28
+ "@instructure/ui-themes": "11.7.9-snapshot-1",
29
+ "@instructure/ui-utils": "11.7.9-snapshot-1"
30
30
  },
31
31
  "devDependencies": {
32
32
  "vitest": "^5.0.0",
33
- "@instructure/ui-babel-preset": "11.7.8"
33
+ "@instructure/ui-babel-preset": "11.7.9-snapshot-1"
34
34
  },
35
35
  "peerDependencies": {
36
36
  "react": ">=18 <=19"