@instructure/ui-drawer-layout 11.7.8 → 11.7.9-snapshot-1

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.7.9-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-1) (2026-10-06)
+
+**Note:** Version bump only for package @instructure/ui-drawer-layout
+
+
+
+
+
 ## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
 
 **Note:** Version bump only for package @instructure/ui-drawer-layout

package/lib/DrawerLayout/v1/DrawerContent/index.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.DrawerContent = void 0;
 var _react = require("react");
 var _debounce = require("@instructure/debounce");
-var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
@@ -59,7 +59,7 @@ let DrawerContent = exports.DrawerContent = (_dec = (0, _emotion.withStyle)(_sty
   _resizeListener;
   _debounced;
   componentDidMount() {
-    const rect = (0, _getBoundingClientRect.getBoundingClientRect)(this.ref);
+    const rect = (0, _uiDomUtils.getBoundingClientRect)(this.ref);
     const origSize = {
       width: rect.width
     };
@@ -114,7 +114,7 @@ let DrawerContent = exports.DrawerContent = (_dec = (0, _emotion.withStyle)(_sty
       role
     } = this.props;
     return (0, _jsxRuntime.jsx)("div", {
-      ...(0, _omitProps.omitProps)(this.props, DrawerContent.allowedProps),
+      ...(0, _uiReactUtils.omitProps)(this.props, DrawerContent.allowedProps),
       role: role,
       style: style,
       ref: this.handleContentRef,

package/lib/DrawerLayout/v1/DrawerTray/index.js

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.DrawerTray = void 0;
 var _react = require("react");
 var _emotion = require("@instructure/emotion");
-var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js");
-var _Transition = require("@instructure/ui-motion/lib/Transition");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
-var _Dialog = require("@instructure/ui-dialog/lib/Dialog");
-var _Portal = require("@instructure/ui-portal/lib/Portal");
-var _mirrorHorizontalPlacement = require("@instructure/ui-position/lib/mirrorHorizontalPlacement.js");
+var _uiI18n = require("@instructure/ui-i18n");
+var _uiMotion = require("@instructure/ui-motion");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiUtils = require("@instructure/ui-utils");
+var _uiDialog = require("@instructure/ui-dialog");
+var _uiPortal = require("@instructure/ui-portal");
+var _uiPosition = require("@instructure/ui-position");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _index = require("../index.js");
@@ -49,7 +49,7 @@ parent: DrawerLayout
 id: DrawerLayout.Tray
 ---
 **/
-let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec(_class = _dec2(_class = class DrawerTray extends _react.Component {
+let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiI18n.textDirectionContextConsumer)(), _dec(_class = _dec2(_class = class DrawerTray extends _react.Component {
   static displayName = 'DrawerTray';
   static componentId = 'DrawerLayout.Tray';
   static locatorAttribute = 'data-drawer-tray';
@@ -97,8 +97,8 @@ let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.de
       placement,
       dir
     } = this.props;
-    const isRtl = dir === _textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION.rtl;
-    return isRtl ? (0, _mirrorHorizontalPlacement.mirrorHorizontalPlacement)(placement, ' ') : placement;
+    const isRtl = dir === _uiI18n.textDirectionContextConsumer.DIRECTION.rtl;
+    return isRtl ? (0, _uiPosition.mirrorHorizontalPlacement)(placement, ' ') : placement;
   }
   get transition() {
     return this.placement === 'end' ? 'fade' : 'slide-left';
@@ -188,23 +188,23 @@ let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.de
         if (needsPortal && !portalOpen) {
           transitionIn = false;
         }
-        const content = (0, _jsxRuntime.jsx)(_Transition.Transition, {
+        const content = (0, _jsxRuntime.jsx)(_uiMotion.Transition, {
           in: transitionIn,
           type: this.transition,
           onTransition: onTransition,
           onEnter: onEnter,
           onEntering: onEntering,
-          onEntered: (0, _createChainedFunction.createChainedFunction)(this.handleTransitionEntered, onEntered, onOpen),
+          onEntered: (0, _uiUtils.createChainedFunction)(this.handleTransitionEntered, onEntered, onOpen),
           onExit: onExit,
           onExiting: onExiting,
-          onExited: (0, _createChainedFunction.createChainedFunction)(this.handleTransitionExited, onExited, onClose),
+          onExited: (0, _uiUtils.createChainedFunction)(this.handleTransitionExited, onExited, onClose),
           unmountOnExit: true,
           children: (0, _jsxRuntime.jsx)("div", {
-            ...(0, _omitProps.omitProps)(props, DrawerTray.allowedProps),
+            ...(0, _uiReactUtils.omitProps)(props, DrawerTray.allowedProps),
             ref: this.handleContentRef,
             css: trayStyles,
             "data-cid": "DrawerTray",
-            children: (0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+            children: (0, _jsxRuntime.jsx)(_uiDialog.Dialog, {
               open: true,
               role: shouldOverlayTray ? 'dialog' : 'region',
               label: label,
@@ -222,7 +222,7 @@ let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.de
           })
         });
         if (needsPortal) {
-          return (0, _jsxRuntime.jsx)(_Portal.Portal, {
+          return (0, _jsxRuntime.jsx)(_uiPortal.Portal, {
             mountNode: mountNode,
             open: true,
             onOpen: this.handlePortalOpen,

package/lib/DrawerLayout/v1/index.js

@@ -19,15 +19,12 @@ Object.defineProperty(exports, "DrawerTray", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js");
-var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
-var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
-var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
-var _px = require("@instructure/ui-utils/lib/px.js");
+var _uiI18n = require("@instructure/ui-i18n");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiUtils = require("@instructure/ui-utils");
 var _console = require("@instructure/console");
-var _mirrorHorizontalPlacement = require("@instructure/ui-position/lib/mirrorHorizontalPlacement.js");
+var _uiPosition = require("@instructure/ui-position");
 var _index2 = require("./DrawerContent/index.js");
 var _index3 = require("./DrawerTray/index.js");
 var _emotion = require("@instructure/emotion");
@@ -63,7 +60,7 @@ var _dec, _dec2, _dec3, _class;
 category: components
 ---
 **/
-let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec3 = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec(_class = _dec2(_class = _dec3(_class = class DrawerLayout extends _react.Component {
+let DrawerLayout = exports.DrawerLayout = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec3 = (0, _uiI18n.textDirectionContextConsumer)(), _dec(_class = _dec2(_class = _dec3(_class = class DrawerLayout extends _react.Component {
   static displayName = 'DrawerLayout';
   static componentId = 'DrawerLayout';
   static locatorAttribute = 'data-drawer-layout';
@@ -96,7 +93,7 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
     this.props.makeStyles?.();
   }
   get trayProps() {
-    const tray = _react.Children.toArray(this.props.children).filter(child => (0, _matchComponentTypes.matchComponentTypes)(child, [_index3.DrawerTray]))[0];
+    const tray = _react.Children.toArray(this.props.children).filter(child => (0, _uiReactUtils.matchComponentTypes)(child, [_index3.DrawerTray]))[0];
     return tray.props;
   }
   get trayPlacement() {
@@ -104,8 +101,8 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
       placement,
       dir = this.props.dir
     } = this.trayProps;
-    const isRtl = dir === _textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION.rtl;
-    return isRtl ? (0, _mirrorHorizontalPlacement.mirrorHorizontalPlacement)(placement, ' ') : placement;
+    const isRtl = dir === _uiI18n.textDirectionContextConsumer.DIRECTION.rtl;
+    return isRtl ? (0, _uiPosition.mirrorHorizontalPlacement)(placement, ' ') : placement;
   }
   get contentMargin() {
     const trayWidth = this.state.trayWidth || 0;
@@ -133,7 +130,7 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
   };
   shouldOverlayTray(minWidth, trayWidth, contentWidth, trayIsOverlayed) {
     if (!this._content) return false;
-    const minWidthPx = (0, _px.px)(minWidth, this._content);
+    const minWidthPx = (0, _uiUtils.px)(minWidth, this._content);
     if (trayIsOverlayed) {
       return contentWidth - trayWidth < minWidthPx;
     } else {
@@ -181,7 +178,7 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
   handleTrayTransitionEnter = () => {
     let width = 0;
     if (this._tray) {
-      width = (0, _getBoundingClientRect.getBoundingClientRect)(this._tray).width;
+      width = (0, _uiDomUtils.getBoundingClientRect)(this._tray).width;
     }
     this.handleTraySizeChange({
       width
@@ -196,9 +193,9 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
     let trayCount = 0;
     let contentCount = 0;
     const children = _react.Children.map(this.props.children, (child, _index) => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index3.DrawerTray])) {
+      if ((0, _uiReactUtils.matchComponentTypes)(child, [_index3.DrawerTray])) {
         trayCount++;
-        return (0, _safeCloneElement.safeCloneElement)(child, {
+        return (0, _uiReactUtils.safeCloneElement)(child, {
           label: child.props.label,
           key: child.props.label,
           [_index3.DrawerTray.locatorAttribute]: this._id,
@@ -206,7 +203,7 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
           onEnter: this.handleTrayTransitionEnter,
           onExit: this.handleTrayTransitionExit
         });
-      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index2.DrawerContent])) {
+      } else if ((0, _uiReactUtils.matchComponentTypes)(child, [_index2.DrawerContent])) {
         contentCount++;
         const handleContentRef = el => {
           const {
@@ -217,12 +214,12 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
             contentRef(el);
           }
         };
-        return this.state.trayWidth !== null ? (0, _safeCloneElement.safeCloneElement)(child, {
+        return this.state.trayWidth !== null ? (0, _uiReactUtils.safeCloneElement)(child, {
           label: child.props.label,
           key: child.props.label,
           [_index2.DrawerContent.locatorAttribute]: this._id,
           style: this.contentStyle,
-          onSizeChange: (0, _createChainedFunction.createChainedFunction)(this.handleContentSizeChange, child.props.onSizeChange),
+          onSizeChange: (0, _uiUtils.createChainedFunction)(this.handleContentSizeChange, child.props.onSizeChange),
           contentRef: handleContentRef
         }) : null;
       } else {

package/lib/DrawerLayout/v2/DrawerContent/index.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.DrawerContent = void 0;
 var _react = require("react");
 var _debounce = require("@instructure/debounce");
-var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _props = require("./props.js");
@@ -55,7 +55,7 @@ let DrawerContent = exports.DrawerContent = (_dec = (0, _emotion.withStyleNew)(_
   _resizeListener;
   _debounced;
   componentDidMount() {
-    const rect = (0, _getBoundingClientRect.getBoundingClientRect)(this.ref);
+    const rect = (0, _uiDomUtils.getBoundingClientRect)(this.ref);
     const origSize = {
       width: rect.width
     };
@@ -110,7 +110,7 @@ let DrawerContent = exports.DrawerContent = (_dec = (0, _emotion.withStyleNew)(_
       role
     } = this.props;
     return (0, _jsxRuntime.jsx)("div", {
-      ...(0, _omitProps.omitProps)(this.props, DrawerContent.allowedProps),
+      ...(0, _uiReactUtils.omitProps)(this.props, DrawerContent.allowedProps),
       role: role,
       style: style,
       ref: this.handleContentRef,

package/lib/DrawerLayout/v2/DrawerTray/index.js

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.DrawerTray = void 0;
 var _react = require("react");
 var _emotion = require("@instructure/emotion");
-var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js");
-var _Transition = require("@instructure/ui-motion/lib/Transition");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
-var _Dialog = require("@instructure/ui-dialog/lib/Dialog");
-var _Portal = require("@instructure/ui-portal/lib/Portal");
-var _mirrorHorizontalPlacement = require("@instructure/ui-position/lib/mirrorHorizontalPlacement.js");
+var _uiI18n = require("@instructure/ui-i18n");
+var _uiMotion = require("@instructure/ui-motion");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiUtils = require("@instructure/ui-utils");
+var _uiDialog = require("@instructure/ui-dialog");
+var _uiPortal = require("@instructure/ui-portal");
+var _uiPosition = require("@instructure/ui-position");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _index = require("../index.js");
 var _props = require("./props.js");
@@ -48,7 +48,7 @@ parent: DrawerLayout
 id: DrawerLayout.Tray
 ---
 **/
-let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec2 = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec(_class = _dec2(_class = class DrawerTray extends _react.Component {
+let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec2 = (0, _uiI18n.textDirectionContextConsumer)(), _dec(_class = _dec2(_class = class DrawerTray extends _react.Component {
   static displayName = 'DrawerTray';
   static componentId = 'DrawerLayout.Tray';
   static locatorAttribute = 'data-drawer-tray';
@@ -93,8 +93,8 @@ let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyleNew)(_styles
       placement,
       dir
     } = this.props;
-    const isRtl = dir === _textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION.rtl;
-    return isRtl ? (0, _mirrorHorizontalPlacement.mirrorHorizontalPlacement)(placement, ' ') : placement;
+    const isRtl = dir === _uiI18n.textDirectionContextConsumer.DIRECTION.rtl;
+    return isRtl ? (0, _uiPosition.mirrorHorizontalPlacement)(placement, ' ') : placement;
   }
   get transition() {
     return this.placement === 'end' ? 'fade' : 'slide-left';
@@ -184,23 +184,23 @@ let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyleNew)(_styles
         if (needsPortal && !portalOpen) {
           transitionIn = false;
         }
-        const content = (0, _jsxRuntime.jsx)(_Transition.Transition, {
+        const content = (0, _jsxRuntime.jsx)(_uiMotion.Transition, {
           in: transitionIn,
           type: this.transition,
           onTransition: onTransition,
           onEnter: onEnter,
           onEntering: onEntering,
-          onEntered: (0, _createChainedFunction.createChainedFunction)(this.handleTransitionEntered, onEntered, onOpen),
+          onEntered: (0, _uiUtils.createChainedFunction)(this.handleTransitionEntered, onEntered, onOpen),
           onExit: onExit,
           onExiting: onExiting,
-          onExited: (0, _createChainedFunction.createChainedFunction)(this.handleTransitionExited, onExited, onClose),
+          onExited: (0, _uiUtils.createChainedFunction)(this.handleTransitionExited, onExited, onClose),
           unmountOnExit: true,
           children: (0, _jsxRuntime.jsx)("div", {
-            ...(0, _omitProps.omitProps)(props, DrawerTray.allowedProps),
+            ...(0, _uiReactUtils.omitProps)(props, DrawerTray.allowedProps),
             ref: this.handleContentRef,
             css: trayStyles,
             "data-cid": "DrawerTray",
-            children: (0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+            children: (0, _jsxRuntime.jsx)(_uiDialog.Dialog, {
               open: open,
               role: shouldOverlayTray ? 'dialog' : 'region',
               label: label,
@@ -218,7 +218,7 @@ let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyleNew)(_styles
           })
         });
         if (needsPortal) {
-          return (0, _jsxRuntime.jsx)(_Portal.Portal, {
+          return (0, _jsxRuntime.jsx)(_uiPortal.Portal, {
             mountNode: mountNode,
             open: true,
             onOpen: this.handlePortalOpen,

package/lib/DrawerLayout/v2/index.js

@@ -19,15 +19,12 @@ Object.defineProperty(exports, "DrawerTray", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js");
-var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
-var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
-var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
-var _px = require("@instructure/ui-utils/lib/px.js");
+var _uiI18n = require("@instructure/ui-i18n");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiUtils = require("@instructure/ui-utils");
 var _console = require("@instructure/console");
-var _mirrorHorizontalPlacement = require("@instructure/ui-position/lib/mirrorHorizontalPlacement.js");
+var _uiPosition = require("@instructure/ui-position");
 var _index2 = require("./DrawerContent/index.js");
 var _index3 = require("./DrawerTray/index.js");
 var _emotion = require("@instructure/emotion");
@@ -63,7 +60,7 @@ var _dec, _dec2, _dec3, _class;
 category: components
 ---
 **/
-let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec3 = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec(_class = _dec2(_class = _dec3(_class = class DrawerLayout extends _react.Component {
+let DrawerLayout = exports.DrawerLayout = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec3 = (0, _uiI18n.textDirectionContextConsumer)(), _dec(_class = _dec2(_class = _dec3(_class = class DrawerLayout extends _react.Component {
   static displayName = 'DrawerLayout';
   static componentId = 'DrawerLayout';
   static locatorAttribute = 'data-drawer-layout';
@@ -96,7 +93,7 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
     this.props.makeStyles?.();
   }
   get trayProps() {
-    const tray = _react.Children.toArray(this.props.children).filter(child => (0, _matchComponentTypes.matchComponentTypes)(child, [_index3.DrawerTray]))[0];
+    const tray = _react.Children.toArray(this.props.children).filter(child => (0, _uiReactUtils.matchComponentTypes)(child, [_index3.DrawerTray]))[0];
     return tray.props;
   }
   get trayPlacement() {
@@ -104,8 +101,8 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
       placement,
       dir = this.props.dir
     } = this.trayProps;
-    const isRtl = dir === _textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION.rtl;
-    return isRtl ? (0, _mirrorHorizontalPlacement.mirrorHorizontalPlacement)(placement, ' ') : placement;
+    const isRtl = dir === _uiI18n.textDirectionContextConsumer.DIRECTION.rtl;
+    return isRtl ? (0, _uiPosition.mirrorHorizontalPlacement)(placement, ' ') : placement;
   }
   get contentMargin() {
     const trayWidth = this.state.trayWidth || 0;
@@ -133,7 +130,7 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
   };
   shouldOverlayTray(minWidth, trayWidth, contentWidth, trayIsOverlayed) {
     if (!this._content) return false;
-    const minWidthPx = (0, _px.px)(minWidth, this._content);
+    const minWidthPx = (0, _uiUtils.px)(minWidth, this._content);
     if (trayIsOverlayed) {
       return contentWidth - trayWidth < minWidthPx;
     } else {
@@ -181,7 +178,7 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
   handleTrayTransitionEnter = () => {
     let width = 0;
     if (this._tray) {
-      width = (0, _getBoundingClientRect.getBoundingClientRect)(this._tray).width;
+      width = (0, _uiDomUtils.getBoundingClientRect)(this._tray).width;
     }
     this.handleTraySizeChange({
       width
@@ -196,9 +193,9 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
     let trayCount = 0;
     let contentCount = 0;
     const children = _react.Children.map(this.props.children, (child, _index) => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index3.DrawerTray])) {
+      if ((0, _uiReactUtils.matchComponentTypes)(child, [_index3.DrawerTray])) {
         trayCount++;
-        return (0, _safeCloneElement.safeCloneElement)(child, {
+        return (0, _uiReactUtils.safeCloneElement)(child, {
           label: child.props.label,
           key: child.props.label,
           [_index3.DrawerTray.locatorAttribute]: this._id,
@@ -206,7 +203,7 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
           onEnter: this.handleTrayTransitionEnter,
           onExit: this.handleTrayTransitionExit
         });
-      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index2.DrawerContent])) {
+      } else if ((0, _uiReactUtils.matchComponentTypes)(child, [_index2.DrawerContent])) {
         contentCount++;
         const handleContentRef = el => {
           const {
@@ -217,12 +214,12 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
             contentRef(el);
           }
         };
-        return this.state.trayWidth !== null ? (0, _safeCloneElement.safeCloneElement)(child, {
+        return this.state.trayWidth !== null ? (0, _uiReactUtils.safeCloneElement)(child, {
           label: child.props.label,
           key: child.props.label,
           [_index2.DrawerContent.locatorAttribute]: this._id,
           style: this.contentStyle,
-          onSizeChange: (0, _createChainedFunction.createChainedFunction)(this.handleContentSizeChange, child.props.onSizeChange),
+          onSizeChange: (0, _uiUtils.createChainedFunction)(this.handleContentSizeChange, child.props.onSizeChange),
           contentRef: handleContentRef
         }) : null;
       } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-drawer-layout",
-  "version": "11.7.8",
+  "version": "11.7.9-snapshot-1",
   "description": "A main-content-plus-tray layout component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,26 +15,26 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@instructure/emotion": "11.7.8",
-    "@instructure/console": "11.7.8",
-    "@instructure/shared-types": "11.7.8",
-    "@instructure/debounce": "11.7.8",
-    "@instructure/ui-dialog": "11.7.8",
-    "@instructure/ui-dom-utils": "11.7.8",
-    "@instructure/ui-i18n": "11.7.8",
-    "@instructure/ui-motion": "11.7.8",
-    "@instructure/ui-portal": "11.7.8",
-    "@instructure/ui-position": "11.7.8",
-    "@instructure/ui-react-utils": "11.7.8",
-    "@instructure/ui-themes": "11.7.8",
-    "@instructure/ui-view": "11.7.8",
-    "@instructure/uid": "11.7.8",
-    "@instructure/ui-utils": "11.7.8"
+    "@instructure/console": "11.7.9-snapshot-1",
+    "@instructure/shared-types": "11.7.9-snapshot-1",
+    "@instructure/emotion": "11.7.9-snapshot-1",
+    "@instructure/debounce": "11.7.9-snapshot-1",
+    "@instructure/ui-dialog": "11.7.9-snapshot-1",
+    "@instructure/ui-dom-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-motion": "11.7.9-snapshot-1",
+    "@instructure/ui-i18n": "11.7.9-snapshot-1",
+    "@instructure/ui-portal": "11.7.9-snapshot-1",
+    "@instructure/ui-react-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-themes": "11.7.9-snapshot-1",
+    "@instructure/ui-view": "11.7.9-snapshot-1",
+    "@instructure/ui-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-position": "11.7.9-snapshot-1",
+    "@instructure/uid": "11.7.9-snapshot-1"
   },
   "devDependencies": {
     "vitest": "^5.0.0",
-    "@instructure/ui-buttons": "11.7.8",
-    "@instructure/ui-babel-preset": "11.7.8"
+    "@instructure/ui-babel-preset": "11.7.9-snapshot-1",
+    "@instructure/ui-buttons": "11.7.9-snapshot-1"
   },
   "peerDependencies": {
     "react": ">=18 <=19"