@jetbrains/ring-ui 5.1.1 → 6.0.2-beta.0

package/dist/docked-panel-ng/docked-panel-ng.js

@@ -1,147 +0,0 @@
-import angular from 'angular';
-import scheduleRAF from '../global/schedule-raf.js';
-import { getDocumentScrollTop, getWindowHeight } from '../global/dom.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-
-var modules_655b40c7 = {"unit":"8px","light":"light_rui_f45d","dockedPanel":"dockedPanel_rui_f45d","fixed":"fixed_rui_f45d"};
-
-const scheduleAction = scheduleRAF();
-
-/**
- * @name Docked Panel Ng
- */
-
-const angularModule = angular.module('Ring.docked-panel', []);
-angularModule.directive('rgDockedPanel', ["$parse", function rgDockedPanelDirective($parse) {
-  return {
-    link: function link(scope, element, attrs) {
-      const TOGGLE_GAP = 8;
-      const CSS_CLASS_NAME = modules_655b40c7.dockedPanel;
-      const DOCKED_CSS_CLASS_NAME = modules_655b40c7.fixed;
-      const dockedPanelClass = attrs.rgDockedPanelClass || '';
-      const config = attrs.rgDockedPanelConfig ? $parse(attrs.rgDockedPanelConfig)(scope) : null;
-      let initialPanelPos;
-      let isDocked;
-
-      /**
-       * Container
-       * @type {Element} panel
-       */
-      const panel = element[0];
-      panel.classList.add(CSS_CLASS_NAME);
-      function getYPosition(node) {
-        const clientRect = node.getBoundingClientRect();
-        return clientRect.top + clientRect.height + getScrollContainerScrollTop();
-      }
-
-      /**
-       * Save panel initial rects and left margin and container-node for further use
-       */
-      function saveInitialPos() {
-        initialPanelPos = getYPosition(panel);
-      }
-      function getInitialUndockedPosition() {
-        return (config || {}).container ? getYPosition(config.container) : initialPanelPos;
-      }
-      function getScrollContainerScrollTop() {
-        if (config && config.scrollContainer) {
-          return config.scrollContainer.scrollTop;
-        }
-        return getDocumentScrollTop();
-      }
-      function getScrollContainerHeight() {
-        if (config && config.scrollContainer) {
-          return config.scrollContainer.getBoundingClientRect().height;
-        }
-        return getWindowHeight();
-      }
-      function onBeforeDock() {
-        if (config) {
-          if (config.beforeDock) {
-            scope.$eval(config.beforeDock(element));
-          }
-          if (config.className) {
-            panel.classList.add(config.className);
-          }
-        }
-      }
-      function onBeforeUndock() {
-        if (config) {
-          if (config.beforeUndock) {
-            scope.$eval(config.beforeUndock(element));
-          }
-          if (config.className) {
-            panel.classList.remove(config.className);
-          }
-        }
-      }
-
-      /**
-       * Docks the panel to the bottom of the page
-       */
-      function dock() {
-        onBeforeDock();
-        panel.classList.add(DOCKED_CSS_CLASS_NAME);
-        if (dockedPanelClass) {
-          panel.classList.add(dockedPanelClass);
-        }
-        isDocked = true;
-      }
-      function undock() {
-        onBeforeUndock();
-        panel.classList.remove(DOCKED_CSS_CLASS_NAME);
-        if (dockedPanelClass) {
-          panel.classList.remove(dockedPanelClass);
-        }
-        isDocked = false;
-      }
-      function onResize() {
-        if (config) {
-          if (config && config.onResize) {
-            scope.$eval(config.onResize(element, isDocked));
-          }
-        }
-      }
-
-      /**
-       * Check panel position
-       */
-      function checkPanelPosition() {
-        const currentPanelRect = panel.getBoundingClientRect();
-        if (currentPanelRect.top + currentPanelRect.height > getScrollContainerHeight() && !isDocked) {
-          dock();
-        } else if (isDocked && currentPanelRect.top + currentPanelRect.height + getScrollContainerScrollTop() >= getInitialUndockedPosition() + TOGGLE_GAP) {
-          undock();
-        }
-      }
-      function init() {
-        const _onResize = () => {
-          checkPanelPosition();
-          onResize();
-        };
-        const scrollListener = () => scheduleAction(checkPanelPosition);
-
-        /**
-         * Wait until all content on the page is loaded
-         */
-        scope.$applyAsync(() => {
-          const scrollContainer = (config || {}).scrollContainer || window;
-          scrollContainer.addEventListener('scroll', scrollListener);
-          window.addEventListener('resize', _onResize);
-          scope.$on('$destroy', () => {
-            scrollContainer.removeEventListener('scroll', scrollListener);
-            window.removeEventListener('resize', _onResize);
-          });
-          scheduleAction(() => {
-            saveInitialPos();
-            checkPanelPosition();
-          });
-        });
-      }
-      init();
-    }
-  };
-}]);
-var dockedPanelNg = angularModule.name;
-
-export { dockedPanelNg as default };

