@jetbrains/ring-ui 5.1.22 → 6.0.1

package/components/promised-click-ng/promised-click-ng.test.js

@@ -1,166 +0,0 @@
-/* global inject */
-import 'angular';
-import 'angular-mocks';
-
-import buttonStyles from '../button/button.css';
-
-import PromisedClick from './promised-click-ng';
-
-describe('Promised Click Ng', () => {
-  const click = new CustomEvent('click');
-  let $rootScope;
-  let $compile;
-  let $q;
-  function noop() {}
-
-  beforeEach(window.module(PromisedClick));
-
-  beforeEach(inject((_$rootScope_, _$compile_, _$q_) => {
-    $rootScope = _$rootScope_;
-    $compile = _$compile_;
-    $q = _$q_;
-  }));
-
-  afterEach(() => {
-    $rootScope.$destroy();
-  });
-
-  function buildPromisedClick(auto) {
-    const template = auto
-      ? '<button rg-promised-click="onClick()"/>'
-      : '<button rg-promised-click/>';
-    const scope = $rootScope.$new();
-    const $element = $compile(template)(scope);
-    const element = $element[0];
-    const ctrl = $element.controller('rgPromisedClick');
-    const promise = {};
-
-    scope.onClick = () => $q((resolve, reject) => {
-      promise.resolve = resolve;
-      promise.reject = reject;
-    });
-
-    scope.$digest();
-
-    return {element, scope, ctrl, promise};
-  }
-
-  describe('automatic mode', () => {
-    it('should not have the active class by default', () => {
-      const {element} = buildPromisedClick(true);
-
-      element.should.not.have.class(buttonStyles.active);
-    });
-
-    it('should add the active class by clicking', () => {
-      const {element} = buildPromisedClick(true);
-      element.dispatchEvent(click);
-
-      element.should.have.class(buttonStyles.active.split(' ')[0]);
-    });
-
-    it('should remove the active class by resolving Promise', () => {
-      const {element, promise, scope} = buildPromisedClick(true);
-      element.dispatchEvent(click);
-      promise.resolve();
-      scope.$digest();
-
-      element.should.not.have.class(buttonStyles.active);
-    });
-
-    it('should remove the active class by rejecting Promise', () => {
-      const {element, promise, scope} = buildPromisedClick(true);
-      element.dispatchEvent(click);
-      promise.reject();
-      scope.$digest();
-
-      element.should.not.have.class(buttonStyles.active);
-    });
-  });
-
-  describe('semi-automatic mode', () => {
-    it('should not have the "active" class by default', () => {
-      const {element} = buildPromisedClick();
-
-      element.should.not.have.class(buttonStyles.active);
-    });
-
-    it('should call the given callback by clicking', () => {
-      const {element, ctrl} = buildPromisedClick();
-      const callback = sandbox.stub();
-      ctrl.onClick(callback);
-      element.dispatchEvent(click);
-
-      callback.should.have.been.called;
-    });
-
-    it('should add the active class by clicking', () => {
-      const {element, ctrl} = buildPromisedClick();
-      ctrl.onClick(() => $q(noop));
-      element.dispatchEvent(click);
-
-      element.should.have.class(buttonStyles.active.split(' ')[0]);
-    });
-
-    it('should remove the active class by resolving Promise', () => {
-      const {element, ctrl} = buildPromisedClick();
-      ctrl.onClick(() => $q(resolve => {
-        resolve();
-      }));
-      element.dispatchEvent(click);
-
-      element.should.not.have.class(buttonStyles.active);
-    });
-
-    it('should remove the active class by rejecting Promise', () => {
-      const {element, ctrl} = buildPromisedClick();
-      ctrl.onClick(() => $q((resolve, reject) => {
-        reject();
-      }));
-      element.dispatchEvent(click);
-
-      element.should.not.have.class(buttonStyles.active);
-    });
-  });
-
-  describe('manual mode', () => {
-    it('should not have the active class by default', () => {
-      const {element} = buildPromisedClick();
-
-      element.should.not.have.class(buttonStyles.active);
-    });
-
-    it('should call the given callback', () => {
-      const {ctrl} = buildPromisedClick();
-      const callback = sandbox.stub();
-      ctrl.process(callback);
-
-      callback.should.have.been.called;
-    });
-
-    it('should add the active class', () => {
-      const {element, ctrl} = buildPromisedClick();
-      ctrl.process(() => $q(noop));
-
-      element.should.have.class(buttonStyles.active.split(' ')[0]);
-    });
-
-    it('should remove the active class by resolving Promise', () => {
-      const {element, ctrl} = buildPromisedClick();
-      ctrl.process(() => $q(resolve => {
-        resolve();
-      }));
-
-      element.should.not.have.class(buttonStyles.active);
-    });
-
-    it('should remove the active class by rejecting Promise', () => {
-      const {element, ctrl} = buildPromisedClick();
-      ctrl.process(() => $q((resolve, reject) => {
-        reject();
-      }));
-
-      element.should.not.have.class(buttonStyles.active);
-    });
-  });
-});

