@skbkontur/react-ui 0.0.0-b0853da840 → 0.0.0-b08da15166

package/components/Popup/PopupPin.js

@@ -1,290 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import PropTypes from 'prop-types';
-
-
-
-import { PopupHelper } from './PopupHelper';import
-styles from "./PopupPin.module.css";
-
-var borderStyles = {
-  position: 'absolute',
-  borderStyle: 'solid',
-  borderTopColor: 'transparent',
-  borderBottomColor: 'transparent',
-  borderLeftColor: 'transparent',
-  borderRightColor: 'transparent' };
-
-
-
-
-
-
-
-
-
-
-
-
-export var PopupPin = /*#__PURE__*/function (_React$Component) {_inheritsLoose(PopupPin, _React$Component);function PopupPin() {return _React$Component.apply(this, arguments) || this;}var _proto = PopupPin.prototype;_proto.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  render = function render() {
-    if (!this.props.popupElement) {
-      return null;
-    }
-
-    var options = this._getPinOptions(
-    PopupHelper.getElementAbsoluteRect(this.props.popupElement),
-    PopupHelper.getPositionObject(this.props.popupPosition),
-    this.props.size,
-    this.props.offset,
-    this.props.borderWidth);
-
-
-    var styleOuter = this._getOuterStyle(
-    options.activeBorder,
-    options.outerSize,
-    this.props.borderColor);
-
-
-    var styleInner = this._getInnerStyle(
-    options.activeBorder,
-    this.props.size,
-    this.props.backgroundColor);
-
-
-    var styleWrapper = this._getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);
-
-    return (
-      React.createElement("div", { className: styles.wrapper, style: styleWrapper },
-      React.createElement("div", { style: styleOuter },
-      React.createElement("div", { style: styleInner }))));
-
-
-
-  };_proto.
-
-  _getPopupOppositeDirection = function _getPopupOppositeDirection() {
-    var popupDirection = PopupHelper.getPositionObject(this.props.popupPosition).direction;
-    switch (popupDirection) {
-      case 'top':
-        return 'bottom';
-      case 'bottom':
-        return 'top';
-      case 'left':
-        return 'right';
-      case 'right':
-        return 'left';
-      default:
-        throw new TypeError('Unknown direction ' + popupDirection);}
-
-  };_proto.
-
-  _getWrapperStyle = function _getWrapperStyle(left, top, borderWitdth) {var _ref, _ref2;
-    var direction = this._getPopupOppositeDirection();
-    switch (direction) {
-      case 'top':
-      case 'bottom':
-        return _ref = {}, _ref[
-        direction] = -borderWitdth + 'px', _ref.
-        left = left + 'px', _ref.
-        width = borderWitdth * 2 + 'px', _ref.
-        height = borderWitdth + 'px', _ref;
-
-      case 'left':
-      case 'right':
-        return _ref2 = {}, _ref2[
-        direction] = -borderWitdth + 'px', _ref2.
-        top = top + 'px', _ref2.
-        height = borderWitdth * 2 + 'px', _ref2.
-        width = borderWitdth + 'px', _ref2;
-
-      default:
-        throw new TypeError('Unknown direction ' + direction);}
-
-  };_proto.
-
-  _getOuterStyle = function _getOuterStyle(activeBorder, borderWitdth, borderColor) {var _extends2, _extends3;
-    var direction = this._getPopupOppositeDirection();
-    switch (direction) {
-      case 'top':
-      case 'bottom':
-        return _extends({},
-        borderStyles, (_extends2 = {}, _extends2[
-        direction] = -borderWitdth + 'px', _extends2.
-        left = '0px', _extends2.
-        borderWidth = borderWitdth + 'px', _extends2[
-        'border' + activeBorder + 'Color'] = borderColor, _extends2));
-
-      case 'left':
-      case 'right':
-        return _extends({},
-        borderStyles, (_extends3 = {}, _extends3[
-        direction] = -borderWitdth + 'px', _extends3.
-        top = '0px', _extends3.
-        borderWidth = borderWitdth + 'px', _extends3[
-        'border' + activeBorder + 'Color'] = borderColor, _extends3));
-
-      default:
-        throw new TypeError('Unknown direction ' + direction);}
-
-  };_proto.
-
-  _getInnerStyle = function _getInnerStyle(activeBorder, borderWitdth, borderColor) {var _extends4, _extends5;
-    var direction = this._getPopupOppositeDirection();
-    switch (direction) {
-      case 'top':
-      case 'bottom':
-        return _extends({},
-        borderStyles, (_extends4 = {}, _extends4[
-        direction] = -borderWitdth + 2 + 'px', _extends4.
-        left = -borderWitdth + 'px', _extends4.
-        borderWidth = borderWitdth + 'px', _extends4[
-        'border' + activeBorder + 'Color'] = borderColor, _extends4));
-
-      case 'left':
-      case 'right':
-        return _extends({},
-        borderStyles, (_extends5 = {}, _extends5[
-        direction] = -borderWitdth + 2 + 'px', _extends5.
-        top = -borderWitdth + 'px', _extends5.
-        borderWidth = borderWitdth + 'px', _extends5[
-        'border' + activeBorder + 'Color'] = borderColor, _extends5));
-
-      default:
-        throw new TypeError('Unknown direction ' + direction);}
-
-  };_proto.
-
-  _getPinOptions = function _getPinOptions(
-  popupRect,
-  popupPosition,
-  pinSize,
-  pinOffset,
-  borderWidth)
-  {
-    var bordersDelta = 2 * borderWidth;
-    var outerSize = pinSize + bordersDelta;
-
-    switch (popupPosition.direction) {
-      case 'top':
-        return {
-          outerTop: popupRect.height,
-          outerLeft: this._getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
-          innerTop: -outerSize,
-          innerLeft: -outerSize + bordersDelta,
-          activeBorder: 'Top',
-          outerSize: outerSize };
-
-      case 'bottom':
-        return {
-          outerTop: -2 * outerSize,
-          outerLeft: this._getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
-          innerTop: -outerSize + 2 * bordersDelta,
-          innerLeft: -outerSize + bordersDelta,
-          activeBorder: 'Bottom',
-          outerSize: outerSize };
-
-      case 'left':
-        return {
-          outerTop: this._getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
-          outerLeft: popupRect.width,
-          innerTop: -outerSize + bordersDelta,
-          innerLeft: -outerSize,
-          activeBorder: 'Left',
-          outerSize: outerSize };
-
-      case 'right':
-        return {
-          outerTop: this._getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
-          outerLeft: -2 * outerSize,
-          innerTop: -outerSize + bordersDelta,
-          innerLeft: -outerSize + 2 * bordersDelta,
-          activeBorder: 'Right',
-          outerSize: outerSize };
-
-      default:
-        throw new Error('Direction must be one of top, right, bottom, left');}
-
-  };_proto.
-
-  _getPinTopCoordinate = function _getPinTopCoordinate(popupRect, align, pinHeight, pinOffset) {
-    switch (align) {
-      case 'top':
-        return pinOffset;
-      case 'middle':
-        return popupRect.height / 2 - pinHeight;
-      case 'bottom':
-        return popupRect.height - pinOffset - 2 * pinHeight;
-      default:
-        throw new Error("Unxpected align '" + align + "'");}
-
-  };_proto.
-
-  _getPinLeftCoordinate = function _getPinLeftCoordinate(popupRect, align, pinHeight, pinOffset) {
-    switch (align) {
-      case 'left':
-        return pinOffset;
-      case 'center':
-        return popupRect.width / 2 - pinHeight;
-      case 'right':
-        return popupRect.width - pinOffset - 2 * pinHeight;
-      default:
-        throw new Error("Unxpected align '" + align + "'");}
-
-  };return PopupPin;}(React.Component);PopupPin.__KONTUR_REACT_UI__ = 'PopupPin';PopupPin.propTypes = { /**
-                                                                                                         * Цвет фон пина
-                                                                                                         */backgroundColor: PropTypes.string, /**
-                                                                                                                                               * Цвет границы пина
-                                                                                                                                               */borderColor: PropTypes.string, /**
-                                                                                                                                                                                 * Ширина границы пина
-                                                                                                                                                                                 */borderWidth: PropTypes.number, /**
-                                                                                                                                                                                                                   * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
-                                                                                                                                                                                                                   */offset: PropTypes.number, /**
-                                                                                                                                                                                                                                                * Ссылка на попап
-                                                                                                                                                                                                                                                */popupElement: PropTypes.any, /**
-                                                                                                                                                                                                                                                                                * Позиция поапа, по которой будет вычеслено положение пина
-                                                                                                                                                                                                                                                                                */popupPosition: PropTypes.string, /**
-                                                                                                                                                                                                                                                                                                                    * Сторона пина без учёта границы.
-                                                                                                                                                                                                                                                                                                                    * Пин представляет собой равносторонний треугольник, высота от попапа
-                                                                                                                                                                                                                                                                                                                    * до "носика" пина будет соответствовать формуле (size* √3)/2
-                                                                                                                                                                                                                                                                                                                    */size: PropTypes.number };

