@instructure/ui-drawer-layout 11.6.0 → 11.6.1-pr-snapshot-1779894247159

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.6.1-pr-snapshot-1779894247159](https://github.com/instructure/instructure-ui/compare/v11.6.0...v11.6.1-pr-snapshot-1779894247159) (2026-05-27)
+
+**Note:** Version bump only for package @instructure/ui-drawer-layout
+
+
+
+
+
 # [11.6.0](https://github.com/instructure/instructure-ui/compare/v11.5.0...v11.6.0) (2026-02-18)
 
 **Note:** Version bump only for package @instructure/ui-drawer-layout

package/{lib/DrawerLayout/DrawerContent/props.js → babel.config.cjs}

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.allowedProps = void 0;
 /*
  * The MIT License (MIT)
  *
@@ -28,4 +22,16 @@ exports.allowedProps = void 0;
  * SOFTWARE.
  */
 
-const allowedProps = exports.allowedProps = ['label', 'children', 'contentRef', 'onSizeChange', 'role'];
+module.exports = {
+  presets: [
+    [
+      require('@instructure/ui-babel-preset'),
+      {
+        coverage: Boolean(process.env.COVERAGE),
+        esModules: Boolean(process.env.ES_MODULES),
+        removeConsole: process.env.NODE_ENV === 'production',
+        transformImports: Boolean(process.env.TRANSFORM_IMPORTS)
+      }
+    ]
+  ]
+}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@instructure/ui-drawer-layout",
-  "version": "11.6.0",
+  "version": "11.6.1-pr-snapshot-1779894247159",
+  "type": "module",
   "description": "A main-content-plus-tray layout component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
-  "main": "./lib/index.js",
   "types": "./types/index.d.ts",
   "repository": {
     "type": "git",
@@ -15,28 +15,28 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/console": "11.6.0",
-    "@instructure/debounce": "11.6.0",
-    "@instructure/emotion": "11.6.0",
-    "@instructure/shared-types": "11.6.0",
-    "@instructure/ui-dialog": "11.6.0",
-    "@instructure/ui-i18n": "11.6.0",
-    "@instructure/ui-dom-utils": "11.6.0",
-    "@instructure/ui-motion": "11.6.0",
-    "@instructure/ui-react-utils": "11.6.0",
-    "@instructure/ui-portal": "11.6.0",
-    "@instructure/ui-view": "11.6.0",
-    "@instructure/ui-position": "11.6.0",
-    "@instructure/ui-utils": "11.6.0",
-    "@instructure/uid": "11.6.0"
+    "@instructure/debounce": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/shared-types": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/emotion": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/console": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-dialog": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-dom-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-i18n": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-motion": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-position": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-react-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-view": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/uid": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-portal": "11.6.1-pr-snapshot-1779894247159"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "vitest": "^3.2.2",
-    "@instructure/ui-babel-preset": "11.6.0",
-    "@instructure/ui-buttons": "11.6.0",
-    "@instructure/ui-themes": "11.6.0"
+    "@instructure/ui-buttons": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-babel-preset": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-themes": "11.6.1-pr-snapshot-1779894247159"
   },
   "peerDependencies": {
     "react": ">=18 <=19"
@@ -49,10 +49,8 @@
     ".": {
       "types": "./types/index.d.ts",
       "import": "./es/index.js",
-      "require": "./lib/index.js",
       "default": "./es/index.js"
     },
-    "./lib/*": "./lib/*",
     "./es/*": "./es/*",
     "./types/*": "./types/*",
     "./package.json": "./package.json",
@@ -62,7 +60,7 @@
     "lint": "ui-scripts lint",
     "lint:fix": "ui-scripts lint --fix",
     "clean": "ui-scripts clean",
-    "build": "ui-scripts build --modules es,cjs",
+    "build": "ui-scripts build",
     "build:watch": "pnpm run ts:check -- --watch & ui-scripts build --watch",
     "build:types": "tsc -p tsconfig.build.json",
     "ts:check": "tsc -p tsconfig.build.json --noEmit --emitDeclarationOnly false"

package/lib/DrawerLayout/DrawerContent/index.js

@@ -1,130 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props = require("./props");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _dec, _class, _DrawerContent;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-/**
----
-parent: DrawerLayout
-id: DrawerLayout.Content
----
-**/
-let DrawerContent = exports.DrawerContent = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_DrawerContent = class DrawerContent extends _react.Component {
-  constructor(...args) {
-    super(...args);
-    this.ref = null;
-    this._resizeListener = void 0;
-    this._debounced = void 0;
-    this.makeStyleProps = shouldTransition => {
-      return {
-        shouldTransition
-      };
-    };
-    this.handleContentRef = node => {
-      this.ref = node;
-      if (typeof this.props.contentRef === 'function') {
-        this.props.contentRef(node);
-      }
-    };
-  }
-  get _content() {
-    return this.ref;
-  }
-  componentDidMount() {
-    var _this$props$makeStyle, _this$props;
-    const rect = (0, _getBoundingClientRect.getBoundingClientRect)(this.ref);
-    const origSize = {
-      width: rect.width
-    };
-    // set initial size
-    if (typeof this.props.onSizeChange === 'function') {
-      this.props.onSizeChange({
-        width: rect.width,
-        height: rect.height
-      });
-
-      // listen for changes to size
-      this._debounced = (0, _debounce.debounce)(this.props.onSizeChange, 100, {
-        leading: false,
-        trailing: true
-      });
-    }
-    this._resizeListener = new ResizeObserver(entries => {
-      for (const entry of entries) {
-        const size = {
-          width: entry.contentRect.width
-        };
-        if (size.width !== origSize.width) {
-          var _this$_debounced;
-          (_this$_debounced = this._debounced) === null || _this$_debounced === void 0 ? void 0 : _this$_debounced.call(this, size);
-        }
-      }
-    });
-    this._resizeListener.observe(this.ref);
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStyleProps(false));
-  }
-  componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props2;
-    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStyleProps(true));
-  }
-  componentWillUnmount() {
-    var _this$_resizeListener, _this$_debounced2;
-    (_this$_resizeListener = this._resizeListener) === null || _this$_resizeListener === void 0 ? void 0 : _this$_resizeListener.disconnect();
-    (_this$_debounced2 = this._debounced) === null || _this$_debounced2 === void 0 ? void 0 : _this$_debounced2.cancel();
-  }
-  render() {
-    var _this$props$styles;
-    const _this$props3 = this.props,
-      style = _this$props3.style,
-      label = _this$props3.label,
-      role = _this$props3.role;
-    return (0, _jsxRuntime.jsx)("div", {
-      ...(0, _omitProps.omitProps)(this.props, DrawerContent.allowedProps),
-      role: role,
-      style: style,
-      ref: this.handleContentRef,
-      "aria-label": label,
-      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.drawerContent,
-      "data-cid": "DrawerContent",
-      children: this.props.children
-    });
-  }
-}, _DrawerContent.displayName = "DrawerContent", _DrawerContent.componentId = 'DrawerLayout.Content', _DrawerContent.locatorAttribute = 'data-drawer-content', _DrawerContent.allowedProps = _props.allowedProps, _DrawerContent.defaultProps = {
-  role: 'region'
-}, _DrawerContent)) || _class);
-var _default = exports.default = DrawerContent;

