@instructure/ui-popover 11.7.8 → 11.7.9-snapshot-1

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.7.9-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-1) (2026-10-06)
+
+**Note:** Version bump only for package @instructure/ui-popover
+
+
+
+
+
 ## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
 
 **Note:** Version bump only for package @instructure/ui-popover

package/lib/Popover/v1/index.js

@@ -7,25 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Popover = void 0;
 var _react = require("react");
 var _keycode = _interopRequireDefault(require("keycode"));
-var _Position = require("@instructure/ui-position/lib/Position");
-var _parsePlacement = require("@instructure/ui-position/lib/parsePlacement.js");
-var _mirrorHorizontalPlacement = require("@instructure/ui-position/lib/mirrorHorizontalPlacement.js");
+var _uiPosition = require("@instructure/ui-position");
 var _v11_ = require("@instructure/ui-view/v11_6");
-var _Dialog = require("@instructure/ui-dialog/lib/Dialog");
-var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js");
-var _findDOMNode = require("@instructure/ui-dom-utils/lib/findDOMNode.js");
-var _containsActiveElement = require("@instructure/ui-dom-utils/lib/containsActiveElement.js");
-var _requestAnimationFrame = require("@instructure/ui-dom-utils/lib/requestAnimationFrame.js");
-var _handleMouseOverOut = require("@instructure/ui-dom-utils/lib/handleMouseOverOut.js");
-var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
-var _shallowEqual = require("@instructure/ui-utils/lib/shallowEqual.js");
-var _px = require("@instructure/ui-utils/lib/px.js");
-var _combineDataCid = require("@instructure/ui-utils/lib/combineDataCid.js");
+var _uiDialog = require("@instructure/ui-dialog");
+var _uiI18n = require("@instructure/ui-i18n");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiUtils = require("@instructure/ui-utils");
 var _console = require("@instructure/console");
-var _FocusRegion = require("@instructure/ui-a11y-utils/lib/FocusRegion.js");
+var _uiA11yUtils = require("@instructure/ui-a11y-utils");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
@@ -61,7 +51,7 @@ category: components
 tags: overlay, portal, dialog
 ---
 **/
