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

package/LICENSE.md

@@ -0,0 +1,27 @@
+---
+title: The MIT License (MIT)
+category: Getting Started
+order: 9
+---
+
+# The MIT License (MIT)
+
+Copyright (c) 2015 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.

package/es/Position/index.js

@@ -104,11 +104,15 @@ let Position = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, g
   }
 
   componentDidMount() {
+    var _this$props$makeStyle, _this$props;
+
     this.toggleLocatorAttributes(true);
-    this.props.makeStyles?.();
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
   componentDidUpdate(prevProps, prevState) {
+    var _this$props$makeStyle2, _this$props2;
+
     this.position();
     this.toggleLocatorAttributes(true);
 
@@ -128,7 +132,7 @@ let Position = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, g
       });
     }
 
-    this.props.makeStyles?.();
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
 
   componentWillUnmount() {
@@ -191,13 +195,15 @@ let Position = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, g
     let content = ensureSingleChild(this.props.children);
 
     if (content) {
+      var _this$props$styles;
+
       content = safeCloneElement(content, {
         ref: el => {
           this._content = el;
         },
         style: {
           boxSizing: 'border-box',
-          zIndex: this.props.styles?.zIndex,
+          zIndex: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.zIndex,
           ...content.props.style,
           ...this.state.style
         },

package/es/Position/theme.js

@@ -30,7 +30,7 @@
 const generateComponentTheme = theme => {
   const stacking = theme.stacking;
   const componentVariables = {
-    zIndex: stacking?.topmost
+    zIndex: stacking === null || stacking === void 0 ? void 0 : stacking.topmost
   };
   return { ...componentVariables
   };

package/es/calculateElementPosition.js

@@ -288,7 +288,7 @@ class PositionData {
         left = _addOffsets.left,
         top = _addOffsets.top;
 
-    if (canUseDOM && win?.matchMedia) {
+    if (canUseDOM && win !== null && win !== void 0 && win.matchMedia) {
       const retina = win.matchMedia('only screen and (min-resolution: 1.3dppx)').matches || win.matchMedia('only screen and (-webkit-min-device-pixel-ratio: 1.3)').matches;
 
       if (!retina) {

package/lib/Position/index.js

@@ -109,11 +109,15 @@ let Position = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
   }
 
   componentDidMount() {
+    var _this$props$makeStyle, _this$props;
+
     this.toggleLocatorAttributes(true);
-    this.props.makeStyles?.();
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
   componentDidUpdate(prevProps, prevState) {
+    var _this$props$makeStyle2, _this$props2;
+
     this.position();
     this.toggleLocatorAttributes(true);
 
@@ -133,7 +137,7 @@ let Position = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
       });
     }
 
-    this.props.makeStyles?.();
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
 
   componentWillUnmount() {
@@ -196,13 +200,15 @@ let Position = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
     let content = (0, _ensureSingleChild.ensureSingleChild)(this.props.children);
 
     if (content) {
+      var _this$props$styles;
+
       content = (0, _safeCloneElement.safeCloneElement)(content, {
         ref: el => {
           this._content = el;
         },
         style: {
           boxSizing: 'border-box',
-          zIndex: this.props.styles?.zIndex,
+          zIndex: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.zIndex,
           ...content.props.style,
           ...this.state.style
         },

package/lib/Position/theme.js

@@ -37,7 +37,7 @@ exports.default = void 0;
 const generateComponentTheme = theme => {
   const stacking = theme.stacking;
   const componentVariables = {
-    zIndex: stacking?.topmost
+    zIndex: stacking === null || stacking === void 0 ? void 0 : stacking.topmost
   };
   return { ...componentVariables
   };

package/lib/calculateElementPosition.js

@@ -312,7 +312,7 @@ class PositionData {
         left = _addOffsets.left,
         top = _addOffsets.top;
 
-    if (_canUseDOM.canUseDOM && win?.matchMedia) {
+    if (_canUseDOM.canUseDOM && win !== null && win !== void 0 && win.matchMedia) {
       const retina = win.matchMedia('only screen and (min-resolution: 1.3dppx)').matches || win.matchMedia('only screen and (-webkit-min-device-pixel-ratio: 1.3)').matches;
 
       if (!retina) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-position",
-  "version": "8.18.0",
+  "version": "8.18.1-snapshot.12+ca14b3dc8",
   "description": "A component for positioning content with respect to a designated target.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,24 +24,24 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/debounce": "8.18.0",
-    "@instructure/emotion": "8.18.0",
-    "@instructure/shared-types": "8.18.0",
-    "@instructure/ui-dom-utils": "8.18.0",
-    "@instructure/ui-portal": "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/uid": "8.18.0",
+    "@instructure/debounce": "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-dom-utils": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-portal": "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",
+    "@instructure/uid": "8.18.1-snapshot.12+ca14b3dc8",
     "prop-types": "^15"
   },
   "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-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-utils": "8.18.1-snapshot.12+ca14b3dc8",
+    "@instructure/ui-themes": "8.18.1-snapshot.12+ca14b3dc8"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -49,5 +49,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "ca14b3dc8f0315daef7b86aa05f711e6d6684c58"
 }