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

package/components/shortcuts/shortcut-title.js

@@ -1,56 +0,0 @@
-import sniffer from '../global/sniffer';
-
-const macSymbolsMap = {
-  enter: '⏎',
-  shift: '⇧',
-  meta: '⌘',
-  mod: '⌘',
-  alt: '⌥',
-  ctrl: '⌃',
-  backspace: '⌫',
-  esc: 'Esc',
-  tab: 'Tab',
-  del: 'Del',
-  home: 'Home',
-  end: 'End',
-  space: 'Space',
-  ins: 'Insert',
-
-  left: '←',
-  up: '↑',
-  right: '→',
-  down: '↓'
-};
-
-const winSymbolsMap = {
-  enter: 'Enter',
-  shift: 'Shift',
-  meta: 'Ctrl',
-  mod: 'Ctrl',
-  alt: 'Alt',
-  ctrl: 'Ctrl',
-  backspace: 'Backspace',
-  esc: 'Esc',
-  tab: 'Tab',
-  del: 'Delete',
-  home: 'Home',
-  end: 'End',
-  space: 'Space',
-  ins: 'Insert',
-
-  left: '←',
-  up: '↑',
-  right: '→',
-  down: '↓'
-};
-
-export function getShortcutTitle(shortcut) {
-  const MAC_OS = sniffer.os.name === 'macos';
-  const KEY_SEPARATOR = MAC_OS ? '' : '+';
-  const symbolsMap = MAC_OS ? macSymbolsMap : winSymbolsMap;
-
-  return shortcut.
-    split(/\+/g).
-    map(symbol => symbolsMap[symbol] || symbol.toUpperCase()).
-    join(KEY_SEPARATOR);
-}

package/components/shortcuts/shortcuts-hoc.js

@@ -1,33 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import getUID from '../global/get-uid';
-
-import Shortcuts from './shortcuts';
-
-export default function shortcutsHOC(ComposedComponent) {
-
-  return class WithShortcuts extends React.Component {
-    static propTypes = {
-      rgShortcutsOptions: PropTypes.object,
-      rgShortcutsMap: PropTypes.object
-    };
-
-    _shortcutsScopeUid = getUID('rg-shortcuts-');
-
-    render() {
-      const {rgShortcutsOptions, rgShortcutsMap, ...props} = this.props;
-
-      return (
-        <Shortcuts
-          scope={this._shortcutsScopeUid}
-          map={rgShortcutsMap}
-          options={rgShortcutsOptions}
-          disabled={rgShortcutsOptions.disabled}
-        >
-          <ComposedComponent {...props}/>
-        </Shortcuts>
-      );
-    }
-  };
-}

package/components/shortcuts/shortcuts-hoc.test.js

@@ -1,53 +0,0 @@
-import React from 'react';
-import {shallow, mount} from 'enzyme';
-
-import simulateCombo from '../../test-helpers/simulate-combo';
-
-import shortcutsHOC from './shortcuts-hoc';
-
-describe('ShortcutsHOC', () => {
-  describe('default', () => {
-    const InputWithShortcuts = shortcutsHOC('input');
-
-    const createShortcutsMap = () => ({
-      options: {},
-      map: {enter: sandbox.spy()}
-    });
-
-    const factory = shortcuts => (
-      <InputWithShortcuts
-        rgShortcutsOptions={shortcuts.options}
-        rgShortcutsMap={shortcuts.map}
-      />
-    );
-
-    const shallowInputWithShortcuts = shortcuts => shallow(factory(shortcuts));
-    const mountInputWithShortcuts = shortcuts => mount(factory(shortcuts));
-
-    it('should initialize', () => {
-      const shortcuts = createShortcutsMap();
-      shallowInputWithShortcuts(shortcuts).should.exist;
-    });
-
-
-    it('should call shortcut handler', () => {
-      const shortcuts = createShortcutsMap();
-      mountInputWithShortcuts(shortcuts);
-      simulateCombo('enter');
-
-      shortcuts.map.enter.should.be.called;
-    });
-
-
-    it('should disable shortcuts', () => {
-      const shortcuts = createShortcutsMap();
-      shortcuts.options.disabled = true;
-
-      mountInputWithShortcuts(shortcuts);
-
-      simulateCombo('enter');
-
-      shortcuts.map.enter.should.not.be.called;
-    });
-  });
-});

