@skbkontur/react-ui 0.0.0-73eeccf6c9 → 0.0.0-74f39c97a5

package/components/Toast/ToastView/ToastView.js

@@ -1,78 +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 { func, shape, string } from 'prop-types';
-import { CrossIcon } from "../../../internal/icons/CrossIcon";
-import { ZIndex } from "../../../internal/ZIndex";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { jsStyles } from "../ToastView.styles";
-export var ToastView = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(ToastView, _React$Component);
-
-  function ToastView() {
-    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;
-    return _this;
-  }
-
-  var _proto = ToastView.prototype;
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
-    });
-  };
-
-  _proto.renderMain = function renderMain() {
-    var _this$props = this.props,
-        children = _this$props.children,
-        action = _this$props.action,
-        onClose = _this$props.onClose,
-        rest = _objectWithoutPropertiesLoose(_this$props, ["children", "action", "onClose"]);
-
-    var link = action ? /*#__PURE__*/React.createElement("span", {
-      className: jsStyles.link(this.theme),
-      onClick: action.handler
-    }, action.label) : null;
-    var close = action ? /*#__PURE__*/React.createElement("span", {
-      className: jsStyles.closeWrapper()
-    }, /*#__PURE__*/React.createElement("span", {
-      className: jsStyles.close(this.theme),
-      onClick: onClose
-    }, /*#__PURE__*/React.createElement(CrossIcon, null))) : null;
-    return /*#__PURE__*/React.createElement(ZIndex, {
-      priority: "Toast",
-      className: jsStyles.wrapper()
-    }, /*#__PURE__*/React.createElement("div", _extends({
-      "data-tid": "ToastView__root",
-      className: jsStyles.root(this.theme)
-    }, rest), /*#__PURE__*/React.createElement("span", null, children), link, close));
-  };
-
-  return ToastView;
-}(React.Component);
-ToastView.propTypes = {
-  /**
-  * Adds action handling and close icon for toast
-  */
-  action: shape({
-    label: string.isRequired,
-    handler: func.isRequired
-  }),
-
-  /**
-  * Toast content
-  */
-  children: string.isRequired,
-  onClose: func
-};