package/lib/DrawerLayout/DrawerContent/styles.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * ---
- * private: true
- * ---
- * Generates the style object from the theme and provided additional information
- * @param  {Object} componentTheme The theme variable object.
- * @param  {Object} props the props of the component, the style is applied to
- * @param  {Object} state the state of the component, the style is applied to
- * @return {Object} The final style object, which will be used in the component
- */
-const generateStyle = (componentTheme, _props, state) => {
-  const shouldTransition = state.shouldTransition;
-  const transitionState = shouldTransition ? {
-    transition: `margin ${componentTheme.duration}`
-  } : {};
-  return {
-    drawerContent: {
-      label: 'drawerLayout__content',
-      overflowY: componentTheme.overflowY,
-      height: '100%',
-      boxSizing: 'content-box',
-      ...transitionState
-    }
-  };
-};
-var _default = exports.default = generateStyle;

package/lib/DrawerLayout/DrawerContent/theme.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * Generates the theme object for the component from the theme and provided additional information
- * @param  {Object} theme The actual theme object.
- * @return {Object} The final theme object with the overrides and component variables
- */
-const generateComponentTheme = theme => {
-  const transitions = theme.transitions;
-  return {
-    duration: transitions === null || transitions === void 0 ? void 0 : transitions.duration,
-    overflowY: 'auto'
-  };
-};
-var _default = exports.default = generateComponentTheme;

