@instructure/ui-dom-utils 8.33.1 → 8.33.2-snapshot-5

package/lib/getFontSize.js

@@ -5,13 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getFontSize = getFontSize;
-
 var _canUseDOM = require("./canUseDOM");
-
 var _ownerDocument = require("./ownerDocument");
-
 var _getComputedStyle = require("./getComputedStyle");
-
 /*
  * The MIT License (MIT)
  *
@@ -35,7 +31,9 @@ var _getComputedStyle = require("./getComputedStyle");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const COMPUTED_CACHE = new WeakMap();
+
 /**
  * ---
  * category: utilities/DOM
@@ -48,27 +46,23 @@ const COMPUTED_CACHE = new WeakMap();
  * @param { boolean } ignoreCache
  * @returns { number } font size in px
  */
-
 function getFontSize(el) {
   let ignoreCache = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
-
   if (!_canUseDOM.canUseDOM) {
     return 16;
   }
+  const container = el || (0, _ownerDocument.ownerDocument)(el).documentElement;
 
-  const container = el || (0, _ownerDocument.ownerDocument)(el).documentElement; // return the cached font size if it's there
-
+  // return the cached font size if it's there
   const cachedValue = COMPUTED_CACHE.get(container);
-
   if (!ignoreCache && cachedValue) {
     return cachedValue;
   }
+  const fontSize = parseInt((0, _getComputedStyle.getComputedStyle)(container).getPropertyValue('font-size'));
 
-  const fontSize = parseInt((0, _getComputedStyle.getComputedStyle)(container).getPropertyValue('font-size')); // cache the computed font size so that we don't have to compute it again
-
+  // cache the computed font size so that we don't have to compute it again
   COMPUTED_CACHE.set(container, fontSize);
   return fontSize;
 }
-
 var _default = getFontSize;
 exports.default = _default;

package/lib/getOffsetParents.js

@@ -5,15 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getOffsetParents = getOffsetParents;
-
 var _findDOMNode = require("./findDOMNode");
-
 var _canUseDOM = require("./canUseDOM");
-
 var _getComputedStyle = require("./getComputedStyle");
-
 var _ownerDocument = require("./ownerDocument");
-
 /*
  * The MIT License (MIT)
  *
@@ -53,32 +48,26 @@ var _ownerDocument = require("./ownerDocument");
  */
 function getOffsetParents(el) {
   const parents = [];
-
   if (!_canUseDOM.canUseDOM) {
     return parents;
   }
-
   const node = el && (0, _findDOMNode.findDOMNode)(el);
-
   if (node) {
-    let parent = node; // eslint-disable-next-line no-cond-assign
+    let parent = node;
 
+    // eslint-disable-next-line no-cond-assign
     while ((parent = parent.parentNode) && parent && parent.nodeType === 1 && parent.tagName !== 'BODY') {
       const style = (0, _getComputedStyle.getComputedStyle)(parent);
-      const transform = style.getPropertyValue('-webkit-transform') || style.getPropertyValue('-moz-transform') || style.getPropertyValue('-ms-transform') || style.getPropertyValue('-o-transform') || style.getPropertyValue('transform') || 'none'; // initial value of transform can be 'none' or a matrix equivalent
-
+      const transform = style.getPropertyValue('-webkit-transform') || style.getPropertyValue('-moz-transform') || style.getPropertyValue('-ms-transform') || style.getPropertyValue('-o-transform') || style.getPropertyValue('transform') || 'none';
+      // initial value of transform can be 'none' or a matrix equivalent
       const transformDefault = transform === 'none' || transform === 'matrix(1, 0, 0, 1, 0, 0)' ? true : false;
-
       if (style.position !== 'static' || !transformDefault) {
         parents.push(parent);
       }
     }
-
     parents.push((0, _ownerDocument.ownerDocument)(node).body);
   }
-
   return parents;
 }
-
 var _default = getOffsetParents;
 exports.default = _default;

package/lib/getScrollParents.js

@@ -5,13 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getScrollParents = getScrollParents;
-
 var _findDOMNode = require("./findDOMNode");