package/components/proxy-attrs/proxy-attrs.js

@@ -1,24 +0,0 @@
-function proxyAttrs(template, attrsWhitelist) {
-  return function copyAttrs(iElement, iAttrs) {
-    const PREFIX = 'data-proxy-';
-
-    const attrsList = attrsWhitelist || Object.keys(iAttrs.$attr);
-    let resultTemplate = template;
-
-    attrsList.forEach(attrName => {
-      if (iAttrs[attrName] !== undefined) {
-        const attrLower = iAttrs.$attr[attrName];
-        const attrValue = iAttrs[attrName];
-
-        const attrFind = `${PREFIX}${attrLower}`.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
-        const attrReplace = `${attrLower}="${attrValue}"`;
-
-        resultTemplate = resultTemplate.replace(RegExp(`${attrFind}(="")*`, 'g'), attrReplace);
-      }
-    });
-
-    return resultTemplate;
-  };
-}
-
-export default proxyAttrs;

package/components/proxy-attrs/proxy-attrs.test.js

@@ -1,102 +0,0 @@
-import 'angular';
-import 'angular-mocks';
-
-import proxyAttrs from './proxy-attrs';
-
-describe('Proxy attrs Ng', () => {
-  const ngModelValue = 'wow';
-  const ngDisabledValue = '!getDisabledState()';
-
-  it('should return untouched template if there in nothing to replace', () => {
-    const sourceTemplate = '<span><button data-proxy-ng-model>Some text</button><span>';
-    const replacedTemplate = proxyAttrs(sourceTemplate)({}, {$attr: {}});
-
-    replacedTemplate.should.be.equal(sourceTemplate);
-  });
-
-  it('should return template with replacement; last attribute', () => {
-    const sourceTemplate = '<span><button data-proxy-ng-model>Some text</button><span>';
-    const replacedTemplate = proxyAttrs(sourceTemplate)({}, {
-      ngModel: ngModelValue,
-      $attr: {ngModel: 'ng-model'}
-    });
-
-    replacedTemplate.should.
-      be.equal(sourceTemplate.replace('data-proxy-ng-model', `ng-model="${ngModelValue}"`));
-  });
-
-  it('should return template with replacement; middle attribute', () => {
-    const sourceTemplate = '<span><button data-proxy-ng-model class="">Some text</button><span>';
-    const replacedTemplate = proxyAttrs(sourceTemplate)({}, {
-      ngModel: ngModelValue,
-      $attr: {ngModel: 'ng-model'}
-    });
-
-    replacedTemplate.should.
-      be.equal(sourceTemplate.replace('data-proxy-ng-model', `ng-model="${ngModelValue}"`));
-  });
-
-  it('should return template with replacement; before new line', () => {
-    const sourceTemplate = '<span><button data-proxy-ng-model\n class="">Some text</button><span>';
-    const replacedTemplate = proxyAttrs(sourceTemplate)({}, {
-      ngModel: ngModelValue,
-      $attr: {ngModel: 'ng-model'}
-    });
-
-    replacedTemplate.should.
-      be.equal(sourceTemplate.replace('data-proxy-ng-model', `ng-model="${ngModelValue}"`));
-  });
-
-  it('should return template with replacement; with quotes', () => {
-    const sourceTemplate = '<span><button data-proxy-ng-model="">Some text</button><span>';
-    const replacedTemplate = proxyAttrs(sourceTemplate)({}, {
-      ngModel: ngModelValue,
-      $attr: {ngModel: 'ng-model'}
-    });
-
-    replacedTemplate.should.
-      be.equal(sourceTemplate.replace('data-proxy-ng-model=""', `ng-model="${ngModelValue}"`));
-  });
-
-  it('should respect whitelist instead if attrs', () => {
-    const sourceTemplate = '<span><button data-proxy-ng-model>Some text</button><span>';
-    const whitelist = [];
-    const replacedTemplate = proxyAttrs(sourceTemplate, whitelist)({}, {
-      ngModel: ngModelValue,
-      $attr: {ngModel: 'ng-model'}
-    });
-
-    replacedTemplate.should.be.equal(sourceTemplate);
-  });
-
-  it('should proxy multiple directives', () => {
-    const sourceTemplate = '<span><button data-proxy-ng-model>Some text</button><input type="text" data-proxy-ng-disabled></span>';
-
-    const replacedTemplate = proxyAttrs(sourceTemplate)({}, {
-      ngModel: ngModelValue,
-      ngDisabled: ngDisabledValue,
-      $attr: {ngModel: 'ng-model', ngDisabled: 'ng-disabled'}
-    });
-
-    const expectedTemplate = sourceTemplate.
-      replace('data-proxy-ng-model', `ng-model="${ngModelValue}"`).
-      replace('data-proxy-ng-disabled', `ng-disabled="${ngDisabledValue}"`);
-
-    replacedTemplate.should.be.equal(expectedTemplate);
-  });
-
-  it('should proxy one directive to multiple placeholders', () => {
-    const sourceTemplate = '<span><button data-proxy-ng-model>Some text</button><input type="text" data-proxy-ng-model></span>';
-
-    const replacedTemplate = proxyAttrs(sourceTemplate)({}, {
-      ngModel: ngModelValue,
-      ngDisabled: ngDisabledValue,
-      $attr: {ngModel: 'ng-model', ngDisabled: 'ng-disabled'}
-    });
-
-    const expectedTemplate = sourceTemplate.
-      replace(/data-proxy-ng-model/g, `ng-model="${ngModelValue}"`);
-
-    replacedTemplate.should.be.equal(expectedTemplate);
-  });
-});