package/lib/DrawerLayout/DrawerTray/index.js

@@ -1,233 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 _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 _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _index = require("../index");
-var _props = require("./props");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-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"];
-var _dec, _dec2, _class, _DrawerTray;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-/**
----
-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 = (_DrawerTray = class DrawerTray extends _react.Component {
-  get _content() {
-    return this.ref;
-  }
-  constructor(props) {
-    super(props);
-    this.ref = null;
-    this._DOMNode = null;
-    this.makeStyleProps = () => {
-      return {
-        placement: this.placement
-      };
-    };
-    this.handleContentRef = node => {
-      this.ref = node;
-      if (typeof this.props.contentRef === 'function') {
-        this.props.contentRef(node);
-      }
-    };
-    this.handleTransitionEntered = _transitionType => {
-      this.setState({
-        transitioning: false
-      });
-    };
-    this.handleTransitionExited = _transitionType => {
-      this.setState({
-        transitioning: false
-      });
-    };
-    this.handlePortalOpen = DOMNode => {
-      this.DOMNode = DOMNode;
-      this.setState({
-        portalOpen: true
-      });
-    };
-    this.state = {
-      transitioning: false,
-      portalOpen: false
-    };
-  }
-  componentDidMount() {
-    var _this$props$makeStyle, _this$props;
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStyleProps());
-  }
-  componentDidUpdate(prevProps) {
-    var _this$props$makeStyle2, _this$props2;
-    if (this.props.open !== prevProps.open) {
-      this.setState({
-        transitioning: true
-      });
-    }
-    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStyleProps());
-  }
-  get placement() {
-    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;
-  }
-  get transition() {
-    return this.placement === 'end' ? 'fade' : 'slide-left';
-  }
-  get DOMNode() {
-    return this._DOMNode;
-  }
-  set DOMNode(el) {
-    this._DOMNode = el;
-  }
-  renderContent() {
-    const _this$props4 = this.props,
-      children = _this$props4.children,
-      render = _this$props4.render;
-    if (typeof render === 'function') {
-      return render();
-    } else if (typeof children === 'function') {
-      return children();
-    } else {
-      return children;
-    }
-  }
-  render() {
-    const _this$props5 = this.props,
-      label = _this$props5.label,
-      children = _this$props5.children,
-      render = _this$props5.render,
-      placement = _this$props5.placement,
-      open = _this$props5.open,
-      onOpen = _this$props5.onOpen,
-      onClose = _this$props5.onClose,
-      border = _this$props5.border,
-      shadow = _this$props5.shadow,
-      onEnter = _this$props5.onEnter,
-      onEntering = _this$props5.onEntering,
-      onEntered = _this$props5.onEntered,
-      onExit = _this$props5.onExit,
-      onExiting = _this$props5.onExiting,
-      onExited = _this$props5.onExited,
-      contentRef = _this$props5.contentRef,
-      mountNode = _this$props5.mountNode,
-      defaultFocusElement = _this$props5.defaultFocusElement,
-      liveRegion = _this$props5.liveRegion,
-      onDismiss = _this$props5.onDismiss,
-      onTransition = _this$props5.onTransition,
-      shouldReturnFocus = _this$props5.shouldReturnFocus,
-      shouldCloseOnEscape = _this$props5.shouldCloseOnEscape,
-      shouldCloseOnDocumentClick = _this$props5.shouldCloseOnDocumentClick,
-      shouldContainFocus = _this$props5.shouldContainFocus,
-      styles = _this$props5.styles,
-      props = (0, _objectWithoutProperties2.default)(_this$props5, _excluded);
-    return (0, _jsxRuntime.jsx)(_index.DrawerLayoutContext.Consumer, {
-      children: shouldOverlayTray => {
-        var _this$props$styles;
-        const portalOpen = this.state.portalOpen;
-        const needsPortal = shouldOverlayTray && !!mountNode;
-        // we have to handle the shadow version here,
-        // because passing and handling it in styles.js makes it
-        // rerender the component during the transition, breaking it
-        const trayStyles = shadow && shouldOverlayTray ? styles === null || styles === void 0 ? void 0 : styles.drawerTrayWithShadow : styles === null || styles === void 0 ? void 0 : styles.drawerTray;
-        let transitionIn = open;
-        if (needsPortal && !portalOpen) {
-          transitionIn = false;
-        }
-        const content = (0, _jsxRuntime.jsx)(_Transition.Transition, {
-          in: transitionIn,
-          type: this.transition,
-          onTransition: onTransition,
-          onEnter: onEnter,
-          onEntering: onEntering,
-          onEntered: (0, _createChainedFunction.createChainedFunction)(this.handleTransitionEntered, onEntered, onOpen),
-          onExit: onExit,
-          onExiting: onExiting,
-          onExited: (0, _createChainedFunction.createChainedFunction)(this.handleTransitionExited, onExited, onClose),
-          unmountOnExit: true,
-          children: (0, _jsxRuntime.jsx)("div", {
-            ...(0, _omitProps.omitProps)(props, DrawerTray.allowedProps),
-            ref: this.handleContentRef,
-            css: trayStyles,
-            "data-cid": "DrawerTray",
-            children: (0, _jsxRuntime.jsx)(_Dialog.Dialog, {
-              open: true,
-              role: shouldOverlayTray ? 'dialog' : 'region',
-              label: label,
-              shouldReturnFocus: shouldReturnFocus,
-              shouldContainFocus: !this.state.transitioning && shouldContainFocus && shouldOverlayTray,
-              shouldCloseOnDocumentClick: shouldCloseOnDocumentClick && shouldOverlayTray,
-              shouldCloseOnEscape: shouldCloseOnEscape && shouldOverlayTray,
-              defaultFocusElement: defaultFocusElement,
-              liveRegion: liveRegion,
-              onDismiss: onDismiss,
-              as: "div",
-              css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.drawerTrayContent,
-              children: this.renderContent()
-            })
-          })
-        });
-        if (needsPortal) {
-          return (0, _jsxRuntime.jsx)(_Portal.Portal, {
-            mountNode: mountNode,
-            open: true,
-            onOpen: this.handlePortalOpen,
-            children: content
-          });
-        } else {
-          return content;
-        }
-      }
-    });
-  }
-}, _DrawerTray.displayName = "DrawerTray", _DrawerTray.componentId = 'DrawerLayout.Tray', _DrawerTray.locatorAttribute = 'data-drawer-tray', _DrawerTray.allowedProps = _props.allowedProps, _DrawerTray.defaultProps = {
-  shouldContainFocus: true,
-  shouldCloseOnEscape: true,
-  shouldCloseOnDocumentClick: true,
-  shouldReturnFocus: true,
-  open: false,
-  shadow: true,
-  border: true,
-  placement: 'start'
-}, _DrawerTray)) || _class) || _class);
-var _default = exports.default = DrawerTray;

package/lib/DrawerLayout/DrawerTray/props.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.allowedProps = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-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/DrawerTray/styles.js

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * ---
- * private: true
- * ---
- * Generates the style object from the theme and provided additional information
- * @param  {Object} componentTheme The theme variable object.
- * @param  {Object} props the props of the component, the style is applied to
- * @param  {Object} state the state of the component, the style is applied to
- * @return {Object} The final style object, which will be used in the component
- */
-const generateStyle = (componentTheme, props, state) => {
-  const border = props.border;
-  const placement = state.placement;
-  const borderPlacementStyle = {
-    start: {
-      borderRightWidth: componentTheme.borderWidth
-    },
-    end: {
-      borderLeftWidth: componentTheme.borderWidth
-    }
-  };
-  const borderStyles = border ? {
-    borderWidth: 0,
-    borderColor: componentTheme.borderColor,
-    borderStyle: componentTheme.borderStyle,
-    boxSizing: 'border-box',
-    ...borderPlacementStyle[placement]
-  } : {
-    boxSizing: 'content-box'
-  };
-  const placementStyleMap = {
-    start: {
-      left: 0
-    },
-    end: {
-      right: 0
-    }
-  };
-  const trayStyle = {
-    position: 'absolute',
-    backgroundColor: componentTheme.background,
-    zIndex: componentTheme.zIndex,
-    overflowY: componentTheme.overflowY,
-    overflowX: componentTheme.overflowX,
-    ...borderStyles,
-    top: 0,
-    bottom: 0,
-    ...placementStyleMap[placement]
-  };
-  return {
-    drawerTray: {
-      label: 'drawerTray',
-      ...trayStyle
-    },
-    drawerTrayWithShadow: {
-      label: 'drawerTray--with-shadow',
-      ...trayStyle,
-      boxShadow: componentTheme.boxShadow,
-      border: 0
-    },
-    drawerTrayContent: {
-      label: 'drawerTray__content',
-      overflowY: componentTheme.contentOverflowY,
-      height: '100%',
-      boxSizing: 'content-box'
-    }
-  };
-};
-var _default = exports.default = generateStyle;

