@instructure/ui-dom-utils 11.7.3 → 11.7.4-pr-snapshot-1781695314229

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.4-pr-snapshot-1781695314229](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-pr-snapshot-1781695314229) (2026-06-17)
+
+**Note:** Version bump only for package @instructure/ui-dom-utils
+
+
+
+
+
 ## [11.7.3](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3) (2026-05-07)
 
 

package/LICENSE.md

@@ -2,6 +2,7 @@
 title: The MIT License (MIT)
 category: Getting Started
 order: 9
+isWIP: true
 ---
 
 # The MIT License (MIT)

package/{lib/canUseDOM.js → babel.config.cjs}

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.canUseDOM = void 0;
 /*
  * The MIT License (MIT)
  *
@@ -28,14 +22,15 @@ exports.default = exports.canUseDOM = void 0;
  * SOFTWARE.
  */
 
-/**
- * ---
- * category: utilities/DOM
- * ---
- *
- * Performs simple test to determine if DOM can be accessed
- * @module
- * @returns {boolean} whether the dom can be used
- */
-const canUseDOM = exports.canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-var _default = exports.default = canUseDOM;
+module.exports = {
+  presets: [
+    [
+      require('@instructure/ui-babel-preset'),
+      {
+        esModules: Boolean(process.env.ES_MODULES),
+        removeConsole: process.env.NODE_ENV === 'production',
+        transformImports: Boolean(process.env.TRANSFORM_IMPORTS)
+      }
+    ]
+  ]
+}

package/es/InputModeListener.js

@@ -23,8 +23,8 @@
  */
 
 import { logWarn as warn } from '@instructure/console';
