@instructure/ui-position 8.56.0 → 8.56.2-pr-snapshot-1721749364069

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.56.2-pr-snapshot-1721749364069](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2-pr-snapshot-1721749364069) (2024-07-23)
+
+**Note:** Version bump only for package @instructure/ui-position
+
+
+
+
+
+## [8.56.1](https://github.com/instructure/instructure-ui/compare/v8.56.0...v8.56.1) (2024-06-13)
+
+**Note:** Version bump only for package @instructure/ui-position
+
+
+
+
+
 # [8.56.0](https://github.com/instructure/instructure-ui/compare/v8.55.1...v8.56.0) (2024-05-06)
 
 **Note:** Version bump only for package @instructure/ui-position

package/lib/Position/PositionContentLocator.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PositionContentLocator = void 0;
-var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
+var _uiTestLocator = require("@instructure/ui-test-locator");
 var _index = require("./index");
 /*
  * The MIT License (MIT)
@@ -30,4 +30,4 @@ var _index = require("./index");
  * SOFTWARE.
  */
 
-const PositionContentLocator = exports.PositionContentLocator = (0, _locator.locator)(`[${_index.Position.contentLocatorAttribute}]`);
+const PositionContentLocator = exports.PositionContentLocator = (0, _uiTestLocator.locator)(`[${_index.Position.contentLocatorAttribute}]`);

package/lib/Position/PositionLocator.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "PositionTargetLocator", {
   }
 });
 exports.customMethods = void 0;
-var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
+var _uiTestLocator = require("@instructure/ui-test-locator");
 var _index = require("./index");
 var _PositionContentLocator = require("./PositionContentLocator");
 var _PositionTargetLocator = require("./PositionTargetLocator");
@@ -49,17 +49,17 @@ const customMethods = exports.customMethods = {
   findTarget: (element, ...args) => {
     if (element && element.getAttribute) {
       const id = element.getAttribute(_index.Position.locatorAttribute);
-      return (0, _locator.locator)(`[${_index.Position.targetLocatorAttribute}="${id}"]`).find(...args);
+      return (0, _uiTestLocator.locator)(`[${_index.Position.targetLocatorAttribute}="${id}"]`).find(...args);
     }
     throw new Error('Element ' + element + ' not found');
   },
   findContent: (element, ...args) => {
     if (element && element.getAttribute) {
       const id = element.getAttribute(_index.Position.locatorAttribute);
-      return (0, _locator.locator)(`[${_index.Position.contentLocatorAttribute}="${id}"]`).find(...args);
+      return (0, _uiTestLocator.locator)(`[${_index.Position.contentLocatorAttribute}="${id}"]`).find(...args);
     }
     throw new Error('Element ' + element + ' not found');
   }
 };
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
-const PositionLocator = exports.PositionLocator = (0, _locator.locator)(_index.Position.selector, customMethods);
+const PositionLocator = exports.PositionLocator = (0, _uiTestLocator.locator)(_index.Position.selector, customMethods);

package/lib/Position/PositionTargetLocator.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PositionTargetLocator = void 0;
 var _index = require("./index");
-var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
+var _uiTestLocator = require("@instructure/ui-test-locator");
 /*
  * The MIT License (MIT)
  *
@@ -30,4 +30,4 @@ var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
  * SOFTWARE.
  */
 
-const PositionTargetLocator = exports.PositionTargetLocator = (0, _locator.locator)(`[${_index.Position.targetLocatorAttribute}]`);
+const PositionTargetLocator = exports.PositionTargetLocator = (0, _uiTestLocator.locator)(`[${_index.Position.targetLocatorAttribute}]`);

package/lib/Position/index.js

@@ -6,17 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Position = void 0;
 var _react = require("react");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _ensureSingleChild = require("@instructure/ui-react-utils/lib/ensureSingleChild.js");
