@instructure/ui-drawer-layout 8.56.1 → 8.56.2-pr-snapshot-1721749364069

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.
 
+## [8.56.2-pr-snapshot-1721749364069](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2-pr-snapshot-1721749364069) (2024-07-23)
+
+**Note:** Version bump only for package @instructure/ui-drawer-layout
+
+
+
+
+
 ## [8.56.1](https://github.com/instructure/instructure-ui/compare/v8.56.0...v8.56.1) (2024-06-13)
 
 **Note:** Version bump only for package @instructure/ui-drawer-layout

package/lib/DrawerLayout/DrawerContent/DrawerContentLocator.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DrawerContentLocator = void 0;
-var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
+var _uiTestLocator = require("@instructure/ui-test-locator");
 var _index = require("./index");
 /*
  * The MIT License (MIT)
@@ -31,4 +31,4 @@ var _index = require("./index");
  */
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
-const DrawerContentLocator = exports.DrawerContentLocator = (0, _locator.locator)(_index.DrawerContent.selector);
+const DrawerContentLocator = exports.DrawerContentLocator = (0, _uiTestLocator.locator)(_index.DrawerContent.selector);

package/lib/DrawerLayout/DrawerContent/index.js

@@ -7,9 +7,9 @@ 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 _testable = require("@instructure/ui-testable/lib/testable.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiTestable = require("@instructure/ui-testable");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -45,7 +45,7 @@ parent: DrawerLayout
 id: DrawerLayout.Content
 ---
 **/
-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 {
+let DrawerContent = exports.DrawerContent = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class DrawerContent extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -68,7 +68,7 @@ let DrawerContent = exports.DrawerContent = (_dec = (0, _emotion.withStyle)(_sty
   }
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
-    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
       style = _this$props3.style,
       label = _this$props3.label,
       role = _this$props3.role;
-    return (0, _emotion.jsx)("div", Object.assign({}, (0, _omitProps.omitProps)(this.props, DrawerContent.allowedProps), {
+    return (0, _emotion.jsx)("div", Object.assign({}, (0, _uiReactUtils.omitProps)(this.props, DrawerContent.allowedProps), {
       role: role,
       style: style,
       ref: this.handleContentRef,

package/lib/DrawerLayout/DrawerLayoutLocator.js

@@ -16,7 +16,7 @@ Object.defineProperty(exports, "DrawerTrayLocator", {
     return _DrawerTrayLocator.DrawerTrayLocator;
   }
 });
-var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
+var _uiTestLocator = require("@instructure/ui-test-locator");
 var _index = require("./index");
 var _DrawerContentLocator = require("./DrawerContent/DrawerContentLocator");
 var _DrawerTrayLocator = require("./DrawerTray/DrawerTrayLocator");
@@ -45,12 +45,12 @@ var _DrawerTrayLocator = require("./DrawerTray/DrawerTrayLocator");
  */
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
-const DrawerLayoutLocator = exports.DrawerLayoutLocator = (0, _locator.locator)(_index.DrawerLayout.selector, {
+const DrawerLayoutLocator = exports.DrawerLayoutLocator = (0, _uiTestLocator.locator)(_index.DrawerLayout.selector, {
   findContent: (...args) => _DrawerContentLocator.DrawerContentLocator.find(...args),
   findTray: (element, ...args) => {
     if (element && element.getAttribute) {
       const id = element.getAttribute(_index.DrawerLayout.locatorAttribute);
-      return (0, _locator.locator)(`[${_index.DrawerLayout.Tray.locatorAttribute}="${id}"]`).find(...args);
+      return (0, _uiTestLocator.locator)(`[${_index.DrawerLayout.Tray.locatorAttribute}="${id}"]`).find(...args);
     } else {
       return null;
     }

package/lib/DrawerLayout/DrawerTray/DrawerTrayLocator.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DrawerTrayLocator = void 0;
-var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
+var _uiTestLocator = require("@instructure/ui-test-locator");
 var _index = require("./index");
 /*
  * The MIT License (MIT)
@@ -31,4 +31,4 @@ var _index = require("./index");
  */
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
-const DrawerTrayLocator = exports.DrawerTrayLocator = (0, _locator.locator)(_index.DrawerTray.selector);
+const DrawerTrayLocator = exports.DrawerTrayLocator = (0, _uiTestLocator.locator)(_index.DrawerTray.selector);

package/lib/DrawerLayout/DrawerTray/index.js

@@ -8,14 +8,14 @@ exports.default = exports.DrawerTray = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 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 _testable = require("@instructure/ui-testable/lib/testable.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 _uiTestable = require("@instructure/ui-testable");
+var _uiDialog = require("@instructure/ui-dialog");
+var _uiPortal = require("@instructure/ui-portal");
+var _uiPosition = require("@instructure/ui-position");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _index = require("../index");
@@ -52,7 +52,7 @@ parent: DrawerLayout
 id: DrawerLayout.Tray
 ---
 **/
-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 {
+let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiI18n.textDirectionContextConsumer)(), _dec3 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class DrawerTray extends _react.Component {
   get _content() {
     return this.ref;
   }
@@ -109,8 +109,8 @@ let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.de
     const _this$props3 = this.props,
       placement = _this$props3.placement,
       dir = _this$props3.dir;
-    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';
@@ -174,21 +174,21 @@ let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.de
       if (needsPortal && !portalOpen) {
         transitionIn = false;
       }
-      const content = (0, _emotion.jsx)(_Transition.Transition, {
+      const content = (0, _emotion.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
-      }, (0, _emotion.jsx)("div", Object.assign({}, (0, _omitProps.omitProps)(props, DrawerTray.allowedProps), {
+      }, (0, _emotion.jsx)("div", Object.assign({}, (0, _uiReactUtils.omitProps)(props, DrawerTray.allowedProps), {
         ref: this.handleContentRef,
         css: trayStyles
-      }), (0, _emotion.jsx)(_Dialog.Dialog, {
+      }), (0, _emotion.jsx)(_uiDialog.Dialog, {
         open: true,
         role: shouldOverlayTray ? 'dialog' : 'region',
         label: label,
@@ -203,7 +203,7 @@ let DrawerTray = exports.DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.de
         css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.drawerTrayContent
       }, this.renderContent())));
       if (needsPortal) {
-        return (0, _emotion.jsx)(_Portal.Portal, {
+        return (0, _emotion.jsx)(_uiPortal.Portal, {
           mountNode: mountNode,
           open: true,
           onOpen: this.handlePortalOpen

package/lib/DrawerLayout/DrawerTray/props.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _element = require("@instructure/ui-prop-types/lib/element.js");
-var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js");
+var _uiPropTypes = require("@instructure/ui-prop-types");
+var _uiI18n = require("@instructure/ui-i18n");
 /*
  * The MIT License (MIT)
  *
@@ -50,14 +50,14 @@ const propTypes = exports.propTypes = {
   onExiting: _propTypes.default.func,
   onExited: _propTypes.default.func,
   contentRef: _propTypes.default.func,
-  mountNode: _propTypes.default.oneOfType([_element.element, _propTypes.default.func]),
+  mountNode: _propTypes.default.oneOfType([_uiPropTypes.element, _propTypes.default.func]),
   defaultFocusElement: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.func]),
-  liveRegion: _propTypes.default.oneOfType([_element.element, _propTypes.default.arrayOf(_element.element), _propTypes.default.func]),
+  liveRegion: _propTypes.default.oneOfType([_uiPropTypes.element, _propTypes.default.arrayOf(_uiPropTypes.element), _propTypes.default.func]),
   onDismiss: _propTypes.default.func,
   shouldContainFocus: _propTypes.default.bool,
   shouldReturnFocus: _propTypes.default.bool,
   shouldCloseOnDocumentClick: _propTypes.default.bool,
   shouldCloseOnEscape: _propTypes.default.bool,
-  dir: _propTypes.default.oneOf(Object.values(_textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION))
+  dir: _propTypes.default.oneOf(Object.values(_uiI18n.textDirectionContextConsumer.DIRECTION))
 };
 const allowedProps = exports.allowedProps = ['label', 'children', 'render', 'placement', 'open', 'onOpen', 'onClose', 'border', 'shadow', 'onTransition', 'onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'onExited', 'contentRef', 'mountNode', 'defaultFocusElement', 'liveRegion', 'onDismiss', 'shouldContainFocus', 'shouldReturnFocus', 'shouldCloseOnDocumentClick', 'shouldCloseOnEscape', 'dir'];

package/lib/DrawerLayout/__examples__/DrawerLayout.examples.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _View2 = require("@instructure/ui-view/lib/View");
+var _uiView = require("@instructure/ui-view");
 var _index = require("../index");
 var _DrawerLayout$Tray, _View;
 /*
@@ -44,7 +44,7 @@ var _default = exports.default = {
         open: true,
         placement: "start",
         label: "Drawer Tray Start Example"
-      }, /*#__PURE__*/_react.default.createElement(_View2.View, {
+      }, /*#__PURE__*/_react.default.createElement(_uiView.View, {
         as: "div",
         maxWidth: "16rem",
         textAlign: "center",
@@ -61,7 +61,7 @@ var _default = exports.default = {
           background: 'white',
           height: '100%'
         }
-      }, _View || (_View = /*#__PURE__*/_react.default.createElement(_View2.View, {
+      }, _View || (_View = /*#__PURE__*/_react.default.createElement(_uiView.View, {
         as: "div",
         padding: "x-large"
       }, "Drawer content"))))]

package/lib/DrawerLayout/index.js

@@ -20,16 +20,13 @@ Object.defineProperty(exports, "DrawerTray", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(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 _testable = require("@instructure/ui-testable/lib/testable.js");
-var _mirrorHorizontalPlacement = require("@instructure/ui-position/lib/mirrorHorizontalPlacement.js");
+var _uiTestable = require("@instructure/ui-testable");
+var _uiPosition = require("@instructure/ui-position");
 var _DrawerContent = require("./DrawerContent");
 var _DrawerTray = require("./DrawerTray");
 var _emotion = require("@instructure/emotion");
@@ -65,7 +62,7 @@ var _dec, _dec2, _dec3, _dec4, _class, _class2;
 category: components
 ---
 **/
-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 {
+let DrawerLayout = exports.DrawerLayout = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec3 = (0, _uiI18n.textDirectionContextConsumer)(), _dec4 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = _dec4(_class = (_class2 = class DrawerLayout extends _react.Component {
   constructor(_props) {
     super(_props);
     this._id = void 0;
@@ -103,7 +100,7 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
     this.handleTrayTransitionEnter = () => {
       let width = 0;
       if (this._tray) {
-        width = (0, _getBoundingClientRect.getBoundingClientRect)(this._tray).width;
+        width = (0, _uiDomUtils.getBoundingClientRect)(this._tray).width;
       }
       this.handleTraySizeChange({
         width
@@ -130,7 +127,7 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
   get trayProps() {
-    const tray = _react.Children.toArray(this.props.children).filter(child => (0, _matchComponentTypes.matchComponentTypes)(child, [_DrawerTray.DrawerTray]))[0];
+    const tray = _react.Children.toArray(this.props.children).filter(child => (0, _uiReactUtils.matchComponentTypes)(child, [_DrawerTray.DrawerTray]))[0];
     return tray.props;
   }
   get trayPlacement() {
@@ -138,8 +135,8 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
       placement = _this$trayProps.placement,
       _this$trayProps$dir = _this$trayProps.dir,
       dir = _this$trayProps$dir === void 0 ? this.props.dir : _this$trayProps$dir;
-    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;
@@ -164,7 +161,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 {
@@ -189,9 +186,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, [_DrawerTray.DrawerTray])) {
+      if ((0, _uiReactUtils.matchComponentTypes)(child, [_DrawerTray.DrawerTray])) {
         trayCount++;
-        return (0, _safeCloneElement.safeCloneElement)(child, {
+        return (0, _uiReactUtils.safeCloneElement)(child, {
           label: child.props.label,
           key: child.props.label,
           [_DrawerTray.DrawerTray.locatorAttribute]: this._id,
@@ -199,7 +196,7 @@ let DrawerLayout = exports.DrawerLayout = (_dec = (0, _withDeterministicId.withD
           onEnter: this.handleTrayTransitionEnter,
           onExit: this.handleTrayTransitionExit
         });
-      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_DrawerContent.DrawerContent])) {
+      } else if ((0, _uiReactUtils.matchComponentTypes)(child, [_DrawerContent.DrawerContent])) {
         contentCount++;
         const handleContentRef = el => {
           const contentRef = child.props.contentRef;
@@ -208,12 +205,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,
           [_DrawerContent.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/props.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Children = require("@instructure/ui-prop-types/lib/Children.js");
-var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js");
+var _uiPropTypes = require("@instructure/ui-prop-types");
+var _uiI18n = require("@instructure/ui-i18n");
 var _DrawerContent = require("./DrawerContent");
 var _DrawerTray = require("./DrawerTray");
 /*
@@ -35,9 +35,9 @@ var _DrawerTray = require("./DrawerTray");
  */
 
 const propTypes = exports.propTypes = {
-  children: _Children.Children.oneOfEach([_DrawerContent.DrawerContent, _DrawerTray.DrawerTray]),
+  children: _uiPropTypes.Children.oneOfEach([_DrawerContent.DrawerContent, _DrawerTray.DrawerTray]),
   minWidth: _propTypes.default.string,
   onOverlayTrayChange: _propTypes.default.func,
-  dir: _propTypes.default.oneOf(Object.values(_textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION))
+  dir: _propTypes.default.oneOf(Object.values(_uiI18n.textDirectionContextConsumer.DIRECTION))
 };
 const allowedProps = exports.allowedProps = ['children', 'minWidth', 'onOverlayTrayChange', 'dir'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-drawer-layout",
-  "version": "8.56.1",
+  "version": "8.56.2-pr-snapshot-1721749364069",
   "description": "A main-content-plus-tray layout component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,29 +24,29 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/console": "8.56.1",
-    "@instructure/debounce": "8.56.1",
-    "@instructure/emotion": "8.56.1",
-    "@instructure/shared-types": "8.56.1",
-    "@instructure/ui-dialog": "8.56.1",
-    "@instructure/ui-dom-utils": "8.56.1",
-    "@instructure/ui-i18n": "8.56.1",
-    "@instructure/ui-motion": "8.56.1",
-    "@instructure/ui-portal": "8.56.1",
-    "@instructure/ui-position": "8.56.1",
-    "@instructure/ui-prop-types": "8.56.1",
-    "@instructure/ui-react-utils": "8.56.1",
-    "@instructure/ui-test-utils": "8.56.1",
-    "@instructure/ui-testable": "8.56.1",
-    "@instructure/ui-utils": "8.56.1",
-    "@instructure/ui-view": "8.56.1",
-    "@instructure/uid": "8.56.1",
+    "@instructure/console": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/debounce": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/emotion": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/shared-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-dialog": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-dom-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-i18n": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-motion": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-portal": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-position": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-prop-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-react-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-testable": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-view": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/uid": "8.56.2-pr-snapshot-1721749364069",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.56.1",
-    "@instructure/ui-test-locator": "8.56.1",
-    "@instructure/ui-themes": "8.56.1"
+    "@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-locator": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-themes": "8.56.2-pr-snapshot-1721749364069"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18"