-import { addEventListener } from "./addEventListener.js";
-import { canUseDOM } from "./canUseDOM.js";
+import { addEventListener } from './addEventListener.js';
+import { canUseDOM } from './canUseDOM.js';
 export const MODES = {
   keyboard: 'keyboard',
   pointer: 'pointer'

package/es/addEventListener.js

@@ -21,7 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { findDOMNode } from "./findDOMNode.js";
+
+import { findDOMNode } from './findDOMNode.js';
 /**
  * ---
  * category: utilities/DOM

package/es/addInputModeListener.js

@@ -21,8 +21,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { addEventListener } from "./addEventListener.js";
-import { canUseDOM } from "./canUseDOM.js";
+
+import { addEventListener } from './addEventListener.js';
+import { canUseDOM } from './canUseDOM.js';
 const MODES = {
   keyboard: 'keyboard',
   pointer: 'pointer'

package/es/addPositionChangeListener.js

@@ -21,9 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { findDOMNode } from "./findDOMNode.js";
-import { getBoundingClientRect } from "./getBoundingClientRect.js";
-import { requestAnimationFrame } from "./requestAnimationFrame.js";
+
+import { findDOMNode } from './findDOMNode.js';
+import { getBoundingClientRect } from './getBoundingClientRect.js';
+import { requestAnimationFrame } from './requestAnimationFrame.js';
 /**
  * ---
  * category: utilities/DOM

package/es/contains.js

@@ -21,8 +21,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { findDOMNode } from "./findDOMNode.js";
-import { canUseDOM } from "./canUseDOM.js";
+
+import { findDOMNode } from './findDOMNode.js';
+import { canUseDOM } from './canUseDOM.js';
 function containsWithDOM(context, el) {
   const container = context && findDOMNode(context);
   const node = el && findDOMNode(el);

package/es/containsActiveElement.js

@@ -21,9 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { findDOMNode } from "./findDOMNode.js";
-import { contains } from "./contains.js";
-import { getActiveElement } from "./getActiveElement.js";
+
+import { findDOMNode } from './findDOMNode.js';
+import { contains } from './contains.js';
+import { getActiveElement } from './getActiveElement.js';
 /**
  * ---
  * category: utilities/DOM

package/es/findFocusable.js

@@ -1,4 +1,3 @@
-import "core-js/modules/es.array.includes.js";
 /*
  * The MIT License (MIT)
  *
@@ -22,6 +21,7 @@ import "core-js/modules/es.array.includes.js";
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 /**
  * Adapted from jQuery UI core
  *
@@ -37,7 +37,7 @@ import "core-js/modules/es.array.includes.js";
 // or even better use the native <dialog> component.
 // tabbable has issues with scrollable containers, e.g.
 // https://github.com/focus-trap/tabbable/issues/167
-import { getCSSStyleDeclaration, findDOMNode } from "./index.js";
+import { getCSSStyleDeclaration, findDOMNode } from './index.js';
 const focusableSelector = ['a[href]', 'frame', 'iframe', 'object', 'input:not([type=hidden])', 'select', 'textarea', 'button', '*[tabindex]', '[contenteditable="true"]'].join(',');
 function hasQuerySelectorAll(el) {
   if (!el || typeof el.querySelectorAll !== 'function') {

package/es/findTabbable.js

@@ -21,7 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { findFocusable } from "./findFocusable.js";
+
+import { findFocusable } from './findFocusable.js';
 /**
  * ---
  * category: utilities/a11y

package/es/getActiveElement.js

@@ -21,7 +21,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { isDefinedCustomElement } from "./isDefinedCustomElement.js";
+
+import { isDefinedCustomElement } from './isDefinedCustomElement.js';
+
 /**
  * ---
  * category: utilities/DOM

package/es/getBoundingClientRect.js

@@ -21,10 +21,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { findDOMNode } from "./findDOMNode.js";
-import { canUseDOM } from "./canUseDOM.js";
-import { contains } from "./contains.js";
-import { ownerDocument } from "./ownerDocument.js";
+
+import { findDOMNode } from './findDOMNode.js';
+import { canUseDOM } from './canUseDOM.js';
+import { contains } from './contains.js';
+import { ownerDocument } from './ownerDocument.js';
 /**
  * ---
  * category: utilities/DOM

package/es/getCSSStyleDeclaration.js

@@ -21,9 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { findDOMNode } from "./findDOMNode.js";
-import { ownerWindow } from "./ownerWindow.js";
-import { canUseDOM } from "./canUseDOM.js";
+
+import { findDOMNode } from './findDOMNode.js';
+import { ownerWindow } from './ownerWindow.js';
+import { canUseDOM } from './canUseDOM.js';
 /**
  * ---
  * category: utilities/DOM

package/es/getClassList.js

@@ -21,7 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { findDOMNode } from "./findDOMNode.js";
+
+import { findDOMNode } from './findDOMNode.js';
 const apiForEmptyNode = {
   toArray: () => [],
   contains: () => false,

package/es/getFontSize.js

@@ -1,5 +1,3 @@
-import "core-js/modules/es.weak-map.get-or-insert.js";
-import "core-js/modules/es.weak-map.get-or-insert-computed.js";
 /*
  * The MIT License (MIT)
  *
@@ -23,9 +21,9 @@ import "core-js/modules/es.weak-map.get-or-insert-computed.js";
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { canUseDOM } from "./canUseDOM.js";
-import { ownerDocument } from "./ownerDocument.js";
-import { getCSSStyleDeclaration } from "./getCSSStyleDeclaration.js";
+import { canUseDOM } from './canUseDOM.js';
+import { ownerDocument } from './ownerDocument.js';
+import { getCSSStyleDeclaration } from './getCSSStyleDeclaration.js';
 const COMPUTED_CACHE = new WeakMap();
 
 /**

package/es/getOffsetParents.js

@@ -21,10 +21,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { findDOMNode } from "./findDOMNode.js";
-import { canUseDOM } from "./canUseDOM.js";
-import { getCSSStyleDeclaration } from "./getCSSStyleDeclaration.js";
-import { ownerDocument } from "./ownerDocument.js";
+
+import { findDOMNode } from './findDOMNode.js';
+import { canUseDOM } from './canUseDOM.js';
+import { getCSSStyleDeclaration } from './getCSSStyleDeclaration.js';
+import { ownerDocument } from './ownerDocument.js';
 /**
  * ---
  * category: utilities/DOM

package/es/getScrollParents.js

@@ -21,9 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { findDOMNode } from "./findDOMNode.js";
-import { canUseDOM } from "./canUseDOM.js";
-import { getCSSStyleDeclaration } from "./getCSSStyleDeclaration.js";
+
+import { findDOMNode } from './findDOMNode.js';
+import { canUseDOM } from './canUseDOM.js';
+import { getCSSStyleDeclaration } from './getCSSStyleDeclaration.js';
 /**
  * ---
  * category: utilities/DOM

package/es/handleMouseOverOut.js

@@ -21,7 +21,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { contains } from "./contains.js";
+
+import { contains } from './contains.js';
+
 /**
  * ---
  * category: utilities/DOM

package/es/index.js

@@ -21,28 +21,29 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 /* list utils in alphabetical order */
-export { addEventListener } from "./addEventListener.js";
-export { addInputModeListener } from "./addInputModeListener.js";
-export { addPositionChangeListener } from "./addPositionChangeListener.js";
-export { canUseDOM } from "./canUseDOM.js";
-export { contains } from "./contains.js";
-export { containsActiveElement } from "./containsActiveElement.js";
-export { findDOMNode } from "./findDOMNode.js";
-export { findFocusable } from "./findFocusable.js";
-export { findTabbable } from "./findTabbable.js";
-export { getActiveElement } from "./getActiveElement.js";
-export { getBoundingClientRect } from "./getBoundingClientRect.js";
-export { getClassList } from "./getClassList.js";
-export { getCSSStyleDeclaration } from "./getCSSStyleDeclaration.js";
-export { getFontSize } from "./getFontSize.js";
-export { getOffsetParents } from "./getOffsetParents.js";
-export { getScrollParents } from "./getScrollParents.js";
-export { handleMouseOverOut } from "./handleMouseOverOut.js";
-export { isActiveElement } from "./isActiveElement.js";
-export { isVisible } from "./isVisible.js";
-export { ownerDocument } from "./ownerDocument.js";
-export { ownerWindow } from "./ownerWindow.js";
-export { requestAnimationFrame } from "./requestAnimationFrame.js";
-export { transformSelection } from "./transformSelection.js";
-export { matchMedia } from "./matchMedia.js";
+export { addEventListener } from './addEventListener.js';
+export { addInputModeListener } from './addInputModeListener.js';
+export { addPositionChangeListener } from './addPositionChangeListener.js';
+export { canUseDOM } from './canUseDOM.js';
+export { contains } from './contains.js';
+export { containsActiveElement } from './containsActiveElement.js';
+export { findDOMNode } from './findDOMNode.js';
+export { findFocusable } from './findFocusable.js';
+export { findTabbable } from './findTabbable.js';
+export { getActiveElement } from './getActiveElement.js';
+export { getBoundingClientRect } from './getBoundingClientRect.js';
+export { getClassList } from './getClassList.js';
+export { getCSSStyleDeclaration } from './getCSSStyleDeclaration.js';
+export { getFontSize } from './getFontSize.js';
+export { getOffsetParents } from './getOffsetParents.js';
+export { getScrollParents } from './getScrollParents.js';
+export { handleMouseOverOut } from './handleMouseOverOut.js';
+export { isActiveElement } from './isActiveElement.js';
+export { isVisible } from './isVisible.js';
+export { ownerDocument } from './ownerDocument.js';
+export { ownerWindow } from './ownerWindow.js';
+export { requestAnimationFrame } from './requestAnimationFrame.js';
+export { transformSelection } from './transformSelection.js';
+export { matchMedia } from './matchMedia.js';

package/es/isActiveElement.js

@@ -21,8 +21,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { findDOMNode } from "./findDOMNode.js";
-import { getActiveElement } from "./getActiveElement.js";
+
+import { findDOMNode } from './findDOMNode.js';
+import { getActiveElement } from './getActiveElement.js';
 /**
  * ---
  * category: utilities/DOM

package/es/isDefinedCustomElement.js

@@ -1,4 +1,3 @@
-import "core-js/modules/es.array.includes.js";
 /*
  * The MIT License (MIT)
  *

package/es/isVisible.js

@@ -21,8 +21,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { findDOMNode } from "./findDOMNode.js";
-import { getCSSStyleDeclaration } from "./getCSSStyleDeclaration.js";
+
+import { findDOMNode } from './findDOMNode.js';
+import { getCSSStyleDeclaration } from './getCSSStyleDeclaration.js';
 /**
  * ---
  * category: utilities/DOM

package/es/matchMedia.js

@@ -21,9 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { canUseDOM } from "./canUseDOM.js";
-import { findDOMNode } from "./findDOMNode.js";
-import { ownerWindow } from "./ownerWindow.js";
+
+import { canUseDOM } from './canUseDOM.js';
+import { findDOMNode } from './findDOMNode.js';
+import { ownerWindow } from './ownerWindow.js';
 /**
  * ---
  * category: utilities/DOM

package/es/ownerDocument.js

@@ -21,8 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { findDOMNode } from "./findDOMNode.js";
-import canUseDOM from "./canUseDOM.js";
+
+import { findDOMNode } from './findDOMNode.js';
+import canUseDOM from './canUseDOM.js';
+
 /**
  * ---
  * category: utilities/DOM

package/es/ownerWindow.js

@@ -21,8 +21,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { findDOMNode } from "./findDOMNode.js";
-import { ownerDocument } from "./ownerDocument.js";
+
+import { findDOMNode } from './findDOMNode.js';
+import { ownerDocument } from './ownerDocument.js';
 /**
  * ---
  * category: utilities/DOM

package/es/requestAnimationFrame.js

@@ -21,7 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { canUseDOM } from "./canUseDOM.js";
+
+import { canUseDOM } from './canUseDOM.js';
 /**
  * ---
  * category: utilities/DOM

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@instructure/ui-dom-utils",
-  "version": "11.7.3",
+  "version": "11.7.4-pr-snapshot-1781695314229",
+  "type": "module",
   "description": "A DOM utility library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
-  "main": "./lib/index.js",
   "types": "./types/index.d.ts",
   "repository": {
     "type": "git",
@@ -15,14 +15,14 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.2",
-    "@instructure/console": "11.7.3",
-    "@instructure/shared-types": "11.7.3"
+    "@instructure/console": "11.7.4-pr-snapshot-1781695314229",
+    "@instructure/shared-types": "11.7.4-pr-snapshot-1781695314229"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "vitest": "^3.2.2",
-    "@instructure/ui-babel-preset": "11.7.3"
+    "@instructure/ui-babel-preset": "11.7.4-pr-snapshot-1781695314229"
   },
   "peerDependencies": {
     "react": ">=18 <=19",
@@ -37,10 +37,8 @@
       "src": "./src/index.ts",
       "types": "./types/index.d.ts",
       "import": "./es/index.js",
-      "require": "./lib/index.js",
       "default": "./es/index.js"
     },
-    "./lib/*": "./lib/*",
     "./es/*": "./es/*",
     "./types/*": "./types/*",
     "./package.json": "./package.json",
@@ -50,7 +48,7 @@
     "lint": "ui-scripts lint",
     "lint:fix": "ui-scripts lint --fix",
     "clean": "ui-scripts clean",
-    "build": "ui-scripts build --modules es,cjs",
+    "build": "ui-scripts build",
     "build:watch": "ui-scripts build --watch",
     "build:types": "tsc -p tsconfig.build.json"
   }

package/src/InputModeListener.ts

@@ -23,8 +23,8 @@
  */
 
 import { logWarn as warn } from '@instructure/console'
-import { addEventListener } from './addEventListener'
-import { canUseDOM } from './canUseDOM'
+import { addEventListener } from './addEventListener.js'
+import { canUseDOM } from './canUseDOM.js'
 
 import type { MouseEvent, PointerEvent, TouchEvent } from 'react'
 

package/src/addEventListener.ts

@@ -24,7 +24,7 @@
 
 import React from 'react'
 
-import { findDOMNode } from './findDOMNode'
+import { findDOMNode } from './findDOMNode.js'
 
 type ReactEvent = <T extends Event>(event: T) => void
 

package/src/addInputModeListener.ts

@@ -22,8 +22,8 @@
  * SOFTWARE.
  */
 
-import { addEventListener } from './addEventListener'
-import { canUseDOM } from './canUseDOM'
+import { addEventListener } from './addEventListener.js'
+import { canUseDOM } from './canUseDOM.js'
 
 import type { MouseEvent, PointerEvent, TouchEvent } from 'react'
 

package/src/addPositionChangeListener.ts

@@ -22,12 +22,12 @@
  * SOFTWARE.
  */
 
-import { findDOMNode } from './findDOMNode'
-import { getBoundingClientRect } from './getBoundingClientRect'
+import { findDOMNode } from './findDOMNode.js'
+import { getBoundingClientRect } from './getBoundingClientRect.js'
 import {
   requestAnimationFrame,
   RequestAnimationFrameType
-} from './requestAnimationFrame'
+} from './requestAnimationFrame.js'
 import { UIElement } from '@instructure/shared-types'
 
 type PositionChangeListenerType = { remove: () => void }

