@jetbrains/ring-ui 4.2.2 → 4.2.5

package/dist/avatar/avatar.js

@@ -1,163 +0,0 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { isDataURI, parseQueryString, encodeURL } from '../global/url.js';
-import { getPixelRatio } from '../global/dom.js';
-import FallbackAvatar from './fallback-avatar.js';
-import 'core-js/modules/es.string.replace.js';
-import '../global/get-uid.js';
-
-var modules_61ca8c75 = {"avatar":"avatar_rui_a03e","subavatar":"subavatar_rui_a03e","empty":"empty_rui_a03e"};
-
-/**
- * @name Avatar
- */
-
-const Size = {
-  Size18: 18,
-  Size20: 20,
-  Size24: 24,
-  Size28: 28,
-  Size32: 32,
-  Size40: 40,
-  Size48: 48,
-  Size56: 56
-};
-class Avatar extends PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "state", {
-      errorUrl: ''
-    });
-
-    _defineProperty(this, "handleError", () => {
-      this.setState({
-        errorUrl: this.props.url
-      });
-    });
-
-    _defineProperty(this, "handleSuccess", () => {
-      this.setState({
-        errorUrl: ''
-      });
-    });
-  }
-
-  render() {
-    const {
-      size,
-      url,
-      dpr,
-      style,
-      round,
-      subavatar,
-      subavatarSize,
-      username,
-      skipParams,
-      ...restProps
-    } = this.props;
-    const sizeString = "".concat(size, "px");
-    const subavatarSizeString = "".concat(subavatarSize, "px");
-    const borderRadius = size <= Size.Size18 ? 'var(--ring-border-radius-small)' : 'var(--ring-border-radius)';
-    const styleObj = {
-      borderRadius: round ? '50%' : borderRadius,
-      height: sizeString,
-      width: sizeString,
-      ...style
-    };
-    const styleObjGroup = {
-      borderRadius: '2px',
-      height: subavatarSizeString,
-      width: subavatarSizeString,
-      ...style
-    };
-
-    if (!url || this.state.errorUrl === url) {
-      return /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
-        "data-test": "avatar",
-        className: classNames(modules_61ca8c75.avatar, this.props.className, {
-          [modules_61ca8c75.empty]: username == null
-        }),
-        style: styleObj
-      }), username != null && /*#__PURE__*/React.createElement(FallbackAvatar, {
-        size: size,
-        round: round,
-        username: username
-      }));
-    }
-
-    let src = url;
-
-    if (!skipParams && !isDataURI(url)) {
-      const [urlStart, query] = url.split('?');
-      const queryParams = { ...parseQueryString(query),
-        dpr,
-        size
-      };
-      src = encodeURL(urlStart, queryParams);
-    }
-
-    let subavatarSrc = null;
-
-    if (subavatar && !isDataURI(subavatar)) {
-      const [urlStart, query] = subavatar.split('?');
-      const queryParams = { ...parseQueryString(query),
-        dpr,
-        subavatarSizeString
-      };
-      subavatarSrc = skipParams ? subavatar : encodeURL(urlStart, queryParams);
-      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
-        onError: this.handleError,
-        onLoad: this.handleSuccess,
-        className: classNames(modules_61ca8c75.avatar, this.props.className),
-        style: styleObj,
-        src: src,
-        alt: "User avatar"
-      })), /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
-        "data-test": "avatar",
-        onError: this.handleError,
-        onLoad: this.handleSuccess,
-        className: classNames(modules_61ca8c75.subavatar),
-        style: styleObjGroup,
-        src: subavatarSrc,
-        alt: "Subavatar"
-      })));
-    } else {
-      return /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
-        "data-test": "avatar",
-        onError: this.handleError,
-        onLoad: this.handleSuccess,
-        className: classNames(modules_61ca8c75.avatar, this.props.className),
-        style: styleObj,
-        src: src,
-        alt: "User avatar"
-      }));
-    }
-  }
-
-}
-
-_defineProperty(Avatar, "propTypes", {
-  dpr: PropTypes.number,
-  className: PropTypes.string,
-  size: PropTypes.number,
-  style: PropTypes.object,
-  url: PropTypes.string,
-  round: PropTypes.bool,
-  subavatar: PropTypes.string,
-  subavatarSize: PropTypes.number,
-  username: PropTypes.string,
-  skipParams: PropTypes.bool
-});
-
-_defineProperty(Avatar, "defaultProps", {
-  dpr: getPixelRatio(),
-  size: Size.Size20,
-  subavatarSize: Size.Size20 / 2,
-  style: {}
-});
-
-export { Size, Avatar as default };