package/components/Toast/ToastView/ToastView.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ToastView.tsx"],"names":["React","func","shape","string","CrossIcon","ZIndex","ThemeContext","jsStyles","ToastView","theme","render","renderMain","props","children","action","onClose","rest","link","handler","label","close","closeWrapper","wrapper","root","Component","propTypes","isRequired"],"mappings":"oOAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,KAAf,EAAsBC,MAAtB,QAAoC,YAApC;;AAEA,SAASC,SAAT,QAA0B,gCAA1B;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;;;AAGA,SAASC,QAAT,QAAyB,oBAAzB;;;;;;;;;;;;;;;;;;;AAmBA,WAAaC,SAAb;;;;;;;;;;;;;;;;AAgBUC,IAAAA,KAhBV;;AAkBSC,EAAAA,MAlBT,GAkBE,kBAAgB;AACd;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,gBAAAD,KAAK,EAAI;AACR,QAAA,MAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,MAAI,CAACE,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,GA3BH;;AA6BUA,EAAAA,UA7BV,GA6BE,sBAAqB;AAC4B,SAAKC,KADjC,CACXC,QADW,eACXA,QADW,CACDC,MADC,eACDA,MADC,CACOC,OADP,eACOA,OADP,CACmBC,IADnB;;AAGnB,QAAMC,IAAI,GAAGH,MAAM;AACjB,kCAAM,SAAS,EAAEP,QAAQ,CAACU,IAAT,CAAc,KAAKR,KAAnB,CAAjB,EAA4C,OAAO,EAAEK,MAAM,CAACI,OAA5D;AACGJ,IAAAA,MAAM,CAACK,KADV,CADiB;;AAIf,QAJJ;;AAMA,QAAMC,KAAK,GAAGN,MAAM;AAClB,kCAAM,SAAS,EAAEP,QAAQ,CAACc,YAAT,EAAjB;AACE,kCAAM,SAAS,EAAEd,QAAQ,CAACa,KAAT,CAAe,KAAKX,KAApB,CAAjB,EAA6C,OAAO,EAAEM,OAAtD;AACE,wBAAC,SAAD,OADF,CADF,CADkB;;;AAMhB,QANJ;;AAQA;AACE,0BAAC,MAAD,IAAQ,QAAQ,EAAC,OAAjB,EAAyB,SAAS,EAAER,QAAQ,CAACe,OAAT,EAApC;AACE,4CAAK,YAAS,iBAAd,EAAgC,SAAS,EAAEf,QAAQ,CAACgB,IAAT,CAAc,KAAKd,KAAnB,CAA3C,IAA0EO,IAA1E;AACE,wCAAOH,QAAP,CADF;AAEGI,MAAAA,IAFH;AAGGG,MAAAA,KAHH,CADF,CADF;;;;AASD,GAvDH,oBAA+BpB,KAAK,CAACwB,SAArC,EAAahB,S,CACGiB,S,GAAY,EACxB;AACJ;AACA,KACIX,MAAM,EAAEZ,KAAK,CAAC,EACZiB,KAAK,EAAEhB,MAAM,CAACuB,UADF,EAEZR,OAAO,EAAEjB,IAAI,CAACyB,UAFF,EAAD,CAJW,EAQxB;AACJ;AACA,KACIb,QAAQ,EAAEV,MAAM,CAACuB,UAXO,EAYxBX,OAAO,EAAEd,IAZe,E","sourcesContent":["import React from 'react';\r\nimport { func, shape, string } from 'prop-types';\r\n\r\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\r\nimport { ZIndex } from '../../internal/ZIndex';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './ToastView.styles';\r\n\r\nexport interface ToastViewProps {\r\n  /**\r\n   * Toast content\r\n   */\r\n  children?: string;\r\n  /**\r\n   * Adds action handling and close icon for toast\r\n   */\r\n  action?: {\r\n    label: string;\r\n    handler: () => void;\r\n  } | null;\r\n  onClose?: () => void;\r\n  onMouseEnter?: () => void;\r\n  onMouseLeave?: () => void;\r\n}\r\n\r\nexport class ToastView extends React.Component<ToastViewProps> {\r\n  public static propTypes = {\r\n    /**\r\n     * Adds action handling and close icon for toast\r\n     */\r\n    action: shape({\r\n      label: string.isRequired,\r\n      handler: func.isRequired,\r\n    }),\r\n    /**\r\n     * Toast content\r\n     */\r\n    children: string.isRequired,\r\n    onClose: func,\r\n  };\r\n\r\n  private theme!: Theme;\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { children, action, onClose, ...rest } = this.props;\r\n\r\n    const link = action ? (\r\n      <span className={jsStyles.link(this.theme)} onClick={action.handler}>\r\n        {action.label}\r\n      </span>\r\n    ) : null;\r\n\r\n    const close = action ? (\r\n      <span className={jsStyles.closeWrapper()}>\r\n        <span className={jsStyles.close(this.theme)} onClick={onClose}>\r\n          <CrossIcon />\r\n        </span>\r\n      </span>\r\n    ) : null;\r\n\r\n    return (\r\n      <ZIndex priority=\"Toast\" className={jsStyles.wrapper()}>\r\n        <div data-tid=\"ToastView__root\" className={jsStyles.root(this.theme)} {...rest}>\r\n          <span>{children}</span>\r\n          {link}\r\n          {close}\r\n        </div>\r\n      </ZIndex>\r\n    );\r\n  }\r\n}\r\n"]}

package/components/Toast/ToastView/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Toast/ToastView.js",
-  "module": "ToastView",
-  "types": "../ToastView.d.ts",
-  "sideEffects": false
-}

package/components/Toast/ToastView.styles/ToastView.styles.js

@@ -1,71 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      height: 8px;\n      line-height: 0;\n      margin: -12px -8px;\n      padding: 12px 8px;\n      text-align: center;\n      width: 8px;\n\n      &:hover {\n        color: ", ";\n      }\n    "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      font-weight: 600;\n      margin: -10px 24px -11px 4px;\n      padding: 10px 10px 11px;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      line-height: 40px;\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 0;\n      text-align: center;\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border-radius: 2px;\n      color: ", ";\n      display: inline-block;\n      font-size: 14px;\n      opacity: 1;\n      padding: 10px 20px 11px;\n      position: relative;\n      top: 20px;\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  root: function root(t) {
-    return css(_templateObject(), t.toastBg, t.toastColor);
-  },
-  wrapper: function wrapper() {
-    return css(_templateObject2());
-  },
-  closeWrapper: function closeWrapper() {
-    return css(_templateObject3());
-  },
-  link: function link(t) {
-    return css(_templateObject4(), t.toastLinkColor);
-  },
-  close: function close(t) {
-    return css(_templateObject5(), t.toastCloseColor, t.toastCloseHoverColor);
-  }
-};
-export var jsStyles = memoizeStyle(styles);

