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

package/lib/addInputModeListener.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.addInputModeListener = exports.MODES = void 0;
-
 var _addEventListener = require("./addEventListener");
-
 var _canUseDOM = require("./canUseDOM");
-
 /*
  * The MIT License (MIT)
  *
@@ -32,6 +29,7 @@ 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'
@@ -42,90 +40,63 @@ let _downListeners = [];
 let _mode = MODES.keyboard;
 let _registeredCount = 0;
 const _modeChangeHandlers = {};
-
 const handleInitialPointerMove = event => {
   // 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.target.nodeName.toLowerCase() === 'html') {
     return;
   }
-
   handleInputModeChange(_mode, MODES.pointer);
-
   _moveListeners.forEach(listener => listener.remove());
 };
-
 const handleInputModeChange = (currentMode, newMode) => {
   if (currentMode === newMode) return;
   _mode = newMode;
   Object.keys(_modeChangeHandlers).forEach(handlerId => _modeChangeHandlers[handlerId](currentMode, newMode));
 };
-
 const handleKeyDown = () => {
   handleInputModeChange(_mode, MODES.keyboard);
 };
-
 const handlePointerDown = () => {
   handleInputModeChange(_mode, MODES.pointer);
 };
-
 const addMoveListeners = () => {
   if (_moveListeners.length === 0) {
     _moveListeners.push((0, _addEventListener.addEventListener)(document, 'mousemove', handleInitialPointerMove, true));
-
     _moveListeners.push((0, _addEventListener.addEventListener)(document, 'mousedown', handleInitialPointerMove, true));
-
     _moveListeners.push((0, _addEventListener.addEventListener)(document, 'mouseup', handleInitialPointerMove, true));
-
     _moveListeners.push((0, _addEventListener.addEventListener)(document, 'pointermove', handleInitialPointerMove, true));
-
     _moveListeners.push((0, _addEventListener.addEventListener)(document, 'pointerdown', handleInitialPointerMove, true));
-
     _moveListeners.push((0, _addEventListener.addEventListener)(document, 'pointerup', handleInitialPointerMove, true));
-
     _moveListeners.push((0, _addEventListener.addEventListener)(document, 'touchmove', handleInitialPointerMove, true));
-
     _moveListeners.push((0, _addEventListener.addEventListener)(document, 'touchstart', handleInitialPointerMove, true));
-
     _moveListeners.push((0, _addEventListener.addEventListener)(document, 'touchend', handleInitialPointerMove, true));
   }
 };
-
 const addDownListeners = () => {
   if (_downListeners.length === 0) {
     _downListeners.push((0, _addEventListener.addEventListener)(document, 'keydown', handleKeyDown, true));
-
     _downListeners.push((0, _addEventListener.addEventListener)(document, 'mousedown', handlePointerDown, true));
-
     _downListeners.push((0, _addEventListener.addEventListener)(document, 'pointerdown', handlePointerDown, true));
-
     _downListeners.push((0, _addEventListener.addEventListener)(document, 'touchstart', handlePointerDown, true));
   }
 };
-
 const removeListeners = () => {
   _moveListeners.forEach(listener => listener.remove());
-
   _moveListeners = [];
-
   _downListeners.forEach(listener => listener.remove());
-
   _downListeners = [];
 };
-
 const addInputModeListener = handlerObject => {
   const onInputModeChange = handlerObject.onInputModeChange;
   const id = _registeredCount++;
-
   if (typeof onInputModeChange === 'function') {
     _modeChangeHandlers[id] = onInputModeChange;
   }
-
   if (_canUseDOM.canUseDOM) {
     addDownListeners();
     addMoveListeners();
   }
-
   return {
     isKeyboardMode: () => {
       return _mode === MODES.keyboard;
@@ -134,13 +105,11 @@ const addInputModeListener = handlerObject => {
       if (_registeredCount === 1) {
         removeListeners();
       }
-
       delete _modeChangeHandlers[id];
       _registeredCount--;
     }
   };
 };
-
 exports.addInputModeListener = addInputModeListener;
 var _default = addInputModeListener;
 exports.default = _default;

package/lib/addPositionChangeListener.js

@@ -5,13 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.addPositionChangeListener = addPositionChangeListener;
 exports.default = void 0;
-
 var _findDOMNode = require("./findDOMNode");
-
 var _getBoundingClientRect = require("./getBoundingClientRect");
-
 var _requestAnimationFrame = require("./requestAnimationFrame");
-
 /*
  * The MIT License (MIT)
  *
@@ -52,30 +48,24 @@ function addPositionChangeListener(el, handler) {
   const raf = [];
   let coords = (0, _getBoundingClientRect.getBoundingClientRect)(node) || {};
   let cancelled = false;
-
   function checkPosition() {
     if (!cancelled) {
       const newCoords = (0, _getBoundingClientRect.getBoundingClientRect)(node) || {};
       const positionChanged = newCoords.top !== coords.top || newCoords.left !== coords.left || newCoords.right !== coords.right || newCoords.bottom !== coords.bottom || newCoords.width !== coords.width || newCoords.height !== coords.height;
-
       if (positionChanged && typeof handler === 'function') {
         handler(newCoords);
       }
-
       coords = newCoords;
       raf.push((0, _requestAnimationFrame.requestAnimationFrame)(checkPosition));
     }
   }
-
   checkPosition();
   return {
     remove() {
       cancelled = true;
       raf.forEach(req => req.cancel());
     }
-
   };
 }
-
 var _default = addPositionChangeListener;
 exports.default = _default;

package/lib/addResizeListener.js

@@ -5,13 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.addResizeListener = addResizeListener;
 exports.default = void 0;
-
 var _findDOMNode = require("./findDOMNode");
-
 var _getBoundingClientRect = require("./getBoundingClientRect");
-
 var _requestAnimationFrame = require("./requestAnimationFrame");
-
 /*
  * The MIT License (MIT)
  *
@@ -78,35 +74,28 @@ function addResizeListener(el, handler) {
   let origSize = (0, _getBoundingClientRect.getBoundingClientRect)(node);
   let cancelled = false;
   let raf;
-
   const checkDimensions = () => {
     if (cancelled) {
       return;
     }
-
     const boundingRect = (0, _getBoundingClientRect.getBoundingClientRect)(node);
     const size = {
       width: boundingRect.width,
       height: boundingRect.height
     };
-
     if (dimensions.some(dim => size[dim] != origSize[dim]) && typeof handler === 'function') {
       handler(size);
     }
-
     origSize = size;
     raf = (0, _requestAnimationFrame.requestAnimationFrame)(checkDimensions);
   };
-
   checkDimensions();
   return {
     remove() {
       cancelled = true;
       raf.cancel();
     }
-
   };
 }
-
 var _default = addResizeListener;
 exports.default = _default;

package/lib/canUseDOM.js

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

package/lib/contains.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.contains = void 0;
-
 var _findDOMNode = require("./findDOMNode");
-
 var _canUseDOM = require("./canUseDOM");
-
 /*
  * The MIT License (MIT)
  *
@@ -47,7 +44,6 @@ var _canUseDOM = require("./canUseDOM");
 function containsWithDOM(context, el) {
   const container = context && (0, _findDOMNode.findDOMNode)(context);
   const node = el && (0, _findDOMNode.findDOMNode)(el);
-
   if (!container || !node) {
     return false;
   } else if (!(container instanceof Window) && !(node instanceof Window)) {
@@ -56,23 +52,18 @@ function containsWithDOM(context, el) {
     return containsFallback(container, node);
   }
 }
-/* istanbul ignore next  */
-
 