package/dist/avatar/fallback-avatar.js

@@ -1,142 +0,0 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import React, { useMemo } from 'react';
-import PropTypes from 'prop-types';
-import getUID from '../global/get-uid.js';
-
-const colorPairs = [['#60A800', '#D5CA00'], ['#21D370', '#03E9E1'], ['#3BA1FF', '#36E97D'], ['#00C243', '#00FFFF'], ['#4BE098', '#627FFF'], ['#168BFA', '#26F7C7'], ['#9D4CFF', '#39D3C3'], ['#0A81F6', '#0ACFF6'], ['#765AF8', '#5A91F8'], ['#9E54FF', '#0ACFF6'], ['#B345F1', '#669DFF'], ['#765AF8', '#C059EE'], ['#9039D0', '#C239D0'], ['#9F2AFF', '#FD56FD'], ['#AB3AF2', '#E40568'], ['#9F2AFF', '#E9A80B'], ['#D50F6B', '#E73AE8'], ['#ED5502', '#E73AE8'], ['#ED358C', '#DBED18'], ['#ED358C', '#F9902E'], ['#FF7500', '#FFCA00']];
-const Sizes = {
-  18: {
-    radius: 2,
-    text: {
-      x: 9,
-      y: 13
-    },
-    fontSize: '11px',
-    textAnchor: 'middle'
-  },
-  24: {
-    radius: 3,
-    text: {
-      x: 2,
-      y: 13
-    },
-    fontSize: '11px',
-    underscore: {
-      x: 3,
-      y: 17
-    }
-  },
-  32: {
-    radius: 3,
-    text: {
-      x: 3,
-      y: 17
-    },
-    fontSize: '13px',
-    letterSpacing: 1,
-    underscore: {
-      x: 4,
-      y: 22
-    }
-  },
-  40: {
-    radius: 3,
-    text: {
-      x: 5,
-      y: 19
-    },
-    fontSize: '15px',
-    letterSpacing: 1,
-    underscore: {
-      x: 6,
-      y: 28
-    }
-  }
-};
-const sizeKeys = Object.keys(Sizes).map(Number);
-
-function extractLetters(name) {
-  const names = name.split(/[\s._]+/).filter(Boolean);
-
-  if (names.length >= 2) {
-    return names[0][0].toUpperCase() + names[1][0].toUpperCase();
-  } else if (names.length === 1) {
-    if (names[0].length >= 2) {
-      return names[0].slice(0, 2).toUpperCase();
-    } else {
-      return "".concat(names[0][0].toUpperCase(), "X");
-    }
-  } else {
-    return 'XX';
-  }
-} // https://gist.github.com/hyamamoto/fd435505d29ebfa3d9716fd2be8d42f0#gistcomment-2775538
-
-
-const BASE = 32;
-
-function hashCode(s) {
-  let h = 0;
-
-  for (let i = 0; i < s.length; i++) {
-    h = Math.imul(BASE - 1, h) + s.charCodeAt(i) | 0;
-  }
-
-  return h;
-}
-
-function FallbackAvatar(_ref) {
-  let {
-    username,
-    size,
-    round
-  } = _ref;
-  const hash = Math.abs(hashCode(username.toLowerCase()));
-  const [fromColor, toColor] = colorPairs[hash % colorPairs.length];
-  const possibleSizeKeys = sizeKeys.filter(key => key >= size);
-  const sizeKey = possibleSizeKeys.length > 0 ? Math.min(...possibleSizeKeys) : Math.max(...sizeKeys);
-  const sizes = Sizes[sizeKey];
-  const radius = round ? '50%' : sizes.radius;
-  const gradientId = useMemo(() => getUID('gradient-'), []);
-  return /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 ".concat(sizeKey, " ").concat(sizeKey),
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: gradientId,
-    x1: "0",
-    y1: "0",
-    x2: "0",
-    y2: "1"
-  }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: fromColor,
-    offset: "0"
-  }), /*#__PURE__*/React.createElement("stop", {
-    stopColor: toColor,
-    offset: "1"
-  }))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("rect", {
-    fill: "url(#".concat(gradientId, ")"),
-    x: "0",
-    y: "0",
-    width: sizeKey,
-    height: sizeKey,
-    rx: radius,
-    ry: radius
-  }), /*#__PURE__*/React.createElement("text", {
-    x: sizes.text.x,
-    y: sizes.text.y,
-    fontFamily: "Arial, Helvetica, sans-serif",
-    fontSize: sizes.fontSize,
-    letterSpacing: sizes.letterSpacing,
-    fill: "#FFFFFF",
-    textAnchor: sizes.textAnchor
-  }, /*#__PURE__*/React.createElement("tspan", null, extractLetters(username)), sizes.underscore && /*#__PURE__*/React.createElement("tspan", {
-    x: sizes.underscore.x,
-    y: sizes.underscore.y
-  }, '_'))));
-}
-FallbackAvatar.propTypes = {
-  username: PropTypes.string.isRequired,
-  size: PropTypes.number.isRequired,
-  round: PropTypes.bool
-};
-
-export { FallbackAvatar as default };

