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

package/es/getClassList.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import { findDOMNode } from './findDOMNode';
 const apiForEmptyNode = {
   toArray: () => [],
@@ -28,6 +29,7 @@ const apiForEmptyNode = {
   add: () => {},
   remove: () => {}
 };
+
 /**
  * ---
  * category: utilities/DOM
@@ -42,7 +44,6 @@ const apiForEmptyNode = {
  * @param { Node | Window | React.ReactElement | React.Component | function } element - component or DOM node
  * @return {Object} object containing classList functions 'contains', 'add', and 'remove'
  */
-
 function getClassList(element) {
   const node = findDOMNode(element);
   if (!node) return apiForEmptyNode;
@@ -50,26 +51,20 @@ function getClassList(element) {
     toArray() {
       return [...node.classList];
     },
-
     contains: () => false,
     add: () => {},
     remove: () => {}
   };
-
   classListApi['add'] = className => {
     return node.classList.add(className);
   };
-
   classListApi['remove'] = className => {
     return node.classList.remove(className);
   };
-
   classListApi['contains'] = className => {
     return node.classList.contains(className);
   };
-
   return classListApi;
 }
-
 export default getClassList;
 export { getClassList };

package/es/getComputedStyle.js

@@ -21,10 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import { findDOMNode } from './findDOMNode';
 import { ownerWindow } from './ownerWindow';
 import { canUseDOM } from './canUseDOM';
-
 /**
  * ---
  * category: utilities/DOM
@@ -40,18 +40,14 @@ import { canUseDOM } from './canUseDOM';
  */
 function getComputedStyle(el, pseudoElt) {
   let style = {};
-
   if (canUseDOM) {
     const node = el && findDOMNode(el);
-
     if (node) {
       const window = ownerWindow(el);
       style = window !== null ? window.getComputedStyle(node, pseudoElt) : {};
     }
   }
-
   return style;
 }
-
 export default getComputedStyle;
 export { getComputedStyle };

package/es/getFontSize.js

@@ -25,6 +25,7 @@ import { canUseDOM } from './canUseDOM';
 import { ownerDocument } from './ownerDocument';
 import { getComputedStyle } from './getComputedStyle';
 const COMPUTED_CACHE = new WeakMap();
+
 /**
  * ---
  * category: utilities/DOM
@@ -37,27 +38,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) {
     return 16;
   }
+  const container = el || ownerDocument(el).documentElement;
 
-  const container = el || 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(getComputedStyle(container).getPropertyValue('font-size'));
 
-  const fontSize = parseInt(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;
 }
-
 export default getFontSize;
 export { getFontSize };

package/es/getOffsetParents.js

@@ -21,11 +21,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import { findDOMNode } from './findDOMNode';
 import { canUseDOM } from './canUseDOM';
 import { getComputedStyle } from './getComputedStyle';
 import { ownerDocument } from './ownerDocument';
-
 /**
  * ---
  * category: utilities/DOM
@@ -41,32 +41,26 @@ import { ownerDocument } from './ownerDocument';
  */
 function getOffsetParents(el) {
   const parents = [];
-
   if (!canUseDOM) {
     return parents;
   }
-
   const node = el && 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 = 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(ownerDocument(node).body);
   }
-
   return parents;
 }
-
 export default getOffsetParents;
 export { getOffsetParents };

package/es/getScrollParents.js

@@ -21,10 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import { findDOMNode } from './findDOMNode';
 import { canUseDOM } from './canUseDOM';
 import { getComputedStyle } from './getComputedStyle';
-
 /**
  * ---
  * category: utilities/DOM
@@ -41,64 +41,52 @@ import { getComputedStyle } from './getComputedStyle';
  */
 function getScrollParents(el) {
   const parents = [];
-
   if (!canUseDOM) {
     return parents;
   }
-
   const node = el && 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 = 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 = 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;
 }
-
 export default getScrollParents;
 export { getScrollParents };

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';
+
 /**
  * ---
  * category: utilities/DOM
@@ -36,15 +38,12 @@ import { contains } from './contains';
  * @param handler {function} Callback function for handling the event
  * @param event {Event} The DOM Event that was fired
  */
-
 function handleMouseOverOut(handler, event) {
   const target = event.currentTarget;
   const related = event.relatedTarget;
-
   if (!related || related !== target && !contains(target, related)) {
     handler(event);
   }
 }