package/components/Toast/ToastView.styles/ToastView.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ToastView.styles.ts"],"names":["css","memoizeStyle","styles","root","t","toastBg","toastColor","wrapper","closeWrapper","link","toastLinkColor","close","toastCloseColor","toastCloseHoverColor","jsStyles"],"mappings":"8xDAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACC,OADlB;;AAGWD,IAAAA,CAAC,CAACE,UAHb;;;;;;;;AAWD,GAbY;;AAebC,EAAAA,OAfa,qBAeH;AACR,WAAOP,GAAP;;;;;;;;AAQD,GAxBY;;AA0BbQ,EAAAA,YA1Ba,0BA0BE;AACb,WAAOR,GAAP;;;;;;;AAOD,GAlCY;;AAoCbS,EAAAA,IApCa,gBAoCRL,CApCQ,EAoCE;AACb,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACM,cADb;;;;;;;;;;;AAYD,GAjDY;;AAmDbC,EAAAA,KAnDa,iBAmDPP,CAnDO,EAmDG;AACd,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACQ,eADb;;;;;;;;;;;AAYaR,IAAAA,CAAC,CAACS,oBAZf;;;AAeD,GAnEY,EAAf;;;AAsEA,OAAO,IAAMC,QAAQ,GAAGb,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      background: ${t.toastBg};\r\n      border-radius: 2px;\r\n      color: ${t.toastColor};\r\n      display: inline-block;\r\n      font-size: 14px;\r\n      opacity: 1;\r\n      padding: 10px 20px 11px;\r\n      position: relative;\r\n      top: 20px;\r\n    `;\r\n  },\r\n\r\n  wrapper() {\r\n    return css`\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 0;\r\n      text-align: center;\r\n    `;\r\n  },\r\n\r\n  closeWrapper() {\r\n    return css`\r\n      display: inline-block;\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      line-height: 40px;\r\n    `;\r\n  },\r\n\r\n  link(t: Theme) {\r\n    return css`\r\n      color: ${t.toastLinkColor};\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      font-weight: 600;\r\n      margin: -10px 24px -11px 4px;\r\n      padding: 10px 10px 11px;\r\n\r\n      &:hover {\r\n        text-decoration: underline;\r\n      }\r\n    `;\r\n  },\r\n\r\n  close(t: Theme) {\r\n    return css`\r\n      color: ${t.toastCloseColor};\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      height: 8px;\r\n      line-height: 0;\r\n      margin: -12px -8px;\r\n      padding: 12px 8px;\r\n      text-align: center;\r\n      width: 8px;\r\n\r\n      &:hover {\r\n        color: ${t.toastCloseHoverColor};\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/Toast/ToastView.styles/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Toast/ToastView.styles.js",
-  "module": "ToastView.styles",
-  "types": "../ToastView.styles.d.ts",
-  "sideEffects": false
-}

package/components/Toast/index/index.js

@@ -1 +0,0 @@
-export * from "../Toast";

package/components/Toast/index/index.js.map

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

package/components/Toast/index/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Toast/index.js",
-  "module": "index",
-  "types": "../index.d.ts",
-  "sideEffects": false
-}

package/components/Toast/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../cjs/components/Toast/index.js",
-  "module": "index",
-  "types": "index.d.ts",
-  "sideEffects": false
-}

package/components/Toggle/Toggle/Toggle.js

