@jetbrains/ring-ui 4.1.12 → 5.0.0-beta.11

package/dist/avatar/fallback-avatar.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import { Size } from './avatar';
+export interface FallbackAvatarProps {
+    username: string;
+    size: Size;
+    round: boolean | null | undefined;
+}
+declare function FallbackAvatar({ username, size, round }: FallbackAvatarProps): JSX.Element;
+declare namespace FallbackAvatar {
+    var propTypes: {
+        username: PropTypes.Validator<string>;
+        size: PropTypes.Validator<number>;
+        round: PropTypes.Requireable<boolean>;
+    };
+}
+export default FallbackAvatar;

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

@@ -22,15 +22,17 @@ import '../_helpers/icon.js';
 import '../icon/icon__svg.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 '../_helpers/loader-inline.js';
 import '../global/dom.js';
+import '../button/button.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import '../popup/popup.target.js';
 import '../alert/container.js';
 import '../template-ng/template-ng.js';
 import '../global/ring-angular-component.js';

package/dist/badge/badge.d.ts

@@ -0,0 +1,24 @@
+import { PureComponent, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+export interface BadgeProps extends HTMLAttributes<HTMLElement> {
+    gray?: boolean | null | undefined;
+    valid?: boolean | null | undefined;
+    invalid?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+    'data-test'?: string | null | undefined;
+}
+/**
+ * @name Badge
+ */
+export default class Badge extends PureComponent<BadgeProps> {
+    static propTypes: {
+        gray: PropTypes.Requireable<boolean>;
+        valid: PropTypes.Requireable<boolean>;
+        invalid: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        'data-test': PropTypes.Requireable<string>;
+    };
+    render(): JSX.Element;
+}

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

@@ -9,7 +9,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/ring-angular-component.js';
 import '../_helpers/icon.js';
 
-var modules_2c17c81e = {"unit":"8px","breadcrumb":"breadcrumb_rui_936c","header":"header_rui_936c","breadcrumbSmall":"breadcrumbSmall_rui_936c","breadcrumbElement":"breadcrumbElement_rui_936c","active":"active_rui_936c","elementDescription":"elementDescription_rui_936c","separatorIcon":"separatorIcon_rui_936c"};
+var modules_2c17c81e = {"unit":"8px","breadcrumb":"breadcrumb_rui_cdef","header":"header_rui_cdef","breadcrumbSmall":"breadcrumbSmall_rui_cdef","breadcrumbElement":"breadcrumbElement_rui_cdef","active":"active_rui_cdef","elementDescription":"elementDescription_rui_cdef","separatorIcon":"separatorIcon_rui_cdef"};
 
 /**
  * @name Breadcrumb Ng

package/dist/button/button.d.ts

@@ -0,0 +1,67 @@
+import 'focus-visible';
+import React, { PureComponent, ButtonHTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+import { IconType, Size } from '../icon/icon';
+import { ClickableLinkProps } from '../link/clickableLink';
+import { ControlsHeight } 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?: Size | null | undefined;
+    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 declare 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<PropTypes.ReactComponentLike>;
+        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>;
+    buttonRef: React.RefObject<HTMLButtonElement>;
+    render(): JSX.Element;
+}
+export { Size as IconSize };
+export declare type ContainerProps<T extends ButtonProps> = JSX.LibraryManagedAttributes<typeof Button, T>;
+export declare type ButtonAttrs = ContainerProps<ButtonButtonProps> | ContainerProps<ButtonLinkProps>;
+export default Button;

package/dist/button/button.js

@@ -5,8 +5,8 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import chevronDown from '@jetbrains/icons/chevron-10px';
 import Icon from '../icon/icon.js';
-import Theme, { withTheme } from '../global/theme.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';
 export { Size as IconSize } from '../icon/icon__constants.js';
@@ -33,7 +33,6 @@ class Button extends PureComponent {
   render() {
     const {
       // Modifiers
-      theme,
       active,
       danger,
       delayed,
@@ -43,6 +42,7 @@ class Button extends PureComponent {
       text,
       inline,
       dropdown,
+      height = this.context,
       // Props
       icon,
       iconSize,
@@ -58,12 +58,12 @@ class Button extends PureComponent {
       danger,
       delayed,
       icon,
-      theme,
       loader,
       primary,
       short,
       text,
-      inline
+      inline,
+      height
     });
     const content = /*#__PURE__*/React.createElement("span", {
       className: modules_e81895c9.content
@@ -78,23 +78,23 @@ class Button extends PureComponent {
       glyph: chevronDown,
       className: modules_e81895c9.dropdownIcon
     }));
-    const isLink = !!props.href;
-    const Tag = isLink ? ClickableLink : 'button';
-    return /*#__PURE__*/React.createElement(Tag, _extends({
-      ref: this.buttonRef,
+    const commonProps = {
       tabIndex: loader ? -1 : 0,
-      type: isLink ? null : 'button'
-    }, props, {
-      className: classes
-    }), loader && !text && !icon && /*#__PURE__*/React.createElement("div", {
-      className: modules_e81895c9.loaderBackground
-    }), content);
+      ...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));
   }
 
 }
 
 _defineProperty(Button, "propTypes", {
-  theme: PropTypes.oneOf(['light', 'dark']),
   active: PropTypes.bool,
   danger: PropTypes.bool,
   delayed: PropTypes.bool,
@@ -117,7 +117,6 @@ _defineProperty(Button, "propTypes", {
 
 _defineProperty(Button, "IconSize", Size);
 
-_defineProperty(Button, "Theme", Theme);
-var Button$1 = withTheme()(Button);
+_defineProperty(Button, "contextType", ControlsHeightContext);
 
-export { Button$1 as default };
+export { Button, 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

@@ -1,5 +1,2 @@
 import 'classnames';
-import '../global/theme.js';
 export { g as getButtonClasses } from '../_helpers/button__classes.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'react';

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

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

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

@@ -12,10 +12,12 @@ import { m as modules_1068e447 } from '../_helpers/button-group.js';
 class ButtonGroup extends PureComponent {
   render() {
     const {
-      className
+      className,
+      split,
+      ...restProps
     } = this.props;
-    const classes = classNames(modules_1068e447.buttonGroup, className);
-    return /*#__PURE__*/React.createElement("div", _extends({}, this.props, {
+    const classes = classNames(split ? modules_1068e447.split : modules_1068e447.buttonGroup, className);
+    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
       className: classes
     }));
   }

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

@@ -0,0 +1,8 @@
+import { 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(): JSX.Element;
+}

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

@@ -2,7 +2,7 @@ import angular from 'angular';
 import classNames from 'classnames';
 import { m as modules_1068e447 } from '../_helpers/button-group.js';
 
-var modules_c53cb36f = {"buttonGroup":"buttonGroup_rui_6db3"};
+var modules_c53cb36f = {"buttonGroup":"buttonGroup_rui_c91a"};
 
 /**
  * @name Button Group Ng

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

@@ -4,14 +4,14 @@ import classNames from 'classnames';
 import RingAngularComponent from '../global/ring-angular-component.js';
 import { addClasses, removeClasses, applyMethodToClasses } from '../global/dom.js';
 import IconNG from '../icon-ng/icon-ng.js';
-import Theme, { applyTheme } from '../global/theme.js';
 import { m as modules_e81895c9, g as getButtonClasses } from '../_helpers/button__classes.js';
+import { ControlsHeight } from '../global/controls-height.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/icon.js';
 import 'react';
 
-var modules_5f65bc62 = {"ringIconDefaultColor":"ringIconDefaultColor_rui_d31a","iconMarginFix":"iconMarginFix_rui_d31a","transcludeSpacer":"transcludeSpacer_rui_d31a","buttonWithoutIcon":"buttonWithoutIcon_rui_d31a","iconNg":"iconNg_rui_d31a","narrowRight":"narrowRight_rui_d31a"};
+var modules_5f65bc62 = {"ringIconDefaultColor":"ringIconDefaultColor_rui_bb4f","iconMarginFix":"iconMarginFix_rui_bb4f","transcludeSpacer":"transcludeSpacer_rui_bb4f","buttonWithoutIcon":"buttonWithoutIcon_rui_bb4f","iconNg":"iconNg_rui_bb4f","narrowRight":"narrowRight_rui_bb4f"};
 
 const {
   ringIconDefaultColor,
@@ -40,9 +40,9 @@ class ButtonController extends RingAngularComponent {
       const {
         $attrs
       } = this.$inject;
-      const theme = this.element.classList.contains(modules_e81895c9.light) ? Theme.LIGHT : Theme.DARK;
       const foreignClasses = [...this.element.classList].filter(name => !buttonClassesMap[name]);
       this.element.className = classNames(foreignClasses, getButtonClasses({
+        height: ControlsHeight.S,
         className: modules_e81895c9.button,
         active: this.getAttrValue($attrs.active),
         disabled: this.getAttrValue($attrs.disabled),
@@ -53,8 +53,7 @@ class ButtonController extends RingAngularComponent {
         inline: this.getAttrValue($attrs.inline),
         danger: this.getAttrValue($attrs.danger),
         delayed: this.getAttrValue($attrs.delayed),
-        icon: $attrs.icon,
-        theme
+        icon: $attrs.icon
       }), {
         // Some overrides for angular buttons
         [modules_5f65bc62.buttonWithoutIcon]: !$attrs.icon,
@@ -161,7 +160,6 @@ class ButtonController extends RingAngularComponent {
       this.updateClasses();
       this.updateIcon();
     });
-    $attrs.$observe('theme', this.updateClasses);
   }
 
   getAttrValue(attribute) {
@@ -175,24 +173,13 @@ class ButtonController extends RingAngularComponent {
 
 _defineProperty(ButtonController, "$inject", ['$element', '$attrs', '$scope', '$compile', '$log']);
 
-function changeTheme(element, data) {
-  return applyTheme({
-    element,
-    prevTheme: data.prevTheme && modules_e81895c9[data.prevTheme] || modules_e81895c9.light,
-    currentTheme: modules_e81895c9[data.currentTheme]
-  });
-}
-
 function createButtonDirective(tagName) {
   return () => ({
     restrict: 'E',
     transclude: true,
     replace: true,
-    require: {
-      rgThemeCtrl: '?^^rgTheme'
-    },
     template: `
-  <${tagName} class="${modules_e81895c9.button} ${modules_e81895c9.light}">
+  <${tagName} class="${modules_e81895c9.button}">
   <span class="${modules_e81895c9.content}"
   ><rg-icon class="${classNames(modules_e81895c9.icon, modules_5f65bc62.iconNg, iconMarginFix)}"></rg-icon
   ><ng-transclude></ng-transclude
@@ -200,19 +187,7 @@ function createButtonDirective(tagName) {
   ><div class="js-button-loader"></div>
   </${tagName}>
     `,
-    controller: ButtonController,
-    link: (scope, element, attrs, _ref) => {
-      let {
-        rgThemeCtrl
-      } = _ref;
-
-      if (rgThemeCtrl) {
-        changeTheme(element[0], {
-          currentTheme: rgThemeCtrl.theme
-        });
-        rgThemeCtrl.on('change', (event, data) => changeTheme(element[0], data));
-      }
-    }
+    controller: ButtonController
   });
 }
 

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

@@ -0,0 +1,12 @@
+import { PureComponent, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * @name Button Set
+ */
+export default class ButtonSet extends PureComponent<HTMLAttributes<HTMLElement>> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+    };
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,12 @@
+import { PureComponent, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * @name Button Toolbar
+*/
+export default class ButtonToolbar extends PureComponent<HTMLAttributes<HTMLElement>> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+    };
+    render(): JSX.Element;
+}

package/dist/caret/caret.d.ts

@@ -0,0 +1,66 @@
+export interface PositionParams {
+    avoidFocus?: boolean | null | undefined;
+}
+export interface Position {
+    startOffset: number;
+    endOffset: number;
+    position: number;
+}
+/**
+ * @name Caret
+ */
+export default class Caret {
+    /**
+     * Line endings RegExp
+     * @type {RegExp}
+     */
+    static returnRE: RegExp;
+    /**
+     * Line endings normalizer
+     * Borrowed from jQuery
+     * @see https://github.com/jquery/jquery/blob/master/src/attributes/val.js
+     * @param value {*}
+     * @return {*}
+     */
+    static normalizeNewlines(value: string | undefined): string | undefined;
+    target: HTMLElement | HTMLInputElement;
+    constructor(target: HTMLElement);
+    isContentEditable(): boolean;
+    /**
+     * Set focus on target if possible
+     */
+    focus(): void;
+    /**
+     * Get absolute caret position index
+     * @return {number}
+     */
+    getAbsolutePosition(node: Node): number;
+    /**
+     * Get caret position index
+     * @param {Object} [params]
+     * @param {boolean} params.avoidFocus
+     * @return {number}
+     */
+    getPosition(params?: PositionParams): number | Position;
+    /**
+     * Get relative position of query
+     * @param  {Node} curNode
+     * @param {number} position
+     * @return {{_correctedPosition: number, _curNode: Node}}
+     */
+    getRelativePosition(curNode: Node, position: number): {
+        _curNode: Node;
+        _correctedPosition: number;
+    };
+    /**
+     * Set caret position index
+     * @param  {number} position
+     * @return {number}
+     */
+    setPosition(position?: Position | number): number | Range | undefined;
+    /**
+     * Get caret position in pixels
+     * @return {number}
+     */
+    getOffset(): number;
+}

package/dist/caret/caret.js

@@ -23,6 +23,8 @@ class Caret {
   }
 
   constructor(target) {
+    _defineProperty(this, "target", void 0);
+
     this.target = target;
   }
 
@@ -49,9 +51,11 @@ class Caret {
     let _curNode = node;
     let curPos = 0;
 
-    while (_curNode !== this.target) {
+    while (_curNode != null && _curNode !== this.target) {
       while (_curNode.previousSibling) {
-        curPos += _curNode.previousSibling.textContent.length;
+        var _curNode$previousSibl, _curNode$previousSibl2;
+
+        curPos += (_curNode$previousSibl = (_curNode$previousSibl2 = _curNode.previousSibling.textContent) === null || _curNode$previousSibl2 === void 0 ? void 0 : _curNode$previousSibl2.length) !== null && _curNode$previousSibl !== void 0 ? _curNode$previousSibl : 0;
         _curNode = _curNode.previousSibling;
       }
 
@@ -78,7 +82,7 @@ class Caret {
 
       const selection = window.getSelection();
 
-      if (!selection.rangeCount) {
+      if (!(selection !== null && selection !== void 0 && selection.rangeCount)) {
         return 0;
       }
 
@@ -89,11 +93,11 @@ class Caret {
       const _curNode = range1.startContainer;
 
       if (this.target === _curNode) {
-        return range1.startOffset === 0 ? 0 : _curNode.textContent.length;
+        return range1.startOffset === 0 || _curNode.textContent == null ? 0 : _curNode.textContent.length;
       } else if (!this.target.contains(_curNode)) {
         return -1;
       } else if (!_curNode) {
-        return this.target.selectionStart;
+        return 'selectionStart' in this.target && this.target.selectionStart || -1;
       }
 
       const curPos = this.getAbsolutePosition(_curNode);
@@ -120,7 +124,7 @@ class Caret {
       }
     }
 
-    return this.target.selectionStart;
+    return 'selectionStart' in this.target && this.target.selectionStart || -1;
   }
   /**
    * Get relative position of query
@@ -160,12 +164,16 @@ class Caret {
       while (curPos < position && _curNode.nodeType !== nodeTypeText) {
         i++;
 
-        if (_curNode.childNodes[i] !== null && _curNode.childNodes[i]) {
-          curPos += _curNode.childNodes[i].textContent.length;
+        if (_curNode.childNodes[i] != null) {
+          var _curNode$childNodes$i, _curNode$childNodes$i2;
+
+          curPos += (_curNode$childNodes$i = (_curNode$childNodes$i2 = _curNode.childNodes[i].textContent) === null || _curNode$childNodes$i2 === void 0 ? void 0 : _curNode$childNodes$i2.length) !== null && _curNode$childNodes$i !== void 0 ? _curNode$childNodes$i : 0;
 
           if (curPos >= position) {
+            var _curNode$textContent$, _curNode$textContent;
+
             _curNode = _curNode.childNodes[i];
-            curPos -= _curNode.textContent.length;
+            curPos -= (_curNode$textContent$ = (_curNode$textContent = _curNode.textContent) === null || _curNode$textContent === void 0 ? void 0 : _curNode$textContent.length) !== null && _curNode$textContent$ !== void 0 ? _curNode$textContent$ : 0;
             i = -1;
           }
         } else {
@@ -194,7 +202,7 @@ class Caret {
     let curNode = this.target && this.target.childNodes[0];
 
     if (position !== undefined) {
-      if (position.startOffset !== undefined) {
+      if (typeof position === 'object') {
         const range = new Range();
         const start = this.getRelativePosition(curNode, position.startOffset);
         range.setStart(start._curNode, start._correctedPosition);
@@ -202,8 +210,10 @@ class Caret {
         range.setEnd(end._curNode, end._correctedPosition);
         correctedPosition = range;
       } else if (position === -1) {
-        const value = isContentEditable ? this.target.textContent : this.constructor.normalizeNewlines(this.target.value);
-        correctedPosition = value.length;
+        var _value$length;
+
+        const value = isContentEditable ? this.target.textContent : Caret.normalizeNewlines('value' in this.target ? this.target.value : undefined);
+        correctedPosition = (_value$length = value === null || value === void 0 ? void 0 : value.length) !== null && _value$length !== void 0 ? _value$length : 0;
       } else {
         const {
           _curNode,
@@ -219,14 +229,18 @@ class Caret {
 
       try {
         if (correctedPosition instanceof Range) {
-          window.getSelection().removeAllRanges();
-          window.getSelection().addRange(correctedPosition);
+          var _window$getSelection, _window$getSelection2;
+
+          (_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.removeAllRanges();
+          (_window$getSelection2 = window.getSelection()) === null || _window$getSelection2 === void 0 ? void 0 : _window$getSelection2.addRange(correctedPosition);
         } else {
-          window.getSelection().collapse(curNode || this.target, correctedPosition);
+          var _window$getSelection3;
+
+          (_window$getSelection3 = window.getSelection()) === null || _window$getSelection3 === void 0 ? void 0 : _window$getSelection3.collapse(curNode || this.target, correctedPosition);
         }
       } catch (e) {// Do nothing
       }
-    } else {
+    } else if ('setSelectionRange' in this.target && typeof correctedPosition === 'number') {
       this.target.setSelectionRange(correctedPosition, correctedPosition);
     }
 
@@ -243,15 +257,17 @@ class Caret {
     let range;
 
     try {
+      var _window$getSelection4, _range;
+
       // Both statements may throw
-      range = window.getSelection().getRangeAt(0).cloneRange();
-      range.setStart(range.startContainer, range.startOffset - 1);
+      range = (_window$getSelection4 = window.getSelection()) === null || _window$getSelection4 === void 0 ? void 0 : _window$getSelection4.getRangeAt(0).cloneRange();
+      (_range = range) === null || _range === void 0 ? void 0 : _range.setStart(range.startContainer, range.startOffset - 1);
     } catch (e) {
       return offset;
     }
 
     if (range && range.endOffset !== 0 && range.toString() !== '') {
-      offset = getRect(range).right - getRect(this.target).left - (range.startContainer.offsetLeft || 0);
+      offset = getRect(range).right - getRect(this.target).left - (range.startContainer instanceof HTMLElement && range.startContainer.offsetLeft || 0);
     }
 
     return offset;

package/dist/checkbox/checkbox.d.ts

@@ -0,0 +1,41 @@
+import { PureComponent, InputHTMLAttributes, CSSProperties } from 'react';
+import PropTypes from 'prop-types';
+export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string | null | undefined;
+    containerClassName?: string | null | undefined;
+    containerStyle?: CSSProperties | undefined;
+    cellClassName?: string | null | undefined;
+    labelClassName?: string | null | undefined;
+    indeterminate: boolean;
+}
+/**
+ * @name Checkbox
+ */
+/**
+ * Displays a checkbox.
+ */
+export default class Checkbox extends PureComponent<CheckboxProps> {
+    static propTypes: {
+        name: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        containerClassName: PropTypes.Requireable<string>;
+        containerStyle: PropTypes.Requireable<object>;
+        cellClassName: PropTypes.Requireable<string>;
+        labelClassName: PropTypes.Requireable<string>;
+        defaultChecked: PropTypes.Requireable<boolean>;
+        checked: PropTypes.Requireable<boolean>;
+        indeterminate: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    static defaultProps: {
+        indeterminate: boolean;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: CheckboxProps): void;
+    input?: HTMLInputElement | null;
+    inputRef: (el: HTMLInputElement | null) => void;
+    render(): JSX.Element;
+}