-
 export default handleMouseOverOut;
 export { handleMouseOverOut };

package/es/isActiveElement.js

@@ -21,9 +21,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import { findDOMNode } from './findDOMNode';
 import { getActiveElement } from './getActiveElement';
-
 /**
  * ---
  * category: utilities/DOM
@@ -38,6 +38,5 @@ function isActiveElement(el) {
   const node = el && findDOMNode(el);
   return node ? getActiveElement() === node : false;
 }
-
 export default isActiveElement;
 export { isActiveElement };

package/es/isDefinedCustomElement.js

@@ -35,6 +35,5 @@
 function isDefinedCustomElement(el) {
   return Boolean(el.tagName.includes('-') && customElements.get(el.tagName.toLowerCase()));
 }
-
 export { isDefinedCustomElement };
 export default isDefinedCustomElement;

package/es/isVisible.js

@@ -21,9 +21,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import { findDOMNode } from './findDOMNode';
 import { getComputedStyle } from './getComputedStyle';
-
 /**
  * ---
  * category: utilities/DOM
@@ -40,30 +40,26 @@ import { getComputedStyle } from './getComputedStyle';
  */
 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
-
+  const node = el && 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 ? getComputedStyle(node) : {}; // physically and visually hidden
-
+  const style = node ? 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;
@@ -72,12 +68,10 @@ function isVisible(el) {
         zeros = false;
       }
     });
-
     if (zeros) {
       return false;
     }
   }
-
   if (recursive && parent) {
     // recursively check parent visibility
     return isVisible(parent);
@@ -85,6 +79,5 @@ function isVisible(el) {
     return true;
   }
 }
-
 export default isVisible;
 export { isVisible };

package/es/matchMedia.js

@@ -21,10 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import { canUseDOM } from './canUseDOM';
 import { findDOMNode } from './findDOMNode';
 import { ownerWindow } from './ownerWindow';
-
 /**
  * ---
  * category: utilities/DOM
@@ -40,14 +40,11 @@ import { ownerWindow } from './ownerWindow';
  */
 function matchMedia(query, el) {
   const node = findDOMNode(el) || document;
-
   if (canUseDOM) {
     const window = ownerWindow(node);
     return window && window.matchMedia(query);
   }
-
   return null;
 }
-
 export default matchMedia;
 export { matchMedia };

package/es/ownerDocument.js

@@ -21,8 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { findDOMNode } from './findDOMNode';
 
+import { findDOMNode } from './findDOMNode';
 /**
  * ---
  * category: utilities/DOM
@@ -36,13 +36,10 @@ import { findDOMNode } from './findDOMNode';
 function ownerDocument(el) {
   const node = el && findDOMNode(el);
   let ownerDocument;
-
   if (node && 'ownerDocument' in node) {
     ownerDocument = node.ownerDocument;
   }
-
   return ownerDocument || document;
 }
-
 export default ownerDocument;
 export { ownerDocument };

package/es/ownerWindow.js

@@ -21,9 +21,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import { findDOMNode } from './findDOMNode';
 import { ownerDocument } from './ownerDocument';
-
 /**
  * ---
  * category: utilities/DOM
@@ -39,6 +39,5 @@ function ownerWindow(el) {
   const doc = ownerDocument(node);
   return doc && doc.defaultView;
 }
-
 export default ownerWindow;
 export { ownerWindow };

package/es/requestAnimationFrame.js

@@ -21,8 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { canUseDOM } from './canUseDOM';
 
+import { canUseDOM } from './canUseDOM';
 /**
  * ---
  * category: utilities/DOM
@@ -37,8 +37,8 @@ import { canUseDOM } from './canUseDOM';
  */
 const requestAnimationFrame = function () {
   let requestAnimationFrame;
-  /* istanbul ignore else  */
 
+  /* istanbul ignore else  */
   if (canUseDOM && window.requestAnimationFrame && window.cancelAnimationFrame) {
     requestAnimationFrame = cb => {
       const id = window.requestAnimationFrame(cb);
@@ -49,7 +49,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));
@@ -60,9 +59,7 @@ const requestAnimationFrame = function () {
       };
     };
   }
