remeasure/es/utils.js

Get position and size of the DOM element for any React Component

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

// constants
import { KEY_NAMES, KEYS, FUNCTION_NAME_REGEXP, NATURAL_REGEXP, VOID_ELEMENT_TAG_NAMES } from './constants';
/**
 * @private
 *
 * @function getComponentName
 *
 * @description
 * get the name of the component from displayName, the internal name, or fallback
 *
 * @param {Component} Component component to get the display name from
 * @returns {string} Component name
 */

export var getComponentName = function getComponentName(Component) {
  if (Component.displayName) {
    return Component.displayName;
  }

  if (Component.name) {
    return Component.name;
  }

  var match = Component.toString().match(FUNCTION_NAME_REGEXP);
  return match && match[1] || 'Component';
};
/**
 * @private
 *
 * @function getMeasureKeys
 *
 * @description
 * based on the passed keys and options, get the keys that will be measured
 *
 * @param {Array<string>|string} keys the keys passed to the decorator
 * @returns {Array<string>} the keys to measure
 */

export var getMeasureKeys = function getMeasureKeys(keys) {
  if (Array.isArray(keys)) {
    return KEY_NAMES.reduce(function (validKeys, key) {
      if (~keys.indexOf(key)) {
        validKeys.push(key);
      }

      return validKeys;
    }, []);
  }

  if (typeof keys === 'string' && ~KEY_NAMES.indexOf(keys)) {
    return [keys];
  }

  return KEY_NAMES;
};
/**
 * @private
 *
 * @function getNaturalDimensionValue
 *
 * @description
 * For naturalHeight and naturalWidth, coalesce the values
 * with scrollHeight and scrollWIdth if the element does not
 * natively support it
 *
 * @param {HTMLElement} source the element to get the size / position value from
 * @param {string} key the size / position value to retrieve from source
 * @returns {number}
 */

export var getNaturalDimensionValue = function getNaturalDimensionValue(source, key) {
  return source.hasOwnProperty(key) ? source[key] : source[key.replace(NATURAL_REGEXP, 'scroll')];
};
/**
 * @private
 *
 * @function getStateKeys
 *
 * @description
 * get the keys to be used in state
 *
 * @param {Object} props the instance props
 * @returns {Array<Object>} the keys to base the state object off of
 */

export var getStateKeys = function getStateKeys(props) {
  var childrenIgnored = props.children,
      debounceIgnored = props.debounce,
      flattenIgnored = props.flatten,
      inheritedMethodsIgnored = props.inheritedMethods,
      keys = props.keys,
      namespaceIgnored = props.namespace,
      renderOnResizeIgnored = props.renderOnResize,
      renderOnWindowResizeIgnored = props.renderOnWindowResize,
      specificProperties = _objectWithoutPropertiesLoose(props, ["children", "debounce", "flatten", "inheritedMethods", "keys", "namespace", "renderOnResize", "renderOnWindowResize"]);

  var specificKeys = Array.isArray(keys) ? keys : Object.keys(specificProperties).filter(function (property) {
    return specificProperties[property];
  });

  if (specificKeys.length) {
    return specificKeys.reduce(function (requestedKeys, key) {
      var indexOfKey = KEY_NAMES.indexOf(key);

      if (~indexOfKey) {
        requestedKeys.push(KEYS[indexOfKey]);
      }

      return requestedKeys;
    }, []);
  }

  return KEYS;
};
/**
 * @private
 *
 * @function isElementVoidTag
 *
 * @description
 * is the element passed a void tag name
 *
 * @param {HTMLElement} element
 * @returns {boolean}
 */

export var isElementVoidTag = function isElementVoidTag(element) {
  return !!~VOID_ELEMENT_TAG_NAMES.indexOf(element.tagName);
};