package/components/Popup/PopupPin.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["PopupPin.tsx"],"names":["React","PropTypes","PopupHelper","styles","borderStyles","position","borderStyle","borderTopColor","borderBottomColor","borderLeftColor","borderRightColor","PopupPin","render","props","popupElement","options","_getPinOptions","getElementAbsoluteRect","getPositionObject","popupPosition","size","offset","borderWidth","styleOuter","_getOuterStyle","activeBorder","outerSize","borderColor","styleInner","_getInnerStyle","backgroundColor","styleWrapper","_getWrapperStyle","outerLeft","outerTop","wrapper","_getPopupOppositeDirection","popupDirection","direction","TypeError","left","top","borderWitdth","width","height","popupRect","pinSize","pinOffset","bordersDelta","_getPinLeftCoordinate","align","innerTop","innerLeft","_getPinTopCoordinate","Error","pinHeight","Component","__KONTUR_REACT_UI__","propTypes","string","number","any"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\n\r\nimport { PopupHelper, PositionObject, Rect } from './PopupHelper';\r\nimport styles from './PopupPin.module.less';\r\n\r\nconst borderStyles = {\r\n  position: 'absolute',\r\n  borderStyle: 'solid',\r\n  borderTopColor: 'transparent',\r\n  borderBottomColor: 'transparent',\r\n  borderLeftColor: 'transparent',\r\n  borderRightColor: 'transparent',\r\n};\r\n\r\ninterface Props {\r\n  backgroundColor: string;\r\n  borderColor: string;\r\n  borderWidth: number;\r\n  offset: number;\r\n  popupElement: Nullable<HTMLElement>;\r\n  popupPosition: string;\r\n  size: number;\r\n}\r\n\r\nexport class PopupPin extends React.Component<Props> {\r\n  public static __KONTUR_REACT_UI__ = 'PopupPin';\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * Цвет фон пина\r\n     */\r\n    backgroundColor: PropTypes.string,\r\n\r\n    /**\r\n     * Цвет границы пина\r\n     */\r\n    borderColor: PropTypes.string,\r\n\r\n    /**\r\n     * Ширина границы пина\r\n     */\r\n    borderWidth: PropTypes.number,\r\n\r\n    /**\r\n     * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\r\n     */\r\n    offset: PropTypes.number,\r\n\r\n    /**\r\n     * Ссылка на попап\r\n     */\r\n    popupElement: PropTypes.any,\r\n\r\n    /**\r\n     * Позиция поапа, по которой будет вычеслено положение пина\r\n     */\r\n    popupPosition: PropTypes.string,\r\n\r\n    /**\r\n     * Сторона пина без учёта границы.\r\n     * Пин представляет собой равносторонний треугольник, высота от попапа\r\n     * до \"носика\" пина будет соответствовать формуле (size* √3)/2\r\n     */\r\n    size: PropTypes.number,\r\n  };\r\n\r\n  public render() {\r\n    if (!this.props.popupElement) {\r\n      return null;\r\n    }\r\n\r\n    const options = this._getPinOptions(\r\n      PopupHelper.getElementAbsoluteRect(this.props.popupElement),\r\n      PopupHelper.getPositionObject(this.props.popupPosition),\r\n      this.props.size,\r\n      this.props.offset,\r\n      this.props.borderWidth,\r\n    );\r\n\r\n    const styleOuter: React.CSSProperties = this._getOuterStyle(\r\n      options.activeBorder,\r\n      options.outerSize,\r\n      this.props.borderColor,\r\n    );\r\n\r\n    const styleInner: React.CSSProperties = this._getInnerStyle(\r\n      options.activeBorder,\r\n      this.props.size,\r\n      this.props.backgroundColor,\r\n    );\r\n\r\n    const styleWrapper = this._getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);\r\n\r\n    return (\r\n      <div className={styles.wrapper} style={styleWrapper}>\r\n        <div style={styleOuter}>\r\n          <div style={styleInner} />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _getPopupOppositeDirection(): 'bottom' | 'top' | 'left' | 'right' {\r\n    const popupDirection = PopupHelper.getPositionObject(this.props.popupPosition).direction;\r\n    switch (popupDirection) {\r\n      case 'top':\r\n        return 'bottom';\r\n      case 'bottom':\r\n        return 'top';\r\n      case 'left':\r\n        return 'right';\r\n      case 'right':\r\n        return 'left';\r\n      default:\r\n        throw new TypeError('Unknown direction ' + popupDirection);\r\n    }\r\n  }\r\n\r\n  private _getWrapperStyle(left: number, top: number, borderWitdth: number) {\r\n    const direction = this._getPopupOppositeDirection();\r\n    switch (direction) {\r\n      case 'top':\r\n      case 'bottom':\r\n        return {\r\n          [direction]: -borderWitdth + 'px',\r\n          left: left + 'px',\r\n          width: borderWitdth * 2 + 'px',\r\n          height: borderWitdth + 'px',\r\n        };\r\n      case 'left':\r\n      case 'right':\r\n        return {\r\n          [direction]: -borderWitdth + 'px',\r\n          top: top + 'px',\r\n          height: borderWitdth * 2 + 'px',\r\n          width: borderWitdth + 'px',\r\n        };\r\n      default:\r\n        throw new TypeError('Unknown direction ' + direction);\r\n    }\r\n  }\r\n\r\n  private _getOuterStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\r\n    const direction = this._getPopupOppositeDirection();\r\n    switch (direction) {\r\n      case 'top':\r\n      case 'bottom':\r\n        return {\r\n          ...borderStyles,\r\n          [direction]: -borderWitdth + 'px',\r\n          left: '0px',\r\n          borderWidth: borderWitdth + 'px',\r\n          ['border' + activeBorder + 'Color']: borderColor,\r\n        } as React.CSSProperties;\r\n      case 'left':\r\n      case 'right':\r\n        return {\r\n          ...borderStyles,\r\n          [direction]: -borderWitdth + 'px',\r\n          top: '0px',\r\n          borderWidth: borderWitdth + 'px',\r\n          ['border' + activeBorder + 'Color']: borderColor,\r\n        } as React.CSSProperties;\r\n      default:\r\n        throw new TypeError('Unknown direction ' + direction);\r\n    }\r\n  }\r\n\r\n  private _getInnerStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\r\n    const direction = this._getPopupOppositeDirection();\r\n    switch (direction) {\r\n      case 'top':\r\n      case 'bottom':\r\n        return {\r\n          ...borderStyles,\r\n          [direction]: -borderWitdth + 2 + 'px',\r\n          left: -borderWitdth + 'px',\r\n          borderWidth: borderWitdth + 'px',\r\n          ['border' + activeBorder + 'Color']: borderColor,\r\n        } as React.CSSProperties;\r\n      case 'left':\r\n      case 'right':\r\n        return {\r\n          ...borderStyles,\r\n          [direction]: -borderWitdth + 2 + 'px',\r\n          top: -borderWitdth + 'px',\r\n          borderWidth: borderWitdth + 'px',\r\n          ['border' + activeBorder + 'Color']: borderColor,\r\n        } as React.CSSProperties;\r\n      default:\r\n        throw new TypeError('Unknown direction ' + direction);\r\n    }\r\n  }\r\n\r\n  private _getPinOptions(\r\n    popupRect: Rect,\r\n    popupPosition: PositionObject,\r\n    pinSize: number,\r\n    pinOffset: number,\r\n    borderWidth: number,\r\n  ) {\r\n    const bordersDelta = 2 * borderWidth;\r\n    const outerSize = pinSize + bordersDelta;\r\n\r\n    switch (popupPosition.direction) {\r\n      case 'top':\r\n        return {\r\n          outerTop: popupRect.height,\r\n          outerLeft: this._getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\r\n          innerTop: -outerSize,\r\n          innerLeft: -outerSize + bordersDelta,\r\n          activeBorder: 'Top',\r\n          outerSize,\r\n        };\r\n      case 'bottom':\r\n        return {\r\n          outerTop: -2 * outerSize,\r\n          outerLeft: this._getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\r\n          innerTop: -outerSize + 2 * bordersDelta,\r\n          innerLeft: -outerSize + bordersDelta,\r\n          activeBorder: 'Bottom',\r\n          outerSize,\r\n        };\r\n      case 'left':\r\n        return {\r\n          outerTop: this._getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\r\n          outerLeft: popupRect.width,\r\n          innerTop: -outerSize + bordersDelta,\r\n          innerLeft: -outerSize,\r\n          activeBorder: 'Left',\r\n          outerSize,\r\n        };\r\n      case 'right':\r\n        return {\r\n          outerTop: this._getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\r\n          outerLeft: -2 * outerSize,\r\n          innerTop: -outerSize + bordersDelta,\r\n          innerLeft: -outerSize + 2 * bordersDelta,\r\n          activeBorder: 'Right',\r\n          outerSize,\r\n        };\r\n      default:\r\n        throw new Error('Direction must be one of top, right, bottom, left');\r\n    }\r\n  }\r\n\r\n  private _getPinTopCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\r\n    switch (align) {\r\n      case 'top':\r\n        return pinOffset;\r\n      case 'middle':\r\n        return popupRect.height / 2 - pinHeight;\r\n      case 'bottom':\r\n        return popupRect.height - pinOffset - 2 * pinHeight;\r\n      default:\r\n        throw new Error(`Unxpected align '${align}'`);\r\n    }\r\n  }\r\n\r\n  private _getPinLeftCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\r\n    switch (align) {\r\n      case 'left':\r\n        return pinOffset;\r\n      case 'center':\r\n        return popupRect.width / 2 - pinHeight;\r\n      case 'right':\r\n        return popupRect.width - pinOffset - 2 * pinHeight;\r\n      default:\r\n        throw new Error(`Unxpected align '${align}'`);\r\n    }\r\n  }\r\n}\r\n"]}

