@jetbrains/ring-ui 4.1.12 → 5.0.0-beta.11

package/components/footer/footer.test.js

@@ -1,78 +0,0 @@
-/* eslint-disable no-magic-numbers */
-import React from 'react';
-import {shallow, mount, render} from 'enzyme';
-
-import Footer from './footer';
-
-describe('Footer', () => {
-  const shallowFooter = props => shallow(<Footer {...props}/>);
-  const mountFooter = props => mount(<Footer {...props}/>);
-  const renderFooter = props => render(<Footer {...props}/>);
-
-  it('should create component', () => {
-    shallowFooter().should.exist;
-  });
-
-  it('should be empty by default', () => {
-    const wrapper = shallowFooter();
-    wrapper.should.have.tagName('footer');
-    wrapper.should.be.blank();
-  });
-
-  describe('should render items', () => {
-    it('should add given class', () => {
-      const wrapper = shallowFooter({className: 'myClass'});
-
-      wrapper.should.have.className('myClass');
-    });
-
-    it('add left column one line', () => {
-      const wrapper = renderFooter({left: ['One Line']});
-      wrapper.should.have.text('One Line');
-      wrapper.find('li').should.have.text('One Line');
-    });
-
-    it('add left column two lines', () => {
-      const wrapper = renderFooter({left: ['One Line', 'Second Line']});
-      wrapper.should.have.exactly(2).descendants('li');
-    });
-
-    it('add three columns two lines', () => {
-      const wrapper = mountFooter({
-        left: ['One Line', 'Second Line'],
-        center: ['One Line', 'Second Line'],
-        right: ['One Line', 'Second Line']
-      });
-
-      wrapper.should.have.exactly(3).descendants('ul');
-      const uls = wrapper.find('ul');
-
-      uls.forEach(ul => ul.should.have.exactly(2).descendants('li'));
-    });
-
-  });
-
-  it('should render copyright', () => {
-    const wrapper = renderFooter({
-      left: [
-        {copyright: 2010, label: ' JetBrains'}
-      ]
-    });
-
-    wrapper.find('li').should.contain.text(`Copyright © 2010–${(new Date()).getFullYear()} JetBrains`);
-  });
-
-  it('should render link', () => {
-    const wrapper = renderFooter({
-      left: [
-        {url: 'http://jetbrains.com', label: 'JetBrains', title: 'JetBrains Official Site'}
-      ]
-    });
-
-    const link = wrapper.find('a');
-
-    link.should.have.text('JetBrains');
-    link.should.have.attr('href', 'http://jetbrains.com');
-    link.should.have.attr('title', 'JetBrains Official Site');
-  });
-});

package/components/global/conic-gradient.js

@@ -1,31 +0,0 @@
-/* global ConicGradient */
-import 'conic-gradient';
-
-import memoize from './memoize';
-import supportsCss from './supports-css';
-
-const conicGradient = memoize(({stops, size}) => (
-  supportsCss('background-image: conic-gradient(white, black)')
-    ? `conic-gradient(${stops})`
-    : new ConicGradient({stops, size})
-));
-
-export default stops => conicGradient(stops).toString();
-
-export const conicGradientWithMask = (mask, stops, size) => {
-  const gradient = conicGradient({stops, size});
-
-  if (!mask.supports && gradient instanceof ConicGradient) {
-    Object.defineProperty(gradient, 'svg', {
-      value: gradient.svg.replace('<image ', `
-        ${mask.svgDefs}    
-        <image mask="url(#${mask.maskId})" `)
-    });
-  }
-
-  return {
-    ...mask.css,
-    'background-image': gradient.toString()
-  };
-};
-

package/components/global/data-tests.test.js

@@ -1,18 +0,0 @@
-import dataTests from './data-tests';
-
-describe('dataTests', () => {
-  it('should join strings', () => {
-    dataTests('foo', 'bar').should.be.equal('foo bar');
-  });
-
-  it('should ignore nulls', () => {
-    dataTests('foo', null, undefined, '', 'bar').should.be.equal('foo bar');
-  });
-
-  it('should support map-like arguments', () => {
-    dataTests('foo', {
-      bar: true,
-      notBar: false
-    }).should.be.equal('foo bar');
-  });
-});

package/components/global/dom.examples.js

@@ -1,39 +0,0 @@
-import {getStyles, getRect, getPixelRatio, getWindowHeight} from '@jetbrains/ring-ui/components/global/dom';
-
-export default {
-  title: 'Utilities/DOM',
-
-  parameters: {
-    notes: 'A collection of DOM utilities.',
-    hermione: {skip: true}
-  }
-};
-
-export const basic = () => {
-  const node = document.createElement('div');
-
-  node.innerHTML = `
-      <div id="rect-target" style="min-width: 200px"></div>
-      <div id="report"></div>
-    `;
-
-  function calc() {
-    const rectTarget = node.querySelector('#rect-target');
-    rectTarget.innerHTML = `
-        Element min-width = ${getStyles(rectTarget).minWidth} <br/>
-        Element rect = ${JSON.stringify(getRect(rectTarget))} <br/>
-      `;
-
-    const report = node.querySelector('#report');
-    report.innerHTML = `
-       Pixel ratio = ${getPixelRatio()} <br/>
-       Window height = ${getWindowHeight()} <br/>
-      `;
-  }
-
-  setTimeout(calc);
-
-  return node;
-};
-
-basic.storyName = 'DOM';