package/components/query-assist-ng/query-assist-ng.js

@@ -1,7 +0,0 @@
-/**
- * @name Query Assist Ng
- */
-import angularComponentFactory from '../global/angular-component-factory';
-import QueryAssist from '../query-assist/query-assist';
-
-export default angularComponentFactory(QueryAssist, 'QueryAssist').name;

package/components/query-assist-ng/query-assist-ng.stories.js

@@ -1,89 +0,0 @@
-import angular from 'angular';
-
-import angularDecorator, {APP_NAME} from '../../.storybook/angular-decorator';
-
-import hubConfig from '../../.storybook/hub-config';
-
-import AuthNG from '../auth-ng/auth-ng';
-
-import QueryAssistNG from './query-assist-ng';
-
-export default {
-  title: 'Legacy Angular/Query Assist Ng',
-  decorators: [angularDecorator()],
-
-  parameters: {
-    notes: 'Provides an Angular wrapper for Query Assist.',
-    hermione: {skip: true}
-  }
-};
-
-export const basic = ({onChange}) => {
-  angular.
-    module(APP_NAME, [QueryAssistNG, AuthNG]).
-    config(authProvider => {
-      authProvider.config(hubConfig);
-    }).
-    controller('testCtrl', function ctrl($http) {
-      this.queries = [];
-      this.query = 'query';
-      this.focus = true;
-      this.disabled = true;
-
-      this.save = ({query}) => {
-        this.queries.unshift(query);
-      };
-
-      this.change = ({query}) => {
-        this.query = query;
-        onChange('Query = ', query);
-      };
-
-      this.focusChange = ({focus}) => {
-        this.focus = focus;
-      };
-
-      this.source = ({query, caret, omitSuggestions}) => {
-        const config = {
-          params: {
-            fields: `query,caret,styleRanges${omitSuggestions ? '' : ',suggestions'}`,
-            query,
-            caret
-          }
-        };
-
-        return $http.
-          get(`${hubConfig.serverUri}/api/rest/users/queryAssist`, config).
-          then(data => data.data);
-      };
-    });
-
-  return `
-      <div ng-controller="testCtrl as ctrl">
-        <button ng-click="ctrl.disabled = !ctrl.disabled">Disable/Enable</button>
-
-        <div>
-          <p>{{ ctrl.query || 'no value' }}</p>
-
-          <rg-query-assist
-            x-clear="true"
-            x-data-source="ctrl.source"
-            x-disabled="ctrl.disabled"
-            glass="true"
-            focus="ctrl.focus"
-            query="ctrl.query"
-            on-apply="ctrl.save"
-            on-change="ctrl.change"
-            on-focus-change="ctrl.focusChange"
-            placeholder="'placeholder'"
-            hint="'Press ⇥ to complete first item'"
-            hint-on-selection="'Press ↩ to complete selected item'"></rg-query-assist>
-
-          <p ng-repeat="query in ctrl.queries track by $index">{{ query }}</p>
-        </div>
-      </div>
-    `;
-};
-
-basic.storyName = 'Query Assist Ng';
-basic.argTypes = {onChange: {}};

package/components/radio-ng/radio-ng.js