@@ -1,172 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'classnames';
-import { tabListener } from "../../../lib/events/tabListener";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { jsStyles } from "../Toggle.styles";
-export var Toggle = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Toggle, _React$Component);
-
-  function Toggle(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    _this.theme = void 0;
-    _this.input = null;
-
-    _this.focus = function () {
-      if (_this.input) {
-        tabListener.isTabPressed = true;
-
-        _this.input.focus();
-      }
-    };
-
-    _this.inputRef = function (element) {
-      _this.input = element;
-    };
-
-    _this.handleChange = function (event) {
-      if (_this.props.onValueChange) {
-        _this.props.onValueChange(event.target.checked);
-      }
-
-      if (_this.isUncontrolled()) {
-        _this.setState({
-          checked: event.target.checked
-        });
-      }
-
-      if (_this.props.onChange) {
-        _this.props.onChange(event);
-      }
-    };
-
-    _this.handleFocus = function (event) {
-      if (_this.props.onFocus) {
-        _this.props.onFocus(event);
-      }
-
-      if (tabListener.isTabPressed) {
-        _this.setState({
-          focusByTab: true
-        });
-      }
-    };
-
-    _this.handleBlur = function (event) {
-      if (_this.props.onBlur) {
-        _this.props.onBlur(event);
-      }
-
-      _this.setState({
-        focusByTab: false
-      });
-    };
-
-    _this.state = {
-      focusByTab: false,
-      checked: props.defaultChecked
-    };
-    return _this;
-  }
-
-  var _proto = Toggle.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    if (this.props.autoFocus) {
-      tabListener.isTabPressed = true;
-      this.focus();
-    }
-  }
-  /**
-  * @public
-  */
-  ;
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
-    });
-  };
-
-  _proto.renderMain = function renderMain() {
-    var _cn, _cn2;
-
-    var _this$props = this.props,
-        children = _this$props.children,
-        captionPosition = _this$props.captionPosition,
-        warning = _this$props.warning,
-        error = _this$props.error,
-        loading = _this$props.loading,
-        color = _this$props.color;
-    var disabled = this.props.disabled || loading;
-    var checked = this.isUncontrolled() ? this.state.checked : this.props.checked;
-    var containerClassNames = cn(jsStyles.container(this.theme), (_cn = {}, _cn[jsStyles.focused(this.theme)] = !disabled && !!this.state.focusByTab, _cn[jsStyles.isLoading(this.theme)] = !!loading, _cn[jsStyles.isWarning(this.theme)] = !color && !!warning, _cn[jsStyles.isError(this.theme)] = !color && !!error, _cn));
-    var labelClassNames = cn(jsStyles.root(this.theme), (_cn2 = {}, _cn2[jsStyles.rootLeft()] = captionPosition === 'left', _cn2[jsStyles.disabled(this.theme)] = !!disabled, _cn2));
-    var caption = null;
-
-    if (children) {
-      var _cn3;
-
-      var captionClass = cn(jsStyles.caption(this.theme), (_cn3 = {}, _cn3[jsStyles.captionLeft(this.theme)] = captionPosition === 'left', _cn3));
-      caption = /*#__PURE__*/React.createElement("span", {
-        className: captionClass
-      }, children);
-    }
-
-    return /*#__PURE__*/React.createElement("label", {
-      className: labelClassNames
-    }, /*#__PURE__*/React.createElement("span", {
-      className: jsStyles.wrapper(this.theme)
-    }, /*#__PURE__*/React.createElement("input", {
-      type: "checkbox",
-      checked: checked,
-      onChange: this.handleChange,
-      className: jsStyles.input(this.theme),
-      onFocus: this.handleFocus,
-      onBlur: this.handleBlur,
-      ref: this.inputRef,
-      disabled: disabled
-    }), /*#__PURE__*/React.createElement("div", {
-      className: containerClassNames,
-      style: checked && color ? {
-        backgroundColor: color,
-        borderColor: color,
-        boxShadow: "inset 0 0 0 1px " + color
-      } : undefined
-    }, /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.activeBackground(),
-      style: checked && color ? {
-        backgroundColor: color
-      } : undefined
-    })), /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.handle(this.theme)
-    })), caption);
-  };
-
-  _proto.isUncontrolled = function isUncontrolled() {
-    return this.props.checked === undefined;
-  };
-
-  return Toggle;
-}(React.Component);
-Toggle.__KONTUR_REACT_UI__ = 'Toggle';
-Toggle.propTypes = {
-  checked: PropTypes.bool,
-  defaultChecked: PropTypes.bool,
-  disabled: PropTypes.bool,
-  error: PropTypes.bool,
-  loading: PropTypes.bool,
-  warning: PropTypes.bool,
-  onValueChange: PropTypes.func
-};
-Toggle.defaultProps = {
-  disabled: false,
-  loading: false,
-  captionPosition: 'right'
-};