package/dist/error-message-ng/error-message-ng.js

@@ -1,53 +0,0 @@
-import angular from 'angular';
-import IconNG from '../icon-ng/icon-ng.js';
-import LinkNG from '../link-ng/link-ng.js';
-import { m as modules_2c5e8509 } from '../_helpers/error-message.js';
-import '../icon/icon__constants.js';
-import '../template-ng/template-ng.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import '../global/ring-angular-component.js';
-import '../_helpers/icon.js';
-import '../_helpers/link.js';
-
-/**
- * @name Error Message Ng
- */
-
-const angularModule = angular.module('Ring.error-message', [IconNG, LinkNG]);
-angularModule.directive('rgErrorMessage', function rgErrorMessageDirective() {
-  return {
-    replace: true,
-    transclude: true,
-    template: `
-<div class="${modules_2c5e8509.errorMessage}" data-test="ring-error-message">
-
-    <rg-icon class="${modules_2c5e8509.icon}" glyph="{{icon}}" color="gray" size="64"></rg-icon>
-    
-    <div class="${modules_2c5e8509.content}">
-      <div class="${modules_2c5e8509.title}" data-test="ring-error-message-title"
-      ><span ng-if="code">{{ code }}:</span> {{ message }}</div>
-      
-      <div class="${modules_2c5e8509.description}" ng-transclude></div>
-      
-      
-       <div ng-if="links">
-          <span ng-repeat="link in links">
-            <rg-link ng-if="link.target" ng-href="{{link.href}}" target="{{link.target}}">{{link.text}}</rg-link><rg-link
-            ng-if="!link.target" ng-href="{{link.href}}">{{link.text}}</rg-link>{{$last ? '' : ','}}
-          </span>
-        </div>
-    </div>
-</div>
-    `,
-    restrict: 'E',
-    scope: {
-      code: '@',
-      message: '@',
-      links: '=',
-      icon: '@'
-    }
-  };
-});
-var errorMessageNg = angularModule.name;
-
-export { errorMessageNg as default };

package/dist/footer-ng/footer-ng.js