-
 var _canUseDOM = require("./canUseDOM");
-
 var _getComputedStyle = require("./getComputedStyle");
-
 /*
  * The MIT License (MIT)
  *
@@ -52,64 +48,52 @@ var _getComputedStyle = require("./getComputedStyle");
  */
 function getScrollParents(el) {
   const parents = [];
-
   if (!_canUseDOM.canUseDOM) {
     return parents;
   }
-
   const node = el && (0, _findDOMNode.findDOMNode)(el);
-
   if (node) {
     // In firefox if the element is inside an iframe with display: none; window.getComputedStyle() will return null;
     // https://bugzilla.mozilla.org/show_bug.cgi?id=548397
     const computedStyle = (0, _getComputedStyle.getComputedStyle)(node) || {};
     const position = computedStyle.position;
-
     if (position === 'fixed') {
       return [node.ownerDocument];
     }
-
-    let parent = node; // eslint-disable-next-line no-cond-assign
-
+    let parent = node;
+    // eslint-disable-next-line no-cond-assign
     while (parent && parent.nodeType === 1 && (parent = parent.parentNode)) {
       let style;
-
       try {
         style = (0, _getComputedStyle.getComputedStyle)(parent);
       } catch (err) {} // eslint-disable-line no-empty
 
-
       if (typeof style === 'undefined' || style === null) {
         parents.push(parent);
         return parents;
       }
-
       const _ref = style,
-            overflow = _ref.overflow,
-            overflowX = _ref.overflowX,
-            overflowY = _ref.overflowY;
-
+        overflow = _ref.overflow,
+        overflowX = _ref.overflowX,
+        overflowY = _ref.overflowY;
       if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {
         if (position !== 'absolute' || ['relative', 'absolute', 'fixed'].indexOf(style.position) >= 0) {
           parents.push(parent);
         }
       }
     }
-
     const ownerDocument = node.ownerDocument;
-
     if (ownerDocument) {
-      parents.push(ownerDocument.body); // If the node is within a frame, account for the parent window scroll
+      parents.push(ownerDocument.body);
 
+      // If the node is within a frame, account for the parent window scroll
       if (ownerDocument !== document) {
         // ownerDocument.defaultView can be null
         parents.push(ownerDocument.defaultView);
       }
     }
   }
-
   return parents;
 }
-
 var _default = getScrollParents;
 exports.default = _default;

package/lib/handleMouseOverOut.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.handleMouseOverOut = handleMouseOverOut;
-
 var _contains = require("./contains");
-
 /*
  * The MIT License (MIT)
  *
@@ -49,11 +47,9 @@ var _contains = require("./contains");
 function handleMouseOverOut(handler, event) {
   const target = event.currentTarget;
   const related = event.relatedTarget;
-
   if (!related || related !== target && !(0, _contains.contains)(target, related)) {
     handler(event);
   }
 }
-
 var _default = handleMouseOverOut;
 exports.default = _default;

package/lib/index.js

@@ -159,55 +159,29 @@ Object.defineProperty(exports, "transformSelection", {
     return _transformSelection.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");
-
 var _getActiveElement = require("./getActiveElement");
-
 var _getBoundingClientRect = require("./getBoundingClientRect");
-
 var _getClassList = require("./getClassList");
-
 var _getComputedStyle = require("./getComputedStyle");
-
 var _getFontSize = require("./getFontSize");
-
 var _getOffsetParents = require("./getOffsetParents");
-
 var _getScrollParents = require("./getScrollParents");
-
 var _handleMouseOverOut = require("./handleMouseOverOut");
-
 var _isActiveElement = require("./isActiveElement");
-
 var _isVisible = require("./isVisible");
-
 var _ownerDocument = require("./ownerDocument");
-
 var _ownerWindow = require("./ownerWindow");
-
 var _requestAnimationFrame = require("./requestAnimationFrame");
-
 var _transformSelection = require("./transformSelection");
-
 var _matchMedia = require("./matchMedia");

package/lib/isActiveElement.js

@@ -5,11 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.isActiveElement = isActiveElement;
-
 var _findDOMNode = require("./findDOMNode");
-
 var _getActiveElement = require("./getActiveElement");
-
 /*
  * The MIT License (MIT)
  *
@@ -48,6 +45,5 @@ function isActiveElement(el) {
   const node = el && (0, _findDOMNode.findDOMNode)(el);
   return node ? (0, _getActiveElement.getActiveElement)() === node : false;
 }
-
 var _default = isActiveElement;
 exports.default = _default;

package/lib/isDefinedCustomElement.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.isDefinedCustomElement = isDefinedCustomElement;
-
 /*
  * The MIT License (MIT)
  *
@@ -43,6 +42,5 @@ exports.isDefinedCustomElement = isDefinedCustomElement;
 function isDefinedCustomElement(el) {
   return Boolean(el.tagName.includes('-') && customElements.get(el.tagName.toLowerCase()));
 }
-
 var _default = isDefinedCustomElement;
 exports.default = _default;

package/lib/isVisible.js

@@ -5,11 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.isVisible = isVisible;
-
 var _findDOMNode = require("./findDOMNode");
-
 var _getComputedStyle = require("./getComputedStyle");
-
 /*
  * The MIT License (MIT)
  *
@@ -50,30 +47,26 @@ var _getComputedStyle = require("./getComputedStyle");
  */
 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