package/components/global/dom.test.js

@@ -1,99 +0,0 @@
-import {getRect, getStyles, isMounted} from './dom';
-
-const nodes = [];
-
-function create(tag = 'div') {
-  return document.createElement(tag);
-}
-
-function attach(node) {
-  nodes.push(node);
-  return document.body.insertBefore(node, document.body.firstChild);
-}
-
-afterEach(() => {
-  let node;
-  while ((node = nodes.pop())) {
-    if (node.parentNode) {
-      node.parentNode.removeChild(node);
-    }
-  }
-});
-
-describe('DOM', () => {
-  describe('isMounted', () => {
-    it('should return true for the document', () => {
-      isMounted(document).should.equal(true);
-    });
-
-    it('should return true for an element attached to DOM', () => {
-      const element = attach(create());
-      isMounted(element).should.equal(true);
-    });
-
-    it('should return false for an element that\'s not attached to DOM', () => {
-      const element = create();
-      isMounted(element).should.equal(false);
-    });
-
-    it('should return true for textNode attached to DOM', () => {
-      const textNode = attach(document.createTextNode('Lorem ipsum dolor sit amet.'));
-      isMounted(textNode).should.equal(true);
-    });
-
-    it('should return false for textNode that\'s not attached to DOM', () => {
-      const textNode = document.createTextNode('Lorem ipsum dolor sit amet.');
-      isMounted(textNode).should.equal(false);
-    });
-  });
-
-  describe('getStyles', () => {
-    it('should return css-property that has been set via setAttribute(\'style\')', () => {
-      const element = attach(create());
-      element.setAttribute('style', 'width: 100px;');
-
-      getStyles(element).width.should.equal('100px');
-    });
-
-    it('should return css-property that has been set via style-attribute', () => {
-      const element = attach(create());
-      element.style.width = '100px';
-
-      getStyles(element).width.should.equal('100px');
-    });
-
-    it('should return css-property that has been set before mounting the node', () => {
-      const element = attach(create());
-      element.style.width = '100px';
-
-      getStyles(element).width.should.equal('100px');
-    });
-  });
-
-  describe('getRect', () => {
-    const style = 'position: absolute; width: 100px; height: 100px; top: 10px; left: 10px; padding: 3px; margin: 4px; border: 2px solid;';
-
-    it('should return DOMRect-like object for an element', () => {
-      const element = attach(create());
-      element.setAttribute('style', style);
-
-      getRect(element).should.
-        deep.equal({top: 14, right: 124, bottom: 124, left: 14, width: 110, height: 110});
-    });
-
-    it('should return DOMRect-like stub for unmounted element', () => {
-      const element = create();
-      element.setAttribute('style', style);
-
-      getRect(element).should.
-        deep.equal({top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0});
-    });
-
-    it('should return DOMRect-like object for a range', () => {
-      const range = document.createRange();
-      range.selectNode(document.body);
-
-      getRect(range).should.have.all.keys(['top', 'right', 'bottom', 'left', 'width', 'height']);
-    });
-  });
-});

package/components/global/fuzzy-highlight.test.js

@@ -1,52 +0,0 @@
-import fuzzyHighlight from './fuzzy-highlight';
-
-describe('fuzzyHighlight', () => {
-  it('should match full haystack', () => {
-    fuzzyHighlight('cartwheel', 'cartwheel').should.deep.equal({
-      matched: true,
-      highlight: '**cartwheel**'
-    });
-  });
-  it('should match part of the haystack', () => {
-    fuzzyHighlight('car', 'cartwheel').should.deep.equal({
-      matched: true,
-      highlight: '**car**twheel'
-    });
-    fuzzyHighlight('cwhl', 'cartwheel').should.deep.equal({
-      matched: true,
-      highlight: '**c**art**wh**ee**l**'
-    });
-    fuzzyHighlight('cwheel', 'cartwheel').should.deep.equal({
-      matched: true,
-      highlight: '**c**art**wheel**'
-    });
-  });
-  it('shouldn\'t match needle with extra symbols', () => {
-    fuzzyHighlight('cwheeel', 'cartwheel').should.deep.equal({
-      matched: false,
-      highlight: 'cartwheel'
-    });
-  });
-  it('shouldn\'t match needle with false order', () => {
-    fuzzyHighlight('lw', 'cartwheel').should.deep.equal({
-      matched: false,
-      highlight: 'cartwheel'
-    });
-  });
-  it('should be case-insensitive by default', () => {
-    fuzzyHighlight('cAr', 'Cartwheel').should.deep.equal({
-      matched: true,
-      highlight: '**Car**twheel'
-    });
-  });
-  it('should allow case-sensitivity as an option', () => {
-    fuzzyHighlight('cAr', 'Cartwheel', true).should.deep.equal({
-      matched: false,
-      highlight: 'Cartwheel'
-    });
-    fuzzyHighlight('Car', 'Cartwheel', true).should.deep.equal({
-      matched: true,
-      highlight: '**Car**twheel'
-    });
-  });
-});

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/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/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/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;
-});

