@jetbrains/ring-ui 5.1.1 → 5.1.3

package/dist/input/input.d.ts

@@ -1,5 +1,6 @@
 import React, { PureComponent, Ref, ComponentType, InputHTMLAttributes, TextareaHTMLAttributes, ReactNode } from 'react';
 import { ControlsHeight } from '../global/controls-height';
+import { LabelType } from '../control-label/control-label';
 declare function noop(): void;
 /**
  * @name Input
@@ -11,12 +12,16 @@ declare enum Size {
     L = "L",
     FULL = "FULL"
 }
+export interface InputTranslations {
+    clear: string;
+}
 export interface InputBaseProps {
     size: Size;
     enableShortcuts: boolean | string[];
     children?: string | undefined;
     inputClassName?: string | null | undefined;
     label?: ReactNode;
+    labelType?: LabelType;
     active?: boolean | null | undefined;
     error?: ReactNode | null | undefined;
     borderless?: boolean | null | undefined;
@@ -25,6 +30,7 @@ export interface InputBaseProps {
     icon?: string | ComponentType | null | undefined;
     height?: ControlsHeight | undefined;
     afterInput?: ReactNode;
+    translations?: InputTranslations | null | undefined;
 }
 type Override<D, S> = Omit<D, keyof S> & S;
 export type InputSpecificProps = Override<InputHTMLAttributes<HTMLInputElement>, InputBaseProps> & {
@@ -61,7 +67,7 @@ export declare class Input extends PureComponent<InputProps> {
     clear: (e: React.MouseEvent<HTMLButtonElement>) => void;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleTextareaChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type ContainerProps<P extends InputProps> = JSX.LibraryManagedAttributes<typeof Input, P>;
 export type InputSpecificAttrs = ContainerProps<InputSpecificProps>;

package/dist/input/input.js

@@ -1,4 +1,6 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.object.values.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,11 +9,11 @@ import { refObject } from '../global/prop-types.js';
 import { Button } from '../button/button.js';
 import getUID from '../global/get-uid.js';
 import Icon from '../icon/icon.js';
+import { I18nContext } from '../i18n/i18n-context.js';
 import composeRefs from '../global/composeRefs.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
+import { ControlLabel } from '../control-label/control-label.js';
 import { m as modules_88cfaf40 } from '../_helpers/input.js';
-import { InputLabel } from './input-label.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
@@ -19,8 +21,23 @@ import '../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/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import '../i18n/i18n.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import '../_helpers/control-label.js';
 
+var _excluded = ["size", "active", "multiline", "borderless", "label", "labelType", "error", "className", "inputClassName", "children", "value", "onClear", "disabled", "inputRef", "onChange", "enableShortcuts", "id", "placeholder", "icon", "translations", "height", "afterInput"];
 function noop() {}
 /**
  * @name Input
@@ -33,146 +50,175 @@ var Size;
   Size["L"] = "L";
   Size["FULL"] = "FULL";
 })(Size || (Size = {}));
-class Input extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
+var Input = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Input, _PureComponent);
+  var _super = _createSuper(Input);
+  function Input() {
+    var _this;
+    _classCallCheck(this, Input);
+    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), "state", {
       empty: true
     });
-    _defineProperty(this, "frame", void 0);
-    _defineProperty(this, "input", void 0);
-    _defineProperty(this, "id", getUID('ring-input-'));
-    _defineProperty(this, "inputRef", el => {
-      this.input = el;
+    _defineProperty(_assertThisInitialized(_this), "frame", void 0);
+    _defineProperty(_assertThisInitialized(_this), "input", void 0);
+    _defineProperty(_assertThisInitialized(_this), "id", getUID('ring-input-'));
+    _defineProperty(_assertThisInitialized(_this), "inputRef", function (el) {
+      _this.input = el;
     });
-    _defineProperty(this, "clear", e => {
-      this.props.onClear && this.props.onClear(e);
+    _defineProperty(_assertThisInitialized(_this), "clear", function (e) {
+      _this.props.onClear && _this.props.onClear(e);
     });
-    _defineProperty(this, "handleInputChange", e => {
-      if (!this.props.multiline) {
-        this.props.onChange?.(e);
-        this.checkValue();
+    _defineProperty(_assertThisInitialized(_this), "handleInputChange", function (e) {
+      if (!_this.props.multiline) {
+        var _this$props$onChange, _this$props;
+        (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, e);
+        _this.checkValue();
       }
     });
-    _defineProperty(this, "handleTextareaChange", e => {
-      if (this.props.multiline) {
-        this.props.onChange?.(e);
-        this.checkValue();
+    _defineProperty(_assertThisInitialized(_this), "handleTextareaChange", function (e) {
+      if (_this.props.multiline) {
+        var _this$props$onChange2, _this$props2;
+        (_this$props$onChange2 = (_this$props2 = _this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props2, e);
+        _this.checkValue();
       }
     });
+    return _this;
   }
-  componentDidMount() {
-    this.frame = requestAnimationFrame(() => this.adapt());
-  }
-  componentDidUpdate() {
-    this.adapt();
-  }
-  componentWillUnmount() {
-    if (this.frame != null) {
-      cancelAnimationFrame(this.frame);
+  _createClass(Input, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      this.frame = requestAnimationFrame(function () {
+        return _this2.adapt();
+      });
     }
-  }
-  getId() {
-    return this.props.id || this.id;
-  }
-  checkValue() {
-    this.setState({
-      empty: !this.input?.value
-    });
-    if (this.props.multiline && this.input != null && this.input.scrollHeight >= this.input.clientHeight) {
-      this.stretch(this.input);
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.adapt();
     }
-  }
-  stretch(el) {
-    if (!el || !el.style) {
-      return;
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.frame != null) {
+        cancelAnimationFrame(this.frame);
+      }
     }
-    el.style.height = '0'; // To know the real scrollHeight
-    el.style.height = `${el.scrollHeight + 2}px`;
-  }
-  adapt() {
-    this.checkValue();
-  }
-  render() {
-    const {
-      // Modifiers
-      size,
-      active,
-      multiline,
-      borderless,
-      // Props
-      label,
-      error,
-      className,
-      inputClassName,
-      children,
-      value,
-      onClear,
-      disabled,
-      inputRef,
-      onChange,
-      enableShortcuts,
-      id,
-      placeholder,
-      icon,
-      height = this.context,
-      afterInput,
-      ...restProps
-    } = this.props;
-    const {
-      empty
-    } = this.state;
-    const clearable = !!onClear;
-    const classes = classNames(className, modules_88cfaf40.outerContainer, [modules_88cfaf40[`size${size}`]], [modules_88cfaf40[`height${height}`]], {
-      'ring-js-shortcuts': enableShortcuts === true,
-      [modules_88cfaf40.active]: active,
-      [modules_88cfaf40.error]: error != null,
-      [modules_88cfaf40.empty]: empty,
-      [modules_88cfaf40.noLabel]: !this.props.label,
-      [modules_88cfaf40.withIcon]: icon != null,
-      [modules_88cfaf40.clearable]: clearable,
-      [modules_88cfaf40.borderless]: borderless
-    });
-    const inputClasses = classNames(modules_88cfaf40.input, inputClassName);
-    const text = value != null ? value : children;
-    const commonProps = {
-      ref: composeRefs(this.inputRef, inputRef),
-      className: inputClasses,
-      value: text,
-      disabled,
-      id: this.getId(),
-      placeholder,
-      'aria-label': typeof label === 'string' && label ? label : placeholder,
-      'data-enabled-shortcuts': Array.isArray(enableShortcuts) ? enableShortcuts.join(',') : null
-    };
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes,
-      "data-test": "ring-input"
-    }, label && /*#__PURE__*/React.createElement(InputLabel, {
-      htmlFor: this.getId(),
-      disabled: disabled,
-      label: label
-    }), /*#__PURE__*/React.createElement("div", {
-      className: modules_88cfaf40.container
-    }, icon && /*#__PURE__*/React.createElement(Icon, {
-      glyph: icon,
-      className: modules_88cfaf40.icon
-    }), multiline ? /*#__PURE__*/React.createElement("textarea", _extends({
-      onChange: this.handleTextareaChange,
-      rows: 1
-    }, commonProps, restProps)) : /*#__PURE__*/React.createElement("input", _extends({
-      onChange: this.handleInputChange
-    }, commonProps, restProps)), clearable && !disabled && /*#__PURE__*/React.createElement(Button, {
-      title: "Clear input",
-      "data-test": "ring-input-clear",
-      className: modules_88cfaf40.clear,
-      icon: closeIcon,
-      onClick: this.clear
-    }), afterInput), error && /*#__PURE__*/React.createElement("div", {
-      className: modules_88cfaf40.errorText
-    }, error));
-  }
-}
+  }, {
+    key: "getId",
+    value: function getId() {
+      return this.props.id || this.id;
+    }
+  }, {
+    key: "checkValue",
+    value: function checkValue() {
+      var _this$input;
+      this.setState({
+        empty: !((_this$input = this.input) !== null && _this$input !== void 0 && _this$input.value)
+      });
+      if (this.props.multiline && this.input != null && this.input.scrollHeight >= this.input.clientHeight) {
+        this.stretch(this.input);
+      }
+    }
+  }, {
+    key: "stretch",
+    value: function stretch(el) {
+      if (!el || !el.style) {
+        return;
+      }
+      el.style.height = '0'; // To know the real scrollHeight
+      el.style.height = "".concat(el.scrollHeight + 2, "px");
+    }
+  }, {
+    key: "adapt",
+    value: function adapt() {
+      this.checkValue();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _classNames,
+        _this3 = this;
+      var _this$props3 = this.props,
+        size = _this$props3.size,
+        active = _this$props3.active,
+        multiline = _this$props3.multiline,
+        borderless = _this$props3.borderless,
+        label = _this$props3.label,
+        labelType = _this$props3.labelType,
+        error = _this$props3.error,
+        className = _this$props3.className,
+        inputClassName = _this$props3.inputClassName,
+        children = _this$props3.children,
+        value = _this$props3.value,
+        onClear = _this$props3.onClear,
+        disabled = _this$props3.disabled,
+        inputRef = _this$props3.inputRef;
+        _this$props3.onChange;
+        var enableShortcuts = _this$props3.enableShortcuts;
+        _this$props3.id;
+        var placeholder = _this$props3.placeholder,
+        icon = _this$props3.icon,
+        translations = _this$props3.translations,
+        _this$props3$height = _this$props3.height,
+        height = _this$props3$height === void 0 ? this.context : _this$props3$height,
+        afterInput = _this$props3.afterInput,
+        restProps = _objectWithoutProperties(_this$props3, _excluded);
+      var empty = this.state.empty;
+      var clearable = !!onClear;
+      var classes = classNames(className, modules_88cfaf40.outerContainer, [modules_88cfaf40["size".concat(size)]], [modules_88cfaf40["height".concat(height)]], (_classNames = {
+        'ring-js-shortcuts': enableShortcuts === true
+      }, _defineProperty(_classNames, modules_88cfaf40.active, active), _defineProperty(_classNames, modules_88cfaf40.error, error != null), _defineProperty(_classNames, modules_88cfaf40.empty, empty), _defineProperty(_classNames, modules_88cfaf40.noLabel, !this.props.label), _defineProperty(_classNames, modules_88cfaf40.withIcon, icon != null), _defineProperty(_classNames, modules_88cfaf40.clearable, clearable), _defineProperty(_classNames, modules_88cfaf40.borderless, borderless), _classNames));
+      var inputClasses = classNames(modules_88cfaf40.input, inputClassName);
+      var text = value != null ? value : children;
+      var commonProps = {
+        ref: composeRefs(this.inputRef, inputRef),
+        className: inputClasses,
+        value: text,
+        disabled: disabled,
+        id: this.getId(),
+        placeholder: placeholder,
+        'aria-label': typeof label === 'string' && label ? label : placeholder,
+        'data-enabled-shortcuts': Array.isArray(enableShortcuts) ? enableShortcuts.join(',') : null
+      };
+      return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, function (_ref) {
+        var _translations$clear;
+        var translate = _ref.translate;
+        return /*#__PURE__*/React.createElement("div", {
+          className: classes,
+          "data-test": "ring-input"
+        }, label && /*#__PURE__*/React.createElement(ControlLabel, {
+          htmlFor: _this3.getId(),
+          disabled: disabled,
+          type: labelType
+        }, label), /*#__PURE__*/React.createElement("div", {
+          className: modules_88cfaf40.container
+        }, icon && /*#__PURE__*/React.createElement(Icon, {
+          glyph: icon,
+          className: modules_88cfaf40.icon
+        }), multiline ? /*#__PURE__*/React.createElement("textarea", _extends({
+          onChange: _this3.handleTextareaChange,
+          rows: 1
+        }, commonProps, restProps)) : /*#__PURE__*/React.createElement("input", _extends({
+          onChange: _this3.handleInputChange
+        }, commonProps, restProps)), clearable && !disabled && /*#__PURE__*/React.createElement(Button, {
+          title: (_translations$clear = translations === null || translations === void 0 ? void 0 : translations.clear) !== null && _translations$clear !== void 0 ? _translations$clear : translate('clear'),
+          "data-test": "ring-input-clear",
+          className: modules_88cfaf40.clear,
+          icon: closeIcon,
+          onClick: _this3.clear
+        }), afterInput), error && /*#__PURE__*/React.createElement("div", {
+          className: modules_88cfaf40.errorText
+        }, error));
+      });
+    }
+  }]);
+  return Input;
+}(PureComponent);
 _defineProperty(Input, "defaultProps", {
   size: Size.M,
   onChange: noop,
@@ -197,6 +243,7 @@ Input.propTypes = {
   disabled: PropTypes.bool,
   id: PropTypes.string,
   placeholder: PropTypes.string,
+  translations: PropTypes.object,
   icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType])
 };
 