-
+  const node = el && (0, _findDOMNode.findDOMNode)(el);
+  // skip document or window nodes
   if (node === window || node === document || node === document.body) {
     return true;
   }
-
-  const parent = node.parentNode; // skip text node, check parent
-
+  const parent = node.parentNode;
+  // skip text node, check parent
   if (node.nodeType === 3) {
     return isVisible(parent, recursive);
   }
-
-  const style = node ? (0, _getComputedStyle.getComputedStyle)(node) : {}; // physically and visually hidden
-
+  const style = node ? (0, _getComputedStyle.getComputedStyle)(node) : {};
+  // physically and visually hidden
   if (style.display === 'none') {
     return false;
-  } // visually hidden
-
-
+  }
+  // visually hidden
   if (style.visibility === 'hidden' || style.opacity === '0') {
     return false;
-  } // hidden by clipping
-
-
+  }
+  // hidden by clipping
   if (style.overflow === 'hidden' && style.position === 'absolute' && style.clip !== 'auto') {
     const rect = style.clip.substring(5).slice(0, -1).split(', ');
     let zeros = true;
@@ -82,12 +75,10 @@ function isVisible(el) {
         zeros = false;
       }
     });
-
     if (zeros) {
       return false;
     }
   }
-
   if (recursive && parent) {
     // recursively check parent visibility
     return isVisible(parent);
@@ -95,6 +86,5 @@ function isVisible(el) {
     return true;
   }
 }
-
 var _default = isVisible;
 exports.default = _default;

package/lib/matchMedia.js

@@ -5,13 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.matchMedia = matchMedia;
-
 var _canUseDOM = require("./canUseDOM");
-
 var _findDOMNode = require("./findDOMNode");
-
 var _ownerWindow = require("./ownerWindow");
-
 /*
  * The MIT License (MIT)
  *
@@ -51,14 +47,11 @@ var _ownerWindow = require("./ownerWindow");
  */
 function matchMedia(query, el) {
   const node = (0, _findDOMNode.findDOMNode)(el) || document;
-
   if (_canUseDOM.canUseDOM) {
     const window = (0, _ownerWindow.ownerWindow)(node);
     return window && window.matchMedia(query);
   }
-
   return null;
 }
-
 var _default = matchMedia;
 exports.default = _default;

package/lib/ownerDocument.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.ownerDocument = ownerDocument;
-
 var _findDOMNode = require("./findDOMNode");