package/dist/avatar-editor-ng/avatar-editor-ng.js

@@ -1,167 +0,0 @@
-import angular from 'angular';
-import pencilIcon from '@jetbrains/icons/pencil';
-import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
-import alertService from '../alert-service/alert-service.js';
-import IconNG from '../icon-ng/icon-ng.js';
-import template from './avatar-editor-ng__template.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'react';
-import '../global/react-render-adapter.js';
-import 'react-dom';
-import '../global/get-uid.js';
-import '../alert/alert.js';
-import 'classnames';
-import 'prop-types';
-import '@jetbrains/icons/exception';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/warning';
-import '@jetbrains/icons/close';
-import '../icon/icon.js';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.js';
-import 'core-js/modules/es.string.replace.js';
-import '../global/memoize.js';
-import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
-import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
-import '../global/dom.js';
-import '../alert/container.js';
-import '../template-ng/template-ng.js';
-import '../global/ring-angular-component.js';
-
-const angularModule = angular.module('Ring.avatar-editor', [MessageBundle, IconNG]);
-/**
- * @name Avatar Editor Ng
- */
-
-function rgAvatarEditor() {
-  return {
-    restrict: 'E',
-    scope: {
-      model: '=ngModel',
-      onSelect: '&',
-      default: '@',
-      ngDisabled: '=',
-      showDeleteButton: '=?',
-      showAddButton: '=?',
-      deleteLabel: '@',
-      addMessage: '@'
-    },
-    template,
-    transclude: true,
-    controller: ['$scope', '$attrs', 'RingMessageBundle', function controller($scope, $attrs, RingMessageBundle) {
-      let fileInput;
-      $scope.editIcon = pencilIcon;
-      $scope.showAddButton = 'showAddButton' in $scope ? $scope.showAddButton : true;
-      $scope.showDeleteButton = 'showDeleteButton' in $scope ? $scope.showDeleteButton : true;
-
-      if ('controls' in $attrs) {
-        $scope.controlled = true;
-      }
-
-      function createFileLoadListener(file) {
-        return readEvent => {
-          const data = readEvent.target.result;
-          const result = $scope.onSelect({
-            name: file.name,
-            data
-          });
-
-          if (result && result.then) {
-            result.then(() => {
-              $scope.model = data;
-            });
-          } else if (result !== false) {
-            $scope.$apply(() => {
-              $scope.model = data;
-            });
-          }
-        };
-      }
-
-      this.registerFileInput = input => {
-        fileInput = input;
-        fileInput.addEventListener('change', e => {
-          let imageFileSelected = false;
-
-          for (let i = 0; i < e.target.files.length; i++) {
-            const file = e.target.files[i];
-
-            if (file.type.indexOf('image/') === 0) {
-              imageFileSelected = true;
-              const reader = new FileReader();
-              reader.onload = createFileLoadListener(file);
-              reader.readAsDataURL(file);
-              break;
-            }
-          }
-
-          if (e.target.files.length && !imageFileSelected) {
-            alertService.error(RingMessageBundle.avatareditor_noselected());
-          }
-        });
-      };
-
-      $scope.controls = {};
-
-      function onClick(e) {
-        e.stopPropagation();
-      }
-
-      $scope.controls.select = () => {
-        if (!FileReader) {
-          alertService.error(RingMessageBundle.avatareditor_nosupport());
-        } else {
-          fileInput.addEventListener('click', onClick);
-          fileInput.dispatchEvent(new MouseEvent('click'));
-          fileInput.removeEventListener('click', onClick);
-        }
-      };
-
-      $scope.controls.remove = () => {
-        const data = '';
-        const result = $scope.onSelect({
-          name: data,
-          data
-        });
-
-        if (result && result.then) {
-          result.then(() => {
-            $scope.model = data;
-          });
-        } else if (result !== false) {
-          $scope.model = data;
-        }
-      };
-
-      $scope.getDeleteLabel = () => $scope.deleteLabel || RingMessageBundle.avatareditor_delete();
-
-      $scope.getAddMessage = () => $scope.addMessage || RingMessageBundle.avatareditor_add();
-    }]
-  };
-}
-
-function rgAvatarEditorFileInput() {
-  return {
-    restrict: 'A',
-    require: '^rgAvatarEditor',
-    link: function link(scope, iElement, iAttrs, avatarEditorCtrl) {
-      avatarEditorCtrl.registerFileInput(iElement[0]);
-    }
-  };
-}
-
-angularModule.directive('rgAvatarEditor', rgAvatarEditor);
-angularModule.directive('rgAvatarEditorFileInput', rgAvatarEditorFileInput);
-var avatarEditorNg = angularModule.name;
-
-export { avatarEditorNg as default };