@@ -1,62 +0,0 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import angular from 'angular';
-import RingAngularComponent from '../global/ring-angular-component.js';
-import { m as modules_7385b3fd, c as copyright } from '../_helpers/footer.js';
-import 'react';
-import 'prop-types';
-import 'classnames';
-import '../link/link.js';
-import 'focus-visible';
-import '../global/memoize.js';
-import '../global/data-tests.js';
-import '../link/clickableLink.js';
-import '../_helpers/link.js';
-
-/**
- * @name Footer Ng
- */
-
-const angularModule = angular.module('Ring.footer', []);
-class rgFooterComponent extends RingAngularComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "styles", modules_7385b3fd);
-  }
-}
-_defineProperty(rgFooterComponent, "transclude", {
-  left: '?rgFooterLeft',
-  center: '?rgFooterCenter',
-  right: '?rgFooterRight'
-});
-_defineProperty(rgFooterComponent, "template", `<footer ng-class=":: $ctrl.styles.footer" data-test="ring-footer">
-  <div ng-class=":: $ctrl.styles.columnLeft">
-    <div ng-transclude="left" ng-class=":: $ctrl.styles.columnItem"></div>
-  </div>
-
-  <div ng-class=":: $ctrl.styles.columnCenter">
-    <div ng-transclude="center" ng-class=":: $ctrl.styles.columnItem"></div>
-  </div>
-
-  <div ng-class=":: $ctrl.styles.columnRight">
-    <div ng-transclude="right" ng-class=":: $ctrl.styles.columnItem"></div>
-  </div>
-</footer>`);
-class rgFooterLineComponent extends RingAngularComponent {}
-_defineProperty(rgFooterLineComponent, "transclude", true);
-_defineProperty(rgFooterLineComponent, "template", `<div class="${modules_7385b3fd.line}" ng-transclude></div>`);
-class rgFooterCopyrightComponent extends RingAngularComponent {
-  $onInit() {
-    this.copyrightYears = copyright(this.year);
-  }
-}
-_defineProperty(rgFooterCopyrightComponent, "template", '<span>{{:: $ctrl.copyrightYears}} {{:: $ctrl.companyName}}</span>');
-_defineProperty(rgFooterCopyrightComponent, "bindings", {
-  year: '@',
-  companyName: '@'
-});
-angularModule.component('rgFooter', rgFooterComponent);
-angularModule.component('rgFooterLine', rgFooterLineComponent);
-angularModule.component('rgFooterCopyright', rgFooterCopyrightComponent);
-var footerNg = angularModule.name;
-
-export { footerNg as default };

package/dist/form-ng/form-ng.js

