@jetbrains/ring-ui 4.1.3 → 5.0.0-beta.0

package/components/global/focus-sensor-hoc.js

@@ -1,112 +0,0 @@
-import React, {Component} from 'react';
-import PropTypes from 'prop-types';
-
-import composeRefs from './composeRefs';
-
-export default function focusSensorHOC(ComposedComponent) {
-  return class FocusSensor extends Component {
-    static propTypes = {
-      ...ComposedComponent.propTypes,
-      focused: PropTypes.bool,
-      autofocus: PropTypes.bool,
-      onFocus: PropTypes.func,
-      onBlur: PropTypes.func,
-      innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-    };
-
-    static defaultProps = {
-      ...ComposedComponent.defaultProps,
-      focused: false,
-      autofocus: false,
-      onFocus: () => {},
-      onBlur: () => {}
-    };
-
-    state = {
-      focused: this.props.focused
-    };
-
-    componentDidMount() {
-      const {props: {autofocus}, node} = this;
-
-      node.setAttribute('tabindex', '0');
-      node.style.outline = 'none';
-
-      document.addEventListener('focus', this.onFocusCapture, true);
-      document.addEventListener('blur', this.onBlurCapture, true);
-
-      if (autofocus) {
-        node.focus();
-      }
-    }
-
-    componentDidUpdate(prevProps) {
-      const {focused} = this.props;
-      if (focused && !prevProps.focused) {
-        this.onFocusRestore();
-      } else if (!focused && prevProps.focused) {
-        this.onFocusReset();
-      }
-    }
-
-    componentWillUnmount() {
-      document.removeEventListener('focus', this.onFocusCapture, true);
-      document.removeEventListener('blur', this.onBlurCapture, true);
-    }
-
-    _skipNextCapture = false;
-
-    onRefUpdate = node => {
-      if (node) {
-        this.node = node;
-      }
-    };
-
-    onFocusCapture = ({target}) => {
-      if (this._skipNextCapture) {
-        this._skipNextCapture = false;
-        return;
-      }
-      const focused = this.node.contains(target);
-      if (focused && !this.state.focused) {
-        this.setState({focused: true});
-        this.props.onFocus();
-      }
-    };
-
-    onBlurCapture = ({target}) => {
-      const {state: {focused}, node} = this;
-      if (focused) {
-        setTimeout(() => {
-          const blurred = node.contains(target) && !node.contains(document.activeElement);
-          if (blurred) {
-            this.setState({focused: false});
-            this.props.onBlur();
-          }
-        }, 1);
-      }
-    };
-
-    onFocusRestore = () => {
-      this._skipNextCapture = true;
-      this.node.focus();
-    };
-
-    onFocusReset = () => {
-      this.node.blur();
-    };
-
-    render() {
-      const {autofocus, focused, onFocus, onBlur, innerRef, ...rest} = this.props;
-      return (
-        <ComposedComponent
-          {...rest}
-          innerRef={composeRefs(innerRef, this.onRefUpdate)}
-          focused={this.state.focused}
-          onFocusReset={this.onFocusReset}
-          onFocusRestore={this.onFocusRestore}
-        />
-      );
-    }
-  };
-}

package/components/global/fuzzy-highlight.js

@@ -1,46 +0,0 @@
-/** https://github.com/bevacqua/fuzzysearch + highlighting with Markdown */
-
-const marker = '**';
-
-export default function fuzzyHighlight(needle, haystack, caseSensitive = false) {
-  const ndl = caseSensitive ? needle : needle.toLowerCase();
-  const hstck = caseSensitive ? haystack : haystack.toLowerCase();
-  const result = (matched, highlight = haystack) => ({matched, highlight});
-  const hlen = hstck.length;
-  const nlen = ndl.length;
-  if (nlen > hlen) {
-    return result(false);
-  }
-  if (nlen === hlen) {
-    const matched = ndl === hstck;
-    return result(matched, matched ? `${marker}${haystack}${marker}` : haystack);
-  }
-  let highlight = '';
-  let on = false;
-  let j = 0;
-  /* eslint-disable no-labels */
-  outer: for (let i = 0; i < nlen; i++) {
-    const nch = ndl[i];
-    while (j < hlen) {
-      const hch = hstck[j];
-      const match = hch === nch;
-      // Don't turn highlight on for space characters
-      const nextOn = match && /\S/.test(hch);
-      if (nextOn !== on) {
-        highlight += marker;
-      }
-      highlight += haystack[j++];
-      on = nextOn;
-      if (match) {
-        continue outer;
-      }
-    }
-    return result(false);
-  }
-  /* eslint-enable */
-  if (on) {
-    highlight += marker;
-  }
-  highlight += haystack.slice(j);
-  return result(true, highlight);
-}