+/* istanbul ignore next  */
 function containsFallback(context, el) {
   let node = el;
-
   while (node) {
     if (node === context) {
       return true;
     }
-
     node = node.parentNode;
   }
-
   return false;
 }
-
 const contains = _canUseDOM.canUseDOM ? containsWithDOM : containsFallback;
 exports.contains = contains;
 var _default = contains;

package/lib/containsActiveElement.js

@@ -5,13 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.containsActiveElement = containsActiveElement;
 exports.default = void 0;
-
 var _findDOMNode = require("./findDOMNode");
-
 var _contains = require("./contains");
-
 var _getActiveElement = require("./getActiveElement");
-
 /*
  * The MIT License (MIT)
  *
@@ -51,6 +47,5 @@ function containsActiveElement(el) {
   const active = (0, _getActiveElement.getActiveElement)();
   return !!node && (active === node || (0, _contains.contains)(node, active));
 }
-
 var _default = containsActiveElement;
 exports.default = _default;

package/lib/elementMatches.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.elementMatches = elementMatches;
-
 var _findDOMNode = require("./findDOMNode");
-
 /*
  * The MIT License (MIT)
  *
@@ -46,11 +44,10 @@ var _findDOMNode = require("./findDOMNode");
  */
 function elementMatches(el, selectorString) {
   const node = el && (0, _findDOMNode.findDOMNode)(el);
-  if (!node) return false; // this cast is in a separate line to circumvent a react-docgen bug
-
+  if (!node) return false;
+  // this cast is in a separate line to circumvent a react-docgen bug
   const elem = node;
   return elem.matches(selectorString);
 }