-let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec3 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = _dec3(_class = class Popover extends _react.Component {
+let Popover = exports.Popover = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _uiI18n.textDirectionContextConsumer)(), _dec3 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = _dec3(_class = class Popover extends _react.Component {
   static displayName = 'Popover';
   static componentId = 'Popover';
   static allowedProps = _props.allowedProps;
@@ -90,7 +80,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
   constructor(props) {
     super(props);
     this._renderTriggerProp = this.props.renderTrigger;
-    this._renderTrigger = (0, _callRenderProp.callRenderProp)(this.props.renderTrigger);
+    this._renderTrigger = (0, _uiReactUtils.callRenderProp)(this.props.renderTrigger);
     this.state = {
       placement: props.placement,
       offsetX: props.offsetX,
@@ -99,11 +89,11 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
     };
     this._id = this.props.id || props.deterministicId();
     this._raf = [];
-    this._handleMouseOver = _handleMouseOverOut.handleMouseOverOut.bind(null, event => {
+    this._handleMouseOver = _uiDomUtils.handleMouseOverOut.bind(null, event => {
       this.show(event);
       clearTimeout(this.mouseOutTimeout);
     });
-    this._handleMouseOut = _handleMouseOverOut.handleMouseOverOut.bind(null, event => {
+    this._handleMouseOut = _uiDomUtils.handleMouseOverOut.bind(null, event => {
       // this is needed bc the trigger mouseOut fires before tooltip mouseOver
       this.mouseOutTimeout = setTimeout(() => {
         this.hide(event);
@@ -144,7 +134,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
       // if popover is being used as a tooltip with no focusable content
       // manage its FocusRegion internally rather than registering it with
       // the FocusRegionManager via Dialog
-      this._focusRegion = new _FocusRegion.FocusRegion(this._contentElement, {
+      this._focusRegion = new _uiA11yUtils.FocusRegion(this._contentElement, {
         shouldCloseOnEscape: this.props.shouldCloseOnEscape,
         shouldCloseOnDocumentClick: false,
         onDismiss: this.hide,
@@ -164,7 +154,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
     }
   }
   shouldComponentUpdate(nextProps, nextState) {
-    return !(0, _shallowEqual.shallowEqual)(this.props, nextProps) || !(0, _shallowEqual.shallowEqual)(this.state, nextState);
+    return !(0, _uiUtils.shallowEqual)(this.props, nextProps) || !(0, _uiUtils.shallowEqual)(this.state, nextState);
   }
   componentDidUpdate(prevProps, prevState) {
     if (this._focusRegion && this.isTooltip) {
@@ -200,7 +190,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
       offsetY
     } = this.props;
     if (this.props.shouldAlignArrow && this._view) {
-      const secondaryPlacement = (0, _parsePlacement.parsePlacement)(placement)[1];
+      const secondaryPlacement = (0, _uiPosition.parsePlacement)(placement)[1];
 
       // arrowSize and arrowBorderWidth are component theme variables
       // declared in ContextView's styles.js
@@ -208,7 +198,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
         arrowSize = 0,
         arrowBorderWidth = 0
       } = this._view.props.styles;
-      const offsetAmount = ((0, _px.px)(arrowSize) + (0, _px.px)(arrowBorderWidth)) * 2;
+      const offsetAmount = ((0, _uiUtils.px)(arrowSize) + (0, _uiUtils.px)(arrowBorderWidth)) * 2;
       if (secondaryPlacement === 'start') {
         offsetX = offsetAmount;
       } else if (secondaryPlacement === 'end') {
@@ -231,9 +221,9 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
     const {
       dir
     } = this.props;
-    const isRtl = dir === _textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION.rtl;
+    const isRtl = dir === _uiI18n.textDirectionContextConsumer.DIRECTION.rtl;
     if (isRtl) {
-      placement = (0, _mirrorHorizontalPlacement.mirrorHorizontalPlacement)(placement, ' ');
+      placement = (0, _uiPosition.mirrorHorizontalPlacement)(placement, ' ');
     }
     return !this.shown && this.props.shouldRenderOffscreen ? 'offscreen' : placement;
   }
@@ -302,7 +292,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
   };
   handleDialogDismiss = (event, documentClick) => {
     if (!this.props.shouldReturnFocus && this.props.shouldFocusContentOnTriggerBlur) {
-      const trigger = (0, _findDOMNode.findDOMNode)(this._trigger);
+      const trigger = (0, _uiDomUtils.findDOMNode)(this._trigger);
       if (trigger && typeof trigger.focus === 'function') {
         ;
         trigger.focus();
@@ -322,7 +312,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
     }
     if (event.keyCode === _keycode.default.codes.tab && !event.shiftKey) {
       event.preventDefault();
-      this._raf.push((0, _requestAnimationFrame.requestAnimationFrame)(() => {
+      this._raf.push((0, _uiDomUtils.requestAnimationFrame)(() => {
         this._dialog && this._dialog.focus();
       }));
     }
@@ -340,8 +330,8 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
       on
     } = this.props;
     if (on && on.indexOf('focus') > -1) {
-      this._raf.push((0, _requestAnimationFrame.requestAnimationFrame)(() => {
-        if (!(0, _containsActiveElement.containsActiveElement)(this._view)) {
+      this._raf.push((0, _uiDomUtils.requestAnimationFrame)(() => {
+        if (!(0, _uiDomUtils.containsActiveElement)(this._view)) {
           this.hide(event);
         }
       }));
@@ -366,7 +356,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
   renderTrigger() {
     if (this._renderTriggerProp != this.props.renderTrigger) {
       this._renderTriggerProp = this.props.renderTrigger;
-      this._renderTrigger = (0, _callRenderProp.callRenderProp)(this.props.renderTrigger);
+      this._renderTrigger = (0, _uiReactUtils.callRenderProp)(this.props.renderTrigger);
     }
     let trigger = this._renderTrigger;
     if (trigger) {
@@ -404,29 +394,29 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
       } else {
         expanded = undefined;
       }
-      trigger = (0, _safeCloneElement.safeCloneElement)(trigger, {
+      trigger = (0, _uiReactUtils.safeCloneElement)(trigger, {
         ref: el => {
           this._trigger = el;
         },
         'aria-expanded': expanded,
         'data-popover-trigger': true,
-        onKeyDown: (0, _createChainedFunction.createChainedFunction)(this.handleTriggerKeyDown, this.props.onKeyDown),
-        onKeyUp: (0, _createChainedFunction.createChainedFunction)(this.handleTriggerKeyUp, this.props.onKeyUp),
-        onClick: (0, _createChainedFunction.createChainedFunction)(onClick, this.props.onClick),
-        onBlur: (0, _createChainedFunction.createChainedFunction)(this.handleTriggerBlur, this.props.onBlur),
-        onFocus: (0, _createChainedFunction.createChainedFunction)(onFocus, this.props.onFocus),
-        onMouseOut: (0, _createChainedFunction.createChainedFunction)(onMouseOut, this.props.onMouseOut),
-        onMouseOver: (0, _createChainedFunction.createChainedFunction)(onMouseOver, this.props.onMouseOver)
+        onKeyDown: (0, _uiUtils.createChainedFunction)(this.handleTriggerKeyDown, this.props.onKeyDown),
+        onKeyUp: (0, _uiUtils.createChainedFunction)(this.handleTriggerKeyUp, this.props.onKeyUp),
+        onClick: (0, _uiUtils.createChainedFunction)(onClick, this.props.onClick),
+        onBlur: (0, _uiUtils.createChainedFunction)(this.handleTriggerBlur, this.props.onBlur),
+        onFocus: (0, _uiUtils.createChainedFunction)(onFocus, this.props.onFocus),
+        onMouseOut: (0, _uiUtils.createChainedFunction)(onMouseOut, this.props.onMouseOut),
+        onMouseOver: (0, _uiUtils.createChainedFunction)(onMouseOver, this.props.onMouseOver)
       });
     }
     return trigger;
   }
   renderContent() {
-    let content = (0, _callRenderProp.callRenderProp)(this.props.children);
+    let content = (0, _uiReactUtils.callRenderProp)(this.props.children);
     if (this.shown && !this.isTooltip) {
       // if popover is NOT being used as a tooltip, create a Dialog
       // to manage the content FocusRegion, when showing
-      content = (0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      content = (0, _jsxRuntime.jsx)(_uiDialog.Dialog, {
         open: this.shown,
         label: this.props.screenReaderLabel,
         ref: el => {
@@ -478,7 +468,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
           ...viewProps,
           // TODO: remove background override after contextview is updated
           background: color === 'primary' ? 'default' : 'inverse',
-          placement: this.props.dir === _textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION.rtl ? (0, _mirrorHorizontalPlacement.mirrorHorizontalPlacement)(placement, ' ') : placement
+          placement: this.props.dir === _uiI18n.textDirectionContextConsumer.DIRECTION.rtl ? (0, _uiPosition.mirrorHorizontalPlacement)(placement, ' ') : placement
         };
         return (0, _jsxRuntime.jsx)(_v11_.ContextView, {
           ...viewProps,
@@ -509,15 +499,15 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
     if (this.props.positionTarget) {
       return (0, _jsxRuntime.jsxs)("span", {
         ref: this.handleRef,
-        children: [this.renderTrigger(), (0, _jsxRuntime.jsx)(_Position.Position, {
+        children: [this.renderTrigger(), (0, _jsxRuntime.jsx)(_uiPosition.Position, {
           ...positionProps,
-          "data-cid": (0, _combineDataCid.combineDataCid)('Popover', this.props),
+          "data-cid": (0, _uiUtils.combineDataCid)('Popover', this.props),
           children: this.renderContent()
         })]
       });
     } else {
-      return (0, _jsxRuntime.jsx)(_Position.Position, {
-        "data-cid": (0, _combineDataCid.combineDataCid)('Popover', this.props),
+      return (0, _jsxRuntime.jsx)(_uiPosition.Position, {
+        "data-cid": (0, _uiUtils.combineDataCid)('Popover', this.props),
         ...positionProps,
         renderTarget: this.renderTrigger(),
         elementRef: this.handleRef,

package/lib/Popover/v2/index.js

@@ -7,25 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Popover = void 0;
 var _react = require("react");
 var _keycode = _interopRequireDefault(require("keycode"));
-var _Position = require("@instructure/ui-position/lib/Position");
-var _parsePlacement = require("@instructure/ui-position/lib/parsePlacement.js");
-var _mirrorHorizontalPlacement = require("@instructure/ui-position/lib/mirrorHorizontalPlacement.js");
+var _uiPosition = require("@instructure/ui-position");
 var _latest = require("@instructure/ui-view/latest");
-var _Dialog = require("@instructure/ui-dialog/lib/Dialog");
-var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js");
-var _findDOMNode = require("@instructure/ui-dom-utils/lib/findDOMNode.js");
-var _containsActiveElement = require("@instructure/ui-dom-utils/lib/containsActiveElement.js");
-var _requestAnimationFrame = require("@instructure/ui-dom-utils/lib/requestAnimationFrame.js");
-var _handleMouseOverOut = require("@instructure/ui-dom-utils/lib/handleMouseOverOut.js");
-var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
-var _shallowEqual = require("@instructure/ui-utils/lib/shallowEqual.js");
-var _px = require("@instructure/ui-utils/lib/px.js");
-var _combineDataCid = require("@instructure/ui-utils/lib/combineDataCid.js");
+var _uiDialog = require("@instructure/ui-dialog");
+var _uiI18n = require("@instructure/ui-i18n");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiUtils = require("@instructure/ui-utils");
 var _console = require("@instructure/console");
-var _FocusRegion = require("@instructure/ui-a11y-utils/lib/FocusRegion.js");
+var _uiA11yUtils = require("@instructure/ui-a11y-utils");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _props = require("./props.js");
@@ -60,7 +50,7 @@ category: components
 tags: overlay, portal, dialog
 ---
 **/
-let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec3 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = _dec3(_class = class Popover extends _react.Component {
+let Popover = exports.Popover = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _uiI18n.textDirectionContextConsumer)(), _dec3 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = _dec3(_class = class Popover extends _react.Component {
   static displayName = 'Popover';
   static componentId = 'Popover';
   static allowedProps = _props.allowedProps;
@@ -89,7 +79,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
   constructor(props) {
     super(props);
     this._renderTriggerProp = this.props.renderTrigger;
-    this._renderTrigger = (0, _callRenderProp.callRenderProp)(this.props.renderTrigger);
+    this._renderTrigger = (0, _uiReactUtils.callRenderProp)(this.props.renderTrigger);
     this.state = {
       placement: props.placement,
       offsetX: props.offsetX,
@@ -98,11 +88,11 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
     };
     this._id = this.props.id || props.deterministicId();
     this._raf = [];
-    this._handleMouseOver = _handleMouseOverOut.handleMouseOverOut.bind(null, event => {
+    this._handleMouseOver = _uiDomUtils.handleMouseOverOut.bind(null, event => {
       this.show(event);
       clearTimeout(this.mouseOutTimeout);
     });
-    this._handleMouseOut = _handleMouseOverOut.handleMouseOverOut.bind(null, event => {
+    this._handleMouseOut = _uiDomUtils.handleMouseOverOut.bind(null, event => {
       // this is needed bc the trigger mouseOut fires before tooltip mouseOver
       this.mouseOutTimeout = setTimeout(() => {
         this.hide(event);
@@ -144,7 +134,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
       // if popover is being used as a tooltip with no focusable content
       // manage its FocusRegion internally rather than registering it with
       // the FocusRegionManager via Dialog
-      this._focusRegion = new _FocusRegion.FocusRegion(this._contentElement, {
+      this._focusRegion = new _uiA11yUtils.FocusRegion(this._contentElement, {
         shouldCloseOnEscape: this.props.shouldCloseOnEscape,
         shouldCloseOnDocumentClick: false,
         onDismiss: this.hide,
@@ -164,7 +154,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
     }
   }
   shouldComponentUpdate(nextProps, nextState) {
-    return !(0, _shallowEqual.shallowEqual)(this.props, nextProps) || !(0, _shallowEqual.shallowEqual)(this.state, nextState);
+    return !(0, _uiUtils.shallowEqual)(this.props, nextProps) || !(0, _uiUtils.shallowEqual)(this.state, nextState);
   }
   componentDidUpdate(prevProps, prevState) {
     this.props.makeStyles?.();
@@ -201,7 +191,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
       offsetY
     } = this.props;
     if (this.props.shouldAlignArrow && this._view) {
-      const secondaryPlacement = (0, _parsePlacement.parsePlacement)(placement)[1];
+      const secondaryPlacement = (0, _uiPosition.parsePlacement)(placement)[1];
 
       // arrowSize and arrowBorderWidth are component theme variables
       // declared in ContextView's styles.js
@@ -209,7 +199,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
         arrowSize = 0,
         arrowBorderWidth = 0
       } = this._view.props.styles;
-      const offsetAmount = ((0, _px.px)(arrowSize) + (0, _px.px)(arrowBorderWidth)) * 2;
+      const offsetAmount = ((0, _uiUtils.px)(arrowSize) + (0, _uiUtils.px)(arrowBorderWidth)) * 2;
       if (secondaryPlacement === 'start') {
         offsetX = offsetAmount;
       } else if (secondaryPlacement === 'end') {
@@ -232,9 +222,9 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
     const {
       dir
     } = this.props;
-    const isRtl = dir === _textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION.rtl;
+    const isRtl = dir === _uiI18n.textDirectionContextConsumer.DIRECTION.rtl;
     if (isRtl) {
-      placement = (0, _mirrorHorizontalPlacement.mirrorHorizontalPlacement)(placement, ' ');
+      placement = (0, _uiPosition.mirrorHorizontalPlacement)(placement, ' ');
     }
     return !this.shown && this.props.shouldRenderOffscreen ? 'offscreen' : placement;
   }
@@ -303,7 +293,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
   };
   handleDialogDismiss = (event, documentClick) => {
     if (!this.props.shouldReturnFocus && this.props.shouldFocusContentOnTriggerBlur) {
-      const trigger = (0, _findDOMNode.findDOMNode)(this._trigger);
+      const trigger = (0, _uiDomUtils.findDOMNode)(this._trigger);
       if (trigger && typeof trigger.focus === 'function') {
         ;
         trigger.focus();
@@ -323,7 +313,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
     }
     if (event.keyCode === _keycode.default.codes.tab && !event.shiftKey) {
       event.preventDefault();
-      this._raf.push((0, _requestAnimationFrame.requestAnimationFrame)(() => {
+      this._raf.push((0, _uiDomUtils.requestAnimationFrame)(() => {
         this._dialog && this._dialog.focus();
       }));
     }
@@ -341,8 +331,8 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
       on
     } = this.props;
     if (on && on.indexOf('focus') > -1) {
-      this._raf.push((0, _requestAnimationFrame.requestAnimationFrame)(() => {
-        if (!(0, _containsActiveElement.containsActiveElement)(this._view)) {
+      this._raf.push((0, _uiDomUtils.requestAnimationFrame)(() => {
+        if (!(0, _uiDomUtils.containsActiveElement)(this._view)) {
           this.hide(event);
         }
       }));
@@ -367,7 +357,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
   renderTrigger() {
     if (this._renderTriggerProp != this.props.renderTrigger) {
       this._renderTriggerProp = this.props.renderTrigger;
-      this._renderTrigger = (0, _callRenderProp.callRenderProp)(this.props.renderTrigger);
+      this._renderTrigger = (0, _uiReactUtils.callRenderProp)(this.props.renderTrigger);
     }
     let trigger = this._renderTrigger;
     if (trigger) {
@@ -405,25 +395,25 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
       } else {
         expanded = undefined;
       }
-      trigger = (0, _safeCloneElement.safeCloneElement)(trigger, {
+      trigger = (0, _uiReactUtils.safeCloneElement)(trigger, {
         ref: el => {
           this._trigger = el;
         },
         'aria-expanded': expanded,
         'data-popover-trigger': true,
-        onKeyDown: (0, _createChainedFunction.createChainedFunction)(this.handleTriggerKeyDown, this.props.onKeyDown),
-        onKeyUp: (0, _createChainedFunction.createChainedFunction)(this.handleTriggerKeyUp, this.props.onKeyUp),
-        onClick: (0, _createChainedFunction.createChainedFunction)(onClick, this.props.onClick),
-        onBlur: (0, _createChainedFunction.createChainedFunction)(this.handleTriggerBlur, this.props.onBlur),
-        onFocus: (0, _createChainedFunction.createChainedFunction)(onFocus, this.props.onFocus),
-        onMouseOut: (0, _createChainedFunction.createChainedFunction)(onMouseOut, this.props.onMouseOut),
-        onMouseOver: (0, _createChainedFunction.createChainedFunction)(onMouseOver, this.props.onMouseOver)
+        onKeyDown: (0, _uiUtils.createChainedFunction)(this.handleTriggerKeyDown, this.props.onKeyDown),
+        onKeyUp: (0, _uiUtils.createChainedFunction)(this.handleTriggerKeyUp, this.props.onKeyUp),
+        onClick: (0, _uiUtils.createChainedFunction)(onClick, this.props.onClick),
+        onBlur: (0, _uiUtils.createChainedFunction)(this.handleTriggerBlur, this.props.onBlur),
+        onFocus: (0, _uiUtils.createChainedFunction)(onFocus, this.props.onFocus),
+        onMouseOut: (0, _uiUtils.createChainedFunction)(onMouseOut, this.props.onMouseOut),
+        onMouseOver: (0, _uiUtils.createChainedFunction)(onMouseOver, this.props.onMouseOver)
       });
     }
     return trigger;
   }
   renderContent() {
-    let content = (0, _callRenderProp.callRenderProp)(this.props.children);
+    let content = (0, _uiReactUtils.callRenderProp)(this.props.children);
     if (this.props.shouldScrollContent) {
       content = (0, _jsxRuntime.jsx)("div", {
         css: this.props.styles?.scrollContainer,
@@ -433,7 +423,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
     if (this.shown && !this.isTooltip) {
       // if popover is NOT being used as a tooltip, create a Dialog
       // to manage the content FocusRegion, when showing
-      content = (0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      content = (0, _jsxRuntime.jsx)(_uiDialog.Dialog, {
         open: this.shown,
         label: this.props.screenReaderLabel,
         ref: el => {
@@ -485,7 +475,7 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
           ...viewProps,
           // TODO: remove background override after contextview is updated
           background: color === 'primary' ? 'default' : 'inverse',
-          placement: this.props.dir === _textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION.rtl ? (0, _mirrorHorizontalPlacement.mirrorHorizontalPlacement)(placement, ' ') : placement
+          placement: this.props.dir === _uiI18n.textDirectionContextConsumer.DIRECTION.rtl ? (0, _uiPosition.mirrorHorizontalPlacement)(placement, ' ') : placement
         };
         return (0, _jsxRuntime.jsx)(_latest.ContextView, {
           ...viewProps,
@@ -517,15 +507,15 @@ let Popover = exports.Popover = (_dec = (0, _withDeterministicId.withDeterminist
     if (this.props.positionTarget) {
       return (0, _jsxRuntime.jsxs)("span", {
         ref: this.handleRef,
-        children: [this.renderTrigger(), (0, _jsxRuntime.jsx)(_Position.Position, {
+        children: [this.renderTrigger(), (0, _jsxRuntime.jsx)(_uiPosition.Position, {
           ...positionProps,
-          "data-cid": (0, _combineDataCid.combineDataCid)('Popover', this.props),
+          "data-cid": (0, _uiUtils.combineDataCid)('Popover', this.props),
           children: this.renderContent()
         })]
       });
     } else {
-      return (0, _jsxRuntime.jsx)(_Position.Position, {
-        "data-cid": (0, _combineDataCid.combineDataCid)('Popover', this.props),
+      return (0, _jsxRuntime.jsx)(_uiPosition.Position, {
+        "data-cid": (0, _uiUtils.combineDataCid)('Popover', this.props),
         ...positionProps,
         renderTarget: this.renderTrigger(),
         elementRef: this.handleRef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-popover",
-  "version": "11.7.8",
+  "version": "11.7.9-snapshot-1",
   "description": "A component for hiding or showing content based on user interaction.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -16,25 +16,25 @@
   "dependencies": {
     "@babel/runtime": "^7.29.7",
     "keycode": "^2.2.1",
-    "@instructure/console": "11.7.8",
-    "@instructure/emotion": "11.7.8",
-    "@instructure/ui-a11y-utils": "11.7.8",
-    "@instructure/ui-dialog": "11.7.8",
-    "@instructure/shared-types": "11.7.8",
-    "@instructure/ui-i18n": "11.7.8",
-    "@instructure/ui-position": "11.7.8",
-    "@instructure/ui-dom-utils": "11.7.8",
-    "@instructure/ui-themes": "11.7.8",
-    "@instructure/ui-utils": "11.7.8",
-    "@instructure/ui-react-utils": "11.7.8",
-    "@instructure/uid": "11.7.8",
-    "@instructure/ui-view": "11.7.8"
+    "@instructure/console": "11.7.9-snapshot-1",
+    "@instructure/emotion": "11.7.9-snapshot-1",
+    "@instructure/ui-a11y-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-dialog": "11.7.9-snapshot-1",
+    "@instructure/shared-types": "11.7.9-snapshot-1",
+    "@instructure/ui-dom-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-i18n": "11.7.9-snapshot-1",
+    "@instructure/ui-react-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-themes": "11.7.9-snapshot-1",
+    "@instructure/ui-position": "11.7.9-snapshot-1",
+    "@instructure/ui-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-view": "11.7.9-snapshot-1",
+    "@instructure/uid": "11.7.9-snapshot-1"
   },
   "devDependencies": {
     "vitest": "^5.0.0",
-    "@instructure/ui-axe-check": "11.7.8",
-    "@instructure/ui-babel-preset": "11.7.8",
-    "@instructure/ui-color-utils": "11.7.8"
+    "@instructure/ui-axe-check": "11.7.9-snapshot-1",
+    "@instructure/ui-babel-preset": "11.7.9-snapshot-1",
+    "@instructure/ui-color-utils": "11.7.9-snapshot-1"
   },
   "peerDependencies": {
     "react": ">=18 <=19"