d2-ui/node_modules-v25.0.x/material-ui/src/utils/styles.js

d2-ui

import autoPrefix from '../styles/auto-prefix';
import update from 'react-addons-update';
import warning from 'warning';

const reTranslate = /((^|\s)translate(3d|X)?\()(\-?[\d]+)/;

const reSkew = /((^|\s)skew(x|y)?\()\s*(\-?[\d]+)(deg|rad|grad)(,\s*(\-?[\d]+)(deg|rad|grad))?/;

function mergeSingle(objA, objB) {
  if (!objA) return objB;
  if (!objB) return objA;
  return update(objA, {$merge: objB});
}

/**
 * This function ensures that `style` supports both ltr and rtl directions by
 * checking `styleConstants` in `muiTheme` and replacing attribute keys if
 * necessary.
 */
function ensureDirection(muiTheme, style) {
  if (process.env.NODE_ENV !== 'production') {
    warning(!style.didFlip, `You're calling ensureDirection() on the same style
      object twice.`);

    style = mergeStyles({
      didFlip: 'true',
    }, style);
  }

  // Left to right is the default. No need to flip anything.
  if (!muiTheme || !muiTheme.isRtl) return style;

  const flippedAttributes = {
    // Keys and their replacements.
    right: 'left',
    left: 'right',
    marginRight: 'marginLeft',
    marginLeft: 'marginRight',
    paddingRight: 'paddingLeft',
    paddingLeft: 'paddingRight',
    borderRight: 'borderLeft',
    borderLeft: 'borderRight',
  };

  let newStyle = {};

  Object.keys(style).forEach(function(attribute) {
    let value = style[attribute];
    let key = attribute;

    if (flippedAttributes.hasOwnProperty(attribute)) {
      key = flippedAttributes[attribute];
    }

    switch (attribute) {
      case 'float':
      case 'textAlign':
        if (value === 'right') {
          value = 'left';
        } else if (value === 'left') {
          value = 'right';
        }
        break;

      case 'direction':
        if (value === 'ltr') {
          value = 'rtl';
        } else if (value === 'rtl') {
          value = 'ltr';
        }
        break;

      case 'transform':
        let matches;
        if ((matches = value.match(reTranslate))) {
          value = value.replace(matches[0], matches[1] + (-parseFloat(matches[4])) );
        }
        if ((matches = value.match(reSkew))) {
          value = value.replace(matches[0], matches[1] + (-parseFloat(matches[4])) + matches[5] +
            matches[6] ? ',' + (-parseFloat(matches[7])) + matches[8] : ''
          );
        }
        break;

      case 'transformOrigin':
        if (value.indexOf('right') > -1) {
          value = value.replace('right', 'left');
        } else if (value.indexOf('left') > -1) {
          value = value.replace('left', 'right');
        }
        break;
    }

    newStyle[key] = value;
  });

  return newStyle;
}

export function mergeStyles(base, ...args) {
  for (let i = 0; i < args.length; i++) {
    if (args[i]) {
      base = mergeSingle(base, args[i]);
    }
  }
  return base;
}

/**
 * `mergeAndPrefix` is used to merge styles and autoprefix them. It has has been deprecated
 *  and should no longer be used.
 */
export function mergeAndPrefix(...args) {
  warning(false, 'Use of mergeAndPrefix() has been deprecated. ' +
    'Please use mergeStyles() for merging styles, and then prepareStyles() for prefixing and ensuring direction.');
  return autoPrefix.all(mergeStyles(...args));
}

/**
 * `prepareStyles` is used to merge multiple styles, make sure they are flipped
 * to rtl if needed, and then autoprefix them.
 *
 * Never call this on the same style object twice. As a rule of thumb, only
 * call it when passing style attribute to html elements.
 *
 * If this method detects you called it twice on the same style object, it
 * will produce a warning in the console.
 */
export function prepareStyles(muiTheme, style = {}, ...styles) {
  if (styles) {
    //warning(false, 'Providing more than one style argument to prepareStyles has been deprecated. ' +
    //  'Please pass a single style, such as the result from mergeStyles(...styles).');
    style = mergeStyles(style, ...styles);
  }

  const flipped = ensureDirection(muiTheme, style);
  return muiTheme.prefix(flipped);
}

export default {
  mergeStyles,
  mergeAndPrefix,
  prepareStyles,
};