package/src/contains.ts

@@ -22,8 +22,8 @@
  * SOFTWARE.
  */
 
-import { findDOMNode } from './findDOMNode'
-import { canUseDOM } from './canUseDOM'
+import { findDOMNode } from './findDOMNode.js'
+import { canUseDOM } from './canUseDOM.js'
 import { UIElement } from '@instructure/shared-types'
 
 function containsWithDOM(context: UIElement, el: UIElement) {

package/src/containsActiveElement.ts

@@ -22,9 +22,9 @@
  * SOFTWARE.
  */
 
-import { findDOMNode } from './findDOMNode'
-import { contains } from './contains'
-import { getActiveElement } from './getActiveElement'
+import { findDOMNode } from './findDOMNode.js'
+import { contains } from './contains.js'
+import { getActiveElement } from './getActiveElement.js'
 import { UIElement } from '@instructure/shared-types'
 
 /**

package/src/findFocusable.ts

@@ -37,7 +37,7 @@
 // or even better use the native <dialog> component.
 // tabbable has issues with scrollable containers, e.g.
 // https://github.com/focus-trap/tabbable/issues/167
-import { getCSSStyleDeclaration, findDOMNode } from './'
+import { getCSSStyleDeclaration, findDOMNode } from './index.js'
 import type { UIElement } from '@instructure/shared-types'
 
 const focusableSelector = [

package/src/findTabbable.ts

@@ -22,7 +22,7 @@
  * SOFTWARE.
  */
 
-import { findFocusable } from './findFocusable'
+import { findFocusable } from './findFocusable.js'
 import { UIElement } from '@instructure/shared-types'
 
 /**

package/src/getActiveElement.ts

@@ -22,7 +22,7 @@
  * SOFTWARE.
  */
 
-import { isDefinedCustomElement } from './isDefinedCustomElement'
+import { isDefinedCustomElement } from './isDefinedCustomElement.js'
 
 /**
  * ---

package/src/getBoundingClientRect.ts

@@ -22,10 +22,10 @@
  * SOFTWARE.
  */
 
-import { findDOMNode } from './findDOMNode'
-import { canUseDOM } from './canUseDOM'
-import { contains } from './contains'
-import { ownerDocument } from './ownerDocument'
+import { findDOMNode } from './findDOMNode.js'
+import { canUseDOM } from './canUseDOM.js'
+import { contains } from './contains.js'
+import { ownerDocument } from './ownerDocument.js'
 import { UIElement } from '@instructure/shared-types'
 
 type RectType = {

package/src/getCSSStyleDeclaration.ts

@@ -22,9 +22,9 @@
  * SOFTWARE.
  */
 
-import { findDOMNode } from './findDOMNode'
-import { ownerWindow } from './ownerWindow'
-import { canUseDOM } from './canUseDOM'
+import { findDOMNode } from './findDOMNode.js'
+import { ownerWindow } from './ownerWindow.js'
+import { canUseDOM } from './canUseDOM.js'
 import type { UIElement } from '@instructure/shared-types'
 
 /**

package/src/getClassList.ts

@@ -22,7 +22,7 @@
  * SOFTWARE.
  */
 
-import { findDOMNode } from './findDOMNode'
+import { findDOMNode } from './findDOMNode.js'
 import { UIElement } from '@instructure/shared-types'
 
 type ClassListApi = {