-
 var _default = elementMatches;
 exports.default = _default;

package/lib/findDOMNode.js

@@ -1,15 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.findDOMNode = findDOMNode;
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 /*
  * The MIT License (MIT)
  *
@@ -33,10 +30,10 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const isReactNodeWithRef = el => {
   return !!el && el.ref !== void 0;
 };
-
 const isRefObject = obj => {
   return !!obj && obj.current !== void 0;
 };
@@ -51,35 +48,29 @@ const isRefObject = obj => {
  * @param { Node | Window | React.ReactElement | React.Component | function } el - component, DOM node, or function returning a DOM node
  * @returns { Node | Window | null | undefined } The root node of this element
  */
-
-
 function findDOMNode(el) {
   const node = typeof el === 'function' ? el() : el;
-
   if (node === document) {
     return document.documentElement; // HTMLElement
   } else if (node instanceof Element || node === window || node && typeof node.nodeType !== 'undefined') {
     return node;
   } else if (node) {
     const reactNode = node;
-
     if (isReactNodeWithRef(reactNode)) {
       const refElement = isRefObject(reactNode.ref) ? reactNode.ref.current : reactNode.ref;
-
       if (!(refElement instanceof HTMLElement)) {
         return findDOMNode(refElement);
       }
-
       return refElement;
     } else {
-      const elName = reactNode.constructor.componentId ? reactNode.constructor.componentId : reactNode.constructor.name; // eslint-disable-next-line no-console
+      const elName = reactNode.constructor.componentId ? reactNode.constructor.componentId : reactNode.constructor.name;
+
+      // eslint-disable-next-line no-console
 
       return _reactDom.default.findDOMNode(node);
     }
   }
-
   return void 0;
 }
-
 var _default = findDOMNode;
 exports.default = _default;

package/lib/findFocusable.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.findFocusable = findFocusable;
-
 var _ = require("./");
-
 /*
  * The MIT License (MIT)
  *
@@ -43,20 +41,17 @@ var _ = require("./");
  *
  * http://api.jqueryui.com/category/ui-core/
  **/