@@ -1,148 +0,0 @@
-import angular from 'angular';
-import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
-
-/**
- * @name Form Ng
- */
-
-const angularModule = angular.module('Ring.form', [MessageBundle]);
-angularModule.factory('getFormErrorMessages', ["RingMessageBundle", function getFormErrorMessagesDirective(RingMessageBundle) {
-  function msg(id, formError) {
-    const messageBundleId = `form_${id}`;
-    if (RingMessageBundle.hasOwnProperty(messageBundleId)) {
-      return RingMessageBundle[messageBundleId]();
-    }
-    const formErrors = formError && formError[id] || [];
-    for (let j = 0; j < formErrors.length; ++j) {
-      if (formErrors[j] && formErrors[j].message) {
-        return formErrors[j].message;
-      }
-    }
-    return undefined;
-  }
-  return formErrors => {
-    const errorMessages = [];
-    for (const key in formErrors) {
-      if (formErrors.hasOwnProperty(key) && formErrors[key]) {
-        errorMessages.push(msg(key, formErrors));
-      }
-    }
-    return errorMessages;
-  };
-}]);
-
-/**
- * <div rg-error-bubble="form.name"></div>
- * @param {object} error-bubble Ng-model for this control
- *
- * Where form.name is a reference to angularJS form input
- */
-angularModule.directive('rgErrorBubble', ["getFormErrorMessages", function rgErrorBubbleDirective(getFormErrorMessages) {
-  return {
-    scope: {
-      errorBubble: '&rgErrorBubble'
-    },
-    replace: true,
-    template: `<div class="ring-error-bubble" ng-class="{ active: active, 'ring-error-bubble_material': material }" ng-style="style">
-  <div ng-repeat="errorMessage in getFormErrorMessages(errorBubble().$error)">{{ errorMessage }}</div>
-</div>`,
-    link: function link(scope, iElement, iAttrs) {
-      scope.style = {};
-      const siblings = Array.from(iElement[0].parentNode.children);
-      let element;
-      let tagName;
-      for (let i = 0; i < siblings.length; i++) {
-        tagName = siblings[i].tagName.toLowerCase();
-        if (tagName === 'input' || tagName === 'textarea') {
-          element = siblings[i];
-          break;
-        }
-      }
-      scope.material = iAttrs.material !== undefined;
-      scope.$watch(() => {
-        const result = scope.errorBubble();
-        return result.$invalid && result.$dirty;
-      }, active => {
-        scope.active = active;
-        if (active && element) {
-          scope.style.left = element.offsetWidth + 2;
-        }
-      });
-      scope.getFormErrorMessages = getFormErrorMessages;
-    }
-  };
-}]);
-/**
- * <input name="confirm" type="password" rg-equal-value="data.password" ng-model="data.confirm">
- * Constraint to be user for confirm password fields.
- */
-angularModule.directive('rgEqualValue', function rgEqualValueDirective() {
-  return {
-    require: 'ngModel',
-    link: function link(scope, iElement, iAttrs, ngModelCtrl) {
-      const element = iElement[0];
-      function assertEqual(thisValue, thatValue) {
-        ngModelCtrl.$setValidity('equalvalue', thisValue === thatValue);
-      }
-      scope.$watch(iAttrs.rgEqualValue, value => {
-        assertEqual(element.value, value);
-      });
-      element.addEventListener('keyup', () => {
-        const thatValue = scope.$eval(iAttrs.rgEqualValue);
-        scope.$apply(() => {
-          assertEqual(element.value, thatValue);
-        });
-      });
-    }
-  };
-});
-/**
- * <input name="name" required type="text" ng-class="form.name | rgInputClass:submitted" ng-model="name">
- *
- * Is intended to be used for the value of ng-class. Accepts a reference to an angularJS form input
- */
-angularModule.filter('rgInputClass', () => (input, submitted) => ({
-  'ring-input': true,
-  'ring-input_error': input.$invalid && (input.$dirty || submitted),
-  'ring-input_correct': !input.$invalid && (input.$dirty || submitted)
-}));
-/**
- * <form rg-form-autofill-fix ...>
- *
- * Fixes Chrome bug: https://github.com/angular/angular.js/issues/1460
- */
-angularModule.directive('rgFormAutofillFix', ["$timeout", $timeout => ({
-  require: '?form',
-  priority: 10,
-  link: function link($scope, element, attrs, form) {
-    if (form) {
-      const POLL_INTERVAL = 150;
-      const MAX_COUNT = 5;
-      let promise;
-      let count = 0;
-      (function poll() {
-        let filled;
-        angular.forEach(element.find('input'), elem => {
-          const $elem = angular.element(elem);
-          const controller = $elem.controller('ngModel');
-          const val = $elem.val();
-          const type = $elem.attr('type');
-          if (controller && val && type !== 'checkbox' && type !== 'radio') {
-            controller.$setViewValue(val);
-            filled = true;
-          }
-        });
-        if (!filled || count < MAX_COUNT) {
-          promise = $timeout(poll, POLL_INTERVAL);
-          count++;
-        }
-      })();
-      element.on('$destroy', () => {
-        $timeout.cancel(promise);
-      });
-    }
-  }
-})]);
-var Form = angularModule.name;
-
-export { Form as default };

package/dist/global/angular-component-factory.js

