@instructure/ui-layout - npm Package Compare versions

Comparing version 6.24.1-rc.4 to 6.24.1-rc.5

es/calculateElementPosition.js

@@ -77,5 +77,3 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 
-var PositionedElement =
-/*#__PURE__*/
-function () {
+var PositionedElement = /*#__PURE__*/function () {
   function PositionedElement(element, placement) {
@@ -263,5 +261,3 @@ var offset = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
 
-var PositionData =
-/*#__PURE__*/
-function () {
+var PositionData = /*#__PURE__*/function () {
   function PositionData(element, target, options) {
@@ -268,0 +264,0 @@ _classCallCheck(this, PositionData);

es/ContextView/index.js

 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
@@ -97,11 +96,11 @@ var _dec, _dec2, _class, _class2, _temp;
 
-var ContextView = (_dec = deprecated('7.0.0', null, 'Use ContextView from ui-view instead.'), _dec2 = themeable(theme, styles), _dec(_class = _dec2(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var ContextView = (_dec = deprecated('7.0.0', null, 'Use ContextView from ui-view instead.'), _dec2 = themeable(theme, styles), _dec(_class = _dec2(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(ContextView, _Component);
 
+  var _super = _createSuper(ContextView);
+
   function ContextView() {
     _classCallCheck(this, ContextView);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(ContextView).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -134,3 +133,3 @@
       var classes = (_classes = {}, _defineProperty(_classes, styles.root, true), _defineProperty(_classes, styles["placement--".concat(placement.replace(' ', '-'))], true), _classes);
-      return React.createElement(View, Object.assign({}, omitProps(this.props, ContextView.propTypes), {
+      return /*#__PURE__*/React.createElement(View, Object.assign({}, omitProps(this.props, ContextView.propTypes), {
         style: style,
@@ -145,3 +144,3 @@ className: classnames(classes),
         stacking: stacking
-      }), React.createElement(View, {
+      }), /*#__PURE__*/React.createElement(View, {
         className: styles.content,
@@ -163,3 +162,3 @@ display: "block",
         textAlign: textAlign
-      }, React.createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         className: classnames((_classnames = {}, _defineProperty(_classnames, styles.arrow, true), _defineProperty(_classnames, styles["arrow--".concat(background)], background), _defineProperty(_classnames, styles["arrow--".concat(this.mirroredPlacement)], true), _classnames))
@@ -166,0 +165,0 @@ }), children));

es/DrawerLayout/__fixtures__/DrawerLayout.fixture.js

 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
@@ -34,17 +33,15 @@ /*
 
-var _ref =
-/*#__PURE__*/
-React.createElement(DrawerLayout.Content, {
+var _ref = /*#__PURE__*/React.createElement(DrawerLayout.Content, {
   label: "Test DrawerContent"
-}, React.createElement("div", null, "Hello from content", React.createElement("button", null, "Expand")));
+}, /*#__PURE__*/React.createElement("div", null, "Hello from content", /*#__PURE__*/React.createElement("button", null, "Expand")));
 
-var DrawerLayoutFixture =
-/*#__PURE__*/
-function (_Component) {
+var DrawerLayoutFixture = /*#__PURE__*/function (_Component) {
   _inherits(DrawerLayoutFixture, _Component);
 
+  var _super = _createSuper(DrawerLayoutFixture);
+
   function DrawerLayoutFixture() {
     _classCallCheck(this, DrawerLayoutFixture);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(DrawerLayoutFixture).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -61,14 +58,14 @@
           onOverlayTrayChange = _this$props.onOverlayTrayChange;
-      return React.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         style: {
           width: layoutWidth
         }
-      }, React.createElement(DrawerLayout, {
+      }, /*#__PURE__*/React.createElement(DrawerLayout, {
         minWidth: "500px",
         onOverlayTrayChange: onOverlayTrayChange
-      }, React.createElement(DrawerLayout.Tray, {
+      }, /*#__PURE__*/React.createElement(DrawerLayout.Tray, {
         open: open,
         placement: placement,
         label: "Test DrawerTray"
-      }, React.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         style: {
@@ -75,0 +72,0 @@ width: trayWidth

es/DrawerLayout/DrawerContent/index.js

 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
@@ -57,10 +56,8 @@ var _dec, _dec2, _class, _class2, _temp;
 
-var DrawerContent = (_dec = testable(), _dec2 = themeable(theme, styles), _dec(_class = _dec2(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var DrawerContent = (_dec = testable(), _dec2 = themeable(theme, styles), _dec(_class = _dec2(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(DrawerContent, _Component);
 
+  var _super = _createSuper(DrawerContent);
+
   function DrawerContent() {
-    var _getPrototypeOf2;
-
     var _this;
@@ -74,3 +71,3 @@
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(DrawerContent)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
@@ -146,3 +143,3 @@ shouldTransition: false
           role = _this$props.role;
-      return React.createElement("div", Object.assign({}, omitProps(this.props, DrawerContent.propTypes, ['shouldTransition']), {
+      return /*#__PURE__*/React.createElement("div", Object.assign({}, omitProps(this.props, DrawerContent.propTypes, ['shouldTransition']), {
         role: role,
@@ -149,0 +146,0 @@ style: style,

es/DrawerLayout/DrawerTray/index.js

@@ -5,5 +5,4 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
@@ -68,10 +67,8 @@ var _dec, _dec2, _dec3, _class, _class2, _temp;
 
-var DrawerTray = (_dec = testable(), _dec2 = bidirectional(), _dec3 = themeable(theme, styles), _dec(_class = _dec2(_class = _dec3(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var DrawerTray = (_dec = testable(), _dec2 = bidirectional(), _dec3 = themeable(theme, styles), _dec(_class = _dec2(_class = _dec3(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(DrawerTray, _Component);
 
+  var _super = _createSuper(DrawerTray);
+
   function DrawerTray() {
-    var _getPrototypeOf2;
-
     var _this;
@@ -85,3 +82,3 @@
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(DrawerTray)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
@@ -191,3 +188,3 @@ transitioning: false,
 
-      var content = React.createElement(Transition, {
+      var content = /*#__PURE__*/React.createElement(Transition, {
         in: transitionIn,
@@ -203,6 +200,6 @@ type: this.transition,
         unmountOnExit: true
-      }, React.createElement("div", Object.assign({}, omitProps(props, DrawerTray.propTypes), {
+      }, /*#__PURE__*/React.createElement("div", Object.assign({}, omitProps(props, DrawerTray.propTypes), {
         ref: this.handleContentRef,
         className: classnames((_classnames = {}, _defineProperty(_classnames, styles.drawerTrayRoot, true), _defineProperty(_classnames, styles.border, border), _defineProperty(_classnames, styles.shadow, shadow && shouldOverlayTray), _defineProperty(_classnames, styles["placement--".concat(this.placement)], true), _classnames))
-      }), this.state.transitioning ? this.renderContent() : React.createElement(Dialog, {
+      }), this.state.transitioning ? this.renderContent() : /*#__PURE__*/React.createElement(Dialog, {
         open: true,
@@ -223,3 +220,3 @@ role: shouldOverlayTray ? 'dialog' : 'region',
       if (needsPortal) {
-        return React.createElement(Portal, {
+        return /*#__PURE__*/React.createElement(Portal, {
           mountNode: mountNode,
@@ -226,0 +223,0 @@ open: true,

es/DrawerLayout/index.js

 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import { error as _error } from "@instructure/console";
@@ -61,7 +60,7 @@
 
-var DrawerLayout = (_dec = deprecated('7.0.0', null, 'Use DrawerLayout from ui-drawer-layout instead.'), _dec2 = testable(), _dec3 = bidirectional(), _dec4 = themeable(null, styles), _dec(_class = _dec2(_class = _dec3(_class = _dec4(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var DrawerLayout = (_dec = deprecated('7.0.0', null, 'Use DrawerLayout from ui-drawer-layout instead.'), _dec2 = testable(), _dec3 = bidirectional(), _dec4 = themeable(null, styles), _dec(_class = _dec2(_class = _dec3(_class = _dec4(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(DrawerLayout, _Component);
 
+  var _super = _createSuper(DrawerLayout);
+
   function DrawerLayout(_props) {
@@ -72,3 +71,3 @@ var _this;
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(DrawerLayout).call(this, _props));
+    _this = _super.call(this, _props);
     _this._content = null;
@@ -227,3 +226,3 @@
 
-      return React.createElement("div", Object.assign({}, props, {
+      return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
         className: styles.drawerLayoutRoot
@@ -230,0 +229,0 @@ }), this.renderChildren());

es/Flex/FlexItem/index.js

 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
@@ -61,11 +60,11 @@ var _dec, _class, _class2, _temp;
 
-var FlexItem = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var FlexItem = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(FlexItem, _Component);
 
+  var _super = _createSuper(FlexItem);
+
   function FlexItem() {
     _classCallCheck(this, FlexItem);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(FlexItem).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -77,2 +76,4 @@
     /* eslint-disable react/require-default-props */
+
+    /* eslint-enable react/require-default-props */
     value: function render() {
@@ -102,3 +103,3 @@ var _classes;
       var classes = (_classes = {}, _defineProperty(_classes, styles.root, true), _defineProperty(_classes, styles.visualDebug, visualDebug), _defineProperty(_classes, styles.grow, grow), _defineProperty(_classes, styles.shrink, shrink), _defineProperty(_classes, styles["align--".concat(align)], align), _classes);
-      return React.createElement(View, Object.assign({}, props, {
+      return /*#__PURE__*/React.createElement(View, Object.assign({}, props, {
         className: classnames(classes),
@@ -105,0 +106,0 @@ style: style,

es/Flex/index.js

@@ -5,5 +5,4 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
@@ -73,11 +72,11 @@ var _dec, _dec2, _class, _class2, _temp;
 
-var Flex = (_dec = deprecated('7.0.0', null, 'Use Flex from ui-flex instead.'), _dec2 = themeable(theme, styles), _dec(_class = _dec2(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var Flex = (_dec = deprecated('7.0.0', null, 'Use Flex from ui-flex instead.'), _dec2 = themeable(theme, styles), _dec(_class = _dec2(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(Flex, _Component);
 
+  var _super = _createSuper(Flex);
+
   function Flex() {
     _classCallCheck(this, Flex);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Flex).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -129,3 +128,3 @@
       if (children && React.Children.count(children) > 0) {
-        return React.createElement(View, Object.assign({}, props, {
+        return /*#__PURE__*/React.createElement(View, Object.assign({}, props, {
           className: classnames(classes, styles[direction]),
@@ -132,0 +131,0 @@ elementRef: elementRef,

es/Grid/GridCol/index.js

 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
@@ -173,11 +172,11 @@ var _dec, _class, _class2, _temp;
 
-var GridCol = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var GridCol = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(GridCol, _Component);
 
+  var _super = _createSuper(GridCol);
+
   function GridCol() {
     _classCallCheck(this, GridCol);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(GridCol).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -189,2 +188,4 @@
     /* eslint-disable react/require-default-props */
+
+    /* eslint-enable react/require-default-props */
     value: function startAtClass() {
@@ -258,3 +259,3 @@ return !!this.props.startAt && "startAt".concat(capitalizeFirstLetter(this.props.startAt));
       var props = omitProps(this.props, GridCol.propTypes);
-      return React.createElement("span", Object.assign({}, props, {
+      return /*#__PURE__*/React.createElement("span", Object.assign({}, props, {
         ref: this.props.elementRef,
@@ -261,0 +262,0 @@ className: classnames(classes)

es/Grid/GridRow/index.js

@@ -6,5 +6,4 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
@@ -80,11 +79,11 @@ var _dec, _class, _class2, _temp;
 
-var GridRow = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var GridRow = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(GridRow, _Component);
 
+  var _super = _createSuper(GridRow);
+
   function GridRow() {
     _classCallCheck(this, GridRow);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(GridRow).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -96,2 +95,4 @@
     /* eslint-disable react/require-default-props */
+
+    /* eslint-enable react/require-default-props */
     value: function startAtClass() {
@@ -138,3 +139,3 @@ return !!this.props.startAt && "startAt".concat(capitalizeFirstLetter(this.props.startAt));
       var props = omitProps(this.props, GridRow.propTypes);
-      return React.createElement("span", Object.assign({}, props, {
+      return /*#__PURE__*/React.createElement("span", Object.assign({}, props, {
         className: classnames(classes)
@@ -141,0 +142,0 @@ }), this.renderChildren());

es/Grid/index.js

@@ -5,5 +5,4 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
@@ -65,11 +64,11 @@ var _dec, _dec2, _class, _class2, _temp;
 
-var Grid = (_dec = deprecated('7.0.0', null, 'Use Grid from ui-grid instead.'), _dec2 = themeable(theme, styles), _dec(_class = _dec2(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var Grid = (_dec = deprecated('7.0.0', null, 'Use Grid from ui-grid instead.'), _dec2 = themeable(theme, styles), _dec(_class = _dec2(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(Grid, _Component);
 
+  var _super = _createSuper(Grid);
+
   function Grid() {
     _classCallCheck(this, Grid);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Grid).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -106,3 +105,3 @@
       var props = omitProps(this.props, Grid.propTypes);
-      return React.createElement("span", Object.assign({}, props, {
+      return /*#__PURE__*/React.createElement("span", Object.assign({}, props, {
         className: classnames(classes)
@@ -109,0 +108,0 @@ }), this.renderChildren());

es/Media/index.js

 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
@@ -60,11 +59,11 @@ var _dec, _dec2, _class, _class2, _temp;
 
-var Media = (_dec = deprecated('7.0.0', null, 'Use Media from ui-byline instead.'), _dec2 = themeable(theme, styles), _dec(_class = _dec2(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var Media = (_dec = deprecated('7.0.0', null, 'Use Media from ui-byline instead.'), _dec2 = themeable(theme, styles), _dec(_class = _dec2(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(Media, _Component);
 
+  var _super = _createSuper(Media);
+
   function Media() {
     _classCallCheck(this, Media);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Media).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -78,3 +77,3 @@
       var passthroughProps = View.omitViewProps(omitProps(this.props, Media.propTypes), Media);
-      return React.createElement(View, Object.assign({}, passthroughProps, {
+      return /*#__PURE__*/React.createElement(View, Object.assign({}, passthroughProps, {
         elementRef: this.props.elementRef,
@@ -85,9 +84,9 @@ className: classnames((_classnames = {}, _defineProperty(_classnames, styles.root, true), _defineProperty(_classnames, styles[this.props.alignContent], true), _classnames)),
         maxWidth: this.theme[this.props.size]
-      }), React.createElement("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         className: styles.figure
-      }, this.props.children), React.createElement("figcaption", {
+      }, this.props.children), /*#__PURE__*/React.createElement("figcaption", {
         className: styles.caption
-      }, this.props.title && React.createElement("span", {
+      }, this.props.title && /*#__PURE__*/React.createElement("span", {
         className: styles.title
-      }, this.props.title), this.props.description && React.createElement("div", {
+      }, this.props.title), this.props.description && /*#__PURE__*/React.createElement("div", {
         className: styles.description
@@ -94,0 +93,0 @@ }, this.props.description)));

es/Position/index.js

 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
@@ -48,11 +47,11 @@ var _dec, _class, _class2, _temp, _dec2, _class3, _class4, _temp2, _dec3, _dec4, _dec5, _class5, _class6, _temp3;
 import theme from './theme';
-var PositionTarget = (_dec = testable(), _dec(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_ComponentIdentifier) {
+var PositionTarget = (_dec = testable(), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_ComponentIdentifier) {
   _inherits(PositionTarget, _ComponentIdentifier);
 
+  var _super = _createSuper(PositionTarget);
+
   function PositionTarget() {
     _classCallCheck(this, PositionTarget);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(PositionTarget).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -62,11 +61,11 @@
 }(ComponentIdentifier), _class2.displayName = 'PositionTarget', _class2.locatorAttribute = 'data-position-target', _temp)) || _class);
-var PositionContent = (_dec2 = testable(), _dec2(_class3 = (_temp2 = _class4 =
-/*#__PURE__*/
-function (_ComponentIdentifier2) {
+var PositionContent = (_dec2 = testable(), _dec2(_class3 = (_temp2 = _class4 = /*#__PURE__*/function (_ComponentIdentifier2) {
   _inherits(PositionContent, _ComponentIdentifier2);
 
+  var _super2 = _createSuper(PositionContent);
+
   function PositionContent() {
     _classCallCheck(this, PositionContent);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(PositionContent).apply(this, arguments));
+    return _super2.apply(this, arguments);
   }
@@ -86,11 +85,11 @@
 
-var Position = (_dec3 = deprecated('7.0.0', null, 'Use @instructure/ui-position instead'), _dec4 = testable(), _dec5 = themeable(theme, styles), _dec3(_class5 = _dec4(_class5 = _dec5(_class5 = (_temp3 = _class6 =
-/*#__PURE__*/
-function (_Component) {
+var Position = (_dec3 = deprecated('7.0.0', null, 'Use @instructure/ui-position instead'), _dec4 = testable(), _dec5 = themeable(theme, styles), _dec3(_class5 = _dec4(_class5 = _dec5(_class5 = (_temp3 = _class6 = /*#__PURE__*/function (_Component) {
   _inherits(Position, _Component);
 
+  var _super3 = _createSuper(Position);
+
   function Position() {
     _classCallCheck(this, Position);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Position).apply(this, arguments));
+    return _super3.apply(this, arguments);
   }
@@ -119,3 +118,3 @@
       var content = ComponentIdentifier.pick(Position.Content, children);
-      return React.createElement(UIPosition, Object.assign({}, passthroughProps, {
+      return /*#__PURE__*/React.createElement(UIPosition, Object.assign({}, passthroughProps, {
         target: target,
@@ -122,0 +121,0 @@ renderTarget: renderTarget,

es/Responsive/index.js

 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import { error as _error } from "@instructure/console";
@@ -48,10 +47,8 @@
 
-var Responsive = (_dec = deprecated('7.0.0', null, 'Use @instructure/ui-responsive instead'), _dec(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var Responsive = (_dec = deprecated('7.0.0', null, 'Use @instructure/ui-responsive instead'), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(Responsive, _Component);
 
+  var _super = _createSuper(Responsive);
+
   function Responsive() {
-    var _getPrototypeOf2;
-
     var _this;
@@ -65,3 +62,3 @@
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Responsive)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
     _this._matchListener = null;
@@ -68,0 +65,0 @@ _this.state = {

es/View/index.js

@@ -5,5 +5,4 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import { error as _error } from "@instructure/console";
@@ -113,10 +112,8 @@
 
-var View = (_dec = bidirectional(), _dec2 = themeable(theme, styles), _dec(_class = _dec2(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var View = (_dec = bidirectional(), _dec2 = themeable(theme, styles), _dec(_class = _dec2(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(View, _Component);
 
+  var _super = _createSuper(View);
+
   function View() {
-    var _getPrototypeOf2;
-
     var _this;
@@ -130,3 +127,3 @@
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(View)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
@@ -159,5 +156,3 @@ _this.handleElementRef = function (el) {
         /*#__PURE__*/
-        _error(!
-        /*#__PURE__*/
-        function verifySpanMargin(element, margin) {
+        _error(! /*#__PURE__*/function verifySpanMargin(element, margin) {
           if (!element) {
@@ -216,3 +211,3 @@ return;
       var classes = classnames(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, styles.root, true), _defineProperty(_objectSpread2, styles.debug, debug), _defineProperty(_objectSpread2, styles.hasBorder, this.hasBorder), _defineProperty(_objectSpread2, styles["borderColor--".concat(borderColor)], this.hasBorder && borderColor !== 'inverse'), _defineProperty(_objectSpread2, styles['borderColor--inverse'], this.hasBorder && background === 'inverse'), _defineProperty(_objectSpread2, styles["textAlign--".concat(textAlign)], textAlign), _defineProperty(_objectSpread2, styles["background--".concat(background)], background), _defineProperty(_objectSpread2, styles["display--".concat(display)], display && display !== 'auto'), _defineProperty(_objectSpread2, styles["overflowX--".concat(overflowX)], overflowX && overflowX !== 'visible'), _defineProperty(_objectSpread2, styles["overflowY--".concat(overflowY)], overflowY && overflowY !== 'visible'), _defineProperty(_objectSpread2, styles["size--".concat(size)], size && size !== 'auto'), _defineProperty(_objectSpread2, styles["stacking--".concat(stacking)], stacking), _defineProperty(_objectSpread2, styles["shadow--".concat(shadow)], shadow && shadow !== 'none'), _defineProperty(_objectSpread2, styles["position--".concat(position)], position !== 'static'), _defineProperty(_objectSpread2, styles.focused, this.isFocused), _objectSpread2), focusOutlineClasses, _defineProperty({}, className, className)));
-      return React.createElement(ElementType, Object.assign({}, omitProps(this.props, View.propTypes), {
+      return /*#__PURE__*/React.createElement(ElementType, Object.assign({}, omitProps(this.props, View.propTypes), {
         className: classes,
@@ -219,0 +214,0 @@ style: _objectSpread({}, this.spacingStyle, {}, this.borderStyle, {}, this.offsetStyle, {

lib/addElementQueryMatchListener.js

@@ -42,2 +42,57 @@ "use strict";
  */
+
+/**
+ * ---
+ * category: utilities/layout
+ * ---
+ * Given an object of named queries, listens for changes in the
+ * element size and notifies which queries match via a function
+ * callback. The callback method is only called when the query
+ * matches change, not on all element resizes. (If you are looking
+ * to call a method on all element resizes see
+ * [addResizeListener](#addResizeListener) instead)
+ *
+ * This function shares an interface with
+ * [addMediaQueryMatchListener](#addMediaQueryMatchListener)
+ * so that they can be used interchangeably.
+ *
+ * The [Responsive](#Responsive) component with the `match` prop
+ * set to `element` utilizes this function. This is a low level
+ * utility method and, in most cases, [Responsive](#Responsive)
+ * should be used instead.
+ *
+ * ```js
+ * class MyComponent extends Component {
+ *   state = {
+ *     matches: []
+ *   }
+ *
+ *   _listener = null
+ *
+ *   componentDidMount () {
+ *     const query = {myFirstQuery: { minWidth: 100 }, mySecondQuery: { maxHeight: '30rem'}}
+ *     const el = findDOMNode(this)
+ *
+ *     this._listener = addElementQueryMatchListener(query, el, this.updateMatches)
+ *   }
+ *
+ *   componentWillUnmount () {
+ *     if (this._listener) {
+ *       this._listener.remove()
+ *     }
+ *   }
+ *
+ *   updateMatches = (matches) => {
+ *     this.setState({ matches })
+ *   }
+ *   ...
+ * }
+ * ```
+ *
+ * @param {Object} query - object consisting of names and query objects
+ * @param {ReactComponent|DomNode} el - component or DOM node
+ * @param {function} cb - called with an array of the names of the currently
+ * matching queries whenever a matching query changes
+ * @returns {function} remove() function to call to remove the listener
+ */
 function addElementQueryMatchListener(query, el, cb) {
@@ -44,0 +99,0 @@ var node = (0, _findDOMNode.findDOMNode)(el);

lib/addMediaQueryMatchListener.js

@@ -38,2 +38,55 @@ "use strict";
  */
+
+/**
+ * ---
+ * category: utilities/layout
+ * ---
+ * Given an object of named queries, listens for changes in the
+ * window size and notifies which queries match via a function
+ * callback. The callback method is only called when the query
+ * matches change, not on all window resizes.
+ *
+ * This function shares an interface with
+ * [addElementQueryMatchListener](#addElementQueryMatchListener)
+ * so that they can be used interchangeably.
+ *
+ * The [Responsive](#Responsive) component with the `match` prop
+ * set to `media` utilizes this function. This is a low level utility
+ * method and, in most cases, [Responsive](#Responsive) should be
+ * used instead.
+ *
+ * ```js
+ * class MyComponent extends Component {
+ *   state = {
+ *     matches: []
+ *   }
+ *
+ *   _listener = null
+ *
+ *   componentDidMount () {
+ *     const query = {myFirstQuery: { minWidth: 100 }, mySecondQuery: { maxHeight: '30rem'}}
+ *     const el = findDOMNode(this)
+ *
+ *     this._listener = addMediaQueryMatchListener(query, el, this.updateMatches)
+ *   }
+ *
+ *   componentWillUnmount () {
+ *     if (this._listener) {
+ *       this._listener.remove()
+ *     }
+ *   }
+ *
+ *   updateMatches = (matches) => {
+ *     this.setState({ matches })
+ *   }
+ *   ...
+ * }
+ * ```
+ *
+ * @param {Object} query - object consisting of names and query objects
+ * @param {ReactComponent|DomNode} el - component or DOM node
+ * @param {function} cb - called with an array of the names of the currently
+ * matching queries whenever a matching query changes
+ * @returns {function} remove() function to call to remove the listener
+ */
 function addMediaQueryMatchListener(query, el, cb) {
@@ -40,0 +93,0 @@ var matchMedia = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : _matchMedia.matchMedia;

lib/calculateElementPosition.js

@@ -57,2 +57,25 @@ "use strict";
  */
+
+/**
+ * ---
+ * category: utilities/layout
+ * ---
+ *
+ * Calculate the coordinates to attach an element
+ * to a designated target with specified constraints
+ * @module
+ * @param {ReactComponent|DomNode} el - component or DOM node
+ * @param {DomNode} target - the target DOM node
+ * @param {Object} options - constraints for the positioning
+ * @param {string} options.placement - designates where the element will be attached
+ *  ('top', 'bottom', 'left', 'right', 'top left' etc.)
+ * @param {DomNode} options.container - DOM node where the element is contained
+ * @param {boolean} options.over - whether or not you want the element to position over the target
+ * @param {string} options.constrain - if the element should be constrained to 'window',
+ *  'scroll-parent', 'parent', or 'none'
+ * @param {string|number} options.offsetX - the horizontal offset for the positioned element
+ * @param {string|number} options.offsetY - the vertical offset for the positioned element
+ * @returns {Object} object containing style with the calculated position in the 'transform'
+ *  property
+ */
 function calculateElementPosition(element, target, options) {
@@ -82,5 +105,3 @@ if (!element || options.placement === 'offscreen') {
 
-var PositionedElement =
-/*#__PURE__*/
-function () {
+var PositionedElement = /*#__PURE__*/function () {
   function PositionedElement(element, placement) {
@@ -265,5 +286,3 @@ var offset = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
 
-var PositionData =
-/*#__PURE__*/
-function () {
+var PositionData = /*#__PURE__*/function () {
   function PositionData(element, target, options) {
@@ -270,0 +289,0 @@ (0, _classCallCheck2.default)(this, PositionData);

lib/ContextView/index.js

@@ -18,8 +18,6 @@ "use strict";
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _react = _interopRequireWildcard(require("react"));
@@ -104,10 +102,10 @@
 **/
-var ContextView = (_dec = (0, _deprecated.deprecated)('7.0.0', null, 'Use ContextView from ui-view instead.'), _dec2 = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = _dec2(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var ContextView = (_dec = (0, _deprecated.deprecated)('7.0.0', null, 'Use ContextView from ui-view instead.'), _dec2 = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = _dec2(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ContextView, _Component);
 
+  var _super = (0, _createSuper2.default)(ContextView);
+
   function ContextView() {
     (0, _classCallCheck2.default)(this, ContextView);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(ContextView).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -140,3 +138,3 @@
       var classes = (_classes = {}, (0, _defineProperty2.default)(_classes, styles.root, true), (0, _defineProperty2.default)(_classes, styles["placement--".concat(placement.replace(' ', '-'))], true), _classes);
-      return _react.default.createElement(_View.View, Object.assign({}, (0, _omitProps.omitProps)(this.props, ContextView.propTypes), {
+      return /*#__PURE__*/_react.default.createElement(_View.View, Object.assign({}, (0, _omitProps.omitProps)(this.props, ContextView.propTypes), {
         style: style,
@@ -151,3 +149,3 @@ className: (0, _classnames2.default)(classes),
         stacking: stacking
-      }), _react.default.createElement(_View.View, {
+      }), /*#__PURE__*/_react.default.createElement(_View.View, {
         className: styles.content,
@@ -169,3 +167,3 @@ display: "block",
         textAlign: textAlign
-      }, _react.default.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames2.default)((_classnames = {}, (0, _defineProperty2.default)(_classnames, styles.arrow, true), (0, _defineProperty2.default)(_classnames, styles["arrow--".concat(background)], background), (0, _defineProperty2.default)(_classnames, styles["arrow--".concat(this.mirroredPlacement)], true), _classnames))
@@ -172,0 +170,0 @@ }), children));

lib/DrawerLayout/__fixtures__/DrawerLayout.fixture.js

@@ -16,8 +16,6 @@ "use strict";
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _react = _interopRequireWildcard(require("react"));
@@ -52,16 +50,14 @@
  */
-var _ref =
-/*#__PURE__*/
-_react.default.createElement(_index.DrawerLayout.Content, {
+var _ref = /*#__PURE__*/_react.default.createElement(_index.DrawerLayout.Content, {
   label: "Test DrawerContent"
-}, _react.default.createElement("div", null, "Hello from content", _react.default.createElement("button", null, "Expand")));
+}, /*#__PURE__*/_react.default.createElement("div", null, "Hello from content", /*#__PURE__*/_react.default.createElement("button", null, "Expand")));
 
-var DrawerLayoutFixture =
-/*#__PURE__*/
-function (_Component) {
+var DrawerLayoutFixture = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(DrawerLayoutFixture, _Component);
 
+  var _super = (0, _createSuper2.default)(DrawerLayoutFixture);
+
   function DrawerLayoutFixture() {
     (0, _classCallCheck2.default)(this, DrawerLayoutFixture);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(DrawerLayoutFixture).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -78,14 +74,14 @@
           onOverlayTrayChange = _this$props.onOverlayTrayChange;
-      return _react.default.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         style: {
           width: layoutWidth
         }
-      }, _react.default.createElement(_index.DrawerLayout, {
+      }, /*#__PURE__*/_react.default.createElement(_index.DrawerLayout, {
         minWidth: "500px",
         onOverlayTrayChange: onOverlayTrayChange
-      }, _react.default.createElement(_index.DrawerLayout.Tray, {
+      }, /*#__PURE__*/_react.default.createElement(_index.DrawerLayout.Tray, {
         open: open,
         placement: placement,
         label: "Test DrawerTray"
-      }, _react.default.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         style: {
@@ -92,0 +88,0 @@ width: trayWidth

lib/DrawerLayout/DrawerContent/index.js

@@ -18,8 +18,6 @@ "use strict";
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _react = _interopRequireWildcard(require("react"));
@@ -62,10 +60,8 @@
 **/
-var DrawerContent = (_dec = (0, _testable.testable)(), _dec2 = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = _dec2(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var DrawerContent = (_dec = (0, _testable.testable)(), _dec2 = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = _dec2(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(DrawerContent, _Component);
 
+  var _super = (0, _createSuper2.default)(DrawerContent);
+
   function DrawerContent() {
-    var _getPrototypeOf2;
-
     var _this;
@@ -79,3 +75,3 @@
 
-    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(DrawerContent)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
@@ -151,3 +147,3 @@ shouldTransition: false
           role = _this$props.role;
-      return _react.default.createElement("div", Object.assign({}, (0, _omitProps.omitProps)(this.props, DrawerContent.propTypes, ['shouldTransition']), {
+      return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, (0, _omitProps.omitProps)(this.props, DrawerContent.propTypes, ['shouldTransition']), {
         role: role,
@@ -154,0 +150,0 @@ style: style,

lib/DrawerLayout/DrawerTray/index.js

@@ -20,8 +20,6 @@ "use strict";
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _react = _interopRequireWildcard(require("react"));
@@ -76,10 +74,8 @@
 **/
-var DrawerTray = (_dec = (0, _testable.testable)(), _dec2 = (0, _bidirectional.bidirectional)(), _dec3 = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = _dec2(_class = _dec3(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var DrawerTray = (_dec = (0, _testable.testable)(), _dec2 = (0, _bidirectional.bidirectional)(), _dec3 = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = _dec2(_class = _dec3(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(DrawerTray, _Component);
 
+  var _super = (0, _createSuper2.default)(DrawerTray);
+
   function DrawerTray() {
-    var _getPrototypeOf2;
-
     var _this;
@@ -93,3 +89,3 @@
 
-    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(DrawerTray)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
@@ -198,3 +194,3 @@ transitioning: false,
 
-      var content = _react.default.createElement(_Transition.Transition, {
+      var content = /*#__PURE__*/_react.default.createElement(_Transition.Transition, {
         in: transitionIn,
@@ -210,6 +206,6 @@ type: this.transition,
         unmountOnExit: true
-      }, _react.default.createElement("div", Object.assign({}, (0, _omitProps.omitProps)(props, DrawerTray.propTypes), {
+      }, /*#__PURE__*/_react.default.createElement("div", Object.assign({}, (0, _omitProps.omitProps)(props, DrawerTray.propTypes), {
         ref: this.handleContentRef,
         className: (0, _classnames2.default)((_classnames = {}, (0, _defineProperty2.default)(_classnames, styles.drawerTrayRoot, true), (0, _defineProperty2.default)(_classnames, styles.border, border), (0, _defineProperty2.default)(_classnames, styles.shadow, shadow && shouldOverlayTray), (0, _defineProperty2.default)(_classnames, styles["placement--".concat(this.placement)], true), _classnames))
-      }), this.state.transitioning ? this.renderContent() : _react.default.createElement(_Dialog.Dialog, {
+      }), this.state.transitioning ? this.renderContent() : /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
         open: true,
@@ -230,3 +226,3 @@ role: shouldOverlayTray ? 'dialog' : 'region',
       if (needsPortal) {
-        return _react.default.createElement(_Portal.Portal, {
+        return /*#__PURE__*/_react.default.createElement(_Portal.Portal, {
           mountNode: mountNode,
@@ -233,0 +229,0 @@ open: true,

lib/DrawerLayout/index.js

@@ -30,8 +30,6 @@ "use strict";
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _console = require("@instructure/console");
@@ -85,7 +83,7 @@
 
-var DrawerLayout = (_dec = (0, _deprecated.deprecated)('7.0.0', null, 'Use DrawerLayout from ui-drawer-layout instead.'), _dec2 = (0, _testable.testable)(), _dec3 = (0, _bidirectional.bidirectional)(), _dec4 = (0, _themeable.themeable)(null, styles), _dec(_class = _dec2(_class = _dec3(_class = _dec4(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var DrawerLayout = (_dec = (0, _deprecated.deprecated)('7.0.0', null, 'Use DrawerLayout from ui-drawer-layout instead.'), _dec2 = (0, _testable.testable)(), _dec3 = (0, _bidirectional.bidirectional)(), _dec4 = (0, _themeable.themeable)(null, styles), _dec(_class = _dec2(_class = _dec3(_class = _dec4(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(DrawerLayout, _Component);
 
+  var _super = (0, _createSuper2.default)(DrawerLayout);
+
   function DrawerLayout(_props) {
@@ -95,3 +93,3 @@ var _this;
     (0, _classCallCheck2.default)(this, DrawerLayout);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(DrawerLayout).call(this, _props));
+    _this = _super.call(this, _props);
     _this._content = null;
@@ -235,10 +233,6 @@
       /*#__PURE__*/
-      (
-      /*#__PURE__*/
-      0, _console.error)(trayCount <= 1, "[DrawerLayout] Only one 'DrawerTray' per 'DrawerLayout' is supported.");
+      ( /*#__PURE__*/0, _console.error)(trayCount <= 1, "[DrawerLayout] Only one 'DrawerTray' per 'DrawerLayout' is supported.");
 
       /*#__PURE__*/
-      (
-      /*#__PURE__*/
-      0, _console.error)(contentCount <= 1, "[DrawerLayout] Only one 'DrawerContent' per 'DrawerLayout' is supported.");
+      ( /*#__PURE__*/0, _console.error)(contentCount <= 1, "[DrawerLayout] Only one 'DrawerContent' per 'DrawerLayout' is supported.");
       return children;
@@ -250,3 +244,3 @@ }
       var props = (0, _defineProperty2.default)({}, DrawerLayout.locatorAttribute, this._id);
-      return _react.default.createElement("div", Object.assign({}, props, {
+      return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, props, {
         className: styles.drawerLayoutRoot
@@ -253,0 +247,0 @@ }), this.renderChildren());

lib/Flex/FlexItem/index.js

@@ -18,8 +18,6 @@ "use strict";
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _react = _interopRequireWildcard(require("react"));
@@ -64,10 +62,10 @@
 **/
-var FlexItem = (_dec = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var FlexItem = (_dec = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(FlexItem, _Component);
 
+  var _super = (0, _createSuper2.default)(FlexItem);
+
   function FlexItem() {
     (0, _classCallCheck2.default)(this, FlexItem);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(FlexItem).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -79,2 +77,4 @@
     /* eslint-disable react/require-default-props */
+
+    /* eslint-enable react/require-default-props */
     value: function render() {
@@ -104,3 +104,3 @@ var _classes;
       var classes = (_classes = {}, (0, _defineProperty2.default)(_classes, styles.root, true), (0, _defineProperty2.default)(_classes, styles.visualDebug, visualDebug), (0, _defineProperty2.default)(_classes, styles.grow, grow), (0, _defineProperty2.default)(_classes, styles.shrink, shrink), (0, _defineProperty2.default)(_classes, styles["align--".concat(align)], align), _classes);
-      return _react.default.createElement(_View.View, Object.assign({}, props, {
+      return /*#__PURE__*/_react.default.createElement(_View.View, Object.assign({}, props, {
         className: (0, _classnames.default)(classes),
@@ -107,0 +107,0 @@ style: style,

lib/Flex/index.js

@@ -26,8 +26,6 @@ "use strict";
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _react = _interopRequireWildcard(require("react"));
@@ -88,10 +86,10 @@
 **/
-var Flex = (_dec = (0, _deprecated.deprecated)('7.0.0', null, 'Use Flex from ui-flex instead.'), _dec2 = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = _dec2(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var Flex = (_dec = (0, _deprecated.deprecated)('7.0.0', null, 'Use Flex from ui-flex instead.'), _dec2 = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = _dec2(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Flex, _Component);
 
+  var _super = (0, _createSuper2.default)(Flex);
+
   function Flex() {
     (0, _classCallCheck2.default)(this, Flex);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Flex).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -143,3 +141,3 @@
       if (children && _react.default.Children.count(children) > 0) {
-        return _react.default.createElement(_View.View, Object.assign({}, props, {
+        return /*#__PURE__*/_react.default.createElement(_View.View, Object.assign({}, props, {
           className: (0, _classnames.default)(classes, styles[direction]),
@@ -146,0 +144,0 @@ elementRef: elementRef,

lib/Grid/GridCol/index.js

@@ -18,8 +18,6 @@ "use strict";
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _react = _interopRequireWildcard(require("react"));
@@ -174,10 +172,10 @@
 
-var GridCol = (_dec = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var GridCol = (_dec = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(GridCol, _Component);
 
+  var _super = (0, _createSuper2.default)(GridCol);
+
   function GridCol() {
     (0, _classCallCheck2.default)(this, GridCol);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(GridCol).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -189,2 +187,4 @@
     /* eslint-disable react/require-default-props */
+
+    /* eslint-enable react/require-default-props */
     value: function startAtClass() {
@@ -258,3 +258,3 @@ return !!this.props.startAt && "startAt".concat((0, _capitalizeFirstLetter.capitalizeFirstLetter)(this.props.startAt));
       var props = (0, _omitProps.omitProps)(this.props, GridCol.propTypes);
-      return _react.default.createElement("span", Object.assign({}, props, {
+      return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, props, {
         ref: this.props.elementRef,
@@ -261,0 +261,0 @@ className: (0, _classnames.default)(classes)

lib/Grid/GridRow/index.js

@@ -22,8 +22,6 @@ "use strict";
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _react = _interopRequireWildcard(require("react"));
@@ -91,10 +89,10 @@
 **/
-var GridRow = (_dec = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var GridRow = (_dec = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(GridRow, _Component);
 
+  var _super = (0, _createSuper2.default)(GridRow);
+
   function GridRow() {
     (0, _classCallCheck2.default)(this, GridRow);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(GridRow).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -106,2 +104,4 @@
     /* eslint-disable react/require-default-props */
+
+    /* eslint-enable react/require-default-props */
     value: function startAtClass() {
@@ -147,3 +147,3 @@ return !!this.props.startAt && "startAt".concat((0, _capitalizeFirstLetter.capitalizeFirstLetter)(this.props.startAt));
       var props = (0, _omitProps.omitProps)(this.props, GridRow.propTypes);
-      return _react.default.createElement("span", Object.assign({}, props, {
+      return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, props, {
         className: (0, _classnames.default)(classes)
@@ -150,0 +150,0 @@ }), this.renderChildren());

lib/Grid/index.js

@@ -32,8 +32,6 @@ "use strict";
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _react = _interopRequireWildcard(require("react"));
@@ -90,10 +88,10 @@
 **/
-var Grid = (_dec = (0, _deprecated.deprecated)('7.0.0', null, 'Use Grid from ui-grid instead.'), _dec2 = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = _dec2(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var Grid = (_dec = (0, _deprecated.deprecated)('7.0.0', null, 'Use Grid from ui-grid instead.'), _dec2 = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = _dec2(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Grid, _Component);
 
+  var _super = (0, _createSuper2.default)(Grid);
+
   function Grid() {
     (0, _classCallCheck2.default)(this, Grid);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Grid).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -131,3 +129,3 @@
       var props = (0, _omitProps.omitProps)(this.props, Grid.propTypes);
-      return _react.default.createElement("span", Object.assign({}, props, {
+      return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, props, {
         className: (0, _classnames.default)(classes)
@@ -134,0 +132,0 @@ }), this.renderChildren());

lib/jsonToMediaQuery.js

@@ -34,2 +34,27 @@ "use strict";
  */
+
+/**
+ * ---
+ * category: utilities/layout
+ * ---
+ *
+ * Given a valid json query object, converts it to a standard media query
+ * string. Valid queries should be an object consisting of exactly one of
+ * the following `minWidth`, `maxWidth`, `minHeight`, or `maxHeight` and
+ * a value as a string or number.
+ *
+ * Example input
+ * ```js
+ * { minWidth: 350 }
+ * ```
+ * Example output
+ * ```js
+ * '(min-width: 350px)'
+ * ```
+ *
+ * @param {Object} query - an object consisting of the query type and value
+ * @param {ReactComponent|DomNode} el - component or DOM node which will be
+ *  passed to the pixel conversion if the unit type is `em`
+ * @returns {string} media query string
+ */
 function jsonToMediaQuery(query, el) {
@@ -36,0 +61,0 @@ // Ensure the query is of the correct form

lib/Media/index.js

@@ -18,8 +18,6 @@ "use strict";
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _react = _interopRequireWildcard(require("react"));
@@ -65,10 +63,10 @@
 **/
-var Media = (_dec = (0, _deprecated.deprecated)('7.0.0', null, 'Use Media from ui-byline instead.'), _dec2 = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = _dec2(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var Media = (_dec = (0, _deprecated.deprecated)('7.0.0', null, 'Use Media from ui-byline instead.'), _dec2 = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = _dec2(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Media, _Component);
 
+  var _super = (0, _createSuper2.default)(Media);
+
   function Media() {
     (0, _classCallCheck2.default)(this, Media);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Media).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -83,3 +81,3 @@
 
-      return _react.default.createElement(_View.View, Object.assign({}, passthroughProps, {
+      return /*#__PURE__*/_react.default.createElement(_View.View, Object.assign({}, passthroughProps, {
         elementRef: this.props.elementRef,
@@ -90,9 +88,9 @@ className: (0, _classnames2.default)((_classnames = {}, (0, _defineProperty2.default)(_classnames, styles.root, true), (0, _defineProperty2.default)(_classnames, styles[this.props.alignContent], true), _classnames)),
         maxWidth: this.theme[this.props.size]
-      }), _react.default.createElement("div", {
+      }), /*#__PURE__*/_react.default.createElement("div", {
         className: styles.figure
-      }, this.props.children), _react.default.createElement("figcaption", {
+      }, this.props.children), /*#__PURE__*/_react.default.createElement("figcaption", {
         className: styles.caption
-      }, this.props.title && _react.default.createElement("span", {
+      }, this.props.title && /*#__PURE__*/_react.default.createElement("span", {
         className: styles.title
-      }, this.props.title), this.props.description && _react.default.createElement("div", {
+      }, this.props.title), this.props.description && /*#__PURE__*/_react.default.createElement("div", {
         className: styles.description
@@ -99,0 +97,0 @@ }, this.props.description)));

lib/parseQuery.js

@@ -38,2 +38,19 @@ "use strict";
  */
+
+/**
+ * ---
+ * category: utilities/layout
+ * ---
+ *
+ * Given a query and an element, return a function that takes
+ * size as an argument and returns an object consisting of
+ * query names and a boolean true false if it matches.
+ *
+ * @param {Object} query - an object consisting of query names
+ *  mapped to individual queries
+ * @param {ReactComponent|DomNode} el - component or DOM node
+ * @returns {function} takes size {width, height} as an argument
+ *  and returns an object consisting of query names and boolean
+ *  true false if it matches
+ */
 function parseQuery(query, el) {
@@ -40,0 +57,0 @@ var rules = [];

lib/Position/index.js

@@ -18,8 +18,6 @@ "use strict";
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _react = _interopRequireWildcard(require("react"));
@@ -54,10 +52,10 @@
 };
-var PositionTarget = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_ComponentIdentifier) {
+var PositionTarget = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_ComponentIdentifier) {
   (0, _inherits2.default)(PositionTarget, _ComponentIdentifier);
 
+  var _super = (0, _createSuper2.default)(PositionTarget);
+
   function PositionTarget() {
     (0, _classCallCheck2.default)(this, PositionTarget);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(PositionTarget).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -68,10 +66,10 @@
 exports.PositionTarget = PositionTarget;
-var PositionContent = (_dec2 = (0, _testable.testable)(), _dec2(_class3 = (_temp2 = _class4 =
-/*#__PURE__*/
-function (_ComponentIdentifier2) {
+var PositionContent = (_dec2 = (0, _testable.testable)(), _dec2(_class3 = (_temp2 = _class4 = /*#__PURE__*/function (_ComponentIdentifier2) {
   (0, _inherits2.default)(PositionContent, _ComponentIdentifier2);
 
+  var _super2 = (0, _createSuper2.default)(PositionContent);
+
   function PositionContent() {
     (0, _classCallCheck2.default)(this, PositionContent);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(PositionContent).apply(this, arguments));
+    return _super2.apply(this, arguments);
   }
@@ -92,10 +90,10 @@
 exports.PositionContent = PositionContent;
-var Position = (_dec3 = (0, _deprecated.deprecated)('7.0.0', null, 'Use @instructure/ui-position instead'), _dec4 = (0, _testable.testable)(), _dec5 = (0, _themeable.themeable)(_theme.default, styles), _dec3(_class5 = _dec4(_class5 = _dec5(_class5 = (_temp3 = _class6 =
-/*#__PURE__*/
-function (_Component) {
+var Position = (_dec3 = (0, _deprecated.deprecated)('7.0.0', null, 'Use @instructure/ui-position instead'), _dec4 = (0, _testable.testable)(), _dec5 = (0, _themeable.themeable)(_theme.default, styles), _dec3(_class5 = _dec4(_class5 = _dec5(_class5 = (_temp3 = _class6 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Position, _Component);
 
+  var _super3 = (0, _createSuper2.default)(Position);
+
   function Position() {
     (0, _classCallCheck2.default)(this, Position);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Position).apply(this, arguments));
+    return _super3.apply(this, arguments);
   }
@@ -126,3 +124,3 @@
 
-      return _react.default.createElement(_Position.Position, Object.assign({}, passthroughProps, {
+      return /*#__PURE__*/_react.default.createElement(_Position.Position, Object.assign({}, passthroughProps, {
         target: target,
@@ -129,0 +127,0 @@ renderTarget: renderTarget,

lib/Responsive/index.js

@@ -14,8 +14,6 @@ "use strict";
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _console = require("@instructure/console");
@@ -41,10 +39,14 @@
 
-var Responsive = (_dec = (0, _deprecated.deprecated)('7.0.0', null, 'Use @instructure/ui-responsive instead'), _dec(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+/**
+---
+category: components/utilities/deprecated
+id: DeprecatedResponsive
+---
+**/
+var Responsive = (_dec = (0, _deprecated.deprecated)('7.0.0', null, 'Use @instructure/ui-responsive instead'), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Responsive, _Component);
 
+  var _super = (0, _createSuper2.default)(Responsive);
+
   function Responsive() {
-    var _getPrototypeOf2;
-
     var _this;
@@ -58,3 +60,3 @@
 
-    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(Responsive)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
     _this._matchListener = null;
@@ -82,5 +84,3 @@ _this.state = {
       /*#__PURE__*/
-      (
-      /*#__PURE__*/
-      0, _console.error)(this.props.render || this.props.children, "[Responsive] must have either a `render` prop or `children` prop.");
+      ( /*#__PURE__*/0, _console.error)(this.props.render || this.props.children, "[Responsive] must have either a `render` prop or `children` prop.");
     }
@@ -139,5 +139,3 @@ }, {
           /*#__PURE__*/
-          (
-          /*#__PURE__*/
-          0, _console.error)(!(prop in mergedProps), ["[Responsive] The prop `".concat(prop, "` is defined at 2 or more breakpoints"), "which are currently applied at the same time. Its current value, `".concat(mergedProps[prop], "`,"), "will be overwritten as `".concat(matchProps[prop], "`.")].join(' '));
+          ( /*#__PURE__*/0, _console.error)(!(prop in mergedProps), ["[Responsive] The prop `".concat(prop, "` is defined at 2 or more breakpoints"), "which are currently applied at the same time. Its current value, `".concat(mergedProps[prop], "`,"), "will be overwritten as `".concat(matchProps[prop], "`.")].join(' '));
           mergedProps[prop] = matchProps[prop];
@@ -144,0 +142,0 @@ });

lib/View/index.js

@@ -20,8 +20,6 @@ "use strict";
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _console = require("@instructure/console");
@@ -129,10 +127,8 @@
 **/
-var View = (_dec = (0, _bidirectional.bidirectional)(), _dec2 = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = _dec2(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+var View = (_dec = (0, _bidirectional.bidirectional)(), _dec2 = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = _dec2(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(View, _Component);
 
+  var _super = (0, _createSuper2.default)(View);
+
   function View() {
-    var _getPrototypeOf2;
-
     var _this;
@@ -146,3 +142,3 @@
 
-    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(View)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
@@ -173,7 +169,3 @@ _this.handleElementRef = function (el) {
         /*#__PURE__*/
-        (
-        /*#__PURE__*/
-        0, _console.error)(!
-        /*#__PURE__*/
-        function verifySpanMargin(element, margin) {
+        ( /*#__PURE__*/0, _console.error)(! /*#__PURE__*/function verifySpanMargin(element, margin) {
           if (!element) {
@@ -232,3 +224,3 @@ return;
       var classes = (0, _classnames.default)((0, _objectSpread4.default)((_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, styles.root, true), (0, _defineProperty2.default)(_objectSpread2, styles.debug, debug), (0, _defineProperty2.default)(_objectSpread2, styles.hasBorder, this.hasBorder), (0, _defineProperty2.default)(_objectSpread2, styles["borderColor--".concat(borderColor)], this.hasBorder && borderColor !== 'inverse'), (0, _defineProperty2.default)(_objectSpread2, styles['borderColor--inverse'], this.hasBorder && background === 'inverse'), (0, _defineProperty2.default)(_objectSpread2, styles["textAlign--".concat(textAlign)], textAlign), (0, _defineProperty2.default)(_objectSpread2, styles["background--".concat(background)], background), (0, _defineProperty2.default)(_objectSpread2, styles["display--".concat(display)], display && display !== 'auto'), (0, _defineProperty2.default)(_objectSpread2, styles["overflowX--".concat(overflowX)], overflowX && overflowX !== 'visible'), (0, _defineProperty2.default)(_objectSpread2, styles["overflowY--".concat(overflowY)], overflowY && overflowY !== 'visible'), (0, _defineProperty2.default)(_objectSpread2, styles["size--".concat(size)], size && size !== 'auto'), (0, _defineProperty2.default)(_objectSpread2, styles["stacking--".concat(stacking)], stacking), (0, _defineProperty2.default)(_objectSpread2, styles["shadow--".concat(shadow)], shadow && shadow !== 'none'), (0, _defineProperty2.default)(_objectSpread2, styles["position--".concat(position)], position !== 'static'), (0, _defineProperty2.default)(_objectSpread2, styles.focused, this.isFocused), _objectSpread2), focusOutlineClasses, (0, _defineProperty2.default)({}, className, className)));
-      return _react.default.createElement(ElementType, Object.assign({}, (0, _omitProps.omitProps)(this.props, View.propTypes), {
+      return /*#__PURE__*/_react.default.createElement(ElementType, Object.assign({}, (0, _omitProps.omitProps)(this.props, View.propTypes), {
         className: classes,
@@ -258,5 +250,3 @@ style: (0, _objectSpread4.default)({}, this.spacingStyle, {}, this.borderStyle, {}, this.offsetStyle, {
           /*#__PURE__*/
-          (
-          /*#__PURE__*/
-          0, _console.error)(position === 'relative', '[View] the focus ring will only display if the `position` prop is `relative`.');
+          ( /*#__PURE__*/0, _console.error)(position === 'relative', '[View] the focus ring will only display if the `position` prop is `relative`.');
           return false;
@@ -555,5 +545,3 @@ }
       /*#__PURE__*/
-      (
-      /*#__PURE__*/
-      0, _console.error)(false, "[".concat(Component.displayName, "] prop '").concat(prop, "' is not allowed."));
+      ( /*#__PURE__*/0, _console.error)(false, "[".concat(Component.displayName, "] prop '").concat(prop, "' is not allowed."));
     });
@@ -560,0 +548,0 @@ }

package.json

 {
   "name": "@instructure/ui-layout",
-  "version": "6.24.1-rc.4+8145d53e9",
+  "version": "6.24.1-rc.5+9dd33d3ce",
   "description": "A UI component library made by Instructure Inc.",
@@ -25,25 +25,25 @@ "author": "Instructure, Inc. Engineering and Product Design",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "6.24.1-rc.4+8145d53e9",
-    "@instructure/ui-test-locator": "6.24.1-rc.4+8145d53e9",
-    "@instructure/ui-test-utils": "6.24.1-rc.4+8145d53e9"
+    "@instructure/ui-babel-preset": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/ui-test-locator": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/ui-test-utils": "6.24.1-rc.5+9dd33d3ce"
   },
   "dependencies": {
-    "@babel/runtime": "^7.5.0",
-    "@instructure/console": "6.24.1-rc.4+8145d53e9",
-    "@instructure/debounce": "6.24.1-rc.4+8145d53e9",
-    "@instructure/ui-a11y-content": "6.24.1-rc.4+8145d53e9",
-    "@instructure/ui-color-utils": "6.24.1-rc.4+8145d53e9",
-    "@instructure/ui-dialog": "6.24.1-rc.4+8145d53e9",
-    "@instructure/ui-dom-utils": "6.24.1-rc.4+8145d53e9",
-    "@instructure/ui-i18n": "6.24.1-rc.4+8145d53e9",
-    "@instructure/ui-motion": "6.24.1-rc.4+8145d53e9",
-    "@instructure/ui-portal": "6.24.1-rc.4+8145d53e9",
-    "@instructure/ui-position": "6.24.1-rc.4+8145d53e9",
-    "@instructure/ui-prop-types": "6.24.1-rc.4+8145d53e9",
-    "@instructure/ui-react-utils": "6.24.1-rc.4+8145d53e9",
-    "@instructure/ui-testable": "6.24.1-rc.4+8145d53e9",
-    "@instructure/ui-themeable": "6.24.1-rc.4+8145d53e9",
-    "@instructure/ui-utils": "6.24.1-rc.4+8145d53e9",
-    "@instructure/ui-view": "6.24.1-rc.4+8145d53e9",
-    "@instructure/uid": "6.24.1-rc.4+8145d53e9",
+    "@babel/runtime": "^7.9.2",
+    "@instructure/console": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/debounce": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/ui-a11y-content": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/ui-color-utils": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/ui-dialog": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/ui-dom-utils": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/ui-i18n": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/ui-motion": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/ui-portal": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/ui-position": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/ui-prop-types": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/ui-react-utils": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/ui-testable": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/ui-themeable": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/ui-utils": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/ui-view": "6.24.1-rc.5+9dd33d3ce",
+    "@instructure/uid": "6.24.1-rc.5+9dd33d3ce",
     "classnames": "^2",
@@ -59,3 +59,3 @@ "prop-types": "^15"
   "sideEffects": false,
-  "gitHead": "8145d53e99e7e27005b8554e697a3ebd24ba665e"
+  "gitHead": "9dd33d3cea1c077cd78b5259c33880d121f4431d"
 }

New alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

784989

increased by0.29%

Lines of code

15823

increased by0.53%

Dependency changes

• Updated@babel/runtime@^7.9.2

• Updated@instructure/console@6.24.1-rc.5+9dd33d3ce

• Updated@instructure/debounce@6.24.1-rc.5+9dd33d3ce

• Updated@instructure/ui-a11y-content@6.24.1-rc.5+9dd33d3ce

• Updated@instructure/ui-color-utils@6.24.1-rc.5+9dd33d3ce

• Updated@instructure/ui-dialog@6.24.1-rc.5+9dd33d3ce

• Updated@instructure/ui-dom-utils@6.24.1-rc.5+9dd33d3ce

• Updated@instructure/ui-i18n@6.24.1-rc.5+9dd33d3ce

• Updated@instructure/ui-motion@6.24.1-rc.5+9dd33d3ce

• Updated@instructure/ui-portal@6.24.1-rc.5+9dd33d3ce

• Updated@instructure/ui-position@6.24.1-rc.5+9dd33d3ce

• Updated@instructure/ui-prop-types@6.24.1-rc.5+9dd33d3ce

• Updated@instructure/ui-react-utils@6.24.1-rc.5+9dd33d3ce

• Updated@instructure/ui-testable@6.24.1-rc.5+9dd33d3ce

• Updated@instructure/ui-themeable@6.24.1-rc.5+9dd33d3ce

• Updated@instructure/ui-utils@6.24.1-rc.5+9dd33d3ce

• Updated@instructure/ui-view@6.24.1-rc.5+9dd33d3ce

• Updated@instructure/uid@6.24.1-rc.5+9dd33d3ce