package/dist/input-ng/input-ng.js

@@ -1,12 +1,30 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import angular from 'angular';
 import classNames from 'classnames';
 import closeIcon from '@jetbrains/icons/close';
 import RingAngularComponent from '../global/ring-angular-component.js';
 import { m as modules_88cfaf40 } from '../_helpers/input.js';
-import ButtonNG from '../button-ng/button-ng.js';
+import { m as modules_9eb96a10 } from '../_helpers/control-label.js';
+import Button from '../button-ng/button-ng.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.reduce.js';
+import 'core-js/modules/es.object.values.js';
+import 'core-js/modules/es.array.filter.js';
 import '../global/dom.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../icon-ng/icon-ng.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.string.replace.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/icon.js';
@@ -16,52 +34,66 @@ import 'react';
 
 var modules_c40fa551 = {"errorText":"errorText_rui_d15a","clear":"clear_rui_d15a"};
 
-const angularModule = angular.module('Ring.input', [ButtonNG]);
-class RingInputComponent extends RingAngularComponent {
-  $onInit() {
-    this.closeIcon = closeIcon;
-    if (!this.ngModelCtrl) {
-      return;
-    }
-    this.ngModelCtrl.$render = () => {
-      this.value = this.ngModelCtrl.$viewValue;
-    };
+var angularModule = angular.module('Ring.input', [Button]);
+var RingInputComponent = /*#__PURE__*/function (_RingAngularComponent) {
+  _inherits(RingInputComponent, _RingAngularComponent);
+  var _super = _createSuper(RingInputComponent);
+  function RingInputComponent() {
+    _classCallCheck(this, RingInputComponent);
+    return _super.apply(this, arguments);
   }
-  onInputChange() {
-    if (!this.ngModelCtrl) {
-      return;
+  _createClass(RingInputComponent, [{
+    key: "$onInit",
+    value: function $onInit() {
+      var _this = this;
+      this.closeIcon = closeIcon;
+      if (!this.ngModelCtrl) {
+        return;
+      }
+      this.ngModelCtrl.$render = function () {
+        _this.value = _this.ngModelCtrl.$viewValue;
+      };
     }
-    this.ngModelCtrl.$setViewValue(this.value);
-  }
-  stretch(el) {
-    if (!el) {
-      return;
+  }, {
+    key: "onInputChange",
+    value: function onInputChange() {
+      if (!this.ngModelCtrl) {
+        return;
+      }
+      this.ngModelCtrl.$setViewValue(this.value);
     }
-    el.style.height = `${el.scrollHeight}px`;
-  }
-  onKeyUp() {
-    if (!this.inputNode) {
-      this.inputNode = this.$inject.$element[0].querySelector('[data-test="ring-input"]');
+  }, {
+    key: "stretch",
+    value: function stretch(el) {
+      if (!el) {
+        return;
+      }
+      el.style.height = "".concat(el.scrollHeight, "px");
     }
-    if (this.multiline && this.inputNode.scrollHeight > this.inputNode.clientHeight) {
-      this.stretch(this.inputNode);
+  }, {
+    key: "onKeyUp",
+    value: function onKeyUp() {
+      if (!this.inputNode) {
+        this.inputNode = this.$inject.$element[0].querySelector('[data-test="ring-input"]');
+      }
+      if (this.multiline && this.inputNode.scrollHeight > this.inputNode.clientHeight) {
+        this.stretch(this.inputNode);
+      }
     }
-  }
-  onClear() {
-    this.value = '';
-  }
-  getContainerClasses() {
-    return classNames(modules_88cfaf40.outerContainer, this.size ? [modules_88cfaf40[`size${this.size}`]] : null, modules_88cfaf40.heightS, {
-      [modules_88cfaf40.active]: this.active,
-      [modules_88cfaf40.error]: this.error != null,
-      [modules_88cfaf40.empty]: !this.value,
-      [modules_88cfaf40.noLabel]: !this.label,
-      [modules_88cfaf40.clearable]: this.clearable,
-      [modules_88cfaf40.borderless]: this.borderless
-    });
-  }
-}
-_defineProperty(RingInputComponent, "$inject", ['$element']);
+  }, {
+    key: "onClear",
+    value: function onClear() {
+      this.value = '';
+    }
+  }, {
+    key: "getContainerClasses",
+    value: function getContainerClasses() {
+      var _classNames;
+      return classNames(modules_88cfaf40.outerContainer, this.size ? [modules_88cfaf40["size".concat(this.size)]] : null, modules_88cfaf40.heightS, (_classNames = {}, _defineProperty(_classNames, modules_88cfaf40.active, this.active), _defineProperty(_classNames, modules_88cfaf40.error, this.error != null), _defineProperty(_classNames, modules_88cfaf40.empty, !this.value), _defineProperty(_classNames, modules_88cfaf40.noLabel, !this.label), _defineProperty(_classNames, modules_88cfaf40.clearable, this.clearable), _defineProperty(_classNames, modules_88cfaf40.borderless, this.borderless), _classNames));
+    }
+  }]);
+  return RingInputComponent;
+}(RingAngularComponent);
 _defineProperty(RingInputComponent, "require", {
   ngModelCtrl: '?ngModel'
 });
@@ -84,62 +116,8 @@ _defineProperty(RingInputComponent, "bindings", {
   borderless: '<',
   multiline: '<'
 });
-_defineProperty(RingInputComponent, "template", `
-<div
-  data-test="ring-input-container"
-  ng-class="$ctrl.getContainerClasses()"
->
-  <label
-    ng-if="!$ctrl.borderless"
-    class="${modules_88cfaf40.label}"
-  >{{$ctrl.label}}</label>
-  <div class="${modules_88cfaf40.container}">
-    <input
-      aria-label="{{$ctrl.label || $ctrl.placeholder}}"
-      type="text"
-      data-test="ring-input"
-      class="${modules_88cfaf40.input}"
-      name="{{$ctrl.name}}"
-      ng-if="!$ctrl.multiline"
-      placeholder="{{$ctrl.placeholder}}"
-      ng-model="$ctrl.value"
-      ng-required="$ctrl.required"
-      ng-disabled="$ctrl.disabled"
-      ng-minlength="$ctrl.ngMinlength"
-      ng-maxlength="$ctrl.ngMaxlength"
-      ng-change="$ctrl.onInputChange()"
-      ng-keyup="$ctrl.onKeyUp()"
-    />
-
-    <textarea
-      aria-label="{{$ctrl.label || $ctrl.placeholder}}"
-      data-test="ring-input"
-      ng-if="$ctrl.multiline"
-      class="${modules_88cfaf40.input}"
-      rows="1"
-      name="{{$ctrl.name}}"
-      placeholder="{{$ctrl.placeholder}}"
-      ng-model="$ctrl.value"
-      ng-required="$ctrl.required"
-      ng-disabled="$ctrl.disabled"
-      ng-minlength="$ctrl.ngMinlength"
-      ng-maxlength="$ctrl.ngMaxlength"
-      ng-change="$ctrl.onInputChange()"
-      ng-keyup="$ctrl.onKeyUp()"
-    ></textarea>
-
-    <rg-button
-      ng-if="$ctrl.clearable"
-      data-test="ring-input-clear"
-      class="${modules_88cfaf40.clear} ${modules_c40fa551.clear}"
-      icon="{{:: $ctrl.closeIcon}}"
-      ng-click="$ctrl.onClear()"
-    ></rg-button>
-  </div>
-
-  <div ng-if="!$ctrl.borderless && $ctrl.error" class="${modules_88cfaf40.errorText} ${modules_c40fa551.errorText}">{{$ctrl.error}}</div>
-</div>
-  `);
+_defineProperty(RingInputComponent, "template", "\n<div\n  data-test=\"ring-input-container\"\n  ng-class=\"$ctrl.getContainerClasses()\"\n>\n  <label\n    ng-if=\"!$ctrl.borderless\"\n    class=\"".concat(modules_9eb96a10.label, " ").concat(modules_9eb96a10.secondaryLabel, "\"\n  >{{$ctrl.label}}</label>\n  <div class=\"").concat(modules_88cfaf40.container, "\">\n    <input\n      aria-label=\"{{$ctrl.label || $ctrl.placeholder}}\"\n      type=\"text\"\n      data-test=\"ring-input\"\n      class=\"").concat(modules_88cfaf40.input, "\"\n      name=\"{{$ctrl.name}}\"\n      ng-if=\"!$ctrl.multiline\"\n      placeholder=\"{{$ctrl.placeholder}}\"\n      ng-model=\"$ctrl.value\"\n      ng-required=\"$ctrl.required\"\n      ng-disabled=\"$ctrl.disabled\"\n      ng-minlength=\"$ctrl.ngMinlength\"\n      ng-maxlength=\"$ctrl.ngMaxlength\"\n      ng-change=\"$ctrl.onInputChange()\"\n      ng-keyup=\"$ctrl.onKeyUp()\"\n    />\n\n    <textarea\n      aria-label=\"{{$ctrl.label || $ctrl.placeholder}}\"\n      data-test=\"ring-input\"\n      ng-if=\"$ctrl.multiline\"\n      class=\"").concat(modules_88cfaf40.input, "\"\n      rows=\"1\"\n      name=\"{{$ctrl.name}}\"\n      placeholder=\"{{$ctrl.placeholder}}\"\n      ng-model=\"$ctrl.value\"\n      ng-required=\"$ctrl.required\"\n      ng-disabled=\"$ctrl.disabled\"\n      ng-minlength=\"$ctrl.ngMinlength\"\n      ng-maxlength=\"$ctrl.ngMaxlength\"\n      ng-change=\"$ctrl.onInputChange()\"\n      ng-keyup=\"$ctrl.onKeyUp()\"\n    ></textarea>\n\n    <rg-button\n      ng-if=\"$ctrl.clearable\"\n      data-test=\"ring-input-clear\"\n      class=\"").concat(modules_88cfaf40.clear, " ").concat(modules_c40fa551.clear, "\"\n      icon=\"{{:: $ctrl.closeIcon}}\"\n      ng-click=\"$ctrl.onClear()\"\n    ></rg-button>\n  </div>\n\n  <div ng-if=\"!$ctrl.borderless && $ctrl.error\" class=\"").concat(modules_88cfaf40.errorText, " ").concat(modules_c40fa551.errorText, "\">{{$ctrl.error}}</div>\n</div>\n  "));
+RingInputComponent.$inject = ['$element'];
 angularModule.component('rgInput', RingInputComponent);
 var InputNg = angularModule.name;
 

package/dist/island/adaptive-island-hoc.d.ts

@@ -8,7 +8,7 @@ export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>
             phase: null;
         };
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -34,7 +34,7 @@ export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>
             phase: null;
         };
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;