package/components/shortcuts/shortcuts.js

@@ -1,56 +0,0 @@
-import {PureComponent} from 'react';
-import PropTypes from 'prop-types';
-
-import shortcuts from './core';
-
-export default class Shortcuts extends PureComponent {
-  static propTypes = {
-    map: PropTypes.object.isRequired,
-    scope: PropTypes.string.isRequired,
-    options: PropTypes.object,
-    disabled: PropTypes.bool,
-    children: PropTypes.node
-  };
-
-  static defaultProps = {
-    options: {}
-  };
-
-  componentDidMount() {
-    if (!this.props.disabled) {
-      this.turnShorcutsOn();
-    }
-  }
-
-  componentDidUpdate(prevProps) {
-    const {disabled} = this.props;
-    if (!prevProps.disabled && disabled) {
-      this.turnShorcutsOff();
-    }
-    if (prevProps.disabled && !disabled) {
-      this.turnShorcutsOn();
-    }
-  }
-
-  componentWillUnmount() {
-    if (!this.props.disabled) {
-      this.turnShorcutsOff();
-    }
-  }
-
-  turnShorcutsOn() {
-    const {map, scope, options} = this.props;
-    shortcuts.bindMap(map, this.props);
-    shortcuts.pushScope(scope, options);
-  }
-
-  turnShorcutsOff() {
-    const {scope} = this.props;
-    shortcuts.unbindScope(scope);
-    shortcuts.spliceScope(scope);
-  }
-
-  render() {
-    return this.props.children || null;
-  }
-}

package/components/shortcuts/shortcuts.test.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import {shallow, mount} from 'enzyme';
-
-import simulateCombo from '../../test-helpers/simulate-combo';
-import getUID from '../global/get-uid';
-
-import Shortcuts from './shortcuts';
-
-describe('ShortcutsComponent', () => {
-  const factory = props => (
-    <Shortcuts
-      map={{enter: sandbox.spy()}}
-      scope={getUID('shortcuts-test-')}
-      {...props}
-    />
-  );
-
-  const shallowShortcuts = props => shallow(factory(props));
-  const mountShortcuts = props => mount(factory(props));
-
-
-  it('should initialize', () => {
-    shallowShortcuts().should.exist;
-  });
-
-
-  it('should call shortcut handler', () => {
-    const wrapper = mountShortcuts();
-    simulateCombo('enter');
-
-    wrapper.prop('map').enter.should.be.called;
-  });
-
-  it('should enable shortcuts if disabled becomes "false"', () => {
-    const wrapper = mountShortcuts({disabled: true});
-
-    simulateCombo('enter');
-    wrapper.prop('map').enter.should.not.be.called;
-
-    wrapper.setProps({disabled: false});
-
-    simulateCombo('enter');
-    wrapper.prop('map').enter.should.be.called;
-  });
-});

package/components/storage/storage.examples.js

@@ -1,37 +0,0 @@
-import Storage from '@jetbrains/ring-ui/components/storage/storage';
-
-export default {
-  title: 'Components/Storage',
-
-  parameters: {
-    notes: 'Provides a façade to localStorage/sessionStorage/cookies.',
-    hermione: {skip: true}
-  }
-};
-
-export const basic = () => {
-  const STORAGE_KEY = 'storage-example-key';
-  const storage = new Storage();
-  const node = document.createElement('div');
-
-  let value;
-
-  async function init() {
-    const storedValue = await storage.get(STORAGE_KEY);
-    if (!storedValue) {
-      const generatedValue = Math.random().toString();
-      await storage.set(STORAGE_KEY, generatedValue);
-      value = generatedValue;
-    } else {
-      value = storedValue;
-    }
-
-    node.innerText = `Stored value = ${value}`;
-  }
-
-  init();
-
-  return node;
-};
-
-basic.storyName = 'Storage';

