@instructure/ui-dom-utils 8.12.1-snapshot.7 → 8.13.1-snapshot.9

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.13.0](https://github.com/instructure/instructure-ui/compare/v8.12.0...v8.13.0) (2021-12-01)
+
+### Bug Fixes
+
+- **ui-popover,ui-tooltip:** fixed Tooltip triggers being transformed to links/buttons ([07b0037](https://github.com/instructure/instructure-ui/commit/07b0037b0ddaf6d4f19cca140fc82fc9a2f1efc9))
+
 # [8.12.0](https://github.com/instructure/instructure-ui/compare/v8.11.1...v8.12.0) (2021-11-17)
 
 **Note:** Version bump only for package @instructure/ui-dom-utils

package/es/addResizeListener.js

@@ -61,7 +61,8 @@ import { requestAnimationFrame } from './requestAnimationFrame';
  * @param dimensions
  * @returns {function} remove - cancel the listener and no longer execute the handler function
  */
-function addResizeListener(el, handler, dimensions = ['width']) {
+function addResizeListener(el, handler) {
+  let dimensions = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ['width'];
   const node = findDOMNode(el);
   let origSize = getBoundingClientRect(node);
   let cancelled = false;

package/es/getFontSize.js

@@ -38,7 +38,9 @@ const COMPUTED_CACHE = new WeakMap();
  * @returns { number } font size in px
  */
 
-function getFontSize(el, ignoreCache = false) {
+function getFontSize(el) {
+  let ignoreCache = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+
   if (!canUseDOM) {
     return 16;
   }

package/es/isVisible.js

@@ -38,7 +38,8 @@ import { getComputedStyle } from './getComputedStyle';
  * will determine visibility based only on the styles of the given node.
  * @returns {boolean} if the element is visible
  */
-function isVisible(el, recursive = true) {
+function isVisible(el) {
+  let recursive = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
   const node = el && findDOMNode(el); // skip document or window nodes
 
   if (node === window || node === document || node === document.body) {

package/lib/InputModeListener.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InputModeListener = exports.default = exports.MODES = void 0;
+exports.default = exports.MODES = exports.InputModeListener = void 0;
 
 var _console = require("@instructure/console");
 

package/lib/addInputModeListener.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MODES = exports.addInputModeListener = exports.default = void 0;
+exports.default = exports.addInputModeListener = exports.MODES = void 0;
 
 var _addEventListener = require("./addEventListener");
 

package/lib/addResizeListener.js

@@ -72,7 +72,8 @@ var _requestAnimationFrame = require("./requestAnimationFrame");
  * @param dimensions
  * @returns {function} remove - cancel the listener and no longer execute the handler function
  */
-function addResizeListener(el, handler, dimensions = ['width']) {
+function addResizeListener(el, handler) {
+  let dimensions = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ['width'];
   const node = (0, _findDOMNode.findDOMNode)(el);
   let origSize = (0, _getBoundingClientRect.getBoundingClientRect)(node);
   let cancelled = false;

package/lib/canUseDOM.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.canUseDOM = exports.default = void 0;
+exports.default = exports.canUseDOM = void 0;
 
 /*
  * The MIT License (MIT)

package/lib/contains.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.contains = exports.default = void 0;
+exports.default = exports.contains = void 0;
 
 var _findDOMNode = require("./findDOMNode");
 

package/lib/elementMatches.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.elementMatches = elementMatches;
 exports.default = void 0;
+exports.elementMatches = elementMatches;
 
 var _findDOMNode = require("./findDOMNode");
 

package/lib/findDOMNode.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.findDOMNode = findDOMNode;
 exports.default = void 0;
+exports.findDOMNode = findDOMNode;
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
 

package/lib/findFocusable.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.findFocusable = findFocusable;
 exports.default = void 0;
+exports.findFocusable = findFocusable;
 
 var _ = require("./");
 

package/lib/findTabbable.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.findTabbable = findTabbable;
 exports.default = void 0;
+exports.findTabbable = findTabbable;
 
 var _findFocusable = require("./findFocusable");
 

package/lib/getActiveElement.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getActiveElement = getActiveElement;
 exports.default = void 0;
+exports.getActiveElement = getActiveElement;
 
 /*
  * The MIT License (MIT)

package/lib/getBoundingClientRect.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getBoundingClientRect = getBoundingClientRect;
 exports.default = void 0;
+exports.getBoundingClientRect = getBoundingClientRect;
 
 var _findDOMNode = require("./findDOMNode");
 

package/lib/getClassList.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getClassList = getClassList;
 exports.default = void 0;
+exports.getClassList = getClassList;
 
 var _findDOMNode = require("./findDOMNode");
 

package/lib/getComputedStyle.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getComputedStyle = getComputedStyle;
 exports.default = void 0;
+exports.getComputedStyle = getComputedStyle;
 
 var _findDOMNode = require("./findDOMNode");
 

package/lib/getFontSize.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getFontSize = getFontSize;
 exports.default = void 0;
+exports.getFontSize = getFontSize;
 
 var _canUseDOM = require("./canUseDOM");
 
@@ -49,7 +49,9 @@ const COMPUTED_CACHE = new WeakMap();
  * @returns { number } font size in px
  */
 
-function getFontSize(el, ignoreCache = false) {
+function getFontSize(el) {
+  let ignoreCache = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+
   if (!_canUseDOM.canUseDOM) {
     return 16;
   }

package/lib/getOffsetParents.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getOffsetParents = getOffsetParents;
 exports.default = void 0;
+exports.getOffsetParents = getOffsetParents;
 
 var _findDOMNode = require("./findDOMNode");
 

package/lib/getScrollParents.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getScrollParents = getScrollParents;
 exports.default = void 0;
+exports.getScrollParents = getScrollParents;
 
 var _findDOMNode = require("./findDOMNode");
 

package/lib/handleMouseOverOut.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.handleMouseOverOut = handleMouseOverOut;
 exports.default = void 0;
+exports.handleMouseOverOut = handleMouseOverOut;
 
 var _contains = require("./contains");
 

package/lib/index.js

@@ -129,6 +129,12 @@ Object.defineProperty(exports, "isVisible", {
     return _isVisible.isVisible;
   }
 });
+Object.defineProperty(exports, "matchMedia", {
+  enumerable: true,
+  get: function () {
+    return _matchMedia.matchMedia;
+  }
+});
 Object.defineProperty(exports, "ownerDocument", {
   enumerable: true,
   get: function () {
@@ -153,12 +159,6 @@ Object.defineProperty(exports, "transformSelection", {
     return _transformSelection.transformSelection;
   }
 });
-Object.defineProperty(exports, "matchMedia", {
-  enumerable: true,
-  get: function () {
-    return _matchMedia.matchMedia;
-  }
-});
 
 var _addEventListener = require("./addEventListener");
 

package/lib/isActiveElement.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isActiveElement = isActiveElement;
 exports.default = void 0;
+exports.isActiveElement = isActiveElement;
 
 var _findDOMNode = require("./findDOMNode");
 

package/lib/isVisible.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isVisible = isVisible;
 exports.default = void 0;
+exports.isVisible = isVisible;
 
 var _findDOMNode = require("./findDOMNode");
 
@@ -48,7 +48,8 @@ var _getComputedStyle = require("./getComputedStyle");
  * will determine visibility based only on the styles of the given node.
  * @returns {boolean} if the element is visible
  */
-function isVisible(el, recursive = true) {
+function isVisible(el) {
+  let recursive = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
   const node = el && (0, _findDOMNode.findDOMNode)(el); // skip document or window nodes
 
   if (node === window || node === document || node === document.body) {

package/lib/matchMedia.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.matchMedia = matchMedia;
 exports.default = void 0;
+exports.matchMedia = matchMedia;
 
 var _canUseDOM = require("./canUseDOM");
 

package/lib/ownerDocument.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ownerDocument = ownerDocument;
 exports.default = void 0;
+exports.ownerDocument = ownerDocument;
 
 var _findDOMNode = require("./findDOMNode");
 

package/lib/ownerWindow.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ownerWindow = ownerWindow;
 exports.default = void 0;
+exports.ownerWindow = ownerWindow;
 
 var _findDOMNode = require("./findDOMNode");
 

package/lib/transformSelection.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 exports.transformCursor = transformCursor;
 exports.transformSelection = transformSelection;
-exports.default = void 0;
 
 /*
  * The MIT License (MIT)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-dom-utils",
-  "version": "8.12.1-snapshot.7+1e7ac8219",
+  "version": "8.13.1-snapshot.9+f32ba918e",
   "description": "A DOM utility library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -23,13 +23,13 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-test-utils": "8.12.1-snapshot.7+1e7ac8219"
+    "@instructure/ui-babel-preset": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-test-utils": "8.13.1-snapshot.9+f32ba918e"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/shared-types": "8.12.1-snapshot.7+1e7ac8219"
+    "@instructure/console": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/shared-types": "8.13.1-snapshot.9+f32ba918e"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17",
@@ -39,5 +39,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "1e7ac821932a91fe9ef761c96f747c7ea1f3925a"
+  "gitHead": "f32ba918e4d3ce76c6ee95c856584d00a9d80958"
 }

package/src/getComputedStyle.ts

@@ -39,7 +39,7 @@ import { UIElement } from '@instructure/shared-types'
  * @param { Node | Window | React.ReactElement | React.Component | function } el - component or DOM node
  * @returns { Object } object containing css properties and values for the element
  */
-function getComputedStyle(el: UIElement) {
+function getComputedStyle(el?: UIElement) {
   let style = {}
   if (canUseDOM) {
     const node = el && findDOMNode(el)

package/src/handleMouseOverOut.ts

@@ -40,7 +40,10 @@ import { contains } from './contains'
  */
 function handleMouseOverOut(
   handler: (...args: any[]) => any,
-  event: Event & { relatedTarget: EventTarget | null }
+  event: {
+    currentTarget: EventTarget | null
+    relatedTarget?: EventTarget | null
+  }
 ) {
   const target = event.currentTarget
   const related = event.relatedTarget

package/types/getComputedStyle.d.ts

@@ -11,7 +11,7 @@ import { UIElement } from '@instructure/shared-types';
  * @param { Node | Window | React.ReactElement | React.Component | function } el - component or DOM node
  * @returns { Object } object containing css properties and values for the element
  */
-declare function getComputedStyle(el: UIElement): CSSStyleDeclaration;
+declare function getComputedStyle(el?: UIElement): CSSStyleDeclaration;
 export default getComputedStyle;
 export { getComputedStyle };
 //# sourceMappingURL=getComputedStyle.d.ts.map

package/types/getComputedStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getComputedStyle.d.ts","sourceRoot":"","sources":["../src/getComputedStyle.ts"],"names":[],"mappings":"AA2BA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD;;;;;;;;;;;GAWG;AACH,iBAAS,gBAAgB,CAAC,EAAE,EAAE,SAAS,uBAUtC;AAED,eAAe,gBAAgB,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"getComputedStyle.d.ts","sourceRoot":"","sources":["../src/getComputedStyle.ts"],"names":[],"mappings":"AA2BA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD;;;;;;;;;;;GAWG;AACH,iBAAS,gBAAgB,CAAC,EAAE,CAAC,EAAE,SAAS,uBAUvC;AAED,eAAe,gBAAgB,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/types/handleMouseOverOut.d.ts

@@ -12,8 +12,9 @@
  * @param handler {function} Callback function for handling the event
  * @param event {Event} The DOM Event that was fired
  */
-declare function handleMouseOverOut(handler: (...args: any[]) => any, event: Event & {
-    relatedTarget: EventTarget | null;
+declare function handleMouseOverOut(handler: (...args: any[]) => any, event: {
+    currentTarget: EventTarget | null;
+    relatedTarget?: EventTarget | null;
 }): void;
 export default handleMouseOverOut;
 export { handleMouseOverOut };

package/types/handleMouseOverOut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handleMouseOverOut.d.ts","sourceRoot":"","sources":["../src/handleMouseOverOut.ts"],"names":[],"mappings":"AA0BA;;;;;;;;;;;;;GAaG;AACH,iBAAS,kBAAkB,CACzB,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAChC,KAAK,EAAE,KAAK,GAAG;IAAE,aAAa,EAAE,WAAW,GAAG,IAAI,CAAA;CAAE,QAYrD;AAED,eAAe,kBAAkB,CAAA;AACjC,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"handleMouseOverOut.d.ts","sourceRoot":"","sources":["../src/handleMouseOverOut.ts"],"names":[],"mappings":"AA0BA;;;;;;;;;;;;;GAaG;AACH,iBAAS,kBAAkB,CACzB,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAChC,KAAK,EAAE;IACL,aAAa,EAAE,WAAW,GAAG,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CACnC,QAYF;AAED,eAAe,kBAAkB,CAAA;AACjC,OAAO,EAAE,kBAAkB,EAAE,CAAA"}