package/dist/avatar-editor-ng/avatar-editor-ng__template.js

@@ -1,3 +0,0 @@
-var template = "<div>\n  <div ng-click=\"!ngDisabled && controls.select()\" class=\"ring-avatar-editor__frame\" ng-class=\"{\n        'ring-avatar-editor_controlled': controlled,\n        'ring-avatar-editor': !ngDisabled\n    }\" ng-show=\"model || default\">\n    <img alt=\"Avatar\" class=\"ring-avatar-editor__img\" ng-src=\"{{ model }}\" ng-show=\"model\">\n    <img alt=\"Default avatar\" class=\"ring-avatar-editor__img\" ng-src=\"{{ default }}\"\n         ng-show=\"!model && default\" ng-click=\"!ngDisabled && controls.select()\">\n    <rg-icon glyph=\"{{editIcon}}\" size=\"16\" class=\"ring-avatar-editor__icon\" ng-if=\"!ngDisabled\"></rg-icon>\n  </div>\n  <input class=\"ring-avatar-editor__file-input\" rg-avatar-editor-file-input type=\"file\" ng-model=\"fileInput\" accept=\"image/*\" ng-if=\"!ngDisabled\">\n\n  <rg-button\n    delayed=\"true\"\n    ng-disabled=\"ngDisabled\"\n    ng-if=\"showAddButton && !model && !default\"\n    ng-click=\"controls.select()\"\n  >{{ getAddMessage() }}</rg-button>\n\n  <rg-button\n    ng-if=\"showDeleteButton&& model && !ngDisabled\"\n    danger=\"true\"\n    class=\"ring-avatar-editor__remove\"\n    ng-click=\"controls.remove()\"\n  >\n    <span translate>{{ getDeleteLabel() }}</span>\n  </rg-button>\n</div>";
-
-export { template as default };

package/dist/avatar-ng/avatar-ng.js

@@ -1,21 +0,0 @@
-import angularComponentFactory from '../global/angular-component-factory.js';
-import Avatar from '../avatar/avatar.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.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 '../global/url.js';
-import 'core-js/modules/es.string.replace.js';
-import '../global/dom.js';
-import '../avatar/fallback-avatar.js';
-import '../global/get-uid.js';
-
-var avatarNg = angularComponentFactory(Avatar, 'Avatar').name;
-
-export { avatarNg as default };

package/dist/badge/badge.js