package/components/global/get-event-key.js

@@ -1,112 +0,0 @@
-// react-dom getEventKey function extracted
-
-const normalizeKey = {
-  Esc: 'Escape',
-  Spacebar: ' ',
-  Left: 'ArrowLeft',
-  Up: 'ArrowUp',
-  Right: 'ArrowRight',
-  Down: 'ArrowDown',
-  Del: 'Delete',
-  Win: 'OS',
-  Menu: 'ContextMenu',
-  Apps: 'ContextMenu',
-  Scroll: 'ScrollLock',
-  MozPrintableKey: 'Unidentified'
-};
-
-const translateToKey = {
-  8: 'Backspace',
-  9: 'Tab',
-  12: 'Clear',
-  13: 'Enter',
-  16: 'Shift',
-  17: 'Control',
-  18: 'Alt',
-  19: 'Pause',
-  20: 'CapsLock',
-  27: 'Escape',
-  32: ' ',
-  33: 'PageUp',
-  34: 'PageDown',
-  35: 'End',
-  36: 'Home',
-  37: 'ArrowLeft',
-  38: 'ArrowUp',
-  39: 'ArrowRight',
-  40: 'ArrowDown',
-  45: 'Insert',
-  46: 'Delete',
-  112: 'F1',
-  113: 'F2',
-  114: 'F3',
-  115: 'F4',
-  116: 'F5',
-  117: 'F6',
-  118: 'F7',
-  119: 'F8',
-  120: 'F9',
-  121: 'F10',
-  122: 'F11',
-  123: 'F12',
-  144: 'NumLock',
-  145: 'ScrollLock',
-  224: 'Meta'
-};
-
-const ENTER = 13;
-const SPACE = 32;
-
-function getEventCharCode(nativeEvent) {
-  let charCode;
-  const keyCode = nativeEvent.keyCode;
-
-  if ('charCode' in nativeEvent) {
-    charCode = nativeEvent.charCode;
-
-    // FF does not set `charCode` for the Enter-key, check against `keyCode`.
-    if (charCode === 0 && keyCode === ENTER) {
-      charCode = ENTER;
-    }
-  } else {
-    // IE8 does not implement `charCode`, but `keyCode` has the correct value.
-    charCode = keyCode;
-  }
-
-  // Some non-printable keys are reported in `charCode`/`keyCode`, discard them.
-  // Must not discard the (non-)printable Enter-key.
-  if (charCode >= SPACE || charCode === ENTER) {
-    return charCode;
-  }
-  return 0;
-}
-
-
-export default function getEventKey(nativeEvent) {
-  if (nativeEvent.key) {
-    // Normalize inconsistent values reported by browsers due to
-    // implementations of a working draft specification.
-
-    // FireFox implements `key` but returns `MozPrintableKey` for all
-    // printable characters (normalized to `Unidentified`), ignore it.
-    const key = normalizeKey[nativeEvent.key] || nativeEvent.key;
-    if (key !== 'Unidentified') {
-      return key;
-    }
-  }
-
-  // Browser does not implement `key`, polyfill as much of it as we can.
-  if (nativeEvent.type === 'keypress') {
-    const charCode = getEventCharCode(nativeEvent);
-
-    // The enter-key is technically both printable and non-printable and can
-    // thus be captured by `keypress`, no other non-printable key should.
-    return charCode === SPACE ? 'Enter' : String.fromCharCode(charCode);
-  }
-  if (nativeEvent.type === 'keydown' || nativeEvent.type === 'keyup') {
-    // While user keyboard layout determines the actual meaning of each
-    // `keyCode` value, almost all function keys have a universal value.
-    return translateToKey[nativeEvent.keyCode] || 'Unidentified';
-  }
-  return '';
-}