package/components/global/url.test.js

@@ -1,138 +0,0 @@
-import {
-  encodeURL,
-  fixUrl,
-  joinBaseURLAndPath,
-  getBaseURI,
-  getOrigin,
-  isDataURI,
-  parseQueryString
-} from './url';
-
-describe('Url', () => {
-  describe('fixUrl', () => {
-    let baseTag;
-    let baseUrl;
-
-    beforeEach(() => {
-      baseTag = document.createElement('base');
-      baseTag.setAttribute('href', '/some/base/url/');
-      document.head.prepend(baseTag);
-      baseUrl = getBaseURI();
-    });
-
-    it('should fix relative url', () => {
-      fixUrl('relative/path').should.be.equal(`${baseUrl}relative/path`);
-    });
-
-    it('should not fix absolute url', () => {
-      fixUrl('/absolute/path').should.be.equal('/absolute/path');
-    });
-
-    it('should not fix absolute url with http', () => {
-      fixUrl('http://simple/path').should.be.equal('http://simple/path');
-    });
-
-    it('should not fix absolute url with https', () => {
-      fixUrl('https://secure/path').should.be.equal('https://secure/path');
-    });
-
-    it('should concat base url and path', () => {
-      joinBaseURLAndPath('http://base.com', '/test').should.be.equal('http://base.com/test');
-    });
-
-    it('should not concat base url and path if base is empty', () => {
-      joinBaseURLAndPath(null, 'test').should.be.equal('test');
-    });
-
-    it('should ignore base url if path is absolute url', () => {
-      joinBaseURLAndPath('http://base.com', 'http://absolute.com').
-        should.be.equal('http://absolute.com');
-    });
-
-    afterEach(() => {
-      baseTag.remove();
-    });
-  });
-
-  describe('getOrigin', () => {
-    it('should return origin for absolute URIs', () => {
-      getOrigin('https://secure:433/path?q=p#hash').should.equal('https://secure:433');
-    });
-
-    it('should return undefined for relative URLs', () => {
-      should.not.exist(getOrigin('/path:433/path?q=p#hash'));
-    });
-
-    it('should return undefined for broken URLs', () => {
-      should.not.exist(getOrigin('http:/'));
-    });
-  });
-
-  describe('parseQueryString', () => {
-    it('should parse urls correctly', () => {
-      const queryString = 'access_token=2YotnFZFEjr1zCsicMWpAA' +
-        '&state=xyz&token_type=example&expires_in=3600';
-      /* eslint-disable camelcase */
-      parseQueryString(queryString).should.be.deep.equal({
-        access_token: '2YotnFZFEjr1zCsicMWpAA',
-        state: 'xyz',
-        token_type: 'example',
-        expires_in: '3600'
-      });
-      /* eslint-enable camelcase */
-    });
-
-    it('should accept empty string', () => {
-      parseQueryString('').should.be.deep.equal({});
-    });
-
-    it('should accept undefined', () => {
-      parseQueryString(undefined).should.be.deep.equal({});
-    });
-  });
-
-  describe('encodeURL', () => {
-    it('should build URL correctly', () => {
-      encodeURL('http://localhost:8080/hub', {
-        a: 'a',
-        b: 'b'
-      }).
-        should.be.equal('http://localhost:8080/hub?a=a&b=b');
-    });
-
-    it('should accept relative URI', () => {
-      encodeURL('hub', {a: 'a', b: 'b'}).
-        should.be.equal('hub?a=a&b=b');
-    });
-
-    it('should not encode null and undefined values', () => {
-      encodeURL('hub', {a: 'a', b: null, c: undefined, d: '', e: false}).
-        should.be.equal('hub?a=a&d=&e=false');
-    });
-
-    it('should handle already existing query parameters', () => {
-      encodeURL('hub?c=c', {a: 'a', b: 'b'}).
-        should.be.equal('hub?c=c&a=a&b=b');
-    });
-
-    it('should encode query parameters', () => {
-      encodeURL('hub', {'i am naughty': 'with%23some+problems'}).
-        should.be.equal('hub?i%20am%20naughty=with%2523some%2Bproblems');
-    });
-
-    it('should not encode comma', () => {
-      encodeURL('hub', {test: 'with(some,allowed)'}).
-        should.be.equal('hub?test=with(some,allowed)');
-    });
-  });
-
-  describe('isDataURI', () => {
-    it('should detect data uri', () => {
-      isDataURI('data:image/svg+xml;utf8,<svg></svg>').should.be.true;
-    });
-
-    it('should not detect other uris', () => {
-      isDataURI('https://ring-ui').should.be.false;
-    });
-  });
-});