@instructure/ui-dom-utils 8.56.0 → 9.0.0

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.
 
+# [9.0.0](https://github.com/instructure/instructure-ui/compare/v8.56.0...v9.0.0) (2024-05-09)
+
+
+### Features
+
+* **ui-dom-utils,ui-react-utils,ui-utils:** remove deprecated utils ([0a8c8e3](https://github.com/instructure/instructure-ui/commit/0a8c8e3230db7a7ec107bb726d1f98375c9446c4))
+
+
+### BREAKING CHANGES
+
+* **ui-dom-utils,ui-react-utils,ui-utils:** deprecated utils has been removed
+
+
+
+
+
 # [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-dom-utils

package/es/findFocusable.js

@@ -34,7 +34,7 @@
  * http://api.jqueryui.com/category/ui-core/
  **/
 
-import { getComputedStyle, findDOMNode, elementMatches } from './';
+import { getComputedStyle, findDOMNode } from './';
 const focusableSelector = ['a[href]', 'frame', 'iframe', 'object', 'input:not([type=hidden])', 'select', 'textarea', 'button', '*[tabindex]', '[contenteditable="true"]'].join(',');
 function findFocusable(el, filter, shouldSearchRootNode) {
   const element = el && findDOMNode(el);
@@ -42,7 +42,7 @@ function findFocusable(el, filter, shouldSearchRootNode) {
     return [];
   }
   let matches = Array.from(element.querySelectorAll(focusableSelector));
-  if (shouldSearchRootNode && elementMatches(element, focusableSelector)) {
+  if (shouldSearchRootNode && element.matches(focusableSelector)) {
     matches = [...matches, element];
   }
   return matches.filter(el => {

package/es/index.js

@@ -26,11 +26,9 @@
 export { addEventListener } from './addEventListener';
 export { addInputModeListener } from './addInputModeListener';
 export { addPositionChangeListener } from './addPositionChangeListener';
-export { addResizeListener } from './addResizeListener';
 export { canUseDOM } from './canUseDOM';
 export { contains } from './contains';
 export { containsActiveElement } from './containsActiveElement';
-export { elementMatches } from './elementMatches';
 export { findDOMNode } from './findDOMNode';
 export { findFocusable } from './findFocusable';
 export { findTabbable } from './findTabbable';

package/lib/findFocusable.js

@@ -49,7 +49,7 @@ function findFocusable(el, filter, shouldSearchRootNode) {
     return [];
   }
   let matches = Array.from(element.querySelectorAll(focusableSelector));
-  if (shouldSearchRootNode && (0, _.elementMatches)(element, focusableSelector)) {
+  if (shouldSearchRootNode && element.matches(focusableSelector)) {
     matches = [...matches, element];
   }
   return matches.filter(el => {

package/lib/index.js

@@ -21,12 +21,6 @@ Object.defineProperty(exports, "addPositionChangeListener", {
     return _addPositionChangeListener.addPositionChangeListener;
   }
 });
-Object.defineProperty(exports, "addResizeListener", {
-  enumerable: true,
-  get: function () {
-    return _addResizeListener.addResizeListener;
-  }
-});
 Object.defineProperty(exports, "canUseDOM", {
   enumerable: true,
   get: function () {
@@ -45,12 +39,6 @@ Object.defineProperty(exports, "containsActiveElement", {
     return _containsActiveElement.containsActiveElement;
   }
 });
-Object.defineProperty(exports, "elementMatches", {
-  enumerable: true,
-  get: function () {
-    return _elementMatches.elementMatches;
-  }
-});
 Object.defineProperty(exports, "findDOMNode", {
   enumerable: true,
   get: function () {
@@ -162,11 +150,9 @@ Object.defineProperty(exports, "transformSelection", {
 var _addEventListener = require("./addEventListener");
 var _addInputModeListener = require("./addInputModeListener");
 var _addPositionChangeListener = require("./addPositionChangeListener");
-var _addResizeListener = require("./addResizeListener");
 var _canUseDOM = require("./canUseDOM");
 var _contains = require("./contains");
 var _containsActiveElement = require("./containsActiveElement");
-var _elementMatches = require("./elementMatches");
 var _findDOMNode = require("./findDOMNode");
 var _findFocusable = require("./findFocusable");
 var _findTabbable = require("./findTabbable");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-dom-utils",
-  "version": "8.56.0",
+  "version": "9.0.0",
   "description": "A DOM utility library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -22,14 +22,14 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.56.0",
+    "@instructure/ui-babel-preset": "9.0.0",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.1.2"
   },
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/console": "8.56.0",
-    "@instructure/shared-types": "8.56.0"
+    "@instructure/console": "9.0.0",
+    "@instructure/shared-types": "9.0.0"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18",

package/src/findFocusable.ts

@@ -34,7 +34,7 @@
  * http://api.jqueryui.com/category/ui-core/
  **/
 
-import { getComputedStyle, findDOMNode, elementMatches } from './'
+import { getComputedStyle, findDOMNode } from './'
 import type { UIElement } from '@instructure/shared-types'
 
 const focusableSelector = [
@@ -68,7 +68,7 @@ function findFocusable(
     (element as Element | Document).querySelectorAll(focusableSelector)
   )
 
-  if (shouldSearchRootNode && elementMatches(element, focusableSelector)) {
+  if (shouldSearchRootNode && (element as Element).matches(focusableSelector)) {
     matches = [...matches, element as Element]
   }
 

package/src/index.ts

@@ -27,11 +27,9 @@ export { addEventListener } from './addEventListener'
 export { addInputModeListener } from './addInputModeListener'
 export { addPositionChangeListener } from './addPositionChangeListener'
 export type { PositionChangeListenerType } from './addPositionChangeListener'
-export { addResizeListener } from './addResizeListener'
 export { canUseDOM } from './canUseDOM'
 export { contains } from './contains'
 export { containsActiveElement } from './containsActiveElement'
-export { elementMatches } from './elementMatches'
 export { findDOMNode } from './findDOMNode'
 export { findFocusable } from './findFocusable'
 export { findTabbable } from './findTabbable'