package/components/global/get-uid.js

@@ -1,15 +0,0 @@
-const idCounters = {};
-
-export default function getUID(name) {
-  if (!name) {
-    throw Error('Argument "name" is required in getUID()');
-  }
-
-  if (!idCounters[name]) {
-    idCounters[name] = 0;
-  }
-
-  const id = String(idCounters[name]++);
-
-  return name + id;
-}

package/components/global/get-uid.test.js

@@ -1,21 +0,0 @@
-import getUID from './get-uid';
-
-describe('getUid', () => {
-  it('should throw an exception if the "name" argument isn\'t passed', () => {
-    () => getUID().should.throw(Error);
-  });
-
-  it('should return a unique id every time', () => {
-    const id1 = getUID('test');
-    const id2 = getUID('test');
-    const id3 = getUID('test');
-
-    id1.should.not.be.equal(id2);
-    id2.should.not.be.equal(id3);
-  });
-
-  it('should return an id having a passed prefix', () => {
-    getUID('test').should.have.string('test');
-    getUID('tset').should.have.string('tset');
-  });
-});

package/components/global/inject-styles.js

@@ -1,14 +0,0 @@
-export const injectStyleSheet = styles => {
-  const styleTag = document.createElement('style');
-  styleTag.setAttribute('type', 'text/css');
-  styleTag.textContent = styles;
-  document.head.appendChild(styleTag);
-  return styleTag;
-};
-
-export const injectRuleSet = (selector, declarations) =>
-  injectStyleSheet(`
-${selector} {
-  ${Object.entries(declarations).map(([property, value]) => `${property}: ${value};`).join(`
-  `)}
-}`);

package/components/global/linear-function.js

@@ -1,16 +0,0 @@
-export default function linearFunction(x0, y0, a) {
-  return {
-    y(x) {
-      return +y0 + (x - x0) * a;
-    },
-
-    x(y) {
-      return +x0 + (y - y0) / a;
-    }
-  };
-}
-
-export function interpolateLinear(x0, x1, phase) {
-  return linearFunction(x0, x0, phase).y(x1);
-}
-

package/components/global/listeners.js

@@ -1,38 +0,0 @@
-export default class Listeners {
-  constructor() {
-    this.removeAll();
-  }
-
-  trigger(event, data) {
-    const handlers = this._all.get(event);
-
-    if (handlers) {
-      return Promise.all([...handlers].map(fn => fn(data)));
-    }
-
-    return Promise.resolve([]);
-  }
-
-  add(event, handler) {
-    let handlers = this._all.get(event);
-
-    if (!handlers) {
-      handlers = new Set();
-      this._all.set(event, handlers);
-    }
-
-    handlers.add(handler);
-  }
-
-  remove(event, handler) {
-    const handlers = this._all.get(event);
-
-    if (handlers) {
-      handlers.delete(handler);
-    }
-  }
-
-  removeAll() {
-    this._all = new Map();
-  }
-}

package/components/global/listeners.test.js

