@jetbrains/ring-ui 5.1.23 → 5.1.25

package/dist/badge/badge.js

@@ -0,0 +1,59 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f 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/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
+
+var _excluded = ["gray", "valid", "invalid", "disabled", "className", "children", "data-test"];
+/**
+ * @name Badge
+ */
+var Badge = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Badge, _PureComponent);
+  var _super = _createSuper(Badge);
+  function Badge() {
+    _classCallCheck(this, Badge);
+    return _super.apply(this, arguments);
+  }
+  _createClass(Badge, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        gray = _this$props.gray,
+        valid = _this$props.valid,
+        invalid = _this$props.invalid,
+        disabled = _this$props.disabled,
+        className = _this$props.className,
+        children = _this$props.children,
+        dataTest = _this$props['data-test'],
+        props = _objectWithoutProperties(_this$props, _excluded);
+      var 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);
+    }
+  }]);
+  return Badge;
+}(PureComponent);
+_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

@@ -0,0 +1,27 @@
+import angularComponentFactory from '../global/angular-component-factory.js';
+import Badge from '../badge/badge.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.slice.js';
+import 'angular';
+import 'react';
+import '../global/react-render-adapter.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react-dom';
+import '../global/ring-angular-component.js';
+import '../global/react-dom-renderer.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.from.js';
+import 'prop-types';
+import 'classnames';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
+import '../_helpers/badge.js';
+
+var badgeNg = angularComponentFactory(Badge, 'Badge').name;
+
+export { badgeNg as default };

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