package/lib/DrawerLayout/DrawerTray/theme.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * Generates the theme object for the component from the theme and provided additional information
- * @param  {Object} theme The actual theme object.
- * @return {Object} The final theme object with the overrides and component variables
- */
-const generateComponentTheme = theme => {
-  var _colors$contrasts, _colors$contrasts2;
-  const colors = theme.colors,
-    borders = theme.borders,
-    stacking = theme.stacking,
-    shadows = theme.shadows;
-  const componentVariables = {
-    background: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.white1010,
-    borderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null || _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.grey3045,
-    borderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
-    borderStyle: borders === null || borders === void 0 ? void 0 : borders.style,
-    zIndex: stacking === null || stacking === void 0 ? void 0 : stacking.topmost,
-    boxShadow: shadows === null || shadows === void 0 ? void 0 : shadows.depth3,
-    overflowX: 'hidden',
-    overflowY: 'auto',
-    contentOverflowY: 'auto'
-  };
-  return {
-    ...componentVariables
-  };
-};
-var _default = exports.default = generateComponentTheme;

package/lib/DrawerLayout/__fixtures__/DrawerLayout.fixture.js

@@ -1,79 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _index = require("../index");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _DrawerLayout$Content;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-class DrawerLayoutFixture extends _react.Component {
-  render() {
-    const _this$props = this.props,
-      layoutWidth = _this$props.layoutWidth,
-      trayWidth = _this$props.trayWidth,
-      open = _this$props.open,
-      placement = _this$props.placement,
-      onOverlayTrayChange = _this$props.onOverlayTrayChange;
-    return (0, _jsxRuntime.jsx)("div", {
-      style: {
-        width: layoutWidth
-      },
-      children: (0, _jsxRuntime.jsxs)(_index.DrawerLayout, {
-        minWidth: "500px",
-        onOverlayTrayChange: onOverlayTrayChange,
-        children: [(0, _jsxRuntime.jsx)(_index.DrawerLayout.Tray, {
-          open: open,
-          placement: placement,
-          label: "Test DrawerTray",
-          children: (0, _jsxRuntime.jsx)("div", {
-            style: {
-              width: trayWidth
-            },
-            children: "Hello from tray"
-          })
-        }), _DrawerLayout$Content || (_DrawerLayout$Content = (0, _jsxRuntime.jsx)(_index.DrawerLayout.Content, {
-          label: "Test DrawerContent",
-          children: (0, _jsxRuntime.jsxs)("div", {
-            children: ["Hello from content", (0, _jsxRuntime.jsx)("button", {
-              children: "Expand"
-            })]
-          })
-        }))]
-      })
-    });
-  }
-}
-exports.default = DrawerLayoutFixture;
-DrawerLayoutFixture.displayName = "DrawerLayoutFixture";
-DrawerLayoutFixture.defaultProps = {
-  layoutWidth: '600px',
-  trayWidth: '200px',
-  open: false,
-  placement: 'start',
-  onOverlayTrayChange: () => {}
-};