-var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _addPositionChangeListener = require("@instructure/ui-dom-utils/lib/addPositionChangeListener.js");
-var _findDOMNode = require("@instructure/ui-dom-utils/lib/findDOMNode.js");
-var _deepEqual = require("@instructure/ui-utils/lib/deepEqual.js");
-var _shallowEqual = require("@instructure/ui-utils/lib/shallowEqual.js");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiUtils = require("@instructure/ui-utils");
 var _debounce = require("@instructure/debounce");
-var _testable = require("@instructure/ui-testable/lib/testable.js");
-var _Portal = require("@instructure/ui-portal/lib/Portal");
+var _uiTestable = require("@instructure/ui-testable");
+var _uiPortal = require("@instructure/ui-portal");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -52,7 +47,7 @@ var _dec, _dec2, _dec3, _class, _class2;
 category: components/utilities
 ---
 **/
-let Position = exports.Position = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Position extends _react.Component {
+let Position = exports.Position = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Position extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -100,7 +95,7 @@ let Position = exports.Position = (_dec = (0, _withDeterministicId.withDetermini
     this._id = this.props.id || props.deterministicId();
   }
   shouldComponentUpdate(nextProps, nextState, nextContext) {
-    return !(0, _deepEqual.deepEqual)(this.state, nextState) || !(0, _shallowEqual.shallowEqual)(this.props, nextProps) || !(0, _shallowEqual.shallowEqual)(this.context, nextContext);
+    return !(0, _uiUtils.deepEqual)(this.state, nextState) || !(0, _uiUtils.shallowEqual)(this.props, nextProps) || !(0, _uiUtils.shallowEqual)(this.context, nextContext);
   }
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
@@ -137,8 +132,8 @@ let Position = exports.Position = (_dec = (0, _withDeterministicId.withDetermini
     // We have to find the actual DOM nodes and append the attributes
     // directly, as we can't be sure when safe cloning the child that
     // it will accept the data attribute as a prop
-    this.toggleLocatorAttribute((0, _findDOMNode.findDOMNode)(this._content), Position.contentLocatorAttribute, set);
-    this.toggleLocatorAttribute((0, _findDOMNode.findDOMNode)(this._target), Position.targetLocatorAttribute, set);
+    this.toggleLocatorAttribute((0, _uiDomUtils.findDOMNode)(this._content), Position.contentLocatorAttribute, set);
+    this.toggleLocatorAttribute((0, _uiDomUtils.findDOMNode)(this._target), Position.targetLocatorAttribute, set);
   }
   toggleLocatorAttribute(node, locator, set) {
     if (node && node.hasAttribute) {
@@ -163,7 +158,7 @@ let Position = exports.Position = (_dec = (0, _withDeterministicId.withDetermini
     });
   }
   startTracking() {
-    this._listener = this._listener || (0, _addPositionChangeListener.addPositionChangeListener)(this._target, this.position);
+    this._listener = this._listener || (0, _uiDomUtils.addPositionChangeListener)(this._target, this.position);
   }
   stopTracking() {
     if (this._listener) {
@@ -174,10 +169,10 @@ let Position = exports.Position = (_dec = (0, _withDeterministicId.withDetermini
 
   // content that needs to be positioned relative to the target
   renderContent() {
-    let content = (0, _ensureSingleChild.ensureSingleChild)(this.props.children);
+    let content = (0, _uiReactUtils.ensureSingleChild)(this.props.children);
     if (content) {
       var _this$props$styles;
-      content = (0, _safeCloneElement.safeCloneElement)(content, {
+      content = (0, _uiReactUtils.safeCloneElement)(content, {
         ref: el => {
           this._content = el;
         },
@@ -192,7 +187,7 @@ let Position = exports.Position = (_dec = (0, _withDeterministicId.withDetermini
         }),
         [Position.contentLocatorAttribute]: this._id
       });
-      content = (0, _emotion.jsx)(_Portal.Portal, {
+      content = (0, _emotion.jsx)(_uiPortal.Portal, {
         open: true,
         onOpen: this.handlePortalOpen,
         mountNode: this.props.mountNode,
@@ -202,16 +197,16 @@ let Position = exports.Position = (_dec = (0, _withDeterministicId.withDetermini
     return content;
   }
   renderTarget() {
-    const target = (0, _callRenderProp.callRenderProp)(this.props.renderTarget);
+    const target = (0, _uiReactUtils.callRenderProp)(this.props.renderTarget);
     if (target) {
-      return (0, _safeCloneElement.safeCloneElement)(target, {
+      return (0, _uiReactUtils.safeCloneElement)(target, {
         ref: el => {
           this._target = el;
         },
         [Position.targetLocatorAttribute]: this._id
       });
     } else if (this.props.target) {
-      this._target = (0, _callRenderProp.callRenderProp)(this.props.target);
+      this._target = (0, _uiReactUtils.callRenderProp)(this.props.target);
     }
     return null;
   }

package/lib/Position/props.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _element = require("@instructure/ui-prop-types/lib/element.js");
+var _uiPropTypes = require("@instructure/ui-prop-types");
 var _PositionPropTypes = require("../PositionPropTypes");
 /*
  * The MIT License (MIT)
@@ -34,7 +34,7 @@ var _PositionPropTypes = require("../PositionPropTypes");
 
 const propTypes = exports.propTypes = {
   renderTarget: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-  target: _propTypes.default.oneOfType([_element.element, _propTypes.default.func]),
+  target: _propTypes.default.oneOfType([_uiPropTypes.element, _propTypes.default.func]),
   placement: _PositionPropTypes.PositionPropTypes.placement,
   mountNode: _PositionPropTypes.PositionPropTypes.mountNode,
   insertAt: _propTypes.default.oneOf(['bottom', 'top']),

package/lib/PositionPropTypes.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.placementPropValues = exports.mirrorMap = exports.default = exports.PositionPropTypes = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _element = require("@instructure/ui-prop-types/lib/element.js");
+var _uiPropTypes = require("@instructure/ui-prop-types");
 /*
  * The MIT License (MIT)
  *
@@ -40,11 +40,11 @@ const PositionPropTypes = exports.PositionPropTypes = {
   /**
    * An element or a function returning an element to use as the mount node
    */
-  mountNode: _propTypes.default.oneOfType([_element.element, _propTypes.default.func]),
+  mountNode: _propTypes.default.oneOfType([_uiPropTypes.element, _propTypes.default.func]),
   /**
    * The parent in which to constrain a placement
    */
-  constrain: _propTypes.default.oneOfType([_element.element, _propTypes.default.func, _propTypes.default.oneOf(['window', 'scroll-parent', 'parent', 'none'])])
+  constrain: _propTypes.default.oneOfType([_uiPropTypes.element, _propTypes.default.func, _propTypes.default.oneOf(['window', 'scroll-parent', 'parent', 'none'])])
 };
 
 /**

package/lib/calculateElementPosition.js

@@ -8,13 +8,7 @@ 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 _ownerWindow = require("@instructure/ui-dom-utils/lib/ownerWindow.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 var _mirrorPlacement = require("./mirrorPlacement");
 /*
  * The MIT License (MIT)
@@ -73,7 +67,7 @@ class PositionedElement {
     this.placement = void 0;
     this.rect = void 0;
     this._offset = void 0;
-    this.node = (0, _findDOMNode.findDOMNode)(element);
+    this.node = (0, _uiDomUtils.findDOMNode)(element);
     if (typeof placement === 'string') {
       this.placement = parsePlacement(placement);
     } else if (Array.isArray(placement)) {
@@ -81,7 +75,7 @@ class PositionedElement {
     } else {
       this.placement = ['bottom', 'center'];
     }
-    this.rect = (0, _getBoundingClientRect.getBoundingClientRect)(this.node);
+    this.rect = (0, _uiDomUtils.getBoundingClientRect)(this.node);
     this._offset = offsetToPx(offset, this.size, this.node);
   }
   get width() {
@@ -149,7 +143,7 @@ class PositionedElement {
     }, this.size, this.node), parseOffset(this._offset, this.placement)]);
   }
   get scrollParentsOffset() {
-    const parents = (0, _getScrollParents.getScrollParents)(this.node);
+    const parents = (0, _uiDomUtils.getScrollParents)(this.node);
     let offsetY = 0;
     let offsetX = 0;
     for (let i = 1; i < parents.length; i++) {
@@ -170,18 +164,18 @@ class PositionedElement {
     // 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, _ownerDocument3.ownerDocument)(this.node);
+    const parents = (0, _uiDomUtils.getOffsetParents)(this.node);
+    const doc = (0, _uiDomUtils.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, _uiDomUtils.getBoundingClientRect)(doc === null || doc === void 0 ? void 0 : 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]);
+      const parent = (0, _uiDomUtils.getBoundingClientRect)(parents[i]);
+      const child = (0, _uiDomUtils.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)) {
@@ -204,7 +198,7 @@ class PositionedElement {
     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 ((_ownerDocument = (0, _uiDomUtils.ownerDocument)(this.node)) === null || _ownerDocument === void 0 ? void 0 : _ownerDocument.body) === element ? 0 : element.scrollTop;
   }
 }
 class PositionData {
@@ -221,22 +215,22 @@ class PositionData {
       placement = _this$options.placement,
       over = _this$options.over;
     if (!element || placement === 'offscreen') return;
-    this.container = container || ((_ownerDocument2 = (0, _ownerDocument3.ownerDocument)(element)) === null || _ownerDocument2 === void 0 ? void 0 : _ownerDocument2.body);
+    this.container = container || ((_ownerDocument2 = (0, _uiDomUtils.ownerDocument)(element)) === null || _ownerDocument2 === void 0 ? void 0 : _ownerDocument2.body);
     this.element = new PositionedElement(element, placement, {
       top: this.options.offsetY,
       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));
+      this.constrainTo((0, _uiDomUtils.ownerWindow)(element));
     } else if (constrain === 'scroll-parent') {
-      this.constrainTo((0, _getScrollParents.getScrollParents)(this.target.node)[0]);
+      this.constrainTo((0, _uiDomUtils.getScrollParents)(this.target.node)[0]);
     } else if (constrain === 'parent') {
       this.constrainTo(this.container);
     } else if (typeof constrain === 'function') {
-      this.constrainTo((0, _findDOMNode.findDOMNode)(constrain.call(null)));
+      this.constrainTo((0, _uiDomUtils.findDOMNode)(constrain.call(null)));
     } else if (typeof constrain === 'object') {
-      this.constrainTo((0, _findDOMNode.findDOMNode)(constrain));
+      this.constrainTo((0, _uiDomUtils.findDOMNode)(constrain));
     }
   }
   get offset() {
@@ -259,11 +253,11 @@ class PositionData {
     return this.element.shouldStretchHorizontally ? this.target.height : null;
   }
   get position() {
-    const win = (0, _ownerWindow.ownerWindow)(this.target.node);
+    const win = (0, _uiDomUtils.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) {
+    if (_uiDomUtils.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);
@@ -292,9 +286,9 @@ class PositionData {
     };
   }
   overflow(element) {
-    const parentWindow = (0, _ownerWindow.ownerWindow)(element);
-    const elementBounds = (0, _getBoundingClientRect.getBoundingClientRect)(element);
-    const windowBounds = (0, _getBoundingClientRect.getBoundingClientRect)(parentWindow);
+    const parentWindow = (0, _uiDomUtils.ownerWindow)(element);
+    const elementBounds = (0, _uiDomUtils.getBoundingClientRect)(element);
+    const windowBounds = (0, _uiDomUtils.getBoundingClientRect)(parentWindow);
     const offsets = addOffsets([this.target.position, this.offset]);
     const parentOffset = {
       top: this.element.positionedParentsOffset.top + this.element.scrollParentsOffset.top,

package/package.json

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