@@ -1,51 +0,0 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import joinDataTestAttributes from '../global/data-tests.js';
-import { m as modules_6c9187df } from '../_helpers/badge.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-
-/**
- * @name Badge
- */
-
-class Badge extends PureComponent {
-  render() {
-    const {
-      // Modifiers
-      gray,
-      valid,
-      invalid,
-      disabled,
-      // Props
-      className,
-      children,
-      'data-test': dataTest,
-      ...props
-    } = this.props;
-    const classes = classNames(modules_6c9187df.badge, className, {
-      [modules_6c9187df.gray]: gray,
-      [modules_6c9187df.valid]: valid,
-      [modules_6c9187df.invalid]: invalid,
-      [modules_6c9187df.disabled]: disabled
-    });
-    return /*#__PURE__*/React.createElement("span", _extends({}, props, {
-      "data-test": joinDataTestAttributes('ring-badge', dataTest),
-      className: classes
-    }), children);
-  }
-
-}
-
-_defineProperty(Badge, "propTypes", {
-  gray: PropTypes.bool,
-  valid: PropTypes.bool,
-  invalid: PropTypes.bool,
-  disabled: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  'data-test': PropTypes.string
-});
-
-export { Badge as default };

package/dist/badge-ng/badge-ng.js

@@ -1,18 +0,0 @@
-import angularComponentFactory from '../global/angular-component-factory.js';
-import Badge from '../badge/badge.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.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 '../global/data-tests.js';
-import '../_helpers/badge.js';
-
-var badgeNg = angularComponentFactory(Badge, 'Badge').name;
-
-export { badgeNg as default };

package/dist/breadcrumb-ng/breadcrumb-ng.js

@@ -1,37 +0,0 @@
-import angular from 'angular';
-import chevronRightIcon from '@jetbrains/icons/chevron-right';
-import LinkNG from '../link-ng/link-ng.js';
-import IconNG from '../icon-ng/icon-ng.js';
-import '../_helpers/link.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.dom-collections.iterator.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';
-
-var modules_2c17c81e = {"unit":"8px","breadcrumb":"breadcrumb_rui_91a4","header":"header_rui_91a4","breadcrumbSmall":"breadcrumbSmall_rui_91a4","breadcrumbElement":"breadcrumbElement_rui_91a4","active":"active_rui_91a4","elementDescription":"elementDescription_rui_91a4","separatorIcon":"separatorIcon_rui_91a4"};
-
-/**
- * @name Breadcrumb Ng
- */
-
-const angularModule = angular.module('Ring.breadcrumb', [LinkNG, IconNG]);
-angularModule.filter('breadcrumbNgChevronIcon', () => () => chevronRightIcon);
-angularModule.directive('rgBreadcrumb', function rgBreadcrumbDirective() {
-  return {
-    template: "\n<div class=\"".concat(modules_2c17c81e.breadcrumb, "\">\n  <span class=\"").concat(modules_2c17c81e.breadcrumbElement, "\" data-test=\"ring-breadcrumb\" ng-show=\"label\">\n    <rg-link\n      ng-if=\"link\"\n      ng-href=\"{{link}}\"\n    >{{label}}</rg-link>\n\n    <rg-link ng-if=\"!link && onClick\"\n          ng-class=\"onClick && 'ring-link'\"\n          data-test=\"ring-breadcrumb-link\"\n          ng-click=\"onClick({$event: $event})\">{{label}}</rg-link>\n\n    <span ng-if=\"!link && !onClick\" ng-click=\"onClick({$event: $event})\">{{label}}</span>\n  </span>\n\n  <span ng-show=\"label\">\n    <rg-icon\n      class=\"").concat(modules_2c17c81e.separatorIcon, "\"\n      glyph=\"{{'' | breadcrumbNgChevronIcon}}\"\n    ></rg-icon>\n  </span>\n\n  <span class=\"").concat(modules_2c17c81e.breadcrumbElement, " ").concat(modules_2c17c81e.active, "\" data-test=\"ring-breadcrumb-element\" ng-transclude></span>\n</div>\n\n    "),
-    replace: true,
-    transclude: true,
-    restrict: 'E',
-    scope: {
-      label: '@',
-      link: '@',
-      onClick: '&'
-    }
-  };
-});
-var breadcrumbNg = angularModule.name;
-
-export { breadcrumbNg as default };