package/lib/DrawerLayout/index.js

@@ -1,245 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DrawerContent", {
-  enumerable: true,
-  get: function () {
-    return _DrawerContent.DrawerContent;
-  }
-});
-exports.DrawerLayoutContext = exports.DrawerLayout = void 0;
-Object.defineProperty(exports, "DrawerTray", {
-  enumerable: true,
-  get: function () {
-    return _DrawerTray.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 _console = require("@instructure/console");
-var _mirrorHorizontalPlacement = require("@instructure/ui-position/lib/mirrorHorizontalPlacement.js");
-var _DrawerContent = require("./DrawerContent");
-var _DrawerTray = require("./DrawerTray");
-var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _props2 = require("./props");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _dec, _dec2, _dec3, _class, _DrawerLayout;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-/**
----
-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 = (_DrawerLayout = class DrawerLayout extends _react.Component {
-  constructor(_props) {
-    super(_props);
-    this._id = void 0;
-    this._content = null;
-    this._tray = null;
-    this.ref = null;
-    this.handleRef = el => {
-      this.ref = el;
-    };
-    this.handleTrayContentRef = el => {
-      this._tray = el;
-    };
-    this.handleContentSizeChange = ({
-      width
-    }) => {
-      this.setState((state, props) => {
-        const nextState = this.getNextState(props.minWidth, state.trayWidth, width, state.shouldOverlayTray);
-        if (state.shouldOverlayTray !== nextState.shouldOverlayTray) {
-          this.notifyOverlayTrayChange(nextState.shouldOverlayTray);
-        }
-        return nextState;
-      });
-    };
-    this.handleTraySizeChange = ({
-      width
-    }) => {
-      this.setState((state, props) => {
-        const nextState = this.getNextState(props.minWidth, width, state.contentWidth, true);
-        if (state.shouldOverlayTray !== nextState.shouldOverlayTray) {
-          this.notifyOverlayTrayChange(nextState.shouldOverlayTray);
-        }
-        return nextState;
-      });
-    };
-    this.handleTrayTransitionEnter = () => {
-      let width = 0;
-      if (this._tray) {
-        width = (0, _getBoundingClientRect.getBoundingClientRect)(this._tray).width;
-      }
-      this.handleTraySizeChange({
-        width
-      });
-    };
-    this.handleTrayTransitionExit = () => {
-      this.handleTraySizeChange({
-        width: 0
-      });
-    };
-    this.state = {
-      shouldOverlayTray: false,
-      trayWidth: 0,
-      contentWidth: 0
-    };
-    this._id = _props.deterministicId();
-  }
-  componentDidMount() {
-    var _this$props$makeStyle, _this$props;
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
-  }
-  componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props2;
-    (_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];
-    return tray.props;
-  }
-  get trayPlacement() {
-    const _this$trayProps = this.trayProps,
-      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;
-  }
-  get contentMargin() {
-    const trayWidth = this.state.trayWidth || 0;
-    return this.state.shouldOverlayTray ? 0 : trayWidth;
-  }
-  get contentStyle() {
-    const shouldOverlayTray = this.shouldOverlayTray(this.props.minWidth, this.state.trayWidth, this.state.contentWidth, this.state.shouldOverlayTray);
-    let marginLeft = 0;
-    let marginRight = 0;
-    if (!shouldOverlayTray) {
-      if (this.trayPlacement === 'start') {
-        marginLeft = this.contentMargin;
-      }
-      if (this.trayPlacement === 'end') {
-        marginRight = this.contentMargin;
-      }
-    }
-    return {
-      marginLeft: `${marginLeft}px`,
-      marginRight: `${marginRight}px`
-    };
-  }
-  shouldOverlayTray(minWidth, trayWidth, contentWidth, trayIsOverlayed) {
-    if (!this._content) return false;
-    const minWidthPx = (0, _px.px)(minWidth, this._content);
-    if (trayIsOverlayed) {
-      return contentWidth - trayWidth < minWidthPx;
-    } else {
-      return contentWidth < minWidthPx;
-    }
-  }
-  getNextState(minWidth, trayWidth, contentWidth, trayIsOverlayed) {
-    const shouldOverlayTray = this.shouldOverlayTray(minWidth, trayWidth, contentWidth, trayIsOverlayed);
-    return {
-      trayWidth,
-      contentWidth,
-      shouldOverlayTray
-    };
-  }
-  notifyOverlayTrayChange(shouldOverlayTray) {
-    const onOverlayTrayChange = this.props.onOverlayTrayChange;
-    if (typeof onOverlayTrayChange === 'function') {
-      onOverlayTrayChange(shouldOverlayTray);
-    }
-  }
-  renderChildren() {
-    let trayCount = 0;
-    let contentCount = 0;
-    const children = _react.Children.map(this.props.children, (child, _index) => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_DrawerTray.DrawerTray])) {
-        trayCount++;
-        return (0, _safeCloneElement.safeCloneElement)(child, {
-          label: child.props.label,
-          key: child.props.label,
-          [_DrawerTray.DrawerTray.locatorAttribute]: this._id,
-          contentRef: this.handleTrayContentRef,
-          onEnter: this.handleTrayTransitionEnter,
-          onExit: this.handleTrayTransitionExit
-        });
-      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_DrawerContent.DrawerContent])) {
-        contentCount++;
-        const handleContentRef = el => {
-          const contentRef = child.props.contentRef;
-          this._content = el;
-          if (typeof contentRef === 'function') {
-            contentRef(el);
-          }
-        };
-        return this.state.trayWidth !== null ? (0, _safeCloneElement.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),
-          contentRef: handleContentRef
-        }) : null;
-      } else {
-        return child;
-      }
-    });
-    (0, _console.logError)(trayCount <= 1, `[DrawerLayout] Only one 'DrawerTray' per 'DrawerLayout' is supported.`);
-    (0, _console.logError)(contentCount <= 1, `[DrawerLayout] Only one 'DrawerContent' per 'DrawerLayout' is supported.`);
-    return children;
-  }
-  render() {
-    var _this$props$styles;
-    const props = {
-      [DrawerLayout.locatorAttribute]: this._id
-    };
-    return (0, _jsxRuntime.jsx)(DrawerLayoutContext.Provider, {
-      value: this.state.shouldOverlayTray,
-      children: (0, _jsxRuntime.jsx)("div", {
-        ...props,
-        css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.drawerLayout,
-        ref: this.handleRef,
-        "data-cid": "DrawerLayout",
-        children: this.renderChildren()
-      })
-    });
-  }
-}, _DrawerLayout.displayName = "DrawerLayout", _DrawerLayout.componentId = 'DrawerLayout', _DrawerLayout.locatorAttribute = 'data-drawer-layout', _DrawerLayout.allowedProps = _props2.allowedProps, _DrawerLayout.defaultProps = {
-  minWidth: '30rem'
-}, _DrawerLayout.Content = _DrawerContent.DrawerContent, _DrawerLayout.Tray = _DrawerTray.DrawerTray, _DrawerLayout)) || _class) || _class) || _class);
-var _default = exports.default = DrawerLayout;
-const DrawerLayoutContext = exports.DrawerLayoutContext = /*#__PURE__*/(0, _react.createContext)(false);

package/lib/DrawerLayout/props.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.allowedProps = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-const allowedProps = exports.allowedProps = ['children', 'minWidth', 'onOverlayTrayChange', 'dir'];

package/lib/DrawerLayout/styles.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * ---
- * private: true
- * ---
- * Generates the style object from the theme and provided additional information
- * @param  {Object} componentTheme The theme variable object.
- * @param  {Object} props the props of the component, the style is applied to
- * @param  {Object} state the state of the component, the style is applied to
- * @return {Object} The final style object, which will be used in the component
- */
-const generateStyle = () => {
-  return {
-    drawerLayout: {
-      label: 'drawerLayout',
-      position: 'relative',
-      height: '100%'
-    }
-  };
-};
-var _default = exports.default = generateStyle;

package/lib/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DrawerContent", {
-  enumerable: true,
-  get: function () {
-    return _DrawerLayout.DrawerContent;
-  }
-});
-Object.defineProperty(exports, "DrawerLayout", {
-  enumerable: true,
-  get: function () {
-    return _DrawerLayout.DrawerLayout;
-  }
-});
-Object.defineProperty(exports, "DrawerTray", {
-  enumerable: true,
-  get: function () {
-    return _DrawerLayout.DrawerTray;
-  }
-});
-var _DrawerLayout = require("./DrawerLayout");

package/lib/package.json

@@ -1 +0,0 @@
-{"type":"commonjs"}