@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.3

package/components/caret/caret.js

@@ -1,254 +1,227 @@
-import { _ as _defineProperty, b as _createClass, e as _classCallCheck } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.object.to-string.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import 'core-js/modules/es.string.replace.js';
 import { getRect } from '../global/dom.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
 /**
  * @name Caret
  */
-var Caret = /*#__PURE__*/function () {
-  function Caret(target) {
-    _classCallCheck(this, Caret);
+class Caret {
+  /**
+   * Line endings normalizer
+   * Borrowed from jQuery
+   * @see https://github.com/jquery/jquery/blob/master/src/attributes/val.js
+   * @param value {*}
+   * @return {*}
+   */
+  static normalizeNewlines(value) {
+    return typeof value === 'string' ? value.replace(this.returnRE, '') : value;
+  }
+  constructor(target) {
     _defineProperty(this, "target", void 0);
     this.target = target;
   }
-  return _createClass(Caret, [{
-    key: "isContentEditable",
-    value: function isContentEditable() {
-      return this.target.contentEditable === 'true';
+  isContentEditable() {
+    return this.target.contentEditable === 'true';
+  }
+  /**
+   * Set focus on target if possible
+   */
+  focus() {
+    if (!document.activeElement || document.activeElement !== this.target) {
+      this.target.focus();
     }
-    /**
-     * Set focus on target if possible
-     */
-  }, {
-    key: "focus",
-    value: function focus() {
-      if (!document.activeElement || document.activeElement !== this.target) {
-        this.target.focus();
+  }
+  /**
+   * Get absolute caret position index
+   * @return {number}
+   */
+  getAbsolutePosition(node) {
+    let _curNode = node;
+    let curPos = 0;
+    while (_curNode != null && _curNode !== this.target) {
+      while (_curNode.previousSibling) {
+        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;
       }
+      _curNode = _curNode.parentNode;
     }
-    /**
-     * Get absolute caret position index
-     * @return {number}
-     */
-  }, {
-    key: "getAbsolutePosition",
-    value: function getAbsolutePosition(node) {
-      var _curNode = node;
-      var curPos = 0;
-      while (_curNode != null && _curNode !== this.target) {
-        while (_curNode.previousSibling) {
-          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;
-        }
-        _curNode = _curNode.parentNode;
+    return curPos;
+  }
+  /**
+   * Get caret position index
+   * @param {Object} [params]
+   * @param {boolean} params.avoidFocus
+   * @return {number}
+   */
+  getPosition() {
+    let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (this.isContentEditable()) {
+      if (!params.avoidFocus) {
+        this.focus();
       }
-      return curPos;
-    }
-    /**
-     * Get caret position index
-     * @param {Object} [params]
-     * @param {boolean} params.avoidFocus
-     * @return {number}
-     */
-  }, {
-    key: "getPosition",
-    value: function getPosition() {
-      var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      if (this.isContentEditable()) {
-        if (!params.avoidFocus) {
-          this.focus();
-        }
-        var selection = window.getSelection();
-        if (!(selection !== null && selection !== void 0 && selection.rangeCount)) {
-          return 0;
-        }
-        var range1 = selection.getRangeAt(0);
-        var range2 = range1.cloneRange();
-        range2.selectNodeContents(this.target);
-        range2.setEnd(range1.endContainer, range1.endOffset);
-        var _curNode = range1.startContainer;
-        if (this.target === _curNode) {
-          return range1.startOffset === 0 || _curNode.textContent == null ? 0 : _curNode.textContent.length;
-        } else if (!this.target.contains(_curNode)) {
-          return -1;
-        } else if (!_curNode) {
-          return 'selectionStart' in this.target && this.target.selectionStart || -1;
-        }
-        var curPos = this.getAbsolutePosition(_curNode);
-        if (range1.startContainer === range1.endContainer) {
-          if (range1.startOffset === range1.endOffset) {
-            return curPos + range1.startOffset;
-          } else {
-            return {
-              startOffset: curPos + range1.startOffset,
-              endOffset: curPos + range1.endOffset,
-              position: range2.toString().length
-            };
-          }
+      const selection = window.getSelection();
+      if (!(selection !== null && selection !== void 0 && selection.rangeCount)) {
+        return 0;
+      }
+      const range1 = selection.getRangeAt(0);
+      const range2 = range1.cloneRange();
+      range2.selectNodeContents(this.target);
+      range2.setEnd(range1.endContainer, range1.endOffset);
+      const _curNode = range1.startContainer;
+      if (this.target === _curNode) {
+        return range1.startOffset === 0 || _curNode.textContent == null ? 0 : _curNode.textContent.length;
+      } else if (!this.target.contains(_curNode)) {
+        return -1;
+      } else if (!_curNode) {
+        return 'selectionStart' in this.target && this.target.selectionStart || -1;
+      }
+      const curPos = this.getAbsolutePosition(_curNode);
+      if (range1.startContainer === range1.endContainer) {
+        if (range1.startOffset === range1.endOffset) {
+          return curPos + range1.startOffset;
         } else {
-          var startOffset = curPos + range1.startOffset;
-          var endPos = this.getAbsolutePosition(range1.endContainer);
-          var endOffset = endPos + range1.endOffset;
           return {
-            startOffset,
-            endOffset,
+            startOffset: curPos + range1.startOffset,
+            endOffset: curPos + range1.endOffset,
             position: range2.toString().length
           };
         }
-      }
-      return 'selectionStart' in this.target && this.target.selectionStart || -1;
-    }
-    /**
-     * Get relative position of query
-     * @param  {Node} curNode
-     * @param {number} position
-     * @return {{_correctedPosition: number, _curNode: Node}}
-     */
-  }, {
-    key: "getRelativePosition",
-    value: function getRelativePosition(curNode, position) {
-      var curPos = 0;
-      var _curNode = curNode;
-      var nodeTypeText = 3;
-      if (!_curNode) {
-        return {
-          _curNode: this.target,
-          _correctedPosition: position
-        };
-      }
-      if (position === 0) {
-        while (_curNode.nodeType !== nodeTypeText) {
-          _curNode = _curNode.childNodes[0];
-        }
-        var _correctedPosition2 = position;
+      } else {
+        const startOffset = curPos + range1.startOffset;
+        const endPos = this.getAbsolutePosition(range1.endContainer);
+        const endOffset = endPos + range1.endOffset;
         return {
-          _curNode,
-          _correctedPosition: _correctedPosition2
+          startOffset,
+          endOffset,
+          position: range2.toString().length
         };
       }
-      var i = -1;
-      if (_curNode && _curNode.nodeType !== undefined) {
-        while (curPos < position && _curNode.nodeType !== nodeTypeText) {
-          i++;
-          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$ = (_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 {
-            break;
-          }
-        }
+    }
+    return 'selectionStart' in this.target && this.target.selectionStart || -1;
+  }
+  /**
+   * Get relative position of query
+   * @param  {Node} curNode
+   * @param {number} position
+   * @return {{_correctedPosition: number, _curNode: Node}}
+   */
+  getRelativePosition(curNode, position) {
+    let curPos = 0;
+    let _curNode = curNode;
+    const nodeTypeText = 3;
+    if (!_curNode) {
+      return {
+        _curNode: this.target,
+        _correctedPosition: position
+      };
+    }
+    if (position === 0) {
+      while (_curNode.nodeType !== nodeTypeText) {
+        _curNode = _curNode.childNodes[0];
       }
-      var _correctedPosition = position - curPos;
+      const _correctedPosition = position;
       return {
         _curNode,
         _correctedPosition
       };
     }
-    /**
-     * Set caret position index
-     * @param  {number} position
-     * @return {number}
-     */
-  }, {
-    key: "setPosition",
-    value: function setPosition(position) {
-      var isContentEditable = this.isContentEditable();
-      var correctedPosition;
-      var curNode = this.target && this.target.childNodes[0];
-      if (position !== undefined) {
-        if (typeof position === 'object') {
-          var range = new Range();
-          var start = this.getRelativePosition(curNode, position.startOffset);
-          range.setStart(start._curNode, start._correctedPosition);
-          var end = this.getRelativePosition(curNode, position.endOffset);
-          range.setEnd(end._curNode, end._correctedPosition);
-          correctedPosition = range;
-        } else if (position === -1) {
-          var _value$length;
-          var 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;
+    let i = -1;
+    if (_curNode && _curNode.nodeType !== undefined) {
+      while (curPos < position && _curNode.nodeType !== nodeTypeText) {
+        i++;
+        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$ = (_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 {
-          var _this$getRelativePosi = this.getRelativePosition(curNode, position),
-            _curNode = _this$getRelativePosi._curNode,
-            _correctedPosition = _this$getRelativePosi._correctedPosition;
-          curNode = _curNode;
-          correctedPosition = _correctedPosition;
+          break;
         }
       }
-      if (isContentEditable) {
-        this.focus();
-        try {
-          if (correctedPosition instanceof Range) {
-            var _window$getSelection, _window$getSelection2;
-            (_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 || _window$getSelection.removeAllRanges();
-            (_window$getSelection2 = window.getSelection()) === null || _window$getSelection2 === void 0 || _window$getSelection2.addRange(correctedPosition);
-          } else {
-            var _window$getSelection3;
-            (_window$getSelection3 = window.getSelection()) === null || _window$getSelection3 === void 0 || _window$getSelection3.collapse(curNode || this.target, correctedPosition);
-          }
-        } catch (e) {
-          // Do nothing
-        }
-      } else if ('setSelectionRange' in this.target && typeof correctedPosition === 'number') {
-        this.target.setSelectionRange(correctedPosition, correctedPosition);
+    }
+    const _correctedPosition = position - curPos;
+    return {
+      _curNode,
+      _correctedPosition
+    };
+  }
+  /**
+   * Set caret position index
+   * @param  {number} position
+   * @return {number}
+   */
+  setPosition(position) {
+    const isContentEditable = this.isContentEditable();
+    let correctedPosition;
+    let curNode = this.target && this.target.childNodes[0];
+    if (position !== undefined) {
+      if (typeof position === 'object') {
+        const range = new Range();
+        const start = this.getRelativePosition(curNode, position.startOffset);
+        range.setStart(start._curNode, start._correctedPosition);
+        const end = this.getRelativePosition(curNode, position.endOffset);
+        range.setEnd(end._curNode, end._correctedPosition);
+        correctedPosition = range;
+      } else if (position === -1) {
+        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,
+          _correctedPosition
+        } = this.getRelativePosition(curNode, position);
+        curNode = _curNode;
+        correctedPosition = _correctedPosition;
       }
-      return correctedPosition;
     }
-    /**
-     * Get caret position in pixels
-     * @return {number}
-     */
-  }, {
-    key: "getOffset",
-    value: function getOffset() {
-      var offset = 0;
-      var range;
+    if (isContentEditable) {
+      this.focus();
       try {
-        var _window$getSelection4, _range;
-        // Both statements may throw
-        range = (_window$getSelection4 = window.getSelection()) === null || _window$getSelection4 === void 0 ? void 0 : _window$getSelection4.getRangeAt(0).cloneRange();
-        (_range = range) === null || _range === void 0 || _range.setStart(range.startContainer, range.startOffset - 1);
+        if (correctedPosition instanceof Range) {
+          var _window$getSelection, _window$getSelection2;
+          (_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 || _window$getSelection.removeAllRanges();
+          (_window$getSelection2 = window.getSelection()) === null || _window$getSelection2 === void 0 || _window$getSelection2.addRange(correctedPosition);
+        } else {
+          var _window$getSelection3;
+          (_window$getSelection3 = window.getSelection()) === null || _window$getSelection3 === void 0 || _window$getSelection3.collapse(curNode || this.target, correctedPosition);
+        }
       } catch (e) {
-        return offset;
-      }
-      if (range && range.endOffset !== 0 && range.toString() !== '') {
-        offset = getRect(range).right - getRect(this.target).left - (range.startContainer instanceof HTMLElement && range.startContainer.offsetLeft || 0);
+        // Do nothing
       }
+    } else if ('setSelectionRange' in this.target && typeof correctedPosition === 'number') {
+      this.target.setSelectionRange(correctedPosition, correctedPosition);
+    }
+    return correctedPosition;
+  }
+  /**
+   * Get caret position in pixels
+   * @return {number}
+   */
+  getOffset() {
+    let offset = 0;
+    let range;
+    try {
+      var _window$getSelection4, _range;
+      // Both statements may throw
+      range = (_window$getSelection4 = window.getSelection()) === null || _window$getSelection4 === void 0 ? void 0 : _window$getSelection4.getRangeAt(0).cloneRange();
+      (_range = range) === null || _range === void 0 || _range.setStart(range.startContainer, range.startOffset - 1);
+    } catch (e) {
       return offset;
     }
-  }], [{
-    key: "normalizeNewlines",
-    value:
-    /**
-     * Line endings normalizer
-     * Borrowed from jQuery
-     * @see https://github.com/jquery/jquery/blob/master/src/attributes/val.js
-     * @param value {*}
-     * @return {*}
-     */
-    function normalizeNewlines(value) {
-      return typeof value === 'string' ? value.replace(this.returnRE, '') : value;
+    if (range && range.endOffset !== 0 && range.toString() !== '') {
+      offset = getRect(range).right - getRect(this.target).left - (range.startContainer instanceof HTMLElement && range.startContainer.offsetLeft || 0);
     }
-  }]);
-}();
+    return offset;
+  }
+}
 /**
  * Line endings RegExp
  * @type {RegExp}

package/components/checkbox/checkbox.js

@@ -1,5 +1,5 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -15,103 +15,86 @@ import '../icon/icon__constants.js';
 import '../_helpers/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.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'memoize-one';
 
 var modules_3199090e = {"checkboxSize":"14px","light":"light_rui_2ac4","checkbox":"checkbox_rui_219d","cell":"cell_rui_219d","icon":"icon_rui_219d","check":"check_rui_219d icon_rui_219d","minus":"minus_rui_219d icon_rui_219d","input":"input_rui_219d","cellWrapper":"cellWrapper_rui_219d","focus":"focus_rui_219d","label":"label_rui_219d"};
 
-var _excluded = ["children", "label", "className", "containerClassName", "containerStyle", "cellClassName", "labelClassName", "indeterminate", "inputRef", "help"];
-var Checkbox = /*#__PURE__*/function (_PureComponent) {
-  function Checkbox() {
-    var _this;
-    _classCallCheck(this, Checkbox);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Checkbox, [].concat(args));
-    _defineProperty(_this, "input", void 0);
-    _defineProperty(_this, "inputRef", function (el) {
+const _excluded = ["children", "label", "className", "containerClassName", "containerStyle", "cellClassName", "labelClassName", "indeterminate", "inputRef", "help"];
+class Checkbox extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "input", void 0);
+    _defineProperty(this, "inputRef", el => {
       if (el != null) {
-        el.indeterminate = _this.props.indeterminate;
+        el.indeterminate = this.props.indeterminate;
       }
-      _this.input = el;
+      this.input = el;
     });
-    _defineProperty(_this, "composedInputRef", createComposedRef());
-    return _this;
+    _defineProperty(this, "composedInputRef", createComposedRef());
   }
-  _inherits(Checkbox, _PureComponent);
-  return _createClass(Checkbox, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.input != null) {
-        this.input.indeterminate = this.props.indeterminate;
-      }
+  componentDidMount() {
+    if (this.input != null) {
+      this.input.indeterminate = this.props.indeterminate;
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var indeterminate = this.props.indeterminate;
-      if (this.input != null && indeterminate !== prevProps.indeterminate) {
-        this.input.indeterminate = this.props.indeterminate;
-      }
+  }
+  componentDidUpdate(prevProps) {
+    const {
+      indeterminate
+    } = this.props;
+    if (this.input != null && indeterminate !== prevProps.indeterminate) {
+      this.input.indeterminate = this.props.indeterminate;
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        label = _this$props.label,
-        className = _this$props.className,
-        containerClassName = _this$props.containerClassName,
-        containerStyle = _this$props.containerStyle,
-        cellClassName = _this$props.cellClassName,
-        labelClassName = _this$props.labelClassName;
-        _this$props.indeterminate;
-        var inputRef = _this$props.inputRef,
-        help = _this$props.help,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_3199090e.input, className);
-      var containerClasses = classNames(modules_3199090e.checkbox, containerClassName);
-      var cellClasses = classNames(modules_3199090e.cell, cellClassName);
-      var labelClasses = classNames(modules_3199090e.label, labelClassName);
-      return /*#__PURE__*/jsxs("label", {
-        className: containerClasses,
-        style: containerStyle,
-        "data-test": "ring-checkbox",
-        children: [/*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({}, restProps), {}, {
-          "data-checked": restProps.checked,
-          ref: this.composedInputRef(this.inputRef, inputRef),
-          type: "checkbox",
-          className: classes
-        })), /*#__PURE__*/jsx("div", {
-          className: modules_3199090e.cellWrapper,
-          children: /*#__PURE__*/jsxs("span", {
-            className: cellClasses,
-            children: [/*#__PURE__*/jsx(Icon, {
-              glyph: checkmarkIcon,
-              className: modules_3199090e.check
-            }), /*#__PURE__*/jsx(Icon, {
-              glyph: minusIcon,
-              className: modules_3199090e.minus
-            })]
-          })
-        }), /*#__PURE__*/jsxs("span", {
-          className: labelClasses,
-          children: [label || children, help && /*#__PURE__*/jsx(ControlHelp, {
-            children: help
+  }
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        label,
+        className,
+        containerClassName,
+        containerStyle,
+        cellClassName,
+        labelClassName,
+        indeterminate,
+        inputRef,
+        help
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_3199090e.input, className);
+    const containerClasses = classNames(modules_3199090e.checkbox, containerClassName);
+    const cellClasses = classNames(modules_3199090e.cell, cellClassName);
+    const labelClasses = classNames(modules_3199090e.label, labelClassName);
+    return /*#__PURE__*/jsxs("label", {
+      className: containerClasses,
+      style: containerStyle,
+      "data-test": "ring-checkbox",
+      children: [/*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({}, restProps), {}, {
+        "data-checked": restProps.checked,
+        ref: this.composedInputRef(this.inputRef, inputRef),
+        type: "checkbox",
+        className: classes
+      })), /*#__PURE__*/jsx("div", {
+        className: modules_3199090e.cellWrapper,
+        children: /*#__PURE__*/jsxs("span", {
+          className: cellClasses,
+          children: [/*#__PURE__*/jsx(Icon, {
+            glyph: checkmarkIcon,
+            className: modules_3199090e.check
+          }), /*#__PURE__*/jsx(Icon, {
+            glyph: minusIcon,
+            className: modules_3199090e.minus
           })]
+        })
+      }), /*#__PURE__*/jsxs("span", {
+        className: labelClasses,
+        children: [label || children, help && /*#__PURE__*/jsx(ControlHelp, {
+          children: help
         })]
-      });
-    }
-  }]);
-}(PureComponent);
+      })]
+    });
+  }
+}
 _defineProperty(Checkbox, "propTypes", {
   name: PropTypes.string,
   label: PropTypes.string,