@@ -1,78 +0,0 @@
-import Listeners from './listeners';
-
-describe('Listeners', () => {
-  let listeners;
-  let stub;
-  let secondStub;
-  beforeEach(() => {
-    listeners = new Listeners();
-    stub = sandbox.stub().returns(Promise.resolve('result 1'));
-    secondStub = sandbox.stub().returns('result 2');
-  });
-
-  it('should construct empty mao', () => {
-    listeners._all.size.should.equal(0);
-  });
-
-  it('should add handler', () => {
-    listeners.add('test', stub);
-    listeners._all.size.should.equal(1);
-    listeners._all.get('test').size.should.equal(1);
-  });
-
-  it('should trigger handler', () => {
-    listeners.add('test', stub);
-
-    listeners.trigger('test');
-
-    stub.should.have.been.calledOnce;
-  });
-
-  it('should trigger all handlers', () => {
-    listeners.add('test', stub);
-    listeners.add('test', secondStub);
-
-    listeners.trigger('test');
-
-    stub.should.have.been.calledOnce;
-    secondStub.should.have.been.calledOnce;
-  });
-
-  it('should return array of return values of all handlers', async () => {
-    listeners.add('test', stub);
-    listeners.add('test', secondStub);
-
-    const results = await listeners.trigger('test');
-
-    results.should.include.members(['result 1', 'result 2']);
-  });
-
-  it('should trigger all handlers only for passed event', () => {
-    listeners.add('test', stub);
-    listeners.add('test2', secondStub);
-
-    listeners.trigger('test');
-
-    stub.should.have.been.calledOnce;
-    secondStub.should.not.have.been.calledOnce;
-  });
-
-  it('should remove handler', () => {
-    listeners.add('test', stub);
-    listeners.add('test', secondStub);
-
-    listeners.remove('test', secondStub);
-
-    listeners._all.size.should.equal(1);
-    listeners._all.get('test').size.should.equal(1);
-  });
-
-  it('should remove all', () => {
-    listeners.add('test', stub);
-    listeners.add('test', secondStub);
-
-    listeners.removeAll();
-
-    listeners._all.size.should.equal(0);
-  });
-});

package/components/global/memoize.js

@@ -1,14 +0,0 @@
-export default function memoize(fn) {
-  const primitiveCache = new Map();
-  const objectCache = new WeakMap();
-  return function memoized(arg = '__singleValue__') {
-    const cache = arg instanceof Object ? objectCache : primitiveCache;
-    if (cache.has(arg)) {
-      return cache.get(arg);
-    }
-
-    const value = fn(arg);
-    cache.set(arg, value);
-    return value;
-  };
-}

package/components/global/normalize-indent.js

@@ -1,34 +0,0 @@
-export default function normalizeIndent(string) {
-  const nonemptyRE = /\S/;
-  const indentRE = /^\s*/;
-
-  const lines = string.split(/\n/g);
-  const linesCopy = [...lines];
-
-  //remove empty lines at the beginning and the end
-  for (const line of linesCopy) {
-    if (nonemptyRE.test(line)) {
-      break;
-    } else {
-      lines.shift();
-    }
-  }
-
-  for (const line of linesCopy.reverse()) {
-    if (nonemptyRE.test(line)) {
-      break;
-    } else {
-      lines.pop();
-    }
-  }
-
-  const indents = lines.
-    filter(line => nonemptyRE.test(line)).
-    map(line => line.match(indentRE)[0].length);
-
-  const minIndent = Math.min(...indents);
-
-  return lines.
-    map(line => line.slice(minIndent)).
-    join('\n');
-}

package/components/global/promise-with-timeout.js

@@ -1,10 +0,0 @@
-// Useful for using fetch with timeout
-// https://github.com/github/fetch/issues/175#issuecomment-284787564
-
-export default function promiseWithTimeout(promise, timeout, {error}) {
-  return new Promise((resolve, reject) => {
-    setTimeout(() => reject(error || new Error('Timeout')), timeout);
-
-    promise.then(resolve, reject);
-  });
-}

package/components/global/radial-gradient-mask.js

@@ -1,43 +0,0 @@
-import getUID from './get-uid';
-import supportsCss from './supports-css';
-
-const radialGradient = (length, stops) =>
-  `radial-gradient(${length}, ${Object.entries(stops).map(entry => entry.join(' ')).join(', ')})`;
-
-export default (length, stops) => {
-  for (const prefix of ['', '-webkit-']) {
-    const property = `${prefix}mask-image`;
-    const declaration = `${property}: radial-gradient(black, white)`;
-    if (supportsCss(declaration)) {
-      return {
-        supports: true,
-        css: {
-          [property]: radialGradient(length, stops)
-        }
-      };
-    }
-  }
-
-  const gradientId = getUID('gradient');
-  const maskId = getUID('mask');
-  const svgDefs = `
-    <svg>
-      <defs>
-        <radialGradient id="${gradientId}">
-          ${Object.entries(stops).map(([color, offset]) => `
-            <stop offset="${offset}" stop-color="${color}"/>
-          `).join('')}
-        </radialGradient>
-        <mask id="${maskId}">
-          <rect height="100%" width="100%" fill="url(#${gradientId})"/>
-        </mask>
-      </defs>
-    </svg>
-  `;
-  return {
-    supports: false,
-    css: {},
-    maskId,
-    svgDefs
-  };
-};

