@instructure/ui-position 11.7.3-snapshot-7 → 11.7.3-snapshot-26

package/lib/calculateElementPosition.js

@@ -1,19 +1,17 @@
 "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 _ownerDocument3 = require("@instructure/ui-dom-utils/lib/ownerDocument.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");
 /*
@@ -91,10 +89,6 @@ class PositionedElement {
     top: 0,
     left: 0
   }) {
-    this.node = void 0;
-    this.placement = void 0;
-    this.rect = void 0;
-    this._offset = void 0;
     this.node = (0, _findDOMNode.findDOMNode)(element);
     if (typeof placement === 'string') {
       this.placement = parsePlacement(placement);
@@ -106,6 +100,10 @@ class PositionedElement {
     this.rect = (0, _getBoundingClientRect.getBoundingClientRect)(this.node);
     this._offset = offsetToPx(offset, this.size, this.node);
   }
+  node;
+  placement;
+  rect;
+  _offset;
   get width() {
     return this.rect.width;
   }
@@ -148,14 +146,10 @@ class PositionedElement {
       end: '100%',
       stretch: 0
     };
-    let _placement = (0, _slicedToArray2.default)(placement, 2),
-      first = _placement[0],
-      second = _placement[1];
+    let [first, second] = placement;
     if (['start', 'end'].indexOf(first) >= 0) {
       ;
-      var _ref = [second, first];
-      first = _ref[0];
-      second = _ref[1];
+      [first, second] = [second, first];
     }
     let top = 0;
     let left = 0;
@@ -193,12 +187,12 @@ class PositionedElement {
     // 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, _ownerDocument3.ownerDocument)(this.node);
+    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 === null || doc === void 0 ? void 0 : doc.documentElement).top;
+    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++) {
@@ -206,7 +200,7 @@ class PositionedElement {
       const child = (0, _getBoundingClientRect.getBoundingClientRect)(parents[i - 1]);
       offsetY = offsetY + (child.top - parent.top);
       offsetX = offsetX + (child.left - parent.left);
-      if (parents[i] === (doc === null || doc === void 0 ? void 0 : doc.body)) {
+      if (parents[i] === doc?.body) {
         // accounts for any margin on body
         offsetY = offsetY + parent.top;
         offsetX = offsetX + parent.left;
@@ -223,27 +217,22 @@ class PositionedElement {
     };
   }
   normalizeScrollTop(element) {
-    var _ownerDocument;
     // Account for cross browser differences with scrollTop attribute on the
     // body element https://bugs.chromium.org/p/chromium/issues/detail?id=766938
-    return ((_ownerDocument = (0, _ownerDocument3.ownerDocument)(this.node)) === null || _ownerDocument === void 0 ? void 0 : _ownerDocument.body) === element ? 0 : element.scrollTop;
+    return (0, _ownerDocument.ownerDocument)(this.node)?.body === element ? 0 : element.scrollTop;
   }
 }
 class PositionData {
   constructor(element, target, options) {
-    var _ownerDocument2;
-    this.options = void 0;
-    this.container = void 0;
-    this.element = void 0;
-    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;
+    const {
+      container,
+      constrain,
+      placement,
+      over
+    } = this.options;
     if (!element || placement === 'offscreen') return;
-    this.container = container || ((_ownerDocument2 = (0, _ownerDocument3.ownerDocument)(element)) === null || _ownerDocument2 === void 0 ? void 0 : _ownerDocument2.body);
+    this.container = container || (0, _ownerDocument.ownerDocument)(element)?.body;
     this.element = new PositionedElement(element, placement, {
       top: this.options.offsetY,
       left: this.options.offsetX
@@ -261,10 +250,15 @@ class PositionData {
       this.constrainTo((0, _findDOMNode.findDOMNode)(constrain));
     }
   }
+  options;
+  container;
+  element;
+  target;
   get offset() {
-    const _this$target$calculat = this.target.calculateOffset(this.element.placement),
-      top = _this$target$calculat.top,
-      left = _this$target$calculat.left;
+    const {
+      top,
+      left
+    } = this.target.calculateOffset(this.element.placement);
     const offset = addOffsets([this.element.calculateOffset(this.target.placement), this.element.scrollParentsOffset, this.element.positionedParentsOffset]);
     return {
       top: top - offset.top,
@@ -282,10 +276,11 @@ class PositionData {
   }
   get position() {
     const win = (0, _ownerWindow.ownerWindow)(this.target.node);
-    let _addOffsets = addOffsets([this.target.position, this.offset]),
-      left = _addOffsets.left,
-      top = _addOffsets.top;
-    if (_canUseDOM.canUseDOM && win !== null && win !== void 0 && win.matchMedia) {
+    let {
+      left,
+      top
+    } = addOffsets([this.target.position, this.offset]);
+    if (_canUseDOM.canUseDOM && 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);
@@ -300,9 +295,10 @@ class PositionData {
   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;
+    const {
+      width,
+      height
+    } = this.element.size;
     const elementNotFullyRendered = width === 0 && height === 0;
     return {
       top: 0,
@@ -451,8 +447,10 @@ function addOffsets(offsets) {
   });
 }
 function parseOffset(offset, placement) {
-  let top = offset.top,
-    left = offset.left;
+  let {
+    top,
+    left
+  } = offset;
   if (typeof left === 'string') {
     left = parseFloat(left);
   }
@@ -473,8 +471,10 @@ function parseOffset(offset, placement) {
 function offsetToPx(offset, size,
 // @ts-expect-error will be needed for the TODO below
 node) {
-  let left = offset.left,
-    top = offset.top;
+  let {
+    left,
+    top
+  } = offset;
   if (typeof left === 'string') {
     if (left.indexOf('%') !== -1) {
       left = parseFloat(left) / 100 * size.width;
@@ -497,14 +497,10 @@ node) {
   };
 }
 function sortPlacement(placement) {
-  let _placement2 = (0, _slicedToArray2.default)(placement, 2),
-    first = _placement2[0],
-    second = _placement2[1];
+  let [first, second] = placement;
   if (first === 'center') {
     ;
-    var _ref2 = [second, first];
-    first = _ref2[0];
-    second = _ref2[1];
+    [first, second] = [second, first];
   }
   return [first, second];
 }

package/lib/executeMirrorFunction.js

@@ -1,12 +1,10 @@
 "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)
  *
@@ -32,10 +30,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
  */
 
 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];