@@ -1,73 +0,0 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import angular from 'angular';
-import React from 'react';
-import { unmountComponentAtNode, render } from './react-render-adapter.js';
-import RingAngularComponent from './ring-angular-component.js';
-import Renderer from './react-dom-renderer.js';
-import 'react-dom';
-import 'prop-types';
-
-function getAngularComponentName(name) {
-  return `rg${name}`;
-}
-function createAngularComponent(Component) {
-  var _class;
-  const propKeys = Object.keys(Component.propTypes);
-  const bindings = {};
-  propKeys.forEach(key => {
-    bindings[key] = '<';
-  });
-  return _class = class AngularComponent extends RingAngularComponent {
-    $postLink() {
-      const {
-        $transclude
-      } = this.$inject;
-      $transclude(clone => {
-        this.innerNodes = Array.from(clone);
-        this.render();
-      });
-    }
-    $onChanges() {
-      if (!this.innerNodes) {
-        return;
-      }
-      this.render();
-    }
-    $onDestroy() {
-      unmountComponentAtNode(this.$inject.$element[0]);
-    }
-    render() {
-      var _this = this;
-      const {
-        $scope,
-        $element: {
-          0: container
-        }
-      } = this.$inject;
-      const props = {};
-      propKeys.forEach(key => {
-        if (this[key] !== undefined) {
-          if (typeof this[key] === 'function') {
-            props[key] = function () {
-              const ret = _this[key](...arguments);
-              $scope.$applyAsync();
-              return ret;
-            };
-          } else {
-            props[key] = this[key];
-          }
-        }
-      });
-      const hasInnerContent = this.innerNodes && this.innerNodes.length;
-      render( /*#__PURE__*/React.createElement(Component, props, hasInnerContent ? /*#__PURE__*/React.createElement(Renderer, {
-        nodes: this.innerNodes
-      }) : null), container);
-    }
-  }, _defineProperty(_class, "$inject", ['$scope', '$element', '$transclude']), _defineProperty(_class, "bindings", bindings), _defineProperty(_class, "transclude", true), _class;
-}
-function angularComponentFactory(Component, name) {
-  const angularModuleName = `Ring.${name[0].toLowerCase() + name.slice(1)}`;
-  return angular.module(angularModuleName, []).component(getAngularComponentName(name), createAngularComponent(Component));
-}
-
-export { createAngularComponent, angularComponentFactory as default };

package/dist/global/ring-angular-component.js

@@ -1,19 +0,0 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-
-class RingAngularComponent {
-  static get controller() {
-    return this;
-  }
-  constructor() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _defineProperty(this, "$inject", {});
-    this.constructor.$inject.forEach((injectName, i) => {
-      this.$inject[injectName] = args[i];
-    });
-  }
-}
-_defineProperty(RingAngularComponent, "$inject", []);
-
-export { RingAngularComponent as default };

package/dist/group-ng/group-ng.js

@@ -1,11 +0,0 @@
-import angular from 'angular';
-import { m as modules_d9da30c7 } from '../_helpers/group.js';
-
-const angularModule = angular.module('Ring.group', []);
-angularModule.component('rgGroup', {
-  transclude: true,
-  template: `<span ng-transclude class="${modules_d9da30c7.group}"></span>`
-});
-var groupNg = angularModule.name;
-
-export { groupNg as default };

package/dist/heading-ng/heading-ng.js

@@ -1,16 +0,0 @@
-import angularComponentFactory from '../global/angular-component-factory.js';
-import Heading from '../heading/heading.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'angular';
-import 'react';
-import '../global/react-render-adapter.js';
-import 'react-dom';
-import '../global/ring-angular-component.js';
-import '../global/react-dom-renderer.js';
-import 'prop-types';
-import 'classnames';
-import 'util-deprecate';
-
-var headingNg = angularComponentFactory(Heading, 'Heading').name;
-
-export { headingNg as default };

package/dist/icon-ng/icon-ng.js