package/components/Popup/PopupPin.module.css

@@ -1,5 +0,0 @@
-:local .wrapper {
-  overflow: hidden;
-  position: absolute;
-  pointer-events: none;
-}

package/components/Popup/PopupPin.module.css.d.ts

@@ -1,5 +0,0 @@
-export interface IPopupPinModuleLess {
-  'wrapper': string;
-}
-declare const styles: IPopupPinModuleLess;
-export default styles;

package/components/Popup/index.js

@@ -1 +0,0 @@
-export * from './Popup';

package/components/Popup/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAd","sourcesContent":["export * from './Popup';\r\n"]}

package/components/Radio/Radio.js

@@ -1,212 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import PropTypes from 'prop-types';
-
-
-import { cx } from '../../lib/theming/Emotion';
-import { ThemeConsumer } from '../ThemeConsumer';
-
-
-import { jsStyles } from './Radio.styles';import
-styles from "./Radio.module.css";
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-export var Radio = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Radio, _React$Component);function Radio() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    theme = void 0;_this.
-    node = null;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    _isInRadioGroup = function () {return Boolean(_this.context.name);};_this.
-
-
-
-
-
-
-
-
-
-
-
-    ref = function (element) {
-      _this.node = element;
-    };_this.
-
-    handleChange = function (e) {
-      if (_this.props.onValueChange) {
-        _this.props.onValueChange(_this.props.value);
-      }
-
-      if (_this._isInRadioGroup()) {
-        _this.context.onSelect(_this.props.value);
-      }
-
-      if (_this.props.onChange) {
-        _this.props.onChange(e);
-      }
-    };_this.
-
-    handleMouseOver = function (e) {
-      if (_this.props.onMouseOver) {
-        _this.props.onMouseOver(e);
-      }
-    };_this.
-
-    handleMouseEnter = function (e) {
-      if (_this.props.onMouseEnter) {
-        _this.props.onMouseEnter(e);
-      }
-    };_this.
-
-    handleMouseLeave = function (e) {
-      if (_this.props.onMouseLeave) {
-        _this.props.onMouseLeave(e);
-      }
-    };return _this;}var _proto = Radio.prototype;_proto.render = function render() {var _this2 = this;return React.createElement(ThemeConsumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});} /**
-                                                                                                                                                                                                                              * @public
-                                                                                                                                                                                                                              */;_proto.focus = function focus() {if (this.node) {this.node.focus();}} /**
-                                                                                                                                                                                                                                                                                                        * @public
-                                                                                                                                                                                                                                                                                                        */;_proto.blur = function blur() {if (this.node) {this.node.blur();}};_proto.renderMain = function renderMain() {var _cx;var _this$props = this.props,active = _this$props.active,children = _this$props.children,_this$props$disabled = _this$props.disabled,disabled = _this$props$disabled === void 0 ? this.context.disabled : _this$props$disabled,_this$props$warning = _this$props.warning,warning = _this$props$warning === void 0 ? this.context.warning : _this$props$warning,_this$props$error = _this$props.error,error = _this$props$error === void 0 ? this.context.error : _this$props$error,focused = _this$props.focused,pressed = _this$props.pressed,hovered = _this$props.hovered,onMouseOver = _this$props.onMouseOver,onMouseEnter = _this$props.onMouseEnter,onMouseLeave = _this$props.onMouseLeave,onValueChange = _this$props.onValueChange,className = _this$props.className,style = _this$props.style,rest = _objectWithoutPropertiesLoose(_this$props, ["active", "children", "disabled", "warning", "error", "focused", "pressed", "hovered", "onMouseOver", "onMouseEnter", "onMouseLeave", "onValueChange", "className", "style"]);var radioClassNames = cx((_cx = {}, _cx[styles.radio] = true, _cx[jsStyles.radio(this.theme)] = true, _cx[styles.checked] = this.props.checked, _cx[jsStyles.checked(this.theme)] = this.props.checked, _cx[styles.focus] = this.props.focused, _cx[jsStyles.focus(this.theme)] = this.props.focused, _cx[styles.error] = error, _cx[jsStyles.error(this.theme)] = error, _cx[styles.warning] = warning, _cx[jsStyles.warning(this.theme)] = warning, _cx[styles.disabled] = disabled, _cx[jsStyles.disabled(this.theme)] = disabled, _cx));var value;if (typeof this.props.value === 'string' || typeof this.props.value === 'number') {value = this.props.value;}var inputProps = _extends({}, rest, { type: 'radio', className: styles.input, disabled: disabled, tabIndex: this.props.tabIndex, value: value, ref: this.ref, onChange: this.handleChange });var labelProps = { className: styles.root, onMouseOver: this.handleMouseOver, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave };if (this._isInRadioGroup()) {var checked = this.props.value === this.context.activeItem;inputProps.checked = checked;inputProps.name = this.context.name;radioClassNames = cx(radioClassNames, checked && cx(styles.checked, jsStyles.checked(this.theme)));}return React.createElement("label", labelProps, React.createElement("input", inputProps), React.createElement("span", { className: radioClassNames }, React.createElement("span", { className: styles.placeholder })), this.props.children && this.renderLabel());};_proto.renderLabel = function renderLabel() {var _cx2;var labelClassNames = cx((_cx2 = {}, _cx2[styles.label] = true, _cx2[jsStyles.label(this.theme)] = true, _cx2[styles.labelDisabled] = !!(this.props.disabled || this.context.disabled), _cx2));return React.createElement("div", { className: labelClassNames }, this.props.children);};return Radio;}(React.Component);Radio.__KONTUR_REACT_UI__ = 'Radio';Radio.contextTypes = { activeItem: PropTypes.any, onSelect: PropTypes.func, name: PropTypes.string, disabled: PropTypes.bool, error: PropTypes.bool, warning: PropTypes.bool };Radio.defaultProps = { focused: false };