@@ -1,61 +0,0 @@
-import angular from 'angular';
-
-import styles from '../radio/radio.css';
-import proxyAttrs from '../proxy-attrs/proxy-attrs';
-import getUID from '../global/get-uid';
-
-/**
- * @name Radio Ng
- */
-const angularModule = angular.module('Ring.radio', []);
-
-angularModule.directive('rgRadio', function rgCheckboxDirective() {
-  return {
-    restrict: 'E',
-    transclude: true,
-    replace: true,
-    template: proxyAttrs(`
-      <label class="${styles.radio}" data-test="ring-radio">
-        <input
-          type="radio"
-          class=${styles.input}
-
-          data-proxy-ng-disabled
-          data-proxy-ng-model
-          data-proxy-ng-change
-          data-proxy-name
-          data-proxy-value
-          data-proxy-ng-value
-        />
-        <span class="${styles.circle}"></span><span
-         class="${styles.label}" ng-transclude></span>
-      </label>
-
-`),
-    link: function link(scope, iElement) {
-      const element = iElement[0];
-      const input = element.querySelector('input[type="radio"]');
-
-      function applyPassedID() {
-        const {id} = element;
-        element.setAttribute('for', id);
-        input.setAttribute('id', id);
-        element.removeAttribute('id');
-      }
-
-      function generateID() {
-        const id = getUID('ring-radio-item-');
-        element.setAttribute('for', id);
-        input.setAttribute('id', id);
-      }
-
-      if (element.id) {
-        applyPassedID();
-      } else {
-        generateID();
-      }
-    }
-  };
-});
-
-export default angularModule.name;

package/components/radio-ng/radio-ng.stories.js

@@ -1,31 +0,0 @@
-import angular from 'angular';
-
-import angularDecorator, {APP_NAME} from '../../.storybook/angular-decorator';
-
-import RadioNG from './radio-ng';
-
-export default {
-  title: 'Legacy Angular/Radio Ng',
-  decorators: [angularDecorator()],
-
-  parameters: {
-    notes: 'Provides a Radio component.'
-  }
-};
-
-export const basic = () => {
-  angular.module(APP_NAME, [RadioNG]).controller('ExampleCtrl', function ctrl() {
-    this.selected = 'two';
-  });
-
-  return `
-      <div ng-controller="ExampleCtrl as ctrl">
-        <rg-radio ng-model="ctrl.selected" value="one" name="first" id="one-option">One</rg-radio>
-        <rg-radio ng-model="ctrl.selected" value="two" name="second">Two</rg-radio>
-
-        <div>Selected value is "{{ctrl.selected}}"</div>
-      </div>
-    `;
-};
-
-basic.storyName = 'Radio Ng';

package/components/radio-ng/radio-ng.test.js

@@ -1,55 +0,0 @@
-import 'angular';
-import 'angular-mocks';
-
-import Radio from './radio-ng';
-
-describe('Radio Ng', () => {
-  let scope;
-  let element;
-  let iElement;
-  let $compile;
-  let $rootScope;
-  const TEST_ID = 'test-id';
-
-  beforeEach(window.module(Radio));
-
-  /* global inject */
-  beforeEach(inject((_$rootScope_, _$compile_) => {
-    $compile = _$compile_;
-    $rootScope = _$rootScope_;
-    scope = $rootScope.$new();
-
-    const tpl = `
-      <div>
-        <rg-radio ng-model="radioModel" value="one">One</rg-radio>
-        <rg-radio ng-model="radioModel" value="two" id="${TEST_ID}">Two</rg-radio>
-      </div>`;
-    iElement = $compile(tpl)(scope);
-    element = iElement[0];
-    scope.$digest();
-  }));
-
-  it('should not be checked by default', () => {
-    element.should.not.contain('input:checked');
-    should.not.exist(scope.radioModel);
-  });
-
-
-  it('should use passed id', () => {
-    element.querySelector(`#${TEST_ID}`).should.match('input[value=two]');
-    should.exist(element.querySelector(`label[for=${TEST_ID}]`));
-  });
-
-  it('should have been set checked by click', () => {
-    element.querySelector('input[value=two]').dispatchEvent(new MouseEvent('click'));
-    element.querySelector('input[value=two]').dispatchEvent(new Event('change'));
-
-    scope.radioModel.should.equal('two');
-  });
-
-  it('should have been set checked by ng-model', () => {
-    scope.radioModel = 'two';
-    scope.$digest();
-    element.querySelector('input[value=two]').should.match('input:checked');
-  });
-});

package/components/save-field-ng/save-field-ng.css

@@ -1,13 +0,0 @@
-@import "../global/variables.css";
-
-@value unit from "../global/global.css";
-
-:global(.ring-save-field) {
-  display: inline-block;
-}
-
-:global(.ring-save-field .ring-save-field__button) {
-  margin-left: unit;
-
-  vertical-align: top;
-}