+
 function findFocusable(el, filter, shouldSearchRootNode) {
   const element = el && (0, _.findDOMNode)(el);
-
   if (!element || typeof element.querySelectorAll !== 'function') {
     return [];
   }
-
   const focusableSelector = 'a[href],frame,iframe,object,input:not([type=hidden]),select,textarea,button,*[tabindex]';
   let matches = Array.from(element.querySelectorAll(focusableSelector));
-
   if (shouldSearchRootNode && (0, _.elementMatches)(element, focusableSelector)) {
     matches = [...matches, element];
   }
-
   return matches.filter(el => {
     if (typeof filter === 'function') {
       return filter(el) && focusable(el);
@@ -65,22 +60,18 @@ function findFocusable(el, filter, shouldSearchRootNode) {
     }
   });
 }
-
 function hidden(element) {
   const cs = (0, _.getComputedStyle)(element);
   return cs.display !== 'inline' && element.offsetWidth <= 0 && element.offsetHeight <= 0 || cs.display === 'none';
 }
-
 function positioned(element) {
   const POS = ['fixed', 'absolute'];
   if (POS.includes(element.style.position.toLowerCase())) return true;
   if (POS.includes((0, _.getComputedStyle)(element).getPropertyValue('position').toLowerCase())) return true;
   return false;
 }
-
 function visible(element) {
   let el = element;
-
   while (el) {
     if (el === document.body) break;
     if (el instanceof ShadowRoot) break;
@@ -88,13 +79,10 @@ function visible(element) {
     if (positioned(el)) break;
     el = el.parentNode;
   }
-
   return true;
 }
-
 function focusable(element) {
   return !element.disabled && visible(element);
 }
-
 var _default = findFocusable;
 exports.default = _default;

package/lib/findTabbable.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.findTabbable = findTabbable;
-
 var _findFocusable = require("./findFocusable");
-
 /*
  * The MIT License (MIT)
  *
@@ -31,16 +29,15 @@ var _findFocusable = require("./findFocusable");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 function findTabbable(el, shouldSearchRootNode) {
   return (0, _findFocusable.findFocusable)(el, element => {
     return !isInvalidTabIndex(element.getAttribute('tabindex'));
   }, shouldSearchRootNode);
 }
-
 function isInvalidTabIndex(tabIndex) {
   // TS wants it to be number to be valid, but this method in fact checks if the parameter is a valid positive number
   return !isNaN(tabIndex) && tabIndex < 0;
 }
-
 var _default = findTabbable;
 exports.default = _default;

package/lib/getActiveElement.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getActiveElement = getActiveElement;
-
 var _isDefinedCustomElement = require("./isDefinedCustomElement");
-
 /*
  * The MIT License (MIT)
  *
@@ -43,14 +41,13 @@ var _isDefinedCustomElement = require("./isDefinedCustomElement");
  * @return { Element | null } the active element
  */
 function getActiveElement(doc) {
-  const activeElement = (doc || document).activeElement; //check if activeElement is a custom element or not
+  const activeElement = (doc || document).activeElement;
 
+  //check if activeElement is a custom element or not
   if (activeElement && (0, _isDefinedCustomElement.isDefinedCustomElement)(activeElement)) {
     return activeElement.shadowRoot.activeElement;
   }
-
   return activeElement;
 }
-
 var _default = getActiveElement;
 exports.default = _default;

package/lib/getBoundingClientRect.js

@@ -5,15 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getBoundingClientRect = getBoundingClientRect;
-
 var _findDOMNode = require("./findDOMNode");
-
 var _canUseDOM = require("./canUseDOM");
-
 var _contains = require("./contains");
-
 var _ownerDocument = require("./ownerDocument");
-
 /*
  * The MIT License (MIT)
  *
@@ -58,17 +53,13 @@ function getBoundingClientRect(el) {
     height: 0,
     width: 0
   };
-
   if (!_canUseDOM.canUseDOM) {
     return rect;
   }
-
   const node = el && (0, _findDOMNode.findDOMNode)(el);
-
   if (!node) {
     return rect;
   }
-
   if (node === window) {
     return {
       left: window.pageXOffset,
@@ -79,24 +70,18 @@ function getBoundingClientRect(el) {
       bottom: window.innerHeight + window.pageYOffset
     };
   }
-
   const doc = el === document ? document : (0, _ownerDocument.ownerDocument)(node);
   const docEl = doc && doc.documentElement;
-
   if (!docEl || !(0, _contains.contains)(docEl, node)) {
     return rect;
   }
-
   const boundingRect = node.getBoundingClientRect();
   let k;
-
   for (k in rect) {
     rect[k] = boundingRect[k];
   }
-
   if (doc !== document && doc.defaultView) {
     const frameElement = doc.defaultView.frameElement;
-
     if (frameElement) {
       const frameRect = getBoundingClientRect(frameElement);
       rect.top += frameRect.top;
@@ -105,7 +90,6 @@ function getBoundingClientRect(el) {
       rect.right += frameRect.left;
     }
   }
-
   return {
     top: rect.top + (window.pageYOffset || docEl.scrollTop) - (docEl.clientTop || 0),
     left: rect.left + (window.pageXOffset || docEl.scrollLeft) - (docEl.clientLeft || 0),
@@ -116,6 +100,5 @@ function getBoundingClientRect(el) {
     bottom: doc.body.clientHeight - rect.height - rect.top
   };
 }
-
 var _default = getBoundingClientRect;
 exports.default = _default;

package/lib/getClassList.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getClassList = getClassList;
-
 var _findDOMNode = require("./findDOMNode");
-
 /*
  * The MIT License (MIT)
  *
@@ -31,12 +29,14 @@ var _findDOMNode = require("./findDOMNode");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const apiForEmptyNode = {
   toArray: () => [],
   contains: () => false,
   add: () => {},
   remove: () => {}
 };
+
 /**
  * ---
  * category: utilities/DOM
@@ -51,7 +51,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 = (0, _findDOMNode.findDOMNode)(element);
   if (!node) return apiForEmptyNode;
@@ -59,26 +58,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;
 }
-
 var _default = getClassList;
 exports.default = _default;

package/lib/getComputedStyle.js

@@ -5,13 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getComputedStyle = getComputedStyle;
-
 var _findDOMNode = require("./findDOMNode");
-
 var _ownerWindow = require("./ownerWindow");
-
 var _canUseDOM = require("./canUseDOM");
-
 /*
  * The MIT License (MIT)
  *
@@ -51,18 +47,14 @@ var _canUseDOM = require("./canUseDOM");
  */
 function getComputedStyle(el, pseudoElt) {
   let style = {};
-
   if (_canUseDOM.canUseDOM) {
     const node = el && (0, _findDOMNode.findDOMNode)(el);
-
     if (node) {
       const window = (0, _ownerWindow.ownerWindow)(el);
       style = window !== null ? window.getComputedStyle(node, pseudoElt) : {};
     }
   }
-
   return style;
 }
-
 var _default = getComputedStyle;
 exports.default = _default;