-
 /*
  * The MIT License (MIT)
  *
@@ -45,13 +43,10 @@ var _findDOMNode = require("./findDOMNode");
 function ownerDocument(el) {
   const node = el && (0, _findDOMNode.findDOMNode)(el);
   let ownerDocument;
-
   if (node && 'ownerDocument' in node) {
     ownerDocument = node.ownerDocument;
   }
-
   return ownerDocument || document;
 }
-
 var _default = ownerDocument;
 exports.default = _default;

package/lib/ownerWindow.js

@@ -5,11 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.ownerWindow = ownerWindow;
-
 var _findDOMNode = require("./findDOMNode");
-
 var _ownerDocument = require("./ownerDocument");
-
 /*
  * The MIT License (MIT)
  *
@@ -49,6 +46,5 @@ function ownerWindow(el) {
   const doc = (0, _ownerDocument.ownerDocument)(node);
   return doc && doc.defaultView;
 }
-
 var _default = ownerWindow;
 exports.default = _default;

package/lib/requestAnimationFrame.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.requestAnimationFrame = exports.default = void 0;
-
 var _canUseDOM = require("./canUseDOM");
-
 /*
  * The MIT License (MIT)
  *
@@ -45,8 +43,8 @@ var _canUseDOM = require("./canUseDOM");
  */
 const requestAnimationFrame = function () {
   let requestAnimationFrame;
-  /* istanbul ignore else  */
 
+  /* istanbul ignore else  */
   if (_canUseDOM.canUseDOM && window.requestAnimationFrame && window.cancelAnimationFrame) {
     requestAnimationFrame = cb => {
       const id = window.requestAnimationFrame(cb);
@@ -57,7 +55,6 @@ const requestAnimationFrame = function () {
   } else {
     /* https://github.com/component/raf */
     let prev = new Date().getTime();
-
     requestAnimationFrame = cb => {
       const curr = new Date().getTime();
       const ms = Math.max(0, 16 - (curr - prev));
@@ -68,10 +65,8 @@ const requestAnimationFrame = function () {
       };
     };
   }
-
   return requestAnimationFrame;
 }();
-
 exports.requestAnimationFrame = requestAnimationFrame;
 var _default = requestAnimationFrame;
 exports.default = _default;

package/lib/transformSelection.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.transformCursor = transformCursor;
 exports.transformSelection = transformSelection;
-
 /*
  * The MIT License (MIT)
  *
@@ -45,15 +44,16 @@ exports.transformSelection = transformSelection;
  */
 function transformSelection(element, cleanedValue) {
   const selectionStart = element.selectionStart,
-        selectionEnd = element.selectionEnd,
-        selectionDirection = element.selectionDirection,
-        value = element.value;
+    selectionEnd = element.selectionEnd,
+    selectionDirection = element.selectionDirection,
+    value = element.value;
   return {
     selectionStart: transformCursor(selectionStart, value, cleanedValue),
     selectionEnd: transformCursor(selectionEnd, value, cleanedValue),
     selectionDirection
   };
 }
+
 /**
  * Calculate the resulting cursor position
  * within a string when some characters are removed
@@ -63,29 +63,22 @@ function transformSelection(element, cleanedValue) {
  * @param {string} cleanedValue - original string with some characters removed
  * @returns {number} resulting cursor index
  */
-
-
 function transformCursor(cursorIndex, dirtyValue, cleanedValue) {
   if (dirtyValue.length === cleanedValue.length) {
     return cursorIndex;
   }
-
   if (cursorIndex === 0) {
     return 0;
   }
-
   if (cursorIndex === dirtyValue.length) {
     return cleanedValue.length;
   }
-
   return dirtyValue.split('').slice(0, cursorIndex).reduce((result, value) => {
     if (value === cleanedValue[result]) {
       return result + 1;
     }
-
     return result;
   }, 0);
 }
-
 var _default = transformSelection;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-dom-utils",
-  "version": "8.33.1",
+  "version": "8.33.2-snapshot-5",
   "description": "A DOM utility library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -22,13 +22,13 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.33.1",
-    "@instructure/ui-test-utils": "8.33.1"
+    "@instructure/ui-babel-preset": "8.33.2-snapshot-5",
+    "@instructure/ui-test-utils": "8.33.2-snapshot-5"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.33.1",
-    "@instructure/shared-types": "8.33.1"
+    "@instructure/console": "8.33.2-snapshot-5",
+    "@instructure/shared-types": "8.33.2-snapshot-5"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18",