package/components/storage/storage.js

@@ -1,25 +0,0 @@
-import LocalStorage from './storage__local';
-import FallbackStorage from './storage__fallback';
-
-/**
- * @name Storage
- */
-
-/**
- * @constructor
- * @extends {LocalStorage}
- */
-let Storage = LocalStorage;
-
-// Using try/catch here because of IE10+ protected mode and other browsers' quirks
-// See https://github.com/Modernizr/Modernizr/blob/master/feature-detects/storage/localstorage.js
-try {
-  const temp = 'testStorage';
-  localStorage.setItem(temp, temp);
-  localStorage.removeItem(temp);
-} catch (e) {
-  Storage = FallbackStorage;
-}
-
-const ActualStorage = Storage;
-export default ActualStorage;

package/components/storage/storage.test.js

@@ -1,248 +0,0 @@
-/* eslint-disable import/no-duplicates */
-import Storage from './storage__local';
-import FallbackStorage from './storage__fallback';
-
-import MockedStorage from 'imports-loader?imports=default|storage-mock|window!./storage__local';
-
-function noop() {}
-
-function testStorage(storage) {
-  describe('set', () => {
-    it('should be fulfilled', () => storage.set('empty', {}).should.be.fulfilled);
-
-    it('should correctly set url incompatible characters', async () => {
-      await storage.set('test;', 'value;');
-      const value = await storage.get('test;');
-      value.should.equal('value;');
-    });
-
-    it('should fail on wrong input (e.g. on circular objects)', () => {
-      const circular = {};
-      circular.circular = circular;
-
-      return storage.set('circular', circular).should.be.rejected;
-    });
-  });
-
-  describe('get', () => {
-    const test = {a: 666};
-
-    it('should get items', async () => {
-      await storage.set('test2', test);
-      const value = await storage.get('test2');
-      value.should.deep.equal(test);
-    });
-
-    it('should not return same objects', async () => {
-      await storage.set('test', test);
-      const value = await storage.get('test');
-      value.should.not.equal(test);
-    });
-
-    it('should return null when there is no item', () => storage.get('test').should.become(null));
-  });
-
-  describe('remove', () => {
-    it('should remove present items', async () => {
-      await storage.set('empty', {});
-      await storage.remove('empty');
-      storage.get('empty').should.become(null);
-    });
-
-    it('should be fulfilled when is correct', async () => {
-      await storage.set('empty', {});
-      storage.remove('empty').
-        should.be.fulfilled;
-    });
-
-    it('should be fulfilled for missing element', () => (
-      storage.remove('missing').should.be.fulfilled
-    ));
-  });
-
-  describe('each', () => {
-    it('should be fulfilled', async () => {
-      await storage.set('test1', '');
-      storage.each(noop).
-        should.be.fulfilled;
-    });
-
-    it('should iterate over items', async () => {
-      const iterator = sandbox.stub();
-      await storage.set('test', 'value');
-      await storage.each(iterator);
-      iterator.should.have.been.calledWith('test', 'value');
-    });
-
-    it('should not iterate without items', async () => {
-      const iterator = sandbox.stub();
-      await storage.each(iterator);
-      iterator.should.not.been.called;
-    });
-
-    it('should iterate over all items', async () => {
-      const iterator = sandbox.stub();
-      await storage.set('test1', '');
-      await storage.set('test2', '');
-      await storage.set('test3', '');
-      await storage.each(iterator);
-      iterator.should.have.been.calledThrice;
-    });
-
-    it('should fail on wrong callback', async () => {
-      await storage.set('test', '');
-      storage.each().should.be.rejected;
-    });
-  });
-}
-
-function testStorageEvents(storage) {
-  describe('events', () => {
-    let stop;
-
-    afterEach(() => {
-      stop();
-    });
-
-    it('on after set should be fired', () => {
-      const testEvent = 'testKey';
-
-      const change = new Promise(resolve => {
-        stop = storage.on(testEvent, resolve);
-      });
-
-      storage.set(testEvent, 'testValue');
-
-      return change.should.be.fulfilled;
-    });
-
-    it('on after set should be fired with correct value', () => {
-      const testEvent = 'testKey2';
-      const testValue = 'testValue';
-
-      const change = new Promise(resolve => {
-        stop = storage.on(testEvent, resolve);
-      });
-
-      storage.set(testEvent, testValue);
-
-      return change.should.become(testValue);
-    });
-
-    it('on after remove should be fired with null', async () => {
-      const testEvent = 'testKey3';
-      const testValue = 'test2Value';
-
-      // Set test value and wait for it
-      storage.set(testEvent, testValue);
-
-      const disposer = await new Promise(resolve => {
-        const stopSetListening = storage.on(testEvent, () => {
-          resolve(stopSetListening);
-        });
-      });
-      disposer();
-
-      // Set up listening for test target change
-      const change = new Promise(resolve => {
-        stop = storage.on(testEvent, resolve);
-      });
-
-      // Trigger target remove action
-      storage.remove(testEvent);
-
-      change.should.become(null);
-    });
-
-    it('on after set with other key shouldn\'t be fired', () => {
-      const clock = sandbox.useFakeTimers({toFake: ['setTimeout']});
-      const spy = sandbox.stub();
-
-      stop = storage.on('testKey4', spy);
-      storage.set('testWrong', 'testValue');
-
-      clock.tick(1);
-      spy.should.not.have.been.called;
-    });
-
-    it('stop should stop', () => {
-      const clock = sandbox.useFakeTimers({toFake: ['setTimeout']});
-      const spy = sandbox.spy();
-
-      const testEvent = 'testKey5';
-      stop = storage.on(testEvent, spy);
-      stop();
-      storage.set(testEvent, 'testValue');
-
-      clock.tick(1);
-      spy.should.not.have.been.called;
-    });
-  });
-}
-
-describe('Storage', () => {
-  describe('Local', () => {
-    beforeEach(() => {
-      localStorage.clear();
-      sessionStorage.clear();
-    });
-
-    const storage = new Storage();
-    const storageSession = new Storage({
-      type: 'session'
-    });
-
-    describe('Long-term', () => {
-      testStorage(storage);
-    });
-    describe('Session', () => {
-      testStorage(storageSession);
-    });
-    testStorageEvents(new MockedStorage());
-
-    describe('specific', () => {
-      beforeEach(() => {
-        localStorage.setItem('invalid-json', 'invalid-json');
-      });
-
-      it('should get non-parseable values', () => (
-        storage.get('invalid-json').should.be.become('invalid-json')
-      ));
-
-      it('shouldn\'t break iteration on non-parseable values', () => storage.each(noop).should.be.fulfilled);
-
-      it('should iterate over items with non-parseable values', async () => {
-        const iterator = sandbox.stub();
-        await storage.set('test', 'value');
-        await storage.each(iterator);
-        iterator.should.have.been.calledWith('invalid-json', 'invalid-json');
-      });
-    });
-  });
-
-  describe('Fallback', () => {
-    const cookieName = 'testCookie';
-
-    beforeEach(() => {
-      document.cookie = `${cookieName}=;`;
-    });
-
-    const storage = new FallbackStorage({
-      cookieName,
-      checkDelay: 200
-    });
-
-    const storageSession = new FallbackStorage({
-      cookieName,
-      checkDelay: 200,
-      type: 'session'
-    });
-    describe('Long-term', () => {
-      testStorage(storage);
-    });
-    describe('Session', () => {
-      testStorage(storageSession);
-    });
-    testStorageEvents(storage);
-  });
-});