-
   return requestAnimationFrame;
 }();
-
 export default requestAnimationFrame;
 export { requestAnimationFrame };

package/es/transformSelection.js

@@ -36,15 +36,16 @@
  */
 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
@@ -54,29 +55,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);
 }
-
 export default transformSelection;
 export { transformCursor, transformSelection };

package/lib/InputModeListener.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MODES = exports.InputModeListener = void 0;
-
 var _console = require("@instructure/console");
-
 var _addEventListener = require("./addEventListener");
-
 var _canUseDOM = require("./canUseDOM");
-
 /*
  * The MIT License (MIT)
  *
@@ -34,40 +30,33 @@ var _canUseDOM = require("./canUseDOM");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const MODES = {
   keyboard: 'keyboard',
   pointer: 'pointer'
 };
 exports.MODES = MODES;
-
 class InputModeListenerImpl {
   constructor() {
     this._listeners = [];
     this._initialized = false;
     this._mode = MODES.keyboard;
-
     this.onInitialPointerMove = event => {
       var _event$target, _event$target$nodeNam;
-
       // Work around a Safari quirk that fires a mousemove on <html> whenever the
       // window blurs, even if you're tabbing out of the page. ¯\_(ツ)_/¯
       if ((event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : (_event$target$nodeNam = _event$target.nodeName) === null || _event$target$nodeNam === void 0 ? void 0 : _event$target$nodeNam.toLowerCase()) === 'html') {
         return;
       }
-
       this._mode = MODES.pointer;
-
       this._listeners.forEach(listener => listener.remove());
     };
-
     this.onKeyDown = () => {
       this._mode = MODES.keyboard;
     };
-
     this.onPointerDown = () => {
       this._mode = MODES.pointer;
     };
-
     this.init = () => {
       if (!_canUseDOM.canUseDOM || this._initialized) return;
       (0, _addEventListener.addEventListener)(document, 'keydown', this.onKeyDown, true);
@@ -77,43 +66,29 @@ class InputModeListenerImpl {
       this.addInitialPointerMoveListeners();
       this._initialized = true;
     };
-
     (0, _console.logWarn)(false, `[InputModeListener] is deprecated and will be removed in version 7.0.0. Use addInputModeListener instead.`);
     this.init();
   }
-
   addInitialPointerMoveListeners() {
     this._listeners.push((0, _addEventListener.addEventListener)(document, 'mousemove', this.onInitialPointerMove, true));
-
     this._listeners.push((0, _addEventListener.addEventListener)(document, 'mousedown', this.onInitialPointerMove, true));
-
     this._listeners.push((0, _addEventListener.addEventListener)(document, 'mouseup', this.onInitialPointerMove, true));
-
     this._listeners.push((0, _addEventListener.addEventListener)(document, 'pointermove', this.onInitialPointerMove, true));
-
     this._listeners.push((0, _addEventListener.addEventListener)(document, 'pointerdown', this.onInitialPointerMove, true));
-
     this._listeners.push((0, _addEventListener.addEventListener)(document, 'pointerup', this.onInitialPointerMove, true));
-
     this._listeners.push((0, _addEventListener.addEventListener)(document, 'touchmove', this.onInitialPointerMove, true));
-
     this._listeners.push((0, _addEventListener.addEventListener)(document, 'touchstart', this.onInitialPointerMove, true));
-
     this._listeners.push((0, _addEventListener.addEventListener)(document, 'touchend', this.onInitialPointerMove, true));
   }
-
   get mode() {
     this.init();
     return this._mode;
   }
-
   isKeyboardMode() {
     this.init();
     return this._mode === MODES.keyboard;
   }
-
 }
-
 const InputModeListener = new InputModeListenerImpl();
 exports.InputModeListener = InputModeListener;
 var _default = InputModeListener;

package/lib/addEventListener.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.addEventListener = addEventListener;
 exports.default = void 0;
-
 var _findDOMNode = require("./findDOMNode");
-
 /*
  * The MIT License (MIT)
  *
@@ -51,9 +49,7 @@ function addEventListener(el, event, handler, capture) {
     remove() {
       node === null || node === void 0 ? void 0 : node.removeEventListener(event, handler, capture);
     }
-
   };
 }
-
 var _default = addEventListener;
 exports.default = _default;