@@ -0,0 +1,46 @@
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.array.concat.js';
+import angular from 'angular';
+import chevronRightIcon from '@jetbrains/icons/chevron-right';
+import LinkModule from '../link-ng/link-ng.js';
+import IconNG from '../icon-ng/icon-ng.js';
+import '../_helpers/link.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import '../icon/icon__constants.js';
+import '../template-ng/template-ng.js';
+import '../global/ring-angular-component.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import '../_helpers/icon.js';
+
+var modules_2c17c81e = {"unit":"i__const_unit_0","light":"light_rui_2ac4","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
+ */
+
+var angularModule = angular.module('Ring.breadcrumb', [LinkModule, IconNG]);
+angularModule.filter('breadcrumbNgChevronIcon', function () {
+  return function () {
+    return 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 };

package/dist/button/button.d.ts

@@ -0,0 +1,67 @@
+import React, { PureComponent, ButtonHTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+import { IconProps, IconType, Size } from '../icon/icon';
+import { ClickableLinkProps } from '../link/clickableLink';
+import { ControlsHeight, ControlsHeightContext } from '../global/controls-height';
+export interface ButtonBaseProps {
+    height?: ControlsHeight | undefined;
+    active?: boolean | null | undefined;
+    danger?: boolean | null | undefined;
+    delayed?: boolean | null | undefined;
+    loader?: boolean | null | undefined;
+    primary?: boolean | null | undefined;
+    short?: boolean | null | undefined;
+    text?: boolean | null | undefined;
+    inline?: boolean | null | undefined;
+    dropdown?: boolean | null | undefined;
+    disabled?: boolean | undefined;
+    icon?: string | IconType | null | undefined;
+    iconSize?: IconProps['size'];
+    iconClassName?: string | null | undefined;
+    iconSuppressSizeWarning?: boolean | null | undefined;
+}
+export interface ButtonButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonBaseProps {
+    href?: undefined;
+}
+export interface ButtonLinkProps extends ClickableLinkProps, ButtonBaseProps {
+    autoFocus?: never;
+    href: string;
+}
+export type ButtonProps = ButtonButtonProps | ButtonLinkProps;
+/**
+ * @name Button
+ */
+/**
+ * A component for displaying variously styled buttons.
+ */
+export declare class Button extends PureComponent<ButtonProps> {
+    static propTypes: {
+        active: PropTypes.Requireable<boolean>;
+        danger: PropTypes.Requireable<boolean>;
+        delayed: PropTypes.Requireable<boolean>;
+        loader: PropTypes.Requireable<boolean>;
+        primary: PropTypes.Requireable<boolean>;
+        short: PropTypes.Requireable<boolean>;
+        text: PropTypes.Requireable<boolean>;
+        inline: PropTypes.Requireable<boolean>;
+        dropdown: PropTypes.Requireable<boolean>;
+        href: PropTypes.Requireable<string>;
+        target: PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>;
+        iconSize: PropTypes.Requireable<number>;
+        iconClassName: PropTypes.Requireable<string>;
+        iconSuppressSizeWarning: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static IconSize: typeof Size;
+    static contextType: React.Context<ControlsHeight>;
+    context: React.ContextType<typeof ControlsHeightContext>;
+    buttonRef: React.RefObject<HTMLButtonElement>;
+    render(): React.JSX.Element;
+}
+export { Size as IconSize };
+export type ContainerProps<T extends ButtonProps> = JSX.LibraryManagedAttributes<typeof Button, T>;
+export type ButtonAttrs = ContainerProps<ButtonButtonProps> | ContainerProps<ButtonLinkProps>;
+export default Button;

package/dist/button/button.js

@@ -0,0 +1,132 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, g as _objectSpread2, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import React, { createRef, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import chevronDown from '@jetbrains/icons/chevron-10px';
+import Icon from '../icon/icon.js';
+import ClickableLink from '../link/clickableLink.js';
+import { ControlsHeightContext } from '../global/controls-height.js';
+import { g as getButtonClasses, m as modules_e81895c9 } from '../_helpers/button__classes.js';
+import { Size } from '../icon/icon__constants.js';
+import 'util-deprecate';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
+import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+
+var _excluded = ["active", "danger", "delayed", "loader", "primary", "short", "text", "inline", "dropdown", "height", "icon", "iconSize", "iconClassName", "iconSuppressSizeWarning", "className", "children"];
+/**
+ * @name Button
+ */
+/**
+ * A component for displaying variously styled buttons.
+ */
+var Button = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Button, _PureComponent);
+  var _super = _createSuper(Button);
+  function Button() {
+    var _this;
+    _classCallCheck(this, Button);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "buttonRef", /*#__PURE__*/createRef());
+    return _this;
+  }
+  _createClass(Button, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        active = _this$props.active,
+        danger = _this$props.danger,
+        delayed = _this$props.delayed,
+        loader = _this$props.loader,
+        primary = _this$props.primary,
+        short = _this$props.short,
+        text = _this$props.text,
+        inline = _this$props.inline,
+        dropdown = _this$props.dropdown,
+        _this$props$height = _this$props.height,
+        height = _this$props$height === void 0 ? this.context : _this$props$height,
+        icon = _this$props.icon,
+        iconSize = _this$props.iconSize,
+        iconClassName = _this$props.iconClassName,
+        iconSuppressSizeWarning = _this$props.iconSuppressSizeWarning,
+        className = _this$props.className,
+        children = _this$props.children,
+        props = _objectWithoutProperties(_this$props, _excluded);
+      var classes = getButtonClasses({
+        className,
+        active,
+        danger,
+        delayed,
+        icon,
+        loader,
+        primary,
+        short,
+        text,
+        inline,
+        height
+      });
+      var content = /*#__PURE__*/React.createElement("span", {
+        className: modules_e81895c9.content
+      }, icon && /*#__PURE__*/React.createElement("span", {
+        className: classNames(modules_e81895c9.icon, iconClassName)
+      }, /*#__PURE__*/React.createElement(Icon, {
+        glyph: icon,
+        size: iconSize,
+        loading: loader,
+        suppressSizeWarning: iconSuppressSizeWarning
+      })), children && /*#__PURE__*/React.createElement("span", null, children), dropdown && /*#__PURE__*/React.createElement(Icon, {
+        glyph: chevronDown,
+        className: modules_e81895c9.dropdownIcon
+      }));
+      var commonProps = _objectSpread2(_objectSpread2({
+        tabIndex: loader ? -1 : 0
+      }, props), {}, {
+        className: classes,
+        children: /*#__PURE__*/React.createElement(React.Fragment, null, loader && !text && !icon && /*#__PURE__*/React.createElement("div", {
+          className: modules_e81895c9.loaderBackground
+        }), content)
+      });
+      return commonProps.href != null ? /*#__PURE__*/React.createElement(ClickableLink, commonProps) : /*#__PURE__*/React.createElement("button", _extends({
+        ref: this.buttonRef,
+        type: "button"
+      }, commonProps));
+    }
+  }]);
+  return Button;
+}(PureComponent);
+_defineProperty(Button, "propTypes", {
+  active: PropTypes.bool,
+  danger: PropTypes.bool,
+  delayed: PropTypes.bool,
+  loader: PropTypes.bool,
+  primary: PropTypes.bool,
+  short: PropTypes.bool,
+  text: PropTypes.bool,
+  inline: PropTypes.bool,
+  dropdown: PropTypes.bool,
+  href: PropTypes.string,
+  target: PropTypes.string,
+  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+  iconSize: PropTypes.number,
+  iconClassName: PropTypes.string,
+  iconSuppressSizeWarning: PropTypes.bool,
+  className: PropTypes.string,
+  children: PropTypes.node,
+  onClick: PropTypes.func
+});
+_defineProperty(Button, "IconSize", Size);
+_defineProperty(Button, "contextType", ControlsHeightContext);
+
+export { Button, Size as IconSize, Button as default };