package/components/Toggle/Toggle/Toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Toggle.tsx"],"names":["React","PropTypes","cn","tabListener","ThemeContext","jsStyles","Toggle","props","theme","input","focus","isTabPressed","inputRef","element","handleChange","event","onValueChange","target","checked","isUncontrolled","setState","onChange","handleFocus","onFocus","focusByTab","handleBlur","onBlur","state","defaultChecked","componentDidMount","autoFocus","render","renderMain","children","captionPosition","warning","error","loading","color","disabled","containerClassNames","container","focused","isLoading","isWarning","isError","labelClassNames","root","rootLeft","caption","captionClass","captionLeft","wrapper","backgroundColor","borderColor","boxShadow","undefined","activeBackground","handle","Component","__KONTUR_REACT_UI__","propTypes","bool","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { tabListener } from '../../lib/events/tabListener';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './Toggle.styles';\r\n\r\nexport interface ToggleProps {\r\n  children?: React.ReactNode;\r\n  /**\r\n   * Положение children справа или слева от переключателя\r\n   * @default 'right'\r\n   */\r\n  captionPosition: 'left' | 'right';\r\n  checked?: boolean;\r\n  defaultChecked?: boolean;\r\n  disabled?: boolean;\r\n  onValueChange?: (value: boolean) => void;\r\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\r\n  warning?: boolean;\r\n  error?: boolean;\r\n  loading?: boolean;\r\n  autoFocus?: boolean;\r\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\r\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\r\n  color?: React.CSSProperties['color'];\r\n}\r\n\r\nexport interface ToggleState {\r\n  checked?: boolean;\r\n  focusByTab?: boolean;\r\n}\r\n\r\nexport class Toggle extends React.Component<ToggleProps, ToggleState> {\r\n  public static __KONTUR_REACT_UI__ = 'Toggle';\r\n\r\n  public static propTypes = {\r\n    checked: PropTypes.bool,\r\n    defaultChecked: PropTypes.bool,\r\n    disabled: PropTypes.bool,\r\n    error: PropTypes.bool,\r\n    loading: PropTypes.bool,\r\n    warning: PropTypes.bool,\r\n    onValueChange: PropTypes.func,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    disabled: false,\r\n    loading: false,\r\n    captionPosition: 'right',\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private input: HTMLInputElement | null = null;\r\n\r\n  constructor(props: ToggleProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      focusByTab: false,\r\n      checked: props.defaultChecked,\r\n    };\r\n  }\r\n\r\n  public componentDidMount() {\r\n    if (this.props.autoFocus) {\r\n      tabListener.isTabPressed = true;\r\n      this.focus();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus = () => {\r\n    if (this.input) {\r\n      tabListener.isTabPressed = true;\r\n      this.input.focus();\r\n    }\r\n  };\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { children, captionPosition, warning, error, loading, color } = this.props;\r\n    const disabled = this.props.disabled || loading;\r\n    const checked = this.isUncontrolled() ? this.state.checked : this.props.checked;\r\n\r\n    const containerClassNames = cn(jsStyles.container(this.theme), {\r\n      [jsStyles.focused(this.theme)]: !disabled && !!this.state.focusByTab,\r\n      [jsStyles.isLoading(this.theme)]: !!loading,\r\n      [jsStyles.isWarning(this.theme)]: !color && !!warning,\r\n      [jsStyles.isError(this.theme)]: !color && !!error,\r\n    });\r\n\r\n    const labelClassNames = cn(jsStyles.root(this.theme), {\r\n      [jsStyles.rootLeft()]: captionPosition === 'left',\r\n      [jsStyles.disabled(this.theme)]: !!disabled,\r\n    });\r\n\r\n    let caption = null;\r\n    if (children) {\r\n      const captionClass = cn(jsStyles.caption(this.theme), {\r\n        [jsStyles.captionLeft(this.theme)]: captionPosition === 'left',\r\n      });\r\n      caption = <span className={captionClass}>{children}</span>;\r\n    }\r\n\r\n    return (\r\n      <label className={labelClassNames}>\r\n        <span className={jsStyles.wrapper(this.theme)}>\r\n          <input\r\n            type=\"checkbox\"\r\n            checked={checked}\r\n            onChange={this.handleChange}\r\n            className={jsStyles.input(this.theme)}\r\n            onFocus={this.handleFocus}\r\n            onBlur={this.handleBlur}\r\n            ref={this.inputRef}\r\n            disabled={disabled}\r\n          />\r\n          <div\r\n            className={containerClassNames}\r\n            style={\r\n              checked && color\r\n                ? {\r\n                    backgroundColor: color,\r\n                    borderColor: color,\r\n                    boxShadow: `inset 0 0 0 1px ${color}`,\r\n                  }\r\n                : undefined\r\n            }\r\n          >\r\n            <div\r\n              className={jsStyles.activeBackground()}\r\n              style={checked && color ? { backgroundColor: color } : undefined}\r\n            />\r\n          </div>\r\n          <div className={jsStyles.handle(this.theme)} />\r\n        </span>\r\n        {caption}\r\n      </label>\r\n    );\r\n  }\r\n\r\n  private inputRef = (element: HTMLInputElement) => {\r\n    this.input = element;\r\n  };\r\n\r\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (this.props.onValueChange) {\r\n      this.props.onValueChange(event.target.checked);\r\n    }\r\n\r\n    if (this.isUncontrolled()) {\r\n      this.setState({\r\n        checked: event.target.checked,\r\n      });\r\n    }\r\n\r\n    if (this.props.onChange) {\r\n      this.props.onChange(event);\r\n    }\r\n  };\r\n\r\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus(event);\r\n    }\r\n\r\n    if (tabListener.isTabPressed) {\r\n      this.setState({ focusByTab: true });\r\n    }\r\n  };\r\n\r\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    if (this.props.onBlur) {\r\n      this.props.onBlur(event);\r\n    }\r\n    this.setState({\r\n      focusByTab: false,\r\n    });\r\n  };\r\n\r\n  private isUncontrolled() {\r\n    return this.props.checked === undefined;\r\n  }\r\n}\r\n"]}

package/components/Toggle/Toggle/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Toggle/Toggle.js",
-  "module": "Toggle",
-  "types": "../Toggle.d.ts",
-  "sideEffects": false
-}

package/components/Toggle/Toggle.md

@@ -1,24 +0,0 @@
-```jsx harmony
-let initialState = { checked: false };
-
-let toggle = () => setState(state => ({ checked: !state.checked }));
-
-<div>
-  <Toggle checked={state.checked} onValueChange={toggle} /> {state.checked ? 'On' : 'Off'}
-</div>;
-```
-
-В компонент можно передать `children`, который будет отображаться рядом с переключателем.
-Положение `children` относительно переключателя указывается в `captionPosition`.
-
-```jsx harmony
-let initialState = { checked: false };
-
-let toggle = () => setState(state => ({ checked: !state.checked }));
-
-<div>
-  <Toggle checked={state.checked} onValueChange={toggle} captionPosition="left">
-    <span>Показывать уведомления</span>
-  </Toggle>
-</div>;
-```

package/components/Toggle/Toggle.styles/Toggle.styles.js

@@ -1,193 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-function _templateObject14() {
-  var data = _taggedTemplateLiteralLoose(["\n      padding: 0 ", " 0 0;\n    "]);
-
-  _templateObject14 = function _templateObject14() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject13() {
-  var data = _taggedTemplateLiteralLoose(["\n      padding: 0 0 0 ", ";\n    "]);
-
-  _templateObject13 = function _templateObject13() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject12() {
-  var data = _taggedTemplateLiteralLoose(["\n      flex-direction: row-reverse;\n    "]);
-
-  _templateObject12 = function _templateObject12() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject11() {
-  var data = _taggedTemplateLiteralLoose(["\n      opacity: 0.3;\n      cursor: default !important;\n\n      ", " {\n        background: ", ";\n      }\n    "]);
-
-  _templateObject11 = function _templateObject11() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject10() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: ", ";\n      position: relative;\n      width: ", ";\n      flex: 1 0 ", ";\n\n      &::after {\n        content: '';\n        display: inline-block;\n      }\n    "]);
-
-  _templateObject10 = function _templateObject10() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject9() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ":checked ~ ", "& {\n        background: ", ";\n        box-shadow: inset 0 0 0 ", " ", ";\n\n        ", " {\n          background: ", ";\n        }\n      }\n    "]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ":checked ~ ", "& {\n        background: ", ";\n        box-shadow: inset 0 0 0 ", " ", ";\n\n        ", " {\n          background: ", ";\n        }\n      }\n    "]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ":checked ~ ", "& {\n        background: ", ";\n        box-shadow: inset 0 0 0 ", " ", ";\n      }\n      ", " {\n        background: ", ";\n      }\n    "]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose(["\n      background: inherit;\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      transition: 0.2s ease-in;\n      width: 10px;\n    "]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", "&, ", ":checked ~ & {\n        box-shadow: 0 0 0 1px ", ", 0 0 0 ", " ", ";\n      }\n    "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      box-shadow: inset 0 0 0 ", " ", ";\n      height: 100%;\n      overflow: hidden;\n      position: absolute;\n      width: 100%;\n      /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\n      z-index: 0;\n    "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      opacity: 0;\n\n      &:focus {\n        outline: none;\n      }\n      &:checked ~ ", " {\n        box-shadow: inset 0 0 0 ", " ", ";\n        background: ", ";\n        transition: background 0s 0.2s;\n      }\n      &:checked ~ ", " ", " {\n        width: 70%;\n        background: ", ";\n      }\n      &:checked ~ ", " {\n        transform: translateX(", ") translateX(-", ");\n      }\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border-radius: ", ";\n      bottom: ", ";\n      box-shadow: 0 ", " 0 0 rgba(0, 0, 0, 0.15), 0 0 0 ", " rgba(0, 0, 0, 0.15);\n      height: ", ";\n      left: ", ";\n      position: absolute;\n      top: ", ";\n      transition: 0.2s ease-in;\n      width: ", ";\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      cursor: pointer;\n\n      &:hover:not(", ") {\n        ", " {\n          background: ", ";\n        }\n      }\n      &:active:not(", ") ", " {\n        width: ", ";\n      }\n      &:active:not(", ") ", ":checked ~ ", " {\n        transform: translateX(", ") translateX(-", ")\n          translateX(-", ");\n      }\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, cssName, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  root: function root(t) {
-    var disabled = cssName(styles.disabled(t));
-    var handleWidthWithBorders = t.toggleHeight;
-    var handleActiveWidth = "calc(" + handleWidthWithBorders + " - 2 * " + t.toggleBorderWidth + " + " + t.toggleHandleActiveWidthIncrement + ")";
-    return css(_templateObject(), disabled, cssName(styles.handle(t)), t.toggleBgHover, disabled, cssName(styles.handle(t)), handleActiveWidth, disabled, cssName(styles.input(t)), cssName(styles.handle(t)), t.toggleWidth, handleWidthWithBorders, t.toggleHandleActiveWidthIncrement);
-  },
-  handle: function handle(t) {
-    var handleSize = "calc(" + t.toggleHeight + " - 2 * " + t.toggleBorderWidth + ")";
-    return css(_templateObject2(), t.toggleBg, t.toggleHandleBorderRadius, t.toggleBorderWidth, t.toggleBorderWidth, t.toggleBorderWidth, handleSize, t.toggleBorderWidth, t.toggleBorderWidth, handleSize);
-  },
-  input: function input(t) {
-    var handleWidthWithBorders = t.toggleHeight;
-    return css(_templateObject3(), cssName(styles.container(t)), t.toggleBorderWidth, t.toggleBgChecked, t.toggleBgChecked, cssName(styles.container(t)), cssName(styles.activeBackground()), t.toggleBgChecked, cssName(styles.handle(t)), t.toggleWidth, handleWidthWithBorders);
-  },
-  container: function container(t) {
-    return css(_templateObject4(), t.toggleBorderRadius, t.toggleBorderWidth, t.toggleBorderColor);
-  },
-  focused: function focused(t) {
-    return css(_templateObject5(), cssName(styles.container(t)), cssName(styles.input(t)), t.outlineColorFocus, t.toggleOutlineWidth, t.toggleFocusShadowColor);
-  },
-  activeBackground: function activeBackground() {
-    return css(_templateObject6());
-  },
-  isLoading: function isLoading(t) {
-    return css(_templateObject7(), cssName(styles.input(t)), cssName(styles.container(t)), t.toggleBorderColor, t.toggleBorderWidth, t.toggleBorderColor, cssName(styles.activeBackground()), t.toggleBgActive);
-  },
-  isWarning: function isWarning(t) {
-    return css(_templateObject8(), cssName(styles.input(t)), cssName(styles.container(t)), t.toggleBgWarning, t.toggleBorderWidth, t.toggleBgWarning, cssName(styles.activeBackground()), t.toggleBgWarning);
-  },
-  isError: function isError(t) {
-    return css(_templateObject9(), cssName(styles.input(t)), cssName(styles.container(t)), t.toggleBgError, t.toggleBorderWidth, t.toggleBgError, cssName(styles.activeBackground()), t.toggleBgError);
-  },
-  wrapper: function wrapper(t) {
-    return css(_templateObject10(), t.toggleHeight, t.toggleWidth, t.toggleWidth);
-  },
-  disabled: function disabled(t) {
-    return css(_templateObject11(), cssName(styles.container(t)), t.toggleBgDisabled);
-  },
-  rootLeft: function rootLeft() {
-    return css(_templateObject12());
-  },
-  caption: function caption(t) {
-    return css(_templateObject13(), t.toggleCaptionGap);
-  },
-  captionLeft: function captionLeft(t) {
-    return css(_templateObject14(), t.toggleCaptionGap);
-  }
-};
-export var jsStyles = memoizeStyle(styles);

package/components/Toggle/Toggle.styles/Toggle.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Toggle.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","t","disabled","handleWidthWithBorders","toggleHeight","handleActiveWidth","toggleBorderWidth","toggleHandleActiveWidthIncrement","handle","toggleBgHover","input","toggleWidth","handleSize","toggleBg","toggleHandleBorderRadius","container","toggleBgChecked","activeBackground","toggleBorderRadius","toggleBorderColor","focused","outlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","isLoading","toggleBgActive","isWarning","toggleBgWarning","isError","toggleBgError","wrapper","toggleBgDisabled","rootLeft","caption","toggleCaptionGap","captionLeft","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    const disabled = cssName(styles.disabled(t));\r\n    const handleWidthWithBorders = t.toggleHeight;\r\n    const handleActiveWidth = `calc(${handleWidthWithBorders} - 2 * ${t.toggleBorderWidth} + ${t.toggleHandleActiveWidthIncrement})`;\r\n    return css`\r\n      display: inline-flex;\r\n      cursor: pointer;\r\n\r\n      &:hover:not(${disabled}) {\r\n        ${cssName(styles.handle(t))} {\r\n          background: ${t.toggleBgHover};\r\n        }\r\n      }\r\n      &:active:not(${disabled}) ${cssName(styles.handle(t))} {\r\n        width: ${handleActiveWidth};\r\n      }\r\n      &:active:not(${disabled}) ${cssName(styles.input(t))}:checked ~ ${cssName(styles.handle(t))} {\r\n        transform: translateX(${t.toggleWidth}) translateX(-${handleWidthWithBorders})\r\n          translateX(-${t.toggleHandleActiveWidthIncrement});\r\n      }\r\n    `;\r\n  },\r\n\r\n  handle(t: Theme) {\r\n    const handleSize = `calc(${t.toggleHeight} - 2 * ${t.toggleBorderWidth})`;\r\n    return css`\r\n      background: ${t.toggleBg};\r\n      border-radius: ${t.toggleHandleBorderRadius};\r\n      bottom: ${t.toggleBorderWidth};\r\n      box-shadow: 0 ${t.toggleBorderWidth} 0 0 rgba(0, 0, 0, 0.15), 0 0 0 ${t.toggleBorderWidth} rgba(0, 0, 0, 0.15);\r\n      height: ${handleSize};\r\n      left: ${t.toggleBorderWidth};\r\n      position: absolute;\r\n      top: ${t.toggleBorderWidth};\r\n      transition: 0.2s ease-in;\r\n      width: ${handleSize};\r\n    `;\r\n  },\r\n\r\n  input(t: Theme) {\r\n    const handleWidthWithBorders = t.toggleHeight;\r\n    return css`\r\n      position: absolute;\r\n      opacity: 0;\r\n\r\n      &:focus {\r\n        outline: none;\r\n      }\r\n      &:checked ~ ${cssName(styles.container(t))} {\r\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgChecked};\r\n        background: ${t.toggleBgChecked};\r\n        transition: background 0s 0.2s;\r\n      }\r\n      &:checked ~ ${cssName(styles.container(t))} ${cssName(styles.activeBackground())} {\r\n        width: 70%;\r\n        background: ${t.toggleBgChecked};\r\n      }\r\n      &:checked ~ ${cssName(styles.handle(t))} {\r\n        transform: translateX(${t.toggleWidth}) translateX(-${handleWidthWithBorders});\r\n      }\r\n    `;\r\n  },\r\n\r\n  container(t: Theme) {\r\n    return css`\r\n      border-radius: ${t.toggleBorderRadius};\r\n      box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\r\n      height: 100%;\r\n      overflow: hidden;\r\n      position: absolute;\r\n      width: 100%;\r\n      /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\r\n      z-index: 0;\r\n    `;\r\n  },\r\n\r\n  focused(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.container(t))}&, ${cssName(styles.input(t))}:checked ~ & {\r\n        box-shadow: 0 0 0 1px ${t.outlineColorFocus}, 0 0 0 ${t.toggleOutlineWidth} ${t.toggleFocusShadowColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  activeBackground() {\r\n    return css`\r\n      background: inherit;\r\n      bottom: 0;\r\n      left: 0;\r\n      position: absolute;\r\n      top: 0;\r\n      transition: 0.2s ease-in;\r\n      width: 10px;\r\n    `;\r\n  },\r\n\r\n  isLoading(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\r\n        background: ${t.toggleBorderColor};\r\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\r\n      }\r\n      ${cssName(styles.activeBackground())} {\r\n        background: ${t.toggleBgActive};\r\n      }\r\n    `;\r\n  },\r\n\r\n  isWarning(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\r\n        background: ${t.toggleBgWarning};\r\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgWarning};\r\n\r\n        ${cssName(styles.activeBackground())} {\r\n          background: ${t.toggleBgWarning};\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  isError(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\r\n        background: ${t.toggleBgError};\r\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgError};\r\n\r\n        ${cssName(styles.activeBackground())} {\r\n          background: ${t.toggleBgError};\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  wrapper(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      height: ${t.toggleHeight};\r\n      position: relative;\r\n      width: ${t.toggleWidth};\r\n      flex: 1 0 ${t.toggleWidth};\r\n\r\n      &::after {\r\n        content: '';\r\n        display: inline-block;\r\n      }\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      opacity: 0.3;\r\n      cursor: default !important;\r\n\r\n      ${cssName(styles.container(t))} {\r\n        background: ${t.toggleBgDisabled};\r\n      }\r\n    `;\r\n  },\r\n\r\n  rootLeft() {\r\n    return css`\r\n      flex-direction: row-reverse;\r\n    `;\r\n  },\r\n\r\n  caption(t: Theme) {\r\n    return css`\r\n      padding: 0 0 0 ${t.toggleCaptionGap};\r\n    `;\r\n  },\r\n\r\n  captionLeft(t: Theme) {\r\n    return css`\r\n      padding: 0 ${t.toggleCaptionGap} 0 0;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}