package/components/Radio/Radio.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Radio.tsx"],"names":["React","PropTypes","cx","ThemeConsumer","jsStyles","styles","Radio","theme","node","_isInRadioGroup","Boolean","context","name","ref","element","handleChange","e","props","onValueChange","value","onSelect","onChange","handleMouseOver","onMouseOver","handleMouseEnter","onMouseEnter","handleMouseLeave","onMouseLeave","render","renderMain","focus","blur","active","children","disabled","warning","error","focused","pressed","hovered","className","style","rest","radioClassNames","radio","checked","inputProps","type","input","tabIndex","labelProps","root","activeItem","placeholder","renderLabel","labelClassNames","label","labelDisabled","Component","__KONTUR_REACT_UI__","contextTypes","any","func","string","bool","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Nullable, Override } from '../../typings/utility-types';\r\nimport { cx } from '../../lib/theming/Emotion';\r\nimport { ThemeConsumer } from '../ThemeConsumer';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './Radio.styles';\r\nimport styles from './Radio.module.less';\r\n\r\nexport type RadioProps<T> = Override<\r\n  React.InputHTMLAttributes<HTMLInputElement>,\r\n  {\r\n    /** Состояние ошибки */\r\n    error?: boolean;\r\n    /** Состояние Предупреждения */\r\n    warning?: boolean;\r\n    /** Состояние фокуса */\r\n    focused?: boolean;\r\n    /** Состояние нажатия */\r\n    pressed?: boolean;\r\n    /** Состояние hover */\r\n    hovered?: boolean;\r\n    /** Состояние active */\r\n    active?: boolean;\r\n    /** Вызывается при изменении `value` */\r\n    onValueChange?: (value: T) => void;\r\n    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\r\n    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\r\n    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\r\n    /** Значение */\r\n    value: T;\r\n  }\r\n>;\r\n\r\nexport class Radio<T> extends React.Component<RadioProps<T>> {\r\n  public static __KONTUR_REACT_UI__ = 'Radio';\r\n\r\n  public static contextTypes = {\r\n    activeItem: PropTypes.any,\r\n    onSelect: PropTypes.func,\r\n    name: PropTypes.string,\r\n    disabled: PropTypes.bool,\r\n    error: PropTypes.bool,\r\n    warning: PropTypes.bool,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    focused: false,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private node: Nullable<HTMLInputElement> = null;\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeConsumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeConsumer>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus() {\r\n    if (this.node) {\r\n      this.node.focus();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blur() {\r\n    if (this.node) {\r\n      this.node.blur();\r\n    }\r\n  }\r\n\r\n  private renderMain() {\r\n    const {\r\n      active,\r\n      children,\r\n      disabled = this.context.disabled,\r\n      warning = this.context.warning,\r\n      error = this.context.error,\r\n      focused,\r\n      pressed,\r\n      hovered,\r\n      onMouseOver,\r\n      onMouseEnter,\r\n      onMouseLeave,\r\n      onValueChange,\r\n\r\n      className,\r\n      style,\r\n\r\n      ...rest\r\n    } = this.props;\r\n\r\n    let radioClassNames = cx({\r\n      [styles.radio]: true,\r\n      [jsStyles.radio(this.theme)]: true,\r\n      [styles.checked]: this.props.checked,\r\n      [jsStyles.checked(this.theme)]: this.props.checked,\r\n      [styles.focus]: this.props.focused,\r\n      [jsStyles.focus(this.theme)]: this.props.focused,\r\n      [styles.error]: error,\r\n      [jsStyles.error(this.theme)]: error,\r\n      [styles.warning]: warning,\r\n      [jsStyles.warning(this.theme)]: warning,\r\n      [styles.disabled]: disabled,\r\n      [jsStyles.disabled(this.theme)]: disabled,\r\n    });\r\n\r\n    let value: string | number | undefined;\r\n    if (typeof this.props.value === 'string' || typeof this.props.value === 'number') {\r\n      value = this.props.value;\r\n    }\r\n\r\n    const inputProps = {\r\n      ...rest,\r\n      type: 'radio',\r\n      className: styles.input,\r\n      disabled,\r\n      tabIndex: this.props.tabIndex,\r\n      value,\r\n      ref: this.ref,\r\n      onChange: this.handleChange,\r\n    };\r\n\r\n    const labelProps = {\r\n      className: styles.root,\r\n      onMouseOver: this.handleMouseOver,\r\n      onMouseEnter: this.handleMouseEnter,\r\n      onMouseLeave: this.handleMouseLeave,\r\n    };\r\n\r\n    if (this._isInRadioGroup()) {\r\n      const checked = this.props.value === this.context.activeItem;\r\n      inputProps.checked = checked;\r\n      inputProps.name = this.context.name;\r\n      radioClassNames = cx(radioClassNames, checked && cx(styles.checked, jsStyles.checked(this.theme)));\r\n    }\r\n\r\n    return (\r\n      <label {...labelProps}>\r\n        <input {...inputProps} />\r\n        <span className={radioClassNames}>\r\n          <span className={styles.placeholder} />\r\n        </span>\r\n        {this.props.children && this.renderLabel()}\r\n      </label>\r\n    );\r\n  }\r\n\r\n  private _isInRadioGroup = () => Boolean(this.context.name);\r\n\r\n  private renderLabel() {\r\n    const labelClassNames = cx({\r\n      [styles.label]: true,\r\n      [jsStyles.label(this.theme)]: true,\r\n      [styles.labelDisabled]: !!(this.props.disabled || this.context.disabled),\r\n    });\r\n\r\n    return <div className={labelClassNames}>{this.props.children}</div>;\r\n  }\r\n\r\n  private ref = (element: HTMLInputElement) => {\r\n    this.node = element;\r\n  };\r\n\r\n  private handleChange: React.ChangeEventHandler<HTMLInputElement> = e => {\r\n    if (this.props.onValueChange) {\r\n      this.props.onValueChange(this.props.value);\r\n    }\r\n\r\n    if (this._isInRadioGroup()) {\r\n      this.context.onSelect(this.props.value);\r\n    }\r\n\r\n    if (this.props.onChange) {\r\n      this.props.onChange(e);\r\n    }\r\n  };\r\n\r\n  private handleMouseOver: React.MouseEventHandler<HTMLLabelElement> = e => {\r\n    if (this.props.onMouseOver) {\r\n      this.props.onMouseOver(e);\r\n    }\r\n  };\r\n\r\n  private handleMouseEnter: React.MouseEventHandler<HTMLLabelElement> = e => {\r\n    if (this.props.onMouseEnter) {\r\n      this.props.onMouseEnter(e);\r\n    }\r\n  };\r\n\r\n  private handleMouseLeave: React.MouseEventHandler<HTMLLabelElement> = e => {\r\n    if (this.props.onMouseLeave) {\r\n      this.props.onMouseLeave(e);\r\n    }\r\n  };\r\n}\r\n"]}

package/components/Radio/Radio.module.css

@@ -1,76 +0,0 @@
-:local {
-  /* important to override hover and active */
-}
-:local .root {
-  position: relative;
-  white-space: nowrap;
-  cursor: pointer;
-}
-:local .radio {
-  position: relative;
-  border-radius: 50%;
-  display: inline-block;
-  box-sizing: border-box;
-  margin-top: 2px;
-  margin-bottom: 2px;
-}
-:local .radio::after {
-  content: ' ';
-  display: inline-block;
-}
-:local .input {
-  display: inline-block;
-  opacity: 0;
-  width: 0;
-  height: 0;
-  position: absolute;
-  z-index: -1;
-}
-:local .input:focus + .radio::after,
-:local .focus::after,
-:local .warning::after,
-:local .error::after {
-  content: ' ';
-  position: absolute;
-  left: -2px;
-  top: -2px;
-  width: 20px;
-  height: 20px;
-  border-width: 2px;
-  border-style: solid;
-  border-radius: 50%;
-  box-sizing: border-box;
-}
-:local .root .radio.checked {
-  position: relative;
-}
-:local .root .radio.checked::before {
-  content: ' ';
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  margin: auto;
-  height: 8px;
-  width: 8px;
-  border-radius: 50%;
-}
-:local .disabled {
-  background: #f2f2f2 !important;
-  border-color: transparent !important;
-}
-:local .root .radio.disabled.checked::before {
-  background: #808080 !important;
-}
-:local .label {
-  margin-left: 9px;
-  white-space: normal;
-  line-height: 20px;
-}
-:local .labelDisabled {
-  color: #a0a0a0;
-}
-:local .placeholder {
-  display: inline-block;
-}