package/dist/button/button__classes.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from './button';
+export declare function getButtonClasses({ className, active, disabled, loader, primary, short, text, inline, danger, delayed, icon, height }: ButtonProps): string;

package/dist/button/button__classes.js

@@ -0,0 +1,2 @@
+import 'classnames';
+export { g as getButtonClasses } from '../_helpers/button__classes.js';

package/dist/button-group/button-group.d.ts

@@ -0,0 +1,18 @@
+import React, { PureComponent, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+import Caption from './caption';
+export interface ButtonGroupProps extends HTMLAttributes<HTMLElement> {
+    split?: boolean | null | undefined;
+    'data-test'?: string | null | undefined;
+}
+/**
+ * @name Button Group
+ */
+export default class ButtonGroup extends PureComponent<ButtonGroupProps> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+    };
+    render(): React.JSX.Element;
+}
+export { Caption };

package/dist/button-group/button-group.js

@@ -0,0 +1,48 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import joinDataTestAttributes from '../global/data-tests.js';
+export { default as Caption } from './caption.js';
+import { m as modules_1068e447 } from '../_helpers/button-group.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
+
+var _excluded = ["className", "split", "data-test"];
+/**
+ * @name Button Group
+ */
+var ButtonGroup = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ButtonGroup, _PureComponent);
+  var _super = _createSuper(ButtonGroup);
+  function ButtonGroup() {
+    _classCallCheck(this, ButtonGroup);
+    return _super.apply(this, arguments);
+  }
+  _createClass(ButtonGroup, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        split = _this$props.split,
+        dataTest = _this$props['data-test'],
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(split ? modules_1068e447.split : modules_1068e447.buttonGroup, className);
+      return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+        "data-test": joinDataTestAttributes('ring-button-group', dataTest),
+        className: classes
+      }));
+    }
+  }]);
+  return ButtonGroup;
+}(PureComponent);
+_defineProperty(ButtonGroup, "propTypes", {
+  children: PropTypes.node,
+  className: PropTypes.string
+});
+
+export { ButtonGroup as default };

package/dist/button-group/caption.d.ts

@@ -0,0 +1,8 @@
+import React, { PureComponent, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+export default class Caption extends PureComponent<HTMLAttributes<HTMLElement>> {
+    static propTypes: {
+        className: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): React.JSX.Element;
+}

package/dist/button-group/caption.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { m as modules_1068e447 } from '../_helpers/button-group.js';
+
+var Caption = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Caption, _PureComponent);
+  var _super = _createSuper(Caption);
+  function Caption() {
+    _classCallCheck(this, Caption);
+    return _super.apply(this, arguments);
+  }
+  _createClass(Caption, [{
+    key: "render",
+    value: function render() {
+      var className = this.props.className;
+      var classes = classNames(modules_1068e447.caption, className);
+      return /*#__PURE__*/React.createElement("span", _extends({}, this.props, {
+        className: classes
+      }));
+    }
+  }]);
+  return Caption;
+}(PureComponent);
+_defineProperty(Caption, "propTypes", {
+  className: PropTypes.node
+});
+
+export { Caption as default };

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

@@ -0,0 +1,45 @@
+import { l as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import angular from 'angular';
+import classNames from 'classnames';
+import { m as modules_1068e447 } from '../_helpers/button-group.js';
+
+var modules_c53cb36f = {"buttonGroup":"buttonGroup_rui_1fbf"};
+
+/**
+ * @name Button Group Ng
+ */
+
+var angularModule = angular.module('Ring.button-group', []);
+var buttonGroupClasses = classNames(modules_1068e447.buttonGroup, modules_c53cb36f.buttonGroup);
+function rgButtonGroup() {
+  return {
+    restrict: 'A',
+    link: function link($scope, iElement, attrs) {
+      var element = iElement[0];
+      if (attrs.split) {
+        var _element$classList;
+        (_element$classList = element.classList).add.apply(_element$classList, _toConsumableArray(modules_1068e447.split.split(' ')));
+      } else {
+        var _element$classList2;
+        (_element$classList2 = element.classList).add.apply(_element$classList2, _toConsumableArray(buttonGroupClasses.split(' ')));
+      }
+    }
+  };
+}
+function rgButtonGroupCaption() {
+  return {
+    restrict: 'A',
+    link: function link($scope, iElement) {
+      var _element$classList3;
+      var element = iElement[0];
+      (_element$classList3 = element.classList).add.apply(_element$classList3, _toConsumableArray(modules_1068e447.caption.split(' ')));
+    }
+  };
+}
+angularModule.directive('rgButtonGroup', rgButtonGroup);
+angularModule.directive('rgButtonGroupCaption', rgButtonGroupCaption);
+var buttonGroupNg = angularModule.name;
+
+export { buttonGroupNg as default };