@@ -1,84 +0,0 @@
-import angular from 'angular';
-import { Color } from '../icon/icon__constants.js';
-import RingTemplateNg from '../template-ng/template-ng.js';
-import { m as modules_29747b80 } from '../_helpers/icon.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import '../global/ring-angular-component.js';
-
-/**
- * @name Icon Ng
- */
-
-const angularModule = angular.module('Ring.icon', [RingTemplateNg]);
-const BASE64_PREFIX = 'data:image/svg+xml;base64,';
-angularModule.directive('rgIcon', function rgIconDirective() {
-  return {
-    restrict: 'E',
-    scope: {
-      glyph: '@',
-      loading: '=?',
-      color: '@?',
-      size: '@?',
-      height: '@?',
-      width: '@?'
-    },
-    template: `<span class="${modules_29747b80.icon}" rg-template="normalizedGlyph" rg-template-class="${modules_29747b80.glyph}"></span>`,
-    controller: ["$scope", $scope => {
-      function decodeBase64IfNeeded(glyph) {
-        // This hack allows passing SVG content as string from angular templates like
-        // <rg-icon glyph="data:image/svg+xml;base64,PHN2ZyB4bWx...></rg-icon>
-        const isEncoded = glyph.indexOf(BASE64_PREFIX) === 0;
-        return isEncoded ? window.atob(glyph.replace(BASE64_PREFIX, '')) : glyph;
-      }
-      $scope.$watch('glyph', value => {
-        if (!value) {
-          return;
-        }
-        $scope.normalizedGlyph = decodeBase64IfNeeded(value);
-      });
-    }],
-    link: function link(scope, iElement, iAttrs) {
-      iAttrs.$addClass('ring-icon'); // TODO: We keep this class for now for compatibility reasons (styles overrides)
-
-      scope.$watch('loading', value => {
-        if (value) {
-          iAttrs.$addClass(modules_29747b80.loading);
-        } else {
-          iAttrs.$removeClass(modules_29747b80.loading);
-        }
-      });
-      scope.$watch(() => scope.color && Color[scope.color] && modules_29747b80[Color[scope.color]], (colorClass, prevColorClass) => {
-        if (colorClass) {
-          iAttrs.$addClass(colorClass);
-
-          // Remove previous class, but don't remove initial one
-          if (prevColorClass && prevColorClass !== colorClass) {
-            iAttrs.$removeClass(prevColorClass);
-          }
-        }
-      });
-      scope.$watchGroup(['size', 'width', 'height'], _ref => {
-        let [size, width, height] = _ref;
-        const svgNode = iElement[0].querySelector('svg');
-        if (!svgNode) {
-          return;
-        }
-        if (size && !width && !height) {
-          const sizeString = `${size}px`;
-          const style = `width: ${sizeString}; height: ${sizeString};`;
-          svgNode.setAttribute('style', style);
-          return;
-        }
-        if (width) {
-          svgNode.setAttribute('style', `width: ${width}px;`);
-        }
-        if (height) {
-          svgNode.setAttribute('style', `height: ${height}px;`);
-        }
-      });
-    }
-  };
-});
-var IconNG = angularModule.name;
-
-export { IconNG as default };

package/dist/input/input-label.d.ts

@@ -1,10 +0,0 @@
-import { PureComponent, ReactNode } from 'react';
-interface InputLabelProps {
-    htmlFor?: string;
-    disabled?: boolean;
-    label: ReactNode;
-}
-export declare class InputLabel extends PureComponent<InputLabelProps> {
-    render(): JSX.Element;
-}
-export default InputLabel;

package/dist/input/input-label.js

@@ -1,27 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { m as modules_88cfaf40 } from '../_helpers/input.js';
-
-class InputLabel extends PureComponent {
-  render() {
-    const {
-      htmlFor,
-      label,
-      disabled
-    } = this.props;
-    return /*#__PURE__*/React.createElement("label", {
-      htmlFor: htmlFor,
-      className: classNames(modules_88cfaf40.label, {
-        [modules_88cfaf40.disabledLabel]: disabled
-      })
-    }, label);
-  }
-}
-InputLabel.propTypes = {
-  label: PropTypes.node,
-  disabled: PropTypes.bool,
-  id: PropTypes.string
-};
-
-export { InputLabel, InputLabel as default };