@instructure/ui-menu 8.18.0 → 8.18.1-snapshot.12

package/lib/Menu/MenuItemSeparator/theme.js

@@ -39,9 +39,9 @@ const generateComponentTheme = theme => {
         spacing = theme.spacing,
         borders = theme.borders;
   const componentVariables = {
-    background: colors?.backgroundMedium,
-    height: borders?.widthSmall,
-    margin: `0 ${spacing?.small}`
+    background: colors === null || colors === void 0 ? void 0 : colors.backgroundMedium,
+    height: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
+    margin: `0 ${spacing === null || spacing === void 0 ? void 0 : spacing.small}`
   };
   return { ...componentVariables
   };

package/lib/Menu/index.js

@@ -225,11 +225,15 @@ let Menu = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0,
   }
 
   componentDidMount() {
-    this.props.makeStyles?.();
+    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() {
-    this.props.makeStyles?.();
+    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 menuItems() {
@@ -238,11 +242,15 @@ let Menu = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0,
 
   focus() {
     if (this.shown) {
-      (0, _console.logError)(!!this._menu?.focus, '[Menu] Could not focus the menu.');
+      var _this$_menu;
+
+      (0, _console.logError)(!!((_this$_menu = this._menu) !== null && _this$_menu !== void 0 && _this$_menu.focus), '[Menu] Could not focus the menu.');
 
       this._menu.focus();
     } else {
-      (0, _console.logError)(!!this._trigger?.focus, '[Menu] Could not focus the trigger.');
+      var _this$_trigger;
+
+      (0, _console.logError)(!!((_this$_trigger = this._trigger) !== null && _this$_trigger !== void 0 && _this$_trigger.focus), '[Menu] Could not focus the trigger.');
 
       this._trigger.focus();
     }
@@ -280,9 +288,9 @@ let Menu = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0,
   }
 
   renderChildren() {
-    const _this$props = this.props,
-          children = _this$props.children,
-          disabled = _this$props.disabled;
+    const _this$props3 = this.props,
+          children = _this$props3.children,
+          disabled = _this$props3.disabled;
     let count = 0;
     return _react.Children.map(children, child => {
       if (!(0, _matchComponentTypes.matchComponentTypes)(child, ['MenuItemSeparator', 'MenuItem', 'MenuItemGroup', 'Menu'])) {
@@ -362,11 +370,13 @@ let Menu = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0,
   }
 
   renderMenu() {
-    const _this$props2 = this.props,
-          disabled = _this$props2.disabled,
-          label = _this$props2.label,
-          trigger = _this$props2.trigger,
-          onKeyUp = _this$props2.onKeyUp;
+    var _this$props$styles;
+
+    const _this$props4 = this.props,
+          disabled = _this$props4.disabled,
+          label = _this$props4.label,
+          trigger = _this$props4.trigger,
+          onKeyUp = _this$props4.onKeyUp;
     const labelledBy = this.props['aria-labelledby'];
     const controls = this.props['aria-controls'];
     return (0, _emotion.jsx)(_MenuContext.MenuContext.Provider, {
@@ -378,7 +388,7 @@ let Menu = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0,
       role: "menu",
       "aria-label": label,
       tabIndex: 0,
-      css: this.props.styles?.menu,
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.menu,
       "aria-labelledby": labelledBy || (trigger ? this._labelId : void 0),
       "aria-controls": controls,
       "aria-disabled": disabled ? 'true' : void 0,
@@ -389,20 +399,20 @@ let Menu = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0,
   }
 
   render() {
-    const _this$props3 = this.props,
-          show = _this$props3.show,
-          defaultShow = _this$props3.defaultShow,
-          placement = _this$props3.placement,
-          withArrow = _this$props3.withArrow,
-          trigger = _this$props3.trigger,
-          mountNode = _this$props3.mountNode,
-          popoverRef = _this$props3.popoverRef,
-          disabled = _this$props3.disabled,
-          onDismiss = _this$props3.onDismiss,
-          onFocus = _this$props3.onFocus,
-          onMouseOver = _this$props3.onMouseOver,
-          offsetX = _this$props3.offsetX,
-          offsetY = _this$props3.offsetY;
+    const _this$props5 = this.props,
+          show = _this$props5.show,
+          defaultShow = _this$props5.defaultShow,
+          placement = _this$props5.placement,
+          withArrow = _this$props5.withArrow,
+          trigger = _this$props5.trigger,
+          mountNode = _this$props5.mountNode,
+          popoverRef = _this$props5.popoverRef,
+          disabled = _this$props5.disabled,
+          onDismiss = _this$props5.onDismiss,
+          onFocus = _this$props5.onFocus,
+          onMouseOver = _this$props5.onMouseOver,
+          offsetX = _this$props5.offsetX,
+          offsetY = _this$props5.offsetY;
     return trigger ? (0, _emotion.jsx)(_Popover.Popover, {
       isShowingContent: show,
       defaultIsShowingContent: defaultShow,
@@ -437,7 +447,7 @@ let Menu = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0,
       renderTrigger: (0, _safeCloneElement.safeCloneElement)(trigger, {
         ref: el => {
           this._trigger = el;
-          this.ref = el?.ref || el;
+          this.ref = (el === null || el === void 0 ? void 0 : el.ref) || el;
         },
         'aria-haspopup': true,
         id: this._labelId,

package/lib/Menu/theme.js

@@ -39,13 +39,13 @@ const generateComponentTheme = theme => {
         breakpoints = theme.breakpoints,
         borders = theme.borders;
   const componentVariables = {
-    minWidth: breakpoints?.xxSmall,
-    maxWidth: breakpoints?.xSmall,
-    background: colors?.backgroundLightest,
-    focusBorderStyle: borders?.style,
-    focusBorderWidth: borders?.widthMedium,
-    focusBorderColor: colors?.borderBrand,
-    focusBorderRadius: borders?.radiusMedium
+    minWidth: breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.xxSmall,
+    maxWidth: breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.xSmall,
+    background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
+    focusBorderStyle: borders === null || borders === void 0 ? void 0 : borders.style,
+    focusBorderWidth: borders === null || borders === void 0 ? void 0 : borders.widthMedium,
+    focusBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderBrand,
+    focusBorderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium
   };
   return { ...componentVariables
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-menu",
-  "version": "8.18.0",
+  "version": "8.18.1-snapshot.12+ca14b3dc8",
   "description": "A dropdown menu component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,27 +23,27 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.18.0",
-    "@instructure/ui-color-utils": "8.18.0",
-    "@instructure/ui-test-locator": "8.18.0",
-    "@instructure/ui-test-queries": "8.18.0",
-    "@instructure/ui-test-utils": "8.18.0",
-    "@instructure/ui-themes": "8.18.0"
+    "@instructure/ui-babel-preset": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-color-utils": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-test-locator": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-test-queries": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-test-utils": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-themes": "8.18.1-snapshot.12+ca14b3dc8"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.18.0",
-    "@instructure/emotion": "8.18.0",
-    "@instructure/shared-types": "8.18.0",
-    "@instructure/ui-a11y-utils": "8.18.0",
-    "@instructure/ui-dom-utils": "8.18.0",
-    "@instructure/ui-icons": "8.18.0",
-    "@instructure/ui-popover": "8.18.0",
-    "@instructure/ui-position": "8.18.0",
-    "@instructure/ui-prop-types": "8.18.0",
-    "@instructure/ui-react-utils": "8.18.0",
-    "@instructure/ui-testable": "8.18.0",
-    "@instructure/ui-utils": "8.18.0",
+    "@instructure/console": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/emotion": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/shared-types": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-a11y-utils": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-dom-utils": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-icons": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-popover": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-position": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-prop-types": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-react-utils": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-testable": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-utils": "8.18.1-snapshot.12+ca14b3dc8",
     "keycode": "^2",
     "prop-types": "^15"
   },
@@ -53,5 +53,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "ca14b3dc8f0315daef7b86aa05f711e6d6684c58"
 }