@instructure/ui-position 8.33.1 → 8.33.2

package/lib/calculateElementPosition.js

@@ -1,32 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.calculateElementPosition = calculateElementPosition;
 exports.default = void 0;
 exports.parsePlacement = parsePlacement;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
-
 var _getScrollParents = require("@instructure/ui-dom-utils/lib/getScrollParents.js");
-
 var _getOffsetParents = require("@instructure/ui-dom-utils/lib/getOffsetParents.js");
-
 var _canUseDOM = require("@instructure/ui-dom-utils/lib/canUseDOM.js");
-
 var _findDOMNode = require("@instructure/ui-dom-utils/lib/findDOMNode.js");
-
 var _ownerDocument = require("@instructure/ui-dom-utils/lib/ownerDocument.js");
-
 var _ownerWindow = require("@instructure/ui-dom-utils/lib/ownerWindow.js");
-
 var _mirrorPlacement = require("./mirrorPlacement");
-
 /*
  * The MIT License (MIT)
  *
@@ -50,9 +39,9 @@ var _mirrorPlacement = require("./mirrorPlacement");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 function calculateElementPosition(element, target) {
   let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-
   if (!element || options.placement === 'offscreen') {
     // hide offscreen content at the bottom of the DOM from screenreaders
     // unless content is contained somewhere else
@@ -68,14 +57,12 @@ function calculateElementPosition(element, target) {
       }
     };
   }
-
   const pos = new PositionData(element, target, options);
   return {
     placement: pos.placement,
     style: pos.style
   };
 }
-
 class PositionedElement {
   constructor(element, placement) {
     let offset = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
@@ -87,7 +74,6 @@ class PositionedElement {
     this.rect = void 0;
     this._offset = void 0;
     this.node = (0, _findDOMNode.findDOMNode)(element);
-
     if (typeof placement === 'string') {
       this.placement = parsePlacement(placement);
     } else if (Array.isArray(placement)) {
@@ -95,53 +81,42 @@ class PositionedElement {
     } else {
       this.placement = ['bottom', 'center'];
     }
-
     this.rect = (0, _getBoundingClientRect.getBoundingClientRect)(this.node);
     this._offset = offsetToPx(offset, this.size, this.node);
   }
-
   get width() {
     return this.rect.width;
   }
-
   get height() {
     return this.rect.height;
   }
-
   get size() {
     return {
       width: this.width,
       height: this.height
     };
   }
-
   get position() {
     return {
       top: this.rect.top,
       left: this.rect.left
     };
   }
-
   get hasVerticalPlacement() {
     return ['top', 'bottom'].indexOf(this.placement[0]) >= 0;
   }
-
   get hasHorizontalPlacement() {
     return ['start', 'end'].indexOf(this.placement[0]) >= 0;
   }
-
   get shouldStretchVertically() {
     return this.placement[1] === 'stretch' && this.hasVerticalPlacement;
   }
-
   get shouldStretchHorizontally() {
     return this.placement[1] === 'stretch' && this.hasHorizontalPlacement;
   }
-
   get mirroredPlacement() {
     return (0, _mirrorPlacement.mirrorPlacement)(this.placement);
   }
-
   calculateOffset(placement) {
     const offsetMap = {
       top: 0,
@@ -151,103 +126,86 @@ class PositionedElement {
       end: '100%',
       stretch: 0
     };
-
     let _placement = (0, _slicedToArray2.default)(placement, 2),
-        first = _placement[0],
-        second = _placement[1];
-
+      first = _placement[0],
+      second = _placement[1];
     if (['start', 'end'].indexOf(first) >= 0) {
       ;
       var _ref = [second, first];
       first = _ref[0];
       second = _ref[1];
     }
-
     let top = 0;
     let left = 0;
-
     if (typeof offsetMap[first] !== 'undefined') {
       top = offsetMap[first];
     }
-
     if (typeof offsetMap[second] !== 'undefined') {
       left = offsetMap[second];
     }
-
     return addOffsets([offsetToPx({
       top,
       left
     }, this.size, this.node), parseOffset(this._offset, this.placement)]);
   }
-
   get scrollParentsOffset() {
     const parents = (0, _getScrollParents.getScrollParents)(this.node);
     let offsetY = 0;
     let offsetX = 0;
-
     for (let i = 1; i < parents.length; i++) {
       const parent = parents[i];
       const child = parents[i - 1];
-
       if (parent) {
         offsetY = offsetY + (this.normalizeScrollTop(parent) - this.normalizeScrollTop(child));
         offsetX = offsetX + (parent.scrollLeft - child.scrollLeft);
       }
     }
-
     return {
       top: offsetY,
       left: offsetX
     };
   }
-
   get positionedParentsOffset() {
     // If the element container is within a positioned
     // element, it will position absolutely with respect to that
     // ancestor. We calculate the offset between the child and
     // positioned parent so we can negate that distance
     const parents = (0, _getOffsetParents.getOffsetParents)(this.node);
-    const doc = (0, _ownerDocument.ownerDocument)(this.node); // If there is more than one parent, the offset on the
+    const doc = (0, _ownerDocument.ownerDocument)(this.node);
+
+    // If there is more than one parent, the offset on the
     // documentElement should be calculated appropriately.
     // Otherwise we need to explictly account for that offset
-
     let offsetY = parents.length > 1 ? 0 : (0, _getBoundingClientRect.getBoundingClientRect)(doc.documentElement).top;
     let offsetX = 0;
     let scrollY = 0;
-
     for (let i = 1; i < parents.length; i++) {
       const parent = (0, _getBoundingClientRect.getBoundingClientRect)(parents[i]);
       const child = (0, _getBoundingClientRect.getBoundingClientRect)(parents[i - 1]);
       offsetY = offsetY + (child.top - parent.top);
       offsetX = offsetX + (child.left - parent.left);
-
       if (parents[i] === doc.body) {
         // accounts for any margin on body
         offsetY = offsetY + parent.top;
         offsetX = offsetX + parent.left;
       }
-
       scrollY = scrollY + this.normalizeScrollTop(parents[i]);
-    } // Account for any scrolling on positioned parents
+    }
+    // Account for any scrolling on positioned parents
     // Without this, unnecessary scroll offset could be applied
     // to our target element
-
-
     offsetY = offsetY + scrollY;
     return {
       top: offsetY,
       left: offsetX
     };
   }
-
   normalizeScrollTop(element) {
     // Account for cross browser differences with scrollTop attribute on the
     // body element https://bugs.chromium.org/p/chromium/issues/detail?id=766938
     return (0, _ownerDocument.ownerDocument)(this.node).body === element ? 0 : element.scrollTop;
   }
-
 }
-
 class PositionData {
   constructor(element, target, options) {
     this.options = void 0;
@@ -256,10 +214,10 @@ class PositionData {
     this.target = void 0;
     this.options = options || {};
     const _this$options = this.options,
-          container = _this$options.container,
-          constrain = _this$options.constrain,
-          placement = _this$options.placement,
-          over = _this$options.over;
+      container = _this$options.container,
+      constrain = _this$options.constrain,
+      placement = _this$options.placement,
+      over = _this$options.over;
     if (!element || placement === 'offscreen') return;
     this.container = container || (0, _ownerDocument.ownerDocument)(element).body;
     this.element = new PositionedElement(element, placement, {
@@ -267,7 +225,6 @@ class PositionData {
       left: this.options.offsetX
     });
     this.target = new PositionedElement(target || this.container, over ? this.element.placement : this.element.mirroredPlacement);
-
     if (constrain === 'window') {
       this.constrainTo((0, _ownerWindow.ownerWindow)(element));
     } else if (constrain === 'scroll-parent') {
@@ -280,59 +237,48 @@ class PositionData {
       this.constrainTo((0, _findDOMNode.findDOMNode)(constrain));
     }
   }
-
   get offset() {
     const _this$target$calculat = this.target.calculateOffset(this.element.placement),
-          top = _this$target$calculat.top,
-          left = _this$target$calculat.left;
-
+      top = _this$target$calculat.top,
+      left = _this$target$calculat.left;
     const offset = addOffsets([this.element.calculateOffset(this.target.placement), this.element.scrollParentsOffset, this.element.positionedParentsOffset]);
     return {
       top: top - offset.top,
       left: left - offset.left
     };
   }
-
   get placement() {
     return formatPlacement(this.element.placement);
   }
-
   get minWidth() {
     return this.element.shouldStretchVertically ? this.target.width : null;
   }
-
   get minHeight() {
     return this.element.shouldStretchHorizontally ? this.target.height : null;
   }
-
   get position() {
     const win = (0, _ownerWindow.ownerWindow)(this.target.node);
-
     let _addOffsets = addOffsets([this.target.position, this.offset]),
-        left = _addOffsets.left,
-        top = _addOffsets.top;
-
+      left = _addOffsets.left,
+      top = _addOffsets.top;
     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) {
         left = Math.round(left);
         top = Math.round(top);
       }
     }
-
     return {
       left,
       top
     };
   }
-
   get style() {
     // when rendered offscreen first, element has no dimension on first calculation,
     // so we hide it offscreen until measurements are completed
     const _this$element$size = this.element.size,
-          width = _this$element$size.width,
-          height = _this$element$size.height;
+      width = _this$element$size.width,
+      height = _this$element$size.height;
     const elementNotFullyRendered = width === 0 && height === 0;
     return {
       top: 0,
@@ -343,7 +289,6 @@ class PositionData {
       transform: `translateX(${this.position.left}px) translateY(${this.position.top}px) translateZ(0)`
     };
   }
-
   overflow(element) {
     const parentWindow = (0, _ownerWindow.ownerWindow)(element);
     const elementBounds = (0, _getBoundingClientRect.getBoundingClientRect)(element);
@@ -356,33 +301,31 @@ class PositionData {
     let left = offsets.left + parentOffset.left;
     let right = offsets.left + this.element.width + parentOffset.left;
     let top = offsets.top + parentOffset.top;
-    let bottom = offsets.top + this.element.height + parentOffset.top; // adjust for vertical placements
+    let bottom = offsets.top + this.element.height + parentOffset.top;
 
+    // adjust for vertical placements
     if (this.element.placement[0] === 'bottom') {
       top -= this.element.height + this.target.height;
     } else if (this.element.placement[0] === 'top') {
       bottom += this.element.height + this.target.height;
     }
-
     if (this.element.placement[1] === 'start') {
       left -= this.element.width - this.target.width;
     } else if (this.element.placement[1] === 'end') {
       right += this.element.width - this.target.width;
-    } // adjust for horizontal placements
-
+    }
 
+    // adjust for horizontal placements
     if (this.element.placement[1] === 'top') {
       top -= this.element.height - this.target.height;
     } else if (this.element.placement[1] === 'bottom') {
       bottom += this.element.height - this.target.height;
     }
-
     if (this.element.placement[0] === 'end') {
       left -= this.element.width + this.target.width;
     } else if (this.element.placement[0] === 'start') {
       right += this.element.width + this.target.width;
     }
-
     const bounds = element === parentWindow ? elementBounds : {
       top: windowBounds.top + elementBounds.top,
       bottom: elementBounds.top + elementBounds.height,
@@ -396,7 +339,6 @@ class PositionData {
       right: right > bounds.right ? right - bounds.right : 0
     };
   }
-
   constrainTo(element) {
     if (!element) return;
     const overflow = this.overflow(element);
@@ -406,7 +348,6 @@ class PositionData {
       left: overflow.left > 0,
       right: overflow.right > 0
     };
-
     if (this.element.hasVerticalPlacement) {
       if (this.element.placement[1] !== 'stretch') {
         if (oob.left && oob.right) {
@@ -420,7 +361,6 @@ class PositionData {
           this.target.placement[1] = 'end';
         }
       }
-
       if (oob.top && oob.bottom) {
         // if top and bottom bounds broken
         if (overflow.bottom < overflow.top) {
@@ -452,7 +392,6 @@ class PositionData {
         this.element.placement[1] = 'bottom';
         this.target.placement[1] = 'bottom';
       }
-
       if (oob.left && oob.right) {
         // if left and right bounds broken
         if (overflow.left > overflow.right) {
@@ -475,9 +414,7 @@ class PositionData {
       }
     }
   }
-
 }
-
 function addOffsets(offsets) {
   return offsets.reduce((sum, offset) => {
     return {
@@ -489,88 +426,73 @@ function addOffsets(offsets) {
     left: 0
   });
 }
-
 function parseOffset(offset, placement) {
   let top = offset.top,
-      left = offset.left;
-
+    left = offset.left;
   if (typeof left === 'string') {
     left = parseFloat(left);
   }
-
   if (typeof top === 'string') {
     top = parseFloat(top);
   }
-
   if (placement[0] === 'bottom') {
     top = 0 - top;
   }
-
   if (placement[0] === 'end') {
     left = 0 - left;
   }
-
   return {
     top,
     left
   };
 }
-
-function offsetToPx(offset, size, // @ts-expect-error will be needed for the TODO below
+function offsetToPx(offset, size,
+// @ts-expect-error will be needed for the TODO below
 node) {
   let left = offset.left,
-      top = offset.top;
-
+    top = offset.top;
   if (typeof left === 'string') {
     if (left.indexOf('%') !== -1) {
       left = parseFloat(left) / 100 * size.width;
-    } else {// TODO this fixes INSTUI-3505, but it is a breaking change, so uncomment it in V9 with the appropriate release notes
+    } else {
+      // TODO this fixes INSTUI-3505, but it is a breaking change, so uncomment it in V9 with the appropriate release notes
       // left = px(left, node)
     }
   }
-
   if (typeof top === 'string') {
     if (top.indexOf('%') !== -1) {
       top = parseFloat(top) / 100 * size.height;
-    } else {// TODO this fixes INSTUI-3505, but it is a breaking change, so uncomment it in V9 with the appropriate release notes
+    } else {
+      // TODO this fixes INSTUI-3505, but it is a breaking change, so uncomment it in V9 with the appropriate release notes
       // top = px(top, node)
     }
   }
-
   return {
     top,
     left
   };
 }
-
 function sortPlacement(placement) {
   let _placement2 = (0, _slicedToArray2.default)(placement, 2),
-      first = _placement2[0],
-      second = _placement2[1];
-
+    first = _placement2[0],
+    second = _placement2[1];
   if (first === 'center' || first === 'stretch') {
     ;
     var _ref2 = [second, first];
     first = _ref2[0];
     second = _ref2[1];
   }
-
   return [first, second];
 }
-
 function parsePlacement(placement) {
   let parsed = placement.split(' ');
-
   if (parsed.length === 1) {
     parsed = [placement, 'center'];
   }
-
   return sortPlacement(parsed);
 }
-
 function formatPlacement(placement) {
   return placement.join(' ');
 }
-
 var _default = calculateElementPosition;
 exports.default = _default;

package/lib/executeMirrorFunction.js

@@ -1,15 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.executeMirrorFunction = executeMirrorFunction;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 /*
  * The MIT License (MIT)
  *
@@ -33,15 +30,14 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 function executeMirrorFunction(placement, mirrorFunction, delimiter) {
   const _ref = Array.isArray(placement) ? placement : placement.split(' '),
-        _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-        first = _ref2[0],
-        second = _ref2[1];
-
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    first = _ref2[0],
+    second = _ref2[1];
   const result = mirrorFunction(first, second).filter(value => value);
   return delimiter ? result.join(delimiter) : result;
 }
-
 var _default = executeMirrorFunction;
 exports.default = _default;

package/lib/index.js

@@ -45,17 +45,10 @@ Object.defineProperty(exports, "parsePlacement", {
     return _parsePlacement.parsePlacement;
   }
 });
-
 var _Position = require("./Position");
-
 var _calculateElementPosition = require("./calculateElementPosition");
-
 var _executeMirrorFunction = require("./executeMirrorFunction");
-
 var _PositionPropTypes = require("./PositionPropTypes");
-
 var _mirrorHorizontalPlacement = require("./mirrorHorizontalPlacement");
-
 var _mirrorPlacement = require("./mirrorPlacement");
-
 var _parsePlacement = require("./parsePlacement");

package/lib/mirrorHorizontalPlacement.js

@@ -1,17 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.mirrorHorizontalPlacement = mirrorHorizontalPlacement;
-
 var _PositionPropTypes = require("./PositionPropTypes");
-
 var _executeMirrorFunction = _interopRequireDefault(require("./executeMirrorFunction"));
-
 /*
  * The MIT License (MIT)
  *
@@ -61,6 +57,5 @@ function mirrorHorizontalPlacement(placement, delimiter) {
     });
   }, delimiter);
 }
-
 var _default = mirrorHorizontalPlacement;
 exports.default = _default;

package/lib/mirrorPlacement.js

@@ -1,17 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.mirrorPlacement = mirrorPlacement;
-
 var _PositionPropTypes = require("./PositionPropTypes");
-
 var _executeMirrorFunction = _interopRequireDefault(require("./executeMirrorFunction"));
-
 /*
  * The MIT License (MIT)
  *
@@ -64,6 +60,5 @@ function mirrorPlacement(placement, delimiter) {
     return [_PositionPropTypes.mirrorMap[first], second];
   }, delimiter);
 }
-
 var _default = mirrorPlacement;
 exports.default = _default;

package/lib/parsePlacement.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "parsePlacement", {
     return _calculateElementPosition.parsePlacement;
   }
 });
-
 var _calculateElementPosition = require("./calculateElementPosition");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-position",
-  "version": "8.33.1",
+  "version": "8.33.2",
   "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.33.1",
-    "@instructure/emotion": "8.33.1",
-    "@instructure/shared-types": "8.33.1",
-    "@instructure/ui-dom-utils": "8.33.1",
-    "@instructure/ui-portal": "8.33.1",
-    "@instructure/ui-prop-types": "8.33.1",
-    "@instructure/ui-react-utils": "8.33.1",
-    "@instructure/ui-testable": "8.33.1",
-    "@instructure/ui-utils": "8.33.1",
-    "@instructure/uid": "8.33.1",
+    "@instructure/debounce": "8.33.2",
+    "@instructure/emotion": "8.33.2",
+    "@instructure/shared-types": "8.33.2",
+    "@instructure/ui-dom-utils": "8.33.2",
+    "@instructure/ui-portal": "8.33.2",
+    "@instructure/ui-prop-types": "8.33.2",
+    "@instructure/ui-react-utils": "8.33.2",
+    "@instructure/ui-testable": "8.33.2",
+    "@instructure/ui-utils": "8.33.2",
+    "@instructure/uid": "8.33.2",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.33.1",
-    "@instructure/ui-color-utils": "8.33.1",
-    "@instructure/ui-test-locator": "8.33.1",
-    "@instructure/ui-test-utils": "8.33.1",
-    "@instructure/ui-themes": "8.33.1"
+    "@instructure/ui-babel-preset": "8.33.2",
+    "@instructure/ui-color-utils": "8.33.2",
+    "@instructure/ui-test-locator": "8.33.2",
+    "@instructure/ui-test-utils": "8.33.2",
+    "@instructure/ui-themes": "8.33.2"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18"