+  const [first, second] = Array.isArray(placement) ? placement : placement.split(' ');
   const result = mirrorFunction(first, second).filter(value => value);
   return delimiter ? result.join(delimiter) : result;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-position",
-  "version": "11.7.3-snapshot-7",
+  "version": "11.7.3-snapshot-26",
   "description": "A component for positioning content with respect to a designated target.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -14,23 +14,23 @@
   "bugs": "https://github.com/instructure/instructure-ui/issues",
   "license": "MIT",
   "dependencies": {
-    "@babel/runtime": "^7.27.6",
-    "@instructure/debounce": "11.7.3-snapshot-7",
-    "@instructure/emotion": "11.7.3-snapshot-7",
-    "@instructure/ui-dom-utils": "11.7.3-snapshot-7",
-    "@instructure/ui-portal": "11.7.3-snapshot-7",
-    "@instructure/shared-types": "11.7.3-snapshot-7",
-    "@instructure/ui-react-utils": "11.7.3-snapshot-7",
-    "@instructure/ui-utils": "11.7.3-snapshot-7",
-    "@instructure/uid": "11.7.3-snapshot-7",
-    "@instructure/ui-themes": "11.7.3-snapshot-7"
+    "@babel/runtime": "^7.29.2",
+    "@instructure/debounce": "11.7.3-snapshot-26",
+    "@instructure/emotion": "11.7.3-snapshot-26",
+    "@instructure/shared-types": "11.7.3-snapshot-26",
+    "@instructure/ui-portal": "11.7.3-snapshot-26",
+    "@instructure/ui-dom-utils": "11.7.3-snapshot-26",
+    "@instructure/ui-react-utils": "11.7.3-snapshot-26",
+    "@instructure/ui-themes": "11.7.3-snapshot-26",
+    "@instructure/ui-utils": "11.7.3-snapshot-26",
+    "@instructure/uid": "11.7.3-snapshot-26"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "vitest": "^3.2.2",
-    "@instructure/ui-color-utils": "11.7.3-snapshot-7",
-    "@instructure/ui-babel-preset": "11.7.3-snapshot-7"
+    "@instructure/ui-babel-preset": "11.7.3-snapshot-26",
+    "@instructure/ui-color-utils": "11.7.3-snapshot-26"
   },
   "peerDependencies": {
     "react": ">=18 <=19"