package/components/global/react-dom-renderer.js

@@ -1,34 +0,0 @@
-import React, {Component} from 'react';
-import PropTypes from 'prop-types';
-
-export default class Renderer extends Component {
-  static propTypes = {
-    className: PropTypes.string,
-    nodes: PropTypes.array
-  };
-
-  componentDidMount() {
-    const {nodes} = this.props;
-    if (!this.node || !nodes || !nodes.length) {
-      return;
-    }
-    const fragment = document.createDocumentFragment();
-    nodes.forEach(nodeToRender => fragment.appendChild(nodeToRender));
-
-    this.node.appendChild(fragment);
-  }
-
-  nodeRef = node => {
-    this.node = node;
-  };
-
-  render() {
-    const {className} = this.props;
-    return (
-      <div
-        className={className}
-        ref={this.nodeRef}
-      />
-    );
-  }
-}

package/components/global/rerender-hoc.js

@@ -1,35 +0,0 @@
-import {createElement} from 'react';
-import {render} from 'react-dom';
-
-/**
- * Wraps a component to add a "rerender" method
- * @param ComposedComponent
- * @param captureNode, whether the wrapper should capture this.node itself. Set to false if the component already has "node" property captured
- * @returns {Rerenderer}
- */
-export default function rerenderHOC(ComposedComponent, {captureNode} = {captureNode: false}) {
-  if (captureNode) {
-    // TODO remove in 5.0
-    throw new Error('rerenderHOC: captureNode={true} is deprecated. Wrapped component must have "node" property captured itself');
-  }
-
-  return class Rerenderer extends ComposedComponent {
-    _propsCache = {};
-
-    rerender(props = {}, callback) {
-      let container;
-
-      try {
-        container = this.node.parentNode;
-      } finally {
-        if (!container) {
-          throw new Error(`${this.constructor.name} component isn't mounted`);
-        }
-      }
-
-      this._propsCache = Object.assign({}, this.props, this._propsCache, props);
-
-      return render(createElement(this.constructor, this._propsCache), container, callback);
-    }
-  };
-}

package/components/global/schedule-raf.js

@@ -1,27 +0,0 @@
-export default function scheduleRAF(trailingCall) {
-  let scheduledCb;
-  let RAF;
-  let trailingCallScheduled = false;
-
-  function doSchedule() {
-    RAF = window.requestAnimationFrame(() => {
-      scheduledCb();
-      if (trailingCallScheduled) {
-        trailingCallScheduled = false;
-        doSchedule();
-      } else {
-        RAF = null;
-        scheduledCb = null;
-      }
-    });
-  }
-
-  return function schedule(cb) {
-    scheduledCb = cb;
-    if (!RAF) {
-      doSchedule();
-    } else if (trailingCall) {
-      trailingCallScheduled = true;
-    }
-  };
-}

package/components/global/supports-css.js

@@ -1,17 +0,0 @@
-import memoize from './memoize';
-
-export default memoize(declaration => {
-  const [property, value] = declaration.split(': ');
-  const camelCaseProperty = property.replace(/-(\w)/g, (_, letter) => letter.toUpperCase());
-  const div = document.createElement('div');
-  if (div.style[camelCaseProperty] === undefined) {
-    return false;
-  }
-
-  if (value) {
-    div.style[camelCaseProperty] = value;
-    return Boolean(div.style[camelCaseProperty]);
-  }
-
-  return true;
-});